
.headache {
   position: relative;
   margin: 150px 0px 0px 0px;
   text-align: center;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
}

.head-font {
   font-family: "Caveat";
}

.headache::before {
   content: '';
   position: absolute;
   top: 35%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 350px;
   height: 200px;
   background-size: cover;
   opacity: 0.2;
   pointer-events: none;
}

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

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

.arrow {
   position: relative;
   margin: 0 auto;
   width: 100px;
   transform: scaleX(-1);
}

.arrow .curve {
   border: 2px solid #BE5F4B;
   border-color: transparent transparent transparent #BE5F4B;
   height: 360px;
   width: 1200px;
   border-radius: 230px 0 0 150px;
}

.arrow .point {
   position: absolute;
   left: 40px;
   top: 315px;
}

.arrow .point:before,
.arrow .point:after {
   border: 1px solid #BE5F4B;
   content: "";
   position: absolute;
}

.arrow .point:before {
   top: -11px;
   left: -11px;
   transform: rotate(-74deg);
   -webkit-transform: rotate(-74deg);
   -moz-transform: rotate(-74deg);
   -ms-transform: rotate(-74deg);
}

.arrow .point:after {
   top: -20px;
   left: 5px;
   transform: rotate(12deg);
   -webkit-transform: rotate(12deg);
   -moz-transform: rotate(12deg);
   -ms-transform: rotate(12deg);
}

.startfree {
   text-align: center;
   width: 200px;
   transform: rotate(-15deg);
}

.parent {
   display: flex;
   justify-content: center;
   align-items: center;
}

.ourSolution,
.IT-solution {
   text-align: center;
}

.sizes {
   font-size: 18px;
}

.Cards3_mypar__bFP_k {
   background-position: -23% 145px !important;
}

.solution {
   background-color: #ffffff;
}

/* Testimonial */

.testimonial {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.testimonialImage {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.carousel-item p {
   font-size: 1.2rem;
   
}

.carousel-item img {
   border-radius: 50%;
   margin: 0rem -10rem 0rem 0;
}

.carousel-item .testimonial-img {
   border-radius: 50%;
   width: 265px;
   height: 106px;
   object-fit: cover;
   margin: 0 -10rem 0 0;
}


.grid-container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
   gap: 16px;
   padding: 16px;
}

.grid-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.text-center {
   text-align: center;
}

.clmfeat{
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;      
}

.brdr_styl{
   border-radius: 50%;
   

}

/* .report_client_cards{
   margin-left: 100px;
} */
.autom_rep{
   width:250px;
   margin-bottom: 100px;
   height: 350px;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
   border-radius: 2rem !important;
}

.crd_cardpara{
   font-size:18px;
   font-weight:normal !important;
}

.crd_cardheading{
   margin-top: 35%;
   padding-bottom: 30px;
   font-weight: bold;
}
.crd_profile{
   position: absolute;
   top:-20%;
   left:26%;
   margin-bottom:30%;
}
.features_card_title{
   text-align: start;
   width:300px;
   height:220px;
   border-radius: 25% 0 0 0;
   text-wrap:wrap;
   margin-top: -100%;
   
}
.crdtitl{
   margin-top: -70px;
   
}

.arngcard1{
   padding-left: 70px;
}

.arngcard2{
   padding-left: 70px;
   margin-top: -120px;
}

.crdpara1{
   font-size:26px;
   color:#6d6a6a;
   font-weight: bold;
   
}

.report_client_cards{
   /* margin-left:10%; */
   background-image:url(/assets/imgs/page/homepage4/bg11.png) ;
   background-repeat: no-repeat;
   position:relative;
}
.crdcardpara{
   font-weight:normal !important ;
}

.features_card_submenu_text{
   margin-top: 50px;
   text-align: start;
   font-size: 20px;
   text-wrap: wrap;
   
}
.crd_buttonstart{
   text-align: start !important;
}

.custombtnmode a{
   color:white !important;
}

.custombtnmode{
   background-color:#0099FF ;
   width:120px;
   height: 50px;
   border:none;
   font-size: 16px;
   border-radius: 1rem;
   
}
.crdtitl{
   font-size: 56px;
   text-wrap: nowrap;
}

@media only screen and (max-width: 452px) {
.clmfeat {
  display: flex;
  flex-direction: column;
  align-items: center;  
  justify-content: center;  
  background-color: white !important;

}

.arngcard2{
   margin-top: 5px;
}

.sec {
   flex: 1 1 100%; 
   margin-bottom: 20px; 
   text-align: center;
   margin-top: 50px;
   margin-left: -242px !important;
   
}
.real{
  padding-left:10px;
  padding-right:10px;

 
}
.features_card_submenu_text{
   text-align: center;
}

.crd_buttonstart,.custombtnmode{
   margin-top: 20px;
   justify-content: center;
   align-items: center;
   text-align: center;
}

.features_card_title{
   background-color: white;
   width: 600%;
   text-align: center;
   
   margin-left: -80px;
   font-size:20px;
   font-family: 'Noto Sans',sans-serif;
   margin-bottom:520%;
   padding-top: 0 !important;
   padding-left: 10% !important;
   


}
.crdtitl{
   font-size: 40px;
   margin-bottom: 20px;
   font-weight: bold;
}

.features_card_title .crdpara1{
   font-size:19px;
}

.features_card_title .features_card_submenu_text{
   font-size:20px;
}
.autom_rep{
   width:220px;
}
.brdr_styl{
   width: 90px;
   margin-top: 20px;
   margin-left: 9px;
}
.butn{
   margin-right: 70px;
}
}

@media screen and (min-width:453px) and (max-width: 1000px) {
.clmfeat {
  display: flex;
  flex-direction: column;
  align-items: center;  
  justify-content: center;  
  background-color: white  !important;
  
}

.arngcard2{
   margin-top: 5px;
}

.sec {
   flex: 1 1 100%; 
   margin-bottom: 20px; 
   text-align: center;
   margin-top: 50px;
   margin-left: -115px !important;
   
}

.features_card_title{
   margin-top: 20%;
   background-color: white;
   width: 100%;
   text-align: center;
   background-color: white;
   margin-left: -80px;
   font-size:20px;
   font-family: 'Noto Sans',sans-serif;
   margin-bottom:180%;
   background-image: none;


}
.crdtitl{
   font-size: 40px;
   margin-bottom: 20px;
   font-weight: bold;
}

.features_card_title .crdpara1{
   font-size:19px;
   text-align: center !important;
   
}

.features_card_title .features_card_submenu_text{
   font-size:20px;
}
}
@media screen and (min-width:992px) and (max-width:1000px){
   .sec{
      margin-left:-30px !important; ;
   }
}

@media screen and (min-width:767.5px) and (max-width:1001px){
   .sec{
      padding-left:50px !important;
      /* align-items: center; */
      /* display:flex; */
   }
   .royal{
      py:5px;
   }
}
@media screen and (min-width:1000px) and (max-width:1200px){
   
   .sec{
      padding-left: 50px!important;
   }
}

@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
   .grid-container {
      gap: 40px;
      padding: 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
   .grid-container {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
      gap: 35px;
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }

}

@media (min-width: 1400px) {
   .container-width {
      max-width: 700px !important;
   }
}

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

   .carousel-item .testimonial-img {
      border-radius: 50%;
      width: 265px;
      height: 94px;
      object-fit: cover;
      margin: 0 -10rem 0 0;
   }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {

   .carousel-item .testimonial-img {
      border-radius: 50%;
      width: 265px;
      height: 70px;
      object-fit: cover;
      margin: 0 -10rem 0 0;
   }

   .clientImage {
      margin-right: -60px;
   }

}
@media screen and (min-width: 767px) and (max-width: 824px) {
.tabview {
   display:flex;
   justify-content: center;
   margin: top -10px;
}
}

@media screen and (min-width: 343px) and (max-width: 767.98px) {

   .clientup {
      display: none;
   }

   .carousel-item .testimonial-img {
      border-radius: 50%;
      width: 252px;
      height: 91px;
      object-fit: cover;
      margin: 0 -10rem 0 0;
      margin-bottom: 10px;
   }
}
@media screen and (max-width: 438.98px) {
   .client-section {
      display: none;
   }
}
@media screen and (max-width: 425.98px) {
   .clientup {
      display: none;
   }

   .headng {
      font-size: 30px !important;
   }
}

@media screen and (max-width: 592.98px) {
   .headng {
      font-size: 30px !important;
   }

}

@media screen and (min-width: 768px) {
   .clientdown {
      display: none;
   }
}

@media screen and (min-width: 768px) and (max-width: 824.98px) {

   .Cards3small {
      margin-top: 15px !important;
   }
}

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

   .ourFeatures {
      margin-right: 90px;
   }
}

