@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

html,body{font-family: 'Roboto', sans-serif;font-size:14px;color:#606060;font-weight:400;text-rendering:auto}
.container{width:100%;max-width:1200px}
a{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;color:#0075bb}
*:focus{outline:none !important}
a:focus,
a:hover{text-decoration:none}

p{font-family: 'Roboto', sans-serif;font-size:18px;color:#000;line-height:24px;margin-bottom:24px;font-weight:400;    word-wrap: break-word;}
.noscript {background:#000;color:#fff;float:left;font-size:20px;left:0;margin:0 auto;min-height:50px;padding:10px 0;position:fixed;right:0;text-align:center;bottom:0;width:100%;z-index:999}
.noscript p{margin-bottom:0;color:#fff}
.noscript p i{color:#f90;margin-right:10px;font-size:20px;vertical-align:middle}

button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}
figure{margin:0}
.clearfix:before,.clearfix:after{content:"";display:block;clear:both}
.row > div{order:1}
.row > div.pull-right{order:2}

::selection{background:#2462b7;color:#FFF}
::-moz-selection{background:#2462b7;color:#FFF}

.scroll_top{bottom:20px;cursor:pointer;height:52px;position:fixed;right:0;width:52px;z-index:5;text-align:center;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;color:#fff;opacity:0;visibility:hidden;background:#2462b7;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;  box-shadow: 0 0 12px rgba(0, 175, 209, 0.6);}
.scroll_top .fa-angle-up {font-size:28px;margin:5px 0 0 0}
.scroll_top .top-text{font-size:12px;font-weight:400;margin:-8px 0 0;text-transform:uppercase;display:block}
.scroll_top.visible{opacity:1;visibility:visible;right:20px}

.col-xl-offset-1{margin-left:8.33333333%}
.col-xl-offset-2{margin-left:16.66666667%}
.col-xl-offset-3{margin-left:25%}
.col-xl-offset-4{margin-left:33.33333333%}
.col-xl-offset-5{margin-left:41.66666667%}
.col-xl-offset-6{margin-left:50%}
.col-xl-offset-7{margin-left:58.33333333%}
.col-xl-offset-8{margin-left:66.66666667%}
.col-xl-offset-9{margin-left:75%}
.col-xl-offset-10{margin-left:83.33333333%}
.col-xl-offset-11{margin-left:91.66666667%}


h1,.h1{font-size:42px;margin:0 0 20px 0;font-family:"Roboto",sans-serif;font-weight:400;color:#303030}
h2,.h2{font-size:36px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;font-weight:400;color:#303030}
h3,.h3{font-size:30px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;font-weight:400;color:#303030}
h4,.h4{font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;font-weight:400;color:#303030}
h5,.h5{font-size:20px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;font-weight:400;color:#303030}
h6,.h6{font-size:16px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;font-weight:400;color:#303030}
span.h1,span.h2,span.h3,span.h4,span.h5,span.h6{display:block}

.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mtb10{margin-bottom:10px;margin-top:10px}
.mtb15{margin-bottom:15px;margin-top:15px}
.mtb20{margin-bottom:20px;margin-top:20px}
.mtb30{margin-bottom:30px;margin-top:30px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.ptb10{padding-bottom:10px;padding-top:10px}
.ptb15{padding-bottom:15px;padding-top:15px}
.ptb20{padding-bottom:20px;padding-top:20px}
.ptb30{padding-bottom:30px;padding-top:30px}

img{max-width:100%;height:auto}
.alignleft{float:left}
.alignright{float:right}
img.alignleft{margin:0 30px 20px 0}
img.alignright{margin:0 0 20px 30px}
img.aligncenter{display:block;margin:0 auto 20px auto}
img.alignnone{margin:0 0 20px 0}

button.button{background:none;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;vertical-align: top;padding:0;border:none}
/*.button{display:inline-block;text-align:center;line-height:65px;min-width:210px;position:relative;z-index:1;color:#fff;font-family: 'Roboto', sans-serif;font-weight:400;font-size:24px;margin:0 15px;text-transform:capitalize; border-radius:25px;}*/
.button { 
color: #fff;

	    display: inline-flex;
    align-items: center;
    vertical-align: top;
    font-weight: 400;
    position: relative;
    font-size: 22px;
    line-height: 24px;
    padding: 8px 15px;
    justify-content: center;
    min-width: 180px;
    height: 57px;
	border-radius:15px;
}
.mcbutton { 
    position: relative;
    justify-content: center;
	clear:both;
	z-index:1;
}
#wpcf7-f97-o1 form.sent .wpcf7-response-output {
    border-color: #00AFD1 !important;
    color: #FFF !important;
}
/*.button:before,
.button:after{content:"";display:block;height:100%;width:100%;position:absolute;top:0;right:0;transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-moz-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-ms-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-o-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-webkit-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);z-index:-1;}*/
/*.button:after{transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-moz-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-ms-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-o-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-webkit-transform:scale3d(0.88, 0.6, 1) skewX(-17deg)}*/

.button:hover::after { animation: rotatecw 2s infinite linear; -webkit-animation: rotatecw 2s infinite linear; }
.button:hover::before { animation: rotateccw 3s infinite linear; -webkit-animation: rotateccw 3s infinite linear; }
.button:hover::after, .button:hover::before { left: 50%; width: 40px; top: 50%; height: 40px; margin: -20px 0 0 -20px; border-color: rgba(255, 255, 255, 0.3);  }

.mcbutton::after { animation: rotatecw 2s infinite linear; -webkit-animation: rotatecw 2s infinite linear; }
.mcbutton::before { animation: rotateccw 3s infinite linear; -webkit-animation: rotateccw 3s infinite linear; }
.mcbutton::after, .mcbutton::before { left: 50%; width: 40px; top: 50%; height: 40px; margin: -20px 0 0 -20px; border-color: rgba(255, 255, 255, 0.3);  }



.button.primary{}
.button.primary{background:#2462b7}

.button.secondary{}
.button.secondary{background:#000}

.button.default{}
.button.default{background:#00AFD1}

.godcont {
    text-align: center;
    padding: 65px 0 64px 0;
    position: relative;
    color: #FFFFFF;
}
.accontent {
    padding: 0px 0px 0px 00px;
	
}
.godcont:before { display:none !important; }
.godcont .title {
    font-size: 45px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #FFF !important;
    margin: 0 0 40px 0 !important;
    line-height: 40px;
}
.godcont p {
    color: #FFF !important;
    font-size: 20px !important;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 29px;
}
.transition { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
@keyframes rotatecw { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }
@-webkit-keyframes rotatecw { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }
@keyframes rotateccw { from {transform: rotate(0deg);} to {transform: rotate(-360deg);} }
@-webkit-keyframes rotateccw { from {transform: rotate(0deg);} to {transform: rotate(-360deg);} }
.kpbutton {
    color: #fff;
    background: #f3742f;
	    display: inline-flex;
    align-items: center;
    vertical-align: top;
    font-weight: 400;
    position: relative;
    font-size: 21px;
    line-height: 24px;
    padding: 8px 15px;
    justify-content: center;
    min-width: 180px;
    height: 57px;
	border-radius:15px;
}
a.kpbutton:hover {
    color: #FFF !important;
}
.kpbutton:hover::after { animation: rotatecw 2s infinite linear; -webkit-animation: rotatecw 2s infinite linear; }
.kpbutton:hover::before { animation: rotateccw 3s infinite linear; -webkit-animation: rotateccw 3s infinite linear; }
.kpbutton:hover::after, .kpbutton:hover::before { left: 50%; width: 40px; top: 50%; height: 40px; margin: -20px 0 0 -20px; border-color: rgba(255, 255, 255, 0.3);  }

.kpbutton:before, .kpbutton:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid transparent;
}
.button:before, .button:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid transparent;
}
.mcbutton:before, .mcbutton:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid transparent;
}
.site-main{overflow:hidden}
.slide-true nav{display:block !important}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 27px !important;
	margin-right: 10px; 
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 18px 11px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #555 !important;
    font-size: 18px !important;
    text-transform: capitalize !important;
    font-weight: bold !important;
	text-align:center !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > ul.mega-sub-menu {
    background: #f7f9fc !important;
	border-radius: 0px 0px 10px 10px !important;
}

.mycta { text-align:center !important;  }
.mycta span.h3 { color:#2462b7; }
.mycta .about-cta {
    background: #f7fbfe !important;
}
.mycta .about-cta p {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #475569 !important;
    line-height: 25px;
    margin-bottom: 30px;
    font-weight: 400;
}
.prange .col-lg-6 { margin-bottom:35px; }
.mbtc { margin-bottom:55px; }
/*=================================================== Header ===================================================*/
.site-main > header{position:relative;top:0;left:0;right:0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;z-index:9;background:#fff}
/*.container-main{margin-top:174px}*/
.logo{/*position:fixed;top:0;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);*/}
.logo {
    padding: 11px 0px 15px 0px;
}
.logo img{max-width:inherit}
.arealgs {
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.header-enquiry{float:left;width:50%;padding:45px 254px 34px 0}
.header-enquiry ul{position:relative;list-style-type:none;padding:0 50px 0 0;margin:0;text-align:right}
.header-enquiry ul:before{content:"\f025";font-family:"Font Awesome";font-weight:900;font-size:36px;color:#2462b7;position:absolute;right:0;top:-2px}
.header-enquiry ul li{color:#404040;font-size:16px;line-height:24px}
.header-enquiry ul li .header-enquiry-title{font-weight:400}
.header-enquiry ul li a{color:#404040}
.header-enquiry ul li a .fas{display:none}
.header-enquiry ul li a .title{font-weight:500}

#wpcf7-f151-o1 .btn-main p { text-align:center !important; }
.wpcf7-spinner { display:none !important; }

.header-contact {
    padding-top: 15px;
    padding-bottom: 0px;
}
.header-contact ul{list-style-type:none;padding:0;margin:0}
.header-contact ul li{vertical-align:middle}
.header-contact ul li a{color:#404040;position:relative;padding-left:36px;display:inline-block;line-height:24px;vertical-align:top}
.header-contact ul li a .fas{/*position:absolute;left:0;top:4px;color:#2462b7;font-size:20px*/}
.header-contact ul li a .title{display:inline-block;vertical-align:middle;font-size:18px;font-weight:400;}
.header-contact ul li p{color:#404040;position:relative;padding-left:36px;display:inline-block;line-height:24px;margin:0;vertical-align:top}
.header-contact ul li .fas {
    position: absolute;
    left: -1px;
    top: 2px;
    color: #FFF;
    font-size: 15px;
	width: 25px;
  height: 25px;
  border-radius: 6px;
  background: #00AFD1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fa-phone {
    transform: rotate(90deg);
}
.header-contact ul li p .title{display:inline-block;vertical-align:middle;font-size:18px;font-weight:400;}
.header-contact ul li+li{margin-top:17px}

.header-bottom{background:#2462b7}
/* ---------- follow / footer section ---------- */
    .follow-wrapper {
      background-color: #2462b7;
      padding: 8px 0px;
      position: relative;
      z-index: 0;
    }
    .video-icon { color: #fff; font-size: 15px; font-weight: 500; text-decoration: none; }
    .video-icon i { font-size: 15px; margin-right: 6px; }
    .video-icon:hover { color: #ffd700; }
.follow-wrapper h5 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
    .footer-social ul { display:flex; margin:0; padding:0; list-style:none; }
    .footer-social ul li { margin: 0 8px; }
    .footer-social ul li a { color:#fff; font-size:16px; transition: color .3s; text-decoration:none; }
    .footer-social ul li a:hover { color:#ffd700; }


/* Modal content and close button safe values */
.modal-content {
  background: #FFF;
  border: 0;
  overflow: hidden;
  position: relative;
}
#mp4Video {
      display: block;
      width: 100%;
      height: auto;
      max-height: 60vh;
      background: #000;
    }
.modal .modal-close-btn {
  position: absolute;
  right: 12px;
  top: 8px;
  z-index: 2000; /* ensure always above video and backdrop */
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  padding: 0.15rem 0.5rem;
}
   .modal {
    z-index: 1072;
}

    .modal-backdrop {
    z-index: 1071;
}

/*=================================================== Home Page ================================================*/
.hl-banner{position:relative}
.hl-banner-slider{}
.hl-banner-slider figure{overflow:hidden;position:relative}
.hl-banner-slider figure:before{/*content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,0.2)*/}
.hl-banner-slider figure img{position:relative;z-index:-1;min-width:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);width:auto !important}
.hl-banner-slider figcaption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;padding:46px 100px 0 100px;width:900px}
.hl-banner-slider figcaption:before{content:"";display:block;position:absolute;left:50px;right:50px;top:0;bottom:35px;background:rgba(0,117,187,0.6);z-index:-1;transform:skewX(-22.50deg) translateX(-200px);-moz-transform:skewX(-22.50deg) translateX(-200px);;-ms-transform:skewX(-22.50deg) translateX(-200px);-o-transform:skewX(-22.50deg) translateX(-200px);;-webkit-transform:skewX(-22.50deg) translateX(-200px);opacity:0;}
.hl-banner-slider figcaption h1,.hl-banner-slider figcaption .h1{font-family: 'Roboto', sans-serif;font-size:45px;color:#fff;font-weight:400;line-height:80px;margin:0 0 16px 0;opacity:0;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px)}
.hl-banner-slider figcaption p{font-family: 'Roboto', sans-serif;font-size:24px;color:#fff;font-weight:400;line-height:40px;margin:0 0 24px 0;opacity:0;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px)}
.hl-banner-slider figcaption .button{opacity:0;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;-webkit-transition:none}

.hl-banner .owl-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);pointer-events:none;padding:0 15px;width:1450px;max-width:100%}
.hl-banner .owl-nav > div{pointer-events:auto;float:left}
.hl-banner .owl-nav > div span{position:relative;display:block;height:40px;width:40px;border:1px solid rgba(255,255,255,0.5);font-size:26px;color:#fff;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.hl-banner .owl-nav > div span:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.hl-banner .owl-nav > div.owl-next{float:right}

.hl-testimonials-slider .owl-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);pointer-events:none;padding:0 0px;width:1450px;max-width:100%}
.hl-testimonials-slider .owl-nav > div{pointer-events:auto;float:left}
.hl-testimonials-slider .owl-nav > div span {
    position: relative;
    display: block;
    height: 35px;
    width: 35px;
    border: none;
    font-size: 20px;
    color: #fff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background-color: #2462b7;
}
.hl-testimonials-slider .owl-nav > div span:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.hl-testimonials-slider .owl-nav > div.owl-next{float:right}

.hl-banner-slider .active figcaption:before{opacity:1;transform:skewX(-22.50deg);-moz-transform:skewX(-22.50deg);-ms-transform:skewX(-22.50deg);-o-transform:skewX(-22.50deg);-webkit-transform:skewX(-22.50deg);transition:all 1s ease 1.5s;-moz-transition:all 1s ease 1.5s;-ms-transition:all 1s ease 1.5s;-o-transition:all 1s ease 1.5s;-webkit-transition:all 1s ease 1.5s}
.hl-banner-slider .active figcaption h1,.hl-banner-slider .active figcaption .h1{opacity:1;transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transition:all 1s ease 2s;-moz-transition:all 1s ease 2s;-ms-transition:all 1s ease 2s;-o-transition:all 1s ease 2s;-webkit-transition:all 1s ease 2s}
.hl-banner-slider .active figcaption p{opacity:1;transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transition:all 1s ease 2.5s;-moz-transition:all 1s ease 2.5s;-ms-transition:all 1s ease 2.5s;-o-transition:all 1s ease 2.5s;-webkit-transition:all 1s ease 2.5s}
.hl-banner-slider .active figcaption .button{opacity:1;transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transition:all 1s ease 3s;-moz-transition:all 1s ease 3s;-ms-transition:all 1s ease 3s;-o-transition:all 1s ease 3s;-webkit-transition:all 1s ease 3s}


.hl-pdrs{padding:63px 0 69px 0}
.hl-pdrs .title{font-size:45px;font-family: 'Roboto', sans-serif;font-weight:400;color:#404040;margin:0 0 25px 0;position:relative}
.serivce_box_main { padding: 30px 0 0 0; }
.service_all_btn { margin-top:45px; }
.serivce_box { position: relative; margin-bottom: 63px; }
.category-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(18,38,63,0.08);
    transition:transform 260ms cubic-bezier(.2,.9,.2,1), box-shadow 260ms;
    display:flex;
    flex-direction:column;
    height:100%;
  }
  .category-card:hover, .category-card:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgb(2 41 75 / 70%);
}

  .cat-link{
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:16/12;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
  }
  .cat-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 420ms cubic-bezier(.2,.9,.2,1), filter 300ms;
  }
  .cat-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(2,41,75,0.12) 0%,rgba(255,255,255,0) 100%);
    transition:background 300ms,opacity 300ms;
    opacity:1;
    pointer-events:none;
  }
  
  .read-more-badge{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) translateY(6px);
    background:rgba(36,98,183,0.95);
    color:#fff;
    padding:12px 22px;
    border-radius:999px;
    font-weight:600;
    font-family:"Roboto",sans-serif;
    font-size:0.95rem;
    letter-spacing:0.01em;
    opacity:0;
    box-shadow:0 8px 30px rgba(2,41,75,0.35);
    transition:opacity 260ms ease,transform 260ms ease;
    pointer-events:none;
    white-space:nowrap;
  }

  .cat-body{
    padding:18px 20px;
    display:flex;
    justify-content:center;
	 box-shadow: 0 6px 12px rgba(36, 98, 183, 0.12); /* bottom shadow */
  }
  .cat-title{
    font-family:"Roboto",sans-serif;
    font-size:25px;
    font-weight:600;
    margin:0;
    color:#111827;
    transition:color 220ms;
  }

  .category-card:hover .cat-image img,
  .category-card:focus-within .cat-image img{
    transform:scale(1.06) rotate(0.6deg);
    filter:brightness(0.92);
  }
    
  .category-card:hover .cat-overlay, .category-card:focus-within .cat-overlay {
   background: -moz-linear-gradient(top, #e9ecf4 0%, #2462b7 100%);
    background: -webkit-linear-gradient(top, #e9ecf4 0%, #2462b7 100%);
    background: linear-gradient(to bottom, #e9ecf4 0%, #2462b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2462b7', endColorstr='#2462b7', GradientType=0 );
    opacity: 0.7;
	
}
  
  .category-card:hover .read-more-badge,
  .category-card:focus-within .read-more-badge{
    opacity:1;
    transform:translate(-50%,-50%) translateY(0);
  }
  .category-card:hover .cat-title,
  .category-card:focus-within .cat-title{
    color:#2462b7;
  }

  .full-click{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
    color:inherit;
  }



/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { 
	display:block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 100000; 
	}
#status { 
	width:340px; 
	height:200px; 
	position:absolute; 
	left:50%; 
	top:50%; 
	background-image:url(../images/g2.GIF);
	background-repeat:no-repeat; 
	background-position:center; 
	margin:-100px 0 0 -170px; 
	}
/* End Preloader */
.zoom_in { margin: 0 0 0; position: absolute; top: 50%; left: 50%; height: 97px; width: 97px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgb(84, 163, 219); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; opacity: 0; }
.zoom_in:before, .zoom_in:after { content: ""; position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; }
.zoom_in:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; }
.zoom_in:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; }
@-webkit-keyframes ripple { 70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
 100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
 @keyframes ripple { 70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
 100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.hl-why-us .zoom_in {
    opacity: 1;
}

.hl-why-choose-us{padding:44px 0 59px 0}
.hl-why-choose-us .title {
    font-size: 45px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #404040;
    margin: 0 0 65px 0;
    position: relative;
}
.ftconta { padding-top:0px; }
.about-8-desc ul { margin-bottom: 35px; }
.about-8-desc li {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 24px;
    margin-bottom: 4px;
    font-weight: 400;
    word-wrap: break-word;
}
.feature_image_hover1 {
    position: relative;
    display: block;
    overflow: hidden;
}
.feature_image_hover1 img {
    width: 100%;
    -webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
    transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
	border-radius:15px;
}
/*.hl-why-choose-us .title{font-size:50px;font-family: 'Roboto', sans-serif;font-weight:400;color:#404040;margin:0 0 46px 0}*/
.qc-timeline { display:flex; flex-direction:column; gap:12px; margin-top:6px; }
    .qc-row { display:flex; gap:12px; align-items:flex-start; background: linear-gradient(180deg,#fff,#fbfdff); padding:12px; border-radius:10px; border:1px solid rgba(15,23,36,0.04); box-shadow:0 8px 20px rgba(8,34,71,0.03); }
    .qc-num {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #2462b7;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
}
	.qc-body h6 {
    margin: 0 0 6px;
    color: #2462b7;
    font-weight: 500;
	font-size:20px;
}
.qc-body p {
    margin: 0 !important;
    color: #000;
	font-size:17px;
}
.cpq {
    background: rgba(255,255,255,0.98);
    border-radius: 14px;
    padding: 0px 26px 50px 26px;
    box-shadow: 0 18px 45px rgba(10,37,64,0.06);
    border: 1px solid rgba(10,37,64,0.03);
    margin-bottom: 22px;
    position: relative;
}
#qc { 
   
    margin-top: 45px;
    margin-bottom: 25px;
}
.cpq h2#qc-title {
padding-top:63px;
    text-align: center;
    color: #2462b7;
}
.cpq p {
    text-align: center;
    margin: 0 0 20px;
    color: #475569;
}
.hl-why-us{
text-align:center;
    background: #ffffff;
    border-radius: 14px;
    padding: 15px 9px;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

}
.hl-why-us .icon-box{position:relative;display:inline-block;vertical-align:top;padding:10px;margin:0 0 20px 0}
.hl-why-us .icon-box .icon{font-size:40px;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:2}
.hl-why-us .icon-box .icon-bg{display:block;height:70px;width:70px;background:transparent;transform:rotate(345deg);z-index:1;position:relative}

.hl-why-us .icon-box .icon.fa-phone {
  transform: translate(-50%, -50%) rotate(90deg);
}
.hl-why-us .icon-box .icon-bg:before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;transform:rotate(15deg);z-index:-1; border-radius:15px;}

.hl-why-us .wone .icon-bg:before{background:#2462b7;}
.hl-why-us .wtwo .icon-bg:before{background:#2462b7;}
.hl-why-us .wthree .icon-bg:before{background:#2462b7;}
.hl-why-us .wfour .icon-bg:before{background:#2462b7;}

.hl-why-us .icon-box .icon-bg:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;transform:rotate(-20deg);background:transparent;z-index:-2}
.hl-why-us h3,.hl-why-us .h3{font-weight:400;font-family: 'Roboto', sans-serif;font-size:24px;color:#404040;line-height:36px;margin:0 0 20px 0}
.hl-why-us p {
    line-height: 24px;
    margin: 0 0 10px 0;
    font-size: 17px;
    font-weight: 400;
}
.ftconta  p a {
    line-height: 39px;
    margin: 10px 0px 0px 0px !important;
    font-size: 19px;
    font-weight: 400;
}
.hl-welcome{background: linear-gradient(180deg,rgba(36, 98, 183,0.9) 8%,rgba(36, 98, 183,0.9) 60%);}

.indweserve {
    background: #ffffff;
    border-radius: 10px;
    padding: 0px 0px 7px 0px;
    box-shadow: 1px 5px 1px rgb(36 98 183 / 55%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    margin-bottom: 15px;
    height: auto;
}
.i-img { margin-top:8px; }
.i-img img { border-radius: 10px 10px 0px 0px; }
.indweserve h3 {
    margin: 25px 0 15px;
    font-size: 22px;
    color: #404040;
    font-weight: 400;
}

.myeq {
    background: #ffffff;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0px 2px 4px #2462b7;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    margin-bottom: 15px;
	margin-top: 15px;
    height: auto;
}
.m-img { margin-top:0px; }
.m-img img { border-radius: 10px; }

/* Allow partial visibility of first/last slides */
.qawwe .owl-stage-outer {
  overflow: visible !important;
}

/* Ensure parent containers don't clip the slider */
.qawwe
.row {
  overflow: visible !important;
}

/* Keep image behaviour safe */
.hl-instu-slider .m-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  object-fit: contain;
}


.hl-welcome .button {
    color: #fff;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    font-weight: 400;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    padding: 8px 15px;
    justify-content: center;
    min-width: 150px;
    height: 49px;
    border-radius: 15px;
}

.hl-welcome-img{width:50%;overflow:hidden;float:left}
.hl-welcome-img img{/*max-width:inherit*/}
.hl-welcome-container{padding:40px 0px 0 50px;float:left;width:650px;}
.hl-welcome-container .title {
    font-size: 39px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #fff;
    margin: 0 0 16px 0;
    line-height: 68px;
}
.hl-welcome-content{margin:0 0 30px 0;}
.hl-welcome-content *{color:#fff; font-size:18px;}
.hl-welcome-content p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 14px;
}
.hl-welcome-content *:last-child{margin-bottom:0}
.hl-welcome-content h1,.hl-welcome-content .h1{font-size:38px}
.hl-welcome-content h2,.hl-welcome-content .h2{font-size:34px}
.hl-welcome-content h3,.hl-welcome-content .h3{font-size:30px}
/* Class-based CSS (no :root variables, no CSS grid) */
.why-choose-us {
  /* gradient using your previous colors */
  /*padding: 80px 20px;*/
  text-align: center;
  color: #111827;
}



/* Row wrapper uses Bootstrap .row so no grid here */
.features-row {
 
}

/* Card */
.feature-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 15px 9px;
  -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.feature-card:hover {
  transform: translateY(-6px);
  -webkit-box-shadow: 0 12px 28px rgba(0,0,0,0.12);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

.feature-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 34px;
    margin: 0 0 20px 0;
    background: #00AFD1;
    border-radius: 15px;
}

.feature-icon i {
    font-size: 32px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 2;
}
.feature-title {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #404040;
    line-height: 30px;
    margin: 0 0 14px 0;
}
.why-choose-us .title {
    font-size: 45px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #404040;
    margin: 0 0 65px 0;
    position: relative;
}
.feature-text {
    font-size: 16px;
    color: #404040;
    line-height: 25px;
    margin-bottom: 0;
}

/* Responsive tweaks (Bootstrap will handle columns; keep spacing) */
@media (max-width: 768px) {
  .why-choose-us { padding: 60px 16px; }
  .section-title { font-size: 1.75rem; margin-bottom: 30px; }
  .feature-card { padding: 22px; border-radius: 12px; }
}

.hl-cta{}
.hl-cta .title {
    font-size: 34px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #404040;
    margin: 0 0 12px 0;
    line-height: 50px;
}
.hl-cta-content{padding:64px 0}
.hl-cta-content p {
    line-height: 27px;
    margin: 0 0 10px 0;
    font-size: 17px;
    font-weight: 400;
    color: #000;
}
.hl-cta-content ul {
    padding-left: 18px;
    margin-bottom: 45px;
}
.hl-cta-content li {
    line-height: 27px;
    margin: 0 0 6px 0;
    font-size: 17px;
    font-weight: 400;
    color: #000;
}

.hl-cta-content .button{}
.hl-cta-img {
    padding: 50px 0;
    text-align: center;
}
.mb-25 {
    margin-bottom: 25px;
}
.hl-cta-img img{max-width:inherit}
.hl-cta-content .button+.button{margin-left:22px}


.hl-achievements{position:relative}
.hl-achievements:before{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,175,209,0.7);content:"";display:block}
.hl-achievement{text-align:center;padding:125px 0 124px 0;position:relative}
.hl-achievement:before,
.hl-achievement:after{content:"";display:block;width:1px;position:absolute;left:50%;top:0;height:100px;background:#fff}
.hl-achievement:after{top:auto;bottom:0}
.hl-achievement .icon{font-size:60px;color:#FFF;margin:0 0 37px 0;line-height:60px}
.hl-achievement-counter{display:block;font-size:50px;font-family: 'Roboto', sans-serif;font-weight:400;color:#fff;margin:0 0 24px 0;line-height:70px}
.hl-achievement p{font-size:18px;font-family: 'Roboto', sans-serif;font-weight:400;color:#FFF;margin:0;line-height:30px;padding:0 45px;text-transform:uppercase}
.hl-achievement .icon.fa-star{font-size:50px}

.hl-testimonials{padding:63px 0 71px 0}
.hl-testimonials .title{font-size:40px;font-family: 'Roboto', sans-serif;font-weight:400;color:#404040;margin:0 0 24px 0}
.cont_box p { font-weight:400; }
.generators_main_box .cont_box { max-width: 1000px; margin: 0 auto; }
.generators_main_block_info { width: 50%; float: left; display: flex; flex-wrap: wrap; padding-right: 70px; }
.generators_main_info { display: flex; padding: 0 15px; flex-wrap: wrap; order: 2; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;/* margin-right: -15px; *//* margin-left: -15px; */ }
.generators_main_info .generators_main_img { text-align: left; padding: 0; order: 2; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; position: relative; }
.generators_main_info .generators_main_cont { text-align: right; padding: 26px 30px 0 0; order: 1; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
.generators_main_block { text-align: left; margin: 0 -15px; padding: 58px 0 51px 0; }
.generators_main_info .generators_main_img .icon_hover { position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.generators_main_info .generators_main_img .icon_hover .icon_box { display: block; width: 152px; height: 152px; background: #fff; border-radius: 50%; margin: 24px auto 0; position: relative; box-shadow: 0 0 10px #ccc; }
.generators_main_block:after { content: ""; display: table; clear: both; }
.generators_main_info .generators_main_img .icon_hover .icon_box svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #000; }
.generators_main_info .generators_main_img .icon_hover .num_text { color: #fff; font-size: 30px; text-align: center; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.generators_main_info .generators_main_cont .generators_main_title { display: inline-block; font-size: 24px; padding-bottom: 2px; border-bottom: 3px solid #000; margin-bottom: 20px; }
.generators_main_block_info.order_view_box .generators_main_info .generators_main_img { order: 1; }
.generators_main_block_info.order_view_box .generators_main_info .generators_main_cont { text-align: left; width: 47%; padding-right: 0; padding-left: 30px; }
.generators_main_block_info.order_view_box .generators_main_info.yellow_box { order: 2; }
.generators_main_block_info.order_view_box .generators_main_info.blue_box { order: 1; }
.generators_main_info.green_box, .generators_main_info.generators_main_info.blue_box { margin-bottom: 193px; }
.generators_main_info .generators_main_cont p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px;
}
.generators_main_block_info.order_view_box { padding-right: 0; padding-left: 70px; }
.generators_main_info.green_box .generators_main_img .num_text { bottom: -165px; }
.generators_main_info.gray_box .generators_main_img .num_text { top: 51px; left: auto; right: -132px; }
.generators_main_info.yellow_box .generators_main_img .num_text { bottom: auto; top: -170px; }
.generators_main_info.blue_box .generators_main_img .num_text { right: auto; left: -131px; top: 50px; bottom: auto; }
.generators_main_info.green_box .generators_main_cont .generators_main_title { border-color: #00923f; color: #00923f; }
.generators_main_info.gray_box .generators_main_cont .generators_main_title { border-color: #000; color: #000; }
.generators_main_info.yellow_box .generators_main_cont .generators_main_title { color: #901e78; border-color: #901e78; }
.generators_main_info.blue_box .generators_main_cont .generators_main_title { border-color: #28166f; color: #28166f; }
.generators_main_info.green_box .generators_main_img .icon_hover .icon_box svg { fill: #00923f; }
.generators_main_info.gray_box .generators_main_img .icon_hover .icon_box svg { fill: #000; }
.generators_main_info.yellow_box .generators_main_img .icon_hover .icon_box svg { fill: #901e78; }
.generators_main_info.blue_box .generators_main_img .icon_hover .icon_box svg { fill: #28166f; }
.generators_main_info .generators_main_img { position: relative; }
.generators_main_info .generators_main_img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 368px; background: url(../images/shap_1.svg); background-size: 200px 368px; }
.generators_main_info.green_box .generators_main_img:before { width: 100%; height: 368px; background: url(../images/shape_1.png); background-size: 200px 368px; }
.generators_main_info.gray_box .generators_main_img:before { width: 368px; height: 200px; background: url(../images/shape_2.png); background-size: 368px 200px; }
.generators_main_info.yellow_box .generators_main_img:before { width: 200px; height: 368px; background: url(../images/shape_3.png); background-size: 200px 368px; top: -170px; }
.generators_main_info.blue_box .generators_main_img:before { width: 368px; height: 200px; background: url(../images/shape_4.png); background-size: 368px 200px; left: -170px; }
.generators_main_block_center { position: relative; }
.generators_main_block_center .process_text { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); text-align: center; font-size: 40px; max-width: 240px; }
.generators_main_block_center:after { content: ""; display: table; clear: both; }


.hl-callback{background:#f7fbfe !important; padding:63px 0 70px 0}
.hl-callback br { display:none; }
.hl-callback .title{font-size:50px;font-family: 'Roboto', sans-serif;font-weight:400;color:#2462b7;margin:0 0 47px 0}
.hl-callback-input-box{position:relative;z-index:1;padding:0 30px;margin-right:-30px}
.hl-callback-label{position:absolute;left:15px;top:0;right:15px;bottom:0;background:#fff;transform:skewX(-23deg);-moz-transform:skewX(-23deg);-ms-transform:skewX(-23deg);-o-transform:skewX(-23deg);-webkit-transform:skewX(-23deg);z-index:-1;margin:0;cursor:text}
.hl-callback-input {
    height: 62px;
    width: 100%;
    border: none;
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    background: #FFF;
    padding: 0 15px;
    border-radius: 12px;
	box-shadow:-1px 1px 3px #2462b7;
}
.hl-callback textarea {
    height: 130px;
    padding: 15px;
}
.hl-callback-input::-webkit-input-placeholder{color:#404040;opacity:1}
.hl-callback-input:-moz-placeholder{color:#404040;opacity:1}
.hl-callback-input::-moz-placeholder{color:#404040;opacity:1}
.hl-callback-input:-ms-input-placeholder{color:#404040;opacity:1}
.hl-callback-submit-box p { margin-bottom:0px; }
.hl-callback-submit-box .wpcf7-spinner { display:none; }
.hl-callback-submit-box{position:relative;z-index:1;padding:0 30px}
.hl-callback-submit-label{position:absolute;left:15px;right:15px;top:0;bottom:0;margin:0;pointer-events:none;cursor:pointer}
.hl-callback-submit{display:inline-block;text-align:center;line-height:70px;width:100%;position:relative;z-index:1;color:#fff;font-family: 'Roboto', sans-serif;font-weight:400;font-size:18px;text-transform:uppercase;background:none;border:none;padding:0;}
.hl-callback-submit {
    display: inline-block;
    text-align: center;
    line-height: 55px;
    width: 100%;
    position: relative;
    z-index: 1;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 21px;
    text-transform: capitalize;
    background: #00AFD1;
    border: none;
    padding: 0;
    font-weight: 500;
    border-radius: 12px;
}
.hl-callback-submit-box {
    position: relative;
    z-index: 1;
    padding: 0px;
    width: 50%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/*=================================================== Footer ===================================================*/
.site-main > footer{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#2462b7}
.footer{position:relative;overflow:hidden}
.footer:before{content:"";display:block;width:602px;height:323px;background:url(../images/d2-logo.png) no-repeat 0 0 transparent;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;position:absolute;left:50%;bottom:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);opacity:0.2}
.footer-top{position:relative;padding:68px 0 0 0}


.footer-line{width:100%;position:fixed;bottom:0;z-index:3;background:#404040}
.footer-line p{margin:0;line-height:30px;text-align:center;color:#fff;font-size:15px;font-weight:300}

.mobile-accordion{height:100%;position:relative}
.mobile-accordion .title {
    color: #FFF;
    font-weight: 500;
    font-size: 23px;
    display: block;
    line-height: 22px;
    margin: 0;
    letter-spacing: 0.2px;
    padding: 0 0 0 32px;
}
.mobile-accordion .title:before{content:"";display:block;height:9px;width:9px;border:2px solid #0ed8ff;transform:rotate(45deg);position:absolute;left:2px;top:5px}
.mobile-accordion:after{display:block;width:1px;background:#42ce7a;content:"";position:absolute;top:55px;bottom:0;background:rgba(255,255,255,0.4);left:6px}
.mobile-accordion-toggle{padding:0 0 0 24px}

.quick-links{margin-top:27px}
.footer-form{margin-top:33px}
.footer-form .hl-callback {
    background: #0075bb;
    padding: 10px 0 10px 0;
}
.footer-form .hl-callback-input {
    height: 48px;
    font-weight: 400;
    color: #404040;
    font-size: 16px;
    background: #FFF;
    padding: 0 15px;
    
}
.footer-form .hl-callback-input-box {
    padding: 0px 22px 0px 10px;
    margin-right: 0px;
    margin-bottom: 25px;
}	

.footer-form .hl-callback-submit {
    display: inline-block;
    text-align: center;
    line-height: 50px;
    position: relative;
   /* z-index: 1;*/
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    background: none;
    border: none;
    padding: 0;
    width:100%;
	font-weight:500;
	
}
.footer-form .hl-callback-submit-box {
    position: relative;
    /* z-index: 1; */
    padding: 0px 15px 0px 15px;
    margin-right: -00px;
    border-radius: 15px;
    background: #00AFD1;
    width: 90%;
    margin-left: 10px;
}

.footer-form  .hl-callback-submit-label:before,
.footer-form .hl-callback-submit-label:after{content:"";display:block;height:100%;width:100%;position:absolute;top:0;right:0;transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-moz-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-ms-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-o-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);-webkit-transition:all 0.5s cubic-bezier(0.25, 0, 0.3, 1);z-index:-1;transform:none;pointer-events:auto;background:#00AFD1; border-radius:10px;}


.footer-form  .hl-callback-submit-label:after{transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-moz-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-ms-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-o-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-webkit-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);border:2px solid #00AFD1;background:none}



.mobile-accordion .quick-links ul{list-style-type:none;padding:0;margin:0}
.mobile-accordion .quick-links ul li{line-height:24px}
.mobile-accordion .quick-links ul li+li{margin-top:12px}
.mobile-accordion .quick-links ul li a{color:#FFF;position:relative;display:inline-block;font-weight:400;font-size:16px}
.mobile-accordion .quick-links ul li a:before{content:"";display:block;height:2px;width:0;position:absolute;left:0;top:50%;margin-top:-1px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#0ed8ff}
.mobile-accordion .quick-links ul li.selected a{padding-left:15px;color:#fff}
.mobile-accordion .quick-links ul li.selected a:before{width:10px}
.mobile-accordion .quick-links.wide ul{}

.footer-contact{margin-top:27px}
.footer-contact p {
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
}
.footer-contact p strong {
    display: block;
    font-weight: 500;
    color: #0ed8ff;
    font-size: 16px;
}
.footer-contact a{color:#FFF}
.footer-contact p+p{margin:12px 0 0 0}


.signature {
    padding: 5px 0;
    text-align: center;
    position: relative;
    border-top: 1px solid rgba(255,255,255,0.4);
    margin-top: 65px;
}
.signature span,.signature p,.signature a{color:#fff;font-weight:400;line-height:35px;margin:0;font-size:15px;display:inline-block;vertical-align:top}
.signature span:before{content:"|";margin:0 7px 0 3px}
.signature p+p:before{content:"|";margin:0 7px 0 3px}
.signature span{}
.signature b { color:#0ed8ff; }
/*=================================================== Inner Pages ==============================================*/
.about-cta {
    
    
    background: #00AFD1;
      border-radius: 15px;
      padding: 30px 25px;
      box-shadow: 0 5px 10px #2462b7;
}
.about-cta > ul > li { margin-bottom:35px; }
.about-cta > ul > li:last-child { margin-bottom:0px; }
.about-cta > ul { list-style:none; }
.about-cta h5 {
    color: #FFF;
    margin-bottom: 11px;
    font-weight: 500;
    font-size: 22px;
}
.about-cta h3 {
    color: #FFF;
    margin-bottom: 40px;
	text-align:center
}
.ct-cta {
    border: 10px solid #2462b7;
    padding: 0px;
	border-radius:15px;
    text-align: center;
}
.ct-cta iframe{border:none;width:100%;height:450px;display:block}

.about-cta p{font-family: 'Roboto', sans-serif;font-size:16px;color:#FFF;line-height:25px;margin-bottom:15px;font-weight:400; }
.about-cta li{font-family: 'Roboto', sans-serif;font-size:16px;color:#FFF;line-height:25px;margin-bottom:5px;font-weight:400; }
.abtct p{font-family: 'Roboto', sans-serif;font-size:18px;color:#000;line-height:24px;margin-bottom:24px;font-weight:400;  }
.abtct ol {
    padding-left: 15px;
}
.abtct li {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 24px;
    margin-bottom: 24px;
    font-weight: 400;
    text-align: justify;
}
 .qakp {
    background: #f7fbfe;
    color: #0b1220;
    padding: 0px 18px 50px 18px;
    margin-top: 45px;
    margin-bottom: 25px;
}
	.qtext {
	padding-top:63px;
    margin-bottom: 45px;
}
.qtext h2 { text-align:center; color:#00AFD1; }
.qtext p { text-align:center; margin:0 0 20px; color:#475569; }
    .qakp .qa-box {
      background: linear-gradient(180deg,#ffffff,#fbfdff);
      border-radius: 12px;
      padding:20px;
      height:100%;
      box-shadow: 0 10px 30px rgba(8,34,71,0.06);
      border: 1px solid rgba(15,23,36,0.04);
      display:flex;
      gap:14px;
      align-items:flex-start;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .qakp .qa-box:hover{
      transform: translateY(-6px);
      box-shadow: 0 18px 46px rgba(8,34,71,0.08);
    }

    .qakp .num-badge {
      width:45px;
      height:45px;
      border-radius:14px;
      background: linear-gradient(180deg,#00AFD1,#00AFD1);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:800;
      font-size:20px;
      flex-shrink:0;
      box-shadow: 0 10px 28px rgba(36,98,183,0.12);
    }

   .qakp .box-body h4 {
    margin: 0 0 8px 0;
    font-size: 20px;
    color: #00AFD1;
    font-weight: 500;
}
    .qakp .box-body p {
      margin:0 0 8px 0;
      color:#4b5563;
      line-height:1.45;
      font-size: 16px;
    }

    .qakp .checks {
      list-style:none;
      padding:0;
      margin:6px 0 0 0;
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    
	.qakp  ul {
    padding-left: 0px;
    list-style-type: circle;
    list-style: circle;
}
    .qakp  .tick {
      width:22px;
      height:22px;
      border-radius:6px;
      background:#fff;
      border:2px solid #2462b7;
      color:#2462b7;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-weight:700;
      flex-shrink:0;
      margin-top:2px;
    }
    .qakp ul li {
    color: #4b5563;
    color: #4b5563;
    line-height: 1.45;
    font-size: 16px;
    margin-bottom: 10px;
}

    @media (max-width: 991px){
      .qakp .num-badge { width:60px; height:60px; font-size:18px; }
    }
.inner-page{padding:70px 0}
.inner-page-content > *:last-child{margin-bottom:0}
.inner-page-content {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}
#page_title{position:relative;padding:97px 0;overflow:hidden;text-align:center}
#page_title:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.0);z-index:1}
.page_title h1,.page_title .h1{color:#01366d;margin:0;position:relative;font-weight:400;font-size:60px;}
.page_title{position:relative;z-index:2;margin:0 auto;padding:0 15px;width:100%;max-width:1200px;}
ul.breadcrumb { background: none; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0; margin: 0; justify-content: center; font-size: 16px; }
ul.breadcrumb li + li:before { content: "/"; margin: 0 10px; }
ul.breadcrumb li a { color: #fff; display: inline-block; }
ul.breadcrumb li a:after { content: ""; display: block; position: absolute; left: 26px; bottom: 50%; right: 0; height: 1px; background: #fff; opacity: 0; }
ul.breadcrumb li:first-child a:after { left: 0; }
ul.breadcrumb li.selected { color: #fff; }
ul.breadcrumb li.selected:after { content: ""; display: block; position: absolute; left: 26px; bottom: 0; right: 0; height: 1px; background: #fff; }
ul.breadcrumb li { line-height: 24px; color: #fff; position: relative; }
.page-heading { height: 350px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; position: relative; background: url(images/inner-banner1.jpg) no-repeat center center / cover transparent; z-index: 1; }
/*.page-heading:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: -1; }*/

.page-heading:before {
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* Top = light gray-blue (#e9ecf4), Bottom = brand blue (#2462b7) */
  background: #e9ecf4; /* fallback */
  background: -moz-linear-gradient(top, #e9ecf4 0%, #2462b7 100%);
  background: -webkit-linear-gradient(top, #e9ecf4 0%, #2462b7 100%);
  background: linear-gradient(to bottom, #e9ecf4 0%, #2462b7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ecf4', endColorstr='#2462b7', GradientType=0 ); /* IE6-9 */

  opacity: 0.7;
}



.page-heading h1, .page-heading .h1 { font-size: 50px; color: #fff; margin: 0px 0 25px 0; }

.inner-page ul{list-style-type:none;padding:0 0 0 15px;margin:0 0 22px 0;overflow:hidden}
.inner-page ul > li{padding:0 0 0 22px;position:relative;line-height:24px}
.inner-page ul > li:before{content:"\f00c";height:auto;width:auto;top:5px;background:none;font-family:'FontAwesome';font-size:14px;display:inline-block;position:absolute;left:0;border:none;line-height:initial;color:#003e7e}
.inner-page ul ul > li:before{content:"";display:block;height:8px;width:8px;position:absolute;left:0;top:8px;border-radius:50%;-webkit-border-radius:50%;border:1px solid #003e7e}
.inner-page ul ul ul > li:before{background:#003e7e}
.inner-page ul ul > li{padding:0 0 0 15px}
.inner-page ul ul ul > li{padding:0 0 0 15px}
.inner-page ul ul{margin:0;padding:0}
.inner-page ul ol{margin:0}
.inner-page ol ul{margin:0;padding:0}
.inner-page ol ol{margin:0;}
.inner-page ol{padding: 0 0 0 30px;margin:0 0 26px 0}
.inner-page ol > li{line-height:26px}
.inner-page ol > li:before{}




.inner-page table{width:100%}
.inner-page tr{}
.inner-page td{padding:11px 12px;border:1px solid #d4d4d4;color:#303030;line-height:24px}
.inner-page tr:nth-child(odd) td{background:#ebebeb}
.inner-page th{font-weight:700;color:#01366d;background:#cfe6ff;padding:5px 10px;border:1px solid #8fc5ff;font-size:16px;line-height:24px;padding:12px 13px 9px 13px}
.info-box {
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      height: 100%;
      padding: 30px 20px;
box-shadow: 0 5px 10px #2462b7;
      /* Center text vertically & horizontally */
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .info-box h5 {
      font-weight: 600;
      margin-bottom: 12px;
      color: #111827;
	  font-size:28px;
    }
    .info-box p {
         color: #433F3E;
    font-size: 15px;
    line-height: 1.6;
      margin: 0;
    }
    .info-box.highlight {
      background: #00AFD1; /* light blue */
      color: #fff;
      border: none;
	  box-shadow: 0 5px 10px #2462b7;
    }
    .info-box.highlight h5,
    .info-box.highlight p {
      color: #fff;
    }
.newabt { padding-top:15px; padding-bottom:5px; }
 .md-container {
            max-width: 900px;
            margin: 0px auto;
            background: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 10px #2462b7;
        }
        .md-title {
            text-align: center;
            font-size: 28px;
            font-weight: bold;
            color: #2462b7;
            padding-bottom: 20px;
            border-bottom: 3px solid #00AFD1;
        }
        .md-content img {
            width: 100%;
            max-width: 150px;
            height: auto;
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid #1c4887;
            display: block;
            margin: 0 auto;
        }
        .md-text p {
    color: #433F3E;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 13px;
}
        .md-name {
            font-size: 18px !important;
            font-weight: bold;
            color: #2462b7 !important;
            margin-top: 10px;
        }
.abtct {
    margin-top: 25px;
}
 .abtct p {
    color: #433F3E;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 13px;
}
.oms {
    padding-top: 85px;
    padding-bottom: 25px;
}
/*=================================================== Product Page =============================================*/
.productdetail_box {
   
    margin-bottom: 30px;
	border-radius:0px;
	text-align:center;
	padding:0px 0px 0px 0px;
}
.productdetail_box img{ /*border-radius:15px;*/ }
.product-content {
    padding-top: 35px;
    padding-bottom: 20px;
}
.product-content ol, .product-content ul {
    padding-left: 0px;
}
.product-content ul, .product-content table { margin-bottom:24px; }
.product-content ul li::marker {
  content: none;   /* removes the marker */
}
.product-content li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: justify;
}
.product-content td {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: center;
}
/* Base table */
.product-content table {
  width: 100%;
  border-collapse: collapse; /* ensures single borders */
  border-spacing: 0;
  margin-bottom: 24px;
  font-size: 0.95rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
 
}

/* Header cells */
.product-content thead {
  background: #f9fafb;
}
.product-content th {
  font-weight: 600;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #111827;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;  /*  all four sides */
}

/* Body cells */
.product-content td {
  padding: 12px 16px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #000;
  border: 1px solid #e5e7eb;  /*  all four sides */
  text-align: left;
  line-height: 1.4;
}

/* Zebra striping */
.product-content tbody tr:nth-child(even) {
  background: #fdfdfd;
}

/* Hover effect */
.product-content tbody tr:hover {
  background: #f3faff;
}

/* Optional: scrollbar styling */
.product-content .table-wrap::-webkit-scrollbar {
  height: 6px;
}
.product-content .table-wrap::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

/* Small screen tweaks */
@media (max-width: 640px) {
  .product-content th,
  .product-content td {
    padding: 10px 12px;
    font-size: 0.9rem;
  }
}

.product-content p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin-bottom: 22px;
    font-weight: 400;
    text-align: justify;
}
.accessories_box_main .product_box {
    box-shadow: 0 0 10px rgba(243,116,47,0.8);
    margin-bottom: 30px;
	border-radius:15px;
}
.accessories_box_main {
    margin-bottom: 30px;
}
.product_box { background: #fff; position: relative; overflow: hidden; text-align: center; padding: 0 0 35px 0; }
.product_box .product_img_main { position: relative; margin: 0 0 35px 0; }
.product_box .product_img_main .product_img { position: relative; padding-bottom: 100%; display: block; }
.product_box .product_img_main .product_img:before { content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 0px; background: rgb(243,116,47); /* Old browsers */ background: -moz-linear-gradient(top, rgba(243,116,47,1) 0%, rgba(32,32,32,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(243,116,47,1) 0%, rgba(32,32,32,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(243,116,47,1) 0%, rgba(32,32,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3742f', endColorstr='#202017', GradientType=0 );
z-index: 1; opacity: 0; }
.product_box .product_img_main .product_img img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.product_box .product_img_main .product_readmore, .product_box .product_img_main .product_cart { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 3 }
.product_box .product_img_main .product_readmore { left: 0; margin-left: -70px; }
.product_box .product_img_main .product_cart { right: 0; margin-right: -70px; }
.product_box .product_img_main .product_readmore a { width: 50px; height: 50px; border: 2px solid #fff; position: relative; display: block; }
.product_box .product_img_main .product_readmore a svg { fill: #fff; width: 20px; height: 20px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.product_box .product_content { padding: 0 10px; }
.product_box .product_content .product_title_main { margin-bottom: 12px; }
.product_box .product_content .product_title_main .product_title { font-size: 18px; color: #050708; font-weight: 400; display: block; white-space: pre; overflow: hidden; text-overflow: ellipsis; }
.product_box .product_content .product_enquire a { font-weight: 700; font-size: 16px; color: #f3742f; }
.product_box_main { padding: 68px 0 0 0; }

.sidebar ul{padding:0;margin:0; list-style:none;}
.sidebar ul li {
    padding: 0;
    margin-bottom: 8px;
}
.sidebar ul li:before{display:none}
.sidebar ul ul li:before{display:none}
.sidebar ul li a{display:block;position:relative;font-size:18px;color:#606060;padding:10px 15px;background:#f5f5f5;border-left:5px solid #bfbfbf;z-index:1;font-weight:400}
.sidebar ul li a:before{content:"";position:absolute;left:-5px;top:0;background:#fff;z-index:-1;border:1px solid #00AFD1;border-left:5px solid #00AFD1;right:0;height:100%;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:1}
.sidebar ul li+li{margin-top:1px}
.sidebar ul li.selected > a{color:#003e7e}

.sidebar .title{display:block;color:#FFF;font-size:20px;font-weight:400;margin-bottom:10px;padding:6px 15px;background:#2462b7;text-align:center}
.sidebar .title h4 {
font-size:22px;
    color: #fff;
    margin-bottom: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.sidebar ul li a:hover { color: #2462b7; padding-left:20px; }

/*=================================================== Contact Page =============================================*/
/*.contact-page{padding:45px 0}*/
.contact-page form{margin-top:20px}
.contact-form .form-group { margin-bottom: 28px; }
.contact-form textarea.form-control { height: 168px !important; resize: none; }
.contact-form .form-control {
    background-color: transparent;
    background-image: none;
    border: 2px solid #666 !important;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 10px;
    box-shadow: none;
    color: #424242;
    display: inline-block;
    font-size: 17px;
    height: 55px;
    line-height: 1.42857;
    padding: 13px 18px;
    width: 100%;
}
.contact-form .form-control:focus { border-color: #f3742f !important; box-shadow: none; outline: 0 none; }
.contact-form-main h2 { padding-bottom: 12px; }
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color:#424242; opacity:1; }
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { color:#424242; opacity:1; }
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { color:#424242; opacity:1; }
.contact-form form input:-ms-input-placeholder, .contact-form form textarea:-ms-input-placeholder { color:#424242; opacity:1; }
.contact-form {  padding: 20px 0 50px 0;  }
.btn-main {text-align:center; }
.btn-main .button { border:none; }
.req{color:#f00;margin:0;font-weight:400}
div .wpcf7-form label.error{color:#f00;font-size:14px;padding:0;margin:0;font-weight:400}
div div.wpcf7-response-output{text-align:center;margin:0 0 20px 0;padding:7px 15px}
div div.wpcf7-validation-errors{color:#f00}
div div.wpcf7-mail-sent-ng{color:#f00}
div div.wpcf7-spam-blocked{color:#f00}
div div.wpcf7-mail-sent-ok{color:#398f14}
/*form .row .col-xs-12:nth-child(4){clear:both}*/
label.require{font-size:14px;color:#606060;font-weight:400;margin:5px 0 0 0;display:block}
div.wpcf7 div .ajax-loader{height:24px;width:24px;margin:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%)}


/*=================================================== Media Queries ============================================*/
@media screen and (max-width:1919px)
{
.hl-product-cta{padding:40px 80px 20px 80px}
}
@media screen and (max-width:1599px)
{
.hl-product-cta{padding:25px 80px 20px 80px}
}
@media screen and (max-width:1499px)
{
.hl-product-cta{padding:30px 80px 20px 80px}
.hl-product-cta h2,.hl-product-cta .h2{font-size:44px;margin:0 0 30px 0}
.hl-product-cta p{margin:0 0 40px 0}
}
@media screen and (max-width:1439px)
{
.hl-product-cta .button{min-width:200px;line-height:56px}
.hl-product-cta{padding:25px 40px 20px 40px}
.hl-product figcaption h3:after,.hl-product figcaption .h3:after{display:none}
.hl-product figcaption h3 span,.hl-product figcaption .h3 span{transform:translateX(-50%) !important;-moz-transform:translateX(-50%) !important;-ms-transform:translateX(-50%) !important;-o-transform:translateX(-50%) !important;-webkit-transform:translateX(-50%) !important;left:50% !important}
}
@media screen and (max-width:1348px)
{
.hl-product figcaption{left:30px;right:30px}
.hl-product-cta h2, .hl-product-cta .h2{font-size:38px}
.hl-product-cta p{margin:0 0 30px 0}
.hl-product-cta .button{line-height:50px;font-size:16px}
}
@media screen and (max-width:1279px)
{
}
@media screen and (min-width:1025px)
{
.product_box:hover .product_img_main .product_img:before {
    opacity: 0.6;
}
.product_box:hover .product_img_main .product_img:before { opacity: 0.6; }
.product_box:hover .product_img_main .product_readmore { left: 66%; }


.serivce_box:hover .serivce_img_main:after { opacity: 1; left: 50px; right: 0; top: 50px; bottom: 0; }
.serivce_box:hover .serivce_img_main .serivce_img { padding: 15px; }
.serivce_box:hover .serivce_img_main .serivce_img:before{opacity: 1;}
.serivce_box:hover .serivce_img_main .serivce_link:before, .serivce_box:hover .serivce_img_main .serivce_link:after { width: 100%; height: 100%; }
.serivce_box_main .col-6:nth-child(4n) .serivce_box:hover .serivce_title_main .serivce_title, .serivce_box_main .col-6:nth-child(4n+1) .serivce_box:hover .serivce_title_main .serivce_title { color: #f3742f; }
.serivce_box:hover .serivce_title_main .serivce_title { color: #f3742f; }
a:hover{color:#2462b7;text-decoration:none}
.scroll_top:hover{color:#FFF;background:#2462b7}

.button:hover{color:#fff}
/*.button:hover:before{transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-moz-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-ms-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-o-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-webkit-transform:scale3d(0.88, 0.6, 1) skewX(-17deg)}
.button:hover:after{transform:scale3d(1, 1, 1) skewX(-23deg);-moz-transform:scale3d(1, 1, 1)) skewX(-23deg);-ms-transform:scale3d(1, 1, 1)) skewX(-23deg);-o-transform:scale3d(1, 1, 1)) skewX(-23deg);-webkit-transform:scale3d(1, 1, 1)) skewX(-23deg)}*/




.input-box .input:focus{border-color:#003e7e}
.submit-box:hover .input,
.submit-box.focus .input{color:#fff}
.input-box.submit-box:focus:before,
.input-box.submit-box:hover:before{transform:scale3d(0.88,0.6,1);-moz-transform:scale3d(0.88,0.6,1);-ms-transform:scale3d(0.88,0.6,1);-o-transform:scale3d(0.88,0.6,1);-webkit-transform:scale3d(0.88,0.6,1)}
.input-box.submit-box:focus:after,
.input-box.submit-box:hover:after{transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1)}

.header-top {
    min-height: 135px;
}
.logo img{max-height:130px}
.logo,
.logo img,
.header-enquiry,
.header-contact{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
/*.site-main > header.sticky{box-shadow:0 0 3px rgba(0,0,0,0.5);-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);-ms-box-shadow:0 0 3px rgba(0,0,0,0.5);-o-box-shadow:0 0 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5)}*/
header.sticky .header-bottom{
    box-shadow: 0 0 25px 0 rgba(144,30,120,0.8);
    z-index: 9999;
	position:relative;
}

header.sticky .header-enquiry{/*padding:17px 254px 19px 0*/}
header.sticky .header-contact{/*padding:14px 0 12px 255px*/}
header.sticky .logo{padding:10px 0; max-height:50px; position:relative; display:none;}
header.sticky .logo img{display:none;}
header.sticky .header-top{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; display:none;}
.site-main > header.sticky{ position:fixed; box-shadow:0 0 3px rgba(255,255,255,0.2);-moz-box-shadow:0 0 3px rgba(255,255,255,0.2);-ms-box-shadow:0 0 3px rgba(255,255,255,0.2);-o-box-shadow:0 0 3px rgba(255,255,255,0.2);-webkit-box-shadow:0 0 3px rgba(255,255,255,0.2) }

header.sticky .follow-wrapper{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; display:none;}

.header-enquiry ul li a:hover{color:#e17e14}
.header-contact ul li a:hover{color:#0075bb}
.hl-banner .owl-nav > div span:hover{background:#fff;border-color:#fff;color:#0075bb}
.hl-we-do > a:hover:before{background:#0075bb}
.hl-we-do > a:hover .icon{color:#fff}
.hl-we-do > a:hover .bg-icon{opacity:0.1;color:#fff}
.hl-we-do > a:hover h3,.hl-we-do > a:hover .h3{color:#fff}
.hl-product figure:hover figcaption h3 span,.hl-product figure:hover figcaption .h3 span{left:0;transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0)}
.hl-product figure:hover figcaption h3:before,.hl-product figure:hover figcaption .h3:before{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1)}
.hl-product figure:hover figcaption h3:after,.hl-product figure:hover figcaption .h3:after{right:15px;opacity:1}

.hl-callback-submit-label:hover:before,
.hl-callback-submit:focus ~ .hl-callback-submit-label:before{transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-moz-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-ms-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-o-transform:scale3d(0.88, 0.6, 1) skewX(-17deg);-webkit-transform:scale3d(0.88, 0.6, 1) skewX(-17deg)}
.hl-callback-submit-label:hover:after,
.hl-callback-submit:focus ~ .hl-callback-submit-label:after{transform:scale3d(1, 1, 1) skewX(-23deg);-moz-transform:scale3d(1, 1, 1)) skewX(-23deg);-ms-transform:scale3d(1, 1, 1)) skewX(-23deg);-o-transform:scale3d(1, 1, 1)) skewX(-23deg);-webkit-transform:scale3d(1, 1, 1)) skewX(-23deg)}


.signature a:hover{color:#0ed8ff}
.quick-links ul li a:hover{padding-left:15px;color:#fff}
.quick-links ul li a:hover:before{width:10px}
.footer-social ul li a:hover{color:#fff}
.footer-social ul li a:hover:after{height:100%}
.footer-contact a:hover{color:#FFF}

.my_pagination li a:hover{background:#c7ea46;color:#003e7e;border-color:#000}
.breadcrumb > li a:hover{color:#01366d}
.sidebar ul li a:hover{color:#2462b7}
.sidebar ul li a:hover:before{opacity:1}
.contact-page .contact_us_icon a:hover{color:#01366d}
/*.breadcrumb > li a:hover:after{width:100%}*/
.contact_info a:hover{color:#10b269}
}
@media screen and (max-width:1199px)
{
.generators_main_info .generators_main_img:before { background: transparent !important; width: 0 !important; height: 0 !important; }
.generators_main_info { margin-bottom: 30px !important; }
.generators_main_info.green_box .generators_main_img .icon_hover .icon_box { background: #00923f; }
.generators_main_info.gray_box .generators_main_img .icon_hover .icon_box { background: #000; }
.generators_main_info.yellow_box .generators_main_img .icon_hover .icon_box { background: #901e78; }
.generators_main_info.blue_box .generators_main_img .icon_hover .icon_box { background: #28166f; }
.generators_main_info.green_box .generators_main_img .num_text { color: #00923f; }
.generators_main_info.gray_box .generators_main_img .num_text { color: #000; }
.generators_main_info.yellow_box .generators_main_img .num_text { color: #901e78; }
.generators_main_info.blue_box .generators_main_img .num_text { color: #28166f; }
.generators_main_info.green_box .generators_main_img .icon_hover .icon_box svg { fill: #fff; }
.generators_main_info.gray_box .generators_main_img .icon_hover .icon_box svg { fill: #fff; }
.generators_main_info.yellow_box .generators_main_img .icon_hover .icon_box svg { fill: #fff; }
.generators_main_info.blue_box .generators_main_img .icon_hover .icon_box svg { fill: #fff; }
.generators_main_info { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 30px !important; margin-bottom: 30px !important; }
.generators_main_block_info { width: 100% !important; float: none !important; padding: 0 0 !important; }
.generators_main_info .generators_main_img { order: 1 !important; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
.generators_main_info .generators_main_cont { text-align: left !important; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding: 10px 15px 10px 15px !important; }
.generators_main_info .generators_main_img .icon_hover .num_text { left: -25px !important; top: 50%; bottom: auto !important; right: auto !important; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 25px; }
.generators_main_info .generators_main_img .icon_hover .icon_box { width: 145px; height: 145px; margin: 0 auto 0 !important; }
.generators_main_block_center { max-width: 650px; margin: 0 auto; }
.generators_main_block_center .process_text { position: relative; top: 0; transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; left: 0; margin-bottom: 15px; }
.generators_main_block_info.order_view_box .generators_main_info.yellow_box { order: 2; }
.generators_main_block_info.order_view_box .generators_main_info.blue_box { order: 1; }
.generators_main_info .generators_main_cont .generators_main_title { font-size: 22px; margin-bottom: 10px; }
.col-xl-offset-1{margin:0}

.header-enquiry{padding:32px 175px 34px 0}
.header-contact{padding:29px 0 27px 175px}
.hl-we-do > a h3, .hl-we-do > a .h3{font-size:20px}
.hl-product figure > a img{width:100%}
.hl-product{width:50%}
.hl-product:nth-child(1){order:1}
.hl-product:nth-child(2){order:2}
.hl-product:nth-child(3){order:3}
.hl-product:nth-child(4){order:4}
.hl-product:nth-child(5){order:5}
.hl-product:nth-child(6){order:6}
.hl-product:nth-child(7){order:8}
.hl-product:nth-child(8){order:9}
.hl-product:nth-child(9){order:10}
.hl-product:nth-child(10){order:11}
.hl-product-cta{order:7 !important;width:100%;padding:50px 15px}
.hl-why-us h3, .hl-why-us .h3{font-size:22px}
.hl-welcome-container{width:50%}
.hl-welcome-container{padding:60px 15px 0 55px}
.hl-welcome-img img{max-height:800px}
.hl-cta-content .button{min-width:195px;font-size:16px}
.hl-cta-img img{max-width:100%}
.hl-achievement p{padding:0 15px;min-height:60px}
.quick-links.wide{margin-right:-10px}
}
@media screen and (max-width:1024px)
{

.site-main > header.sticky{box-shadow:0 0 3px rgba(0,0,0,0.2);-moz-box-shadow:0 0 3px rgba(0,255,0,0.2);-ms-box-shadow:0 0 3px rgba(255,255,0,0.2);-o-box-shadow:0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2)}
.hl-achievements{background-position:center center !important;background-attachment:inherit !important}
}
@media screen and (max-width:1023px)
{
.header-enquiry{padding:32px 155px 34px 0}
.header-contact{padding:29px 0 27px 155px}
.hl-welcome-container .title{font-size:40px;line-height:60px}
}
@media screen and (max-width:991px)
{
#page_title{padding:53px 0}
.page_title h1,.page_title .h1{font-size:50px}


.logo{position:static;transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;float:left}
.header-enquiry{padding:37px 0;float:none;display:inline-block;vertical-align:top;width:auto}
.header-contact{padding:37px 0;float:none;display:inline-block;vertical-align:top;width:auto}
.header-right{float:right}
.header-enquiry ul li .header-enquiry-title{display:none}
.header-enquiry ul{padding:0}
.header-enquiry ul:before{display:none}
.header-enquiry ul li a .title{display:none}
.header-enquiry ul li a .fas{display:block;font-size:15px;color:#fff;transform:rotate(105deg) translate(-50%,-50%);-moz-transform:rotate(105deg) translate(-50%,-50%);-ms-transform:rotate(105deg) translate(-50%,-50%);-o-transform:rotate(105deg) translate(-50%,-50%);-webkit-transform:rotate(105deg) translate(-50%,-50%);position:absolute;top:50%;left:50%;margin:-2px 0 0 -16px}

.header-contact ul li a .title{display:none}
.header-contact ul li{margin:0 !important}
.header-contact ul li a{padding:0;display:block;height:40px;width:42px;background:#0075bb}
.header-contact ul li a .fas{left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}
.header-enquiry ul li a{display:block;height:40px;width:40px;background:#0075bb;position:relative;text-align:left}
.header-enquiry ul li{display:inline-block;vertical-align:top;margin:0 12px 0 0}
.header-bottom{background:none}


.hl-banner-slider figcaption .button{line-height:50px;min-width:200px;font-size:15px;margin:0 11px}
.hl-banner-slider figcaption:before{bottom:25px;left:38px;right:38px}
.hl-banner-slider figcaption{width:600px;padding:36px 84px 0 84px}
.hl-banner-slider figcaption h1, .hl-banner-slider figcaption .h1{font-size:32px;line-height:54px}
.hl-banner-slider figcaption p{font-size:15px;line-height:26px}
.hl-banner .owl-nav > div span{height:70px;width:46px;font-size:30px}

.hl-what-we-do .title{font-size:36px}

.hl-we-do > a:before{}
.hl-what-we-do .col-12:nth-child(odd) .hl-we-do > a:before{transform:skewY(20deg);-moz-transform:skewY(20deg);-ms-transform:skewY(20deg);-o-transform:skewY(20deg);-webkit-transform:skewY(20deg)}
.hl-what-we-do .col-12:nth-child(odd) .hl-we-do > a .bg-icon{margin-top:41px}
.hl-what-we-do .col-12:nth-child(even) .hl-we-do > a:before{transform:skewY(-20deg);-moz-transform:skewY(-20deg);-ms-transform:skewY(-20deg);-o-transform:skewY(-20deg);-webkit-transform:skewY(-20deg)}
.hl-what-we-do .col-12:nth-child(even) .hl-we-do > a .bg-icon{margin-top:-50px}
.hl-what-we-do .col-12:nth-child(odd) .hl-we-do > a .bg-icon.fa-truck{transform:translate(50%,-50%) rotateY(180deg);-moz-transform:translate(50%,-50%) rotateY(180deg);-ms-transform:translate(50%,-50%) rotateY(180deg);-o-transform:translate(50%,-50%) rotateY(180deg);-webkit-transform:translate(50%,-50%) rotateY(180deg)}

.hl-we-do > a{margin:66px 0}
.hl-we-do > a h3, .hl-we-do > a .h3{min-height:72px}
.hl-we-do{margin:-40px 0 -62px 0}
.hl-what-we-do{padding:63px 0 122px 0}
.hl-why-choose-us .title{font-size:36px;margin:0 0 30px 0}
.hl-why-us{margin:0 0 30px 0}
.hl-why-choose-us{padding:53px 0 22px 0}
.hl-welcome-container{padding:60px 15px 0 15px}
.hl-welcome-container .title{font-size:36px;line-height:48px}
.hl-welcome-img img{max-height:700px}

.hl-cta-img{padding:0 0 50px 0}
.hl-cta .title{font-size:36px;line-height:54px}
.hl-cta-content{padding:50px 0 40px 0}
.hl-achievement p{padding:0 10px;min-height:40px;font-size:14px}
.hl-achievement-counter{font-size:36px;line-height:50px}
.hl-achievement .icon{font-size:50px}
.hl-testimonials .item:before{left:0;top:5px}
.hl-testimonials .item:after{right:0;bottom:56px}
.hl-testimonials .item{padding:0 50px}
.hl-testimonials .title{font-size:36px}
.hl-callback-input{height:50px}
.hl-callback-submit{height:50px;font-size:16px;line-height:50px}
.hl-callback .title{margin:0 0 35px 0;font-size:36px}
.footer-social ul li{margin:0 15px 0 0}
.footer-top .col-12.col-md-12{margin-top:40px}
}
@media screen and (min-width:768px)
{
.mobile-accordion-toggle{display:block !important}
}
.mobile-accordion .title > span { display:none; }
@media screen and (max-width:768px)
{
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close {
    visibility: visible;
    opacity: 1;
    left: calc(min(100vw - 40px, 263px)) !important;
    right: auto;
}
}
@media screen and (max-width:767px)
{
.generators_main_info .generators_main_cont .generators_main_title { font-size: 20px; }
.generators_main_block_center { max-width: 450px; }
.generators_main_info .generators_main_img .icon_hover .icon_box svg { width: 45px !important; height: 60px !important; }
.generators_main_info .generators_main_img .icon_hover .num_text { left: -35px !important; }
.generators_main_info .generators_main_img .icon_hover .icon_box { width: 110px; height: 110px; margin: 15px auto 0 !important }
.generators_main_info { padding-left: 40px !important; margin-bottom: 15px !important; }
.generators_main_block_center .process_text { font-size: 30px; }
.serivce_box .serivce_img_main .serivce_img {
    padding: 10px 0 0 10px;
}
.breadcrumb{display:none}

.scroll_top .top-text{display:none}
.scroll_top{line-height:42px;height:40px;width:40px;bottom:55px}
.scroll_top .fa-angle-up{margin-top:7px;font-size:24px}
.scroll_top.visible{right:15px}
.sidebar .title .icon{display:block}


/*.button{line-height:60px;font-size:16px;min-width:200px}
.button:before{top:8px;left:8px;bottom:8px;right:8px}*/

h1,.h1{font-size:30px}
h2,.h2{font-size:24px}
h3,.h3{font-size:20px}
h4,.h4{font-size:18px}
h5,.h5{font-size:16px}
h6,.h6{font-size:14px}
img.alignleft{float: none;margin: 0 auto 20px auto;display: block}
img.alignright{float: none;margin: 0 auto 20px auto;display: block}
.sidebar{margin-top:30px}
.contact-page .contact_us_icon span.fa,
.contact-page .contact_us_icon.abn span{height:50px;width:50px;margin:0 10px 0 0;font-size:22px}
.contact-page .contact_us_icon.abn span{font-size:14px}
.contact-page .map{margin-top:30px}
.contact-page .map iframe{height:290px}
#page_title{padding:53px 0}
.inner-page-content{padding:0}
.inner-page{padding:40px 0}
.sidebar .title{font-size:20px;padding:5px 20px}


.page_title h1, .page_title .h1{font-size:37px}


.mobile-accordion{margin-bottom:20px}
.mobile-accordion .title{margin:0;padding:11px 35px 11px 15px;background:#0075bb;color:#fff;text-align:center;position:relative;margin:0 !important;text-align:left;font-size:16px}
.mobile-accordion .title > span {
    /* position: absolute; */
    /* right: 10px; */
    font-weight: 300;
    font-size: 18px;
    /* width: 100%; */
    /* height: 100%; */
    /* left: 0; */
    /* top: 0; */
    float: right;
}
.
.mobile-accordion > ul,.mobile-accordion-toggle{border:1px solid #0075bb;padding:15px;display:none;margin:0}
.mobile-accordion.mobile-toggle{margin-top:0} .h2{font-size:24px}
.mobile-accordion .title > span { display:block; }
.mobile-accordion {
            margin-bottom: 25px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        }
        
        .mobile-accordion .title {
            margin: 0;
            padding: 16px 20px;
            background: #0075bb;
            color: #fff;
            position: relative;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            /*display: flex;
            justify-content: space-between;
            align-items: center;*/
            transition: background-color 0.3s;
        }
        
        .mobile-accordion .title:hover {
            background: #0062a3;
        }
        
        .mobile-accordion .title span:first-child {
            flex-grow: 1;
        }
        
        .toggle-icon {
            font-size: 16px;
            transition: transform 0.3s ease;
        }
        
        .mobile-accordion.active .toggle-icon {
            transform: rotate(180deg);
        }
        
        .mobile-accordion-toggle {
          
            display: none;
            animation: fadeIn 0.4s ease;
        }
        
        .mobile-accordion.active .mobile-accordion-toggle {
            display: block;
        }





.contact-page form{margin-top:30px}

.button{line-height:50px;font-size:16px;min-width:200px;margin:0 11px}

.logo{padding:10px 0}
.header-enquiry{padding:27px 0}
.header-contact{padding:27px 0}

.hl-what-we-do .title:before{display:none}
.hl-we-do > a{margin:30px 0 0 0;padding:38px 15px 40px 15px}
.hl-what-we-do .col-12 .hl-we-do > a:before{transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;-webkit-transform:none !important}
.hl-we-do{margin:0}
.hl-what-we-do .col-12 .hl-we-do > a .bg-icon{margin-top:0 !important;font-size:130px}
.hl-what-we-do{padding:35px 0 40px 0}
.hl-what-we-do .title{margin:0;font-size:30px}
.hl-we-do > a h3, .hl-we-do > a .h3{min-height:48px;line-height:24px;font-size:16px}
.hl-product-cta h2, .hl-product-cta .h2{font-size:30px;margin:0 0 25px 0}
.hl-product-cta{padding:35px 15px}
.hl-product figcaption h3, .hl-product figcaption .h3{padding:10px 15px;font-size:16px;line-height:30px}
.hl-why-us .icon-box .icon-bg{height:100px;width:100px}
.hl-why-us .icon-box{padding:22px;margin:0 0 25px 0}
.hl-why-us h3, .hl-why-us .h3{font-size:18px;line-height:28px}
.hl-why-choose-us{padding:35px 0 0 0}
.hl-why-choose-us .title{font-size:30px}
.hl-welcome-img{width:100%}
.hl-welcome-container{width:100%;padding:40px 15px}
.hl-welcome-img img{max-height:initial;max-width:100%}

.hl-welcome-container .title{font-size:30px;line-height:40px}
.hl-cta-img{padding:0 0 35px 0}
.hl-cta-content{padding:35px 0}
.hl-cta .title{font-size:30px;line-height:44px;margin:0 0 25px 0}
.hl-cta-content p{margin:0 0 30px 0}
.hl-achievement:before, .hl-achievement:after{display:none}
.hl-achievement{box-shadow:0 0 3px rgba(255,255,255,0.5);-moz-box-shadow:0 0 3px rgba(255,255,255,0.5);-ms-box-shadow:0 0 3px rgba(255,255,255,0.5);-o-box-shadow:0 0 3px rgba(255,255,255,0.5);-webkit-box-shadow:0 0 3px rgba(255,255,255,0.5);padding:35px 0;height:100%}
.hl-achievements .col-cust-12{margin:15px 0}
.hl-achievements{padding:25px 0}
.hl-achievement p{min-height:initial}
.hl-achievement-counter{font-size:30px;line-height:40px}
.hl-achievement .icon{margin:0 0 25px 0}
.hl-testimonials{padding:35px 0}
.hl-testimonials .title{font-size:30px}
.hl-testimonials .item p{font-size:16px;line-height:30px}
.hl-testimonials-client{font-size:20px}
.hl-testimonials-client{padding:0}
.hl-testimonials .dots-img img{display:none}
.hl-testimonials .owl-dot{padding:0;margin:0 7px}
.hl-testimonials .dots-img{background:#0075bb;height:10px;width:10px}
.hl-testimonials .owl-dots{margin:30px 0 0 0}
.hl-testimonials .item:before,
.hl-testimonials .item:after{transform:scale(0.65);-moz-transform:scale(0.65);-ms-transform:scale(0.65);-o-transform:scale(0.65);-webkit-transform:scale(0.65)}
.hl-testimonials .item{padding:0 35px}
.hl-callback-input-box{margin:0 0 30px 0}
.hl-callback .title{font-size:28px;margin:0 0 25px 0}
.hl-callback{padding:40px 0}
.footer-top{padding:40px 0 0 0}
.footer-top .col-12.col-md-12{margin:0}
.mobile-accordion .title:before{display:none}
.signature{margin-top:15px}
.mobile-accordion:after{display:none}
.footer-social{margin:0}
.footer-contact{margin:0}
.quick-links{margin:0}
.footer-social ul li a{height:50px;width:50px;line-height:50px;font-size:20px}
}
@media screen and (max-width:639px)
{
}
@media screen and (min-width:568px) and (max-width:991px)
{
.input-box.captcha-box{float:left;margin-top:0}
.input-box.submit-box{float:right;width:auto;min-width:200px}
/*label.require{width:calc(100% - 310px);float:right;text-align:right}*/

.hl-booking-form .captcha-box{float:none}
.hl-booking-form label.require{text-align:left}
.captcha-container{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}
.submit-container{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}
.hl-booking-form .input-box.submit-box{min-width:200px}

.armodal label.require{float:none;text-align:left;width:auto}
.armodal .input-box.submit-box{min-width:190px}

}
@media screen and (max-width:567px)
{
.logo{width:100%;text-align:center;border-bottom:1px solid rgba(0,117,187,0.2)}
.header-enquiry{padding-top:10px; padding-bottom:10px;}
.header-contact {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 17px;
}
/*.header-right{width:100%}*/
.logo img {
    max-height: 60px;
    width: auto;
}
.hl-banner .owl-nav > div span{height:50px;width:36px;font-size:20px}
.hl-product figcaption{left:15px;right:15px}
.hl-product figcaption h3,.hl-product figcaption .h3{}
.hl-product-cta .button{display:block;margin:20px auto 0 auto;max-width:230px}
.hl-product-cta p{margin:0}
.hl-cta-content .button{max-width:200px;display:block;margin:20px auto 0 auto !important}
.hl-cta-content p{margin:0 0 20px 0}
.fnone { display:none; }
.follow-wrapper {
    padding: 0px 0px;
}
.footer-social ul li {
    margin: 0 0px 0 0;
}
.header-right{float:none;}
.arealgs {
    display: block;
}
.header-contact ul {
 
    display: inline-flex;
}
/*#mega-menu-wrap-primary .mega-menu-toggle {
    line-height: 0px !important;
    height: 0px !important;
}
.mega-toggle-blocks-left {
    display: none !important;
}
.mega-toggle-blocks-center {
    display: none !important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
    top: -30px;
    position: relative;
   
}*/
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
    top: -10px;
    position: relative;
   
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
   
    padding-top: 25px;
}
.header-contact ul li.header-location .fas{ display:none;}
.fa-phone {
    transform: translate(-50%, -50%) rotate(90deg) !important;
}
.header-contact ul li a {
    height: 45px;
    width: 48px;
}
.header-contact ul li .fas {
    font-size: 16px;
    width: 30px;
    height: 30px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
    background-color: #2462b7 !important;
    padding: 12px 8px !important;
    border-radius: 10px;
    /* float: right; */
}
.hl-banner-slider figure img { min-height:168px; }
.hl-banner-slider figcaption {
    width: 600px;
    padding: 0px 0px 10px 0px;
}
.hl-banner-slider figcaption .button {
    line-height: 10px;
    min-width: 110px;
    font-size: 15px;
    margin: 0 0px;
    height: 35px;
}
.hl-banner-slider figcaption h1, .hl-banner-slider figcaption .h1 {
    font-size: 18px;
    line-height: 25px;
    padding-top: 10px;
}
.hl-banner-slider figcaption p {
    font-size: 15px;
    line-height: 20px;
	margin-bottom:10px
}
.why-choose-us .title {
    font-size: 35px;
    margin: 0 0 45px 0;
}
.feature-title {
    font-size: 23px;
    margin: 3px 0 14px 0;
}
.hl-why-choose-us .title {
    font-size: 35px;
}
.why-choose-us {
    padding: 13px 0px;
}
.lcb { margin-bottom:18px; }
.hl-why-us {
    justify-content: center;
    align-items: center;
}
.hl-achievement {

    padding: 15px 0;
    height: 100%;
}
.hl-achievement-counter {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 15px;
}
.hl-achievement p {
    font-size: 17px;
}
.hl-achievements .col-cust-12 {
    margin: 6px 0;
}
.hl-cta-content .button {
    max-width: initial;
    display: inline;
    margin: 0px 12px auto !important;
    text-align: center;
    line-height: 39px;
    font-size: 18px;
}
.hl-cta-content ul {
    padding-left: 18px;
    margin-bottom: 28px;
}
.scroll_top {
    bottom: 31px !important;
}
.scroll_top.visible {
    right: 11px !important;
}
.footer-form .hl-callback-input-box {
    margin-right: 0px;
    margin-bottom: 20px;
}
.footer-form .hl-callback-submit-box {
    padding: 0px 0px 0px 0px;
    margin-right: -00px;
    margin-left: 0px;
}
.footer-contact, .quick-links {
    padding-top: 15px;
}
.inner-page-content {
    padding: 30px 0px;
}
.md-text {
    margin-top: 19px;
    border-bottom: 1px solid #000;
}
.mycta span.h3 {
    color: #2462b7;
    font-size: 23px;
    line-height: 34px;
}
.about-8-content-wrap {
    margin-top: 25px;
}
.qc-row {
    gap: 15px;
}
.qc-body h6 {
    font-size: 18px;
}
.qc-body p {
    margin: 0 !important;
    color: #000;
    font-size: 15px;
    text-align: left !important;
}
.qc-num {
    width: 62px;
    height: 33px;
    font-size: 18px;
}
.qakp .num-badge {
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.ftconta .col-sm-6  { margin-bottom:25px; }
.arrr .col-lg-6  { margin-bottom:25px; }
.ftconta .hl-why-us h3 {
    font-size: 29px !important;
    line-height: 28px;
}
.mkiq { margin-top:25px; }
.mkiq h2 {
    font-size: 40px !important;
    margin-bottom: 0px !important;
}
.contact-form {
    padding: 0px 0 50px 0;
}
.sidebar {
    margin-top: 0px;
}
}
@media screen and (max-width:479px)
{
.serivce_box_main .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.page_title h1, .page_title .h1{font-size:32px}
#page_title{padding:41px 0}
.scroll_top{bottom:70px}
.hl-product{width:100%;padding:0 15px 15px 15px}
.hl-why-choose-us{padding:25px 0 0 0}
.hl-achievements .col-cust-12{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%}
.mobile-accordion .quick-links.wide ul{column-count:1;-moz-column-count:1;-ms-column-count:1;-o-column-count:1;-webkit-column-count:1}
.footer-social ul li a{height:38px;width:38px;line-height:38px;font-size:18px}
.generators_main_block_info { width: 50% !important; float: left !important; }
.generators_main_info .generators_main_img { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.generators_main_info .generators_main_cont { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 10px 0 !important; }
.generators_main_info { padding: 0 15px !important; }
.generators_main_info .generators_main_img .icon_hover .icon_box { margin: 40px 0 0 0 !important; width: 90px; height: 90px; }
.generators_main_info .generators_main_img .icon_hover .num_text { top: -40px; left: 30px !important; transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; margin: 0 auto !important; font-size: 20px; }
.generators_main_info .generators_main_img .icon_hover .icon_box svg { width: 35px !important; height: 50px !important; }
.generators_main_info .generators_main_cont .generators_main_title { font-size: 16px; }
.generators_main_info .generators_main_cont p { line-height: 20px !important; }
}
@media screen and (max-width:374px)
{
}
@media screen and (max-width:359px)
{
.g-recaptcha{overflow:hidden}
.captcha-box iframe{transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;-webkit-transform-origin:left}
}