@charset "utf-8";

:root {
    --blue: #274066;
    --yellow: #FFE300;
    --red: #D01B34;
    --skyblue: #F5FBFF;
    --lightgreen: #00B67A;
    --gray: #4D4D4D;
    --white: #FFFFFF;
    --black: #000000;
    --lightgray: #888888;
    --pastelgray: #E7E7E7;
}

/* End Material Icons--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus,.btn:focus ,a:focus{ outline: 0; box-shadow:none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,button:focus{ outline: 0;}
/* =Typography--------------------------------------------------------------------------------------------------*/
/* Setting up the fonts */
html {
  scroll-behavior: smooth;
}
body,html{height:100%;font-size: 10px;}
body { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;font-size:1.6rem; line-height:1.25; color: var(--blue); -webkit-font-smoothing: antialiased; font-weight: normal;}
/* Typography--------------------------------------------------------------------------------------------------*/
/* =Headings--------------------------------------------------------------------------------------------------*/
h1 { margin: 0; font-size: 24px; line-height: normal;font-weight: 600;}
h2 { font-size:60px; line-height:1.2; margin-top: 0; font-weight: 500; margin-bottom:25px;}
h3 { font-size:20px; line-height:1.2;margin: 0; font-weight: 300;}
h4 {font-size:32px; line-height:1.187;color: #0E2E3F; margin:0; font-weight: 400;}
h5 {font-size:14px; line-height:1.0714; color: var(--lightgreen);margin:0; text-transform: uppercase; letter-spacing: 2.8px; font-weight: 500;}
h6 {margin: 0;}
/* End Headings--------------------------------------------------------------------------------------------------*/
/* =Links--------------------------------------------------------------------------------------------------*/
button{cursor: pointer;}
a { text-decoration:none; color:rgba(30, 28, 36, 55%); cursor:pointer; outline: 0; transition: all 0.2s ease-in-out;}
a:hover{ text-decoration:none; outline:0; color:#0E2E3F; transition: all 0.2s ease-in-out;}
/* End Links
--------------------------------------------------------------------------------------------------*/
/* =helper Classes--------------------------------------------------------------------------------------------------------*/
p { padding:0; margin:0; color: #0E2E3F;}
img{max-width: 100%; object-fit: cover; vertical-align: top;}
hr{border-top: 1px solid ; opacity: 0.4;}
.ti-20{text-indent: 20px;}

section{padding: 50px 0;}
/* End Branding
--------------------------------------------------------------------------------------------------------*/

/* =Toolkit--------------------------------------------------------------------------------------------------*/
/* general purpose classes */
ul,li, ol { margin: 0; padding: 0; list-style-type: none }
.btn{ padding:8px 30px; line-height:24px; font-size: 14px; box-shadow: none;font-weight:500; border-radius:30px;letter-spacing: 2.1px;min-width: 169px;font-family: 'Athiti', sans-serif;text-transform: uppercase;}
.btn-sm{padding:8px 15px;line-height:20px; font-size: 12px;}
.btn-lg{padding:14px 32px;border-radius: 50px; line-height:1.2; font-size: 24px; font-weight: bold;text-transform: inherit;}
.border-none{border-radius: 0;}
.btn-primary{ background:var(--lightgreen);position: relative;border: 1px solid var(--lightgreen);}
.btn-outline-primary{ background:transparent; color: var(--lightgreen);border-color: var(--lightgreen);}
.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle,.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{background: var(--lightgreen);box-shadow: none;color:#fff;border: 1px solid transparent;}

.btn-white{ background:#fff;color: var(--lightgreen); position: relative;border: 1px solid transparent;}
.btn-white:hover{ background:transparent;color: #fff; position: relative;border: 1px solid #fff;}

.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{color:var(--lightgreen);box-shadow: none;background:transparent;border: 1px solid var(--lightgreen);}
.btn-primary.focus, .btn-primary:focus{color:#ffff;box-shadow: none;background: var(--lightgreen);border: 1px solid var(--lightgreen);}

.btn-secondary{ background:#FF6600; color: #fff;border-color: #FF6600;}
.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow: none;color:#FF6600;background-color: transparent;border:1px solid #FF6600;}
.btn-outline-secondary{ background: #F9F9F9; color: #FF6600;border-color: #FF6600;}
.btn-outline-secondary:hover,.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus{background: #FF6600;box-shadow: none;color:#fff;border: 1px solid transparent;}

.btn-groups{margin: -8px;}
.btn-groups .btn{margin: 8px;}

.btn:empty{display: none;}
/* Button Animation */
.btn{position: relative;overflow: hidden;}
.btn:after {content: '';position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;background: rgba(255, 255, 255, .5);opacity: 0;border-radius: 100%;transform: scale(1, 1) translate(-50%);transform-origin: 50% 50%;}
.btn:focus:not(:active)::after,.btn:hover:not(:active)::after{animation: ripple 1s ease-out;}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
/* =End Toolkit--------------------------------------------------------------------------------------------------*/
/* general purpose classes */
.container{max-width: 1140px;padding: 0 15px;}
.block-title{margin-bottom: 30px; text-align: center;}
.block-title h2{font-size: 32px;font-weight: 500px;margin-bottom: 8px;}
.block-title p{}

.card{max-width: 500px; width: 100%; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15); overflow: hidden; border-radius: 4px;}
.card .card-img-top {width: 100%;height: 300px;}
.card .card-body {padding: 50px 0px; margin: 0 40px; text-align: center;}
.card .card-title{font-size: 22px;line-height: 1.182;color: #0E2E3F;font-weight: 400;letter-spacing: 1.1px; margin-bottom: 30px;}
.card .card-text{font-size: 15px; margin-bottom: 30px; line-height: 21px;}
.block-description{font-size: 18px;font-weight: 300;line-height: 1.39; margin-bottom: 30px;}
.btn-link, .btn-link-orange{color: #000000;font-size: 16px;font-weight: 500;text-decoration: none;font-family: 'Athiti', sans-serif;line-height: 17px;letter-spacing: 3.2px; text-transform: uppercase; transition: 0.3s ease-in-out all;}
.btn-link:hover{color: #FF6600;}
.btn-link-orange{color: #FF6600;}
.btn-link-orange:hover{color: #0E2E3F;cursor: pointer;}
.btn-link-orange:hover *{fill: #0E2E3F;}
.text-small{font-size: 11px;font-weight: 400;line-height: 15px; }
.text-extra-small{font-size: 10px;color: rgba(14, 46, 63, 0.65);line-height: 14px;}

.pb-100{padding-bottom: 100px !important;}

/* form-control */
.form-md { 
    width: 100%; 
    text-align: center; 
    margin: 0 0 24px;
}
.form-md .form-group {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.form-group {
  margin-bottom: 28px;
}
.form-control {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #0E2E3F;
  border-radius: 8px;
  background-color: transparent;
  margin: 0px auto;
  padding: 10px 22px;
  height: 48px;
  line-height: 1.4;
  outline: none !important;
  font-size: 18px;
  color: #0E2E3F;
  transition: all .2s ease-in-out;
}
.form-select{
  border: 1px solid #0E2E3F !important;
  border-radius: 8px;
  background-color: transparent;
  margin: 0px auto;
  padding: 10px 22px;
  height: 48px;
  outline: none !important;
  font-size: 18px;
  color: #0E2E3F;
}

.form-select:focus{
  box-shadow: none;
  border: none;
}
option {
  padding: 12px 26px;
  font-size: 18px;
  font-weight: 300;
}

label {
  display: inline-block;
  line-height: 1;
  font-size: 18px;
  font-weight: 400;
}
input:hover, input:focus { border: 1px solid #0E2E3F; }
.form-control:focus {
  border-color: #000;
  outline: 0;
  box-shadow: none;
}
.form-check-input{
    margin-top: 2px;
}
input:valid + label, input:focus + label { 
  top: -6px;
  color: var(--blue);
  font-weight: 400;left:14px;
}
.gl-form-asterisk {
    background-color: inherit;
    color: #e32b2b;
    padding: 0;
    padding-left: 3px;
    
}
.gl-form-asterisk:after {
    content: "*";
}

/* Header */
header{
    box-shadow: 0 1.125rem 2.25rem -1.188rem rgba(0, 0, 0, .4);
    position: relative;
    width: 100%;
    z-index: 2;
    font-size: 1.125rem;
    line-height: 1.4;
    padding: 15px 0;
}
.navbar-brand{
    max-width: 260px;
}

/* hero-section */
.hero-section{
    background-color: var(--skyblue);
}
.heading-part{text-align: center;max-width: 750px;margin: 0 auto;}
.heading-part h1{color: var(--red);font-size: 24px;margin-bottom: 24px;font-weight: bold;}
.heading-part h3{margin-bottom: 24px;color: var(--blue);}
.heading-part h3 span:not(:first-child){font-weight: bold;}
.heading-part p{margin-bottom: 24px;}
.logo-section{display: flex;align-items: center;max-width: 620px;margin: 0 auto;margin-top: 32px;justify-content: space-around;gap: 16px;}
.logo-img{width: 20%;}

.testimonial-card{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 51rem;
    height: auto;
    min-height: 10rem;
    margin: 30px 0;
    padding: 1.875rem;
    border-radius: .625rem;
    box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, .05);
    text-align: center;
}
.testimonial-card div{
    height: auto;
}
.testimonial-card img{
    margin: 0 auto;
}

.other-name{
    font-weight: bold;
}


/* footer */
footer{
    padding: 50px 0 20px 0;
}

.footer-logo{
    max-width: 260px;
}
footer p{font-size: 12px; color: var(--lightgray);}
.copyright-section{margin-top: 16px; display: flex;align-items: center;gap: 16px;justify-content: space-between;}
.copyright-section p{font-size: 14px;}
.copyright-section ul{display: flex;}
.copyright-section ul li{font-size: 14px;}
.copyright-section ul li::after {
    content: " ";
    border-right: 1px solid #4d4d4d;
    margin: 0 1rem;
}
.copyright-section ul li:last-child:after {
   display: none;
}




/*========Begin: Checkobox/Radio =====================*/
.custom-radio.vertical label, .custom-checkbox.vertical label {display: block;}
.custom-radio{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom-radio p, .custom-checkbox p {padding: 0;line-height: 2.4rem;}
.custom-radio label, .custom-checkbox label {vertical-align: top;display: inline-block;cursor: pointer;position: relative;color: var(--white);font-weight: 300;line-height: 18px;font-size: 1.4rem;text-transform: capitalize;width: 320px;}
.custom-radio label input[type="radio"]{display: none;}
.custom-radio label input[type="radio"] + span, .custom-checkbox label input[type="radio"] + span {display: inline-block;padding: 17px 30px;background-color: var(--white);margin: 4px 0;
    color: var(--lightgreen);
    text-transform: capitalize;
    border: 2px solid var(--lightgreen);
    border-radius: .25rem;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    white-space: normal;
    cursor: pointer;}
.custom-radio label input[type="radio"] + span:after, .custom-checkbox label input[type="radio"] + span:after {content: "";position: absolute;display: none;font-weight: bold;}
.custom-radio label input[type="radio"]:checked + span, .custom-checkbox label input[type="radio"]:checked + span {border: 2px solid var(--lightgreen);color: var(--white);transition: all 0.3s;background-color: var(--lightgreen);}

.custom-radio label input[type="radio"]:hover + span, .custom-checkbox label input[type="radio"]:hover + span {border: 2px solid var(--lightgreen);color: var(--white);transition: all 0.3s;background-color: var(--lightgreen);}

.custom-radio label input[type="radio"]:disabled, .custom-checkbox label input[type="radio"]:disabled {opacity: 0.6;}
.custom-radio label input[type="radio"]:disabled + span, .custom-checkbox label input[type="radio"]:disabled + span {opacity: 0.6;}
.checkbox-outer .custom-checkbox {margin-bottom: 20px;}
.checkbox-outer .custom-checkbox label {padding: 0 0 0 42px;}
.disable-checkbox {opacity: 0.5;}
/*========End: Checkobox/Radio =====================*/


/* question-container */
.question-container{text-align: center;}
.question-container .question-title{color: var(--red);font-size: 24px;font-weight: bold;}
.question h2{font-size: 38px;}
.question h2 span{font-size: 14px;color: var(--red);}
.question .form-control{width: 320px;border-radius: 4px;padding: 14px 20px;height: 56px;}
.question .btn{
    display: inline-block;
    padding: 14px 30px;
    text-transform: capitalize;
    border: 2px solid var(--lightgreen);
    border-radius: 4px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    white-space: normal;
    cursor: pointer;
}
.question .cta-call-now{
  border-color: var(--red);
}
textarea.form-control {
  height: auto !important;
}
.cta-content-call-now span {
  color: var(--lightgreen);
  font-weight: 500;
}
/* Slick Slider */
.slick-track{
    display: flex;
}
.slick-slide{
    height: auto;
}
.slick-slide div{
    height: 100%;
}
#minute-timer {
  font-size: xxx-large;
}