body{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif;}

a:hover{text-decoration: none;}
.nbanner01-top { width:100%; float:left; height:100%;
}
#banner-1 {width:100%; float:left; width: 100%;
    float: left;
    
}
.nbanner01-top img { width:100%;
}
#home-slide-one{width: 100%; margin: 0px; padding:15px 0px; float: left; 
background-size: cover; background-repeat: no-repeat; position:absolute; background:#0000005e; z-index:1000;}


 header { padding:0px 100px;
 }
.logo-dv{margin: 0px;}

.logo-dv img{max-width: 100%; float: right; width: 190px;}



.menu-dvs{margin:10px 0px 0px;}

.home-new-slide{position: absolute; padding:190px 0px;}
.about-new-slide{position: relative; padding:100px 0px 50px;}
.about-slide-cntent{  height: 100%; padding-top:100px;}


.about-new-slide h1 {animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.9s;
}

.home-slide-cntent{  height: 100%; padding-top:100px;}
.home-slide-cntent h1 {animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.9s;
}

.home-slide-cntent  h2 {    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.5s;
	}
	.home-slide-cntent  h3 {    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.9s;
	}
	
	.home-slide-cntent p {animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 2s;
}
	
.home-slide-cntent h1{    color: #fff;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    font-size: 54px;
}
.home-slide-cntent h1 span {  font-weight: 800; font-size:80px; color:#e39c00;
}
.bg-01 {
    float: left;
    width: 100%;
}
video {
    min-width: 100%;     border-bottom: 6px solid #40c8f4;
    z-index: 1; 
}
.why-01 { float:left;  width:100%; 
}
.why-01 h4 {    font-weight: 500;
    font-size: 20px;
    padding: 0px;
    color: #0084af;
    line-height: 27px;
    margin-top: 21px;
}
   .why-01 h5 {  font-size: 16px;
    color: #353535;
    font-weight: 400;
    margin: 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    line-height: 27px;
   }
.home-slide-cntent  h2{    margin: 0px;
    padding: 0px 0px 0px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 40px;
    font-weight: 600;}
	
	
.home-slide-cntent  p{        margin: 0px;
    padding: 30px 0px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
.home-slide-cntent a { font-size: 20px;
    background: #40c8f4;
    color: #ffffff;
    border-radius: 25px;
    padding: 7px 24px;
    text-align: center;
    text-decoration: none;
   
    font-weight: 400; 
}
.home-slide-cntent h3 { color:#fff;
}
.slide-right-img img {
}
.slide-right-img img{width: 100%; float: left;}

.home-new-slide .col-lg-7{padding-right: 0px;}

#choose-section{width: 100%; float: left; margin: 0px; background-color: #fff; padding: 80px 0px;}
#trak-section {width: 100%;
    float: left;
    margin: 0px;
    background-color: #f2f2f2;
    padding: 80px 0px 80px;
}
.status { padding:29px; border-radius:16px;width:100%; z-index:10000;
    margin-top: 50px;
}
.bgg-3 { background:#000000bf; padding:30px; border-radius:16px; float:left; width:100%;
}

.bgg-3 form{text-align: center;}

