/*

************

*************************



   Template Name: Choicy

   Author: themexriver

   Version: 1.0



--------------------------------



CSS INDEX

===================

01. common



************************* */

/*

************

*************************

01. common

************************* */



:root {

  --urbanist: "Urbanist", sans-serif;

  --galada: "Galada", cursive;

  --black-color: #000000;

  --white-color: #fff;

  --chy-pr-1: #A249ED;

  --chy-pr-2: #ee4619;

  --chy-pr-3: #27f67a;

  --chy-pr-4: #f28541;

  --chy-pr-5: #9255CE;

  --chy-sd-1: #7237E9;

  --chy-h1-color: #141515;

  --chy-h2-color: #252A4E;

  --chy-p1-color: #141515;

  --chy-gd-1: linear-gradient( 32deg, rgb(162,73,237) 20%, rgb(97,49,232) 100%);

  --chy-gd-2: linear-gradient(90deg, #9255CE -2.17%, #BE60FF 100%);

}





body {

  font-family: var(--urbanist);

  font-weight: 400;

  font-style: normal;

  color: #5b5b5b;

  font-size: 18px;

  line-height: 1.66;

}



img, a, button, h1, h2, h3, h4, h5, h6, span, p {

  transition: 100ms ease;

  -webkit-transition: 100ms ease;

  text-decoration: none;

  color: inherit;

}



.img, img {

  max-width: 100%;

}



a:focus,

.button:focus {

  text-decoration: none;

  outline: none;

}



a:focus,

a:hover {

  color: inherit;

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--urbanist);

  color: #141515;

  text-transform: capitalize;

  font-weight: 800;

  line-height: 1;

  margin-bottom: 15px;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 55px;

}



h2 {

  font-size: 55px;

}



h3 {

  font-size: 42px;

}



h4 {

  font-size: 27px;

}



h5 {

  font-size: 20px;

}



h6 {

  font-size: 16px;

}



p {

  font-family: var(--urbanist);

  font-weight: 400;

  font-size: 20px;

  line-height: 1.66;

  color: #5b5b5b;

}



*::-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   >>>>>>>>> */

input::-webkit-input-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

input:-moz-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

input::-moz-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

input:-ms-input-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



textarea::-webkit-input-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

textarea:-moz-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

textarea::-moz-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

textarea:-ms-input-placeholder {

  color: #000;

  font-size: 16px;

  opacity: 1;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



input:focus::placeholder, textarea:focus::placeholder {

  opacity: 0;

}



::-webkit-scrollbar {

  width: 10px;

  background-color: transparent;

  box-shadow: none;

  border: none;

}



/* Track */

::-webkit-scrollbar-track {

  background: transparent;

  box-shadow: none;

  border: none;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: linear-gradient(180deg, rgb(162, 73, 237) 20%, rgb(97, 49, 232) 100%);

  border-radius: 30px;

}



/* <<<<<<<    Overlay   >>>>>>>>> */

[data-overlay] {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}

[data-overlay]::before {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  content: "";

}



/* <<<<<<<    Margin & Padding     >>>>>>>>> */

.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;

}



.container {

  padding-right: 15px;

  padding-left: 15px;

}



.row {

  --bs-gutter-x: 30px;

}

.row.g-0 {

  --bs-gutter-x: 0;

}



@media (min-width: 1200px) {

  .container.chy-container-1 {

    max-width: 1280px;

  }

}

/* <<<<<<<    Declaration   >>>>>>>>> */

.h2-body-bg {

  background: #F2F2F2;

}



.fix {

  overflow: hidden;

}



.img-cover img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.bg-default {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}



.no-after::after {

  display: none;

}



.p-relative {

  position: relative;

}



.z-index-3 {

  position: relative;

  z-index: 3;

}



.black-bg {

  background-color: #0D0D0D;

}



.ECF3F4 {

  background-color: #ECF3F4;

}



.chy-split-in-right {

  text-transform: unset !important;

  letter-spacing: -0.7px !important;

}

.chy-split-in-right .split-line div div:nth-child(1) {

  text-transform: capitalize;

}



.chy-split-in-right-2 {

  text-transform: unset !important;

  letter-spacing: -2.5px !important;

}

.chy-split-in-right-2 .split-line div div:nth-child(1) {

  text-transform: capitalize;

}



.chy-split-in-hero-1 {

  text-transform: unset !important;

  letter-spacing: -3px !important;

}

.chy-split-in-hero-1 .split-line div div:nth-child(1) {

  text-transform: capitalize;

}



.chy-menu-btn-1 {

  position: relative;

  width: 40px;

  height: 35px;

  background: var(--chy-gd-1);

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  font-size: 20px;

  line-height: 1;

  border-radius: 2px;

  flex: 0 0 auto;

  cursor: pointer;

}

.chy-menu-btn-1 i {

  transition: 400ms ease;

}

.chy-menu-btn-1 .icon-2 {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

}

.chy-menu-btn-1:hover .icon-1 {

  opacity: 0;

}

.chy-menu-btn-1:hover .icon-2 {

  opacity: 1;

}



.chy-cart-btn-2 {

  display: inline-block;

  font-size: 24px;

  line-height: 1;

  color: var(--chy-h1-color);

  position: relative;

  transition: 400ms ease;

}

.chy-cart-btn-2 .number {

  width: 25px;

  height: 25px;

  background: var(--chy-gd-2);

  position: absolute;

  top: 11px;

  right: 7px;

  border-radius: 50%;

  text-align: center;

  font-size: 14px;

  font-family: var(--urbanist);

  color: #fff;

  line-height: 25px;

  transition: 400ms ease;

}

.chy-cart-btn-2:hover {

  color: var(--chy-pr-1);

}

.chy-cart-btn-2:hover::after {

  scale: 1.1;

}

.chy-cart-btn-1 {

  display: inline-block;

  font-size: 20px;

  line-height: 1;

  color: var(--chy-h1-color);

  position: relative;

  transition: 400ms ease;

}

.chy-cart-btn-1::after {

  content: "2";

  width: 26px;

  height: 26px;

  background: var(--chy-gd-1);

  position: absolute;

  top: -30px;

  right: -30px;

  border-radius: 50%;

  text-align: center;

  font-size: 14px;

  font-family: var(--urbanist);

  color: #fff;

  line-height: 26px;

  transition: 400ms ease;

}

.chy-cart-btn-1:hover {

  color: var(--chy-sd-1);

}

.chy-cart-btn-1:hover::after {

  scale: 1.1;

}



.chy-pr-btn-1 {

  overflow: hidden;

  z-index: 1;

  position: relative;

  display: inline-block;

  flex: 0 0 auto;

  background: var(--chy-gd-1);

  font-family: var(--urbanist);

  font-size: 16px;

  line-height: 1;

  font-weight: 900;

  text-transform: uppercase;

  color: #fff;

  padding: 21px 28px;

  box-shadow: 0px 8px 23.22px 3.78px rgba(26, 26, 26, 0.2);

  border-radius: 30px;

  transition: 0.2s transform ease-in-out;

  will-change: transform;

  transition: 400ms;

  cursor: pointer;

}

.chy-pr-btn-1::after {

  background: var(--chy-pr-4);

  content: "";

  height: 24px;

  width: 24px;

  border-radius: 50%;

  position: absolute;

  right: 24px;

  top: 29%;

  z-index: -1;

  transition: 400ms ease;

  scale: 1;

}

.chy-pr-btn-1 .icon {

  position: relative;

  z-index: 1;

  display: inline-block;

  font-size: 14px;

  margin-left: 11px;

  color: var(--chy-h1-color);

}

.chy-pr-btn-1:hover {

  color: #fff;

}

.chy-pr-btn-1:hover .icon {

  color: #fff;

}

.chy-pr-btn-1:hover::after {

  scale: 21;

}



.chy-pr-btn-2 {

  overflow: hidden;

  z-index: 1;

  position: relative;

  display: inline-block;

  flex: 0 0 auto;

  background-color: var(--chy-pr-2);

  font-family: var(--urbanist);

  font-size: 18px;

  line-height: 1;

  font-weight: 900;

  text-transform: uppercase;

  color: #fff;

  padding: 22px 47px;

  border-radius: 30px;

  transition: 0.2s transform ease-in-out;

  will-change: transform;

  cursor: pointer;

}

.chy-pr-btn-2::after {

  background-color: #141515;

  border-radius: 3rem;

  content: "";

  display: block;

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  transform: translate(-100%, 0) rotate(10deg);

  transform-origin: top left;

  transition: 0.2s transform ease-out;

  will-change: transform;

  z-index: -1;

}

.chy-pr-btn-2:hover {

  color: #fff;

  transform: scale(1.05);

  will-change: transform;

}

.chy-pr-btn-2:hover::after {

  transform: translate(0, 0);

}

.chy-pr-btn-2:hover i {

  transform: translate(25px, 2px);

}



.chy-pr-btn-3 {

  display: inline-block;

  position: relative;

  flex: 0 0 auto;

  overflow: hidden;

  font-size: 15px;

  font-family: var(--urbanist);

  font-weight: 900;

  text-transform: uppercase;

  background: #141515;

  color: #fff;

  padding: 18px 24px;

  border-radius: 31px;

  transition: 500ms cubic-bezier(0, 0, 0.2, 1);

  cursor: pointer;

}

.chy-pr-btn-3 i {

  margin-left: 25px;

}

.chy-pr-btn-3 .text {

  position: relative;

  z-index: 1;

}

.chy-pr-btn-3 i {

  position: relative;

  z-index: 1;

}

.chy-pr-btn-3::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 77%;

  height: 100%;

  background: var(--chy-pr-2);

  border-radius: 0px 0px 31px 0px;

  transition: 500ms cubic-bezier(0, 0, 0.2, 1);

}

.chy-pr-btn-3:hover {

  color: #fff;

  letter-spacing: 0.5px;

}

.chy-pr-btn-3:hover::after {

  width: 100%;

}



.chy-pr-btn-4 {

  display: inline-block;

  position: relative;

  flex: 0 0 auto;

  font-size: 19px;

  font-weight: 900;

  font-family: var(--urbanist);

  text-transform: capitalize;

  color: #262420;

  background: var(--chy-pr-3);

  padding: 10px 31px;

  border-radius: 4px;

  transition: 0.4s ease-in-out;

}

.chy-pr-btn-4::after {

  width: 100%;

  height: 100%;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background-color: #000;

  transform: translate(1px, 10px);

  z-index: -1;

  border-radius: 4px;

  transition: 0.4s ease-in-out;

}

.chy-pr-btn-4:hover {

  background-color: transparent;

  color: var(--chy-pr-3);

}

.chy-pr-btn-4:hover::after {

  transform: translate(0);

}

/* button 5 */



.chy-pr-btn-5 {

  overflow: hidden;

  z-index: 1;

  position: relative;

  display: inline-block;

  flex: 0 0 auto;

  background: var(--chy-gd-2);

  font-family: var(--urbanist);

  font-size: 16px;

  line-height: 1;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  padding: 23px 40px;

  border-radius: 30px;

  transition: 0.2s transform ease-in-out;

  will-change: transform;

  transition: 400ms;

  cursor: pointer;

  border: 0.5px solid transparent;

}

.chy-pr-btn-5::after {

  background: #fff;

  content: "";

  height: 24px;

  width: 24px;

  border-radius: 50%;

  position: absolute;

  right: 34px;

  top: 31%;

  z-index: -1;

  transition: 400ms ease;

  scale: 1;

}

.chy-pr-btn-5 .icon {

  position: relative;

  z-index: 1;

  display: inline-block;

  font-size: 14px;

  margin-left: 11px;

  color: #B55EF5;

}

.chy-pr-btn-5:hover {

  color: #B55EF5;

  border-color: var(--chy-pr-5);

}

.chy-pr-btn-5:hover::after {

  scale: 21;

}

/* btn 5 end */

.chy-plybtn-1 .icon {

  flex: 0 0 auto;

  width: 63px;

  height: 63px;

  text-align: center;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  line-height: 1;

  background: #fff;

  border-radius: 50%;

  font-size: 22px;

  color: var(--chy-h1-color);

  animation: chy-plybtn-1 3s infinite ease;

}

.chy-plybtn-1 .text {

  display: inline-block;

  font-size: 17px;

  line-height: 1;

  text-transform: capitalize;

  margin-left: 18px;

  font-weight: 900;

}



@keyframes chy-plybtn-1 {

  0% {

    outline: 0px solid rgba(85, 90, 241, 0);

  }

  50% {

    outline: 7px solid rgba(85, 90, 241, 0.8);

  }

  100% {

    outline: 0px solid rgba(85, 90, 241, 0);

  }

}

.chy-plybtn-2 {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  width: 150px;

  height: 150px;

  background: var(--chy-gd-1);

  border-radius: 50%;

  font-size: 25px;

  color: #fff;

}

.chy-plybtn-2 .text-img {

  position: absolute;

  left: 15px;

  top: 15px;

  animation: chy-plybtn-2 4s infinite ease-in-out;

  height: unset;

  width: unset;

}

.chy-plybtn-2:hover {

  color: #fff;

}



@keyframes chy-plybtn-2 {

  0% {

    transform: rotate(0deg);

  }

  0% {

    transform: rotate(360deg);

  }

}

.chy-plybtn-3 {

  display: flex;

  align-items: center;

  gap: 10px;

}

.chy-plybtn-3 .text {

  font-size: 18px;

  font-weight: 600;

  line-height: 20px;

  text-transform: uppercase;

  display: block;

  color: #131835;

}

.chy-search-btn-1 {

  display: flex;

  flex: 0 0 auto;

  width: 60px;

  height: 60px;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  background: #fff;

  border: none;

  outline: none;

  border-radius: 50%;

  color: var(--chy-h1-color);

  transition: 400ms ease-in-out;

}

.chy-search-btn-1:hover {

  background-color: var(--chy-pr-2);

  color: #fff;

}



.chy-call-1-icon {

  flex: 0 0 auto;

  position: relative;

  font-size: 25px;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #F5F9FA;

  text-align: center;

  line-height: 55px;

  color: #000;

  transition: 0.4s ease-in-out;

}

.chy-call-1-icon::after {

  content: "";

  position: absolute;

  left: 0px;

  top: 10px;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: #000;

  z-index: -1;

  transition: 0.4s ease-in-out;

}

.chy-call-1-icon:hover {

  background-color: transparent;

  color: var(--chy-pr-3);

}

.chy-call-1-icon:hover::after {

  top: 0;

}



.chy-call-2-icon {

  flex: 0 0 auto;

  position: relative;

  font-size: 25px;

  width: 56px;

  height: 56px;

  border-radius: 50%;

  background: var(--chy-gd-2);

  text-align: center;

  line-height: 67px;

  color: white;

  transition: 0.4s ease-in-out;

  overflow: hidden;

}

.chy-call-2-icon i {

  display: inline-block;

  transition: 400ms;

  color: #fff;

}

.chy-call-2-icon:hover i {

  animation: chy-call-2 0.5s ease-in-out;

  color: #fff;

}



@keyframes chy-call-2 {

  25% {

    transform: translateX(60px);

  }

  50% {

    transform: translateX(-60px);

    opacity: 0;

  }

  100% {

    transform: translateX(0px);

  }

}

.chy-call-1-btn-wrap {

  display: flex;

  align-items: center;

  gap: 18px;

}

.chy-call-1-content .text {

  font-size: 15px;

  font-weight: 600;

  text-transform: capitalize;

  color: #382c4d;

  display: block;

}

.chy-call-1-content .phone {

  font-size: 20px;

  font-weight: 800;

  color: #382c4d;

  line-height: 1;

  transition: 0.4s ease-in-out;

}

.chy-call-1-content .phone:hover {

  color: var(--chy-pr-3);

}



#tx_preloader {

  position: fixed;

  left: 0;

  top: 0;

  height: 100vh;

  width: 100%;

  z-index: 99999999;

  display: flex;

}



#tx_preloader:before,

#tx_preloader:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 50%;

  z-index: -1;

  background-color: #000;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



#tx_preloader:after {

  bottom: 0;

  top: unset;

  right: 0;

}



#tx_preloader .loader_line {

  margin: auto;

  width: 250px;

  height: 2px;

  position: relative;

  overflow: hidden;

  -webkit-transition: all 0.8s ease 0s;

  -o-transition: all 0.8s ease 0s;

  transition: all 0.8s ease 0s;

}



.loader_line:before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  width: 0%;

  height: 2cqb;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: #fff;

  -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;

  -o-animation: lineheight 1000ms ease-in-out 0s forwards;

  animation: lineheight 1000ms ease-in-out 0s forwards;

}



.loader_line:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 2px;

  background-color: #999999;

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  -o-transform: translateY(-100%);

  transform: translateY(-100%);

  -webkit-animation: lineround 1200ms linear 0s infinite;

  -o-animation: lineround 1200ms linear 0s infinite;

  animation: lineround 1200ms linear 0s infinite;

  animation-delay: 2000ms;

}



@keyframes lineheight {

  0% {

    width: 0%;

  }

  100% {

    width: 100%;

  }

}

@keyframes lineround {

  0% {

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

  }

  100% {

    -webkit-transform: translateY(200%);

    -ms-transform: translateY(200%);

    -o-transform: translateY(200%);

    transform: translateY(200%);

  }

}

.preloaded .loader_line:after {

  opacity: 0;

}



.preloaded .loader_line {

  opacity: 0;

  width: 100% !important;

}



.preloaded:before,

.preloaded:after {

  -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;

  -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;

  animation: preloadedzero 300ms ease-in-out 500ms forwards;

}



@keyframes preloadedzero {

  0% {

    width: 50%;

  }

  100% {

    width: 0%;

  }

}

/*

************

*************************

06. title

*******************************************************

*************************************************************** */

.chy-heading-1 {

  font-family: var(--urbanist);

  color: #141515;

  text-transform: capitalize;

  font-weight: 700;

  line-height: 1;

  margin-bottom: 0;

}



.chy-heading-2 {

  font-family: var(--urbanist);

  color: var(--chy-h2-color);

  text-transform: capitalize;

  font-weight: 700;

  line-height: 1.18;

  margin-bottom: 0;

}

.chy-para-1 {

  font-family: var(--urbanist);

  color: #504e4e;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.556;

  margin-bottom: 0;

}



.chy-para-2 {

  font-family: var(--urbanist);

  color: #575757;

  font-size: 18px;

  font-weight: 400;

  line-height: 28px;

  letter-spacing: 0.3px;

  margin-bottom: 0;

}



.chy-para-3 {

  font-family: var(--urbanist);

  color: #7e7e7e;

  font-size: 20px;

  font-weight: 500;

  line-height: 32px;

  margin-bottom: 0;

}



.chy-para-4 {

  font-family: var(--urbanist);

  color: #666A83;

  font-size: 18px;

  font-weight: 500;

  line-height: 30px;

  margin-bottom: 0;

}

.chy-para-4:is(.has-20) {

  font-size: 20px;

}

.chy-section-para-1 {

  font-family: var(--urbanist);

  color: #504e4e;

  font-size: 18px;

  font-weight: 500;

  line-height: 1.556;

  margin-bottom: 0;

}



.chy-subtitle-1 {

  display: inline-block;

  font-size: 17px;

  font-weight: 900;

  line-height: 1;

  font-family: var(--urbanist);

  text-transform: uppercase;

  color: #5b5b5b;

  margin-bottom: 20px;

  position: relative;

  padding-left: 25px;

}

.chy-subtitle-1::after {

  position: absolute;

  content: "";

  width: 17px;

  height: 16px;

  background: var(--chy-gd-1);

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  clip-path: polygon(100% 0, 0% 100%, 100% 100%);

}



.chy-subtitle-2 {

  display: inline-block;

  font-size: 19px;

  font-weight: 900;

  line-height: 1;

  font-family: var(--urbanist);

  text-transform: uppercase;

  color: var(--chy-pr-2);

  margin-bottom: 20px;

  position: relative;

}

.chy-subtitle-2 .icon {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 31px;

}



.chy-subtitle-3 {

  display: inline-block;

  font-size: 15.65px;

  font-weight: 700;

  line-height: 1;

  font-family: var(--urbanist);

  text-transform: uppercase;

  color: #121212;

  padding-left: 16px;

  position: relative;

  margin-bottom: 5px;

}

.chy-subtitle-3::after {

  width: 8px;

  height: 13px;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background: var(--chy-pr-3);

  border-radius: 3px;

}

.chy-subtitle-3::before {

  width: 8px;

  height: 13px;

  content: "";

  position: absolute;

  top: 3px;

  left: 0;

  background: #000;

  border-radius: 3px;

}



.chy-subtitle-4 {

  position: relative;

  display: inline-block;

  font-size: 16px;

  letter-spacing: 0.32px;

  line-height: 26px;

  font-weight: 400;

  font-family: var(--galada);

  text-transform: uppercase;

  background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  padding-left: 90px;

  margin-bottom: 12px;

}

.chy-subtitle-4::after {

  width: 0px;

  height: 1.5px;

  content: "";

  position: absolute;

  top: 48%;

  left: 0;

  transform: translateY(-50%);

  background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);

  border-radius: 30px;

  transition: 2000ms ease-in-out;

  transition-delay: 1;

}

.chy-subtitle-4:is(.has-center) {

  padding-right: 90px;

}

.chy-subtitle-4:is(.has-center)::before {

  width: 0px;

  height: 1.5px;

  content: "";

  position: absolute;

  top: 48%;

  right: 0;

  transform: translateY(-50%);

  background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);

  border-radius: 30px;

  transition: 2000ms ease-in-out;

  transition-delay: 1;

}

.chy-subtitle-4:is(.active)::after {

  width: 80px;

}

.chy-subtitle-4:is(.active):is(.has-center)::before {

  width: 80px;

}

.chy-title-1 {

  font-size: 60px;

  font-weight: 800;

  line-height: 1;

  font-family: var(--urbanist);

  text-transform: capitalize;

  color: #141515;

  margin-bottom: 20px;

}

.chy-title-1:is(.has-55) {

  font-size: 55px;

}

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

  .chy-title-1:is(.has-55) {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .chy-title-1:is(.has-55) {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-title-1:is(.has-55) {

    font-size: 40px;

  }

}

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

  .chy-title-1 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .chy-title-1 {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-title-1 {

    font-size: 40px;

  }

}



.chy-title-2 {

  font-size: 60px;

  font-weight: 900;

  line-height: 1.16;

  font-family: var(--urbanist);

  text-transform: capitalize;

  color: #141515;

  margin-bottom: 22px;

}

.chy-title-2:is(.has-55) {

  font-size: 55px;

}

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

  .chy-title-2:is(.has-55) {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .chy-title-2:is(.has-55) {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-title-2:is(.has-55) {

    font-size: 40px;

  }

}

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

  .chy-title-2 {

    font-size: 55px;

  }

}

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

  .chy-title-2 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .chy-title-2 {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-title-2 {

    font-size: 40px;

  }

}



.chy-title-3 {

  font-size: 65px;

  font-weight: 800;

  line-height: 1.15;

  font-family: var(--urbanist);

  text-transform: capitalize;

  color: #272324;

  margin-bottom: 7px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-title-3 {

    font-size: 60px;

  }

}

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

  .chy-title-3 {

    font-size: 50px;

  }

}

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

  .chy-title-3 {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .chy-title-3 {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-title-3 {

    font-size: 40px;

  }

}



.chy-title-4 {

  font-size: 55px;

  font-weight: 900;

  line-height: 1.15;

  letter-spacing: -0.55px;

  font-family: var(--urbanist);

  text-transform: capitalize;

  color: var(--chy-h2-color);

  margin-bottom: 25px;

}

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

  .chy-title-4 {

    font-size: 50px;

  }

}

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

  .chy-title-4 {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .chy-title-4 {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-title-4 {

    font-size: 40px;

  }

}

/*

  header-1-start

*/

.header_sticky:is(.sticky) {

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -ms-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

  transition: all 400ms ease 0s;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  animation: slideInDown 0.5s;

}



@keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-400px);

    -ms-transform: translateY(-400px);

    transform: translateY(-400px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.transparent-header {

  top: 0;

  left: 0;

  width: 100%;

  z-index: 3;

}



.chy-header-1-area {

  padding-top: 30px;

}

.chy-header-1-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

}

.chy-header-1-wrap .left {

  display: flex;

  align-items: center;

  gap: 40px;

}

.chy-header-1-wrap .chy-logo {

  flex: 0 0 auto;

  padding: 20px 0;

}



.chy-cart-1 {

  position: relative;

}

.chy-cart-1::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 60px;

  transform: translateY(-50%);

  background: #dcdcdc;

  height: 40px;

  width: 1.5px;

}

.chy-cart-1 input {

  max-width: 300px;

  border: none;

  outline: none;

  background: #fff;

  height: 60px;

  border-radius: 30px;

  display: inline-block;

  padding: 0 65px;

  font-size: 16px;

  font-weight: 400;

  font-family: var(--urbanist);

  color: var(--chy-h1-1);

}

.chy-cart-1 input::placeholder {

  font-size: 16px;

  font-weight: 400;

  font-family: var(--urbanist);

  color: #504e4e;

  text-transform: capitalize;

}

.chy-cart-1 .search-icon {

  position: absolute;

  left: 25px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 20px;

  line-height: 1;

  color: var(--chy-h1-color);

}

.chy-cart-1 .cart-btn-position {

  position: absolute;

  right: 25px;

  top: 50%;

  transform: translateY(-50%);

}



.chy-main-menu-1 .main-navigation .navbar-nav {

  display: inherit;

}

.chy-main-menu-1 .main-navigation .navbar-nav li {

  display: inline-block;

}

.chy-main-menu-1 .main-navigation .navbar-nav li:not(:last-child) {

  margin-right: 50px;

}

.chy-main-menu-1 .main-navigation .navbar-nav li:is(.dropdown) > a {

  padding-right: 15px;

}

.chy-main-menu-1 .main-navigation .navbar-nav li:is(.dropdown) > a::before {

  content: "\f0d7";

  font-family: "Font Awesome 6 Pro";

  font-weight: 700;

  position: absolute;

  font-size: 14px;

  border-radius: 50%;

  right: 0;

  top: 49%;

  transform: translateY(-50%);

}

.chy-main-menu-1 .main-navigation .navbar-nav li a {

  font-family: var(--urbanist);

  font-size: 18px;

  color: #1b1a1a;

  font-weight: 700;

  text-decoration: none;

  padding: 35px 0;

  display: inline-block;

  text-transform: capitalize;

  line-height: 1;

  position: relative;

  z-index: 1;

  transition: 400ms ease;

}

