/*

   Template Name: Choicy - Digital Marketing Agency HTML Template
   Description: Choicy is a beautifully handcrafted, pixel perfect Digital Marketing Agency HTMLtemplate & designed with great attention to details, flexibility and performance.
   Author: https://themexriver.com/
   Version: 1.0

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

CSS INDEX
=============================
    01. common
    02. button
    03. preloader
    04. title
    05. header
    06. hero
    07. trusted
    08. services
    09. solution
    10. research
    11. price
    12. project
    13. team
    14. client
    15. video
    16. call-to-action
    17. blog
    18. about
    19. portfolio
    20. testimonial
    21. marquee-text
    22. mobile-menu
    23. offcanvas
    24. back-to-top-button
    25. breadcrumb
    26. services-details
    27. sidebar-widget
    28. team-details
    29. faqs-page
    30. testimonial-page
    31. process-page
    32. project-details
    33. career
    34. career-details
    35. job-apply
    36. blog-page
    37. blog-details
    38. contact
    39. search
    40. footer
==============================



*/
/* 
    01. common
*/
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Galada&display=swap");
: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: #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;
}
.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 {
	color: #141515;
	text-transform: capitalize;
	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;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
p {
	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;
}
.container.chy-container-2 {
	max-width: 1320px;
}
}
/* <<<<<<<    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;
	overflow: hidden;
}
.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;*/
	overflow: hidden;
}
.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-split-in-hero-4 {
	text-transform: unset !important;
	letter-spacing: -3px !important;
}
.chy-split-in-hero-4 .split-line div div:nth-child(1) {
	text-transform: capitalize;
}
/* 
    02. button
*/
.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-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-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: #47ffee;
}
.chy-cart-btn-2: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: #f28541;
	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: #47ffee;
	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: #47ffee;
}
.chy-pr-btn-4:hover::after {
	transform: translate(0);
}
.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-4);
}
.chy-pr-btn-5:hover::after {
	scale: 21;
}
.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: #47ffee;
}
.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: #47ffee;
}
/* 
    04. title
*/
.chy-heading-1 {
	font-family: var(--urbanist);
	color: #141515;
	text-transform: capitalize;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 110px;
}
.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: #353535;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	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: #47ffee;
	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: 44px;
	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: 44px;
}
}
@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: 44px;
	font-weight: 900;
	line-height: 1.15;
	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;
}
}