.status h2 { color: #fff;
    font-weight: 700;
    font-size: 38px; text-align:center; padding-bottom:20px;
}
.foot-sbmt {
       margin: 0px;
    border: solid 0px #ebebeb ;
    
    padding-left: 20px !important;
    width: 90%;
    background: #fff;
    height: 48px;
    padding: 0px 0px 0px 10px;
    color: #000;
    outline: none!important;
    font-size: 15px; border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.foot-sbmt::placeholder { 
  color: black;
  opacity: 1; 
}
.sbmt-btn {
        width: 150px;
    height: 48px;
    background-color: #1998c1;
    /* position: absolute; */
    top: 0px;
    border: none;
    font-size: 15px;
    letter-spacing: 1px;
    right: 0px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    transition: all linear 0.5s;
    position: absolute;
    margin-left: -10px;     border-top-right-radius: 25px;
    border-bottom-right-radius: 25px; right:26px;
}
.choose-head p{        font-size: 30px;
    color: #dd5360;
    font-weight: 500;
    margin: 0px;
    padding: 0px;}

.choose-head h2{color: #3db7b4;
    font-weight: 700;
    font-size: 50px;}

.choose-dvs{margin:60px 0px 0px; padding: 0px; position: relative;}

.choose-img{margin: 0px;}

.choose-img img{width: 100%; float: left;}

.choose-txt-main{display: flex; align-items: center; height: 100%; padding-left: 45px;     padding-right: calc(((100vw - 1170px)/ 2));}
.ab-01 {    padding-left: calc(((100vw - 1170px)/ 2));
}

.choose-txt-main h1{    color: #405df4d9;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 50px; margin-bottom: 30px;}
.choose-txt-main h2{font-weight: 500;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
    color: #40c8f4;
    line-height: 35px;}
.choose-txt-main h2 span {     font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    float: left; color: #353535;
    margin-bottom: 30px;
    padding-top: 10px;
}

.choose-txt-main h4 {         font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    float: left;
  
    padding-top: 10px;
}

.choose-txt-main a {font-size: 20px;
    background: #40c8f4;
    color: #ffffff;
    border-radius: 25px;
    padding: 7px 24px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    margin-top: 40px;
    float: left;
}

.choose-txt-main ul{margin:35px 0px 0px; padding-left: 0px; list-style: none; position: relative;}

.choose-txt-main ul li{font-size: 16px; color: #353535; font-weight:400; margin: 15px 0px 0px; 
padding:0px 0px 0px 25px; position: relative;}

.choose-txt-main ul li:before{width: 7px; height: 7px; content: ""; display: inline-block;
position: absolute; left: 0px; background-color: #353535; border-radius: 50%; top:7px; }

#services-sctn{width: 100%; float: left; margin: 0px; padding:80px 0px 60px;
}

 .services-sctn{  align-items: center; padding-left: calc(((100vw - 1140px)/ 2));
  height: 100%;}

.servc-head{margin: 0px; padding:0px;}

.servc-head h2{
        color: #bb76ac;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 50px; margin-bottom:30px;}

.servc-head p {
    font-size: 30px;
    color: #08aec9;
    font-weight: 500;
    margin: 0px;
    padding: 0px;}

.servc-head h5{
        font-weight: 500;
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    color: #353535;
    line-height: 46px;
}

.servc-head h5:after{width: 100%; height: 2px; color: #fff; content: ""; background-color:rgba(225,225,225,0.5); 
display: block; margin-top: 25px;}

.servc-dtl p{        font-size: 20px;
    color: #353535;
    font-weight: 400;
    margin: 0px 0px 0px;
    padding: 0px;
    position: relative;
    line-height: 33px;}
	
	.servc-dtl a {        font-size: 20px;
    background: #40c8f4;
    color: #ffffff;
    border-radius: 25px;
    padding: 7px 24px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    margin-top: 40px;
    float: left;

}
.choose-txt-main a {        font-size: 20px;
    background: #40c8f4;
    color: #ffffff;
    border-radius: 25px;
    padding: 7px 24px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    margin-top: 40px;
    float: left;

}
	
#servc-box {
    width: 100%;
    float: left;
    margin: 0px;
    background-color: #fff;
    padding: 80px 0px;
}
.services-slide{margin: 0px; padding: 0px 0px 0px 15px;}

.servc-slides-one{width:100%; margin:0px 0px 0px 0px; float: left; border-radius: 20px; background-repeat: no-repeat;
background-image: url("../images/slide-bg-1.jpg"); background-size: cover; padding: 25px 15px;
text-align: center; height:auto; min-height: 450px; background-color:#f9f9f9; -webkit-box-shadow: inset -3px -2px 5px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
    box-shadow: inset -3px -2px 5px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

.servc-box {width:100%; margin:20px 0px 20px 0px; float: left; border-radius: 20px; background-repeat: no-repeat;
background-image: url("../images/slide-bg-1.jpg"); background-size: cover; padding: 25px 15px;
text-align: center; height:auto;  background-color:#f9f9f9; -webkit-box-shadow: inset -3px -2px 5px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
    box-shadow: inset -3px -2px 5px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
	
	.servc-box01{margin: 0px; padding: 0px; text-align: center;}
.servc-box01 img{max-width: 100%; width: 100% !important; margin: 0px auto !important; border-radius:16px; }
.servc-boxtxt h3{margin:20px 0px 10px;     min-height: 60px; padding:  0px; font-weight:500; color: #353535; font-size: 20px; text-align:left;}

.servc-boxtxt p {
    font-size: 16px; color: #fff;  font-weight: 400; margin: 0px 0px 0px; padding: 10px 20px; text-align:left;
    position: relative; line-height: 27px; height:155px; border-radius:16px; background:#08aed3; }
	
	
	
.apihu-port-service-area .apihu-port-single-service .apihu-port-service-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 22px;
    
}


.services-slide .owl-item{padding-right: 20px;}

.servc-icns{margin: 0px; padding: 0px; text-align: center;}




.servc-icns img{max-width: 100%; width: 100% !important; margin: 0px auto !important; border-radius:16px; }




.servc-txt{margin: 0px;}

.servc-txt h3{margin:20px 0px 10px;     min-height: 60px; padding:  0px; font-weight:500; color: #353535; font-size: 20px; text-align:left;}

.servc-txt p {
    font-size: 16px; color: #fff;  font-weight: 400; margin: 0px 0px 0px; padding: 10px 20px; text-align:left;
    position: relative; line-height: 24px; height:185px; border-radius:16px; background:#08aed3; }

#portfolio-sctn{width: 100%; margin: 0px; padding:60px 0px; background-color: #FFF; float: left;}

.contact-head{margin: 0px;}

.contact-head h2 {
    color: #577549c2;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 50px;}

.contact-head p {
        font-size: 30px;
    color: #b51e1e;
    font-weight: 400;
    margin: 0px;
    padding: 0px;}

.portfolio-images-dv{margin:45px 0px 0px;}

.portfolio-images-dv img{width: 100%; float: left;}

#clients-sctn{width: 100%;
    float: left;
    padding: 100px 0px 100px 0px;
    height: auto;
    margin: 0px;
    background: #f2f2f2;}

.client-test-dv{margin: 0px; display: flex; align-items: center; height: 100%;}

.client-image img{width: 100%; float: left;}

.client-head h2 {
    color: #0a51a1bd; margin: 0px; padding: 0px;  font-weight: 700;  font-size: 50px;
}

.client-head p {
    font-size: 30px;
    color: #fa6800;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
}

.client-txt-mn{margin: 45px 0px 0px;}  

.client-txt-mn h5{
font-weight: 500;
    font-size: 24px;
    margin: 0px 0px -10px;
    padding: 0px;
    color: #353535;
    line-height: 27px;
}  

.client-txt-mn p{
        font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    margin: 25px 0px 0px;
    padding: 10px 30px 10px 30px;
    position: relative;
    line-height: 27px;
    background: #467bb6;
    border-radius: 16px;
}

.client-txt-mn p:before {
    content: "";
    background-image: url(../images/quotes.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -26px;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-size: 100%;
    left: 0px;
}

.client-txt-mn p span {
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    display: block;
    color: #dedfe0;
}

.info-headig-cntct01 h4 {
    font-size: 22px;
    color: #08aec9;
    font-weight: 600;
        margin: 0px 0px 20px;
    padding: 0px;
}
.info-headig-cntct002 h4 { font-size: 22px;
    color: #08aec9;
    font-weight: 600;
    margin: 0px 0px 20px;
    padding: 0px;
}

.info-headig-cntct002 p {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
}
.info-headig-cntct01 p {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
}
.footer-cntct-trak { 
    margin: 0px 0px 20px;
    padding: 0px;

}

.footer-cntct-trak { 
    margin: 0px 0px 20px;
    padding: 0px;

}

#contact-section{
    width: 100%; float: left; margin: 0px;  padding:60px 0px 15px;  background: #1998c1;   
 }
 
 #contact-section03{
    width: 100%; float: left; margin: 0px;  padding:60px 0px 15px;  background: #fff;   
 }
 #contact-section01{
    width: 100%; float: left; margin: 0px;  padding:60px 0px 15px;  background: #106b89;   
 }
.bgg02 {     background: #fff;
    padding: 10px 30px;
    border-radius: 30px;
}
.bgg02 p {
    color: #1998c1;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}
.contact-main{margin: 0px 0px 10px; padding: 0px;}

.footer-cpy{margin: 0px; padding: 30px 0px; border-top: solid 1px #ffffffa3}

.footer-cpy p{    width: auto;
    font-size: 16px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    font-weight: 300;
    text-align: right;
    float: right;}
	.footer-cpy a{    width: auto;
    font-size: 16px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    font-weight: 300;
    text-align: left;
    float: left;}
	.footer-cpy a:hover { color:#c9c9c9;
	}

.info-headig-cntct{margin: 0px; padding: 0px;}
.contact-info-list img { width:100%;
}
.info-headig-cntct h2 {
    color: #fff; margin: 0px;  padding: 0px; font-weight: 700;  font-size: 50px;}

.info-headig-cntct p {
    font-size: 30px; color: #fff;  font-weight: 500; margin: 0px;  padding: 0px;}

.footer-cntct{margin:30px 0px 0px; padding: 0px;}

.contact-info-list{margin: 0px; padding: 0px;}

.contact-info-list ul{margin: 0px; padding: 0px; list-style: none;}

.contact-info-list ul li {
    font-size: 16px; color: #353535; font-weight:300;  margin: 15px 0px 0px;
    padding: 0px 0px 0px 0px; position: relative;
}

.contact-info-list ul li i{font-size:22px; margin-right: 25px;}

.contact-info-list ul li i.fa-envelope{font-size: 15px;}

.contact-social{margin:65px 0px 0px; padding: 0px;}

.contact-social ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.contact-social ul li {
    margin: 0px 0px 0px 25px;
    padding: 0px;
    display: inline-block;
}

.contact-social ul li a {
    color: #fff;
    font-size:30px; transition: all linear 0.5s;
}

.contact-social ul li a:hover{color:#098ecb;}

.contact-form{margin-top:16px; padding: 0px;}
.contact-form h4 { color:#fff;
}
.contact-form p{margin:0px 0px 25px; padding: 0px;}

.contact-form input{font-size: 16px; color:#000; padding: 15px 20px; border-radius: 4px;
 border:none; outline: none; background-color:#fff; width: 100%; font-weight:400; box-shadow: inset -3px -2px 5px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; border: solid 2px #dddddd;}

.contact-form input::placeholder{color: black; 
     opacity: 0.9;); font-weight:400;
    }

.contact-form p textarea{font-size: 16px;border: solid 2px #dddddd;  width: 100%; color:black; padding: 15px 20px; border-radius: 4px;
 border:none; outline: none; background-color: #fff;
 -webkit-box-shadow: inset -3px -2px 5px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
   }

.contact-form  textarea::placeholder{color: black; 
     opacity: 0.9;); font-weight:400;   }

.sbmit-bt{margin:25px 0px 0px; padding: 0px; text-align: center;}

.sbmit-bt input{cursor: pointer; color: #000; background-color: #ffffff; padding:13px 40px; 
	display: inline-block; margin: 0px auto; border:none; border-radius: 4px; font-size: 15px;
font-weight: 500; outline: none; transition: all linear 0.5s; border: solid 2px #dddddd;}

.sbmit-bt input:hover{background-color: #303063; color: #fff;}


.sbmit-bt button{cursor: pointer; color: #000; background-color: #ffffff; padding:13px 40px; 
	display: inline-block; margin: 0px auto; border:none; border-radius: 4px; font-size: 15px;
font-weight: 500; outline: none; transition: all linear 0.5s; border: solid 2px #dddddd;}

.sbmit-bt button:hover{background-color: #303063; color: #fff;}

.about-hm{ padding-top:0px !important;}

.trck-status{padding-bottom:120px; padding-top:80px;}

.status-home{
    background: #ede7e7; margin-top: 0;
}

.home-service{background: #ede7e7;}

/**css-end**/
.footer-cntct h5 { height: 248px; text-align:center; font-size: 16px;    padding: 20px 0px 40px 0px;      box-shadow: -6px -6px 10px 0px #f5f9fc, -4px 3px 15px 0px #7fa3c7;
    border-radius: 5px;
}
/**menu-css-start**/

div#overlay {
    display: none
}

a#toggle {
  position: relative;
  text-align: center;
  color: #3688a1;
  display: none;
  float: right;
  outline: none;
  margin-right: ;
  z-index: 99;
  transition: all ease-out .3s;
  background: #fff;
  padding: 2px 5px;
}

a#toggle i {
    font-size: 30px
}

#menu .fa-plus {
    display: none
}

a#toggle i {
    position: relative;
}

.open-menu a#toggle i {
  color: #40caf5;
}

main#content {
    padding: 10px
}

#menu {
    text-align: left;
    transition: all ease-out .3s
}

#menu a {
    color: #000;
    text-decoration: none
}

#menu ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

#menu ul li {
    display: inline-block;
    position: relative
}

#menu ul li>a{
    display: inline-block;
    padding: 4px 13px;
    font-size: 16px;
    margin: 0px;
    color: #fff;
    border-radius: 35px;
    transition: all linear 0.5s;
}
.but-01{background-color: #fff; color: #000 !important;}

.but-02{
    background-color: #fff;
    padding: 0px !important;
    border-radius: 50% !important;
    color: #f00 !important;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 17px !important;
    margin-right: 0px !important;
    padding: 0px;
    line-height: 30px;
}

#menu ul li>a.active{background-color: #fff; color: #000;}

#menu ul li>a:hover{background-color: #fff; color: #000;}

#menu ul li>a>i {
    margin-left: 15px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .1s
}

#menu ul li ul {
    display: none;
    position: absolute;
    top: 30px;
    width: 180px;
    background:#489ac3;
    text-align: left;
    z-index: 3;
}

#menu ul li ul li a {
    border: none
}

#menu ul li ul li:hover>a {
    color: #fff;  border-radius:0px !important;
}

#menu ul li ul li a:hover {
    border-radius:0px !important; background:#000;  color:#fff;
}

