.head-font {
font-family: "Caveat" !important;
}
body {
   font-family:  sans-serif !important;
}

[data-aos] {
   transition-duration: 700ms;
}

.getstarted {
   background-image: linear-gradient(to right, #ce5234, #90331c);
   width: 190px;
   height: 50px;
   border: none;
   color: white;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   line-height: 50px;
   cursor: pointer;
}

.getstarted:hover {
   background-image: linear-gradient(to right, #90331c, #90331c);
}
.account {
   padding-top: 5%;
}
.accounts-pl{
   padding-left: 40px !important;
}

.font-sizes {
   font-size: 18px;
   text-align: justify;
}
.startbtn{
  
   width: 190px;
   height: 50px;
   border: none;
   
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   line-height: 50px;
   cursor: pointer;
}

@media only screen and (max-width: 768.98px){
  .getstarted {
   background-image: linear-gradient(to right, #ce5234, #90331c);
   width: 131px !important;
   height: 37px !important;
   border: none;
   color: white;
   font-size: 13px !important;
   font-weight: bold;
   text-align: center;
   line-height: 29px !important;
   cursor: pointer;
}

.getstarted:hover {
   background-image: linear-gradient(to right, #90331c, #90331c);
}
}


@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .account {
       padding-top: 0%;
   }

   .account-track {
       padding-top: 0% !important;
   }
}

@keyframes fadeIn {
   0% {
       opacity: 0;
   }

   50% {
       opacity: 0.5;
   }

   100% {
       opacity: 1;
   }
}



.account-track {
   padding-top: 15%;
}

@media only screen and (max-width: 767.98px) {
   .account {
       padding-top: 5%;
   }

   .account-track {
       padding-top: 0%;
   }


   .margin-bottom {
       margin-bottom: 5%;
   }
   .ultimate{
       margin-top: 25px !important;
   }
   .inventory{
       padding-top:50px !important;
       
   }
   .font-sizes {
       font-size: 16px;

   }
}

.explore-btn {
   margin-top: -50px;
}

@media only screen and (max-width: 600px) {
 
   .inputboxes {
       width: 180%;
   }

   textarea.inputboxes {
       width: 180%;
   }

   .input-group .call-action-primary-btn {
       width: 30%;
   }
}

@media only screen and (max-width: 400px) {
  
   .inputboxes {
       width: 110%;
   }

   textarea.inputboxes {
       width: 110%;
   }

   .input-group .call-action-primary-btn {
       font-size: 10px;
       width: 25%;
   }
}

@media only screen and (max-width: 240px) {
   .input-group .call-action-primary-btn {
       font-size: 10px;
       width: 30%;
   }
}

.heading {
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   margin-bottom: 5px;
}

.inputboxes {
   width: 100%;
   padding: 12px;
   margin-bottom: 15px;
   border: 1px solid #ddd;
   border-radius: 8px;
   outline: none;
   font-size: 16px;
   color: #333;
   background-color: #fff;
}

.inputboxes option {
   color: #333;
}

textarea.inputboxes {
   height: 45px;
}
@media (max-width: 768px) {
   .contform {
       padding: 20px;
   }
   .contform h1 {
       font-size: 20px;
   }
   .inputboxes {
       font-size: 14px;
       padding: 10px;
   }
   .call-action-primary-btn {
       font-size: 14px;
   }
}

.call-action-primary-btn {
   background-color: brown;
   color: #fff;
   padding: 12px;
   width: 100%;
   border: none;
   border-radius: 8px;
   font-size: 16px;
   font-weight: bold;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.call-action-primary-btn:hover {
   color: white;
}

.input-group {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   
}

.features-badge {
   font-size: 15px;
   padding: 3px 9px 5px 9px;
   background-color: #90331c;
   color: #fff;
   border-radius: 20px;
   margin-bottom: 20px;
}

.customercard{
margin-top:50px;
}

@media (max-width: 768px) {
 
   .accounts-pl{
       padding-left:0px !important;
   }
}
 
.accordion {
   .accordion-item {
       border-bottom: 1px solid #e5e5e5;

       button[aria-expanded='true'] {
           border-bottom: 1px solid #90331c;
       }
   }

   button {
       position: relative;
       display: block;
       text-align: left;
       width: 100%;
       padding: 1em 0;
       color: #7288a2;
       font-size: 1.15rem;
       font-weight: 400;
       border: none;
       background: none;
       outline: none;
       cursor: pointer;

       &:hover,
       &:focus {
           color: #90331c;
       }

       .accordion-title {
           padding: 1em 1.5em 1em 0;
       }

       .icon {
           display: inline-block;
           position: absolute;
           top: 18px;
           right: 2px;
           width: 22px;
           height: 22px;
           border: 1px solid;
           border-radius: 22px;
       }

       .icon::before {
           display: block;
           position: absolute;
           content: '';
           top: 9px;
           left: 5px;
           width: 10px;
           height: 2px;
           background: currentColor;
       }

       .icon::after {
           display: block;
           position: absolute;
           content: '';
           top: 5px;
           left: 9px;
           width: 2px;
           height: 10px;
           background: currentColor;
       }
   }

   button[aria-expanded='true'] {
       color: #90331c;

       .icon::after {
           width: 0;
       }

       +.accordion-content {
           opacity: 1;
           max-height: 9em;
           transition: all 200ms linear;
           will-change: opacity, max-height;
       }
   }

   .accordion-content {
       opacity: 0;
       max-height: 0;
       overflow: hidden;
       transition: opacity 200ms linear, max-height 200ms linear;
       will-change: opacity, max-height;

       p {
           font-size: 1rem;
           font-weight: 300;
           margin: 2em 0;
           color: #7288a2;
       }
   }
}
.headingtag {
font-size: 44px;
line-height: 54px;
}

.features {
max-width: 70%;
height: auto;
margin-top: 30px;
}


.btnclrchngemode {
color: white;
}

.btnclrchngemode:hover {
color: white !important;
}

.formstyle {
   background-color: #f9f9f8;
   margin-top: 50px;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
   width: 100%;
   max-width: 450px;
   margin-left:auto;
   text-align: center;
   
}
.formstyle h1 {
   font-size: 26px;
   font-weight: bold;
   margin-bottom: 20px;
}

.contform {
   background-color: #fff;
   margin-top: 50px;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
   width: 100%;
   max-width: 400px;
   margin-left:auto;
   text-align: center;
   
}

.contform h1 {
   font-size: 26px;
   font-weight: bold;
   margin-bottom: 20px;
}
.crdimg{
   width: 100px;
   height: auto;
   margin-top: 15px;
}

.centerimg{
   width:70px;
   height:auto;
}
.partners{
   max-width: 100%;
   height: auto;
   margin-bottom: 20px;
   border-radius: 8px;
   font-size:18px;
   /* margin-left:20px; */
}

.fade-in-animation{
   padding-top:30px;
}

.feature-icon{
   font-size: 24px;
   color: #f39c12;
   margin-right: 8px;
}
.centimg{
   padding-top:80px;
   padding-bottom:80px;
}

/* Media query for responsiveness */
@media (max-width: 768px) {
   .formbackcolor {
       padding: 20px;
   }

   .formbackcolor .heading {
       font-size: 20px;
   }
}

@media screen and (max-width: 425.98px) {
.shado {
   margin-top: 90px;
}
}

.h2-features-badge{
margin-bottom: 0px;
line-height: 58px;
}


.head-font-size {
font-size: 25px !important;
}
.faqbutton:focus{
outline:none !important;
}

.partcrd{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.feacrd {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
/* text-align: center; */
border-radius: 15px; 
     
}

.feacrd img {
width: 70px;
height: 70px;
margin-bottom: 10px;
}

.feacrd p {
font-size: 16px;
}

.inventory{
padding-top:80px;
background-color:#E8E8E4;
padding-bottom:80px;

}
.btnclrchngemode:hover{
text-decoration: none !important;
}

.chooseus{
padding-top: 80px;
padding-bottom:80px;
}

.faq{
padding-top: 80px;

}

.bgclr{
background-color:#FEF3EB;
padding-bottom:80px;
padding-top:80px;
}

.aftertab{
background-color:#E8E8E4;
padding-bottom:80px;
padding-top:80px;
}
.lastform{
padding-bottom:80px;
padding-top:80px;
}
.lastsec{
padding-bottom:80px;
padding-top:80px;
background-color: #DAA8A8;
}
.learn {

color: #007bff; 
align-items: center; 

}

.learn:hover {
text-decoration: none !important;
color: #0056b3; 
}

.learn::after {
content: " →"; 
font-size: 1em;
}


.crdtxt{
font-size:15px;
text-align:justify;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
   .account {
       padding-top: 2% !important;
   }
}

@media only screen and (max-width: 575.98px) {
   .padng {
       padding-right: 20px !important;
       padding-left: 20px !important;
   }
   .padng-img{
       padding-top:30px;
   }
}       

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .h2active {
      display: none;
   }
 
}
@media only screen and (max-width: 599.99px) {
   .heading {
   margin-bottom: 20px !important;
}
}
   .imge{
     max-width: 100%;
     height: auto;
}
@media only screen and (min-width:340px) and (max-width:767.5px){
   .ultimate{
     padding-left: 75px;
     padding-right: 75px;
}
   .align{
     padding-left: 75px;
     padding-right: 75px;
}
   .accelerate{
       font-size: 42px !important;
   }
}

@media screen and (max-width: 453px) {
   .headmobile{
       margin-top: 30px;
   }
   
}
@media screen and (min-width: 250px) and (max-width: 992px) {
   .formstyle {
       margin: 0 auto; 
       width: 100%; 
       /* max-width: 300px; */
       margin-top:30px;
   }
   .contform{
       margin: 0 auto; 
       width: 100%; 
       /* max-width: 300px; */
       margin-top:30px;  
   }
}

@media screen and (min-width:768px) and (max-width: 990.98px) {
   .strbtn {
       padding-left:35px;
   }
   .centerimg{
       margin-left:350px;
   }
   .getstarted{
       width:160px;
       height:45px;
   }
}

@media screen and (min-width:768px) and (max-width:991.98px){
   .lstfea{
       margin-left:200px;
   }
}
@media screen and (min-width:990px) and (max-width:991.98px){
   .partcrd{
       margin-top:5px;
   }

}

@media screen and (max-width: 550.98px) {
   .bgclr{
       padding-top:50px;
       padding-bottom:50px;
   }
   .centimg{
       padding-top:50px;
       padding-bottom:50px;
   }
   .chooseus{
       padding-top:50px;
       padding-bottom:50px;
   }
   .aftertab{
       padding-top:50px;
       padding-bottom:50px;
   }
   .faq{
       padding-top:50px;
       padding-bottom:50px;
   }
   .lastform{
       padding-top:50px;
       padding-bottom:50px;
   }
  
}

@media screen and (max-width: 991.98px) {
   .martop {
       margin-top:25px;
   }
   .custom-padding {
       padding-top: 25px;
   }
   .choseusimg {
       text-align:center;
      
   }
   .partcrd {
       margin-bottom: 20px; 
   }
   
   .getstarted{
       display: flex;
       justify-content: center;
       align-items: center;
       margin: 0 auto;
   }
}
@media screen and (max-width: 550.98px) {
   .martop {
       padding-bottom:50px;
      
   }
}
@media screen and (min-width:452px) and (max-width:991.98px){
   .inventory{
       padding-top:30px;
   }
}


@media screen and (max-width:350.98px){
   .contform h1{
       font-size:19px;
   }
   .formstyle h1{
       font-size:19px;
   }
   .accelerate{
       font-size: 34px !important;
   }
}