body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* Responsive styles */
/*
@media (min-width: 320px) {
    header {

        width: 100% !important;

    }
} */



@media (min-width: 320px) and (max-width: 768px) {


img {
    margin-right: 58px !important;
    vertical-align: middle;
}


    header {
        width: 100% !important;
    }




    #slidern-form {
        display: none;
    }

    .lg-logo {
        width: 59px !important;
        height: 44px !important;
        margin-top: 1px !important;
        margin-left: -76px !important;
    }

    /* Other responsive styles */



    .carousel {
        height: 87vw !important;
        margin-top: 0px !important;
        width: 100vw !important;
        position: relative !important;
        z-index: 0 !important;
    }




.thumbnail .item {
    width: 17vw !important;
    height: 23vw !important;

}

/*
.arrows {
    position: absolute !important;
    top: 74% !important;
    right: 73% !important;
    z-index: 100 !important;
    width: 300px !important;
    max-width: 30% !important;
    display: flex;
    gap: 17px !important;
} */



#content-n p {
    font-size: 14px !important;
}



#about-btn {
    float: left;
    margin-top: 9px !important;
    padding: 10px 11px !important;
    margin-left: 121px !important;

}


#img1 {
    width: 100% !important;
    height: 279px !important;
    margin-top: -62px !important;
    padding: 5px !important;
}

#img2 {
    width: 100% !important;
    height: 269px !important;
    margin-top: 3px !important;
    margin-right: 0px !important;
    padding: 5px !important;

}

#img3 {
    width: 100% !important;
    height: 250px !important;
    margin-top:0px !important;
    margin-right:0px !important;
    padding: 5px !important;
    object-fit: cover;
}


#img4 {
    display: none;

}

#img5 {
    display: none;

}


.left-p, .left-p1{
    padding: 0px !important;
}

#discrp.ml3 {
    font-size: 14px !important;

}

#content-n h1 span,#content-n h1  {
    font-size: 30px !important;
}

#content-n h2{
    font-size: 25px !important;
}

#content-n span{
    font-size: 14px !important;
}

#right-side {
    width: 94% !important;
    height: 482px !important;
    border-radius: 20px !important;
    background-color: rgba(0, 58, 112, 0.9) !important;
    position: absolute !important;
    right: 15px !important;
    margin-top: 7px !important;
}


#heading1 {
        font-size: 25px !important;
    margin-left: 107px !important;
}




#heading2 {
    width: 100vw !important;
    text-align: start !important;
    font-size: 15px !important;
    color: white !important;
    font-family: 'Poppins';
    line-height: 1.2vw !important;
    font-weight: 300 !important;
    margin-top: 24px !important;
}


#heading4 {
    text-align: justify !important;
    font-size: 13px !important;

    color: white !important;

}

#lern-btn {
    font-size: 12px !important;
    margin-right: 100px !important;
    height: 46px !important;
    margin-top: 0px !important;
    border-radius: 10px 10px 10px 10px !important;
    border: none !important;
}


 #left-side {
        width: 82% !important;
        height: 237px !important;
    margin-left: 6px !important;
    margin-top: -39px !important;
}


.slider{

    padding-top: 20px !important;
}
.slider-container {

    margin-top: -348px !important;
}

#left-add h2,#left-add h3{
    font-size: 25px !important;
}

#left-add{
    width: 96vw !important;
    height: 20vh !important;
    margin-left: 26px !important;
    margin-top: -12x !important;
    background-color: rgba(0, 58, 112, 0.9) !important;
    border-radius: 25px 25px 25px 25px !important;
    padding: 2px;
}

.resp-num{
    font-size: 11px !important;
    margin-left: 17px !important;
}



#cards-background{
    display: none !important;
}


    #c-left-side {
        width: calc(97% - 10px) !important;
        height: 202px !important;
        margin-top: -97px !important;
        left: 17px !important;
        position: absolute !important;
        z-index: 2 !important;
    }


#c-right-side {
    height: 605px !important;
    width: calc(100% - 10px) !important;
    margin-top: 124px !important;
    background-repeat: no-repeat !important;
    border-radius: 25px 25px 25px 25px !important;
    background-color: rgba(25, 77, 124, 0.9) !important;
    position: absolute !important;
    right: -3px !important;
    z-index: 1 !important;
}


