@font-face {
   font-family: 'Inter';
  src: url('../fonts/Inter_18pt-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
   font-family: 'Inter';
  src: url('../fonts/Inter_18pt-Medium.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

@font-face {
   font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}  
@font-face {
   font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
   font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
} 



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

:root{
    --black:#000;
    /* --gray:#4A4747; */
    --white:#fff;
    /* --gray1:#434343; */
    --lightBlack:#242424;
    --gray:#333;
}

html{
    scroll-behavior: smooth;
}
body{
    font-size: 18px;
    line-height: 30px;
      font-family: 'Roboto';
      font-weight: 400;
     color: var(--gray);
}

a{
    display: inline-block;
    text-decoration: none;
    color: var(--gray);
}

img{
    display: block;
    max-width: 100%;
}


video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.solar--card-broken {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2316A34A' stroke-linecap='round' stroke-width='1.5' d='M22 12c0-3.771 0-5.657-1.172-6.828S17.771 4 14 4h-4C6.229 4 4.343 4 3.172 5.172S2 8.229 2 12s0 5.657 1.172 6.828S6.229 20 10 20h4c3.771 0 5.657 0 6.828-1.172c.654-.653.943-1.528 1.07-2.828M10 16H6m8 0h-1.5M2 10h5m15 0H11'/%3E%3C/svg%3E");
  vertical-align: middle;
}

.lets-icons--3d-box-light {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23DB2777' stroke-linejoin='round' d='M12 21v-8m0 8l-6.162-4.402c-.411-.293-.616-.44-.727-.655S5 15.475 5 14.971V8m7 13l6.163-4.402c.41-.293.615-.44.726-.655s.111-.468.111-.972V8m-7 5L5 8m7 5l7-5M5 8l5.838-4.17c.56-.4.842-.601 1.162-.601s.601.2 1.162.601L19 8' stroke-width='1'/%3E%3C/svg%3E");
  vertical-align: middle;
}

.iconamoon--store {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%239333EA' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 21h2m16 0h-2M5 21h14M5 21V9.328M19 21V9.328m-14 0a2 2 0 0 1-.11-.068l-.54-.36a2 2 0 0 1-.747-2.407l.894-2.236A2 2 0 0 1 6.354 3h11.292a2 2 0 0 1 1.857 1.257l.894 2.236A2 2 0 0 1 19.65 8.9l-.54.36a2 2 0 0 1-.11.068m-14 0a2 2 0 0 0 2.11-.068L9 8l1.89 1.26a2 2 0 0 0 2.22 0L15 8l1.89 1.26a2 2 0 0 0 2.11.068'/%3E%3Cpath d='M14 21v-5a2 2 0 1 0-4 0v5'/%3E%3C/g%3E%3C/svg%3E");
  vertical-align: middle;
}

.mingcute--ai-line {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%232563EB' d='M9.107 5.448c.598-1.75 3.016-1.803 3.725-.159l.06.16l.807 2.36a4 4 0 0 0 2.276 2.411l.217.081l2.36.806c1.75.598 1.803 3.016.16 3.725l-.16.06l-2.36.807a4 4 0 0 0-2.412 2.276l-.081.216l-.806 2.361c-.598 1.75-3.016 1.803-3.724.16l-.062-.16l-.806-2.36a4 4 0 0 0-2.276-2.412l-.216-.081l-2.36-.806c-1.751-.598-1.804-3.016-.16-3.724l.16-.062l2.36-.806A4 4 0 0 0 8.22 8.025l.081-.216zM11 6.094l-.806 2.36a6 6 0 0 1-3.49 3.649l-.25.091l-2.36.806l2.36.806a6 6 0 0 1 3.649 3.49l.091.25l.806 2.36l.806-2.36a6 6 0 0 1 3.49-3.649l.25-.09l2.36-.807l-2.36-.806a6 6 0 0 1-3.649-3.49l-.09-.25zM19 2a1 1 0 0 1 .898.56l.048.117l.35 1.026l1.027.35a1 1 0 0 1 .118 1.845l-.118.048l-1.026.35l-.35 1.027a1 1 0 0 1-1.845.117l-.048-.117l-.35-1.026l-1.027-.35a1 1 0 0 1-.118-1.845l.118-.048l1.026-.35l.35-1.027A1 1 0 0 1 19 2'/%3E%3C/g%3E%3C/svg%3E");
  vertical-align: middle;
}




.demo-btn{
    display: inline-block;
    color: var(--white);
    padding: 12px 16px;
    text-align: center;
    transition: 0.5s ease-in-out;
    background: linear-gradient(90deg, #2C60EB, #B72DB1, #2C60EB);
     background-size: 200% 100%;
    background-position: left;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    border-radius: 8px;
}

.demo-btn::after{
    content: '';
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M10.159 10.72a.75.75 0 1 0 1.06 1.06l3.25-3.25L15 8l-.53-.53l-3.25-3.25a.75.75 0 0 0-1.061 1.06l1.97 1.97H1.75a.75.75 0 1 0 0 1.5h10.379z' clip-rule='evenodd'/%3E%3C/svg%3E")no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: 0.5s ease-in-out;
}
.demo-btn:hover {
    background-position: right; 
  transform: scale(1.05);
}

.demo-btn:hover::after {
   transform: translateX(3px);    
}






.contact-btn {
  border-radius: 8px;
  background: linear-gradient(90deg, #2C60EB, #B72DB1, #2C60EB);
  background-size: 200% 100%;
  background-position: left;

  color: #fff !important;
  padding: 8px 16px;
  font-size: 22px;
  font-weight: 600;

  transition: all 0.5s ease-in-out;
}

.contact-btn:hover {
  background-position: right; 
  transform: scale(1.05);
}

.heading-one{
    color: var(--lightBlack);
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
     font-family: 'Roboto';
}

.heading-two{
    color: var(--black);
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
     font-family: 'Roboto';
}




.img-hover{
    overflow: hidden;
    border-radius: 40px;
}

.img-hover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}
.img-hover:hover img{
    transform: scale(1.1);
}

/* banner section */

 .banner-section{
    background: #EEF1FE;
    padding-block: 60px;
    }
.banner-section .banner-content .banner-inner-content{
    max-width: 600px;
}
.banner-section .banner-content .twin-heading{
    background: linear-gradient(180deg, #B72DB1 0%, #2C60EB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-weight: 700;
    line-height: normal;
}
 .small-head{
    color: #2563EB;
font-size: 20px;
font-weight: 500;
line-height: normal;
line-height: 26px;
}

.banner-section .banner-content .desc{
    color: var(--gray);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
}

.banner-section .banner-content .heading-one{
   max-width: 500px; 
}


.banner-section   .banner-image{
    text-align: center;
}


/* choose-box */
.choose-box{
    max-width: 992px;
    margin: auto;
    text-align: center;
}

/* feature-boxes */

.bg-sky-blue{
    background: #F2F6FF;
}

.feature-tag{
    border-radius: 50px;
background: #EEF1FE;
color: #2563EB;
font-size: 22px;
font-weight: 500;
line-height: normal;
display: inline-block;
padding: 10px 20px;
margin-bottom: 20px;
}

.feature-boxes .content-box .desc{
    max-width: 600px;
}

.twin-feature-sec .feature-boxes{
    padding-block: 100px;
}
.green-tag{
background: #DAFFE8;
color: #16A34A;

}

.pink-tag{
    background: #FFE7F2;
    color: #DB2777;
}

.purple-tag{
  background: #EDD9FF;
  color: #9333EA;  
}

.green-text{
    color: #16A34A;
}
.pink-text{
    color: #DB2777;
}

.purple-text{
    color: #9333EA;
}

/* .swiper-pagination{
    bottom: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
   
}
.swiper-pagination-bullet-active{
    background: var(--white);
} */

/* faq-section */
.faq-section{
    background: #FAFCFE;
}

.faq-section .accordion-item{
margin-bottom: 20px;
border-radius: 5px;
border: 1px solid #DFEAFF;
background: #FFF;
}

.accordion-flush>.accordion-item:first-child {
    border-top:  1px solid #DFEAFF;
}
.accordion-flush>.accordion-item:last-child {
  border-bottom:  1px solid #DFEAFF;
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 5px;
}
.faq-section .accordion-item .accordion-button::after {
    border-radius: 100px;
    background-color: #EEF4FE;
    width: 35px;
    height: 35px;
    background-position: center;
}


.faq-section .accordion-item .accordion-button{
    color: #676767;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}



.bookformmodal label{
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.bookformmodal .modal-header{
    background: var(--black); 
    color: var(--white);
}
::placeholder{
    font-size: 14px;
    line-height: 20px;
}

.btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    opacity: 1;

}
.red{
    color:red;
}
.iti {
    width: 100%;
}

button{
    border: none;
}
input{
    height: 45px;
}

@media only screen and (max-width:992px){

 .banner-section .banner-content .heading-one{
        font-size: 24px;
        line-height: 31px;
    }
    .banner-section{
        padding-top: 20px;
    }
    

}

@media only screen and (max-width:767px)
{
    body,.banner-section .banner-content .desc{
        font-size: 16px;
        line-height: 26px;
    }

    .feature-tag{
        font-size: 18px;
        line-height: 28px;
    }
    .heading-two{
        font-size: 22px;
        line-height: 30px;
    }
   
    .heading-one{
        font-size: 24px;
        line-height: 30px;
    }
    
.contact-btn {
    padding: 6px 14px;
    font-size: 16px;
}

.banner-section .banner-content .twin-heading{
    font-size: 50px;
    line-height: 60px;
}
.banner-section .banner-content .banner-inner-content
 {
    margin-bottom: 30px;
}
.demo-btn{
    padding: 14px 16px;
    font-size: 16px;
    line-height: 20px;
}

.twin-feature-sec .feature-boxes{
    padding-block: 40px;
}

.faq-section .accordion-item .accordion-button,.accordion-body p {
    font-size: 15px;
    line-height: 25px;
}

.small-head{
    font-size: 16px;
    line-height: 26px;
}

}