@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* @font-face {
    font-family: "Discgent";
    src: url("../fonts/Discgent.ttf");
  }*/

  /* font-family: "Manrope", sans-serif;
  font-family: "Montserrat", sans-serif; */

  :root {
    --prim-clr: #FF4701;
    --sec-clr: #1A1A1A;
    --white-clr: #fff;
    --black-clr: #000;
    --prim-bg: #FF4701;
    --sec-bg: #1A1A1A;
    --grey-clr: #B2B2B2;
    --grey-clr-2: #E8E8E8;
    --grey-clr-3: #FAFBFD;
    --grey-clr-4: #888888;
    --grey-clr-5: #707070;
    --grey-clr-6: #515151;
    --grey-clr-7: #787878;
    --grey-clr-8: #D8D8D8;
    --grey-bg-1: #F3F3F3;
    --grey-bg-2: #F1F1F1;
    --grey-bg-3: #F2F1ED;
    --grey-bg-4: #FBFBFB;
    --font-1: "Manrope", sans-serif;
    --font-2: "Montserrat", sans-serif;
    --bg-btn: linear-gradient(90deg, rgb(30 56 93) 0%, rgb(199 155 69) 100%)
  }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body {
    overflow-x: hidden;
    font-family: var(--font-2);
}

main {
    overflow: hidden;
}

a {
    text-decoration: none;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}
textarea:focus,
input:focus {
  outline: none !important;
  box-shadow: none !important;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-1);
}
h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
}
section {
  overflow: hidden;
  position: relative;
}
  

/************************************* header *************************************/
.navbar-toggler {
    background-color: var(--prim-clr);
    color: var(--white-clr);
    border: none;
  }
  
  /* header-btm */
    header .header-btm {
      border-bottom: 1px solid var(--grey-clr-2);
    }
  header .header-btm .navbar>.container {
    align-items: center;
  }
  
  header .header-btm .navbar {
    padding: 15px 0 15px 0;
    transition: all 0.3s ease-in-out;
    background: transparent;
    z-index: 1000;
    box-shadow: 0 0 0px 0px rgb(0 0 0 / 16%);
  }
  
  header.sticky .header-btm .navbar {
    background: var(--grey-bg-3);
    box-shadow: 0 0 11px -2px rgb(0 0 0 / 16%);
  }
  
  header .header-btm .navbar .navbar-brand {
    margin: 0;
    padding: 0;
  }
  
  header .header-btm .navbar .navbar-brand .logo {
    width: auto;
    height: 80px;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s ease-in-out;
    margin: 0;
  }
  
  header .header-btm .login {
    color: #fff;
    height: 45px;
    min-width: 180px;
    font-family: var(--font-2);
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--black-clr);
    background: var(--bg-btn);
    transition: all 0.2s ease-in-out;
    border-radius: 10px;
    overflow: hidden;
  }
  
  /***************************** header close *****************************/


  /***************************** footer start *****************************/
footer {
    position: relative;
    padding: 0;
    background-color: var(--sec-bg);
}

footer .footer-btm {
    padding: 15px 0 15px 0;
    position: relative;
}

footer .left-area p,
footer .left-area p a {
    color: var(--grey-clr-2);
    font-size: clamp(14px,2vw,18px);
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    position: relative;
    padding: 0;
}

/***************************** footer close *****************************/

/***************************** sec-home-banner start *****************************/
.sec-home-banner {
    padding: 40px 0 0 0;
    position: relative;
    z-index: 1;
}
.sec-home-banner .desc h1 {
    font-family: var(--font-1);
    font-size: clamp(30px,5vw,50px);
    font-weight: 800;
    color: var(--sec-clr);
    text-align: center;
}
/***************************** sec-home-banner close *****************************/
.sec-calendly {
  padding: 40px 0 40px 0;
}
.sec-calendly .calendly-box {
  padding: 50px;
  border-radius: 10px;
  background: var(--grey-bg-1);
  border: none;
}
.sec-calendly .calendly-box .desc img {
  height: 80px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 20px;
}
.sec-calendly .calendly-box .desc h3 {
  font-family: var(--font-1);
  font-size: clamp(24px,3vw,36px);
  font-weight: 700;
  color: var(--sec-clr);
  margin-bottom: 15px;
}
.sec-calendly .calendly-box .desc p {
  font-family: var(--font-2);
  font-size: clamp(16px,2vw,18px);
  font-weight: 400;
  color: var(--grey-clr-6);
  margin-bottom: 25px;
}

.sec-calendly .calendly-box .desc h6 {
  font-family: var(--font-1);
  font-size: clamp(18px,3vw,28px);
  font-weight: 600;
  color: var(--sec-clr);
  margin-bottom: 15px;
}
.sec-calendly .calendly-box .desc ul {
  list-style: circle;
  padding-left: 15px;
  color: var(--grey-clr-6);
}
.sec-calendly .calendly-box .desc ul li {
  margin-bottom: 10px;
}

.sec-calendly .calendly-box .calendly-inline-widget {
    height: 600px;
}

.sec-review {
    padding: 40px 0 40px 0;
    position: relative;
    z-index: 1;
}
.sec-review .desc h1 {
    font-family: var(--font-1);
    font-size: clamp(30px,5vw,50px);
    font-weight: 800;
    color: var(--sec-clr);
    text-align: center;
    margin-bottom: 20px;
}
.sec-review .review-box {
  padding: 25px;
}
.sec-review .review-box .desc h5 {
  font-family: var(--font-1);
  font-size: clamp(16px,2vw,24px);
  font-weight: 700;
  color: var(--sec-clr);
  margin-bottom: 10px;
}
 .sec-review .review-box .desc p {
  font-family: var(--font-2);
  font-size: clamp(12px,2vw,16px);
  font-weight: 400;
  color: var(--grey-clr-6);
  margin-bottom: 15px;
}
.sec-review .review-box .desc .rev-flex {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
}
.sec-review .review-box .desc .rev-flex>i {
  color: #e52415;
}
 .sec-review .review-box .verify-area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  color: #008000;
 }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 576px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 575px) {}