.single-blog .post-title{
        font-size: 15px !important; 
         text-align: center !important;
}


#c-heading1 {
    width: 89vw !important;
    font-size: 18px !important;
    margin-left: 4px !important;

}

#c-heading2 {
    width: 100vw !important;
    font-size: 13px !important;
    margin-left: 42px !important;
    color: white !important;
    text-align: start  !important;
    word-spacing: 7px !important;
    line-height: 1.3vw !important;
    font-family: 'Radio Canada' !important;
    margin-bottom: 0vw !important;
}


#c-heading4 {
    text-align: justify !important;
    font-size: 14px !important;
    line-height: 2 !important;
    word-spacing: 2px !important;
    font-family: 'Poppins' !important;
    font-weight: 300 !important;
    color: white !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: -11px !important;
}


#c-lern-btn {
    position: absolute !important;
    margin-top: 1vw !important;
    margin-left: -18vw !important;
    font-size: 15px !important;
    background-color: #ff0000 !important;
    font-family: 'Popiens' !important;
    border-radius: 10px 10px 10px 10px !important;
    font-weight: 600 !important;
}

.section_padding {
    padding: 0 0 !important;
    margin-top: 335px !important;
}




    #right-f {
        width: 334px !important;
        height: 533px !important;
        border-radius: 25px 25px 25px 25px !important;
        margin-left: 11px !important;
        margin-top: -19px !important;
    }



#lefti-form {
    background-color: #f7f7f7 !important;
    padding: 20px !important;
    border-radius: 20px 20px 20px 20px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
    max-width: 310px !important;
    background-color: rgba(64, 106, 145, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    margin: 0 auto !important;
}

#lefti-form button {
    width: 36% !important;
    padding: 3px !important;
    margin-top:24px !important;
    margin-left: 78px !important;
    border-radius: 5px !important;
    background-color: #ff0000 !important;
    color: #fff;
    font-size: 16px !important;
    cursor: pointer !important;
}

.blog-sec {
    padding-bottom: 0px !important;
}

#foot-logo{
    width: 108px !important;
    height: 89px !important;
    margin-left: 0px !important;
}

#footer h3{
    margin: 0 !important;
    padding: 0 !important;
}

#right-side-image {

    display: none;
    width: 369px !important;
    height: 240px !important;
    background-position: center !important;
    background-color: antiquewhite !important;
    border-radius: 25px 25px 25px 25px !important;
    margin-top: 2px !important;
    right: 0px !important;
    /* padding: 0px; */
    position: absolute !important;
}

.right-p{
    border: none !important;
}

#sol-p {
    text-align: center !important;
    font-size: 14px !important;
    margin-top: -15px !important;
    margin-left: 31px !important;
    margin-right: 22px !important;
}


 #shaz {

    margin-left: -32px !important;

}



/* about page reponisve */

.abt-sec.style2 .main-heading{

    text-align: center;
}

.abt-sec p {

    text-align: justify;
    font-size: 14px;
    font-family: 'Radio Canada', sans-serif !important;


}
#about-img{
    width: 347px !important;
    margin-left: 176px;
    margin-top: 21px;
    height: 299px !important;

}

.team-sec .team-slider .team .title{
    font-size: 20px !important;
}

.team-sec .team-slider .team .over{
    padding: 26px !important;
}


#services .box {
    padding: 29px !important;
}

#services {
    height: 3114px !important;
}

/* Services page */


.banner {
    min-height: 181px !important;
    padding: 85px 0 0 !important;
}

#sp-right img {
    width: 344px !important;
    height: 58vw !important;
    margin-top: -73px !important;
}


#sp-n2 {
    position: absolute !important;
    margin-right: 254px !important;
    margin-top: 36px !important;
}

.service2-content {

    width: 349px !important;
    height: 487px !important;
    margin-top: -23px !important;
}


