body{font-family: 'Open Sans', sans-serif;}
body p{line-height: 26px;font-size: 16px}
.s-btn{padding: 9px 12px;background: #366797;color: #fff;text-decoration: none;border-radius: 5px;border: 2px solid #fff;transition: all .5s}
.s-btn:hover{color: #fff;border-color: #366797}
header nav li a.nav-link{font-weight: 600;font-size: 20px;color: #000000;}
header{padding:0px 30px;}
.sticky-cta{position: fixed;bottom: 0px;gap:3px;justify-content: space-around;width: 100%;background: #fff;z-index: 9999;}
.sticky-cta a{width: 100%;text-align: center;color: #FFFFFF;font-size: 18px;background-color: #e09900;padding: 6px 12px;}
body a{text-decoration: none;color: #000}
body a:hover{color: #000}
.title{background:#5e83b1;border: 2px solid #E02B20;}
.title .container{background: #366797;min-height: 90px;display: flex;align-items: center;}
.title span{color: #E09900}
.title h2{font-weight: 600;font-size: 40px;color: #FFFFFF;text-align: center;width: 100%}
.sec-content{padding:60px 0px;}
h3{font-weight: 600;font-size: 25px;color: #000000;text-align: left;padding-bottom: 10px;}
h3 span{color: #E02B20}
.bg-gray{background: #f4f4f4}
form .form-control{margin-bottom: 15px}
.eform{background-color: #e0e0e0;padding:20px;box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);}
.eform input:focus{box-shadow: none;}
.bg-img{background: url(img/bg.webp);background-position: center;background-size: cover;  box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 58%)}
.p-card{background-color: #f4f4f4;border-radius: 15px;box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);padding: 15px;margin: 0px 15px;height: 100%}
.p-card img{max-width: 80%;margin: 0 auto;display: block;}
.p-card h4{text-align: center;color: #366797;font-weight: 600;font-size: 22px;}
.p-card p{text-align: center;}
.white-card, .white-card h3{color: #fff}
.tools .p-card p, .tools .p-card h4 {text-align: left;}
.t-card{box-shadow: inset 0px 0px 18px 0px rgb(0 0 0 / 30%);padding: 20px;height:310px;}
.t-card p{font-size: 14px}
.t-card img{max-width: 100px;box-shadow: inset 0px 0px 4px 2px #d9d9d97d;}
.banner{margin-top: 92px;position: relative;}
.t-card span{color: #e02b20}
header{position: fixed;width: 100%;top: 0px;z-index: 999;box-shadow: 0px 0px 4px #0003;}
footer{background:#366797;color: #fff}
footer hr{max-width: 80px;border-top: 3px solid #e09900;opacity: 1;margin-top: -8px;}
footer h3{color: #fff}
footer p{display: flex;align-items: flex-start;gap: 5px;}
footer p i{color: #e09900; margin-top: 5px}
footer a{color: #fff;}
footer a:hover{color: #fff;}
.carousel-control-prev-icon:after, .carousel-control-next-icon:after{display: none;}
.carousel-control-prev-icon, .carousel-control-next-icon{background-color:#000;}
.navbar-brand img{max-width: 200px;}
.desk-stick{text-align: center;border: #fff;position: fixed;bottom: 0px;width: 100%;background: #eaeaea;display: flex;align-items: center;justify-content: center;padding: 10px;box-shadow: 1px 1px 9px #000;}
.desk-stick .s-btn{background-color: #e09900;}
.tq{background: url(img/tq-bg.webp);background-position: center;background-size: cover;  box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 58%);min-height: 400px;display: flex;align-items: center;}
.tq h1{color: #fff;text-align: center;}
@media (min-width: 1900px){
.container{max-width: 1600px}
}

@media (max-width: 787px){
    a.wb-qt-pc {
    display: none!important;
}
.title h2{font-size: 24px;line-height: 34px}
h3{font-size: 22px;line-height: 32px}
.clients .multi-carousel-item{text-align: center;}
.p-card{margin: 0px}
.row{gap: 20px;}
.call-now-cta {
    display: none;
}
.frm-dv {
    position: relative!important;
    top:0!important;
    right: 0!important;
    margin-block: 40px;
    border-radius: 20px;
    overflow: hidden;
    width: 90%!important;
    margin-inline: auto!important;
}
header{padding:0;}
button.navbar-toggler {
    display: none;
}
.navbar-brand img {
    max-width: 60%;
}
.d-md-flex {
    display: none;
}
.box {
    width:80%!important;
}
.popup-content{max-width: 100%!important;}
nav.navbar.navbar-expand-lg.navbar-light {
    padding-block: 25px;
}
footer#contact {
    padding-bottom: 60px!important;
}
.container-fluid.cta {
    display: none;
}
.mb-cl-btn {
    display: flex!important;
    width: 100%;
    justify-content: end;
    margin-top: -50px;
    margin-right: 10px;
}
.mb-cl-btn a {
    background: #366797;
    display: inline-block;
    position: relative;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
}
.mb-cl-btn img {
    top: -2px;
    position: relative;
}
}
.mb-cl-btn{
    display:none;
}
h5#exampleModalLabel {
    width: 95%;
    text-align: center;
}
.frm-dv {
    position: absolute;
    right: 40px;
    top: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.carousel-control-prev {
    left: 10px;
    justify-content: start;
}
.carousel-control-next {
    right: 10px;
    justify-content: end;
}
.slick-slide {
    height:auto!important
}
.slick-slide img {
    width: 80%;
}
.cta {
	background: #e8e8e8;
	padding: 10px 0px;
}

.cta h3 {
	margin-bottom: 0px;
}

.cta h3 {
	margin-bottom: 0px;
	line-height: inherit;
	font-weight: 500;
	    color: #000;
}

.cta-btn {
	width: 300px !important;
	border: none;
	margin: 0 auto;
	padding: 10px;
	background: #366797;
	font-weight: bold;
	animation: bganim 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
	border: 1px solid #6c6c6c;
	text-transform: uppercase;
	box-shadow: 3px 4px 0px #000;
}

@keyframes bganim {
	from {
		background-color: #e8e8e8;
		color:#000;
	}

	to {
		background-color: #366797;
		color:#fff;
	}
}
footer#contact {
    padding-bottom: 0;
}