.clientImage {
   margin-right: -95px;
}

.flipped-image {
   transform: scaleX(-1);
   width: 50px;
}

/* style for the button tag, because the <a> tag style is getting overwritted */
.btnclrchngemode {
   color: white;
}

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

.carousalbody {
   margin-top: 50px;
   display: grid;
   overflow: hidden;
}

.carouselslide {
   width: 400%;
}

.slider-track {
   display: flex;
   width: calc(300px * 18);
   animation: scroll 60s linear infinite;
}

@keyframes scroll {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(calc(-300px * 11)); 
   }
}

.cards {
   height: 100% !important;
   width: 13rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.slides {
   display: flex;
   align-items: stretch;
   padding: 25px;
}

.card p {
   margin-top: 10px;
   font-weight: bold;
}

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

.crdbody {
   margin-top: 20px;
   flex: 1 1 auto;
   padding: 1rem;
}

.headngtag1, .headngtag5{
   margin-top: 0;
   margin-bottom: .5em;
   font-weight: 500;
}

.headngtag5 {
   font-size: 22px;
   line-height: 28px;
}

.margtop {  
   margin-top: 1.5rem !important;
}

.freetrl {
   color: #000;
  
}

.freetrl:hover{
   color: #90331c;
   text-decoration: none !important;
}

.trail {
   font-weight: bolder;
}

.padngy, .caro{
   padding-top: 3rem !important;
   padding-bottom: 3rem !important;
}

.headngtag3 {
   font-size: 44px;
   line-height: 54px;
}

.padng5 {
   padding: 3rem !important;
}

.padngtop3 {
   padding-top: 1rem !important;
}

.padngend5 {
padding-right: 3rem !important;
}

@media screen and (min-width: 453px) and (max-width: 767.98px) {
   
   .arngcard1{
      padding-left: 10px;
   }

   .arngcard2{
      padding-left: 10px;
   }
}

@media screen and (max-width: 1001px) {
   .headcard-below{
      display: none;
   }      
   .report_client_cards{
      /* margin-left:3%; */
      background-image:none ;
      background-repeat: no-repeat;
      position:relative;
   }
}

@media screen and (min-width: 1000.98px) {
   .headcard-above{
      display: none;
   }
}

.features-content{
   color: gray;
}
.real{
   padding-top:12%;       
   }

