@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');

/*Global css*/
*{margin:0;padding:0;-webkit-font-smoothing: antialiased;}
html{font-size:100%;width:100%;height:100%;}
body{width:100%;min-width:320px;background-color:#ffffff;font-size:16px;font-family: "Roboto", sans-serif; font-weight: 400; color: #5d6375; overflow-x: hidden;}
.clear{clear:both;}
button,input[type="submit"]{cursor: pointer;}
button,input[type="submit"],input[type="search"],a,i{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;font-family: "Roboto", sans-serif;}
button:focus,input[type="submit"]:focus,input[type="search"]:focus,a:focus,i:focus{outline: none;}
a{text-decoration:none;color:#5d6375;}
a:hover{text-decoration:none;outline:0;color:#5d6375; outline: none;}
a:focus{outline:none!important;outline-offset:none!important;text-decoration:none!important;color:#4e4e4e;}
.btn:focus{outline:none;box-shadow: none;}
a,img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;}
label{font-family: "Roboto", sans-serif; font-weight: 400; font-size: 16px; color: #4e4e4e;margin-bottom: 10px; display: block;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 20px; font-family: "Roboto", sans-serif;padding:0;font-weight: 700; color: #343c55; display: block; position:relative;}
h1, .h1{font-size: 72px; font-weight: 900;}
h2, .h2{font-size: 55px;}
h3, .h3 {font-size: 24px;}
ul,ol{list-style:none;margin:0;}
ul li,ol li{list-style:none;}
p{display:block;line-height:1.5;margin:0 0 30px; font-weight: 400;}
p:last-child{margin: 0;}
b, strong{font-weight: 900;}

/*color*/
.text-white {color: #ffffff;}

/*bg*/
.bg-white {background-color: #ffffff;}

/*font weight*/
.font-light {font-weight: 300;}
.font-reguler {font-weight: 400;}
.font-medium {font-weight: 500;}
.font-semibold {font-weight: 600;}

/*inputfield*/
.form-group{padding-bottom: 18px; margin: 0; position: relative;}
.form-control {box-shadow: none !important;height: 64px; font-family: "Roboto", sans-serif; color:#000000; font-size: 16px; font-weight: 400; border-radius: 4px; padding: 0 20px; border: solid 2px rgb(203, 203, 220); background-color: #ffffff; outline: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color:#F2F2F2;}
.form-control::-webkit-input-placeholder{color:#5d6375; opacity: 1;}
.form-control::-moz-placeholder{color:#5d6375; opacity: 1;}
.form-control:-ms-input-placeholder{color:#5d6375; opacity: 1;}
.form-control:-moz-placeholder{color:#5d6375; opacity: 1;}
.form-control:focus {color: #5d6375; border-color: #003274;}
select,select.form-control {background:#f8f9fe url('../images/marketing/dropdown-arrow.png') no-repeat calc(100% - 15px) center;text-overflow:ellipsis;white-space:nowrap; padding-left: 15px; padding-right:28px;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none; font-family: "Roboto", sans-serif; color:#000000; font-size: 16px; font-weight: 400; border-bottom: solid 1px #57585a; background-color: transparent; width:100%; background-size: 19px;cursor:pointer;}
select,select.form-control:focus{color: #57585a;}
select option,select.form-control option{ padding:0 10px;}
textarea.form-control{min-height:155px;resize:vertical;height:auto; padding-top: 10px;}
.form-group label{display: block; width: 100%;}
.container{max-width: 1210px; width: 100%;position: relative; z-index: 2; padding-left: 20px; padding-right: 20px;}

/*button*/
.btn-primary {background-color: #003274; border: 0; font-family: "Roboto", sans-serif; font-weight: 400; font-size:16px; color:#ffffff; height:60px; line-height:61px; border-radius: 7px;text-align:center; padding:0 55px;cursor: pointer; text-transform: uppercase; display: inline-block; min-width: 100px;}
.btn-primary.btn-secondary {background-color: #f05a28;}
.btn-primary.icon-btn {padding: 0 25px;}
.btn-primary.icon-btn img {display: inline-block; vertical-align: middle; margin-right: 8px; max-width: 30px; margin-top: -2px;}
.btn-primary.btn-secondary:hover {background-color: #003274;}
.btn-primary:hover, .btn-primary:focus {background: #f05a28; color: #ffffff;}

/*icon list css*/
.img-list-text ul li {position: relative; padding: 0 0 0 32px; margin-bottom: 20px;}
.img-list-text ul li:last-child {margin-bottom: 0;}
.img-list-text ul li::before {content: ""; background: url('../images/marketing/check-icon.png') no-repeat; position: absolute; left: 0; top: 2px;width: 18px;height: 18px;background-size: 100%;}

/*center title css*/
.center-title {max-width: 560px;margin: 0 auto 50px;}

/*=========IE10 and Above to 10, 11,12=====================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 select,select.form-control {background:#fff !important;padding-right:7px !important;}
}
/*=========IE9 and Below to 9, 8, 7=====================*/
select,select.form-control {background:#fff\9 !important;padding-right:7px\9 !important;}

.pad-t0{padding-top: 0!important;}
.pad-0{padding-top:0!important; padding-bottom: 0!important;}
.pad-lr0{padding-left: 0!important; padding-right: 0!important;}
.mrg-0{margin-top: 0!important; margin-bottom: 0!important;}
.mrg-t0{margin-top: 0!important;}

/**checkBox**/
.customcheckBox {padding-left:40px;position: relative;margin:0;color: #000000;}
.customcheckBox a{color: #fff;text-decoration: underline;}
.customcheckBox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmarkhd {position: absolute;top:2px;left: 0;height:26px;width:26px;background-color: #fff;border-radius:0;border:1px solid #878787;}
.customcheckBox input:checked ~ .checkmarkhd {background-color: #109d9b;border-color: #109d9b;}
.checkmarkhd:after {content: "";position: absolute;display: none;}
.customcheckBox input:checked ~ .checkmarkhd::after {display: block;}
.customcheckBox .checkmarkhd::after {left:9px;top:3px;width:6px;height:16px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


/*owl carousel*/
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {width: 57px; height: 57px; background-color: transparent; background-image: url('../images/marketing/prev-arrow.png'); background-repeat: no-repeat; background-position: center; font-size: 0; background-size: 100%;}
.owl-carousel .owl-nav button.owl-next {transform: scale(-1);}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {background-color: transparent; background-image: url('../images/marketing/prev-arrow.png'); background-size: 100%; background-repeat: no-repeat; background-position: center;}

/*accordian css*/
.accordion-block {box-shadow: 0 13px 86px rgba(181, 229, 164, 0.3); margin-bottom: 20px;}
.card-header {position: relative; border: 0; border-radius: 12px;background-color: rgb(255, 255, 255); cursor: pointer; padding: 25px 45px 25px 20px;  min-height: 82px;align-items: center;display: flex;}
.card-header .card-title {margin: 0; font-size: 18px; font-weight: 500; color: #343c55 !important; line-height: 1.2; display: block;}
.accordion-block {overflow: hidden;}
.accordion-block:has(.card-header) {box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.07); border-radius: 12px;}
.accordion-block:has(.card-header.collapsed) {box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.07);}
.accordion .card-header:after {content: "";background: url('../images/marketing/minus-icon.png') no-repeat;background-size: 100%;display: block;width: 15px;height: 15px;position: absolute;right: 25px;top: 50%; transform: translateY(-50%); background-position: center;}
.accordion .card-header.collapsed:after {background: url('../images/marketing/plus-icon.png') no-repeat;background-size: 100%; width: 15px; height: 15px;}
.accordion .card-body {padding-top: 0;}
   

/*-------Global-Responsivecss--------*/
@media only screen and (max-width:1600px){
h1, .h1 {font-size: 55px;}
h2, .h2 {font-size: 45px;}
}

@media only screen and (max-width:1440px){
h1, .h1 {font-size: 50px;}
h2, .h2 {font-size: 40px;}
h3, .h3 {font-size: 20px;}
.container {max-width: 1000px;}
.btn-primary {height: 50px; line-height: 51px; font-size: 15px; padding: 0 35px;}
.form-control {height: 55px; font-size: 15px; padding: 0 15px;}
.card-header {padding: 19px 45px 19px 20px;}
}

@media only screen and (max-width:1199px) {
body {font-size: 15px;}
h1, .h1 {font-size: 45px;}
h2, .h2 {font-size: 35px;}
.container {max-width: 910px;}
.btn-primary.icon-btn img {max-width: 20px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {width: 48px; height: 49px;}
}

@media only screen and (max-width:991px) {
body {font-size: 14px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom: 15px;}
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 18px;}
p {margin-bottom: 20px;}
.btn-primary {height: 45px;line-height: 46px;font-size: 14px;padding: 0 25px;}
.btn-primary.icon-btn img {max-width: 16px;margin-right: 5px;}
.center-title {margin: 0 auto 30px;}
}

@media only screen and (max-width:767px){
h1, .h1 {font-size: 35px;}
h2, .h2 {font-size: 25px;}
.wow{animation-name: none !important;visibility: visible !important; transform: none !important;}
.card-header {padding: 12px 28px 12px 15px;}
.card-header .card-title {font-size: 16px;}
.accordion .card-header:after {right: 12px;}
.accordion .card-body {padding: 0 15px 15px;}
}

@media only screen and (max-width: 679px) {
.btn-primary.icon-btn {padding: 0 15px;font-size: 13px;}
.form-control {height: 45px;font-size: 14px;padding: 0 10px;}
}