#menu ul li ul li a:after{display: none;}

#menu ul li ul li {
    display: block
}

#menu ul li ul li a {
    display: block;
    text-transform: capitalize;
    color: #fff;
    font-size: 13px;
    padding: 8px 25px;
    font-weight: 400;
    margin: 0
}



#menu ul li ul li:before {
    border-left: none
}

#menu ul li:hover>a>i {
    transform: rotateZ(90deg)
}

#menu ul li:hover ul {
    display: block
}


/**menu-media**/


@media screen and (max-width:767px) {
    a#toggle {
        display: block
    }
    a#toggle:hover {
        text-decoration: none
    }
    #menu .fa-plus {
        display: block
    }
    main#content {
        margin-top: 65px;
        transition: all ease-out .3s
    }
    #menu {
        position: fixed;
        width: 250px;
        height: 100%;
        top: 0;
        right: 0;
        overflow: hidden;
        overflow-y: hidden;
        z-index: 9;
        overflow-y: auto;
        background-color:#40caf5;
        transform: translateX(750px)
    }
    #menu ul {
        text-align: left;
        background-color: transparent;
        padding-top:120px;
        padding-left: 20px;
        padding-bottom: 30px;
        padding-right: 20px
    }
    #menu ul li ul {
        padding-top: 0
    }
    #menu ul li {
        display: block
    }
    #menu ul li a {
        display: block; outline: none;
        color: #fff;
        padding: 16px 0!important;
        margin: 0
    }
    #menu ul li a>i {
        float: right
    }
    #menu ul li ul {
        display: none;
        position: static;
        padding: 0;
        width: 100%
    }
    #menu ul li:hover>ul {
        display: none
    }
    #menu ul li:hover>a>i {
        transform: rotateZ(0)
    }
    .open a i::before {
        content: "\f068"
    }
    #menu ul li.open>ul {
        display: block
    }
    div#overlay {
        display: block;
        visibility: hidden;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        z-index: 1;
        opacity: 0
    }
    html.open-menu {
        overflow: hidden
    }
    html.open-menu div#overlay {
        visibility: visible;
        opacity: 1;
        width: calc(-150%);
        left: 250px
    }
    html.open-menu nav#menu {
        z-index: 22;
        transform: translateX(0)
    }
    #menu ul li>a {
        border-right: none
    }

    #menu ul li ul a {
        font-weight: 400;
        padding: 8px 0!important
    }
    #menu ul li ul li {
        border-bottom: none
    }
    #menu ul li ul {
        background: 0 0
    }
    .open-menu .fa-bars:before {
        content: "\f00d"
    }
    #menu li:last-child {
        border-bottom: none
    }
    #menu ul li::before {
        display: none
    }
    #menu ul li a.active {
        border-bottom: none
    }

    #menu ul li > a{border: none}

    #menu  .active{color: #fff;}

    #menu a.active::after{content: none !important; border: none;}
    #menu a:hover{border: none;}

    #menu ul li a:hover{border-bottom: none;}

    #menu ul li > a:hover{background: none;}

    #menu ul li > a:hover {
        color:   #000;
    }

    #menu ul li > a.active{background: transparent;}
}

