@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root{
  --primary-color:#1755F5;
  --button-color:#1755F5;
  --button-text-color:#fff;
  --text-color:#3A3A3A;
  --logo-width:230px;  
  --gradient:linear-gradient(180deg, #F7F7F7 60.65%, #ECECEC 127.41%);
  --swiper-button: #E1EAFF;
  --swiper-button-active: #1755F5;
}

/* Globals */

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:focus-visible{
  outline-offset: .25rem;
  outline-color: var(--button-color);
}
main *::-webkit-scrollbar{
  width: 5px !important;
}

main *::-webkit-scrollbar-thumb{
  background-color: var(--text-color);
  border-radius: 20px;
}

body{
  width: 100%;
  overflow-x: clip;
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  color:var(--text-color);
}

html{
  scroll-behavior: smooth;
}

button{
  background-color: transparent;
  border: 0;
}

.bg-primary{
  background-color: var(--primary-color);
}

.primary_text{
  color: var(--primary-color);
}

.section-text-white h1,
.section-text-white h2,
.section-text-white h3,
.section-text-white h4,
.section-text-white h5,
.section-text-white h6,
.section-text-white p{
  color: #fff !important;
}

.h0{
  font-size: 70px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
  font-family: "Plus Jakarta Sans", sans-serif;
}

h1,.h1{
  font-size: 160px !important;
  font-weight: 500 !important;
  line-height: 1;
}

h2,.h2{
  font-size: 44px !important;
  font-weight: 600 !important;
  line-height: 1.3;
}

h3,.h3{
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.5;
}

h4,.h4{
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.8;
}

p,a{
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
}

p{
  font-family: "Work Sans", sans-serif;
}

a{
  font-family: "Plus Jakarta Sans", sans-serif;
}

.link_btn{
   color: var(--primary-color);
   font-size: 24px;
   font-weight: 800 !important;
   line-height: 1.8 !important;
}

.link_btn:hover{
  text-underline-offset: 4px;
  text-decoration: underline;
}

.logo{
  width: var(--logo-width);
  height: auto;
  object-fit: contain;
}

.container{
  position: relative;
}

svg,
svg path{
  transition: .3s ease;
}

.button{
 position: relative;
 padding: 10px 20px 10px 30px;
 line-height: 1.8;
 height: 60px;
 font-size: 16px;
 font-weight: 700;
 letter-spacing: 0.16px;
 white-space: nowrap;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 border: 1px solid transparent;
 border-radius: 40px;
 overflow: hidden;
 transition: .3s ease;
 z-index: 50;
 width: fit-content;
 flex-shrink: 0 !important;
}

header{
  transition: .5s ease;
}

header.sticky{
  background-color: rgba(255,255,255,.5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 1px 1px 16px rgba(0,0,0,.2);
}

.primary-btn{
  background-color: var(--button-color) !important;
}

.secondary-btn{
  background-color: var(--button-text-color) !important;
}

.primary-btn,
.primary-btn *{
  color: var(--button-text-color);
}

.secondary-btn,
.secondary-btn *{
  color: var(--button-color);
}

.button span{
  position: relative;
  z-index: 3;
  transition: .3s ease;
}

.button svg{
  width: 16px;
  height: 16px;
  margin: 0 12px;
  position: relative;
  z-index: 2;
}

.button::before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  right: 20px;
  top: calc(50% - 20px);
  z-index: 1;
  transition: .3s ease;
}

.primary-btn::before{
  background-color: var(--button-text-color);
}


.secondary-btn::before{
  background-color: var(--button-color);
}

.primary-btn:hover{
  background-color: var(--button-text-color) !important;
  border: 1px solid var(--button-color) !important;
}

.secondary-btn:hover{
  background-color: transparent !important;
  border: 1px solid var(--button-text-color) !important;
}

.primary-btn:hover span{
  color: var(--button-color);
}

.secondary-btn:hover span{
  color: var(--button-text-color);
}

.primary-btn:hover svg path{
  fill: var(--button-text-color);
}

.secondary-btn svg path{
  fill: var(--button-text-color);
}

.secondary-btn:hover svg path{
  fill: var(--button-color);
}

.primary-btn:hover::before{
  background-color: var(--button-color);
}

.secondary-btn:hover::before{
  background-color: var(--button-text-color);
}

.gradient-1{
  background: var(--gradient);
}

/* Pulse Marquee */

.pulse_marquee{
  width: 200vw;
  display: flex;
  align-items: center;
  animation: pulseMarquee 20s linear infinite;
  height: 110px;
  overflow: hidden;
}

.pulse_marquee img{
  height: 100%;
  object-fit: contain;
}

@keyframes pulseMarquee {
  0%{
    transform: translateX(-50%);
  }
  100%{
    transform: translateX(0);
  }
}

.pulse_loop{
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.pulse_loop svg{
  margin-left: -35%;
}

.pulse{
  height: 650px;
  width: 650px;
  display: block;
  position: relative;
}

.pulse .el_inner span{
   background-color: rgba(255,255,255,.3);
   backdrop-filter:  blur(4px);
   -webkit-backdrop-filter: blur(4px);
   border: 4px solid white;
   border-radius: 100%;
   width:650px;
   height:650px;
   position: absolute;
   left: 0;
   top: 0;
  }
  
  .pulse .el_inner span.el_1{
    animation: 3s pulse infinite linear ;
}

.pulse .el_inner span.el_2{
  animation: 3s pulse infinite linear ;
  animation-delay: .5s;
}

@keyframes pulse {
   0% { transform: scale(0);  opacity: 1;}
   85% {transform: scale(1.2);  opacity: 1;}
   100% {transform: scale(1.3);  opacity: 0;}
}

/* Accordion */

.accordion_video video{
  display: none;
  height: 500px;
  width: 100%;
  object-fit: cover;
}

.accordion_video video.active{
  display: block;
}

.accordion_div{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.accordion{
  height: 100px;
  position: relative;
  overflow: hidden;
  transition: .5s ease;
}

.accordion:before{
  height: 2px;
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--primary-color);
  opacity: .3;
  transition: .5s ease;
}

.accordion.active{
  height: fit-content;
}

.accordion.active::before{
  opacity: 1;
}

.accordion button{
  width: 100%;
}

.accordion button:focus-visible{
  outline: 1px solid var(--button-color);
}

.accordion .heading h3{
  line-height: 1.5;
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  cursor: pointer;
}

.accordion .heading svg{
  height: 40px;
  width: 40px;
  background-color: var(--swiper-button);
  border-radius: 100%;
  padding: 12px;
  transform: rotate(0deg);
}

.accordion .heading svg path{
  fill: var(--text-color);
}

.accordion.active .heading svg{
  transform: rotate(90deg);
  background-color: var(--swiper-button-active);
}

.accordion.active .heading svg path{
  fill: #fff;
}

.accordion .body{
  opacity: 0;
  margin-top: -10px;
  transition: .5s ease;
}

.accordion.active .body{
  opacity: 1;
  max-height: 250px;
  overflow-y: auto;
}

/* Hero Section */

.hero .pulse_el{
  position: absolute;
  left: 0;
  bottom: 120px;
}

.hero_image_bg{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 100px;
  bottom: -140px;
}

.hero_image_bg .image{
  width: 100%;
  object-fit: contain;
  height: 650px;
  bottom: -150px;
  z-index: 4;
}

/* Stats Section */

.stats_section *{
  color: #fff !important;
}

.counter_div{
  width: 100%;
  height: 100%;
  min-height: 200px;
  padding: 20px;
  transition: .3s ease;
}

.counter_div:hover{
  background-color: var(--primary-color);
}

.counter_div2{
  padding: 20px 30px;
  transition: .3s ease;
  height: 100%;
  min-height: 330px;
  border-right: 1px solid #fff;
}
.counter_div2 .counter{
  display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 1rem;
    cursor: pointer;
}
.counter_div2 .counter svg{
  width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100%;
    flex-shrink: 0;
    padding: 10px;
}

.counter_div2 *{
  transition: .3s ease;
}

.counter_div2:hover{
  background-color: #fff;
}

.counter_div2:hover .counter svg{
  background-color: var(--primary-color);
}

.counter_div2:hover .counter svg path{
  fill:#fff;
}

.counter_div2:hover *{
  color:var(--primary-color) !important;
}

.counter_div2 p{
  opacity: 0;
  margin-top: 20px;
  color:var(--text-color) !important;
}

.counter_div2:hover p{
  opacity: 1;
  color:var(--text-color) !important;
}

/* Benefits Section */

.benefitSwiper{
  padding-top: 60px;
  margin-top:-60px;
}

.benefitSwiper .swiper-button-next:after, 
.benefitSwiper .swiper-button-prev:after{
  display: none !important;
}

.benefitSwiper .swiper-button-next,
.benefitSwiper .swiper-button-prev{
  width: fit-content !important;
  height: fit-content !important;
  top: 0 !important;
  margin: 0 !important;
}

.benefitSwiper .swiper-button-next svg, 
.benefitSwiper .swiper-button-prev svg{
  width: 40px;
  height: 40px;
  padding: 12px;
  border-radius: 100%;
  background-color: var(--swiper-button);
}

.benefitSwiper .swiper-button-next svg:hover, 
.benefitSwiper .swiper-button-prev svg:hover{
  background-color: var(--swiper-button-active);
}

.benefitSwiper .swiper-button-next svg path, 
.benefitSwiper .swiper-button-prev svg path{
  fill:var(--text-color);
}

.benefitSwiper .swiper-button-next svg:hover path, 
.benefitSwiper .swiper-button-prev svg:hover path{
  fill:var(--swiper-button);
}

.benefitSwiper .swiper-button-next{
  right: 80px;
}

.benefitSwiper .swiper-button-prev{
  right: 130px;
  left: auto;
  transform: rotate(180deg);
}

.benefitSwiper .swiper-pagination{
  top: 0;
  left: 0;
  width: 50%;
  bottom: auto;
  text-align: left;
}
.benefitSwiper .swiper-pagination .swiper-pagination-bullet{
  width: 100px;
  height: 44px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  margin: 0;
  position: relative;
  background: transparent !important;
}

.benefitSwiper .swiper-pagination .swiper-pagination-bullet:before{
  content: "";
  background-color: #3A3A3A;
  height: 3px;
  width: 100%;
}

.benefitSwiper .swiper-pagination .swiper-pagination-bullet-active:before{
  background-color: var(--button-color);
}

.benefitSwiper .swiper-slide img{
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.benefitSwiper .swiper-slide h4{
  margin-top: 20px;
}

/* Testimonial Swiper */

.benefitSwiper.testimonialSwiper{
  padding-bottom: 80px;
  padding-top: 100px;
  margin-top: -100px;
}

.benefitSwiper.testimonialSwiper .swiper-pagination{
  top: auto;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.benefitSwiper.testimonialSwiper .testimonial{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-height: 200px;
}

.benefitSwiper.testimonialSwiper .swiper-button-next{
  right: 0;
}

.benefitSwiper.testimonialSwiper .swiper-button-prev{
  right: 50px;
}

.testimonial .stars{
  display: flex;
  align-items: center;
  gap: 3px;
}
.testimonial .stars img{
 width: 16px;
 height: 16px;
 object-fit: contain;
}

/* Video Section */

.video_section .pulse_el{
  position: absolute;
  left: 0;
  top: calc(50% - 55px);
}

.video_main{
  width: 400px;
  height: 600px;
  border-radius: 200px;
  overflow: hidden;
  object-fit: cover;
  transition: .5s ease;
}

.main_video_div.active .video_main{
  width: 100%;
  border-radius: 0;
}
.main_video_div.active .play_content{
  opacity: 0;
  pointer-events: none;
}

.play_btn{
  border-radius: 100%;
  height: 120px;
  width: 120px;
  background-color: var(--button-color) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play_btn:hover svg{
  transform: scale(1.2);
}

.play_btn svg path{
   fill:#fff !important;
}

.play_content{
  width: 400px;
  height: 100%;
  display: flex;
  flex-direction: column;
  left: calc(50% - 200px);
  align-items: center;
  justify-content: center;
  border-radius: 200px;
  background-color: rgba(255,255,255,.4);
  pointer-events: all;
  transition: .3s ease;
}

.quote{
  color: var(--primary-color);
  font-size: 0 !important;
  font-weight: 800 !important;
  line-height: 1;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 30px;
  display: inline-flex;
  width: 40px;
  vertical-align: top;
  height: 30px;
  top: 0 !important;
}

/* CTA */

.phone_basic{
  width: 100%;
  max-width: 450px;
  max-height: 700px;
  display: flex;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
  margin: auto;
}

.phone_basic .content{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 60px 30px 40px;
}

.location{
  position: relative;

}

.location .location_text{
  text-underline-offset: .35rem;
  text-decoration-thickness: 2px;
  text-decoration-color: #fff !important;
  display: inline-flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  text-align: center;
}

.location .location_text:hover p{
  text-decoration: underline;
}

.location .location_text:hover:after{
  text-decoration: none !important;
}

.location .location_img{
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 20px;
  bottom: calc(100% + 20px);
  width: 300px;
  max-width: max-content;
  height: 160px;
  object-fit: cover;
  transition: .5s ease;
}

.location .location_text:hover ~ .location_img{
  opacity: 1;
  pointer-events: all;
}

.location_div li .location_text:after{
   content: '/';
   display: inline-block;
   position: relative;
   font-size: 16px;
   line-height: 1.8;
   color: #fff;
   margin-right: 20px;
   text-decoration: none !important;
}

.location_div li:nth-last-child(1) .location_text:after{
  display: none !important;
}

/* Footer */

.social_menu{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap:20px;
  width: 100%;
  list-style: none;
}

.social_menu li{
  background-color: var(--text-color);
  border-radius: 100%;
  background-size: 20px 22px;
  background-repeat: no-repeat;
  background-position: center;
  width: 44px;
  height: 44px;
  position: relative;
  overflow: hidden;
  transition: .3s ease;
}


.social_menu li:hover{
  background-color: var(--primary-color);
}

.social_menu li a{
  font-size: 0 !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

.social_menu li a:focus-visible{
  outline: 1px solid var(--button-color);
}

@media screen and (max-width:1840px){
  .h0{
    font-size: 72px !important;
  }
}

@media screen and (max-width:1620px){
  h1,.h1{
    font-size: 72px !important;
  }
  .pulse,
  .pulse .el_inner span{
    height: 350px;
    width: 350px;
  }
  .hero_image_bg .image{
    height: 400px;
  }
}

@media screen and (max-width:1366px){
  
  h2, .h2{
    font-size: 42px !important;
  }
  h4, .h4{
    font-size: 18px !important;
  }
  .benefitSwiper .swiper-slide img{
    height: 450px;
  }
  .benefitSwiper.testimonialSwiper{
   margin-top: -40px; 
   padding-top: 60px;
  }
}

@media screen and (max-width:1024px){
  .hero_image_bg{
    bottom: -80px;
  }
  .benefitSwiper .swiper-button-next{
    right: 0;
  }
  
  .benefitSwiper .swiper-button-prev{
    right: 50px;
  }
  .counter_div2:nth-child(even){
    border:none !important;
  }
}

@media screen and (max-width:980px){
  h1,.h1{
    font-size: 64px !important;
    line-height: 1.2;
  }

  .pulse,
  .pulse .el_inner span{
    height: 250px;
    width: 250px;
  }
  .hero_image_bg .image{
    height: 300px;
  }

  .location .location_text{
    text-align: left;
  }

  .location_div li .location_text:after{
    display: none;
  }
  .benefitSwiper .swiper-pagination{
    top: 14px;
  }
  .benefitSwiper .swiper-pagination .swiper-pagination-bullet{
    width: 65px;
    margin: 0;
  }
  .benefitSwiper .swiper-pagination .swiper-pagination-bullet:before{
    width: 100%;
    height: 3px;
    border-radius: 5px;
  }
  .video_main{
    width: 300px;
    height: 450px;
  }
  .play_content{
    width: 300px;
  }
  .play_btn{
    width: 80px;
    height: 80px;
    padding: 30px;
  }
  .phone_basic{
    max-height: 600px;
    margin: 0;
    margin-right: auto !important;
  }
  
  .location .location_text:hover ~ .location_img{
    display: none !important;
  }

  .location .location_text p{
    width: 100%;
  }

  .location .location_img{
    position: fixed;
    bottom: 40px;
    width: 100%;
    max-width: 400px;
    height: 220px;
    left: 0;
    padding: 0 20px;
    box-shadow: 1px 1px 16px rgba(0,0,0,.4);
    z-index: 40;
    pointer-events: none !important;
  }
}
@media screen and (max-width:767px){
  h1,.h1{
    font-size: 48px !important;
    line-height: 1.2;
  }
  h2,.h2{
    font-size: 36px !important;
  }
  h3,.h3{
    font-size: 24px !important;
  }
  .hero_image_bg{
    bottom: -50px;
  }
  .hero_image_bg{
    width: 100%;
    right: 0;
  }
  .benefitSwiper .swiper-slide img{
    height: 400px;
  }
  .accordion_video video{
    height: 350px;
  }
  .counter_div{
    min-height: 0;
  }
  .pulse_marquee{
    width: 260vw;
  }
}

@media screen and (max-width:639px){
  h2, .h2{
    font-size: 28px !important;
  }
  .benefitSwiper .swiper-slide img{
    height: 350px;
    object-position: top;
  }
  .counter_div2,
  .counter_div2:nth-child(even){
    border:1px solid #fff !important;
    min-height: 0;
  }
  .video_main{
    width: 250px;
    height: 350px;
  }
  .play_content{
    width: 250px;
  }
  .benefitSwiper.testimonialSwiper{
    margin-top: 10px !important;
    padding-top: 40px;
  }
  .phone_basic{
    max-height: 450px;
  }
}

@media screen and (max-width:540px){
  .logo{
    width: 180px;
  }
  .phone_basic .content{
    padding: 60px 20px 40px;
  }
  .benefitSwiper .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    margin: 0 6px;
  }
  .benefitSwiper .swiper-pagination .swiper-pagination-bullet:before{
    width: 100%;
    height: 12px;
    border-radius: 5px;
  }

}

/* Scroll Animation */

main section{
  opacity: 0;
  transform: translateY(60px);
  transition: .7s ease;
}

main section.scroll_active{
  opacity: 1;
  transform: translateY(0);
}

/* Schedule Modal Form */

#schedule-modal{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: .5s ease;
  background-color: #fff !important;
}

#schedule-modal.modal-active{
  opacity: 1;
  visibility: visible;
}
#schedule-modal .gform_wrapper{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

#schedule-modal form{
  margin-top: 40px;
}

#schedule-modal .gform_required_legend{
  display: none !important;
}

#schedule-modal .ginput_container{
  border: 1px solid rgba(46, 46, 46,.4);
  padding: 10px 20px;
  border-radius: 4px;
  justify-content: space-between;
}

