.btn-insc{
    display: flex;
    width: 183px;
    height: 48px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    background: linear-gradient(90deg, #FF2980 0%, #F88926 100%), #1E2656;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.btn-insc:hover{
    color: #FFF;
}
.navbar{
    border-bottom: 1px solid #D3D2D2;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(26px);
    z-index: 2;
}
.abrid-row{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.error{
    color: #e24f2b;
}
@media screen and (max-width: 767px) {
    .btn-insc{
        display: none;
    }
}

.rtl{
    direction: rtl;
}
.ltr{
    direction: ltr;
}
.sec1{
    position: relative;
    background: #FFF;
    flex-shrink: 0;
    margin-top: 70px;
}
.sec1-bg-1{
    width: 195px;
    height: 195px;
    flex-shrink: 0;
    position: absolute;
    top: 100px;
}
.sec1-bg-2{
    width: 195px;
    height: 195px;
    flex-shrink: 0;
    position: absolute;
    top: 20px;
}
.sec1-bg-3{
    position: absolute;
    bottom: -225px;
}
.sec2{
    padding: 102.205px 84px 157px 84px;
    background: linear-gradient(0deg, #FFFBF6 0%, #FFF8F1 100%);
}
.sec1-h1{
    color: #1E2656;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px; /* 108.333% */
    letter-spacing: -0.96px;
    margin-bottom: 18px;
}
.sec1-day{
    color: #1E2656;
    font-family: Inter;
    font-size: 48px;
    
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.96px;
   
}
.sec1-p{
    color: #000;
    font-feature-settings: 'liga' off;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
    margin-bottom: 48px;
}
.sec1-btn{
    display: flex;
    width: 217px;
    height: 48px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    background: linear-gradient(90deg, #FF2980 0%, #F88926 100%), #AAD047;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    z-index: 10;
}
.sec1-btn:hover{
    color: #FFF;
}
.sec1-g1{
    padding-left: 64px;
    padding-top: 225px;
    padding-bottom: 297px;
}
.sec1-g21{
    padding-top: 184px;
}
.sec1-g22{
    padding-top: 65px;
    margin-bottom: 34px;
}
.sec-1-g221{
    width: 337px;
    height: 218.155px;
    flex-shrink: 0;
}
.sec1-body{
    display: flex;
    gap: 22px;
}
@media screen and (max-width: 767px) {
    .sec1-body{
        display: grid;
        gap: 60px;
        padding-left: 0px;
        padding-right: 0px;
        padding: 20px;
    }
    .sec1-h1{
        color: #1E2656;
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 28.34px; /* 101.214% */
        letter-spacing: -0.56px;
    }
    .sec1-day{
        color: #1E2656;
        font-family: Inter;
        font-size: 28px;
        
        font-weight: 400;
        line-height: 28.34px;
        letter-spacing: -0.56px;
    }
    .sec1-p{
        font-size: 14px;
        margin-bottom: 48px;
    }
    .sec1-g1{
        padding-left: 24px;
        padding-top: 72px;
        padding-bottom: 60px;
    }
    .sec1-g21 {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
       
    }
    .sec1-g22 {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        display: none;
    }
    .sec1-bg-2 {
        width: 133px;
        height: 133px;
        flex-shrink: 0;
        position: absolute;
        top: -118px;
    }
    .sec1-bg-1 {
        width: 133px;
        height: 133px;
        flex-shrink: 0;
        position: absolute;
        top: -70px;
    }
    .sec-1-g221{
        width: 100% !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
/**TABLET*/
.sec1-body{
        display: flex;
        gap: 22px;
        padding-left: 0px;
        padding-right: 0px;
        padding: 20px;
        padding-top: 100px;
    }
    .sec1-h1{
        font-size: 32px;
    }
    .sec1-day{
        font-size: 32px;
    }
    .sec1-p{
        font-size: 20px;
        margin-bottom: 48px;
    }
    .sec1-g1{
        padding-left: 24px;
        padding-top: 213px;
        padding-bottom: 60px;
    }
    .sec1-g21 {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .sec1-g22 {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .sec1-bg-2 {
        width: 133px;
        height: 133px;
        flex-shrink: 0;
        position: absolute;
        top: -66px;
    }
    .sec1-bg-1 {
        width: 133px;
        height: 133px;
        flex-shrink: 0;
        position: absolute;
        top: 0px;
    }
    .sec-1-g221{
        width: 100% !important;
    }

}

.sec2-h2{
    color: #041914;
    text-align: center;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
    margin-bottom: 14px;
}
.sec2-span{
    color: #041914;
    font-family: Inter;
    font-size: 64px;
    
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.64px;
}
.sec2-p{
    color: #485450;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 70px;
}
.sec2-card{
    /*background: #211D19;*/
    position: relative;
    width: 303px;
    height: 323px;
    flex-shrink: 0;
}
.sec2-bg{
    position: absolute;
    top: 0;
    z-index: 1;
}
.sec2-card-icon{
    position: absolute;
    left: 24px;
    top: 44px;
    z-index: 10;
}
.sec2-card-titre{
    color: #FFF;
    font-family: Inter;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    z-index: 2;
    position: absolute;
    left: 24px;
    top: 117px;
}
.sec2-card-desc{
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    position: absolute;
    left: 24px;
    top: 161px;
    z-index: 10;
}
.sec2-from3{
    border-radius: 70px 70px 0px 0px;
    background: #FFF;
    height: 119.416px;
}
.sec-22{
    background: linear-gradient(0deg, #FFFBF6 0%, #FFF8F1 100%);
}

@media screen and (max-width: 767px) {
    .sec2-h2{  
        color: #041914;
        text-align: center;
        font-family: Inter;
        font-size: 44px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.44px;
    }
    .sec2-span{
        color: #041914;
        font-family: Inter;
        font-size: 44px;
        
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.44px;
    }
    .sec2-p{
        font-size: 18px;
    }
    .sec2{
        padding: 22px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    /**TABLET*/
    .sec2-h2{  
        font-size: 44px;
    }
    .sec2-span{
        font-size: 44px;
    }
    .sec2-p{
        font-size: 18px;
    }
    .sec2{
        padding: 22px;
    }

}

.sec3{
    padding-left: 116px;
    padding-right: 116px;
}
.sec3-card-q{
    display: flex;
    padding: 8px 24px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 48px;
    background: #EFEFEF;
    margin-bottom: 18px;
    padding: 8px 24px;
}
.sec3-q{
    color: #000;
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.64px;
  
}
.sec3-r{
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.18px;
    margin-bottom: 47px;
}
.sec3-h3{
    color: #000;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 69px; /* 143.75% */
    letter-spacing: -0.48px;
    margin-bottom: 44px;
    text-align: center;
}
.sec3-span{
    color: #000;
    font-family: Inter;
    font-size: 64px;
    
    font-weight: 400;
    line-height: 69px;
    letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
    .sec3 {
        padding-left: 27px;
        padding-right: 27px;
        padding-top: 60px;
    }
    .sec3-q{
        font-size: 18px;
    }
    .sec3-r{
        font-size: 16px;
    }
    .sec3-h3{
        color: #000;
        text-align: center;
        font-family: Inter;
        font-size: 23.34px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /* 137.103% */
        letter-spacing: -0.233px;
        text-align: center;
    }
    .sec3-span{
        color: #000;
        font-family: Inter;
        font-size: 31.12px;
        
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.311px;
    }
    .sec2-from3 {
        display: none;
    }
    .inverse-row{
        flex-direction: column-reverse;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    /**TABLET*/
    .sec3 {
        padding-left: 27px;
        padding-right: 27px;
        padding-top: 60px;
    }
    .sec3-q{
        font-size: 18px;
    }
    .sec3-r{
        font-size: 16px;
    }
    .sec3-h3{
        font-size: 24px;
        margin-bottom: 40px;
        line-height: 30px;
    }
    .sec3-span{
        font-size: 30px;
    }
    .sec2-from3 {
        display: none;
    }

}

.sec4{
    padding-bottom: 100px;
}
.sec4-h4{
    color: #000;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 69px; /* 143.75% */
    letter-spacing: -0.48px;
    text-align: center;
    padding-top: 73px;
    padding-bottom: 73px;
}
.sec4-card{
    display: inline-flex;
    padding: 12px;
    align-items: center;
    gap: 12px;
    border-radius: 4.779px;
    background: #F6F6F6;
}
.sec4-card-icon{
    width: 59.737px;
    height: 56.153px;
    border-radius: 9.558px;
    background: #D9D9D9;
}
.sec4-card-date{
    color: #1E2656;
    font-family: Inter;
    font-size: 16.726px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.sec4-card-desc{
    color: #939393;
    font-family: Inter;
    font-size: 14.337px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.sec4-bg{
    position: absolute;
    top: 120px;
    width: 100%;
}
.sec4-mb-c1{
    margin-bottom: 400px;
}
.sec4-mb-c2{
    margin-bottom: 420px;
}
.sec4-mb-c3{
    margin-bottom: 300px;
}
.sec4-bg-mobile{
        display: none;
}
@media screen and (max-width: 767px) {
    .sec4-bg{
        display: none;
    }
    .sec4-mb-c1{
        margin-bottom: 79px;
    }
    .sec4-mb-c2{
        margin-bottom: 79px;
    }
    .sec4-mb-c3{
        margin-bottom: 79px;
    }
    .sec4-mb-c4{
        margin-bottom: 79px;
    }
    .m-j-center{
        display: flex !important;
        justify-content: center !important;
        width: 100%;
    }
    .sec4-h4{
        color: #1E2656;
        text-align: center;
        font-family: Inter;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.88px;
    }
    .sec4-h4-span{
        color: #1E2656;
        font-family: Inter;
        font-size: 44px;
        
        font-weight: 400;
        line-height: 48px;
        letter-spacing: -0.88px;
    }
    .sec4-bg-mobile{
        display: block;
        position: absolute;
        top: 0px;
        width: 100%;
        text-align: center;
        z-index: -1;
        height: 100%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    /**TABLET*/
    .secg4-bg{
        display: block;
    }
    .sec4-bg-mobile{
        display: none;
    }
    .sec4-mb-c1{
        margin-bottom: 250px;
    }
    .sec4-mb-c2{
        margin-bottom: 250px;
    }
    .sec4-mb-c3{
        margin-bottom: 250px;
    }
    .sec4-mb-c4{
        margin-bottom: 79px;
    }
    .sec4-card-date{
        font-size: 14px;
    }
    .m-j-center{
        display: flex !important;
        justify-content: center !important;
        width: 100%;
    }
    .sec4-h4{
        font-size: 24px;
        line-height: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

}

.sec5{
    background: linear-gradient(0deg, #FFFBF6 0%, #FFF8F1 100%);
    padding: 66px;
}
.sec5-h5{
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.2px;
    margin-top: 73px;
    margin-bottom: 63px;
}
.sec5-h5-span{
    color: #000;
    font-family: Inter;
    font-size: 48px;
    
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.44px;
    }
.sec5-card{
    width: 100%;
    flex-shrink: 0;
    border-radius: 16px;
    background: linear-gradient(0deg, #FFFBF6 0%, #FFF8F1 100%), linear-gradient(0deg, #FFFBF6 0%, #FFF8F1 100%);
    padding: 48px;
    display: flex;
    gap: 47px;
    position: relative;
    flex-direction: column;
}
.sec5-card-titre{
    color: var(--Neutral-Black, #0F3141);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
    letter-spacing: -0.72px;
    margin-bottom: 24px;
}
.sec5-card-p{
    color: #78756E;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}
.sec5-body{
    display: flex;
    gap: 24px;
}
.sec55{
    height: 26px;
    background: #FFF;
}
.sec5-num1{
    color: #0F3141;
    font-family: Raleway;
    font-size: 288px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.88px;
    opacity: 0.5;
    position: absolute;
    right: 50px;
    top: 20px;
}
.sec5-card-img{
    width: 100%;
    height: 245px;
    flex-shrink: 0;
}
.sec5-n1{
    color: #F39323;
}
.sec5-n2{
    color: #2DABE3;
}
.sec5-n3{
    color: #B6D22A;
}

@media screen and (max-width: 767px) {
    .sec5{
        padding: 24px;
    }
    .sec5-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 29px;
    }
    .sec5-card{
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        border-radius: 16px;
        background: linear-gradient(0deg, #FFFBF6 0%, #FFF8F1 100%);
        padding: 0px;
        display: grid;
        gap: 47px;
        justify-content: center;
        justify-items: center;
    }
    .sec5-h5{
        color: #1E2656;
        text-align: center;
        font-family: Inter;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px; /* 100% */
        letter-spacing: -1.32px;
        margin-top: 73px;
        margin-bottom: 63px;
    }
    .sec5-h5-span{
        color: #1E2656;
        font-family: Inter;
        font-size: 44px;
        
        font-weight: 400;
        line-height: 44px;
        letter-spacing: -1.32px;
    }
    .sec5-num1 {
        right: 20px;
        top: -44px;
    }
    
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    /**TABLET*/
    .sec5{
        padding: 24px;
    }
    .sec5-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 29px;
    }
    .sec5-card{
        width: 100%;
        height: 100%;
        
       
    }
    .sec5-h5{
        font-size: 24px;
        margin-top: 73px;
        margin-bottom: 63px;
    }
    .sec5-num1 {
        right: -20px;
        top: 20px;
    }
   
}

.sec6{
    background: #F4F2EF;
    padding-top: 50px;
    padding-left: 73px;
    padding-right: 73px;
    padding-bottom: 50px;
}
.sec6-h6{
    color: #1E2656;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.8px;
    margin-bottom: 40px;
}
.sec6-body{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 154px;
    align-self: stretch;
}
.sec65-img{
    max-width: 408px;
    max-height: 100px;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .sec6-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 54px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    /**TABLET*/
    .sec6-body{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 54px;
    }

}

.sec7{
background: #F4F2EF;
}
.sec7-body{
flex-shrink: 0;
border-radius: 70px 70px 0px 0px;
background: #FFF;
position: relative;
}
.sec7-titre{
color: #1E2656;
text-align: center;
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.8px;
padding-top: 71px;
}
.sec7-card{
margin-top: 58px;
padding-left: 55px;
padding-right: 55px;
margin-bottom: 120px;
}
.sec7-t2{
color: #000;
font-family: Inter;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 57px; /* 118.75% */
letter-spacing: -0.48px;
margin-top: 0px;
margin-bottom: 24px;
}
.sec7-t2-span{
color: #000;
font-family: Inter;
font-size: 48px;

font-weight: 400;
line-height: 57px;
letter-spacing: -0.48px;

}
.sec7-p{
color: #737373;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.mb-24{
margin-bottom: 24px;
}
.mb-32{
margin-bottom: 32px;
}
.sec7-label{
color: var(--Gray-700, #344054);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

.sec7-btn{
display: flex;
height: 48px;
padding: 8px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 40px;
background: #1E2656;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%;
}
.sec7-checkbox{
width: 20px;
height: 20px;
border-radius: 6px;
border: 1px solid var(--Gray-300, #D0D5DD);
background: var(--White, #FFF);
}
.sec7-checkbox-label{
color: #344054;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
color: #667085;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.sec7-a{
color: #344054;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration-line: underline;
}
.sec7-bg1{
position: absolute;
bottom: -200px;
left: -19px;
}
.sec7-bg2{
position: absolute;
bottom: -150px;
left: -9px;
}
.sec7-bg3{
position: absolute;
bottom: -150px;
right: 0px;
}
.sec7-bg4{
position: absolute;
bottom: -200px;
right: 0px;
}
.sec7-img{
width: 100%;

}
@media screen and (max-width: 767px) {
    .sec7-titre{
        font-size: 24px;
        padding-top: 52px;
    }
    .sec7-t2{
        color: #000;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 26.974px; /* 112.391% */
        letter-spacing: -0.24px;
        margin-bottom: 41px;
    }
    .sec7-t2-span{
        color: #000;
        font-family: Inter;
        font-size: 24px;
        
        font-weight: 400;
        line-height: 26.974px;
        letter-spacing: -0.24px;
    }
    .sec7-p{
        font-size: 14px;
    }
    .sec7-card {
        margin-top: 38px;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 48px;
    }
    .sec7-bg1{
        display: none;
    }
    .sec7-bg2{
        display: none;
    }
    .sec7-bg3{
        display: none;
    }
    .sec7-bg4{
        display: none;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    /**TABLET*/
    .sec7-titre{
        font-size: 24px;
    }
    .sec7-t2{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 41px;
    }
    .sec7-t2-span{
        font-size: 24px;
        line-height: 30px;
    }
    .sec7-p{
        font-size: 14px;
    }
    .sec7-card {
        margin-top: 38px;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 80px;
    }

}

.footer{
    padding: 20px 0px 20px 52px;
    align-items: center;
    background: #E2FFCB;
    z-index: 12;
    position: absolute;
    width: 100%;
    
}
.footer-body{
    display: flex;
    justify-content: space-between;
}
.footer1{
    display: flex;
    /*width: 256px;*/
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
}
.footer-p{
    color: #1E2656;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.social-icons a {
    margin: 0 10px;
    font-size: 24px;
    text-decoration: none;
    transition: color 0.3s ease;
    background: white;
    border-radius: 45px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    display: inline-block;
    color: #FF2980;
    border: 1px solid #FF2980;
    border: 1px solid #FF2980;
    text-align: center;
}
.dev-by{
    color: #1E2656;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    display: flex;
    justify-content: center;
    padding-right: 20px;
}
.footer2{
    display: inline-grid;
    grid-gap: 3px;
    justify-items: center;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .footer{
        padding: 20px 0px 20px 20px;
    }
    .footer-body{
        display: grid;
        justify-content: center;
        margin-bottom: 24px;
    }
    .dev-by{
        font-size: 14px;
    }
}
.d-icon-social-side{
    margin: 0 10px;
    font-size: 24px;
    text-decoration: none;
    transition: color 0.3s ease;
    background: white;
    border-radius: 45px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    display: inline-block;
    color: #FF2980;
    border: 1px solid #FF2980;
    border: 1px solid #FF2980;
    text-align: center;
}
.c_fb{
    color: #0866FF !important;
    border: 1px solid #0866FF !important;
}
.c_link{
    color: #0A66C2 !important;
    border: 1px solid #0A66C2 !important;
}
.c_insta{
    color: #BA4888 !important;
    border: 1px solid #BA4888 !important;
}
.c_tube{
    color: #FF0033 !important;
    border: 1px solid #FF0033 !important;
}