/* 
    05. header
*/
/* 
  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 {
	position: absolute;
	top: 0;
	left: 0;
	right: 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: #47ffee;
}
.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 #47ffee;
	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 .navbar-nav li:hover > a {
	color: #47ffee;
}
.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 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: 7px 0;
	/* border-bottom: 10px solid #121212; */
	background-color: #00000096;
	position: absolute;
	z-index: 99999;
	width: 100%;
}
.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 {
	text-align: center;
}
.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: #ffffff;
    width: 2px;
    height: 16px;
    content: "";
    position: absolute;
    right: -20px;
    top: 55%;
    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: 16px;
	color: #fff;
	font-weight: 600;
	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: #d23930;
}
.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: #000;
	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: #47ffee;
}
.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: #d23930;
}
.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: #47ffee;
	color: #000;
}
/* 
header 3
======end====== 
*/
/* 
header 4
======start====== 
*/
.chy-header-4-area {
	padding-top: 45px;
}
.chy-header-4-wrap {
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 110px;
	padding-right: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 80px;
}
@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) {
.chy-header-4-wrap {
	padding-left: 35px;
	padding-right: 35px;
	gap: 30px;
}
}
@media (max-width: 767px) {
.chy-header-4-wrap {
	padding-left: 35px;
	padding-right: 35px;
	gap: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-header-4-wrap {
	padding-left: 35px;
	padding-right: 35px;
	gap: 30px;
}
}
.chy-header-4-wrap .menu-wrap {
	background: #fff;
	display: flex;
	align-items: center;
	padding-left: 60px;
	padding-right: 7px;
	gap: 90px;
	border-radius: 52px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.chy-header-4-wrap .menu-wrap {
	gap: 30px;
	padding-left: 30px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.chy-header-4-wrap .menu-wrap {
	gap: 30px;
	padding-left: 30px;
	border: 0.3px solid rgba(0, 0, 0, 0.1019607843);
}
}
@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-header-4-wrap .menu-wrap {
	gap: 30px;
	padding-left: 30px;
	padding-right: 30px;
	border: 0.3px solid rgba(0, 0, 0, 0.1019607843);
}
}
@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-header-4-wrap .menu-wrap .chy-pr-btn-5 {
	display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-header-4-wrap .chy-logo {
	padding: 15px 0;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.chy-header-4-wrap .chy-main-menu-1 .main-navigation .navbar-nav li:not(:last-child) {
	margin-right: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-header-4-wrap .chy-main-menu-1 .main-navigation .navbar-nav li:not(:last-child) {
	margin-right: 30px;
}
}
.chy-header-4-wrap .chy-main-menu-1 .main-navigation .navbar-nav li:is(.dropdown) > a {
 padding-right: 15px;
}
.chy-header-4-wrap .chy-main-menu-1 .main-navigation .navbar-nav li a {
	color: var(--chy-h2-color);
	font-weight: 500;
	padding: 28px 0;
}
.chy-header-4-wrap .chy-main-menu-1 .main-navigation .navbar-nav li:hover > a {
	color: var(--chy-pr-4);
}
.chy-header-4-action-button {
	display: flex;
	align-items: center;
	gap: 30px;
}
.chy-header-4-action-button .chy-call-1-btn-wrap {
	flex: 0 0 auto;
}
@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-header-4-action-button .chy-call-1-btn-wrap {
	display: none;
}
}
.chy-header-4-action-button .chy-call-1-btn-wrap .chy-call-1-content .text {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}
.chy-header-4-action-button .chy-call-1-btn-wrap .chy-call-1-content .phone {
	font-size: 20px;
	font-weight: 800;
	line-height: 24px;
}
.chy-header-4-action-button .chy-call-1-btn-wrap .chy-call-1-content .phone:hover {
	color: var(--chy-pr-4);
}
.chy-header-4-action-button .chy-search-btn-1 {
	width: unset;
	height: unset;
	font-size: 24px;
	background: transparent;
	color: var(--chy-h2-color);
}
.chy-header-4-action-button .chy-search-btn-1:hover {
	color: var(--chy-pr-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-header-4-action-button .chy-search-btn-1 {
	display: none;
}
}
@media only screen and (min-width: 1800px) and (max-width: 1900px) {
.chy-header-4-wrap {
	padding-left: 20px;
}
}
/* 
header 4
======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: #47ffee;
}
.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li:hover a {
 color: #47ffee;
}
.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: #47ffee;
}
.chy-header-1-area:is(.has-inner-page) .chy-main-menu-1 .main-navigation .navbar-nav li .dropdown-menu li:hover > a {
 color: #47ffee;
}
/* 
header innter
======end====== 
*/
/* 
    06. hero
*/
.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;
	height: 100vh;
}
@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: 120px;
	top: -20px;
	/*transform: rotate(114deg) scale(0);*/
	transition: 2s ease-in-out;
	transition-delay: 0.3s; font-weight:600;
}
@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 {
	display: none;
}
}
.chy-hero-3-item-content {
	max-width: 720px;
	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: #47ffee;
	color: var(--chy-h1-color);
	font-size: 54px;
	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: 64px;
	font-weight: 900;
	display: inline-block;
	padding-top: 45px;
	padding-left: 40px;
	padding-right: 60px;
	padding-bottom: 45px;
	letter-spacing: 0;
	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;
	line-height: 68px;
}
@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: 59px;
	height: 59px;
	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: #47ffee;
	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-hero-4-wrap {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chy-hero-4-wrap .bg-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	z-index: -1;
}
.chy-hero-4-wrap .bg-img img {
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-hero-4-wrap .bg-img img {
	object-fit: cover;
}
}
.chy-hero-4-content-wrap {
	padding-top: 170px;
	padding-bottom: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.chy-hero-4-content-wrap {
	padding-top: 225px;
	padding-bottom: 110px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-hero-4-content-wrap {
	padding-top: 255px;
	padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-hero-4-content-wrap {
	padding-top: 210px;
	padding-bottom: 30px;
}
}
.chy-hero-4-content {
	margin-bottom: 175px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-hero-4-content {
	margin-bottom: 50px;
}
}
.chy-hero-4-content .hero-title {
	font-size: 70px;
	font-weight: 900;
	line-height: 1.21;
	margin-bottom: 25px;
}
.chy-hero-4-content .hero-title span {
	display: inline-block;
	color: var(--chy-pr-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-hero-4-content .hero-title {
	font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.chy-hero-4-content .hero-title {
	font-size: 55px;
}
}
@media (max-width: 767px) {
.chy-hero-4-content .hero-title {
	font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-hero-4-content .hero-title {
	font-size: 50px;
}
}
.chy-hero-4-content .disc {
	color: #515670;
	margin-bottom: 50px;
	margin-bottom: 50px;
}
.chy-hero-4-content .btn-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 42px;
}
.chy-hero-img {
	position: relative;
	text-align: right;
}
.chy-hero-img .il-img-1, .chy-hero-img .il-img-2, .chy-hero-img .il-img-3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 2000ms cubic-bezier(0.13, 0.37, 0.58, 1);
	transition-delay: 1s;
}
.chy-hero-img .il-img-3 {
	left: 70%;
	top: 50%;
}
@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-hero-img .il-img-3 {
	display: none;
}
}
.chy-hero-img .il-img-2 {
	top: 50%;
	left: 70%;
}
.chy-hero-img .il-img-1 {
	top: 50%;
	left: 70%;
}
@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-hero-img .il-img-1 {
	display: none;
}
}
.chy-hero-img .main-img {
	overflow: hidden;
}
.chy-hero-img .main-img img {
	transform: translateY(100%);
	transition: 1000ms cubic-bezier(0.13, 0.37, 0.58, 1);
	transition-delay: 1.5s;
}
.chy-hero-img:is(.active) .il-img-3 {
 left: 100%;
 top: 60%;
 width: 200px;
}
.chy-hero-img:is(.active) .il-img-2 {
 top: 86%;
 left: 50%;
}
.chy-hero-img:is(.active) .il-img-1 {
 top: 40%;
 left: 23%;
}
.chy-hero-img:is(.active) .main-img img {
 transform: translateY(0%);
}
.chy-hero-4-social {
	position: absolute;
	top: 45%;
	left: 4vw;
	transform: translateY(-50%);
}
@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-hero-4-social {
	display: none;
}
}
.chy-hero-4-social .text {
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 3.29px;
	writing-mode: vertical-lr;
	margin-left: 17px;
	font-weight: 600;
	padding-bottom: 76px;
	margin-bottom: 30px;
	position: relative;
	background: var(--Linear, linear-gradient(90deg, #30067C -2.17%, #6441C1 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.chy-hero-4-social .text::after {
	position: absolute;
	width: 1px;
	height: 45px;
	background: linear-gradient(90deg, #5A1CCB -2.17%, #815EDC 100%);
	content: "";
	left: 7px;
	bottom: 0;
}
.chy-hero-4-social li:not(:last-child) {
	margin-bottom: 25px;
}
.chy-hero-4-social li a {
	display: inline-block;
	background: linear-gradient(90deg, #70DBFF 0%, #DD98FF 100%);
	clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
	width: 52px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	transition: 400ms;
}
.chy-hero-4-social li a:hover {
	color: #000;
}
.chy-hero-4-scroll-btn-wrap {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 4vw;
	transform: translateY(-50%);
	z-index: 1;
}
@media (max-width: 767px) {
.chy-hero-4-scroll-btn-wrap {
	display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-hero-4-scroll-btn-wrap {
	display: block;
}
}
.chy-hero-4-scroll-btn-wrap .text {
	font-size: 20px;
	font-weight: 500;
	display: inline-block;
	writing-mode: vertical-lr;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #131835;
	margin-left: 12px;
	margin-bottom: 28px;
}
.chy-hero-4-scroll-btn-wrap .icon {
	position: relative;
	display: block;
	width: 57px;
	height: 57px;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	background: linear-gradient(90deg, #5A1CCB -2.17%, #815EDC 100%);
	border-radius: 50%;
	color: #fff;
	animation: colorChange 3s linear infinite;
	filter: drop-shadow(0px 13px 69px rgba(84, 104, 133, 0.09));
}
.chy-hero-4-scroll-btn-wrap .icon::after {
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	background: transparent;
	border-radius: 50%;
	border: 1px solid #774ED8;
	scale: 1.3;
	animation: scroll-btn-4 5s infinite ease-in-out;
}
 @keyframes scroll-btn-4 {
 0% {
 scale: 0.8;
 opacity: 0;
}
 50% {
 scale: 1.3;
 opacity: 1;
}
 100% {
 scale: 0.8;
 opacity: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 1900px) {
.chy-hero-4-wrap .bg-img {
	padding: 30px 10px;
}
}
/* 
    08. services
*/
.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: #47ffee;
}
.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: #47ffee;
}
.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: #47ffee;
	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: #47ffee;
}
.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: #47ffee;
}
.chy-services-4-item:is(.active) .chy-services-4-item-list li i {
 background-color: #000;
 color: #fff;
}
.chy-services-5-area {
	background: rgba(200, 174, 255, 0.12);
}
.chy-services-5-area .s5-all-btn {
	font-size: 20px;
	font-weight: 500;
	color: #252A4E;
	line-height: 30px;
}
.chy-services-5-area .s5-all-btn a {
	color: var(--chy-pr-4);
}
.chy-services-5-item-wrap {
	display: flex;
	grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.chy-services-5-item-wrap {
	grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.chy-services-5-item-wrap {
	grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-services-5-item-wrap {
	grid-template-columns: 1fr 1fr;
}
}
.chy-services-5-item {
	padding: 40px;
	position: relative;
	z-index: 1;
	transition: 400ms ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-services-5-item {
	border: 1px solid rgba(200, 174, 255, 0.5);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-services-5-item {
	padding: 30px 20px;
}
}
@media (max-width: 767px) {
.chy-services-5-item {
	padding: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-services-5-item {
	padding: 30px 15px;
}
}
.chy-services-5-item:nth-child(1) {
	border-right: 1px solid rgba(200, 174, 255, 0.5);
	border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(1) .icon::before {
	background: rgba(210, 149, 255, 0.7);
}
.chy-services-5-item:nth-child(2) {
	border-right: 1px solid rgba(200, 174, 255, 0.5);
	border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(2)::after {
	background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
}
.chy-services-5-item:nth-child(2) .icon {
	color: #FF7469;
}
.chy-services-5-item:nth-child(2) .icon::after {
	background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
}
.chy-services-5-item:nth-child(2) .icon::before {
	background: #FFCEC4;
}
.chy-services-5-item:nth-child(3) {
	border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(4) {
	border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(3)::after {
	background: linear-gradient(90deg, #34AACF -2.17%, #30D8DF 100%);
}
.chy-services-5-item:nth-child(3) .icon {
	color: #34AACF;
}
.chy-services-5-item:nth-child(3) .icon::after {
	background: linear-gradient(90deg, #34AACF -2.17%, #30D8DF 100%);
}
.chy-services-5-item:nth-child(3) .icon::before {
	background: #0b97a3;
}
.chy-services-5-item:nth-child(4) {
	border-right: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(4)::after {
	background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);
}
.chy-services-5-item:nth-child(4) .icon {
	color: #FFA835;
}
.chy-services-5-item:nth-child(4) .icon::after {
	background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);
}
.chy-services-5-item:nth-child(4) .icon::before {
	background: #ce4b82;
}
.chy-services-5-item:nth-child(5) {
	border-right: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(5)::after {
	background: linear-gradient(85deg, #0050FF -0.78%, #00E9CC 97.77%);
}
.chy-services-5-item:nth-child(5) .icon {
	color: #0050FF;
}
.chy-services-5-item:nth-child(5) .icon::after {
	background: linear-gradient(85deg, #0050FF -0.78%, #00E9CC 97.77%);
}
.chy-services-5-item:nth-child(5) .icon::before {
	background: #009FE5;
}
.chy-services-5-item:nth-child(6)::after {
	background: linear-gradient(90deg, #5A1CCB -2.17%, #815EDC 100%);
}
.chy-services-5-item:nth-child(6) .icon {
	color: #5A1CCB;
}
.chy-services-5-item:nth-child(6) .icon::after {
	background: linear-gradient(90deg, #5A1CCB -2.17%, #815EDC 100%);
}
.chy-services-5-item:nth-child(6) .icon::before {
	background: #805DDC;
}
.chy-services-5-item:nth-child(3) {
	border-right: 1px solid rgba(200, 174, 255, 0.5);
	border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item::after {
	content: "";
	width: 10%;
	height: 10%;
	background: var(--chy-gd-2);
	position: absolute;
	top: 70px;
	left: 60px;
	border-radius: 50%;
	transition: 400ms ease-in-out;
	z-index: -1;
}
.chy-services-5-item .icon {
	width: 82px;
	height: 82px;
	background: #F4F0FF;
	border-radius: 50%;
	text-align: center;
	font-size: 45px;
	line-height: 92px;
	position: relative;
	color: var(--chy-pr-4);
	margin-bottom: 28px;
	transition: 400ms ease-in-out;
}
.chy-services-5-item .icon i {
	position: relative;
	z-index: 2;
}
.chy-services-5-item .icon::after {
	content: "";
	width: 100%;
	height: 100%;
	background: var(--chy-gd-2);
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	z-index: -1;
	transition: 400ms ease-in-out;
}
.chy-services-5-item .icon::before {
	content: "";
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	z-index: 1;
	transition: 400ms ease-in-out;
	opacity: 0;
}
.chy-services-5-item .title {
	font-size: 26px;
	line-height: 1.38;
	font-weight: 800;
	margin-bottom: 15px;
	transition: 400ms ease-in-out;
}
@media (max-width: 767px) {
.chy-services-5-item .title {
	font-size: 22px;
}
}
.chy-services-5-item .disc-wrap {
	overflow: hidden;
	height: 120px;
}
.chy-services-5-item .disc {
	margin-bottom: 16px;
	height: 100%;
	overflow: hidden;
	transition: 400ms ease-in-out;
}
.chy-services-5-item .s5-btn {
	display: block;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	line-height: 30px;
	opacity: 0;
	transition: 400ms ease-in-out;
	margin-bottom: -40px;
}
.chy-services-5-item .s5-btn i {
	margin-left: 5px;
}
.chy-services-5-item .s5-btn:hover {
	color: #000;
}
.chy-services-5-item:hover {
	box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.1607843137);
}
.chy-services-5-item:hover::after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 0;
}
.chy-services-5-item:hover .title {
	color: #fff;
}
.chy-services-5-item:hover .disc {
	height: 90px;
	color: #fff;
}
.chy-services-5-item:hover .icon {
	color: #fff;
	background: transparent;
}
.chy-services-5-item:hover .icon::after {
	top: 0px;
	left: 0px;
	z-index: 1;
}
.chy-services-5-item:hover .icon::before {
	opacity: 1;
}
.chy-services-5-item:hover .s5-btn {
	opacity: 1;
	transform: translateY(-20px);
}
/* 
    09. solution
*/
.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;
	padding-bottom: 30px;
	border-bottom: 1px solid #D9D4EB;
}
@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-4);
}
.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;
}
}
/* 
    12. project
*/
.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: #47ffee;
}
.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 #47ffee;
 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: #47ffee;
  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: #47ffee;
	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: #47ffee;
}
@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-project-4-area {
	position: relative;
}
.chy-project-4-area .bg-img {
	width: 46%;
	height: 659px;
	border-radius: 0 500px 500px 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-project-4-area .bg-img {
	width: 100%;
	height: 350px;
}
}
.chy-project-4-area .bg-color {
	display: block;
	width: 60%;
	height: 670px;
	background: #FFF7F6;
	top: 30px;
	right: 0;
	position: absolute;
	border-radius: 500px 0px 0px 500px;
	z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-project-4-area .bg-color {
	top: unset;
	bottom: 0;
	width: 100%;
	height: 70%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-project-4-content {
	margin-bottom: 100px;
}
}
.chy-project-4-content .chy-title-4 {
	margin-bottom: 48px;
	color: #fff;
}
.chy-project-4-feature-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.chy-project-4-feature-wrap {
	padding-left: 0px;
}
}
@media (max-width: 767px) {
.chy-project-4-feature-wrap {
	padding-left: 0px;
	grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-project-4-feature-wrap {
	padding-left: 0px;
	grid-template-columns: 1fr 1fr;
}
}
.chy-project-4-feature {
	text-align: center;
	position: relative;
	padding: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-project-4-feature {
	padding: 40px 0;
}
}
.chy-project-4-feature .icon {
	font-size: 75px;
	color: #FF816A;
	line-height: 1;
}
.chy-project-4-feature .number {
	font-size: 52px;
	font-weight: 900;
	text-transform: capitalize;
	margin-bottom: 6px;
}
.chy-project-4-feature .text {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--chy-h2-color);
}
.chy-project-4-feature:is(.has-affte-before)::after {
 content: "";
 width: 85%;
 height: 2px;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 position: absolute;
 background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
 opacity: 0.4;
}
@media (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before)::after {
 display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before)::after {
 display: block;
}
}
.chy-project-4-feature:is(.has-affte-before)::before {
 content: "";
 width: 2px;
 height: 80%;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 position: absolute;
 background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
 opacity: 0.4;
}
@media (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before)::before {
 display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before)::before {
 display: block;
}
}
.chy-project-4-feature:is(.has-affte-before2)::after {
 content: "";
 width: 85%;
 height: 2px;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 position: absolute;
 background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
 opacity: 0.4;
}
@media (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before2)::after {
 display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before2)::after {
 display: block;
}
}
.chy-project-4-feature:is(.has-affte-before2)::before {
 content: "";
 width: 2px;
 height: 80%;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 position: absolute;
 background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
 opacity: 0.4;
}
@media (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before2)::before {
 display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
 .chy-project-4-feature:is(.has-affte-before2)::before {
 display: block;
}
}
.chy-project-5-area .section-title-wrap {
	max-width: 775px;
	margin-right: auto;
	margin-left: auto;
}
.chy-project-5-area .section-title-wrap .chy-para-4 {
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.chy-project-5-wrap {
	align-items: start;
	display: flex;
	gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-project-5-wrap {
	grid-template-columns: 1fr 1fr;
}
}
.chy-project-5-wrap2 {
	display: flex;
	gap: 30px;
	align-items: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-project-5-wrap2 {
	grid-template-columns: 1fr 1fr;
}
}
.chy-project-5-item {
	flex: 0 0 auto;
}
.chy-project-5-item .main-img {
	position: relative;
	width: 682px;
	height: 730px;
	overflow: hidden;
	border-radius: 0 0 100px 100px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.chy-project-5-item .main-img {
	border-radius: 0 0 50px 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-project-5-item .main-img {
	border-radius: 0 0 50px 50px;
	height: 530px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-project-5-item .main-img {
	border-radius: 0 0 50px 50px;
	height: 530px;
	width: 100%;
}
}
.chy-project-5-item .main-img::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(129, 94, 220, 0) 0%, #815EDC 100%);
	transition: 400ms ease-in-out;
	opacity: 0;
}
.chy-project-5-item .main-img .btn-position {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	opacity: 0;
	transition: 400ms ease-in-out;
}
.chy-project-5-item .content-wrap {
	position: absolute;
	bottom: -100%;
	left: 0;
	padding: 50px;
	z-index: 1;
	width: 100%;
	transition: 400ms cubic-bezier(0.32, 0.36, 0.58, 1);
	opacity: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-project-5-item .content-wrap {
	padding: 30px;
}
}
.chy-project-5-item .subtitle {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
	display: inline-block;
	padding: 7px 20px;
	color: #fff;
	border-radius: 6px;
}
.chy-project-5-item .title {
	font-size: 32px;
	line-height: 1.06;
	font-weight: 700;
	background: #E7E0F2;
	padding: 20px;
	border-radius: 5px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.chy-project-5-item .title {
	font-size: 26px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.chy-project-5-item .title {
	font-size: 24px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.chy-project-5-item .title {
	font-size: 22px;
}
}
@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-5-item .title {
	font-size: 20px;
}
}
.chy-project-5-item .title:hover {
	color: var(--chy-pr-4);
}
.chy-project-5-item .p5-btn {
	z-index: 1;
	position: relative;
	display: inline-block;
	width: 148px;
	height: 148px;
	border-radius: 50%;
	border: 3px solid #fff;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(5px);
	font-size: 70px;
	line-height: 160px;
	text-align: center;
	color: #fff;
	transition: 400ms ease-in-out;
}
.chy-project-5-item .p5-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;
}
.chy-project-5-item .p5-btn:hover {
	border-color: transparent;
}
.chy-project-5-item .p5-btn:hover::after {
	opacity: 1;
	transform: scale(1);
}
.chy-project-5-item:hover .main-img .btn-position {
	top: 40%;
	opacity: 1;
}
.chy-project-5-item:hover .main-img::after {
	opacity: 1;
}
.chy-project-5-item:hover .main-img .content-wrap {
	bottom: 0%;
	opacity: 1;
}
.chy-project-5-item:is(.has-height-1) .main-img {
 height: 610px;
}
@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-project-5-item:is(.has-height-1) .main-img {
 height: 430px;
}
}
.chy-project-5-item:is(.has-height-2) .main-img {
 height: 770px;
 border-radius: 0 0 50px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
 .chy-project-5-item:is(.has-height-2) .main-img {
 height: 500px;
}
}
.chy-project-5-item:is(.has-style-1) .main-img {
 border-radius: 100px 100px 0 0;
}
/* 
    13. team
*/
.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: #47ffee;
}
.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 #47ffee;
	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: #47ffee;
}
@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 .social-links {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	opacity: 0;
	transition: 400ms;
}
.chy-team-2-item .social-links li {
	display: inline-block;
	margin-right: 10px;
}
.chy-team-2-item .social-links li a {
	display: inline-flex;
	width: 40px;
	height: 40px;
	background: var(--chy-gd-2);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	color: white;
	outline: 3px solid rgba(255, 255, 255, 0.5);
	transition: 400ms;
}
.chy-team-2-item .social-links li a .twitter {
	display: block;
	transform: translateY(3px);
}
.chy-team-2-item .social-links li a:hover {
	color: var(--chy-h2-color);
}
.chy-team-2-item:hover .main-img::after {
	border-radius: 300px;
}
.chy-team-2-item:hover .social-links {
	bottom: 25px;
	opacity: 1;
}
.chy-team-4-area .section-title-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-team-4-area .section-title-wrap {
	flex-wrap: wrap;
	gap: 0px 30px;
}
}
.chy-team-4-area .section-title-wrap .left {
	max-width: 560px;
}
/* 
    18. about
*/
.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-about-4-area .section-title-wrap {
	display: flex;
	align-items: center;
	gap: 158px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-about-4-area .section-title-wrap {
	gap: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-about-4-area .section-title-wrap {
	flex-wrap: wrap;
	gap: 0px;
}
}
.chy-about-4-area .section-title-wrap .left {
	max-width: 560px;
	flex: 0 0 auto;
}
@media (max-width: 767px) {
.chy-about-4-area .section-title-wrap .left {
	flex: unset;
}
}
.chy-about-4-img {
	position: relative;
	padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-about-4-img {
	margin-bottom: 20px;
}
}
.chy-about-4-img .bg-color {
	width: 90%;
	height: 90%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.chy-about-4-content .btn-wrap {
	display: flex;
	align-items: center;
	gap: 30px 58px;
	flex-wrap: wrap;
}
.chy-about-4-content .chy-call-2-icon {
	background: linear-gradient(85deg, #0050FF -0.78%, #00E9CC 97.77%);
}
.chy-about-4-content .chy-call-1-content .phone:hover {
	color: var(--chy-pr-4);
}
.chy-about-4-feature-wrap {
	padding-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-about-4-feature-wrap {
	padding-right: 0px;
}
}
.chy-about-4-feature-item {
	display: flex;
	gap: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(19, 24, 53, 0.1);
}
.chy-about-4-feature-item:not(:last-child) {
	margin-bottom: 25px;
}
.chy-about-4-feature-item .icon {
	flex: 0 0 auto;
	width: 78px;
	height: 84px;
	background: linear-gradient(90deg, #5A1CCB -2.17%, #815EDC 100%);
	border-radius: 50px 6px 6px 6px;
	text-align: center;
	line-height: 103px;
	color: #fff;
	font-size: 40px;
}
.chy-about-4-feature-item .title {
	font-size: 24px;
	line-height: 1.16;
	margin-bottom: 4px;
}
.chy-about-4-feature-item .disc {
	line-height: 26px;
}
/* 
    19. portfolio
*/
.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);
}
/* 
    20. testimonial
*/
.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: #47ffee;
}
@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: #47ffee;
	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: #47ffee;
 box-shadow: 0px 3px 60px 0px rgba(32, 42, 181, 0.11);
}
.chy-testimonial-3-item:is(.active) .number {
 background-color: #47ffee;
}
.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: #47ffee;
 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: #47ffee;
	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-testimonial-5-area {
	background: rgba(59, 43, 82, 0.03);
	position: relative;
}
.chy-testimonial-5-area .chy-testimonial-5-preview {
	position: absolute;
	top: 60%;
	left: 8vw;
	transform: translateY(-50%);
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.chy-testimonial-5-area .chy-testimonial-5-preview {
	left: 1vw;
}
}
@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-testimonial-5-area .chy-testimonial-5-preview {
	position: unset;
	margin-top: 100px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}
}
.chy-testimonial-5-item {
	display: grid;
	grid-template-columns: 1.12fr 2fr;
	gap: 50px;
	align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-testimonial-5-item {
	grid-template-columns: 1fr;
}
}
.chy-testimonial-5-item .main-img {
	border-radius: 10px 10px 0 0;
	height: 615px;
	overflow: hidden;
	display: flex;
	align-items: end;
}
@media (max-width: 767px) {
.chy-testimonial-5-item .main-img {
	height: 415px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-testimonial-5-item .main-img {
	height: 615px;
}
}
.chy-testimonial-5-item .main-img img {
	transform: translateY(100%);
	transition: 1000ms cubic-bezier(0.08, 0.28, 0.37, 0.99);
}
.chy-testimonial-5-item .section-title-wrap {
	max-width: 600px;
}
.chy-testimonial-5-item .comment-wrap {
	background: #fff;
	border-radius: 15px;
	padding: 45px;
	margin-left: 40px;
	position: relative;
	transform: translateX(106%);
	transition: 1000ms cubic-bezier(0.08, 0.28, 0.37, 0.99);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-testimonial-5-item .comment-wrap {
	margin-left: 0px;
}
}
.chy-testimonial-5-item .comment-wrap .arrow-icon {
	position: absolute;
	left: -38px;
	top: 30px;
	z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-testimonial-5-item .comment-wrap .arrow-icon {
	display: none;
}
}
.chy-testimonial-5-item .comment-wrap .qoute {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.8;
}
@media (max-width: 767px) {
.chy-testimonial-5-item .comment-wrap .qoute {
	width: 150px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-testimonial-5-item .comment-wrap .qoute {
	width: 300px;
}
}
.chy-testimonial-5-item .comment-text {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.41;
	margin-bottom: 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-testimonial-5-item .comment-text {
	font-size: 22px;
}
}
.chy-testimonial-5-item .name {
	display: inline-block;
	font-size: 22px;
	line-height: 28px;
	background: linear-gradient(90deg, #9255CE -2.17%, #BE60FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 7px;
}
.chy-testimonial-5-item .bio {
	font-size: 16px;
	display: block;
	line-height: 24px;
}
.chy-t5-preview-item {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	background: #EAEBEE;
	border: 1px solid;
	border-color: transparent;
	object-position: top;
	cursor: pointer;
}
 .chy-testimonial-5-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-testimonial-5-item .main-img img {
 transform: translateY(0);
}
.chy-testimonial-5-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-testimonial-5-item .comment-wrap {
 transform: translateX(0%);
}
.chy-testimonial-5-preview .swiper-container .swiper-slide {
	height: 102px !important;
}
@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-testimonial-5-preview .swiper-container .swiper-slide {
	width: 102px !important;
}
}
.chy-testimonial-5-preview .swiper-container .swiper-slide:is(.swiper-slide-thumb-active) .chy-t5-preview-item {
 border-color: #9255CE;
}
/* 
    21. marquee-text
*/
.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-4);
}
/* 
    22. mobile-menu
*/
.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: 20px;
	text-transform: capitalize;
	padding: 10px 60px 10px 0 !important;
}
.mobile-main-navigation .navbar-nav li a:hover {
	color: #47ffee;
}
.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: 20px;
}
.mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
	color: #47ffee;
	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: #47ffee;
}
.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: #47ffee;
}
/* 
    23. offcanvas
*/
.fullpage-menu {
	/*position: fixed;*/
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 9;
	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: 60px 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;
	float: right;
}
.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: #47ffee;
	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: #47ffee;
}
/* 
    24. back-to-top-button
*/
.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);
}
/* 
    25. breadcrumb
*/
.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: #f28541;
}
.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: #f28541;
}
.breadcrumb-list span {
	position: relative;
	text-transform: capitalize;
	color: #f28541;
}
.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 #873FEB;
	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;
}
/* 
    26. services-details
*/
.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====== 
*/
/* 
    27. 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: #EE4619;
}
.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: #47ffee;
}
.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: #47ffee;
	color: #fff;
}
/* 
    40. footer
*/
.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: #47ffee;
}
.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: #47ffee;
}
.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: #47ffee;
	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: rgba(238, 70, 25, 0.8);
	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: 1;
}
.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: #47ffee;
}
.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: #47ffee;
}
.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: #47ffee;
}
.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: #47ffee;
	font-size: 19px;
	transition: 400ms ease;
}
.chy-footer-3-menu li a:hover {
	color: #47ffee;
}
.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: #47ffee;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 30px;
	border: 3px solid #47ffee;
	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: #47ffee;
	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: #47ffee;
}
 @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-footer-4-il-img {
	margin-bottom: 30px;
}
}
.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-4);
}
.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;
}
.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-4);
	opacity: 1;
}
.logo {
	position: absolute;
	z-index: 9999;
	width: 100%;
	text-align: left;
	top: 20%;
	left: 20%;
}
.p-color {
	color: #d23930;
}
.main-footer {
	position: relative;
	background: #0b0d2c;
	padding: 15px;
	color: #fff;
}
.contact-heading {
	font-size: 26px;
	color: #fff;
	letter-spacing: 1px;
}
.footer-widget {
	font-size: 15px;
	color: #c7c7c7;
	text-align: center;
	padding: 20px;
	border-radius: 5px;
	line-height: 28px;
	border: solid 1px #222;
}
.email, .email a {
	font-size: 16px;
	color: #fff;
}
.call {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.footer-widget-heading h3 {
	color: #47ffee;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 2px;
	position: relative;
	line-height: 24px;
}
.main-footer {
	position: relative;
	background: #080808;
	padding: 15px;
	color: #fff;
}
.footer-section {
	background: #000;
}
.main-footer a {
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.5px;
	padding: 0px 10px;
}
.main-footer a:hover {
	color: #47ffee !important;
}
.copy {
	font-size: 15px;
	color: #fff;
	padding: 0px;
	margin: 0px;
}
.vh7 {
	height: 50vh;
}
.required {
	color: #c50000;
}
.registration .form-group {
	margin-top: 20px;
}
.dentsu-btn {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	padding: 18px 30px;
	display: inline-block;
	text-transform: capitalize;
	line-height: 1;
	position: relative;
	transition: 400ms ease;
	border-radius: 4px;
	background: #d23930;
	border: solid 1px #b3251c;
}
.registration .lable-text {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.dentsu-btn:hover {
	background: #000;
	border: solid 1px #000;
}
h2.subhead {
	color: #fff !important;
	font-size: 18px;
	font-weight: 500;
	background: #000;
	display: inline-block;
	padding: 10px 15px 12px;
	position: relative;
}
h2.subhead::after {
	width: 30px;
	height: 30px;
	border-left: solid 32px #161616;
	border-bottom: solid 22px transparent;
	border-top: solid 22px transparent;
	content: "";
	position: absolute;
	right: -32px;
	top: 0px;
}
.content-box h4 {
	font-size: 20px;
	font-weight: bold;
}
.small-head {
	color: #d23930 !important;
	font-weight: bold;
}
.content-box p {
	font-size: 16px;
	color: #000;
}
.content-box .list li {
	font-size: 16px;
	color: #000;
	list-style-type: disc;
	margin-left: 20px;
}

.e-date {
    position: absolute;
    color: #fff;
    font-size: 22px;
    top: 380px;
    left: 230px;
}