#schedule-modal .ginput_container input,
#schedule-modal .ginput_container select,
#schedule-modal .ginput_container textarea{
  padding: 0 !important;
}

#schedule-modal .ginput_container:has(input:focus-visible),
#schedule-modal .ginput_container:has(select:focus-visible),
#schedule-modal .ginput_container:has(textarea:focus-visible){
  outline: 1px solid #2E2E2E;
  outline-style: inset;
  outline-offset: .25rem;
}

#schedule-modal .ginput_container input:focus,
#schedule-modal .ginput_container select:focus,
#schedule-modal .ginput_container textarea:focus{
   outline: none !important;
   border: none !important;
}

#schedule-modal .gfield{
  grid-column: span 6 / span 6 !important;
  padding-left: 5px;
}

#schedule-modal .g_form_input_large{
   grid-column: span 12 / span 12 !important;
}

#schedule-modal .gform_wrapper::-webkit-scrollbar{
 width: 0;
}

#schedule-modal textarea{
  min-height: 80px;
  max-height: 100px;
}

#schedule-modal .modal_image::before{
   position: absolute;
   left: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   background: linear-gradient(0deg, #2E2E2E 12%, rgba(46, 46, 46, 0.00) 100%);
   content: '';
   display: block;
}

#schedule-modal .content{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 60px 60px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 20;
}