.service2-content p {
    text-align: justify !important;
    color: white !important;
    line-height: 1.6 !important;
    word-spacing: 2px !important;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

#service3-btn {
    margin-left: 121px !important;
    margin-top: 34px !important;

}


#sp2 {

    margin-top: 309px !important;
}



#sp-n3 {
    right: -13px !important;
    margin-top: 10px !important;
}


#sp-n3 img {
    width: 362px !important;
    height: 68vw !important;
    margin-top: -73px !important;

}



#sp-left-n {
    margin-top: 243px !important;
    margin-left: 0px !important;
}



.service3-content {
    width: 343px !important;
    height: 532px !important;
    margin-top: -36px !important;}

#service2-btn {
    margin-left: 128px !important;
    margin-top: 16px !important;
    padding: 7px 12px !important;
}



#sp3 {
    margin-top: 429px !important;
}


#sp4 {
    height: 423px;
    margin-top: 292px !important;
}


.service4-content {
    width: 359px !important;
    height: 556px !important;


}
.service-sec.service2 {
    /* min-height: 400px; */
    padding: 112px 0 375px !important;
}




















/* Career page */




#cp-right img {
    width: 344px !important;
    height: 58vw !important;
    margin-top: -95px !important;
}


#cp-n2 {
    position: absolute !important;
    margin-right: 254px !important;
    margin-top: 36px !important;
}

.career2-content {

    width: 349px !important;
    height: 609px !important;
    margin-left: 3px !important;
    margin-top: -23px !important;
}


.career2-content p {
    text-align: justify !important;
    color: white !important;
    line-height: 1.6 !important;
    word-spacing: 2px !important;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

#career3-btn {
    margin-left: 121px !important;
    margin-top: -5px !important;


}


#cp2 {

    margin-top: 361px !important;
}



#cp-n3 {
    margin-right: 27px !important;
    margin-top: 10px !important;
}


#cp-n3 img {
    width: 328px !important;
    height: 68vw !important;
    margin-right: 16px !important;
    right: 1px;
    margin-top: -20px !important;
}



#cp-left-n {
    margin-top: 243px !important;
    margin-left: 74px !important;
}



.career3-content {
    width: 357px !important;
    margin-left: -79px !important;
    height: 689px !important;
    margin-top: 7px !important;
}

#career2-btn {
    margin-left: 108px !important;
    margin-top: -12px !important;
    padding: 7px 12px !important;
}



#cp3 {
    margin-top: 644px !important;
}


#cp4 {
    height: 423px;
    margin-top: 292px !important;
}


.career4-content {
    width: 359px !important;
    height: 556px !important;


}


.blackbg {
    width: 93vw !important;
    height: 62px !important;
    margin-top: 398px !important;
    margin-left: 8px !important;
    background: #5454548a;
    border-radius: 30px;
    /* position: absolute; */
    top: 350px !important;
    left: 198px ;
    display: flex;
    z-index: 1000;
}

.blackbg h1 {
    font-family: 'Radio Canada', sans-serif !important;
    color: white;
    font-size: 24px !important;

    margin-top: 20px !important;
    margin-left: 49px !important;
}


.blackbg2 {
    height: 57px !important;
    width: 93vw !important;
    margin-top: 326px !important;
    margin-left: 13px !important;
    background: #5454548a;
    border-radius: 30px;

}


.blackbg2 h1 {
    font-family: 'Radio Canada', sans-serif !important;
    color: white;
    margin-top: -3px !important;
    font-weight: 500 !important;
    font-size: 24px !important;
}

.blackbg2 h1 {
    margin-left: 48px !important;

}

#shaz {
        width: 351px !important;
        height: 176px !important;
        margin-top: 92px !important;
        margin-left: -32px !important;
    }




.right-col{
    height: 50px !important;
}




#sol-h1 {
    font-size: 6vw !important;
    margin-top: -8px !important;
    margin-left: 57px !important;
}

#sol-h2 {
margin-top: 21px!important;
    margin-left: 94px !important;
}


.rko {
    width: 100% !important;
    height: 0px !important;
    background-color: white;
}



.owl-next {

    margin-left: 84vw !important;
    width: 30px !important;
    height: 30px !important;
}