.chy-main-menu-1 .main-navigation .navbar-nav li a:is(.active) {

  color: var(--chy-pr-1);

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu {

  left: 0;

  top: 100%;

  z-index: 100;

  margin: 0px;

  padding: 20px 0;

  height: auto;

  min-width: 250px;

  display: block;

  border-top: 3px solid var(--chy-pr-1);

  border-radius: 0;

  position: absolute;

  background: #fff;

  border-radius: 2px;

  text-align: left;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  transform-origin: 0 0 0;

  -webkit-transform-origin: 0 0 0;

  -ms-transform-origin: 0 0 0;

  -o-transform-origin: 0 0 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li {

  display: block;

  margin: 0;

  position: relative;

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li a {

  width: 100%;

  display: block;

  position: relative;

  padding: 14px 30px;

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li a::before {

  right: 20px;

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li a::after {

  width: 12px;

  height: 2px;

  background: var(--chy-gd-1);

  content: "";

  top: 50%;

  left: 25px;

  transform: translateY(-50%);

  position: absolute;

  rotate: 90deg;

  opacity: 0;

  transition: 400ms ease;

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {

  opacity: 0;

  visibility: hidden;

  top: 0%;

  transform: translateY(-50%);

  left: 100%;

  min-width: 250px;

  transform-origin: 0 0 0;

  transform: scaleY(0);

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li:hover > a {

  letter-spacing: 0.5px;

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li:hover > a::after {

  opacity: 1;

  left: 15px;

  rotate: 0deg;

}

.chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  transform: scale(1);

}

.chy-main-menu-1 .main-navigation .current-menu-item a,

.chy-main-menu-1 .main-navigation .navbar-nav li:hover > a {

  color: var(--chy-pr-1);

}

.chy-main-menu-1 .main-navigation .current-menu-item > a {

  color: var(--chy-pr-1) !important;

}

.chy-main-menu-1 .main-navigation .navbar-nav li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

  transform-origin: 0 0 0;

  -webkit-transform-origin: 0 0 0;

  -ms-transform-origin: 0 0 0;

  -o-transform-origin: 0 0 0;

}



/*

header 1

======end======

*/

/*

header 2

======start======

*/

.chy-header-2-area {

  padding-top: 35px;

}



.chy-header-2-wrap {

  max-width: 1700px;

  padding-left: 15px;

  padding-right: 15px;

  margin: auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li:not(:last-child) {

  margin-right: 46px;

}

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

  .chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li:not(:last-child) {

    margin-right: 20px;

  }

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li a {

  font-size: 20px;

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li a:is(.active) {

  color: var(--chy-pr-2);

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li a:is(.has-new) {

  position: relative;

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li a:is(.has-new)::after {

  content: "new";

  background: var(--chy-pr-2);

  border-radius: 10px;

  font-size: 11px;

  font-weight: 900;

  color: #fff;

  position: absolute;

  top: 9px;

  right: -13px;

  padding: 5px 10px;

  text-transform: uppercase;

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li:hover > a {

  color: var(--chy-pr-2);

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav .current-menu-item > a {

  color: var(--chy-pr-2) !important;

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li .dropdown-menu {

  border-top-color: var(--chy-pr-2);

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li .dropdown-menu li {

  margin-right: 0;

}

.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li .dropdown-menu li a::after {

  background: var(--chy-pr-2);

}



.chy-header-2-action-btn {

  display: flex;

  align-items: center;

  gap: 40px;

}

.chy-header-2-action-btn .chy-menu-btn-1 {

  width: 65px;

  height: 65px;

  background: var(--chy-pr-2);

  font-size: 24px;

  border-radius: 5px;

}



/*

header 2

======end======

*/

/*

header 3

======start======

*/

.chy-header-3-area {

  padding: 22px 0;

  border-bottom: 10px solid #121212;

  background-color: #fff;

}

.chy-header-3-wrap {

  max-width: 1720px;

  padding-left: 15px;

  padding-right: 15px;

  display: flex;

  align-items: center;

  margin-left: auto;

  margin-right: auto;

  justify-content: space-between;

}



.chy-main-menu-3 {

  margin-bottom: -25px;

}

.chy-main-menu-3 .main-navigation .navbar-nav {

  display: inherit;

}

.chy-main-menu-3 .main-navigation .navbar-nav li {

  display: inline-block;

  position: relative;

  padding-bottom: 25px;

}

.chy-main-menu-3 .main-navigation .navbar-nav li:not(:last-child)::before {

  background: #000;

  width: 2px;

  height: 16px;

  content: "";

  position: absolute;

  right: -20px;

  top: 33%;

  transform: translateY(-50%);

  transition: 400ms ease;

}

.chy-main-menu-3 .main-navigation .navbar-nav li:not(:last-child) {

  margin-right: 30px;

}

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

  .chy-main-menu-3 .main-navigation .navbar-nav li:not(:last-child) {

    margin-right: 15px;

  }

}

.chy-main-menu-3 .main-navigation .navbar-nav li:is(.dropdown) > a {

  padding-right: 15px;

}

.chy-main-menu-3 .main-navigation .navbar-nav li:is(.dropdown) > a::before {

  content: "\f0d7";

  font-family: "Font Awesome 6 Pro";

  font-weight: 700;

  position: absolute;

  font-size: 14px;

  border-radius: 50%;

  right: 5px;

  top: 49%;

  transform: translateY(-50%);

}

.chy-main-menu-3 .main-navigation .navbar-nav li a {

  font-family: var(--urbanist);

  font-size: 18px;

  color: #000;

  font-weight: 700;

  text-decoration: none;

  padding: 14px 15px;

  display: inline-block;

  text-transform: capitalize;

  line-height: 1;

  position: relative;

  transition: 400ms ease;

  border-radius: 4px;

}

.chy-main-menu-3 .main-navigation .navbar-nav li a::after {

  background: #000;

  width: 100%;

  height: 100%;

  content: "";

  position: absolute;

  left: 0px;

  top: 0px;

  border-radius: 4px;

  z-index: -1;

  border-radius: 4px;

  transition: 400ms ease;

  opacity: 0;

  transition-delay: 0s;

}

.chy-main-menu-3 .main-navigation .navbar-nav li a:is(.active) {

  background-color: var(--chy-pr-3);

}

.chy-main-menu-3 .main-navigation .navbar-nav li a:is(.active)::after {

  transform: translate(1px, 8px);

  opacity: 1;

  transition-delay: 0.2s;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu {

  left: 0;

  top: 100%;

  z-index: 100;

  margin: 0px;

  padding: 10px 0px;

  padding-right: 2px;

  height: auto;

  min-width: 250px;

  display: block;

  border-radius: 0;

  position: absolute;

  background: #fff;

  border-radius: 2px;

  text-align: left;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  transform-origin: 0 0 0;

  -webkit-transform-origin: 0 0 0;

  -ms-transform-origin: 0 0 0;

  -o-transform-origin: 0 0 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li {

  display: block;

  margin: 0;

  position: relative;

  padding-bottom: 4px;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li::before {

  display: none;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li a {

  width: 100%;

  display: block;

  position: relative;

  padding: 14px 30px;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li a::before {

  right: 20px;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li a:is(.active) {

  background-color: var(--chy-pr-3);

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li a:is(.active)::after {

  transform: translate(1px, 3px);

  opacity: 1;

  transition-delay: 0.2s;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {

  opacity: 0;

  visibility: hidden;

  top: 0%;

  transform: translateY(-50%);

  left: 100%;

  min-width: 250px;

  transform-origin: 0 0 0;

  transform: scaleY(0);

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li:hover > a {

  letter-spacing: 0.5px;

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li:hover > a::after {

  transform: translate(1px, 3px);

}

.chy-main-menu-3 .main-navigation .navbar-nav li .dropdown-menu li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  transform: scale(1);

}

.chy-main-menu-3 .main-navigation .navbar-nav li:hover > a {

  background-color: var(--chy-pr-3);

}

.chy-main-menu-3 .main-navigation .navbar-nav .current-menu-item > a {

  background-color: var(--chy-pr-3) !important;

}

.chy-main-menu-3 .main-navigation .navbar-nav li:hover > a::after {

  transform: translate(1px, 8px);

  opacity: 1;

  transition-delay: 0.2s;

}

.chy-main-menu-3 .main-navigation .navbar-nav li:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

  transform-origin: 0 0 0;

  -webkit-transform-origin: 0 0 0;

  -ms-transform-origin: 0 0 0;

  -o-transform-origin: 0 0 0;

}



.chy-header-3-action-btn {

  display: flex;

  align-items: center;

  gap: 50px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {

  .chy-header-3-action-btn .chy-call-1-btn-wrap {

    display: none;

  }

}

@media (max-width: 767px) {

  .chy-header-3-action-btn .chy-call-1-btn-wrap {

    display: none;

  }

}

.chy-header-3-action-btn .chy-menu-btn-1 {

  background: var(--chy-pr-3);

  color: #000;

}



/*

header 3

======end======

*/

/*

header innter

======start======

*/

.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li a {

  color: white;

}

.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li a:is(.active) {

  color: var(--chy-pr-1);

}

.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li:hover a {

  color: var(--chy-pr-1);

}

.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li a {

  color: #000;

}

.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li a:is(.active) {

  color: var(--chy-pr-1);

}

.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li:hover > a {

  color: var(--chy-pr-1);

}



/*

header innter

======end======

*/

.chy-hero-1-area {

  position: relative;

  padding-top: 140px;

  padding-bottom: 160px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-hero-1-area {

    padding-top: 240px;

  }

}

.chy-hero-1-area .il-shape-4 {

  position: absolute;

  right: -340px;

  bottom: 0;

  opacity: 0;

  transition: 1000ms ease;

}

.chy-hero-1-area:is(.active) .il-shape-4 {

  opacity: 1;

  right: 0;

}

.chy-hero-1-area:is(.active) .chy-hero-1-img .main-img::after {

  width: 90%;

}

.chy-hero-1-area:is(.active) .chy-hero-1-img .main-img img {

  transform: translateY(0%);

}

.chy-hero-1-area:is(.active) .chy-hero-1-content .il-shape-1 {

  top: -80px;

  opacity: 1;

  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);

}

.chy-hero-1-area:is(.active) .chy-hero-1-img .il-shape-2 {

  left: -40px;

  opacity: 1;

}

.chy-hero-1-area:is(.active) .chy-hero-1-img .il-shape-1 {

  right: -30px;

  opacity: 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) {

  .chy-hero-1-area:is(.active) .chy-hero-1-img .il-shape-1 {

    right: 0;

  }

}

@media (max-width: 767px) {

  .chy-hero-1-area:is(.active) .chy-hero-1-img .il-shape-1 {

    right: 0;

    bottom: 66%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-1-area:is(.active) .chy-hero-1-img .il-shape-1 {

    right: 0;

  }

}

.chy-hero-1-area:is(.active) .chy-hero-1-img .il-shape-3 {

  bottom: -60px;

  opacity: 1;

}

.chy-hero-1-content {

  position: relative;

  max-width: 500px;

  margin-bottom: -70px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-hero-1-content {

    margin-bottom: 50px;

  }

}

.chy-hero-1-content .subtitle {

  text-transform: capitalize;

  padding-left: 0;

}

.chy-hero-1-content .subtitle::after {

  display: none;

}

.chy-hero-1-content .title {

  font-size: 90px;

  line-height: 1;

  font-weight: 900;

  margin-bottom: 15px;

  letter-spacing: -2px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-hero-1-content .title {

    font-size: 80px;

  }

}

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

  .chy-hero-1-content .title {

    font-size: 70px;

  }

}

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

  .chy-hero-1-content .title {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .chy-hero-1-content .title {

    font-size: 40px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-1-content .title {

    font-size: 50px;

  }

}

.chy-hero-1-content .disc {

  color: var(--chy-h1-color);

  font-weight: 500;

  margin-bottom: 35px;

  letter-spacing: 0.2px;

}

.chy-hero-1-content .btn-wrap {

  display: flex;

  align-items: center;

  gap: 32px;

  flex-wrap: wrap;

}

.chy-hero-1-content .il-shape-1 {

  position: absolute;

  right: -90px;

  top: -20px;

  opacity: 0;

  transition: 1500ms ease;

  transition-delay: 1.2s;

  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);

}

@media (max-width: 767px) {

  .chy-hero-1-content .il-shape-1 {

    right: 0px;

    width: 50%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-1-content .il-shape-1 {

    right: -250px;

    width: 100%;

  }

}



.chy-hero-1-img {

  text-align: center;

  position: relative;

}

.chy-hero-1-img::after {

  content: "";

  position: absolute;

  width: 54px;

  height: 54px;

  border-radius: 50%;

  background: linear-gradient(-3deg, rgb(253, 59, 69) 0%, rgb(250, 134, 64) 100%);

  left: 23%;

  top: 42%;

  animation: chyh1curle 4s infinite ease-in-out;

  transition-delay: 2s;

  z-index: 1;

}

.chy-hero-1-img::before {

  content: "";

  position: absolute;

  width: 54px;

  height: 54px;

  border-radius: 50%;

  background: linear-gradient(-3deg, rgb(253, 59, 69) 0%, rgb(250, 134, 64) 100%);

  right: 20%;

  top: 35%;

  animation: chyh1curle 3s infinite ease-in-out;

  transition-delay: 2s;

  z-index: 2;

}

.chy-hero-1-img .main-img {

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.chy-hero-1-img .main-img::after {

  width: 0%;

  height: 290px;

  background: #FBF3FD;

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: -1;

  border-radius: 20px;

  transition: 1000ms ease;

}

.chy-hero-1-img .main-img img {

  transform: translateY(100%);

  transition: 1000ms ease;

  transition-delay: 1s;

}

.chy-hero-1-img .il-shape-1 {

  position: absolute;

  right: -90px;

  bottom: 39%;

  z-index: 1;

  opacity: 0;

  transition: 1000ms ease;

  transition-delay: 1.5s;

}

.chy-hero-1-img .il-shape-2 {

  position: absolute;

  left: -150px;

  bottom: 40px;

  z-index: 1;

  opacity: 0;

  transition: 1500ms ease;

  transition-delay: 1.5s;

}

.chy-hero-1-img .il-shape-3 {

  position: absolute;

  bottom: -120px;

  right: 30px;

  z-index: 1;

  opacity: 0;

  transition: 1000ms ease;

  transition-delay: 1.5s;

}



@keyframes chyh1curle {

  0% {

    scale: 0.2;

  }

  50% {

    scale: 1;

  }

  100% {

    scale: 0.2;

  }

}

.chy-hero-2-area {

  padding-top: 210px;

  padding-bottom: 150px;

  background-position: bottom;

  background-size: cover;

}



.chy-hero-2-item {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 60px;

  padding: 0 120px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-hero-2-item {

    padding: 0 0px;

    flex-wrap: wrap-reverse;

    gap: 100px;

  }

}



.chy-hero-2-item-img {

  position: relative;

  flex: 0 0 auto;

  transform: rotateX(28deg) rotateY(21deg) scale3d(0.12, 0.1, 0.02);

  transition: 1000ms ease-in-out;

}

.chy-hero-2-item-img .il-img-1 {

  position: absolute;

  top: 76px;

  right: -13px;

  z-index: 2;

  rotate: -45deg;

  transition: 2000ms ease-in-out;

}

.chy-hero-2-item-img .il-img-2 {

  position: absolute;

  top: 26px;

  left: -64px;

  z-index: 1;

}

.chy-hero-2-item-img .il-img-3 {

  position: absolute;

  bottom: -80px;

  left: -10px;

}

.chy-hero-2-item-img .main-img {

  max-width: 480px;

  height: 675px;

  position: relative;

  text-align: center;

  display: flex;

  align-items: end;

  z-index: 2;

}

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

  .chy-hero-2-item-img .main-img {

    max-width: 329px;

    height: 506px;

  }

}

@media (max-width: 767px) {

  .chy-hero-2-item-img .main-img {

    max-width: 280px;

    height: 446px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-2-item-img .main-img {

    max-width: 480px;

    height: 675px;

  }

}

.chy-hero-2-item-img .main-img .person-img {

  position: absolute;

  bottom: 51px;

  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);

  transition: 1000ms ease-in-out;

  transition-delay: 0s;

}



.chy-hero-2-item-content .hero-2-subtitle {

  font-size: 20px;

  font-weight: 900;

  background: #141515;

  color: #fff;

  display: inline-block;

  padding: 15px;

  clip-path: polygon(0 0, 100% 30%, 100% 30%, 0% 0%);

  margin-left: 55px;

  transition: 500ms ease-in-out;

}

.chy-hero-2-item-content .hero-2-title {

  background: var(--chy-pr-2);

  color: #fff;

  font-size: 84px;

  font-weight: 900;

  display: inline-block;

  padding-top: 10px;

  padding-left: 50px;

  padding-right: 60px;

  padding-bottom: 25px;

  clip-path: polygon(6% 0, 100% 0, 100% 0%, 0% 0%);

  letter-spacing: -3px;

  transition: 500ms ease-in-out;

  transition-delay: 0.5s;

}

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

  .chy-hero-2-item-content .hero-2-title {

    font-size: 74px;

  }

}

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

  .chy-hero-2-item-content .hero-2-title {

    font-size: 70px;

  }

}

@media (max-width: 767px) {

  .chy-hero-2-item-content .hero-2-title {

    font-size: 50px;

    padding-left: 25px;

    padding-right: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-2-item-content .hero-2-title {

    font-size: 60px;

    padding-left: 50px;

    padding-right: 60px;

  }

}

.chy-hero-2-item-content .hero-2-title-2 {

  background: #E1EAEA;

  font-size: 84px;

  font-weight: 900;

  display: inline-block;

  padding-top: 15px;

  padding-left: 40px;

  padding-right: 60px;

  padding-bottom: 15px;

  clip-path: polygon(6% 14%, 94% 0, 100% 0%, 0% 15%);

  letter-spacing: -3px;

  margin-top: -18px;

  margin-bottom: 20px;

  transition: 500ms ease-in-out;

  transition-delay: 1s;

}

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

  .chy-hero-2-item-content .hero-2-title-2 {

    font-size: 74px;

  }

}

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

  .chy-hero-2-item-content .hero-2-title-2 {

    font-size: 70px;

  }

}

@media (max-width: 767px) {

  .chy-hero-2-item-content .hero-2-title-2 {

    font-size: 50px;

    padding-left: 25px;

    padding-right: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-2-item-content .hero-2-title-2 {

    font-size: 60px;

    padding-left: 50px;

    padding-right: 60px;

  }

}

.chy-hero-2-item-content .hero-2-disc {

  color: #575757;

  font-weight: 500;

  margin-bottom: 43px;

  transform: translateY(50px);

  opacity: 0;

  transition: 1000ms ease;

  transition-delay: 0s;

}

.chy-hero-2-item-content .chy-pr-btn-3 {

  transform: translateY(50px);

  opacity: 0;

  transition-delay: 0s;

}



.chy-hero-2-slider {

  position: relative;

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .hero-2-subtitle {

  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .hero-2-title {

  clip-path: polygon(6% 0, 100% 0, 100% 81%, 0% 100%);

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .hero-2-title-2 {

  clip-path: polygon(6% 14%, 94% 0, 100% 100%, 0% 100%);

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .hero-2-disc {

  transform: translateY(0px);

  opacity: 1;

  transition-delay: 0.4s;

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .chy-pr-btn-3 {

  transform: translateY(0px);

  opacity: 1;

  transition-delay: 1s;

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .chy-hero-2-item-img {

  transform: none;

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .chy-hero-2-item-img .main-img .person-img {

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

  transition-delay: 0.8s;

}

.chy-hero-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-2-item .chy-hero-2-item-img .il-img-1 {

  rotate: 0deg;

}

.chy-hero-2-slider .chy_hero_2_prev, .chy-hero-2-slider .chy_hero_2_next {

  width: 74px;

  height: 74px;

  background: #030303;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  color: #fff;

  transition: 400ms ease;

  z-index: 3;

}

@media (max-width: 767px) {

  .chy-hero-2-slider .chy_hero_2_prev, .chy-hero-2-slider .chy_hero_2_next {

    width: 45px;

    height: 45px;

  }

}

.chy-hero-2-slider .chy_hero_2_prev:hover, .chy-hero-2-slider .chy_hero_2_next:hover {

  background: var(--chy-pr-2);

}

.chy-hero-2-slider .chy_hero_2_prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -207px;

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

  .chy-hero-2-slider .chy_hero_2_prev {

    left: -80px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-hero-2-slider .chy_hero_2_prev {

    left: -60px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-hero-2-slider .chy_hero_2_prev {

    left: 0px;

  }

}

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

  .chy-hero-2-slider .chy_hero_2_prev {

    left: 0px;

  }

}

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

  .chy-hero-2-slider .chy_hero_2_prev {

    left: 0px;

  }

}

@media (max-width: 767px) {

  .chy-hero-2-slider .chy_hero_2_prev {

    left: 0px;

  }

}

.chy-hero-2-slider .chy_hero_2_next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -207px;

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

  .chy-hero-2-slider .chy_hero_2_next {

    right: -80px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-hero-2-slider .chy_hero_2_next {

    right: -60px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-hero-2-slider .chy_hero_2_next {

    right: 0px;

  }

}

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

  .chy-hero-2-slider .chy_hero_2_next {

    right: 0px;

  }

}

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

  .chy-hero-2-slider .chy_hero_2_next {

    right: 0px;

  }

}

@media (max-width: 767px) {

  .chy-hero-2-slider .chy_hero_2_next {

    right: 0px;

  }

}



.chy-hero-3-item-wrap {

  position: relative;

  padding-top: 210px;

  padding-bottom: 180px;

}

@media (max-width: 767px) {

  .chy-hero-3-item-wrap {

    padding-top: 120px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-3-item-wrap {

    padding-top: 210px;

  }

}

.chy-hero-3-item-wrap .bg-img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.chy-hero-3-item-wrap .bg-img img {

  --_g: 10% /45% 45% no-repeat linear-gradient(#000 0 0);

  --m:

    left var(--_i,0%) top var(--_g),

    bottom var(--_i,0%) left var(--_g),

    top var(--_i,0%) right var(--_g),

    right var(--_i,0%) bottom var(--_g);

  -webkit-mask: var(--m);

  mask: var(--m);

  filter: grayscale(1);

  transition: 1s linear;

  scale: 1.2;

  transition-delay: 0.3s;

}



.chy-hero-3-item {

  position: relative;

}

.chy-hero-3-item .il-img-2 {

  position: absolute;

  left: 240px;

  bottom: -180px;

  transform: rotateY(90deg);

  transition: 1.5s ease-in-out;

  transition-delay: 0.7s;

}

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

  .chy-hero-3-item .il-img-2 {

    left: 0px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-hero-3-item .il-img-2 {

    display: none;

  }

}

.chy-hero-3-item .il-img-1 {

  position: absolute;

  left: -40px;

  top: -90px;

  transform: rotate(114deg) scale(0);

  transition: 2s ease-in-out;

  transition-delay: 0.3s;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-hero-3-item .il-img-1 {

    left: 0px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-hero-3-item .il-img-1 {

    display: none;

  }

}



.chy-hero-3-item-content {

  max-width: 575px;

  margin-left: auto;

}

.chy-hero-3-item-content .hero-3-subtitle {

  font-size: 19px;

  font-weight: 900;

  background: #141515;

  color: #fff;

  display: inline-block;

  padding: 15px;

  clip-path: polygon(0 0, 100% 20%, 100% 20%, 0% 0%);

  margin-left: 45px;

  transition: 500ms ease-in-out;

  transition-delay: 0.3s;

}

.chy-hero-3-item-content .hero-3-title {

  background: var(--chy-pr-3);

  color: var(--chy-h1-color);

  font-size: 84px;

  font-weight: 900;

  display: inline-block;

  padding: 5px 30px;

  padding-bottom: 10px;

  letter-spacing: -3px;

  clip-path: polygon(0 0, 93% 0, 100% 0%, 0 0%);

  padding-right: 40px;

  transition: 500ms ease-in-out;

  transition-delay: 0.8s;

  margin-left: 15px;

}

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

  .chy-hero-3-item-content .hero-3-title {

    font-size: 74px;

  }

}

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

  .chy-hero-3-item-content .hero-3-title {

    font-size: 70px;

  }

}

@media (max-width: 767px) {

  .chy-hero-3-item-content .hero-3-title {

    font-size: 50px;

    padding-left: 25px;

    padding-right: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-3-item-content .hero-3-title {

    font-size: 60px;

    padding-left: 50px;

    padding-right: 60px;

  }

}

.chy-hero-3-item-content .hero-3-title-2 {

  background: white;

  font-size: 84px;

  font-weight: 900;

  display: inline-block;

  padding-top: 15px;

  padding-left: 40px;

  padding-right: 60px;

  padding-bottom: 15px;

  letter-spacing: -3px;

  margin-bottom: 45px;

  transition: 500ms ease-in-out;

  transition-delay: 1.3s;

  clip-path: polygon(0% 0, 92% 11%, 100% 12%, 0 0%);

  margin-top: -15px;

}

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

  .chy-hero-3-item-content .hero-3-title-2 {

    font-size: 74px;

  }

}

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

  .chy-hero-3-item-content .hero-3-title-2 {

    font-size: 70px;

  }

}

@media (max-width: 767px) {

  .chy-hero-3-item-content .hero-3-title-2 {

    font-size: 50px;

    padding-left: 25px;

    padding-right: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-hero-3-item-content .hero-3-title-2 {

    font-size: 60px;

    padding-left: 50px;

    padding-right: 60px;

  }

}

.chy-hero-3-item-content .btn-position {

  transform: translateY(100px);

  transition: 1s ease-in-out;

  transition-delay: 0.5s;

  opacity: 0;

}



.chy-hero-3-slider {

  position: relative;

}

.chy-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-3-item-wrap .bg-img img {

  --_i: 10%;

  filter: grayscale(0);

}

.chy-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-3-item-wrap .chy-hero-3-item .il-img-1 {

  transform: rotate(0deg) scale(1);

}

.chy-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-3-item-wrap .chy-hero-3-item .il-img-2 {

  transform: rotateY(0deg);

}

.chy-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-3-item-wrap .chy-hero-3-item .chy-hero-3-item-content .hero-3-subtitle {

  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);

}

.chy-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-3-item-wrap .chy-hero-3-item .chy-hero-3-item-content .hero-3-title {

  clip-path: polygon(0 0, 93% 0, 100% 100%, 0 85%);

}

.chy-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-3-item-wrap .chy-hero-3-item .chy-hero-3-item-content .hero-3-title-2 {

  clip-path: polygon(4% 0, 92% 11%, 100% 100%, 0 100%);

}

.chy-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-hero-3-item-wrap .chy-hero-3-item .chy-hero-3-item-content .btn-position {

  transform: translateY(0px);

  opacity: 1;

}

.chy-hero-3-slider .chy_hero_2_prev, .chy-hero-3-slider .chy_hero_2_next {

  width: 89px;

  height: 89px;

  background: #fff;

  border: 2px solid #000;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  color: #000;

  transition: 400ms ease;

  z-index: 3;

}

@media (max-width: 767px) {

  .chy-hero-3-slider .chy_hero_2_prev, .chy-hero-3-slider .chy_hero_2_next {

    width: 45px;

    height: 45px;

  }

}

.chy-hero-3-slider .chy_hero_2_prev:hover, .chy-hero-3-slider .chy_hero_2_next:hover {

  background: var(--chy-pr-3);

  border-color: transparent;

}

.chy-hero-3-slider .chy_hero_2_prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 2vw;

}

@media (max-width: 767px) {

  .chy-hero-3-slider .chy_hero_2_prev {

    top: 90%;

  }

}

.chy-hero-3-slider .chy_hero_2_next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 2vw;

}

@media (max-width: 767px) {

  .chy-hero-3-slider .chy_hero_2_next {

    top: 90%;

  }

}



.chy-trusted-1-area {

  margin-top: -50px;

  position: relative;

  z-index: 1;

}



.chy-trusted-1-wrap {

  padding: 35px 45px;

  background: #191918;

  border-radius: 118px;

  display: grid;

  grid-template-columns: 1.2fr 1fr 1fr 1fr;

  gap: 15px;

  padding-left: 80px;

}

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

  .chy-trusted-1-wrap {

    grid-template-columns: 1fr 1fr;

    border-radius: 30px;

    padding-left: 45px;

  }

}

@media (max-width: 767px) {

  .chy-trusted-1-wrap {

    grid-template-columns: 1fr;

    border-radius: 30px;

    padding-left: 45px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-trusted-1-wrap {

    grid-template-columns: 1fr 1fr;

    border-radius: 30px;

    padding-left: 45px;

  }

}



.chy-trusted-1-item {

  border-radius: 10px;

  overflow: hidden;

}

.chy-trusted-1-item:nth-child(2) {

  border-radius: 85px 10px 10px 85px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-trusted-1-item:nth-child(2) {

    border-radius: 10px 10px 10px 10px;

  }

}

.chy-trusted-1-item:nth-child(4) {

  border-radius: 10px 85px 85px 10px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-trusted-1-item:nth-child(4) {

    border-radius: 10px 10px 10px 10px;

  }

}



.chy-trusted-1-title {

  font-size: 37px;

  color: #fff;

  line-height: 1.35;

  font-weight: 800;

  margin-top: 20px;

}

@media (max-width: 767px) {

  .chy-trusted-1-title {

    font-size: 25px;

    margin-top: 0px;

  }

}

.chy-trusted-1-title span {

  display: inline-block;

  animation: chy-t1-title 4s infinite ease-in-out;

}

.chy-trusted-1-title .icon-3 {

  animation: chy-t1-title 5s infinite ease-in-out;

}

.chy-trusted-1-title .icon-2 {

  animation: chy-t1-title 5s infinite ease-in-out;

}



@keyframes chy-t1-title {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.chy-trusted-1-video {

  position: relative;

  width: 100%;

  height: 100%;

}

.chy-trusted-1-video img {

  filter: grayscale(1);

}

.chy-trusted-1-video .chy-plybtn-1 {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.chy-trusted-1-reating {

  height: 100%;

  background: #fff;

  padding: 35px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.chy-trusted-1-reating .text {

  font-size: 17px;

  line-height: 25px;

  font-weight: 800;

}

.chy-trusted-1-reating .line {

  width: 100%;

  height: 1px;

  background: #eeeeee;

  display: block;

  margin-bottom: 10px;

}

.chy-trusted-1-reating .icon {

  font-size: 18px;

  color: #ea9034;

  margin-right: 3px;

  line-height: 1;

  margin-bottom: 10px;

}



.chy-trusted-1-progress {

  background: #fff;

  padding: 25px;

}

.chy-trusted-1-progress .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 800;

  margin-bottom: 7px;

}

.chy-trusted-1-progress .line {

  display: block;

  width: 100%;

  height: 1px;

  background: #eeeeee;

  margin-bottom: 7px;

}

.chy-trusted-1-progress .number {

  font-size: 28px;

  line-height: 1;

  font-weight: 800;

  margin-bottom: 5px;

}



.chy-trusted-1-progress-item .title {

  font-size: 14px;

  margin-bottom: 0;

}

.chy-trusted-1-progress-item .line {

  display: block;

  max-width: 163px;

  height: 13px;

  background: #EAEAEA;

  border-radius: 6.5px;

  position: relative;

  overflow: hidden;

}

.chy-trusted-1-progress-item .line .line-fill {

  position: absolute;

  top: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background: #9946EC;

  border-radius: 6.5px;

  transition: 5s;

}

.chy-trusted-1-progress-item:is(.active) .line .line-fill {

  width: 80%;

}



.chy-trusted-2-area .animation-line {

  height: 2px;

  width: 100%;

  background: #dddddd;

  display: block;

}

.chy-trusted-2-content {

  margin-top: -40px;

}

@media (max-width: 767px) {

  .chy-trusted-2-content {

    margin-top: 0px;

  }

}

.chy-trusted-2-content .title {

  font-size: 35px;

  color: #0d161a;

  font-weight: 900;

  margin-bottom: 10px;

}

.chy-trusted-2-content .disc {

  letter-spacing: 0.3px;

  margin-bottom: 30px;

}

.chy-trusted-2-content .team-group .title {

  font-size: 20px;

  font-weight: 800;

  margin-bottom: 20px;

}

.chy-trusted-2-slider-item {

  padding: 35px;

  border-radius: 30px;

  background: #fff;

  width: 100%;

}

.chy-trusted-2-slider-item .icon {

  width: 75px;

  height: 75px;

  display: flex;

  justify-content: center;

  line-height: 85px;

  background: #e7e3f2;

  border-radius: 50%;

  font-size: 40px;

  color: #000;

  margin-bottom: 20px;

}

.chy-trusted-2-slider-item .icon:is(.has-bg) {

  background: #ffecc9;

}

.chy-trusted-2-slider-item .title {

  font-size: 25px;

  font-weight: 800;

  color: #0d161a;

  margin-bottom: 8px;

}

.chy-trusted-2-slider-item .disc {

  letter-spacing: 0.2px;

}



.chy-trusted-2-slider {

  position: relative;

}

@media (max-width: 767px) {

  .chy-trusted-2-slider {

    margin-top: 50px;

  }

}

.chy-trusted-2-slider::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 650px;

  height: 100px;

  background: #000;

  filter: blur(81px);

  opacity: 0.1;

}



.chy-trusted-2-pagination {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 0px;

  padding-top: 30px;

  min-height: 20px;

  min-height: 52px;

}

.chy-trusted-2-pagination span {

  width: 11px;

  height: 11px;

  opacity: 1;

  background: #d6d6d6;

}

.chy-trusted-2-pagination span:is(.swiper-pagination-bullet-active) {

  background: var(--chy-pr-2);

  width: 19px;

  height: 19px;

}



.chy-trusted-3-area {

  position: relative;

  z-index: 1;

}

.chy-trusted-3-wrap {

  display: grid;

  grid-template-columns: 1fr 2fr;

  gap: 50px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-trusted-3-wrap {

    grid-template-columns: 1fr;

  }

}



.chy-trusted-3-content .title {

  font-size: 35px;

  font-weight: 800;

  color: #272324;

  margin-bottom: 10px;

}

.chy-trusted-3-content .disc {

  margin-bottom: 25px;

}

.chy-trusted-3-content .t3-btn {

  font-size: 19px;

  font-weight: 900;

  text-transform: capitalize;

  font-family: var(--urbanist);

  color: #272324;

  text-decoration: underline;

  transition: 400ms ease-in-out;

}

.chy-trusted-3-content .t3-btn:hover {

  color: cadetblue;

}



.chy-trusted-3-counter {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

@media (max-width: 767px) {

  .chy-trusted-3-counter {

    flex-wrap: wrap;

    gap: 30px;

    justify-content: flex-start;

  }

}

.chy-trusted-3-counter .item {

  position: relative;

}

.chy-trusted-3-counter .item::after {

  content: "";

  width: 40px;

  height: 40px;

  background: var(--chy-pr-3);

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 50%;

  z-index: -1;

}

.chy-trusted-3-counter .item:is(.no-after)::after {

  display: none;

}

.chy-trusted-3-counter .number {

  font-size: 78px;

  font-weight: 800;

  color: #202022;

  line-height: 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) {

  .chy-trusted-3-counter .number {

    font-size: 50px;

  }

}

.chy-trusted-3-counter .disc {

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  color: #202022;

}

.chy-trusted-3-counter .icon {

  animation: chyt3ani 10s infinite ease;

  display: block;

  line-height: 1;

}

@media (max-width: 767px) {

  .chy-trusted-3-counter .icon {

    display: none;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-trusted-3-counter .icon {

    display: block;

  }

}



@keyframes chyt3ani {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.chy-services-1-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {

  .chy-services-1-wrap {

    grid-template-columns: 1fr 1fr;

  }

}

@media (max-width: 767px) {

  .chy-services-1-wrap {

    grid-template-columns: 1fr;

  }

}



.chy-services-1-item {

  text-align: center;

  background: #1c1c2d;

  border-radius: 190px 190px 0 0;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.chy-services-1-item::after {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  background: var(--chy-gd-1);

  z-index: -1;

  border-radius: 190px 190px 0 0;

  top: 430px;

  opacity: 0;

  transition: 400ms ease;

}

.chy-services-1-item .header {

  padding-top: 50px;

  padding-bottom: 25px;

  border-bottom: 1px solid #46465c;

  padding-left: 55px;

  padding-right: 55px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-services-1-item .header {

    padding-left: 45px;

    padding-right: 45px;

  }

}

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

  .chy-services-1-item .header {

    padding-left: 25px;

    padding-right: 25px;

  }

}

@media (max-width: 767px) {

  .chy-services-1-item .header {

    padding-left: 20px;

    padding-right: 20px;

  }

}

.chy-services-1-item .icon {

  width: 70px;

  margin: auto;

  margin-bottom: 25px;

}

.chy-services-1-item .title {

  font-size: 30px;

  font-weight: 800;

  color: #fff;

  margin-bottom: 16px;

}

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

  .chy-services-1-item .title {

    font-size: 26px;

  }

}

@media (max-width: 767px) {

  .chy-services-1-item .title {

    font-size: 26px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-1-item .title {

    font-size: 30px;

  }

}

.chy-services-1-item .disc {

  color: #fff;

}

.chy-services-1-item-list {

  text-align: left;

}

.chy-services-1-item-list li {

  font-size: 20px;

  color: #fff;

  font-weight: 800;

  text-transform: capitalize;

}

@media (max-width: 767px) {

  .chy-services-1-item-list li {

    font-size: 18px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-1-item-list li {

    font-size: 20px;

  }

}

.chy-services-1-item-list li:not(:last-child) {

  margin-bottom: 8px;

}

.chy-services-1-item-list li i {

  font-size: 13px;

  margin-right: 5px;

  position: relative;

  z-index: 1;

}

.chy-services-1-item-list li i::after {

  width: 21px;

  height: 16px;

  content: "";

  position: absolute;

  left: -6px;

  top: -3px;

  background: #fff;

  clip-path: polygon(0 0, 0% 100%, 100% 50%);

  opacity: 0.2;

  transition: 600ms ease;

  z-index: -4;

}

.chy-services-1-item .body {

  position: relative;

  padding-top: 24px;

  padding-bottom: 35px;

  padding-left: 55px;

  padding-right: 55px;

}

@media (max-width: 767px) {

  .chy-services-1-item .body {

    padding-left: 25px;

    padding-right: 45px;

    padding-bottom: 85px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-1-item .body {

    padding-left: 55px;

    padding-right: 85px;

  }

}

.chy-services-1-item .s1-btn {

  display: flex;

  width: 48px;

  height: 48px;

  border: 2px solid #fff;

  border-radius: 50%;

  justify-content: center;

  line-height: 50px;

  font-size: 25px;

  color: #fff;

  position: absolute;

  right: 25px;

  bottom: 40px;

  transition: 400ms ease;

}

@media (max-width: 767px) {

  .chy-services-1-item .s1-btn {

    right: unset;

    left: 20px;

    bottom: 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-1-item .s1-btn {

    right: unset;

    left: 50px;

    bottom: 20px;

  }

}

.chy-services-1-item:hover::after {

  top: 0;

  opacity: 1;

}

.chy-services-1-item:hover .header {

  border-color: #9845ED;

}

.chy-services-1-item:hover .chy-services-1-item-list li i::after {

  background: #FB3937;

  opacity: 1;

}

.chy-services-1-item:hover .s1-btn {

  color: #000000;

  border-color: #000000;

}

.chy-services-1-item:hover .s1-btn:hover {

  background: #000;

  color: #fff;

  border-color: transparent;

  rotate: 45deg;

}



.chy-services-1-counter {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  border: 2px solid var(--chy-h1-color);

  border-top: none;

  padding: 55px 65px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {

  .chy-services-1-counter {

    padding: 55px 25px;

    border-top: 2px solid var(--chy-h1-color);

  }

}

@media (max-width: 767px) {

  .chy-services-1-counter {

    padding: 55px 25px;

    border-top: 2px solid var(--chy-h1-color);

    grid-template-columns: 1fr;

    gap: 20px 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-1-counter {

    padding: 55px 25px;

    border-top: 2px solid var(--chy-h1-color);

    grid-template-columns: 1fr 1fr;

    gap: 20px 0;

  }

}



.chy-services-1-counter-item {

  display: flex;

  align-items: center;

  gap: 20px;

  border-right: 2px solid var(--chy-h1-color);

}

@media (max-width: 767px) {

  .chy-services-1-counter-item {

    border-right: none;

  }

}

.chy-services-1-counter-item:nth-child(2) {

  justify-content: center;

}

@media (max-width: 767px) {

  .chy-services-1-counter-item:nth-child(2) {

    justify-content: left;

  }

}

.chy-services-1-counter-item:nth-child(3) {

  justify-self: end;

  border-right: none;

}

@media (max-width: 767px) {

  .chy-services-1-counter-item:nth-child(3) {

    justify-self: left;

  }

}

.chy-services-1-counter-item .number {

  font-size: 65px;

  line-height: 1;

  font-weight: 800;

}

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

  .chy-services-1-counter-item .number {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .chy-services-1-counter-item .number {

    font-size: 35px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-1-counter-item .number {

    font-size: 40px;

  }

}

.chy-services-1-counter-item .disc {

  font-size: 25px;

  line-height: 1.2;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-services-1-counter-item .disc {

    font-size: 18px;

  }

}



.chy-services-2-item-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  position: relative;

}

@media (max-width: 767px) {

  .chy-services-2-item-wrap {

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-2-item-wrap {

    grid-template-columns: 1fr 1fr;

  }

}

.chy-services-2-item-wrap > .icon {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

@media (max-width: 767px) {

  .chy-services-2-item-wrap > .icon {

    display: none;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-2-item-wrap > .icon {

    display: block;

  }

}



.chy-services-2-item {

  background: #fff;

  box-shadow: -3.032px 10.574px 70px 0px rgba(12, 12, 12, 0.07);

  border-radius: 30px;

  text-align: center;

  padding: 50px 40px;

}

@media (max-width: 767px) {

  .chy-services-2-item {

    padding: 50px 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-2-item {

    padding: 50px 20px;

  }

}

.chy-services-2-item .icon {

  font-size: 55px;

  color: #000;

  line-height: 1;

  margin-bottom: 20px;

}

.chy-services-2-item .title {

  font-size: 25px;

  font-weight: 900;

  margin-bottom: 10px;

  transition: 400ms ease-in-out;

}

.chy-services-2-item .title:hover {

  color: var(--chy-pr-2);

}



.chy-services-2-item {

  transition: 600ms ease-out;

  transition-delay: 0.3s;

}

.chy-services-2-item-wrap:is(.active) .chy-services-2-item {

  transform: translate(0px, 0px);

}

.chy-services-2-item:nth-child(2) {

  transform: translate(-30px, -30px);

}

.chy-services-2-item:nth-child(3) {

  transform: translate(30px, -30px);

}

.chy-services-2-item:nth-child(4) {

  transform: translate(-30px, 30px);

}

.chy-services-2-item:nth-child(5) {

  transform: translate(30px, 30px);

}



.chy-services-2-content {

  padding-left: 65px;

}

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

  .chy-services-2-content {

    padding-left: 0;

    padding-right: 26vw;

    padding-top: 50px;

  }

}

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

  .chy-services-2-content {

    padding-left: 0;

    padding-right: 10vw;

    padding-top: 50px;

  }

}

@media (max-width: 767px) {

  .chy-services-2-content {

    padding-left: 0;

    padding-right: 0;

    padding-top: 50px;

  }

}



.chy-services-2-work {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 35px;

}

.chy-services-2-work .title {

  font-size: 20px;

  font-weight: 800;

}

.chy-services-2-work .number {

  font-size: 80px;

  font-weight: 800;

  color: var(--chy-pr-2);

}

@media (max-width: 767px) {

  .chy-services-2-work .number {

    font-size: 70px;

  }

}



.chy-services-3-content {

  padding-right: 20px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-services-3-content {

    padding-right: 0px;

    padding-bottom: 60px;

  }

}

.chy-services-3-content .chy-services-2-work .title {

  color: #272324;

}

.chy-services-3-content .chy-services-2-work .number {

  font-size: 70px;

  color: var(--chy-pr-3);

}



.chy-services-3-item-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 30px 25px;

}

@media (max-width: 767px) {

  .chy-services-3-item-wrap {

    grid-template-columns: 1fr 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-3-item-wrap {

    grid-template-columns: 1fr 1fr 1fr;

  }

}



.chy-services-3-item {

  overflow: hidden;

  text-align: center;

  border: 1px solid;

  border-color: rgb(239, 239, 239);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 55px 20px;

  border-radius: 300px;

}

.chy-services-3-item .title {

  font-size: 21px;

  font-weight: 800;

  color: #111111;

  text-transform: uppercase;

}

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

  .chy-services-3-item .title {

    font-size: 18px;

  }

}

@media (max-width: 767px) {

  .chy-services-3-item .title {

    font-size: 18px;

  }

}

.chy-services-3-item .title:hover {

  color: var(--chy-pr-3);

}

.chy-services-3-item .icon {

  margin-bottom: 23px;

}



.chy-services-4-wrap {

  margin-left: auto;

  margin-right: auto;

  width: 100%;

  max-width: 1920px;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

}

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

  .chy-services-4-wrap {

    grid-template-columns: 1fr 1fr;

  }

}

@media (max-width: 767px) {

  .chy-services-4-wrap {

    grid-template-columns: 1fr;

  }

}



.chy-services-4-item {

  background: #EFF2FF;

  background: #EFF2FF;

  padding: 85px 100px;

  padding-bottom: 35px;

  transition: 0.5s ease-in-out;

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

  .chy-services-4-item {

    padding: 85px 60px;

    padding-bottom: 35px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-services-4-item {

    padding: 85px 50px;

    padding-bottom: 35px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-services-4-item {

    padding: 85px 40px;

    padding-bottom: 35px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {

  .chy-services-4-item {

    padding: 60px 30px;

    padding-bottom: 35px;

  }

}

@media (max-width: 767px) {

  .chy-services-4-item {

    padding: 60px 20px;

    padding-bottom: 35px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-services-4-item {

    padding: 60px 80px;

    padding-bottom: 35px;

  }

}

.chy-services-4-item .main-img {

  width: 100%;

  height: 145px;

  overflow: hidden;

  border-radius: 300px;

  margin-bottom: 23px;

}

.chy-services-4-item .main-img .rotatedscal {

  height: 100%;

}

.chy-services-4-item .title {

  font-size: 37.32px;

  font-weight: 800;

  color: #0d0d0d;

  line-height: 1.56;

  margin-bottom: 13px;

  padding-left: 25px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-services-4-item .title {

    font-size: 32px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-services-4-item .title {

    font-size: 28px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-services-4-item .title {

    padding-left: 0px;

    font-size: 25px;

  }

}

.chy-services-4-item .disc {

  font-size: 18.66px;

  color: #262524;

  line-height: 28px;

  margin-bottom: 13px;

  padding-left: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-services-4-item .disc {

    padding-left: 0px;

  }

}

.chy-services-4-item-list {

  padding-left: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-services-4-item-list {

    padding-left: 0px;

  }

}

.chy-services-4-item-list li {

  font-family: var(--urbanist);

  font-weight: 800;

  color: #262524;

  text-transform: capitalize;

  transition: 0.4s ease-in-out;

}

.chy-services-4-item-list li:not(:last-child) {

  margin-bottom: 9px;

}

.chy-services-4-item-list li i {

  width: 25px;

  height: 25px;

  display: inline-flex;

  background: #fff;

  border-radius: 50%;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  color: var(--chy-pr-3);

  margin-right: 3px;

  transition: 0.4s ease-in-out;

}

.chy-services-4-item .s4-btn {

  width: 60px;

  height: 60px;

  background: #fff;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 22px;

  color: #262524;

  margin-left: 25px;

  transition: 0.4s ease-in-out;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-services-4-item .s4-btn {

    margin-left: 0px;

  }

}

.chy-services-4-item .s4-btn:hover {

  background: #000;

  color: var(--chy-pr-3);

}

.chy-services-4-item:is(.has-black) {

  background: #0D0D0D;

}

.chy-services-4-item:is(.has-black) .title {

  color: #fff;

}

.chy-services-4-item:is(.has-black) .disc {

  color: #fff;

}

.chy-services-4-item:is(.has-black) .chy-services-4-item-list li {

  color: #fff;

}

.chy-services-4-item:is(.has-black):is(.active) .title {

  color: #0d0d0d;

}

.chy-services-4-item:is(.has-black):is(.active) .disc {

  color: #262524;

}

.chy-services-4-item:is(.has-black):is(.active) .chy-services-4-item-list li {

  color: #262524;

}

.chy-services-4-item:is(.has-black):is(.active) .chy-services-4-item-list li i {

  background: #000;

  color: #fff;

}

.chy-services-4-item:is(.active) {

  background: var(--chy-pr-3);

}

.chy-services-4-item:is(.active) .chy-services-4-item-list li i {

  background-color: #000;

  color: #fff;

}



.chy-solutions-1-content {

  margin-right: -50px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-solutions-1-content {

    margin-right: 0px;

    margin-bottom: 50px;

  }

}

.chy-solutions-1-content .section-title-wrap .chy-section-para-1 {

  max-width: 480px;

}

.chy-solutions-1-content .inner-div {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  max-width: 440px;

}

.chy-solutions-1-content .inner-div .inner-img {

  box-shadow: 0px 2px 42.14px 6.86px rgba(28, 28, 45, 0.06);

  border-radius: 10px;

  overflow: hidden;

}

.chy-solutions-1-content .inner-div .inner-img img {

  width: 100%;

  height: 100%;

}

.chy-solutions-1-img {

  position: relative;

  padding-left: 130px;

}

@media (max-width: 767px) {

  .chy-solutions-1-img {

    padding-left: 0px;

  }

}



.chy-solutions-1-goals {

  background: #fff;

  box-shadow: 0px 14px 60.2px 9.8px rgba(28, 28, 45, 0.2);

  border-radius: 30px;

  position: absolute;

  bottom: -20px;

  left: 60px;

  overflow: hidden;

}

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

  .chy-solutions-1-goals {

    bottom: -140px;

  }

}

@media (max-width: 767px) {

  .chy-solutions-1-goals {

    position: unset;

    margin-top: 40px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-solutions-1-goals {

    position: absolute;

    margin-top: 0px;

  }

}

.chy-solutions-1-goals .title {

  font-size: 27px;

  font-weight: 900;

  padding-top: 20px;

  padding-left: 40px;

  margin-bottom: 12px;

}



.chy-solutions-1-goals-item {

  padding: 20px 35px;

  display: flex;

  align-items: center;

  gap: 20px;

}

.chy-solutions-1-goals-item .icon {

  width: 66px;

  height: 66px;

  background: #E1FFFD;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  line-height: 1;

  font-size: 35px;

  color: #000;

  flex: 0 0 auto;

}

.chy-solutions-1-goals-item .number {

  font-size: 30px;

  font-weight: 900;

}

.chy-solutions-1-goals-item .disc {

  font-size: 20px;

  font-weight: 600;

  text-transform: capitalize;

}

.chy-solutions-1-goals-item:is(.has-bg) {

  background: #FFF6F6;

}

.chy-solutions-1-goals-item:is(.has-bg) .icon {

  background: #F1FFA4;

}



.chy-solutions-2-area {

  padding-top: 130px;

  padding-bottom: 100px;

}



.chy-solutions-2-content {

  max-width: 530px;

}

.chy-solutions-2-content .section-title-wrap .chy-title-2 {

  color: #fff;

}

.chy-solutions-2-content .section-title-wrap .chy-para-2 {

  color: #fff;

}

.chy-solutions-2-content .inner-div {

  display: flex;

  gap: 20px;

  align-items: center;

  flex-wrap: wrap;

}



.solutions-2-list li {

  font-size: 18px;

  font-weight: 900;

  color: #fff;

  text-transform: capitalize;

  font-family: var(--urbanist);

}

.solutions-2-list li:not(:last-child) {

  margin-bottom: 10px;

}

.solutions-2-list li i {

  color: var(--chy-pr-2);

  margin-right: 5px;

}



.chy-solutions-2-wrap {

  position: relative;

}

/*.chy-solutions-2-wrap::after {

  content: "";

  width: 380px;

  height: 670px;

  background: #b6c2c6;

  position: absolute;

  top: -190px;

  left: 46%;

  border-radius: 190px 190px 0 0;

}*/

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-solutions-2-wrap::after {

    height: 510px;

    top: unset;

    bottom: -100px;

  }

}

@media (max-width: 767px) {

  .chy-solutions-2-wrap::after {

    display: none;

  }

}

.chy-solutions-2-wrap .chy-plybtn-2 {

  background: transparent;

  color: var(--chy-pr-2);

  position: absolute;

  right: -280px;

  bottom: -60px;

  z-index: 2;

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

  .chy-solutions-2-wrap .chy-plybtn-2 {

    right: -130px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-solutions-2-wrap .chy-plybtn-2 {

    right: -50px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-solutions-2-wrap .chy-plybtn-2 {

    right: 0px;

  }

}

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

  .chy-solutions-2-wrap .chy-plybtn-2 {

    right: 0px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-solutions-2-wrap .chy-plybtn-2 {

    display: none;

  }

}

.chy-solutions-2-wrap .hand-img {

  position: absolute;

  bottom: -100px;

  right: -20px;

  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) {

  .chy-solutions-2-wrap .hand-img {

    width: 40%;

  }

}

@media (max-width: 767px) {

  .chy-solutions-2-wrap .hand-img {

    display: none;

  }

}

.chy-solutions-2-wrap .all-icon {

  position: absolute;

  top: -130px;

  right: 230px;

  width: 40%;

  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) {

  .chy-solutions-2-wrap .all-icon {

    display: none;

  }

}



.chy-solutions-2-counter-wrap {

  max-width: 215px;

  position: absolute;

  right: 0;

  top: 0;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-solutions-2-counter-wrap {

    margin-top: 50px;

    position: unset;

  }

}



.chy-solutions-2-counter:not(:last-child) {

  padding-bottom: 30px;

  border-bottom: 2px solid var(--chy-pr-2);

  margin-bottom: 30px;

}

.chy-solutions-2-counter .number {

  font-size: 60px;

  color: var(--chy-pr-2);

  font-weight: 800;

  margin-bottom: 5px;

}

.chy-solutions-2-counter .disc {

  font-size: 17px;

  line-height: 25px;

  color: #e3e3e3;

  letter-spacing: 0.3px;

}



.chy-solutions-3-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 50px;

  align-items: center;

}

@media (max-width: 767px) {

  .chy-solutions-3-wrap {

    grid-template-columns: 1fr;

  }

}

.chy-solutions-3-wrap .line {

  display: block;

  grid-column-start: 1;

  grid-column-end: -1;

  height: 2px;

  background: #f1f1f1;

}

.chy-solutions-3-content .disc {

  margin-bottom: 38px;

}



@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-solution-4-content {

    margin-bottom: 50px;

  }

}

.chy-solution-4-content .section-title-wrap .chy-para-4 {

  max-width: 540px;

}





.chy-solution-4-feature {

  display: grid;

  grid-template-columns: auto 1fr;

  gap: 18px 40px;

  border-bottom: 1px solid #D9D4EB;

  list-style: none;

  padding: 0;

  padding-bottom: 30px;

}

@media (max-width: 767px) {

  .chy-solution-4-feature {

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-solution-4-feature {

    grid-template-columns: auto 1fr;

  }

}

.chy-solution-4-feature li {

  font-size: 20px;

  font-weight: 500;

  text-transform: capitalize;

  color: var(--chy-h2-color);

  line-height: 30px;

}

.chy-solution-4-feature li i {

  display: inline-block;

  margin-right: 3px;

  transform: translateY(2px);

  color: var(--chy-pr-5);

}



.chy-solution-4-img {

  padding: 27px;

  padding-left: 5px;

  position: relative;

}

.chy-solution-4-img .bg-color {

  position: absolute;

  top: 0;

  right: 0;

  width: 95%;

  height: 90%;

  z-index: -1;

  border-radius: 0px 0px 0px 200px;

}

.chy-solution-4-img .il-img {

  position: absolute;

  bottom: 0;

  left: -170px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-solution-4-img .il-img {

    left: -70px;

  }

}

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

  .chy-solution-4-img .il-img {

    left: -30px;

  }

}

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

  .chy-solution-4-img .il-img {

    left: 0px;

  }

}

@media (max-width: 767px) {

  .chy-solution-4-img .il-img {

    left: 0px;

    display: none;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-solution-4-img .il-img {

    left: 0;

    display: block;

  }

}

.chy-solution-4-img .main-img {

  width: 100%;

  height: 470px;

  overflow: hidden;

  border-radius: 0px 0px 0px 200px;

}

@media (max-width: 767px) {

  .chy-solution-4-img .main-img {

    height: 350px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-solution-4-img .main-img {

    height: 470px;

  }

}

.chy-research-1-area .section-title-wrap {

  max-width: 520px;

  margin: auto;

  margin-bottom: 80px;

}

.chy-research-1-area .section-title-wrap .chy-title-1, .chy-research-1-area .section-title-wrap .chy-subtitle-1, .chy-research-1-area .section-title-wrap .chy-section-para-1 {

  color: #fff;

}



.chy-research-1-item {

  text-align: center;

  margin-bottom: 50px;

  position: relative;

}

.chy-research-1-item .main-img {

  width: 170px;

  height: 170px;

  border-radius: 50%;

  margin: auto;

  margin-bottom: 15px;

  position: relative;

}

.chy-research-1-item .main-img img {

  transition: 1000ms ease-in-out;

}

.chy-research-1-item .title {

  font-size: 28px;

  color: #fff;

  font-weight: 800;

  line-height: 1.38;

  margin-bottom: 6px;

}

.chy-research-1-item .disc {

  color: #fff;

}

.chy-research-1-item .icon {

  width: 63px;

  height: 63px;

  border-radius: 50%;

  background: #fff;

  position: absolute;

  top: -10px;

  left: -20px;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: 400ms ease-in-out;

}

.chy-research-1-item .icon img {

  width: 60%;

}

.chy-research-1-item:hover .icon {

  transform: rotateY(180deg);

  background: var(--chy-pr-1);

}

.chy-research-1-item:hover .main-img > img {

  scale: 1.05;

  transform: rotateZ(10deg);

}



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

  .chy-research-2-area {

    padding-bottom: 120px;

  }

}



.chy-research-2-img {

  position: relative;

  padding-right: 30px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-research-2-img {

    padding-right: 30px;

  }

}

.chy-research-2-img .img-icon {

  position: absolute;

  left: -30px;

  top: 0;

}

.chy-research-2-content {

  padding-left: 20px;

  padding-bottom: 80px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-research-2-content {

    padding-left: 0px;

    padding-bottom: 0px;

    padding-top: 50px;

  }

}

.chy-research-2-list li {

  font-weight: 800;

  font-size: 18px;

  line-height: 30px;

}

.chy-research-2-list li:not(:last-child) {

  margin-bottom: 10px;

}

.chy-research-2-list li i {

  color: var(--chy-pr-2);

  font-size: 16px;

  margin-right: 3px;

}

.chy-research-2-progress {

  display: flex;

  gap: 45px;

  flex-wrap: wrap;

}



.chy-research-2-progress-item {

  flex: 0 0 auto;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}

.chy-research-2-progress-item .progress-circle canvas {

  background-color: #fff;

  border-radius: 50%;

}

.chy-research-2-progress-item .progress-circle .knob {

  font-size: 20px !important;

  color: #191825 !important;

  font-weight: 800 !important;

  font-family: var(--urbanist) !important;

}

.chy-research-2-progress-item .title {

  font-size: 20px;

  font-weight: 800;

  line-height: 25px;

}



.chy-research-3-wrap {

  margin-left: -20px;

  margin-right: -20px;

}

@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) {

  .chy-research-3-wrap {

    margin-left: 0px;

    margin-right: 0px;

  }

}

.chy-research-3-img {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

}

@media (max-width: 767px) {

  .chy-research-3-img {

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-research-3-img {

    grid-template-columns: 1fr 1fr;

  }

}

.chy-research-3-img .main-img {

  width: 100%;

  height: 530px;

  overflow: hidden;

  border-radius: 300px;

}

.chy-research-3-img .main-img:nth-child(1) {

  margin-top: 120px;

}

@media (max-width: 767px) {

  .chy-research-3-img .main-img {

    height: 400px;

  }

}



.chy-research-3-area {

  position: relative;

  z-index: 1;

}

.chy-research-3-contnet {

  padding-left: 55px;

  margin-top: 40px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-research-3-contnet {

    padding-left: 35px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-research-3-contnet {

    padding-left: 0px;

  }

}



.chy-research-3-list {

  display: grid;

  grid-template-columns: 1.2fr 1fr;

  gap: 22px 0;

}

@media (max-width: 767px) {

  .chy-research-3-list {

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-research-3-list {

    grid-template-columns: 1.2fr 1fr;

  }

}

.chy-research-3-list li {

  font-size: 23px;

  font-weight: 800;

  color: #000;

  display: flex;

  align-items: center;

  gap: 13px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-research-3-list li {

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .chy-research-3-list li {

    font-size: 18px;

  }

}

.chy-research-3-list li i {

  width: 50px;

  height: 50px;

  background: #FFF7F2;

  display: inline-flex;

  font-size: 18px;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  color: #FFBD8D;

  flex: 0 0 auto;

  transition: 600ms ease;

}

.chy-research-3-list li:nth-child(2) i {

  background-color: #FEF1F2;

  color: #F5818C;

}

.chy-research-3-list li:nth-child(3) i {

  background-color: #EBFBFF;

  color: #07D3FC;

}

.chy-research-3-list li:nth-child(4) i {

  background-color: #F0FBF7;

  color: #48D39B;

}

.chy-research-3-list li:hover i {

  transform: rotate(360deg) scale(1.3);

}



.chy-price-1-slider-item {

  display: grid;

  grid-template-columns: 1fr 1.4fr;

  gap: 70px;

  align-items: center;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {

  .chy-price-1-slider-item {

    gap: 30px;

  }

}

@media (max-width: 767px) {

  .chy-price-1-slider-item {

    gap: 30px;

    grid-template-columns: 1fr;

  }

}

.chy-price-1-slider-item .right {

  max-width: 580px;

  margin-bottom: -130px;

  transform-origin: 50% 0%;

  transform: rotateX(86deg);

  transition: 800ms ease-in-out;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-price-1-slider-item .right {

    margin-bottom: -70px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-price-1-slider-item .right {

    margin-bottom: 0px;

  }

}

.chy-price-1-slider-item .left {

  perspective: 2000px;

  transform-style: preserve-3d;

}

.chy-price-1-slider-item .transform-orgn {

  perspective: 2000px;

  transform-style: preserve-3d;

}

.chy-price-1-slider-item .innter-div {

  display: flex;

  gap: 120px;

}

@media (max-width: 767px) {

  .chy-price-1-slider-item .innter-div {

    flex-wrap: wrap;

    gap: 40px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-1-slider-item .innter-div {

    flex-wrap: nowrap;

    gap: 100px;

  }

}

.chy-price-1-slider-item-img {

  position: relative;

  transform: rotateX(-90deg);

  transition: 800ms ease-in-out;

  transform-origin: 50% 100%;

}

.chy-price-1-slider-item-img .chy_price_1_next {

  background: #fff;

  width: 60px;

  height: 40px;

  border-radius: 5px;

  box-shadow: 0px 14px 60.2px 9.8px rgba(28, 28, 45, 0.07);

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  color: var(--chy-pr-1);

  opacity: 0;

  scale: 0;

  transition: 500ms;

  z-index: 22;

  position: absolute;

}

.chy-price-1-slider-item-img:hover .chy_price_1_next {

  opacity: 1;

  scale: 1;

}



.chy-price-1-pricing {

  display: flex;

  align-items: center;

}

.chy-price-1-pricing .dollar {

  font-size: 55px;

  font-weight: 800;

  line-height: 1;

  padding-right: 15px;

  margin-right: 15px;

  border-right: 1px solid #EFEFEF;

}

@media (max-width: 767px) {

  .chy-price-1-pricing .dollar {

    font-size: 45px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-1-pricing .dollar {

    font-size: 50px;

  }

}

.chy-price-1-pricing .monthly {

  font-size: 23px;

  line-height: 25px;

  text-transform: capitalize;

  color: #141515;

}



.chy-price-1-slider {

  padding-left: 65px;

  position: relative;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-price-1-slider {

    padding-left: 0;

  }

}

.chy-price-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-price-1-slider-item-img {

  transform: rotateX(0deg);

}

.chy-price-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-price-1-slider-item .right {

  transform: rotateX(0deg);

}



.chy-price-1-pagination {

  display: inline-flex;

  width: 20px !important;

  flex-direction: column;

  gap: 18px;

  position: absolute;

  align-items: center;

  top: 50% !important;

  left: 40px !important;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-price-1-pagination {

    display: flex;

    width: 100% !important;

    flex-direction: row;

    justify-content: center;

    position: unset;

    padding-top: 40px;

  }

}

.chy-price-1-pagination span {

  width: 5px;

  height: 5px;

  opacity: 1;

  color: #000;

  background: #000;

}

.chy-price-1-pagination span:is(.swiper-pagination-bullet-active) {

  width: 17px;

  height: 17px;

  background: #000;

}



.chy-price-1-animation-line {

  width: 10%;

  height: 2px;

  background: #6131E8;

  position: relative;

  margin-left: auto;

  margin-right: auto;

  transition: 2s;

  transition-delay: 0.4s;

}

.chy-price-1-animation-line .icon {

  position: absolute;

  top: -14px;

  left: 0px;

  animation: chy-price-1 26s infinite ease-in-out;

}



@keyframes chy-price-1 {

  0% {

    left: 0;

  }

  50% {

    left: 95%;

  }

  100% {

    left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-price-1-content {

    margin-bottom: 50px;

  }

}

.chy-price-1-content .section-title-wrap .chy-section-para-1 {

  max-width: 480px;

}

.chy-price-1-img {

  position: relative;

  width: 100%;

  height: 380px;

  overflow: hidden;

}

.chy-price-1-img .animation {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: var(--chy-pr-1);

}



.chy-price-card-1-hight {

  min-height: 660px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-price-card-1-hight {

    min-height: 675px;

  }

}



.chy-price-card-1-item {

  overflow: hidden;

  position: relative;

  background: #fff;

  border-radius: 30px;

  border-style: solid;

  border-width: 3px;

  border-bottom-width: 6px;

  border-color: rgb(17, 17, 17);

  padding: 40px 35px;

  transition: 400ms ease-in-out;

  margin-bottom: 30px;

}

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

  .chy-price-card-1-item {

    padding: 40px 20px;

  }

}

@media (max-width: 767px) {

  .chy-price-card-1-item {

    padding: 40px 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-card-1-item {

    padding: 40px 35px;

  }

}

.chy-price-card-1-item .icon-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-right: 40px;

  margin-bottom: 10px;

}

@media (max-width: 767px) {

  .chy-price-card-1-item .icon-wrap {

    padding-right: 0px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-card-1-item .icon-wrap {

    padding-right: 40px;

  }

}

.chy-price-card-1-item .icon {

  width: 67px;

  height: 73px;

  border-style: solid;

  border-width: 3px;

  border-bottom-width: 6px;

  border-color: rgb(17, 17, 17);

  border-radius: 10px;

  padding: 5px;

  flex: 0 0 auto;

}

.chy-price-card-1-item .price {

  font-size: 25px;

  font-weight: 900;

  color: #0d161a;

  transition: 400ms ease-in-out;

}

.chy-price-card-1-item .title {

  font-size: 21px;

  font-weight: 900;

  color: #0d161a;

  margin-bottom: 7px;

  transition: 400ms ease-in-out;

}

.chy-price-card-1-item .disc {

  margin-bottom: 32px;

  transition: 400ms ease-in-out;

}

.chy-price-card-1-item .date {

  display: block;

  font-size: 15px;

  font-weight: 500;

  margin-bottom: 35px;

  padding-left: 10px;

  transition: 400ms ease-in-out;

}

.chy-price-card-1-item .pc1-btn {

  position: relative;

  z-index: 1;

  width: 100%;

  display: block;

  text-align: center;

  text-transform: capitalize;

  font-weight: 800;

  font-size: 22px;

  border: 3px solid #0d161a;

  border-radius: 30px;

  border-bottom-width: 6px;

  color: #0d161a;

  padding: 10px 0;

  margin-bottom: 15px;

  overflow: hidden;

  transition: 400ms ease-in-out;

}

.chy-price-card-1-item .pc1-btn::after {

  content: "";

  position: absolute;

  width: 0%;

  height: 100%;

  left: 0;

  top: 0;

  background: var(--chy-gd-1);

  z-index: -1;

  transition: 400ms ease-in-out;

  opacity: 0;

}

.chy-price-card-1-item-list {

  padding-left: 20px;

}

@media (max-width: 767px) {

  .chy-price-card-1-item-list {

    padding-left: 0px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-card-1-item-list {

    padding-left: 20px;

  }

}

.chy-price-card-1-item-list li {

  font-size: 18px;

  font-weight: 800;

  text-transform: capitalize;

  color: #0d161a;

  transition: 200ms ease-in-out;

}

.chy-price-card-1-item-list li:not(:last-child) {

  margin-bottom: 10px;

}

.chy-price-card-1-item-list li i {

  width: 35px;

  height: 35px;

  border: 2px solid #0d161a;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  font-size: 15px;

  border-radius: 50%;

  transition: 200ms ease-in-out;

  margin-right: 7px;

}

.chy-price-card-1-item .style-icon {

  position: absolute;

  bottom: -10px;

  left: 50%;

  transform: translateX(-50%);

  opacity: 0;

  transition: 600ms ease;

}

.chy-price-card-1-item:is(.active) {

  background: #132025;

  padding-bottom: 100px;

}

.chy-price-card-1-item:is(.active) .icon {

  border-color: var(--chy-pr-1);

}

.chy-price-card-1-item:is(.active) .price {

  color: #fff;

}

.chy-price-card-1-item:is(.active) .title, .chy-price-card-1-item:is(.active) .disc {

  color: #fff;

}

.chy-price-card-1-item:is(.active) .pc1-btn {

  border-bottom-width: 3px;

  color: #fff;

  border-color: transparent;

}

.chy-price-card-1-item:is(.active) .pc1-btn::after {

  opacity: 1;

  width: 100%;

}

.chy-price-card-1-item:is(.active) .date {

  color: #fff;

}

.chy-price-card-1-item:is(.active) .chy-price-card-1-item-list li {

  color: #fff;

}

.chy-price-card-1-item:is(.active) .chy-price-card-1-item-list li i {

  border-color: transparent;

  background: var(--chy-gd-1);

}

.chy-price-card-1-item:is(.active) .style-icon {

  bottom: 30px;

  opacity: 1;

}



.chy-price-1-area:is(.active) .chy-price-1-animation-line {

  width: 100%;

}



.chy-price-2-slider {

  width: 100%;

  max-width: 1425px;

  margin-left: auto;

  margin-right: auto;

}



.chy-price-2-item .img-item-wrap {

  display: flex;

  align-items: end;

  gap: 25px;

}

.chy-price-2-item .img-item {

  width: 180px;

  height: 255px;

  border-radius: 10px;

  overflow: hidden;

}

@media (max-width: 767px) {

  .chy-price-2-item .img-item {

    display: none;

  }

}

.chy-price-2-item .img-item-big {

  max-width: 525px;

  height: 415px;

  width: 100%;

  border-radius: 10px;

  overflow: hidden;

  margin-left: 35px;

  margin-right: 35px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-price-2-item .img-item-big {

    max-width: 445px;

    margin-left: 0;

    margin-right: 0;

  }

}

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

  .chy-price-2-item .img-item-big {

    max-width: 400px;

    margin-left: 0;

    margin-right: 0;

  }

}

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

  .chy-price-2-item .img-item-big {

    max-width: 350px;

    margin-left: 0;

    margin-right: 0;

    height: 400px;

  }

}

.chy-price-2-item .title {

  font-size: 32px;

  font-weight: 900;

  line-height: 1.16;

  color: #030303;

  margin-bottom: 10px;

  transform: translateY(40px);

  opacity: 0;

  transition: 500ms cubic-bezier(0.4, 0, 1, 1);

}

.chy-price-2-item .price {

  font-size: 46px;

  font-weight: 900;

  color: #030303;

  display: flex;

  align-items: flex-start;

  line-height: 1;

  transform: translateY(40px);

  opacity: 0;

  transition: 500ms cubic-bezier(0.4, 0, 1, 1);

  transition-delay: 0s;

}

.chy-price-2-item .price .dollar-sine {

  font-size: 17px;

  text-transform: uppercase;

  margin-top: 6px;

}

.chy-price-2-item .price .sent {

  font-size: 22px;

  margin-top: 3px;

}

.chy-price-2-item .content-wrap {

  background: #fff;

  max-width: 730px;

  margin-left: auto;

  margin-right: auto;

  border-radius: 10px;

  overflow: hidden;

  margin-top: -360px;

}

.chy-price-2-item .content-wrap .list-wrap {

  display: grid;

  padding-left: 100px;

  padding-right: 100px;

  padding-top: 410px;

  grid-template-columns: 1fr 1.2fr;

  gap: 40px;

}

@media (max-width: 767px) {

  .chy-price-2-item .content-wrap .list-wrap {

    padding-left: 20px;

    padding-right: 20px;

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-2-item .content-wrap .list-wrap {

    padding-left: 20px;

    padding-right: 20px;

    grid-template-columns: 1fr 1.2fr;

  }

}

.chy-price-2-item .content-wrap .list-wrap .month {

  grid-column-start: 1;

  grid-column-end: -1;

  display: inline-block;

  background: #030303;

  font-size: 15px;

  line-height: 26px;

  color: #fff;

  font-weight: 600;

  margin-left: auto;

  margin-right: auto;

  padding: 3px 20px;

  border-radius: 30px;

  position: relative;

  z-index: 1;

}

.chy-price-2-item .content-wrap .list-wrap .month::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 500px;

  height: 2px;

  background: #030303;

  opacity: 0.5;

  z-index: -1;

}

.chy-price-2-item .price-2-btn {

  display: block;

  font-size: 25px;

  font-family: var(--urbanist);

  font-weight: 900;

  text-transform: capitalize;

  background: var(--chy-pr-2);

  text-align: center;

  padding: 25px 10px;

  color: #fff;

  margin-top: -15px;

  transition: 400ms all;

}

.chy-price-2-item .price-2-btn:hover {

  background: var(--chy-h1-color);

}



.chy-price-2-list {

  transform: translateX(40px);

  opacity: 0;

  transition: 500ms cubic-bezier(0.4, 0, 1, 1);

}

.chy-price-2-list li {

  font-size: 18px;

  font-weight: 800;

  text-transform: capitalize;

  color: #0c0c0c;

}

.chy-price-2-list li:not(:last-child) {

  margin-bottom: 10px;

}

.chy-price-2-list li i {

  color: var(--chy-pr-2);

  margin-right: 10px;

}



.chy-price-2-slider {

  position: relative;

}

.chy-price-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-price-2-item .title {

  transform: translateY(0);

  opacity: 1;

}

.chy-price-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-price-2-item .price {

  transform: translateY(0);

  opacity: 1;

  transition-delay: 0.3s;

}

.chy-price-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-price-2-list {

  transform: translateX(0);

  opacity: 1;

}

.chy-price-2-slider .chy_price_2_prev, .chy-price-2-slider .chy_price_2_next {

  width: 74px;

  height: 74px;

  background: #030303;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  color: #fff;

  transition: 400ms ease;

  z-index: 3;

}

@media (max-width: 767px) {

  .chy-price-2-slider .chy_price_2_prev, .chy-price-2-slider .chy_price_2_next {

    width: 45px;

    height: 45px;

  }

}

.chy-price-2-slider .chy_price_2_prev:hover, .chy-price-2-slider .chy_price_2_next:hover {

  background: var(--chy-pr-2);

}

.chy-price-2-slider .chy_price_2_prev {

  position: absolute;

  top: 40%;

  transform: translateY(-50%);

  left: 21vw;

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

  .chy-price-2-slider .chy_price_2_prev {

    left: 25vw;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-price-2-slider .chy_price_2_prev {

    left: 28vw;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-price-2-slider .chy_price_2_prev {

    left: 28vw;

  }

}

.chy-price-2-slider .chy_price_2_next {

  position: absolute;

  top: 40%;

  transform: translateY(-50%);

  right: 21.5vw;

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

  .chy-price-2-slider .chy_price_2_next {

    right: 26vw;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-price-2-slider .chy_price_2_next {

    right: 28vw;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-price-2-slider .chy_price_2_next {

    right: 28vw;

  }

}



.chy-price-3-tabs {

  border: none;

}

.chy-price-3-tabs-btn {

  border: none;

  justify-content: center;

}

@media (max-width: 767px) {

  .chy-price-3-tabs-btn {

    justify-content: flex-start;

    gap: 15px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-3-tabs-btn {

    justify-content: center;

    gap: 30px;

  }

}

.chy-price-3-tabs-btn .nav-item {

  position: relative;

}

.chy-price-3-tabs-btn .nav-item:not(:last-child) {

  margin-right: 55px;

}

.chy-price-3-tabs-btn .nav-item:not(:last-child)::after {

  content: "/";

  color: #151f35;

  position: absolute;

  font-size: 24px;

  font-weight: 900;

  top: -2px;

  right: -30px;

}

@media (max-width: 767px) {

  .chy-price-3-tabs-btn .nav-item:not(:last-child)::after {

    display: none;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-3-tabs-btn .nav-item:not(:last-child)::after {

    display: block;

  }

}

.chy-price-3-tabs-btn .nav-item .nav-link {

  position: relative;

  font-size: 17px;

  line-height: 37px;

  color: #151f35;

  font-weight: 700;

  font-family: var(--urbanist);

  text-transform: capitalize;

  padding: 0;

  border-radius: 0;

  border: none;

  background: transparent;

}

.chy-price-3-tabs-btn .nav-item .nav-link::after {

  content: "";

  position: absolute;

  width: 0%;

  height: 4px;

  border-radius: 2px;

  background-color: var(--chy-pr-3);

  bottom: -2px;

  left: 0;

  transition: 400ms ease;

}

.chy-price-3-tabs-btn .nav-item .nav-link:is(.active) {

  color: var(--chy-pr-3);

  border: none;

}

.chy-price-3-tabs-btn .nav-item .nav-link:is(.active)::after {

  width: 100%;

}



.chy-price-3-item {

  background: #fff;

  border-radius: 20px;

  position: relative;

  z-index: 1;

  padding: 42px 28px;

  padding-bottom: 33px;

  transition: 0.5s cubic-bezier(0.57, 0.16, 0.35, 0.82);

  margin-bottom: 30px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-price-3-item {

    padding: 42px 30px;

  }

}

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

  .chy-price-3-item {

    padding: 42px 20px;

  }

}

@media (max-width: 767px) {

  .chy-price-3-item {

    padding: 42px 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-3-item {

    padding: 42px 45px;

  }

}

.chy-price-3-item .header {

  display: flex;

  align-items: center;

  gap: 25px;

  margin-bottom: 45px;

}

@media (max-width: 767px) {

  .chy-price-3-item .header {

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-3-item .header {

    flex-wrap: nowrap;

  }

}

.chy-price-3-item .left {

  display: inline-block;

  background: var(--chy-pr-3);

  padding: 35px 20px;

  border-radius: 50%;

  text-align: center;

}

.chy-price-3-item .price {

  font-size: 26.3px;

  font-weight: 900;

  color: #242424;

  margin-bottom: 5px;

}

.chy-price-3-item .monthly {

  display: block;

  font-size: 13.77px;

  font-weight: 800;

  color: #242424;

}

.chy-price-3-item .title {

  font-size: 34px;

  font-weight: 900;

  color: #272324;

  margin-bottom: 2px;

  transition: 0.5s cubic-bezier(0.57, 0.16, 0.35, 0.82);

}

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

  .chy-price-3-item .title {

    font-size: 30px;

  }

}

.chy-price-3-item .disc {

  font-size: 16px;

  font-weight: 900;

  text-transform: capitalize;

  color: #a2a2a2;

}

.chy-price-3-item-list li {

  font-size: 15px;

  font-weight: 600;

  font-family: var(--urbanist);

  color: #151f35;

  text-transform: capitalize;

  transition: 0.5s cubic-bezier(0.57, 0.16, 0.35, 0.82);

}

@media (max-width: 767px) {

  .chy-price-3-item-list li {

    font-size: 18px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-price-3-item-list li {

    font-size: 20px;

  }

}

.chy-price-3-item-list li:not(:last-child) {

  margin-bottom: 8px;

}

.chy-price-3-item-list li i {

  font-size: 17px;

  margin-right: 5px;

  transition: 0.5s cubic-bezier(0.57, 0.16, 0.35, 0.82);

}

.chy-price-3-item .tax {

  display: block;

  font-size: 16px;

  font-weight: 600;

  color: #1a1717;

  text-transform: capitalize;

  transition: 0.5s cubic-bezier(0.57, 0.16, 0.35, 0.82);

}

.chy-price-3-item .chy-pr-btn-4:hover::after {

  background: #fff;

}

.chy-price-3-item:is(.active) {

  background-color: #0D0D0D;

}

.chy-price-3-item:is(.active) .title {

  color: #fff;

}

.chy-price-3-item:is(.active) .chy-price-3-item-list li {

  color: #fff;

}

.chy-price-3-item:is(.active) .chy-price-3-item-list li i {

  color: var(--chy-pr-3);

}

.chy-price-3-item:is(.active) .tax {

  color: var(--chy-pr-3);

}



.chy-project-1-area .section-title-wrap {

  max-width: 540px;

  margin-left: auto;

  margin-right: auto;

}

.chy-project-1-area .section-title-wrap .chy-subtitle-1, .chy-project-1-area .section-title-wrap .chy-title-1 {

  color: #fff;

}



.chy-project-1-item {

  width: 100%;

  height: 490px;

  overflow: hidden;

  position: relative;

  transition: 400ms ease;

}

.chy-project-1-item::after {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  background: linear-gradient(220deg, rgba(2, 6, 38, 0) 62%, rgb(0, 0, 0) 80%);

  width: 100%;

  height: 100%;

}

.chy-project-1-item .content-wrap {

  position: absolute;

  bottom: -30%;

  left: 0;

  z-index: 1;

  padding: 35px 45px;

  width: 100%;

  opacity: 0;

  transition: 500ms cubic-bezier(0.16, 0.43, 0.81, 0.4);

}

@media (max-width: 767px) {

  .chy-project-1-item .content-wrap {

    padding: 35px 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-project-1-item .content-wrap {

    padding: 35px 45px;

  }

}

.chy-project-1-item .subtitle {

  font-size: 14px;

  font-weight: 400;

  text-transform: capitalize;

  display: inline-block;

  background: var(--chy-gd-1);

  color: #fff;

  padding: 10px 15px;

  border-radius: 5px;

  margin-bottom: 5px;

}

.chy-project-1-item .title {

  font-size: 30px;

  font-weight: 800;

  color: #fff;

  line-height: 1.57;

}

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

  .chy-project-1-item .title {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .chy-project-1-item .title {

    font-size: 24px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-project-1-item .title {

    font-size: 30px;

  }

}

.chy-project-1-item .title:hover {

  color: var(--chy-pr-1);

}



.chy-project-1-slider {

  position: relative;

}

.chy-project-1-slider .swiper-container {

  padding-top: 55px;

  padding-bottom: 55px;

}

.chy-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) {

  z-index: 2;

}

.chy-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-project-1-item {

  border-bottom: 10px solid var(--chy-pr-1);

  border-radius: 10px;

  scale: 1.2;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-project-1-item {

    scale: 1;

  }

}

.chy-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-project-1-item .content-wrap {

  bottom: 0;

  opacity: 1;

}



.chy-project-1-slider .chy_project_1_next, .chy-project-1-slider .chy_project_1_prev {

  width: 64px;

  height: 64px;

  background: #000;

  color: #fff;

  font-size: 20px;

  border-radius: 10px;

  display: flex;

  justify-content: center;

  line-height: 66px;

}

.chy-project-1-slider .chy_project_1_next:hover, .chy-project-1-slider .chy_project_1_prev:hover {

  background: var(--chy-gd-1);

}

.chy-project-1-slider .chy_project_1_next {

  position: absolute;

  right: 29vw;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-project-1-slider .chy_project_1_next {

    right: 23vw;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-project-1-slider .chy_project_1_next {

    right: 22vw;

  }

}

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

  .chy-project-1-slider .chy_project_1_next {

    right: 20vw;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-project-1-slider .chy_project_1_next {

    position: unset;

  }

}

.chy-project-1-slider .chy_project_1_prev {

  position: absolute;

  left: 29vw;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .chy-project-1-slider .chy_project_1_prev {

    left: 23vw;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-project-1-slider .chy_project_1_prev {

    left: 22vw;

  }

}

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

  .chy-project-1-slider .chy_project_1_prev {

    left: 20vw;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-project-1-slider .chy_project_1_prev {

    position: unset;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-project-1-slider .chy-project-1-slider-btn {

    justify-content: center;

    margin-top: 20px;

    gap: 20px;

    display: flex;

  }

}



.chy-project-3-item {

  position: relative;

}

.chy-project-3-item::after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: var(--chy-pr-3);

  clip-path: polygon(5% 5%, 60% 50%, 95% 95%, 57% 63%);

  transition: clip-path 500ms cubic-bezier(0.55, 0.06, 0.26, 0.71);

  opacity: 0;

}

.chy-project-3-item .main-img {

  height: 580px;

  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) {

  .chy-project-3-item .main-img {

    height: 450px;

  }

}

.chy-project-3-item .content-wrap {

  position: absolute;

  bottom: -200px;

  left: 0;

  width: 100%;

  display: flex;

  gap: 30px;

  justify-content: space-between;

  align-items: end;

  padding: 60px 65px;

  z-index: 1;

  transition: 600ms cubic-bezier(0.55, 0.06, 0.26, 0.71);

}

@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) {

  .chy-project-3-item .content-wrap {

    padding: 60px 15px;

  }

}

.chy-project-3-item .subtitle {

  color: #fff;

  font-size: 17px;

  font-weight: 900;

  text-transform: uppercase;

  margin-bottom: 10px;

  display: block;

}

.chy-project-3-item .title {

  font-size: 35px;

  font-weight: 900;

  color: #fff;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-project-3-item .title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-project-3-item .title {

    font-size: 26px;

  }

}

.chy-project-3-item .p3-btn {

  font-size: 30px;

  line-height: 1;

  color: #FFF;

}

.chy-project-3-item:hover .content-wrap {

  bottom: 0px;

}

.chy-project-3-item:hover::after {

  clip-path: polygon(5% 5%, 90% 10%, 95% 95%, 7% 93%);

  transition: 600ms cubic-bezier(0.55, 0.06, 0.26, 0.71);

  opacity: 0.6;

}



.chy-project-3-slider {

  position: relative;

}

.chy-project-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-project-3-item .content-wrap {

  bottom: 0px;

}

.chy-project-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-project-3-item::after {

  clip-path: polygon(5% 5%, 90% 10%, 95% 95%, 7% 93%);

  opacity: 0.6;

}

@media (max-width: 767px) {

  .chy-project-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-project-3-item .content-wrap {

    bottom: 0px;

  }

  .chy-project-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-project-3-item::after {

    clip-path: polygon(5% 5%, 90% 10%, 95% 95%, 7% 93%);

    opacity: 0.6;

  }

}

.chy-project-3-slider .chy_project_3_prev, .chy-project-3-slider .chy_project_3_next {

  width: 80px;

  height: 80px;

  background: #fff;

  border: 2px solid #000;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  color: #000;

  transition: 400ms ease;

  z-index: 3;

}

@media (max-width: 767px) {

  .chy-project-3-slider .chy_project_3_prev, .chy-project-3-slider .chy_project_3_next {

    width: 45px;

    height: 45px;

  }

}

.chy-project-3-slider .chy_project_3_prev:hover, .chy-project-3-slider .chy_project_3_next:hover {

  background: var(--chy-pr-3);

  border-color: transparent;

}

.chy-project-3-slider .chy_project_3_prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 2vw;

}

.chy-project-3-slider .chy_project_3_next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 2vw;

}



.position-sticky-item {

  position: sticky;

  top: 100px;

}



.project-page-item {

  position: relative;

}

.project-page-item .main-img {

  width: 100%;

  height: 600px;

  border-radius: 20px;

  overflow: hidden;

  position: relative;

}

.project-page-item .main-img::after {

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 65.82%);

}

@media (max-width: 767px) {

  .project-page-item .main-img {

    height: 430px;

  }

}

.project-page-item .number {

  display: inline-block;

  font-size: 120px;

  font-weight: 900;

  position: absolute;

  top: 0;

  left: 10px;

  color: #fff;

  opacity: 0.5;

}

@media (max-width: 767px) {

  .project-page-item .number {

    font-size: 80px;

  }

}

.project-page-item .content-wrap {

  text-align: center;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 60px 15px;

}

.project-page-item .subtitle {

  font-size: 16px;

  display: inline-block;

  font-weight: 600;

  line-height: 26px;

  background: #F08441;

  color: #fff;

  padding: 16px 30px;

  border-radius: 50px;

  margin-bottom: 7px;

}

.project-page-item .title {

  font-size: 48px;

  line-height: 1.2;

  font-weight: 900;

  color: #fff;

}

.project-page-item .title:hover {

  color: var(--chy-pr-1);

}

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

  .project-page-item .title {

    font-size: 40px;

  }

}

@media (max-width: 767px) {

  .project-page-item .title {

    font-size: 24px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .project-page-item .title {

    font-size: 34px;

  }

}

.project-page-item .btn-position {

  position: absolute;

  top: 35%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.project-page-item .pp-btn {

  z-index: 1;

  position: relative;

  display: inline-block;

  width: 140px;

  height: 140px;

  border-radius: 50%;

  border: 3px solid #fff;

  background: rgba(255, 255, 255, 0.1);

  backdrop-filter: blur(5px);

  font-size: 70px;

  line-height: 150px;

  text-align: center;

  color: #fff;

  transition: 400ms ease-in-out;

}

.project-page-item .pp-btn::after {

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  border-radius: 50%;

  background: var(--chy-gd-1);

  position: absolute;

  z-index: -1;

  transform: scale(0);

  opacity: 0;

  transition: 400ms ease-in-out;

}

.project-page-item .pp-btn:hover {

  border-color: transparent;

}

.project-page-item .pp-btn:hover::after {

  opacity: 1;

  transform: scale(1);

}



.project-page-2-item {

  border-radius: 10px;

  border: 1px solid rgba(30, 54, 146, 0.5);

  padding: 20px;

  overflow: hidden;

  height: 450px;

  transition: 400ms cubic-bezier(0.44, 0.42, 0.06, 0.67);

}

.project-page-2-item .project-page-item {

  height: 100%;

}

.project-page-2-item .project-page-item .main-img {

  height: 100%;

  border-radius: 10px;

}

.project-page-2-item .project-page-item .pp-btn {

  width: 110px;

  height: 110px;

  border: 2px solid #fff;

  font-size: 50px;

  line-height: 120px;

}

.project-page-2-item .project-page-item .title {

  font-size: 30px;

}

@media (max-width: 767px) {

  .project-page-2-item .project-page-item .title {

    font-size: 26px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .project-page-2-item .project-page-item .title {

    font-size: 22px;

  }

}

.project-page-2-item .project-page-item .content-wrap {

  padding: 16px 15px;

  bottom: -30%;

  transition: 600ms cubic-bezier(0.44, 0.42, 0.06, 0.67);

  opacity: 0;

  padding-bottom: 40px;

}

.project-page-2-item .project-page-item .subtitle {

  padding: 10px 30px;

}

.project-page-2-item .project-page-item .btn-position {

  top: 65%;

  opacity: 0;

  transition: 400ms cubic-bezier(0.44, 0.42, 0.06, 0.67);

}

.project-page-2-item .project-page-item .pp-btn:hover {

  border-color: transparent;

}

.project-page-2-item:hover {

  padding: 0;

}

.project-page-2-item:hover .project-page-item .btn-position {

  opacity: 1;

  top: 30%;

}

.project-page-2-item:hover .project-page-item .content-wrap {

  bottom: 0%;

  opacity: 1;

}



.chy-team-1-area {

  position: relative;

  z-index: 1;

}

.chy-team-1-area .bg-shape {

  position: absolute;

  width: 100%;

  height: 595px;

  background: #eddfff;

  bottom: 0px;

  z-index: -1;

}

.chy-team-1-area .section-title-wrap {

  max-width: 760px;

  margin-left: auto;

  margin-right: auto;

}



.chy-team-1-wrap {

  display: flex;

  justify-content: center;

  gap: 50px 140px;

  position: relative;

}

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

  .chy-team-1-wrap {

    gap: 30px 30px;

  }

}

@media (max-width: 767px) {

  .chy-team-1-wrap {

    gap: 30px 30px;

    flex-wrap: wrap;

  }

}

.chy-team-1-wrap .il-img-2 {

  width: 40px;

  z-index: 1;

  position: absolute;

  left: 48%;

  top: 50%;

  transform: translate(-50%, -50%);

  animation: chyh1curle 10s infinite ease-in-out;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-team-1-wrap .il-img-2 {

    display: none;

  }

}

.chy-team-1-wrap .il-img-3 {

  width: 80px;

  z-index: 1;

  position: absolute;

  left: 51%;

  top: 64%;

  transform: translate(-50%, -50%);

  animation: chyh1curle 7s infinite ease-in-out;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-team-1-wrap .il-img-3 {

    display: none;

  }

}



.chy-team-1-member {

  position: relative;

  padding-left: 50px;

  padding-bottom: 50px;

  padding-top: 50px;

}

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

  .chy-team-1-member {

    padding-left: 0;

  }

}

@media (max-width: 767px) {

  .chy-team-1-member {

    padding-left: 0;

    padding-bottom: 0px;

    padding-top: 0px;

  }

}

.chy-team-1-member .main-img {

  position: relative;

  max-width: 440px;

  height: 525px;

  overflow: hidden;

  border-radius: 20px 20px 190px 190px;

  transition: all 0.3s cubic-bezier(0.55, 0.06, 0.47, 0.66);

}

.chy-team-1-member .text-img {

  position: absolute;

  left: 0;

  bottom: 10px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-team-1-member .text-img {

    display: none;

  }

}

.chy-team-1-member .content-wrap {

  background: #fff;

  text-align: center;

  padding: 23px 7px;

  border-radius: 10px;

  position: absolute;

  bottom: -110px;

  left: 50%;

  transform: translateX(-50%);

  width: 100%;

  transition: all 0.3s cubic-bezier(0.55, 0.06, 0.47, 0.66);

}

.chy-team-1-member .name {

  font-size: 22px;

  color: var(--chy-h1-color);

  margin-bottom: 5px;

}

.chy-team-1-member .name:hover {

  color: var(--chy-pr-1);

}

.chy-team-1-member .bio {

  text-transform: capitalize;

  font-weight: 500;

  font-size: 18px;

}

.chy-team-1-member:is(.has-style-2) {

  padding-left: 0;

  padding-right: 50px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-team-1-member:is(.has-style-2) {

    padding-right: 0px;

  }

}

.chy-team-1-member:is(.has-style-2) .main-img {

  border-radius: 190px 190px 20px 20px;

}

.chy-team-1-member:is(.has-style-2) .text-img {

  left: unset;

  bottom: unset;

  right: 0;

  top: 20px;

}

.chy-team-1-member:hover .main-img {

  filter: grayscale(1);

}

.chy-team-1-member:hover .main-img .content-wrap {

  bottom: 0;

}



.chy-team-slider-1-wrap {

  padding-left: 70px;

  padding-right: 70px;

}

@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) {

  .chy-team-slider-1-wrap {

    padding-left: 0px;

    padding-right: 0px;

  }

}



.chy-team-slider-1-item {

  display: flex;

  align-items: center;

  gap: 60px;

}

@media (max-width: 767px) {

  .chy-team-slider-1-item {

    flex-wrap: wrap;

  }

}

.chy-team-slider-1-item .main-img {

  width: 470px;

  height: 470px;

  border-radius: 50%;

  overflow: hidden;

  text-align: center;

  position: relative;

  object-position: top;

  z-index: 1;

  flex: 0 0 auto;

  transform: rotateY(90deg);

  transition: 600ms;

}

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

  .chy-team-slider-1-item .main-img {

    width: 350px;

    height: 350px;

  }

}

@media (max-width: 767px) {

  .chy-team-slider-1-item .main-img {

    width: 100%;

    height: 350px;

  }

}

.chy-team-slider-1-item .main-img::after {

  width: 100%;

  height: 100%;

  content: "";

  left: 0;

  bottom: 0;

  position: absolute;

  background: linear-gradient(0deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 100%);

  z-index: -1;

}

.chy-team-slider-1-item .main-img img {

  transform: translateY(100%);

  transition: 600ms ease-in-out;

  transition-delay: 0s;

}

.chy-team-slider-1-item .title {

  font-size: 35px;

  font-weight: 800;

  margin-bottom: 22px;

  transform: translateX(100px);

  transition: 600ms ease-in-out;

  opacity: 0;

}

.chy-team-slider-1-item .comment {

  font-size: 22px;

  font-weight: 500;

  color: #0d161a;

  line-height: 1.45;

  padding-left: 30px;

  border-left: 4px solid var(--chy-pr-1);

  margin-bottom: 60px;

  transform: translateX(100px);

  transition: 600ms ease-in-out;

  opacity: 0;

  transition-delay: 0.3s;

}

.chy-team-slider-1-item .name {

  font-size: 28px;

  font-weight: 800;

  color: #0d161a;

  margin-bottom: 5px;

}

.chy-team-slider-1-item .bio {

  display: inline-block;

  font-weight: 500;

  background: var(--chy-gd-1);

  -webkit-background-clip: text;

  color: transparent;

}

.chy-team-slider-1-item .content-wrap {

  transform: translateX(100px);

  transition: 1000ms ease-in-out;

  opacity: 0;

  transition-delay: 0.9s;

}



.chy-team-slider-1-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-team-slider-1-item .main-img {

  transform: rotateY(0deg);

}

.chy-team-slider-1-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-team-slider-1-item .main-img img {

  transform: translateY(0);

  transition-delay: 0.3s;

}

.chy-team-slider-1-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-team-slider-1-item .title {

  transform: translateX(0);

  opacity: 1;

}

.chy-team-slider-1-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-team-slider-1-item .comment {

  transform: translateX(0);

  opacity: 1;

  transition-delay: 0s;

}

.chy-team-slider-1-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-team-slider-1-item .content-wrap {

  transform: translateX(0px);

  opacity: 1;

  transition-delay: 0s;

}

.chy-team-slider-1-wrap .chy-team-slider-1-pagination {

  padding-top: 30px;

  padding-left: 170px;

  display: flex;

  gap: 25px;

}

@media (max-width: 767px) {

  .chy-team-slider-1-wrap .chy-team-slider-1-pagination {

    padding-left: 50px;

  }

}

.chy-team-slider-1-wrap .chy-team-slider-1-pagination span {

  opacity: 1;

  width: 14px;

  height: 14px;

  border: 1px solid #969293;

  background: transparent;

}

.chy-team-slider-1-wrap .chy-team-slider-1-pagination span:is(.swiper-pagination-bullet-active) {

  background: var(--chy-gd-1);

  border-color: transparent;

}



.chy-team-2-item {

  margin-bottom: 40px;

}

.chy-team-2-item .main-img {

  height: 610px;

  width: 100%;

  overflow: hidden;

  border-radius: 0 0 300px 300px;

  text-align: center;

  position: relative;

  z-index: 1;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-team-2-item .main-img {

    height: 560px;

  }

}

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

  .chy-team-2-item .main-img {

    height: 450px;

  }

}

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

  .chy-team-2-item .main-img {

    height: 510px;

  }

}

@media (max-width: 767px) {

  .chy-team-2-item .main-img {

    height: 450px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-team-2-item .main-img {

    height: 350px;

  }

}

.chy-team-2-item .main-img img {

  object-position: top;

}

.chy-team-2-item .main-img::after {

  content: "";

  width: 100%;

  height: 75%;

  background: linear-gradient(90deg, #70DBFF 0%, #DD98FF 100%);

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: -1;

  border-radius: 30px;

  transition: 400ms ease-in-out;

}

.chy-team-2-item .content-wrap {

  background: linear-gradient(90deg, rgba(112, 219, 255, 0.35) 0%, rgba(221, 152, 255, 0.35) 100%), #FFF;

  padding: 20px 10px;

  position: absolute;

  bottom: 80px;

  left: 0;

  width: 100%;

  z-index: 1;

}

.chy-team-2-item .name {

  display: block;

  font-size: 28px;

  font-weight: 800;

  text-transform: uppercase;

  color: #252A4E;

  font-family: var(--urbanist);

  line-height: 1.2;

  margin-bottom: 3px;

  transition: 400ms;

}

.chy-team-2-item .name:hover {

  color: var(--chy-pr-1);

}

@media (max-width: 767px) {

  .chy-team-2-item .name {

    font-size: 22px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-team-2-item .name {

    font-size: 24px;

  }

}

.chy-team-2-item .bio {

  display: block;

  background: linear-gradient(90deg, #9255CE -2.17%, #BE60FF 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

}

.chy-team-2-item:hover .main-img::after {

  border-radius: 300px;

}



.chy-client-1-wrap {

  padding-top: 60px;

  border-top: 2px solid #151515;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-client-1-content {

    margin-bottom: 50px;

  }

}

.chy-client-1-content .title {

  font-size: 45px;

  line-height: 1.11;

  font-weight: 800;

  color: #151515;

  margin-bottom: 15px;

}

.chy-client-1-content .disc {

  font-weight: 500;

}

@media (max-width: 767px) {

  .chy-client-1-content .disc br {

    display: none;

  }

}

.chy-client-1-logo {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 95px;

}

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

  .chy-client-1-logo {

    gap: 95px 50px;

  }

}

@media (max-width: 767px) {

  .chy-client-1-logo {

    gap: 40px;

    grid-template-columns: 1fr 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-client-1-logo {

    grid-template-columns: 1fr 1fr 1fr;

    gap: 40px;

  }

}

.chy-client-1-logo .logo-item {

  position: relative;

  overflow: hidden;

}

.chy-client-1-logo .logo-item .logo-2 {

  position: absolute;

  left: 0;

  top: 50px;

  transition: 400ms cubic-bezier(0.18, 0.89, 0.32, 1.28);

}

.chy-client-1-logo .logo-item .logo-1 {

  transition: 400ms cubic-bezier(0.18, 0.89, 0.32, 1.28);

}

.chy-client-1-logo .logo-item:hover .logo-2 {

  top: 0;

}

.chy-client-1-logo .logo-item:hover .logo-1 {

  transform: translateY(-50px);

}



.chy-client-3-wrap {

  display: grid;

  grid-template-columns: auto auto auto auto auto;

  justify-content: space-between;

  gap: 20px 30px;

  align-items: center;

  padding-top: 80px;

  padding-bottom: 80px;

  border-bottom: 2px solid #F3F3F3;

  cursor: pointer;

}

@media (max-width: 767px) {

  .chy-client-3-wrap {

    grid-template-columns: auto auto auto;

    justify-content: start;

  }

}



.chy-clients-page-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

}

@media (max-width: 767px) {

  .chy-clients-page-wrap {

    grid-template-columns: 1fr 1fr 1fr;

  }

}



.chy-clients-item {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 130px;

  border-right: 1px solid #D0C6CD;

  border-bottom: 1px solid #D0C6CD;

  padding: 15px;

  cursor: pointer;

}

.chy-clients-item img {

  filter: grayscale(1);

  transition: 400ms ease;

}

.chy-clients-item:nth-child(5) {

  border-right: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(5) {

    border-right: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(10) {

  border-right: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(10) {

    border-right: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(15) {

  border-right: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(15) {

    border-right: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(20) {

  border-right: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(20) {

    border-right: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(16) {

  border-bottom: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(16) {

    border-bottom: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(17) {

  border-bottom: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(17) {

    border-bottom: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(18) {

  border-bottom: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(18) {

    border-bottom: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(19) {

  border-bottom: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(19) {

    border-bottom: 1px solid #D0C6CD;

  }

}

.chy-clients-item:nth-child(20) {

  border-bottom: none;

}

@media (max-width: 767px) {

  .chy-clients-item:nth-child(20) {

    border-bottom: 1px solid #D0C6CD;

  }

}

.chy-clients-item:hover img {

  filter: grayscale(0);

  transform: rotateX(20deg) rotateY(20deg);

}



.chy-video-1-area {

  height: 670px;

  position: relative;

  overflow: hidden;

}

.chy-video-1-area::after {

  content: "";

  width: 100%;

  height: 100%;

  background: #000;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0.5;

}

.chy-video-1-area .content-wrap {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 2;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  gap: 30px;

  margin-top: -60px;

}

.chy-video-1-area .title {

  color: #fff;

  font-size: 65px;

  line-height: 1.08;

  text-align: center;

}

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

  .chy-video-1-area .title {

    font-size: 60px;

  }

}

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

  .chy-video-1-area .title {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .chy-video-1-area .title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-video-1-area .title {

    font-size: 45px;

  }

}



.chy-cta-1-area {

  margin-top: -150px;

  position: relative;

  z-index: 1;

}



.chy-cta-1-wrap {

  position: relative;

  border-radius: 20px;

  overflow: hidden;

  background: #E9DFD2;

}

.chy-cta-1-wrap .bg-img {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  left: 0;

  top: 0;

}



.chy-cta-1-content {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;

  padding: 90px;

  padding-bottom: 80px;

  flex-wrap: wrap;

}

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

  .chy-cta-1-content {

    padding: 60px;

    padding-bottom: 60px;

  }

}

@media (max-width: 767px) {

  .chy-cta-1-content {

    padding: 30px;

    padding-bottom: 30px;

  }

}

.chy-cta-1-content .chy-subtitle-1 {

  color: #111011;

}

.chy-cta-1-content .chy-title-1 {

  font-size: 48px;

  color: #111011;

  line-height: 1.16;

}

@media (max-width: 767px) {

  .chy-cta-1-content .chy-title-1 {

    font-size: 32px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-cta-1-content .chy-title-1 {

    font-size: 38px;

  }

}



@media (max-width: 767px) {

  .chy-cta-5-area {

    margin-bottom: 40px;

  }

}



.chy-cta-5-form {

  position: relative;

}

.chy-cta-5-form input {

  width: 100%;

  height: 128px;

  padding-left: 60px;

  padding-right: 270px;

  background: linear-gradient(90deg, #70DBFF 0%, #DD98FF 100%);

  outline: none;

  border-radius: 100px;

  font-size: 20px;

  font-weight: 600;

  text-transform: capitalize;

  border: 10px solid #fff;

}

@media (max-width: 767px) {

  .chy-cta-5-form input {

    padding-right: 40px;

    padding-left: 40px;

  }

}

.chy-cta-5-form input::placeholder {

  font-size: 20px;

  font-weight: 600;

  text-transform: capitalize;

}

.chy-cta-5-form .chy-pr-btn-5 {

  outline: none;

  border: none;

  background: #252A4E;

  position: absolute;

  right: 25px;

  top: 50%;

  transform: translateY(-50%);

}

@media (max-width: 767px) {

  .chy-cta-5-form .chy-pr-btn-5 {

    position: unset;

    transform: unset;

    margin-top: 20px;

  }

}

.chy-blog-1-item {

  margin-bottom: 30px;

}

.chy-blog-1-item .main-img {

  width: 100%;

  height: 320px;

  overflow: hidden;

  border-radius: 10px;

}

.chy-blog-1-item .main-img img {

  clip-path: polygon(0% 0%, 0% 100%, 60% 100%, 90% 40%, 60% 10%, 63% 40%, 90% 40%, 60% 100%, 100% 100%, 100% 0%);

  transition: 600ms ease-in-out;

}

.chy-blog-1-item .date {

  display: inline-block;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 700;

  background: linear-gradient(-148deg, rgb(162, 73, 237) 0%, rgb(97, 49, 232) 100%);

  color: #fff;

  border: 2px solid #fff;

  padding: 8px 15px;

  border-radius: 20px;

  line-height: 1;

  margin-left: 15px;

  transform: translateY(-16px);

  margin-bottom: 7px;

}

.chy-blog-1-item .title {

  font-size: 33px;

  line-height: 1.36;

  font-weight: 800;

  margin-bottom: 10px;

}

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

  .chy-blog-1-item .title {

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  .chy-blog-1-item .title {

    font-size: 25px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-blog-1-item .title {

    font-size: 28px;

  }

}

.chy-blog-1-item .title:hover {

  color: var(--chy-pr-1);

}

.chy-blog-1-item .disc {

  font-weight: 500;

  color: #504e4e;

  margin-bottom: 20px;

}

.chy-blog-1-item .author {

  display: flex;

  align-items: center;

  gap: 10px;

}

.chy-blog-1-item .author .img {

  width: 50px;

  height: 50px;

  overflow: hidden;

  border-radius: 50%;

  flex: 0 0 auto;

}

.chy-blog-1-item .author .name {

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  color: #0d161a;

  flex: 0 0 auto;

}

.chy-blog-1-item .author .line {

  width: 100%;

  height: 4px;

  background: #f3f3f3;

  position: relative;

  margin-left: 30px;

}

.chy-blog-1-item .author .line::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 0%;

  height: 100%;

  background: var(--chy-gd-1);

  opacity: 0.3;

  transition: 600ms ease-in-out;

}

.chy-blog-1-item:hover .main-img img {

  clip-path: polygon(0% 0%, 0% 100%, 60% 100%, 90% 40%, 60% 10%, 90% 10%, 90% 40%, 60% 100%, 100% 100%, 100% 0%);

  filter: grayscale(1);

  scale: 1.05;

}

.chy-blog-1-item:hover .author .line::after {

  width: 100%;

}



.chy-blog-2-item {

  margin-bottom: 30px;

}

.chy-blog-2-item .main-img {

  width: 100%;

  height: 285px;

  overflow: hidden;

  border-radius: 10px;

  margin-bottom: 25px;

  transition: 400ms ease;

  background: var(--chy-pr-2);

}

.chy-blog-2-item .main-img img {

  transition: all 0.3s cubic-bezier(0.56, 0.11, 0.51, 0.73);

  clip-path: polygon(0% 0%, 0% 100%, 88% 100%, 88% 0, 88% 0, 88% 100%, 100% 100%, 100% 0);

}

.chy-blog-2-item .categorie {

  display: inline-block;

  background: var(--chy-pr-2);

  color: #fff;

  font-size: 15px;

  font-weight: 900;

  padding: 8px 16px;

  border-radius: 3px;

  margin-bottom: 15px;

}

.chy-blog-2-item .title {

  font-size: 27px;

  font-weight: 800;

  line-height: 1.29;

  letter-spacing: -0.2px;

  margin-bottom: 11px;

}

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

  .chy-blog-2-item .title {

    font-size: 25px;

  }

}

@media (max-width: 767px) {

  .chy-blog-2-item .title {

    font-size: 22px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-blog-2-item .title {

    font-size: 24px;

  }

}

.chy-blog-2-item .title:hover {

  color: var(--chy-pr-2);

}

.chy-blog-2-item-meta {

  display: flex;

  align-items: center;

  gap: 50px;

}

.chy-blog-2-item-meta .date, .chy-blog-2-item-meta .author {

  font-size: 15px;

  text-transform: capitalize;

  color: var(--chy-h1-color);

  font-weight: 600;

  flex: 0 0 auto;

}

.chy-blog-2-item-meta .date i, .chy-blog-2-item-meta .author i {

  color: var(--chy-pr-2);

  margin-right: 5px;

}

.chy-blog-2-item-meta .author {

  position: relative;

}

.chy-blog-2-item-meta .author::after {

  content: "";

  position: absolute;

  right: -37px;

  top: 14px;

  width: 24px;

  height: 2px;

  background: #d8d8d8;

}

.chy-blog-2-item:hover .main-img img {

  scale: 1.1;

  clip-path: polygon(0% 0%, 0% 100%, 88% 100%, 88% 0, 90% 0, 90% 100%, 100% 100%, 100% 0);

  filter: grayscale(1);

}



.chy-blog-3-area .chy-blog-3-btn {

  font-size: 20px;

  color: #262524;

  font-weight: 500;

}

.chy-blog-3-area .chy-blog-3-btn a {

  color: #000;

  font-weight: 700;

}

.chy-blog-3-area .chy-blog-3-btn a:hover {

  color: var(--chy-pr-3);

}



.chy-blog-3-item {

  position: relative;

  margin-bottom: 30px;

}

.chy-blog-3-item .main-img {

  width: 100%;

  height: 350px;

  border-radius: 10px;

  overflow: hidden;

}

.chy-blog-3-item .content-wrap {

  padding: 0 20px;

}

.chy-blog-3-item .date {

  font-size: 18px;

  line-height: 15px;

  text-transform: uppercase;

  text-align: center;

  width: 82px;

  height: 82px;

  background: var(--chy-pr-3);

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-weight: 900;

  color: #262524;

  border: 3px solid #fff;

  position: absolute;

  left: 30px;

  top: -20px;

}

.chy-blog-3-item-meta {

  background: var(--chy-pr-3);

  display: inline-flex;

  flex-wrap: wrap;

  align-items: center;

  border-radius: 30px;

  border: 3px solid #fff;

  gap: 15px;

  font-size: 16px;

  font-weight: 800;

  text-transform: capitalize;

  padding: 11px 17px;

  transform: translateY(-22px);

}

.chy-blog-3-item-meta span {

  display: block;

}

.chy-blog-3-item-meta span i {

  display: inline-block;

  line-height: 1;

  font-size: 13px;

  margin-right: 1px;

}

.chy-blog-3-item .title {

  font-size: 27px;

  font-weight: 800;

  color: #262524;

  line-height: 1.29;

  margin-bottom: 5px;

  transition: 300ms ease-in-out;

}

@media (max-width: 767px) {

  .chy-blog-3-item .title {

    font-size: 22px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-blog-3-item .title {

    font-size: 26px;

  }

}

.chy-blog-3-item .title:hover {

  color: var(--chy-pr-3);

}

.chy-blog-3-item .disc {

  font-size: 18px;

  font-weight: 400;

  color: #525252;

  line-height: 30px;

  letter-spacing: 0.1px;

}



.chy-about-2-img {

  position: relative;

}

.chy-about-2-img .il-img-1 {

  position: absolute;

  bottom: -60px;

  left: -50px;

  z-index: 1;

  box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.03);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {

  .chy-about-2-img .il-img-1 {

    left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-about-2-img .il-img-1 {

    left: unset;

    right: 0;

    bottom: 0;

  }

}

.chy-about-2-img .il-img-2 {

  position: absolute;

  bottom: 130px;

  right: -55px;

  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) {

  .chy-about-2-img .il-img-2 {

    display: none;

  }

}

.chy-about-2-img .il-img-3 {

  position: absolute;

  top: 80px;

  left: -70px;

}

@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) {

  .chy-about-2-img .il-img-3 {

    left: 0;

  }

}

.chy-about-2-img::before {

  content: "";

  position: absolute;

  width: 54px;

  height: 54px;

  border-radius: 50%;

  background: linear-gradient(-3deg, rgb(253, 59, 69) 0%, rgb(250, 134, 64) 100%);

  left: 20%;

  top: 35%;

  animation: chyh1curle 4s infinite ease-in-out;

  z-index: 2;

}

.chy-about-2-img::after {

  content: "";

  position: absolute;

  width: 54px;

  height: 54px;

  border-radius: 50%;

  background: linear-gradient(-3deg, rgb(253, 59, 69) 0%, rgb(250, 134, 64) 100%);

  left: -2%;

  top: 46%;

  animation: chyh1curle 3s infinite ease-in-out;

  z-index: 2;

}

.chy-about-2-img .main-img {

  text-align: center;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.chy-about-2-img .main-img::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  background: #fff;

  width: 0%;

  height: 330px;

  border-radius: 20px;

  z-index: -1;

  transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition-delay: 0.5s;

}

.chy-about-2-img .main-img img {

  transform: translateY(100%);

  transition: all 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition-delay: 1s;

}

.chy-about-2-img:is(.active) .main-img::after {

  width: 100%;

}

.chy-about-2-img:is(.active) .main-img img {

  transform: translateY(0);

}



.chy-about-2-content {

  padding-left: 70px;

  margin-bottom: -40px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {

  .chy-about-2-content {

    padding-left: 40px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-about-2-content {

    padding-top: 50px;

    padding-left: 0px;

  }

}

.chy-about-2-content .innter-div {

  display: grid;

  grid-template-columns: 1fr 1.2fr;

  align-items: center;

  gap: 45px;

  position: relative;

}

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

  .chy-about-2-content .innter-div {

    grid-template-columns: 1fr;

  }

}

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

  .chy-about-2-content .innter-div {

    grid-template-columns: 1fr 1.2fr;

  }

}

@media (max-width: 767px) {

  .chy-about-2-content .innter-div {

    grid-template-columns: 1fr;

  }

}

.chy-about-2-content .innter-div::after {

  content: "";

  position: absolute;

  left: 46%;

  top: 50%;

  transform: translate(-50%, -50%);

  height: 116px;

  width: 2px;

  background: #dfdfdf;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-about-2-content .innter-div::after {

    display: none;

  }

}

.chy-about-2-brand {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 10px;

}

.chy-about-2-brand li {

  width: 100%;

  height: 60px;

  border-radius: 30px;

  background: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

.chy-about-2-brand li:hover {

  transform: rotateX(15deg) rotateY(15deg) scaleZ(1.42);

  box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.02);

}

.chy-about-2-feature li {

  font-size: 22px;

  font-weight: 800;

  display: flex;

  align-items: center;

  gap: 12px;

}

.chy-about-2-feature li:not(:last-child) {

  margin-bottom: 20px;

}

.chy-about-2-feature li i {

  width: 50px;

  height: 50px;

  display: inline-flex;

  justify-content: center;

  background: #fff;

  border-radius: 50%;

  font-size: 25px;

  align-items: center;

  color: #000;

  flex: 0 0 auto;

  transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

.chy-about-2-feature li:hover i {

  transform: rotateX(15deg) rotateY(15deg) scaleZ(1.42);

  box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.02);

  background-color: var(--chy-pr-2);

  color: #fff;

}



.chy-portfolio-2-area .section-title-wrap {

  max-width: 780px;

  margin-left: auto;

  margin-right: auto;

}



.chy-portfolio-2-slider {

  width: 100%;

  max-width: 1920px;

  margin-left: auto;

  margin-right: auto;

}



.chy-portfolio-2-item {

  width: 100%;

  position: relative;

  display: inline-block;

  transition: 600ms all;

}

.chy-portfolio-2-item::after {

  content: "";

  width: 92.8%;

  height: 250px;

  background: var(--chy-pr-2);

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 26px;

  z-index: -1;

  transition: 400ms all;

  transition-delay: 0.3s;

}

.chy-portfolio-2-item .main-img {

  width: 100%;

  height: 480px;

  overflow: hidden;

}

.chy-portfolio-2-item .content-wrap {

  background: #000000;

  border-radius: 20px;

  margin-left: 20px;

  margin-right: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding: 25px 40px;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 60px;

  opacity: 0;

  transition: 600ms all;

}

.chy-portfolio-2-item .title {

  font-size: 30px;

  font-weight: 800;

  color: #fff;

}

.chy-portfolio-2-item .title:hover {

  color: var(--chy-pr-2);

}

.chy-portfolio-2-item .subtitle {

  font-size: 12px;

  color: var(--chy-pr-2);

  text-transform: uppercase;

  font-weight: 900;

  display: block;

  margin-bottom: 10px;

}

.chy-portfolio-2-item .p2-btn {

  width: 60px;

  height: 55px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #151515;

  border-radius: 50%;

  font-size: 20px;

  color: #fff;

  transition: 400ms all;

}

.chy-portfolio-2-item .p2-btn:hover {

  background-color: var(--chy-pr-2);

}

.chy-portfolio-2-slider .swiper-container {

  padding-top: 80px;

  padding-bottom: 150px;

}

.chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) {

  z-index: 1;

  transition: 600ms all;

}

.chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item {

  transform: translateY(20px) scale3d(1.2, 1.3, 1);

}

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

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item {

    transform: translateY(0px) scale3d(1.1, 1.1, 1);

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item {

    transform: none;

  }

}

.chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item::after {

  width: 106%;

  left: -14px;

}

.chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item .main-img {

  border-radius: 30px;

}

.chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item .content-wrap {

  bottom: -30px;

  opacity: 1;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item {

    transform: none;

  }

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item::after {

    width: 100%;

    left: 0px;

  }

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item .main-img {

    border-radius: 0px;

  }

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .chy-portfolio-2-item .content-wrap {

    bottom: 0px;

    opacity: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) {

    z-index: 1;

    transition: 600ms all;

  }

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-portfolio-2-item {

    transform: translateY(20px) scale3d(1.2, 1.3, 1);

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-portfolio-2-item {

    transform: translateY(0px) scale3d(1.1, 1.1, 1);

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 767px) and (max-width: 767px) {

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-portfolio-2-item {

    transform: none;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-portfolio-2-item::after {

    width: 106%;

    left: -14px;

  }

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-portfolio-2-item .main-img {

    border-radius: 30px;

  }

  .chy-portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-portfolio-2-item .content-wrap {

    bottom: -30px;

    opacity: 1;

  }

}



.chy-portfolio-2-slider-btn {

  display: grid;

  grid-template-columns: 2fr 1.4fr;

  align-items: end;

  width: 600px;

  gap: 50px;

  margin-left: auto;

  margin-right: 10vw;

  height: 60px;

  margin-top: -130px;

}

@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) {

  .chy-portfolio-2-slider-btn {

    margin-right: 0;

    grid-template-columns: 1fr;

    width: 230px;

  }

}

.chy-portfolio-2-slider-btn .line {

  width: 100%;

  height: 8px;

  display: block;

  background: var(--chy-pr-2);

  border-radius: 4px;

}

@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) {

  .chy-portfolio-2-slider-btn .line {

    display: none;

  }

}



.chy-portfolio-2-pagination {

  display: flex;

  align-items: baseline;

  gap: 16px;

}

.chy-portfolio-2-pagination span {

  flex: 0 0 auto;

  font-family: var(--urbanist);

  font-size: 22px;

  font-weight: 800;

  background: transparent;

  color: #000;

  opacity: 1;

}

.chy-portfolio-2-pagination span:is(.swiper-pagination-bullet-active) {

  font-size: 50px;

  color: var(--chy-pr-2);

  transform: translateX(-7px);

}



.chy-testimonial-2-area {

  background: #000;

}



.chy-testimonial-2-slider {

  max-width: 1050px;

  margin-left: auto;

  margin-right: auto;

}



.chy-testimonial-2-item {

  text-align: center;

}

.chy-testimonial-2-item .main-img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 25px;

}

.chy-testimonial-2-item .main-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  margin-left: auto;

}

.chy-testimonial-2-item .comment {

  font-size: 25px;

  line-height: 1.44;

  font-weight: 600;

  color: #fff;

  text-align: center;

  margin-bottom: 38px;

}

@media (max-width: 767px) {

  .chy-testimonial-2-item .comment {

    font-size: 20px;

  }

}

.chy-testimonial-2-item .person-wrap {

  display: inline-flex;

  gap: 25px;

  align-items: center;

  margin-left: auto;

  margin-right: auto;

}

.chy-testimonial-2-item .person-wrap .icon {

  width: 60px;

  height: 60px;

  background: var(--chy-pr-2);

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 30px;

  color: #000;

}

.chy-testimonial-2-item .person-wrap .name {

  font-size: 25px;

  font-weight: 800;

  color: #fff;

}

.chy-testimonial-2-item .person-wrap .bio {

  font-size: 18px;

  color: var(--chy-pr-2);

  font-weight: 700;

  text-align: left;

}



.chy-testimonial-2-pagination {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 0px;

  padding-top: 30px;

  min-height: 20px;

  min-height: 52px;

}

.chy-testimonial-2-pagination span {

  width: 11px;

  height: 11px;

  opacity: 1;

  background: #424242;

}

.chy-testimonial-2-pagination span:is(.swiper-pagination-bullet-active) {

  background: var(--chy-pr-2);

  width: 19px;

  height: 19px;

}



.chy-testimonial-2-logo {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 30px;

  flex-wrap: wrap;

}

.chy-testimonial-2-logo img {

  opacity: 0.3;

  transition: 500ms ease;

}

.chy-testimonial-2-logo img:hover {

  opacity: 1;

}



.chy-testimonial-3-item {

  position: relative;

  border: 3px solid;

  border-color: rgb(242, 242, 242);

  padding-left: 45px;

  border-radius: 10px;

  display: flex;

  align-items: center;

  gap: 50px;

  transition: 400ms ease-in-out;

  margin-bottom: 22px;

}

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

  .chy-testimonial-3-item {

    padding-left: 30px;

    gap: 20px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-testimonial-3-item {

    padding: 20px;

    gap: 20px;

    flex-wrap: wrap;

  }

}

.chy-testimonial-3-item .number {

  font-size: 40px;

  display: inline-block;

  font-weight: 800;

  color: #272324;

  background: #F2F2F2;

  padding: 27px 27px;

  border-radius: 10px;

  transition: 400ms ease-in-out;

}

.chy-testimonial-3-item .title-wrap {

  flex: 0 0 auto;

  transform: translateY(45px);

  transition: 400ms ease-in-out;

}

@media (max-width: 767px) {

  .chy-testimonial-3-item .title-wrap {

    flex: 0 0 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-testimonial-3-item .title-wrap {

    flex: 0 0 auto;

  }

}

.chy-testimonial-3-item .subtitle {

  font-size: 17px;

  font-weight: 900;

  text-transform: uppercase;

  color: #7e7e7e;

  margin-bottom: 10px;

}

.chy-testimonial-3-item .title {

  font-size: 35px;

  font-weight: 900;

  color: #272324;

  margin-bottom: 15px;

}

.chy-testimonial-3-item .title:hover {

  color: var(--chy-pr-3);

}

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

  .chy-testimonial-3-item .title {

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  .chy-testimonial-3-item .title {

    font-size: 25px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-testimonial-3-item .title {

    font-size: 35px;

  }

}

.chy-testimonial-3-item .bio {

  font-size: 17.2px;

  font-weight: 900;

  text-transform: uppercase;

  color: #272324;

  display: inline-block;

  background: var(--chy-pr-3);

  padding: 12px 15px;

  border-radius: 30px;

  opacity: 0;

  transition: 100ms ease-in-out;

  transform: translateY(5px);

}

.chy-testimonial-3-item .bio:not(:last-child) {

  margin-bottom: 5px;

}

.chy-testimonial-3-item .disc {

  transition: 400ms ease-in-out;

  transition-delay: 0.5s;

}

.chy-testimonial-3-item .main-img {

  position: absolute;

  right: 7vw;

  bottom: -40px;

  transform: scale(0.5) rotate(32deg);

  opacity: 0;

  transition: 600ms ease-in-out;

}

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

  .chy-testimonial-3-item .main-img {

    width: 40%;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-testimonial-3-item .main-img {

    position: unset;

    opacity: 1;

    transform: scale(1) rotate(0);

  }

}

.chy-testimonial-3-item .p3-btn {

  display: flex;

  width: 170px;

  height: 175px;

  border-left: 3px solid;

  border-color: rgb(242, 242, 242);

  flex: 0 0 auto;

  text-align: center;

  justify-content: center;

  line-height: 190px;

  font-size: 55px;

  color: #000;

  transition: 800ms ease-in-out;

}

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

  .chy-testimonial-3-item .p3-btn {

    width: 100px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-testimonial-3-item .p3-btn {

    height: 150px;

    border-left-color: transparent;

  }

}

.chy-testimonial-3-item:is(.active) {

  border-color: var(--chy-pr-3);

  box-shadow: 0px 3px 60px 0px rgba(32, 42, 181, 0.11);

}

.chy-testimonial-3-item:is(.active) .number {

  background-color: var(--chy-pr-3);

}

.chy-testimonial-3-item:is(.active) .title-wrap {

  transform: translateY(0px);

}

.chy-testimonial-3-item:is(.active) .bio {

  opacity: 1;

  transform: translateY(0);

  transition: 800ms ease-in-out;

}

.chy-testimonial-3-item:is(.active) .disc {

  opacity: 0;

  transition-delay: 0s;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-testimonial-3-item:is(.active) .disc {

    opacity: 1;

  }

}

.chy-testimonial-3-item:is(.active) .main-img {

  bottom: 20px;

  transform: scale(1) rotate(0deg);

  opacity: 1;

}

.chy-testimonial-3-item:is(.active) .p3-btn {

  height: 266px;

  line-height: 280px;

  color: var(--chy-pr-3);

  border-left-color: transparent;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-testimonial-3-item:is(.active) .p3-btn {

    height: 150px;

    line-height: 160px;

  }

}



.chy-testimonial-4-item {

  position: relative;

  display: flex;

  gap: 40px;

  padding-left: 10.4375rem;

  padding-top: 60px;

  padding-bottom: 30px;

  padding-right: 137px;

}

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

  .chy-testimonial-4-item {

    padding-right: 100px;

  }

}

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

  .chy-testimonial-4-item {

    padding-right: 100px;

    padding-left: 5.4375rem;

  }

}

@media (max-width: 767px) {

  .chy-testimonial-4-item {

    padding-right: 55px;

    padding-left: 55px;

    flex-wrap: wrap;

  }

}

.chy-testimonial-4-item::after {

  width: 500px;

  height: 500px;

  content: "";

  position: absolute;

  left: 500px;

  top: 0;

  background: #E5FFEF;

  border-radius: 50%;

  z-index: -1;

  transition: 1s cubic-bezier(0.76, 0.22, 0.39, 0.84);

  transform: scale(0.5);

}

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

  .chy-testimonial-4-item::after {

    left: 200px;

  }

}

@media (max-width: 767px) {

  .chy-testimonial-4-item::after {

    width: 280px;

    height: 280px;

  }

}

.chy-testimonial-4-item .icon {

  flex: 0 0 auto;

}

.chy-testimonial-4-item .subtitle {

  display: block;

  font-weight: 700;

  text-transform: uppercase;

  color: #262524;

  font-size: 17px;

  margin-bottom: 10px;

}

.chy-testimonial-4-item .comment {

  font-size: 43px;

  line-height: 1.51;

  font-weight: 800;

  color: #262524;

  margin-bottom: 35px;

}

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

  .chy-testimonial-4-item .comment {

    font-size: 33px;

  }

}

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

  .chy-testimonial-4-item .comment {

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  .chy-testimonial-4-item .comment {

    font-size: 22px;

  }

}

.chy-testimonial-4-item .person-img {

  width: 85px;

  height: 85px;

  border-radius: 50%;

  overflow: hidden;

  flex: 0 0 auto;

}

.chy-testimonial-4-item .name {

  display: block;

  font-size: 24px;

  font-weight: 800;

  color: #0d0d0d;

  margin-bottom: 9px;

}

.chy-testimonial-4-item .reating {

  font-size: 18px;

  color: #EA9034;

  margin-right: 3px;

  display: flex;

  align-items: center;

  gap: 5px;

}

.chy-testimonial-4-item .person-wrap {

  display: flex;

  align-items: center;

  gap: 15px;

}



.chy-testimonial-4-slider {

  position: relative;

}

.chy-testimonial-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-testimonial-4-item::after {

  left: 70px;

  transform: scale(1);

}

.chy-testimonial-4-slider .chy_testimonial_4_prev, .chy-testimonial-4-slider .chy_testimonial_4_next {

  width: 80px;

  height: 80px;

  background: #fff;

  border: 2px solid #000;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  color: #000;

  transition: 400ms ease;

  z-index: 3;

}

@media (max-width: 767px) {

  .chy-testimonial-4-slider .chy_testimonial_4_prev, .chy-testimonial-4-slider .chy_testimonial_4_next {

    width: 45px;

    height: 45px;

  }

}

.chy-testimonial-4-slider .chy_testimonial_4_prev:hover, .chy-testimonial-4-slider .chy_testimonial_4_next:hover {

  background: var(--chy-pr-3);

  border-color: transparent;

}

.chy-testimonial-4-slider .chy_testimonial_4_prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -45px;

}

@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) {

  .chy-testimonial-4-slider .chy_testimonial_4_prev {

    left: 0px;

  }

}

.chy-testimonial-4-slider .chy_testimonial_4_next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -45px;

}

@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) {

  .chy-testimonial-4-slider .chy_testimonial_4_next {

    right: 0px;

  }

}



.chy-marquee-text-2-area {

  background: #5FD7FF;

}

.chy-marquee-text-2-wrap {

  display: flex;

  align-items: center;

  animation: chymarquee2 30s infinite linear;

}

.chy-marquee-text-2-wrap .title {

  font-size: 50px;

  font-weight: 800;

  -webkit-text-stroke: 2px #141515;

  color: transparent;

  flex: 0 0 auto;

  transition: 400ms ease-in-out;

  cursor: pointer;

}

.chy-marquee-text-2-wrap .title svg {

  margin-right: 40px;

  margin-left: 30px;

}

.chy-marquee-text-2-wrap .title:hover {

  color: var(--chy-h1-color);

}



@keyframes chymarquee2 {

  0% {

    transform: translateX(0%);

  }

  100% {

    transform: translateX(-100%);

  }

}



.chy-marquee-4-area {

  background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);

  overflow: hidden;

  padding-top: 40px;

  padding-bottom: 40px;

}



.chy-marquee-4-wrap {

  display: flex;

  align-items: center;

  gap: 20px;

  animation: keyfram-slider-1 30s infinite linear;

}

.chy-marquee-4-wrap .icon {

  flex: 0 0 auto;

}

.chy-marquee-4-wrap .title-1, .chy-marquee-4-wrap .title-2 {

  font-size: 60px;

  font-weight: 900;

  text-transform: uppercase;

  line-height: 1;

  color: #fff;

  transition: 400ms ease-in-out;

}

.chy-marquee-4-wrap .title-1:hover {

  -webkit-text-stroke: 1px var(--chy-h2-color);

  color: transparent;

}

.chy-marquee-4-wrap .title-2 {

  -webkit-text-stroke: 1px #fff;

  color: transparent;

}

.chy-marquee-4-wrap .title-2:hover {

  color: var(--chy-h2-color);

  -webkit-text-stroke: 1px transparent;

}



.chy-marquee-5-area {

  background: linear-gradient(90deg, #70DBFF 0%, #DD98FF 100%);

  overflow: hidden;

  padding-top: 40px;

  padding-bottom: 40px;

}



.chy-marquee-5-wrap {

  display: flex;

  align-items: center;

  gap: 20px;

  animation: keyfram-slider-2 30s infinite linear;

  justify-content: end;

}

.chy-marquee-5-wrap .icon {

  flex: 0 0 auto;

}

.chy-marquee-5-wrap .title-1, .chy-marquee-5-wrap .title-2 {

  font-size: 60px;

  font-weight: 900;

  text-transform: uppercase;

  line-height: 1;

  color: var(--chy-h2-color);

  transition: 400ms ease-in-out;

}

.chy-marquee-5-wrap .title-1:hover {

  -webkit-text-stroke: 1px var(--chy-h2-color);

  color: transparent;

}

.chy-marquee-5-wrap .title-2 {

  -webkit-text-stroke: 1px var(--chy-h2-color);

  color: transparent;

}

.chy-marquee-5-wrap .title-2:hover {

  color: var(--chy-h2-color);

  -webkit-text-stroke: 1px transparent;

}



.marquee-text-6-wrap .title {

  font-size: 140px;

  font-weight: 900;

  line-height: 1;

  color: #EEE8F8;

  text-transform: uppercase;

}

.marquee-text-6-wrap .title:hover {

  color: var(--chy-pr-5);

}

.mobile-main-navigation {

  width: 100%;

  transform: translateY(200px);

  opacity: 0;

}



.mobile-main-navigation .navbar-nav {

  width: 100%;

}



.mobile-main-navigation.dropdown:after {

  display: none;

}



.mobile-main-navigation .navbar-nav .dropdown-menu {

  position: static !important;

  -webkit-transform: none !important;

  transform: none !important;

}



.mobile-main-navigation .navbar-nav li {

  width: 100%;

  display: block;

  -webkit-transition: 0.3s all ease-in-out;

  transition: 0.3s all ease-in-out;

}



.mobile-main-navigation .navbar-nav li a {

  padding: 0;

  width: 100%;

  color: #fff;

  display: block;

  font-weight: 400;

  font-size: 28px;

  text-transform: capitalize;

  padding: 10px 60px 10px 0 !important;

}

.mobile-main-navigation .navbar-nav li a:hover {

  color: var(--chy-pr-1);

}



.mobile-main-navigation {

  left: 0px;

  -webkit-transition: all 0.7s ease-out;

  transition: all 0.7s ease-out;

}



.mobile-main-navigation .navbar-nav li a:after {

  display: none;

}



.mobile-main-navigation .dropdown > .dropdown-menu {

  opacity: 1;

  visibility: visible;

}



.mobile-main-navigation .navbar-nav .dropdown-menu {

  border: none;

  display: none;

  -webkit-transition: none;

  transition: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 5px 0px;

  width: 100%;

  background-color: transparent;

}



.mobile-main-navigation .navbar-nav .dropdown-menu li {

  border: none;

  padding: 0 10px;

  line-height: 1;

}



.mobile-main-navigation .navbar-nav .dropdown-menu li:hover {

  background-color: transparent;

}



.mobile-main-navigation .navbar-nav .dropdown-menu li a {

  color: #fff;

  font-size: 22px;

}



.mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {

  color: var(--chy-pr-1);

  background-color: transparent;

}



.mobile-main-navigation .dropdown {

  position: relative;

}



.mobile-main-navigation .dropdown .dropdown-btn {

  color: #fff;

  position: absolute;

  top: 16px;

  right: 0;

  height: 30px;

  padding: 5px 10px;

}

.mobile-main-navigation .dropdown .dropdown-btn:hover {

  color: var(--chy-pr-1);

}



.mobile-main-navigation .dropdown .dropdown-btn.toggle-open {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

}



.mobile-main-navigation .mobile_menu_close {

  top: 25px;

  right: 25px;

  cursor: pointer;

  color: #d60606;

  font-size: 20px;

  position: absolute;

}



.mobile-search-bar {

  margin-bottom: 50px;

  position: relative;

  max-width: 42%;

  transform: translateY(200px);

  opacity: 0;

}

@media (max-width: 767px) {

  .mobile-search-bar {

    max-width: 100%;

  }

}

.mobile-search-bar input {

  border: none;

  outline: none;

  width: 100%;

  height: 60px;

  border-bottom: 1px solid #616161;

  background-color: transparent;

  padding: 0 20px;

}

.mobile-search-bar input::placeholder {

  color: #616161;

  font-size: 20px;

}

.mobile-search-bar button {

  top: 8px;

  right: 20px;

  color: #fff;

  padding: 0;

  height: 50px;

  border: none;

  position: absolute;

  background-color: transparent;

}

.mobile-search-bar button:hover {

  color: var(--chy-pr-1);

}



.fullpage-menu {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100vh;

  z-index: 99;

  display: none;

}

.fullpage-menu ::-webkit-scrollbar {

  display: none;

}



.fullpage-menu-inner {

  height: 100%;

  padding: 100px 60px;

  overflow-y: scroll;

}

@media (max-width: 767px) {

  .fullpage-menu-inner {

    padding: 100px 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .fullpage-menu-inner {

    padding: 100px 60px;

  }

}

.fullpage-menu-inner .menu-bg {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

}

.fullpage-menu-inner .menu-bg span {

  display: block;

  height: 33.334%;

  width: 0%;

  background-color: #000;

}



.fullpage-menu-logo-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  margin-bottom: 30px;

}

.fullpage-menu-logo-wrap .menu-logo {

  transform: translate(-50px, 0px);

  opacity: 0;

}



.fullpage-menu-close {

  font-size: 40px;

  color: #fff;

  cursor: pointer;

  transition: 400ms ease-in-out;

  transform: translate(50px, 0px);

  opacity: 0;

}

.fullpage-menu-close:hover {

  color: var(--chy-pr-1);

  transform: rotate(45deg);

}



.fullpage-content-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 50px 300px;

  align-items: self-start;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .fullpage-content-wrap {

    gap: 50px 170px;

  }

}

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

  .fullpage-content-wrap {

    gap: 50px 100px;

  }

}

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

  .fullpage-content-wrap {

    gap: 50px 60px;

  }

}

@media (max-width: 767px) {

  .fullpage-content-wrap {

    grid-template-columns: 1fr;

  }

}



.fullpage-menu-gellary {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 30px;

}

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

  .fullpage-menu-gellary {

    grid-template-columns: 1fr 1fr;

  }

}

@media (max-width: 767px) {

  .fullpage-menu-gellary {

    grid-template-columns: 1fr 1fr;

  }

}

.fullpage-menu-gellary .item {

  position: relative;

  transition: 400ms;

  opacity: 0;

}

.fullpage-menu-gellary .item::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: var(--chy-gd-1);

  opacity: 0;

}

.fullpage-menu-gellary .item:hover {

  opacity: 0.3;

}



.full-page-socail-link li {

  display: inline-block;

  transform: translateY(50px);

  opacity: 0;

}

.full-page-socail-link li:not(:last-child) {

  margin-right: 20px;

}

.full-page-socail-link li a {

  font-size: 30px;

  color: #bfbfbf;

}

.full-page-socail-link li a:hover {

  color: var(--chy-pr-1);

}



.scroll-top {

  position: fixed;

  right: 30px;

  bottom: 0;

  height: 60px;

  width: 45px;

  cursor: pointer;

  display: block;

  border-radius: 20px 20px 0px 0px;

  z-index: 5;

  background: #000;

  opacity: 1;

  visibility: visible;

  transition: all 300ms linear;

  font-size: 20px;

  text-align: center;

  color: #fff;

  transform: translateY(80px);

}



.scroll-top-wrap {

  position: relative;

  width: 100%;

  height: 100%;

  padding: 8px;

  padding-top: 16px;

}

.scroll-top-wrap .icon-2 {

  font-size: 16px;

  position: absolute;

  left: 33%;

  bottom: 22%;

  transform: translate(-50%, -50%);

}



.scroll-top.show {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.breadcrumb-area {

  padding-top: 280px;

  padding-bottom: 220px;

}

.breadcrumb-title {

  font-size: 90px;

  color: #fff;

  font-weight: 800;

  margin-bottom: 30px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .breadcrumb-title {

    font-size: 80px;

  }

}

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

  .breadcrumb-title {

    font-size: 70px;

  }

}

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

  .breadcrumb-title {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .breadcrumb-title {

    font-size: 40px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .breadcrumb-title {

    font-size: 50px;

  }

}

.breadcrumb-list a, .breadcrumb-list span {

  font-weight: 800;

  font-size: 20px;

  font-family: var(--urbanist);

  color: #fff;

  text-decoration: none;

  display: inline-block;

}

.breadcrumb-list a {

  padding-right: 25px;

  position: relative;

  margin-right: 20px;

  transition: 400ms ease;

}

.breadcrumb-list a:hover {

  color: var(--chy-pr-4);

}

.breadcrumb-list a::after {

  content: "\f355";

  position: absolute;

  font-family: "Font Awesome 6 Pro";

  right: 3px;

  top: 53%;

  transform: translateY(-50%);

  font-size: 14px;

}

.breadcrumb-list a::before {

  content: "\f356";

  position: absolute;

  font-family: "Font Awesome 6 Pro";

  right: -15px;

  top: 53%;

  transform: translateY(-50%);

  font-size: 14px;

  color: var(--chy-pr-4);

}

.breadcrumb-list span {

  position: relative;

  text-transform: capitalize;

  color: var(--chy-pr-4);

}

.breadcrumb-list span::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 1px;

  background-color: var(--clr-common-white);

  bottom: -2px;

  left: 0;

}



.breadcrumb-list {

  display: inline-block;

  overflow: hidden;

  position: relative;

  padding: 17px 30px;

  border: 1px solid var(--chy-pr-1);

  border-radius: 40px;

  background: rgba(255, 255, 255, 0.1);

  backdrop-filter: blur(7.5px);

}



.breadcrumb-wrap {

  position: relative;

  z-index: 1;

}



.has-breadcrumb-overlay {

  position: relative;

}

.has-breadcrumb-overlay::after {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #141515;

  opacity: 0.8;

}



/*

services-details

======start======

*/

.service-details-main-img {

  width: 100%;

  height: 445px;

  overflow: hidden;

  border-radius: 20px;

  margin-bottom: 30px;

}



.service-details-title {

  font-size: 40px;

  line-height: 1.25;

  font-weight: 800;

  margin-bottom: 20px;

}

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

  .service-details-title {

    font-size: 38px;

  }

}

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

  .service-details-title {

    font-size: 36px;

  }

}

@media (max-width: 767px) {

  .service-details-title {

    font-size: 28px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .service-details-title {

    font-size: 32px;

  }

}



.service-details-subtitle {

  font-size: 30px;

  font-weight: 800;

  line-height: 1.33;

  margin-bottom: 20px;

}

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

  .service-details-subtitle {

    font-size: 28px;

  }

}

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

  .service-details-subtitle {

    font-size: 26px;

  }

}

@media (max-width: 767px) {

  .service-details-subtitle {

    font-size: 22px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .service-details-subtitle {

    font-size: 24px;

  }

}



.inner-page-disc {

  margin-bottom: 20px;

}



.service-details-feature {

  border-radius: 10px;

  border: 1px solid #F08441;

  padding: 8px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 8px;

}

@media (max-width: 767px) {

  .service-details-feature {

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .service-details-feature {

    grid-template-columns: 1fr 1fr;

  }

}



.service-details-feature-item {

  background: #FEF8F4;

  padding: 25px;

  border-radius: 5px;

}

.service-details-feature-item .icon {

  font-size: 45px;

  line-height: 1;

  color: #F08441;

  flex: 0 0 auto;

}

.service-details-feature-item .title {

  font-size: 20px;

  line-height: 1.3;

  margin-bottom: 0;

}

.service-details-feature-item .heading-wrap {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 15px;

}

.service-details-feature-item .text {

  font-size: 16px;

  line-height: 26px;

  color: #5B5B5B;

}



.chy-sd-1-item .accordion-item {

  position: relative;

  background: transparent;

  border: none;

  border: 1px solid rgba(80, 78, 78, 0.2);

  border-radius: 6px;

}

.chy-sd-1-item .accordion-item:is(.tna_faq2_bg) .accordion-header .accordion-button .text {

  background: var(--tna-gd-2);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.chy-sd-1-item .accordion-item:is(.tna_faq2_bg) .accordion-header .accordion-button .icon {

  background: var(--tna-gd-2);

  border: transparent;

  color: #fff;

}

.chy-sd-1-item .accordion-item:is(.tna_faq2_bg) .accordion-header .accordion-button .icon i::before {

  content: "\f068";

}

.chy-sd-1-item .accordion-item .accordion-header {

  outline: none;

  box-shadow: none;

  position: relative;

  z-index: 1;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button {

  padding-right: 20px;

  padding-left: 20px;

  padding-top: 18px;

  padding-bottom: 18px;

  justify-content: space-between;

  gap: 8px;

  align-items: center;

  outline: none;

  box-shadow: none;

  transition: 400ms ease;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button .title {

  font-size: 20px;

  font-weight: 700;

  line-height: 1.8;

  text-transform: capitalize;

  margin-right: auto;

  transition: 400ms ease;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button .icon-2 {

  background: var(--chy-gd-1);

  font-size: 22px;

  transform: translateY(3px);

  transition: 400ms ease;

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button .icon {

  flex: 0 0 auto;

  width: 28px;

  height: 28px;

  border-radius: 50%;

  text-align: center;

  font-size: 14px;

  line-height: 30px;

  color: #6934E9;

  transition: 400ms ease;

  background: linear-gradient(87deg, rgba(162, 73, 237, 0.13) 57.32%, rgba(105, 52, 233, 0.13) 97.15%);

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button::after {

  display: none;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button:is(:not(.collapsed)) {

  background: var(--txa-gd-1);

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button:is(:not(.collapsed)) .title {

  background: var(--chy-gd-1);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button:is(:not(.collapsed)) .icon-2 {

  color: #fff;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button:is(:not(.collapsed)) .icon {

  background: var(--chy-gd-1);

  color: #fff;

}

.chy-sd-1-item .accordion-item .accordion-header .accordion-button:is(:not(.collapsed)) .icon i::before {

  content: "\f068";

}

.chy-sd-1-item .accordion-item .accordion-body {

  position: relative;

  z-index: 1;

  padding: 0;

}

.chy-sd-1-item .accordion-item .accordion-body .disc {

  margin-top: 15px;

  margin-bottom: 20px;

  padding-right: 60px;

  padding-left: 55px;

}



/*

services-details

======end======

*/

/*

************

*************************

30. sidebar-widget

*******************************************************

*************************************************************** */

.sidebar-box-wrap {

  border-radius: 20px;

  background: #F8F8F9;

  padding: 25px 20px;

}



.sidebar-box-title {

  font-size: 26px;

  font-weight: 800;

  line-height: 1.38;

  margin-bottom: 15px;

}



.sidebar-category {

  list-style: none;

}

.sidebar-category li a {

  overflow: hidden;

  z-index: 1;

  position: relative;

  font-family: var(--urbanist);

  color: #141515;

  text-transform: capitalize;

  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  background-color: #fff;

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-radius: 54px;

  padding: 18px 30px;

  transition: 400ms ease-in-out;

}

.sidebar-category li a .text {

  display: inline-block;

  margin-right: auto;

}

.sidebar-category li a .icon-1 {

  display: inline-block;

  line-height: 1;

  transition: 400ms;

  transform: translate(-20px, 2px);

  opacity: 0;

  color: #fff;

}

.sidebar-category li a .number {

  display: inline-block;

  width: 44px;

  height: 44px;

  background: #F5EFFF;

  border-radius: 50%;

  text-align: center;

  line-height: 45px;

  color: #8C40EB;

  transition: 400ms ease-in-out;

}

.sidebar-category li a::after {

  position: absolute;

  content: "";

  left: 0;

  top: auto;

  bottom: 0;

  background: var(--chy-gd-1);

  width: 100%;

  height: 0%;

  border-radius: 54px;

  z-index: -1;

  transition: 400ms ease-in-out;

}

.sidebar-category li a:hover {

  color: #fff;

}

.sidebar-category li a:hover::after {

  top: 0;

  height: 100%;

  bottom: auto;

}

.sidebar-category li a:hover .icon-1 {

  transform: translate(0px, 2px);

  opacity: 1;

}

.sidebar-category li a:hover .number {

  background: #fff;

}

.sidebar-category li:not(:last-child) {

  margin-bottom: 8px;

}

.sidebar-category:is(.has-number) li a {

  padding: 8px 10px;

  padding-left: 30px;

}



.sidebar-download li:not(:last-child) {

  margin-bottom: 10px;

}

.sidebar-download li a {

  font-family: var(--urbanist);

  overflow: hidden;

  position: relative;

  z-index: 1;

  display: flex;

  justify-content: space-between;

  gap: 16px;

  text-transform: capitalize;

  background: #fff;

  align-items: center;

  padding: 5px 10px;

  padding-right: 20px;

  border-radius: 54px;

  transition: 400ms ease-in-out;

}

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

  .sidebar-download li a {

    gap: 10px;

  }

}

@media (max-width: 767px) {

  .sidebar-download li a {

    gap: 10px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .sidebar-download li a {

    gap: 16px;

  }

}

.sidebar-download li a::after {

  position: absolute;

  content: "";

  left: 0;

  top: auto;

  bottom: 0;

  background: var(--chy-gd-1);

  width: 100%;

  height: 0%;

  border-radius: 54px;

  z-index: -1;

  transition: 400ms ease-in-out;

}

.sidebar-download li a .text-wrap {

  margin-right: auto;

}

.sidebar-download li a .title {

  font-size: 18px;

  font-weight: 500;

  display: block;

  line-height: 26px;

  color: #141515;

  transition: 400ms ease-in-out;

}

.sidebar-download li a .kbs {

  display: block;

  color: #504E4E;

  font-size: 12px;

  font-weight: 500;

  transition: 400ms ease-in-out;

}

.sidebar-download li a .icon-1 {

  flex: 0 0 auto;

  width: 50px;

  height: 50px;

  background: #141515;

  border-radius: 50%;

  text-align: center;

  line-height: 60px;

  font-size: 26px;

  color: #fff;

}

.sidebar-download li a .icon-2 {

  flex: 0 0 auto;

  width: 30px;

  height: 30px;

  background: #FEEDE8;

  border-radius: 50%;

  font-size: 14px;

  text-align: center;

  line-height: 35px;

  color: var(--chy-pr-2);

}

.sidebar-download li a:hover .title {

  color: #fff;

}

.sidebar-download li a:hover .kbs {

  color: #fff;

}

.sidebar-download li a:hover::after {

  top: 0;

  height: 100%;

  bottom: auto;

}



.sidebar-search-box {

  position: relative;

}

.sidebar-search-box .search-btn {

  position: absolute;

  right: 0;

  top: 0;

  width: 60px;

  height: 100%;

  border: none;

  outline: none;

  font-size: 20px;

  color: #fff;

  background: var(--chy-gd-1);

  border-radius: 0 50px 50px 0;

  transition: 400ms ease;

}

.sidebar-search-box .search-btn:hover {

  color: var(--chy-h1-color);

}

.sidebar-search-box .search-input {

  background: #F1F1F8;

  border: none;

  outline: none;

  width: 100%;

  height: 60px;

  border-radius: 50px;

  font-family: var(--urbanist);

  font-size: 18px;

  color: #504E4E;

  font-weight: 400;

  text-transform: capitalize;

  padding: 0 20px;

  padding-right: 80px;

}

.sidebar-search-box .search-input::placeholder {

  font-family: var(--urbanist);

  font-size: 18px;

  color: #504E4E;

  font-weight: 400;

  text-transform: capitalize;

}



.latest-post-item {

  display: flex;

  align-items: center;

}

.latest-post-item:not(:last-child) {

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid rgba(20, 21, 21, 0.1);

}

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

  .latest-post-item {

    flex-wrap: wrap;

  }

}

@media (max-width: 767px) {

  .latest-post-item {

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .latest-post-item {

    flex-wrap: nowrap;

  }

}

.latest-post-item .img {

  flex: 0 0 auto;

  width: 100px;

  height: 100px;

  border-radius: 10px;

  overflow: hidden;

}

.latest-post-item .img a {

  width: 100%;

  height: 100%;

}

.latest-post-item .content {

  padding: 10px 17px;

}

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

  .latest-post-item .content {

    padding-left: 0;

  }

}

@media (max-width: 767px) {

  .latest-post-item .content {

    padding: 10px 17px;

    padding-left: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .latest-post-item .content {

    padding: 10px 17px;

    padding-left: 10px;

  }

}

.latest-post-item .content .date {

  display: block;

  font-size: 14px;

  text-transform: capitalize;

  line-height: 20px;

  margin-bottom: 8px;

}

.latest-post-item .content .date i {

  display: inline-block;

  margin-right: 3px;

  color: #F08441;

}

.latest-post-item .content .title {

  font-size: 20px;

  font-weight: 700;

  line-height: 1.4;

}

.latest-post-item .content .title:hover {

  color: var(--chy-pr-1);

}



.sidebar-tag {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

}

.sidebar-tag a {

  display: inline-block;

  background-color: #fff;

  border-radius: 4px;

  text-decoration: none;

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;

  text-transform: capitalize;

  color: #504E4E;

  padding: 7px 20px;

  transition: 400ms;

}

.sidebar-tag a:hover {

  background-color: var(--chy-pr-1);

  color: #fff;

}



/*

team-details-page

======start======

*/

.team-details-person-wrap {

  display: grid;

  grid-template-columns: 1.1fr 1fr 1.3fr;

  gap: 40px;

}

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

  .team-details-person-wrap {

    grid-template-columns: 1.1fr 1fr 1fr;

    gap: 30px;

  }

}

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

  .team-details-person-wrap {

    grid-template-columns: 1.1fr 1fr;

  }

}

@media (max-width: 767px) {

  .team-details-person-wrap {

    grid-template-columns: 1fr;

  }

}

.team-details-person-wrap .content-wrap {

  padding-top: 25px;

}

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

  .team-details-person-wrap .content-wrap {

    grid-column-start: 1;

    grid-column-end: -1;

  }

}

.team-details-person-img {

  width: 100%;

  height: 465px;

  border-radius: 10px;

  overflow: hidden;

}

.team-details-person-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.team-details-person-bio {

  padding-top: 15px;

}

.team-details-person-bio .name {

  font-size: 42px;

  line-height: 1.19;

  margin-bottom: 15px;

  font-weight: 800;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .team-details-person-bio .name {

    font-size: 36px;

  }

}

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

  .team-details-person-bio .name {

    font-size: 34px;

  }

}

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

  .team-details-person-bio .name {

    font-size: 36px;

  }

}

@media (max-width: 767px) {

  .team-details-person-bio .name {

    font-size: 32px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .team-details-person-bio .name {

    font-size: 36px;

  }

}

.team-details-person-bio .skill-name {

  font-size: 20px;

  text-transform: capitalize;

  background: var(--chy-gd-1);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 500;

  display: block;

  line-height: 1;

  margin-bottom: 28px;

}



.team-details-person-bio-list li {

  font-size: 18px;

  font-weight: 500;

  text-transform: capitalize;

  font-family: var(--urbanist);

  color: #504E4E;

}

.team-details-person-bio-list li:not(:last-child) {

  margin-bottom: 10px;

}

.team-details-person-bio-list li span {

  display: inline-block;

  color: var(--chy-h1-color);

  width: 32%;

}

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

  .team-details-person-bio-list li span {

    width: 40%;

  }

}



.team-details-person-social .title {

  font-size: 20px;

  margin-bottom: 20px;

}

.team-details-person-social li {

  display: inline-block;

}

.team-details-person-social li:not(:last-child) {

  margin-right: 10px;

}

.team-details-person-social li a {

  width: 42px;

  height: 42px;

  border-radius: 50%;

  text-align: center;

  line-height: 42px;

  color: #9A46ED;

  border: 1px solid #9A46ED;

  display: inline-block;

}

.team-details-person-social li a:hover {

  background-color: #9A46ED;

  color: #fff;

}



.team-details-person-short-bio .title {

  font-size: 30px;

  line-height: 1.33;

  font-weight: 700;

  color: #0E191E;

  margin-bottom: 20px;

}

.team-details-person-short-bio .text {

  font-size: 18px;

  line-height: 30px;

  margin-bottom: 0;

}



.team-details-person-skill .title {

  font-size: 30px;

  font-weight: 700;

  line-height: 1.33;

  margin-bottom: 20px;

}

.team-details-person-skill .progress-item .progress-heading {

  display: flex;

  justify-content: space-between;

  margin-bottom: 15px;

}

.team-details-person-skill .progress-item .progress-heading .title, .team-details-person-skill .progress-item .progress-heading span {

  color: #0E191E;

  font-size: 18px;

  font-weight: 400;

  line-height: 1;

  text-transform: capitalize;

  margin-bottom: 0;

}

.team-details-person-skill .progress-item .progress-heading span {

  color: var(--chy-pr-1);

}

.team-details-person-skill .progress-item .progress {

  height: 8px;

  border-radius: 4px;

  background-color: #F4EFFD;

}

.team-details-person-skill .progress-item .progress-bar {

  background: var(--chy-gd-1);

  width: 50%;

  position: relative;

}

.team-details-person-skill .progress-item .progress-bar::after {

  content: "";

  width: 8px;

  height: 20px;

  border-radius: 30px;

  position: absolute;

  top: 0;

  right: 0;

  background: var(--chy-pr-1);

}

.team-details-person-skill .progress-item .progress-bar:is(.w-60) {

  width: 60%;

}

.team-details-person-skill .progress-item .progress-bar:is(.w-85) {

  width: 85%;

}

.team-details-person-skill .progress-item .progress-bar:is(.w-90) {

  width: 90%;

}



.team-details-person-dic .title {

  font-size: 30px;

  line-height: 1.33;

  font-weight: 800;

  margin-bottom: 20px;

}

.team-details-person-dic .text {

  margin-bottom: 20px;

}

.comment-respond,

.contact-form-wrap {

  background: rgba(14, 25, 30, 0.04);

  border-radius: 10px;

  padding: 45px 40px;

}

@media (max-width: 767px) {

  .contact-form-wrap {

    padding: 45px 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .contact-form-wrap {

    padding: 45px 40px;

  }

}

.contact-form-wrap .title {

  font-size: 36px;

  line-height: 1.27;

  margin-bottom: 20px;

}

.contact-form-wrap .text {

  margin-bottom: 30px;

}



.contact-form {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px 30px;

}

@media (max-width: 767px) {

  .contact-form {

    grid-template-columns: 1fr;

  }

}

.comment-form textarea,

.comment-form input,

.contact-form input, .contact-form .option-selector, .contact-form textarea {

  width: 100%;

  height: 62px;

  border-radius: 100px;

  outline: none;

  border: none;

  background: #fff;

  font-size: 18px;

  font-weight: 400;

  color: #504E4E;

  text-transform: capitalize;

  font-family: var(--urbanist);

  padding: 0 30px;

}

.contact-form input::placeholder, .contact-form .option-selector::placeholder, .contact-form textarea::placeholder {

  font-size: 18px;

  font-weight: 400;

  color: #606364;

  font-family: var(--urbanist);

}

.contact-form .option-selector .current {

  padding-top: 12px;

  display: inline-block;

}

.comment-form textarea,

.contact-form textarea {

  height: 178px;

  padding-top: 15px;

  border-radius: 10px;

  grid-column-start: 1;

  grid-column-end: -1;

}

.contact-form .btn-wrap {

  grid-column-start: 1;

  grid-column-end: -1;

  text-align: center;

  padding-top: 20px;

}

.contact-form .btn-wrap .chy-pr-btn-1 {

  border: none;

  outline: none;

}

@media (max-width: 767px) {

  .contact-form .btn-wrap .chy-pr-btn-1 {

    padding: 21px 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .contact-form .btn-wrap .chy-pr-btn-1 {

    padding: 21px 40px;

  }

}



.nice-select.option-selector::after {

  border-bottom: 1px solid #707480;

  border-right: 1px solid #707480;

  width: 8px;

  height: 8px;

  right: 35px;

}



/*

team-details-page

======end======

*/

.chy-faq-page-content {

  padding-right: 10px;

  display: flex;

  flex-direction: column;

  gap: 30px;

  justify-content: space-between;

  height: 100%;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-faq-page-content {

    padding-bottom: 50px;

  }

}

.chy-faq-page-content .section-title-wrap {

  position: sticky;

  top: 120px;

  margin-bottom: 90px;

}



.chy-faq-page-accordion .chy-sd-1-item .accordion-item {

  background: #fff;

}

.chy-faq-page-accordion .chy-sd-1-item .accordion-item .accordion-header .accordion-button {

  background: transparent;

}

.chy-faq-page-accordion .chy-sd-1-item .accordion-item .accordion-header .accordion-button .icon-2 {

  -webkit-text-fill-color: #f1415e;

}

.chy-faq-page-accordion .chy-sd-1-item .accordion-item .accordion-body .disc {

  margin-top: 0;

}



.chy-testimonial-page-item {

  background: #fff;

  border-radius: 10px;

  padding: 45px 40px;

  display: grid;

  grid-template-columns: auto auto;

  gap: 25px;

  position: relative;

  overflow: hidden;

  transition: 400ms ease-in-out;

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .chy-testimonial-page-item {

    grid-template-columns: auto;

    padding: 45px 15px;

    padding-bottom: 100px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-testimonial-page-item {

    grid-template-columns: auto auto;

    padding: 45px 40px;

    padding-bottom: 45px;

  }

}

.chy-testimonial-page-item .comment {

  font-size: 24px;

  font-weight: 500;

  color: #141515;

  line-height: 1.66;

}

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

  .chy-testimonial-page-item .comment {

    font-size: 20px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-testimonial-page-item .comment {

    font-size: 22px;

  }

}

@media (max-width: 767px) {

  .chy-testimonial-page-item .comment {

    font-size: 18px;

  }

}

.chy-testimonial-page-item .icon i {

  background: var(--chy-gd-1);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  display: inline-block;

  font-size: 70px;

  line-height: 1;

}

.chy-testimonial-page-item .name {

  font-size: 24px;

  color: #F08441;

  margin-bottom: 10px;

}

.chy-testimonial-page-item .bio {

  font-size: 16px;

  font-weight: 500;

  color: #504E4E;

  display: block;

  line-height: 20px;

}

.chy-testimonial-page-item .person-img {

  position: absolute;

  right: -40px;

  bottom: -60px;

  width: 200px;

  height: 200px;

  border-radius: 50%;

  border: 3px solid var(--chy-pr-1);

  overflow: hidden;

}

.chy-testimonial-page-item:hover {

  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3137254902);

}



/*

progress-page

======start======

*/

.our-process-page-item {

  display: grid;

  grid-template-columns: 595px 1fr;

  align-items: end;

}

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

  .our-process-page-item {

    grid-template-columns: 410px 1fr;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .our-process-page-item {

    grid-template-columns: 1fr;

  }

}

.our-process-page-item .img-wrap {

  width: 100%;

  height: 380px;

  border-radius: 30px;

  overflow: hidden;

}

.our-process-page-item .img-wrap img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.our-process-page-item .content-wrap {

  width: 100%;

  max-width: 740px;

  border-radius: 50px;

  background: #fff;

  padding: 40px 50px;

  margin-left: -175px;

  margin-bottom: -40px;

  position: relative;

  z-index: 1;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .our-process-page-item .content-wrap {

    margin-left: 0;

    margin-right: 0;

    margin-top: -50px;

    margin-bottom: 0px;

  }

}

@media (max-width: 767px) {

  .our-process-page-item .content-wrap {

    margin-left: 0;

    margin-right: 0;

    padding: 40px 20px;

    margin-top: -50px;

    margin-bottom: 0px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .our-process-page-item .content-wrap {

    margin-left: 0;

    margin-right: 0;

    padding: 40px 50px;

    margin-top: -50px;

    margin-bottom: 0px;

  }

}

.our-process-page-item .title {

  font-size: 34px;

  line-height: 1.29;

  margin-bottom: 20px;

  font-weight: 800;

}

@media (max-width: 767px) {

  .our-process-page-item .title {

    font-size: 26px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .our-process-page-item .title {

    font-size: 34px;

  }

}

.our-process-page-item .text {

  font-size: 18px;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 35px;

}

.our-process-page-item:is(.style-2) {

  grid-template-columns: 1fr 595px;

}

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

  .our-process-page-item:is(.style-2) {

    grid-template-columns: 1fr 410px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .our-process-page-item:is(.style-2) {

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .our-process-page-item:is(.style-2) .img-wrap {

    grid-row-start: 1;

  }

}

.our-process-page-item:is(.style-2) .content-wrap {

  margin-left: 175px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .our-process-page-item:is(.style-2) .content-wrap {

    margin-left: 0;

    margin-right: 0;

    margin-top: -50px;

    margin-bottom: 0px;

  }

}



/*

progress-page

======end======

*/

.projects-details-disc .title {

  font-size: 50px;

  line-height: 1.2;

  font-weight: 800;

  margin-bottom: 20px;

}

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

  .projects-details-disc .title {

    font-size: 45px;

  }

}

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

  .projects-details-disc .title {

    font-size: 40px;

  }

}

@media (max-width: 767px) {

  .projects-details-disc .title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .projects-details-disc .title {

    font-size: 35px;

  }

}

.projects-details-disc .disc {

  margin-bottom: 20px;

}

.projects-details-disc .main-img {

  height: 375px;

  overflow: hidden;

  margin-bottom: 20px;

}



.projects-details-info {

  background: var(--chy-gd-1);

  border: 1px solid rgba(255, 255, 255, 0.15);

  border-radius: 10px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .projects-details-info {

    margin-top: 30px;

  }

}

.projects-details-info > .title {

  font-size: 24px;

  color: #fff;

  font-weight: 800;

  text-align: center;

  line-height: 1.08;

  padding: 30px 15px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  text-transform: uppercase;

}

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

  .projects-details-info > .title {

    font-size: 20px;

  }

}



.projects-details-info .padding-wrap {

  padding: 0 32px;

}



.projects-details-info-item {

  padding: 20px 0;

}

.projects-details-info-item:not(:last-child) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.projects-details-info-item .title {

  font-size: 18px;

  font-weight: 700;

  color: #fff;

  line-height: 30px;

}

.projects-details-info-item .text {

  font-size: 18px;

  color: #fff;

  display: block;

  text-transform: capitalize;

  font-weight: 400;

  line-height: 30px;

  line-break: anywhere;

}



.projects-details-wrap-2 {

  background-color: #F5F5F6;

}



.projects-details-info-social {

  text-align: center;

  padding: 22px 15px;

  border-top: 1px solid rgba(255, 255, 255, 0.15);

}

.projects-details-info-social li {

  display: inline-block;

}

.projects-details-info-social li:not(:last-child) {

  margin-right: 20px;

}

.projects-details-info-social li a {

  display: block;

  width: 42px;

  height: 42px;

  border-radius: 50%;

  border: 1px solid #fff;

  text-align: center;

  line-height: 42px;

  color: #fff;

  transition: 400ms;

}

.projects-details-info-social li a:hover {

  color: var(--chy-pr-1);

  background-color: #fff;

}



.projects-details-feature-img {

  padding-right: 55px;

  position: relative;

}

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

  .projects-details-feature-img {

    padding-bottom: 50px;

  }

}

@media (max-width: 767px) {

  .projects-details-feature-img {

    padding-bottom: 50px;

    padding-right: 0px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .projects-details-feature-img {

    padding-bottom: 50px;

    padding-right: 55px;

  }

}

.projects-details-feature-img .main-img {

  width: 100%;

  height: 585px;

  border-radius: 0 200px 0 0;

  overflow: hidden;

  margin-left: -18px;

}

@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) {

  .projects-details-feature-img .main-img {

    margin-left: 0px;

  }

}

@media (max-width: 767px) {

  .projects-details-feature-img .main-img {

    margin-left: 0px;

    height: 400px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .projects-details-feature-img .main-img {

    margin-left: 0px;

    height: 585px;

  }

}

.projects-details-feature-img::after {

  width: 92%;

  height: 100%;

  content: "";

  position: absolute;

  left: 0;

  top: -18px;

  background: transparent;

  border: 3px solid var(--chy-pr-1);

  border-radius: 0 200px 0 0;

}

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

  .projects-details-feature-img::after {

    width: 97%;

    height: 95%;

  }

}

@media (max-width: 767px) {

  .projects-details-feature-img::after {

    display: none;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .projects-details-feature-img::after {

    width: 97%;

    height: 95%;

    display: block;

  }

}



.projects-details-feature-content .title {

  font-size: 40px;

  line-height: 1.25;

  font-weight: 800;

  margin-bottom: 25px;

}

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

  .projects-details-feature-content .title {

    font-size: 35px;

  }

}

@media (max-width: 767px) {

  .projects-details-feature-content .title {

    font-size: 28px;

  }

}

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

  .projects-details-feature-content .title {

    font-size: 32px;

  }

}

.projects-details-feature-content .disc {

  margin-bottom: 20px;

}



.projects-details-feature-list li {

  font-family: var(--urbanist);

  font-size: 18px;

  font-weight: 400;

  color: #141515;

  line-height: 28px;

  margin-bottom: 15px;

}

.projects-details-feature-list li i {

  color: #F08441;

  margin-right: 5px;

  transform: translateY(3px);

  display: inline-block;

}



.projects-details-wrap-3 .projects-details-feature-img {

  padding-right: 0;

  padding-left: 55px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .projects-details-wrap-3 .projects-details-feature-img {

    padding-left: 0;

    padding-top: 70px;

    padding-bottom: 0;

  }

}

.projects-details-wrap-3 .projects-details-feature-img .main-img {

  margin-left: 0;

}

.projects-details-wrap-3 .projects-details-feature-img::after {

  top: -18px;

  background: #FDEDE3;

  border: 0;

  left: 70px;

  border-radius: 0 200px 0 0;

  z-index: -1;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .projects-details-wrap-3 .projects-details-feature-img::after {

    top: unset;

    left: 70px;

    bottom: 0;

  }

}



.career-page-item-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 25px;

}

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

  .career-page-item-wrap {

    grid-template-columns: 1fr 1fr;

  }

}

@media (max-width: 767px) {

  .career-page-item-wrap {

    grid-template-columns: 1fr;

  }

}



.career-page-item {

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06);

  border-radius: 10px;

  padding: 30px 25px;

  background-color: #fff;

  border: 2px solid;

  border-color: transparent;

  transition: 400ms ease-in-out;

}

.career-page-item .icon-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  flex-wrap: wrap;

  margin-bottom: 20px;

}

.career-page-item .icon {

  flex: 0 0 auto;

}

.career-page-item .full-time {

  border: 1px solid #F08441;

  border-radius: 50px;

  display: block;

  font-size: 15px;

  font-weight: 500;

  line-height: 28px;

  color: #F08441;

  padding: 4px 15px;

}

.career-page-item .title {

  font-size: 24px;

  font-weight: 800;

  line-height: 1.33;

  margin-bottom: 15px;

}

.career-page-item .meta {

  padding-bottom: 20px;

  border-bottom: 1px solid rgba(9, 9, 9, 0.1);

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  flex-wrap: wrap;

}

.career-page-item .meta span {

  font-size: 18px;

  display: inline-block;

  color: #504E4E;

  line-height: 30px;

  text-transform: capitalize;

}

.career-page-item .meta span i {

  color: #EB5C18;

  margin-right: 7px;

}

.career-page-item .disc {

  margin-bottom: 25px;

}

.career-page-item .btn-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  flex-wrap: wrap;

}

.career-page-item .chy-pr-btn-1 {

  box-shadow: none;

}

.career-page-item .price {

  font-size: 26px;

  color: #504E4E;

}

.career-page-item:hover {

  border-color: var(--chy-pr-1);

}



.career-details-page-content {

  padding: 30px;

  background: #F7F8F8;

  border-radius: 10px;

}

.career-details-page-content .main-img {

  width: 100%;

  height: 266px;

  border-radius: 10px;

  overflow: hidden;

  margin-bottom: 30px;

}

.career-details-page-content .title {

  font-weight: 800;

  line-height: 1.2;

  margin-bottom: 20px;

  font-size: 40px;

}

@media (max-width: 767px) {

  .career-details-page-content .title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .career-details-page-content .title {

    font-size: 35px;

  }

}

.career-details-page-content .subtitle {

  font-weight: 700;

  line-height: 1.33;

  margin-bottom: 20px;

  font-size: 30px;

}

@media (max-width: 767px) {

  .career-details-page-content .subtitle {

    font-size: 22px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .career-details-page-content .subtitle {

    font-size: 28px;

  }

}

.career-details-page-content .disc {

  font-weight: 500;

  margin-bottom: 20px;

}



.career-details-page-content-list li {

  font-family: var(--urbanist);

  font-weight: 400;

  font-size: 18px;

  color: #504E4E;

  line-height: 28px;

}

.career-details-page-content-list li:not(:last-child) {

  margin-bottom: 15px;

}

.career-details-page-content-list li i {

  transform: translateY(3px);

  display: inline-block;

  margin-right: 5px;

  color: var(--chy-pr-1);

}



.career-details-page-sidebar {

  background: #141515;

  border-radius: 10px;

}

.career-details-page-sidebar .padding-wrap {

  padding: 0 40px;

}

.career-details-page-sidebar > .title {

  font-size: 24px;

  color: #fff;

  font-weight: 800;

  text-align: center;

  line-height: 1.08;

  padding: 30px 15px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  text-transform: uppercase;

}

.career-details-page-sidebar .btn-wrap {

  text-align: center;

  padding: 25px 15px;

}

.career-details-page-sidebar .projects-details-info-item .title i {

  color: #F08441;

  display: inline-block;

  margin-right: 3px;

  transform: translateY(3px);

}

.career-details-page-sidebar .projects-details-info-item:nth-last-child(1n) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}



.jobs-apply-area .upload-file {

  grid-column-start: 1;

  grid-column-end: -1;

}

.jobs-apply-area .upload-file .title {

  display: block;

  font-size: 22px;

  font-weight: 700;

  line-height: 28px;

  text-transform: capitalize;

  margin-bottom: 15px;

}

.jobs-apply-area .section-title-wrap .chy-section-para-1 {

  max-width: 707px;

  margin-left: auto;

  margin-right: auto;

}



.upload-file-btn-wrap .upload-file-btn {

  display: inline-block;

  border: none;

  outline: none;

  text-transform: capitalize;

  font-weight: 600;

  font-size: 15px;

  background-color: #161D39;

  color: #fff;

  border-radius: 30px;

  padding: 15px 40px;

  transition: 400ms ease;

}

.upload-file-btn-wrap .upload-file-btn:hover {

  background-color: var(--chy-pr-1);

}

.upload-file-btn-wrap .text {

  font-size: 15px;

  font-weight: 500;

  text-transform: capitalize;

  color: #0E191E;

  margin-left: 20px;

}

@media (max-width: 767px) {

  .upload-file-btn-wrap .text {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .upload-file-btn-wrap .text {

    display: inline-block;

  }

}



.jobs-apply-wrap {

  padding-left: 120px;

  padding-right: 120px;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .jobs-apply-wrap {

    padding-left: 0px;

    padding-right: 0px;

  }

}



.blog-page-item {

  overflow: hidden;

  border: 1px solid rgba(20, 21, 21, 0.15);

  background: #fff;

  padding: 25px;

  border-radius: 20px;

  transition: 400ms cubic-bezier(0.17, 0.46, 0.55, 0.71);

}

.blog-page-item:not(:last-child) {

  margin-bottom: 30px;

}

.blog-page-item .main-img {

  border-radius: 20px;

  width: 100%;

  height: 333px;

  overflow: hidden;

}

.blog-page-item .main-img img {

  transform: rotateX(0deg) rotateY(0deg) scale(1);

  transition: 600ms cubic-bezier(0.17, 0.46, 0.55, 0.71);

}

.blog-page-item .meta {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 5px 50px;

  padding: 21px 0;

  border-bottom: 1px solid rgba(20, 21, 21, 0.1);

  margin-bottom: 22px;

}

.blog-page-item .meta span {

  display: inline-block;

  text-transform: capitalize;

}

.blog-page-item .meta span i {

  display: inline-block;

  margin-right: 5px;

  transform: translateY(2px);

}

.blog-page-item .title {

  font-size: 32px;

  line-height: 1.31;

  font-weight: 800;

  margin-bottom: 15px;

  transition: 400ms cubic-bezier(0.17, 0.46, 0.55, 0.71);

}

.blog-page-item .title:hover {

  color: var(--chy-pr-1);

}

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

  .blog-page-item .title {

    font-size: 30px;

  }

}

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

  .blog-page-item .title {

    font-size: 28px;

  }

}

@media (max-width: 767px) {

  .blog-page-item .title {

    font-size: 24px;

  }

}

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

  .blog-page-item .title {

    font-size: 26px;

  }

}

.blog-page-item .disc {

  margin-bottom: 25px;

}

.blog-page-item .chy-pr-btn-1 {

  background: #5B5B5B;

  box-shadow: none;

}

.blog-page-item .chy-pr-btn-1::after {

  background: #fff;

}

.blog-page-item .chy-pr-btn-1:hover::after {

  background: var(--chy-gd-1);

}

.blog-page-item:hover {

  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);

}

.blog-page-item:hover .main-img img {

  transform: rotateX(15deg) rotateY(-15deg) scale(1.2);

}



.page-next-prev-btn button, .page-next-prev-btn span, .page-next-prev-btn a {

  height: 54px;

  width: 54px;

  display: inline-block;

  border: none;

  text-decoration: none;

  outline: none;

  border-radius: 50%;

  text-align: center;

  background-color: transparent;

  line-height: 54px;

  text-transform: uppercase;

  color: #555555;

  font-size: 20px;

  font-weight: 700;

  margin: 0 2px;

  margin-bottom: 10px;

  border: 1px solid rgba(22, 35, 43, 0.1);

  transition: 400ms ease-in-out;

}

.page-next-prev-btn button:hover, .page-next-prev-btn span:hover, .page-next-prev-btn a:hover {

  border-color: var(--chy-pr-1);

  color: var(--chy-pr-1);

}

.page-next-prev-btn button:is(.active), .page-next-prev-btn span:is(.active), .page-next-prev-btn a:is(.active) {

  background: var(--chy-gd-1);

  color: #fff;

}

.page-next-prev-btn span {

  padding: 0 18px;

}



.blog-page-2-item .chy-blog-1-item .title {

  font-size: 26px;

  font-weight: 700;

  line-height: 1.38;

}

@media (max-width: 767px) {

  .blog-page-2-item .chy-blog-1-item .title {

    font-size: 24px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-page-2-item .chy-blog-1-item .title {

    font-size: 26px;

  }

}

.blog-page-2-item .chy-blog-1-item .main-img img {

  clip-path: unset;

}

.blog-page-2-item .chy-blog-1-item:hover .main-img img {

  clip-path: unset;

}



.blog-details-content .main-img {

  width: 100%;

  height: 420px;

  overflow: hidden;

}

@media (max-width: 767px) {

  .blog-details-content .main-img {

    height: 350px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-details-content .main-img {

    height: 420px;

  }

}

.blog-details-content .title {

  font-size: 42px;

  font-weight: 800;

  line-height: 1.19;

  margin-bottom: 20px;

}

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

  .blog-details-content .title {

    font-size: 36px;

  }

}

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

  .blog-details-content .title {

    font-size: 34px;

  }

}

@media (max-width: 767px) {

  .blog-details-content .title {

    font-size: 26px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-details-content .title {

    font-size: 32px;

  }

}

.blog-details-content .subtitle {

  font-size: 34px;

  font-weight: 900;

  line-height: 1.35;

  color: #0E191E;

  margin-bottom: 20px;

}

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

  .blog-details-content .subtitle {

    font-size: 32px;

  }

}

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

  .blog-details-content .subtitle {

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  .blog-details-content .subtitle {

    font-size: 26px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-details-content .subtitle {

    font-size: 28px;

  }

}

.blog-details-content .disc {

  margin-bottom: 20px;

}

.blog-details-content .inner-div {

  display: grid;

  grid-template-columns: auto auto;

  gap: 30px;

}

@media (max-width: 767px) {

  .blog-details-content .inner-div {

    grid-template-columns: auto;

  }

}



.blog-details-content-meta {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 5px 50px;

  padding: 21px 0;

  border-bottom: 1px solid rgba(20, 21, 21, 0.1);

  margin-bottom: 22px;

}

.blog-details-content-meta span {

  display: inline-block;

  text-transform: capitalize;

}

.blog-details-content-meta span i {

  display: inline-block;

  margin-right: 5px;

  transform: translateY(2px);

}



.blog-details-blockquote-1 {

  background-color: #F8F5FE;

  color: #141515;

  font-family: var(--urbanist);

  font-size: 22px;

  font-weight: 500;

  text-transform: capitalize;

  line-height: 32px;

  position: relative;

  padding: 30px;

  border-radius: 0 0 30px 30px;

}

@media (max-width: 767px) {

  .blog-details-blockquote-1 {

    padding: 30px 15px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-details-blockquote-1 {

    padding: 20px;

  }

}

.blog-details-blockquote-1 .author {

  display: block;

  position: relative;

  font-size: 18px;

  font-weight: 700;

  color: var(--chy-pr-1);

  text-transform: uppercase;

  line-height: 30px;

  padding-left: 70px;

  margin-top: 14px;

}

.blog-details-blockquote-1 .author::after {

  position: absolute;

  content: "";

  width: 60px;

  height: 2px;

  background: var(--chy-gd-1);

  top: 50%;

  left: 0;

  transform: translateY(-50%);

}

.blog-details-blockquote-1 .icon {

  font-size: 120px;

  color: var(--chy-pr-1);

  line-height: 1;

  position: absolute;

  left: 20px;

  top: 0;

  opacity: 0.1;

}



.blog-details-content-list li {

  font-size: 18px;

  font-family: var(--urbanist);

  color: #141515;

  line-height: 28px;

  font-weight: 400;

}

.blog-details-content-list li:not(:last-child) {

  margin-bottom: 15px;

}

.blog-details-content-list li i {

  margin-right: 6px;

  display: inline-block;

  transform: translateY(3px);

  color: #F08441;

}



.blog-details-tag-share-wrap {

  padding: 25px 0;

  border-top: 1px solid rgba(20, 21, 21, 0.1);

  border-bottom: 1px solid rgba(20, 21, 21, 0.1);

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 30px;

}

.blog-details-tag-share-wrap .title {

  font-size: 22px;

  display: inline-block;

  line-height: 26px;

  font-weight: 700;

  margin-right: 10px;

}

@media (max-width: 767px) {

  .blog-details-tag-share-wrap .blog-details-tag {

    margin-bottom: 20px;

  }

}

.blog-details-tag-share-wrap .blog-details-tag a {

  background: #F8F8F9;

  color: #504E4E;

  text-transform: capitalize;

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  display: inline-block;

  padding: 7px 25px;

  transition: 300ms ease;

}

.blog-details-tag-share-wrap .blog-details-tag a:hover {

  background-color: var(--chy-pr-1);

  color: #fff;

}

.blog-details-tag-share-wrap .blog-details-share a {

  display: inline-block;

  transition: 400ms;

}

.blog-details-tag-share-wrap .blog-details-share a:hover {

  scale: 1.03;

}



.blog-next-btn {

  display: grid;

  grid-template-columns: 1fr 1fr;

  padding: 50px 25px;

  background: #F8F8F9;

  border-radius: 10px;

}

@media (max-width: 767px) {

  .blog-next-btn {

    grid-template-columns: 1fr;

    gap: 10px;

  }

}

.blog-next-btn .btn-item {

  display: flex;

  align-items: center;

  gap: 20px;

}

.blog-next-btn .btn-item:not(:last-child) {

  padding-right: 30px;

  border-right: 1px solid rgba(84, 86, 97, 0.08);

}

@media (max-width: 767px) {

  .blog-next-btn .btn-item:not(:last-child) {

    padding-right: 0px;

    border-right: 0px solid rgba(84, 86, 97, 0.08);

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-next-btn .btn-item:not(:last-child) {

    padding-right: 30px;

    border-right: 1px solid rgba(84, 86, 97, 0.08);

  }

}

.blog-next-btn .btn-item:not(:first-child) {

  padding-left: 30px;

  flex-direction: row-reverse;

}

@media (max-width: 767px) {

  .blog-next-btn .btn-item:not(:first-child) {

    padding-left: 0px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-next-btn .btn-item:not(:first-child) {

    padding-left: 30px;

  }

}

.blog-next-btn .btn-item:not(:first-child) .content-wrap {

  text-align: right;

}

@media (max-width: 767px) {

  .blog-next-btn .btn-item {

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-next-btn .btn-item {

    flex-wrap: nowrap;

  }

}

.blog-next-btn .main-img {

  width: 130px;

  height: 130px;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  flex: 0 0 auto;

  cursor: pointer;

}

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

  .blog-next-btn .main-img {

    width: 80px;

    height: 80px;

  }

}

.blog-next-btn .main-img .arrow-btn {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 1;

  font-size: 30px;

  color: #fff;

  width: 52px;

  height: 52px;

  border: 2px solid #fff;

  border-radius: 50%;

  text-align: center;

  line-height: 50px;

  transition: 400ms ease-in-out;

  z-index: 2;

}

.blog-next-btn .main-img::after {

  position: absolute;

  top: 0;

  left: 0;

  background: linear-gradient(87deg, var(--chy-pr-1) 57.32%, #6934E9 97.15%);

  content: "";

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: 400ms ease-in-out;

}

.blog-next-btn .main-img:hover .arrow-btn {

  background: #fff;

  color: var(--chy-pr-1);

}

.blog-next-btn .main-img:hover::after {

  opacity: 0.5;

}

.blog-next-btn .date {

  font-size: 14px;

  font-weight: 500;

  color: var(--chy-pr-1);

  text-transform: uppercase;

  line-height: 26px;

  margin-bottom: 5px;

}

.blog-next-btn .title {

  font-size: 18px;

  font-weight: 700;

  line-height: 26px;

}

.blog-next-btn .title:hover {

  color: var(--chy-pr-1);

}



.blog-details-comment-item {

  background: var(--chy-gd-1);

  border-radius: 5px;

  padding: 30px;

  display: flex;

  align-items: center;

  gap: 30px;

}

@media (max-width: 767px) {

  .blog-details-comment-item {

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-details-comment-item {

    flex-wrap: nowrap;

  }

}



.blog-details-comment-item .img-wrap {

  flex: 0 0 auto;

  width: 140px;

  height: 140px;

  overflow: hidden;

  border-radius: 50%;

}

.blog-details-comment-item .img-wrap img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.blog-details-comment-item .name {

  font-size: 24px;

  line-height: 26px;

  text-transform: capitalize;

  font-weight: 900;

  color: #fff;

  margin-bottom: 15px;

  display: block;

}

.blog-details-comment-item .comment-text {

  font-size: 18px;

  font-weight: 400;

  color: #fff;

  line-height: 30px;

  margin-bottom: 20px;

}

.blog-details-comment-item .social-link li {

  display: inline-block;

  margin-right: 10px;

}

.blog-details-comment-item .social-link li a {

  font-size: 20px;

  line-height: 1;

  color: #fff;

}

.blog-details-comment-item .social-link li a:hover {

  color: #F08441;

}



.blog-details-comments-wrap .title {

  font-size: 34px;

  font-weight: 900;

  line-height: 1.27;

  margin-bottom: 20px;

}



.comments-box-single {

  display: flex;

  gap: 25px;

  padding: 30px 0;

  border-top: 1px solid rgba(20, 21, 21, 0.1);

}

@media (max-width: 767px) {

  .comments-box-single {

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .comments-box-single {

    flex-wrap: nowrap;

  }

}

.comments-box-single:nth-last-child(1) {

  border-bottom: 1px solid rgba(20, 21, 21, 0.1);

}

.comments-box-single .person-img {

  flex: 0 0 auto;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  overflow: hidden;

}

.comments-box-single .heading-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 20px;

}

.comments-box-single .name {

  display: inline-block;

  font-size: 20px;

  font-weight: 700;

  line-height: 30px;

  margin-bottom: 5px;

}

.comments-box-single .date {

  display: block;

  font-family: var(--urbanist);

  font-size: 16px;

  font-weight: 500;

  line-height: 20px;

  text-transform: capitalize;

  color: #504E4E;

}

.comment-reply-link,

.comments-box-single .reply-btn {

  font-size: 16px;

  font-weight: 600;

  line-height: 20px;

  text-transform: capitalize;

  color: #F08441;

  transition: 400ms ease;

}

.comment-reply-link i,

.comments-box-single .reply-btn i {

  display: inline-block;

  margin-right: 5px;

}

.comment-reply-link:hover

.comments-box-single .reply-btn:hover {

  color: var(--chy-pr-1);

}

.comments-box-single .comment-text {

  width: 80%;

}



.blog-details-content .contact-form-wrap .btn-wrap {

  text-align: left;

}



.blog-details-title {

  font-family: var(--urbanist);

  color: #111010;

  font-size: 40px;

  font-weight: 900;

  line-height: 1.25;

  margin-bottom: 25px;

}



.blog-detalis-pera {

  font-size: 18px;

  font-weight: 500;

  line-height: 30px;

  color: #606364;

  margin-bottom: 20px;

}



.blog-details-inner-img {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 25px;

}

@media (max-width: 767px) {

  .blog-details-inner-img {

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-details-inner-img {

    grid-template-columns: 1fr 1fr;

  }

}

.blog-details-inner-img .img-item {

  width: 100%;

  height: 245px;

  border-radius: 10px;

  overflow: hidden;

}

.blog-details-inner-img .img-item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.blog-details-subtitle {

  font-size: 36px;

  font-weight: 900;

  color: #0E191E;

  line-height: 1.27;

  margin-bottom: 20px;

  font-family: var(--urbanist);

}

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

  .blog-details-subtitle {

    font-size: 34px;

  }

}

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

  .blog-details-subtitle {

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  .blog-details-subtitle {

    font-size: 22px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-details-subtitle {

    font-size: 28x;

  }

}



.blog-details-post-next-btn {

  display: flex;

  justify-content: space-between;

  padding: 30px 0;

  border-bottom: 1px solid rgba(17, 16, 16, 0.1);

}

@media (max-width: 767px) {

  .blog-details-post-next-btn {

    flex-wrap: wrap;

    gap: 30px;

  }

}

.blog-details-post-next-btn .next-prv-btn {

  font-size: 20px;

  font-weight: 700;

  line-height: 26px;

  color: #0E191E;

  text-transform: uppercase;

  transition: 400ms ease;

}

.blog-details-post-next-btn .next-prv-btn i {

  margin: 0 5px;

}

.blog-details-post-next-btn .next-prv-btn:hover {

  color: var(--pr-ec4814);

}



.texdft a {

  display: inline-block;

  background-color: #F5F5F5;

  color: #080821;

  border-radius: 4px;

  text-decoration: none;

  font-size: 13px;

  font-weight: 500;

  line-height: 28px;

  text-transform: capitalize;

  height: 28px;

  padding: 0 12px;

  margin-right: 2px;

}

@media (max-width: 767px) {

  .texdft a {

    margin-bottom: 5px;

  }

}

.texdft a:hover {

  background-color: var(--h1-pr-color);

  color: #fff;

}



.contact-page-area .section-title-wrap {

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;

}



.contact-form-2-wrap {

  background: #fff;

  border-radius: 20px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15) inset;

  padding: 42px 55px;

}

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

  .contact-form-2-wrap {

    margin-bottom: 50px;

  }

}

@media (max-width: 767px) {

  .contact-form-2-wrap {

    margin-bottom: 50px;

    padding: 42px 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .contact-form-2-wrap {

    margin-bottom: 50px;

    padding: 42px 55px;

  }

}

.contact-form-2-wrap .title {

  font-size: 42px;

  font-weight: 800;

  line-height: 1.19;

  margin-bottom: 30px;

}



.contact-form-2 {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px 18px;

  grid-template-areas: "item-1 item-5" "item-2 item-5" "item-3 item-5" "item-4 item-4" "item-6 item-6";

}

@media (max-width: 767px) {

  .contact-form-2 {

    grid-template-columns: 1fr;

    grid-template-areas: "item-1 " "item-2 " "item-3" "item-4" "item-5" "item-6";

  }

}

.contact-form-2 input, .contact-form-2 textarea, .contact-form-2 .option-selector {

  width: 100%;

  height: 62px;

  background: #F3F3F5;

  border: none;

  outline: none;

  border-radius: 50px;

  padding: 0 25px;

  font-size: 16px;

  font-weight: 400;

  color: #504E4E;

  text-transform: capitalize;

}

.contact-form-2 input::placeholder, .contact-form-2 textarea::placeholder, .contact-form-2 .option-selector::placeholder {

  font-size: 16px;

  font-weight: 400;

  color: #504E4E;

  text-transform: capitalize;

}

.contact-form-2 textarea {

  padding: 16px 25px;

  height: 288px;

  border-radius: 15px;

}

.contact-form-2 .option-selector {

  display: flex;

  align-items: center;

}

.contact-form-2 label {

  display: block;

  font-size: 16px;

  color: #030617;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 26px;

  margin-bottom: 5px;

}

.contact-form-2 label span {

  color: #F08441;

}

.contact-form-2 .chy-pr-btn-1 {

  border: none;

  outline: none;

  box-shadow: none;

}

.contact-form-2 .item1 {

  grid-area: item-1;

}

.contact-form-2 .item2 {

  grid-area: item-2;

}

.contact-form-2 .item3 {

  grid-area: item-3;

}

.contact-form-2 .item4 {

  grid-area: item-4;

}

.contact-form-2 .item5 {

  grid-area: item-5;

}

.contact-form-2 .item6 {

  grid-area: item-6;

}



.contact-page-map {

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

  border-radius: 20px;

  display: block;

  width: 100%;

  height: 290px;

  overflow: hidden;

}

.contact-page-map .iframe {

  width: 100%;

  height: 100%;

}



.contact-page-contact-list .item:not(:last-child) {

  margin-bottom: 25px;

}

.contact-page-contact-list .item:nth-child(1) .icon {

  font-size: 25px;

}

.contact-page-contact-list .icon {

  flex: 0 0 auto;

  width: 62px;

  height: 62px;

  background: #EEDEFC;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  color: var(--chy-pr-1);

  font-size: 20px;

}

.contact-page-contact-list .title {

  font-size: 24px;

  line-height: 1.41;

  font-weight: 700;

}

.contact-page-contact-list .text {

  text-transform: capitalize;

  font-size: 18px;

  font-weight: 400;

  line-height: 28px;

  word-break: break-word;

}

.contact-page-contact-list .item {

  display: flex;

  gap: 15px;

}



.contact-page-social-link {

  display: flex;

  align-items: center;

  gap: 24px;

  flex-wrap: wrap;

}

.contact-page-social-link li a {

  width: 62px;

  height: 62px;

  border-radius: 50%;

  border: 1px solid var(--chy-pr-1);

  display: flex;

  justify-content: center;

  align-items: center;

  color: var(--chy-pr-1);

  font-size: 22px;

  transition: 400ms ease-in-out;

}

.contact-page-social-link li a:hover {

  background-color: var(--chy-pr-1);

  color: #fff;

}

.border-left,

.contact-page-content .border-left {

  padding-left: 40px;

  position: relative;

}

.border-left::after,

.contact-page-content .border-left::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 15px;

  height: 100%;

  background: linear-gradient(87deg, var(--chy-pr-1) 57.32%, #6934E9 97.15%);

}



/*

************

*************************

04. search

*******************************************************

*************************************************************** */

.popup-search-box {

  background-color: #030303;

  position: fixed;

  display: flex;

  left: 0;

  top: -100px;

  width: 100%;

  z-index: 5;

  height: 100vh;

  align-items: center;

  transform: scaleY(0);

  transition: 700ms ease-in-out;

  transform-origin: top;

  opacity: 0;

  visibility: hidden;

}

.popup-search-box .title {

  font-family: var(--ss4);

  color: #fff;

  font-weight: 600;

  margin-bottom: 25px;

}

@media (max-width: 767px) {

  .popup-search-box .title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .popup-search-box .title {

    font-size: 36px;

  }

}

.popup-search-box-form {

  display: flex;

}

@media (max-width: 767px) {

  .popup-search-box-form {

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .popup-search-box-form {

    flex-wrap: nowrap;

  }

}

.popup-search-box-form .popup-search-box-close-action-btn {

  height: 60px;

  width: 60px;

  font-size: 30px;

  border: none;

  outline: none;

  border-radius: 5px;

  margin-left: 25px;

  background: transparent;

  border: 1px solid rgba(255, 255, 255, 0.2);

  color: #fff;

  flex: 0 0 auto;

}

@media (max-width: 767px) {

  .popup-search-box-form .popup-search-box-close-action-btn {

    margin: auto;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .popup-search-box-form .popup-search-box-close-action-btn {

    margin-left: 25px;

    margin-right: 0;

    margin-top: 0;

    margin-bottom: 0;

  }

}

.popup-search-box-form .popup-search-box-close-action-btn:hover {

  background-color: var(--h1-pr-color);

  border-color: transparent;

}

@media (max-width: 767px) {

  .popup-search-box {

    height: 100%;

    overflow-y: auto;

  }

}

.popup-search-box.active {

  top: 0;

  opacity: 1;

  visibility: visible;

  transform: scaleY(1);

}

.popup-search-box form {

  position: relative;

  width: 100%;

}

@media (max-width: 767px) {

  .popup-search-box form {

    margin-bottom: 50px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .popup-search-box form {

    margin-bottom: 0px;

  }

}

.popup-search-box-input input {

  width: 100%;

  height: 60px;

  background: transparent;

  border: 1px solid rgba(255, 255, 255, 0.5);

  border-radius: 5px;

  font-size: 14px;

  color: #fff;

  padding: 0 30px;

  padding-right: 115px;

}

.popup-search-box-input input::placeholder {

  color: #fff;

  font-size: 14px;

}

@media (max-width: 767px) {

  .popup-search-box-input input {

    width: 100%;

    background-color: transparent;

    opacity: 0.7;

  }

}

.popup-search-box button[type=submit] {

  position: absolute;

  right: 0;

  top: 0px;

  bottom: 0;

  padding: 0 30px;

  background: transparent;

  color: white;

  font-size: 24px;

  border-radius: 0;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  border-left: 1px solid rgba(255, 255, 255, 0.2);

  border-right: none;

  border-top: none;

  border-bottom: none;

}

.popup-search-box button[type=submit]:hover {

  color: #fff;

  background-color: var(--h1-pr-color);

}



.chy-footer-1-area {

  background-color: #1f1f1f;

}



.chy-footer-1-top {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  padding: 40px 0;

  border-bottom: 2px solid #313030;

  gap: 50px;

}

.chy-footer-1-top .title {

  font-size: 27px;

  font-weight: 800;

  color: #fff;

  line-height: 1.66;

  margin-left: auto;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-footer-1-top .title {

    margin-left: 0;

  }

}



.chy-footer-1-meddle {

  display: flex;

  justify-content: space-between;

  gap: 50px 30px;

  padding: 60px 0;

  flex-wrap: wrap;

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-footer-1-meddle {

    justify-content: left;

  }

}



.chy-footer-1-widget-title {

  font-size: 25px;

  line-height: 1.4;

  color: #fff;

  margin-bottom: 15px;

}



.chy-footer-1-menu li:not(:last-child) {

  margin-bottom: 10px;

}

.chy-footer-1-menu li a {

  font-size: 18px;

  text-transform: capitalize;

  font-family: var(--urbanist);

  color: #fff;

  font-weight: 400;

  line-height: 1.2;

  display: inline-block;

  position: relative;

}

.chy-footer-1-menu li a::after {

  content: "";

  position: absolute;

  bottom: -3px;

  left: auto;

  right: 0;

  width: 0%;

  height: 1px;

  background: var(--chy-gd-1);

  opacity: 0.8;

  transition: 400ms ease;

}

.chy-footer-1-menu li a:hover {

  color: var(--chy-pr-1);

}

.chy-footer-1-menu li a:hover::after {

  width: 100%;

  right: auto;

  left: 0;

}



.chy-footer-1-form-wrap .title {

  font-size: 28px;

  font-weight: 800;

  color: #fff;

  line-height: 1.25;

  margin-bottom: 23px;

}



.chy-footer-1-form {

  position: relative;

  display: inline-block;

}

.chy-footer-1-form input {

  width: 310px;

  height: 65px;

  padding: 0 20px;

  padding-right: 70px;

  font-size: 15px;

  font-weight: 400;

  font-family: var(--urbanist);

  color: var(--chy-para-1);

  border: none;

  outline: none;

}

@media (max-width: 767px) {

  .chy-footer-1-form input {

    width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-footer-1-form input {

    width: 310px;

  }

}

.chy-footer-1-form button {

  position: absolute;

  right: 0;

  top: 0;

  width: 65px;

  height: 100%;

  border: none;

  outline: none;

  background: #6131E8;

  color: #fff;

  transition: 400ms ease-in-out;

}

.chy-footer-1-form button:hover {

  background: var(--chy-sd-1);

}



.chy-footer-1-social-link li {

  display: inline-block;

  margin-right: 2px;

}

.chy-footer-1-social-link li a {

  width: 42px;

  height: 42px;

  background: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 5px;

  color: var(--chy-h1-color);

}

.chy-footer-1-social-link li a:hover {

  color: #fff;

  background-color: var(--chy-pr-1);

}



.chy-footer-1-bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 25px 0;

  border-top: 2px solid #313030;

  gap: 20px;

  flex-wrap: wrap;

}

@media (max-width: 767px) {

  .chy-footer-1-bottom {

    justify-content: center;

  }

}

.chy-footer-1-bottom .copyright-link {

  color: #fff;

  font-size: 18px;

  font-weight: 400;

}

.chy-footer-1-bottom .copyright-link span {

  color: var(--chy-sd-1);

}



.chy-footer-2-area {

  background: #171717;

}

.chy-footer-2-content .title {

  font-size: 85px;

  color: white;

  font-weight: 900;

  line-height: 1.2;

  letter-spacing: -0.4px;

}

@media (max-width: 767px) {

  .chy-footer-2-content .title {

    font-size: 55px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-footer-2-content .title {

    font-size: 65px;

  }

}

.chy-footer-2-content .disc {

  font-size: 18px;

  color: #878787;

  letter-spacing: 0.3px;

  margin-bottom: 30px;

  max-width: 450px;

}

.chy-footer-2-content .copyright-link {

  color: #b6bdb9;

  font-size: 16px;

  font-weight: 600;

}

.chy-footer-2-content .copyright-link a:hover {

  color: var(--chy-pr-2);

}

.chy-footer-2-widget-wrap {

  display: grid;

  grid-template-columns: auto auto auto;

  gap: 30px 100px;

  padding-left: 60px;

}

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

  .chy-footer-2-widget-wrap {

    gap: 30px 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .chy-footer-2-widget-wrap {

    padding-left: 0px;

    gap: 30px 30px;

    padding-top: 50px;

  }

}

@media (max-width: 767px) {

  .chy-footer-2-widget-wrap {

    padding-left: 0px;

    gap: 30px 30px;

    padding-top: 50px;

    grid-template-columns: auto;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-footer-2-widget-wrap {

    padding-left: 0px;

    gap: 30px 30px;

    padding-top: 50px;

    grid-template-columns: auto auto auto;

  }

}



.chy-footer-2-widget:is(.has-full-widht) {

  grid-column-start: 1;

  grid-column-end: -1;

}

.chy-footer-2-widget .chy-footer-1-widget-title {

  font-size: 22px;

  font-weight: 900;

}

.chy-footer-2-widget .line {

  display: block;

  width: 100%;

  height: 2px;

  background: #313131;

}

.chy-footer-2-widget .chy-footer-1-menu li a {

  font-size: 16px;

  color: #b6bdb9;

  font-weight: 500;

}

.chy-footer-2-widget .chy-footer-1-menu li a::after {

  background: var(--chy-pr-2);

}

.chy-footer-2-widget .chy-footer-1-menu li a:hover {

  color: var(--chy-pr-2);

}

.chy-footer-2-widget .chy-footer-1-form input {

  width: 100%;

  padding: 0 40px;

  padding-right: 40px;

  font-size: 16px;

  font-weight: 400;

  font-family: var(--urbanist);

  border-radius: 5px;

  color: #737373;

  border: none;

  outline: none;

}

.chy-footer-2-widget .chy-footer-1-form input::placeholder {

  color: #737373;

  font-size: 16px;

  font-weight: 400;

  font-family: var(--urbanist);

  text-transform: capitalize;

}

.chy-footer-2-widget .chy-footer-1-form button {

  position: unset;

  width: unset;

  height: unset;

  border: none;

  outline: none;

  background: var(--chy-pr-2);

  font-size: 16px;

  font-weight: 800;

  text-transform: capitalize;

  color: #fff;

  border-radius: 5px;

  padding: 18px 30px;

  margin-top: 10px;

  transition: 400ms ease-in;

}

.chy-footer-2-widget .chy-footer-1-form button:hover {

  background: var(--chy-pr-1);

  letter-spacing: 0.3px;

}



.chy-footer-2-social-link li {

  display: inline-block;

  margin-right: 15px;

}

.chy-footer-2-social-link li a {

  font-size: 25px;

  display: inline-block;

  color: #fff;

  transition: 400ms ease;

}

.chy-footer-2-social-link li a:hover {

  color: var(--chy-pr-2);

}



.chy-footer-2-team {

  display: grid;

  grid-template-columns: auto auto auto auto;

  gap: 15px;

}

.chy-footer-2-team .item {

  height: 125px;

  width: 100%;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

}

.chy-footer-2-team .item::after {

  content: "\f6fd";

  font-family: "Font Awesome 6 pro";

  position: absolute;

  top: 0;

  left: 0;

  font-weight: 300;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 100%;

  background: var(--chy-pr-2);

  font-size: 25px;

  color: #fff;

  clip-path: circle(72% at 50% 50%);

  scale: 1.5;

  opacity: 0;

  transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

.chy-footer-2-team .item:hover::after {

  scale: 1;

  clip-path: circle(30% at 50% 50%);

  opacity: .8;

}



.chy-footer-3-area {

  background: #1A1B1D;

}

.chy-footer-3-top {

  display: grid;

  grid-template-columns: 2fr 1fr 1fr 1fr;

  gap: 50px;

  padding-bottom: 30px;

  border-bottom: 2px solid #232426;

  margin-bottom: 35px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .chy-footer-3-top {

    grid-template-columns: 1.8fr 1fr 1fr 1fr;

  }

}

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

  .chy-footer-3-top {

    grid-template-columns: 1.2fr 1fr 1fr 0.8fr;

    gap: 50px 30px;

  }

}

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

  .chy-footer-3-top {

    grid-template-columns: 1fr 1fr;

    gap: 50px 30px;

  }

}

@media (max-width: 767px) {

  .chy-footer-3-top {

    grid-template-columns: 1fr;

    gap: 50px 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-footer-3-top {

    grid-template-columns: 1fr 1fr;

    gap: 50px 30px;

  }

}



.chy-footer-3-widget:is(.full-width) {

  grid-column-start: 1;

  grid-column-end: -1;

}

.chy-footer-3-widget .footer-logo {

  display: block;

  margin-bottom: 25px;

}

.chy-footer-3-widget .disc {

  font-size: 17px;

  font-weight: 400;

  color: #7F7F7F;

  line-height: 26px;

  margin-bottom: 28px;

}

.chy-footer-3-widget .chy-footer-2-team .item {

  height: 90px;

}

.chy-footer-3-widget .chy-footer-2-team .item::after {

  background: var(--chy-pr-3);

}

.chy-footer-3-widget .copyright-link {

  color: #fff;

  font-size: 17px;

  font-weight: 800;

  line-height: 35px;

}

.chy-footer-3-widget .copyright-link span {

  color: var(--chy-pr-3);

}



.chy-footer-3-social li {

  display: inline-block;

}

.chy-footer-3-social li:not(:last-child) {

  margin-right: 20px;

}

.chy-footer-3-social li a {

  font-size: 15px;

  font-weight: 700;

  text-transform: capitalize;

  font-family: var(--urbanist);

  color: #fff;

  transition: 400ms;

}

.chy-footer-3-social li a i {

  display: inline-block;

  line-height: 1;

  margin-right: 3px;

  transform: translateY(2px);

}

.chy-footer-3-social li a:hover {

  color: var(--chy-pr-3);

}



.chy-footer-3-menu li:not(:last-child) {

  margin-bottom: 11px;

}

.chy-footer-3-menu li a {

  font-family: var(--urbanist);

  display: inline-block;

  color: #fff;

  font-weight: 800;

  text-transform: capitalize;

  line-height: 1.75;

  transition: 400ms ease;

}

.chy-footer-3-menu li a i {

  display: inline-block;

  transform: translateY(3px);

  color: var(--chy-pr-3);

  font-size: 19px;

  transition: 400ms ease;

}

.chy-footer-3-menu li a:hover {

  color: var(--chy-pr-3);

}

.chy-footer-3-menu li a:hover i {

  transform: translateY(3px) rotate(45deg);

}



.chy-footer-3-bottom {

  display: grid;

  grid-template-columns: 1.5fr auto auto;

  gap: 50px;

  align-items: center;

}

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

  .chy-footer-3-bottom {

    grid-template-columns: 1.5fr auto;

    gap: 50px 30px;

  }

}

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

  .chy-footer-3-bottom {

    grid-template-columns: 1fr 1fr;

    gap: 50px 30px;

  }

}

@media (max-width: 767px) {

  .chy-footer-3-bottom {

    grid-template-columns: 1fr;

    gap: 50px 30px;

  }

}



.chy-footer-3-widget-title {

  font-size: 22px;

  font-weight: 900;

  color: #fff;

  line-height: 1.81;

  margin-bottom: 5px;

}



.chy-footer-3-form {

  position: relative;

}

.chy-footer-3-form input {

  width: 100%;

  height: 55px;

  font-family: var(--urbanist);

  font-weight: 400;

  color: #737373;

  text-transform: capitalize;

  border: none;

  outline: none;

  border-radius: 3px;

  padding-left: 30px;

  padding-right: 150px;

}

.chy-footer-3-form input::placeholder {

  font-family: var(--urbanist);

  font-weight: 400;

  color: #737373;

}

.chy-footer-3-form button {

  font-family: var(--urbanist);

  text-transform: capitalize;

  font-weight: 800;

  font-size: 16px;

  border: none;

  border-radius: 0 3px 3px 0;

  background: var(--chy-pr-3);

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  padding: 0 30px;

  border: 3px solid var(--chy-pr-3);

  border-left: none;

  transition: 400ms;

}

.chy-footer-3-form button:hover {

  border-color: #fff;

}



.chy-footer-3-contact li {

  margin-bottom: 5px;

}

.chy-footer-3-contact li a {

  font-family: var(--urbanist);

  font-weight: 800;

  color: #F9F9F9;

  text-transform: capitalize;

  transition: 400ms;

}

.chy-footer-3-contact li a i {

  display: inline-flex;

  width: 26px;

  height: 26px;

  background: var(--chy-pr-3);

  border-radius: 50%;

  justify-content: center;

  align-items: center;

  color: #000000;

  font-size: 14px;

  margin-right: 7px;

}

.chy-footer-3-contact li a:hover {

  color: var(--chy-pr-3);

}



.chy-footer-4-widget-wrap {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 50px 90px;

}

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

  .chy-footer-4-widget-wrap {

    gap: 50px 50px;

  }

}

@media (max-width: 767px) {

  .chy-footer-4-widget-wrap {

    gap: 50px 50px;

    grid-template-columns: 1fr;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .chy-footer-4-widget-wrap {

    gap: 50px 50px;

    grid-template-columns: 1fr 1fr;

  }

}



.chy-footer-4-widget:is(.full-width) {

  grid-column-start: 1;

  grid-column-end: -1;

}

.chy-footer-4-widget .disc {

  font-size: 20px;

  color: #fff;

  line-height: 30px;

}



.chy-footer-4-widget-title {

  font-size: 28px;

  line-height: 1.38;

  font-weight: 800;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 30px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {

  .chy-footer-4-widget-title {

    font-size: 26px;

  }

}



.chy-footer-4-menu li {

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  position: relative;

}

.chy-footer-4-menu li::after {

  content: "";

  position: absolute;

  width: 0%;

  height: 1px;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

  background: var(--chy-gd-2);

  transition: 400ms ease-in-out;

}

.chy-footer-4-menu li:not(:last-child) {

  margin-bottom: 8px;

}

.chy-footer-4-menu li a {

  font-family: var(--urbanist);

  font-size: 18px;

  font-weight: 400;

  color: #fff;

  line-height: 30px;

  display: flex;

  justify-content: space-between;

  gap: 10px;

  align-items: center;

  opacity: 0.9;

  text-transform: capitalize;

  padding: 8px 0;

  transition: 400ms ease-in-out;

}

.chy-footer-4-menu li:hover::after {

  width: 100%;

}

.chy-footer-4-menu li:hover a {

  opacity: 1;

  color: var(--chy-pr-5);

}



.chy-footer-4-contact li {

  font-size: 18px;

  font-weight: 400;

  line-height: 24px;

  color: #fff;

  opacity: 0.9;

  text-transform: capitalize;

}

.chy-footer-4-contact li:not(:last-child) {

  margin-bottom: 15px;

}

.chy-footer-4-contact li i {

  color: #4935DD;

  margin-right: 4px;

}



.chy-footer-4-opening .title {

  font-weight: 700;

  opacity: 1;

  text-decoration: underline;

}

.chy-footer-4-opening li {

  font-size: 18px;

  text-transform: capitalize;

  color: #fff;

  opacity: 0.9;

}

.chy-footer-4-opening li:not(:last-child) {

  margin-bottom: 15px;

}



.chy-footer-4-bottom {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  flex-wrap: wrap;

  padding: 22px 0;

  border-top: 2px solid rgba(255, 255, 255, 0.1);

  margin-top: 30px;

}

.chy-footer-4-bottom .copyright {

  display: block;

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  color: #fff;

  text-transform: capitalize;

  opacity: 0.7;

}

ul.chy-footer-4-menu {

  margin: 0;

  padding: 0;

  list-style: none;

}

.chy-footer-4-bottom .menu li {

  display: inline-block;

}

.chy-footer-4-bottom .menu li:not(:last-child) {

  margin-right: 50px;

}

.chy-footer-4-bottom .menu li a {

  font-size: 18px;

  line-height: 30px;

  opacity: 0.7;

  color: #fff;

  text-transform: capitalize;

  transition: 400ms ease-in-out;

}

.chy-footer-4-bottom .menu li a:hover {

  color: var(--chy-pr-5);

  opacity: 1;

}

/*# sourceMappingURL=main.css.map */







::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgb(8 209 250) 20%, rgb(241 74 101) 100%); }

.tx-breadcrumb { display:none; }

.chy-main-menu-3 .main-navigation .navbar-nav li:hover > a { color: white; }

.chy-main-menu-3 .main-navigation .navbar-nav .current-menu-item > a { color: white; }

.chy-footer-3-form button { color:#fff; }