#schedule-modal .content *{
  color: #fff !important;
}

#schedule-modal .close_modal{
  height: 44px;
  width: 44px;
  padding: 7px;
  background-color: #EDF2FF;
  display: flex;
  align-items: center;
  justify-content: center;
}

#schedule-modal h2{
  font-size: 48px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

#schedule-modal h4,
#schedule-modal .text-body{
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
}

#schedule-modal .content svg{
  width: 100%;
  height: 100%;
  max-height: 20px;
}

#schedule-modal .content svg path{
  fill: #2E2E2E !important;
}

#schedule-modal .content .social-icon-link{
  border-radius: 100%;
  height: 44px;
  width: 44px;
  padding: 4px;
  box-shadow: 1px 1px 7px #2E2E2E;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .3s ease-in-out;
}
#schedule-modal .content .social-icon-link:hover{
  transform: scale(.9);
}
#schedule-modal .content .social-icon-link{
  background-color: #fff !important;
}

#schedule-modal .content .social-icon-link:hover{
  background-color: #1755F5 !important;
}

#schedule-modal .content .social-icon-link:hover svg path{
  fill: #fff !important;
}

#schedule-modal .gform_footer{
  width: fit-content !important;
  padding: 0 !important;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  margin-left: auto !important;
  position: relative;
}

