/*
    abstracts
*/
@font-face {
  font-family: "Estedad";
  src: url("../fonts/estedad/Estedad[KSHD,wght].ttf")
    format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-variation-settings: "KSHD" 0;
}

:root {
    scroll-behavior: inherit;
    --pf-font-h-1: "Estedad", sans-serif;
    --pf-font-p-1: "Estedad", sans-serif;
    --pf-clr-pr-1: #2AC8D3;
    --pf-clr-pr-2: #FF2727;
    --pf-clr-pr-3: #8882EE;
    --pf-clr-pr-4: #8B5BFA;
    --pf-clr-pr-5: #FF2759;
    --pf-clr-pr-6: #EA2B2B;
    --pf-clr-sd-1: #FCA804;
    --pf-clr-sd-2: #ECFFA0;
    --pf-clr-sd-3: #FFF96F;
    --pf-clr-sd-4: #2CFFA5;
    --pf-clr-sd-5: #8811FF;
    --pf-clr-white-1: #ffffff;
    --pf-clr-white-2: #FBF6F1;
    --pf-clr-black-1: #000000;
    --pf-clr-black-2: #0A0E0E;
    --pf-clr-black-3: #212527;
    --pf-clr-black-4: #4D0000;
    --pf-clr-black-5: #2A2A2A;
    --pf-clr-black-6: #0D173F;
    --pf-clr-black-7: #0C1014;
    --pf-clr-red-1: #B80000;
    --pf-clr-gray-1: #7B7B7B;
    --pf-clr-gray-2: #DFE1E5;
    --pf-clr-gray-3: #E7E2DD;
    --pf-cube-1: cubic-bezier(0.19, 1, 0.22, 1);
    --pf-cube-2: cubic-bezier(.216, .416, .25, 1);
  }
  

  /*
      global-css-start
  */
  body {
    font-family: var(--pf-font-p-1);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    /* color: var(--pf-clr-white-1); */
    overflow-x: hidden;
  }
 *{
    letter-spacing: 0 !important;

 }  
  .img, img {
    max-width: 100%;
  }
  
  a:focus,
  .button:focus {
    text-decoration: none;
    outline: none;
  }
  
  a, span {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: none;
    transition: inherit;
  }
  
  svg {
    fill: inherit;
    stroke: inherit;
    transition: inherit;
  }
  svg * {
    fill: inherit;
    stroke: inherit;
    transition: inherit;
  }
  
  button {
    border: none;
    outline: none;
  }
  
  a:focus,
  a:hover {
    color: inherit;
    text-decoration: none;
  }
  
  h1 {
    font-size: 35px;
  }
  
  h2 {
    font-size: 30px;
  }
  
  h3 {
    font-size: 24px;
  }
  
  h4 {
    font-size: 22px;
  }
  
  h5 {
    font-size: 20px;
  }
  
  h6 {
    font-size: 16px;
  }
  ::-moz-selection {
    background-color: #3065D0;
    color: white;
    text-shadow: none;
  }
  
  ::-moz-selection {
    background-color: #3065D0;
    color: white;
    text-shadow: none;
  }
  
  ::selection {
    background-color: #3065D0;
    color: white;
    text-shadow: none;
  }
  
  input::placeholder, textarea::placeholder {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
  }
  
  input:focus::placeholder, textarea:focus::placeholder {
    opacity: 0;
  }
  span#reply-title {
    color: inherit;
}
.comment-form-rating {
  color: inherit;
}
  
  @media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    ::-webkit-scrollbar {
      width: 7px;
      background-color: transparent;
      box-shadow: none;
      border: none;
    }
    ::-webkit-scrollbar-track {
      background: transparent;
      box-shadow: none;
      border: none;
    }
    ::-webkit-scrollbar-thumb {
      background: var(--pf-clr-pr-1);
      border-radius: 30px;
    }
    .pf-home-2::-webkit-scrollbar-thumb {
      background: var(--pf-clr-pr-2);
    }
    .pf-home-3::-webkit-scrollbar-thumb {
      background: var(--pf-clr-pr-3);
    }
    .pf-home-4::-webkit-scrollbar-thumb {
      background: var(--pf-clr-pr-4);
    }
    .pf-home-5::-webkit-scrollbar-thumb {
      background: var(--pf-clr-pr-5);
    }
    .pf-home-6::-webkit-scrollbar-thumb {
      background: var(--pf-clr-pr-6);
    }
    .pf-home-7::-webkit-scrollbar-thumb {
      background: var(--pf-clr-pr-6);
    }
  }
  .swiper-notification {
    display: none;
  }
  
  /*
      margin-&-padding_variable-start
  */
  .mt-5 {
    margin-top: 5px;
  }
  
  .mt-10 {
    margin-top: 10px;
  }
  
  .mt-15 {
    margin-top: 15px;
  }
  
  .mt-20 {
    margin-top: 20px;
  }
  
  .mt-25 {
    margin-top: 25px;
  }
  
  .mt-30 {
    margin-top: 30px;
  }
  
  .mt-35 {
    margin-top: 35px;
  }
  
  .mt-40 {
    margin-top: 40px;
  }
  
  .mt-45 {
    margin-top: 45px;
  }
  
  .mt-50 {
    margin-top: 50px;
  }
  
  .mt-55 {
    margin-top: 55px;
  }
  
  .mt-60 {
    margin-top: 60px;
  }
  
  .mt-65 {
    margin-top: 65px;
  }
  
  .mt-70 {
    margin-top: 70px;
  }
  
  .mt-75 {
    margin-top: 75px;
  }
  
  .mt-80 {
    margin-top: 80px;
  }
  
  .mt-85 {
    margin-top: 85px;
  }
  
  .mt-90 {
    margin-top: 90px;
  }
  
  .mt-95 {
    margin-top: 95px;
  }
  
  .mt-100 {
    margin-top: 100px;
  }
  
  .mt-105 {
    margin-top: 105px;
  }
  
  .mt-110 {
    margin-top: 110px;
  }
  
  .mt-115 {
    margin-top: 115px;
  }
  
  .mt-120 {
    margin-top: 120px;
  }
  
  .mt-125 {
    margin-top: 125px;
  }
  
  .mt-130 {
    margin-top: 130px;
  }
  
  .mt-135 {
    margin-top: 135px;
  }
  
  .mt-140 {
    margin-top: 140px;
  }
  
  .mt-145 {
    margin-top: 145px;
  }
  
  .mt-150 {
    margin-top: 150px;
  }
  
  .mt-155 {
    margin-top: 155px;
  }
  
  .mt-160 {
    margin-top: 160px;
  }
  
  .mt-165 {
    margin-top: 165px;
  }
  
  .mt-170 {
    margin-top: 170px;
  }
  
  .mt-175 {
    margin-top: 175px;
  }
  
  .mt-180 {
    margin-top: 180px;
  }
  
  .mt-185 {
    margin-top: 185px;
  }
  
  .mt-190 {
    margin-top: 190px;
  }
  
  .mt-195 {
    margin-top: 195px;
  }
  
  .mt-200 {
    margin-top: 200px;
  }
  
  .mb-5 {
    margin-bottom: 5px;
  }
  
  .mb-10 {
    margin-bottom: 10px;
  }
  
  .mb-15 {
    margin-bottom: 15px;
  }
  
  .mb-20 {
    margin-bottom: 20px;
  }
  
  .mb-25 {
    margin-bottom: 25px;
  }
  
  .mb-30 {
    margin-bottom: 30px;
  }
  
  .mb-35 {
    margin-bottom: 35px;
  }
  
  .mb-40 {
    margin-bottom: 40px;
  }
  
  .mb-45 {
    margin-bottom: 45px;
  }
  
  .mb-50 {
    margin-bottom: 50px;
  }
  
  .mb-55 {
    margin-bottom: 55px;
  }
  
  .mb-60 {
    margin-bottom: 60px;
  }
  
  .mb-65 {
    margin-bottom: 65px;
  }
  
  .mb-70 {
    margin-bottom: 70px;
  }
  
  .mb-75 {
    margin-bottom: 75px;
  }
  
  .mb-80 {
    margin-bottom: 80px;
  }
  
  .mb-85 {
    margin-bottom: 85px;
  }
  
  .mb-90 {
    margin-bottom: 90px;
  }
  
  .mb-95 {
    margin-bottom: 95px;
  }
  
  .mb-100 {
    margin-bottom: 100px;
  }
  
  .mb-105 {
    margin-bottom: 105px;
  }
  
  .mb-110 {
    margin-bottom: 110px;
  }
  
  .mb-115 {
    margin-bottom: 115px;
  }
  
  .mb-120 {
    margin-bottom: 120px;
  }
  
  .mb-125 {
    margin-bottom: 125px;
  }
  
  .mb-130 {
    margin-bottom: 130px;
  }
  
  .mb-135 {
    margin-bottom: 135px;
  }
  
  .mb-140 {
    margin-bottom: 140px;
  }
  
  .mb-145 {
    margin-bottom: 145px;
  }
  
  .mb-150 {
    margin-bottom: 150px;
  }
  
  .mb-155 {
    margin-bottom: 155px;
  }
  
  .mb-160 {
    margin-bottom: 160px;
  }
  
  .mb-165 {
    margin-bottom: 165px;
  }
  
  .mb-170 {
    margin-bottom: 170px;
  }
  
  .mb-175 {
    margin-bottom: 175px;
  }
  
  .mb-180 {
    margin-bottom: 180px;
  }
  
  .mb-185 {
    margin-bottom: 185px;
  }
  
  .mb-190 {
    margin-bottom: 190px;
  }
  
  .mb-195 {
    margin-bottom: 195px;
  }
  
  .mb-200 {
    margin-bottom: 200px;
  }
  
  .ml-5 {
    margin-left: 5px;
  }
  
  .ml-10 {
    margin-left: 10px;
  }
  
  .ml-15 {
    margin-left: 15px;
  }
  
  .ml-20 {
    margin-left: 20px;
  }
  
  .ml-25 {
    margin-left: 25px;
  }
  
  .ml-30 {
    margin-left: 30px;
  }
  
  .ml-35 {
    margin-left: 35px;
  }
  
  .ml-40 {
    margin-left: 40px;
  }
  
  .ml-45 {
    margin-left: 45px;
  }
  
  .ml-50 {
    margin-left: 50px;
  }
  
  .ml-55 {
    margin-left: 55px;
  }
  
  .ml-60 {
    margin-left: 60px;
  }
  
  .ml-65 {
    margin-left: 65px;
  }
  
  .ml-70 {
    margin-left: 70px;
  }
  
  .ml-75 {
    margin-left: 75px;
  }
  
  .ml-80 {
    margin-left: 80px;
  }
  
  .ml-85 {
    margin-left: 85px;
  }
  
  .ml-90 {
    margin-left: 90px;
  }
  
  .ml-95 {
    margin-left: 95px;
  }
  
  .ml-100 {
    margin-left: 100px;
  }
  
  .ml-105 {
    margin-left: 105px;
  }
  
  .ml-110 {
    margin-left: 110px;
  }
  
  .ml-115 {
    margin-left: 115px;
  }
  
  .ml-120 {
    margin-left: 120px;
  }
  
  .ml-125 {
    margin-left: 125px;
  }
  
  .ml-130 {
    margin-left: 130px;
  }
  
  .ml-135 {
    margin-left: 135px;
  }
  
  .ml-140 {
    margin-left: 140px;
  }
  
  .ml-145 {
    margin-left: 145px;
  }
  
  .ml-150 {
    margin-left: 150px;
  }
  
  .ml-155 {
    margin-left: 155px;
  }
  
  .ml-160 {
    margin-left: 160px;
  }
  
  .ml-165 {
    margin-left: 165px;
  }
  
  .ml-170 {
    margin-left: 170px;
  }
  
  .ml-175 {
    margin-left: 175px;
  }
  
  .ml-180 {
    margin-left: 180px;
  }
  
  .ml-185 {
    margin-left: 185px;
  }
  
  .ml-190 {
    margin-left: 190px;
  }
  
  .ml-195 {
    margin-left: 195px;
  }
  
  .ml-200 {
    margin-left: 200px;
  }
  
  .mr-5 {
    margin-right: 5px;
  }
  
  .mr-10 {
    margin-right: 10px;
  }
  
  .mr-15 {
    margin-right: 15px;
  }
  
  .mr-20 {
    margin-right: 20px;
  }
  
  .mr-25 {
    margin-right: 25px;
  }
  
  .mr-30 {
    margin-right: 30px;
  }
  
  .mr-35 {
    margin-right: 35px;
  }
  
  .mr-40 {
    margin-right: 40px;
  }
  
  .mr-45 {
    margin-right: 45px;
  }
  
  .mr-50 {
    margin-right: 50px;
  }
  
  .mr-55 {
    margin-right: 55px;
  }
  
  .mr-60 {
    margin-right: 60px;
  }
  
  .mr-65 {
    margin-right: 65px;
  }
  
  .mr-70 {
    margin-right: 70px;
  }
  
  .mr-75 {
    margin-right: 75px;
  }
  
  .mr-80 {
    margin-right: 80px;
  }
  
  .mr-85 {
    margin-right: 85px;
  }
  
  .mr-90 {
    margin-right: 90px;
  }
  
  .mr-95 {
    margin-right: 95px;
  }
  
  .mr-100 {
    margin-right: 100px;
  }
  
  .mr-105 {
    margin-right: 105px;
  }
  
  .mr-110 {
    margin-right: 110px;
  }
  
  .mr-115 {
    margin-right: 115px;
  }
  
  .mr-120 {
    margin-right: 120px;
  }
  
  .mr-125 {
    margin-right: 125px;
  }
  
  .mr-130 {
    margin-right: 130px;
  }
  
  .mr-135 {
    margin-right: 135px;
  }
  
  .mr-140 {
    margin-right: 140px;
  }
  
  .mr-145 {
    margin-right: 145px;
  }
  
  .mr-150 {
    margin-right: 150px;
  }
  
  .mr-155 {
    margin-right: 155px;
  }
  
  .mr-160 {
    margin-right: 160px;
  }
  
  .mr-165 {
    margin-right: 165px;
  }
  
  .mr-170 {
    margin-right: 170px;
  }
  
  .mr-175 {
    margin-right: 175px;
  }
  
  .mr-180 {
    margin-right: 180px;
  }
  
  .mr-185 {
    margin-right: 185px;
  }
  
  .mr-190 {
    margin-right: 190px;
  }
  
  .mr-195 {
    margin-right: 195px;
  }
  
  .mr-200 {
    margin-right: 200px;
  }
  
  .pt-5 {
    padding-top: 5px;
  }
  
  .pt-10 {
    padding-top: 10px;
  }
  
  .pt-15 {
    padding-top: 15px;
  }
  
  .pt-20 {
    padding-top: 20px;
  }
  
  .pt-25 {
    padding-top: 25px;
  }
  
  .pt-30 {
    padding-top: 30px;
  }
  
  .pt-35 {
    padding-top: 35px;
  }
  
  .pt-40 {
    padding-top: 40px;
  }
  
  .pt-45 {
    padding-top: 45px;
  }
  
  .pt-50 {
    padding-top: 50px;
  }
  
  .pt-55 {
    padding-top: 55px;
  }
  
  .pt-60 {
    padding-top: 60px;
  }
  
  .pt-65 {
    padding-top: 65px;
  }
  
  .pt-70 {
    padding-top: 70px;
  }
  
  .pt-75 {
    padding-top: 75px;
  }
  
  .pt-80 {
    padding-top: 80px;
  }
  
  .pt-85 {
    padding-top: 85px;
  }
  
  .pt-90 {
    padding-top: 90px;
  }
  
  .pt-95 {
    padding-top: 95px;
  }
  
  .pt-100 {
    padding-top: 100px;
  }
  
  .pt-105 {
    padding-top: 105px;
  }
  
  .pt-110 {
    padding-top: 110px;
  }
  
  .pt-115 {
    padding-top: 115px;
  }
  
  .pt-120 {
    padding-top: 120px;
  }
  
  .pt-125 {
    padding-top: 125px;
  }
  
  .pt-130 {
    padding-top: 130px;
  }
  
  .pt-135 {
    padding-top: 135px;
  }
  
  .pt-140 {
    padding-top: 140px;
  }
  
  .pt-145 {
    padding-top: 145px;
  }
  
  .pt-150 {
    padding-top: 150px;
  }
  
  .pt-155 {
    padding-top: 155px;
  }
  
  .pt-160 {
    padding-top: 160px;
  }
  
  .pt-165 {
    padding-top: 165px;
  }
  
  .pt-170 {
    padding-top: 170px;
  }
  
  .pt-175 {
    padding-top: 175px;
  }
  
  .pt-180 {
    padding-top: 180px;
  }
  
  .pt-185 {
    padding-top: 185px;
  }
  
  .pt-190 {
    padding-top: 190px;
  }
  
  .pt-195 {
    padding-top: 195px;
  }
  
  .pt-200 {
    padding-top: 200px;
  }
  
  .pb-5 {
    padding-bottom: 5px;
  }
  
  .pb-10 {
    padding-bottom: 10px;
  }
  
  .pb-15 {
    padding-bottom: 15px;
  }
  
  .pb-20 {
    padding-bottom: 20px;
  }
  
  .pb-25 {
    padding-bottom: 25px;
  }
  
  .pb-30 {
    padding-bottom: 30px;
  }
  
  .pb-35 {
    padding-bottom: 35px;
  }
  
  .pb-40 {
    padding-bottom: 40px;
  }
  
  .pb-45 {
    padding-bottom: 45px;
  }
  
  .pb-50 {
    padding-bottom: 50px;
  }
  
  .pb-55 {
    padding-bottom: 55px;
  }
  
  .pb-60 {
    padding-bottom: 60px;
  }
  
  .pb-65 {
    padding-bottom: 65px;
  }
  
  .pb-70 {
    padding-bottom: 70px;
  }
  
  .pb-75 {
    padding-bottom: 75px;
  }
  
  .pb-80 {
    padding-bottom: 80px;
  }
  
  .pb-85 {
    padding-bottom: 85px;
  }
  
  .pb-90 {
    padding-bottom: 90px;
  }
  
  .pb-95 {
    padding-bottom: 95px;
  }
  
  .pb-100 {
    padding-bottom: 100px;
  }
  
  .pb-105 {
    padding-bottom: 105px;
  }
  
  .pb-110 {
    padding-bottom: 110px;
  }
  
  .pb-115 {
    padding-bottom: 115px;
  }
  
  .pb-120 {
    padding-bottom: 120px;
  }
  
  .pb-125 {
    padding-bottom: 125px;
  }
  
  .pb-130 {
    padding-bottom: 130px;
  }
  
  .pb-135 {
    padding-bottom: 135px;
  }
  
  .pb-140 {
    padding-bottom: 140px;
  }
  
  .pb-145 {
    padding-bottom: 145px;
  }
  
  .pb-150 {
    padding-bottom: 150px;
  }
  
  .pb-155 {
    padding-bottom: 155px;
  }
  
  .pb-160 {
    padding-bottom: 160px;
  }
  
  .pb-165 {
    padding-bottom: 165px;
  }
  
  .pb-170 {
    padding-bottom: 170px;
  }
  
  .pb-175 {
    padding-bottom: 175px;
  }
  
  .pb-180 {
    padding-bottom: 180px;
  }
  
  .pb-185 {
    padding-bottom: 185px;
  }
  
  .pb-190 {
    padding-bottom: 190px;
  }
  
  .pb-195 {
    padding-bottom: 195px;
  }
  
  .pb-200 {
    padding-bottom: 200px;
  }
  
  .pb-205 {
    padding-bottom: 205px;
  }
  
  .pb-210 {
    padding-bottom: 210px;
  }
  
  .pb-215 {
    padding-bottom: 215px;
  }
  
  .pb-220 {
    padding-bottom: 220px;
  }
  
  .pb-225 {
    padding-bottom: 225px;
  }
  
  .pb-230 {
    padding-bottom: 230px;
  }
  
  .pb-235 {
    padding-bottom: 235px;
  }
  
  .pb-240 {
    padding-bottom: 240px;
  }
  
  .pb-245 {
    padding-bottom: 245px;
  }
  
  .pb-250 {
    padding-bottom: 250px;
  }
  
  .pb-255 {
    padding-bottom: 255px;
  }
  
  .pb-260 {
    padding-bottom: 260px;
  }
  
  .pb-265 {
    padding-bottom: 265px;
  }
  
  .pb-270 {
    padding-bottom: 270px;
  }
  
  .pb-275 {
    padding-bottom: 275px;
  }
  
  .pb-280 {
    padding-bottom: 280px;
  }
  
  .pb-285 {
    padding-bottom: 285px;
  }
  
  .pb-290 {
    padding-bottom: 290px;
  }
  
  .pb-295 {
    padding-bottom: 295px;
  }
  
  .pb-300 {
    padding-bottom: 300px;
  }
  
  .pl-5 {
    padding-left: 5px;
  }
  
  .pl-10 {
    padding-left: 10px;
  }
  
  .pl-15 {
    padding-left: 15px;
  }
  
  .pl-20 {
    padding-left: 20px;
  }
  
  .pl-25 {
    padding-left: 25px;
  }
  
  .pl-30 {
    padding-left: 30px;
  }
  
  .pl-35 {
    padding-left: 35px;
  }
  
  .pl-40 {
    padding-left: 40px;
  }
  
  .pl-45 {
    padding-left: 45px;
  }
  
  .pl-50 {
    padding-left: 50px;
  }
  
  .pl-55 {
    padding-left: 55px;
  }
  
  .pl-60 {
    padding-left: 60px;
  }
  
  .pl-65 {
    padding-left: 65px;
  }
  
  .pl-70 {
    padding-left: 70px;
  }
  
  .pl-75 {
    padding-left: 75px;
  }
  
  .pl-80 {
    padding-left: 80px;
  }
  
  .pl-85 {
    padding-left: 85px;
  }
  
  .pl-90 {
    padding-left: 90px;
  }
  
  .pl-95 {
    padding-left: 95px;
  }
  
  .pl-100 {
    padding-left: 100px;
  }
  
  .pl-105 {
    padding-left: 105px;
  }
  
  .pl-110 {
    padding-left: 110px;
  }
  
  .pl-115 {
    padding-left: 115px;
  }
  
  .pl-120 {
    padding-left: 120px;
  }
  
  .pl-125 {
    padding-left: 125px;
  }
  
  .pl-130 {
    padding-left: 130px;
  }
  
  .pl-135 {
    padding-left: 135px;
  }
  
  .pl-140 {
    padding-left: 140px;
  }
  
  .pl-145 {
    padding-left: 145px;
  }
  
  .pl-150 {
    padding-left: 150px;
  }
  
  .pl-155 {
    padding-left: 155px;
  }
  
  .pl-160 {
    padding-left: 160px;
  }
  
  .pl-165 {
    padding-left: 165px;
  }
  
  .pl-170 {
    padding-left: 170px;
  }
  
  .pl-175 {
    padding-left: 175px;
  }
  
  .pl-180 {
    padding-left: 180px;
  }
  
  .pl-185 {
    padding-left: 185px;
  }
  
  .pl-190 {
    padding-left: 190px;
  }
  
  .pl-195 {
    padding-left: 195px;
  }
  
  .pl-200 {
    padding-left: 200px;
  }
  
  .pr-5 {
    padding-right: 5px;
  }
  
  .pr-10 {
    padding-right: 10px;
  }
  
  .pr-15 {
    padding-right: 15px;
  }
  
  .pr-20 {
    padding-right: 20px;
  }
  
  .pr-25 {
    padding-right: 25px;
  }
  
  .pr-30 {
    padding-right: 30px;
  }
  
  .pr-35 {
    padding-right: 35px;
  }
  
  .pr-40 {
    padding-right: 40px;
  }
  
  .pr-45 {
    padding-right: 45px;
  }
  
  .pr-50 {
    padding-right: 50px;
  }
  
  .pr-55 {
    padding-right: 55px;
  }
  
  .pr-60 {
    padding-right: 60px;
  }
  
  .pr-65 {
    padding-right: 65px;
  }
  
  .pr-70 {
    padding-right: 70px;
  }
  
  .pr-75 {
    padding-right: 75px;
  }
  
  .pr-80 {
    padding-right: 80px;
  }
  
  .pr-85 {
    padding-right: 85px;
  }
  
  .pr-90 {
    padding-right: 90px;
  }
  
  .pr-95 {
    padding-right: 95px;
  }
  
  .pr-100 {
    padding-right: 100px;
  }
  
  .pr-105 {
    padding-right: 105px;
  }
  
  .pr-110 {
    padding-right: 110px;
  }
  
  .pr-115 {
    padding-right: 115px;
  }
  
  .pr-120 {
    padding-right: 120px;
  }
  
  .pr-125 {
    padding-right: 125px;
  }
  
  .pr-130 {
    padding-right: 130px;
  }
  
  .pr-135 {
    padding-right: 135px;
  }
  
  .pr-140 {
    padding-right: 140px;
  }
  
  .pr-145 {
    padding-right: 145px;
  }
  
  .pr-150 {
    padding-right: 150px;
  }
  
  .pr-155 {
    padding-right: 155px;
  }
  
  .pr-160 {
    padding-right: 160px;
  }
  
  .pr-165 {
    padding-right: 165px;
  }
  
  .pr-170 {
    padding-right: 170px;
  }
  
  .pr-175 {
    padding-right: 175px;
  }
  
  .pr-180 {
    padding-right: 180px;
  }
  
  .pr-185 {
    padding-right: 185px;
  }
  
  .pr-190 {
    padding-right: 190px;
  }
  
  .pr-195 {
    padding-right: 195px;
  }
  
  .pr-200 {
    padding-right: 200px;
  }
  
  /*
      margin-&-padding_variable-end
  */
  /*
      global-css-end
  */
  @media (min-width: 1400px) {
    .container.pf-container-1 {
      max-width: 1344px;
    }
  }
  .wa-fix {
    overflow: hidden;
  }
  
  .wa-img-cover img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
  
  .wa-bg-default {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  
  .flaticon {
    display: inline-block;
    line-height: 0.65;
  }
  
  .wa-z-index-3 {
    position: relative;
    z-index: 3;
  }
  
  .wa-p-absolute {
    position: absolute;
  }
  
  .wa-p-relative {
    position: relative;
    z-index: 1;
  }
  
  .wa-fw-400 {
    font-weight: 400;
  }
  
  .wa-fw-500 {
    font-weight: 500;
  }
  
  .wa-fw-600 {
    font-weight: 600;
  }
  
  .wa-fw-700 {
    font-weight: 700;
  }
  
  .wa-fw-800 {
    font-weight: 800;
  }
  
  .wa-fw-900 {
    font-weight: 900;
  }
  
  .wa-ml-auto {
    margin-left: auto;
  }
  
  .wa-mr-auto {
    margin-right: auto;
  }
  
  .wa-line-limit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .wa-line-limit:is(.has-line-1) {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .wa-line-limit:is(.has-line-2) {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .wa-line-limit:is(.has-line-3) {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .wa-line-limit:is(.has-line-4) {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .wa-line-limit:is(.has-line-5) {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .wa-line-limit:is(.has-line-6) {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .wa-line-limit:is(.has-line-7) {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .wa-line-limit:is(.has-line-8) {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .wa-line-limit:is(.has-line-9) {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .wa-line-limit:is(.has-line-10) {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  
  .wa-tran-3ms {
    transition: all 300ms var(--wa-cube-1);
  }
  
  .wa-tran-4ms {
    transition: all 400ms var(--wa-cube-1);
  }
  
  .wa-tran-5ms {
    transition: all 500ms var(--wa-cube-1);
  }
  
  .wa-tran-6ms {
    transition: all 600ms var(--wa-cube-1);
  }
  
  .wa-tran-7ms {
    transition: all 700ms var(--wa-cube-1);
  }
  
  .wa-tran-8ms {
    transition: all 800ms var(--wa-cube-1);
  }
  
  .wa-tran-9ms {
    transition: all 900ms var(--wa-cube-1);
  }
  
  .wa-tran-1s {
    transition: all 1000ms var(--wa-cube-1);
  }
  
  .pf-mlr-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  
  .pf-mlr-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  @media (max-width: 767px) {
    .pf-mlr-20 {
      margin-left: 10px;
      margin-right: 10px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-mlr-20 {
      margin-left: 20px;
      margin-right: 20px;
    }
  }
  
  .pf-h-12 {
    width: 100%;
    height: 12px;
  }
  
  .pf-h-20 {
    width: 100%;
    height: 20px;
  }
  
  .pf-br-32 {
    border-radius: 32px;
  }
  @media (max-width: 767px) {
    .pf-br-32 {
      border-radius: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-br-32 {
      border-radius: 32px;
    }
  }
  
  /*
  
      components
  */
  /*
      all-title-paragraph-components-start
  */
  .pf-split-1 {
    text-transform: unset !important;
  }
  .pf-split-1 .split-line {
    overflow: hidden;
  }
  .pf-split-1 .split-line div div:nth-child(1) {
    text-transform: capitalize;
  }
  
  .pf-split-2 {
    text-transform: unset !important;
  }
  .pf-split-2 .split-line {
    overflow: hidden;
  }
  .pf-split-2 .split-line div div:nth-child(1) {
    text-transform: capitalize;
  }
  
  .pf-split-2:is(.pf-sec-title-2) {
    text-transform: uppercase !important;
  }
  
  .pf-h-1 {
    font-family: var(--pf-font-h-1);
    color: var(--pf-clr-white-1);
    text-transform: capitalize;
    line-height: 1.093;
    margin-bottom: 0px;
  }
  .pf-h-1:is(.has-opa-72) {
    opacity: 72%;
  }
  
  .pf-h-4 {
    font-family: var(--pf-font-h-1);
    color: var(--pf-clr-black-6);
    text-transform: capitalize;
    font-weight: 600;
  }
  
  .pf-sidebar-widget .wp-block-heading,
  .pf-h-5 {
    font-family: var(--pf-font-h-1);
    color: var(--pf-clr-black-1);
    text-transform: capitalize;
    line-height: 1.357;
    font-weight: 600;
    margin-bottom: 0;
  }
  
  .pf-p-1 {
    font-family: var(--pf-font-p-1);
    font-weight: 300;
    line-height: 28px;
    font-size: 18px;
    color: var(--pf-clr-white-1);
    margin-bottom: 0px;
  }
  .pf-p-1:is(.has-opa-72) {
    opacity: 72%;
  }
  
  .pf-p-2 {
    font-family: var(--pf-font-p-1);
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    color: var(--pf-clr-black-5);
    margin-bottom: 0px;
  }
  
  .pf-p-3 {
    font-family: var(--pf-font-p-1);
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    color: var(--pf-clr-black-6);
    margin-bottom: 0px;
  }
  
  .pf-p-5 {
    font-family: var(--pf-font-p-1);
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    color: var(--pf-clr-black-7);
    margin-bottom: 0px;
  }
  
  .pf-p-6 {
    font-family: var(--pf-font-p-1);
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    color: var(--pf-clr-black-1);
    margin-bottom: 0px;
  }
  
  .pf-subtitle-1 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 300;
    font-size: 15px;
    border-radius: 8px;
    line-height: 1.5;
    display: inline-block;
    padding: 2px 17px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
  }
  .pf-subtitle-1 .dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .pf-subtitle-1 .dot::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 8px;
    top: 12px;
    opacity: 72%;
  }
  .pf-subtitle-1 .dot::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 8px;
    top: 12px;
    opacity: 72%;
  }
  .pf-subtitle-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 1px;
    background: linear-gradient(90deg, rgb(199, 255, 73) 0%, rgb(125, 255, 88) 100%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: rotateGradient 3s linear infinite;
  }
  
  .pf-subtitle-2 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    color: var(--pf-clr-black-3);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    padding: 0px 10px;
    position: relative;
    z-index: 1;
    margin-bottom: 21px;
  }
  .pf-subtitle-2::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--pf-clr-pr-2);
    position: absolute;
    left: 0px;
    top: 10px;
  }
  .pf-subtitle-2::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--pf-clr-pr-2);
    position: absolute;
    right: 0px;
    top: 10px;
  }
  
  .pf-subtitle-3 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    color: var(--pf-clr-pr-4);
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 17px;
  }
  .pf-subtitle-3-line {
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 4px;
    background: var(--pf-clr-pr-4);
  }
  .pf-subtitle-3:is(.has-inner) {
    color: var(--pf-clr-black-1);
    opacity: 80%;
  }
  .pf-subtitle-3:is(.has-inner) .pf-subtitle-3-line {
    background: var(--pf-clr-black-1);
  }
  
  .pf-subtitle-5 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    color: var(--pf-clr-sd-5);
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 17px;
  }
  
  .pf-sec-title-1 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 45px;
    font-weight: 600;
    color: var(--pf-clr-white-1);
    letter-spacing: -1.2px;
    line-height: 1.155;
    margin-bottom: 0;
  }
  .pf-sec-title-1 .dot {
    color: var(--pf-clr-pr-1);
  }
  .pf-sec-title-1:is(.has-opa-80) {
    opacity: 80%;
  }
  .pf-sec-title-1:is(.has-opa-64) {
    opacity: 64%;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-1 {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-1 {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-1 {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-1 {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  .pf-sec-title-1:is(.has-fs-64) {
    font-size: 64px;
    line-height: 1.093;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-sec-title-1:is(.has-fs-64) {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-sec-title-1:is(.has-fs-64) {
      font-size: 50px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-1:is(.has-fs-64) {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-1:is(.has-fs-64) {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-1:is(.has-fs-64) {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-1:is(.has-fs-64) {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  
  .pf-sec-title-2 {
    font-family: var(--pf-font-h-1);
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 800;
    color: var(--pf-clr-black-4);
    letter-spacing: -1.2px;
    line-height: 1.066;
    margin-bottom: 0;
  }
  .pf-sec-title-2:is(.has-clr-white) {
    color: var(--pf-clr-white-1);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-2 {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-2 {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-2 {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-2 {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  .pf-sec-title-2:is(.has-fs-64) {
    font-size: 64px;
    line-height: 0.906;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-sec-title-2:is(.has-fs-64) {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-sec-title-2:is(.has-fs-64) {
      font-size: 50px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-2:is(.has-fs-64) {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-2:is(.has-fs-64) {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-2:is(.has-fs-64) {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-2:is(.has-fs-64) {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  
  .pf-sec-title-3 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 45px;
    font-weight: 600;
    color: var(--pf-clr-black-5);
    letter-spacing: -1.4px;
    line-height: 1.155;
    margin-bottom: 0;
    word-break: break-word;
  }
  .pf-sec-title-3 .has-clr-gray {
    color: #A3A3A3;
    word-break: break-word;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-3 {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-3 {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-3 {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-3 {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  .pf-sec-title-3:is(.has-fs-64) {
    font-size: 64px;
    line-height: 1.09;
    letter-spacing: -1.8px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-sec-title-3:is(.has-fs-64) {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-sec-title-3:is(.has-fs-64) {
      font-size: 50px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-3:is(.has-fs-64) {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-3:is(.has-fs-64) {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-3:is(.has-fs-64) {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-3:is(.has-fs-64) {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  
  .pf-sec-title-4 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 64px;
    font-weight: 600;
    color: var(--pf-clr-black-6);
    letter-spacing: -1.6px;
    line-height: 1.09;
    margin-bottom: 0;
  }
  .pf-sec-title-4 .has-dot {
    color: var(--pf-clr-pr-4);
  }
  .pf-sec-title-4 .has-highlight {
    position: relative;
    z-index: 1;
  }
  .pf-sec-title-4 .has-highlight-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 80%;
    background: var(--pf-clr-sd-3);
    z-index: -1;
    border-radius: 5px;
  }
  .pf-sec-title-4 .split-line {
    padding-bottom: 5px;
    margin-top: -5px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-sec-title-4 {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-sec-title-4 {
      font-size: 50px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-4 {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-4 {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-4 {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-4 {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  .pf-sec-title-4:is(.has-fs-45) {
    font-size: 45px;
    line-height: 1.155;
    letter-spacing: -1.6px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-4:is(.has-fs-45) {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-4:is(.has-fs-45) {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-4:is(.has-fs-45) {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-4:is(.has-fs-45) {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  
  .pf-sec-title-5 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 64px;
    font-weight: 600;
    color: var(--pf-clr-black-7);
    letter-spacing: -1.6px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .pf-sec-title-5 .has-dot {
    color: var(--pf-clr-sd-5);
  }
  .pf-sec-title-5 .split-line {
    padding-bottom: 5px;
    margin-top: -5px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-sec-title-5 {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-sec-title-5 {
      font-size: 50px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-5 {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-5 {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-5 {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-5 {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  .pf-sec-title-5:is(.has-fs-45) {
    font-size: 45px;
    line-height: 1.155;
    letter-spacing: -1.6px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-sec-title-5:is(.has-fs-45) {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-5:is(.has-fs-45) {
      font-size: 35px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-5:is(.has-fs-45) {
      font-size: 30px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-5:is(.has-fs-45) {
      font-size: 24px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-5:is(.has-fs-45) {
      font-size: 28px;
      letter-spacing: 0px;
    }
  }
  
  .pf-sec-title-6 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 45px;
    font-weight: 600;
    color: var(--pf-clr-black-1);
    letter-spacing: -1.5px;
    line-height: 1.093;
    margin-bottom: 0;
  }
  .pf-sec-title-6 .has-dot {
    color: var(--pf-clr-sd-5);
  }
  .pf-sec-title-6 .split-line {
    padding-bottom: 5px;
    margin-top: -5px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sec-title-6 {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-sec-title-6 {
      font-size: 35px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-sec-title-6 {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sec-title-6 {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  
  /*
      all-title-paragraph-components-end
  */
  /*
      button-component-start
  */
  /* menu-btn-1 */
  .pf-menu-btn-1 {
    cursor: pointer;
    stroke: var(--pf-clr-white-1);
    opacity: 64%;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-menu-btn-1:hover {
    opacity: 100%;
  }
  .pf-menu-btn-1 svg * {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-menu-btn-1:hover svg line {
    stroke: var(--pf-clr-pr-1);
  }
  .pf-menu-btn-1:hover svg line:nth-child(1) {
    transform: translateX(-5px);
  }
  .pf-menu-btn-1:hover svg line:nth-child(2) {
    transform: translateX(5px);
  }
  .pf-menu-btn-1:hover svg line:nth-child(3) {
    transform: translateX(5px);
  }
  
  /* menu-btn-2 */
  .pf-menu-btn-2 {
    width: 25px;
    height: 25px;
    flex: 0 0 auto;
    background: transparent;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
    align-content: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-menu-btn-2 span {
    display: inline-block;
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-menu-btn-2:hover span {
    background: var(--pf-clr-black-3);
  }
  .pf-menu-btn-2:hover span:nth-child(1) {
    transform: scaleX(4.5);
    border-radius: 0;
    transform-origin: right;
  }
  .pf-menu-btn-2:hover span:nth-child(6) {
    transform: scaleX(4.5);
    border-radius: 0;
    transform-origin: left;
  }
  .pf-menu-btn-2:hover span:nth-child(7) {
    transform: scaleX(4.5);
    border-radius: 0;
    transform-origin: right;
  }
  
  /* search-btn-1 */
  .pf-search-btn-1 {
    border: none;
    outline: none;
    flex: 0 0 auto;
    background: transparent;
    padding: 0;
    stroke: var(--pf-clr-white-1);
    opacity: 64%;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-search-btn-1:hover {
    opacity: 100%;
    stroke: var(--pf-clr-pr-1);
  }
  .pf-search-btn-1:hover svg line {
    transform: scale(1.4) translate(-10px, -10px);
  }
  
  /* search-btn-2 */
  .pf-search-btn-2 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    background: transparent;
    font-weight: 300;
    padding: 0;
    transition: all 0.4s var(--pf-cube-2);
    flex: 0 0 auto;
    fill: transparent;
    stroke: var(--pf-clr-white-1);
    display: flex;
    align-items: center;
    gap: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
    border-right: 1px solid rgba(255, 255, 255, 0.28);
    padding: 6px 16px;
    padding-left: 95px;
  }
  .pf-search-btn-2 svg {
    width: 20px;
    height: 20px;
  }
  .pf-search-btn-2:hover {
    color: var(--pf-clr-white-1);
  }
  .pf-search-btn-2:hover svg line {
    transform: scale(1.4) translate(-8px, -8px);
  }
  
  /* pr-btn-1 */
  .pf-pr-1 {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 12px;
    padding: 16px 24px;
    color: var(--pf-clr-pr-1);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-pr-1:hover {
    background-color: var(--pf-clr-pr-1);
    color: var(--pf-clr-black-1);
  }
  .pf-pr-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(90deg, rgb(199, 255, 73) 0%, rgb(125, 255, 88) 100%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: rotateGradient 3s linear infinite;
  }
  
  /* pr-btn-2 */
  .pf-pr-2 {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--pf-clr-pr-2);
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 12px;
    padding: 16px 16px;
    padding-right: 30px;
    color: var(--pf-clr-white-1);
    transition: all 0.4s var(--pf-cube-2);
    display: inline-flex;
    align-items: center;
    gap: 24px;
  }
  .pf-pr-2 .text {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .pf-pr-2 .text::after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    display: block;
    transition: all 0.4s var(--pf-cube-2);
    position: absolute;
    content: attr(data-back);
    transform: translateY(100%);
  }
  .pf-pr-2 .text::before {
    top: 0;
    left: 0;
    opacity: 1;
    display: block;
    transition: all 0.4s var(--pf-cube-2);
    position: relative;
    content: attr(data-front);
    transform: translateY(0);
  }
  .pf-pr-2 .icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: transparent;
    stroke: var(--pf-clr-white-1);
    position: relative;
    overflow: hidden;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-pr-2 .icon svg {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-pr-2 .icon svg:nth-child(1) {
    position: absolute;
    transform: translate(-25px, 25px);
    transition-delay: 0s;
  }
  .pf-pr-2 .icon svg:nth-child(2) {
    position: relative;
  }
  .pf-pr-2:hover {
    background-color: var(--pf-clr-black-3);
  }
  .pf-pr-2:hover .icon svg:nth-child(1) {
    position: absolute;
    transform: translate(0px, 0px);
    transition-delay: 0.1s;
  }
  .pf-pr-2:hover .icon svg:nth-child(2) {
    transform: translate(25px, -25px);
  }
  .pf-pr-2:hover .text::after {
    opacity: 1;
    transform: translateY(0%);
  }
  .pf-pr-2:hover .text::before {
    opacity: 0;
    transform: translateY(-100%);
  }
  .pf-pr-2:is(.has-border) {
    border: 2px solid var(--pf-clr-pr-2);
    background: transparent;
    color: var(--pf-clr-pr-2);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-pr-2:is(.has-border) .text {
    transition: all 0.2s var(--pf-cube-2);
  }
  .pf-pr-2:is(.has-border) .icon {
    stroke: var(--pf-clr-pr-2);
    transition: all 0.2s var(--pf-cube-2);
  }
  .pf-pr-2:is(.has-border) .icon svg * {
    transition: all 0.2s var(--pf-cube-2);
  }
  .pf-pr-2:is(.has-border):hover {
    background: var(--pf-clr-pr-2);
    color: var(--pf-clr-white-1);
  }
  .pf-pr-2:is(.has-border):hover .icon {
    stroke: var(--pf-clr-white-1);
  }
  
  /* pr-btn-3 */
  .pf-pr-3 {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    letter-spacing: 0.5px;
    font-weight: 600;
    border: 1.5px solid #A3A3A3;
    border-radius: 100px;
    padding: 14.5px 16px;
    padding-right: 24px;
    color: var(--pf-clr-black-5);
    transition: all 0.4s var(--pf-cube-2);
    display: inline-flex;
    align-items: center;
    gap: 22px;
  }
  .pf-pr-3 .icon {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
    transition: all 0.5s var(--pf-cube-2);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-pr-3::after {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--pf-clr-pr-3);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: -1;
    transition: all 0.5s var(--pf-cube-2);
  }
  .pf-pr-3:hover {
    border-color: transparent;
    background: var(--pf-clr-pr-3);
  }
  .pf-pr-3:hover .icon {
    transform: rotate(-135deg);
  }
  .pf-pr-3:hover::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
  }
  .pf-pr-3:is(.has-bg-fill) {
    background: var(--pf-clr-pr-3);
    color: var(--pf-clr-white-1);
    border-color: transparent;
  }
  .pf-pr-3:is(.has-bg-fill) .icon {
    stroke: var(--pf-clr-black-5);
  }
  .pf-pr-3:is(.has-bg-fill)::after {
    background: var(--pf-clr-white-1);
  }
  .pf-pr-3:is(.has-bg-fill):hover {
    background: var(--pf-clr-white-1);
    border-color: var(--pf-clr-pr-3);
    color: var(--pf-clr-black-5);
  }
  
  /* pr-btn-4 */
  .pf-pr-4 {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    border: 1.5px solid transparent;
    background-color: var(--pf-clr-black-6);
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 100px;
    padding: 14.5px 16px;
    padding-right: 24px;
    color: var(--pf-clr-white-1);
    transition: all 0.4s var(--pf-cube-2);
    display: inline-flex;
    align-items: center;
    gap: 22px;
  }
  .pf-pr-4 .icon {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
    transition: all 0.5s var(--pf-cube-2);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-pr-4::after {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--pf-clr-pr-4);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: -1;
    transition: all 0.5s var(--pf-cube-2);
  }
  .pf-pr-4:hover {
    background: var(--pf-clr-pr-4);
  }

  .pf-pr-4:hover .icon {
    transform: rotate(-135deg);
  }
  .pf-pr-4:hover::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
  }
  
  /* pr-btn-5 */
  .pf-pr-5 {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    border: 1.5px solid transparent;
    background-color: var(--pf-clr-pr-5);
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 100px;
    padding: 11.5px 12px;
    padding-right: 22px;
    color: var(--pf-clr-white-1);
    transition: all 0.4s var(--pf-cube-2);
    display: inline-flex;
    align-items: center;
    gap: 22px;
  }
  .pf-pr-5 .icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--pf-clr-white-1);
    fill: transparent;
    stroke: var(--pf-clr-pr-5);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s var(--pf-cube-2);
    overflow: hidden;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-pr-5 .icon svg:nth-child(2) {
    position: absolute;
    transform: translate(-20px, 20px);
    stroke: var(--pf-clr-sd-5);
  }
  .pf-pr-5:hover {
    background: var(--pf-clr-sd-5);
  }
  .pf-pr-5:hover .icon svg:nth-child(1) {
    transform: translate(20px, -20px);
  }
  .pf-pr-5:hover .icon svg:nth-child(2) {
    transform: translate(0px, 0px);
  }
  .pf-pr-5:is(.has-border) {
    border-color: var(--pf-clr-sd-5);
    background: transparent;
    color: var(--pf-clr-sd-5);
  }
  .pf-pr-5:is(.has-border) .icon {
    background: var(--pf-clr-sd-5);
  }
  .pf-pr-5:is(.has-border) .icon svg:nth-child(1) {
    stroke: var(--pf-clr-white-1);
  }
  .pf-pr-5:is(.has-border) .icon svg:nth-child(2) {
    stroke: var(--pf-clr-sd-4);
  }
  .pf-pr-5:is(.has-border):hover {
    background: var(--pf-clr-sd-4);
    border-color: transparent;
  }
  
  /* pr-btn-6 */
  /* pr-btn-2 */
  .pf-pr-6 {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--pf-clr-pr-1);
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 12px;
    padding: 16px 16px;
    padding-left: 20px;
    color: var(--pf-clr-black-1);
    transition: all 0.4s var(--pf-cube-2);
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  .pf-pr-6 .text {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .pf-pr-6 .text::after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    display: block;
    transition: all 0.4s var(--pf-cube-2);
    position: absolute;
    content: attr(data-back);
    transform: translateY(100%);
    color: var(--pf-clr-white-1);
  }
  .pf-pr-6 .text::before {
    top: 0;
    left: 0;
    opacity: 1;
    display: block;
    transition: all 0.4s var(--pf-cube-2);
    position: relative;
    content: attr(data-front);
    transform: translateY(0);
    color: var(--pf-clr-black-1);
  }
  .pf-pr-6 .icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: transparent;
    position: relative;
    overflow: hidden;
  }
  .pf-pr-6 .icon svg {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-pr-6 .icon svg:nth-child(1) {
    position: absolute;
    transform: translate(25px, 25px);
    transition-delay: 0s;
    stroke: var(--pf-clr-white-1);
  }
  .pf-pr-6 .icon svg:nth-child(2) {
    color: var(--pf-clr-);
    position: relative;
    stroke: var(--pf-clr-black-1);
  }
  .pf-pr-6:hover {
    background-color: var(--pf-clr-black-3);
  }
  .pf-pr-6:hover .icon svg:nth-child(1) {
    position: absolute;
    transform: translate(0px, 0px);
    transition-delay: 0.1s;
  }
  .pf-pr-6:hover .icon svg:nth-child(2) {
    transform: translate(-25px, -25px);
  }
  .pf-pr-6:hover .text::after {
    opacity: 1;
    transform: translateY(0%);
  }
  .pf-pr-6:hover .text::before {
    opacity: 0;
    transform: translateY(-100%);
  }
  
  /* free-phone */
  .pf-free-phone-1 {
    display: inline-flex;
    font-family: var(--pf-font-h-1);
    font-size: 16px;
    font-weight: 300;
    align-items: center;
    color: rgba(255, 255, 255, 0.64);
    gap: 12px;
  }
  .pf-free-phone-1 .icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    stroke: var(--pf-clr-pr-1);
    background: rgba(42, 200, 211, 0.04);
    border-radius: 50%;
    padding: 9px;
  }
  .pf-free-phone-1 b {
    color: rgba(255, 255, 255, 0.8);
  }
  
  /* free-phone-2 */
  .pf-free-phone-2 {
    display: inline-flex;
    font-family: var(--pf-font-h-1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    align-items: center;
    color: var(--pf-clr-black-3);
    gap: 40px;
    text-align: right;
  }
  .pf-free-phone-2 .icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    stroke: var(--pf-clr-white-1);
    background: var(--pf-clr-red-1);
    border-radius: 50%;
    padding: 9px;
    fill: transparent;
    position: relative;
    z-index: 1;
  }
  .pf-free-phone-2 .icon::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--pf-clr-red-1);
    border-radius: 50%;
    animation: pf-free-phone-2 5s linear infinite;
  }
  .pf-free-phone-2 .icon::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--pf-clr-red-1);
    border-radius: 50%;
    animation: pf-free-phone-2 5s 2.5s linear infinite;
  }
  .pf-free-phone-2 b {
    font-weight: 600;
    color: var(--pf-clr-red-1);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-free-phone-2:hover {
    color: var(--pf-clr-black-3);
  }
  .pf-free-phone-2:hover b {
    transform: translateX(-3px);
  }
  
  @keyframes pf-free-phone-2 {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    100% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
  }
  /* rotated-btn-1 */
  .pf-rotated-btn-1 {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pf-clr-black-2);
    border-radius: 50%;
    position: relative;
    box-shadow: 0px 0px 100px rgba(42, 200, 211, 0.5);
    z-index: 1;
  }
  .pf-rotated-btn-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%; /* Match button's border-radius */
    padding: 1.5px; /* Adjust to create space for the border */
    background: linear-gradient(230deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.1) 50%);
    z-index: -1; /* Place the gradient border behind the button */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-rotated-btn-1 img {
    animation: pf-rotated-1 4s linear infinite;
  }
  .pf-rotated-btn-1 .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    position: absolute;
    transform: rotate(-135deg);
    transition: all 0.5s var(--pf-cube-1);
    color: var(--pf-clr-pr-1);
  }
  .pf-rotated-btn-1 .icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%; /* Match button's border-radius */
    padding: 1.5px; /* Adjust to create space for the border */
    background: linear-gradient(280deg, rgba(42, 200, 211, 0.8) 0%, rgba(42, 200, 211, 0.1) 50%);
    z-index: -1; /* Place the gradient border behind the button */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-rotated-btn-1:hover .icon {
    background: var(--pf-clr-pr-1);
    color: var(--pf-clr-white-1);
  }
  
  /* rotated-btn-2 */
  .pf-rotated-btn-2 {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    position: relative;
    z-index: 1;
  }
  .pf-rotated-btn-2 img {
    animation: pf-rotated-1 4s linear infinite;
  }
  .pf-rotated-btn-2 .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--pf-clr-pr-2);
    position: absolute;
    transition: all 0.3s var(--pf-cube-1);
    color: var(--pf-clr-white-1);
    stroke: var(--pf-clr-white-1);
    fill: transparent;
    rotate: -90deg;
  }
  .pf-rotated-btn-2:hover {
    border-color: var(--pf-clr-white-1);
  }
  .pf-rotated-btn-2:hover .icon {
    transform: scale(90%);
  }
  .pf-rotated-btn-2:hover .icon svg {
    transform: translate(-5px, 5px);
  }
  .pf-rotated-btn-2:hover .icon svg polyline {
    transform: translate(5px, -5px);
  }
  
  @keyframes pf-rotated-1 {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  /* join-btn-1 */
  .pf-join-btn-1 {
    font-family: var(--pf-font-h-1);
    font-weight: 400;
    color: var(--pf-clr-white-1);
    opacity: 80%;
    font-size: 14px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-join-btn-1 b {
    text-transform: capitalize;
    font-weight: 600;
  }
  .pf-join-btn-1 .icon {
    fill: transparent;
    stroke: var(--pf-clr-pr-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-join-btn-1 .icon svg {
    width: 20px;
  }
  .pf-join-btn-1:hover {
    opacity: 1;
    color: var(--pf-clr-pr-1);
  }
  .pf-join-btn-1:hover .icon svg line {
    transform: translate(-5px, 5px);
  }
  
  /* ply-btn-2 */
  .pf-video-btn-1 {
    display: flex;
    width: 120px;
    height: 120px;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--pf-clr-pr-2);
    position: relative;
    transition: 0.4s;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-video-btn-1 {
      width: 80px;
      height: 80px;
    }
  }
  .pf-video-btn-1::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    opacity: 20%;
    animation: fd-blog-plybtn 5s linear infinite;
    animation-delay: 2.5s;
  }
  .pf-video-btn-1::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(2);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    opacity: 10%;
    animation: fd-blog-plybtn 5s linear infinite;
  }
  .pf-video-btn-1:hover {
    transform: scale(85%);
    color: var(--pf-clr-pr-2);
  }
  
  @keyframes fd-blog-plybtn {
    from {
      transform: translate(-50%, -50%) scale(1);
      opacity: 50%;
    }
    to {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
  }
  /* arrow-btn-1 */
  .pf-arrow-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--pf-clr-pr-3);
    fill: transparent;
    stroke: var(--pf-clr-pr-3);
    overflow: hidden;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-arrow-btn .icon {
    overflow: hidden;
    flex: 0 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.4s var(--pf-cube-2);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-arrow-btn svg {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-arrow-btn svg:nth-child(1) {
    position: absolute;
    transform: translate(-20px, 20px);
    stroke: var(--pf-clr-white-1);
  }
  .pf-arrow-btn:hover {
    background: var(--pf-clr-pr-3);
  }
  .pf-arrow-btn:hover svg:nth-child(1) {
    transform: translate(0px, 0px);
  }
  .pf-arrow-btn:hover svg:nth-child(2) {
    transform: translate(20px, -20px);
  }
  
  /* page-pagination */
  .pf-page-pagination {
    display: inline-flex;
    gap: 9px;
    flex-wrap: wrap;
  }
  .pf-page-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 2px solid #F6F6F6;
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-page-pagination-item:hover {
    background: var(--pf-clr-pr-1);
    color: #fff;
    border-color: var(--pf-clr-pr-1);
  }
  .pf-page-pagination-item:is(.has-btn) i {
    opacity: 72%;
  }
  .pf-page-pagination-item:is(.has-btn):hover {
    border-color: var(--pf-clr-pr-1);
    background: transparent;
    color: var(--pf-clr-pr-1);
  }
  
  /*
      button-component-end
  */
  /*
      offcanvas-start
  */
  /*
    offcanvas-start
  */
  .txa-offcanvas-box {
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 8px;
    background: #fff;
    z-index: 9999;
    width: 650px;
    height: auto;
    background-color: var(--pf-clr-black-2);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    overflow: hidden;
    transform: scale(0.9);
    transform-origin: top right;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease-in-out;
    padding: 80px;
  }
  @media (max-width: 767px) {
    .txa-offcanvas-box {
      padding: 80px 20px;
      width: 300px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .txa-offcanvas-box {
      padding: 80px 40px;
      width: 480px;
    }
  }
  .txa-offcanvas-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 2px;
    background: linear-gradient(90deg, rgb(199, 255, 73) 0%, rgb(125, 255, 88) 100%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: rotateGradient 3s linear infinite;
  }
  .txa-offcanvas-box-close {
    background: transparent;
    font-size: 22px;
    position: absolute;
    color: #fff;
    right: auto;
    left: 20px;
    top: 20px;
    transition: all 0.3s ease-in-out;
    opacity: 80%;
  }
  @media (max-width: 767px) {
    .txa-offcanvas-box-close {
      width: 46px;
      height: 46px;
      font-size: 20px;
      right: auto;
      left: 10px;
      top: 10px;
    }
  }
  .txa-offcanvas-box-close:hover {
    color: var(--pf-clr-pr-1);
    opacity: 100%;
  }
  .txa-offcanvas-box-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: 50px;
    overflow-y: scroll;
  }
  .txa-offcanvas-box-container::-webkit-scrollbar {
    display: none;
  }
  .txa-offcanvas-box .offcanvas-slideup {
    transform: translateY(100%);
    transition: all 0.5s ease-in-out;
    transition-delay: 0s;
  }
  .txa-offcanvas-box:is(.active) {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
  .txa-offcanvas-box:is(.active) .offcanvas-slideup {
    transform: translateY(0%);
    transition-delay: 0.3s;
  }
  .txa-offcanvas-services-title {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    opacity: 72%;
    margin-bottom: 20px;
  }
  .txa-offcanvas-services li {
    overflow: hidden;
    line-height: 1.5;
  }
  .txa-offcanvas-services li:not(:last-child) {
    margin-bottom: 10px;
  }
  .txa-offcanvas-services-item {
    font-size: 30px;
    color: #fff;
    opacity: 72%;
    display: flex;
    font-weight: 400;
    align-items: baseline;
    gap: 10px;
    transform: translateX(28px);
    transition: all 0.4s ease-in-out;
  }
  .txa-offcanvas-services-item i {
    font-size: 20px;
    transform: translateY(-3px) translateX(0px);
    color: var(--pf-clr-pr-1);
  }
  .txa-offcanvas-services-item:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(0px);
  }
  .txa-offcanvas-content {
    display: flex;
    gap: 50px;
    justify-content: space-between;
  }
  @media (max-width: 767px) {
    .txa-offcanvas-content {
      flex-wrap: wrap;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .txa-offcanvas-content {
      flex-wrap: nowrap;
    }
  }
  .txa-offcanvas-content-box-title {
    font-size: 16px;
    color: #fff;
    opacity: 72%;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .txa-offcanvas-contact li {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    display: flex;
    gap: 12px;
    align-items: center;
    opacity: 72%;
  }
  .txa-offcanvas-contact li:not(:last-child) {
    margin-bottom: 10px;
  }
  .txa-offcanvas-contact li span {
    display: flex;
    gap: 11px;
    align-items: center;
  }
  .txa-offcanvas-contact li a {
    display: flex;
    gap: 11px;
    align-items: center;
    transition: all 0.3s ease-in-out;
  }
  .txa-offcanvas-contact li a:hover {
    transform: translateX(-5px);
    opacity: 50%;
  }
  .txa-offcanvas-social li {
    overflow: hidden;
    margin-bottom: 7px;
  }
  .txa-offcanvas-social-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #fff;
    opacity: 72%;
    line-height: 1.5;
    transform: translateX(25px);
    transition: all 0.3s ease-in-out;
  }
  .txa-offcanvas-social-item i {
    width: 15px;
  }
  .txa-offcanvas-social-item:hover {
    transform: translateX(0px);
    opacity: 50%;
  }
  
  .txa-offcanvas-search-form {
    position: relative;
    z-index: 1;
  }
  .txa-offcanvas-search-form-input {
    height: 55px;
    padding: 0 20px;
    background: rgba(255, 255, 255, 0.15);
    width: 100%;
    font-weight: 300;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.662745098);
    font-size: 16px;
    border-radius: 0px;
  }
  .txa-offcanvas-search-form-btn {
    border: none;
    outline: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.7411764706);
    transition: all 0.4s ease-in-out;
    text-transform: capitalize;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    padding: 0;
  }
  .txa-offcanvas-search-form-btn:hover {
    color: var(--pf-clr-pr-1);
  }
  
  .mobile-main-navigation .navbar-nav li {
    position: relative;
    padding: 12px 0;
  }
  .mobile-main-navigation .navbar-nav li a {
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
  }
  .mobile-main-navigation .navbar-nav li a:hover {
    color: var(--pr-clr-pr-1);
  }
  .mobile-main-navigation .navbar-nav li .dropdown-btn {
    position: absolute;
    top: 19px;
    left: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    font-size: 18px;
    color: #fff;
    transition: 400ms ease-in-out;
    opacity: 72%;
  }
  .mobile-main-navigation .navbar-nav li .dropdown-btn:hover {
    color: var(--fx-clr-pr-1);
  }
  .mobile-main-navigation .navbar-nav li .dropdown-btn:is(.active) {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: var(--pf-clr-pr-1);
  }
  .mobile-main-navigation .navbar-nav li .dropdown-menu {
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-radius: 3px;
  }
  .mobile-main-navigation .navbar-nav li .dropdown-menu li {
    margin-right: 30px;
    padding: 5px 0;
    margin-bottom: 0;
    text-align: right;
  }
  .mobile-main-navigation .navbar-nav li .dropdown-menu li a {
    font-size: 16px;
  }
  .mobile-main-navigation .navbar-nav li .dropdown-menu li .dropdown-btn {
    position: absolute;
    top: 11px;
    left: 10px;
    font-size: 16px;
  }
  
  .txa-offcanvas-box:is(.has-default) {
    position: fixed;
    right: auto;
    left: 12px;
    top: 12px;
    background: #fff;
    z-index: 9;
    max-width: 720px;
    width: 100%;
    height: calc(100% - 24px);
    background-color: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    overflow: hidden;
    transform: translateX(-105%);
    visibility: hidden;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    padding: 80px;
    border: none;
    border-radius: 0;
    box-shadow: -10px 0px 20px 1px rgba(0, 0, 0, 0.03);
  }
  @media (max-width: 767px) {
    .txa-offcanvas-box:is(.has-default) {
      right: 0px;
      top: 0px;
      height: 100%;
      padding: 80px 30px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .txa-offcanvas-box:is(.has-default) {
      right: 0px;
      top: 0px;
      height: 100%;
      padding: 80px;
    }
  }
  .txa-offcanvas-box:is(.has-default)::before {
    display: none;
  }
  .txa-offcanvas-box:is(.has-default):is(.active) {
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-services-title {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-services-item {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-services-item i {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-services-item:hover {
    opacity: 1;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-content-box-title {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-contact li {
    color: #000000;
    opacity: 1;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-social-item {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-social-item:hover {
    opacity: 1;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-box-close {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-box-close:hover {
    opacity: 1;
    transform: scale(1.2);
  }
  .txa-offcanvas-box:is(.has-default) .mobile-main-navigation .navbar-nav li a {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .mobile-main-navigation .navbar-nav li .dropdown-btn {
    color: #000000;
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-search-form-input {
    background: rgb(255, 255, 255);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.94);
  }
  .txa-offcanvas-box:is(.has-default) .txa-offcanvas-search-form-btn {
    color: rgba(0, 0, 0, 0.74);
  }
  
  /*
      offcanvas-end
  */
  /*
      form-1-start
  */
  .pf-form-1-title {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 26px;
  }
  .pf-form-1-box{
    /* color: var(--pf-clr-white-1); */
    direction: rtl;
  }
  .pf-form-1-box:not(:last-child) {
    margin-bottom: 28px;
  }
  .pf-form-1-box:focus-within .pf-form-1-label {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-form-1-box .radio-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 45px;
  }
  .pf-form-1-label {
    text-transform: uppercase;
    font-weight: 500;
    opacity: 48%;
    color: #fff;
    font-size: 12px;
    display: block;
    line-height: 1.5;
    margin-bottom: 5px;
    letter-spacing: 2px;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-form-1-input {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.12);
    font-size: 16px;
    font-weight: 300;
    color: inherit;
    transition: all 0.3s var(--pf-cube-2);
  }
  .comment-reply-link i {
    font-size: 15px;
    padding-left: 5px;
}
  .pf-form-1-input::placeholder {
    opacity: 80%;
  }
  .pf-form-1-input:is(textarea) {
    height: 100px;
  }
  .pf-form-1-input:hover {
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  }
  .pf-form-1-radio input {
    display: none;
  }
  .pf-form-1-radio input:checked ~ span {
    background: var(--pf-clr-pr-1);
    color: var(--pf-clr-black-2);
  }
  .pf-form-1-radio span {
    position: relative;
    z-index: 1;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    padding: 0px 10px;
    cursor: pointer;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-form-1-radio span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 1.5px;
    background: linear-gradient(215deg, rgba(42, 200, 211, 0.56) 0%, rgba(42, 200, 211, 0.04) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-form-1-radio span:hover {
    background: var(--pf-clr-pr-1);
    color: var(--pf-clr-black-2);
  }
  .pf-form-1 input::-webkit-outer-spin-button,
  .pf-form-1 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  
  .fx-cta-1-form:is(.fx-cta-4) .fx-cta-1-form-input:focus {
    border-color: var(--fx-clr-sd-3);
  }
  .fx-cta-1-form:is(.fx-cta-4) .fx-cta-1-form-btn:hover {
    color: var(--fx-clr-sd-3);
  }
  
  .fx-cta-1-form:is(.fx-cta-5-form) .fx-cta-1-form-input:focus {
    border-color: var(--fx-clr-pr-2);
  }
  .fx-cta-1-form:is(.fx-cta-5-form) .fx-cta-1-form-btn:hover {
    color: var(--fx-clr-pr-2);
  }
  
  .fx-form-1:is(.has-home-6) .fx-form-1-box:focus-within .fx-form-1-label {
    color: var(--fx-clr-pr-2);
    opacity: 1;
  }
  
  /*
      form-1-end
  */
  /*
      form-2-start
  */
  .pf-form-1:is(.has-v2) .pf-form-1-label {
    color: var(--pf-clr-black-3);
    opacity: 64%;
  }
  .pf-form-1:is(.has-v2) .pf-form-1-input {
    font-weight: 400;
    color: rgba(33, 37, 39, 0.8);
    border-color: #DFE1E5;
  }
  .pf-form-1:is(.has-v2) .pf-form-1-input:hover {
    color: rgb(33, 37, 39);
  }
  .pf-form-1:is(.has-v2) .pf-form-1-input:focus {
    border-color: var(--pf-clr-pr-1);
  }
  .pf-form-1:is(.has-v2) .pf-form-1-box:focus-within .pf-form-1-label {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  
  /*
      form-2-end
  */
  /*
      search-box-css-start
  */
  .txa-search-box {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    background: #fff;
    z-index: 8;
    width: 650px;
    height: auto;
    background-color: var(--pf-clr-black-2);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    overflow: hidden;
    transform: scale(0.9);
    transform-origin: top right;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease-in-out;
    padding: 80px;
  }
  @media (max-width: 767px) {
    .txa-search-box {
      padding: 80px 20px;
      width: 300px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .txa-search-box {
      padding: 80px 40px;
      width: 480px;
    }
  }
  .txa-search-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 2px;
    background: linear-gradient(90deg, rgb(199, 255, 73) 0%, rgb(125, 255, 88) 100%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: rotateGradient 3s linear infinite;
  }
  .txa-search-box-close {
    background: transparent;
    font-size: 22px;
    position: absolute;
    color: #fff;
    left: 20px;
    top: 20px;
    transition: all 0.3s ease-in-out;
    opacity: 80%;
  }
  @media (max-width: 767px) {
    .txa-search-box-close {
      width: 46px;
      height: 46px;
      font-size: 20px;
      right: 10px;
      top: 10px;
    }
  }
  .txa-search-box-close:hover {
    color: var(--pf-clr-pr-1);
    opacity: 100%;
  }
  .txa-search-box.active {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
  .txa-search-box.active .txa-search-form::after {
    transform: scaleX(1);
    transition-delay: 0.5s;
  }
  .txa-search-container {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .txa-search-title {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 18px;
  }
  .txa-search-form {
    position: relative;
    z-index: 1;
  }
  .txa-search-form-input {
    width: 100%;
    margin: 0;
    border: none;
    outline: none;
    text-align: center;
    font-size: 16px;
    color: #888888;
    font-weight: 300;
    padding: 3px 10px;
    background: transparent;
  }
  .txa-search-form::after {
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    position: absolute;
    background-color: #6D6D6D;
    transition: all 0.5s ease-in-out;
    transform: scaleX(0);
    transition-delay: 0s;
  }
  .txa-search-tag {
    gap: 8px;
    justify-content: center;
  }
  .txa-search-tag-title {
    font-size: 16px;
    font-weight: 400;
    color: #5D5D5D;
    margin-bottom: 12px;
  }
  .txa-search-tag-item {
    flex: 0 0 auto;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.64);
    border: 1px solid rgba(255, 255, 255, 0.15);
    line-height: 1;
    padding: 9px 17px;
    transition: all 0.2s ease-in-out;
  }
  .txa-search-tag-item:hover {
    border-color: transparent;
    background: var(--pf-clr-pr-1);
    color: #fff;
  }
  
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    display: none;
  }
  .overlay:is(.active) {
    display: block;
  }
  
  .txa-search-box:is(.has-default) {
    padding-top: 56px;
    padding-bottom: 56px;
    background-color: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    position: fixed;
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    align-items: center;
    transition: 500ms var(--pf-cube-1);
    transform-origin: top;
    transform: scaleY(0);
    visibility: hidden;
    box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 0;
  }
  .txa-search-box:is(.has-default)::before {
    display: none;
  }
  .txa-search-box:is(.has-default):is(.active) {
    top: 0;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
  }
  .txa-search-box:is(.has-default):is(.active) .txa-search-form::after {
    transform: scaleX(1);
    transition-delay: 0.3s;
  }
  .txa-search-box:is(.has-default) .txa-search-title {
    color: var(--pf-clr-black-1);
    font-weight: 600;
  }
  .txa-search-box:is(.has-default) .txa-search-tag-item {
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
  .txa-search-box:is(.has-default) .txa-search-tag-item:hover {
    color: #fff;
    background: #000;
  }
  .txa-search-box:is(.has-default) .txa-search-box-close {
    color: #000000;
  }
  
  /*
      search-box-css-end
  */
  /*
      preloader-css-start
  */
  #preloader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999999;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: var(--pf-clr-black-2);
    transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
  }
  #preloader .preloader-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  #preloader .preloader-wrap .loader {
    display: flex;
    gap: 5px;
    align-items: end;
  }
  #preloader .preloader-wrap .dot {
    width: 10px;
    height: 20px;
    background-color: var(--pf-clr-pr-1);
    border-radius: 5px;
    animation: heightBounce 0.6s infinite alternate;
  }
  #preloader .preloader-wrap .dot:nth-child(2) {
    animation-delay: 0.1s;
    opacity: 0.9;
  }
  #preloader .preloader-wrap .dot:nth-child(3) {
    animation-delay: 0.2s;
    opacity: 0.8;
  }
  #preloader .preloader-wrap .dot:nth-child(4) {
    animation-delay: 0.3s;
    opacity: 0.7;
  }
  #preloader .preloader-wrap .dot:nth-child(5) {
    animation-delay: 0.4s;
    opacity: 0.6;
  }
  #preloader:is(.preloaded) {
    transform: scale(0.9) translateY(100%);
    border-radius: 20px;
  }
  #preloader:is(.has-home-2) {
    background: var(--pf-clr-white-1);
  }
  #preloader:is(.has-home-2) .dot {
    background-color: var(--pf-clr-pr-2);
  }
  #preloader:is(.has-home-3) {
    background: var(--pf-clr-white-1);
  }
  #preloader:is(.has-home-3) .dot {
    background-color: var(--pf-clr-pr-3);
  }
  #preloader:is(.has-home-4) {
    background: var(--pf-clr-white-1);
  }
  #preloader:is(.has-home-4) .dot {
    background-color: var(--pf-clr-black-6);
  }
  #preloader:is(.has-home-5) {
    background: var(--pf-clr-white-1);
  }
  #preloader:is(.has-home-5) .dot {
    background-color: var(--pf-clr-pr-5);
  }
  #preloader:is(.has-home-6) {
    background: var(--pf-clr-white-1);
  }
  #preloader:is(.has-home-6) .dot {
    background-color: var(--pf-clr-pr-6);
  }
  #preloader:is(.has-inner-page) {
    background: #E7F9FA;
  }
  
  @keyframes heightBounce {
    from {
      height: 10px;
    }
    to {
      height: 50px;
    }
  }
  /*
      preloader-css-end
  */
  /*
  
      layout
  */
  /*
      header-1-start
  */
  .pf-header-1-area {
    position: absolute;
    top: 32px;
    width: 100%;
    left: 0;
    z-index: 8;
  }
  .pf-header-1-row {
    gap: 30px;
  }
  .pf-header-1-action-link {
    gap: 20px;
    padding: 17px 20px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(8px);
    position: relative;
    z-index: 1;
    border: 1.5px solid transparent; /* No visible border on the button itself */
  }
  .pf-header-1-action-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px; /* Match button's border-radius */
    padding: 1px; /* Adjust to create space for the border */
    background: linear-gradient(90deg, rgb(199, 255, 73) 0%, rgb(125, 255, 88) 100%);
    z-index: -1; /* Place the gradient border behind the button */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: rotateGradient 3s linear infinite; /* Animation applied here */
  }
  .pf-header-1-action-link-line {
    width: 1px;
    height: 24px;
    background-color: var(--pf-clr-white-1);
    opacity: 24%;
  }
  
  @keyframes rotateGradient {
    0% {
      background: linear-gradient(0deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    5% {
      background: linear-gradient(18deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    10% {
      background: linear-gradient(36deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    15% {
      background: linear-gradient(54deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    20% {
      background: linear-gradient(72deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    25% {
      background: linear-gradient(90deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    30% {
      background: linear-gradient(108deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    35% {
      background: linear-gradient(126deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    40% {
      background: linear-gradient(144deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    45% {
      background: linear-gradient(162deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    50% {
      background: linear-gradient(180deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    55% {
      background: linear-gradient(198deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    60% {
      background: linear-gradient(216deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    65% {
      background: linear-gradient(234deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    70% {
      background: linear-gradient(252deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    75% {
      background: linear-gradient(270deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    80% {
      background: linear-gradient(288deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    85% {
      background: linear-gradient(306deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    90% {
      background: linear-gradient(324deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    95% {
      background: linear-gradient(342deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
    100% {
      background: linear-gradient(360deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.08) 100%);
    }
  }
  .pf-header-menu-area {
    position: fixed;
    top: 755px;
    width: 100%;
    left: 0;
    z-index: 6;
    transition: all 1s var(--pf-cube-1);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-header-menu-area {
      top: 630px;
    }
  }
  .pf-header-menu-area:is(.sticky1) {
    top: 30px;
  }
  .pf-header-menu-area:is(.sticky1) .vy-main-navigation .navbar-nav {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
  .pf-header-menu-area:is(.sticky1) .vy-main-navigation .navbar-nav::before {
    top: -1px;
    padding: 2px;
  }
  .pf-header-menu-area:is(.sticky1) .vy-main-navigation .navbar-nav li .dropdown-menu {
    top: 102%;
    transform-origin: top;
    bottom: unset;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
  .pf-header-menu-area:is(.sticky1) .vy-main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {
    top: 0%;
  }
  .pf-header-menu-width {
    width: 100%;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .vy-main-navigation .navbar-nav {
    position: relative;
    flex-direction: row;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.04) 100%);
    padding: 0 8px;
    border-radius: 12px;
  }
  .vy-main-navigation .navbar-nav::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(90deg, rgb(199, 255, 73) 0%, rgb(125, 255, 88) 100%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: rotateGradient 2s linear infinite;
  }
  .vy-main-navigation .navbar-nav li {
    display: inline-block;
    position: relative;
    transition: all 0.4s var(--pf-cube-1);
  }
  .vy-main-navigation .navbar-nav li:is(.dropdown) > a {
    padding-left: 28px;
    text-align: right;
  }
  .vy-main-navigation .navbar-nav li:is(.dropdown) > a::before {
    content: "\f078";
    font-family: "Font Awesome 6 free";
    font-weight: 700;
    position: absolute;
    font-size: 12px;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    transition: 400ms ease-in-out;
    color: var(--vy-clr-pr-1);
    opacity: 64%;
  }
  .vy-main-navigation .navbar-nav li a {
    position: relative;
    z-index: 1;
    font-family: var(--pf-font-h-1);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: var(--pf-clr-white-1);
    padding: 16px 14px;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1;
    transition: all 0.4s var(--pf-cube-1);
    opacity: 64%;
  }
  .vy-main-navigation .navbar-nav li a::after {
    content: "";
    width: 100%;
    height: 32px;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(42, 200, 211, 0.04) 0%, rgba(42, 200, 211, 0.72) 100%);
    transition: all 0.4s var(--pf-cube-1);
    transform: scale(0.5);
    opacity: 0;
  }
  .vy-main-navigation .navbar-nav li a:is(.has-active) {
    opacity: 1;
  }
  .vy-main-navigation .navbar-nav li a:is(.has-active)::after {
    opacity: 1;
    transform: scale(1);
  }
  .vy-main-navigation .navbar-nav li a:is(.has-active)::before {
    opacity: 1;
  }
  .vy-main-navigation .navbar-nav li .dropdown-menu {
    right: 0;
    bottom: 102%;
    z-index: 100;
    margin: 0px;
    padding: 20px 0px;
    min-width: 200px;
    display: block;
    border: none;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.04) 100%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 12px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .vy-main-navigation .navbar-nav li .dropdown-menu li {
    display: block;
    margin: 0;
    position: relative;
  }
  .vy-main-navigation .navbar-nav li .dropdown-menu li a {
    width: 100%;
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    text-align: right;
  }
  .vy-main-navigation .navbar-nav li .dropdown-menu li a::after {
    top: 0;
  }
  .vy-main-navigation .navbar-nav li .dropdown-menu li:is(.dropdown) > a::before {
    left: 20px;
    top: 49%;
  }
  .vy-main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {
    bottom: 0;
    right: 100%;
    min-width: 200px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .vy-main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {
      min-width: 200px;
    }
  }
  .vy-main-navigation .navbar-nav li .dropdown-menu li:hover a {
    color: white;
  }
  .vy-main-navigation .navbar-nav li:hover {
    opacity: 1;
  }
  .vy-main-navigation .navbar-nav li:hover > a {
    /* color: var(--vy-clr-pr-1); */
    opacity: 1;
  }
  .vy-main-navigation .navbar-nav li:hover > a::after {
    opacity: 1;
    transform: scale(1);
  }
  .vy-main-navigation .navbar-nav li:hover > a::before {
    opacity: 1;
  }
  .vy-main-navigation .navbar-nav li:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
  }
  
  /*
      header-1-end
  */
  /*
      header-2-start
  */
  .pf-header-2-area {
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 5;
    width: 100%;
  }
  .pf-header-2-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0 0 8px 8px;
    border-top: none;
    gap: 16px;
    padding-left: 16px;
  }
  @media (max-width: 767px) {
    .pf-header-2-top {
      justify-content: center;
      padding-top: 5px;
      padding-bottom: 5px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-2-top {
      justify-content: space-between;
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }
  .pf-header-2-top .pf-free-phone-1 {
    font-size: 14px;
    color: var(--pf-clr-white-1);
    gap: 5px;
    transition: all 0.4s var(--pf-cube-2);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-header-2-top .pf-free-phone-1 {
      display: none;
    }
  }
  .pf-header-2-top .pf-free-phone-1 .icon {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0;
    stroke: var(--pf-clr-white-1);
    border-radius: 0 0 8px 0 ;
    fill: transparent;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-header-2-top .pf-free-phone-1 b {
    font-weight: 600;
  }
  .pf-header-2-top .pf-free-phone-1:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .pf-header-2-top .pf-free-phone-1:hover .icon {
    background: var(--pf-clr-pr-2);
  }
  .pf-header-2-top .pf-free-phone-1:hover b {
    color: rgba(255, 255, 255, 0.7);
  }
  .pf-header-2-top .pf-join-btn-1 {
    font-weight: 300;
    opacity: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
    padding: 6px 16px;
    padding-right: 0;
  }
  @media (max-width: 767px) {
    .pf-header-2-top .pf-join-btn-1 {
      display: none;
    }
  }
  .pf-header-2-top .pf-join-btn-1 .icon {
    stroke: var(--pf-clr-white-1);
  }
  .pf-header-2-top .pf-join-btn-1:hover {
    color: var(--pf-clr-white-1);
    opacity: 80%;
  }
  .pf-header-2-top .pf-join-btn-1:hover .icon {
    stroke: var(--pf-clr-white-1);
  }
  .pf-header-2-top .pf-footer-1-social {
    font-size: 16px;
    color: var(--pf-clr-white-1);
  }
  .pf-header-2-top .pf-footer-1-social:hover {
    opacity: 80%;
  }
  .pf-header-2-top .pf-search-btn-2 {
    margin-right: auto;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-header-2-top .pf-search-btn-2 {
      border-left: none;
      margin-left: 0;
    }
  }
  @media (max-width: 767px) {
    .pf-header-2-top .pf-search-btn-2 {
      border-left: none;
      margin-left: 0;
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-2-top .pf-search-btn-2 {
      border-left: none;
      margin-left: 0;
      display: flex;
    }
  }
  .pf-header-2-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-header-2-main {
      padding: 10px 0;
    }
  }
  @media (max-width: 767px) {
    .pf-header-2-main {
      padding: 10px 10px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-2-main {
      padding: 10px 0;
    }
  }
  .pf-header-2-main-action-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .pf-header-2-main-action-link .pf-pr-2 {
    background: var(--pf-clr-white-1);
    color: var(--pf-clr-pr-2);
    padding: 9px 19px;
    border-radius: 8px;
  }
  @media (max-width: 767px) {
    .pf-header-2-main-action-link .pf-pr-2 {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-2-main-action-link .pf-pr-2 {
      display: inline-block;
    }
  }
  .pf-header-2-main-action-link .pf-pr-2:hover {
    background: var(--pf-clr-black-3);
  }
  
  .vy-main-navigation:is(.has-header-2) {
    margin-left: auto;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav {
    background: transparent;
    padding: 0;
    gap: 32px;
    border-radius: 0;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vy-main-navigation:is(.has-header-2) .navbar-nav {
      gap: 20px;
    }
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav::before {
    display: none;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li a {
    opacity: 1;
    padding: 33px 0;
    position: relative;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li a::after {
    content: "";
    width: 0px;
    height: 1px;
    background: var(--pf-clr-white-1);
    position: absolute;
    top: unset;
    bottom: 30px;
    right: 1px;
    border-radius: 0;
    transition: all 0.4s var(--pf-cube-2);
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li:is(.dropdown) a {
    padding-left: 20px;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li:is(.dropdown) a::before {
    left: 0;
    opacity: 1;
    transition: all 0.4s var(--pf-cube-2);
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li:hover a::after {
    width: 20px;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li:hover a::before {
    top: 54%;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu {
    padding: 5px;
    border-radius: 0;
    transform-origin: top;
    bottom: unset;
    top: 100%;
    background: var(--pf-clr-white-1);
    border-top: none;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu li a {
    font-weight: 500;
    color: var(--pf-clr-black-1);
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu li a::after {
    background: var(--pf-clr-white-1);
    top: 30px;
    right: 21px;
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu li:hover {
    background: var(--pf-clr-pr-2);
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu li:hover > a {
    color: var(--pf-clr-white-1);
  }
  .vy-main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu li .dropdown-menu {
    top: 0%;
    bottom: unset;
  }
  
  /*
      header-2-end
  */
  /*
      header-3-start
  */
  .pf-header-3-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
  }
  .pf-header-3-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--pf-clr-gray-2);
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding-left: 17px;
    gap: 16px;
  }
  @media (max-width: 767px) {
    .pf-header-3-top {
      justify-content: center;
      padding: 5px 10px;
      padding-right: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-3-top {
      justify-content: space-between;
      padding: 5px 10px;
      padding-right: 17px;
    }
  }
  .pf-header-3-top .pf-footer-1-social {
    color: var(--pf-clr-black-5);
  }
  .pf-header-3-top .pf-footer-1-social a:hover {
    color: var(--pf-clr-pr-3);
  }
  .pf-header-3-top .pf-free-phone-1 {
    font-weight: 400;
    color: var(--pf-clr-black-5);
    gap: 0;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-header-3-top .pf-free-phone-1 {
      display: none;
    }
  }
  .pf-header-3-top .pf-free-phone-1 b {
    color: var(--pf-clr-black-5);
    font-weight: 700;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-header-3-top .pf-free-phone-1 .icon {
    width: 40px;
    height: 40px;
    fill: transparent;
    stroke: var(--pf-clr-pr-3);
    background: transparent;
    border-radius: 0;
    padding: 10px;
    margin-left: 12px;
    border-left: 1px solid var(--pf-clr-gray-2);
    border-radius: 0 0 8px 0;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-header-3-top .pf-free-phone-1:hover .icon {
    background: var(--pf-clr-pr-3);
    stroke: var(--pf-clr-white-1);
  }
  .pf-header-3-top .pf-free-phone-1:hover b {
    color: var(--pf-clr-pr-3);
  }
  .pf-header-3-top .pf-search-btn-2 {
    color: rgba(42, 42, 42, 0.4);
    font-weight: 400;
    stroke: var(--pf-clr-pr-3);
    gap: 8px;
    border-left: 1px solid var(--pf-clr-gray-2);
    border-right: 1px solid var(--pf-clr-gray-2);
    margin-right: auto;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-header-3-top .pf-search-btn-2 {
      margin-left: 0;
      border-left: none;
    }
  }
  @media (max-width: 767px) {
    .pf-header-3-top .pf-search-btn-2 {
      margin-left: 0;
      border-left: none;
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-3-top .pf-search-btn-2 {
      margin-left: 0;
      border-left: none;
      display: flex;
    }
  }
  .pf-header-3-top .pf-search-btn-2:hover {
    color: var(--pf-clr-pr-3);
  }
  .pf-header-3-top .pf-join-btn-1 {
    color: var(--pf-clr-black-5);
    opacity: 100%;
    padding: 6px 0;
    padding-left: 16px;
    border-left: 1px solid var(--pf-clr-gray-2);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-header-3-top .pf-join-btn-1 {
      display: none;
    }
  }
  .pf-header-3-top .pf-join-btn-1 b {
    font-weight: 700;
  }
  .pf-header-3-top .pf-join-btn-1 .icon {
    stroke: var(--pf-clr-pr-3);
  }
  .pf-header-3-top .pf-join-btn-1:hover b {
    color: var(--pf-clr-pr-3);
  }
  .pf-header-3-logo {
    max-width: 180px;
  }
  .pf-header-3-main-action-link {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .pf-header-3-main-action-link .pf-pr-3 {
    padding: 9px 19px;
    border: none;
    background: var(--pf-clr-sd-2);
    border-radius: 100px;
  }
  @media (max-width: 767px) {
    .pf-header-3-main-action-link .pf-pr-3 {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-3-main-action-link .pf-pr-3 {
      display: flex;
    }
  }
  .pf-header-3-main-action-link .pf-pr-3::after {
    display: none;
  }
  .pf-header-3-main-action-link .pf-pr-3:hover {
    background: var(--pf-clr-pr-3);
  }
  .pf-header-3-main-action-link .pf-menu-btn-2 span {
    background: var(--pf-clr-pr-3);
  }
  
  .vy-main-navigation:is(.has-header-2):is(.has-header-3) .navbar-nav li a {
    font-weight: 500;
    color: var(--pf-clr-black-5);
    opacity: 100%;
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-3) .navbar-nav li a::after {
    background: var(--pf-clr-pr-3);
    height: 2px;
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-3) .navbar-nav li:hover > a {
    color: var(--pf-clr-pr-3);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-3) .navbar-nav li .dropdown-menu {
    border-color: var(--pf-clr-pr-3);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-3) .navbar-nav li .dropdown-menu li a::after {
    background: var(--pf-clr-white-1);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-3) .navbar-nav li .dropdown-menu li:hover {
    background: var(--pf-clr-pr-3);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-3) .navbar-nav li .dropdown-menu li:hover > a {
    color: var(--pf-clr-white-1);
  }
  
  /*
      header-3-end
  */
  /*
      header-4-start
  */
  .pf-header-4-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
  }
  .pf-header-4-area .pf-header-2-top {
    background: #fff;
    border-color: var(--pf-clr-gray-3);
  }
  .pf-header-4-area .pf-header-2-top .pf-free-phone-1 {
    color: var(--pf-clr-black-6);
    font-weight: 400;
  }
  .pf-header-4-area .pf-header-2-top .pf-free-phone-1 b {
    font-weight: 600;
    color: var(--pf-clr-black-6);
  }
  .pf-header-4-area .pf-header-2-top .pf-free-phone-1 .icon {
    background: transparent;
    stroke: var(--pf-clr-pr-4);
    border-color: var(--pf-clr-gray-3);
  }
  .pf-header-4-area .pf-header-2-top .pf-free-phone-1:hover .icon {
    background: var(--pf-clr-pr-4);
    stroke: var(--pf-clr-white-1);
  }
  .pf-header-4-area .pf-header-2-top .pf-free-phone-1:hover b {
    color: var(--pf-clr-pr-4);
  }
  .pf-header-4-area .pf-header-2-top .pf-search-btn-2 {
    border-color: var(--pf-clr-gray-3);
    color: rgba(13, 23, 63, 0.4);
    font-weight: 400;
    stroke: var(--pf-clr-pr-4);
  }
  .pf-header-4-area .pf-header-2-top .pf-search-btn-2:hover {
    color: var(--pf-clr-pr-4);
  }
  .pf-header-4-area .pf-header-2-top .pf-join-btn-1 {
    color: var(--pf-clr-black-6);
    border-color: var(--pf-clr-gray-3);
    font-weight: 400;
  }
  .pf-header-4-area .pf-header-2-top .pf-join-btn-1 b {
    font-weight: 600;
  }
  .pf-header-4-area .pf-header-2-top .pf-join-btn-1 .icon {
    stroke: var(--pf-clr-pr-4);
  }
  .pf-header-4-area .pf-header-2-top .pf-join-btn-1:hover {
    color: var(--pf-clr-pr-4);
  }
  .pf-header-4-area .pf-header-2-top .pf-footer-1-social {
    color: var(--pf-clr-black-6);
  }
  .pf-header-4-area .pf-header-2-top .pf-footer-1-social a:hover {
    color: var(--pf-clr-pr-4);
  }
  .pf-header-4-area .pf-header-2-main-action-link .pf-pr-4 {
    background: var(--pf-clr-sd-3);
    color: var(--pf-clr-black-6);
    padding: 9px 18px;
  }
  @media (max-width: 767px) {
    .pf-header-4-area .pf-header-2-main-action-link .pf-pr-4 {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-4-area .pf-header-2-main-action-link .pf-pr-4 {
      display: flex;
    }
  }
  .pf-header-4-area .pf-header-2-main-action-link .pf-pr-4::after {
    display: none;
  }
  .pf-header-4-area .pf-header-2-main-action-link .pf-pr-4:hover {
    background: var(--pf-clr-pr-4);
    color: var(--pf-clr-white-1);
  }
  .pf-header-4-area .pf-header-2-main-action-link .pf-menu-btn-2 span {
    background: var(--pf-clr-pr-4);
  }
  
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li:is(.dropdown) a::before {
    color: var(--pf-clr-pr-4);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li a {
    font-weight: 500;
    color: var(--pf-clr-black-6);
    opacity: 100%;
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li a::after {
    background: var(--pf-clr-pr-4);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li:hover > a {
    color: var(--pf-clr-pr-4);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li .dropdown-menu {
    border-color: var(--pf-clr-pr-4);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li .dropdown-menu li a::after {
    background: var(--pf-clr-white-1);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li .dropdown-menu li:hover {
    background: var(--pf-clr-pr-4);
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-4) .navbar-nav li .dropdown-menu li:hover > a {
    color: var(--pf-clr-white-1);
  }
  
  /*
      header-4-end
  */
  /*
      header-5-start
  */
  .pf-header-5-area {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 5;
  }
  .pf-header-5-area .pf-header-2-main {
    background: rgba(255, 255, 255, 0.48);
    border-radius: 16px;
    backdrop-filter: blur(24px);
    box-shadow: -12px 12px 40px 0 rgba(0, 0, 0, 0.12);
    padding: 0 24px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-header-5-area .pf-header-2-main {
      padding: 10px 20px;
    }
  }
  .pf-header-5-area .pf-header-2-main-action-link .pf-pr-5 {
    background: var(--pf-clr-sd-5);
    padding: 8px 18px;
  }
  .pf-header-5-area .pf-header-2-main-action-link .pf-pr-5:hover {
    background: var(--pf-clr-pr-5);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-header-5-area .pf-header-2-main-action-link .pf-pr-5 {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .pf-header-5-area .pf-header-2-main-action-link .pf-pr-5 {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-5-area .pf-header-2-main-action-link .pf-pr-5 {
      display: inline-flex;
    }
  }
  .pf-header-5-area .pf-header-2-main-action-link .pf-menu-btn-2 span {
    background: var(--pf-clr-sd-5);
  }
  .pf-header-5-area .pf-header-2-main-action-link .pf-menu-btn-2:hover span {
    background: var(--pf-clr-sd-5);
  }
  
  .pf-header-5-area .vy-main-navigation .navbar-nav li a {
    color: var(--pf-clr-black-7);
    opacity: 100%;
    font-weight: 500;
  }
  .pf-header-5-area .vy-main-navigation .navbar-nav li a::after {
    background: var(--pf-clr-sd-5);
  }
  .pf-header-5-area .vy-main-navigation .navbar-nav li:is(.dropdown) a::before {
    color: var(--pf-clr-sd-5);
  }
  .pf-header-5-area .vy-main-navigation .navbar-nav li:hover > a {
    color: var(--pf-clr-sd-5);
  }
  .pf-header-5-area .vy-main-navigation .navbar-nav li .dropdown-menu {
    border-color: var(--pf-clr-sd-5);
  }
  .pf-header-5-area .vy-main-navigation .navbar-nav li .dropdown-menu li a::after {
    background: var(--pf-clr-white-1);
  }
  .pf-header-5-area .vy-main-navigation .navbar-nav li .dropdown-menu li:hover {
    background: var(--pf-clr-sd-5);
  }
  .pf-header-5-area .vy-main-navigation .navbar-nav li .dropdown-menu li:hover > a {
    color: var(--pf-clr-white-1);
  }
  
  /*
      header-5-end
  */
  /*
      header-6-start
  */
  .pf-header-6-area .pf-free-phone-1:hover b {
    color: var(--pf-clr-pr-6);
  }
  .pf-header-6-area .pf-search-btn-2:hover {
    opacity: 1;
    color: var(--pf-clr-pr-6);
    stroke: var(--pf-clr-pr-6);
  }
  .pf-header-6-area .pf-join-btn-1:hover b {
    color: var(--pf-clr-pr-6);
  }
  .pf-header-6-area .pf-join-btn-1:hover .icon {
    stroke: var(--pf-clr-pr-6);
  }
  .pf-header-6-area .pf-footer-1-social a:hover {
    color: var(--pf-clr-pr-6);
  }
  .pf-header-6-area .pf-menu-btn-2:hover span {
    background: var(--pf-clr-pr-6);
  }
  .pf-header-6-area .pf-pr-2 {
    border-radius: 100px;
    background: var(--pf-clr-pr-6);
    color: var(--pf-clr-white-1);
  }
  .pf-header-6-area .pf-pr-2 .text::after {
    color: var(--pf-clr-pr-6);
  }
  .pf-header-6-area .pf-pr-2:hover {
    background: var(--pf-clr-white-1);
  }
  
  /*
      header-6-end
  */
  /*
      header-7-start
  */
  .pf-header-7-area .pf-header-2-top {
    border-color: #DFE1E5;
  }
  .pf-header-7-area .pf-header-2-top .pf-free-phone-1 {
    color: var(--pf-clr-black-1);
    font-weight: 400;
  }
  .pf-header-7-area .pf-header-2-top .pf-free-phone-1 b {
    color: var(--pf-clr-black-1);
  }
  .pf-header-7-area .pf-header-2-top .pf-free-phone-1 .icon {
    stroke: var(--pf-clr-black-1);
    border-color: #DFE1E5;
  }
  .pf-header-7-area .pf-header-2-top .pf-free-phone-1:hover b {
    color: var(--pf-clr-pr-6);
  }
  .pf-header-7-area .pf-header-2-top .pf-search-btn-2 {
    stroke: var(--pf-clr-black-1);
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    border-color: #DFE1E5;
  }
  .pf-header-7-area .pf-header-2-top .pf-search-btn-2:hover {
    color: var(--pf-clr-pr-6);
    stroke: var(--pf-clr-pr-6);
  }
  .pf-header-7-area .pf-header-2-top .pf-join-btn-1 {
    color: var(--pf-clr-black-1);
    font-weight: 400;
    border-color: #DFE1E5;
  }
  .pf-header-7-area .pf-header-2-top .pf-join-btn-1 .icon {
    stroke: var(--pf-clr-pr-6);
  }
  .pf-header-7-area .pf-header-2-top .pf-join-btn-1:hover {
    color: var(--pf-clr-pr-6);
  }
  .pf-header-7-area .pf-header-2-top .pf-footer-1-social {
    color: var(--pf-clr-black-1);
  }
  .pf-header-7-area .pf-header-2-top .pf-footer-1-social a:hover {
    color: var(--pf-clr-pr-6);
  }
  .pf-header-7-area .pf-header-2-main-action-link .pf-pr-2 {
    border: 2px solid var(--pf-clr-pr-2);
    border-radius: 100px;
  }
  .pf-header-7-area .pf-header-2-main-action-link .pf-pr-2 .text::after {
    color: var(--pf-clr-white-1);
  }
  .pf-header-7-area .pf-header-2-main-action-link .pf-pr-2:hover {
    background: var(--pf-clr-pr-2);
  }
  .pf-header-7-area .pf-header-2-main-action-link .pf-menu-btn-2 span {
    background: var(--pf-clr-pr-2);
  }
  
  .vy-main-navigation:is(.has-header-2):is(.has-header-7) .navbar-nav li a {
    color: var(--pf-clr-black-1);
    font-weight: 500;
  }
  .vy-main-navigation:is(.has-header-2):is(.has-header-7) .navbar-nav li:is(.dropdown) a::before {
    color: var(--pf-clr-pr-6);
  }
  
  /*
      header-7-end
  */
  /*
      inner-page-header-start
  */
  .pf-header-1-area:is(.has-inner-page) .pf-header-1-action-link {
    background: var(--pf-clr-white-1);
  }
  .pf-header-1-area:is(.has-inner-page) .pf-header-1-action-link::before {
    padding: 2px;
  }
  .pf-header-1-area:is(.has-inner-page) .pf-header-1-action-link .pf-search-btn-1 {
    fill: transparent;
    stroke: var(--pf-clr-black-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .pf-header-1-action-link .pf-search-btn-1:hover {
    stroke: var(--pf-clr-pr-1);
  }
  .pf-header-1-area:is(.has-inner-page) .pf-header-1-action-link .pf-menu-btn-1 {
    stroke: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .pf-header-1-action-link-line {
    background: var(--pf-clr-pr-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box {
    background-color: var(--pf-clr-white-1);
    width: 500px;
    padding: 90px 60px;
  }
  @media (max-width: 767px) {
    .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box {
      width: 300px;
      padding: 90px 30px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box {
      width: 400px;
      padding: 90px 40px;
    }
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box-close {
    color: var(--pf-clr-black-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box-close:hover {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box .mobile-main-navigation .navbar-nav li a {
    color: var(--pf-clr-black-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box .mobile-main-navigation .navbar-nav li a:hover {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box .mobile-main-navigation .navbar-nav li .dropdown-btn {
    color: var(--pf-clr-black-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box .mobile-main-navigation .navbar-nav li .dropdown-btn:hover {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-box .mobile-main-navigation .navbar-nav li .dropdown-btn:is(.active) {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-content-box-title {
    font-size: 16px;
    color: var(--pf-clr-black-1);
    opacity: 72%;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-contact li {
    color: var(--pf-clr-black-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-offcanvas-contact li a:hover {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .txa-search-box {
    background: var(--pf-clr-white-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-search-title {
    color: var(--pf-clr-black-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-search-box-close {
    color: var(--pf-clr-black-1);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-search-box-close:hover {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-header-1-area:is(.has-inner-page) .txa-search-tag-item {
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.6);
  }
  .pf-header-1-area:is(.has-inner-page) .txa-search-tag-item:hover {
    border-color: transparent;
    color: var(--pf-clr-white-1);
  }
  
  /*
      inner-page-header-end
  */
  /*
      sticky-header-css-start
  */
  .txa_sticky_header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    transition: 300ms ease-in-out;
    z-index: 8;
  }
  .txa_sticky_header:is(.txa_sticky) {
    transform: translateY(-150%);
  }
  .txa_sticky_header:is(.txa_sticky):is(.txa_sticky_show) {
    transform: translateY(0%);
  }
  .txa_sticky_header:is(.pf-header-2-area) {
    top: 12px;
  }
  .txa_sticky_header:is(.pf-header-2-area):is(.txa_sticky_show) {
    background: #000;
    top: -40px;
  }
  .txa_sticky_header:is(.pf-header-4-area):is(.txa_sticky_show) {
    background: #fff;
    top: -45px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  }
  .txa_sticky_header:is(.pf-header-3-area):is(.txa_sticky_show) {
    background: #fff;
    top: -45px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  }
  .txa_sticky_header:is(.pf-header-5-area) {
    top: 40px;
  }
  .txa_sticky_header:is(.pf-header-5-area):is(.txa_sticky_show) {
    top: 10px;
  }
  .txa_sticky_header:is(.pf-header-6-area):is(.txa_sticky_show) {
    top: -45px;
    background: #000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  }
  .txa_sticky_header:is(.pf-header-7-area):is(.txa_sticky_show) {
    top: -45px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  }
  .txa_sticky_header:is(.has-inner-page) {
    top: 32px;
  }
  .txa_sticky_header:is(.has-inner-page):is(.txa_sticky_show) {
    top: 0;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  }
  
  /*
      sticky-header-css-end
  */
  /*
      hero-1-start
  */
  .pf-hero-1-area {
    padding-top: 115px;
  }
  .pf-hero-1-row {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    margin-right: -90px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-1-row {
      margin-right: 0px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-1-row {
      margin-right: 0px;
      flex-wrap: wrap;
    }
  }
  .pf-hero-1-content {
    max-width: 510px;
    margin-top: 155px;
    position: relative;
    z-index: 3;
  }
  @media (max-width: 767px) {
    .pf-hero-1-content {
      margin-top: 55px;
    }
  }
  .pf-hero-1-content .title {
    margin-bottom: 25px;
    font-size: 45px;
  }
  @media (max-width: 767px) {
    .pf-hero-1-content .title {
      font-size: 35px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-1-content .title {
      font-size: 40px;
    }
  }
  .pf-hero-1-content .disc {
    margin-bottom: 33px;
  }
  .pf-hero-1-img {
    position: relative;
    z-index: 1;
  }
  .pf-hero-1-img-main {
    height: 725px;
    overflow: hidden;
    opacity: 60%;
    mix-blend-mode: difference;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);

  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-1-img-main {
      height: 595px;
      display: flex;
      align-items: end;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-1-img-main {
      height: auto;
      display: flex;
      align-items: end;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-1-img-main {
      height: auto;
      display: block;
      align-items: end;
    }
  }
  .pf-hero-1-img-text {
    display: flex;
    align-items: self-start;
    position: absolute;
    bottom: 35%;
    right: -16px;
    z-index: 1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-1-img-text {
      left: -146px;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-1-img-text {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-1-img-text {
      display: flex;
    }
  }
  .pf-hero-1-img-text-box {
    width: 100%;
    max-width: 180px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
    padding: 10px 16px;
    text-align: right;
    backdrop-filter: blur(8px);
  }
  .pf-hero-1-img-text-shape {
    fill: var(--pf-clr-white-1);
    margin-top: 26px;
    margin-left: -9px;
    z-index: 1;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
  }
  .pf-hero-1-img-text-shape path {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
  }
  .pf-hero-1-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 16%;
  }
  .pf-hero-1-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  .pf-hero-1-social-posi {
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
  }
  @media (max-width: 767px) {
    .pf-hero-1-social-posi {
      top: 70%;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-1-social-posi {
      top: 50%;
    }
  }
  .pf-hero-1-social {
    display: inline-flex;
    gap: 12px;
    flex-direction: column;
    align-items: end;
  }
  .pf-hero-1-social-single {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    transition: all 0.4s var(--pf-cube-2);
    overflow: hidden;
  }
  .pf-hero-1-social-single .text {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: var(--pf-clr-pr-1);
    transform: translateX(-100%);
    transition: all 0.4s var(--pf-cube-2);
    opacity: 0;
  }
  .pf-hero-1-social-single .icon {
    position: relative;
    z-index: 1;
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: linear-gradient(260deg, rgba(255, 255, 255, 0) 0%, rgba(42, 200, 211, 0) 30%);
    border-radius: 50%;
    flex: 0 0 auto;
    font-size: 15px;
    color: var(--pf-clr-white-1);
    opacity: 64%;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-hero-1-social-single .icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 400px;
    padding: 1.5px;
    background: linear-gradient(260deg, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0.1) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-hero-1-social-single:hover .text {
    transform: translateX(0);
    opacity: 1;
  }
  .pf-hero-1-social-single:hover .icon {
    color: var(--pf-clr-pr-1);
    opacity: 100%;
    background: linear-gradient(260deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.05) 0%);
  }
  .pf-hero-1-social-single:hover .icon::before {
    background: linear-gradient(260deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.1) 30%);
  }
  
  /*
      hero-1-end
  */
  /*
      hero-2-start
  */
  .pf-hero-2-slider-item {
    padding-top: 275px;
    padding-bottom: 260px;
    position: relative;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .pf-hero-2-slider-item {
      padding-bottom: 150px;
      padding-top: 200px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-2-slider-item {
      padding-bottom: 260px;
      padding-top: 275px;
    }
  }
  .pf-hero-2-slider-item-content {
    display: flex;
    align-items: end;
    max-width: 660px;
    gap: 28px;
  }
  @media (max-width: 767px) {
    .pf-hero-2-slider-item-content {
      flex-wrap: wrap;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-2-slider-item-content {
      flex-wrap: nowrap;
    }
  }
  .pf-hero-2-slider-item-content .hero-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-2-slider-item-content .hero-title {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-hero-2-slider-item-content .hero-title {
      font-size: 55px;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-2-slider-item-content .hero-title {
      font-size: 40px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-2-slider-item-content .hero-title {
      font-size: 45px;
    }
  }
  .pf-hero-2-slider-item-bg {
    background: #170304;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .pf-hero-2-slider-item-img {
    position: relative;
    z-index: 1;
    clip-path: circle(20% at 30% 50%);
    transform: translateY(-100%);
    transition: all 1s var(--pf-cube-1);
    transition-delay: 0s;
    height: 100%;
  }
  .pf-hero-2-slider-item-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pf-clr-pr-2);
    mix-blend-mode: multiply;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide .pf-hero-2-slider-item-content .hero-title {
    overflow: hidden;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide .pf-hero-2-slider-item-content .hero-title .split-line {
    transform: translateY(100%) rotate(7deg);
    transform-origin: left bottom;
    opacity: 0;
    transition: all 0.5s var(--pf-cube-2);
    transition-delay: 0s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide .pf-hero-2-slider-item-content .slideup {
    transform: translateY(100%) rotate(7deg);
    transform-origin: left bottom;
    opacity: 0;
    transition: all 0.5s var(--pf-cube-2);
    transition-delay: 0s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide .pf-hero-2-slider-item-content .hero-btn {
    transform: translateY(-200%);
    opacity: 0;
    transition: all 1.5s var(--pf-cube-2);
    transition-delay: 0s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .hero-title .split-line {
    transform: translateY(0%) rotate(0deg);
    opacity: 1;
    transition-delay: 1.5s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .hero-title .split-line:nth-child(2) {
    transition-delay: 1.7s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .hero-title .split-line:nth-child(3) {
    transition-delay: 1.9s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .hero-title .split-line:nth-child(4) {
    transition-delay: 2.1s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .hero-title .split-line:nth-child(5) {
    transition-delay: 2.3s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .hero-title .split-line:nth-child(6) {
    transition-delay: 2.5s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .slideup {
    transform: translateY(0%) rotate(0deg);
    opacity: 1;
    transition-delay: 2.3s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-content .hero-btn {
    transform: translateY(0%);
    opacity: 1;
    transition-delay: 1.5s;
  }
  .pf-hero-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-2-slider-item-img {
    animation: transformAnimation 1s forwards, clipPathAnimation 1s 1s forwards;
  }
  .pf-hero-2-slider-preview {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    z-index: 1;
  }
  .pf-hero-2-slider-preview-single {
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border-radius: 8px;
    padding: 10px 16px;
    transition: all 0.4s var(--pf-cube-2);
    cursor: pointer;
  }
  .pf-hero-2-slider-preview-single .title {
    font-size: 16px;
    line-height: 1.3;
    opacity: 80%;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-hero-2-slider-preview-single .h2-progress {
    fill: transparent;
    stroke: red;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-hero-2-slider-preview-single .h2-progress circle:nth-child(1) {
    stroke: #fff;
    stroke-dashoffset: 0px;
    stroke-dasharray: 90px;
    opacity: 24%;
  }
  .pf-hero-2-slider-preview-single .h2-progress circle:nth-child(2) {
    stroke-dashoffset: 90px;
    stroke-dasharray: 90px;
    stroke: var(--pf-clr-pr-2);
    opacity: 100%;
  }
  .pf-hero-2-slider-preview .swiper-container {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: -8px 8px 24px 0 rgba(0, 0, 0, 0.12);
    border-radius: 12px 12px 12px 12px;
    backdrop-filter: blur(24px);
    padding: 8px;
    max-width: 680px;
    width: 100%;
  }
  .pf-hero-2-slider-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-hero-2-slider-preview-single {
    background: #fff;
  }
  .pf-hero-2-slider-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-hero-2-slider-preview-single .title {
    color: var(--pf-clr-pr-2);
    opacity: 1;
  }
  .pf-hero-2-slider-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-hero-2-slider-preview-single .h2-progress circle {
    transition: all 5s var(--pf-cube-2);
  }
  .pf-hero-2-slider-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-hero-2-slider-preview-single .h2-progress circle:nth-child(1) {
    stroke: #FFE6E3;
  }
  .pf-hero-2-slider-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-hero-2-slider-preview-single .h2-progress circle:nth-child(2) {
    stroke: var(--pf-clr-pr-2);
    stroke-dashoffset: 0px;
    stroke-dasharray: 90px;
    transition: all 8s var(--pf-cube-2);
  }
  
  @keyframes transformAnimation {
    to {
      transform: translateY(0%);
    }
  }
  @keyframes clipPathAnimation {
    to {
      clip-path: circle(60.6% at 23% 50%);
    }
  }
  /*
      hero-2-end
  */
  /*
      hero-3-start
  */
  .pf-hero-3-area {
    padding-top: 225px;
    padding-bottom: 64px;
  }
  .pf-hero-3-wrap {
    display: flex;
    align-items: center;
    gap: 34px;
    justify-content: space-between;
  }
  @media (max-width: 767px) {
    .pf-hero-3-wrap {
      flex-wrap: wrap;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-3-wrap {
      flex-wrap: nowrap;
    }
  }
  .pf-hero-3-content {
    max-width: 789px;
    width: 100%;
  }
  .pf-hero-3-content .hero-title {
    margin-bottom: 250px;
  }
  .pf-hero-3-content .hero-title .split-line {
    padding-bottom: 5px;
    margin-top: -5px;
  }
  @media (max-width: 767px) {
    .pf-hero-3-content .hero-title {
      margin-bottom: 30px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-3-content .hero-title {
      margin-bottom: 250px;
    }
  }
  .pf-hero-3-content .hero-disc {
    max-width: 510px;
    margin-bottom: 32px;
  }
  .pf-hero-3-right {
    text-align: right;
  }
  .pf-hero-3-right .bg-shape {
    position: absolute;
    left: -100px;
    top: -40px;
    width: 100%;
    z-index: -1;
    animation: pf-hero-3-key 10s linear infinite;
  }
  .pf-hero-3-img {
    position: relative;
    z-index: 1;
    display: inline-block;
  }
  .pf-hero-3-img .img-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .pf-hero-3-sig {
    display: inline-flex;
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
    position: absolute;
    bottom: 90px;
    right: -98px;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .pf-hero-3-sig {
      bottom: 0px;
      left: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-3-sig {
      bottom: 90px;
      left: -98px;
    }
  }
  .pf-hero-3-sig .text {
    font-size: 14px;
    color: var(--pf-clr-pr-3);
    line-height: 1;
    position: relative;
    z-index: 1;
    padding-right: 12px;
    font-weight: 400;
    display: inline-block;
  }
  .pf-hero-3-sig .text::after {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--pf-clr-pr-3);
    position: absolute;
    top: 5px;
    right: 0;
    border-radius: 50%;
  }
  
  @keyframes pf-hero-3-key {
    0% {
      transform: skew(0deg, 0deg);
    }
    20% {
      transform: skew(30deg, -30deg);
    }
    40% {
      transform: skew(10deg, -20deg);
    }
    60% {
      transform: skew(20deg, 10deg);
    }
    80% {
      transform: skew(-10deg, 20deg);
    }
    100% {
      transform: skew(0deg, 0deg);
    }
  }
  /*
      hero-3-end
  */
  /*
      hero-4-start
  */
  .pf-hero-4-area {
    padding-top: 385px;
    padding-bottom: 186px;
    position: relative;
    z-index: 1;
    background-color: var(--pf-clr-white-2);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-hero-4-area {
      padding-top: 275px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-4-area {
      padding-top: 275px;
      padding-bottom: 80px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-4-area {
      padding-top: 230px;
      padding-bottom: 0px;
    }
  }
  .pf-hero-4-content {
    max-width: 520px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-4-content {
      margin-bottom: 50px;
    }
  }
  .pf-hero-4-content .hero-4-title {
    margin-bottom: 23px;
  }
  .pf-hero-4-content .hero-4-disc {
    margin-bottom: 32px;
  }
  .pf-hero-4-right {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: right;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-hero-4-right {
      width: 46%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-4-right {
      width: 40%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-4-right {
      position: relative;
    }
  }
  .pf-hero-4-img {
    position: relative;
    z-index: 1;
    display: inline-block;
  }
  .pf-hero-4-img .shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  
  .pf-hero-4-popup-posi {
    position: absolute;
    top: 31%;
    right: -46px;
    z-index: -2;
    display: flex;
    align-items: self-start;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-4-popup-posi {
      top: 0%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-hero-4-popup-posi {
      top: 0%;
      left: 1%;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-4-popup-posi {
      top: 0%;
      left: 1%;
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-4-popup-posi {
      top: 0%;
      left: 1%;
      display: flex;
    }
  }
  .pf-hero-4-popup-text {
    width: 181px;
    background: rgba(139, 91, 250, 0.12);
    border-radius: 12px;
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--pf-clr-pr-4);
    text-align: right;
  }
  .pf-hero-4-popup-shape {
    fill: transparent;
    stroke: var(--pf-clr-pr-4);
    margin-right: -10px;
    margin-top: 32px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-hero-4-popup-shape-point-1 {
    fill: var(--pf-clr-pr-4);
  }
  .pf-hero-4-popup-shape-point-2 {
    fill: var(--pf-clr-pr-4);
  }

  
  /*
      hero-4-end
  */
  /*
      hero-5-start
  */
  .pf-hero-5-area {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-5-area {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  .pf-hero-5-slider-shadow {
    position: relative;
    padding-bottom: 7px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-5-slider-shadow {
      padding-bottom: 0px;
    }
  }
  .pf-hero-5-slider-shadow::after {
    content: "";
    width: 100%;
    height: calc(100% - 85px);
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 120px 120px 0 rgba(0, 0, 0, 0.12);
    background: transparent;
    z-index: -1;
    border-radius: 30px;
  }
  .pf-hero-5-slider {
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.12);
    z-index: 2;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-5-slider {
      mask-image: none;
      -webkit-mask-image: none;
      border-radius: 20px;
      overflow: hidden;
    }
  }
  .pf-hero-5-slider-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
  }
  .pf-hero-5-slider-item {
    padding-top: 265px;
    padding-bottom: 235px;
  }
  @media (max-width: 767px) {
    .pf-hero-5-slider-item {
      padding-top: 170px;
    }
  }
  .pf-hero-5-slider-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .pf-hero-5-slider-item-img img {
    transform: scale(105%);
    transform-origin: left;
    transition: 3s var(--pf-cube-2);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-5-slider-item-img::after {
      content: "";
      width: 100%;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0.5;
    }
  }
  .pf-hero-5-slider-item-content {
    max-width: 520px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-5-slider-item-content {
      max-width: 540px;
    }
  }
  .pf-hero-5-slider-item-content .hero-5-subtitle {
    animation-delay: 0.5s;
    animation-duration: 0.5s;
  }
  .pf-hero-5-slider-item-content .hero-5-title {
    margin-bottom: 16px;
    font-size: 64px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-hero-5-slider-item-content .hero-5-title {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-5-slider-item-content .hero-5-title {
      font-size: 55px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-hero-5-slider-item-content .hero-5-title {
      font-size: 50px;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-5-slider-item-content .hero-5-title {
      font-size: 40px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-hero-5-slider-item-content .hero-5-title {
      font-size: 45px;
    }
  }
  .pf-hero-5-slider-item-content .hero-5-disc {
    margin-bottom: 32px;
    animation-delay: 1.3s;
    animation-duration: 0.5s;
  }
  .pf-hero-5-slider-item-content .hero-5-btn {
    animation-delay: 1.5s;
    animation-duration: 0.5s;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide .hero-5-title {
    overflow: hidden;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide .hero-5-title .split-line {
    transform: translateY(100%) scaleY(0.8);
    opacity: 0;
    transition: all 0.5s var(--pf-cube-2);
    transition-delay: 0s;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-title {
    overflow: hidden;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-title .split-line {
    transform: translateY(0%) scaleY(1);
    opacity: 1;
    transition-delay: 0.7s;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-title .split-line:nth-child(2) {
    transition-delay: 0.9s;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-title .split-line:nth-child(3) {
    transition-delay: 1.1s;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-title .split-line:nth-child(4) {
    transition-delay: 1.3s;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-subtitle, .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-disc, .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .hero-5-btn {
    animation-name: fadeInUp;
    animation-fill-mode: both;
  }
  .pf-hero-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-5-slider-item-img img {
    transform: scale(100%);
  }
  .pf-hero-5-slider .pf-hero-1-social-posi {
    left: 20px;
  }
  @media (max-width: 767px) {
    .pf-hero-5-slider .pf-hero-1-social-posi {
      display: none;
    }
  }
  .pf-hero-5-slider .pf-hero-1-social-single .icon {
    color: var(--pf-clr-black-7);
    opacity: 100%;
    border-color: rgba(12, 16, 20, 0.08);
  }
  .pf-hero-5-slider .pf-hero-1-social-single .icon::after {
    display: none;
  }
  .pf-hero-5-slider .pf-hero-1-social-single .icon::before {
    display: none;
  }
  .pf-hero-5-slider .pf-hero-1-social-single .text {
    color: var(--pf-clr-black-7);
  }
  .pf-hero-5-slider .pf-hero-1-social-single:hover .icon {
    border-color: transparent;
    background: rgba(12, 16, 20, 0.12);
  }
  .pf-hero-5-bottom {
    margin-top: -125px;
    overflow: hidden;
    position: relative;
    z-index: 2;
  }
  .pf-hero-5-bottom-wrap {
    display: flex;
    gap: 78px;
    align-items: center;
    margin-left: -140px;
    padding-right: 33px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .pf-hero-5-bottom-wrap {
      padding-right: 90px;
    }
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-hero-5-bottom-wrap {
      padding-right: 193px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-hero-5-bottom-wrap {
      padding-right: 136px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-5-bottom-wrap {
      gap: 40px;
      align-items: end;
      padding-right: 0;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-hero-5-bottom-wrap {
      gap: 40px;
      align-items: end;
      padding-right: 0;
      margin-left: 0px;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-5-bottom-wrap {
      gap: 40px;
      align-items: self-start;
      padding-right: 0;
      margin-left: 0px;
      flex-direction: column-reverse;
    }
  }
  .pf-hero-5-bottom-left {
    direction: ltr;
    display: inline-flex;
    align-items: center;
    gap: 56px;
    margin-top: -57px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-hero-5-bottom-left {
      gap: 20px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-hero-5-bottom-left {
      margin-top: unset;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-5-bottom-left {
      margin-top: unset;
      margin-bottom: 30px;
      gap: 10px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-5-bottom-left {
      margin-top: unset;
      margin-bottom: 30px;
      gap: 56px;
    }
  }
  .pf-hero-5-bottom-text-box {
    background: rgba(44, 255, 165, 0.12);
    display: inline-block;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
    max-width: 180px;
    text-align: right;
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-bottom: -110px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-hero-5-bottom-text-box {
      display: none;
    }
  }
  .pf-hero-5-bottom-text-box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--pf-clr-sd-4);
    opacity: 12%;
  }
  .pf-hero-5-bottom-text-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -3px;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--pf-clr-sd-4);
  }
  .pf-hero-5-bottom-text-box .box-line {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 2px;
    background: var(--pf-clr-sd-4);
    z-index: -1;
  }
  .pf-hero-5-title-slider {
    direction: rtl;
    width: 206px;
    border-radius: 8px;
    padding: 10px 16px;
    background: var(--pf-clr-white-1);
  }
  .pf-hero-5-title-slider-item {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .pf-hero-5-title-slider-item .title {
    color: var(--pf-clr-sd-5);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
  }
  .pf-hero-5-title-slider-item .item-progress {
    fill: transparent;
    stroke: red;
  }
  .pf-hero-5-title-slider-item .item-progress circle:nth-child(1) {
    stroke: var(--pf-clr-sd-5);
    stroke-dashoffset: 0px;
    stroke-dasharray: 90px;
    opacity: 24%;
  }
  .pf-hero-5-title-slider-item .item-progress circle:nth-child(2) {
    stroke-dashoffset: 90px;
    stroke-dasharray: 90px;
    stroke: var(--pf-clr-sd-5);
    opacity: 100%;
  }
  .pf-hero-5-title-slider .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .item-progress circle:nth-child(2) {
    transition: all 6s var(--pf-cube-2);
    transition-delay: 1s;
    stroke-dashoffset: 0px;
  }
  .pf-hero-5-preview {
    width: 410px;
  }
  .pf-hero-5-preview-img {
    width: 208px;
    height: 260px;
    border-radius: 16px;
    border: 4px solid var(--pf-clr-white-1);
  }
  .pf-hero-5-preview-img img {
    object-position: 15% 0%;
  }
  .pf-hero-5-preview .swiper-slide .swiper-slide-shadow {
    display: none;
  }
  .pf-hero-5-slider-btn {
    fill: transparent;
    stroke: var(--pf-clr-sd-5);
    background: transparent;
    opacity: 32%;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-hero-5-slider-btn:hover {
    opacity: 1;
  }
  
  /*
      hero-5-end
  */
  /*
      hero-6-start
  */
  .pf-hero-6-area {
    padding-top: 570px;
  }
  @media (max-width: 767px) {
    .pf-hero-6-area {
      padding-top: 260px;
    }
  }
  .pf-hero-6-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .pf-hero-6-bg-img img {
    transform-origin: left top;
  }
  .pf-hero-6-wrap {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 0 40px;
    padding-bottom: 35px;
  }
  @media (max-width: 767px) {
    .pf-hero-6-wrap {
      flex-wrap: wrap;
      gap: 50px;
      padding: 0 20px;
      padding-bottom: 35px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-6-wrap {
      flex-wrap: wrap;
      gap: 50px;
      padding: 0 40px;
      padding-bottom: 35px;
    }
  }
  .pf-hero-6-title-single {
    font-size: 90px;
    font-weight: 800;
    text-transform: uppercase;
    max-width: 500px;
    line-height: 0.84;
    letter-spacing: -3.5px;
    perspective: 2000px;
    transform-style: preserve-3d;
  }
  .pf-hero-6-title-single .has-dot {
    color: var(--pf-clr-pr-6);
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-hero-6-title-single {
      font-size: 80px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-hero-6-title-single {
      font-size: 70px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-hero-6-title-single {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-hero-6-title-single {
      font-size: 50px;
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-hero-6-title-single {
      font-size: 35px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-6-title-single {
      font-size: 48px;
      letter-spacing: 0px;
    }
  }
  .pf-hero-6-title .swiper-container .swiper-slide .pf-hero-6-title-single {
    transition: all 0.2s var(--pf-cube-2);
  }
  .pf-hero-6-title .swiper-container .swiper-slide .pf-hero-6-title-single .split-line {
    transform: rotateX(90deg) translateY(-150px);
    transition: all 0.5s var(--pf-cube-2);
    opacity: 0;
  }
  .pf-hero-6-title .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-6-title-single {
    opacity: 1;
    transition-delay: 0.5s;
  }
  .pf-hero-6-title .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-6-title-single .split-line {
    transition-delay: 1.1s;
    transform: rotateX(0deg) translateY(0px);
    opacity: 1;
  }
  .pf-hero-6-title .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-6-title-single .split-line:nth-child(2) {
    transition-delay: 0.9s;
  }
  .pf-hero-6-title .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-6-title-single .split-line:nth-child(3) {
    transition-delay: 0.7s;
  }
  .pf-hero-6-right {
    display: flex;
    align-items: center;
    gap: 40px;
    direction: ltr;
  }
  @media (max-width: 767px) {
    .pf-hero-6-right {
      gap: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-6-right {
      gap: 40px;
    }
  }
  .pf-hero-6-subtitle {
    overflow: hidden;
    max-width: 174px;
    direction: rtl;
  }
  .pf-hero-6-subtitle-single {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .pf-hero-6-subtitle-single .subtitle {
    color: var(--pf-clr-white-1);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
  }
  .pf-hero-6-subtitle-single .item-progress {
    fill: transparent;
    stroke: red;
  }
  .pf-hero-6-subtitle-single .item-progress circle:nth-child(1) {
    stroke: var(--pf-clr-pr-6);
    stroke-dashoffset: 0px;
    stroke-dasharray: 90px;
    opacity: 24%;
  }
  .pf-hero-6-subtitle-single .item-progress circle:nth-child(2) {
    stroke-dashoffset: 90px;
    stroke-dasharray: 90px;
    stroke: var(--pf-clr-pr-6);
    opacity: 100%;
  }
  .pf-hero-6-subtitle .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-hero-6-subtitle-single .item-progress circle:nth-child(2) {
    transition: all 6s var(--pf-cube-2);
    transition-delay: 1s;
    stroke-dashoffset: 0px;
  }
  .pf-hero-6-slider-btn {
    fill: transparent;
    stroke: var(--pf-clr-pr-6);
    opacity: 32%;
    transition: all 0.3s var(--pf-cube-2);
    cursor: pointer;
  }
  .pf-hero-6-slider-btn:hover {
    opacity: 1;
  }
  .pf-hero-6-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.32);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 40px;
  }
  @media (max-width: 767px) {
    .pf-hero-6-bottom {
      padding: 18px 20px;
      flex-wrap: wrap;
      gap: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-hero-6-bottom {
      padding: 18px 40px;
      flex-wrap: nowrap;
      gap: 0px;
    }
  }
  .pf-hero-6-bottom .client-btn {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.72);
    fill: transparent;
    stroke: var(--pf-clr-pr-6);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-hero-6-bottom .client-btn b {
    font-weight: 500;
    color: var(--pf-clr-white-1);
  }
  .pf-hero-6-bottom .client-btn:hover b {
    color: var(--pf-clr-pr-6);
  }
  .pf-hero-6-bottom .client-btn:hover svg {
    transform: translate(-3px, -3px);
  }

  .pf-hero-6-scroll-down {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    color: var(--pf-clr-white-1);
    transition: all 0.4s var(--pf-cube-2);
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    gap: 12px;
  }
  .pf-hero-6-scroll-down .text {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .pf-hero-6-scroll-down .text::after {
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    display: block;
    transition: all 0.4s var(--pf-cube-2);
    position: absolute;
    content: attr(data-back);
    transform: translateY(-100%);
    color: var(--pf-clr-pr-6);
  }
  .pf-hero-6-scroll-down .text::before {
    top: 0;
    left: 0;
    opacity: 1;
    display: block;
    transition: all 0.4s var(--pf-cube-2);
    position: relative;
    content: attr(data-front);
    transform: translateY(0);
  }
  .pf-hero-6-scroll-down svg {
    fill: transparent;
    stroke: var(--pf-clr-pr-6);
  }
  .pf-hero-6-scroll-down:hover .text::after {
    opacity: 1;
    transform: translateY(0%);
  }
  .pf-hero-6-scroll-down:hover .text::before {
    opacity: 1;
    transform: translateY(100%);
  }
  
  /*
      hero-6-end
  */
  /*
      hero-7-start
  */
  .pf-hero-7-area {
    padding-top: 255px;
  }
  .pf-hero-7-wrap {
    display: flex;
    align-items: end;
    gap: 50px;
    padding-bottom: 35px;
  }
  @media (max-width: 767px) {
    .pf-hero-7-wrap {
      flex-wrap: wrap;
    }
  }
  .pf-hero-7-bottom-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  @media (max-width: 767px) {
    .pf-hero-7-bottom-flex {
      flex-wrap: wrap;
      gap: 15px;
    }
  }
  .pf-hero-7-bottom-flex .client-btn {
    color: var(--pf-clr-black-1);
  }
  .pf-hero-7-bottom-flex .client-btn b {
    color: var(--pf-clr-black-1);
    font-weight: 600;
  }
  .pf-hero-7-bottom-flex .pf-hero-6-scroll-down {
    color: var(--pf-clr-black-1);
  }
  
  .pf-hero-6-title:is(.has-home-7) .pf-hero-6-title-single {
    color: var(--pf-clr-black-1);
  }
  
  .pf-hero-6-subtitle:is(.has-hero-7) .pf-hero-6-subtitle-single .subtitle {
    color: var(--pf-clr-black-1);
  }
  
  .pf-hero-6-bottom:is(.has-hero-7) {
    border-color: #DFE1E5;
    padding: 18px 0px;
  }
  
  .pf-hero-img-7-area {
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
    background-position: top;
  }
  
  /*
      hero-7-end
  */
  /*
      client-1-start
  */
  .pf-client-1-slider{
    direction: ltr;
  }
  .pf-client-1-slider{
    direction: ltr;
  }
  .pf-client-1-sec-title {
    font-size: 20px;
    line-height: 33px;
    font-weight: 400;
    opacity: 72%;
    margin-bottom: 38px;
  }
  .pf-client-1-item-row {
    display: flex;
    align-items: center;
    gap: 140px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-client-1-item-row {
      gap: 100px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-client-1-item-row {
      gap: 80px;
    }
  }
  @media (max-width: 767px) {
    .pf-client-1-item-row {
      gap: 40px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-client-1-item-row {
      gap: 60px;
    }
  }
  .pf-client-1-logo {
    perspective: 2000px;
    transform-style: preserve-3d;
    text-align: center;
  }
  .pf-client-1-logo img:nth-child(1) {
    transform: translateY(0%) rotateX(0deg);
    opacity: 64%;
    transition: opacity 0.3s var(--pf-cube-2), transform 0.7s var(--pf-cube-2);
    transition-delay: 0s;
  }
  .pf-client-1-logo img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%) rotateX(80deg);
    opacity: 0;
    transition: opacity 0.3s var(--pf-cube-2), transform 0.7s var(--pf-cube-2);
    transition-delay: 0.1s;
  }
  .pf-client-1-logo:hover img:nth-child(1) {
    transform: translateY(100%) rotateX(-80deg);
    opacity: 0;
    transition-delay: 0.1s;
  }
  .pf-client-1-logo:hover img:nth-child(2) {
    transform: translate(-50%, -50%) rotateX(0deg);
    opacity: 100%;
    transition-delay: 0s;
  }
  
  /*
      client-1-end
  */
  /*
      client-2-start
  */
  .pf-client-1-sec-title:is(.has-ver-2) {
    color: var(--pf-clr-black-3);
    font-weight: 500;
    opacity: 88%;
  }
  
  /*
      client-2-end
  */
  /*
      client-3-start
  */
  .pf-client-3-area {
    background-color: var(--pf-clr-white-2);
  }
  .pf-client-3-area .pf-client-1-sec-title {
    color: var(--pf-clr-black-6);
    opacity: 1;
    font-weight: 500;
  }
  .pf-client-3-area .pf-client-1-logo img:nth-child(1) {
    opacity: 84%;
  }
  .pf-client-3-area .pf-client-1-logo:hover img:nth-child(1) {
    opacity: 0;
  }
  
  /*
      client-3-end
  */
  /*
      client-5-start
  */
  .pf-client-5-area {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -690px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-client-5-area {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  .pf-client-5-shadow {
    position: relative;
  }
  .pf-client-5-shadow::after {
    content: "";
    width: 100%;
    height: calc(100% - 80px);
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 120px 120px 0 rgba(0, 0, 0, 0.12);
    background: transparent;
    z-index: -1;
    border-radius: 30px;
  }
  .pf-client-5-mask {
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    height: 900px;
    background: #fff;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-client-5-mask {
      mask-image: unset;
      -webkit-mask-image: unset !important;
      border-radius: 20px;
    }
  }
  .pf-client-5-content {
    margin-top: -49px;
    padding-left: 15%;
    position: relative;
    z-index: 1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-client-5-content {
      padding-right: 15px;
      padding-left: 15px;
      margin-top: -79px;
    }
  }
  .pf-client-5-content-wrap {
    display: flex;
    align-items: center;
    gap: 32px;
    max-width: 26.9%;
    margin-right: auto;
    text-align: center;
    direction: ltr;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-client-5-content-wrap {
      max-width: 370px;
      margin-right: auto;
    }
  }
  .pf-client-5-content-wrap .title {
    font-size: 16px;
    line-height: 26px;
    color: var(--pf-clr-black-7);
    opacity: 80%;
    font-weight: 500;
  }
  
  /*
      client-5-end
  */
  /*
      our-clients-1-start
  */
  .pf-our-clients-1-area .pf-client-1-item-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-our-clients-1-area .pf-client-1-item-row {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-our-clients-1-area .pf-client-1-item-row {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-our-clients-1-area .pf-client-1-item-row {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-our-clients-1-area .pf-client-1-item-row {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-our-clients-1-area .pf-client-1-item-row .pf-client-1-logo {
    border: 2px solid #F3F3F3;
    border-radius: 12px;
    padding: 30px 0;
    transition: all 0.4s var(--pf-cube-2);
  }
  
  /*
      our-clients-1-end
  */
  /*
      services-1-start
  */
  .pf-services-1-area {
    position: relative;
    z-index: 2;
    padding-top: 100PX;
    padding-bottom: 208px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-1-area {
      padding-bottom: 100px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-1-area {
      padding-top: 50px;
      padding-bottom: 100px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-1-area {
      padding-top: 50px;
      padding-bottom: 80px;
    }
  }
  .pf-services-1-sec-title {
    font-size: 32px;
    line-height: 1.31;
    letter-spacing: -0.5px;
    opacity: 80%;
    /* max-width: 695px; */
    margin-bottom: 70px;
  }
  @media (max-width: 767px) {
    .pf-services-1-sec-title {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-1-sec-title {
      font-size: 30px;
    }
  }
  .pf-services-1-item-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-1-item-row {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-services-1-item-row {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-1-item-row {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-services-1-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .pf-services-1-item::after {
    content: "";
    width: 1px;
    height: 170px;
    background-color: var(--pf-clr-white-1);
    opacity: 12%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .pf-services-1-item::before {
    content: "+";
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: -4px;
    bottom: -7px;
  }
  .pf-services-1-item .maxwidth {
    max-width: 305px;
    width: 100%;
  }
  .pf-services-1-item .icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 37px;
    transform-origin: top left;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-1-item .icon img {
    filter: grayscale(1);
  }
  .pf-services-1-item .icon::after {
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--pf-clr-pr-1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(40px);
    z-index: unset;
  }
  .pf-services-1-item .item-title {
    font-size: 23px;
    font-weight: 400;
    opacity: 72%;
    margin-bottom: 19px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-1-item .item-title:hover {
    color: var(--pf-clr-pr-1);
    opacity: 100%;
    transform: translateX(3px);
  }
  .pf-services-1-item .item-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 64%;
  }
  .pf-services-1-item .dot-shape {
    fill: var(--pf-clr-white-1);
    position: absolute;
    bottom: -9px;
    left: -8px;
    display: none;
  }
  .pf-services-1-item:hover .icon {
    transform: rotate(-10deg);
  }
  .pf-services-1-item:nth-child(1)::after {
    display: none;
  }
  .pf-services-1-item:nth-child(1)::before {
    display: none;
  }
  .pf-services-1-item:nth-child(1) .dot-shape {
    display: inline-block;
  }
  .pf-services-1-item:last-child .dot-shape {
    display: inline-block;
    bottom: -9px;
    left: unset;
    right: -8px;
  }
  .pf-services-1-item:nth-child(2) .icon {
    transform-origin: center center;
  }
  .pf-services-1-item:nth-child(3) .icon {
    transform-origin: left bottom;
  }
  .pf-services-1-item:nth-child(3):hover .icon {
    transform: rotate(0deg) scale(105%);
  }
  .pf-services-1-call-btn .pf-free-phone-1 {
    transition: 0.4s var(--pf-cube-2);
  }
  .pf-services-1-call-btn .pf-free-phone-1 b {
    transition: 0.4s var(--pf-cube-2);
  }
  .pf-services-1-call-btn .pf-free-phone-1 .icon {
    transition: 0.4s var(--pf-cube-2);
  }
  .pf-services-1-call-btn .pf-free-phone-1:hover .icon {
    transform: rotate(45deg);
  }
  .pf-services-1-call-btn .pf-free-phone-1:hover b {
    color: var(--pf-clr-pr-1);
  }
  
  /*
      services-1-end
  */
  /*
      services-2-start
  */
  .pf-multi-sec-1 {
    background-color: var(--pf-clr-black-3);
  }
  .pf-multi-sec-1 .illus-2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 12%;
  }
  .pf-multi-sec-1 .illus-1 {
    width: 13%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  
  .pf-services-2-sec-title {
    max-width: 870px;
    margin-bottom: 68px;
  }
  .pf-services-2-wrap {
    display: flex;
    gap: 206px;
    align-items: end;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-services-2-wrap {
      gap: 35px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-2-wrap {
      flex-wrap: wrap;
      gap: 50px;
    }
  }
  .pf-services-2-btn {
    flex: 0 0 auto;
  }
  .pf-services-2-slider {
    display: flex;
  }
  .pf-services-2-slider-item {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    gap: 32px;
    padding: 40px;
    border-radius:  0px 12px 12px 0px ;
    background: var(--pf-clr-white-1);
  }
  @media (max-width: 767px) {
    .pf-services-2-slider-item {
      padding: 40px 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-2-slider-item {
      padding: 40px 40px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-2-slider-item {
      grid-template-columns: auto;
    }
  }
  .pf-services-2-slider-item .subtitle {
    font-size: 16px;
    line-height: 28px;
    color: var(--pf-clr-black-4);
    font-weight: 500;
  }
  .pf-services-2-slider-item .item-img {
    height: 213px;
    border-radius: 12px;
    filter: grayscale(1);
  }
  .pf-services-2-slider-item .item-title {
    font-size: 23px;
    color: var(--pf-clr-black-4);
    font-weight: 600;
    margin-bottom: 13px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-2-slider-item .item-title:hover {
    transform: translateX(3px);
    opacity: 72%;
  }
  @media (max-width: 767px) {
    .pf-services-2-slider-item .item-title {
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-2-slider-item .item-title {
      font-size: 23px;
    }
  }
  .pf-services-2-slider-item .item-disc {
    color: var(--pf-clr-black-3);
    font-weight: 400;
    opacity: 72%;
  }
  .pf-services-2-slider .swiper-container {
    overflow: hidden;
    padding-right: 48px;
  }
  @media (max-width: 767px) {
    .pf-services-2-slider .swiper-container {
      padding-left: 8px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-2-slider .swiper-container {
      padding-left: 48px;
    }
  }
  .pf-services-2-slider .pf-s2-pagination-num {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    color: rgba(33, 37, 39, 0.4);
    position: absolute;
    bottom: 41px;
    left: 38%;
    right: unset;
    z-index: 1;
    width: 50px;
    direction: ltr;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-2-slider .pf-s2-pagination-num {
      display: none;
    }
  }
  .pf-services-2-slider .pf-s2-pagination-num .swiper-pagination-current {
    color: rgb(33, 37, 39);
  }
  
  .pf-slider-hori-btn {
    display: flex;
    flex-direction: column;
    background: #FFE6E3;
    border-left: 2px solid #FFE6E3;
    width: 48px;
    flex: 0 0 auto;
    border-radius:  12px 0 0 12px ;
    overflow: hidden;
  }
  .pf-slider-hori-btn-single {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: rgb(255, 39, 39);
    transition: all 0.4s var(--pf-cube-2);
    cursor: pointer;
  }
  .pf-slider-hori-btn-single:hover {
    background-color: var(--pf-clr-white-1);
    color: rgba(255, 39, 39, 0.4);
  }
  
  /*
      services-2-end
  */
  /*
      services-3-start
  */
  .pf-services-3-area {
    padding-top: 150px;
  }
  .pf-services-3-bg-shape-1 {
    width: 21%;
    filter: blur(60px);
    opacity: 48%;
    position: absolute;
    bottom: 0;
    right: -10%;
    z-index: -1;
  }
  .pf-services-3-bg-shape-2 {
    width: 21%;
    filter: blur(60px);
    opacity: 48%;
    position: absolute;
    bottom: 0;
    left: -10%;
    z-index: -1;
  }
  .pf-services-3-sec-title {
    max-width: 696px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 54px;
  }
  .pf-services-3-sec-title .pf-sec-shape {
    margin-bottom: 47px;
    width: 150px;
  }
  .pf-services-3-card {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-3-card {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-services-3-card {
      grid-template-columns: 1fr;
    }
  }
  .pf-services-3-card-single {
    background: var(--pf-clr-sd-2);
    border-radius: 0 20px 20px 0;
    position: relative;
    z-index: 1;
    padding: 48px 48px;
    transition: all 0.4s var(--pf-cube-2);
    overflow: hidden;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-services-3-card-single {
      padding: 48px 30px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-3-card-single {
      padding: 48px 20px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-3-card-single {
      padding: 48px 30px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-3-card-single {
      padding: 48px 20px;
    }
  }
  .pf-services-3-card-single .icon {
    margin-bottom: 115px;
    mix-blend-mode: luminosity;
  }
  .pf-services-3-card-single .icon img {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-3-card-single .card-shape {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    fill: #2A2A2A;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-services-3-card-single .card-shape path:nth-child(2) {
    transition-delay: 0.2s;
  }
  .pf-services-3-card-single .card-shape path:nth-child(3) {
    transition-delay: 0.4s;
  }
  .pf-services-3-card-single .card-title {
    font-size: 23px;
    font-weight: 500;
    color: var(--pf-clr-black-5);
    margin-bottom: 17px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-3-card-single .card-title:hover {
    opacity: 0.8;
    transform: translateX(-3px);
  }
  .pf-services-3-card-single:hover .card-shape path {
    transform: translate(20px, -20px);
  }
  .pf-services-3-card-single:hover .card-shape path:nth-child(2) {
    transition-delay: 0.2s;
  }
  .pf-services-3-card-single:hover .card-shape path:nth-child(3) {
    transition-delay: 0.4s;
  }
  .pf-services-3-card-single:nth-child(1) .icon img {
    transform-origin: top left;
  }
  .pf-services-3-card-single:nth-child(1):hover .icon img {
    transform: rotate(-10deg);
  }
  .pf-services-3-card-single:nth-child(2) {
    background: #D1DEF8;
  }
  .pf-services-3-card-single:nth-child(2):hover .icon img {
    transform: rotate(-10deg);
  }
  .pf-services-3-card-single:nth-child(3) {
    background: var(--pf-clr-pr-3);
  }
  .pf-services-3-card-single:nth-child(3) .card-title, .pf-services-3-card-single:nth-child(3) .card-disc {
    color: var(--pf-clr-white-1);
  }
  .pf-services-3-card-single:nth-child(3):hover .icon img {
    transform: scale(1.1);
  }
  
  /*
      services-3-end
  */
  /*
      services-4-start
  */
  .pf-services-4-bg-shape-1 {
    width: 21%;
    filter: blur(40px);
    opacity: 48%;
    position: absolute;
    top: 2%;
    right: -10%;
    z-index: -1;
  }
  .pf-services-4-bg-shape-2 {
    width: 21%;
    filter: blur(50px);
    opacity: 48%;
    position: absolute;
    top: 20%;
    left: -10%;
    z-index: -1;
  }
  .pf-services-4-sec-shape {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex !important;
    margin-bottom: 47px;
  }
  .pf-services-4-sec-title {
    max-width: 680px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 54px;
  }
  .pf-services-4-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-4-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-services-4-card {
    background: rgba(42, 42, 42, 0.04);
    padding: 40px 40px;
    border-radius: 16px;
    backdrop-filter: blur(96px);
    transition: all 0.4s var(--pf-cube-2);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-4-card {
      padding: 40px 20px;
    }
  }
  .pf-services-4-card .card-img {
    border-radius: 16px;
    height: 250px;
    margin-bottom: 36px;
  }
  .pf-services-4-card .card-img img {
    filter: grayscale(1);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-4-card .card-content {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pf-services-4-card .left {
    width: 100%;
    max-width: 384px;
  }
  .pf-services-4-card .card-title {
    color: var(--pf-clr-black-3);
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 12px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-4-card .card-title a {
    background-position-x: right;
    width: 100%;
    display: inline !important;
    background-position-y: -1px;
    background-repeat: no-repeat;
    background-size: 0 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-image: linear-gradient(transparent calc(100% - 1.5px), currentColor 2px);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-4-card .card-title a:hover {
    color: inherit;
    background-size: 100% 100%;
  }
  .pf-services-4-card .card-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 80%;
  }
  .pf-services-4-card:hover {
    background: #D1DEF8;
  }
  .pf-services-4-card:hover .card-img img {
    transform: scale(105%);
    filter: grayscale(0);
  }
  
  /*
      services-4-end
  */
  /*
      services-5-start
  */
  .pf-services-5-sec-title {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
  }
  .pf-services-5-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-5-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-services-5-feature {
    background: var(--pf-clr-white-2);
    padding: 48px 48px;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.4s var(--pf-cube-2);
    overflow: hidden;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-5-feature {
      padding: 48px 30px;
    }
  }
  .pf-services-5-feature .main-img {
    height: 258px;
    filter: grayscale(1);
    border-radius: 12px;
    border-bottom: 8px solid rgba(199, 197, 202, 0.2117647059);
    margin-bottom: 34px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-5-feature .main-img img {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-5-feature .item-title {
    font-size: 32px;
    margin-bottom: 12px;
    transition: all 0.4s var(--pf-cube-2);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-5-feature .item-title {
      font-size: 30px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-5-feature .item-title {
      font-size: 28px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-5-feature .item-title {
      font-size: 24px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-5-feature .item-title {
      font-size: 26px;
    }
  }
  .pf-services-5-feature .item-title:hover {
    color: var(--pf-clr-pr-4);
  }
  .pf-services-5-feature .item-disc {
    opacity: 80%;
    margin-bottom: 26px;
  }
  .pf-services-5-feature-list {
    font-family: var(--pf-font-p-1);
    color: var(--pf-clr-black-6);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
  }
  .pf-services-5-feature-list li {
    display: flex;
    align-items: baseline;
    gap: 16px;
  }
  .pf-services-5-feature-list li:not(:last-child) {
    margin-bottom: 12px;
  }
  .pf-services-5-feature-list li .icon {
    fill: var(--pf-clr-pr-4);
    transform: translateY(-1px);
  }
  .pf-services-5-feature .inner-wrap {
    display: flex;
    align-items: end;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pf-services-5-feature .pf-arrow-btn {
    width: 56px;
    height: 56px;
    border: none;
    background: var(--pf-clr-black-6);
    stroke: var(--pf-clr-white-1);
  }
  .pf-services-5-feature .pf-arrow-btn:hover {
    background: var(--pf-clr-pr-4);
  }
  .pf-services-5-feature .bg-shape {
    fill: #F5ECE4;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all 0.1s var(--pf-cube-2);
  }
  .pf-services-5-feature .bg-shape svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-services-5-feature .bg-shape svg {
    transition: all 0.1s var(--pf-cube-2);
  }
  .pf-services-5-feature .bg-shape svg * {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-services-5-feature:hover {
    background: #F5ECE4;
  }
  .pf-services-5-feature:hover .main-img img {
    transform: scale(103%);
  }
  .pf-services-5-feature:hover .bg-shape {
    fill: #FBF6F1;
  }
  .pf-services-5-feature:hover .bg-shape svg path:nth-child(1) {
    transform: translateX(10px);
  }
  .pf-services-5-feature:hover .bg-shape svg path:nth-child(2) {
    transform: translateX(30px);
  }
  .pf-services-5-wrap-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-5-wrap-2 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-5-wrap-2 {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-services-5-wrap-2 {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-5-wrap-2 {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-services-5-card {
    background: var(--pf-clr-white-2);
    border-radius: 16px;
    padding: 48px 32px;
    transition: all 0.5s var(--pf-cube-2);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-5-card {
      padding: 48px 20px;
    }
  }
  .pf-services-5-card .icon {
    margin-bottom: 75px;
    transition: all 1s var(--pf-cube-2);
  }
  .pf-services-5-card .card-title {
    font-size: 23px;
    margin-bottom: 15px;
    transition: all 0.3s var(--pf-cube-2);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-5-card .card-title {
      font-size: 20px;
    }
  }
  .pf-services-5-card .card-title:hover {
    color: var(--pf-clr-pr-4);
  }
  .pf-services-5-card .card-disc {
    opacity: 88%;
  }
  .pf-services-5-card:hover {
    transform: scale(99%);
  }
  .pf-services-5-card:hover .icon {
    transform: translateX(-10px);
  }
  .pf-services-5-card:nth-child(even) {
    background: #F5ECE4;
  }
  
  /*
      services-5-end
  */
  /*
      services-6-start
  */
  .pf-services-6-area {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-6-area {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  .pf-services-6-shadow::after {
    content: "";
    width: 100%;
    height: calc(100% - 85px);
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 120px 120px 0 rgba(0, 0, 0, 0.12);
    background: transparent;
    z-index: -2;
    border-radius: 30px;
  }
  .pf-services-6-border {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: -8px;
    z-index: -1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-6-border {
      display: none;
    }
  }
  .pf-services-6-mask {
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    background: var(--pf-clr-sd-5);
    padding-top: 95px;
    padding-bottom: 95px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-6-mask {
      mask-image: none !important;
      -webkit-mask-image: none !important;
      border-radius: 20px;
    }
  }
  .pf-services-6-mask .bg-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28%;
    z-index: -1;
  }
  .pf-services-6-left {
    overflow: hidden;
    padding-top: 55px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-6-left {
      padding-top: 0px;
    }
  }
  .pf-services-6-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 167px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-services-6-row {
      grid-template-columns: 1fr 1.2fr;
      gap: 50px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-6-row {
      grid-template-columns: 1fr 1fr;
      gap: 50px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-6-row {
      grid-template-columns: 1fr;
      gap: 50px;
    }
  }
  .pf-services-6-sec-title .pf-subtitle-5 {
    color: var(--pf-clr-white-1);
    opacity: 80%;
  }
  .pf-services-6-sec-title .pf-sec-title-5 {
    color: var(--pf-clr-white-1);
  }
  .pf-services-6-title-single {
    padding-top: 30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
  }
  .pf-services-6-title-single .title {
    font-size: 23px;
    line-height: 1.347;
    font-weight: 500;
    opacity: 56%;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-6-title-single .title {
      font-size: 20px;
    }
  }
  .pf-services-6-title-single .item-dot {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    border: 4px solid #fff;
    border-radius: 50%;
    opacity: 20%;
  }
  .pf-services-6-title-single::after {
    position: absolute;
    top: 5px;
    left: 0;
    height: 2px;
    width: calc(100% - 12px);
    background: #fff;
    content: "";
    opacity: 20%;
  }
  .pf-services-6-title-single::before {
    position: absolute;
    top: 5px;
    right: 12px;
    height: 2px;
    width: calc(0% );
    background: #fff;
    content: "";
  }
  .pf-services-6-title .swiper-slide:is(.swiper-slide-thumb-active) .pf-services-6-title-single .title, .pf-services-6-title .swiper-slide:is(.swiper-slide-thumb-active) .pf-services-6-title-single .item-dot {
    opacity: 100%;
    transition: all 0.5s var(--pf-cube-2);
  }
  .pf-services-6-title .swiper-slide:is(.swiper-slide-thumb-active) .pf-services-6-title-single::before {
    width: calc(100% - 12px);
    transition: 5.5s linear;
  }
  .pf-services-6-content-single {
    color: var(--pf-clr-white-1);
    max-width: 500px;
  }
  .pf-services-6-all-btn .pf-pr-5 {
    background: var(--pf-clr-sd-4);
    color: var(--pf-clr-sd-5);
  }
  .pf-services-6-all-btn .pf-pr-5 .icon {
    background: var(--pf-clr-sd-5);
  }
  .pf-services-6-all-btn .pf-pr-5 .icon svg:nth-child(1) {
    stroke: var(--pf-clr-sd-4);
  }
  .pf-services-6-all-btn .pf-pr-5 .icon svg:nth-child(2) {
    stroke: var(--pf-clr-pr-5);
  }
  .pf-services-6-all-btn .pf-pr-5:hover {
    background: var(--pf-clr-pr-5);
    color: var(--pf-clr-white-1);
  }
  .pf-services-6-right {
    margin-left: -180px;
    padding-bottom: 8px;
    overflow: hidden;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .pf-services-6-right {
      margin-left: -70px;
    }
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-6-right {
      margin-left: 0px;
    }
  }
  .pf-services-6-img {
    width: 100%;
    height: 770px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-6-img {
      height: 650px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-6-img {
      height: 600px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-6-img {
      height: 250px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-6-img {
      height: 500px;
    }
  }
  .pf-services-6-img-border {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .pf-services-6-img-single {
    height: 100%;
    filter: grayscale(1);
  }
  .pf-services-6-img-single img {
    transform: scale(120%);
    transition: all 1s var(--pf-cube-2);
  }
  .pf-services-6-img .swiper-container {
    height: 100%;
    width: 100%;
  }
  .pf-services-6-img .swiper-container .swiper-slide {
    height: 100%;
  }
  .pf-services-6-img .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-services-6-img-single img {
    transform: scale(1);
  }
  
  /*
      services-6-end
  */
  /*
      services-7-start
  */
  .pf-services-7-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  .pf-services-7-bg-img::after {
    content: "";
    width: 100%;
    height: 400px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
  }
  .pf-services-7-sec-title {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-services-7-sec-title .pf-subtitle-3 {
    color: var(--pf-clr-pr-6);
  }
  .pf-services-7-sec-title .pf-subtitle-3-line {
    background: var(--pf-clr-pr-6);
  }
  .pf-services-7-sec-title .pf-sec-title-5 {
    letter-spacing: -3px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-7-sec-title .pf-sec-title-5 {
      letter-spacing: 0px;
    }
  }
  .pf-services-7-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;
    align-items: start;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-7-wrap {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-7-wrap {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-services-7-wrap {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-services-7-wrap {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-services-7-card {
    background: rgba(255, 255, 255, 0.56);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), inset 0px 8px 12px rgba(255, 255, 255, 0.48);
    backdrop-filter: blur(16px);
    border-radius: 16px;
    padding: 48px 32px;
    position: relative;
    z-index: 1;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-7-card {
      padding: 48px 20px;
    }
  }
  .pf-services-7-card .icon {
    margin-bottom: 76px;
    transition: all 1s var(--pf-cube-2);
  }
  .pf-services-7-card .card-title {
    font-size: 23px;
    color: var(--pf-clr-black-1);
    line-height: 1.3;
    margin-bottom: 15px;
    transition: all 0.4s var(--pf-cube-2);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-7-card .card-title {
      font-size: 20px;
    }
  }
  .pf-services-7-card .card-title:hover {
    color: var(--pf-clr-pr-6);
    transform: translateX(-3px);
  }
  .pf-services-7-card .card-disc {
    color: var(--pf-clr-black-1);
    opacity: 80%;
  }
  .pf-services-7-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    padding: 2px;
    background: linear-gradient(320deg, rgb(255, 255, 255), rgba(42, 200, 211, 0) 40%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-services-7-card:hover .icon {
    transform: translateX(-20px);
  }
  
  /*
      services-7-end
  */
  /*
      services-8-start
  */
  .pf-services-4-card:is(.has-services-8) .pf-arrow-btn {
    border: 2px solid var(--pf-clr-pr-1);
    stroke: var(--pf-clr-pr-1);
  }
  .pf-services-4-card:is(.has-services-8) .pf-arrow-btn:hover {
    background: var(--pf-clr-pr-1);
  }
  .pf-services-4-card:is(.has-services-8):hover {
    background: rgba(42, 200, 211, 0.1);
  }
  
  /*
      services-8-end
  */
  /*
      about-1-start
  */
  .pf-about-1-area {
    position: relative;
    padding-top: 140px;
    padding-bottom: 70px;
    z-index: 1;
  }
  .pf-about-1-sec-title {
    max-width: 660px;
    text-align: center;
    margin-bottom: 60px;
  }
  .pf-about-1-earth {
    position: relative;
  }
  .pf-about-1-earth-img {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
    mix-blend-mode: color-dodge;
  }
  @media (max-width: 767px) {
    .pf-about-1-earth-img {
      width: 100%;
    }
  }
  .pf-about-1-earth-text {
    display: flex;
    align-items: self-start;
    position: absolute;
    top: 106px;
    right: 50px;
    z-index: 1;
  }
  .pf-about-1-earth-text-box {
    width: 100%;
    max-width: 160px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
    padding: 10px 16px;
    backdrop-filter: blur(8px);
  }
  .pf-about-1-earth-text-shape {
    fill: var(--pf-clr-white-1);
    margin-top: 26px;
    margin-left: -9px;
    z-index: 1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  @media (max-width: 767px) {
    .pf-about-1-earth-text-shape {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-about-1-earth-text-shape {
      display: inline-block;
    }
  }
  .pf-about-1-earth-text-shape path {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
  }
  .pf-about-1-earth-text-2 {
    display: flex;
    align-items: self-start;
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 1;
  }
  .pf-about-1-earth-text-2-box {
    width: 100%;
    max-width: 185px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
    padding: 10px 16px;
    backdrop-filter: blur(8px);
  }
  .pf-about-1-earth-text-2-shape {
    fill: var(--pf-clr-white-1);
    margin-top: 26px;
    margin-right: -9px;
    z-index: 1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  @media (max-width: 767px) {
    .pf-about-1-earth-text-2-shape {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-about-1-earth-text-2-shape {
      display: inline-block;
    }
  }
  .pf-about-1-earth-text-2-shape path {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
  }
  .pf-about-1-disc {
    font-size: 23px;
    text-align: center;
    line-height: 1.56;
    opacity: 64%;
    max-width: 690px;
    margin-top: -50px;
  }
  @media (max-width: 767px) {
    .pf-about-1-disc {
      font-size: 18px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-about-1-disc {
      font-size: 20px;
    }
  }
  .pf-about-1-line-shape {
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 100%;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-about-1-line-shape {
      display: none;
    }
  }
  .pf-about-1-line-shape-single {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-about-1-line-shape-single circle {
    fill: var(--pf-clr-white-1);
  }
  .pf-about-1-line-shape-single .flash-ani2 {
    animation: flash 2s linear infinite;
  }
  .pf-about-1-line-shape-single .flash-ani3 {
    animation: flash 3s linear infinite;
  }
  .pf-about-1-line-shape-single .pr-stroke {
    stroke: var(--pf-clr-pr-1);
  }
  .pf-about-1-line-shape-single svg, .pf-about-1-line-shape-single img {
    width: 100%;
  }
  .pf-about-1-bg-shape {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  @media (max-width: 767px) {
    .pf-about-1-bg-shape {
      object-fit: cover;
    }
  }
  .pf-about-1-glow-1 {
    position: absolute;
    top: -30%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: -2;
  }
  .pf-about-1-glow-1 img {
    display: inline-block;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-about-1-glow-1 {
      top: -23%;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-about-1-glow-1 {
      top: -19%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-about-1-glow-1 {
      top: -14%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-about-1-glow-1 {
      top: -10%;
    }
  }
  @media (max-width: 767px) {
    .pf-about-1-glow-1 {
      top: -5%;
    }
  }
  .pf-about-1-glow-2 {
    position: absolute;
    bottom: -50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: -2;
  }
  .pf-about-1-glow-2 img {
    display: inline-block;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-about-1-glow-2 {
      bottom: -36%;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-about-1-glow-2 {
      bottom: -32%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-about-1-glow-2 {
      bottom: -30%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-about-1-glow-2 {
      bottom: -26%;
    }
  }
  @media (max-width: 767px) {
    .pf-about-1-glow-2 {
      bottom: -16%;
    }
  }
  
  /*
      about-1-end
  */
  /*
      about-2-start
  */
  .pf-about-2-wrap {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-about-2-wrap .illus-1 {
    position: absolute;
    top: -61px;
    left: -80px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-about-2-wrap .illus-1 {
      display: none;
    }
  }
  .pf-about-2-wrap .illus-2 {
    position: absolute;
    right: -130px;
    top: 0px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-about-2-wrap .illus-2 {
      display: none;
    }
  }
  .pf-about-2-img-sticky-item {
    transform: scale(2);
    transform-origin: top center;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-about-2-img-sticky-item {
      transform: scale(1);
      margin-bottom: 50px;
    }
  }
  .pf-about-2-img-sticky {
    margin-bottom: 40px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-about-2-img-sticky {
      height: auto;
    }
  }
  .pf-about-2-img {
    height: 400px;
    border-radius: 12px;
  }
  .pf-about-2-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
  }
  .pf-about-2-disc {
    color: var(--pf-clr-black-3);
    opacity: 84%;
    font-weight: 400;
    line-height: 32px;
    font-size: 20px;
    margin-bottom: 35px;
  }
  .pf-about-2-slide-posi {
    position: absolute;
    top: 225px;
    z-index: -1;
    left: 0;
    width: 100%;
    direction: ltr;
  }
  .pf-about-2-slide-text {
    display: flex;
    gap: 48px;
    align-items: center;
    flex-wrap: nowrap;
  }
  .pf-about-2-slide-text .item-title {
    font-size: 34px;
    line-height: 1;
    color: #FFA800;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -2px;
    flex: 0 0 auto;
  }
  .pf-about-2-slide-text svg {
    fill: #FFA800;
    flex: 0 0 auto;
  }
  
  /*
      about-2-end
  */
  /*
      about-3-start
  */
  .pf-about-3-scroll {
    position: relative;
    z-index: 3;
  }
  
  .pf-about-3-shape {
    position: absolute;
    top: -70px;
    left: 0;
    width: 100%;
  }
  .pf-about-3-shape .text-right {
    text-align: left;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-about-3-shape .pf-sec-shape {
      width: 600px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-about-3-shape .pf-sec-shape {
      width: 400px;
    }
  }
  @media (max-width: 767px) {
    .pf-about-3-shape .pf-sec-shape {
      width: 300px;
    }
  }
  
  .pf-sec-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  
  .pf-sec-shape, .pf-sec-shape-1, .pf-sec-shape-2 {
    will-change: transform;
  }
  
  .pf-about-3-area {
    background: rgba(42, 42, 42, 0.04);
    backdrop-filter: blur(70px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh !important;
  }
  .pf-about-3-content {
    max-width: 696px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-about-3-content .title {
    margin-bottom: 60px;
  }
  .pf-about-3-content .pf-rotated-btn-2 {
    border: 1.5px solid var(--pf-clr-black-5);
  }
  .pf-about-3-content .pf-rotated-btn-2 .icon {
    background: var(--pf-clr-sd-2);
    stroke: var(--pf-clr-black-5);
  }
  
  /*
      about-3-end
  */
  /*
      about-6-start
  */
  .pf-about-6-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: self-start;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-about-6-wrap {
      grid-template-columns: 1fr 2fr;
    }
  }
  @media (max-width: 767px) {
    .pf-about-6-wrap {
      grid-template-columns: 1fr;
      gap: 30px;
    }
  }
  .pf-about-6-subtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: var(--pf-clr-black-1);
    margin-bottom: 0;
  }
  .pf-about-6-title {
    font-size: 45px;
    line-height: 1.2;
    color: var(--pf-clr-black-1);
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 63px;
    text-transform: unset !important;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-about-6-title {
      font-size: 38px;
    }
  }
  @media (max-width: 767px) {
    .pf-about-6-title {
      font-size: 25px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-about-6-title {
      font-size: 32px;
    }
  }
  .pf-about-6-title .split-line div div:nth-child(1) {
    text-transform: capitalize;
  }
  .pf-about-6-btn {
    color: var(--pf-clr-pr-6);
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    fill: transparent;
    stroke: var(--pf-clr-pr-6);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-about-6-btn:hover {
    transform: translateX(3px);
    color: var(--pf-clr-pr-6);
  }
  .pf-about-6-btn:hover .icon {
    transform: rotate(-45deg);
  }
  
  /*
      about-6-end
  */
  /*
      counter-1-start
  */
  .pf-counter-1 {
    display: flex;
    gap: 20px 60px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pf-counter-1-area {
    position: relative;
    z-index: 2;
  }
  .pf-counter-1-item {
    display: flex;
    align-items: end;
    gap: 16px;
    max-width: 235px;
    width: 100%;
  }
  .pf-counter-1-item-number {
    font-size: 64px;
    line-height: 1;
    font-weight: 400;
    display: flex;
    align-items: end;
    gap: 5px;
  }
  .pf-counter-1-item-number .counter {
    opacity: 64%;
  }
  .pf-counter-1-item-number .text {
    display: inline-block;
    font-size: 32px;
    color: var(--pf-clr-pr-1);
    margin-bottom: 4px;
  }
  .pf-counter-1-item-disc {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    opacity: 64%;
    margin-bottom: 5px;
  }
  
  /*
      counter-1-end
  */
  /*
      counter-2-start
  */
  .pf-counter-2-row {
    display: grid;
    grid-template-columns: 1fr 2.1fr 1fr;
    gap: 30px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-2-row {
      grid-template-columns: 1fr;
    }
  }
  .pf-counter-2-meddle {
    padding-top: 355px;
    position: relative;
    z-index: 1;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-2-meddle {
      padding-top: 50px;
    }
  }
  .pf-counter-2-sec-title {
    margin-bottom: 160px;
  }
  .pf-counter-2-img-1 {
    max-width: 258px;
    height: 310px;
    transform: translateX(-217px);
    border-radius: 8px;
    margin-bottom: 87px;
  }
  @media (max-width: 767px) {
    .pf-counter-2-img-1 {
      transform: translateX(0px);
    }
  }
  .pf-counter-2-img-2 {
    max-width: 306px;
    height: 310px;
    border-radius: 8px;
  }
  .pf-counter-2-img-3 {
    max-width: 313px;
    height: 500px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -380px;
  }
  .pf-counter-2-img-4 {
    height: 500px;
    border-radius: 8px;
    margin-bottom: 45px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-2-img-4 {
      max-width: 310px;
    }
  }
  .pf-counter-2-wrap {
    max-width: 257px;
    margin-right: auto;
  }
  .pf-counter-2-wrap .pf-counter-1 {
    flex-direction: column;
    gap: 8px;
  }
  .pf-counter-2-wrap .pf-counter-1-item {
    border-radius: 8px;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.88);
    text-align: left;
    align-items: center;
    gap: 12px;
    padding: 17px 24px;
  }
  .pf-counter-2-wrap .pf-counter-1-item .pf-counter-1-item-number {
    font-size: 45px;
  }
  .pf-counter-2-wrap .pf-counter-1-item .pf-counter-1-item-number .counter {
    font-weight: 500;
    opacity: 1;
  }
  .pf-counter-2-wrap .pf-counter-1-item .pf-counter-1-item-disc {
    color: var(--pf-clr-black-2);
    opacity: 100;
    font-weight: 400;
    margin-bottom: 0;
    text-align: right;
  }
  .pf-counter-2-wrap .pf-counter-1-item:nth-child(1) .pf-counter-1-item-number .counter, .pf-counter-2-wrap .pf-counter-1-item:nth-child(1) .pf-counter-1-item-number .text {
    color: #FFA800;
  }
  .pf-counter-2-wrap .pf-counter-1-item:nth-child(2) .pf-counter-1-item-number .counter, .pf-counter-2-wrap .pf-counter-1-item:nth-child(2) .pf-counter-1-item-number .text {
    color: #531FE9;
  }
  .pf-counter-2-wrap .pf-counter-1-item:nth-child(3) .pf-counter-1-item-number .counter, .pf-counter-2-wrap .pf-counter-1-item:nth-child(3) .pf-counter-1-item-number .text {
    color: #CD1010;
  }
  .pf-counter-2-right {
    text-align: right;
  }
  .pf-counter-2-right .text-left {
    text-align: left;
  }
  .pf-counter-2-line-shape {
    position: absolute;
    top: 20%;
    z-index: -1;
    left: 0;
    width: 100%;
  }
  
  /*
      counter-2-end
  */
  /*
      counter-3-start
  */
  .pf-counter-3-sec-shape {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-bottom: 47px;
  }
  .pf-counter-3-sec-title {
    max-width: 750px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
  }
  .pf-counter-3-wrap {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-3-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-counter-3-wrap .pf-video-2 {
    height: 100%;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-3-wrap .pf-video-2 {
      height: 400px;
    }
  }
  .pf-counter-3-wrap .pf-video-2-img {
    height: 100%;
    border-radius: 0;
  }
  .pf-counter-3-wrap .pf-video-2 .pf-video-btn-1 {
    color: var(--pf-clr-pr-3);
  }
  .pf-counter-3-wrap .pf-video-2 .pf-video-btn-1:hover {
    color: var(--pf-clr-pr-3);
  }
  .pf-counter-3-disc {
    position: absolute;
    bottom: 0;
    background: #D1DEF8;
    right: 0;
    width: 34%;
    border-top: 20px solid #fff;
    border-left: 20px solid #fff;
    z-index: 1;
    padding: 42px 48px;
    padding-top: 150px;
    font-size: 23px;
    line-height: 1.56;
    font-weight: 400;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-counter-3-disc {
      padding: 42px 20px;
      padding-top: 70px;
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-3-disc {
      padding: 42px 20px;
      padding-top: 70px;
      font-size: 20px;
      position: relative;
      width: 100%;
    }
  }
  .pf-counter-3-disc::after {
    content: "";
    width: 40px;
    height: 4px;
    background: var(--pf-clr-black-5);
    position: absolute;
    top: 37%;
    right: 48px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-3-disc::after {
      top: 17%;
      right: 20px;
    }
  }
  .pf-counter-3-item {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #ECFFA0;
    padding-right: 55px;
    padding-left: 150px;
    padding-bottom: 50px;
    padding-top: 155px;
    border-bottom: 20px solid var(--pf-clr-white-1);
    border-right: 20px solid var(--pf-clr-white-1);
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-counter-3-item {
      padding-left: 40px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-counter-3-item {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-3-item {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px;
      position: relative;
      width: 100%;
    }
  }
  .pf-counter-3-item .card-shape {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-counter-3-item .card-shape path {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-counter-3-item .card-shape path:nth-child(2) {
    transition-delay: 0.2s;
  }
  .pf-counter-3-item .card-shape path:nth-child(3) {
    transition-delay: 0.4s;
  }
  .pf-counter-3-item:hover .card-shape path {
    transform: translate(20px, -20px);
  }
  .pf-counter-3-item:hover .card-shape path:nth-child(2) {
    transition-delay: 0.2s;
  }
  .pf-counter-3-item:hover .card-shape path:nth-child(3) {
    transition-delay: 0.4s;
  }
  .pf-counter-3-item .pf-counter-1 {
    flex-direction: column;
    gap: 30px;
  }
  .pf-counter-3-item .pf-counter-1-item-number {
    color: var(--pf-clr-black-5);
  }
  .pf-counter-3-item .pf-counter-1-item-number .counter {
    opacity: 100%;
  }
  .pf-counter-3-item .pf-counter-1-item-number .text {
    color: inherit;
  }
  .pf-counter-3-item .pf-counter-1-item-disc {
    color: var(--pf-clr-black-5);
    opacity: 100%;
    font-weight: 400;
  }
  .pf-counter-3-rotated-btn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 1;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-3-rotated-btn {
      display: none;
    }
  }
  .pf-counter-3-rotated-btn .pf-rotated-btn-2 {
    background: var(--pf-clr-pr-3);
    border: none;
  }
  .pf-counter-3-rotated-btn .pf-rotated-btn-2 .icon {
    background: var(--pf-clr-sd-2);
    stroke: var(--pf-clr-black-5);
  }
  .pf-counter-3-img {
    margin-bottom: 20px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-3-img {
      height: 600px;
    }
  }
  .pf-counter-3-contact-box {
    position: relative;
    z-index: 1;
    background: #DFE1E5;
    text-align: left;
    padding-left: 48px;
    padding-top: 64px;
    padding-bottom: 35px;
    padding-right: 35px;
    overflow: hidden;
  }
  .pf-counter-3-contact-box .bg-shape {
    position: absolute;
    top: 0;
    right: -161px;
    z-index: -1;
    opacity: 50%;
    width: 66%;
    animation: counter-2-contact-shape 15s linear infinite;
  }
  .pf-counter-3-contact-box .pf-free-phone-2 {
    flex-direction: column;
    align-items: start;
    gap: 36px;
    color: rgba(42, 42, 42, 0.64);
  }
  .pf-counter-3-contact-box .pf-free-phone-2 .icon {
    margin-right: 15px;
    background: var(--pf-clr-black-5);
    stroke: var(--pf-clr-sd-2);
  }
  .pf-counter-3-contact-box .pf-free-phone-2 .icon::after {
    border-color: var(--pf-clr-black-5);
  }
  .pf-counter-3-contact-box .pf-free-phone-2 .icon::before {
    border-color: var(--pf-clr-black-5);
  }
  .pf-counter-3-contact-box .pf-free-phone-2 b {
    font-size: 23px;
    line-height: 24px;
    color: var(--pf-clr-black-5);
    padding-top: 5px;
  }
  .pf-counter-3-contact-box .pf-free-phone-2:hover b {
    color: var(--pf-clr-pr-3);
  }
  .pf-counter-3-marquee {
    height: 65px;
    direction: ltr;
  }
  .pf-counter-3-marquee .pf-about-2-slide-text .item-title {
    color: #A3A3A3;
    font-weight: 600;
    text-transform: capitalize;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease;
  }
  .pf-counter-3-marquee .pf-about-2-slide-text .item-title:hover {
    background-image: linear-gradient(to right, var(--pf-clr-pr-3), var(--pf-clr-pr-3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 100%;
    background-position: right;
  }
  .pf-counter-3-marquee .pf-about-2-slide-text svg {
    fill: var(--pf-clr-pr-3);
  }
  
  @keyframes counter-2-contact-shape {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /*
      counter-3-end
  */
  /*
      counter-4-start
  */
  .pf-counter-4-area {
    background-color: #0D173F;
    padding-top: 250px;
    padding-bottom: 150px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-4-area {
      padding-top: 150px;
    }
  }
  .pf-counter-4-sec-title {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 140px;
  }
  @media (max-width: 767px) {
    .pf-counter-4-sec-title {
      margin-bottom: 60px;
    }
  }
  .pf-counter-4-sec-title .pf-subtitle-3 {
    color: var(--pf-clr-sd-3);
  }
  .pf-counter-4-sec-title .pf-subtitle-3-line {
    background: var(--pf-clr-sd-3);
  }
  .pf-counter-4-sec-title .pf-sec-title-4 {
    color: var(--pf-clr-white-1);
    letter-spacing: -3px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-counter-4-sec-title .pf-sec-title-4 {
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-counter-4-sec-title .pf-sec-title-4 {
      letter-spacing: 0px;
    }
  }
  .pf-counter-4-video-item {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    height: 400px;
    border-radius: 12px;
    filter: grayscale(1);
  }
  .pf-counter-4-video-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .pf-counter-4-slide-posi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    left: 0;
    width: 100%;
    direction: ltr;
  }
  .pf-counter-4-slide-posi .item-title {
    color: var(--pf-clr-sd-3);
  }
  .pf-counter-4-slide-posi svg {
    fill: var(--pf-clr-sd-3);
  }
  .pf-counter-4-item {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    gap: 40px;
  }
  .pf-counter-4-item .pf-counter-1-item {
    display: block;
    align-items: end;
    gap: 16px;
    max-width: 235px;
    width: 100%;
    text-align: center;
    max-width: auto;
  }
  .pf-counter-4-item .pf-counter-1-item-number {
    font-size: 90px;
    line-height: 1;
    font-weight: 600;
    display: block;
    margin-bottom: -13px;
  }
  .pf-counter-4-item .pf-counter-1-item-number .counter {
    opacity: 100%;
  }
  .pf-counter-4-item .pf-counter-1-item-number .text {
    color: var(--pf-clr-white-1);
  }
  .pf-counter-4-item .pf-counter-1-item-disc {
    opacity: 100;
    margin-bottom: 0;
    background: var(--pf-clr-sd-3);
    border-radius: 8px;
    color: var(--pf-clr-black-6);
    font-weight: 400;
    display: inline-block;
    padding: 4px 8px;
  }
  .pf-counter-4-item .pf-counter-1-item:nth-child(2) {
    margin-top: 80px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-4-item .pf-counter-1-item:nth-child(2) {
      margin-top: 0px;
    }
  }
  .pf-counter-4-item .pf-counter-1-item:nth-child(3) {
    margin-top: 160px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-counter-4-item .pf-counter-1-item:nth-child(3) {
      margin-top: 0px;
    }
  }
  .pf-counter-4-content {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .pf-counter-4-content .disc {
    color: var(--pf-clr-white-1);
    opacity: 80%;
    margin-bottom: 56px;
  }
  .pf-counter-4-content .pf-pr-4 {
    background: var(--pf-clr-pr-4);
  }
  .pf-counter-4-content .pf-pr-4::after {
    background: var(--pf-clr-black-6);
  }
  .pf-counter-4-shape {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-counter-4-shape path:nth-child(1) {
    fill: url(#paint0_linear_157_480);
  }
  .pf-counter-4-shape path:nth-child(2) {
    fill: url(#paint1_linear_157_480);
  }
  
  /*
      counter-4-end
  */
  /*
      counter-5-start
  */
  .pf-counter-5-container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 245px;
  }
  @media (max-width: 767px) {
    .pf-counter-5-container {
      padding-top: 145px;
    }
  }
  .pf-counter-5-container .illus-1 {
    position: absolute;
    width: 23%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.12);
    top: 150px;
    right: 20px;
    z-index: -1;
  }
  @media (max-width: 767px) {
    .pf-counter-5-container .illus-1 {
      display: none;
    }
  }
  .pf-counter-5-container .illus-2 {
    width: 12%;
    border-radius: 12px;
    overflow: hidden;
    position: absolute;
    left: 13%;
    right: auto;
    top: 295px;
    box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.12);
    z-index: -1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-counter-5-container .illus-2 {
      right: 3%;
    }
  }
  @media (max-width: 767px) {
    .pf-counter-5-container .illus-2 {
      display: none;
    }
  }
  .pf-counter-5-sce-title {
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 82px;
  }
  .pf-counter-5-counter .pf-counter-1-item {
    align-items: center;
  }
  .pf-counter-5-counter .pf-counter-1-item .pf-counter-1-item-number {
    font-weight: 600;
  }
  .pf-counter-5-counter .pf-counter-1-item .pf-counter-1-item-number .counter {
    opacity: 100%;
  }
  .pf-counter-5-counter .pf-counter-1-item .pf-counter-1-item-number .text {
    color: inherit;
  }
  .pf-counter-5-counter .pf-counter-1-item .pf-counter-1-item-disc {
    opacity: 80%;
    color: var(--pf-clr-black-7);
    font-weight: 400;
  }
  .pf-counter-5-counter .pf-counter-1-item:nth-child(1) .pf-counter-1-item-number {
    color: var(--pf-clr-sd-4);
  }
  .pf-counter-5-counter .pf-counter-1-item:nth-child(2) .pf-counter-1-item-number {
    color: var(--pf-clr-sd-5);
  }
  .pf-counter-5-counter .pf-counter-1-item:nth-child(3) .pf-counter-1-item-number {
    color: var(--pf-clr-pr-5);
  }
  .pf-counter-5-line {
    height: 283px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-counter-5-line {
      height: 200px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-counter-5-line {
      height: 160px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-counter-5-line {
      height: 123px;
    }
  }
  @media (max-width: 767px) {
    .pf-counter-5-line {
      height: 80px;
    }
  }
  .pf-counter-5-line img {
    width: 100%;
    height: 100%;
  }
  .pf-counter-5-bottom .illus-1 {
    width: 9%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    bottom: 0;
    right: 24%;
  }
  @media (max-width: 767px) {
    .pf-counter-5-bottom .illus-1 {
      display: none;
    }
  }
  .pf-counter-5-bottom .illus-2 {
    width: 9%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    bottom: 0;
    left: 28%;
    right: auto;
  }
  @media (max-width: 767px) {
    .pf-counter-5-bottom .illus-2 {
      display: none;
    }
  }
  .pf-counter-5-bottom .illus-3 {
    width: 9%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    bottom: 32%;
    left: 1%;
    right: auto;
  }
  @media (max-width: 767px) {
    .pf-counter-5-bottom .illus-3 {
      display: none;
    }
  }
  .pf-counter-5-roted-btn {
    position: absolute;
    top: 11%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .pf-counter-5-roted-btn .pf-rotated-btn-2 {
    border: 2px solid var(--pf-clr-pr-5);
  }
  .pf-counter-5-roted-btn .pf-rotated-btn-2 .icon {
    background: var(--pf-clr-pr-5);
  }
  
  /*
      counter-5-end
  */
  /*
      text-slide-5-start
  */
  .pf-text-slide-5 .item-title {
    color: var(--pf-clr-sd-4);
    font-weight: 600;
    text-transform: capitalize;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease;
  }
  .pf-text-slide-5 .item-title:hover {
    background-image: linear-gradient(to right, var(--pf-clr-sd-5), var(--pf-clr-sd-5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 100%;
    background-position: right;
  }
  .pf-text-slide-5 svg {
    fill: var(--pf-clr-sd-5);
  }
  .pf-text-slide-5.pf-a2-slide.wa-fix{
    direction: ltr;
  }
  
  /*
      text-slide-5-end
  */
  /*
      solution-1-start
  */
  .pf-solution-1-area {
    padding-bottom: 260px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-solution-1-area {
      padding-bottom: 120px;
    }
  }
  .pf-solution-1-sec-title {
    /* max-width: 550px; */
    margin-left: auto;
    margin-right: auto;
  }
  .pf-solution-1-wrap {
    background-attachment: fixed;
    overflow: hidden;
  }
  .pf-solution-1-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
  }
  .pf-solution-1-bg-img::after {
    content: "";
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgb(10, 14, 14) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .pf-solution-1-bg-img::before {
    content: "";
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgb(10, 14, 14) 95%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .pf-solution-1-bg-img .main-img {
    filter: grayscale(1);
    position: relative;
    z-index: 1;
    height: 100%;
  }
  .pf-solution-1-bg-img .main-img .item-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  .pf-solution-1-bg-img-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  .pf-solution-1-item {
    max-width: 686px;
    width: 100%;
    margin-right: auto;
    display: flex;
    align-items: self-start;
  }
  .pf-solution-1-item .pin-spacer {
    width: 78px !important;
  }
  .pf-solution-1-item-number {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 1;
    padding-top: 134px;
    padding-bottom: 134px;
    position: sticky;
    top: 0;
    left: auto !important;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-solution-1-item-number {
      display: none;
    }
  }
  .pf-solution-1-item-number-btn {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: flex;
    width: 72px;
    height: 72px;
    border: 1px solid var(--pf-clr-gray-1);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    font-size: 23px;
    line-height: 1;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.64);
  }
  .pf-solution-1-item-number-btn:nth-child(1) {
    background: var(--pf-clr-pr-1);
    color: var(--pf-clr-black-1);
    border-color: transparent;
  }
  .pf-solution-1-item-number-btn:nth-child(1) .pf-solution-1-item-number-line {
    height: 180px;
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
  }
  .pf-solution-1-item-number-line {
    width: 1.5px;
    height: 41px;
    position: absolute;
    right: 36px;
    bottom: 100%;
    background: #fff;
    z-index: -1;
  }
  .pf-solution-1-item-card {
    background: rgba(10, 14, 14, 0.48);
    backdrop-filter: blur(20px);
    padding-right: 92px;
    margin-right: -36px;
    width: 100%;
    padding-top: 50px;
    position: relative;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-solution-1-item-card {
      padding-top: 0vh;
    }
  }
  @media (max-width: 767px) {
    .pf-solution-1-item-card {
      padding-top: 0vh;
      margin-left: 0px;
      padding-left: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-solution-1-item-card {
      padding-top: 0vh;
      padding-left: 92px;
    }
  }
  .pf-solution-1-item-card::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(5deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 90%, rgba(255, 255, 255, 0) 100%);
    opacity: 20%;
  }
  .pf-solution-1-item-card-single {
    max-width: 388px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-solution-1-item-card-single {
      height: auto;
      padding: 50px 0;
    }
  }
  .pf-solution-1-item-card-single .card-subtitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: var(--pf-clr-white-1);
    opacity: 80%;
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
    margin-bottom: 78px;
  }
  .pf-solution-1-item-card-single .card-subtitle .number span {
    opacity: 64%;
  }
  .pf-solution-1-item-card-single .card-title {
    font-size: 45px;
    letter-spacing: -1.5px;
    line-height: 1.155;
    margin-bottom: 24px;
  }
  @media (max-width: 767px) {
    .pf-solution-1-item-card-single .card-title {
      font-size: 25px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-solution-1-item-card-single .card-title {
      font-size: 30px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-solution-1-item-card-single .card-title {
      font-size: 40px;
    }
  }
  .pf-solution-1-item-card-single .card-disc {
    opacity: 64%;
    margin-bottom: 32px;
  }
  
  /*
      solution-1-end
  */
  /*
      solution-5-start
  */
  .pf-solution-5-area {
    padding-top: 425px;
    padding-bottom: 170px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -233px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-solution-5-area {
      padding-bottom: 100px;
      padding-top: 325px;
    }
  }
  .pf-solution-5-area::after {
    content: "";
    width: 100%;
    height: 450px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #F3E7FF 100%);
    z-index: -2;
  }
  .pf-solution-5-bg-shape {
    position: absolute;
    top: 0;
    left: 20px;
    filter: grayscale(1);
    width: calc(100% - 40px);
    z-index: -1;
  }
  .pf-solution-5-bg-shape2 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 173px;
    z-index: -1;
  }
  .pf-solution-5-bg-shape2 img {
    width: 100%;
    height: 100%;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-solution-5-bg-shape2 img {
      object-fit: cover;
    }
  }
  .pf-solution-5-sce-title {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 71px;
  }
  .pf-solution-5-card .pf-services-4-card {
    box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
  }
  .pf-solution-5-card .pf-services-4-card .pf-arrow-btn {
    background: var(--pf-clr-sd-4);
    border-color: transparent;
    stroke: var(--pf-clr-black-1);
  }
  .pf-solution-5-card .pf-services-4-card .pf-arrow-btn svg:nth-child(1) {
    stroke: var(--pf-clr-sd-4);
  }
  .pf-solution-5-card .pf-services-4-card .pf-arrow-btn:hover {
    background: var(--pf-clr-black-1);
  }
  .pf-solution-5-card .pf-services-4-card .card-title {
    transition: all 0s var(--pf-cube-2);
  }
  .pf-solution-5-card .pf-services-4-card .card-disc {
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-solution-5-card .pf-services-4-card:hover {
    background: var(--pf-clr-pr-5);
  }
  .pf-solution-5-card .pf-services-4-card:hover .card-disc, .pf-solution-5-card .pf-services-4-card:hover .card-title {
    color: var(--pf-clr-white-1);
  }
  
  /*
      solution-5-end
  */
  /*
      solution-7-start
  */
  .pf-solution-7-sec-title {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-solution-7-sec-title .pf-subtitle-3 {
    color: var(--pf-clr-pr-6);
  }
  .pf-solution-7-sec-title .pf-subtitle-3-line {
    background: var(--pf-clr-pr-6);
  }
  .pf-solution-7-item {
    padding: 40px 0;
    border-bottom: 1px dashed var(--pf-clr-pr-6);
    height: 105px;
    overflow: hidden;
    transition: height 0.5s var(--pf-cube-2);
  }
  @media (max-width: 767px) {
    .pf-solution-7-item {
      height: 100%;
    }
  }
  @media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-solution-7-item:is(.active) {
      height: 482px;
    }
    .pf-solution-7-item:is(.active) .item-disc {
      opacity: 80%;
    }
  }
  .pf-solution-7-item-flex {
    display: flex;
    gap: 160px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-solution-7-item-flex {
      gap: 60px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-solution-7-item-flex {
      gap: 50px;
    }
  }
  @media (max-width: 767px) {
    .pf-solution-7-item-flex {
      gap: 50px;
      flex-wrap: wrap;
    }
  }
  .pf-solution-7-item .item-number {
    flex: 0 0 auto;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--pf-clr-black-1);
    line-height: 1.5;
    align-self: self-start;
  }
  .pf-solution-7-item .item-number span {
    opacity: 48%;
  }
  .pf-solution-7-item .content {
    max-width: 420px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .pf-solution-7-item .item-img {
    max-width: 356px;
    width: 100%;
    border-radius: 16px;
    filter: grayscale(1);
    height: 400px;
    margin-left: auto;
    transition: all 300ms;
  }
    .pf-solution-7-item:hover .item-img {
    filter: grayscale(0);
  }
  .pf-solution-7-item .item-title {
    font-size: 28px;
    letter-spacing: -1px;
    color: var(--pf-clr-black-7);
    line-height: 1.3;
    margin-bottom: 0;
    transition: all 0.4s var(--pf-cube-2);
    margin-top: -9px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-solution-7-item .item-title {
      font-size: 28px;
      margin-top: -3px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-solution-7-item .item-title {
      font-size: 28px;
      margin-top: -3px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-solution-7-item .item-title {
      font-size: 22px;
      margin-top: 5px;
    }
  }
  @media (max-width: 767px) {
    .pf-solution-7-item .item-title {
      font-size: 22px;
      margin: 0;
    }
  }
  .pf-solution-7-item .item-title:hover {
    color: var(--pf-clr-pr-6);
    transform: translateX(-3px);
  }
  .pf-solution-7-item .item-disc {
    opacity: 0;
    transition: all 0.4s var(--pf-cube-2);
    line-height: 2;
  }
  @media (max-width: 767px) {
    .pf-solution-7-item .item-disc {
      opacity: 80%;
    }
  }
  .pf-solution-7-item .pf-about-6-btn {
    font-size: 16px;
    margin-top: auto;
    align-self: self-start;
  }
  .pf-solution-7-item:nth-child(1) {
    border-top: 1px dashed var(--pf-clr-pr-6);
  }
  
  /*
      solution-7-end
  */
  /*
      feature-1-start
  */
  .pf-feature-1-area {
    padding-top: 205px;
    padding-bottom: 210px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-feature-1-area {
      padding-top: 205px;
      padding-bottom: 150px;
    }
  }
  @media (max-width: 767px) {
    .pf-feature-1-area {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }
  .pf-feature-1-sec-title {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-feature-1-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-feature-1-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-feature-1-item {
      grid-template-columns: 1fr;
    }
  }
  .pf-feature-1-item-single {
    display: flex;
    gap: 24px;
  }
  .pf-feature-1-item-single .icon {
    display: inline-block;
    max-width: 72px;
    flex: 0 0 auto;
    overflow: hidden;
  }
  .pf-feature-1-item-single .icon img {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-feature-1-item-single .item-title {
    font-size: 23px;
    line-height: 29px;
    opacity: 80%;
    margin-bottom: 11px;
    transition: all 0.4s var(--pf-cube-2);
  }
  @media (max-width: 767px) {
    .pf-feature-1-item-single .item-title {
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-feature-1-item-single .item-title {
      font-size: 23px;
    }
  }
  .pf-feature-1-item-single .item-title:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(-3px);
  }
  .pf-feature-1-item-single .item-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 64%;
  }
  .pf-feature-1-item-single:hover .icon img {
    transform: translateY(10%);
  }
  .pf-feature-1-bg-shape {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  @media (max-width: 767px) {
    .pf-feature-1-bg-shape {
      object-fit: cover;
    }
  }
  .pf-feature-1-bg-glow-1 {
    position: absolute;
    top: -44%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: -2;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-feature-1-bg-glow-1 {
      top: -50%;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-feature-1-bg-glow-1 {
      top: -40%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-feature-1-bg-glow-1 {
      top: -30%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-feature-1-bg-glow-1 {
      top: -20%;
    }
  }
  @media (max-width: 767px) {
    .pf-feature-1-bg-glow-1 {
      top: -5%;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-feature-1-bg-glow-1 {
      top: -10%;
    }
  }
  .pf-feature-1-bg-glow-2 {
    position: absolute;
    bottom: -60%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: -2;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-feature-1-bg-glow-2 {
      bottom: -50%;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-feature-1-bg-glow-2 {
      bottom: -40%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-feature-1-bg-glow-2 {
      bottom: -30%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-feature-1-bg-glow-2 {
      bottom: -26%;
    }
  }
  @media (max-width: 767px) {
    .pf-feature-1-bg-glow-2 {
      bottom: -6%;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-feature-1-bg-glow-2 {
      bottom: -10%;
    }
  }
  
  @keyframes rubberBand {
    0% {
      transform: scale(1, 1);
    }
    40% {
      transform: scale(1.1, 0.8);
    }
    52% {
      transform: scale(0.8, 0.7);
    }
    68% {
      transform: scale(1.2, 1.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }
  /*
      feature-1-end
  */
  /*
      feature-3-start
  */
  .pf-feature-3-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  .pf-feature-3-bg-shape-1 {
    width: 21%;
    filter: blur(40px);
    opacity: 70%;
    position: absolute;
    top: 50%;
    right: -11%;
    z-index: -1;
  }
  .pf-feature-3-bg-shape-2 {
    width: 21%;
    filter: blur(50px);
    opacity: 48%;
    position: absolute;
    top: 0%;
    right: -12%;
    z-index: -1;
  }
  .pf-feature-3-sec-title {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 110px;
  }
  
  .pf-feature-1-item-single:is(.has-f3) .item-title {
    color: var(--pf-clr-black-5);
    opacity: 1;
  }
  .pf-feature-1-item-single:is(.has-f3) .item-title:hover {
    color: var(--pf-clr-pr-3);
  }
  .pf-feature-1-item-single:is(.has-f3) .item-disc {
    color: var(--pf-clr-black-5);
    font-weight: 400;
    opacity: 80%;
  }
  
  /*
      feature-3-end
  */
  /*
      feature-4-start
  */
  .pf-features-4-area {
    padding-top: 235px;
    padding-bottom: 85px;
    background: var(--pf-clr-white-2);
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-features-4-area {
      padding-top: 150px;
    }
  }
  @media (max-width: 767px) {
    .pf-features-4-area {
      padding-top: 150px;
      padding-bottom: 0px;
    }
  }
  .pf-features-4-wrap {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 50px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
  }
  .pf-features-4-content {
    width: 100%;
    max-width: 645px;
  }
  .pf-features-4-sec-title .pf-sec-title-4 {
    margin-bottom: 23px;
  }
  .pf-features-4-sec-title .sec-disc {
    opacity: 80%;
    margin-bottom: 32px;
  }
  .pf-features-4-tabs {
    max-width: 530px;
  }
  .pf-features-4-tabs .nav-link {
    display: flex;
    align-items: baseline;
    gap: 12px;
    background: rgba(255, 255, 255, 0.56);
    color: var(--pf-clr-black-6);
    font-weight: 600;
    font-size: 22px;
    border: 1px solid #EBE2DA;
    border-radius: 8px;
    padding: 13px 24px;
    width: 100%;
  }
  @media (max-width: 767px) {
    .pf-features-4-tabs .nav-link {
      font-size: 20px;
    }
  }
  .pf-features-4-tabs .nav-link:not(:last-child) {
    margin-bottom: 8px;
  }
  .pf-features-4-tabs .nav-link svg {
    fill: var(--pf-clr-pr-3);
  }
  .pf-features-4-tabs .nav-link:is(.active) {
    background: var(--pf-clr-black-6);
    color: var(--pf-clr-white-1);
  }
  .pf-features-4-tabs .nav-link:is(.active) svg {
    fill: var(--pf-clr-sd-3);
  }
  .pf-features-4-pane {
    margin-bottom: 30px;
  }
  .pf-features-4-pane .disc {
    width: 100%;
    max-width: 364px;
    background: var(--pf-clr-sd-3);
    padding: 16px 32px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    border-radius: 10px;
    box-shadow: -16px 16px 80px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
  }
  .pf-features-4-pane .disc .shape {
    fill: var(--pf-clr-sd-3);
    position: absolute;
    bottom: -30px;
    left: 10%;
    z-index: -1;
  }
  .pf-features-4-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42%;
    text-align: right;
  }
  @media (max-width: 767px) {
    .pf-features-4-img {
      position: relative;
      margin-top: 50px;
      width: 100%;
      margin-left: auto;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-features-4-img {
      position: relative;
      margin-top: 50px;
      width: 65%;
      margin-left: auto;
    }
  }
  .pf-features-4-img .img-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  
  /*
      feature-4-end
  */
  /*
      feature-5-start
  */
  .pf-feature-5-area {
    background-color: #0C1014;
    padding-top: 150px;
    z-index: 2;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-feature-5-area {
      padding-top: 100px;
    }
  }
  .pf-feature-5-line {
    position: absolute;
    bottom: 39%;
    left: 0;
    width: 100%;
    height: 283px;
    z-index: -1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-feature-5-line {
      height: 130px;
    }
  }
  .pf-feature-5-bg-shape {
    position: absolute;
    filter: grayscale(1);
    bottom: 15%;
    height: 710px;
    left: 0;
    width: 100%;
    z-index: -2;
  }
  .pf-feature-5-bg-shape2 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 173px;
    z-index: -1;
  }
  .pf-feature-5-bg-shape2 img {
    width: 100%;
    height: 100% !important;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-feature-5-bg-shape2 img {
      object-fit: cover;
    }
  }
  .pf-feature-5-sce-title {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-feature-5-sce-title .pf-subtitle-5 {
    color: var(--pf-clr-sd-4);
  }
  .pf-feature-5-sce-title .pf-sec-title-5 {
    color: var(--pf-clr-white-1);
    margin-bottom: 21px;
  }
  .pf-feature-5-sce-title .pf-sec-title-5 .has-dot {
    color: var(--pf-clr-sd-4);
  }
  .pf-feature-5-sce-title .sec-disc {
    color: var(--pf-clr-white-1);
    opacity: 72%;
    font-weight: 300;
  }
  .pf-feature-5-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: start;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-feature-5-row {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-feature-5-row {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-feature-5-row {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-feature-5-card {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(5.5px);
    border-radius: 16px;
    padding: 35px 32px;
    padding-top: 56px;
  }
  .pf-feature-5-card .icon {
    margin-bottom: 16px;
    transition: all 1s var(--pf-cube-2);
  }
  .pf-feature-5-card .card-title {
    font-size: 23px;
    line-height: 1.26;
    color: var(--pf-clr-white-1);
    letter-spacing: -0.5px;
    margin-bottom: 12px;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-feature-5-card .card-title:hover {
    color: var(--pf-clr-sd-4);
    transform: translateY(3px);
  }
  .pf-feature-5-card .card-disc {
    font-size: 16px;
    line-height: 24px;
    color: var(--pf-clr-white-1);
    font-weight: 300;
  }
  .pf-feature-5-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(225deg, rgb(255, 255, 255), rgba(42, 200, 211, 0) 40%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-feature-5-card:hover .icon {
    transform: translateX(10px);
  }
  .pf-feature-5-card:nth-child(odd) {
    margin-top: 158px;
  }
  @media (max-width: 767px) {
    .pf-feature-5-card:nth-child(odd) {
      margin-top: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-feature-5-card:nth-child(odd) {
      margin-top: 158px;
    }
  }
  .pf-feature-5-card:nth-child(even) {
    background: rgba(255, 255, 255, 0.14);
  }
  .pf-feature-5-card:first-child {
    border-radius: 16px 0px 16px 16px;
  }
  .pf-feature-5-card:first-child::before {
    background: linear-gradient(45deg, rgb(255, 255, 255), rgba(42, 200, 211, 0) 40%);
    border-radius: 16px 0px 16px 16px;
  }
  .pf-feature-5-card:nth-child(2) {
    border-radius: 16px 16px 0px 0px;
  }
  .pf-feature-5-card:nth-child(2)::before {
    border-radius: 16px 16px 0px 0px;
  }
  .pf-feature-5-card:nth-child(3) {
    border-radius: 0px 0px 16px 16px;
  }
  .pf-feature-5-card:nth-child(3)::before {
    background: linear-gradient(315deg, rgb(255, 255, 255), rgba(42, 200, 211, 0) 40%);
    border-radius: 0px 0px 16px 16px;
  }
  .pf-feature-5-card:nth-child(4) {
    border-radius: 16px 16px 16px 0px;
  }
  .pf-feature-5-card:nth-child(4)::before {
    border-radius: 16px 16px 16px 0px;
  }
  .pf-feature-5-content .disc {
    color: var(--pf-clr-white-1);
    opacity: 88%;
    font-weight: 300;
    margin-bottom: 30px;
  }
  
  /*
      feature-5-end
  */
  /*
      feature-7-start
  */
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-feature-7-area .pf-feature-3-bg-shape {
      object-fit: cover;
    }
  }
  .pf-feature-7-sec-title {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-feature-7-sec-title .pf-subtitle-3 {
    color: var(--pf-clr-black-1);
  }
  .pf-feature-7-sec-title .pf-subtitle-3-line {
    background: var(--pf-clr-black-1);
  }
  .pf-feature-7-btn .pf-pr-5 {
    background: var(--pf-clr-black-1);
  }
  .pf-feature-7-btn .pf-pr-5 .icon {
    background: var(--pf-clr-sd-4);
  }
  .pf-feature-7-btn .pf-pr-5 .icon svg:nth-child(1) {
    stroke: var(--pf-clr-black-1);
  }
  .pf-feature-7-btn .pf-pr-5 .icon svg:nth-child(2) {
    stroke: var(--pf-clr-black-1);
  }
  .pf-feature-7-btn .pf-pr-5:hover {
    background: var(--pf-clr-pr-6);
  }
  
  .pf-feature-1-item:is(.has-feature-7) .pf-feature-1-item-single:is(.has-f3) .item-title {
    font-weight: 600;
    color: var(--pf-clr-black-1);
  }
  .pf-feature-1-item:is(.has-feature-7) .pf-feature-1-item-single:is(.has-f3) .item-title a {
    width: 100%;
    display: inline !important;
    background-position-y: -1px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 0 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-image: linear-gradient(transparent calc(100% - 1.5px), currentColor 2px);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-feature-1-item:is(.has-feature-7) .pf-feature-1-item-single:is(.has-f3) .item-title a:hover {
    color: inherit;
    background-size: 100% 100%;
  }
  
  /*
      feature-7-end
  */
  /*
      feature-8-start
  */
  .pf-feature-8-sec-title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .pf-feature-1-item-single:is(.has-feature-8) .item-title {
    color: var(--pf-clr-black-1);
    opacity: 1;
  }
  .pf-feature-1-item-single:is(.has-feature-8) .item-title:hover {
    color: var(--pf-clr-pr-1);
  }
  .pf-feature-1-item-single:is(.has-feature-8) .item-disc {
    color: var(--pf-clr-black-1);
    opacity: 1;
  }
  
  /*
      feature-8-end
  */
  /*
      overview-1-start
  */
  .pf-overview-1-area {
    padding-top: 308px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-overview-1-area {
      padding-top: 150px;
    }
  }
  .pf-overview-1-sec-title {
    max-width: 830px;
  }
  .pf-overview-1-wrap {
    position: relative;
  }
  @media (max-width: 767px) {
    .pf-overview-1-wrap {
      padding-bottom: 270px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-overview-1-wrap {
      padding-bottom: 40px;
    }
  }
  .pf-overview-1-bg-circle {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    opacity: 30%;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-overview-1-bg-circle {
      width: 100%;
    }
  }
  .pf-overview-1-tabs {
    width: 74%;
    left: 0;
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-overview-1-tabs {
      width: 93%;
    }
  }
  @media (max-width: 767px) {
    .pf-overview-1-tabs {
      width: 100%;
      flex-wrap: wrap;
      gap: 50px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-overview-1-tabs {
      width: 100%;
      flex-wrap: nowrap;
      gap: 50px;
    }
  }
  .pf-overview-1-tabs-btn {
    width: 100%;
    position: relative;
  }
  @media (max-width: 767px) {
    .pf-overview-1-tabs-btn {
      display: flex;
      gap: 30px;
      align-items: center;
    }
  }
  .pf-overview-1-tabs-btn-link {
    border: none;
    outline: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.12);
    position: relative;
  }
  .pf-overview-1-tabs-btn-link::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    animation: overview-1 1s infinite;
  }
  .pf-overview-1-tabs-btn-link svg {
    fill: transparent;
    stroke: white;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all 1s var(--pf-cube-2);
    z-index: -1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-overview-1-tabs-btn-link svg {
      display: none;
    }
  }
  .pf-overview-1-tabs-btn-link:is(.active)::before {
    animation: none;
  }
  .pf-overview-1-tabs-btn-link:is(.active) svg {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  .pf-overview-1-tabs-btn-link:is(.btn-1) {
    position: absolute;
    top: 71.5%;
    left: 39%;
  }
  @media (max-width: 767px) {
    .pf-overview-1-tabs-btn-link:is(.btn-1) {
      position: relative;
      left: 0;
      bottom: 0;
      top: 0;
    }
  }
  .pf-overview-1-tabs-btn-link:is(.btn-1) svg {
    position: absolute;
    bottom: 6px;
    right: 7px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

  }
  .pf-overview-1-tabs-btn-link:is(.btn-2) {
    position: absolute;
    top: -3.5%;
    left: 45%;
  }
  @media (max-width: 767px) {
    .pf-overview-1-tabs-btn-link:is(.btn-2) {
      position: relative;
      left: 0;
      bottom: 0;
      top: 0;
    }
  }
  .pf-overview-1-tabs-btn-link:is(.btn-2) svg {
    position: absolute;
    right: 8px;
    top: 7px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

  }
  .pf-overview-1-tabs-btn-link:is(.btn-2)::before {
    animation-delay: 0.3s;
  }
  .pf-overview-1-tabs-btn-link:is(.btn-3) {
    position: absolute;
    bottom: 52.5%;
    right: 29%;
  }
  @media (max-width: 767px) {
    .pf-overview-1-tabs-btn-link:is(.btn-3) {
      position: relative;
      left: 0;
      bottom: 0;
      top: 0;
    }
  }
  .pf-overview-1-tabs-btn-link:is(.btn-3) svg {
    position: absolute;
    bottom: 8px;
    right: 5px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

  }
  .pf-overview-1-tabs-btn-link:is(.btn-3)::before {
    animation-delay: 0.6s;
  }
  .pf-overview-1-tabs-btn-link:is(.btn-4) {
    position: absolute;
    bottom: -11.5%;
    right: 20%;
  }
  @media (max-width: 767px) {
    .pf-overview-1-tabs-btn-link:is(.btn-4) {
      position: relative;
      left: 0;
      bottom: 0;
      top: 0;
    }
  }
  .pf-overview-1-tabs-btn-link:is(.btn-4) svg {
    position: absolute;
    bottom: 6px;
    right: 6px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

  }
  .pf-overview-1-tabs-btn-link:is(.btn-4)::before {
    animation-delay: 9s;
  }
  .pf-overview-1-tabs-btn-link:is(.btn-5) {
    position: absolute;
    bottom: 31%;
    right: 3%;
  }
  @media (max-width: 767px) {
    .pf-overview-1-tabs-btn-link:is(.btn-5) {
      position: relative;
      left: 0;
      bottom: 0;
      top: 0;
    }
  }
  .pf-overview-1-tabs-btn-link:is(.btn-5) svg {
    position: absolute;
    bottom: 6px;
    right: 6px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

  }
  .pf-overview-1-tabs-btn-link:is(.btn-5)::before {
    animation-delay: 1.1s;
  }
  .pf-overview-1-tabs-pane {
    max-width: 303px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 35px 40px;
    backdrop-filter: blur(8px);
  }
  .pf-overview-1-tabs-pane .title {
    font-size: 23px;
    line-height: 30px;
    font-weight: 500;
    opacity: 80%;
    margin-bottom: 14px;
  }
  .pf-overview-1-tabs-pane .item-title {
    font-size: 16px;
    line-height: 28px;
    opacity: 80%;
    font-weight: 400;
    margin-bottom: 2px;
  }
  .pf-overview-1-tabs-pane .item-link {
    line-height: 26px;
    opacity: 64%;
  }
  .pf-overview-1-tabs-pane .item-link:not(:last-child) {
    margin-bottom: 11px;
  }
  .pf-overview-1-tabs-pane .tab-pane {
    position: relative;
    z-index: 1;
    opacity: 0;
    transition: all 1s var(--pf-cube-2);
  }
  .pf-overview-1-tabs-pane .tab-pane::after {
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 16px;
    right: -49px;
    opacity: 12%;
  }
  .pf-overview-1-tabs-pane .tab-pane::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 21px;
    right: -44px;
  }
  .pf-overview-1-tabs-pane .tab-pane:is(.show) {
    opacity: 1;
  }
  
  @keyframes overview-1 {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  /*
      overview-1-end
  */
  /*
      overview-2-start
  */
  .pf-overview-2-content {
    max-width: 870px;
    padding-top: 140px;
    padding-bottom: 160px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-overview-2-content {
      max-width: 690px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-overview-2-content {
      max-width: 590px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-overview-2-content {
      padding-bottom: 50px;
    }
  }
  .pf-overview-2-sec-title {
    margin-bottom: 58px;
  }
  .pf-overview-2-sec-disc {
    font-size: 20px;
    line-height: 32px;
    color: var(--pf-clr-black-3);
    font-weight: 400;
    margin-bottom: 52px;
    opacity: 88%;
  }
  .pf-overview-2-sec-line {
    display: block;
    height: 1px;
    width: 139%;
    background: var(--pf-clr-red-1);
    position: relative;
    z-index: 1;
    margin-left: -278px;
    margin-bottom: 56px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-overview-2-sec-line {
      width: 100%;
      margin-left: 0px;
    }
  }
  .pf-overview-2-sec-line .dot {
    width: 17px;
    height: 17px;
    background: rgba(184, 0, 0, 0.12);
    border-radius: 50%;
    position: absolute;
    bottom: -8px;
    left: -8px;
  }
  .pf-overview-2-sec-line .dot::after {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--pf-clr-red-1);
    border-radius: 50%;
    position: absolute;
    bottom: 5px;
    left: 5px;
  }
  .pf-overview-2-sec-line .dot:nth-child(2) {
    left: unset;
    right: -8px;
  }
  .pf-overview-2-feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 75px 40px;
  }
  @media (max-width: 767px) {
    .pf-overview-2-feature {
      grid-template-columns: 1fr;
    }
  }
  .pf-overview-2-feature-single {
    display: flex;
    gap: 24px;
    align-items: self-start;
  }
  .pf-overview-2-feature-single .icon {
    flex: 0 0 auto;
    transition: all 1s var(--pf-cube-2);
  }
  .pf-overview-2-feature-single .item-title {
    font-size: 23px;
    line-height: 1.26;
    color: var(--pf-clr-black-3);
    font-weight: 500;
    margin-bottom: 12px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-overview-2-feature-single .item-title:hover {
    color: var(--pf-clr-red-1);
    transform: translateX(-3px);
  }
  .pf-overview-2-feature-single .item-disc {
    color: var(--pf-clr-black-3);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    opacity: 88%;
  }
  .pf-overview-2-feature-single:hover .icon {
    transform: translateY(10px);
  }
  .pf-overview-2-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 34%;
    height: 100%;
    overflow: hidden;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-overview-2-slider {
      width: 32%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-overview-2-slider {
      position: relative;
      width: 100%;
      height: 500px;
    }
  }
  .pf-overview-2-slider-item {
    height: 100%;
    filter: grayscale(1);
  }
  .pf-overview-2-slider-item img {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-overview-2-slider-item:hover img {
    transform: scale(103%);
  }
  .pf-overview-2-slider .swiper-container {
    height: 100%;
  }
  .pf-overview-2-slider-btn {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0 12px;
    width: 100%;
    direction: ltr;
  }
  .pf-overview-2-slider-btn .pf-slider-btn {
    background: #FFE6E3;
    color: var(--pf-clr-pr-2);
    backdrop-filter: none;
    cursor: pointer;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-overview-2-slider-btn .pf-slider-btn::before {
    display: none;
  }
  .pf-overview-2-slider-btn .pf-slider-btn:hover {
    color: var(--pf-clr-white-1);
    background: var(--pf-clr-pr-2);
  }
  
  /*
      overview-2-end
  */
  /*
      pf-faq-1-start
  */
  .pf-faq-1-area {
    padding-top: 150px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-faq-1-area {
      padding-top: 20px;
    }
  }
  .pf-faq-1-wrap {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-faq-1-all-btn {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .pf-faq-1-all-btn-wrap {
    position: relative;
    margin-top: 65px;
  }
  .pf-faq-1-all-btn-wrap svg {
    fill: transparent;
    stroke: white;
    width: 100vw;
  }
  
  .pf-accordion-item {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pf-accordion-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pf-accordion-item .item-title {
    border: none;
    outline: none;
    font-size: 23px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.64);
    background: transparent;
    width: 100%;
    text-align: right;
    padding: 26px 0;
    position: relative;
    z-index: 1;
    display: flex;
    gap: 24px;
    transition: all 0.5s var(--pf-cube-2);
    align-items: center;
    position: relative;
    z-index: 1;
  }
  .pf-accordion-item .item-title::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--pf-clr-pr-1);
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transition: all 1s var(--pf-cube-2);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-accordion-item .item-title {
      font-size: 20px;
    }
  }
  .pf-accordion-item .item-title .shape {
    fill: rgba(255, 255, 255, 0.16);
    transition: all 0.8s var(--pf-cube-2);
  }
  .pf-accordion-item .item-title .icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    border: 1.5px solid transparent;
    margin-right: auto;
    flex: 0 0 auto;
  }
  .pf-accordion-item .item-title .icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px; /* Match button's border-radius */
    padding: 1.5px; /* Adjust to create space for the border */
    background: linear-gradient(223deg, rgba(42, 200, 211, 0.05) 0%, rgba(42, 200, 211, 0.05) 50%);
    z-index: -1; /* Place the gradient border behind the button */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-accordion-item .item-title:is(:not(.collapsed)) {
    color: rgba(255, 255, 255, 0.8);
  }
  .pf-accordion-item .item-title:is(:not(.collapsed))::after {
    transform: scaleX(1);
  }
  .pf-accordion-item .item-title:is(:not(.collapsed)) .icon::before {
    background: linear-gradient(223deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.05) 50%);
  }
  .pf-accordion-item .item-title:is(:not(.collapsed)) .icon i::before {
    content: "\f068";
  }
  .pf-accordion-item .item-title:is(:not(.collapsed)) .shape {
    fill: var(--pf-clr-pr-1);
    transform: rotate(360deg);
  }
  .pf-accordion-item .item-body {
    margin-bottom: 0;
    max-width: 732px;
    margin-left: 45px;
    opacity: 72%;
    padding-bottom: 28px;
  }
  .pf-accordion-item .item-body p {
    font-weight: 300;
  }
  
  /*
      pf-faq-1-end
  */
  /*
      pf-faq-2-start
  */
  .pf-faq-2-slider {
    width: 34.4%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-faq-2-slider {
      position: relative;
      width: 100%;
      height: 500px;
    }
  }
  .pf-faq-2-slider-item {
    width: 100%;
    height: 100%;
    border-radius: 0 0  0 72px;
  }
  .pf-faq-2-slider-item-btn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
  }
  .pf-faq-2-slider-item-btn .pf-rotated-btn-2 {
    width: 144px;
    height: 144px;
    background: #FFE6E3;
    backdrop-filter: none;
    border: none;
    padding: 12px;
  }
  .pf-faq-2-slider-item-btn .pf-rotated-btn-2 img {
    border: 1px solid #4D0000;
    border-radius: 50%;
    padding: 12px;
  }
  .pf-faq-2-slider-item-btn .pf-rotated-btn-2 .icon {
    background: #4D0000;
    stroke: #FFE6E3;
  }
  .pf-faq-2-slider .swiper-container {
    height: 100%;
  }
  .pf-faq-2-wrap {
    max-width: 870px;
    width: 100%;
    margin-right: auto;
    padding-top: 165px;
    padding-bottom: 170px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-faq-2-wrap {
      max-width: 820px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-faq-2-wrap {
      max-width: 700px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-faq-2-wrap {
      max-width: 600px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-faq-2-wrap {
      max-width: 100%;
      padding-top: 100px;
      padding-bottom: 50px;
    }
  }
  .pf-faq-2-accordion .pf-accordion-item {
    border-top: 1px solid #DFE1E5;
  }
  .pf-faq-2-accordion .pf-accordion-item:last-child {
    border-bottom: 1px solid #DFE1E5;
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title {
    font-weight: 500;
    color: var(--pf-clr-black-3);
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title .shape {
    fill: var(--pf-clr-red-1);
    opacity: 15%;
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title .icon {
    background: transparent;
    backdrop-filter: unset;
    color: var(--pf-clr-pr-2);
    border: 1.5px solid #FFE6E3;
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title .icon::before {
    display: none;
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title::after {
    background: var(--pf-clr-red-1);
    top: -1px;
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title:is(:not(.collapsed)) {
    color: var(--pf-clr-red-1);
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title:is(:not(.collapsed)) .shape {
    opacity: 100%;
  }
  .pf-faq-2-accordion .pf-accordion-item .item-title:is(:not(.collapsed)) .icon {
    background: #FFE6E3;
  }
  .pf-faq-2-accordion .pf-accordion-item .item-body {
    opacity: 100%;
    color: var(--pf-clr-black-3);
  }
  .pf-faq-2-accordion .pf-accordion-item .item-body p {
    color: var(--pf-clr-black-3);
    font-weight: 400;
  }
  .pf-faq-2-illus-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 16%;
  }
  
  /*
      pf-faq-2-end
  */
  /*
      pf-faq-3-start
  */
  .pf-faq-3-area {
    background-color: var(--pf-clr-sd-2);
  }
  .pf-faq-3-sec-title {
    text-align: center;
  }
  .pf-faq-3-sec-title .pf-subtitle-2::after {
    background: var(--pf-clr-black-5);
  }
  .pf-faq-3-sec-title .pf-subtitle-2::before {
    background: var(--pf-clr-black-5);
  }
  .pf-faq-3-accordion {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-faq-3-accordion .pf-accordion-item {
    border-top: 1px solid rgba(42, 42, 42, 0.12);
  }
  .pf-faq-3-accordion .pf-accordion-item:last-child {
    border-bottom: 1px solid rgba(42, 42, 42, 0.12);
  }
  .pf-faq-3-accordion .pf-accordion-item .item-title {
    font-weight: 500;
    color: var(--pf-clr-black-5);
  }
  .pf-faq-3-accordion .pf-accordion-item .item-title .shape {
    fill: rgba(42, 42, 42, 0.24);
  }
  .pf-faq-3-accordion .pf-accordion-item .item-title .icon {
    background: rgba(42, 42, 42, 0.08);
    backdrop-filter: unset;
    color: var(--pf-clr-pr-5);
    border: none;
  }
  .pf-faq-3-accordion .pf-accordion-item .item-title .icon::before {
    display: none;
  }
  .pf-faq-3-accordion .pf-accordion-item .item-title::after {
    background: var(--pf-clr-black-5);
    top: -1px;
  }
  .pf-faq-3-accordion .pf-accordion-item .item-title:is(:not(.collapsed)) .shape {
    fill: rgb(42, 42, 42);
  }
  .pf-faq-3-accordion .pf-accordion-item .item-title:is(:not(.collapsed)) .icon {
    background: rgb(42, 42, 42);
    color: var(--pf-clr-sd-2);
  }
  .pf-faq-3-accordion .pf-accordion-item .item-body {
    opacity: 80%;
    color: var(--pf-clr-black-5);
  }
  .pf-faq-3-accordion .pf-accordion-item .item-body p {
    color: var(--pf-clr-black-5);
    font-weight: 400;
  }
  .pf-faq-3-btn {
    text-align: center;
  }
  .pf-faq-3-btn .pf-rotated-btn-2 {
    display: inline-flex;
    background: var(--pf-clr-black-5);
    border: none;
  }
  .pf-faq-3-btn .pf-rotated-btn-2 .icon {
    background: var(--pf-clr-sd-2);
    stroke: var(--pf-clr-black-5);
  }
  .pf-faq-3-bg-img {
    filter: grayscale(1);
    opacity: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }
  
  /*
      pf-faq-3-end
  */
  /*
      pf-faq-8-start
  */
  .pf-accordion:is(.has-v8) .pf-accordion-item {
    border-color: rgba(0, 0, 0, 0.15);
  }
  .pf-accordion:is(.has-v8) .pf-accordion-item .item-title {
    color: var(--pf-clr-black-1);
  }
  .pf-accordion:is(.has-v8) .pf-accordion-item .item-title .shape {
    fill: rgba(0, 0, 0, 0.7);
  }
  .pf-accordion:is(.has-v8) .pf-accordion-item .item-title:not(.collapsed) .shape {
    fill: var(--pf-clr-pr-1);
  }
  .pf-accordion:is(.has-v8) .pf-accordion-item .item-body p {
    font-weight: 400;
    margin-bottom: 0;
  }
  
  /*
      pf-faq-8-end
  */
  /*
      pf-faqs-page-start
  */
  .pf-faqs-page-content {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-faqs-page-content .pf-sec-title-6 {
    text-align: center;
    margin-bottom: 60px;
  }
  
  /*
      pf-faqs-page-end
  */
  /*
      testimonial-1-start
  */
  .pf-testimonial-1-area {
    position: relative;
    z-index: 2;
  }
  .pf-testimonial-1-sec-title {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
  }
  .pf-testimonial-1-slider {
    margin-left: -38px;
    margin-right: -38px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-testimonial-1-slider {
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  .pf-testimonial-1-slider-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
  @media (max-width: 767px) {
    .pf-testimonial-1-slider-item {
      align-items: center;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-1-slider-item {
      align-items: start;
    }
  }
  .pf-testimonial-1-slider-item .item-img {
    max-width: 137px;
    height: 137px;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: hidden;
    filter: grayscale(1);
  }
  .pf-testimonial-1-slider-item .item-comment span {
    color: var(--pf-clr-pr-1);
  }
  .pf-testimonial-1-slider-item .main-content {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 48px 48px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 400px;
    backdrop-filter: blur(8px);
    position: relative;
  }
  @media (max-width: 767px) {
    .pf-testimonial-1-slider-item .main-content {
      flex-wrap: wrap;
      border-radius: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-1-slider-item .main-content {
      flex-wrap: nowrap;
      border-radius: 400px;
    }
  }
  .pf-testimonial-1-slider-item .main-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 400px;
    padding: 1.5px;
    background: linear-gradient(215deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.1) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  @media (max-width: 767px) {
    .pf-testimonial-1-slider-item .main-content::before {
      border-radius: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-1-slider-item .main-content::before {
      border-radius: 400px;
    }
  }
  .pf-testimonial-1-slider-item .item-author {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    padding: 17px 20px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    margin-right: 186px;
  }
  @media (max-width: 767px) {
    .pf-testimonial-1-slider-item .item-author {
      margin-left: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-1-slider-item .item-author {
      margin-left: 186px;
    }
  }
  .pf-testimonial-1-slider-item .item-author::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 1.5px;
    background: linear-gradient(215deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.1) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-testimonial-1-slider-item .author-bio {
    font-size: 14px;
    opacity: 56%;
  }
  .pf-testimonial-1-slider-item .author-name {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    opacity: 72%;
  }
  .pf-testimonial-1-slider-item .item-shape {
    fill: transparent;
    stroke: #fff;
    position: absolute;
    bottom: 50px;
    right: 108px;
    z-index: 1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-testimonial-1-slider-item .item-shape circle {
    fill: #fff;
  }
  @media (max-width: 767px) {
    .pf-testimonial-1-slider-item .item-shape {
      display: none;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-1-slider-item .item-shape {
      display: inline-block;
    }
  }
  .pf-testimonial-1-slider-item .flash-ani2 {
    animation: flash 2s linear infinite;
  }
  .pf-testimonial-1-slider-item .flash-ani3 {
    animation: flash 3s linear infinite;
  }
  .pf-testimonial-1-slider-btn {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    direction: ltr;
  }
  .pf-testimonial-1-slider-btn .line {
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 12%;
  }
  
  .pf-star {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--pf-clr-pr-1);
  }
  
  .pf-slider-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    border: 1.5px solid rgba(42, 200, 211, 0.04);
    position: relative;
    z-index: 1;
  }
  .pf-slider-btn::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: 0px;
    bottom: 0;
    border-radius: 8px;
    padding: 1.5px;
    background: linear-gradient(215deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.1) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-slider-btn:hover::before {
    opacity: 1;
  }
  
  .pf-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: auto !important;
    padding: 0 20px;
  }
  .pf-pagination span {
    width: 6px;
    height: 6px;
    background-color: #fff;
    opacity: 20%;
    margin: 0 !important;
    padding: 0;
    position: relative;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-pagination span::after {
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid var(--pf-clr-pr-1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    opacity: 0;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-pagination span:is(.swiper-pagination-bullet-active) {
    opacity: 1;
    background-color: var(--pf-clr-pr-1);
  }
  .pf-pagination span:is(.swiper-pagination-bullet-active)::after {
    opacity: 1;
  }
  
  /*
      testimonial-1-end
  */
  /*
      testimonial-2-start
  */
  .pf-testimonial-2-area {
    background-color: #FFE6E3;
  }
  .pf-testimonial-2-sec-title {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 92px;
  }
  @media (max-width: 767px) {
    .pf-testimonial-2-sec-title {
      font-size: 28px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-2-sec-title {
      font-size: 30px;
    }
  }
  .pf-testimonial-2-slider {
    display: flex;
    align-items: center;
    gap: 149px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-testimonial-2-slider {
      gap: 60px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-testimonial-2-slider {
      gap: 100px;
    }
  }
  @media (max-width: 767px) {
    .pf-testimonial-2-slider {
      gap: 30px;
    }
  }
  .pf-testimonial-2-slider-item {
    display: flex;
    gap: 70px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-testimonial-2-slider-item {
      gap: 40px;
      flex-wrap: wrap;
    }
  }
  .pf-testimonial-2-slider-item .item-img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 306px;
    height: 306px;
    flex: 0 0 auto;
    mask-image: url("../img/testimonial/t2-img-mask.png");
    -webkit-mask-image: url("../img/testimonial/t2-img-mask.png");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    transition: all 1s var(--pf-cube-2);
  }
  .pf-testimonial-2-slider-item .item-img img {
    filter: grayscale(1);
  }
  .pf-testimonial-2-slider-item .item-img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #979797;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-testimonial-2-slider-item .pf-star {
    color: var(--pf-clr-pr-2);
    margin-bottom: 28px;
  }
  .pf-testimonial-2-slider-item .pf-star i {
    transition: all 0.4s var(--pf-cube-2);
    opacity: 0;
  }
  .pf-testimonial-2-slider-item .item-comment {
    font-size: 32px;
    line-height: 1.5;
    color: var(--pf-clr-black-3);
    letter-spacing: -0.5px;
    font-weight: 500;
    margin-bottom: 46px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-testimonial-2-slider-item .item-comment {
      font-size: 28px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-testimonial-2-slider-item .item-comment {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-testimonial-2-slider-item .item-comment {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .pf-testimonial-2-slider-item .item-comment {
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-2-slider-item .item-comment {
      font-size: 22px;
    }
  }
  .pf-testimonial-2-slider-item .author-name {
    font-size: 23px;
    line-height: 1.3;
    color: var(--pf-clr-black-3);
    font-weight: 500;
  }
  .pf-testimonial-2-slider-item .author-bio {
    font-size: 16px;
    line-height: 28px;
    color: var(--pf-clr-black-3);
    font-weight: 400;
    text-transform: capitalize;
    opacity: 72%;
  }
  .pf-testimonial-2-slider-btn {
    height: 293px;
    background: transparent;
    border: 1px solid #fff;
  }
  .pf-testimonial-2-slider-btn .pf-slider-hori-btn-single {
    opacity: 40%;
    color: var(--pf-clr-pr-2);
  }
  .pf-testimonial-2-slider-btn .pf-slider-hori-btn-single:hover {
    opacity: 100%;
  }
  .pf-testimonial-2-slider .quote {
    position: absolute;
    left: 100px;
    top: -50px;
    opacity: 64%;
    z-index: -1;
  }
  .pf-testimonial-2-slider .swiper-container {
    overflow: hidden;
  }
  .pf-testimonial-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-testimonial-2-slider-item .item-img {
    transform: rotate(0deg);
    transition-delay: 0.2s;
  }
  .pf-testimonial-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-testimonial-2-slider-item .item-img::after {
    opacity: 0;
    transition-delay: 0.5s;
  }
  .pf-testimonial-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(1) {
    transition-delay: 0.5s;
    opacity: 1;
  }
  .pf-testimonial-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(2) {
    transition-delay: 0.7s;
    opacity: 1;
  }
  .pf-testimonial-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(3) {
    transition-delay: 0.9s;
    opacity: 1;
  }
  .pf-testimonial-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(4) {
    transition-delay: 1.1s;
    opacity: 1;
  }
  .pf-testimonial-2-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(5) {
    transition-delay: 1.3s;
    opacity: 1;
  }
  
  /*
      testimonial-2-end
  */
  /*
      testimonial-3-start
  */
  .pf-testimonial-3-quote {
    fill: #ECFFA0;
    text-align: center;
    margin-bottom: 50px;
  }
  .pf-testimonial-3-slider {
    padding-left: 48px;
    padding-right: 48px;
  }
  @media (max-width: 767px) {
    .pf-testimonial-3-slider {
      padding-left: 28px;
      padding-right: 28px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-3-slider {
      padding-left: 48px;
      padding-right: 48px;
    }
  }
  .pf-testimonial-3-slider-item {
    text-align: center;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-testimonial-3-slider-item {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  .pf-testimonial-3-slider-item .pf-star {
    display: inline-flex;
    font-size: 16px;
    gap: 12px;
    color: var(--pf-clr-pr-3);
    margin-bottom: 28px;
  }
  .pf-testimonial-3-slider-item .pf-star i {
    transition: all 0.4s var(--pf-cube-2);
    opacity: 0;
  }
  .pf-testimonial-3-slider-item .item-comment {
    font-size: 32px;
    line-height: 1.5;
    color: var(--pf-clr-black-5);
    letter-spacing: -0.5px;
    margin-bottom: 46px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-testimonial-3-slider-item .item-comment {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-testimonial-3-slider-item .item-comment {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .pf-testimonial-3-slider-item .item-comment {
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-3-slider-item .item-comment {
      font-size: 22px;
    }
  }
  .pf-testimonial-3-slider-item .author-name {
    color: var(--pf-clr-black-5);
    font-weight: 500;
    font-size: 23px;
    line-height: 1.3;
    transition: all 0.5s var(--pf-cube-2);
    transform: translateY(100%);
    opacity: 0;
  }
  @media (max-width: 767px) {
    .pf-testimonial-3-slider-item .author-name {
      font-size: 18px;
    }
  }
  .pf-testimonial-3-slider-item .author-bio {
    text-transform: capitalize;
    color: var(--pf-clr-black-5);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    transition: all 0.5s var(--pf-cube-2);
    transform: translateY(100%);
    opacity: 0;
  }
  .pf-testimonial-3-slider .swiper-container {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-testimonial-3-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(1) {
    transition-delay: 0.5s;
    opacity: 1;
  }
  .pf-testimonial-3-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(2) {
    transition-delay: 0.7s;
    opacity: 1;
  }
  .pf-testimonial-3-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(3) {
    transition-delay: 0.9s;
    opacity: 1;
  }
  .pf-testimonial-3-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(4) {
    transition-delay: 1.1s;
    opacity: 1;
  }
  .pf-testimonial-3-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-star i:nth-child(5) {
    transition-delay: 1.3s;
    opacity: 1;
  }
  .pf-testimonial-3-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .author-name {
    transform: translateY(0);
    transition-delay: 0.5s;
    opacity: 1;
  }
  .pf-testimonial-3-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .author-bio {
    transform: translateY(0);
    opacity: 72%;
    transition-delay: 0.7s;
  }
  .pf-testimonial-3-slider .pf-slider-hori-btn-single {
    height: 145px;
    width: 48px;
    border: 1px solid var(--pf-clr-pr-3);
    border-radius: 8px;
    color: var(--pf-clr-pr-3);
  }
  @media (max-width: 767px) {
    .pf-testimonial-3-slider .pf-slider-hori-btn-single {
      height: 65px;
      width: 28px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-3-slider .pf-slider-hori-btn-single {
      height: 145px;
      width: 48px;
    }
  }
  .pf-testimonial-3-slider .pf-slider-hori-btn-single:hover {
    background: var(--pf-clr-pr-3);
    color: var(--pf-clr-white-1);
  }
  .pf-testimonial-3-slider .pf-t3-btn-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .pf-testimonial-3-slider .pf-t3-btn-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .pf-testimonial-3-pagi {
    display: flex;
    justify-content: center;
    gap: 12px;
  }
  .pf-testimonial-3-pagi span {
    background: #D1DEF8;
    width: 8px;
    height: 8px;
    opacity: 1;
    margin: 0 !important;
  }
  .pf-testimonial-3-pagi span:is(.swiper-pagination-bullet-active) {
    background: var(--pf-clr-pr-3);
  }
  
  /*
      testimonial-3-end
  */
  /*
      testimonial-4-start
  */
  .pf-testimonial-4-area {
    background: var(--pf-clr-white-2);
    padding-bottom: 170px;
    padding-top: 90px;
  }
  @media (max-width: 767px) {
    .pf-testimonial-4-area {
      padding-bottom: 130px;
    }
  }
  .pf-testimonial-4-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-testimonial-4-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-testimonial-4-item {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-4-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-testimonial-4-item-single {
    background: var(--pf-clr-white-1);
    border-radius: 16px;
    padding: 40px 40px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-testimonial-4-item-single {
      padding: 40px 20px;
    }
  }
  .pf-testimonial-4-item-single .author-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    filter: grayscale(1);
    margin-bottom: 24px;
  }
  .pf-testimonial-4-item-single .pf-star {
    color: var(--pf-clr-pr-4);
    margin-bottom: 17px;
  }
  .pf-testimonial-4-item-single .author-name {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
  }
  .pf-testimonial-4-item-single .comment {
    opacity: 80%;
    margin-bottom: 25px;
  }
  .pf-testimonial-4-item-single .author-bio {
    font-size: 14px;
    opacity: 72%;
  }
  .pf-testimonial-4-bg-shape {
    width: 22%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
    fill: #F5ECE4;
    z-index: -1;
    height: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  
  /*
      testimonial-4-end
  */
  /*
      testimonial-5-start
  */
  .pf-testimonial-5-area::after {
    content: "";
    width: 100%;
    height: 450px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F3E7FF 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -2;
  }
  .pf-testimonial-5-bg-shape {
    width: 100%;
    height: 173px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .pf-testimonial-5-bg-shape img {
    width: 100%;
    height: 100%;
  }
  @media (max-width: 767px) {
    .pf-testimonial-5-bg-shape img {
      object-fit: cover;
    }
  }
  .pf-testimonial-5-sce-title {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-testimonial-5-slider-item {
    text-align: center;
  }
  .pf-testimonial-5-slider-item .item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
  }
  .pf-testimonial-5-slider-item .item-img .shape-1 {
    transform-origin: right center;
    transform: rotate(28deg);
    transition: all 1s var(--pf-cube-2);
    transition-delay: 0s;
  }

  @media (max-width: 767px) {
    .pf-testimonial-5-slider-item .item-img .shape-1 {
      display: none;
    }
  }
  .pf-testimonial-5-slider-item .item-img .shape-2 {
    transform-origin: left;
    transform: rotate(40deg);
    transition: all 1s var(--pf-cube-2);
    transition-delay: 0s;
  }
  @media (max-width: 767px) {
    .pf-testimonial-5-slider-item .item-img .shape-2 {
      display: none;
    }
  }
  .pf-testimonial-5-slider-item .item-img .main-img {
    position: relative;
    z-index: 1;
    mask-image: url("../img/testimonial/t5-img-mask.png");
    -webkit-mask-image: url("../img/testimonial/t5-img-mask.png");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    max-width: 473px;
    height: 453px;
    filter: grayscale(1);
    flex: 0 0 auto;
  }
  .pf-testimonial-5-slider-item .item-comment {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -0.5px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    transition: all 1s var(--pf-cube-2);
    transition-delay: 0s;
    transform: translateY(10px);
    opacity: 0;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-testimonial-5-slider-item .item-comment {
      font-size: 28px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-testimonial-5-slider-item .item-comment {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .pf-testimonial-5-slider-item .item-comment {
      font-size: 22px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-testimonial-5-slider-item .item-comment {
      font-size: 24px;
    }
  }
  .pf-testimonial-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-testimonial-5-slider-item .item-img .shape-1, .pf-testimonial-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-testimonial-5-slider-item .item-img .shape-2 {
    transform: rotate(0);
    transition-delay: 0.3s;
  }
  .pf-testimonial-5-slider .swiper-container .swiper-slide:is(.swiper-slide-active) .pf-testimonial-5-slider-item .item-comment {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.5s;
  }
  .pf-testimonial-5-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    direction: ltr;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-testimonial-5-bottom {
      gap: 20px;
    }
  }
  .pf-testimonial-5-preview {
    width: 663px;
    box-shadow: 0px 40px 120px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 24px;
    background: var(--pf-clr-white-1);
  }
  .pf-testimonial-5-preview-single {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 1;
    padding-right: 24px;
    cursor: pointer;
    direction: rtl;
  }
  .pf-testimonial-5-preview-single::after {
    content: "";
    width: 1px;
    height: 40px;
    background-color: #D9D9D9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .pf-testimonial-5-preview-single .item-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    filter: grayscale(1);
    flex: 0 0 auto;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-testimonial-5-preview-single .author-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 3px;
  }
  .pf-testimonial-5-preview-single .author-bio {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    opacity: 72%;
  }
  .pf-testimonial-5-preview-single .item-content {
    display: none;
  }
  .pf-testimonial-5-preview .swiper-container .swiper-slide {
    width: auto !important;
  }
  .pf-testimonial-5-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-testimonial-5-preview-single {
    animation: fadeInRight 1s;
  }
  .pf-testimonial-5-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-testimonial-5-preview-single .item-img {
    filter: grayscale(0);
  }
  .pf-testimonial-5-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .pf-testimonial-5-preview-single .item-content {
    display: block;
  }
  .pf-testimonial-5-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .pf-testimonial-5-pagination span {
    margin: 0 !important;
    width: 8px;
    height: 8px;
    background: var(--pf-clr-sd-5);
    opacity: 24%;
  }
  .pf-testimonial-5-pagination span:is(.swiper-pagination-bullet-active) {
    opacity: 100%;
  }
  
  /*
      testimonial-5-end
  */
  /*
      testimonial-7-start
  */
  .pf-testimonial-5-sce-title:is(.has-testimonial-7) .pf-subtitle-5 {
    color: var(--pf-clr-pr-6);
  }
  .pf-testimonial-5-sce-title:is(.has-testimonial-7) .sec-disc {
    opacity: 70%;
  }
  
  .pf-hero-5-slider-btn:is(.has-testimonial-7) {
    stroke: var(--pf-clr-pr-6);
  }
  
  .pf-testimonial-5-pagination:is(.has-testimonial-7) span {
    background: var(--pf-clr-pr-6);
  }
  
  .pf-testimonial-5-area:is(.has-testimonial-7)::after {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFC6C6 100%);
  }
  
  /*
      testimonial-7-end
  */
  /*
      testimonial-8-start
  */
  .has-testimonial-8:is(.pf-slider-hori-btn) {
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
  .has-testimonial-8:is(.pf-slider-hori-btn) .pf-slider-hori-btn-single {
    color: var(--pf-clr-pr-1);
  }
  
  /*
      testimonial-8-end
  */
  /*
      testimonial-page-start
  */
  .pf-testimonial-page-area .pf-testimonial-4-item-single {
    box-shadow: 0px 40px 120px rgba(0, 0, 0, 0.04);
  }
  .pf-testimonial-page-area .pf-testimonial-4-item-single .pf-star {
    color: var(--pf-clr-pr-1);
  }
  
  /*
      testimonial-page-end
  */
  /*
      blog-1-start
  */
  .pf-blog-1-area {
    padding-bottom: 205px;
  }
  @media (max-width: 767px) {
    .pf-blog-1-area {
      padding-bottom: 100px;
    }
  }
  .pf-blog-1-sec-title {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-blog-1-item-pin {
    height: 200vh;
    margin-bottom: 50px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-1-item-pin {
      height: auto;
    }
  }
  .pf-blog-1-item {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-blog-1-item-sticky:nth-child(1) {
    transform: rotate(4deg);
  }
  @media (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(1) {
      transform: rotate(0deg);
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(1) {
      transform: rotate(4deg);
    }
  }
  .pf-blog-1-item-sticky:nth-child(2) {
    transform: rotate(-2deg);
    margin-top: -270px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(2) {
      margin-top: 50px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(2) {
      transform: rotate(0deg);
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(2) {
      transform: rotate(-2deg);
    }
  }
  .pf-blog-1-item-sticky:nth-child(3) {
    transform: rotate(4deg);
    margin-top: -280px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(3) {
      margin-top: 50px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(3) {
      transform: rotate(0deg);
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-1-item-sticky:nth-child(3) {
      transform: rotate(4deg);
    }
  }
  .pf-blog-1-item-single {
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    gap: 45px;
    align-items: center;
    border-radius: 12px;
    background: rgba(10, 14, 14, 0.88);
    backdrop-filter: blur(8px);
    padding: 32px;
    position: relative;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-1-item-single {
      gap: 30px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-1-item-single {
      gap: 30px;
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-1-item-single {
      gap: 30px;
      grid-template-columns: 1fr 1.7fr;
    }
  }
  .pf-blog-1-item-single::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 1.5px;
    background: linear-gradient(215deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.1) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-blog-1-item-single .item-img {
    height: 280px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
  }
  .pf-blog-1-item-single .item-img::after {
    content: "";
    width: 64px;
    height: 64px;
    background: var(--pf-clr-pr-1);
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    filter: blur(50px);
  }
  .pf-blog-1-item-single .item-img img {
    filter: grayscale(1);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-1-item-single .blog-tags, .pf-blog-1-item-single .blog-date {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 300;
    display: inline-block;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    padding: 0px 11px;
    border-radius: 8px;
    position: relative;
  }
  .pf-blog-1-item-single .blog-tags::before, .pf-blog-1-item-single .blog-date::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 1.5px;
    background: linear-gradient(215deg, rgba(42, 200, 211, 0.48) 0%, rgba(42, 200, 211, 0.1) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .pf-blog-1-item-single .blog-tags {
    margin-bottom: 8px;
  }
  .pf-blog-1-item-single .blog-date {
    margin-bottom: 64px;
  }
  .pf-blog-1-item-single .blog-title {
    font-size: 28px;
    line-height: 1.357;
    font-weight: 500;
    opacity: 80%;
    transition: all 0.4s var(--pf-cube-2);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-1-item-single .blog-title {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-1-item-single .blog-title {
      font-size: 22px;
    }
  }
  .pf-blog-1-item-single .blog-title:hover {
    color: var(--pf-clr-pr-1);
    transform: translateY(-3px);
  }
  .pf-blog-1-item-single:hover .item-img img {
    transform: scale(105%);
  }
  .pf-blog-1-glow-1 {
    position: absolute;
    top: -30%;
    left: -50%;
    z-index: -1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-1-glow-1 {
      top: -10%;
    }
  }
  .pf-blog-1-glow-2 {
    position: absolute;
    top: -30%;
    right: -50%;
    z-index: -1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-1-glow-2 {
      top: -10%;
    }
  }
  
  /*
      blog-1-end
  */
  /*
      blog-2-start
  */
  .pf-blog-2-area {
    background-color: #F7F8FB;
    padding-bottom: 495px;
  }
  .pf-blog-2-illus {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .pf-blog-2-sec-title {
    text-align: center;
    margin-bottom: 56px;
  }
  .pf-blog-2-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-2-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-2-item {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-2-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-blog-2-item-single .item-img {
    border-radius: 12px;
    height: 419px;
    margin-bottom: 32px;
    overflow: hidden;
  }
  @media (max-width: 767px) {
    .pf-blog-2-item-single .item-img {
      height: 300px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-2-item-single .item-img {
      height: 260px;
    }
  }
  .pf-blog-2-item-single .item-img img {
    filter: grayscale(1);
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-blog-2-item-single .item-img .item-date {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: var(--pf-font-h-1);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(8px);
    color: var(--pf-clr-pr-2);
    margin-bottom: 0;
    border-radius: 8px;
    padding: 10px 15px;
  }
  .pf-blog-2-item-single .item-img .item-date span:nth-child(1) {
    font-size: 45px;
    font-weight: 700;
    letter-spacing: -1.5px;
    margin-bottom: 6px;
  }
  .pf-blog-2-item-single .item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 17px;
  }
  .pf-blog-2-item-single .item-meta-item {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: var(--pf-clr-pr-2);
    background: #fff;
    border-radius: 4px;
    padding: 0px 10px;
  }
  .pf-blog-2-item-single .item-title {
    font-size: 28px;
    line-height: 1.35;
    color: var(--pf-clr-black-4);
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
    transition: all 0.4s var(--pf-cube-2);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-blog-2-item-single .item-title {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-blog-2-item-single .item-title {
      font-size: 24px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-2-item-single .item-title {
      font-size: 22px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-2-item-single .item-title {
      font-size: 20px;
    }
  }
  .pf-blog-2-item-single .item-title span {
    color: var(--pf-clr-pr-2);
  }
  .pf-blog-2-item-single .item-title:hover {
    color: var(--pf-clr-pr-2);
    transform: translateY(3px);
  }
  .pf-blog-2-item-single .item-btn {
    display: flex;
    align-items: center;
    font-family: var(--pf-font-h-1);
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--pf-clr-pr-2);
    gap: 10px;
    letter-spacing: 1px;
  }
  .pf-blog-2-item-single .item-btn i {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-2-item-single .item-btn:hover i {
    transform: translateX(-3px);
  }
  .pf-blog-2-item-single .item-btn:hover i::before {
    content: "\f068";
  }
  .pf-blog-2-item-single:hover .item-img img {
    transform: scale(103%);
  }
  
  /*
      blog-2-end
  */
  /*
      blog-3-start
  
  */
  .pf-blog-3-area {
    background: rgba(42, 42, 42, 0.04);
    backdrop-filter: blur(96px);
  }
  .pf-blog-3-sec-title {
    text-align: center;
    margin-bottom: 54px;
  }
  .pf-blog-3-bg-shape-1 {
    width: 21%;
    filter: blur(40px);
    opacity: 60%;
    position: absolute;
    top: -12%;
    right: -11%;
    z-index: -1;
  }
  .pf-blog-3-bg-shape-2 {
    width: 21%;
    filter: blur(60px);
    opacity: 58%;
    position: absolute;
    top: 10%;
    right: -13%;
    z-index: -1;
  }
  
  .pf-blog-2-item-single:is(.has-v3) .item-img .item-date {
    color: var(--pf-clr-black-5);
  }
  .pf-blog-2-item-single:is(.has-v3) .item-img .item-date span:nth-child(1) {
    font-weight: 600;
  }
  .pf-blog-2-item-single:is(.has-v3) .item-meta-item {
    color: var(--pf-clr-white-1);
    background: var(--pf-clr-pr-3);
  }
  .pf-blog-2-item-single:is(.has-v3) .item-title {
    color: var(--pf-clr-black-5);
  }
  .pf-blog-2-item-single:is(.has-v3) .item-title span {
    color: var(--pf-clr-pr-3);
  }
  .pf-blog-2-item-single:is(.has-v3) .item-title:hover {
    color: var(--pf-clr-pr-3);
  }
  .pf-blog-2-item-single:is(.has-v3) .item-btn {
    color: var(--pf-clr-pr-3);
  }
  .pf-blog-2-item-single:is(.has-v3) .item-btn:hover {
    color: var(--pf-clr-black-5);
  }
  
  /*
      blog-3-end
  */
  /*
      blog-4-start
  */
  .pf-blog-4-area {
    padding-top: 145px;
    padding-bottom: 170px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-4-area {
      padding-bottom: 100px;
    }
  }
  .pf-blog-4-sec-title {
    margin-bottom: 57px;
    /* max-width: 615px; */
  }
  .pf-blog-4-sec-title .pf-sec-title-4 {
    margin-bottom: 15px;
  }
  .pf-blog-4-sec-title .sec-disc {
    opacity: 80%;
  }
  .pf-blog-4-all-btn .pf-pr-4 {
    background: transparent;
    border-color: var(--pf-clr-black-6);
    color: var(--pf-clr-black-6);
  }
  .pf-blog-4-all-btn .pf-pr-4:hover {
    color: var(--pf-clr-white-1);
    border-color: transparent;
  }
  
  .pf-blog-2-item-single:is(.has-v4) .item-img .item-date {
    background: rgba(255, 249, 111, 0.72);
    color: var(--pf-clr-black-5);
    font-weight: 500;
  }
  .pf-blog-2-item-single:is(.has-v4) .item-img .item-date span:nth-child(1) {
    font-weight: 600;
  }
  .pf-blog-2-item-single:is(.has-v4) .item-meta-item {
    color: var(--pf-clr-white-1);
    background: var(--pf-clr-pr-4);
    border-radius: 100px;
  }
  .pf-blog-2-item-single:is(.has-v4) .item-img {
    border-radius: 16px;
    height: 258px;
    border-bottom: 8px solid rgba(13, 23, 63, 0.12);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-2-item-single:is(.has-v4) .item-title {
    color: var(--pf-clr-black-6);
  }
  .pf-blog-2-item-single:is(.has-v4) .item-title span {
    color: inherit;
  }
  .pf-blog-2-item-single:is(.has-v4) .item-title:hover {
    color: var(--pf-clr-pr-4);
  }
  .pf-blog-2-item-single:is(.has-v4) .item-disc {
    opacity: 80%;
  }
  .pf-blog-2-item-single:is(.has-v4):hover .item-img {
    transform: translateY(3px);
  }
  .pf-blog-2-item-single:is(.has-v4):hover .item-img img {
    transform: unset;
  }
  
  /*
      blog-4-end
  */
  /*
      blog-5-start
  */
  .pf-blog-5-sce-title {
    /* max-width: 615px; */
  }
  .pf-blog-5-sce-title .pf-subtitle-5 {
    position: relative;
  }
  .pf-blog-5-sce-title .pf-subtitle-5::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--pf-clr-sd-5);
    position: absolute;
    bottom: 4px;
    left: 0;
  }
  .pf-blog-5-sce-title .pf-sec-title-5 {
    margin-bottom: 15px;
  }
  .pf-blog-5-sce-title .sec-disc {
    opacity: 70%;
  }
  
  .pf-blog-2-item-single:is(.has-v5) .item-img .item-date {
    background: var(--pf-clr-sd-4);
    color: var(--pf-clr-black-5);
    font-weight: 500;
  }
  .pf-blog-2-item-single:is(.has-v5) .item-img .item-date span:nth-child(1) {
    font-weight: 600;
  }
  .pf-blog-2-item-single:is(.has-v5) .item-meta-item {
    color: var(--pf-clr-white-1);
    background: var(--pf-clr-sd-5);
    border-radius: 100px;
  }
  .pf-blog-2-item-single:is(.has-v5) .item-img {
    border-radius: 16px;
    height: 258px;
    border-bottom: 8px solid rgba(13, 23, 63, 0.12);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-2-item-single:is(.has-v5) .item-title {
    color: var(--pf-clr-black-7);
  }
  .pf-blog-2-item-single:is(.has-v5) .item-title span {
    color: inherit;
  }
  .pf-blog-2-item-single:is(.has-v5) .item-title:hover {
    color: var(--pf-clr-sd-5);
  }
  .pf-blog-2-item-single:is(.has-v5) .item-disc {
    opacity: 80%;
  }
  .pf-blog-2-item-single:is(.has-v5):hover .item-img {
    transform: translateY(3px);
  }
  .pf-blog-2-item-single:is(.has-v5):hover .item-img img {
    transform: unset;
  }
  
  /*
      blog-5-end
  */
  /*
      blog-6-start
  */
  .pf-blog-6-area {
    padding-top: 230px;
  }
  .pf-blog-6-sec-title {
    font-weight: 500;
    margin-bottom: 56px;
  }
  .pf-blog-6-card {
    width: 100%;
  }
  .pf-blog-6-card .card-img {
    height: 419px;
    margin-bottom: 32px;
    filter: grayscale(1);
  }
  @media (max-width: 767px) {
    .pf-blog-6-card .card-img {
      height: 300px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-6-card .card-img {
      height: 419px;
    }
  }
  .pf-blog-6-card .card-img img {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-6-card .card-category {
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pf-clr-black-1);
    fill: transparent;
    stroke: var(--pf-clr-pr-6);
    margin-bottom: 24px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-6-card .card-category:hover {
    color: var(--pf-clr-pr-6);
  }
  .pf-blog-6-card .card-title {
    font-size: 28px;
    line-height: 1.357;
    color: var(--pf-clr-black-1);
    font-weight: 500;
    letter-spacing: -1px;
    transition: all 0.4s var(--pf-cube-2);
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-blog-6-card .card-title {
      font-size: 24px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-6-card .card-title {
      font-size: 22px;
    }
  }
  .pf-blog-6-card .card-title:hover {
    color: var(--pf-clr-pr-6);
    transform: translateY(-3px);
  }
  .pf-blog-6-card:hover .card-img img {
    transform: scale(105%);
  }
  .pf-blog-6-slider {
    margin-left: -450px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-blog-6-slider {
      margin-left: -200px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-6-slider {
      margin-left: 0px;
    }
  }
  .pf-blog-6-slider:hover .pf-blog-6-cursor {
    opacity: 1;
    display: flex;
  }
  
  .pf-blog-6-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: var(--pf-clr-pr-6);
    pointer-events: none;
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    text-transform: lowercase;
    color: #fff;
    opacity: 0;
  }
  
  /*
      blog-6-end
  */
  /*
      blog-7-start
  */
  .pf-blog-7-sce-title {
    max-width: 615px;
  }
  .pf-blog-7-sce-title .pf-subtitle-3 {
    color: var(--pf-clr-pr-6);
  }
  .pf-blog-7-sce-title .pf-subtitle-3-line {
    background: var(--pf-clr-pr-6);
  }
  .pf-blog-7-sce-title .pf-sec-title-5 {
    margin-bottom: 10px;
  }
  .pf-blog-7-sce-title .sec-disc {
    opacity: 80%;
  }
  .pf-blog-7-all-btn .pf-pr-5 {
    border-width: 2px;
    border-color: var(--pf-clr-pr-6);
    color: var(--pf-clr-pr-6);
  }
  .pf-blog-7-all-btn .pf-pr-5 .icon {
    background: var(--pf-clr-pr-6);
  }
  .pf-blog-7-all-btn .pf-pr-5 .icon svg:nth-child(2) {
    stroke: var(--pf-clr-white-1);
  }
  .pf-blog-7-all-btn .pf-pr-5:hover {
    background: var(--pf-clr-pr-6);
    color: var(--pf-clr-white-1);
  }
  .pf-blog-7-all-btn .pf-pr-5:hover .icon {
    background: var(--pf-clr-black-1);
  }
  
  .pf-blog-2-item-single:is(.has-v7) .item-img .item-date {
    background: var(--pf-clr-sd-4);
    color: var(--pf-clr-black-5);
    font-weight: 500;
  }
  .pf-blog-2-item-single:is(.has-v7) .item-img .item-date span:nth-child(1) {
    font-weight: 600;
  }
  .pf-blog-2-item-single:is(.has-v7) .item-meta-item {
    color: var(--pf-clr-white-1);
    background: var(--pf-clr-pr-6);
    border-radius: 100px;
  }
  .pf-blog-2-item-single:is(.has-v7) .item-img {
    border-radius: 16px;
    height: 258px;
    border-bottom: 8px solid rgba(13, 23, 63, 0.12);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-2-item-single:is(.has-v7) .item-title {
    color: var(--pf-clr-black-1);
  }
  .pf-blog-2-item-single:is(.has-v7) .item-title span {
    color: inherit;
  }
  .pf-blog-2-item-single:is(.has-v7) .item-title:hover {
    color: var(--pf-clr-pr-6);
  }
  .pf-blog-2-item-single:is(.has-v7) .item-disc {
    opacity: 80%;
  }
  .pf-blog-2-item-single:is(.has-v7):hover .item-img {
    transform: translateY(3px);
  }
  .pf-blog-2-item-single:is(.has-v7):hover .item-img img {
    transform: unset;
  }
  
  /*
      blog-7-end
  */
  /*
      blog-page-item-start
  */
  .pf-blog-page-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 42px 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-page-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-page-item {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-page-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  .pf-blog-2-item-single:is(.has-v8) .item-img .item-date {
    background: var(--pf-clr-white-1);
    color: var(--pf-clr-pr-1);
    font-weight: 500;
  }
  .pf-blog-2-item-single:is(.has-v8) .item-img .item-date span:nth-child(1) {
    font-weight: 600;
  }
  .pf-blog-2-item-single:is(.has-v8) .item-meta-item {
    color: var(--pf-clr-white-1);
    background: var(--pf-clr-pr-1);
    border-radius: 100px;
  }
  .pf-blog-2-item-single:is(.has-v8) .item-img {
    border-radius: 16px;
    height: 258px;
    border-bottom: 8px solid rgba(13, 23, 63, 0.12);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-blog-2-item-single:is(.has-v8) .item-img img {
    filter: grayscale(0);
  }
  .pf-blog-2-item-single:is(.has-v8) .item-title {
    color: var(--pf-clr-black-1);
    font-size: 26px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-blog-2-item-single:is(.has-v8) .item-title {
      font-size: 24px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-blog-2-item-single:is(.has-v8) .item-title {
      font-size: 21px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-2-item-single:is(.has-v8) .item-title {
      font-size: 22px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-2-item-single:is(.has-v8) .item-title {
      font-size: 20px;
    }
  }
  .pf-blog-2-item-single:is(.has-v8) .item-title span {
    color: inherit;
  }
  .pf-blog-2-item-single:is(.has-v8) .item-title:hover {
    color: var(--pf-clr-pr-1);
  }
  .pf-blog-2-item-single:is(.has-v8) .item-disc {
    opacity: 80%;
  }
  .pf-blog-2-item-single:is(.has-v8):hover .item-img {
    transform: translateY(3px);
  }
  .pf-blog-2-item-single:is(.has-v8):hover .item-img img {
    transform: unset;
  }
  
  /*
      blog-page-item-end
  */
  /*
      contact-1-start
  */
  .pf-contact-1-area {
    background-attachment: fixed;
    z-index: 3;
  }
  .pf-contact-1-area::after {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(10, 14, 14, 0) 0%, rgb(10, 14, 14) 100%);
    z-index: -2;
  }
  .pf-contact-1-area::before {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(10, 14, 14, 0) 0%, rgb(10, 14, 14) 100%);
    z-index: -2;
  }
  .pf-contact-1-bg-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .pf-contact-1-row {
    display: flex;
    gap: 50px;
    justify-content: space-between;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-contact-1-row {
      flex-wrap: wrap;
    }
  }
  .pf-contact-1-sec-title .pf-sec-title-1 {
    max-width: 350px;
    margin-bottom: 24px;
  }
  .pf-contact-1-sec-title .sec-disc {
    opacity: 64%;
    max-width: 485px;
  }
  .pf-contact-1-content {
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: space-between;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-contact-1-content {
      max-width: 350px;
    }
  }
  .pf-contact-1-brand-title {
    font-size: 16px;
    opacity: 64%;
    margin-bottom: 20px;
  }
  .pf-contact-1-brand-slider .pf-client-1-logo img {
    opacity: 1;
  }
  .pf-contact-1-form {
    max-width: 530px;
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 64px 48px;
    padding-top: 52px;
    position: relative;
  }
  @media (max-width: 767px) {
    .pf-contact-1-form {
      padding: 64px 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-contact-1-form {
      padding: 64px 48px;
    }
  }
  .pf-contact-1-form::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 1.5px;
    background: linear-gradient(215deg, rgba(42, 200, 211, 0.56) 0%, rgba(42, 200, 211, 0.04) 30%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    transition: all 0.3s var(--pf-cube-2);
  }
  
  /*
      contact-1-end
  */
  /*
      contact-2-start
  */
  .pf-contact-2-area {
    margin-top: -375px;
    position: relative;
    z-index: 1;
  }
  .pf-contact-2-wrap {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 80px;
    align-items: end;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-contact-2-wrap {
      gap: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-contact-2-wrap {
      gap: 40px;
      grid-template-columns: 1fr;
    }
  }
  .pf-contact-2-img {
    height: 1070px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-contact-2-img {
      height: 800px;
    }
  }
  @media (max-width: 767px) {
    .pf-contact-2-img {
      height: 400px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-contact-2-img {
      height: 600px;
    }
  }
  .pf-contact-2-content .sec-title {
    font-size: 32px;
    line-height: 1.18;
    max-width: 590px;
    margin-bottom: 45px;
  }
  @media (max-width: 767px) {
    .pf-contact-2-content .sec-title {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-contact-2-content .sec-title {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  .pf-contact-2-content .pf-form-1 {
    max-width: 435px;
  }
  .pf-contact-2-content .pf-form-1-title {
    color: var(--pf-clr-black-4);
    font-weight: 600;
  }
  .pf-contact-2-content .pf-form-1-radio span {
    color: var(--pf-clr-black-3);
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    border: 1px solid #DFE1E5;
  }
  .pf-contact-2-content .pf-form-1-radio span::before {
    display: none;
  }
  .pf-contact-2-content .pf-form-1-radio span:hover {
    background: var(--pf-clr-pr-2);
    color: var(--pf-clr-white-1);
    border-color: transparent;
  }
  .pf-contact-2-content .pf-form-1-radio input:checked ~ span {
    background: var(--pf-clr-pr-2);
    color: var(--pf-clr-white-1);
  }
  .pf-contact-2-content .pf-form-1-label {
    color: var(--pf-clr-black-3);
    opacity: 64%;
  }
  .pf-contact-2-content .pf-form-1-input {
    font-weight: 400;
    color: rgba(33, 37, 39, 0.8);
    border-color: #DFE1E5;
  }
  .pf-contact-2-content .pf-form-1-input:hover {
    color: rgb(33, 37, 39);
  }
  .pf-contact-2-content .pf-form-1-box:focus-within .pf-form-1-label {
    color: var(--pf-clr-pr-2);
    opacity: 1;
  }
  
  /*
      contact-2-end
  */
  /*
      contact-3-start
  */
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-contact-3-area {
      padding-bottom: 120px;
    }
  }
  .pf-contact-3-wrap {
    display: grid;
    grid-template-columns: auto auto;
    gap: 50px;
    justify-content: space-between;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-contact-3-wrap {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-contact-3-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-contact-3-sec-title {
    margin-bottom: 192px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-contact-3-sec-title {
      margin-bottom: 60px;
    }
  }
  .pf-contact-3-content {
    max-width: 644px;
    width: 100%;
  }
  .pf-contact-3-form {
    max-width: 530px;
    width: 100%;
  }
  .pf-contact-3-form .pf-form-1-box .radio-wrap {
    gap: 8px;
  }
  .pf-contact-3-form .pf-form-1-title {
    color: var(--pf-clr-black-5);
    font-weight: 600;
  }
  .pf-contact-3-form .pf-form-1-radio span {
    color: var(--pf-clr-black-5);
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    border: 1px solid #D1DEF8;
    border-radius: 18px;
    padding: 0px 8px;
  }
  .pf-contact-3-form .pf-form-1-radio span::before {
    display: none;
  }
  .pf-contact-3-form .pf-form-1-radio span:hover {
    background: var(--pf-clr-pr-3);
    color: var(--pf-clr-white-1);
    border-color: transparent;
  }
  .pf-contact-3-form .pf-form-1-label {
    opacity: 64%;
    color: var(--pf-clr-black-5);
  }
  .pf-contact-3-form .pf-form-1-input {
    font-weight: 400;
    color: rgba(42, 42, 42, 0.8);
    border-color: #D1DEF8;
  }
  .pf-contact-3-form .pf-form-1-input:hover {
    color: #000;
    border-color: var(--pf-clr-pr-3);
  }
  .pf-contact-3-form .pf-form-1-box:focus-within .pf-form-1-label {
    color: var(--pf-clr-pr-3);
    opacity: 1;
  }
  .pf-contact-3-form .pf-form-1-box:focus-within .pf-form-1-input {
    border-color: var(--pf-clr-pr-3);
  }
  .pf-contact-3-form .pf-pr-3:hover {
    color: var(--pf-clr-pr-3);
  }
  .pf-contact-3-form .pf-pr-3:hover .icon {
    stroke: var(--pf-clr-pr-3);
  }
  .pf-contact-3-img-wrap .bg-shape {
    position: absolute;
    right: -100px;
    top: -40px;
    width: 100%;
    z-index: -1;
    animation: pf-hero-3-key 10s linear infinite;
  }
  .pf-contact-3-img {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: 95px;
  }
  .pf-contact-3-img .img-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .pf-contact-3-img-sig {
    display: inline-flex;
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
    position: absolute;
    bottom: 90px;
    right: 0;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .pf-contact-3-img-sig {
      bottom: 0px;
      left: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-contact-3-img-sig {
      bottom: 90px;
      left: 0px;
    }
  }
  .pf-contact-3-img-sig .text {
    font-size: 14px;
    color: var(--pf-clr-pr-3);
    line-height: 1;
    position: relative;
    z-index: 1;
    padding-left: 12px;
    font-weight: 400;
    display: inline-block;
  }
  .pf-contact-3-img-sig .text::after {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--pf-clr-pr-3);
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 50%;
  }
  
  /*
      contact-3-end
  */
  /*
      contact-5-start
  */
  .pf-ani-5-shape {
    width: 100%;
    height: 220px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-ani-5-shape {
      object-fit: cover;
    }
  }
  
  .pf-contact-5-area {
    background: var(--pf-clr-black-7);
    padding-top: 220px;
    padding-bottom: 110px;
    margin-top: -40px;
    position: relative;
    z-index: 1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-contact-5-area {
      padding-top: 150px;
    }
  }
  @media (max-width: 767px) {
    .pf-contact-5-area {
      padding-top: 100px;
      padding-bottom: 50px;
    }
  }
  .pf-contact-5-content {
    max-width: 695px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-contact-5-content .pf-subtitle-5 {
    color: var(--pf-clr-sd-4);
    position: relative;
    z-index: 1;
  }
  .pf-contact-5-content .pf-subtitle-5::after {
    content: "";
    width: 100%;
    height: 1.5px;
    background: var(--pf-clr-sd-4);
    position: absolute;
    left: 0;
    bottom: 2px;
  }
  .pf-contact-5-content .pf-sec-title-5 {
    color: var(--pf-clr-white-1);
    margin-bottom: 28px;
  }
  
  /*
      contact-5-end
  */
  /*
      contact-7-start
  */
  .pf-contact-5-content:is(.has-contact-7) .pf-subtitle-3 {
    color: var(--pf-clr-pr-6);
  }
  .pf-contact-5-content:is(.has-contact-7) .pf-subtitle-3-line {
    background: var(--pf-clr-pr-6);
  }
  .pf-contact-5-content:is(.has-contact-7) .pf-pr-5 .icon svg:nth-child(2) {
    stroke: var(--pf-clr-white-1);
  }
  .pf-contact-5-content:is(.has-contact-7) .pf-pr-5:hover {
    background: var(--pf-clr-white-1);
    color: var(--pf-clr-pr-6);
  }
  .pf-contact-5-content:is(.has-contact-7) .pf-pr-5:hover .icon {
    background: var(--pf-clr-pr-6);
  }
  
  /*
      contact-7-end
  */
  /*
      contact-8-start
  */
  .pf-contact-5-content:is(.has-contact-8) .pf-subtitle-5 {
    color: var(--pf-clr-pr-1);
  }
  .pf-contact-5-content:is(.has-contact-8) .pf-subtitle-5::after {
    background: var(--pf-clr-pr-1);
  }
  
  /*
      contact-8-end
  */
  /*
      contact-us-page-start
  */
  .pf-contact-3-form:is(.has-contact-page) .pf-form-1-radio span:hover {
    background: var(--pf-clr-pr-1);
  }
  .pf-contact-3-form:is(.has-contact-page) .pf-form-1-input:hover {
    border-color: var(--pf-clr-pr-1);
  }
  .pf-contact-3-form:is(.has-contact-page) .pf-form-1-box:focus-within .pf-form-1-label {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-contact-3-form:is(.has-contact-page) .pf-form-1-box:focus-within .pf-form-1-input {
    border-color: var(--pf-clr-pr-1);
  }
  
  /*
      contact-us-page-end
  */
  /*
      touch-1-start
  */
  .pf-touch-1-area {
    padding-top: 230px;
    padding-bottom: 230px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-touch-1-area {
      padding-top: 200px;
      padding-bottom: 200px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-touch-1-area {
      padding-top: 150px;
      padding-bottom: 150px;
    }
  }
  @media (max-width: 767px) {
    .pf-touch-1-area {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }
  .pf-touch-1-content {
    max-width: 610px;
  }
  .pf-touch-1-address {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 50px;
  }
  .pf-touch-1-address-box {
    max-width: 168px;
    width: 100%;
  }
  .pf-touch-1-address-box .box-title {
    font-size: 14px;
    font-weight: 500;
    opacity: 48%;
    margin-bottom: 7px;
  }
  .pf-touch-1-address-box .box-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
    letter-spacing: -1px;
  }
  .pf-touch-1-address-box .box-disc a {
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-touch-1-address-box .box-disc a:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(3px);
  }
  .pf-touch-1-shape {
    width: 45%;
    position: absolute;
    left: -20%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -2;
    opacity: 50%;
  }
  .pf-touch-1-glow {
    position: absolute;
    left: -25%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
  }
  .pf-touch-1-glow-2 {
    position: absolute;
    top: 36%;
    right: -53%;
    z-index: -1;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-touch-1-glow-2 {
      top: 0%;
    }
  }
  
  /*
      touch-1-end
  */
  /*
      touch-4-start
  */
  .pf-touch-4-wrap {
    padding: 112px 95px;
    background: var(--pf-clr-white-2);
    border-radius: 16px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-touch-4-wrap {
      padding: 112px 45px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-touch-4-wrap {
      padding: 112px 45px;
      padding-bottom: 0;
    }
  }
  @media (max-width: 767px) {
    .pf-touch-4-wrap {
      padding: 112px 25px;
      padding-bottom: 0;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-touch-4-wrap {
      padding: 112px 45px;
      padding-bottom: 0;
    }
  }
  .pf-touch-4-content {
    max-width: 645px;
    
  }
  .pf-touch-4-content .pf-free-phone-2 {
    text-align: right;
    margin-left: 15px;
    flex-wrap: wrap;
  }
  .pf-touch-4-content .pf-free-phone-2 .icon {
    background: var(--pf-clr-pr-4);
  }
  .pf-touch-4-content .pf-free-phone-2 .icon::after {
    border-color: var(--pf-clr-pr-4);
  }
  .pf-touch-4-content .pf-free-phone-2 .icon::before {
    border-color: var(--pf-clr-pr-4);
  }
  .pf-touch-4-content .pf-free-phone-2 b {
    color: var(--pf-clr-pr-4);
    font-size: 22px;
    margin-top: 3px;
  }
  .pf-touch-4-sec-title .pf-sec-title-4 {
    margin-bottom: 32px;
  }
  .pf-touch-4-sec-title .sec-disc {
    opacity: 80%;
    margin-bottom: 38px;
  }
  .pf-touch-4-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    text-align: right;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-touch-4-shape {
      position: unset;
      margin-top: 20px;
      width: 100%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-touch-4-shape svg {
      width: 80%;
      height: auto;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-touch-4-shape svg {
      width: 80%;
      height: auto;
    }
  }
  .pf-touch-4-shape svg path:nth-child(1) {
    fill: url(#paint0_linear_159_524);
  }
  .pf-touch-4-shape svg path:nth-child(2) {
    fill: url("#paint1_linear_159_524");
  }
  .pf-touch-4-shape svg path:nth-child(3) {
    fill: url(#paint2_linear_159_524);
  }
  
  /*
      touch-4-end
  */
  /*
      video-1-start
  */
  .pf-video-2-sec-subtitle {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-weight: 500;
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    gap: 24px;
    max-width: 526px;
  }
  .pf-video-2-sec-subtitle .text {
    flex: 0 0 auto;
  }
  .pf-video-2-sec-subtitle .line {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 12%;
    margin-top: 9px;
  }
  .pf-video-2-sec-title {
    font-weight: 400;
    letter-spacing: -0.8px;
    margin-top: -26px;
    margin-bottom: 110px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-video-2-sec-title {
      margin-top: 30px;
    }
  }
  .pf-video-2-sec-title .text-right {
    display: block;
    text-align: left;
  }
  
  .pf-video-2 {
    position: relative;
    z-index: 1;
  }
  .pf-video-2-img {
    height: 600px;
    border-radius: 12px;
    filter: grayscale(1);
  }
  @media (max-width: 767px) {
    .pf-video-2-img {
      height: 400px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-video-2-img {
      height: 600px;
    }
  }
  .pf-video-2-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  /*
      video-1-end
  */
  /*
      video-3-start
  */
  .pf-video-3-slider-item {
    height: 540px;
  }
  @media (max-width: 767px) {
    .pf-video-3-slider-item {
      height: 400px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-video-3-slider-item {
      height: 500px;
    }
  }
  .pf-video-3-slider-item video {
    filter: grayscale(1);
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .pf-video-3-slider-item img {
    filter: grayscale(0);
  }
  .pf-video-3-slider .pf-video-3-prev {
    position: absolute;
    top: 50%;
    left: 12px;
    z-index: 1;
    transform: translateY(-50%);
  }
  .pf-video-3-slider .pf-video-3-next {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  .pf-video-3-slider .pf-slider-btn {
    border: none;
    background: var(--pf-clr-white-1);
    color: var(--pf-clr-pr-3);
    transition: all 0.4s var(--pf-cube-2);
    cursor: pointer;
  }
  .pf-video-3-slider .pf-slider-btn::after {
    display: none;
  }
  .pf-video-3-slider .pf-slider-btn::before {
    display: none;
  }
  .pf-video-3-slider .pf-slider-btn:hover {
    background: var(--pf-clr-pr-3);
    color: var(--pf-clr-white-1);
  }
  .pf-video-3-slider .swiper-container {
    height: 100%;
  }
  
  /*
      video-3-end
  */
  /*
      video-6-start
  */
  .pf-video-6-area {
    padding-top: 208px;
    padding-bottom: 36px;
  }
  .pf-video-6-card {
    max-width: 496px;
    width: 100%;
    overflow: hidden;
    height: 556px;
    background: rgba(255, 255, 255, 0.88);
    padding: 8px;
    padding-top: 68px;
    margin-left: auto;
    margin-right: auto;
    transform: translateX(130px);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-video-6-card {
      transform: translateX(0px) !important;
    }
  }
  .pf-video-6-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
  }
  .pf-video-6-card-play-btn {
    display: inline-flex;
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid var(--pf-clr-white-1);
    border-radius: 50%;
    font-size: 20px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-video-6-card-play-btn:hover {
    border-color: transparent;
    background: var(--pf-clr-pr-6);
  }
  
  /*
      video-6-end
  */
  /*
      video-7-start
  */
  .pf-video-6-card:is(.has-video-7) video {
    filter: grayscale(0);
  }
  
  /*
      video-7-end
  */
  /*
      team-1-start
  */
  .pf-team-1-sec-title {
    max-width: 700px;
  }
  .pf-team-1-slider-item {
    text-align: center;
  }
  .pf-team-1-slider-item .item-img {
    position: relative;
    height: 385px;
    display: flex;
    align-items: end;
    justify-content: center;
    z-index: 1;
    margin-bottom: 18px;
  }
  .pf-team-1-slider-item .item-img img {
    filter: grayscale(1);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-team-1-slider-item .item-img .item-social {
    position: absolute;
    box-shadow: -12px 12px 36px rgba(0, 0, 0, 0.12);
    bottom: 100px;
    opacity: 0;
    transition: all 0.5s var(--pf-cube-2);
  }
  .pf-team-1-slider-item .person-name {
    font-size: 28px;
    text-transform: capitalize;
    margin-bottom: 0px;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-team-1-slider-item .person-name:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(-3px);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-team-1-slider-item .person-name {
      font-size: 24px;
    }
  }
  .pf-team-1-slider-item .person-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
  }
  .pf-team-1-slider-item:hover .item-img .item-social {
    bottom: 0;
    opacity: 1;
  }
  .pf-team-1-slider-item:hover .item-img img {
    filter: grayscale(0);
  }
  .pf-team-1-slider .swiper-container .swiper-notification {
    display: none;
  }
  .pf-team-1-slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pf-team-1-slider-pagination span {
    width: 8px;
    height: 8px;
    background: var(--pf-clr-pr-1);
  }
  .pf-team-1-content .border-line {
    width: 100%;
    height: 1px;
    background: #000;
  }
  .pf-team-1-content .disc {
    opacity: 72%;
    margin-bottom: 10px;
  }
  .pf-team-1-content .t1-btn {
    text-transform: capitalize;
    color: var(--pf-clr-pr-1);
    transition: all 0.3s var(--pf-cube-2);
    position: relative;
    z-index: 1;
    font-weight: 500;
  }
  .pf-team-1-content .t1-btn::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--pf-clr-pr-1);
    position: absolute;
    bottom: 5px;
    left: 0;
  }
  .pf-team-1-content .t1-btn:hover {
    color: var(--pf-clr-black-1);
    transform: translateY(3px);
  }
  .pf-team-1-content .t1-btn:hover::after {
    background: var(--pf-clr-black-1);
  }
  
  .pf-team-1-social {
    display: inline-flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
  }
  .pf-team-1-social li {
    border-right: 1px solid #EEEEEE;
  }
  .pf-team-1-social li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #fff;
    flex: 0 0 auto;
    transition: all 0.3s var(--pf-cube-2);
    color: var(--pf-clr-black-1);
  }
  .pf-team-1-social li a:hover {
    color: var(--pf-clr-pr-1);
  }
  
  /*
      team-1-end
  */
  /*
      gallery-2-start
  */
  .pf-gallery-2-img {
    height: 550px;
    filter: grayscale(1);
  }
  @media (max-width: 767px) {
    .pf-gallery-2-img {
      height: 300px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-gallery-2-img {
      height: 400px;
    }
  }
  .pf-gallery-2-img .img-posi {
    position: absolute;
    top: 0;
    left: 0;
  }
  .pf-gallery-2-img .img-2 {
    z-index: 2;
  }
  .pf-gallery-2-img .img-3 {
    z-index: 3;
  }
  .pf-gallery-2-img .img-4 {
    z-index: 4;
  }
  .pf-gallery-2-img .img-5 {
    z-index: 5;
  }
  
  /*
      gallery-2-end
  */
  /*
      cta-2-start
  */
  .pf-cta-2-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  @media (max-width: 767px) {
    .pf-cta-2-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-cta-2-col {
    padding: 45px 45px;
    background: var(--pf-clr-pr-2);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-2-col {
      padding: 45px 20px;
    }
  }
  .pf-cta-2-col .btn-wrap .pf-pr-2 {
    background: var(--pf-clr-black-3);
  }
  .pf-cta-2-col:last-child {
    background: var(--pf-clr-black-3);
  }
  .pf-cta-2-col:last-child .btn-wrap .pf-pr-2 {
    background: var(--pf-clr-pr-2);
  }
  .pf-cta-2-content {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
    width: 100%;
    max-width: 814px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-2-content {
      flex-wrap: wrap;
      justify-content: start;
    }
  }
  .pf-cta-2-content .content {
    max-width: 400px;
  }
  .pf-cta-2-content .btn-wrap {
    flex: 0 0 auto;
  }
  .pf-cta-2-content .subtitle {
    color: var(--pf-clr-white-1);
    margin-bottom: 15px;
  }
  .pf-cta-2-content .subtitle::after {
    background: var(--pf-clr-white-1);
  }
  .pf-cta-2-content .subtitle::before {
    background: var(--pf-clr-white-1);
  }
  .pf-cta-2-content .title {
    font-size: 32px;
    line-height: 1.18;
    font-weight: 800;
    font-family: var(--pf-font-h-1);
    color: var(--pf-clr-white-1);
    margin-bottom: 0;
    text-transform: uppercase;
  }
  @media (max-width: 767px) {
    .pf-cta-2-content .title {
      font-size: 26px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-cta-2-content .title {
      font-size: 30px;
      letter-spacing: 0px;
    }
  }
  
  /*
      cta-2-end
  */
  /*
      cta-3-start
  */
  .pf-cta-3-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  @media (max-width: 767px) {
    .pf-cta-3-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-cta-3-col {
    background: var(--pf-clr-pr-3);
    padding: 45px 45px;
    border-radius: 20px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-3-col {
      padding: 45px 20px;
    }
  }
  .pf-cta-3-col:last-child {
    background: #DFE1E5;
  }
  .pf-cta-3-col:last-child .pf-cta-2-content .subtitle {
    color: var(--pf-clr-black-5);
  }
  .pf-cta-3-col:last-child .pf-cta-2-content .subtitle::after {
    background: var(--pf-clr-black-5);
  }
  .pf-cta-3-col:last-child .pf-cta-2-content .subtitle::before {
    background: var(--pf-clr-black-5);
  }
  .pf-cta-3-col:last-child .pf-cta-2-content .title {
    color: var(--pf-clr-black-5);
  }
  
  .pf-cta-2-content:is(.has-cta-3) .subtitle {
    opacity: 80%;
  }
  .pf-cta-2-content:is(.has-cta-3) .title {
    text-transform: capitalize;
    font-weight: 600;
  }
  .pf-cta-2-content:is(.has-cta-3) .has-cta-3 {
    background: #DFE1E5;
    border-color: transparent;
  }
  .pf-cta-2-content:is(.has-cta-3) .has-cta-3:hover {
    border-color: #DFE1E5;
  }
  
  /*
      cta-3-end
  */
  /*
      cta-4-start
  */
  .pf-cta-4-area {
    padding-top: 535px;
    padding-bottom: 205px;
    background: var(--pf-clr-white-2);
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-cta-4-area {
      padding-top: 435px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-cta-4-area {
      padding-top: 200px;
    }
  }
  @media (max-width: 767px) {
    .pf-cta-4-area {
      padding-top: 200px;
      padding-bottom: 130px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-cta-4-area {
      padding-top: 200px;
      padding-bottom: 205px;
    }
  }
  .pf-cta-4-bg-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 916px !important;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-4-bg-shape {
      height: 100% !important;
    }
  }
  .pf-cta-4-shape-posi {
    position: absolute;
    left: 0;
    top: 135px;
    z-index: -1;
    text-align: right;
    width: 35%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-4-shape-posi {
      top: 0;
    }
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-4-shape {
      width: 100%;
    }
  }
  .pf-cta-4-shape path:nth-child(1) {
    fill: url(#paint0_linear_160_727);
  }
  .pf-cta-4-shape path:nth-child(2) {
    fill: url(#paint1_linear_160_727);
  }
  .pf-cta-4-shape path:nth-child(3) {
    fill: url(#paint2_linear_160_727);
  }
  .pf-cta-4-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .pf-cta-4-img {
      bottom: 15px;
    }
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-cta-4-img {
      bottom: 24px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-4-img {
      display: none;
    }
  }
  .pf-cta-4-sec-title {
    max-width: 705px;
    margin-right: auto;
  }
  .pf-cta-4-sec-title .pf-subtitle-3 {
    color: var(--pf-clr-white-1);
  }
  .pf-cta-4-sec-title .pf-subtitle-3-line {
    background: var(--pf-clr-white-1);
  }
  .pf-cta-4-sec-title .pf-sec-title-4 {
    color: var(--pf-clr-white-1);
    margin-bottom: 30px;
  }
  .pf-cta-4-sec-title .pf-pr-4:hover {
    border-color: var(--pf-clr-white-1);
  }
  
  /*
      cta-4-end
  */
  /*
      cta-5-start
  */
  .pf-cta-5-area {
    padding-top: 305px;
    padding-bottom: 220px;
    z-index: 2;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-5-area {
      padding-top: 150px;
      padding-bottom: 130px;
    }
  }
  .pf-cta-5-bg-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .pf-cta-5-shape-posi {
    width: 47%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -170px;
    z-index: -1;
    text-align: right;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-cta-5-shape {
      width: 100%;
    }
  }
  .pf-cta-5-shape path:nth-child(3) {
    fill: url(#paint2_linear_170_665);
  }
  .pf-cta-5-shape path:nth-child(2) {
    fill: url(#paint1_linear_170_665);
  }
  .pf-cta-5-shape path:nth-child(1) {
    fill: url(#paint0_linear_170_665);
  }
  .pf-cta-5-sec-title {
    max-width: 630px;
    margin-bottom: 30px;
  }
  .pf-cta-5-sec-title .pf-subtitle-3 {
    color: var(--pf-clr-white-1);
  }
  .pf-cta-5-sec-title .pf-subtitle-3-line {
    background: var(--pf-clr-white-1);
  }
  .pf-cta-5-sec-title .pf-sec-title-4 {
    color: var(--pf-clr-white-1);
    letter-spacing: -2.8px;
    margin-bottom: 30px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-cta-5-sec-title .pf-sec-title-4 {
      letter-spacing: -1px;
    }
  }
  @media (max-width: 767px) {
    .pf-cta-5-sec-title .pf-sec-title-4 {
      letter-spacing: 0px;
    }
  }
  .pf-cta-5-sec-title .pf-pr-4:hover {
    border-color: var(--pf-clr-white-1);
  }
  
  /*
      cta-5-end
  */
  /*
      quick-link-6-start
  */
  .pf-quick-link-6-area {
    padding-top: 220px;
    padding-bottom: 195px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-quick-link-6-area {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }
  .pf-quick-link-6-wrap {
    display: flex;
  }
  .pf-quick-link-6-item {
    display: inline-flex;
    flex-direction: column;
    max-width: 100%;
    gap: 22px;
  }
  .pf-quick-link-6-item .single-link {
    color: var(--pf-clr-black-7);
    text-transform: capitalize;
    font-size: 64px;
    line-height: 1;
    letter-spacing: -2px;
    font-weight: 500;
    fill: transparent;
    stroke: var(--pf-clr-pr-6);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.5s var(--pf-cube-2);
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-quick-link-6-item .single-link {
      font-size: 60px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-quick-link-6-item .single-link {
      font-size: 50px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-quick-link-6-item .single-link {
      font-size: 40px;
    }
  }
  @media (max-width: 767px) {
    .pf-quick-link-6-item .single-link {
      font-size: 25px;
      letter-spacing: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-quick-link-6-item .single-link {
      font-size: 30px;
      letter-spacing: -1px;
    }
  }
  .pf-quick-link-6-item .single-link .icon {
    overflow: hidden;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .pf-quick-link-6-item .single-link .icon svg {
    transform: translate(-100%, 100%);
    transition: all 0.5s var(--pf-cube-2);
  }
  .pf-quick-link-6-item .single-link:hover {
    color: var(--pf-clr-pr-6);
  }
  .pf-quick-link-6-item .single-link:hover .icon svg {
    transform: translate(0%, 0%);
  }
  
  /*
      quick-link-6-end
  */
  /*
      process-3-start
  */
  .pf-process-3-sec-title {
    max-width: 500px;
  }
  .pf-process-3-wrap {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.5fr;
    gap: 56px;
    align-items: center;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-process-3-wrap {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-process-3-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-process-3-img {
    border-radius: 12px;
    height: 595px;
  }
  @media (max-width: 767px) {
    .pf-process-3-img {
      height: 350px;
    }
  }
  .pf-process-3-item-single:not(:last-child) {
    margin-bottom: 40px;
  }
  .pf-process-3-item-single .item-number {
    font-size: 45px;
    line-height: 1;
    background: #F9F9F9;
    display: inline-block;
    color: rgba(0, 0, 0, 0.1);
    padding: 14px 16px;
    padding-bottom: 28px;
  }
  .pf-process-3-item-single .item-title {
    font-size: 20px;
    line-height: 28px;
    margin-top: -21px;
    margin-left: 36px;
    margin-bottom: 8px;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-process-3-item-single .item-title:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(-3px);
  }
  .pf-process-3-item-single .item-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
    margin-left: 36px;
  }
  .pf-process-3-img-2 {
    height: 216px;
    border-radius: 8px;
    align-self: end;
  }
  
  /*
      process-3-end
  */
  /*
      award-start
  */
  .pf-award-1-area {
    background: #eeeeee;
  }
  .pf-award-1-bg-img {
    width: 35%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    text-align: center;
    opacity: 30%;
  }
  .pf-award-1-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
  }
  .pf-award-1-sec-title {
    max-width: 320px;
    width: 100%;
    flex: 0 0 auto;
  }
  .pf-award-1-item {
    width: 100%;
    max-width: 670px;
    flex: 0 0 auto;
  }
  .pf-award-1-item-single {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 35px 0;
    border-bottom: 2px solid #DBDBDB;
  }
  .pf-award-1-item-single:nth-child(1) {
    border-top: 2px solid #DBDBDB;
  }
  .pf-award-1-item-single .item-title {
    font-size: 24px;
    margin-bottom: 7px;
  }
  .pf-award-1-item-single .item-disc {
    font-size: 16px;
    line-height: 26px;
    opacity: 72%;
  }
  
  /*
      award-end
  */
  /*
      story-1-start
  */
  .pf-story-1-area {
    background: #eeeeee;
  }
  .pf-story-1-sec-title {
    max-width: 750px;
  }
  .pf-story-1-disc {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 64px;
    max-width: 1102px;
  }
  @media (max-width: 767px) {
    .pf-story-1-disc {
      grid-template-columns: 1fr;
    }
  }
  .pf-story-1-disc p {
    opacity: 72%;
  }
  .pf-story-1-img {
    width: 100%;
    height: 540px;
    border-radius: 16px;
    margin-bottom: 64px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-story-1-img {
      height: 350px;
    }
  }
  .pf-story-1-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
  }
  @media (max-width: 767px) {
    .pf-story-1-card {
      grid-template-columns: 1fr;
    }
  }
  .pf-story-1-card-single {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .pf-story-1-card-single .content {
    padding: 48px 44px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-story-1-card-single .content {
      padding: 48px 20px;
    }
  }
  .pf-story-1-card-single .card-titile {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 14px;
    transition: all 0.3s var(--pf-cube-2);
  }
  @media (max-width: 767px) {
    .pf-story-1-card-single .card-titile {
      font-size: 22px;
    }
  }
  .pf-story-1-card-single .card-titile:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(-3px);
  }
  .pf-story-1-card-single .card-disc {
    opacity: 72%;
  }
  .pf-story-1-card-single .card-img {
    height: 277px;
  }
  .pf-story-1-card-single:nth-child(even) {
    flex-direction: column-reverse;
  }
  
  /*
      story-1-end
  */
  /*
      footer-1-start
  */
  .pf-footer-1-area {
    position: relative;
    z-index: 1;
    padding-top: 80px;
    padding-bottom: 315px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-footer-1-area {
      padding-bottom: 200px;
    }
  }
  .pf-footer-1-line {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 12%;
    transform-origin: center center;
  }
  .pf-footer-1-widget {
    display: grid;
    gap: 50px 75px;
    grid-template-columns: 1fr auto auto auto auto;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-footer-1-widget {
      grid-template-columns: auto auto auto;
    }
  }
  @media (max-width: 767px) {
    .pf-footer-1-widget {
      grid-template-columns: auto;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-footer-1-widget {
      grid-template-columns: auto auto;
    }
  }
  .pf-footer-1-widget-single .widget-title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 48%;
    line-height: 1.2;
    margin-bottom: 18px;
  }
  .pf-footer-1-widget-single .pf-free-phone-1 {
    line-height: 22px;
    color: rgba(255, 255, 255, 0.64);
  }
  .pf-footer-1-widget-single .pf-free-phone-1 .icon {
    border: 1.5px solid rgba(42, 200, 211, 0.1019607843);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-footer-1-widget-single .pf-free-phone-1 .number {
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-footer-1-widget-single .pf-free-phone-1:hover .icon {
    transform: rotate(45deg);
  }
  .pf-footer-1-widget-single .pf-free-phone-1:hover .number {
    color: var(--pf-clr-pr-1);
  }
  .pf-footer-1-widget-single .pf-free-phone-1:hover .number b {
    color: var(--pf-clr-pr-1);
  }
  .pf-footer-1-menu li:not(:last-child) {
    margin-bottom: 13px;
  }
  .pf-footer-1-menu li a {
    font-family: var(--pr-font-h-1);
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    opacity: 80%;
    transition: all 0.4s var(--pf-cube-2);
    position: relative;
    z-index: 1;
  }
  .pf-footer-1-menu li a::after {
    content: "";
    width: 0px;
    height: 1.5px;
    position: absolute;
    top: 9px;
    right: -12px;
    background: var(--pf-clr-pr-1);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-footer-1-menu li a:hover {
    transform: translateX(-12px);
    color: var(--pf-clr-pr-1);
  }
  .pf-footer-1-menu li a:hover::after {
    width: 8px;
  }
  .pf-footer-1-social {
    display: flex;
    gap: 20px;
    font-size: 18px;
    transition: all 0.4s var(--pf-cube-2);
    color: var(--pf-clr-pr-1);
  }
  .pf-footer-1-social a {
    position: relative;
    z-index: 1;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-footer-1-social a .text {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 300;
    background: var(--pf-clr-pr-6);
    line-height: 1.5;
    padding: 0 7px;
    border-radius: 4px;
    position: absolute;
    bottom: 110%;
    left: -20px;
    opacity: 0;
    transition: all 0.5s var(--pf-cube-2);
  }
  .pf-footer-1-social a:hover {
    transform: scale(1.5);
  }
  .pf-footer-1-social a:hover .text {
    left: 0px;
    color: var(--pf-clr-white-1);
    opacity: 1;
    transform: scale(1);
  }
  .pf-footer-1-back-top {
    text-align: left;
  }
  .pf-footer-1-back-top-icon {
    fill: transparent;
    stroke: var(--pf-clr-pr-1);
    transition: all 0.4s var(--pf-cube-2);
    cursor: pointer;
  }
  .pf-footer-1-back-top-icon:hover {
    transform: translateY(-5px);
  }
  .pf-footer-1-back-top-icon:hover svg line {
    transform: scaleY(1.4);
  }
  .pf-footer-1-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 30px;
    flex-wrap: wrap;
  }
  @media (max-width: 767px) {
    .pf-footer-1-copyright {
      justify-content: center;
    }
  }
  .pf-footer-1-copyright-text {
    font-family: var(--pf-font-h-1);
    font-size: 16px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.64);
  }
  .pf-footer-1-copyright-text a {
    color: rgb(255, 255, 255);
    transition: all 0.4s var(--pf-cube-2);
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid #fff;
  }
  .pf-footer-1-copyright-text a:hover {
    color: var(--pf-clr-pr-1);
    border-color: var(--pf-clr-pr-1);
  }
  .pf-footer-1-copyright-menu {
    display: flex;
    gap: 5px 25px;
    flex-wrap: wrap;
  }
  .pf-footer-1-copyright-menu li a {
    font-family: var(--pf-font-h-1);
    font-size: 16px;
    line-height: 1.2;
    text-transform: capitalize;
    color: var(--pf-clr-white-1);
    opacity: 64%;
    font-weight: 400;
    border-bottom: 1px solid transparent;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-footer-1-copyright-menu li a:hover {
    border-color: var(--pf-clr-pr-1);
    color: var(--pf-clr-pr-1);
  }
  .pf-footer-1-shape {
    position: absolute;
    width: 45%;
    bottom: -69%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 20%;
    z-index: -1;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .pf-footer-1-shape {
      bottom: -55%;
    }
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-footer-1-shape {
      bottom: -45%;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-footer-1-shape {
      bottom: -35%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-footer-1-shape {
      bottom: -30%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-footer-1-shape {
      bottom: -25%;
    }
  }
  @media (max-width: 767px) {
    .pf-footer-1-shape {
      bottom: -2%;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-footer-1-shape {
      bottom: -9%;
    }
  }
  
  /*
      footer-1-end
  */
  /*
      footer-2-start
  */
  .pf-footer-2-area {
    background-color: var(--pf-clr-black-3);
    padding-bottom: 365px;
  }
  .pf-footer-2-img {
    height: 710px;
    width: 100%;
    position: absolute;
    bottom: 0;
    filter: grayscale(1);
    opacity: 24%;
    z-index: -1;
  }
  
  .has-footer-v2:is(.pf-footer-1-menu) li a::after {
    background: var(--pf-clr-pr-2);
    height: 2px;
  }
  .has-footer-v2:is(.pf-footer-1-menu) li a:hover {
    color: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-free-phone-1) .icon {
    border: 1.5px solid var(--pf-clr-pr-2);
    background: transparent;
    stroke: var(--pf-clr-pr-2);
    fill: transparent;
  }
  .has-footer-v2:is(.pf-free-phone-1):hover .number {
    color: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-free-phone-1):hover .number b {
    color: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-footer-1-social) {
    color: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-join-btn-1) .icon {
    fill: transparent;
    stroke: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-join-btn-1):hover {
    color: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-footer-1-back-top-icon) {
    stroke: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-footer-1-copyright-menu) a:hover {
    border-color: var(--pf-clr-pr-2);
    color: var(--pf-clr-pr-2);
  }
  .has-footer-v2:is(.pf-footer-1-copyright-text) a:hover {
    border-color: var(--pf-clr-pr-2);
    color: var(--pf-clr-pr-2);
  }
  
  /*
      footer-2-end
  */
  /*
      footer-3-start
  */
  .has-footer-v3:is(.pf-footer-1-menu) li a::after {
    background: var(--pf-clr-sd-2);
    height: 2px;
  }
  .has-footer-v3:is(.pf-footer-1-menu) li a:hover {
    color: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-free-phone-1) .icon {
    border: 1.5px solid var(--pf-clr-sd-2);
    background: transparent;
    stroke: var(--pf-clr-sd-2);
    fill: transparent;
  }
  .has-footer-v3:is(.pf-free-phone-1):hover .number {
    color: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-free-phone-1):hover .number b {
    color: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-footer-1-social) {
    color: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-join-btn-1) .icon {
    fill: transparent;
    stroke: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-join-btn-1):hover {
    color: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-footer-1-back-top-icon) {
    stroke: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-footer-1-copyright-menu) a:hover {
    border-color: var(--pf-clr-sd-2);
    color: var(--pf-clr-sd-2);
  }
  .has-footer-v3:is(.pf-footer-1-copyright-text) a:hover {
    border-color: var(--pf-clr-sd-2);
    color: var(--pf-clr-sd-2);
  }
  
  /*
      footer-3-end
  */
  /*
      footer-4-start
  */
  .pf-footer-4-area {
    padding-top: 232px;
    padding-bottom: 275px;
    background-color: var(--pf-clr-black-6);
    margin-top: -90px;
  }
  .pf-footer-4-brand-text {
    font-weight: 800;
    font-size: 300px;
    opacity: 32%;
    text-transform: unset !important;
    display: inline-block;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-footer-4-brand-text {
      font-size: 250px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-footer-4-brand-text {
      font-size: 200px;
    }
  }
  @media (max-width: 767px) {
    .pf-footer-4-brand-text {
      font-size: 100px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-footer-4-brand-text {
      font-size: 150px;
    }
  }
  .pf-footer-4-brand-text .split-line div div:nth-child(1) {
    text-transform: capitalize;
  }
  
  .has-footer-v4:is(.pf-footer-1-menu) li a::after {
    background: var(--pf-clr-sd-3);
    height: 2px;
  }
  .has-footer-v4:is(.pf-footer-1-menu) li a:hover {
    color: var(--pf-clr-sd-3);
  }
  .has-footer-v4:is(.pf-free-phone-1) .icon {
    border: 1.5px solid var(--pf-clr-white-1);
    background: transparent;
    stroke: var(--pf-clr-white-1);
    fill: transparent;
  }
  .has-footer-v4:is(.pf-free-phone-1):hover .number {
    color: var(--pf-clr-sd-3);
  }
  .has-footer-v4:is(.pf-free-phone-1):hover .number b {
    color: var(--pf-clr-sd-3);
  }
  .has-footer-v4:is(.pf-footer-1-social) {
    color: var(--pf-clr-white-1);
  }
  .has-footer-v4:is(.pf-footer-1-social) a:hover {
    color: var(--pf-clr-sd-3);
  }
  .has-footer-v4:is(.pf-join-btn-1) .icon {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
  }
  .has-footer-v4:is(.pf-join-btn-1):hover {
    color: var(--pf-clr-sd-3);
  }
  .has-footer-v4:is(.pf-join-btn-1):hover .icon {
    stroke: var(--pf-clr-sd-3);
  }
  .has-footer-v4:is(.pf-footer-1-back-top-icon) {
    stroke: var(--pf-clr-white-1);
  }
  .has-footer-v4:is(.pf-footer-1-back-top-icon):hover {
    stroke: var(--pf-clr-sd-3);
  }
  .has-footer-v4:is(.pf-footer-1-copyright-menu) a:hover {
    border-color: var(--pf-clr-sd-3);
    color: var(--pf-clr-sd-3);
    opacity: 100%;
  }
  .has-footer-v4:is(.pf-footer-1-copyright-text) a:hover {
    border-color: var(--pf-clr-sd-3);
    color: var(--pf-clr-sd-3);
  }
  
  /*
      footer-4-end
  */
  /*
      footer-5-start
  */
  .pf-footer-5-area {
    padding-top: 110px;
    background: var(--pf-clr-black-7);
    padding-bottom: 265px;
  }
  
  .has-footer-v5:is(.pf-footer-1-menu) li a::after {
    background: var(--pf-clr-sd-4);
    height: 2px;
  }
  .has-footer-v5:is(.pf-footer-1-menu) li a:hover {
    color: var(--pf-clr-sd-4);
  }
  .has-footer-v5:is(.pf-free-phone-1) .icon {
    border: 1.5px solid var(--pf-clr-sd-4);
    background: transparent;
    stroke: var(--pf-clr-sd-4);
    fill: transparent;
  }
  .has-footer-v5:is(.pf-free-phone-1):hover .number {
    color: var(--pf-clr-sd-4);
  }
  .has-footer-v5:is(.pf-free-phone-1):hover .number b {
    color: var(--pf-clr-sd-4);
  }
  .has-footer-v5:is(.pf-footer-1-social) {
    color: var(--pf-clr-sd-4);
  }
  .has-footer-v5:is(.pf-join-btn-1) .icon {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
  }
  .has-footer-v5:is(.pf-join-btn-1):hover {
    color: var(--pf-clr-sd-4);
  }
  .has-footer-v5:is(.pf-join-btn-1):hover .icon {
    stroke: var(--pf-clr-sd-4);
  }
  .has-footer-v5:is(.pf-footer-1-back-top-icon) {
    stroke: var(--pf-clr-white-1);
  }
  .has-footer-v5:is(.pf-footer-1-back-top-icon):hover {
    stroke: var(--pf-clr-sd-4);
  }
  .has-footer-v5:is(.pf-footer-1-copyright-menu) a:hover {
    border-color: var(--pf-clr-sd-4);
    color: var(--pf-clr-sd-4);
    opacity: 100%;
  }
  .has-footer-v5:is(.pf-footer-1-copyright-text) a:hover {
    border-color: var(--pf-clr-sd-4);
    color: var(--pf-clr-sd-4);
  }
  
  /*
      footer-5-end
  */
  /*
      footer-6-start
  */
  .pf-footer-6-brand .pf-footer-4-brand-text {
    color: var(--pf-clr-black-1);
    opacity: 100%;
    overflow: hidden;
  }
  
  .pf-footer-6-area {
    margin-top: -110px;
  }
  @media (max-width: 767px) {
    .pf-footer-6-area {
      margin-top: -50px;
    }
  }
  .pf-footer-6-top {
    background: var(--pf-clr-black-1);
    margin-bottom: 20px;
  }
  .pf-footer-6-top .pf-footer-1-back-top-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.24);
    stroke: var(--pf-clr-white-1);
  }
  .pf-footer-6-top .pf-footer-1-back-top-icon:hover {
    stroke: var(--pf-clr-pr-6);
    border-color: var(--pf-clr-pr-6);
  }
  .pf-footer-6-widget {
    display: flex;
    gap: 96px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-footer-6-widget {
      gap: 50px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-footer-6-widget {
      gap: 50px;
      flex-wrap: wrap;
    }
  }
  .pf-footer-6-widget .pf-footer-1-widget-single:last-child {
    margin-left: auto;
  }
  .pf-footer-6-copyright {
    background: var(--pf-clr-black-1);
  }
  .pf-footer-6-copyright-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 30px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-footer-6-copyright-flex {
      flex-wrap: wrap;
      justify-content: center;
    }
  }
  
  .has-footer-v6:is(.pf-footer-1-menu) li a {
    opacity: 1;
    transition: all 0.4s var(--pf-cube-1);
  }
  .has-footer-v6:is(.pf-footer-1-menu) li a::after {
    background: var(--pf-clr-pr-6);
    height: 1px;
    left: 0;
    bottom: 0;
    top: unset;
    width: 0%;
  }
  .has-footer-v6:is(.pf-footer-1-menu) li a:hover {
    color: var(--pf-clr-pr-6);
    transform: translate(0);
  }
  .has-footer-v6:is(.pf-footer-1-menu) li a:hover::after {
    width: 100%;
  }
  .has-footer-v6:is(.pf-free-phone-1) .icon {
    border: 1.5px solid var(--pf-clr-pr-6);
    background: transparent;
    stroke: var(--pf-clr-pr-6);
    fill: transparent;
  }
  .has-footer-v6:is(.pf-free-phone-1) .number {
    color: var(--pf-clr-white-1);
    font-weight: 300;
  }
  .has-footer-v6:is(.pf-free-phone-1):hover .number {
    color: var(--pf-clr-white-1);
  }
  .has-footer-v6:is(.pf-free-phone-1):hover .number b {
    color: var(--pf-clr-pr-6);
  }
  .has-footer-v6:is(.pf-footer-1-social) {
    color: var(--pf-clr-sd-4);
  }
  .has-footer-v6:is(.pf-footer-1-social) a {
    color: var(--pf-clr-white-1);
  }
  .has-footer-v6:is(.pf-footer-1-social) a:hover {
    color: var(--pf-clr-pr-6);
  }
  .has-footer-v6:is(.pf-join-btn-1) {
    opacity: 1;
  }
  .has-footer-v6:is(.pf-join-btn-1) .icon {
    fill: transparent;
    stroke: var(--pf-clr-white-1);
  }
  .has-footer-v6:is(.pf-join-btn-1):hover {
    color: var(--pf-clr-pr-6);
  }
  .has-footer-v6:is(.pf-join-btn-1):hover .icon {
    stroke: var(--pf-clr-pr-6);
  }
  .has-footer-v6:is(.pf-footer-1-back-top-icon) {
    stroke: var(--pf-clr-white-1);
  }
  .has-footer-v6:is(.pf-footer-1-back-top-icon):hover {
    stroke: var(--pf-clr-sd-4);
  }
  .has-footer-v6:is(.pf-footer-1-copyright-menu) a:hover {
    border-color: var(--pf-clr-pr-6);
    color: var(--pf-clr-pr-6);
    opacity: 100%;
  }
  .has-footer-v6:is(.pf-footer-1-copyright-text) a:hover {
    border-color: var(--pf-clr-pr-6);
    color: var(--pf-clr-pr-6);
  }
  
  /*
      footer-6-end
  */
  /*
      footer-7-start
  */
  .pf-footer-1-back-top-icon:is(.has-footer-v7) {
    stroke: var(--pf-clr-pr-6);
  }
  
  .pf-footer-1-social:is(.has-footer-v7) {
    color: var(--pf-clr-pr-6);
  }
  .pf-footer-1-social:is(.has-footer-v7) a:hover {
    transform: scale(1);
  }
  
  /*
      footer-7-end
  */
  /*
  
      pages
  */
  /*
      home-1-start
  */
  .pf-home-1 {
    background-color: var(--pf-clr-black-2);
  }
  
  /*
      home-1-end
  */
  /*
      breadcrumb-start
  */
  .breadcrumb-shape {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
  }
  .breadcrumb-line-shape {
    width: 2px;
    height: 140px;
    position: absolute;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(0deg, #15D4D4 0%, rgba(255, 255, 255, 0) 100%);
    z-index: -1;
  }
  .breadcrumb-area {
    position: relative;
    padding-top: 252px;
    padding-bottom: 140px;
  }
  @media (max-width: 767px) {
    .breadcrumb-area {
      padding-bottom: 70px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-area {
      padding-bottom: 100px;
    }
  }
  .breadcrumb-area:is(.has-details) {
    padding-top: 270px;
  }
  .breadcrumb-area:is(.has-details) .breadcrumb-content {
    max-width: 520px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .breadcrumb-area:is(.has-details) .breadcrumb-content {
      padding-bottom: 100px;
    }
  }
  .breadcrumb-bg-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -3;
  }
  .breadcrumb-bg-glow {
    position: absolute;
    bottom: -31%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -4;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .breadcrumb-bg-glow {
      bottom: -25%;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .breadcrumb-bg-glow {
      bottom: -21%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-bg-glow {
      bottom: -18%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-bg-glow {
      bottom: -14%;
    }
  }
  @media (max-width: 767px) {
    .breadcrumb-bg-glow {
      bottom: -10%;
    }
  }
  .breadcrumb-title {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 51px;
  }
  .breadcrumb-list {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 1px 12px;
  }
  .breadcrumb-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(90deg, rgb(199, 255, 73) 0%, rgb(125, 255, 88) 100%);
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: rotateGradient 3s linear infinite;
  }
  .breadcrumb-list::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--pf-clr-black-1);
    opacity: 12%;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .breadcrumb-list a, .breadcrumb-list span {
    font-weight: 400;
    font-size: 16px;
    font-family: var(--pf-font-h-1);
    line-height: 28px;
    color: var(--pf-clr-black-1);
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
    z-index: 1;
  }
  .breadcrumb-list a::after,
  .breadcrumb-list span::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--pf-clr-black-1);
    opacity: 12%;
    position: absolute;
    left: -2px;
    top: 11px;
  }
  .breadcrumb-list a {
    position: relative;
    transition: 300ms;
  }
  .breadcrumb-list a:hover {
    color: var(--pf-clr-pr-1);
  }
  .breadcrumb-list span {
    opacity: 60%;
  }
  .breadcrumb-img {
    position: relative;
    z-index: 1;
    height: 400px;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 38px;
  }
  @media (max-width: 767px) {
    .breadcrumb-img {
      height: 260px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-img {
      height: 350px;
    }
  }
  .breadcrumb-img img {
    filter: grayscale(1);
  }
  .breadcrumb-img::before {
    content: "";
    width: 669px;
    height: 140px;
    background: #2AC8D3;
    filter: blur(300px);
    position: absolute;
    right: 0;
    top: -50%;
    z-index: 1;
  }
  .breadcrumb-disc {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    opacity: 80%;
  }
  
  /*
      breadcrumb-end
  */
  /*
      about-page-start
  */
  .pf-about-inner-sec-title {
    /* max-width: 905px; */
  }
  .pf-about-inner-sec-line {
    background: var(--pf-clr-black-1);
    height: 1px;
    width: 100%;
  }
  .pf-about-inner-left {
    padding-top: 190px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-about-inner-left {
      padding-top: 0px;
      margin-bottom: 50px;
    }
  }
  .pf-about-inner-card {
    max-width: 280px;
  }
  .pf-about-inner-card .card-img {
    border-radius: 8px;
  }
  .pf-about-inner-card .card-img img {
    transition: all 0.5s var(--pf-cube-1);
  }
  .pf-about-inner-card .card-title {
    font-size: 23px;
    margin-bottom: 7px;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-about-inner-card .card-title:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(3px);
  }
  .pf-about-inner-card .card-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
  }
  .pf-about-inner-card:hover .card-img img {
    transform: scale(105%);
  }
  .pf-about-inner-content .disc {
    margin-bottom: 50px;
    opacity: 72%;
  }
  .pf-about-inner-content .content-img {
    border-radius: 12px;
  }
  .pf-about-inner-counter {
    justify-content: start;
  }
  .pf-about-inner-counter .pf-counter-1-item-number {
    color: var(--pf-clr-black-1);
  }
  .pf-about-inner-counter .pf-counter-1-item-number .counter {
    opacity: 1;
  }
  .pf-about-inner-counter .pf-counter-1-item-disc {
    color: var(--pf-clr-black-1);
    font-weight: 400;
  }
  .pf-about-inner-bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.3;
    width: 40%;
  }
  
  /*
      about-page-end
  */
  /*
      services-details-start
  */
  .pf-services-details-content h1, .pf-services-details-content h2, .pf-services-details-content h3, .pf-services-details-content h4, .pf-services-details-content h5, .pf-services-details-content h6, .pf-services-details-content p, .pf-services-details-content span, .pf-services-details-content li {
    font-family: var(--pf-font-h-1);
    color: #000;
  }
  .pf-services-details-content h1 {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-details-content h1 {
      font-size: 36px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-details-content h1 {
      font-size: 32px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-details-content h1 {
      font-size: 26px;
    }
  }
  .pf-services-details-content > h2 {
    font-size: 34px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-details-content > h2 {
      font-size: 32px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-details-content > h2 {
      font-size: 28px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-details-content > h2 {
      font-size: 24px;
    }
  }
  .pf-services-details-content h3 {
    font-size: 30px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-details-content h3 {
      font-size: 28px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-services-details-content h3 {
      font-size: 26px;
    }
  }
  @media (max-width: 767px) {
    .pf-services-details-content h3 {
      font-size: 22px;
    }
  }
  .pf-services-details-content h4 {
    font-size: 26px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-services-details-content h4 {
      font-size: 22px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-details-content h4 {
      font-size: 20px;
    }
  }
  .pf-services-details-content h5 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-details-content h5 {
      font-size: 18px;
    }
  }
  .pf-services-details-content h6 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: capitalize;
  }
  .pf-services-details-content p {
    opacity: 72%;
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 40px;
  }
  .pf-services-details-content .list-img {
    border-radius: 8px;
    height: 260px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-details-content .list-img {
      margin-top: 50px;
    }
  }
  .pf-services-details-content ul li {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-right: 32px;
    position: relative;
    z-index: 1;
  }
  .pf-services-details-content ul li:not(:last-child) {
    margin-bottom: 18px;
  }
  .pf-services-details-content ul li::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    background-image: url("../img/icons/check-icon.svg");
    width: 20px;
    height: 20px;
  }
  .pf-services-details-content .pf-about-2-img {
    position: relative;
    border-radius: 8px;
    height: 365px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-details-content .pf-about-2-img {
      margin-right: 0px;
      margin-left: 0px;
    }
  }
  .pf-services-details-content .pf-about-2-img .pf-video-2-btn {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .pf-services-details-content .pf-about-2-img .pf-video-btn-1 {
    width: 60px;
    height: 60px;
    color: var(--pf-clr-pr-1);
  }
  .pf-services-details-feature-single {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 30px 0;
    position: relative;
    z-index: 1;
  }
  .pf-services-details-feature-single:not(:last-child) {
    margin-bottom: 28px;
  }
  .pf-services-details-feature-single::after {
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    background: transparent;
    border: 1px solid #DFE1E5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .pf-services-details-feature-single .icon {
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F3F3;
    flex: 0 0 auto;
  }
  .pf-services-details-feature-single .icon svg {
    fill: var(--pf-clr-pr-1);
  }
  .pf-services-details-feature-single .feature-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
    text-transform: capitalize;
  }
  .pf-services-details-feature-single .feature-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
    margin-bottom: 0;
    max-width: 540px;
  }
  .pf-services-details-feature-single:hover .icon svg {
    animation: fd-bounce-2 1s;
  }
  .pf-services-details-feature:is(.has-2) .pf-services-details-feature-single {
    background: #F9F9F9;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 25px 28px;
    display: block;
  }
  .pf-services-details-feature:is(.has-2) .pf-services-details-feature-single::after {
    display: none;
  }
  .pf-services-details-feature:is(.has-2) .pf-services-details-feature-single .icon {
    width: unset;
    height: unset;
    display: inline-block;
    background: transparent;
    position: relative;
    z-index: 1;
    padding-right: 16px;
    margin-bottom: 14px;
  }
  .pf-services-details-feature:is(.has-2) .pf-services-details-feature-single .icon svg {
    fill: transparent;
    stroke: var(--pf-clr-pr-1);
    transform: scale(1.3);
  }
  .pf-services-details-feature:is(.has-2) .pf-services-details-feature-single .icon::after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .pf-services-details .pf-testimonial-4-item {
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 767px) {
    .pf-services-details .pf-testimonial-4-item {
      grid-template-columns: 1fr;
    }
  }
  .pf-services-details .pf-testimonial-4-item-single {
    background-color: #F9F9F9;
  }
  .pf-services-details .pf-testimonial-4-item-single .author-bio {
    margin-bottom: 0;
  }
  .pf-services-details .pf-testimonial-4-item-single .pf-star {
    color: var(--pf-clr-pr-1);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-services-details-gallery {
      margin-right: 0px;
      margin-left: 0px;
    }
  }
  .pf-services-details-gallery .gallery-img {
    border-radius: 8px;
  }
  .pf-services-details-gallery .gallery-img img {
    filter: grayscale(1);
    transition: all 0.5s var(--pf-cube-2);
  }
  .pf-services-details-gallery .gallery-img:hover img {
    filter: grayscale(0);
    transform: scale(104%);
  }
  .pf-services-details-contact {
    max-width: 570px;
  }
  .pf-services-details-contact .fx-form-1 {
    max-width: 385px;
  }
  .pf-services-details-contact .fx-form-1 .fx-pr-btn-1 .text {
    color: #fff;
  }
  
  /*
      services-details-end
  */
  /*
      team-page-start
  */
  .fx-team-page-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-team-page-wrap {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-team-page-wrap {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .fx-team-page-wrap {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-team-page-wrap {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  /*
      team-page-end
  */
  /*
      team-details-1-start
  */
  .pf-team-details-person {
    padding-top: 250px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-team-details-person {
      margin-bottom: 100px;
    }
  }
  .pf-team-details-person-row {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 64px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-team-details-person-row {
      grid-template-columns: 1fr;
    }
  }
  .pf-team-details-person-img {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: end;
    height: 630px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-team-details-person-img {
      height: auto;
      max-width: 500px;
      padding: 0;
    }
  }
  .pf-team-details-person-social {
    background: #fff;
    border: 1px solid #EEEEEE;
    display: inline-flex;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: -12px 12px 36px rgba(0, 0, 0, 0.12);
  }
  .pf-team-details-person-social a {
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #000;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-team-details-person-social a:not(:last-child) {
    border-left: 1px solid #EEEEEE;
  }
  .pf-team-details-person-social a:hover {
    color: var(--pf-clr-pr-1);
  }
  .pf-team-details-person-info .person-bio {
    font-size: 20px;
    font-weight: 400;
    color: var(--pf-clr-pr-1);
    margin-bottom: 19px;
  }
  .pf-team-details-person-info .person-name {
    font-size: 40px;
    line-height: 1.16;
    margin-bottom: 46px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-team-details-person-info .person-name {
      font-size: 34px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-team-details-person-info .person-name {
      font-size: 30px;
    }
  }
  @media (max-width: 767px) {
    .pf-team-details-person-info .person-name {
      font-size: 28px;
    }
  }
  .pf-team-details-person-info .person-disc {
    max-width: 584px;
    margin-bottom: 29px;
    opacity: 72%;
  }
  .pf-team-details-person-info .person-degi li {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.72);
  }
  .pf-team-details-person-info .person-degi li:not(:last-child) {
    margin-bottom: 17px;
  }
  .pf-team-details-person-info .person-degi li b {
    color: #000;
    font-weight: 500;
    display: inline-block;
    width: 20%;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-team-details-person-info .person-degi li b {
      width: 30%;
    }
  }
  .pf-team-details-person-info .info-subtitle {
    font-size: 22px;
    margin-bottom: 17px;
  }
  .pf-team-details-disc {
    background: #0D173F;
    padding-top: 100px;
    padding-bottom: 455px;
  }
  .pf-team-details-disc-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
  }
  @media (max-width: 767px) {
    .pf-team-details-disc-row {
      grid-template-columns: 1fr;
    }
  }
  .pf-team-details-disc-content .title {
    font-size: 32px;
    line-height: 1.12;
    margin-bottom: 28px;
    color: var(--pf-clr-white-1);
  }
  @media (max-width: 767px) {
    .pf-team-details-disc-content .title {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-team-details-disc-content .title {
      font-size: 30px;
    }
  }
  .pf-team-details-disc-content .disc {
    opacity: 72%;
    color: var(--pf-clr-white-1);
  }
  .pf-team-details-disc-skill > .title {
    font-size: 32px;
    line-height: 1.12;
    margin-bottom: 28px;
    color: var(--pf-clr-white-1);
  }
  @media (max-width: 767px) {
    .pf-team-details-disc-skill > .title {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-team-details-disc-skill > .title {
      font-size: 30px;
    }
  }
  .pf-team-details-disc-skill .pf-skill-1-progress .title {
    font-weight: 400;
    font-size: 17px;
    color: var(--pf-clr-white-1);
  }
  .pf-team-details-disc-skill .pf-skill-1-progress .title span:nth-child(2) {
    color: var(--pf-clr-pr-1);
    font-weight: 500;
  }
  .pf-team-details-disc-skill .pf-skill-1-progress-line {
    background: rgba(255, 255, 255, 0.1);
  }
  .pf-team-details-disc-skill .pf-skill-1-progress-line .progress-line {
    background: var(--pf-clr-pr-1);
  }
  
  .pf-team-details-contact-row {
    background: #F6F6F6;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    border-radius: 16px;
    overflow: hidden;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-team-details-contact-row {
      grid-template-columns: 1fr;
    }
  }
  .pf-team-details-contact-form {
    padding: 64px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-team-details-contact-form {
      padding: 64px 30px;
    }
  }
  .pf-team-details-contact-form .pf-form-1-title {
    color: var(--pf-clr-black-1);
  }
  
  .pf-skill-1-progress:not(:last-child) {
    margin-bottom: 24px;
  }
  .pf-skill-1-progress .title {
    color: #fff;
    gap: 15px;
    margin-bottom: 13px;
  }
  .pf-skill-1-progress-line {
    background: rgba(46, 46, 46, 0.1);
    height: 10px;
    border-radius: 0 100px 100px 0;
    position: relative;
    z-index: 1;
  }
  .pf-skill-1-progress-line .progress-line {
    position: absolute;
    top: -5px;
    right: 0;
    height: 100%;
    background: #fff;
    border-radius: 100px 0 0 100px ;
  }
  
  /*
      team-details-1-end
  */
  /*
      blog-page-start
  */
  .pf-sidebar {
    background: #F3F3F3;
    border-radius: 8px;
  }
  .pf-sidebar-widget {
    padding: 32px 32px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-sidebar-widget {
      padding: 32px 20px;
    }
  }
  @media (max-width: 767px) {
    .pf-sidebar-widget {
      padding: 32px 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-sidebar-widget {
      padding: 32px 32px;
    }
  }
  .pf-sidebar-widget:not(:last-child) {
    border-bottom: 1px solid #DFE1E5;
  }
  .pf-sidebar-widget .wp-block-heading,
  .pf-sidebar-widget .widget-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .pf-sidebar:is(.has-left-sidebar) {
    margin-left: 0px;
    margin-right: 2px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-sidebar:is(.has-left-sidebar) {
      margin-right: 0px;
      margin-top: 0;
      margin-bottom: 50px;
    }
  }
  
  .pf-sidebar-search {
    position: relative;
    z-index: 1;
  }
  .pf-sidebar-search-input {
    border: none;
    outline: none;
    margin: 0;
    background: #fff;
    height: 54px;
    width: 100%;
    border-radius: 5px;
    padding-right: 20px;
    padding-left: 60px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(65, 65, 65, 0.3);
  }
  .pf-sidebar-search-btn {
    width: 54px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--pf-clr-pr-1);
    border-radius:  5px 0 0 5px ;
    color: #fff;
    transition: all 0.3s ease;
  }
  .pf-sidebar-search-btn:hover {
    background: #000;
  }
  .pf-sidebar-gategories a {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.72);
    display: flex;
    justify-content: space-between;
    padding: 18px 0;
    padding-right: 24px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #DFE1E5;
    transition: all 0.4s var(--pf-cube-2);
  }
  .widget ul {
    padding-right: 0;
  }
  .pf-sidebar-gategories a::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #CACACA;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 23px;
    transition: all 0.4s var(--pf-cube-1);
  }
  .pf-sidebar-gategories a:hover {
    color: var(--pf-clr-pr-1);
  }
  .pf-sidebar-gategories a:hover::after {
    border-color: transparent;
    background: var(--pf-clr-pr-1);
  }
  .pf-sidebar-recent-post-single {
    display: grid;
    grid-template-columns: 1fr 2.1fr;
    gap: 16px;
    align-items: self-start;
  }
  .pf-sidebar-recent-post-single:not(:last-child) {
    margin-bottom: 20px;
  }
  .pf-sidebar-recent-post-single .item-img {
    height: 123px;
    border-radius: 4px;
  }
  .pf-sidebar-recent-post-single .item-meta-item {
    font-family: var(--pf-font-h-1);
    background: var(--pf-clr-pr-1);
    font-size: 14px;
    line-height: 1.5;
    padding: 0 8px;
    border-radius: 6px;
    margin-bottom: 13px;
  }
  .pf-sidebar-recent-post-single .item-title {
    font-size: 18px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-sidebar-recent-post-single .item-title:hover {
    color: var(--pf-clr-pr-1);
  }
  .pf-sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .pf-sidebar-tags a {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--pf-font-h-1);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    display: inline-block;
    padding: 7px 16px;
    border-radius: 2px;
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-sidebar-tags a:hover {
    color: var(--pf-clr-white-1);
    background: var(--pf-clr-pr-1);
  }
  
  /*
      blog-page-end
  */
  /*
      blog-page-start
  */
  .pf-blog-page-2-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px 32px;
    align-items: start;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-page-2-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-blog-page-2-wrap .pf-blog-page-item {
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 767px) {
    .pf-blog-page-2-wrap .pf-blog-page-item {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-page-2-wrap .pf-blog-page-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  .pf-blog-page-2-wrap:is(.has-blog-page-3) {
    grid-template-columns: 1fr 2fr;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-page-2-wrap:is(.has-blog-page-3) {
      grid-template-columns: 1fr;
    }
  }
  
  .pf-blog-page-4-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px 32px;
    align-items: self-start;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-blog-page-4-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-blog-page-4-item {
    border-radius: 12px;
    padding: 32px 32px;
    border: 1px solid #DFE1E5;
  }
  @media (max-width: 767px) {
    .pf-blog-page-4-item {
      padding: 25px 15px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-page-4-item {
      padding: 32px 32px;
    }
  }
  .pf-blog-page-4-item:not(:last-child) {
    margin-bottom: 32px;
  }
  .pf-blog-page-4-item .item-img {
    height: 380px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .pf-blog-page-4-item .item-img {
      height: 300px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-page-4-item .item-img {
      height: 350px;
    }
  }
  .pf-blog-page-4-item .item-img img {
    transform-origin: left;
    transition: 0.5s;
  }
  .pf-blog-page-4-item .item-img .swiper-container {
    width: 100%;
    height: 100%;
  }
  .pf-blog-page-4-item .item-img .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  .pf-blog-page-4-item .item-img .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .pf-blog-page-4-item .item-img .blog-img-navi-btn {
    transform: translateY(-50%);
    z-index: 1;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    transition: 0.3s;
    cursor: pointer;
  }
  .pf-blog-page-4-item .item-img .blog-img-navi-btn:hover {
    background: var(--pf-clr-pr-1);
    border-color: transparent;
  }
  .pf-blog-page-4-item .item-img .blog_img_next {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .pf-blog-page-4-item .item-img .blog_img_prev {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .pf-blog-page-4-item .item-img .item-img-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  .pf-blog-page-4-item .item-img .pf-video-btn-1 {
    width: 84px;
    height: 84px;
    color: var(--pf-clr-pr-1);
  }
  .pf-blog-page-4-item .item-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 50px;
    padding: 28px 0;
  }
  .pf-blog-page-4-item .item-meta .meta-item {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    align-items: center;
    gap: 8px;
    opacity: 72%;
  }
  @media (max-width: 767px) {
    .pf-blog-page-4-item .item-meta .meta-item {
      font-size: 16px;
    }
  }
  .pf-blog-page-4-item .item-title {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 17px;
    transition: 0.3s;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-blog-page-4-item .item-title {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-page-4-item .item-title {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-page-4-item .item-title {
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-page-4-item .item-title {
      font-size: 22px;
    }
  }
  .pf-blog-page-4-item .item-title:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(-3px);
  }
  .pf-blog-page-4-item .item-disc {
    margin-bottom: 24px;
    opacity: 72%;
  }
  .pf-blog-page-4-item .item-btn {
    display: inline-flex;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    align-items: center;
    gap: 11px;
    transition: 0.3s;
  }
  .pf-blog-page-4-item .item-btn i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--pf-clr-pr-1);
    border-radius: 50%;
    color: #fff;
    transition: 0.3s;
    font-size: 14px;
  }
  .pf-blog-page-4-item .item-btn:hover {
    color: var(--pf-clr-pr-1);
  }
  .pf-blog-page-4-item .item-btn:hover i {
    transform: translateX(-5px);
  }
  
  .pf-blog-listing-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 50px;
    justify-content: center;
  }
  .pf-blog-listing-meta .meta-item {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    align-items: center;
    gap: 8px;
    opacity: 72%;
  }
  @media (max-width: 767px) {
    .pf-blog-listing-meta .meta-item {
      font-size: 16px;
    }
  }
  
  .breadcrumb-title:is(.has-listing) {
    margin-bottom: 30px;
  }
  
  /*
      blog-page-end
  */
  /*
      blog-details-start
  */
  .pf-blog-details-meta {
    display: inline-flex;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 4px;
    padding: 15px 24px;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 27px;
  }
  .pf-blog-details-meta .meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 300;
    font-size: 20px;
  }
  .pf-blog-details-meta .meta-item svg * {
    fill: #fff;
  }
  .pf-blog-details-content {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-blog-details-content h1, .pf-blog-details-content h2, .pf-blog-details-content h3, .pf-blog-details-content h4, .pf-blog-details-content h5, .pf-blog-details-content h6, .pf-blog-details-content p, .pf-blog-details-content li, .pf-blog-details-content blockquote, .pf-blog-details-content cite, .pf-blog-details-content b {
    font-family: var(--pf-font-h-1);
    color: var(--pf-clr-black-1);
  }
  .pf-blog-details-content h1, .pf-blog-details-content h2, .pf-blog-details-content h3, .pf-blog-details-content h4, .pf-blog-details-content h5, .pf-blog-details-content h6 {
    font-weight: 600;
    line-height: 1.25;
    text-transform: capitalize;
    margin-bottom: 25px;
    padding-top: 22px;
  }
  .pf-blog-details-content p {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    margin-bottom: 26px;
  }
  .pf-blog-details-content h1 {
    font-size: 40px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-details-content h1 {
      font-size: 36px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-details-content h1 {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-details-content h1 {
      font-size: 30px;
    }
  }
  .pf-blog-details-content h2 {
    font-size: 32px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-blog-details-content h2 {
      font-size: 30px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-details-content h2 {
      font-size: 28px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-details-content h2 {
      font-size: 24px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-details-content h2 {
      font-size: 26px;
    }
  }
  .pf-blog-details-content h3 {
    font-size: 32px;
    font-weight: 600;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-details-content h3 {
      font-size: 30px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-details-content h3 {
      font-size: 22px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-details-content h3 {
      font-size: 28px;
    }
  }
  .pf-blog-details-content h4 {
    font-size: 27px;
    font-weight: 600;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-details-content h4 {
      font-size: 25px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-details-content h4 {
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-details-content h4 {
      font-size: 23px;
    }
  }
  .pf-blog-details-content h5 {
    font-size: 22px;
    font-weight: 600;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-details-content h5 {
      font-size: 20px;
    }
  }
  .pf-blog-details-content h6 {
    font-size: 18px;
    font-weight: 500;
  }
  .pf-blog-details-content blockquote {
    background: #F6F6F6;
    border-radius: 12px;
    padding: 35px 40px;
    color: #000;
    font-weight: 400;
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 60px;
    overflow: hidden;
    border-right: 4px solid var(--pf-clr-pr-1);
  }
  .pf-blog-details-content blockquote span {
    color: var(--pf-clr-pr-1);
  }
  .pf-blog-details-content blockquote::after {
    content: "";
    width: 60px;
    height: 60px;
    background: url("../img/icons/quote-icon.svg") no-repeat;
    right: 31px;
    top: 26px;
    position: absolute;
    z-index: -1;
    -webkit-transform: scaleX(-1);
transform: scaleX(-1);
  }
  .pf-blog-details-content cite {
    display: block;
    font-weight: 700;
    color: #261723;
    font-style: normal;
    padding-left: 72px;
    margin-top: 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-size: 18px;
  }
  @media (max-width: 767px) {
    .pf-blog-details-content cite {
      font-size: 16px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-details-content cite {
      font-size: 18px;
    }
  }
  .pf-blog-details-content cite::after {
    content: "";
    width: 62px;
    height: 2px;
    border-radius: 20px;
    background: var(--pf-clr-pr-1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
  .pf-blog-details-content-img {
    height: 480px;
    margin-left: -140px;
    margin-right: -140px;
    margin-bottom: 35px;
    border-radius: 12px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-blog-details-content-img {
      height: 400px;
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-blog-details-content-img {
      height: 350px;
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  @media (max-width: 767px) {
    .pf-blog-details-content-img {
      height: 300px;
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  .pf-blog-details-content ul {
    margin-bottom: 60px;
  }
  .pf-blog-details-content ul li {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-right: 28px;
  }
  .pf-blog-details-content ul li:not(:last-child) {
    margin-bottom: 18px;
  }
  .pf-blog-details-content ul li::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/icons/check-icon.svg") no-repeat;
    right: 0;
    top: 6px;
    position: absolute;
  }
  .pf-blog-details-content b {
    font-size: 18px;
    line-height: 30px;
    color: #444444;
    margin-bottom: 20px;
    display: block;
  }
  .pf-blog-details-tag-share {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #DFE1E5;
    border-top: 1px solid #DFE1E5;
    padding: 34px 0;
    margin-top: 60px;
    margin-bottom: 64px;
  }
  .pf-blog-details-comment-item {
    background: #F9F9F9;
    border-radius: 8px;
    padding: 32px;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 64px;
  }
  @media (max-width: 767px) {
    .pf-blog-details-comment-item {
      flex-wrap: wrap;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-blog-details-comment-item {
      flex-wrap: nowrap;
    }
  }
  .pf-blog-details-comment-item .img-wrap {
    flex: 0 0 auto;
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #fff;
  }
  .pf-blog-details-comment-item .name {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
    display: block;
  }
  .pf-blog-details-comment-item .comment-text {
    opacity: 72%;
    margin-bottom: 0;
  }
  .comment-form {
    border: 2px solid #DFE1E5;
    border-radius: 15px;
    padding: 40px 40px;
  }
  @media (max-width: 767px) {
    .comment-form {
      padding: 40px 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .comment-form {
      padding: 40px 40px;
    }
  }
  .pf-blog-details-comment-form .pf-form-1-title {
    padding-top: 0;
  }
  
  .pf-blog-share, .pf-blog-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .pf-blog-share .title, .pf-blog-tag .title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0;
  }
  .pf-blog-share .tag, .pf-blog-tag .tag {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.72);
    background: #F9F9F9;
    line-height: 20px;
    border-radius: 5px;
    padding: 10px 19px;
    transition: all 0.3s ease;
  }
  .pf-blog-share .tag:hover, .pf-blog-tag .tag:hover {
    background: var(--pf-clr-pr-1);
    color: rgb(0, 0, 0);
  }
  .pf-blog-share .link, .pf-blog-tag .link {
    transition: all 0.3s ease;
  }
  .pf-blog-share .link:hover, .pf-blog-tag .link:hover {
    transform: scale(90%);
  }
  .pf-blog-share .link .has-x path:nth-child(2), .pf-blog-tag .link .has-x path:nth-child(2) {
    fill: white;
  }
  .pf-blog-share .copylink, .pf-blog-tag .copylink {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    background: #DFE1E5;
    border-radius: 50%;
    transition: all 0.3s ease;
  }
  .pf-blog-share .copylink:hover, .pf-blog-tag .copylink:hover {
    background: var(--pf-clr-pr-1);
  }
  
  /*
      blog-details-end
  */
  /*
      projects-page-start
  */
  .pf-projects-page-sec-title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .pf-solution-7-item-wrap:is(.has-project-page) .pf-solution-7-item {
    height: auto;
    border-color: var(--pf-clr-pr-1);
  }
  .pf-solution-7-item-wrap:is(.has-project-page) .pf-solution-7-item .item-disc {
    opacity: 80%;
  }
  .pf-solution-7-item-wrap:is(.has-project-page) .pf-solution-7-item .item-title:hover {
    color: var(--pf-clr-pr-1);
  }
  .pf-solution-7-item-wrap:is(.has-project-page) .pf-solution-7-item .pf-about-6-btn {
    color: var(--pf-clr-pr-1);
  }
  .pf-solution-7-item-wrap:is(.has-project-page) .pf-solution-7-item .pf-about-6-btn .icon {
    stroke: var(--pf-clr-pr-1);
  }
  .pf-solution-7-item-wrap:is(.has-project-page) .pf-solution-7-item:hover .item-img {
    filter: grayscale(0);
  }
  
  .pf-projects-details-meta {
    flex: 0 0 auto;
    background: rgba(238, 238, 238, 0.5);
    border-radius: 12px;
    padding: 40px 32px !important;
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    gap: 20px 50px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-projects-details-meta {
      gap: 20px 40px;
      flex-wrap: wrap;
    }
  }
  .pf-projects-details-meta li {
    font-family: var(--pf-font-h-1);
    font-size: 18px;
    color: rgba(0, 0, 0, 0.72);
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 0;
  }
  .pf-projects-details-meta li b {
    color: #000;
    margin-right: 8px;
    font-weight: 500;
    display: block;
  }
  .pf-projects-details-img {
    height: 600px;
    border-radius: 16px;
    transform: translateX(-100px);
    margin-top: -70px;
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-projects-details-img {
      height: 400px;
      transform: translateX(0px);
    }
  }
  .pf-projects-details-content {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-projects-details-content h1, .pf-projects-details-content h2, .pf-projects-details-content h3, .pf-projects-details-content h4, .pf-projects-details-content h5, .pf-projects-details-content h6, .pf-projects-details-content p, .pf-projects-details-content span, .pf-projects-details-content li {
    font-family: var(--pf-font-h-1);
    color: #000;
  }
  .pf-projects-details-content h1:not(:first-child), .pf-projects-details-content h2:not(:first-child), .pf-projects-details-content h3:not(:first-child), .pf-projects-details-content h4:not(:first-child), .pf-projects-details-content h5:not(:first-child), .pf-projects-details-content h5:not(:first-child), .pf-projects-details-content h6:not(:first-child) {
    padding-top: 15px;
  }
  .pf-projects-details-content h1 {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-projects-details-content h1 {
      font-size: 36px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-projects-details-content h1 {
      font-size: 32px;
    }
  }
  @media (max-width: 767px) {
    .pf-projects-details-content h1 {
      font-size: 26px;
    }
  }
  .pf-projects-details-content > h2 {
    font-size: 34px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-projects-details-content > h2 {
      font-size: 32px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-projects-details-content > h2 {
      font-size: 28px;
    }
  }
  @media (max-width: 767px) {
    .pf-projects-details-content > h2 {
      font-size: 24px;
    }
  }
  .pf-projects-details-content h3 {
    font-size: 30px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-projects-details-content h3 {
      font-size: 28px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-projects-details-content h3 {
      font-size: 26px;
    }
  }
  @media (max-width: 767px) {
    .pf-projects-details-content h3 {
      font-size: 22px;
    }
  }
  .pf-projects-details-content h4 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-projects-details-content h4 {
      font-size: 22px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-projects-details-content h4 {
      font-size: 20px;
    }
  }
  .pf-projects-details-content h5 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-projects-details-content h5 {
      font-size: 18px;
    }
  }
  .pf-projects-details-content h6 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
  }
  .pf-projects-details-content p {
    opacity: 72%;
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 18px;
  }
  .pf-projects-details-content ul {
    margin-bottom: 60px;
  }
  .pf-projects-details-content ul li {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-right: 32px;
    position: relative;
    z-index: 1;
  }
  .pf-projects-details-content ul li:not(:last-child) {
    margin-bottom: 18px;
  }
  .pf-projects-details-content ul li::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    background-image: url("../img/icons/pin-icon.svg");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
  }
  .pf-projects-details-content-img {
    border-radius: 16px;
    height: 480px;
    margin-left: -140px;
    margin-right: -140px;
    margin-bottom: 30px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-projects-details-content-img {
      height: 350px;
      margin-left: -100px;
      margin-right: -100px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-projects-details-content-img {
      height: 350px;
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  .pf-projects-details-gallery {
    margin-left: -243px;
    margin-right: -243px;
    display: grid;
    gap: 32px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pf-projects-details-gallery {
      margin-left: -100px;
      margin-right: -100px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-projects-details-gallery {
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  .pf-projects-details-gallery .glry-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 32px;
  }
  @media (max-width: 767px) {
    .pf-projects-details-gallery .glry-row {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-projects-details-gallery .glry-row {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-projects-details-gallery .glry-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  @media (max-width: 767px) {
    .pf-projects-details-gallery .glry-row-2 {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-projects-details-gallery .glry-row-2 {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-projects-details-gallery-img {
    height: 395px;
    border-radius: 12px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-projects-details-gallery-img {
      height: 300px;
    }
  }
  .pf-projects-details-gallery-img img {
    filter: grayscale(1);
    transition: all 0.4s var(--pf-cube-2);
  }
  .pf-projects-details-gallery-img:hover img {
    transform: scale(103%);
    filter: grayscale(0);
  }
  
  /*
      projects-page-end
  */
  /*
      career-1-start
  */
  .pf-career-benefit-1-sec-title {
    max-width: 600px;
  }
  .pf-career-benefit-1-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-career-benefit-1-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-career-benefit-1-item {
      grid-template-columns: 1fr;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-career-benefit-1-item {
      grid-template-columns: 1fr 1fr;
    }
  }
  .pf-career-benefit-1-item-single {
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    padding: 34px 36px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-career-benefit-1-item-single {
      padding: 34px 20px;
    }
  }
  .pf-career-benefit-1-item-single .item-icon {
    width: 52px;
    margin-bottom: 24px;
  }
  .pf-career-benefit-1-item-single .item-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .pf-career-benefit-1-item-single .item-disc {
    font-size: 16px;
    line-height: 26px;
    opacity: 72%;
  }
  .pf-career-benefit-1-item-single:hover .item-icon {
    animation: fd-bounce-2 1s;
  }
  
  .pf-career-gallery-1-wrap {
    display: grid;
    grid-template-columns: 1.5fr 1fr 0.5fr;
    gap: 48px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-career-gallery-1-wrap {
      grid-template-columns: 1.5fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-career-gallery-1-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-career-gallery-1-sec-title {
    margin-top: 110px;
    margin-bottom: 151px;
  }
  @media (max-width: 767px) {
    .pf-career-gallery-1-sec-title {
      margin-top: 0;
      margin-bottom: 50px;
    }
  }
  .pf-career-gallery-1-img-1 {
    height: 386px;
  }
  .pf-career-gallery-1-img-2 {
    max-width: 271px;
    height: 227px;
    margin-right: auto;
    margin-bottom: 240px;
  }
  @media (max-width: 767px) {
    .pf-career-gallery-1-img-2 {
      margin-bottom: 50px;
    }
  }
  .pf-career-gallery-1-disc {
    font-size: 17px;
    line-height: 30px;
    opacity: 82%;
    max-width: 317px;
  }
  .pf-career-gallery-1-big-img {
    margin-left: -360px;
    height: 771px;
    margin-top: 20px;
  }
  @media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .pf-career-gallery-1-big-img {
      margin-left: -200px;
    }
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .pf-career-gallery-1-big-img {
      margin-left: -100px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-career-gallery-1-big-img {
      margin-left: 0px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-career-gallery-1-big-img {
      margin-left: 0px;
      height: 300px;
    }
  }
  
  .pf-career-opening-1-sec-title {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
  }
  .pf-career-opening-1-sec-title .sec-disc {
    margin-top: 17px;
    opacity: 72%;
  }
  .pf-career-opening-1-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  @media (max-width: 767px) {
    .pf-career-opening-1-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-career-opening-1-item {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 45px 48px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-career-opening-1-item {
      padding: 45px 20px;
    }
  }
  @media (max-width: 767px) {
    .pf-career-opening-1-item {
      padding: 45px 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-career-opening-1-item {
      padding: 45px 48px;
    }
  }
  .pf-career-opening-1-item .item-title {
    font-size: 24px;
    margin-bottom: 19px;
    transition: all 0.3s var(--pf-cube-2);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-career-opening-1-item .item-title {
      font-size: 20px;
    }
  }
  .pf-career-opening-1-item .item-title:hover {
    color: var(--pf-clr-pr-1);
    transform: translateX(-3px);
  }
  .pf-career-opening-1-item .item-tag {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }
  .pf-career-opening-1-item .item-tag li {
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 400;
    color: #414141;
    background: #fff;
    padding: 10px 14px;
  }
  .pf-career-opening-1-item .item-disc {
    margin-bottom: 24px;
    opacity: 72%;
  }
  
  .pf-career-single-content {
    max-width: 730px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-career-single-content {
      margin-bottom: 50px;
    }
  }
  .pf-career-single-content h1, .pf-career-single-content h2, .pf-career-single-content h3, .pf-career-single-content h4, .pf-career-single-content h5, .pf-career-single-content h6, .pf-career-single-content p, .pf-career-single-content span, .pf-career-single-content li {
    font-family: var(--pf-font-h-1);
    color: #000;
  }
  .pf-career-single-content h1:not(:first-child), .pf-career-single-content h2:not(:first-child), .pf-career-single-content h3:not(:first-child), .pf-career-single-content h4:not(:first-child), .pf-career-single-content h5:not(:first-child), .pf-career-single-content h6:not(:first-child) {
    padding-top: 15px;
  }
  .pf-career-single-content h1 {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-career-single-content h1 {
      font-size: 36px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-career-single-content h1 {
      font-size: 32px;
    }
  }
  @media (max-width: 767px) {
    .pf-career-single-content h1 {
      font-size: 26px;
    }
  }
  .pf-career-single-content > h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-career-single-content > h2 {
      font-size: 32px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-career-single-content > h2 {
      font-size: 28px;
    }
  }
  @media (max-width: 767px) {
    .pf-career-single-content > h2 {
      font-size: 24px;
    }
  }
  .pf-career-single-content h3 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-career-single-content h3 {
      font-size: 26px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-career-single-content h3 {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .pf-career-single-content h3 {
      font-size: 22px;
    }
  }
  .pf-career-single-content h4 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-career-single-content h4 {
      font-size: 22px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-career-single-content h4 {
      font-size: 20px;
    }
  }
  .pf-career-single-content h5 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: capitalize;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .pf-career-single-content h5 {
      font-size: 18px;
    }
  }
  .pf-career-single-content h6 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: capitalize;
  }
  .pf-career-single-content p {
    opacity: 72%;
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 18px;
  }
  .pf-career-single-content ul:not(:last-child) {
    margin-bottom: 45px;
  }
  .pf-career-single-content ul li {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-right: 16px;
    position: relative;
    z-index: 1;
  }
  .pf-career-single-content ul li:not(:last-child) {
    margin-bottom: 18px;
  }
  .pf-career-single-content ul li::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    background: var(--pf-clr-pr-1);
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
  .pf-career-single-sidebar {
    background: #EEEEEE;
    padding: 40px;
    border-radius: 12px;
  }
  a.next.page-numbers {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    
}

.log-like-reply {
  left: 0;
  right: auto !important;
}
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-career-single-sidebar {
      padding: 40px 20px;
    }
  }
  @media (max-width: 767px) {
    .pf-career-single-sidebar {
      padding: 40px 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-career-single-sidebar {
      padding: 40px;
    }
  }
  .pf-career-single-sidebar-list {
    margin-bottom: 28px;
  }
  .pf-career-single-sidebar-list li {
    font-family: var(--pf-font-h-1);
    color: #000;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #DFE1E5;
    padding-bottom: 17px;
  }
  .pf-career-single-sidebar-list li:not(:last-child) {
    margin-bottom: 18px;
  }
  .pf-career-single-sidebar-list li span {
    opacity: 72%;
    margin-left: auto;
  }
  .pf-career-single-sidebar-list li svg path {
    fill: var(--pf-clr-pr-1);
  }
  .pf-career-single-sidebar-list li:nth-child(1) svg path {
    stroke: var(--pf-clr-pr-1);
  }
  .pf-career-single-sidebar-list li:nth-child(1) svg path:nth-child(1) {
    fill: transparent;
  }
  .pf-career-single-sidebar-btn {
    width: 100%;
    justify-content: center;
  }
  
  /*
      career-1-end
  */
  /*
      job-apply-start
  */
  .pf-job-apply {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    background: #F3F3F3;
    padding: 50px 45px;
    border-radius: 16px;
  }
  .pf-job-apply-area {
    padding-top: 250px;
  }
  @media (max-width: 767px) {
    .pf-job-apply {
      padding: 50px 20px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-job-apply {
      padding: 50px 45px;
    }
  }
  .pf-job-apply-title {
    font-size: 32px;
    opacity: 88%;
    margin-bottom: 40px;
  }
  @media (max-width: 767px) {
    .pf-job-apply-title {
      font-size: 22px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .pf-job-apply-title {
      font-size: 26px;
    }
  }
  .pf-job-apply-form-box:not(:last-child) {
    margin-bottom: 31px;
  }
  .pf-job-apply-form-box:focus-within .pf-job-apply-form-label {
    color: var(--pf-clr-pr-1);
    opacity: 1;
  }
  .pf-job-apply-form-upload {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .pf-job-apply-form-upload::after {
    content: "";
    width: 114%;
    height: 1px;
    background: #DFE1E5;
    position: absolute;
    top: 0;
    left: -45px;
  }
  .pf-job-apply-form-upload::before {
    content: "";
    width: 114%;
    height: 1px;
    background: #DFE1E5;
    position: absolute;
    bottom: 0;
    left: -45px;
  }
  .pf-job-apply-form-aditional {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .pf-job-apply-form-aditional::after {
    content: "";
    width: 114%;
    height: 1px;
    background: #DFE1E5;
    position: absolute;
    top: 0;
    left: -45px;
  }
  .pf-job-apply-form-label {
    font-family: var(--pf-font-h-1);
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    font-size: 12px;
    display: block;
    line-height: 1;
    letter-spacing: 1.5px;
    margin-bottom: 0px;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-job-apply-form-label-2 {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    display: block;
    line-height: 26px;
    margin-bottom: 0px;
    transition: all 0.3s var(--pf-cube-2);
    margin-bottom: 11px;
  }
  .pf-job-apply-form-input {
    background: transparent;
    display: block;
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px 0px;
    border-bottom: 1px solid #D9D9D9;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    transition: all 0.3s var(--pf-cube-2);
  }
  .pf-job-apply-form-input::placeholder {
    opacity: 56%;
    font-weight: 400;
  }
  .pf-job-apply-form-input:is(textarea) {
    height: 100px;
  }
  .pf-job-apply-form-input:hover {
    border-color: #000;
  }
  .pf-job-apply-form .country {
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.54);
  }
  .pf-job-apply-form [type=file] {
    color: #837A81;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .pf-job-apply-form [type=file]::-webkit-file-upload-button {
    background: transparent;
    border: 2px solid var(--pf-clr-pr-1);
    border-radius: 4px;
    color: var(--pf-clr-pr-1);
    cursor: pointer;
    font-size: 16px;
    outline: none;
    height: 40px;
    width: 130px;
    text-transform: capitalize;
    font-weight: 500;
    transition: all 0.5s ease;
    margin-right: 20px;
  }
  .pf-job-apply-form [type=file]::-webkit-file-upload-button:hover {
    background: var(--pf-clr-pr-1);
    border-color: transparent;
    color: #000;
  }
  .pf-job-apply-form-radio {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-weight: 400;
    color: #494949;
    font-size: 18px;
    line-height: 36px;
    margin-left: 30px;
  }
  .pf-job-apply-form-aditional span.wpcf7-list-item-label {
    margin-right: 5px;
    margin-left: auto !important;
}
.wpcf7-response-output {
  text-align: right !important;
  color: inherit !important;
}
  .pf-job-apply-form-agree {
    font-family: var(--pf-font-h-1);
    text-transform: capitalize;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    display: flex;
    align-items: baseline;
    gap: 10px;
    line-height: 26px;
    margin-bottom: 0px;
    cursor: pointer;
  }
  .pf-job-apply-form input::-webkit-outer-spin-button,
  .pf-job-apply-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  
  /*
      job-apply-end
  */
  /*
      price-1-start
  */
  .pf-pricing-1-scn-title {
    max-width: 700px;
  }
  .pf-pricing-1-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pf-pricing-1-wrap {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px) {
    .pf-pricing-1-wrap {
      grid-template-columns: 1fr;
    }
  }
  .pf-pricing-1-card {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 8px;
    padding: 60px 32px;
    text-align: center;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pf-pricing-1-card {
      padding: 60px 20px;
    }
  }
  .pf-pricing-1-card .card-title {
    font-size: 26px;
    margin-bottom: 19px;
  }
  .pf-pricing-1-card .card-price {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
    margin-bottom: 33px;
  }
  .pf-pricing-1-card .card-price span:nth-child(2) {
    font-size: 18px;
    font-weight: 400;
    opacity: 62%;
  }
  .pf-pricing-1-card .hr-line {
    width: 100%;
    height: 1px;
    background: #DFE1E5;
    margin-bottom: 34px;
  }
  .pf-pricing-1-card .price-feature {
    margin-bottom: 33px;
  }
  .pf-pricing-1-card .price-feature li {
    font-family: var(--fx-font-pr-1);
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    display: flex;
    align-items: baseline;
    gap: 12px;
    color: rgba(0, 0, 0, 0.72);
    font-weight: 400;
  }
  .pf-pricing-1-card .price-feature li:not(:last-child) {
    margin-bottom: 17px;
  }
  .pf-pricing-1-card .price-feature li .icon {
    display: inline-block;
    transform: translateY(-1px);
  }
  .pf-pricing-1-card .price-feature li .icon svg path:nth-child(1) {
    fill: var(--pf-clr-pr-1);
  }
  .pf-pricing-1-card .price-feature li .icon svg path:nth-child(2) {
    fill: var(--pf-clr-white-1);
  }
  .pf-pricing-1-card .price-feature li:is(.not-active) .icon svg path:nth-child(1) {
    fill: #BDC0C6;
  }
  .pf-pricing-1-card .card-disc {
    margin-bottom: 28px;
    opacity: 62%;
  }
  .pf-pricing-1-card .card-btn {
    width: 100%;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--pf-clr-black-1);
    padding: 12px 16px;
  }
  .pf-pricing-1-card .card-btn:hover {
    background: var(--pf-clr-pr-1);
    border-color: transparent;
  }
  
  .pf-testimonial-3-slider:is(.has-price-page) .pf-testimonial-3-slider-item .pf-star {
    color: var(--pf-clr-pr-1);
  }
  .pf-testimonial-3-slider:is(.has-price-page) .pf-slider-hori-btn-single {
    border: 1px solid var(--pf-clr-pr-1);
    color: var(--pf-clr-pr-1);
  }
  .pf-testimonial-3-slider:is(.has-price-page) .pf-slider-hori-btn-single:hover {
    background: var(--pf-clr-pr-1);
    color: var(--pf-clr-white-1);
  }
  
  .pf-testimonial-3-pagi:is(.has-price-page) span {
    background: var(--pf-clr-pr-1);
  }
  .pf-testimonial-3-pagi:is(.has-price-page) span:is(.swiper-pagination-bullet-active) {
    background: var(--pf-clr-pr-1);
  }
  
  /*
      price-1-end
  */
  
  /*# sourceMappingURL=main.css.map */
  

  .projects.type-projects .item-meta,.services.type-services .item-meta{
        visibility: hidden;
        padding: 18px 0;
  }
  .projects.type-projects .item-btn,.services.type-services .item-btn{
    display: none;
  }

  body.rtl .pf-client-5-content {
    padding-left: 0;
    padding-right: 15%;
}
body.rtl .pf-client-5-content-wrap{
    margin-left: auto;
    margin-right: 0;
    justify-content: center;
}