.owl-prev{
    margin-top: -309px !important;
    margin-left: -21px !important;
    width: 20px !important;
    height: 30px !important;
}

#aayu{
    width: 319px !important;
    height: 37px !important;
}

.hero-wrapper {
    height: 925px !important;
}


.f1{
    margin-top: 200px !important;
}


.f2{
    margin-top: -329px !important;
}


figure{
    /* height: 860px !important; */
}


.arrows{
    top: 75% !important;
    right: 74% !important;
}

#slide-tite-p{

    font-family: 'Radio Canada', sans-serif !important;
}

/* footer */


.raw{
    margin-top: 23px !important;
}

.oms{
    margin-top: 22px !important;
}


/* about page */


.yoki {
    width: 100% !important;
    height: 1208px !important;
}


.yoko{
    margin-top: 0px;
}



.mts1 img {
    width: 83% !important;
    height: 250px !important;
    margin-top: 39px !important;
    margin-left: 33px !important;
}

.mts2 img{
    width: 83% !important;
    height: 250px !important;
    margin-top: 39px !important;
    margin-left: 33px !important;
}

.yoko p{
    width: 357px !important;
    margin-left: 10px !important;
    font-size: 14px !important;

}
.yoko h1 {
        width: 355px !important;

    font-size: 64px !important;

}
.yoko h2 {
    font-size: 18px !important;
    margin-left: 6px !important;
    margin-top: -47px !important;
}





.title-v {
    font-size: 16px !important;
    margin-left: 7px !important;

}
.subtitle {
    font-size: 16px !important;
    margin-left: 14px !important;


}

.paratom {
    font-size: 13px !important;
    margin-left: 17px !important;
    margin-right: 20px !important;
}

.honey {
    position: relative;
    width: 100%;
    margin-top: -150px !important;
    height: 271px !important;
}

.abt-sec{
    margin-top: -96px !important;

}

.gauti{
    font-size: 14px !important;
}




}







@media (min-width: 412px) and (max-width:414px){

    #cards-white{
        margin-top: 39px !important;
    }



        /* about */



}


@media (width: 430px){

    #cards-white{
        margin-top: 45px !important;
    }



    /* about */




}




@media (min-width: 768px) and (max-width: 991px) {
    /* Specific styles for medium-sized devices */



    header {
        width: 100% !important;
    }



    #slidern-form {
        display: none;
    }



    #slidern-form {
        display: none;
    }

    .lg-logo {
        width: 59px !important;
        height: 44px !important;
        margin-top: 1px !important;
    }






    .carousel {
        height: 87vw !important;
        margin-top: 0px !important;
        width: 100vw !important;
        position: relative !important;
        z-index: 0 !important;
    }




.thumbnail .item {
    width: 17vw !important;
    height: 23vw !important;

}

/*
.arrows {
    position: absolute !important;
    top: 74% !important;
    right: 73% !important;
    z-index: 100 !important;
    width: 300px !important;
    max-width: 30% !important;
    display: flex;
    gap: 17px !important;
} */



#content-n p {
    font-size: 14px !important;
}


#img1 {
    width: 100% !important;
    height: 279px !important;
    margin-top: -62px !important;
    padding: 5px !important;
}

#img2 {
    width: 100% !important;
    height: 269px !important;
    margin-top: 3px !important;
    margin-right: 0px !important;
    padding: 5px !important;

}

#img3 {
    width: 100% !important;
    height: 250px !important;
    margin-top:0px !important;
    margin-right:0px !important;
    padding: 5px !important;
    object-fit: cover;
}


#img4 {
    display: none;

}

#img5 {
    display: none;

}


.left-p, .left-p1{
    padding: 0px !important;
}

#discrp.ml3 {
    font-size: 14px !important;

}

#content-n h1 span,#content-n h1  {
    font-size: 30px !important;
}

#content-n h2{
    font-size: 25px !important;
}

#content-n span{
    font-size: 14px !important;
}

#right-side {
    width: 94% !important;
    height: 487px !important;
    border-radius: 20px !important;
    background-color: rgba(0, 58, 112, 0.9) !important;
    position: absolute !important;
    right: 15px !important;
    margin-top: 7px !important;
}