#schedule-modal .gform_footer:before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% - 20px);
  background-image: url('./assets/images/arrow_main.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none !important;
  transition: .3s ease;
  padding: 5px;
  z-index: 70;
}

#schedule-modal .gform_footer:hover:before{
  background-color: #1755F5;
  background-image: url('./assets/images/arrow_main_white.svg');
}

#schedule-modal input[type="submit"]{
  background-color: #1755F5 !important;
  color: #fff !important;
  min-width: 0 !important;
  padding: 10px 60px 10px 30px !important;
  margin: 0;
  height: 58px;
  cursor: pointer;
}

#schedule-modal input[type="submit"]:hover{
  border: 1px solid var(--button-color) !important;
  background-color: var(--button-text-color) !important;
  color: var(--button-color) !important;
}

#schedule-modal .gform_fields{
  grid-column-gap: 20px !important;
}

@media screen and (max-width:1366px){
  #schedule-modal .content{
    padding: 0 20px 60px;
  }
}

@media screen and (max-width:576px){
  .button{
    padding: 20px 15px !important;
  }
  .button::before{
    right: 15px;
  }
  #schedule-modal h2{
    font-size: 24px !important;
  }
  #schedule-modal .gform_wrapper{
    padding-right: 0 !important;
  }
  #schedule-modal .gform_fields{
    display: flex;
    flex-direction: column;
    gap: 20px !important;
  }
  #schedule-modal .gfield {
    grid-column: span 12 / span 12 !important;
}
}