@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {
--primary:#2666FC;
--secondary:#FF6200;
--grey:#827D7D;
--white:#fff;
--black:#000;
--yellow:#FFBB00;
--green:#00A0C8;
--blue:#0D0B7B;
}

body{padding:0px; margin:0px; font-family:"Outfit", sans-serif; color:#000; 
font-size:14px; background:#f5f5f5;}
h1,h2,h3,h4,h5,h6{display:block;}
ul {list-style:none;}
a{text-decoration:none;}

.top-bar{
background:var(--black);
text-align: center;
width: 100%;
position:fixed;
top:0px;
z-index: 1000;}
.nav{background:var(--white);display: flex;width:90%;position:fixed;top:61px;
height:85px;z-index:1000;padding:5px 0px 3px;left:0;right:0;margin:0 auto;
border-radius:0 0 50px 50px;}
.nav .logo{width:100%; margin-top:12px;}
.nav .logo img{width:100%; display:block;}
/*.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index:100;}*/

.NavMenu {
  flex: 10;
  list-style: none;
  position: relative;
  display: flex;
  justify-content:center;
}

.NavMenu li {
  display: inline-block;
}

.NavMenu li input {
  display: none;
}

.NavMenu li a {
  display: block;
  padding: 25px 20px;
  font-size:1.1vw;
  text-decoration: none;
  color:#0D0B7B!important;
  position: relative;
}
.NavMenu li a:hover{color:var(--secondary);}
.NavMenu li a.active{color:var(--secondary);}

.NavMenu li a:after{
position: absolute;
top: 16px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background: linear-gradient(275deg, rgba(255,255,255,1) 0%, rgba(13,11,123,1) 100%);
width: 0%;
border-radius:50px;
height:7px;
transition: all 0.5s;}
.NavMenu li a:hover::after{width:50%;}
.NavMenu li a.active::after{width:50%;}

.NavMenu li a label {
  cursor: pointer;
  appearance: none;
  display: block;
  position: relative;
  top:-2px;
}

.NavMenu li a label dd{display:inline-block; width:10px; height:10px;
position:relative; top:11px; left:5px;}
.NavMenu li a label dd img{width:100%; display:block;}

.NavMenu li ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  min-width: 200px;
  top: 80%;
  box-shadow: 0 3px 5px rgb(0 0 0/20%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
}

.NavMenu li ul li {
  position: relative;
  margin:0;
}

.NavMenu li ul li a {
  color:var(--black);
  font-size: 1vw;
  font-weight:400;
  padding: 6px 10px;
  display: block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.NavMenu li ul li a:hover{background:var(--secondary); 
color:#075aa3; font-weight:600;}
.NavMenu li ul li a:after{display:none;}

.NavMenu li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}

@media(min-width:992px) {
  .NavMenu li ul li a:hover {
  }

  .NavMenu li:hover>ul,
  .NavMenu li ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@media(max-width:991.98px) {
  header {
    padding: 6px 5%;
  }

  .logo {
    flex: 6;
  }

  .bartoggle {
    display: flex;
    justify-content: center;
    font-size: 30px;
    align-items: center;
    background-color: #fff;
    padding: 0 10px;
    cursor: pointer;
  }

  .NavMenu {
    width: 500px;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background-color: #2874f0;
    left: 0;
    top: 40px;
    height: 100vh;
    z-index: -1;
    padding: 15px 0 50px 0;
    justify-content: start;
    overflow-y: scroll;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }

  .NavMenu li a {
    padding: 8px 15px;
    border-bottom: 1px solid #fff;
  }

  .NavMenu li ul li ul {
    background: #2874f0;
    position: inherit;
    margin-top: -10px;
  }

  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }

  .NavMenu li a label::after {
    right: 10px;
  }

  .NavMenu li input:checked+ul,
  .NavMenu li ul li input:checked+ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  input:checked+.NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

}

.tp-bar-bg{width:100%; height:60px; display:flex;
justify-content:center; align-items:center; pa}
.tp-bar-bg ul{padding:0; margin:0;}
.tp-bar-bg ul li{display:inline-block; width:fit-content;
padding-right:30px; margin-right:30px; border-right:dashed 1px #929090;
padding-left:30px; position:relative; font-size:18px; color:var(--white); 
font-weight:600; text-align:left;}
.tp-bar-bg ul li span{font-size:12px; color:var(--white); line-height:10px;}
.tp-bar-bg ul li a{font-size:18px; color:var(--white); font-weight:600;}
.tp-bar-bg ul li a:hover{color:var(--secondary);}
.tp-bar-bg ul li img{width:30px; display:block; position:absolute;
left:-12px; top:3px;}
.tp-bar-bg ul li:last-child{padding-right:0px; margin-right:0px;
border-right:none;}
a.bk-now{background:var(--black); 
width:158px; height:45px; display:flex; justify-content:center; align-items:center; 
font-size:18px; color:var(--white); font-weight:600; border-radius:50px; float:right;
margin-top: 13px;}



/*** Carousel Start ***/
.carousel{margin-top:59px;}
.carousel-inner{height:600px;}
.carousel-item {position:}
.carousel-item img{width:100%; height:600px; display:block; border-radius:0 0 40px 40px;}
.carousel-item::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background:url(../images/carousel-overlay.png) no-repeat 0 0;
background-size:100% 100%!important; border-radius:0 0 40px 40px; opacity:0.9;}
.carousel-caption {
height: 100%;
display: flex;
align-items: center;
z-index: 1;
text-align: left;
left:8%!important;
z-index: 50;}
.carousel-caption h1{font-size:80px; color:var(--yellow); font-weight:700;}
.carousel-caption h1 span{display:inline-block; color:var(--yellow);}
.carousel-caption h2{font-size:50px; color:var(--white); font-weight:600;}
.carousel-caption h3{font-size:50px; color:var(--white); font-weight:600;}
a.rd-mr{background:var(--secondary); color:var(--white); font-size: 17px; 
padding:10px 45px; display:inline-block; border-radius:50px;}
a:hover.rd-mr{background:#1842b6; color:var(--white);}
a.rd-mr img{width:15px!important; height:15px; position: relative; top:0; display:inline-block;}
.carousel-item p {max-width:700px; margin:0 auto 35px auto;}
.carousel-control-prev {width: 90px;height: 60px;position: absolute;top: 50%;
left: 0;background: var(--bs-primary);border-radius: 0 50px 50px 0;opacity: 1;}
.carousel-control-prev:hover {background: var(--bs-secondary);transition: .8s;}
.carousel-control-next {
width: 90px;
height: 60px;
position: absolute;
top: 50%;
right: 0;
background: var(--bs-primary);
border-radius: 50px 0 0 50px;
opacity: 1;}
.carousel-control-next:hover {background:var(--bs-secondary); transition:.8s;}
.carousel-caption .carousel-content a button.carousel-content-btn1 {
background: var(--bs-secondary);color: var(--bs-dark);opacity: 1;border: 0;
border-radius: 20px;}
.carousel-caption .carousel-content a button.carousel-content-btn1:hover {
background: var(--bs-primary);
color: #ffffff;
border: 0;
opacity: 1;
transition: 1s;
border-radius: 20px;}
.carousel-caption .carousel-content a button.carousel-content-btn2 {
background: var(--bs-primary);color: var(--white);opacity: 1;border: 0;
border-radius: 20px;}
.carousel-caption .carousel-content a button.carousel-content-btn2:hover {
background: var(--bs-secondary);color: var(--bs-dark);border: 0;opacity: 1;
transition: 1s;border-radius: 20px;}
#carouselId .carousel-indicators li {width:30px; height:10px; background:var(--bs-primary);
margin:10px; border-radius:30px; opacity:1;}
#carouselId .carousel-indicators li:hover {background:#26d48c; opacity:1;}
/*** Carousel End ***/


#bubbleWrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  z-index:0;
/* prevent text selection on element */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
/* Bubble animation styling */

.bubble {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble:nth-child(1) {
  width: 40%!important;
  height:40%!important;
  top: 12%;
  left:0%;
  animation-duration: 10s;
  animation-delay: 0s;
}

.bubble:nth-child(2) {
  width: 40%!important;
  height:40%!important;
  top:100%;
  left: 0%;
  animation-duration: 10s;
  animation-delay: 0s;
}

.bubble:nth-child(3) {
  width: 40%!important;
  height:40%!important;
  top:100%;
  left:0%;
  animation-duration: 10s;
  animation-delay: 0s;
}

.bubble:nth-child(4) {
 width: 40%!important;
  height:40%!important;
  top: 100%;
  left:0%;
  animation-duration: 10s;
  animation-delay: 0s;
}




.why-chose-bg-hm{background: linear-gradient(176deg, rgba(232,248,254,1) 0%, 
rgba(241,250,254,1) 100%); height: 670px;}
.why-chosImg-01{width:75%;}
.why-chosImg-01 img{width:100%; height:450px; display:block; border-radius:7px;}
.why-chosImg-02{width:70%; position:absolute; bottom:-100px; right:-130px;}
.why-chosImg-02 img{width:100%; height:280px; display:block; border-radius:7px;}
.why-chose-ContArea-hm{position: absolute; top: 0; z-index:50;}
.why-chose-ContArea-hm h6{font-size:22px; color:var(--green); font-weight:600; position:relative;}
.why-chose-ContArea-hm h6:after{content:"";width:60px; height:18px; background:var(--secondary);
border-radius:10px 0 10px 10px; position:absolute; left:0; top:-22px;}
.why-chose-ContArea-hm h2{font-size:45px; color:var(--black); font-weight:800; 
padding-right:20%;}
.why-chose-ContArea-hm p{font-size:17px; color:var(--grey); line-height:30px;}
.why-chose-ContArea-hm ul{padding:0; margin:0;}
.why-chose-ContArea-hm ul li{background: rgb(9,163,202);
background: linear-gradient(87deg, rgba(9,163,202,1) 0%, rgba(183,229,241,1) 52%, 
rgba(231,248,253,1) 100%); border-radius:10px; padding:7px 20px 7px 50px;
position:relative;}
.why-chose-ContArea-hm ul li dd{font-size:16px; color:#131313;}
.why-chose-ContArea-hm i{width:30px; height:30px; background:var(--white); border-radius:100%;
padding:10px;  position:absolute; left:12px; top:12px; font-size:12px; color:var(--black);}
.why-chose-ContArea-hm a{background: linear-gradient(87deg, rgba(243,93,1,1) 0%, 
rgba(203,78,1,1) 52%, rgba(161,62,1,1) 100%); width:200px; height:50px; font-size:16px;
color:var(--white); line-height:50px; padding-left:7%; display:block; border-radius:70px;}
.why-chose-ContArea-hm a img{width:16px; display:inline-block; position:relative; top:-2px;}
#bubbleWrap2 {
  position: absolute;
  top: 0;
  width: 100%;
  height:100%;
  overflow: hidden;
  display: block;
  z-index:10;
/* prevent text selection on element */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
/* Bubble animation styling */

.bubble2 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(150vh) translateX(-50%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-150vh) translateX(-50%) rotate(0deg);
    opacity: 0;
  }
}

.bubble2:nth-child(1) {
  width: 15%!important;
  height:50%!important;
  top: 20%;
  left:30%;
  animation-duration: 10s;
  animation-delay: 0s;
}

.bubble2:nth-child(2) {
  width: 30%!important;
  height:40%!important;
  top:20%;
  left:70%;
  animation-duration: 10s;
  animation-delay: 0s;
}


.reqst-bg-02{background: linear-gradient(0deg, rgba(0,0,0,1) 25%, 
rgba(38,102,252,1) 100%)!important; 
border-radius:10px!important;}
.reqst-bg-02 h2{font-size:45px; color:var(--white); font-weight:800;}
.reqst-bg-02 p{font-size:20px; color:var(--white); line-height:30px; padding-right:30%;}


.reqst-bg{background: linear-gradient(0deg, rgba(0,0,0,1) 25%, rgba(38,102,252,1) 100%); 
border-radius:10px;}
.reqst-bg h2{font-size:45px; color:var(--white); font-weight:800;}
.reqst-bg p{font-size:20px; color:var(--white); line-height:30px; padding-right:30%;}
.reqst-frm-sec{background:var(--primary); padding:60px 25px; border-radius:0!important;}
.reqst-frm-sec h4{font-size:22px; color:var(--white); font-weight:600;}
.form-field{width:100%; height:55px; border-radius:5px; font-size:15px; color:var(--grey);
font-weight:600;}
.form-field:focus{box-shadow:none;}
.form-field::placeholder{font-size:15px; color:var(--grey); font-weight:600;}
.txtArea-field{width:100%; height:55px; border-radius:7px; font-size:15px; color:var(--grey);
font-weight:600; overflow:auto; padding-top:15px;}
.txtArea-field:focus{box-shadow:none;}
.txtArea-field::placeholder{font-size:15px; color:var(--grey); font-weight:600;}
.submit-Btn{background: linear-gradient(87deg, rgba(243,93,1,1) 0%, rgba(161,62,1,1) 100%);
border-radius:70px; width:100%; height:55px; display: flex; align-items:center; 
justify-content:center; font-size:17px; color:var(--white); font-weight:600;}
#bubbleWrap3 {
position: absolute;
top: 0;
width: 100%;
height:500px;
overflow: hidden;
display: block;
z-index:0;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble3 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(150vh) translateX(-50%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-150vh) translateX(-50%) rotate(360deg);
    opacity: 0;
  }
}