/**menu-css-end**/

/*.owl-dots{display: block !important; text-align: center; margin-top:60px;}

.owl-dots button{width: 10px; height:10px; background-color: #5b79a3 !important; margin: 0px 5px;
border-radius: 50%; outline: none;}

.owl-dots button.active{width: 15px; height: 15px; background-color: #fff !important;}*/


#services-sctn .col-lg-7{padding-right: 0px;}

.contact-info-list{margin-top: 20px;}

/**testimonial**/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-bottom: 6px solid #40c8f4;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px;  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; /*opacity: 0;*/ cursor: pointer; color: rgba(0,0,0,0.8); display: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/ }
.flex-direction-nav .flex-prev { /*left: -50px;*/ }
.flex-direction-nav .flex-next { /*right: -50px;*/  position:absolute; right:0px;  }
/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;  }*/
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:30px; text-align: center; z-index:99;}
.flex-control-nav li {margin: 0 6px; display:none; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/**bottom-to-top**/

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(6, 6, 6, 0.8) url("../images/index.png") no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s; z-index:9;
  }
  .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
  }
  .cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .8;
  }
  .no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
  }

  #thnks-dvs{width: 100%; float:left; margin: 0px; padding:20px 0px; height: auto;background-image: url(../images/bg-2.jpg);
    background-repeat: no-repeat;
    background-size: cover; height: 100vh; background: #303063; }

 .dvs-thnks{height: 85vh; display: flex; align-items: center; text-align: center;}   

 .dvs-thnks h1{margin: 0px; padding: 0px; color: #fff; text-transform: uppercase;}

 .dvs-thnks p{margin: 15px; padding: 0px; font-size: 17px; color: #dfdfdf;}
 
 #about-box { width: 100%;
    float: left;
    margin: 0px;
    background-color: #fff;
    padding: 80px 0px;
 }
  #about-box h2 {     color: #bb76ac;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 50px;
  }
  #servc-box h2 { color: #bb76ac;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 50px;
  }
  
  
  #about-box h4 {    font-size: 22px;
    color: #08aec9;
    font-weight: 600;
    margin: 30px 0px 0px;
    padding: 0px;
}
 
  #about-box p  {
     font-size: 17px;
    font-weight: 400;
    line-height: 28px;
 
    padding-top: 10px;
 }
 
   #about-box li  {
     font-size: 17px;
    font-weight: 400;
    line-height: 28px;
 
    padding-top: 10px;
	text-indent:-20px;
	margin-left:20px;
 }
  #about-box li  {
     font-size: 17px;
    font-weight: 400;
    line-height: 28px;
 
    padding-top: 10px;
	text-indent:-20px;
	margin-left:20px;
 }
   #about-box ol  {
     font-size: 17px;
    font-weight: 400;
    line-height: 28px;
 
    padding-top: 10px;
	text-indent:-20px;
	margin-left:-20px;
 }
 

 .info-header {
    margin-top: 10px;
    padding: 0px;
    list-style: none;
    text-align: right; margin-left:-15px;
 
}

 .info-header li {
    display: inline-block;
    margin-right: 7px;
    font-size: 16px;
}
 .info-header li a {
  display: inline-block;
    padding: 4px 13px;
    font-size: 16px;
    margin: 0px;
    color: #fff;
    border-radius: 35px;
    transition: all linear 0.5s;
}


