* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Bricolage Grotesque", sans-serif;
    ;
  }

  :root {
    --r: 22;
    --g: 34;
    --b: 45;
    --pc: rgb(var(--r) var(--g) var(--b) / 100%);

    --ar: 236;
    --ag: 171;
    --ab: 35;
    --ac: rgb(var(--ar) var(--ag) var(--ab) / 100%);
    --ash-50: rgb(var(--ar) var(--ag) var(--ab) / 50%);

    --black: #000000;
    --white: #ffffff;
    --off-white: #F7F9FC;

    --bg-1: #F7F9FC;
    --bg-2: #EEF2F6;

    --text: rgb(11 31 51 / 85%);
    --text-muted: rgb(11 31 51 / 60%);

    --bd-color: rgb(15 42 68 / 15%);

    --sh-5: rgb(var(--r) var(--g) var(--b) / 5%);
    --sh-10: rgb(var(--r) var(--g) var(--b) / 10%);
    --sh-12: rgb(var(--r) var(--g) var(--b) / 12%);
    --sh-20: rgb(var(--r) var(--g) var(--b) / 20%);
    --sh-30: rgb(var(--r) var(--g) var(--b) / 30%);

    --rad-1: 8px;
    --rad-2: 4px;
    --rad-0: 50%;

    --fw-3: 500;
    --fw-2: 600;
    --fw-1: 700;

    --fs-1: 18px;
    --fs-2: 16px;
    --fs-3: 14px;

    scroll-behavior: smooth;
  }


  /* # General
  =================================================*/
  body {
    background-color: var(--white);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
  }

  .accent-color {
    color: var(--ac);
  }

  a {
    color: var(--pc);
    transition: all 0.5s;
    text-decoration: none;
  }

  p {
    line-height: 2;
  }

  li,
  p {
    color: rgb(0 0 0 / 70%);
  }

  h6,
  .h6,
  h5,
  .h5,
  h4,
  .h4,
  h3,
  .h3,
  h2,
  .h2,
  h1,
  .h1 {
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: var(--ff-heading);
  }

  h1,
  .h1 {
    font-size: clamp(1.5625rem, 0.6696rem + 2.381vw, 2.8125rem) !important;
  }

  h2,
  .h2 {
    font-size: clamp(1.325rem, calc(1.325rem + 0.9vw), 2rem) !important;
  }

  h3,
  .h3 {
    font-size: clamp(1.3rem, calc(1.3rem + 0.6vw), 1.75rem) !important;
  }

  h4,
  .h4 {
    font-size: clamp(1.275rem, calc(1.275rem + 0.3vw), 1.5rem) !important;
  }

  h5,
  .h5 {
    font-size: 1.25rem !important;
  }

  h6,
  .h6 {
    font-size: 1rem !important;
  }

  /* # Common Class
  =================================================*/

  /* all-page property for all page ___ start */
  .all-page ul li::marker {
    color: var(--pc)
  }

  .auth-social-follow ul {
    list-style-type: none;
  }

  .all-page :is(p, li, h2, h3, h4, h5, h6, summary):not(#breadcrumbs,
    .ac-toc-wrap ul li,
    .author-social-link ul li,
    .auth-social-follow ul li,
    [class*="social-links"] ul li) a {
    border-bottom: 2px solid var(--pc);
    color: var(--pc);
    font-weight: 600;
    transition: all 0.3s ease-in-out;
  }

  .all-page :is(p, li, h2, h3, h4, h5, h6, summary):not(#breadcrumbs,
    .ac-toc-wrap ul li,
    .author-social-link ul li a,
    [class*="social-links"] ul li) a:hover {
    border-bottom: none;
    transition: all 0.3s ease-in-out;
  }

  /* row & container  __________ start */

  .img-placeholder {
    background-color: #c7c7c7;
    transition: all 0.3s ease-in-out;
  }

  .ac-shadow-cont {
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 6px 9px 0px #0000000F;
  }

  .border-bottom:not(:first-child) {

    border-top: 1px solid var(--bd-color);
  }

  .text-white {
    color: var(--white);
  }

  /* # Common Components
  =================================================*/

  /* Breadcrumbs ___________Starts */
  #breadcrumbs span span:not(:last-child):after {
    color: var(--black);
  }

  /* dl bg con_____________Start*/

  .ac-con-bg {
    --bg-color: #F8F8F8;
  }

  .ac-bg-accent {
    --bg-color: #EBE5D5;
  }

  [class*="con-bg"] {
    background-color: var(--bg-color);
  }

  /* .ac-bg-accent {
    background-color: #EBE5D5;
  } */

  :is(.arrow-up, .ac-bg-img, .left-arrow, .right-arrow, .ac-bg-img) {
    position: relative;
    z-index: 2;
  }

   .left-arrow::before,
  .right-arrow::after,
  .left-arrow::before,
  .arrow-up::before,
  .ac-bg-img::after {
    content: "";
    position: absolute;
    z-index: -1;
  }

  .support{
    background-image: url('../images/support-bg-img.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .arrow-up::before {
    height: 449px;
    width: 100%;
    left: 0;
    bottom: 0px;
    display: block;
    background-image: url(../../assets/images/footer-bg-pattarn.png);
    background-position: 0px 44%;
    background-repeat: no-repeat;
  }

  .testimonal {
    height: 100%;
    width: 100%;
    left: -50%;
    transform: translateX(-50%);
    top: 0px;
    display: block;
    background-image: url(../../assets/images/testimonial.svg);
    background-position: 0px 44%;
    background-repeat: no-repeat;
  }

  .left-arrow::before {
    height: 417px;
    width: 100%;
    left: 0;
    bottom: 0px;
    content: "";
    display: block;
    background-image: url(../../assets/images/left-arrow.svg);
    background-position: 0px 44%;
    background-repeat: no-repeat;
    opacity: 0.05;
  }

  .right-arrow::after {
    height: 395px;
    width: 247px;
    right: 0;
    bottom: 0px;
    content: "";
    display: block;
    background-image: url(../../assets/images/right-arrow.svg);
    background-position: 0px 44%;
    background-repeat: no-repeat;
    opacity: .05;
  }

  .ac-bg-img::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -191px;
    width: 211px;
    height: 191px;
    background-image: url(../../assets/images/texture.svg);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
  }

  footer.arrow-up::before {
    opacity: .15;
  }



  /* site-btn ___________Starts */
  .ac-btn {
    border: 1px solid var(--ac);
    background: var(--ac);
    color: var(--black);
    transition: all 0.3s ease-in-out;
    font-weight: 400;
    border-radius: 30px;
    font-size: 16px;
  }


  .ac-btn svg {
    fill: var(--black);
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
  }

  .ac-read-btn svg {
    fill: var(--pc);
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
  }

  .ac-read-btn.accent-color svg {
    fill: var(--ac);
  }


  .ac-btn:hover {
    border: 1px solid var(--pc);
    background: var(--pc);
    color: var(--white);
    transition: all 0.3s ease-in-out;
  }

  .ac-read-btn:hover {
    color: var(--ac);
    transition: all 0.3s ease-in-out;
  }

  .ac-read-btn:hover svg {
    fill: var(--ac);
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
  }

  .ac-btn:hover svg {
    fill: var(--white);
  }


  /* site cards  ___________Starts */

  [class*="card"] {
    transition: all 0.3s ease-in-out;
    border-radius: 4px 4px 0 0;
    background: var(--white);
  }

  .ac-card {
    --color: var(--black);
    --meta: var(--text);
    --cat: var(--pc);
  }

  .img-placeholder,
  .img-placeholder img {
    border-radius: var(--rad-2) var(--rad-2) 0 0;
  }

  [class*="title"] {
    font-family: var(--ff-heading);
    color: var(--color) !important;
    font-weight: 700;
    line-height: 1.4;
  }

  .ac-title {
    font-size: 18px !important;
  }

  .ac-sub-title {
    font-size: 24px;
  }

  .ac-big-title {
    font-size: 32px;
  }

  .description {
    color: var(--meta);
  }

  .ac-cat {
    color: var(--pc);
    font-size: 14px;
    font-weight: 600
  }

  .ac-timeline,
  .ac-timeline>* {
    font-size: 13px;
  }

  .ac-timeline svg,
  .ac-timeline .ac-author {
    color: var(--meta);
    fill: var(--meta);
  }

  .ac-author {
    font-weight: 600
  }

  [class*='card'] hr {
    opacity: .5;
  }

  [class*='border'] {
    border: 1px solid var(--bd-color);
  }

  .bg-white {
    background: var(--white);
  }

  .auth-img img {
    border-radius: 50%;
  }

  .blog-detail .auth-img img {
    border: 1px solid var(--bd-color);
    padding: 2px;
  }

  .ac-cat-btn {
    color: var(--ac);
    font-size: 14px;
  }

  .ac-auth-card .auth-img img {
    width: 90px;
    width: 90px;
    border: 1px solid var(--pc);
    padding: 5px;
  }

  .ac-auth-card .ac-card-content {
    background: transparent !important;
  }

  /* Separator_____________Start*/


  .main-head {
    color: var(--black);
    font-size: clamp(1.25rem, 0.7143rem + 1.4286vw, 2rem);
    font-weight: 600;
    margin-bottom: 0 !important;
  }

  .ac-sep {
    gap: 10px;
  }

  .divider-line > *:not(:last-child) {
    border-bottom: 1px solid var(--bd-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  /* Social Icons _____________Start*/

  .ac-social-links ul li a {
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    background: var(--ac);
    border: 1px solid var(--bg);
  }

  .ac-social-links ul li a:hover {
    transition: all 0.3s ease-in-out;
    background: var(--pc);
    border: 1px solid var(--pc);
  }

  .ac-social-links ul li a svg {
    fill: var(--white);
    transition: all 0.3s ease-in-out;
  }

  .ac-social-links ul li a:hover svg {
    transition: all 0.3s ease-in-out;
    fill: var(--white);
  }

  /* pagination_____________start */

  .pagination a.page-numbers {
    background: #e7e7e7;
    color: var(--black);
  }

  .pagination a.page-numbers,
  .pagination span.page-numbers.current {
    font-size: 20px;
    font-weight: 500;
    line-height: 38px;
    transition: .3s;
  }

  span.page-numbers.current,
  .pagination a.page-numbers:focus,
  .pagination a.page-numbers:hover {
    background: var(--white);
    color: var(--white);
  }

  .pagination a.page-numbers:after,
  .pagination a.page-numbers:before,
  span.page-numbers.current:after,
  span.page-numbers.current:before {
    background-color: var(--pc);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  }



  /* # Header
  =================================================*/
  header {
    background: var(--white);
    box-shadow: 0px 6px 9px 0px #0000000F;
    transition: all 0.3s ease-in-out;
  }

  header li a {
    color: var(--black);
  }

  :is(header, footer) li a:hover,
  .ac-menu ul li .active {
    color: var(--pc);
  }

  .ac-menu ul li .active {
    font-weight: 600;
  }

  /* top bar _______ start */
  .top-bar {
    border-bottom: 1px solid #0f2a440d;
  }

  .top-bar .ac-timeline a {
    color: var(--pc) !important;
    font-weight: 600;
    border-bottom: 1px solid var(--pc);
    margin-left: 5px;
  }

  .top-bar a:hover {
    color: var(--ac) !important;
    border-bottom: 1px solid var(--ac);
  }

  .top-bar span {
    color: var(--pc) !important;
    font-weight: 200;
  }

  /* search form _____ start */
  .menu-search-form {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
  }

  .search-btn svg {
    fill: #8f8f8f;
  }

  /* dropdown ______ start */
  .dropdown::after,
  .dropdown .dropdown::after,
  .dropdown ul {
    transition: all 0.3s ease-in-out;
  }

  .dropdown ul {
    background: var(--white);
    box-shadow: var(--shadow-sm);
  }

  .dropdown::after,
  .dropdown .dropdown::after {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 5.588 4 4 4-4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
  }

  .mob-search-btn {
    background: var(--ac);
    border-radius: 50%;
  }

  .mob-search-btn svg {
    fill: var(--white);
  }

  .call-btn svg {
    stroke: var(--black);
    fill: none !important;
  }

  .menu-search-form {
    background: var(--white);
    transition: all 0.3s ease-in-out;
  }

  .search-bar-show {
    transition: all 0.3s ease-in-out;
  }

  header nav ul {
    background-color: var(--white);
  }


  /* # Home page
  =================================================*/
  .ac-home-page .all-page ,  .ac-service-page .all-page {
    padding-top: 0 !important;
  }

  .ac-home-page .ac-con-hero {
    padding: 100px 0;
    background-color: var(--pc);
    background-image: url('../images/blur-yellow.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 4;
  }

  /* .ac-home-page .ac-con-hero .container {
    position: relative;
    z-index: 4;
  } */


 .ac-con-hero {
    padding: 50px 0;
    background-color: var(--pc);
  }

  .hero-counter .img {
    flex-shrink: 0;
  }

  .hero-counter .img svg path {
    fill: var(--white) !important;
  }

  .ac-con-hero .hero-counter .counter-box {    
    background: #FFFFFF1A;
    border-radius: 10px;
    color: var(--white);
    padding: 20px;
    gap: 20px !important;
    align-items: center !important;
  }      
  
  .ac-con-hero .hero-counter .counter-box .counter-detail p {
    color: var(--white) !important;
  }

  @media (min-width: 992px) {

    .ac-home-page .hero-content, .hero-tag, .hero-btn{
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }

    .ac-con-hero .hero-counter,
    .ac-con-hero .hero-counter .container,
    .ac-con-hero .hero-counter .row,
    .ac-con-hero .hero-counter .row>[class*="col"] {
      position: static;
    } 

    .ac-con-hero .hero-counter .counter-box {
      position: absolute; 
      width: auto;
      max-width: 280px;
      height: fit-content;     
    }

  
    .ac-con-hero .hero-counter .row>[class*="col"]:nth-child(1) .counter-box {
      left: 20px;
      top: 120px;
    }
  
    .ac-con-hero .hero-counter .row>[class*="col"]:nth-child(2) .counter-box {
      right: 20px;
      top: 120px;
    }
  
    .ac-con-hero .hero-counter .row>[class*="col"]:nth-child(3) .counter-box {
      left: 80px;
      bottom: 60px;
    }
  
    .ac-con-hero .hero-counter .row>[class*="col"]:nth-child(4) .counter-box {
      right: 80px;
      bottom: 60px;
    }
  }




  .hero-tag {
    background: #FFFFFF1A;
    padding: 10px 20px;
    border-radius: 50px;
    width: fit-content;
    font-size: 14px;
    color: var(--ac);
  }

  .counter-img {
    /* border: 1px solid var(--pc);
    border-top: 4px solid var(--pc); */
    border-radius: 50%;
    background: var(--ash-50);
    flex-shrink: 0;


  }

  .about {
    position: relative;
    margin-top: -70px;
    z-index: 1;
    border: 4px solid var(--pc);
    padding: 40px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-color: transparent;
  }

  /* # Single Page
  =================================================*/

  /* Blog header _____________start */
  .blog-detail>*:not(:last-child):after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='15' fill='none'%3E%3Cpath stroke='%23000' stroke-opacity='.5' d='M.5.472v20'/%3E%3C/svg%3E") no-repeat;
  }

  .author-social-link ul {
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
  }

  .author-social-link>ul {
    border-radius: 30px;
  }

  .author-social-link ul li a {
    border: unset !important;
  }

  .author-social-link svg {
    fill: #000;
  }

  .author-social-link svg:hover {
    fill: var(--pc);
  }

  /* Blog sidebar_____________start */

  /* table of contents */
  .ac-toc-wrap {
    border: 1px solid var(--bd-color);
    background: var(--white);
  }

  .ac-toc-wrap:before {
    background: var(--white);
  }

  .toc-header {
    font-weight: 600;
    color: var(--white);
    font-size: 18px;
    background: var(--pc);
    border-radius: 0px 26px 26px 0px;
  }

  .toc-header::before {
    border-right: 15px solid var(--pc);
  }

  .toc-toggle-btn {
    transition: all 0.3s ease-in-out;
  }

  .toc-body {
    transition: opacity 0.3s ease-in-out;
    margin-top: 70px;
  }

  .toc-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: var(--bd-color);
  }

  .toc-body ul {
    padding-left: 0 !important;
    list-style-type: none;
  }

  .toc-body ul li a {
    color: var(--text);
  }

  .ac-toc-wrap .toc-body.hidden {
    transition: all 0.3s ease-in-out;
  }

  .toc-body .active>a {
    color: var(--pc);
  }

  .toc-body .active {
    font-weight: 700;
    background: var(--sh-12);
    border-left: 4px solid var(--pc);
  }


  /* Blog Contents _____________start */

  /* blockquote */
  blockquote {
    border-left: 4px solid var(--pc);
    border-right: 4px solid var(--pc);
    border-radius: 12px;
    border-top: none;
    border-bottom: none;
    position: relative;
  }

  blockquote:before {
    font-size: 150px;
    color: var(--pc);
  }


  /* table */
  table {
    border-radius: 4px;
    border-spacing: 0;
  }

  table thead {
    background: #858282;
  }

  table thead th {
    color: var(--white);
    font-weight: 600;
  }

  table tr td,
  table tr th {
    border: 1px solid var(--bd-color);
  }

  tbody tr:nth-child(even) {
    background-color: #f0f0f0;
  }

  /* pros-cons */

  .ac-pros-cons-head {
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
    clip-path: polygon(0 1%, 100% 0, 100% 64%, 50% 100%, 51% 100%, 0 65%);
  }

  .ac-pros-wrap .ac-pros-cons-head {
    background: #70ad46;
  }

  .ac-cons-wrap .ac-pros-cons-head {
    background: #fd0002;
  }


  .ac-pros-wrap ul li::before {
    background: url("data:image/svg+xml,%3Csvg width='39' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M.198 29.093H24.38l13.818-14.5L24.38.092H.198v29Z' fill='green'/%3E%3Cpath d='m12.297 18.916-3.923-3.923a.603.603 0 0 1 0-.853l.854-.854a.603.603 0 0 1 .853 0l2.643 2.643 5.66-5.66a.604.604 0 0 1 .853 0l.853.854a.604.604 0 0 1 0 .853l-6.94 6.94a.603.603 0 0 1-.853 0Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h39v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  }

  .ac-cons-wrap ul li::before {
    background: url("data:image/svg+xml,%3Csvg width='39' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M.198 0H24.38l13.818 14.5L24.38 29H.198V0Z' fill='red'/%3E%3Cpath d='m16.142 14.733 2.349-2.349c.23-.23.23-.6 0-.83l-1.382-1.382a.587.587 0 0 0-.83 0l-2.349 2.349-2.348-2.349a.586.586 0 0 0-.83 0L9.37 11.554c-.23.23-.23.6 0 .83l2.349 2.349-2.35 2.348c-.229.23-.229.6 0 .83l1.383 1.382c.23.23.6.23.83 0l2.348-2.348 2.349 2.348c.23.23.6.23.83 0l1.382-1.382c.23-.23.23-.6 0-.83l-2.349-2.348Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h39v29H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  }




  /* Accordians faq */

  .ac-block-faq details {
    transition: all 0.2s ease;
  }

  .ac-block-faq summary {
    transition: all 0.2s ease;
  }

  .ac-block-faq summary::after {
    transition: all 0.3s ease;
  }

  .block-content-faq {
    background: var(--white);
  }

  /* Notes | Sources | Also Read */
  :is(.ac-block-note, .ac-block-source, .ac-block-also-read) {
    background: var(--sh-5);
    border-radius: 4px;
    box-shadow: 1px 1px 1px 1px var(--sh-5);
    position: relative;
    z-index: 1;
  }


  .block-heading {
    position: relative;
    color: var(--black);
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 700;
    background: var(--sh-20);
    border-radius: 0 4px 0 0;
  }

  :is(.ac-block-note, .ac-block-source, .ac-block-also-read, .block-heading)::before {
    content: '';
    background: var(--sh-20);
    border-radius: 0 0 0 4px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
  }

  .block-heading::before {
    background: var(--pc);
    border-radius: 4px 0 0 0;
    content: "";
  }

  .block-content .ac-card-content {
    background: transparent !important;
  }


  .ac-block-also-read [class*='card'] {
    background: transparent !important;
  }

  .ac-single-page .ac-auth-card {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 20px;
  }

  /* # All Author  ||  Author Single || category Page
  =================================================*/
  .ac-authors-page .ac-auth-card {
    background: var(--sh-5);
    border: 1px solid var(--sh-12);
    border-radius: 4px;
  }

  .ac-authors-page .ac-auth-card .ac-card-content {
    gap: 0 !important;
  }

  .ac-author-acrhive-page .sidebar .ac-auth-card {
    background: var(--bd-color);
    border-radius: 4px;
  }

  .ac-authors-page .ac-auth-card .arrow-btn {
    background: #fff;
    border-radius: 50%;
  }

  .ac-authors-page .ac-auth-card .arrow-btn svg {
    fill: var(--pc);
  }

  .ac-authors-page .ac-auth-card:hover {
    background: var(--sh-12);
  }

  .ac-authors-page .ac-auth-card:hover .arrow-btn {
    background: var(--pc);
  }

  .ac-authors-page .ac-auth-card:hover .arrow-btn svg {
    fill: var(--white);
  }

  /* # Thank You || Search Not Found  || 404 Page
  =================================================*/
  .error-txt {
    font-size: 10em;
    font-weight: 600;
  }

  .error-txt svg {
    fill: var(--pc);
  }

  .fa-spin {
    animation: 2s linear infinite fa-spin;
  }

  @keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }

    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);

    }
  }

  /* # Contact Page Templates
  =================================================*/
  .contact-form {
    border: var(--border);
    border-right: none;
    border-radius: 4px;
  }

  .contact-detail-box .bg-box {
    /* background: var(--sh-12); */
  }

  .contact-form form {
    background: var(--pc);
    border-radius: 0 4px 4px 0;
  }

  .contact-form .input-group :is(input, textarea) {
    background-color: transparent;
    color: var(--white);
    border-radius: 4px;
    border: solid 1px var(--white);
    transition: all 0.3s ease;
  }

  .contact-form .input-group input:focus {
    border-color: var(--white);
  }

  .contact-form .input-group label {
    font-size: 14px;
    background: var(--pc);
    color: var(--white);
    transition: all 0.3s ease;
  }

  .contact-form .ac-btn {
    background: var(--white);
    color: var(--pc);
    border: 1px solid var(--pc);
    padding: 5px 20px;
  }

  .contact-form .ac-btn:hover {
    background: var(--pc);
    color: var(--white);
    border: 1px solid var(--white);
  }

  .contact-form form .h4 {
    color: #fff;
  }

  /* # Footer
  =================================================*/

  footer {
    background: #16222d;
    color: var(--off-white);
  }

  footer a {
    color: #898a8d;
  }

  footer .footer-heading-wrap {
    position: relative;
  }

  .footer-heading-wrap .ac-custom-subtitle .h5 {
    font-size: 13px;
    line-height: 28px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .78px;
    color: rgb(22 34 45);
  }

  .footer-heading-wrap .ac-custom-title {
    font-size: 90px;
    line-height: 90px;
    letter-spacing: -3.84px;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
  }

  .footer-heading-wrap .ac-hover-button {
    position: absolute;
    right: 5%;
    top: 2px;
    transform: scale(1) !important;
    transition: all .35s ease-out;
  }

  .ac-spinner-box {
    width: 100px;
    position: relative;
    border-radius: 50%;
  }

  .ac-spinner-box .ac-ihbox-icon,
  .ac-spinner-box .ac-ihbox-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .ac-spinner-box .ac-ihbox-box .ac-ihbox-svg .ac-ihbox-svg-wrapper,
  .ac-spinner-box .ac-ihbox-box .ac-ihbox-icon .ac-ihbox-icon-wrapper {
    height: 60px;
    width: 60px;
    font-size: 33px;
    line-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 100%;
    background: var(--ac);
  }

  .ac-spinner-box .ac-ihbox-svg-wrapper svg path,
  .ac-spinner-box .ac-ihbox-icon-wrapper {
    fill: ffffff;
    color: var(--white);
    display: block;
  }

  .ac-ihbox-icon-wrapper svg,
  .ac-service-icon svg {
    width: 1em;
    height: 1em;
  }

  .ac-spinner-box .ac-ihbox-box .ac-circle-box svg {
    -webkit-animation-name: ac_spin;
    animation-name: ac_spin;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    fill: var(--white);
    transform-origin: 50% 50% 0;
    transform: rotate(0deg);
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
  }

  @keyframes ac_spin {
    from {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  .ac-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .fo-sep {
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
  }

  .fo-sep::after {
    background: url("data:image/svg+xml,%3Csvg width='44' height='2' viewBox='0 0 44 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M0 1.175h32m2 0h4m2 0h4'/%3E%3C/svg%3E") no-repeat;
  }

  footer .footer-brands {
    padding-block: 20px;
    border-top: 1px solid #ffffff30;
    border-bottom: 1px solid #ffffff30;
  }

  .footer-brands .counter-img {
    border: 1px solid var(--pc);
    border-top: 4px solid var(--pc);
    border-radius: 50%;
    background: #222d38;
    flex-shrink: 0;
  }

  .copywrite {
    color: #898a8d;
    font-size: 16px;
  }

  /* # Scroll top button
  =================================================*/
  #scroll_to_top {
    font-size: 16px;
    border: 2px solid var(--pc);
    background: var(--white);
    border-radius: 50%;
  }

  #scroll_to_top svg {
    fill: var(--pc);
  }

  /* # Responsive Code
  =================================================*/

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

    footer .row [class*="col-lg"]:not(:first-child):has(.fo-sep) {
      border-left: 1px solid #ffffff30;
    }
  }

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

    /* header desktop ___________ */
    .back-drop {
      background: var(--black);
    }

  }

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

    .ac-con-hero .hero-counter {
      margin-top: 30px;
    }
  }

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

    .hero-list {
      padding: 20px !important;
    }

    .ac-big-title {
      font-size: 18px !important;
    }

    footer .counter-img {
      width: 40px;
      height: 40px;
    }

    footer .counter-img svg {
      width: 20px;
      height: 20px;
    }

    .cta::before {
      width: 200px;
    }

    .cta-content {
      flex-direction: column;
      align-items: unset;
      gap: 20px;
    }

    .copyright-box {
      justify-content: center;
      flex-direction: column-reverse;
      gap: 20px;
    }

    .copyright-box .ac-logo {
      display: none;
    }

  }

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

    .hero-tag {
      padding: 10px 17px;
      
  }
  
.ac-con-hero .hero-counter .counter-box {
  align-items: start !important;
}

    .mob-search-btn {
      width: 30px;
      height: 30px;
    }

    .footer-heading-wrap .ac-custom-title {
      font-size: 80px;
      line-height: 80px;
    }

    .ac-spinner-box {
      width: 80px;
    }

    .ac-spinner-box .ac-ihbox-box .ac-ihbox-svg .ac-ihbox-svg-wrapper,
    .ac-spinner-box .ac-ihbox-box .ac-ihbox-icon .ac-ihbox-icon-wrapper {
      height: 50px;
      width: 50px;
      font-size: 28px;
    }

    .footer-heading-wrap .ac-hover-button {
      right: 25%;
      top: 30px;
    }

    .footer-brands [class*="center"] {
      justify-content: unset;
    }

    .footer-brands .col-md-4 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }



  }