@font-face {
    font-family: 'futura_ptbold';
    src: url('../fonts/futuracyrillicbold-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'futura_ptbook';
    src: url('../fonts/futuracyrillicbook-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicbook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 
@font-face {
    font-family: 'futura_ptdemi';
    src: url('../fonts/futuracyrillicdemi-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicdemi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 
@font-face {
    font-family: 'futura_ptextra_bold';
    src: url('../fonts/futuracyrillicextrabold-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicextrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 
@font-face {
    font-family: 'futura_ptheavy';
    src: url('../fonts/futuracyrillicheavy-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicheavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'futura_ptlight';
    src: url('../fonts/futuracyrilliclight-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrilliclight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'futura_ptmedium';
    src: url('../fonts/futuracyrillicmedium-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root{
	--font1:'futura_ptbook'; 
	--primary: #2A9D8F; 
	--secondary:  #264653;  
    --white: #FFFFFF;  
    --dark:#171717;
    --orange:#E76F51;
    --textColor: #808080;
    --headingcolor:#4D4D4D; 
}


*{ 
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0; 
    scroll-behavior: smooth; 
    font-size: 24px;
    line-height: 30px;
    color: var(--textColor);
    font-family: var(--font1);
}
.container{
    max-width: 1290px;
    margin: 0 auto;
}
.container-fluid{
    max-width: inherit;
    width: auto;
    padding: 0 50px;
}
h1,h2,h3,h4,h5,h6{
    color: var(--headingcolor);
    font-family: var(--font1); 
    font-weight: 400;
}
p{
	margin:0 0 24px;
}
img,svg{
    width: 100%;
}
.clear{
    clear: both;
}
.clear:after{
    position: relative;
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

::-ms-input-placeholder {  
  color: var(--textColor);
}
::placeholder {
  color: var(--textColor);
}
::-webkit-placeholder {
  color: var(--textColor);
}
 
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.commonlist li{
    padding: 0 0 0 30px;
    background: url(../images/listico.svg) no-repeat 0 5px ;
    background-size: 18px;
    margin: 0 0 20px;
}
.commonlist li:last-child{
    margin: 0;
}

a{
    transition: .5s;
    text-decoration: none;
}
a:hover{
	text-decoration: none;
} 

section{
    padding: 60px 0;
    position: relative; 
}

.buttonlist{
    display: flex;
    gap:25px;
    justify-content: center;
}
.cmnbtn{
    font-size: 24px;
    line-height: 28px;
    background: var(--orange);
    border: 1px solid var(--orange);
    padding: 10px 20px;
    display: inline-block;    
    position: relative; 
    color: var(--white);
} 
.cmnbtn1{
    background: var(--white);
    color: var(--secondary);
    border: 1px solid var(--secondary);
}
.cmnbtn2{
    background: transparent;
    color: var(--white);
    border: 1px solid var(--white);
}
.cmnbtn4{
    background: var(--secondary);
    color: var(--white);
    border: 1px solid var(--secondary);
}
.cmnbtn:hover{color: var(--white); background: var(--secondary);
    border: 1px solid var(--secondary);
}
.cmnbtn2:hover{
    background: var(--orange);
    border: 1px solid var(--orange);
    color: var(--white);
}
.cmnbtn3:hover,.cmnbtn4:hover{background: var(--primary); border: 1px solid var(--primary);}
 

.tophd{margin: 0 0 50px;}
.tophd-center{text-align: center;}
.tophd h2{font-size: 42px; line-height: 58px; 
    margin: 0 0 10px;  

    text-transform: capitalize;
}
.bgdark .tophd,.bgdark .tophd h2{color: var(--white);}

.tophd .subtitle{
    display: block; color: var(--dark); 
    text-transform: capitalize;
    font-size: 18px; line-height: 22px; 
    margin: 0 0 10px;  
    background: url(../images/subico.svg) no-repeat 0 0;
    background-size: 18px;
    padding: 0 0 0 30px;
}
.tophd p{  margin: 0;}


/**common**/
.site-header{
    padding: 25px 0;
    background: var(--white);
}
.headerHold{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo{display: inline-block;}
.logo img{
    width: 100%;
}


/**banner**/
.banner{
    position: relative;
    padding:0 0 50px 0;
}
.banner:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/ico1.png) no-repeat 0 0;
    background-size: 100%;
    width: 30px;
    height: 30px;
}
.bannerHold{
    display: flex;
    gap: 50px;
    align-items: flex-start;
}
.bannerHold .buttonlist{
    justify-content: flex-start;
    margin-top: 50px;
}
.bannerLeft{
    width: 50%;
}
.bannerLeft h1{
    font-size: 45px;
    line-height: 60px;
}
.bannerLeft strong{
    font-size: 30px;
    color: var(--secondary);
}
.banneright{
    width: 50%;
}
.banneright .bannerimg{
    display: inline-block;
    width: 50%;
    margin: 0 0 30px;
    position: relative;
    left: -50px;
}
.bannerlist{
    font-size: 28px;
    color: var(--dark);
}
.bannerlist li{
    display: flex;
    gap: 10px;
    margin: 0 0 15px;
}
.bannerlist li .ico{
    display: inline-block;
    width: 25px;
}

/**testimonial_sec**/
.testimonial_sec{}
.testimonialHolder{
    display: flex;
    gap: 30px;
    align-items: center;
}
.testimg{
    width: 30%;
}
.testimg img{
    width: 100%;
}
.testContent{
    width: 70%;
    position: relative;
}
.testContent .testico1{
    position: absolute;
    left: -20px;
    width: 50px;
    bottom: 0;
    z-index: 1;
    mix-blend-mode: multiply;
}
.testContent .testico1 img{}
.testContent .testico2{
    position: absolute;
    right: -20px;
    bottom: 200px;
     mix-blend-mode: multiply;
    width: 50px;
    z-index: 1;
}
.testContent .testico2 img{}
.testContent .testico3{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    z-index: 1;
}
.testContent .testico3 img{}
.testContent .testico4{
    position: absolute;
    right: 0;
    width: 100px;
    bottom: -70px;
}
.testContent .testico4 img{}

.testbox{
    background: rgba(42, 157, 143, 1);
    color: var(--white);
    padding: 50px 0;
    position: relative;
}
.testslider .owl-item {
    overflow: hidden;
}
.testdetails{
    display: flex;
    gap: 20px;
    align-items: center;
}
.testdetails .img{
    width: 65px;
    height: 105px;
    border-radius: 30px;
    display: none;
}
.testdetails .img img{
    border-radius: 30px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testdetails .name{display: block; margin: 0 0 5px;}
.testdetails .desig{font-size: 16px; display: block;}


.testslider{
    padding: 0 80px;
}
.testslider .owl-nav button.owl-prev{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    background: url(../images/arrow-prev.png) no-repeat 0 0;
    background-size: 100%;
    width: 40px;
    height: 100px;
}
.testslider .owl-nav button.owl-next{
      position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
    background: url(../images/arrow-next.png) no-repeat 0 0;
    background-size: 100%;
    width: 40px;
    height: 100px;
}
.testslider .owl-nav button span{
    display: none;
}

/**founder_sec**/
.founder_sec{}
.founderHolder{
    display: flex;
    gap: 40px;
    align-items: center;
}
.founderImg{
    width: 40%;
    position: relative;
}
.founderImg img{
    border-radius: 40% 40% 40% 40%;
}
.founderImg:before{
    position: absolute; content: "";
    left: -50px;
    bottom: 0;
    width: 200px;
    height: 200px;
    background: url(../images/birds-3b.png) no-repeat 0 0;
    background-size: contain;
}
.founderImg:after{
    position: absolute; content: "";
    right: -50px;
    top: -30px;
    width: 200px;
    height: 200px;
    background: url(../images/fico1.png) no-repeat 0 0;
    background-size: contain;
}

.founderContent{
    width: 60%;
}
.founderContent .name{
    display: block;
    font-size: 32px;
    font-weight: 500;
    color: var(--primary);
    margin: 0 0 10px;
}
.founderContent .designation{
    margin: 0 0 10px;
    display: block;
    font-weight: 500;
}
.founderContent p:last-child{
    margin: 0;
}

/**contact_sec**/
.contactleft{}
.contactleft .commonlist{
    margin: 0 0 30px;
}
.contactleft .img{
    width: 80%;
}
.contactleft .img img{
    width: 100%;
}

.contact_form_sec{
    background: #F4A163;
    border-radius: 10px;
    padding: 80px 50px;
    height: 100%;
    position: relative;
}
.contact_form_sec:after{
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: url(../images/3-birds.png) no-repeat 0 0;
    background-size: 100%;
    left: 0;
    top: 0;
}
.contact_form_sec h4{
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 50px;
}
.contact_form_sec .form-group{
    margin: 0;
}
.contact_form_sec label{
    display: block;
    margin: 0 0 8px;
    font-size: 18px;
    color: var(--headingcolor);
}
.contact_form_sec input{
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    margin: 0 0 20px;
}
.contact_form_sec input[type="submit"]{
    background: var(--secondary);
    color: var(--white);
    margin-top: 20px;
    transition: .5s; 
}
.contact_form_sec input[type="submit"]:hover{
    background: var(--primary);
}
.contact_form_sec >div{
    position: relative;
    z-index: 1;
}

/**master_sec**/
.master_sec{}
.masterHolder .row{
    row-gap: 80px;
}
.masterHolder .row >div:nth-child(2n) .masterdiv{
    background: url(../images/shape2.png) no-repeat 0 0;
}
.masterHolder .row >div:nth-child(3) .masterdiv,
.masterHolder .row >div:nth-child(5) .masterdiv{
    background: url(../images/shape3.png) no-repeat 0 0;
}
.masterHolder .row >div .masterdiv,
.masterHolder .row >div:nth-child(6) .masterdiv{
    background: url(../images/shape1.png) no-repeat 0 0;
}
.masterdiv{ color:var(--white);
    width: 320px;
    height: 395px;
    padding:  10px 70px 10px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
}
.masterdiv >div{}
.masterdiv .ico{
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0 0 20px;
}
.masterdiv .ico img{}
.masterdiv h3{font-size: 20px; line-height: 22px; margin: 0 0 10px;
    color: var(--white); font-weight: 600;
    letter-spacing: 1px;
}
.masterdiv p{margin: 0;}
.masterHolder{
    text-align: center;
}
.masterdiv{
    text-align: left;
    transition: .5s;
    transform: rotate(0deg);
}
.masterdiv:hover{
    transform: rotate(3deg);
}
/***cta_sec2***/

.cta_sec2{
    background: var(--secondary);
    background-size: cover;
    text-align: center;
    color: #FAFAFA;
    position: relative;
}
.cta_sec2:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: url(../images/CTA-sec-bird=green.png) no-repeat 0 0;
    width: 200px;
    height: 200px;
    background-size: 100%;
}
.cta_sec2:after{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: url(../images/CTA-sec-bird-yello.png) no-repeat 0 0;
    width: 200px;
    height: 200px;
    background-size: 100%;
}
.cta_sec2 .cmnbtn:hover{
    background: var(--primary);
    border: 1px solid var(--primary);
}
.cta_sec2 .buttonlist{
    margin-bottom: 30px;
}


/***cta_sec***/

.cta_sec{
    background: url(../images/cta_sec_bg.png) no-repeat 0 0;
    background-size: cover;
}
.cta_sec .cmnbtn2:hover{
    background: var(--primary);
    border: 1px solid var(--primary);
}

/***partnersec***/
.partnersec{}
.partnerhold{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.partnerdiv{display: inline-block;}
.partnerdiv img{
    max-width: 200px;
    max-height: 50px;
    object-fit: contain;
}

/**lead_strategic_sec**/
.lead_strategic_sec{
    position: relative;
}
.lead_strategic_sec:after{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    background: url(../images/leadbird.png) no-repeat 0 0;
    background-size: 100%;
}
.lscontent .commonlist li{
    position: relative;
}
.lscontent .commonlist li:nth-child(1){
    margin-left: 10px;
}
.lscontent .commonlist li:nth-child(2){
    margin-left: 20px;
}
.lscontent .commonlist li:nth-child(3){
    margin-left: 30px;
}
.lscontent .commonlist li:nth-child(4){
    margin-left: 40px;
}
.lscontent .commonlist li:nth-child(5){
    margin-left: 50px;
}
.lscontent .commonlist li:nth-child(6){
    margin-left: 60px;
}


/**ever_sec**/
.dive_sec{
    position: relative;
    padding: 0;
    background: #FAFAFA;
}
.dive_sec .cmnbtn{
    position: absolute;
    right: 20%;
    bottom: 10%;
}
.diveimg{
    display: inline-block; 
    width: 100%;
}
.diveimg img{
    width: 100%;
}
.dievcontent{
   position: absolute;
   left: 30%;
   top: 0;
   width: 60%;
}
.dievcontent:nth-last-child(2){
    top: 50%;
    left: -100px;
    padding-left: 0;
    width: 100%;
}
.dievcontent .commonlist li{
    margin: 0 0 50px;
}
.dievcontent .commonlist li:nth-child(1){
    margin-left: 15%;
}
.dievcontent .commonlist li:nth-child(2){
    margin-left: 30%;
}
.dievcontent .commonlist li:nth-child(3){
    margin-left: 45%;
}
.dievcontent .commonlist li:nth-child(4){
    margin-left: 60%;
}
 

.dievcontent:last-child .commonlist li:nth-child(1){
    margin-left: 5%;
}
.dievcontent:last-child .commonlist li:nth-child(2){
    margin-left: 10%;
}
.dievcontent:last-child .commonlist li:nth-child(3){
    margin-left: 15%;
}
/**ever_sec**/
.ever_sec{
    position: relative;
    padding: 0;
    margin: 60px 0;
    background: url(../images/section-02-bg.jpg) no-repeat 0 0;
    min-height: 600px;
        background-size: cover;
}
.everimg{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50px;
    width: 500px;
}
.everimg img{
    width: 100%;
}
.evercontent{
    padding-left: 20%;
}
.evercontent .commonlist li{
    margin: 0 0 30px;
}
.evercontent .commonlist li:nth-child(1){
    margin-left: 5%;
}
.evercontent .commonlist li:nth-child(2){
    margin-left: 10%;
}
.evercontent .commonlist li:nth-child(3){
    margin-left: 15%;
}
.evercontent .commonlist li:nth-child(4){
    margin-left: 20%;
}
.evercontent .commonlist li:nth-child(5){
    margin-left: 25%;
}
.evercontent .commonlist{margin: 0 0 60px;}
.spcl_text{
    display: inline-block;
    margin-left: 35%;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    color: var(--secondary);
    position: relative;
    padding: 0 0 10px;
}
.spcl_text:after{
    position: absolute;
    content: "";
    width: calc(100% + 150px);
    height: 70px;
    bottom: 0;
    left: 0;
    background: url(../images/line-bg.svg) no-repeat 0 bottom;
    background-size: 100%;
}

/**footer**/
.site-footer{
    background: url(../images/footer-bg.png) no-repeat 0 0;
    background-size: cover;
    color: #FAFAFA;
    font-size: 16px;
    line-height: 22px;
}
.site-footer a{color: var(--white);}
.site-footer a:hover{color: var(--orange);}
.footertop{
    padding: 50px 0;
}
.footertop .row >div:nth-child(2) .footerdiv{
    text-align: center;
}
.footerdiv .social{
    justify-content: center;
}
.footerlogo{
    margin: 0 0 25px;
    width: 280px;
}
.footerlogo + p{
    margin: 0;
}
.site-footer h3{
    font-weight: 500;
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 28px;
    color: var(--white);
}
.footerdiv li{
    margin: 0 0 15px;
}
.footerdiv li:last-child{margin: 0;}
.footerdiv .social{
    display: flex;
    gap:15px;
}
.footerdiv .social li{margin: 0;}
.newsletterform{
    display: flex;
}
.newsletterform{
    position: relative;
}
.newsletterform input{
    width: 100%;
    border: 1px solid var(--white);
    background: transparent;
    padding: 10px 55px 10px 15px;
    color: var(--white);
}
.newsletterform input:focus{
    outline: none;
}
.newsletterform input[type="submit"]{
    background: var(--orange) url(../images/submitarr.svg) no-repeat center;
    border: 1px solid var(--orange);
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s;
    padding: 5px;
}
.newsletterform input[type="submit"]:hover{
    background: var(--primary) url(../images/submitarr.svg) no-repeat center;
    border: 1px solid var(--primary);
}


.footerbottom{
    padding: 30px 0;
    border-top: 1px solid var(--white);
    font-size: 24px;
    text-align: center;
}
.footerbottom p{
    margin: 0;
}

@media (max-width:1199px){
    .contact_form_sec{
        padding: 40px;
    }
    .contact_form_sec h4{
        margin: 0 0 20px;
    }
    .everimg{
        width: 350px;
    }
    .evercontent .commonlist li{
        margin: 0 0 20px;
    }
    .evercontent .commonlist{
        margin: 0 0 30px;
    }
    .spcl_text{
        padding:0 65px 20px 0;
    }
    .spcl_text:after{
        width: calc(100% + 65px);
    }

    .dievcontent .commonlist li{
        margin: 0 0 20px;
    }
    .dievcontent .commonlist li p{
        margin: 0;
    }
    .dievcontent{
        width: 70%;
    }
    .dievcontent .commonlist li:nth-child(4){
        margin-left: 70%;
    }

    .cta_sec2:before,
    .cta_sec2:after{ 
        width: 100px;
        height: 100px; 
    } 
    .bannerlist{
        font-size: 24px;
    }
    .banneright .cmnbtn{font-size: 20px;}

    .founderImg:before,
    .founderImg:after{
        width: 120px;
        height: 120px;
    }
}

@media (max-width:1023px){
    body{
        font-size: 22px;
        line-height: 28px;
    }

    .cmnbtn{
        font-size: 22px;
        line-height: 26px; 
    }
    .container-fluid{
        padding: 0 40px;
    } 
    .tophd h2{
        font-size: 35px;
        line-height: 45px;
    }

    .founderImg:before,
    .founderImg:after{
        width: 90px;
        height: 90px;
    }
    .founderImg:before{
        left: -30px;
    }
}

@media (max-width:991px){
     .footertop .row {
        row-gap: 40px;
     }
     .everimg{
        position: relative;
        width: 80%;
        top: 0;
     }
     .evercontent{
        padding-left: 0;
     }


    .evercontent .commonlist li{
        margin: 0 0 30px;
    }
    .evercontent .commonlist li:nth-child(1),
    .dievcontent .commonlist li:nth-child(1){
        margin-left: 0;
    }
    .evercontent .commonlist li:nth-child(2),
    .dievcontent .commonlist li:nth-child(2){
        margin-left: 0;
    }
    .evercontent .commonlist li:nth-child(3),
    .dievcontent .commonlist li:nth-child(3){
        margin-left: 0;
    }
    .evercontent .commonlist li:nth-child(4),
    .dievcontent .commonlist li:nth-child(4){
        margin-left: 0;
    }
    .evercontent .commonlist li:nth-child(5),
    .dievcontent .commonlist li:nth-child(5){
        margin-left: 0;
    }
    .dievcontent:last-child{
        left: 0;
    }
    .dievcontent:last-child .commonlist li:nth-child(1){
        margin-left: 0;
    }
    .dievcontent:last-child .commonlist li:nth-child(2){
        margin-left: 0;
    }
    .dievcontent:last-child .commonlist li:nth-child(3){
        margin-left: 0;
    }
    .spcl_text{
        margin-left: 12%;
    }

    .dievcontent{
        position: relative;
        left: 0;
        top: 0;
        padding: 0 50px;
        width: 100%;
    }
    .dievcontent:nth-last-child(2){
        left: 0;
        padding-left: 50px;
    }

    .bannerHold{
        flex-wrap: wrap;
    }
    .bannerLeft,.banneright{
        width: 100%;
    }
    .banneright .bannerimg{
        display: none;
    }
}

@media (max-width:767px){
    body{
        font-size: 20px;
        line-height: 26px;
    }
    .cmnbtn{
        font-size: 20px;
        line-height: 24px;
        padding: 8px 20px;
    }
    .container-fluid{
        padding: 0 25px;
    }
    .logo img{
        width: 150px;
    }
    .tophd h2{
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 5px;
    }
    .footerbottom{
        font-size: 16px;
        padding: 20px 0;
    }

    .partnerhold{
        flex-wrap: wrap;
    }
    .partnerdiv{
        width: 45%;
        text-align: center;
    }

    .founderHolder{
        flex-wrap: wrap;
    }
    .founderImg{
        width: auto;
        display: table;
        margin: 0 auto;
    }
    .founderImg img{
        max-width: 300px;
        margin: 0 auto;
        display: table;
    }
    .founderContent{
        width: 100%;
    }

    .lscontent .commonlist li:nth-child(1){
        margin-left: 0;
    }
    .lscontent .commonlist li:nth-child(2){
        margin-left: 0;
    }
    .lscontent .commonlist li:nth-child(3){
        margin-left: 0;
    }
    .lscontent .commonlist li:nth-child(4){
        margin-left: 0;
    }
    .lscontent .commonlist li:nth-child(5){
        margin-left: 0;
    }
    .lscontent .commonlist li:nth-child(6){
        margin-left: 0;
    }
    .contactleft{
        margin: 0 0 40px;
    }
    .contactleft .img{
        width: 100%;
    }

    .dievcontent,.dievcontent:nth-last-child(2){
        padding: 0 20px;
    }

    .dive_sec .cmnbtn{
        right: 0;
    }

    .banner:before{
        width: 15px;
        height: 15px;
    }

    .bannerLeft h1{
        font-size: 28px;
        line-height: 35px;
    }
    .bannerLeft strong{
        font-size: 20px;
        display: block;
    }


    .testimonialHolder{
        flex-wrap: wrap;
    }
    .testimg,.testContent{width: 100%;}
    .cta_sec2:before,
    .cta_sec2:after{ 
        width: 60px;
        height: 60px; 
    } 

    .spcl_text{
        margin-left: 0;
        font-size: 24px;
    }
    .spcl_text:after {
        width: calc(100% + 65px); 
    }


    .testContent .testico1{
        width: 20px;
        left: -8px; 
    }
    .testContent .testico2{
        width: 20px;
        right: -4px; 
    }
    .testContent .testico4{
        width: 50px;
        bottom: -30px;
    }

    .footertop .row >div:nth-child(2) .footerdiv{
        text-align: left;
    }
    .footerdiv .social{
        justify-content: flex-start;
    }
}
@media (max-width:479px){

    .container-fluid{
        padding: 0 15px;
    }
    .site-header .container-fluid{
        padding: 0 8px;
    }
    .logo img{
        width: 150px;
    }
    .cmnbtn{
        font-size: 18px;
        line-height: 22px;
        padding: 8px 15px;
    }
    .site-header .cmnbtn{
        font-size: 16px;
        line-height: 20px;
        padding: 8px 8px;
    }

    .dive_sec .cmnbtn{
        position: relative;
        margin-left: 20px;
        margin-top: 20px;
    }

    .tophd h2{
        font-size: 26px;
        line-height: 35px; 
    }

    .partnerdiv{
        width: 100%;
        text-align: center;
    }
    .buttonlist{
        flex-wrap: wrap;
    }
    .buttonlist .cmnbtn{
        min-width: 200px;
        text-align: center;
    }
    .bannerlist{
        font-size: 22px;
    }
    .banneright .buttonlist .cmnbtn{min-width: 250px;}

    .contact_form_sec{
        padding: 30px;
    }

    .masterdiv{
        width: 290px;
        background-size: 100%;
    }

    .spcl_text{
        font-size: 18px;
        padding: 0 50px 8px 0;
    }
    .spcl_text:after {
        width: calc(100% + 65px);
        background-position: right bottom;
        background-size: 60%;
        right: 0;
        left: auto;
    }

    .testslider{
        padding: 0 40px;
    }
    .testslider .owl-nav button.owl-prev{
        left: 5px;
        width: 20px;
        height: 60px;
    }
    .testslider .owl-nav button.owl-next{
        right: 5px;
        width: 20px;
        height: 60px;
    }
    .testdetails{
        flex-wrap: wrap;
    }
    .testContent .testico3{
        width: 60px;
    }
    .testContent .testico2{
        bottom: 250px;
    }


    .founderImg:before,
    .founderImg:after{
        width: 50px;
        height: 50px;
    }
    .founderImg:before{
        left: 0px;
    }
    .founderImg:after{
        right: 0;
    }

    
}