body,html{width:100%;line-height:17px;margin:0!important;padding:0!important;font-family:'Open Sans', sans-serif !important;font-display:auto;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;text-shadow:1px 1px 1px rgba(0,0,0,0.004);font-size:14px;color:#212121;background:#fff;position:relative;z-index:0}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat', sans-serif;color: #333; font-weight: 500; font-size: 22px;line-height: 1.3;}
.fontfam1{font-family: 'Montserrat', sans-serif;}
.fontfam2{font-family: 'Open Sans', sans-serif;}
.sec-home-banner{background: url(../images/banner/child-vaccination.jpg) no-repeat; padding: 180px 0; position: relative;}
.sec-home-banner h1{font-size: 44px;color: #2aa1c3;margin-bottom: 20px;line-height: 56px;font-weight: 600;}
.sec-home-banner h1 .title2{font-size: 40px;color: #2aa1c3;font-weight: 500;}
.sec-home-banner span.spn1{font-size: 20px;font-weight: 500;text-transform: uppercase;color: #fff;margin-bottom: 20px;display: inline-block;background: rgb(123 193 68);padding: 15px 25px;border-radius: 4px;letter-spacing: 0.5px;border-left: 3px solid #2aa1c3;}
.sec-home-banner span.spn2{font-size: 20px;font-weight: 500;color: #ffffff;margin-bottom: 0;display: inline-block;background: rgb(42 161 195);padding: 15px 25px;border-radius: 4px;cursor: pointer;text-transform: uppercase;box-shadow: 0 20px 15px rgb(0 0 1 / 8%);}
.sec-home-banner .btn-banner{color: #00AAAA;font-size: 16px;padding: 10px 15px;border: 1px solid #00AAAA;border-radius: 4px;text-transform: uppercase;letter-spacing: 0.5px;display: inline-block;}
.home-form{background: rgb(254 254 254 / 15%);padding: 38px 20px;border-radius: 4px;position: relative;z-index: 1;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.dc-form .form-group svg{position:absolute;left:24px;top:15px;z-index:3;opacity:.8}
.dc-form .form-group i{position:absolute;left:24px;top:15px;z-index:3;opacity:.8; font-size: 16px;}
.dc-form input:not(.datepicker){position:relative;padding-left:30px!important}
.dc-form-first textarea{width:100%;resize:none;padding-left:30px!important}
.home-ic .form-group svg{position:absolute;left:13px;top:15px;z-index:3;opacity:.8}
.home-ic input:not(.datepicker){position:relative;padding-left:30px!important}
.home-ic textarea{width:100%;resize:none;padding-left:30px!important}
.btn:hover{color: #fff;}
.dc-btns{background-color:#00AAAA;color:#fff;font-weight:400;font-size: 14px; line-height: 34px; padding:4px}
.dc-btns2{background-color: #01aaaa;color: #ffffff !important;font-weight:400;font-size: 16px; line-height: 34px !important; padding: 4px !important;border-color: #fff; border: 1px solid !important; border-color: #fff !important;border-radius: 4px !important;}
.capp input.form-control{padding-left:65px!important}
.form-control{ border-radius:4px; box-shadow:none; border-color:#d1d3e2; font-size:14px; color:#414141; background:rgba(254,254,254,1); min-width:50px; min-height:45px; border:1px solid #d1d3e2; padding:0 0 0 10px; height:45px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.form-control:focus{border-color:#7bc144 !important;box-shadow:none}
.form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.7)!important}
.form-control:-moz-placeholder{color:rgba(0,0,0,0.7)!important;opacity:1!important}
.form-control::-moz-placeholder{color:rgba(0,0,0,0.7)!important;opacity:1!important}
.form-control:-ms-input-placeholder{color:rgba(0,0,0,0.7)!important}
.form-control::-ms-input-placeholder{color:rgba(0,0,0,0.7)!important}
textarea.form-control{resize:none;min-height:105px;padding: 10px;}
.capp{position:relative}
.capp input{padding-left:65px!important}
.capp span{ z-index: 1; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}
.btn-primary{color:#fff;background-color:#00AAAA;border-color:#00AAAA}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-size: inherit !important;}
.sec-title{color: #333;font-size: 40px;font-weight: 500;text-transform: capitalize;}
p, blockquote, q, .degree{font-family: 'Open Sans', sans-serif !important; color: #333;}
.b-sec{text-align: center;border: 1px solid #2aa1c3;padding: 15px 10px;border-radius: 4px;background: #f1fcff;box-shadow: 0 20px 15px rgb(234 234 234 / 50%);}
.c-sec{text-align: center;border: 1px solid #fff;padding: 18px 10px;border-radius: 4px;}
.bg-landing{background: url(../images/child-vac-bg.jpg) no-repeat center fixed;}
.bg-landing::before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%;background: rgb(42 161 195);opacity: .9;}
.bg3{background: #e0f8ff;}
.align-items-center{-ms-flex-align: center !important;align-items: center !important;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.site-bubble::before{ position: absolute; top: 50%; left: -10%; width: 400px; height: 400px; background: #2aa1c3; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; opacity: .06;}
.site-bubble::after{ position: absolute; bottom: 50%; right: -10%; width: 400px; height: 400px; background: #2aa1c3; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; opacity: .06;}
.bubble2::before{ position: absolute; top: 50%; left: -10%; width: 400px; height: 400px; background: #2aa1c3; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; opacity: .06;}
.bubble2::after{ position: absolute; bottom: 50%; right: -10%; width: 400px; height: 400px; background: #2aa1c3; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; opacity: .06;}
.modal-body {padding: 0;}
.modal-content .close {position: absolute;top: -15px;right: -25px;font-size: 30px;box-shadow: none;color: #fff;opacity: 1;}
.whatsapp-btn {position: fixed;left: 30px;bottom: 30px;width: 45px;height: 45px;cursor: pointer;text-align: center;z-index: 100;color: #fff;background: #4bc75a;font-size: 27px;padding-top: 9px;border-radius: 50%;text-align: center;line-height: 25px;}
.whatsapp-btn::after {z-index: -1;content: "";position: absolute;left: 0px;top: 0px;width: 45px;height: 45px;animation: ripple 1.6s ease-out infinite;opacity: 1;background: #4bc75a;border-radius: 50%;-webkit-animation: ripple 1.6s ease-out infinite;}
.whatsapp-btn a {color: #fff !important}
.whatsapp-btn span {font-size: 16px;position: relative;top: -8px;}
@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 1
    }

    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

@media only screen and (max-width: 1200px) {


}

@media only screen and (max-width: 1024px) {

.sec-home-banner{padding: 100px 0;position: relative;background-position: center;background-size: cover;}
.b-sec{margin-bottom: 20px;}
}

@media only screen and (max-width: 991px) {
    .sec-home-banner h1,.sec-home-banner h1 .title2{font-size: 34px;}
    .sec-home-banner{padding: 60px 0;}
    .img2-l{display: none;}


}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 479px) {
    .sec-home-banner h1, .sec-home-banner h1 .title2{font-size: 26px;line-height: 34px;}
    .sec-home-banner span.spn1,.sec-home-banner span.spn2{font-size: 18px;padding: 10px 20px;}
    .sec-title{font-size: 30px;}


}