.bubble3:nth-child(1) {
width: 479px!important;
height:376px!important;
bottom: 0;
left: 10%;
animation-duration:10s;
animation-delay: 0s;}

.customer-bg-top{background:url(../images/customer-bg.png) no-repeat 0 0; width:100%;
background-size:100% 100%!important; height:300px; padding-top:150px;}
.customer-bg-top h4{font-size:22px; color:var(--green); font-weight:600; position:relative;}
.customer-bg-top h4:after{content:"";width:60px; height:18px; background:var(--secondary);
border-radius:10px 0 10px 10px; position:absolute; left:0; top:-22px;}
.customer-bg-top h2{font-size:40px; color:var(--black); font-weight:800;}
.customer-bg{background:#dfeff5; position:absolute; width: 100%; display:block;
left:0; right: 0; top:0; margin:0 auto; z-index: 1000;}
.customer-box{border-right:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;
padding:25px 20px 50px 30px; position:relative;}
.customer-box img{width:100%; height:240px; display:block; border-radius:0 20px 20px 0;}
.customer-box h3{font-size:20px; color:#2E3A52; font-weight:600;}
.customer-box span{font-size:17px; color:var(--grey); line-height:22px;}
.customer-box a{background:var(--primary); width:140px; height:45px; text-align:center;
line-height:45px; font-size:14px; color:var(--white); font-weight:600; position:absolute;
left:0; right:0; bottom:10px; margin:0 auto; border-radius:50px; display:block;}
.customer-box a:hover{background:var(--green); display:block;}

#bubbleWrap4 {
position: absolute;
top: 0;
width: 100%;
height:110%;
overflow: hidden;
display: block;
z-index:10;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble4 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble4:nth-child(1) {
width: 1440px!important;
height:350px!important;
top: 70px;
left: 0;
animation-duration:10s;
animation-delay: 0s;}


.exp-bg{background:url(../images/experience-bg.png) no-repeat 0 0; width:100%;
background-size:100% 100%!important; display:block;}
.exp-bgImg{background:url(../images/experience-overlay.png) no-repeat 0 0;
background-size:100% 250px!important; width:100%; padding-left:5px;}
.exp-bgImg img{width:85%; height:350px; display:block; position:relative; z-index:10;
top:15px; }
.exp-bg h2{font-size:60px; color:var(--white); font-weight:800;}
.exp-bg p{font-size:17px; color:var(--white);}
.exp-bg ul{padding:0; margin:0;}
.exp-bg ul li{display:block;}
.exp-bg ul li strong{display:inline-block; font-size:60px; color:var(--white);
font-weight:800; line-height:40px;}
.exp-bg ul li i{display:inline-block; font-size:40px; color:var(--white); 
  position: relative; top:-6px;}
.exp-bg ul li dd{font-size:20px; color:var(--white);}
#bubbleWrap5 {
position: absolute;
top: 0;
width: 100%;
height:100%;
overflow: hidden;
display: block;
z-index:10;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble5 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble5:nth-child(1) {
width: 1440px!important;
height:627px!important;
top: 0;
left: 0;
animation-duration:10s;
animation-delay: 0s;}


.clnt-exp{height:410px; background:var(--white);}
.testimnl{background: linear-gradient(0deg, rgba(38,102,252,1) 0%, rgba(0,0,0,1) 72%, 
rgba(0,0,0,1) 100%); padding-top:70px; height:420px;}
.testimnl h2{font-size:40px; color:var(--white); font-weight:800;}
.testimnl h4{font-size:22px; color:var(--white); font-weight:800;}
.curbe-arrow{width:100%;}
.curbe-arrow img{width:100%; height:100px; display:block;}
.testimonial-box{}
.testimonial-box img{width:100%!important; display:block; border-radius:15px;
height:300px;}
.testimonial-box-wh-bg{background:var(--white); border-radius:10px; width:90%;
position:absolute; z-index:10; bottom:-110px; box-shadow:0 0 10px #c5c5c5; border-bottom:20px;
height:200px; left:0; right:0; margin:0 auto; padding:70px 15px 0; height:220px;}
.testimonial-box-wh-bg h4{font-size:22px; color:#0D0B7B; font-weight:800;}
.testimonial-box h5{font-size:16px; color:var(--black); font-weight:300;}
.testimonial-box dd{background:var(--green); width:70px; height:70px; border-radius:100%;
 padding:10px; position:absolute; z-index:50px; left:0; right:0; top:-25px; margin:0 auto;
-webkit-animation: spin 5s linear infinite; animation: spin 5s linear infinite;}
.testimonial-box span{background:var(--green); border-radius:100%; width:100%;
height:100%; display:block; border:dashed 1px var(--white); padding:10px;}
.testimonial-box span img{width:100%; height:100%; display:block;}
.clnt-sys{position:absolute; top:-100px;}
.clnt-sys .owl-carousel .owl-item{height:440px}
.clnt-sys .owl-carousel .owl-nav.disabled{display:none!important;}
.clnt-sys .owl-carousel .owl-nav{display:none!important;}
.clnt-sys .owl-theme .owl-dots{display:block;}
.clnt-sys .owl-theme .owl-dots .owl-dot span{background:#D9D9D9; width:12px; height:12px;
border-radius:100%;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background:#0D0B7B; display:block;}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

#bubbleWrap6 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
overflow: hidden;
display: block;
z-index:60;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble6 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble6:nth-child(1) {
width: 100%!important;
height:60%!important;
top: 0;
left: 0;
display: block;
animation-duration:10s;
animation-delay: 0s;}

.bubble6:nth-child(2) {
width: 100%!important;
height:60%!important;
top: 100%;
left: 0;
animation-duration:10s;
animation-delay: 0s;}
.bubble6:nth-child(3) {
width: 100%!important;
height:60%!important;
top: 100%;
left: 0;
animation-duration:10s;
animation-delay: 0s;}



.projects-bg{background:url(../images/projects-bg.png) no-repeat 0 0 #fff;
background-size:100% 200px; width:100%; display:block; height:620px;}
.proj-posi{width:100%; display:block; position:absolute; top:0px; z-index:50;
left:0; right: 0; margin:0 auto;}
.projects-bg h5{font-size:22px;color:var(--green);font-weight:600; position:relative;}
.projects-bg h5:before{content: "";width: 60px;height: 18px;background: var(--secondary);
border-radius: 10px 0 10px 10px;position: absolute;left: 0;top: -22px;}
.projects-bg h3{font-size:45px; color:var(--black); font-weight:800; padding-right: 25%;}
.srvs .owl-carousel .owl-nav.disabled{display:block;}
.srvs .owl-carousel .owl-item{height:auto; padding-bottom:60px;}
.srvs .owl-carousel .owl-nav .owl-prev{display:block; width:55px; height:43px; 
background:url(../images/prev.png) no-repeat 0 0;background-size:100% 100%; display:block; 
text-indent:-9999px;position:absolute; top:-90px; left:89.95%;}
.srvs .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev.png) 
no-repeat 0 0; background-size:100% 100%;}
.srvs .owl-carousel .owl-nav .owl-next{display:block; width:49px; 
  height:43px; background:url(../images/next.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-90px; right:0;}
.srvs .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next.png) 
no-repeat 0 0; background-size:100% 100%;}
.srvs .owl-theme .owl-dots{display:none;}
.simple-effect {padding: 1em .4em;display: block;font-size: 1.8em;}
.simple-effect span {color: #1e92ea;}
.overlay,
.overlay-text,
.simple-text,
.overlay-sim-text-2,
.overlay-text-effect-3,
.zoom-effect-1 img,
.zoom-effect-2 img,
.opacity-effect img,
.blur-effect img,
.grayscale-effect img{transition: all .4s linear;-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;-o-transition: all .4s linear;}
.image-wrapper{margin-bottom: 35px;}
.effect-image-1{position: relative;display: block;}
.effect-image-1 img{width:100%; display: block; height:330px; 
border-radius:10px!important;}
.overlay-text p,
.overlay-sim-text-2 p,
.overlay-text-effect-3 p{text-align: center;color: #fff;padding: 20px 20px;}
.overlay{position: absolute;display: block;width: 100%;height: 100%;left:0;top:0;
background: rgba(246,0,2,.7);opacity: 0;visibility: hidden;}
.overlay-sim-text-2{position: absolute;left: 0px; bottom:0;  width: 100%;height:60%;
background:url(../images/project-overlayImg.png) no-repeat 0 0;opacity: 0; 
border-radius:0 0 10px 10px; background-size:100% 100%; padding-top:10px;}
.overlay-sim-text-2 p{font-size:20px; color: var(--black)!important;}
.overlay-sim-text-2 a{background: linear-gradient(87deg, rgba(243, 93, 1, 1) 0%, 
rgba(161, 62, 1, 1) 100%); border-radius: 70px; width:190px; height:45px; display:flex;
align-items: center;justify-content: center;font-size: 15px;color: var(--white);
font-weight: 600; margin: 0 auto;}
.effect-image-1:hover .overlay-xs-1{opacity: 1;visibility: visible;display: block;  }
.effect-image-1:hover .simple-text{visibility: hidden;opacity: 0;}

#bubbleWrap7 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
overflow: hidden;
display: block;
z-index:10;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble7 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble7:nth-child(1) {
width: 1440px!important;
height:311px!important;
top: 0;
left: 0;
animation-duration:10s;
animation-delay: 0s;}

.bubble7:nth-child(2) {
width: 1440px!important;
height:311px!important;
top:100%;
left: 0;
animation-duration:10s;
animation-delay: 0s;}
.bubble7:nth-child(3) {
width: 1440px!important;
height:311px!important;
top: 100%;
left: 0;
animation-duration:10s;
animation-delay: 0s;}


.priot-bg{background:url(../images/priot-bg.png) no-repeat 0 0; height:790px;
background-size:100% 100%!important;}
.priot-bg h5{font-size:22px;color:var(--white); font-weight:600; position:relative;}
.priot-bg h5:before{content: "";width: 60px;height: 18px;background: var(--secondary);
border-radius: 10px 0 10px 10px;position: absolute;left: 0;top: -22px;}
.priot-bg h3{font-size:45px; color:var(--white); font-weight:800; padding-right:15%;}
.frst-prioImg-01{width:75%;}
.frst-prioImg-01 img{width:100%; height:450px; display:block; border-radius:7px;}
.frst-prioImg-02{width:70%; position:absolute; bottom:0px; left:-120px;}
.frst-prioImg-02 img{width:100%; height:260px; display:block; border-radius:7px;}

.expt-tenicn{background:#F5F5F5; border-radius:100px 10px 10px 100px; width: 100%; 
height:150px; position:relative; display:block; padding:20px 30px 0 140px;}
.expt-tenicnImg{position:absolute; left:35px; top:25px; width:90px; height:90px;
padding:20px; background:var(--black); border-radius:100%;}
.expt-tenicnImg img{width:100%; display:block;}
.expt-tenicn h4{font-size:28px; color:var(--blue); font-weight:800;}
.expt-tenicn h6{font-size:18px; color:var(--blue); font-weight:300; line-height:30px;}


#bubbleWrap8 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
overflow: hidden;
display: block;
z-index:10;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble8 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble8:nth-child(1) {
width: 1440px!important;
height:1158px!important;
top: 0;
left: 0;
animation-duration:10s;
animation-delay: 0s;}

.bubble8:nth-child(2) {
width: 1440px!important;
height:1158px!important;
top:100%;
left: 0;
animation-duration:10s;
animation-delay: 0s;}
.bubble8:nth-child(3) {
width: 1440px!important;
height:1158px!important;
top: 100%;
left: 0;
animation-duration:10s;
animation-delay: 0s;}


.about-bg{background:#F4F1F1; overflow:hidden; height:510px;}
.about-bg h5{font-size:22px;color:var(--green); font-weight:600; position:relative;}
.about-bg h5:before{content: "";width: 60px;height: 18px;background: var(--secondary);
border-radius: 10px 0 10px 10px;position: absolute;left: 11px;top: -22px;}
.about-bg h3{font-size:45px; color:var(--blue); font-weight:800; padding-right:15%;}
.abut{background:var(--primary); border-radius:40px 40px 40px 40px; padding:0 40px;}
.abut .owl-carousel .owl-item{height:auto;}
.abut .owl-carousel .owl-nav .owl-prev{display:block; width:40px; 
  height:40px; background:url(../images/prev-02.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:69%; left:66.50%;}
.abut .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev-02.png) 
no-repeat 0 0; background-size:100% 100%;}
.abut .owl-carousel .owl-nav .owl-next{display:block; width:40px; 
  height:40px; background:url(../images/next-02.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:69%; right:22.50%;}
.abut .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next-02.png) 
no-repeat 0 0; background-size:100% 100%;}
.abut .owl-theme .owl-dots{display:none;}
.showcase{background:var(--white); width:100%; border-radius:40px 40px 40px 40px;
height:300px; padding:25px 50px 0px 45px;}
.showcaseImg{width:90%; height:220px; border:solid 2px var(--blue); border-radius:20px;
position:relative;} 
.showcaseImg img{width:100%; height:220px; display:block; border-radius:50px 50px 50px 0;
position:absolute; top:20px; right:20px;}
.showcase p{font-size:17px; color:var(--black); line-height:30px;}
.showcase i{font-size:16px; color:var(--yellow); display:inline-block;}

.showcase ul{padding:0; margin:0;}
.showcase ul li{width:fit-content; display:block; padding-left:65px; position:relative;
font-size:28px; color:var(--black); font-weight:800;}
.showcase ul li i{background:var(--green); width:50px; height:50px; border-radius:100%;
padding:10px; font-size:20px; color:var(--white); position:absolute; left:0; top:0;
text-align:center; line-height:30px;}

.showcas-posi{position:absolute; top:50px; z-index:50; width:100%; display:block;
left:0; right:0; margin:0 auto;}

#bubbleWrap9 {
position:absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
overflow: hidden;
display: block;
z-index:10;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble9 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble9:nth-child(1) {
width: 30%!important;
height:30%!important;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble9:nth-child(2) {
width: 30%!important;
height:30%!important;
top:100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble9:nth-child(3) {
width: 30%!important;
height:30%!important;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}


footer{background:var(--black); overflow: hidden; height:340px;}
.ftr-posi{width:100%; position:absolute; top:0; z-index: 50; left:0; right:0; margin:0 auto;}
.ftr-logo{width:50%;}
.ftr-logo img{width:100%; display:block;}
footer h3{font-size:20px; color:var(--white); font-weight:600;}
footer h3 i{display:inline-block; font-size:18px; color:var(--white);}
footer p{font-size:15px; color:var(--white); line-height:25px;}
ul.query{}
ul.query li{display:block; font-size:16px; color:var(--white);}
ul.query li a{font-size:15px; color:#BCB8B8; display:block;}
ul.query li a:hover{color:var(--secondary);}
ul.locate{}
ul.locate li{display:block; font-size:16px; color:#BCB8B8; padding-left:30px; 
position:relative;}
ul.locate li img{width:18px; display:block; position:absolute; left:0; top:4px;}
ul.locate li a{font-size:15px; color:#BCB8B8; display:block;}
ul.locate li a:hover{color:var(--secondary);}
.Smedia{}
.Smedia h4{font-size:20px; color:var(--white); font-weight:600;}
.Smedia a{display:inline-block; width:30px; height:30px; background:var(--white);
border-radius:5px; margin:0 4px; text-align: center; line-height:32px; color:black;}
.Smedia a:hover{background:var(--secondary);}
.Smedia a i{font-size:14px; color:var(--black);}
.Smedia a:hover i{color:var(--white);}
.rght-line{border-right:solid 1px var(--white); height:340px;}

.footer-bottom{background:url(../images/footer-bottom-bg.png) repeat-x 0 0; height:50px;
background-size:100% 100%;}
.footer-bottom span{font-size:15px; color: var(--white); display:inline-block;}
.footer-bottom span a{font-size:15px; color: var(--white); text-transform:uppercase;
font-weight:900;}
.footer-bottom span a:hover{color:#fbed04;}



#bubbleWrap10 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
z-index:0;
overflow: hidden;
display: block;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble10 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble10:nth-child(1) {
width: 98%!important;
height:120%!important;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.bubble10:nth-child(2) {
width: 98%!important;
height:120%!important;
top:100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble10:nth-child(3) {
width: 98%!important;
height:120%!important;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}



/*------start video css-----*/
.video-container {
  width: 100%;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-container video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
  width: 100px;
  height: 100px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0.9;
}

/*------end video css-----*/ 


/*mouse cursor point effect animation*/
.cursor,.cursor2{position:fixed; border-radius:50%; pointer-events:none; left:-100px;
transform: translateX(-50%) translateY(-50%);top:50%;}
.cursor{height:0; width:0;z-index:99999;}
.cursor2{height: 13px;width: 13px;z-index:99998;-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;}
.cursor2{border:1px solid #fff;box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);}
.cursor2.hover{-webkit-transform:scale(2) translateX(-25%) translateY(-25%);
transform:scale(2) translateX(-25%) translateY(-25%);border:none;
background: rgba(255,255,255,.1); border: 3px solid #fff;
box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);}
.color-cyan .cursor2{border:1px solid #2666fc;
box-shadow: 7px 7px 30px rgba(38, 102, 252, 0.9);}
.color-cyan .cursor2.hover{background: rgba(38, 102, 252,0.5); border:none;
border:1px solid #2666fc; box-shadow: 7px 7px 30px rgba(38, 102, 252, 0.9);}
/*mouse cursor point effect animation*/

.word {
  width: 100%;
  opacity: 0;
  display: block;
  position:relative;
  word-spacing:10px;
}

.letter {
  display: inline-block;
  position: relative;
  
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}



@-webkit-keyframes uparrow {
  0% { -webkit-transform: translateY(0); opacity: 0.4 }
  100% { -webkit-transform: translateY(-0.4em); opacity: 0.9 }
}

@-webkit-keyframes downarrow {
  0% { -webkit-transform: translateY(0); opacity: 0.4 }
  100% { -webkit-transform: translateY(0.4em); opacity: 0.9 }
}
  .arrow {
  display:block;
  opacity:0.4;
  text-indent:-9999px;
  transform-origin: 50% 50%;
}
.up {
  -webkit-animation: uparrow 0.6s infinite alternate ease-in-out;
}

.down {
  -webkit-animation: downarrow 0.6s infinite alternate ease-in-out;
}



/*----Start inside pages css----*/
.inside-banner{height:600px; display: block;}
.inside-banner-overlay{background:url(../images/inner-banner-overlay.png) no-repeat 0 0;
background-size:100% 100%!important; width:100%; height:100%; display:block; top: 0;
position:relative; z-index:10; padding-top:250px;}
.breadcum{position:absolute; z-index:1000; top:35%; left:0; right:0; margin:0 auto;}
.breadcum ul{padding:0; margin:0;}
.breadcum ul li{display:inline-block; width:fit-content; padding-right:20px;
margin-right:4px; font-size:15px; color:var(--white); font-weight:600;
background:url(../images/breadcum-arrow.png) no-repeat 100% 50%;
background-size:12px 11px!important;}
.breadcum ul li a{font-size:15px; color:var(--white); font-weight:600;}
.breadcum ul li a:hover{color:var(--secondary);}
.breadcum ul li:last-child{background:none;}
.inside-banner-overlay h5{font-size:18px; color:var(--white); line-height:30px;
padding:0 15%;}
.main {position: relative; padding: 0 0 80px;}
.inside-banner-overlay h1 {
  font-size:65px;
  position:absolute;
  transform: translate(-0%, -0%);
  margin: 0 auto;
  width: 100%;
  text-align: center;
  left:0;
  right:0;
}

.first {color:var(--white);}
.second {color:var(--primary);-webkit-text-stroke: 2px #00A0C8;
  animation: waves 4s ease-in-out infinite;}

@keyframes waves {
 0%,
  100% {
    clip-path: polygon(
      0% 45%,
      16% 44%,
      33% 50%,
      54% 60%,
      70% 61%,
      84% 59%,
      100% 52%,
      100% 100%,
      0% 100%
    );
  }

  50% {
    clip-path: polygon(
      0% 60%,
      15% 65%,
      34% 66%,
      51% 62%,
      67% 50%,
      84% 45%,
      100% 46%,
      100% 100%,
      0% 100%
    );
  } 
}





#bubbleWrap11 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
z-index:0;
overflow: hidden;
display: block;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble11 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble11:nth-child(1) {
width: 98%!important;
height:29%!important;
top:15%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.bubble11:nth-child(2) {
width: 98%!important;
height:29%!important;
top:100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble11:nth-child(3) {
width: 98%!important;
height:29%!important;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}


.proces{background:url(../images/process-bg.png) no-repeat 0 0; width:100%;
background-size:100% 100%; display:block;}
.proces h3{font-size:22px; color:var(--green); font-weight:600; position:relative;
margin-left:160px}
.proces h3:before{content: ""; width:45px; height:14px; background: var(--secondary);
border-radius: 10px 0 10px 10px; position: absolute; left: 0; top:-22px;}
.proces h2{font-size:45px; color:var(--black); font-weight:800; line-height:20px;
padding-bottom:80px;}
.process-box{}
.process-box img{width:130px; height:130px; margin:0 auto; display:block; 
border-radius:100%;}
.process-box dd{background:var(--secondary); width:50px; height:50px; border-radius:100%;
display:flex; align-items:center; justify-content:center; font-size:20px; 
color: var(--white); font-weight:800; position:absolute; left:0; right:0; margin:0 auto;
top:-30px;}
.process-box h4{font-size:25px; color:var(--black); font-weight:600;}
.process-box p{font-size:17px; color:var(--grey); line-height:25px;}
.process-box span{width:110px!important; position:absolute; right:-63px; top:17%;}
.process-box span img{width:110px!important; height:21px!important; display:block;
border-radius:0!important;}

#bubbleWrap12 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
z-index:20;
overflow: hidden;
display: block;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble12 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble12:nth-child(1) {
width: 98%!important;
height:50%!important;
top:15%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.bubble12:nth-child(2) {
width: 98%!important;
height:50%!important;
top:100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble12:nth-child(3) {
width: 98%!important;
height:50%!important;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}


.why-chose-bg{background:url(../images/priot-bg.png) no-repeat 0 0; width:100%;
background-size:100% 100%!important; display:block; padding:40px 10px 0px;
height:800px;}
.why-chose-bg h2{font-size:45px; color:var(--white); font-weight:800;}
.why-chose-bg h2 span{display:inline-block; color:var(--yellow);}
.why-chose-bg p{font-size:16px; color:var(--white); line-height:30px; padding:0 17%;}

.exprt{background:var(--white); width:100%; border-radius:100px 0 0 100px;
padding:25px 25px 25px 90px; position: relative;}
.exprt dd{background:var(--black); width:50px; height:50px; border-radius:100%;
display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700;
color:var(--white); position:absolute; left:25px; top:31%;}
.exprt strong{color:#211E3B; font-size:22px; font-weight:700; text-align:left;}
.exprt span{font-size:16px; color:var(--black); font-weight:400; text-align:left;}

.fst-efct{background:var(--white); width:100%; border-radius:0 100px 100px 0;
padding:25px 60px 25px 25px; position: relative;}
.fst-efct dd{background:var(--black); width:50px; height:50px; border-radius:100%;
display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700;
color:var(--white); position:absolute; right:25px; top:31%;}
.fst-efct strong{color:#211E3B; font-size:22px; font-weight:700; text-align:left;}
.fst-efct span{font-size:16px; color:var(--black); font-weight:400; text-align:left;}

.why-chose-circle{background:url(../images/exprt-circle-bg.png) no-repeat 0 0;
background-size:100% 100%!important; width:85%; height:350px; display:block; padding:7px;}
.why-chose-circle img{width:100%; height:100%; display:block; border-radius:100%;}

.countr-bg{background:var(--black); width:90%; height:150px; border-radius:50px;
padding:20px 30px 10px; position:absolute; left:0; right:0; top:100px; margin:0 auto;
z-index:10; border:solid 1px var(--grey);}
.countr-bg ul{padding:0; margin:0;}
.countr-bg ul li{display:block; border-right:dashed 2px var(--white); padding-right:70px;
padding-left:60px;} 
.countr-bg ul li strong{display:inline-block; font-size:55px; color:var(--yellow);
font-weight:700;}
.countr-bg ul li i{display:inline-block; font-size:40px; color:var(--grey);}
.countr-bg span{font-size:20px; color:var(--white); font-weight:600; position:relative;
top:-15px;}
.countr-bg ul li.bdr-none{border-right:none; padding-right:0px;}

#bubbleWrap13 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
z-index:20;
overflow: hidden;
display: block;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble13 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble13:nth-child(1) {
width: 98%!important;
height:90%!important;
top:3%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.bubble13:nth-child(2) {
width: 98%!important;
height:90%!important;
top:100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble13:nth-child(3) {
width: 98%!important;
height:90%!important;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.serv-provdr{padding-top: 130px;}
.serv-provdrImg{width:100%; position:relative;}
.serv-provdrImg img{width:100%; display:block; height:400px; object-fit:cover;}
.yr-exp-bg{background:var(--yellow); width:150px; height:150px; position:absolute;
top:20px; left:20px; display:block;}
.yr-exp-bg .yr-exp{background:var(--white); width:150px; height:150px; position:absolute;
z-index: 10; top:10px; left:10px; display:flex; justify-content:center; align-items:center;}
.yr-exp-bg .yr-exp strong{font-size:55px; color:var(--blue); font-weight:700;
display:inline-block; line-height:30px;}
.yr-exp-bg .yr-exp i{color:var(--yellow); font-size:25px; display:inline-block;
position:relative; top:-17px;}
.yr-exp-bg .yr-exp span{font-size:17px; color:var(--black); font-weight:600;}
.serv-provdr h3{font-size:22px; color:var(--green); font-weight:600; position:relative;}
.serv-provdr h3:before{content: ""; width:45px; height:14px; background: var(--secondary);
border-radius: 10px 0 10px 10px; position: absolute; left: 0; top:-22px;}
.serv-provdr h2{font-size:40px; color:var(--black); font-weight:700; padding-right:12%;}
.serv-provdr h2 b{display:inline-block; color:var(--primary);}
.serv-provdr h5{font-size:40px; color:var(--black); font-weight:700;}
.serv-provdr h5 b{display:inline-block; color:#04009A;}
.serv-provdr p{font-size:18px; color:var(--grey); padding-right:7%;}
.safe-efec{background:var(--white); width:100%; padding:20px 20px 15px 120px;
position:relative;}
.safe-efec h4{font-size:20px; color:var(--grey); font-weight:400; line-height:30px;} 
.safe-efec h4 dd{display:inline-block; color:var(--black); font-weight:700;}
.safe-efec img{background: linear-gradient(90deg, rgba(28,111,212,1) 0%, 
rgba(10,80,120,1) 72%); display:flex; border-radius:7px; width:70px; height:70px;
align-items:center; justify-content:center; padding:15px; position:absolute; top:25%;
left:25px;}

#bubbleWrap14 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
z-index:20;
overflow: hidden;
display: block;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble14 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble14:nth-child(1) {
width: 17%!important;
height:50%!important;
top:3%;
left: 80%;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.bubble14:nth-child(2) {
width: 17%!important;
height:50%!important;
top:100%;
left: 80%;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble14:nth-child(3) {
width: 17%!important;
height:50%!important;
top: 100%;
left: 80%;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}


.bef-aftr-bg{background: linear-gradient(0deg, rgba(255,255,255,1) 0%, 
rgba(227,235,255,1) 72%); padding:150px 0 10px;}
.bef-aftr-bg h2{font-size:40px; color:var(--blue); font-weight:700;}
.bef-aftr-bg h2 strong{display:inline-block; color:var(--secondary);}
.bef-aftr-bg p{font-size:17px; color:var(--grey); line-height:30px;}
.bef-aftr .owl-carousel .owl-nav.disabled{display:block;}
.bef-aftr .owl-carousel .owl-item{height:auto; padding-bottom:60px;}
.bef-aftr .owl-carousel .owl-nav .owl-prev{display:block; width:55px; height:43px; 
background:url(../images/prev.png) no-repeat 0 0;background-size:100% 100%; display:block; 
text-indent:-9999px;position:absolute; top:-77px; left:79.95%;}
.bef-aftr .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev.png) 
no-repeat 0 0; background-size:100% 100%;}
.bef-aftr .owl-carousel .owl-nav .owl-next{display:block; width:49px; 
  height:43px; background:url(../images/next.png) no-repeat 0 0;
background-size:100% 100%; display:block; text-indent:-9999px;
position:absolute; top:-77px; right:0;}
.bef-aftr .owl-carousel .owl-nav .owl-next:hover{background:url(../images/next.png) 
no-repeat 0 0; background-size:100% 100%;}
.bef-aftr .owl-theme .owl-dots{display:none;}
.showcaseImg-01{width:100%;}
.showcaseImg-01 img{width:100%; display:block; height:320px;
object-fit:cover; border-radius:10px 0 0 10px!important;}
.showcaseImg-01 span{background: linear-gradient(to right, #f9b101, #aa3b00);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:22px; 
font-weight:600;}
.showcaseImg-02{width:100%;}
.showcaseImg-02 img{width:100%; display:block; height:320px;
object-fit:cover; border-radius:0 10px 10px 0!important;}
.showcaseImg-02 span{background: linear-gradient(to right, #f9b101, #aa3b00);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:22px; 
font-weight:600;} 


@keyframes fake {
    from {
        opacity: 1;
    }
    to {
        opactity: 1
    }
}
body {        
    animation: fake 1s infinite;
}

.radio-tabs {
  display: flex;
  flex-flow: row;
  height: auto;
}

.radio-tabs .state {
    position: absolute;
    left: -10000px;
}
#radio1:focus ~ .tabs #first-tab,
#radio2:focus ~ .tabs #second-tab,
#radio3:focus ~ .tabs #third-tab,
#radio4:focus ~ .tabs #fourth-tab, 
#radio5:focus ~ .tabs #fifth-tab,
#radio6:focus ~ .tabs #six-tab,
#radio7:focus ~ .tabs #seven-tab,
#radio8:focus ~ .tabs #eight-tab,
#radio9:focus ~ .tabs #nine-tab,
#radio10:focus ~ .tabs #ten-tab,
#radio11:focus ~ .tabs #eleven-tab,
#radio12:focus ~ .tabs #twelve-tab,
#radio13:focus ~ .tabs #thirteen-tab,
#radio14:focus ~ .tabs #fourteen-tab,
#radio15:focus ~ .tabs #fifteen-tab
{
    box-shadow: none;
}

/* Tab button container */
.tabs {
  display: block;
  width:30%;
  height: auto;
  align-self: center;
  background:#102048;
  border-radius:35px;
  padding:20px 20px 40px;
  float:left;
}
.tabs h2{font-size:35px; color:var(--white); font-weight:800; 
border-bottom:solid 1px var(--white);}

/* Tab button */
.radio-tabs .tab {
    flex: none;
    display: flex;
    flex-flow: column;
    text-align: left;
    padding:10px 10px 10px;
    background-color: transparent;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    border-bottom:solid 1px var(--white);
}
.radio-tabs .tab:hover {
    background-color: #;
    opacity: 0.7;
}
#radio1:checked ~ .tabs #first-tab,
#radio2:checked ~ .tabs #second-tab,
#radio3:checked ~ .tabs #third-tab,
#radio4:checked ~ .tabs #fourth-tab,
#radio5:checked ~ .tabs #fifth-tab,
#radio6:checked ~ .tabs #six-tab,
#radio7:checked ~ .tabs #seven-tab,
#radio8:checked ~ .tabs #eight-tab,
#radio9:checked ~ .tabs #nine-tab,
#radio10:checked ~ .tabs #ten-tab,
#radio11:checked ~ .tabs #eleven-tab,
#radio12:checked ~ .tabs #twelve-tab,
#radio13:checked ~ .tabs #thirteen-tab,
#radio14:checked ~ .tabs #fourteen-tab,
#radio15:checked ~ .tabs #fifteen-tab
{
    background-color:var(--primary);
    color: #1e262d;
    cursor: default;
    border-bottom:none;
    border-radius:5px;
}

.tab-label {
  font-size: 18px; color: var(--white);
}

.radio-tabs .panels {
width:70%;
display:block;
background: url(../images/tabs-panel-bg.png) no-repeat 0 0;
background-size:100% 100%!important;
color: #fff;
padding:30px;
border-radius:35px;
margin-left: 30px;
float:left;
}
.radio-tabs .panel {display: none;}
#radio1:checked ~ .panels #first-panel,
#radio2:checked ~ .panels #second-panel,
#radio3:checked ~ .panels #third-panel,
#radio4:checked ~ .panels #fourth-panel,
#radio5:checked ~ .panels #fifth-panel,
#radio6:checked ~ .panels #six-panel,
#radio7:checked ~ .panels #seven-panel,
#radio8:checked ~ .panels #eight-panel,
#radio9:checked ~ .panels #nine-panel,
#radio10:checked ~ .panels #ten-panel,
#radio11:checked ~ .panels #eleven-panel,
#radio12:checked ~ .panels #twelve-panel,
#radio13:checked ~ .panels #thirteen-panel,
#radio14:checked ~ .panels #fourteen-panel,
#radio15:checked ~ .panels #fifteen-panel
{display: block;}

.slide-title {text-align: left;font-size:35px; border-bottom:solid 1px var(--white);}
.slide-subtitle {border:solid 1px var(--white); border-radius:50px; font-size:18px;
color:var(--white); width:160px; height:45px; text-align: center; line-height:40px;}
.radio-tabs .panels ul{padding:0; margin:0; float: left;}
.radio-tabs .panels ul li{display:block; padding-left:35px; position:relative;
margin-bottom: 20px; float: left; width: 100%;}
.radio-tabs .panels ul li i{width:25px; height:25px; background:var(--white);
border-radius:100%; font-size:12px; color:#5F6368; text-align:center; line-height:25px;
position:absolute; left:0; top:12px;}
.radio-tabs .panels ul li strong{font-size:35px; color:var(--white); font-weight:800;
display:inline-block; float: left;}
.radio-tabs .panels ul li span{display:inline-block; font-size:18px; color:var(--white);
float: left; padding-top:10px;}

.left {
  text-align: left;
}

.slide-item {
  font-size: 1.4rem;
}


.aboutImg{background: linear-gradient(94deg, rgba(23,92,255,1) 0%, rgba(14,59,163,1) 100%);
width:100%; border-radius:70px; height:400px; display:block; padding-right:25px;}
.aboutImg img{width:100%; height:100%; display:block; position:relative; top:0;
z-index:20; border-radius:70px;}
.about-year{background:var(--yellow); width:120px; height:120px; position:absolute; 
display:block; bottom:0; right:-30px; z-index: 40;}
.about-year .about-exp{background:var(--white); width:120px; height:120px; position:absolute;
z-index: 10; top:10px; left:10px; display:flex; justify-content:center; align-items:center;}
.about-year .about-exp strong{font-size:45px; color:var(--blue); font-weight:700;
display:inline-block; line-height:30px;}
.about-year .about-exp i{color:var(--yellow); font-size:22px; display:inline-block;
position:relative; top:-17px;}
.about-year .about-exp span{font-size:15px; color:var(--black); font-weight:600;}
.about-count{position:inherit; top:0px;}
.about-choose{height:auto; padding:40px 10px;}

#bubbleWrap15 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
z-index:20;
overflow: hidden;
display: block;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble15 {
  position: absolute;
  opacity: 0;
  animation: floatBubble linear infinite;
}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble15:nth-child(1) {
width: 22%!important;
height:30%!important;
top:3%;
left: 75%;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.bubble15:nth-child(2) {
width: 22%!important;
height:30%!important;
top:100%;
left: 75%;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble15:nth-child(3) {
width: 22%!important;
height:30%!important;
top: 100%;
left: 75%;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.location-box{width:100%; height:250px; background-size:100% 100%!important; display:block; 
background:url(../images/locationImg.jpg) no-repeat 0 0; border-radius:10px;}
.location-box-overlay{width:100%; height:100%; display:block; position:relative;
z-index:10; top:0; background:rgba(0, 0, 0, 0.6); border-radius:10px;
padding:135px 6px 0;}
.location-box-overlay dd{background:var(--yellow); width:80px; height:80px;
border-radius:100%; padding:8px; position:absolute; display:block; left:0; right:0; 
top:18%; margin:0 auto;}
.location-box-overlay span{width:100%; height:100%; display:flex; border-radius:100%;
border:dashed 1px var(--black); background:var(--yellow); align-items:center; 
justify-content:center; -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;}
.location-box-overlay span i{font-size:25px; color:#102048;}
.location-box-overlay span img{width:27px; display: block;}
.location-box-overlay h3{font-size:22px; color:var(--white); font-weight:800;}
.location-box-overlay h6{font-size:18px; color:var(--white);}
.location-box-overlay a{font-size:18px; color:var(--white); display: block; 
text-align: center;}
.location-box-overlay a:hover{color:var(--yellow);}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.faq h2{font-size:55px; color:var(--black); font-weight:600;}
.faq h3{font-size:80px; color:var(--yellow); font-weight:600;}
.faq p{font-size:16px; color:var(--grey); padding:0 15%;}
.acordn-bg{background:url(../images/priot-bg.png) no-repeat 0 0 #000;
background-size:100% 100%!important; width:100%; display:flex; 
justify-content:center;}
.faq-acord
.faq-acord .accordion{border-radius:25px!important;}
.faq-acord .accordion-item:first-of-type .accordion-button{height:65px;}
.faq-acord .accordion-item:first-of-type .accordion-button:focus{box-shadow:none!important;}
.faq-acord .accordion-item:last-of-type .accordion-button.collapsed{height:65px;}
.faq-acord .accordion-button:not(.collapsed){color:var(--black)!important;
background:var(--white)!important;}
.faq-acord .accordion-button{font-size:20px; color:var(--black); font-weight:600;}
.faq-acord .accordion-button:focus{box-shadow:none!important;}
.faq-acord .accordion-body{ font-size:16px; color:var(--grey); font-weight:400;}
.accordion-button::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
transition: all 0.5s;
background-size:100% 100%!important; width:30px!important; height:30px!important; 
display:block;}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
background-size:100% 100%!important; width:30px!important; height:30px!important; 
display:block;}
.accordion-button::after {transition: all 0.5s;}

#bubbleWrap16 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto;
width: 98%;
height:100%;
z-index:20;
overflow: hidden;
display: block;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}
.bubble16 {
position: absolute;
opacity: 0;
animation: floatBubble linear infinite;}

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(-0%) rotate(0deg);
    opacity: 0;
  }
}

.bubble16:nth-child(1) {
width: 60%!important;
height:100%!important;
top:3%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}

.bubble16:nth-child(2) {
width: 60%!important;
height:100%!important;
top:100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}
.bubble16:nth-child(3) {
width: 60%!important;
height:100%!important;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
animation-duration:10s;
animation-delay: 0s;}


.back-to-top-wrapper {
  position: absolute;
  right: 20px;
  bottom:0px;
  width: 3em;
  pointer-events: none;
  z-index: 100;
}

.back-to-top-link {
  position: fixed;
  position: sticky;
  pointer-events: all;
  top: 0;
  display: inline-block;
  text-decoration: none;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  width: 3rem;
  height: 3rem;
  transition: transform 80ms ease-in;
  z-index: 200;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  transform: scale(1.1);
}
.back-to-top-link:focus {
  outline: none;
}


/*----Start inside pages css----*/


/*------start blog page css--------*/
.blog-box{width:100%; background:var(--white); padding-bottom: 30px;}
.blog-box img{width:100%; height:450px; display:block; border-radius:3px;}
.blog-box ul{padding:0; margin:0;}
.blog-box ul li{display:block; background:#e5eaeb; padding:5px;}
.blog-box ul li span{display:inline-block; width:fit-content; padding-right:10px;
font-size:15px; color:#616568; font-weight:600;}
.blog-box ul li span i{font-size:17px; color:#616568; display:inline-block;}
.blog-box h4{font-size:22px; color:var(--black); font-weight:700;}
.blog-box p{font-size:17px; color:var(--grey); line-height:25px;}
.blog-box a{background:var(--blue); width:160px; height:45px; border-radius:50px;
text-align:center; line-height:45px; font-size:14px; color:var(--white);
text-transform:uppercase; display:block; position:absolute; left:20px; bottom:20px;}
.blog-box a:hover{background:var(--green);}

.blog-author{width:100%; background:var(--white);}
.blog-author img{width:100%; height:200px; display:block;}
.blog-author h3{font-size:25px; color:var(--black); font-weight:800;}
.blog-author h5{font-size:20px; color:var(--black);}
.blog-author h6{font-size:16px; color:var(--grey); line-height:25px;}

.blog-Smedia{}
.blog-Smedia a{display:inline-block; width:fit-content; padding:0 5px;}
.blog-Smedia a i{font-size:18px; color:#6c757d;}

.lst-post{background:var(--white); padding:20px 15px 5px;}
.lst-post h4{font-size:20px; color:var(--black); font-weight:800;}
.lst-post ul{padding:0; margin:0;}
.lst-post ul li{display:block; border-bottom:solid 1px #dadada; padding-bottom:20px;
margin-bottom:15px; position:relative; padding-left:110px;}
.lst-post ul li img{width:90px; height:70px; display:block; object-fit:cover;
border-radius:3px; position:absolute; left:0px; top:0; object-fit:scale-down;}
.lst-post ul li strong{ display:block; font-size:16px; 
color:var(--black); font-weight:600;}
.lst-post ul li span{font-size:12px; color:var(--grey); display:block;}

.blog-single{width:100%; background:var(--white); padding-bottom: 30px;}
.blog-single img{width:100%; height:550px; display:block; border-radius:3px;
aspect-ratio: auto 550 / 550; overflow-clip-margin: content-box; overflow: clip;}
.blog-single ul{padding:0; margin:0;}
.blog-single ul li{display:block; background:#e5eaeb; padding:7px 20px;}
.blog-single ul li span{display:inline-block; width:fit-content; padding-right:20px;
font-size:18px; color:#616568; font-weight:600;}
.blog-single ul li span i{font-size:17px; color:#616568; display:inline-block;}
.blog-single h4{font-size:30px; color:var(--black); font-weight:700;}
.blog-single p{font-size:20px; color:var(--grey); line-height:35px;}

.blg-frm-fld{border:solid 1px #d8d7d7!important; width:100%; height:50px; 
display:block; border-radius:7px!important; font-size:16px; color:var(--black);}
.blg-frm-fld:focus{box-shadow:none;}
.blg-frm-fld::placeholder{font-size:16px; color:var(--black);}
.blg-txt-area{border:solid 1px #d8d7d7!important; width:100%; height:130px; 
display:block; border-radius:7px!important; font-size:16px; color:var(--black);
overflow:auto; padding:20px;}
.blg-txt-area:focus{box-shadow:none;}
.blg-txt-area::placeholder{font-size:16px; color:var(--black);}

.blog-submitBtn{background:var(--blue); width:fit-content; height:45px; border-radius:50px;
line-height:45px; font-size:14px; color:var(--white);text-transform:uppercase; 
display:block; padding:0 35px;}
.blog-submitBtn:hover{background:var(--green);}

.pst-cmnt ul{padding:0; margin:0;}
.pst-cmnt ul li{display:block; padding-left:65px; position:relative;}
.pst-cmnt ul li img{width:50px!important; height:50px!important; display:block;
position:absolute; top:5px; left:0;}
.pst-cmnt ul li strong{display:block; font-size:20px; color:var(--black);
font-weight:600;}
.pst-cmnt ul li span{font-size:18px; color:var(--black); display:block;
font-weight:300;}
.pst-cmnt p{font-size:17px; color:var(--grey);}




/*------end blog page css--------*/


@media only screen and (max-width:1280px){
.frst-prioImg-01 img{height:400px;}
.frst-prioImg-02 img{height:220px;}
.frst-prioImg-02{bottom:70px;}
.inside-banner-overlay{padding-top:240px;}
.why-chose-circle{height:320px;}
}

@media only screen and (max-width:1200px){
.carousel-caption h3{font-size:40px;}
.carousel-caption h1{font-size:60px;}
.carousel-caption h2{font-size:40px;}
a.bk-now{font-size:16px; width:140px;}
.why-chose-ContArea-hm h2{font-size:35px;}
.why-chose-ContArea-hm p{font-size:15px; line-height:25px;}
.why-chose-ContArea h2{font-size:35px;}
.why-chose-ContArea p{font-size:15px; line-height:25px;}
.why-chosImg-01 img{height:380px;}
.why-chosImg-02 img{height:220px;}
.customer-box h3{font-size:18px;}
.customer-box span{font-size:15px;}
.exp-bgImg img{width:91%;}
.exp-bg h2{font-size:50px;}
.exp-bg ul li strong{font-size:50px;}
.exp-bg ul li i{font-size:30px;}
.testimonial-box-wh-bg h4{font-size:19px;}
.testimonial-box-wh-bg{padding:50px 15px 0;}
.projects-bg h3{font-size:40px;}
.srvs .owl-carousel .owl-nav .owl-prev{left:87.95%;}
.effect-image-1 img{height:290px;}
.priot-bg h3{font-size:38px;}
.expt-tenicn h4{font-size:25px;}
.expt-tenicn h6{font-size:17px; line-height:25px;}
.about-bg h3{font-size:38px;}
.showcaseImg{height:190px;}
.showcaseImg img{height:200px; top:15px; right:15px;}
.abut .owl-carousel .owl-nav .owl-prev{top:78%;}
.abut .owl-carousel .owl-nav .owl-next{top:78%; right:21.50%;}
.projects-bg{height:580px;}
.process-box h4{font-size:23px;}
.exprt strong{font-size:18px;}
.exprt span{font-size:15px;}
.fst-efct strong{font-size:18px;}
.fst-efct span{font-size:15px;}
.why-chose-circle{height:290px; margin-top:10%;}
.countr-bg{top:77px;}
.serv-provdr h2{font-size:35px; padding-right:7%;}
.showcaseImg-01 img{height:290px;}
.showcaseImg-02 img{height:290px;}
.bef-aftr .owl-carousel .owl-nav .owl-prev{left:74.95%;}
.proces h3{margin-left:127px;}
.serv-provdr h5{font-size:35px;}
.countr-bg ul li{padding-right:30px; padding-left:30px;}
.aboutImg{height:335px;}

.blog-box img{height:280px;}
.lst-post ul li img{width:80px; height:60px;}
.lst-post ul li strong{font-size:14px;}
.lst-post ul li{padding-left:90px;}

.blog-single img{height:450px;}
.blog-author img{height:160px;}
}

@media only screen and (max-width:1024px){
.nav{height:72px;}
.NavMenu li a{font-size: 1.3vw; padding: 25px 13px;}
.NavMenu li a label{top:-6px;}
.tp-bar-bg ul li a{font-size:16px;}
.tp-bar-bg ul li{padding-right:20px; margin-right:20px;}
.tp-bar-bg ul li img{width:27px;}
.carousel-inner{height:auto;}
.why-chosImg-01 img{height:340px;}
.why-chosImg-02 img{height:200px;}
.why-chosImg-02{bottom:-65px; right:-84px;}
.why-chose-ContArea-hm h2{font-size:32px;}
.why-chose-ContArea-hm h6{font-size:18px;}
.why-chose-ContArea-hm h6:after{width:46px; height:14px; top:-16px;}
.why-chose-ContArea h2{font-size:32px;}
.why-chose-ContArea h6{font-size:18px;}
.why-chose-ContArea h6:after{width:46px; height:14px; top:-16px;}
.customer-bg-top h4{font-size:18px;}
.customer-bg-top h4:after{width:46px; height:14px; top:-16px;}
.customer-bg-top h2{font-size:35px;}
.customer-box img{height:200px;}
.customer-box h3{font-size:17px;}
.customer-box{padding: 20px 10px 20px 20px;}
.exp-bgImg img{height:300px;}
.projects-bg h5{font-size:18px;}
.projects-bg h5:before{width:46px; height:14px; top:-16px;}
.projects-bg h3{font-size:35px;}
.priot-bg h5{font-size:18px;}
.priot-bg h5:before{width:46px; height:14px; top:-16px;}
.priot-bg h3{font-size:35px;}
.expt-tenicn h4{font-size:22px;}
.expt-tenicnImg{width:80px; height:80px; left:26px;}
.expt-tenicn{padding: 17px 20px 0 120px;}
.frst-prioImg-01 img{height:330px;}
.frst-prioImg-02 img{height:200px;}
.frst-prioImg-02{bottom:122px; left:-67px;}
.priot-bg{height:733px;}
.about-bg h5{font-size:18px;}
.about-bg h5:before{width:46px; height:14px; top:-16px;}
.abut .owl-carousel .owl-nav .owl-next{top:78%; right:16.5%;}
.abut .owl-carousel .owl-nav .owl-prev{left:70.5%;}
.projects-bg{height:550px;}
footer{height:390px;}
.rght-line{height:390px;}
.proces h3{margin-left:112px;}
.bubble11:nth-child(1) {height:21%!important;}
.bubble11:nth-child(2) {height:21%!important;}
.bubble11:nth-child(3) {height:21%!important;}

.process-box span{width:95px!important; right:-60px;}
.process-box span img{width:95px!important;}
.process-box h4{font-size:20px;}
.process-box p{font-size:15px;}
.why-chose-bg h2{font-size:35px;}
.why-chose-bg p{padding:0 10%;}
.why-chose-circle{height:260px;}

.tabs h2{font-size:30px;}
.radio-tabs .panels ul li span{width:82%;}
.slide-title{font-size:30px;}

.blog-box img{height:250px;}
.blog-box h4{font-size:18px;}
.blog-box p{font-size:15px;}
.lst-post ul li img{width:70px; height:50px;}
.lst-post ul li{padding-left:75px; padding-bottom:10px;}

.blog-single img{height:400px;}
.blog-single h4{font-size:25px;}
.blog-single p{font-size:18px;}
}

@media only screen and (max-width:993px){
.nav{height:57px;}
.nav .logo {width: 100%;}
.mobile-menu-bg {
background: #000;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0 auto;
z-index: 9999;
width: 100%;
height: 40px;}
a.ftr-sm-menu {
width: 100%;
height: 45px;
display:block;
line-height:45px;
position:absolute;
z-index:10000;
padding-left:9%;}
a.ftr-sm-menu i{color:var(--white)!important; font-size:18px; margin:0 auto;}
.ftr-mb-mnu nav.black{background:#000;}
.tp-bar-bg ul li{font-size:14px; padding-right: 10px; margin-right: 10px;}
.tp-bar-bg ul li a{font-size:14px;}
.nav .logo{width:100%;}
a.bk-now{font-size:14px; width:150px!important; height:35px!important; 
margin-top:5px!important; line-height:22px; text-align: center;}
a.bk-now img{width:12px; display:inline-block;}
.carousel-item img{height:450px;}
.carousel-caption h1{font-size:50px;}
.carousel-control-prev{width:70px;}
.carousel-control-next{width:70px;}
.why-chosImg-01 img{height:252px;}
.why-chosImg-02 img{height:165px;}
.why-chose-ContArea-hm h2{font-size:25px;}
.why-chose-ContArea-hm ul li dd{font-size:13px;}
.why-chose-ContArea-hm a{width:170px;}
.why-chose-ContArea h2{font-size:25px;}
.why-chose-ContArea ul li dd{font-size:13px;}
.why-chose-ContArea a{width:170px;}
.reqst-frm-sec{padding:30px 15px;}
.form-field{height:45px;}
.reqst-bg h2{font-size:35px;}
.reqst-bg p{font-size:17px; padding-right:0%;}
.reqst-bg-02 h2{font-size:35px;}
.reqst-bg-02 p{font-size:17px; padding-right:0%;}
.customer-bg-top{height:200px; padding-top:90px;}
.exp-bg h2{font-size:42px;}
.exp-bg p{font-size:15px;}
.exp-bg ul li strong{font-size:35px;}
.exp-bg ul li i{font-size:20px;}
.exp-bg ul li dd{font-size:15px;}
.exp-bgImg img{height:243px;}
.testimnl h4{font-size:20px;}
.testimnl h2{font-size:30px;}
.curbe-arrow img{height:61px;}
.testimnl{height:364px;}
.projects-bg{background-size:100% 144px;}
.projects-bg h3{font-size:30px;}
.srvs .owl-carousel .owl-nav .owl-prev{left:83.95%;}
.priot-bg h3{font-size:27px;}
.expt-tenicn h4{font-size:18px;}
.expt-tenicn h6{font-size:15px; line-height:inherit;}
.expt-tenicnImg{width:70px; height:70px; left:20px; top:17px; padding:15px;}
.expt-tenicn{padding-left:98px;}
.frst-prioImg-01 img{height:250px;}
.frst-prioImg-02 img{height:160px;}
.frst-prioImg-02{bottom:212px;}
.about-bg h3{font-size:30px;}
.showcase p{font-size:15px; line-height:inherit;}
.showcaseImg{height:139px; width:100%; border-radius:10px;}
.showcaseImg img{height:150px; border-radius:30px 30px 30px 0;}
.showcase ul li{font-size:20px; padding-left:50px;}
.showcase ul li i{width:40px; height:40px; font-size:14px; line-height:20px; top:-1px;}
.showcase{height:259px;}
.abut .owl-carousel .owl-nav .owl-next{right:10.50%; top:77%;}
.abut .owl-carousel .owl-nav .owl-prev{left:71.50%;}
.ftr-logo{width:70%;}
footer p{line-height:inherit;}
.rght-line{height:392px;}
.footer-bottom{height:60px; margin-bottom:40px;}
.menu-logo{width:150px; margin-left:20px;}
.menu-logo img{width:100%; display:block;}
.about-bg{height:446px;}
.proces h3{margin-left:74px;}
.process-box img{width:100px; height:100px;}
.process-box dd{width:40px; height:40px; font-size:18px;}
.process-box span{width:75px!important;}
.process-box span img{width:75px!important;}
.why-chose-bg{height:auto; padding-bottom:100px;}
.why-chose-circle{width:45%; height:350px; margin:20px 0 30px;}
.why-chose-circle img{height:350px;}
.countr-bg ul li{padding-right:10px; padding-left:10px;}
.countr-bg ul li strong{font-size:40px;}
.countr-bg ul li i{font-size:25px;}
.countr-bg span{font-size:18px; top:-5px;}
.countr-bg{top:35px; height:130px; border-radius:30px;}
.serv-provdrImg{width:70%; margin:0 auto;}
.yr-exp-bg{width:130px; height:130px;}
.yr-exp-bg .yr-exp{width:130px; height:130px;}
.yr-exp-bg .yr-exp strong{font-size:45px;}
.yr-exp-bg .yr-exp i{font-size:20px;}
.yr-exp-bg .yr-exp span{font-size:15px;}
.serv-provdr h3{text-align:center;}
.serv-provdr h3:before{left:0; right:0; margin:0 auto;}
.serv-provdr h2{font-size:30px; text-align:center; padding-right:0%;}
.serv-provdr p{text-align:center;}
.bef-aftr-bg{padding:20px 0 10px;}
.bef-aftr-bg h2{text-align:center;}
.bef-aftr-bg p{text-align:center;}
.bef-aftr{padding-top:50px;}
.bef-aftr .owl-carousel .owl-nav .owl-prev{left:83.95%; top:-63px;}
.bef-aftr .owl-carousel .owl-nav .owl-next{top:-63px;}
.inside-banner-overlay{padding:190px 0px 50px;}
.tab-label{font-size:14px;}
.tabs h2{font-size:25px;}
.tab-label{font-size:15px;}
.radio-tabs .panels ul li span{width:78%; position:relative; top:-5px;}
.aboutImg{width:55%; height:420px; margin:0 auto;}
.serv-provdr h5{text-align:center;}
.serv-provdr p{font-size:16px; padding-right:0%;}
.countr-bg span{font-size:17px;}
.about-choose{padding-bottom:30px;}
.aboutImg{width:71%;}
.serv-provdr h5{font-size:30px;}
.countr-bg ul li{padding-right:0px; padding-left:0px;}

.lst-post ul li{width:45%; display:inline-block; padding-bottom:25px;
margin-right:20px; margin-bottom:20px;}

}


@media only screen and (max-width:767px){
.nav{top:0px; height:60px; width:93%;}
.nav .logo{width:50%; margin-top:10px;}
.get-quors{background:var(--primary); width:fit-content; padding:0px 20px;
border-radius:4px; color:var(--white); font-size:15px; font-weight:600; height:35px;
line-height:35px; border:none;}

#target {
background:var(--primary);
width: 100%;
height: auto;
padding: 10px;
display: none;
position: absolute;
z-index: 9999;
top:60px;
left:0px;
border-radius:20px;}
ul.enquiry{}
ul.enquiry li{width:49%; font-size:14px; color:var(--white);
font-weight:600; display:inline-block; position: relative; left:20px;
padding-left:42px;}
ul.enquiry li span{font-size:12px; display:block;}
ul.enquiry li a{font-size:15px; color:var(--white); font-weight:600;}
ul.enquiry li a:hover{color:#fd7d0b;}
ul.enquiry li img{display:inline-block; background:var(--blue); width:35px; 
height:35px; border-radius:100%; padding:8px; margin-right: 6px; position:absolute;
left:0; top:5px;}
ul.call-us{}
ul.call-us li{display:block;}
ul.call-us li a{font-size:15px; color:var(--primary); font-weight:700;}
ul.call-us li a i{display:inline-block; font-size:15px; color:var(--primary);}
.carousel{margin-top:0px;}
.carousel-item img{height:380px;}
.carousel-caption{top:5%;}
.why-chose-ContArea-hm{top:100px;}
.why-chose-ContArea{top:100px;}
.why-chosImg-01{width:65%; margin:0 auto;}
.why-chosImg-01 img{height:300px;}
.why-chosImg-02{width:55%; right:-61px;}
.why-chose-bg-hm{height:850px;}
.why-chose-bg{height:900px;}
.why-chose-ContArea h6{text-align: center;}
.why-chose-ContArea h6:after{left:0; right: 0; margin:0 auto;}
.why-chose-ContArea h2{text-align: center;}
.why-chose-ContArea p{text-align: center;}
.why-chose-ContArea a{padding-left:5%;}

.why-chose-ContArea-hm h6{text-align: center;}
.why-chose-ContArea-hm h6:after{left:0; right: 0; margin:0 auto;}
.why-chose-ContArea-hm h2{text-align: center; padding-right:0%;}
.why-chose-ContArea-hm p{text-align: center;}
.why-chose-ContArea-hm a{padding-left:5%;}


.reqst-bg{padding:50px 0; margin-top:20px;}
.reqst-bg h2{text-align: center;}
.reqst-bg p{text-align:center;}
.reqst-bg-02{padding:50px 0; margin-top:20px; float: left;}
.reqst-bg-02 h2{text-align: center;}
.reqst-bg-02 p{text-align:center;}
.customer-bg-top{height:150px;}
.customer-bg-top h4{text-align:center;}
.customer-bg-top h4:after{left:0; right:0; margin:0 auto;}
.customer-bg-top h2{font-size:30px;}
.exp-bgImg{width:69%; background-size:100% 317px!important; margin:0 auto;}
.exp-bgImg img{height:304px;}
.exp-bg h2{text-align: center;}
.exp-bg p{text-align: center;}
.curbe-arrow img{height:43px;}
.testimnl{padding-top:30px; height:300px;}
.testimonial-box img{height:220px;}
.testimonial-box-wh-bg{padding:43px 10px 20px;}
.testimonial-box dd{width:60px; height:60px;}
.testimonial-box h5{font-size:15px;}
.clnt-sys .owl-carousel .owl-item{height:360px;}
.clnt-exp{height:300px;}
.srvs .owl-carousel .owl-nav .owl-prev{left:78.95%;}
.priot-bg h5{text-align: center;}
.priot-bg h5:before{left:0; right:0; margin:0 auto;}
.priot-bg{height:auto;}
.frst-prioImg-01{top:-200px; margin:0 auto;}
.frst-prioImg-01 img{height:300px;}
.frst-prioImg-02{bottom:0; z-index:10; top:90%; left:40%; position: relative;}
.frst-prioImg-02 img{height:200px;}
.abut{padding:0 20px;}
.showcase{height:auto; padding:20px 25px 25px;}
.about-bg h5{text-align:center;}
.about-bg h5:before{left:0; right:0; margin:0 auto;}
.about-bg h3{text-align: center;}
.showcaseImg{height: 250px;}
.showcaseImg img{height:270px;}
.abut .owl-carousel .owl-nav .owl-prev{top:89%;}
.abut .owl-carousel .owl-nav .owl-next{top:89%; right:5.50%;}
.ftr-logo{width:30%; margin:0 auto;}
footer p{text-align:center;}
ul.query{text-align: center;}
ul.query li{display: inline-block; width: fit-content; padding: 5px 10px; font-size:15px;}
footer h3{text-align:center;}
ul.locate{text-align:center;}
ul.locate li{display:inline-block; font-size:15px; width:fit-content; margin:0 auto;
padding:5px 15px;}
ul.locate li img{width:15px; left:-6px; top:8px;}
.rght-line{height: auto; border-right: none; border-bottom: solid 1px #fff;}
.Smedia{text-align:center; padding-bottom:20px;}
.about-bg{height:700px;}
footer{height:620px;}
.expt-tenicn{height:auto; padding-bottom:15px;}
.priot-bg h3{text-align:center; padding-right:0%;}
.effect-image-1 img{height:260px;}
.projects-bg{height:450px;}


.bubble9:nth-child(1) {
width: 30%!important;
height:15%!important;}
.bubble9:nth-child(2) {
width: 30%!important;
height:15%!important;}
.bubble9:nth-child(3) {
width: 30%!important;
height:15%!important;}

.bubble10:nth-child(1) {
width:100%!important;
height:15%!important;}
.bubble10:nth-child(2) {
width:100%!important;
height:15%!important;}
.bubble10:nth-child(3) {
width:100%!important;
height:15%!important;}

.main{padding-bottom:70px;}
.breadcum{top:25%;}
.inside-banner-overlay{padding:130px 0 20px;}
.inside-banner-overlay h1{font-size:55px;}
.inside-banner-overlay h5{padding:0 5%;}
.process-box img{width:130px; height:130px;}
.process-box span{width:100px!important;}
.process-box span img{width:100px!important;}
.process-box dd{top:-20px;}
.why-chose-bg p{padding:0 3%;}
.why-chose-circle{width:50%; height:270px;}
.why-chose-circle img{height:270px;}
.why-chose-bg{height:auto;}
.countr-bg{width:100%;}
.countr-bg ul li strong{font-size:35px;}
.countr-bg ul li i{font-size:20px;}
.countr-bg span{font-size:14px;}
.serv-provdrImg img{height:320px;}
.yr-exp-bg{top:10px; left:10px;}
.safe-efec h4{font-size:16px; line-height:inherit;}
.serv-provdr h2{font-size:25px;}
.serv-provdr p{font-size:16px; padding-right:0%;}
.serv-provdr h3{font-size:18px;}
.serv-provdr h3:before{height:12px; top:-13px;}
.safe-efec img{height:60px; width:60px; padding:12px;}
.safe-efec{padding-left:100px;}
.bef-aftr-bg h2{font-size:30px;}
.bef-aftr .owl-carousel .owl-nav .owl-prev{left:77.95%;}
.bef-aftr .owl-carousel .owl-item{padding-bottom:0px;}

.radio-tabs{display:block;}
.tabs{width:100%;}
.radio-tabs .panels{width:100%; margin-left:0px; margin-top:20px;}
.tabs h2{font-size:30px;}
.tab-label{font-size:17px; padding:5px;}

.tabs{float:none;}
.aboutImg{height:370px;}

.location-box-overlay h3{font-size:20px;}
.location-box-overlay h6{font-size:16px;}
.location-box-overlay a{font-size:16px;}

.faq h2{font-size:45px;}
.faq h3{font-size:60px;}
.faq p{padding:0 10%;}
.faq-acord .accordion-button{font-size:18px;}

.blog-box img{height:370px;}

}


#hamburger {
  width: 30px;
  position: relative;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
  top: 0px;
}

#hamburger span:nth-child(2) {
  top: 11px;
}

#hamburger span:nth-child(3) {
  top: 22px;
}

#hamburger.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#hamburger.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#hamburger.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sitenavigation ul {
  margin: 0;
  padding: 0;
  float: right;
}
.sitenavigation li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-left: -4px;
  line-height: 20px;
}
.sitenavigation li.nav-dropdown:hover > a {
  color:var(--secondary);
}
.sitenavigation li a {
  color: #758283;
  text-decoration: none;
  display: block;
  padding: 11px 14px;
  font-size: 0.9375em;
  -webkit-tap-highlight-color: transparent;
}
.sitenavigation li a.nav-path-selected, .sitenavigation li a.linkclicked {
  color: white;
  background-color: #ECECEC;
}
.sitenavigation li a.nav-selected {
  background-color: #777;
  color: #000;
}
.sitenavigation li a:hover {
  color:var(--secondary);
}
.sitenavigation li.clicked > ul {
  display: block;
}
.sitenavigation li ul {
  display: none;
  position: absolute;
  min-width: 200px;
  max-width: 300px;
  padding: 0;
  margin: 0;
}
.sitenavigation li ul a {
  background-color: #dfdfdf;
  font-size: 0.8125em;
}
.sitenavigation li ul li {
  float: none;
  display: block;
  margin: 0;
}
.sitenavigation li ul ul {
  left: 100%;
  margin-top: -40px;
}
.sitenavigation li ul ul a {
  background-color: lightgray;
}
.sitenavigation .nav-dropdown:hover > a, .sitenavigation .nav-dropdown.clicked > a {
}

.no-js .sitenavigation li:hover > ul {
  display: block !important;
}

.menu-icon {
  display: none;
}

@media (max-width: 993px) {
  .navbar {
    width:50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    z-index: 1;
  }
  .navbar .logo {
    float: right;
    font-weight: 800;
    padding: 5px;
    margin: 10px;
  }
  .navbar .menu-icon {
    width: 30px;
    height: 25px;
    display: block;
    -webkit-tap-highlight-color: transparent;
    padding-left:15px;
    cursor: pointer;
  }
  .navbar .sitenavigation ul {
    display: none;
    max-width: none !important;
  }
  .navbar .sitenavigation li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  .navbar .sitenavigation.is-tapped > ul {
    display: block;
    position: absolute;
    margin: 0;
    background-color:var(--primary);
    bottom:41px;
    right: 0;
    left: 0;
    z-index: 100;
    padding: 0;
    height: 100vh;
    padding-top:80px;
    overflow:auto;
    width:220px;
  }
  .navbar .sitenavigation.is-tapped > ul a {
    width: 100%;
    margin: 0;
    display: block;
    font-size:16px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    color:var(--white);
    float: none;
    border: none !important;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul a:hover {
    color:var(--secondary);
  }
  .navbar .sitenavigation.is-tapped > ul li {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul li li {
    background-color: transparent!important;
  }
  .navbar .sitenavigation.is-tapped > ul ul {
    display: none;
    width: 100%;
    z-index: 200;
    border: none;
    margin-left: 0;
    padding: 0;
    position: relative !important;
  }
  .navbar .sitenavigation.is-tapped > ul ul ul {
    clear: both;
    left: 0;
    margin-top: 0;
    padding-bottom:15px;
  }
  .navbar .sitenavigation.is-tapped > ul ul li {
  }
  .navbar .sitenavigation.is-tapped > ul ul li li a {
    background-color:transparent!important;
    padding-left:40px;
    line-height:6px;
    color:var(--secondary);
    font-weight:600;
  }
  .navbar .sitenavigation.is-tapped > ul ul a {
    background-color:transparent!important;
    font-size: 1em;
    padding-left: 20px;
  }
  
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown {
    cursor: pointer;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {
    width: 80%;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after {
    content: "";
    position: absolute;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -35px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    background:url(../images/chevron-icon.png) no-repeat 60% 100%;
    background-size:12px 7px;}
  .navbar .sitenavigation.is-tapped > ul li.expanded:after {
    content: "";
    position: absolute;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -35px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    background:url(../images/chevron-icon.png) no-repeat 60% 100%;
    background-size:12px 7px;}
   
  .workImg-01 img{height:140px;}
  .workImg-02 img{height:220px;}
   .inside-banner{height:auto;}
   #content > div{padding-left:20px;}
   .ur-serv ul li{width:49%;}
   .ur-serv ul li label dd{font-size:13px;}
   .ur-serv ul li label span{font-size:13px;}
  
}


@media only screen and (max-width:480px){
.nav .logo{width:90%;}
ul.enquiry li{width:100%; padding-left:50px;}
.carousel-caption h3{font-size:30px; text-align: center;}
.carousel-caption h1{font-size:35px; text-align: center;}
.carousel-caption h2{font-size:30px; text-align: center;}
.container.carousel-content{text-align: center;}
.why-chosImg-01{width:85%;}
.why-chosImg-01 img{height:240px;}
.why-chosImg-02 img{height:150px;}
.why-chose-ContArea-hm h2{padding-right:0%;}
.why-chose-ContArea h2{padding-right:0%;}
.why-chose-bg{height:auto;}
.why-chose-ContArea a{padding-left:0%; text-align:center;}
.why-chose-bg-hm{height:1000px;}
.why-chose-ContArea-hm a{padding-left:0%; text-align:center;}
.customer-bg-top h2{font-size:20px;}
.customer-box img{height:160px;}
.exp-bgImg{background-size:100% 270px!important;}
.exp-bgImg img{height:240px;}
.exp-bg h2{font-size:30px;}
.exp-bg ul li strong{font-size:23px;}
.exp-bg ul li i{font-size:15px; top:-1px;}
.testimnl h2{font-size:25px;}
.projects-bg h3{font-size:25px;}
.srvs .owl-carousel .owl-nav .owl-prev{left:67.95%;}
.priot-bg h3{font-size:22px; text-align:center; padding-right:0%;}
.expt-tenicn h4{font-size:16px;}
.expt-tenicn h6{font-size:14px; line-height:20px;}
.expt-tenicn{height:auto; padding-bottom:10px;}
.frst-prioImg-01 img{height:240px;}
.frst-prioImg-02 img{height:150px;}
.frst-prioImg-01{top:-150px;}
.about-bg h3{font-size:25px; padding-right:0%;}
.showcaseImg{height:190px;}
.showcaseImg img{height:200px;}
.abut .owl-carousel .owl-nav .owl-prev{width:30px; height:30px;}
.abut .owl-carousel .owl-nav .owl-next{width:30px; height:30px; right:0%;}
.footer-bottom{height:80px; margin-bottom:40px;}
footer{height:850px;}
.about-bg{height:760px;}
.projects-bg{height:423px;}

.bubble9:nth-child(1) {
width: 50%!important;
height:10%!important;}
.bubble9:nth-child(2) {
width: 50%!important;
height:10%!important;}
.bubble9:nth-child(3) {
width: 50%!important;
height:10%!important;}

.bubble10:nth-child(1) {
width:100%!important;
height:10%!important;}
.bubble10:nth-child(2) {
width:100%!important;
height:10%!important;}
.bubble10:nth-child(3) {
width:100%!important;
height:10%!important;}

.breadcum{top:90px;}
.inside-banner-overlay h1{font-size:30px;}
.main{padding-bottom:56px;}
.inside-banner-overlay h5{font-size:16px; padding:0; line-height:inherit;}
.proces h3{margin-left:15px; font-size:18px;}
.proces h3:before{height:12px; top:-14px;}
.proces h2{font-size:35px; padding-bottom:35px;}
.process-box img{width:100px; height:100px;}
.process-box span{width:69px!important; right:-47px;}
.process-box span img{width:69px!important;}
.why-chose-bg h2{font-size:28px;}
.exprt{padding:15px 15px 15px 78px;}
.exprt dd{left:16px;}
.fst-efct{padding:15px 65px 15px 15px;}
.fst-efct dd{right:15px;}
.why-chose-circle img{height:205px;}
.why-chose-circle{width:65%; height:205px;}
.countr-bg{height:auto; padding:10px 20px 5px;}
.countr-bg ul li{padding-right:10px; padding-left:0px;}
.countr-bg ul li strong{font-size:25px;}
.countr-bg ul li i{font-size:17px;}
.countr-bg span{font-size:12px;}
.serv-provdrImg{width:100%;}
.serv-provdr{padding-top:60px;}
.serv-provdr h2{font-size:22px;}
.safe-efec img{width:50px; height:50px; padding:10px; left: 15px;}
.safe-efec{padding-left:77px;}
.bef-aftr-bg h2{font-size:25px;}
.bef-aftr .owl-carousel .owl-nav .owl-prev{left:67.95%;}
.showcaseImg-01 img{height: 210px;}
.showcaseImg-02 img{height: 210px;}
.radio-tabs .panels ul li span{font-size:16px; width:73%;}
.radio-tabs .panels ul li strong{font-size:25px;}
.tabs h2{font-size:25px;}
.slide-title{font-size:25px;}

.aboutImg{width:80%; height:330px; padding-right:15px;}
.serv-provdr h5{font-size:21px;}
.about-year{width:100px; height:100px; right:-22px;}
.about-year .about-exp{width:100px; height:100px; top:6px; left:6px;}
.about-year .about-exp strong{font-size:35px;}
.about-year .about-exp i{font-size:17px; top:-9px;}
.location-box{height:170px;}
.location-box-overlay{padding-top:90px;}
.location-box-overlay dd{width:65px; height:65px; padding:5px; top:12%;}
.location-box-overlay h3{font-size:17px;}
.location-box-overlay h6{font-size:13px;}
.location-box-overlay a{font-size:13px;}

.faq h2{font-size:35px;}
.faq h3{font-size:50px;}
.faq p{padding:0 5%;}
.faq-acord .accordion-button{font-size:16px;}

.blog-box img{height:250px;}
.blog-box h4{text-align:center;}
.blog-box p{text-align:center;}
.blog-box ul li{text-align:center;}
.blog-box a{width:130px; height:40px; line-height:40px; left:0; right:0;
margin:0 auto;}
.lst-post ul li{width:100%; display:block; margin-right: 0px;}
.blog-single ul li span{font-size:16px;}
}

@media only screen and (max-width:375px){
.nav .logo{width:100%;}
#target{top:57px;}
.nav{height:56px; border-radius:0 0 30px 30px;}
.get-quors{padding:0 10px;}
.carousel-caption h3{font-size:25px;}
.carousel-caption h1{font-size:30px;}
.carousel-caption h2{font-size:25px;}
a.rd-mr{padding:8px 20px;}
.carousel-item img{height:300px; border-radius:0 0 20px 20px;}
.carousel-item::after{border-radius:0 0 20px 20px;}
.carousel-control-prev{width:50px; height:40px;}
.carousel-control-next{width:50px; height:40px;}
.carousel-control-prev-icon{background-size:75% 75%;}
.why-chosImg-02{right:-48px; bottom:-40px;}
.why-chosImg-02 img{height:130px;}

.why-chose-ContArea-hm{top:60px;}
.why-chose-ContArea-hm a{width:150px; height:40px; line-height:40px;}
.why-chose-ContArea-hm a img{width:12px; top:0px;}


.why-chose-ContArea{top:60px;}
.why-chose-ContArea a{width:150px; height:40px; line-height:40px;}
.why-chose-ContArea a img{width:12px; top:0px;}
.why-chose-bg{height:auto;}
.submit-Btn{font-size:20px;}
.reqst-bg h2{font-size:30px;}
.reqst-bg-02 h2{font-size:30px;}
.customer-bg-top{height:80px; padding-top:55px;}
.customer-bg-top h4:after{width:35px; height:10px; top:-11px;}
.customer-box img{height:140px;}
.exp-bgImg{background-size:100% 230px!important;}
.exp-bgImg img{height:200px;}
.exp-bg h2{font-size:25px;}
.exp-bg ul li strong{font-size:19px;}
.exp-bg ul li dd{font-size:13px;}
.curbe-arrow img{height:25px;}
.projects-bg h3{font-size:20px;}
.srvs .owl-carousel .owl-nav .owl-prev{width:45px; height:33px;}
.srvs .owl-carousel .owl-nav .owl-next{width:45px; height:33px;}
.projects-bg h5:before{width:35px; height:10px; top:-11px;}
.priot-bg h5:before{width:35px; height:10px; top:-11px;}
.expt-tenicnImg{top:15%;}
.showcase ul li{font-size:14px; padding-left:37px;}
.showcase ul li i{width:30px; height:30px; font-size:12px; line-height:10px;}
.abut .owl-carousel .owl-nav .owl-prev{width:25px; height:25px; top:91%; left:69%;}
.abut .owl-carousel .owl-nav .owl-next{width:25px; height:25px; top:91%;}
.showcaseImg{height:150px;}
.showcaseImg img{height:160px;}
.ftr-logo{width:50%;}
.frst-prioImg-01{top:-130px;}
.frst-prioImg-01 img{height:210px;}
.frst-prioImg-02 img{height:130px;}
.about-bg h5:before{width:35px; height:10px; top:-11px;}
footer{height:840px;}
.about-bg{height:710px;}
.projects-bg{height:423px;}
.main{padding-bottom:38px;}
.inside-banner-overlay h1{font-size:25px;}
.inside-banner-overlay h5{font-size:15px;}
.proces h2{font-size:30px;}
.process-box h4{font-size:15px;}
.process-box span img{width:48px!important; height:10px!important;}
.process-box span{width:48px!important; right:-37px; top:14%;}
.why-chose-bg h2{font-size:24px;}
.why-chose-bg p{font-size:14px; padding:0; line-height:inherit;}
.exprt strong{font-size:16px;}
.fst-efct strong{font-size:16px;}
.why-chose-circle{width:90%; height:240px;}
.why-chose-circle img{height:240px;}
.countr-bg ul li strong{font-size:20px;}
.countr-bg ul li i{font-size:14px;}
/*.countr-bg ul li i{width:100px; height:100px;}*/
.yr-exp-bg{width:100px; height:100px;}
.yr-exp-bg .yr-exp{width:100px; height:100px;}
.yr-exp-bg .yr-exp strong{font-size:35px;}
.yr-exp-bg .yr-exp i{font-size:18px; top:-11px;}
.bef-aftr .owl-carousel .owl-nav .owl-prev{left:61.95%;}
.showcaseImg-01 img{height:180px;}
.showcaseImg-02 img{height:180px;}
.tab-label{font-size:14px;}
.radio-tabs .panels ul li i{width:20px; height:20px; font-size:9px; line-height:21px;
top:5px;}
.radio-tabs .panels ul li strong{font-size:20px;}
.radio-tabs .panels ul li span{font-size:14px; width:71%;}
.radio-tabs .panels ul li{padding-left:30px;}
.aboutImg{height:280px;}

.location-box{height:150px;}
.location-box-overlay{padding-top:80px;}
.location-box-overlay dd{width:55px; height:55px; padding:5px; top:10%;}
.location-box-overlay h3{font-size:15px;}
.location-box-overlay h6{font-size:12px;}
.location-box-overlay a{font-size:12px;}
.faq h2{font-size:30px;}
.faq h3{font-size:45px;}
.faq p{padding:0 2%;}
.faq-acord .accordion-button{font-size:15px;}
.faq-acord .accordion-body{font-size:14px;}
.blog-single ul li span{font-size:13px;}
.blog-single h4{font-size:18px;}
.blog-single p{font-size:16px; line-height:inherit;}
.pst-cmnt ul li strong{font-size:18px;}
.pst-cmnt ul li span{font-size:16px;}
}