@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

    ul{
    padding-left: unset !important;
    }
    ul li{
    list-style-type: none;
    }
.icon_title {
    font-family: 'Plus Jakarta Sans';
    font-size: var(--font30);
    line-height: 79px;
    /* or 263% */
    text-transform: capitalize;
    color: var(--black);
    font-weight: bold;
}
    .color_set{
    justify-content: space-around;
    padding-right: 118px;
    }
    /* ======================priamry_pallete css================================ */
    .priamry_pallete{
    width: 106px;
    height: 106px;
    background: #871820;
    border-radius: 50%;
    display: grid;
    margin-left: 19px;
    }
    .priamry_pallete1{
    background: #7C7878;
    }
    .priamry_pallete2{
    background: #183748;
    }
    .priamry_pallete3{
    background: #fff;
    border: 1px solid #D8D8D8;
    color: #575757;
    }
.colorCode {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 79px;
    text-transform: capitalize;
    color: #FFFFFF;
    display: grid;
    place-content: center;
}
    .priamry_pallete1{
    justify-content: space-around;
    }
.palette_Sub_title {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: var(--black);
    padding-top: 11px;
}
    .Secondary_pallete{
    width: 103px;
    height: 101px;
    border-radius: 50%;
    display: grid;
    background: #15628C;
    margin-left: 19px;
    }
    .Secondary_pallete1{
    background: #0B5C87;
    }
    .Secondary_pallete2{
    background: #000000;
    }
    .Secondary_pallete3{
    background: #212120;
    }
    .Secondary_pallete4{
    background: #585858;
    }
    .Tertiary_Palette{
    width: 103px;
    height: 101px;
    border-radius: 50%;
    display: grid;
    background: #F99F1B;
    margin-left: 10px;
    }
    .Tertiary_Palette1{
    background: #FCBA27;
    }
    .Tertiary_Palette2{
    background: #F9DD94;
    }
    .Tertiary_Palette3{
    background: #FBEBB4;
    }
.colorCode1 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 79px;
    /* identical to box height, or 494% */
    text-transform: capitalize;
    color: var(--black);
    display: grid;
    place-content: center;
}
    .tint_Palette{
   
    background: var(--tint_Palette);
    }
    .tint_Palette1{
    background: var(--tint_Palette1);
    }
    .tint_Palette2{
        background: var(--tint_Palette2);
    }
    .tint_Palette3{
        background: var(--tint_Palette3);
    }
    .tint_Palette4{
        background: var(--tint_Palette4);
    }
    .tint_Palette5{
        background: var(--tint_Palette5);
    }
    .tint_Palette6{
        background: var(--tint_Palette6);
    }
    .blue_Palette{
    background: #050B0F;
    }
    .blue_Palette1{
    background: #0B1A22;
    }
    .blue_Palette2{
    background: #122835;
    }
    .blue_Palette3{
    background: #183748;
    }
    .blue_Palette4{
    background: #1E465B;
    }
    .blue_Palette5{
    background: #25546E;
    }
    .blue_Palette6{
    background: var(--MainColor);
    }
    .gray_Palette{
    background: #555252;
    }
    .gray_Palette1{
    background: #625F5F;
    }
    .gray_Palette2{
    background: #6F6B6B;
    }
    .gray_Palette3{
    background: #7C7878;
    }
    .gray_Palette4{
    background: #898585;
    }
    .gray_Palette5{
    background: #959292;
    }
    .gray_Palette6{
    background: #A29F9F;
    }
    .gray_Palette7{
    background: #989898;
    }
    .gray_Palette8{
    background: #B1B1B1;
    }
    .gray_Palette9{
    background: #BEBEBE;
    }
    .gray_Palette10{
    background: #CBCBCB;
    }
    .gray_Palette11{
    background: #D8D8D8;
    }
    .gray_Palette12{
    background: #E4E4E4;
    }
    .gray_Palette13{
    background: #F7F7F7;
    }
    .black_Palette{
    background: #000000;
    }
    .black_Palette1{
    background: #0D0D0D;
    }
    .black_Palette2{
    background: #1A1A1A;
    }
    .black_Palette3{
    background: #262626;
    }
    .black_Palette4{
    background: #333333;
    }
    .black_Palette5{
    background: #404040;
    }
    .black_Palette6{
    background: #4C4C4C;
    }




    /*color-pallete new css*/

