﻿@media (max-width: 767px) {
    .h2, h2 {font-size: 1.55rem;}
}

.form-label.label-focus {z-index: 1 !important;background-color: #191919 !important}
.campaign img {max-width: 100%;width: auto !important;height: auto !important}
.header .logo .img2 {width: auto;height: auto;transition: all 0.3s ease;}
.about-campaign h2 {font-weight:300; color:#000; margin-bottom:1rem !important}
.form-label { z-index: 0 !important}
.form-control {color: #777;} 
.website-form .form-group input, .website-form .form-group textarea {border: 1px solid #777 !important}
.website-form .form-group select {border: 1px solid #777 !important;}

.input-group-contact{display:flex !important; align-items:center}
.input-group-contact .form-control {flex: 0 !important;width: 65px !important;}
.input-group-contact .form-control:last-of-type {width: 150px !important;margin-left: 5px;}

@media (max-width: 1499.99px){
.input-group-contact .form-control:last-of-type {width: 140px !important;}
}

@media (max-width: 1366.99px){
.input-group-contact .form-control {flex: 0 !important;width: 53px !important;}
.input-group-contact .form-control:first-child {padding-left: 5px !important;}
.input-group-contact .form-control:last-of-type {width: 110px !important;}
}
@media  (min-width: 992px) and (max-width: 1199.98px) {
.input-group-contact .form-control {flex: 0 !important;width: 100px !important;} 
.input-group-contact .form-control:last-of-type {width: 225px !important;}
}
@media (max-width: 991.98px) {
.input-group-contact .form-control {flex: 0 !important;width: 59px !important;} 
.input-group-contact .form-control:last-of-type {width: 170px !important;}
}

.campaign-wrapper {margin: 0 auto !important;}
.campaign-footer {min-height: 100px !important}
.campaign-push {min-height: 100px !important}
.campaign-ftr {display: block;padding: 0px;margin: 0px;}
.campaign-ftr li {display: inline-block;padding: 0px 8px;margin: 0px;_color: #fff;_font-size: 1.2rem}
.campaign-ftr li:first-child {padding-left: 0px}
.navbar-nav {flex-direction: unset !important}
ul.navbar-nav li a {color: #646464 !important}
.menulist {display: block;}
.menulist li {display: inline-block;padding: 0px 10px;font-size: 1.2rem;color: #fff}
.menulist li a {color: #fff;display: inline-block;padding: 0px 0px}
/*@media(max-width:1399px){
.menulist li a{font-size:16px !important}
}*/
ul.social_media li {
    display: inline-block !important
}
ul.social_media .fa {border: 0px solid #ccc;padding: 0px;margin: 0px;font-weight: 500;color: #454545;width: 45px !important;height: 45px !important;line-height: 47px !important;vertical-align: middle;text-align: center;border-radius: 100%;background: #dfdfdf;font-size: 20px }
@media (min-width: 992px) {
.header_right {background: #191919 !important;_padding-left: 51px !important;padding-right: 0px;max-width: 480px;width: 100%; text-align: right;padding-top: 1px;padding-bottom: 1px;}
}
@media (min-width: 1200px) {
.header_right {background: #191919 !important;_padding-left: 46px !important;padding-top:22px; padding-bottom:22px;padding-right: 0px;max-width: 475px;width: 100%;text-align: right;}
}
@media (min-width: 1400px) {
.header_right {background: #191919 !important;_padding-left: 139px !important;padding-top:24px; padding-bottom:24px;padding-right: 15px; max-width:583px;width: 100%;text-align:right}
}
.bg-white {box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);}
.bg-form {background: #191919;position: relative}
@media (min-width: 992px) {
.header_right:after, .bg-form:after {content: '';background: #191919;width: 100%;top: 0;right: -100%;height: 100%;position: absolute;}
}
@media (min-width: 768px) {
.bg-form:after {content: '';background: #191919;width: 100%;top: 0;right: -100%;height: 100%;position: absolute;}
}
@media(max-width:767px) {
body {padding-top: 51px !important}
.header .logo {width: 300px !important;padding-right: 15px;}
.menulist li {display: inline-block;padding: 0px 3px}
}

@media(max-width:448px) {
.header .logo {width: 255px !important;padding-right: 15px;}
}
@media(max-width:390px) {
.header .logo {width: 240px !important;padding-right: 15px;}
}

@media(max-width:374.98px) {
.header .logo {width: 200px !important;padding-right: 5px;}
}
ul.social_media li {display: inline-block;list-style-type: none;list-style-image: none;padding: 0px 8px;margin: 0;line-height: 50px;vertical-align: middle;}
@media(max-width:992px) {
.campaign-wrapper {margin: 0 auto -180px !important;}
.campaign-footer {min-height: 250px !important}
.campaign-push {min-height: 250px !important}
.campaign-ftr li {display: inline-block;padding: 0px 5px;margin: 0px;}
ul.social_media .fa {border: 0px solid #ccc;padding: 0px;margin: 0px;font-weight: 500;color: #454545;width: 35px !important;height: 35px !important;line-height: 35px !important;vertical-align: middle;text-align: center;border-radius: 100%;background: #dfdfdf;font-size: initial}
.header_right {background: #fff;}
.menulist li a {color: #fff;display: inline-block;padding: 5px 8px}
}

@media(max-width:375px) {
.menulist li a { padding: 3px 6px; }
}

/*whatsapp*/
.whatsapp-top a{color:#fff;background: #119919; font-size:1.2rem !important; display:inline-block;margin-top:12px; padding:10px 15px; border-radius:50rem; margin-right:10px; }
.whatsapp-top a i{font-size:27px; padding-left:4px;}
.whatsapp-top a:hover{color:#fff;background: #0a6b0f; text-decoration:none;}
.whatsapp-top a:focus,.whatsapp-top a:visited{color:#fff !important;}

.whatsapp-top1 a{color:#fff;background: #119919; font-size:.85rem !important; display:inline-block;padding:5px 15px !important; border-radius:50rem;}
.whatsapp-top1 a i{font-size:20px; padding-left:4px;}
.whatsapp-top1 a:hover{color:#fff;background: #0a6b0f; text-decoration:none;}
.whatsapp-top1 a:focus,.whatsapp-top a:visited{color:#fff !important;}
.whatsapp-bottom .fa-whatsapp{font-size:30px !important; font-weight:bold; color:#fff !important; background:#119919 !important; border:1px solid #119919}
.whatsapp-bottom .fa-whatsapp:hover{color: #fff !important;background: #0a6b0f !important;}
.whatsapp-bottom  .fa{font-size:25px !important;}
.whatsapp-mob a{color:#fff;background: #119919;}
.whatsapp-mob a:hover{color:#fff;background: #0a6b0f; text-decoration:none;}
/*.header .logo .img1{width:105px !important; height:auto !important}
.header .logo .img2{width:90px !important; height:auto !important}
.header .logo .img3{width:106px !important; height:auto !important}*/
@media(max-width:1199px) {
.logo-border{margin:0px 10px}
.whatsapp-top a i{font-size:16px;}
.header .logo .img1{width:80px !important; height:auto !important}
.header .logo .img2{width:80px !important; height:auto !important}
.header .logo .img3{width:160px !important; height:auto !important}
.whatsapp-top a{font-size:1rem !important}
}
@media(max-width:991px) {
.whatsapp-top{display:none !important}
.whatsapp-mob a{border-radius:3px;}
.menulist li{padding:0px 5px !important}
body{padding-top:72px !important}
}
@media(max-width:767px){
.whatsapp-bottom .fa-whatsapp{font-size:20px !important; }
body{padding-top:56px !important}
.logo-border{margin:0px 5px}
}
@media(max-width:400px) {
.header .logo .img1{width:70px !important; height:auto !important}
.header .logo .img2{width:60px !important; height:auto !important}
.header .logo .img3{width:140px !important; height:auto !important}
.menulist{padding-left:10px;}
}
@media(max-width:374px) {
.header .logo .img1{width:50px !important; height:auto !important}
.header .logo .img3{width:120px !important; height:auto !important}
._menulist li{padding:0px 0px !important}
.menulist li a{padding:3px 5px !important}
body{padding-top:53px !important}
}

.statistics{width:100%;margin:0;padding:0; border-top:0px solid #ccc; _flex-wrap:wrap; text-align:center}
.statistics .col:nth-child(1) {padding-left:0px; padding-bottom:15px;padding-top:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(2) {padding-left:0px; padding-bottom:15px;padding-top:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(3) {padding-left:0px; padding-top:15px;padding-bottom:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(4) {padding-left:15px; padding-top:15px;padding-bottom:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(5) {padding-left:15px; padding-top:15px;padding-bottom:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(6) {padding-left:15px; padding-top:15px;padding-bottom:15px;}
.statistics .col span{font-size:2.5rem;font-weight:900;text-align:left; line-height:1;}
.statistics .col p{font-size:1.1rem;margin-bottom:0px!important;font-weight:500; color:#000}

@media (max-width:1440px) {
.statistics .col span{font-size:3rem;font-weight:900;text-align:left; line-height:normal; color:var(--bs-primary)}
.statistics .col p{font-size:1.1rem;margin-bottom:0px !important;font-weight:700;}
}
@media (max-width:1200px) {
.statistics .col{margin:0px; position:relative;}
.statistics .col span{font-size:38px;font-weight:700;text-align:left;}
.statistics .col p{font-size:15px;margin-bottom:0px !important;}
}
@media (max-width:1000px) {
.statistics .col{margin:0px; position:relative;}
.statistics .col span{font-size:38px;text-align:left;}
.statistics .col p{font-size:14px;margin-bottom:0px !important;}
}
@media (max-width:1199px) {
.statistics .col{margin:0px; position:relative;}
.statistics .col:nth-child(1) {border-width:0px 0px 1px 0px; padding-left:15px; padding-bottom:15px;padding-top:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(2) {border-width:0px 0px 1px 0px; padding-left:15px; padding-bottom:15px;padding-top:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(3) {border-width:0px 0px 1px 0px; padding-left:15px; padding-top:15px;padding-bottom:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(4) {border-width:0px 0px 0px 0px; padding-left:15px; padding-top:15px;padding-bottom:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(5) {border-width:0px 0px 0px 0px; padding-left:15px; padding-top:15px;padding-bottom:15px; border-right:1px solid rgba(0,0,0,.2);}
.statistics .col h3{font-size:15px !important;margin-bottom:0px !important;}
}
@media (max-width:767px){
.statistics .col{/*width:calc(47% - 2px);*/margin:0px; position:relative}
.statistics .col span{font-size:30px;font-weight: 700;}
.statistics .col p{font-size:14px;}

.statistics .col:nth-child(1) {border-width:0px 0px 1px 0px; padding-left:15px; padding-bottom:15px;padding-top:15px; border-bottom:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(2) {border-width:0px 0px 1px 0px; padding-left:15px; padding-bottom:15px;padding-top:15px; border-bottom:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(3) {border-width:0px 0px 1px 0px; padding-left:15px; padding-top:15px;padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(4) {border-width:0px 0px 1px 0px; padding-left:15px; padding-top:15px;padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,.2);}
.statistics .col:nth-child(5) {border-width:0px 0px 0px 0px; padding-left:15px; padding-top:15px;padding-bottom:15px; border-bottom:0px solid rgba(0,0,0,.2);}
}
@media (max-width:420px) {
.statistics .col{margin:0px; position:relative;}
}

.enquiry {position: relative;width: 100%;z-index: 91;backdrop-filter: blur(10px);background:rgba(0,0,0,0);color: #fff}

@media (min-width:1280px) {
.enquiry {position: absolute;top: auto;right: 25px;bottom: 30px;width: 600px;z-index: 91;backdrop-filter: blur(10px);background:rgba(0,0,0,.15);color: #fff}
.enquiry > .form-control {color: #fff !important}
.bg-enquiry {backdrop-filter: blur(10px); background:rgba(255,255,255,.25);}
}

.bg-enquiry {backdrop-filter: blur(10px); background:rgba(0,0,0,.5);}
.bg-enquiry .form-control {color:#fff;}
.bg-enquiry .form-control option {color:#000;}
.bg-enquiry textarea {border:1px solid #fff !important}
.enquiry .form-group input, .enquiry .form-group textarea, .enquiry .form-group select {border: 1px solid #fff !important;}
.enquiry ::placeholder {font-weight: bold;opacity: 0.5;color:#f5f5f5;}
.enquiry .form-label, .enquiry .text-dark {color:#f5f5f5 !important}

.grad1 {background-image: linear-gradient(to right top, #f4fbff, #f0f9ff, #ebf8ff, #e7f6ff, #e3f4ff, #e4f3ff, #e6f2ff, #e7f1fe, #ecf1fc, #f0f1fa, #f3f1f7, #f4f2f5);}
.grad2 {background-image: linear-gradient(to right top, #e1f4ff, #dcf2ff, #d7f0fe, #d2edfe, #cdebfe, #cfecfe, #d1ecfe, #d3edfe, #dcf1fe, #e6f5fe, #eff9fe, #f9fdff);}
@media (min-width:1280px) {
.bg-grad1 {background:url('images/bg-grad1.png'); background-size:cover;}
.bg-grad2 {background:url('images/bg-grad2.png'); background-size:cover;}
}

.industries-icons svg{fill:#164194;}
.industries-icons *{line-height:1.5!important;}

/*==Scroll Up==*/
.fixed-call-btn{position:fixed;bottom:0px;right:60px;z-index:9999;}
.fixed-call-btn{-webkit-animation:fadeInUp 1000ms ease;-moz-animation:fadeInUp 1000ms ease;-ms-animation:fadeInUp 1000ms ease;}
a.fixed-call-btn{bottom:25px; background:#164194; color:#FFF; border-width:2px;}
a.fixed-call-btn:hover{background:#017dc3; border-color:#017dc3;}
@media (max-width:767px) {
a.scrollup{bottom:70px;}
a.fixed-call-btn{bottom:10px; right:5px;}
.btn-outline-primary.h5,
a.fixed-call-btn{font-size:14px; font-weight:bold;}
}