#heading2 {
    width: 100vw !important;
    text-align: start !important;
    font-size: 15px !important;
    color: white !important;
    font-family: 'Poppins';
    line-height: 1.2vw !important;
    font-weight: 300 !important;
    margin-top: 24px !important;
}


#heading4 {
    text-align: justify !important;
    font-size: 13px !important;

    color: white !important;

}

#lern-btn {
    font-size: 13px !important;
    margin-right: 97px !important;
    margin-top: -22px !important;
    border-radius: 10px 10px 10px 10px !important;
    border: none !important;
}


 #left-side {
    width: 86% !important;
    height: 237px !important;
    margin-left: -38px !important;
    margin-top: -39px !important;
}


.slider{

    padding-top: 20px !important;
}
.slider-container {

    margin-top: 493px !important;
}

#left-add h2,#left-add h3{
    font-size: 25px !important;
}

#left-add{
    width: 96vw !important;
    height: 20vh !important;
    margin-left: 26px !important;
    margin-top: -12x !important;
    background-color: rgba(0, 58, 112, 0.9) !important;
    border-radius: 25px 25px 25px 25px !important;
    padding: 2px;
}

.resp-num{
    margin-left: 35px !important;
}



#cards-background{
    display: none !important;
}


#c-left-side {
    width: calc(100% - 10px) !important;
    height: 234px !important;
    margin-top: 0px !important;
    left: 2px !important;
    position: absolute !important;
    z-index: 2 !important;
}


#c-right-side {
    height: 655px !important;
    width: calc(100% - 10px) !important;
    margin-top: 239px !important;
    background-repeat: no-repeat !important;
    border-radius: 25px 25px 25px 25px !important;
    background-color: rgba(25, 77, 124, 0.9) !important;
    position: absolute !important;
    right: -3px !important;
    z-index: 1 !important;
}





#c-heading1 {
    width: 89vw !important;
    font-size: 22px !important;
    margin-left: 4px !important;

}

#c-heading2 {
    width: 100vw !important;
    font-size: 14px !important;
    margin-left: 42px !important;
    color: white !important;
    text-align: start  !important;
    word-spacing: 7px !important;
    line-height: 1.3vw !important;
    font-family: 'Radio Canada' !important;
    margin-bottom: 0vw !important;
}


#c-heading4 {
    text-align: justify !important;
    font-size: 14px !important;
    line-height: 2 !important;
    word-spacing: 2px !important;
    font-family: 'Poppins' !important;
    font-weight: 300 !important;
    color: white !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: -11px !important;
}


#c-lern-btn {
    position: absolute !important;
    margin-top: 1vw !important;
    margin-left: -18vw !important;
    font-size: 15px !important;
    background-color: #ff0000 !important;
    font-family: 'Popiens' !important;
    border-radius: 10px 10px 10px 10px !important;
    font-weight: 600 !important;
}

.section_padding {
    padding: 0 0 !important;
    margin-top: 335px !important;
}




#right-f {
    width: 351px !important;
    height: 521px !important;
    border-radius: 25px 25px 25px 25px !important;
    margin-left: 18px !important;
    margin-top: -12 !important;
}



#lefti-form {
    background-color: #f7f7f7 !important;
    padding: 20px !important;
    border-radius: 20px 20px 20px 20px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
    max-width: 310px !important;
    background-color: rgba(64, 106, 145, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    margin: 0 auto !important;
}

#lefti-form button {
    width: 36% !important;
    padding: 3px !important;
    margin-top:12px !important;
    margin-left: 78px !important;
    border-radius: 5px !important;
    background-color: #ff0000 !important;
    color: #fff;
    font-size: 16px !important;
    cursor: pointer !important;
}

.blog-sec {
    padding-bottom: 0px !important;
}

#foot-logo{
    width: 108px !important;
    height: 89px !important;
    margin-left: 0px !important;
}

#footer h3{
    margin: 0 !important;
    padding: 0 !important;
}