:root {
    --font-family-Plus:'Plus Jakarta Sans';
    --wt400: 400;
    --wt500: 500;
    --wt600: 600;
    --wt700: 700;
    --wt300: 300;
    --wt800: 800;
    --font10: 0.625rem;
    --font11: 0.6875rem;
    --font12: 0.75rem;
    --font13: 0.8125rem;
    --font14: 0.875rem;
    --font15: 0.9375rem;
    --font16: 1rem;
    --font17: 1.0625rem;
    --font18: 1.125rem;
    --font20: 1.25rem;
    --font21: 1.3125rem;
    --font24: 1.5rem;
    --font30: 1.875rem;
    --font40: 2.5rem;
    --font45: 2.8125rem;
    --font50: 3.125rem;
}

body {
     font-family: 'Plus Jakarta Sans';
}

.rounded-circle {
    width: 137px;
    height: 137px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: white;
     font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: var(--wt700);
    font-size: var(--font17);
    line-height: 79px;
    text-transform: capitalize;
    display: inline-flex;
    margin-right: 35px;
}

.WrapPallate {
    padding: 0 80px;
}

.pallateTitle {
     font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 25px;
    line-height: 79px;
    margin-bottom: 0;
    color: #000000
}

.color-point {
     font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    margin-top: 20px;
}

.wrapDiv {
    margin-bottom: 35px;
}

.logo-circle1 {
    background-color: #2443AB
}

.logo-circle2 {
    background-color: #3A6B02
}

.logo-circle3 {
    background-color: #97B724
}
.logo-circle4 {
    background-color: #343829
}
.logo-circle5{
    background-color: #DFEAF6
}

.prim-circle1 {
    background-color: #0144E4;
}

.prim-circle2 {
    background-color: #FFCA42;
}
.prim-circle3 {
    background-color: #97B724;
}

.sec-circle1 {
    background-color: #F96057;
}
.sec-circle2 {
    background-color: #FFCA42;
   
}
    .sec-circle2 span {
        color: #575757;
    }

.sec-circle3 {
    background-color: #7F42FF;
}
/*.sec-circle2 span {
}*/

.sec-circle3 span{
        color: white;

    }

/* .Tertiary-circle1 {
    background-color: #3A3829;
}

.Tertiary-circle2 {
    background-color: #8C9EAF;
} */

.orangeShadeTitle{
    font-size:var(--font30);
}

.OrangeColor, .CadetPalette {
    height: 120px;
    width: 120px;
    margin-right: 15px;
}
.orangeCircle1 {
    background-color: #000000;
}

.orangeCircle2 {
    background-color: #888B94;
}
.orangeCircle3 {
    background-color: #E9F6FC;
}
.orangeCircle4 {
    background-color: #F7F8FA;
    border: 1px solid #E9E9E9;
}
.orangeCircle5 {
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
}

    .orangeCircle3 span, .orangeCircle4 span, .orangeCircle5 span {
        color: #575757;
    }
/*.orangeCircle6 {
    background-color: #2F55D3;
}
.orangeCircle7 {
    background-color: #4466D8;
}
.CadetPalette1 {
    background-color: #112001;
}
.CadetPalette2 {
    background-color: #1F3901;
}
.CadetPalette3 {
    background-color: #2C5202;
}
.CadetPalette4 {
    background-color: #3A6B02;
}*/
.CadetPalette5 {
    background-color: #488402;
}
.CadetPalette6 {
    background-color: #559D03;
}
.CadetPalette7 {
    background-color: #63B603;
}

.AuroMetalPalette1 {
    background-color: #627717;
}
.AuroMetalPalette2 {
    background-color: #748C1C;
}
.AuroMetalPalette3 {
    background-color: #85A220;
}
.AuroMetalPalette4 {
    background-color: #97B724;
}
.AuroMetalPalette5 {
    background-color: #A9CC28;
}
.AuroMetalPalette6 {
    background-color: #B4D836 ;
}
.AuroMetalPalette7 {
    background-color: #BCDC4C;
}

.DarkLiver1 {
    background-color: #A3C3E5;
}
.DarkLiver2 {
    background-color: #B7D0EB;
}
.DarkLiver3 {
    background-color: #CBDDF0;
}
.DarkLiver4 {
    background-color: #DFEAF6;
}
.DarkLiver5 {
    background-color: #F3F7FC;
}
/* .DarkLiver6 {
    background-color: #968C91;
}
.DarkLiver7 {
    background-color: #A2999D;
} */

.black{
    color: #000000;
}