@charset "utf-8";

/**
* @license
*
* Font Family: General Sans
* Designed by: Frode Helland
* URL: https://www.fontshare.com/fonts/general-sans
* © 2024 Indian Type Foundry
*
* General Sans Extralight 
* General Sans ExtralightItalic 
* General Sans Light 
* General Sans LightItalic 
* General Sans Regular 
* General Sans Italic 
* General Sans Medium 
* General Sans MediumItalic 
* General Sans Semibold 
* General Sans SemiboldItalic 
* General Sans Bold 
* General Sans BoldItalic 
* General Sans Variable (Variable font)
* General Sans VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'GeneralSans-Extralight';
  src: url('../fonts/GeneralSans-Extralight.woff2') format('woff2'),
       url('../fonts/GeneralSans-Extralight.woff') format('woff'),
       url('../fonts/GeneralSans-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-ExtralightItalic';
  src: url('../fonts/GeneralSans-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-ExtralightItalic.woff') format('woff'),
       url('../fonts/GeneralSans-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Light';
  src: url('../fonts/GeneralSans-Light.woff2') format('woff2'),
       url('../fonts/GeneralSans-Light.woff') format('woff'),
       url('../fonts/GeneralSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-LightItalic';
  src: url('../fonts/GeneralSans-LightItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-LightItalic.woff') format('woff'),
       url('../fonts/GeneralSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Regular';
  src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
       url('../fonts/GeneralSans-Regular.woff') format('woff'),
       url('../fonts/GeneralSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-Italic';
  src: url('../fonts/GeneralSans-Italic.woff2') format('woff2'),
       url('../fonts/GeneralSans-Italic.woff') format('woff'),
       url('../fonts/GeneralSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Medium';
  src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
       url('../fonts/GeneralSans-Medium.woff') format('woff'),
       url('../fonts/GeneralSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-MediumItalic';
  src: url('../fonts/GeneralSans-MediumItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-MediumItalic.woff') format('woff'),
       url('../fonts/GeneralSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Semibold';
  src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
       url('../fonts/GeneralSans-Semibold.woff') format('woff'),
       url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-SemiboldItalic';
  src: url('../fonts/GeneralSans-SemiboldItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-SemiboldItalic.woff') format('woff'),
       url('../fonts/GeneralSans-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'GeneralSans-Bold';
  src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'),
       url('../fonts/GeneralSans-Bold.woff') format('woff'),
       url('../fonts/GeneralSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'GeneralSans-BoldItalic';
  src: url('../fonts/GeneralSans-BoldItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-BoldItalic.woff') format('woff'),
       url('../fonts/GeneralSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: 'GeneralSans-Variable';
  src: url('../fonts/GeneralSans-Variable.woff2') format('woff2'),
       url('../fonts/GeneralSans-Variable.woff') format('woff'),
       url('../fonts/GeneralSans-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: 'GeneralSans-VariableItalic';
  src: url('../fonts/GeneralSans-VariableItalic.woff2') format('woff2'),
       url('../fonts/GeneralSans-VariableItalic.woff') format('woff'),
       url('../fonts/GeneralSans-VariableItalic.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}



: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: 'GeneralSans-Regular', sans-serif;font-size:1.6rem; line-height:1.25; color: #4B5563; -webkit-font-smoothing: antialiased; font-weight: normal;}
/* Typography--------------------------------------------------------------------------------------------------*/
/* =Headings--------------------------------------------------------------------------------------------------*/
h1 { margin: 0; font-size: 60px; line-height: 68px;font-weight: 500;}
h2 { font-size:52px; line-height:1.2; margin-top: 0; font-weight: 500; margin-bottom:25px; color: #001722;font-family: 'GeneralSans-Medium';}
h3 { font-size:28px; line-height:1.2;margin: 0; font-weight: 500;color: #001722;font-family: 'GeneralSans-Medium';}
h4 {font-size:32px; line-height:1.187;color: #001722; margin:0; font-weight: 400;}
h5 {font-size:14px; line-height:1.0714; color: #F26924;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:#F26924; transition: all 0.2s ease-in-out;}
/* End Links
--------------------------------------------------------------------------------------------------*/
/* =helper Classes--------------------------------------------------------------------------------------------------------*/
p { padding:0; margin:0; color: #001722;}
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 28px;border-radius: 50px; line-height:1.2; font-size: 20px; font-weight: bold;text-transform: inherit;}
.border-none{border-radius: 0;}
.btn-primary{ background: linear-gradient(104.9deg, #F26924 42.7%, #DA4D07 81.73%);position: relative;border: 1px solid #F26924;}
.btn-outline-primary{ background:#fff; color: #F26924;border-color: #F26924;}
.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: #F26924;box-shadow: none;color:#fff;border: 1px solid transparent;}

.btn-white{ background:#fff;color: #F26924; 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:#F26924;box-shadow: none;background:transparent;border: 1px solid #F26924;}
.btn-primary.focus, .btn-primary:focus{color:#ffff;box-shadow: none;background: #F26924;border: 1px solid #F26924;}

.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: 1330px;padding: 0 15px;}
.block-title{margin-bottom: 50px;}
.block-title span{font-size: 14px;font-weight: 500px;display: inline-block; vertical-align: top; margin-bottom: 8px;font-family: 'GeneralSans-Medium';color: #030712;text-transform: uppercase;}
.block-title h2{font-size: 64px;line-height: 72px; font-weight: 500;margin-bottom: 24px;max-width: 645px;}
.block-title p{font-family: 'GeneralSans-Medium';font-weight: 500;font-size: 20px;line-height: 32px;}
section{
  padding: 65px 0;
}

.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; margin: 0 40px; text-align: center;}
.card .card-title{font-size: 22px;line-height: 1.182;color: #001722;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: #001722;cursor: pointer;}
.btn-link-orange:hover *{fill: #001722;}
.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 #D1D5DB;
  border-radius: 8px;
  background-color: transparent;
  margin: 0px auto;
  padding: 10px 12px;
  height: 48px;
  line-height: 1.4;
  outline: none !important;
  color: #001722;
  transition: all .2s ease-in-out;
  font-family: 'GeneralSans-Medium';
  font-weight: 500;
  font-size: 14px;
}
::placeholder{
  color: #6B7280;
  text-transform: capitalize;
}
textarea.form-control {
  height: auto;
}
.form-select{
  border: 1px solid #001722 !important;
  border-radius: 8px;
  background-color: transparent;
  margin: 0px auto;
  padding: 10px 22px;
  height: 48px;
  outline: none !important;
  font-size: 18px;
  color: #001722;
}

.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 #001722; }
.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: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    font-size: 1.125rem;
    line-height: 1.4;
    padding: 24px 0;
    background-color: rgba(0, 23, 34, 0.6);
}
header.sticky-header{
  background-color: #001722;
}
.navbar-brand{
    display: flex;
    align-items: center;
    gap: 24px;
    max-width: 440px;
}
.navbar{
  flex-wrap: nowrap;
}

/* hero-section */
.hero-section{
  background-image: url('../images/hero-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0 75px 0;
}
.banner-content h1{
  color: #fff;
  font-family: 'GeneralSans-Medium';
  margin-bottom: 40px;
}

.banner-content h1 span{
  font-weight: 600;
  font-family: 'GeneralSans-SemiboldItalic';
  font-style: italic;
}

.banner-content p{
  color: #fff;
  font-family: 'GeneralSans-Medium';
  font-size: 40px;
  margin-bottom: 66px;
}

.contact-part{
  display: flex;
  align-items: center;
  gap: 20px;
}

.contact-part p{
  font-size: 20px;
  margin-bottom: 0;
}
.form-card{
  padding: 35px 50px;
  background-color: #F3F4F6;
  border-radius: 12px;
}
.form-card p{
  font-family: 'GeneralSans-Medium';
}

/* Features Part */
.features-section{
  position: relative;
  z-index: 1;
}
.img-card{
  background: linear-gradient(180deg, #F3F4F6 0%, #FFFFFF 370.8%);
  padding: 8px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  height: 100%;
  /* align-items: center; */
}
.img-card-content{
  width: 50%;
  padding: 12px;
}
.img-card-content h3{
  margin-bottom: 12px;
}
.img-card-content p{
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 500;
  font-family: 'GeneralSans-Medium';
  color: #6B7280;
  line-height: 24px;
}
.img-card-img{
  width: 50%;
  border-radius: 8px;
  overflow: hidden;
}
.img-card-img img{
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
} 


/* LG Sige */
.img-card.card-lg{
  background: linear-gradient(180deg, #F3F4F6 -76.61%, #FFFFFF 54.64%);
  padding: 0;
  padding-bottom: 250px;
  position: relative;
  flex-direction: column;
  border: 1px solid #E5E7EB;
  gap: 0;
  border-radius: 16px;
  overflow: hidden;
}
.img-card.card-lg .img-card-content{
  width: 100%;
  padding: 35px 40px;
}
.img-card.card-lg .img-card-content h3{
  margin-bottom: 16px;
}
.img-card.card-lg .img-card-content p{
  line-height: 26px;
}
.img-card.card-lg .img-card-img{
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  height: 250px;
}
.img-card.card-lg .img-card-img img{
  border-radius: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
} 

/* offer-section */
.offer-section{
  padding: 190px 0 95px 0;
  height: 360px;
  background-image: url('../images/offer-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: -95px;
  display: flex;
}

/* about-section */
.about-card-outer{
  background-image: url('../images/about-bg.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.about-section .block-title h2{
  max-width: 100%;
}
.estimate-btn{
  margin-top: 60px;
  text-align: center;
}

/* cta-section */
.cta-section{
  padding: 80px 0;
  background: linear-gradient(180deg, #F3F4F6 0%, #FFFFFF 370.8%);
}
.cta-inner{
  padding: 70px 24px;
  background-image: url('../images/cta-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  border-radius: 24px;
  overflow: hidden;
}
.cta-inner span{
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'GeneralSans-Medium';
}
.cta-inner h3{
  font-size: 52px;
  color: #fff;
  margin-bottom: 55px;
}

/* Footer */
footer{
  padding: 60px 0;
}
.footer-logo-part{
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E5E7EB;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.copyright-section{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.copyright-section p{
  font-size: 12px;
  color: #001722;
}
.copyright-section ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #001722;
}
.copyright-section ul a{
  font-size: 12px;
  color: #001722;
  font-weight: 500;
  font-family: 'GeneralSans-Medium';
}
.copyright-section ul a:hover{
  color: #F26924;  
}
.submitFormCtaNumber{width: 100%;}
#minute-timer {
  font-size: xx-large;
}
.beforeDateDiscount {
  color: #e32b2b;
  font-weight: 600;
}