.info-header li a i {
    color: #1998c1;
}

.info-header1 {
    margin-top: 10px;
    padding: 0px;    margin-bottom: 0px;
    list-style: none;
    text-align: right; margin-left:-15px;
 
}

 .info-header1 li {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px; margin-bottom:10px;
}
 .info-header1 li a {
      padding-left: 20px;
    display: inline-block;
    /* padding: 4px 13px; */
    font-size: 16px;
    margin: 0px;
    color: #fff;
    border-radius: 35px;
    transition: all linear 0.5s;
    
    text-align: left;
    padding-top: 4px;
    padding-bottom: 2px; padding-right:16px;
}


.info-header1 li a i {
    color: #1998c1;
}


 .info-header li strong {
    font-size: 15px; font-weight:500 !important;
}
.location  { color:#fff; 
}
.location p  { color:#fff;    line-height: 30px; 
}
.location i {        background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #1998c1;
    font-size: 20px;
    text-align: center;
    line-height: 30px !important;
    margin-right: 10px;
}
#servc-box h4 {     font-size: 30px;
    color: #08aec9;
    font-weight: 500;
    margin: 40px 0px 0px 0px;
    padding: 0px;
}

.sv-sub { float:left; width:100%; 
}
.sv-sub ul {float:left; width:100%; margin:0px; padding:0px;
}
.sv-sub ul li { font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    float: left;
    color: #fff;
    margin-bottom: 15px;
   
    list-style: none;
    width: auto;
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    padding: 7px 24px;
    border-radius: 6px;
    margin-right: 20px;
    margin-top: 20px;
}
.sv-sub ul li.bg-s1 { background:#8254ab;
}
.sv-sub ul li.bg-s2 { background:#094eef9c;
}
.sv-sub ul li.bg-s3 { background:#fa6800b3;
}
.sv-sub ul li.bg-s4 { background:#187fffd1;
}