#right-side-image {

    display: none;
    width: 369px !important;
    height: 240px !important;
    background-position: center !important;
    background-color: antiquewhite !important;
    border-radius: 25px 25px 25px 25px !important;
    margin-top: 2px !important;
    right: 0px !important;
    /* padding: 0px; */
    position: absolute !important;
}

.right-p{
    border: none !important;
}

#sol-p {
    text-align: center !important;
    font-size: 14px !important;
    margin-left: 31px !important;
    margin-right: 22px !important;
}



/* about page reponisve */

.abt-sec.style2 .main-heading{

    text-align: center;
}

.abt-sec p {

    text-align: center;

}
#about-img{
    width: 347px !important;
    margin-left: 176px;
    height: 299px !important;

}

.team-sec .team-slider .team .title{
    font-size: 20px !important;
}

.team-sec .team-slider .team .over{
    padding: 26px !important;
}



/* Services page */


.banner {
    min-height: 181px !important;
    padding: 85px 0 0 !important;
}

#sp-right img {
    width: 344px !important;
    height: 58vw !important;
    margin-top: -99px !important;
}


#sp-n2 {
    position: absolute !important;
    margin-right: 254px !important;
    margin-top: 36px !important;
}

.service2-content {

    width: 349px !important;
    height: 487px !important;
    margin-top: -23px !important;
}


.service2-content p {
    text-align: justify !important;
    color: white !important;
    line-height: 1.6 !important;
    word-spacing: 2px !important;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

#service3-btn {
    margin-left: 121px !important;
    margin-top: -5px !important;


}


#sp2 {

    margin-top: 309px !important;
}



#sp-n3 {
    right: -13px !important;
    margin-top: 10px !important;
}


#sp-n3 img {
    width: 362px !important;
    height: 68vw !important;
    margin-top: -73px !important;

}



#sp-left-n {
    margin-top: 243px !important;
    margin-left: 0px !important;
}



.service3-content {
    width: 343px !important;
    height: 532px !important;
    margin-top: -36px !important;}

#service2-btn {
    margin-left: 108px !important;
    margin-top: -12px !important;
    padding: 7px 12px !important;
}



#sp3 {
    margin-top: 429px !important;
}


#sp4 {
    height: 423px;
    margin-top: 292px !important;
}


.service4-content {
    width: 359px !important;
    height: 556px !important;


}
.service-sec.service2 {
    /* min-height: 400px; */
    padding: 112px 0 375px !important;
}




















/* Career page */




#cp-right img {
    width: 344px !important;
    height: 58vw !important;
    margin-top: -95px !important;
}


#cp-n2 {
    position: absolute !important;
    margin-right: 254px !important;
    margin-top: 36px !important;
}

.career2-content {

    width: 349px !important;
    height: 609px !important;
    margin-left: 12px !important;
    margin-top: -23px !important;
}


.career2-content p {
    text-align: justify !important;
    color: white !important;
    line-height: 1.6 !important;
    word-spacing: 2px !important;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

#career3-btn {
    margin-left: 121px !important;
    margin-top: -5px !important;


}


#cp2 {

    margin-top: 361px !important;
}



#cp-n3 {
    right: -13px !important;
    margin-top: 10px !important;
}


#cp-n3 img {
    width: 328px !important;
    height: 68vw !important;
    margin-right: 16px !important;
    right: 1px;
    margin-top: -20px !important;
}



#cp-left-n {
    margin-top: 243px !important;
    margin-left: 74px !important;
}



.career3-content {
    width: 357px !important;
    margin-left: -79px !important;
    height: 689px !important;
    margin-top: 7px !important;
}

#career2-btn {
    margin-left: 108px !important;
    margin-top: -12px !important;
    padding: 7px 12px !important;
}



#cp3 {
    margin-top: 644px !important;
}


#cp4 {
    height: 423px;
    margin-top: 292px !important;
}


.career4-content {
    width: 359px !important;
    height: 556px !important;


}







}







@media (min-width: 412px) and (max-width:414px){

    #cards-white{
        margin-top: 39px !important;
    }



    /* .lg-logo {
        width: 59px !important;
        height: 44px !important;
        margin-top: 1px !important;
    } */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Specific styles for large-sized devices */
}