.common-padding{padding: 80px 0}

p{font-size: 20px; color:  #2e214e;line-height: 1.5;margin-bottom: 20px; font-family: "Barlow", sans-serif;}

.sec1{position: relative;}
.sec1:before {
position: absolute;
background: url(../images/homepage/arrowbg.webp) no-repeat;
content: '';
width: 150px;
height: 100%;
background-size: 100%;
bottom: -397px;
z-index: 9;
right: 3%;
top: inherit;
}
.mole{position: absolute; width: 175px; right: 10%; top: 20%}

.arrow{position: absolute;bottom: 3%;right: 7.5%;z-index: 11111;width: 5%;}

.arrow {
-webkit-animation: shake-vertical 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s infinite both;
animation: shake-vertical 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s infinite both;
}


.shake-horizontal {
-webkit-animation: shake-horizontal 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) 4s infinite both;
animation: shake-horizontal 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) 4s infinite both;
}

.dflex{display: flex; justify-content: space-between;}
.subheading{font-family: 'Candara';font-size: 30px;color:  #09965a;line-height: 1;margin-bottom: 20px;}

.overwidth{width: 50%}
.overimg{position: absolute; width: 50%; left: -3%; top: 25%}

.overbg{position: absolute;width: 27%;left: 0;top: 25%;z-index: -1}
.readtxt{position: relative;}
.readtxt a {
font-size: 20px;
font-family: 'Candara';
color: #09965a;
display: inline-flex;
align-items: center;
position: relative;
}

.readtxt a img{    width: 30px;
margin-left: 15px;
}

.read-circ {
width: 90px;
height: 90px;
border: 1px solid #09965a;
background: transparent;
animation-iteration-count: infinite;
border-radius: 50%;
position: absolute;
right: -21px;
top: -28px;
transition: 0.5s ease all;
}
.readtxt{margin: 13% 0 13% 25%;}
.aboutblk{font-size: 22px; color: #09965a; font-family: 'Candara'; padding-left: 15%}
b{font-family: 'Candara_Bold';}
.sec4width{width: 65%}
.sec4{}
.left{position: absolute;left: 0;bottom: -1%;width: 15%;}
.right{position: absolute;right:  0;top: 5%;width: 14%;}
.sec4a{margin: 10% 0 5% 25%}
.mole3{position: absolute;width: 140px;right: 10%;top: 75%;}
.sec5img{background: url(../images/homepage/sec5img.webp) no-repeat; background-size: cover; padding: 150px 0 ; position: relative;}
.sec5left{width: 35%}
.sec5img2{margin-top: 100px}
.sec5right{width: 55%; padding-right: 5%}
.mole4{position: absolute; width: 140px; right: 10%; top: -15%}
.mole5{position: absolute; width: 100px; right: 50%; top: 100%}
.sec7{position:relative; background: url(../images/homepage/sec7.webp) no-repeat; background-size: cover; }
.sec7left{width: 40%}
.sec7right{width: 40%}
.sec6width{width: 65%}
html {
scroll-behavior: smooth;
}
.videoimg{width: 80%; left: 20%; position: relative; margin-top: 50px}
.videoflex{position: absolute;left: 5%;width: 76%;bottom: 10%;display: flex;justify-content: space-between;align-items: center;}
.pause{width: 16%;}
.rablk{font-family: "Barlow", sans-serif;font-weight: 500;font-size: 22px;width: 78%;}
.mole7{position: absolute; left: 0; width: 130px; top: 35%;}




.banner{background:#000; width: 100%;height: 100vh; position: relative;}
video{width: 100%; height: 100%; object-fit:cover;}
.bannertxt{position: absolute;left: 5%;top: 35%;font-family: 'MADECoachella-Medium';width: 45%;color: #fff;font-size: 60px;line-height: 1;}
.aboutright{width: 40%;}
.aboutleft{width: 45%}
.customerblk{position: relative;}
.customerblk:before{/* position: absolute; *//* content: ''; */background: url(../images/homepage/aboutimg.webp) no-repeat;width: 59%;height: 72%;left: 0;background-size: cover;top: 28%;z-index: -6;}
.sec3img{width: 90%;margin: 0 auto;background: url(../images/homepage/sec3img.webp) no-repeat;background-attachment: fixed;background-size: cover;border-radius: 50px;padding: 100px;}
.sec3txt{ }
.sec4flex{display: flex;align-items: center;/* margin-left: -150px; */}
.sec4left{width: 59%;}
.sec5img{width: 90%;margin: 0 auto;background: url(../images/homepage/sec5img.webp) no-repeat;background-attachment: fixed;height: 700px;background-size: cover;border-radius: 50px;display: flex;/* align-items: flex-end; */}
.sec5txt{width: 45%;padding-left: 5%;margin-top: 12%;}
.sec6text{width: 80%; margin: 0 auto}
footer{/* width: 90%; */}
.mole2{position: absolute;width: 250px !important; left: 83% ;z-index: 111;right: inherit;}

.enqublk{position: absolute; width: 250px !important; left: 83% ; top:60%; z-index: 111;right: inherit;}
.sec2{background: #295faa;/* padding-bottom: 80px; */}
.sec2blk{background: #fff;padding: 80px;position: relative;left: 5%;z-index: 0;border-radius: 50px 0 0 50px;top: -80px;width: 95%;}

.subheading{font-size: 18px; font-size: 400;   font-family: "Barlow", sans-serif; color: #0b2c5d; text-transform: uppercase; background: #d4fd5c; display: inline-block; padding: 10px 20px}
.heading{font-size: 40px;color:  #0b2c5d;line-height: 1.3;margin-bottom: 20px;font-family: 'MADECoachella-Medium';}
p{font-family: "Barlow", sans-serif;color: #0b2c5d;font-size: 18px}
.btnblk{font-weight: 400;color: #0b2c5d;font-size: 20px;border-radius: 30px;border: 1px solid #0b2c5d;padding: 10px 25px;line-height: 1;display: inline-block;margin-top: 20px;}
.finetxt2{margin-top: 50px; right: 0; position: relative;width: 100%;background: transparent;float: inherit;padding: 0;box-shadow: inherit;bottom: 0;border-radius: 0;}
.glancettl{font-size: 30px;color:  #0b2c5d;line-height: 1;margin-bottom: 30px;font-family: 'MADECoachella-Medium';}
.glancenumblk{display: flex;justify-content: space-between;}
.glance_num{
font-family: 'MADECoachella-Medium';
font-size: 57px;
color: #1c4e94;
line-height: 1;
}
.glancetxt{font-size: 18px; font-weight: 600; color: #0b2c5d;}

.staller {
position: absolute;
left: 85%;
top: 5%;
z-index: 111;
right: inherit;
}

.staller img{width: 100px}
.sec3blk{width: 60%; margin: 0 auto}
.whatwemake{position: relative;}
.staller2{left: 5%; top: 0}
.makeslider{margin-left: 5%; margin-top: 50px}
.makeslider .slick-track{left: 171px}

.makeslider .slick-dots li{position: relative;
display: inline-block;
width: 40px;
height: 0px;
margin: -0px;
padding: 0;
cursor: pointer;}

.makeslider .slick-dots li.slick-active button { background:#295faa; padding: 2px; width: 40px }


.makeslider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100px;
height: 3px;
padding: 0px;
cursor: pointer;
color: #141414;
border: 0;
outline: none;
background:#ced5df;
}



.clientsslider{margin-left: 5%; margin-top: 50px}
.clientsslider .slick-track{left: 171px}
.clientsslider .slideimgblk{margin: 0 15px}
.clientsslider .slick-dots li{position: relative;
display: inline-block;
width: 100px;
height: 0px;
margin: -0px;
padding: 0;
cursor: pointer;}

.clientsslider .slick-dots li.slick-active button { background:#295faa; padding: 2px; width: 100px }


.clientsslider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100px;
height: 3px;
padding: 0px;
cursor: pointer;
color: #141414;
border: 0;
outline: none;
background:#ced5df;
}


.integrity-slider{margin-left: 5%; margin-top: 50px}
.integrity-slider .slick-track{left: -235px}

.integrity-slider .slick-dots li{position: relative;
display: inline-block;
width: 100px;
height: 0px;
margin: -0px;
padding: 0;
cursor: pointer;}

.integrity-slider .slick-dots li.slick-active button { background:#295faa; padding: 2px; width: 100px }


.integrity-slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100px;
height: 3px;
padding: 0px;
cursor: pointer;
color: #141414;
border: 0;
outline: none;
background:#ced5df;
}

.integrity-slider .slideimg{margin: 0 15px}
.sec4{background: #181818;padding-top: 80px;position: relative;padding-bottom: 80px;}
.sec4{background: #0b2c5d}
.sec4blk{position: relative; width: 90%; margin: 0 auto}
.sec4blktxt{width: 101%;padding-left: 10%;}
.whitetxt{color: #fff!important}.brdwhite{border: 1px solid #fff}
.sec4img{width: 100%;margin-top: 50px;position: absolute; z-index: 1111; padding-right: 5%}
.sec6img{width: 100%;margin-top: 50px;position: absolute; z-index: 1111; padding-left: 5% }
.sec5{position: relative;}
.sec5blk{position: relative; width: 50%; margin: 0 auto}
.staller3{top: 15%; left:7%}

.sec6{background: #0b2c5d;padding: 80px 0;position: relative;display: flex;align-items: center;justify-content: space-between;}
.bgwhite{background: #fff}

.staller4{top: 20%; left:3%}

.sec6:before{position: absolute;content: '';background: url(../images/homepage/why.webp) no-repeat;width: 34%;height: 100%;backg;background-size: 49%; 50%;top: 5%;z-index: 0;left: 60%;}
.banner:before{position: absolute; content:''; background: #000; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.2 }


.sec4{display: flex; align-items: center; justify-content: space-between;}

.sec4left{width: 37%;}
.sec4right{width: 58%;}
.sec4right img{border-radius: 70px 0 0 70px}
.sec6 .staller{left: 45%; top: 45%}
.imgfluid{width: 100%}
.slick-prev, .slick-next { font-size: 0;  line-height: 0;  position: absolute;}
.slick-dots {  position: absolute;  bottom: -45px;  display: block;  width: 100%;  padding: 0; list-style: none; text-align: center;}
.custblk{width: 90%}
.iudbblk{position:relative;min-height: 420px;border-radius: 30px;background:  #fff;padding: 30px;box-shadow: 0 0 6px 1px #e7e7e7;margin:20px;overflow: hidden;}
.iudheading{font-family: "Barlow", sans-serif;  color: #0b2c5d; font-size: 25px; font-weight: 700; margin-bottom:10px; line-height: 1.2 }
.iudbblk p{font-weight: 500; font-size: 18px}
.productimg{width: 80%;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;}
.iudheading span{font-weight: 500; display: block; font-size: 20px}
.slideimg img{border-radius:50px}


.makeslider .slick-next, .makeslider .slick-prev, .integrity-slider .slick-next, .integrity-slider .slick-prev   {
left: 0%;
top: 0;
z-index: 1;
width: 15%;
height: 100%;
right: auto;
border: none;
border-radius: 0%;
background: none;
cursor: url(../images/homepage/left_arrow.png) 10 3, auto;
transition: 15s ease all;
}

.makeslider .slick-next, .integrity-slider .slick-next {
left: inherit;
right: 0; top: 0;
width: 15%;
height: 100%;
cursor: url(../images/homepage/right_arrow.png) 10 3, auto;
}

.slideimgblk img{padding: 15px; border-radius: 50px}
.slideimgblk figure{position: relative;}
.slideimgblk figcaption{position:absolute; left: 10%; bottom:10%; color: #fff; font-size: 20px; font-weight: 700}
.playicon {
    background: #0b2c5d;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 46%;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}

.slideimgblk .playicon span{color: #a8cf5c; font-size: 20px}
.header.scrolled { background: #fff; box-shadow: 1px 1px 4px 5px rgb(0 0 0 / 30%);}
.worldwide{padding-left:5%; margin-bottom: 30px}
.clients-countryname{color: #0b2c5d}
.clients-countries{position: relative;}
.clients-countries .map{position: absolute; width: 100%; height: 100%; display: flex; align-items: center;}
.officeaddres{background: #9cc0f9;border-radius: 50px;}
.officeaddres_left{width: 45%;padding: 50px;margin: 2%;border-radius: 30px;}
.officeaddres_right{width: 55%;}
.officeaddres_right iframe{border-radius: 0 50px 50px 0}
.corblk{padding-top: 0; }
.corblk .footer-mapaddress {font-size: 18px; display: flex; padding: 0 }
.corblk .heading1 {font-size: 20px}
.corblk .footermapttl{font-family: 'MADECoachella-Medium';}
.corblk .footer-mailblk:last-child{margin-bottom: 0}
.footer-mapaddress:before{display: none;}
.iconblk span{width: 35px; display: block;}
.iconblk .icon-mail{font-size: 15px}
.header{z-index: 9999}

.btnblk_readmore{transition: 0.5s; background: #0b2c5d;padding: 25px 30px 32px 21px;font-size: 32px;color: #fff;position: absolute;right: 0;bottom: 0;line-height: 0;}
.btnblk_readmore:hover{padding: 28px 33px 35px 24px; font-size: 35px}

@media screen and (min-width:1600px) {
	.makeslider .slick-track {  left: 12%;}
	.integrity-slider .slick-track { left: -17%;}
	.clientsslider .slick-track{left: 12%}

}

@media screen and (max-width:1250px) {
	.banner{height: 700px}
	.heading br{display: none;}
	.makeslider .slick-track {  left: 140px;}
	.iudbblk{margin: 15px}
	.integrity-slider .slick-track{left: -170px}
	.clientsslider .slideimgblk { margin: 0;}
	.clientsslider .slick-track { left: 130px;}

}

@media screen and (max-width:1024px) {
	.banner{height: 600px}
	.sec2blk{width: 90%;left: 0; right: 0; margin: 0 auto;  top: 80px;padding: 50px;border-radius: 40px;}
	.staller img {  width: 50px;}
	.heading{font-size: 35px}
	.custblk{width: 100%}
	.glance_num{font-size:45px }
	.whatwemake{margin-top: 80px}
	
	.officeaddres_left {  width: 50%;  padding: 30px;}
	.footermapttl { font-size: 20px;}
	.clientsslider .slick-track {     left: 100px;    }
	.integrity-slider .slick-track { left: -157px;}
}
@media screen and (max-width:1023px) {
.makeslider { width: 90%; margin: 40px auto 0}
.makeslider .slick-track { left: 0;}

}


@media screen and (max-width:900px) {
	.sec3blk { width: 90%;  margin: 0 auto;}
	.staller img { width: 33px;}
	.staller2{left: 2%}
	.iudbblk {margin: 15px;}
	.sec4{flex-wrap: wrap;}
	.sec4left {width: 90%; margin: 0 auto}
	.sec4blktxt { width: 100%;  padding-left: 0;}
	.sec4right { width: 100%;padding-left: 30%;}
	.sec5blk {width: 90%}
	.integrity-slider .slick-track { left: 0;}
	.integrity-slider { width: 100%; margin: 40px auto 0;}
	.slideimg img { border-radius: 30px;}
	.sec4right img { border-radius: 30px 0 0 30px;}
	.sec6{flex-wrap: wrap;}
	.clientsslider .slick-track { left: 0;}
	.clientsslider { width: 90%; margin: 40px auto 0;}
	.slideimgblk img { padding: 10px; border-radius: 30px;}
	.officeaddres_left {  width: 70%;padding: 30px;    }
	.slick-dots{display: none !important;}

	.clientsslider .slick-next,  .makeslider .slick-next, .integrity-slider .slick-next {
    left: inherit;
    right: 2%;
    top: 45%;
    width: 40px;
    height: 41px;
    cursor: pointer;
    background: url(../images/homepage/right_arrow.png) no-repeat;
    background-size: cover;
}
.makeslider .slick-next, .clientsslider .slick-next{right: -3%; z-index: 111; border: 0}

.clientsslider .slick-prev, .makeslider .slick-prev, .integrity-slider .slick-prev {
    right:inherit;
    left:2%;
    top: 45%;
    width: 40px;
    height: 41px;
    cursor:pointer;
    background: url(../images/homepage/right_arrow.png) no-repeat;
     background-size: cover;
     transform: rotate(180deg);
}
.makeslider .slick-prev, .clientsslider .slick-prev {left: -3%; z-index: 111; border: 0}

}

@media screen and (max-width:768px) {
	.sec7{padding-bottom: 0 !important}
	.common-padding {padding: 50px 0;}
	.heading{font-size: 30px}
	p {font-size: 16px; margin-bottom: 10px}
   .subheading {font-size: 16px}
   .glancettl {font-size: 25px}
   .btnblk {font-size: 18px; border-radius: 20px; padding: 8px 20px; margin-top: 15px;}
    .banner,  video {  height:450px; min-height: 450px !important}
    .sec2blk { top: 50px;  padding: 30px;  border-radius: 30px; }
    .header { position: relative;}
    .header.scrolled { position: fixed;}
    .glance_num {   font-size: 30px; }
    .glancetxt { font-size: 16px;}
    .iudheading{font-size: 20px}
    .iudheading span{font-size: 18px}
    .iudbblk p{font-size: 16px}
    .sec4right {padding-left: 10%;    margin-top: 40px;}
    .sec4, .sec6{padding: 40px 0}
    .officeaddres{flex-wrap: wrap;}
    .officeaddres_left{width: 100%; padding: 20px; margin: 20px}
    .officeaddres_right { width: 100%;}
    .officeaddres_right iframe {border-radius: 0 00px 30px 30px;height: 400px; line-height: 0}
    .officeaddres { border-radius: 30px;}
}






@media screen and (max-width:540px) {
	.heading {    font-size: 25px; }
	.glanceitem { width: 50%;margin: 15px 0;    }
	.banner,  video {  height:400px; min-height: 400px !important}
	.playicon{width: 40px; height: 40px}
	.playicon span{font-size: 20px}
	.corblk .heading1 {font-size: 18px;}
	.corblk .footer-mapaddress { font-size: 16px;}
	.subheading{padding: 7px 15px}
}
@media screen and (max-width:480px) {
	.iudbblk {min-height: 320px}
	.iudbblk{border-radius: 20px }
	.btnblk_readmore { padding: 17px 20px 25px 16px;}
	.banner,  video {  height:300px; min-height: 300px !important}
	.heading {font-size: 24px;}
	 .glancettl {  font-size: 22px;}
	.iudbblk {padding: 20px}
	.clientsslider .slick-prev, .makeslider .slick-prev, .integrity-slider .slick-prev, .clientsslider .slick-next,  .makeslider .slick-next, .integrity-slider .slick-next{ width: 30px; height: 31px;}

}