.sv-sub01 { float:left; width:100%; 
}
.sv-sub01 ul {float:left; width:100%; margin:0px; padding:0px;
}
.sv-sub01 ul li { font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    float: left;
    color: #000;
    margin-bottom: 15px;
    list-style: none;
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 7px 0px;
    border-radius: 6px;
    margin-right: 10px;
    margin-top: 20px;
}
.sv-sub01 ul li span { color:#ff0099c7; font-size:32px; float:left;
}

.social-footer01 a { color:#fff;font-size: 16px;
}
.social-footer01 i {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #1998c1;
    font-size: 20px;
    text-align: center;
    line-height: 30px !important;
    margin-right: 10px;
}
.social-footer02 { color:#fff; text-align:center;
}
.social-footer02 a { color:#fff; text-align:center; font-size: 16px;
}
.social-footer02 i {
  background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #1998c1;
    font-size: 20px;
    text-align: center;
    line-height: 30px !important;
    margin-right: 10px;
}


.social-footer a { color:#fff;  width:auto; text-align:right; 
}
.social-footer i {
   background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #1998c1;
    font-size: 20px;
    text-align: center;
    line-height: 30px !important;
    margin-right: 10px;
}

.social-footer {
    text-align: right;
}

.track-011 { margin-top:10px;
}
.track-011 h4 { color:#fff; text-align:right;
}
#prduct-mobile {
    width: 100%;
    float: left;
    margin: 0px;
    background-color: #fff;
    padding: 80px 0px;
}
 
