/* SAVE TIME WRAPPER START*/
  /* -----------save SECTION------------- */
  .save-section {
    padding:10px 0 20px 0; position: relative;  background:var(--lightblue); }
  .save-section:after { position: absolute; left: 0; top: 70px; right: 0; bottom: 70px; background: url("../img/Group 236.svg"), url("../img/Group 237.svg"); background-color: var(--darkgreen); 
    background-size: auto, auto; background-repeat: no-repeat;
     background-position: top -60px left 315px,top right;  content: ""; z-index: -1; }
  .save-section .container {padding:0px;  width: 100%; max-width: 100%;}
  .save-section .left-section { width: 100%; max-width: 540px;  color: var(--white);  display: flex; align-items: center;  flex-direction: row; padding: 0 30px;   position: absolute; top: 0; bottom: 0; z-index: 9;}
  .save-section .left-section:after{ position: absolute; right: 0; top: 0; bottom: 0; z-index: 5; background: var(--blue); content: ""; width: 7000px; transform: skewX(15deg);}
  .save-section .left-section > div{ position: relative; z-index: 10;}
  .save-section .left-section .sub-heading { font-family: "Barlow"; letter-spacing: 15px;
    font-weight: 600;  margin-bottom: 20px;   color: var(--white); }
  .save-section .left-section .heading { color: var(--white); font-size: var(--fontSize40); padding-bottom: 10px; }
  .save-section .info-wrapper .right-info .text-body {  width: 80%;  text-align: right; }
  .save-section .carousel-container { overflow: hidden;  margin: auto; margin-top: 0px;  position: relative; width: 100%;  }  
  /* .save-section .carousel-container .track-wrapper {  overflow: hidden;  transform: translateX(620px); width: 1350px; } */
  .owl-carousel .owl-item{ padding: 8px;}
  .save-section .carousel-container .track-wrapper .carousel-track { display: flex; transition: transform 0.5s ease; padding: 0 0px; }
  
  /* Individual card style */
  .save-section .carousel-container .card {
    /* flex: 0 0 calc(33.333% - 20px); */
    /* min-width: 310px; */
    /* Show 3 cards at a time */
    display: flex;
    flex-direction: column;
    /* row-gap: 20px;
    margin: 10px; */
    background-color: var(--white);
    border-radius: 11px;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  }
  .save-section .carousel-container .card .underlineYelloGreen{ margin: auto; max-width: calc(100% - 40px);}
  .save-section .carousel-container .card .underlineBlue{ margin: auto; max-width: calc(100% - 40px);}


  .save-section .carousel-container .card img {
    display: inline;
  }
  
  .save-section .carousel-container .card .card-logo {
    text-align: center;
    padding: 15px 20px;
    text-align: center;
  }
  
  .save-section .carousel-container .card .card-logo img {
    max-height: 188px;
  }
  
  .save-section .carousel-container .card .card-logo,
  .save-section .carousel-container .card .card-content {
    width: 100%;
    
  }
  
  .save-section .carousel-container .card .card-content {
    display: flex;
    flex-direction: column;
  }
  
  .save-section .carousel-container .card .card-content h4{padding: 0 20px; font-weight: 600; margin-bottom: 0; margin-top: 15px;}
  .save-section .card .card-content .count {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size:  var(--fontSize17);
    text-align: center;
  }
  
  .save-section .card .card-content .count .range {
    width: 40%;
    color: var(--lightblack);
    padding: 15px 2px 15px 20px ;
  }
  
  .save-section .card .card-content .count .location {
    width: 60%;
    color: var(--lightblack);
    padding: 15px  20px 15px 2px;
  }

  .save-section .card .card-content .description {
    padding:15px 20px 20px;
  }
  
  .save-section .card .card-content .description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 95px;
    margin-bottom: 10px;
    color: var(--lightblack);
    max-width: calc(100% - 50px);
    position: relative;
  }

  .save-section .card .card-content .description a{ position: absolute; right: 30px; bottom: 30px;}
  .save-section .card .card-content .description a:hover{ opacity: 0.4;}

  
  .save-section .card .card-content .description .btn-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px;
  }
  
  .save-section .carousel-container .carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.3s;
    z-index: 10;
  }
  .arrow-section{ display: flex; width: 100%; justify-content: end; padding-top:20px ; border-top: solid 1px #ffffff ; gap: 15px;}
  .save-section .customPrevBtn:hover, .save-section .customNextBtn:hover { opacity: 0.4;  }
  

    /* SAVE TIME WRAPPER END*/


  .top-listing-companies{display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 30px 0; background:var(--lightblue); }

  .top-listing-companies .heading { width: 100%; display: flex;   padding: 0px 0 80px; justify-content: center; text-align: center; }

  .top-listing-companies .heading h2 { width: 100%; max-width: 830px; display: block; color: var(--darkblue);   padding-bottom: 20px; text-align: center; border-bottom: solid 1px var(--blue);  }

    .top-companies h3{ display: flex; width: 100%; font-size: var(--fontSize17); font-weight: 600; padding-bottom: 20px; }
    .top-companies .top-company{display: flex; flex-wrap: wrap;  width: 100%;  background: var(--white);
    padding: 0px; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);  border-radius: 13px;  position: relative;
    margin-bottom: 36px; padding: 20px 20px 0;}
    .top-companies .top-section{display: flex; flex-wrap: wrap;  width: 100%; justify-content: space-between;   align-items: flex-start;}
    .top-companies .sponsor-verified{position: absolute; top: 20px; right: 20px; display: flex;  font-size: 14px; font-weight: 400; column-gap: 25px;}
    .top-companies .top-section .verified {  color: var(--mediumgreen); display: flex; column-gap: 10px; }
    .top-companies .top-section .verified img{ display: inline-block;   width: 14px; }
    .top-companies .top-section .sponsor{ color: var(--orangecolor);  display: flex; column-gap: 10px; }
    .top-companies .top-section .sponsor img{ display: inline-block;  width: 10px;}


 
    .top-companies .top-section .left-section{display: flex; width: 100%; max-width: 144px; height: 144px; border:1px solid var(--lightgrey1); border-radius: 8px; justify-content: center; align-items: center;padding: 4px;}
    .top-companies .top-section .left-section img{ max-height: 90%;}
    .top-companies .top-section .right-section{ display: flex; width:calc(100% - 164px); flex-wrap: wrap; align-items: flex-start;}

    .top-companies .top-section .right-section h3{ font-size:var(--fontSize36); flex-wrap: wrap; padding-bottom: 0;}
    .top-companies .top-section .right-section h3 em{ font-size:var(--fontSize14); display: block; font-weight: 400; padding: 5px 0; width: 100%;}
    .top-companies .top-section .right-section  .reviews{ display: flex;  align-items:flex-start; padding:0px; width: 100%;}
    .top-companies .top-section .right-section  .reviews strong{ font-size:var(--fontSize20); font-weight: 500;  line-height: 30px;}
    .top-companies .top-section .right-section .reviews small{ font-size:var(--fontSize13); font-weight: 500;  color: var(--bluehyperlink);}
    .top-companies .top-section .right-section  .reviews .star{ padding: 0 20px;}
    .top-companies .top-section .right-section  .reviews img{ width: 18px; }
    .top-companies .top-section .right-section  .reviews i{color: rgba(255, 119, 0, 1);margin-left: 5px;}

    .top-companies .top-section .right-section ul{ display: flex; width:100%; flex-wrap: wrap; padding-top: 5px; padding-left: 0;}
    .top-companies .top-section .right-section ul li{ display: flex; flex:1; align-items: center; font-weight: 500; font-size: var(--fontSize14);}
    .top-companies .top-section .right-section ul li i{ margin-right: 10px; color: var(--blue);}

    .top-companies .top-section p{ font-size: var(--fontSize17); font-weight: 400; padding: 20px 0;}

    .top-companies .middle-section{display: flex; flex-wrap: wrap;  width: 100%; justify-content: space-between;   align-items: flex-start;}
    .top-companies .middle-section .mid-left-section{display: flex; width: 100%; max-width: 480px; border-radius: 8px; justify-content: center; align-items: center;padding: 4px;}


    .top-companies .middle-section .mid-right-section{display: flex; flex: 1; border-radius: 8px; justify-content: center; align-items: center;padding: 15px; border: solid 1px var(--lightgrey1); flex-wrap: wrap;}

    .top-companies .middle-section .tabs-section  { display: flex; width: 100%; justify-content: space-between; background:var(--lightblue);}
    .top-companies .middle-section .tabs-section ul { display: flex; width: 100%; justify-content: space-around; padding-left: 0;}
    .top-companies .middle-section .tabs-section ul li{ padding: 0 2px; flex: 1;}
    .top-companies .middle-section .tabs-section ul li a{ display: block; width: 100%; padding: 10px; color: var(--lightlightgray); border-radius: 7px; text-align: center; text-decoration: none;}
    .top-companies .middle-section .tabs-section ul li a i{ margin-right: 10px; color: var(--lLightgray);}

    .top-companies .middle-section .tabs-section ul li a:hover, .top-companies .middle-section .tabs-section ul li.active a{color:var(--white); background:var(--blue); }
    .top-companies .middle-section .tabs-section ul li a:hover i, .top-companies .middle-section .tabs-section ul li.active i{color:var(--white)}


    .top-companies .middle-section .tab-details  { display: none; width: 100%; padding:30px 0px 5px; background: #ffffff; }
    .top-companies .middle-section .tab-details ul  { display: flex; width: 100%; justify-content: space-around; padding-left: 0;}
    .top-companies .middle-section .tab-details ul li  { display: flex; width: 100%; }
    .top-companies .middle-section .tab-details ul li  { display: flex; width: 92px; flex-wrap: wrap; align-items: flex-start; justify-content: center; }
    .top-companies .middle-section .tab-details ul li .img-box  { display: block; width: 100%;  border: solid 1px var(--lightgrey1); width: 92px; height: 92px; border-radius:8px;  }
    .top-companies .middle-section .tab-details ul li h5  { width: 100%;  display:block; font-size: var(--fontSize12); margin-top: 8px; text-align: center; line-height: 1.6;}
    .top-companies .middle-section .tab-details ul li h5 span  { display:block; font-size: var(--fontSize9);}
    .top-companies .middle-section .tab-details ul li h5 span i{ color: var(--orangecolor);}
    .top-companies .middle-section .tab-details:nth-child(2){display: block;}


    .top-companies .middle-section .tab-details ul li  { display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; justify-content: center; }
    .top-companies .middle-section .tab-details ul li .img-box{width: 100%; height: auto; border:none;}


    .top-companies .bottom-section{display: flex;  width: calc(100% + 40px); justify-content: space-between;   align-items: flex-start; background: var(--lightblue); margin: 15px -20px 0; padding: 20px 20px 10px; min-height: 152px; height: 100%; overflow: hidden;}

    .top-companies .bottom-section .left-section{display: flex;  max-width: 800px; align-items: flex-start;   }
    .top-companies .bottom-section .left-section img{ width: 35px; height: 35px; border-radius: 50px;}
    .top-companies .bottom-section .left-section img + div{ padding-left: 10px;}
    .top-companies .bottom-section .left-section h5{display: block; color: var(--lightlightgray); font-size: var(--fontSize14); font-weight: 600; font-style: italic; margin-bottom: 0 ; line-height: 1;}
    .top-companies .bottom-section .left-section h5 span{ display: block; font-size: var(--fontSize9); color:var(--blue); padding-top: 6px; }
    .top-companies .bottom-section .left-section h5 span i{color:var(--orangecolor)}
    .top-companies .bottom-section .left-section p{display: block; color: var(--lightblack); font-size: var(--fontSize14); font-weight: 500; font-style: italic; line-height: 1.4; padding-top: 4px;}

    .top-companies .bottom-section .left-section .slider{display: flex; width: 100%;}
    .top-companies .bottom-section .left-section .owl-dots{ padding-top: 10px !important; margin-left: 40px;} 


    .top-companies .new .middle-section .tab-details ul li{ width: 120px;}
    .top-companies .new .middle-section .tab-details ul li h5{ display: flex; justify-content: space-between; align-items: center; margin:12px 0 3px;}
    .top-companies .new .middle-section .tab-details ul li h5 strong{ justify-content: space-between; padding-left: 10px;}
    .top-companies .new .middle-section .tab-details ul li h5 strong i{color: var(--orangecolor); margin-left: 5px;} */


    .top-companies .tabimg .bottom-section .right-section{display: flex;  align-items: flex-start; flex-wrap: wrap; justify-content: end; height: 100%; padding-bottom: 10px;}
    .top-companies .tabimg .bottom-section .right-section ul + div{ margin-top: auto;}
    .top-companies .tabimg .bottom-section .right-section div a{margin-left: 20px; min-width: 170px;}

    



    .feature-listing-companies{display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 50px 0 50px 0; background:var(--lightblue1); }
    .feature-listing-companies .heading { width: 100%; display: flex; padding-bottom: 50px;   justify-content: center; text-align: center; }

  .feature-listing-companies .heading h2 { max-width: 830px; display: block; color: var(--darkblue);   padding-bottom: 20px; text-align: center; border-bottom: solid 1px var(--blue); font-size: var(--fontSize40); }
    

  .pin { position: absolute;  top: 100px;right:0px; }
 
  


  /* --------------------------------------ELEVENTH SECTION------------------------------------ */
  .eleventh-section {
    background: url("../img/Homepage/fourth_section/circular\ vector.svg"),
      url("../img/Homepage/Semicircle_vector.png"), linear-gradient(270deg, #88B900 0%, #B4D301 90.1%, #88B900 100%);
    background-size: 300px, 200px, cover;
    background-repeat: no-repeat;
    background-position: left 0px, top right;
  }
  
  .eleventh-section .container { display: flex; flex-direction: row;   padding: 70px 15px 70px;
    flex-wrap: wrap;  }
  .eleventh-section .container .left-section {   width: 100%; padding-left: 70px; }
  .eleventh-section .container .left-section img{ max-width: 200px;}
  .eleventh-section .container .right-section {color: var(--white);  padding-left: 70px; }
  .eleventh-section .container .right-section h2 { margin-bottom: 30px !important; }

  .eleventh-section .container .right-section .btn{ max-width: 360px; width: 100%;}



  /* -------------------------------------FOURTEENTH SECTION-------------------------------- */
  .fourteenth-section {
    background: linear-gradient(95.56deg, #00C3FF -0.29%, #1993D1 49.15%, #2085C4 74.81%, #05B8F5 98.4%);
    color: var(--white); margin-bottom: 36px;
  }
  
  .fourteenth-section .bg_img_container {
    background: url('../img/logo-w-circle.png');
    background-size: 450px;
    background-repeat: no-repeat;
    background-position:center right 0px;  padding: 50px 20px;
  }
  
  .fourteenth-section .container .sub-title {
    padding-top: 100px;
    margin-bottom: 15px;
  }
  
  .fourteenth-section .container .text {
  
    font-weight: 400;
    margin-bottom: 30px;
  }
  
  .fourteenth-section .container .secondary-blue-btn {
    background-color: transparent !important;
    margin-bottom: 30px;
  }
  
  .fourteenth-section .container .left-section {
    max-width: 64%;
  }

  .fourteenth-section .container .left-section img {
    max-width: 200px;
  }
    

  .fourteenth-section .container .left-section .btn{ max-width: 360px; width: 100%; margin-bottom: 0px;}

  

/* APEX CHART */
.piChart{ width: 100%;}
.apexcharts-datalabels { display: none;}
.apexcharts-legend.apx-legend-position-right { justify-content:center!important; transform: translateY(20px) translateX(-30px); bottom: 20px !important;}
.apexcharts-legend-series { pointer-events: none;  cursor: pointer; margin: 0px 4px 12px !important;}
.apexcharts-datalabels-group text + text{ display: none;}
.apexcharts-legend-text {padding-left: 20px !important;}
.apexcharts-legend{ width: 60% !important;  }  
.apexcharts-legend-series { align-items: flex-start !important;}


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

.save-section{ margin-top: 20px;}
.save-section .left-section .heading {font-size: var(--fontSize32);}
/* .save-section .carousel-container .track-wrapper{width: 1000px; } */

.top-listing-companies{padding: 40px 0 30px;}
.top-listing-companies .heading{padding: 0px 0 40px;}
.top-listing-companies .heading h2 {font-size: var(--fontSize32);}
.top-companies .top-section .right-section h3,.feature-listing-companies .heading h2{font-size: var(--fontSize32);}

.top-companies .middle-section .mid-right-section{ width: 100%; flex: auto;}

.top-companies .bottom-section {flex-wrap: wrap;}
.top-companies .bottom-section .left-section{ max-width: 100%;}
.top-companies .bottom-section .right-section{ display: flex; width: 100%; justify-content:space-between; align-items: center; height: auto; margin: 15px 0;}
.top-companies .bottom-section .right-section ul{ margin-bottom: 0;}
.top-companies .bottom-section .right-section > div{ margin: 0;}
.top-companies .bottom-section .social-icon2{ width: auto;}

.fourteenth-section .bg_img_container{  background-size: 370px;}

.feature-listing-companies{padding: 50px 0 0px 0px;}

.faqs{padding: 50px 0 0;}
.faqs .heading{font-size: var(--fontSize32); padding-bottom: 20px;}

.faqs ul{ padding-top: 0px;}
.faqs ul li{ margin-bottom: 0px;}



}

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

.top-listing-companies {padding: 20px 0 10px;}
.top-companies .top-section .right-section{ width: 100%; padding-top: 20px;}
.top-companies .top-section .right-section ul li{flex: auto;}
.top-companies .bottom-section .right-section .social-icon2{justify-content:flex-start; padding-right: 20px; }

.feature-listing-companies {padding: 30px 0 0px 0px;}



.save-section { padding-top: 0px;}
.save-section .container{ padding: 0;}
.save-section .carousel-container .track-wrapper{transform: translateX(0px);}
.save-section .left-section{ position:static;max-width: 100%; padding: 0; background: var(--blue); padding: 30px 15px;  }
.save-section .left-section > div{ width: 100%;}
.save-section .left-section::after { display: none;}
.save-section .carousel-container .track-wrapper{width: 100%; padding: 20px 20px 10px; }
.save-section::after{ top: 0; bottom: 0;}
.save-section .left-section .sub-heading{ line-height: 22px;}

.fourteenth-section .bg_img_container { background-size: 300px;}
.fourteenth-section .container .left-section .btn, .eleventh-section .container .right-section .btn{ max-width: 300px;}

.eleventh-section .container .left-section{padding-left: 40px;}
.eleventh-section .container .right-section{ padding-left: 40px;}

.faqs ul li h4{padding: 13px 50px 18px 0;}
.faqs ul li h4::before {font-size: var(--fontSize32);}

.faqs{ padding: 30px 0;}
.faqs ul {padding-top: 10px;}


}

@media only screen and (max-width:767px) {
 
  /* .inner-banner .title-highlight{font-size: var(--fontSize32);} */
  .container{width: 100%; min-width: 100%; max-width: 100%;}
  .top-companies .middle-section .mid-left-section{ width: 100%; max-width: 100%;}
  .top-companies .top-section .right-section ul li{ width: 50%;}
  .top-companies .middle-section .tabs-section ul li a{ padding: 6px; font-size: var(--fontSize13);}
  .top-companies .middle-section .tabs-section ul li a i{ margin: 0; width: 100%; font-size: var(--fontSize16);}
  .top-companies .top-section .right-section h3, .feature-listing-companies .heading h2 {  font-size: var(--fontSize26);  }
  .top-listing-companies{ padding: 0 0 10px;}
  .top-listing-companies .heading h2 {font-size: var(--fontSize28); }

  .top-companies .middle-section .tab-details ul{flex-wrap: wrap; }
  .top-companies .middle-section .tab-details ul li{ width: 100%; padding:10px 0px;}

  .top-companies .bottom-section .right-section{ flex-wrap: wrap;}
  .top-companies .bottom-section .right-section .social-icon2, .top-companies .bottom-section .right-section > div{ width: 100%; padding: 8px 0;}
  .top-companies .bottom-section .right-section .social-icon2 li{ margin: 0 20px 0 0;}
  

  .fourteenth-section .bg_img_container{ background: none; padding: 30px 15px;}
  .fourteenth-section .container .left-section{ max-width: 100%; }
  .fourteenth-section .container .left-section h2{  margin-top: 10px; }
  .fourteenth-section .container .sub-title{padding-top: 20px;}
  
  .save-section .card .card-content .description p{ height: auto;}
  .save-section .left-section .heading {  font-size: var(--fontSize28); }
  .save-section .left-section .heading br{ display: none;}

 .save-section .arrow-section img{ width: 50px;}

  .eleventh-section .container{ padding: 30px 15px 20px;}
  .eleventh-section .container .right-section, .eleventh-section .container .left-section{ padding-left: 0;}

  .faqs .details{ padding: 0;}
  .faqs .heading{ font-size: var(--fontSize28);}
  .faqs ul li h4::before {display:none;}
  .faqs ul li h4{ font-size: var(--fontSize16);}
  
  .apexcharts-legend.apx-legend-position-bottom{ padding-top: 35px !important;}
  .apexcharts-title-text{ width: 100%!important; text-align: center; display: none;}

  
}

@media only screen and (max-width:479px) { 
  .top-companies .sponsor-verified{ position:static;}
  .top-companies .top-section .left-section{max-width: 100%; margin-top: 5px;}
  .top-companies .middle-section .tab-details{padding: 20px 0px 5px;}
  .top-companies .bottom-section .right-section > div{ display: flex; gap: 16px; flex-wrap: wrap;}
  .top-companies .middle-section .tabs-section ul{ flex-wrap: wrap;gap: 10px;}
  .top-companies .middle-section .tabs-section ul li{ flex: auto;}
  .top-companies .top-section .right-section .reviews .star {padding: 0 8px; }
  .top-companies .top-section .right-section .reviews i { margin-left: 3px;  }
  .top-companies .top-section .right-section ul li{ width: 100%;}
  
  .top-companies .bottom-section .right-section .social-icon2{ justify-content: center;}
  .top-companies .bottom-section .right-section .social-icon2 li:first-child{ display: none;}
  .top-companies .bottom-section .right-section div a{ margin: 0;}

  .top-companies .top-section .right-section .reviews .star { padding: 0 8px;}

  

   #chart, #chart *{width: 100%; min-width: auto; margin:  0 auto;}



  
}