.pro-box { float:left; width:100%;      margin-top: 50px;
    margin-bottom: 50px;
}


.pro-box-01 {     float: left;
    width: 100%;
    background: #ebebeb;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-bottom:40px; margin-top:40px;
}
.pro-box-img {float:left; width:100%;
}
.pro-box-img img { width:100%;     border-top-left-radius: 16px;
    border-top-right-radius: 16px;     height: 225px;
    min-height: 225px;
    max-height: 225px;
}

.pro-box-text { float:left; width:100%; padding:20px;
}
.pro-box-text h3 {font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    float: left;
    color: #000;
}

.pro-box-title { float:left; width:100%; 
}


.pro-box-dec { float:left; width:100%;
}

.pro-box-dec p {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    
}
.pro-box-price { float:left; width:100%;
}
.pro-box-price h5 { font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    float: left;
    color: #fff;
    margin-bottom: 15px;
    list-style: none;
    width: auto;
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    padding: 7px 24px;
    border-radius: 6px;background: #8254ab;
   
}
	
	
	.pro-det { width:100%;  float:left;
	}
	.pro-det p {font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
	}
	.pro-det h4 {  font-size: 22px;
    color: #08aec9;
    font-weight: 600;
    margin: 30px 0px 0px;
       padding-bottom: 20px;
	}


    /* new-css-p (28/12/2023) */
    
.product-slider-one {
    float: left;
    width: 100%;
    
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    
   
}
.owl-dots {
    display: none;
}
#prduct-mobile .owl-nav {
    position: absolute;
    left: 0px;
    top: 150px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
  #prduct-mobile .owl-nav i{
    font-size: 16px;
  }
  #prduct-mobile .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    outline: none;
    text-align: center;
    background: #1998c1;
    border: 1px solid #B5C1CD;
    transition: all 300ms ease;
    color: #fff;
    left: 0;
}
#prduct-mobile .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    outline: none;
    text-align: center;
    background: #1998c1;
    border: 1px solid #B5C1CD;
    transition: all 300ms ease;
    color: #fff;
    right: 0;
}
.pro h2 {color: #bb76ac;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 50px;
}
.pro-dtl h3 {    color: #bb76ac;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 50px;
}
.pro-dtl h4 {        font-size: 30px;
    color: #08aec9;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
 .pro-dtl p {    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
 }
}