@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	 --bodyFontFamily: 'Cairo', sans-serif;
	 --headingFontFamily: 'Cairo', sans-serif;
	 --bodyColor: #121212;
	 --mainColor: #fed325;
	 --headingColor:#121212;
	 --whiteColor: #fff;
	 --blackColor: #121212;
	 --fontSize: 18px;
	 --transition: all ease 0.5s;
	 --borderRadius: 4px;
	 --boxShadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
 body {
	 font-size: var(--fontSize);
	 font-family: var(--bodyFontFamily);
	 color:	 #121212;

}
 a {
	 transition: var(--transition);
	 color: var(--bodyColor);
}
 a:hover {
	 color: var(--mainColor);
}
 .h1, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	 color: #fff ;
	 font-weight: 600;
	 font-family: var(--headingFontFamily);
}
 .h1, .h2, h1, h2 {
	 font-weight: 800;
}
 .d-table {
	 width: 100%;
	 height: 100%;
}
 .d-table-cell {
	 vertical-align: middle;
}
 p {
	 margin-bottom: 15px;
	 line-height: 30px;
}
 p:last-child {
	 margin-bottom: 0;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-top: 0;
}

  .form-control {
	 background-color: var(--whiteColor);
	 border: 1px solid var(--mainColor);
	 height: 55px;
	 color: var(--headingColor);
	 font-size: 18px;
	 padding: 10px 20px;
	 width: 100%;
	 transition: var(--transition);
	 border-radius: 0;
	 font-weight: 300;
}
 .form-control::placeholder {
	 /* color: rgba(22, 16, 1, 0.71); */
	 font-size: 18px;
}
 .form-control:focus {
	 /* color: var(--blackColor); */
	 /* background-color: transparent; */
	 box-shadow: unset;
	 outline: 0;
	 border: 1px solid var(--mainColor);
}
 .form-control.form-select {
	 cursor: pointer;
}
 textarea.form-control {
	 height: auto;
}
 .ptb-150 {
	 padding-top: 150px;
 padding-bottom: 150px;
}
 .pt-150 {
	 padding-top: 150px;
}
 .pb-150 {
	 padding-bottom: 150px;
}
 .pt-120 {
	 padding-top: 1200px;
}
 .pb-120 {
	 padding-bottom: 120px;
}
 .pb-100 {
	 padding-bottom: 100px;
}
 .pb-50 {
	 padding-bottom: 50px;
}
 .mt-30 {
	 margin-top: 30px;
}
 .mb-30 {
	 margin-bottom: 30px;
}
 .mb-50 {
	 margin-bottom: 50px;
}
 .mb-24 {
	 margin-bottom: 24px;
}
 .mw-1680 {
	 max-width: 1680px;
	 padding-left: 30px;
	 padding-right: 30px;
}
 .mw-1480 {
	 max-width: 1480px;
	 padding-left: 30px;
	 padding-right: 30px;
}
 .mw-1820 {
	 max-width: 1820px;
	 padding-left: 30px;
	 padding-right: 30px;
}
 .mw-1620 {
	 max-width: 1620px;
}
/* Scroll Bar Style*/
 .scroll-bar {
	 margin-top: 0 !important;
	 overflow: auto;
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
}
 .scroll-bar::-webkit-scrollbar {
	 width: 6px;
	 transition: var(--transition);
	 border-radius: 50px;
}
 .scroll-bar::-webkit-scrollbar-track {
	 background: #f0f0f4;
	 transition: var(--transition);
	 border-radius: 50px;
}
 .scroll-bar::-webkit-scrollbar-thumb {
	 background: #e0e0e2;
	 transition: var(--transition);
	 border-radius: 50px;
}
 .scroll-bar::-webkit-scrollbar-thumb:hover {
	 background: var(--mainColor);
	 border-radius: 50px;
}
/* Bg-color Style*/
 .bg-color-3a2a00 {
	 background-color: #121212;
}
 .bg-color-161001 {
	 background-color: #121212;
}
 .bg-color-d19f19 {
	 background-color: #fed325;
}
/* Default Btn Area Style*/
 .default-btn {
	 background-color: var(--mainColor);
	 transition: var(--transition);
	 color: var(--blackColor);
	 border: 1px solid var(--mainColor);
	 font-weight: 600;
	 font-size: 16px;
	 text-align: center;
	 text-decoration: none;
	 padding: 19px 35px;
	 line-height: 1;
}
 .default-btn i {
	 font-size: 16px !important;
	 margin-left: 10px;
}
 .default-btn.border-btn {
	 background-color: transparent;
	 color: var(--mainColor);
}
 .default-btn.border-btn:hover {
	 background-color: #ffd426;
	 color: var(--blackColor);
	
	
	}
 .default-btn:hover {
	 background-color: var(--blackColor);
	 color: #ffd426;
	 cursor: pointer;
}
 .default-btn.active {
	 background-color: var(--headingColor);
	 color: var(--blackColor);
}
 .rounded-btn {
	 width: 180px;
	 height: 180px;
	 border: 1px solid #fff4d7;
	 display: inline-block;
	 position: relative;
	 font-size: 16px;
	 font-weight: 500;
	 border-radius: 50%;
	 color: #fff4d7;
}
 .rounded-btn .md {
	 position: absolute;
	 top: 50%;
	 left: 0;
	 right: 0;
	 margin: auto;
	 transform: translateY(-50%);
	 text-align: center;
}
 .rounded-btn.for-white-btn {
	 border-color: var(--headingColor);
	 color: var(--headingColor);
}
 .rounded-btn:hover {
	 background-color: var(--mainColor);
	 border-color: var(--mainColor);
	 color: var(--blackColor);
}
 .play-btn {
	 width: 66px;
	 height: 66px;
	 line-height: 66px;
	 text-align: center;
	 border-radius: 50px;
	 background-color: var(--mainColor);
	 color: var(--headingColor);
	 display: inline-block;
	 text-decoration: none;
	 font-size: 25px;
}
 .play-btn i {
	 color: var(--headingColor);
}
 .icon-btn {
	 width: 80px;
	 height: 80px;
	 line-height: 80px;
	 text-align: center;
	 border-radius: 50px;
	 display: inline-block;
	 background-color: var(--mainColor);
	 font-size: 50px;
	 text-decoration: none;
}
 .icon-btn i {
	 color: var(--blackColor);
	 transition: var(--transition);
}
 .icon-btn:hover {
	 background-color: var(--blackColor);
}
 .icon-btn:hover i {
	 color: var(--mainColor);
}
 .video-rounded {
}
/* Read More Btn Area Style*/
 .read-more {
	 font-size: 18px;
	 font-weight: 500;
	 transition: var(--transition);
	 color: var(--headingColor);
	 text-decoration: none;
}
 .read-more i {
	 margin-left: 10px;
}
 .read-more:hover {
	 letter-spacing: 1px;
}
 .read-more.active {
	 color: var(--mainColor);
}
 .read-more.active i {
	 color: var(--mainColor);
	 font-size: 16px;
}
/* Section Title Area Style*/
 .section-title {
	 max-width: 1140px;
	 margin: -16px auto 70px;
}
 .section-title h2 {
	 font-size: 100px;
	 margin-bottom: 16px;
	 line-height: 54px;
	 letter-spacing: -2.5px;
	 line-height: 110px;
}
 .section-title h2 span {
	 color:#121212;
}
 .section-title h2:last-child {
	 margin-bottom: 0;
}
 .section-title h3 {
	 letter-spacing: -0.54px;
	 font-weight: 800;
	 font-size: 36px;
	 color: var(--headingColor);
}
 .section-title p {
	 max-width: 570px;
	 margin: auto;
}
 .section-title.white-title h2 {
	 color: #ffffff;
}
 .section-title.white-title p {
	 color: #ffffff;
}
 .section-title.left-title {
	 margin-left: 0;
	 text-align: left;
}
 .section-title.mw-860 {
	 max-width: 860px;
}
/* Shape Area Style*/
 .shape {
	 position: absolute;
	 z-index: -1;
}
 .shape.shape-1 {
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
}
 .shape.shape-2 {
	 bottom: -425px;
	 left: 0;
	 right: 0;
	 z-index: -1;
}
 .shape.shape-3 {
	 top: -375px;
	 left: 0;
	 z-index: 1;
}
/* Top Header Area Style ============================================*/
 .top-header-area {
	 padding: 14.5px 0px;
}
 .top-header-left-content {
	 line-height: 1;
}
 .top-header-left-content li {
	 font-family: var(--headingFontFamily);
	 font-size: 14px;
	 color: rgba(255, 255, 255, 0.60);
	 margin-right: 30px;
}
 .top-header-left-content li:last-child {
	 margin-right: 0;
}
 .top-header-left-content li i {
	 font-size: 20px;
	 margin-right: 5px;
}
 .top-header-right-content {
	 line-height: 1;
}
 .top-header-right-content li .selecet-language .form-select {
	 color: rgba(255, 255, 255, 0.60);
	 font-size: 14px;
	 margin-left: 6px;
	 padding-right: 15px !important;
	 background-image: url(../../assets/images/icons/down-arrow.svg);
	 cursor: pointer;
	 background-position: right;
}
 .top-header-right-content li .selecet-language .form-select:focus {
	 box-shadow: none;
}
 .top-header-right-content li .selecet-language .form-select option {
	 color: var(--blackColor);
}
 .top-header-right-content li .socil-link {
	 border-right: 1px solid rgba(255, 255, 255, 0.22);
	 line-height: 1;
	 padding-left: 27px;
	 margin-left: 20px;
}
 .top-header-right-content li .socil-link li {
	 margin-right: 10px;
}
 .top-header-right-content li .socil-link li:last-child {
	 margin-right: 0;
}
 .top-header-right-content li .socil-link li span {
	 font-size: 14px;
	 font-family: var(--headingFontFamily);
	 position: relative;
	 top: -2px;
	 color: rgba(255, 255, 255, 0.60);
}
 .top-header-right-content li .socil-link li a i {
	 color: rgba(255, 255, 255, 0.60);
	 font-size: 18px;
	 transition: var(--transition);
}
 .top-header-right-content li .socil-link li a:hover i {
	 color: var(--mainColor);
}
/* Sub Header Area Style ============================================*/
 .sub-hedaer-area {
	 padding-top: 30px;
	 padding-bottom: 30px;
}
 .sub-hedaer-right-content li {
	 margin-right: 100px;
}
 .sub-hedaer-right-content li:last-child {
	 margin-right: 0;
}
 .sub-hedaer-right-content li .icon {
	 font-size: 34px;
	 color: #7b5d0e;
	 margin-right: 14px;
	 line-height: 1;
}
 .sub-hedaer-right-content li .call {
	 font-family: var(--headingFontFamily);
	 font-size: 14px;
	 line-height: normal;
	 color: rgba(255, 255, 255, 0.57);
}
 .sub-hedaer-right-content li .call:hover {
	 color: var(--whiteColor);
}
 .sub-hedaer-right-content li .number {
	 font-weight: 500;
	 font-size: 20px;
	 letter-spacing: 0.2px;
	 line-height: 28px;
	 color: rgba(255, 255, 255, 0.70);
}
 .sub-hedaer-right-content li .number:hover {
	 color: var(--whiteColor);
}
 .sub-hedaer-right-content li .review i {
	 font-size: 18px;
	 color: var(--mainColor);
	 margin-right: 2px;
}
 .sub-hedaer-right-content li .review p {
	 letter-spacing: 0.16px;
	 font-size: 16px;
	 margin-top: 0;
	 line-height: 1;
	 line-height: 28px;
	 color: rgba(255, 255, 255, 0.75);
}
 .sub-hedaer-right-content li .review p span {
	 color: var(--mainColor);
}
 .sub-hedaer-right-content.header-style-three li .call {
	 color: #555;
}
 .sub-hedaer-right-content.header-style-three li .number {
	 color: var(--headingColor);
}
 .sub-hedaer-right-content.header-style-three li .review p {
	 color: var(--headingColor);
}
 .sub-hedaer-right-content.header-style-three li .default-btn {
	 background-color: var(--mainColor);
	 color: var(--blackColor);
}
/* Banner Area Style ============================================*/
 .banner-area {
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 padding-top: 127px;
	 padding-bottom: 220px;
	 position: relative;
	 z-index: 1;
}
 .banner-area.bg-1 {
	 background-image: url(../../assets/images/banner/banner-bg-1.jpg);
}
 .banner-area.bg-1::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #121212;
	 opacity: 0.9;
	 z-index: -1;
}
 .banner-area.bg-2 {
	 background-image: url(../../assets/images/banner/banner-bg-ar.webp);
	 padding-top: 150px;
	 padding-bottom: 150px;
}
 .banner-area.bg-3 {
	 padding-bottom: 150px;
}
 .banner-area .banner-img-2 {
	 position: absolute;
	 top: 54%;
	 transform: translateY(-50%);
	 right: 0;
	 z-index: -1;
}
 .banner-area .project-customers {
	 background-color: var(--mainColor);
	 padding: 70px 80px;
	 width: 725px;
	 margin-left: auto;
	 position: absolute;
	 bottom: -80px;
	 right: 0;
}
 .banner-area .project-customers .project {
	 border-right: 1px solid var(--headingColor);
	 margin-right: 60px;
	 padding-right: 60px;
}
 .banner-area .project-customers .project:last-child {
	 border: none;
}
 .banner-area .project-customers .project:last-child:last-child {
	 margin-right: 0;
	 padding-right: 0;
}
 .banner-area .project-customers .project h2 {
	 font-size: 56px;
	 font-weight: 900;
	 letter-spacing: -3.92px;
	 color: var(--headingColor);
	 margin-bottom: 5px;
}
 .banner-area .project-customers .project span {
	 font-size: 18px;
	 font-weight: 300;
	 color: var(--headingColor);
}
 .banner-content {
	 max-width: 1115px;
	 position: relative;
	 margin-top: -31px;
	 z-index: 1;
}
 .banner-content h1 {
	 font-size: 166px;
	 letter-spacing: -8.3px;
	 line-height: normal;
	 text-shadow: 25px 19px 15px rgba(22, 16, 1, 0.22);
	 color: #fff4d7;
	 margin-bottom: 190px;
}
 .banner-content h1 .text-border {
	 color: transparent;
	 -webkit-text-stroke: 1px #fff4d7;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 text-align: center;
}
 .banner-content h1 .text-border.car {
	 -webkit-text-stroke: 2px #fed325;
}
 .banner-content .banner-img-1 {
	 position: absolute;
	 bottom: -45px;
	 right: -300px;
}
 .banner-content.style-two h1 {
	 font-family: var(--bodyFontFamily);
	 font-weight: 700;
	 letter-spacing: 0.83px;
	 line-height: 1;
}
 .banner-content.style-two h1 .marks {
	 color: var(--mainColor) !important;
	 background-image: url(../../assets/images/banner/text-shape.png);
	 background-position: top 0 right 85px;
	 background-repeat: no-repeat;
	 background-size: auto;
}
 .banner-content.style-three h1 {
	 color: var(--headingColor);
	 text-shadow: none;
	 margin-bottom: 50px !important;
}
 .banner-content.style-three h1 img {
	 margin-left: 20px;
}
 .banner-video {
	 position: absolute;
	 top: 130px;
	 right: 0;
}
 .banner-video .play-btn {
	 background-color: var(--headingColor);
}
 .banner-video .play-btn i {
	 color: var(--mainColor);
}
/* About Us Area Style ============================================*/
 .about-content {
	 padding: 30px;
	 margin-left: -222px;
	 margin-top: -162px;
	 position: relative;
	 z-index: 2;
	 background-image: linear-gradient(to top, #121212 50%, transparent 90%);
}
 .about-content p {
	 font-size: 36px;
	 font-family: var(--headingFontFamily);
	 font-weight: 600;
	 color: #b9af93;
	 line-height: 50px;
}
 .about-content p a {
	 color: var(--mainColor);
}
 .about-us-sub-content {
	 margin-right: -155px;
	 max-width: 765px;
	 margin-left: auto;
}
 .about-us-sub-content .about-us-sub-counter-item {
	 text-align: center;
}
 .about-us-sub-content .about-us-sub-counter-item h1 {
	 letter-spacing: -1.8px;
	 line-height: 1;
	 font-weight: 800;
	 font-size: 90px;
	 color: var(--mainColor);
	 margin-bottom: 10px;
}
 .about-us-sub-content .about-us-sub-counter-item span {
	 font-size: 18px;
	 font-weight: 300;
	 line-height: 1;
	 color: #fff4d7;
}
 .about-us-sub-wrap {
	 margin-top: -120px;
}
 .about-us-content h2 {
	 letter-spacing: -2.5px;
	 font-size: 100px;
	 font-weight: 800;
}
 .about-us-content p {
	 font-weight: 300;
	 margin-bottom: 50px;
}
 .about-us-content .about-us-bisiness h3 {
	 font-size: 90px;
	 font-weight: 800;
	 margin-bottom: 5px;
}
 .about-us-content .border-bottom {
	 border-color: #121212;
	 padding-bottom: 50px;
	 margin-bottom: 50px;
}
 .about-us-sub-dis p {
	 font-size: 36px;
	 font-weight: 600;
	 line-height: 50px;
	 font-family: var(--headingFontFamily);
}
 .about-us-images-three {
	 margin-left: 225px;
	 margin-bottom: 70px;
}
 .about-us-content-three {
	 max-width: 890px;
	 margin-left: auto;
}
 .about-us-content-three h3 {
	 font-size: 36px;
	 line-height: 50px;
	 margin-bottom: 0;
}
/* Marquee Area Style ==================================================*/
 .marquee-area.style-two .container-fluid {
	 left: calc((100% - 1320px)/2);
	 position: relative;
}
 .marquee-wrapper {
	 overflow: hidden;
}
 .marquee-wrapper .marquee {
	 display: inline-block;
	 white-space: nowrap;
	 position: relative;
	 transform: translate3d(0%, 0, 0);
	 /* animation-name: marquee;
	 animation-timing-function: linear;
	 animation-iteration-count: infinite;
	 animation-duration: 57s; */
}
 .marquee-wrapper .marquee a {
	 display: inline-block;
	 white-space: nowrap;
	 padding-right: 65px;
	 text-decoration: none;
	 /* color: transparent; */
	 -webkit-text-stroke: 1px #121212;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 text-align: center;
	 font-weight: 600;
	 font-family: var(--headingFontFamily);
	 font-size: 40px;
	 position: relative;
	 line-height: 50px;
	 padding-top: 35px;
	 padding-bottom: 35px;
}
 .marquee-wrapper .marquee a span {
	 margin-left: 15px;
	 margin-right: 15px;
}
 .marquee-wrapper .marquee a:hover {
	 /* color: var(--mainColor); */
}
 .marquee-wrapper.style-two a {
	 -webkit-text-stroke: 1px rgba(255, 255, 255, 0.13);
	 padding: 0;
}
 .marquee-wrapper.style-three {
	 direction: rtl;
}
 .marquee-wrapper.style-three .marquee {
	 animation-name: marquee-m;
}
 .marquee-wrapper:hover .marquee {
	 animation-play-state: paused !important;
}
 .rotate-1 {
	 transform: rotate(4.52deg);
	 margin: 0 -30px;
}
 .rotate-2 {
	 transform: rotate(-4.52deg);
	 margin: 0 -30px;
}
 .marquee-area.rotate-1 {
	 position: relative;
	 top: -120px;
}
 .marquee-area.rotate-2 .marquee-wrapper .marquee a {
	 /* -webkit-text-stroke: 1px var(--mainColor); */
	 color: var(--mainColor);
}
 @keyframes marquee {
	 0% {
		 transform: translate3d(0%, 0, 0);
	}
	 100% {
		 transform: translate3d(-100%, 0, 0);
	}
}
 @keyframes marquee-m {
	 0% {
		 transform: translate3d(0%, 0, 0);
	}
	 100% {
		 transform: translate3d(100%, 0, 0);
	}
}
/* Services Area Style ==================================================*/
 .our-services-item {
	 border: 3px solid #262113;
	 padding: 30px 50px;
	 border-radius: 100px;
	 transition: var(--transition);
	 margin-bottom: 50px;
}
 .our-services-item:last-child {
	 margin-bottom: 0;
}
 .our-services-item h3 {
	 margin-bottom: 0;
	 color: #b9af93;
	 font-weight: 600;
	 font-size: 48px;
	 transition: var(--transition);
}
 .our-services-item h3 sup {
	 font-size: 22px;
	 color: var(--mainColor);
	 top: -18px;
	 transition: var(--transition);
}
 .our-services-item p {
	 font-size: 18px;
	 font-weight: 300;
	 color: rgba(255, 255, 255, 0.70);
	 transition: var(--transition);
}
 .our-services-item:hover {
	 margin-left: -140px;
	 margin-right: 140px;
	 background-color: var(--mainColor);
}
 .our-services-item:hover h3 {
	 color: var(--blackColor);
}
 .our-services-item:hover h3 sup {
	 color: var(--blackColor);
}
 .our-services-item:hover p {
	 color: var(--blackColor);
}
 .our-services-item:hover .icon-btn {
	 background-color: var(--blackColor);
}
 .our-services-item:hover .icon-btn i {
	 color: var(--mainColor);
}
 .our-services-item-wrap .services-img {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 right: -385px;
	 opacity: 0;
	 transition: var(--transition);
}
 .our-services-item-wrap:hover .services-img {
	 right: -245px;
	 opacity: 1;
}
 .our-services-item-wrap.active .services-img {
	 right: -245px;
	 opacity: 1;
}
 .our-services-item-wrap.active .our-services-item {
	 margin-left: -140px;
	 margin-right: 140px;
	 background-color: var(--mainColor);
}
 .our-services-item-wrap.active .our-services-item h3 {
	 color: var(--blackColor);
}
 .our-services-item-wrap.active .our-services-item h3 sup {
	 color: var(--blackColor);
}
 .our-services-item-wrap.active .our-services-item p {
	 color: var(--blackColor);
}
 .our-services-item-wrap.active .our-services-item .icon-btn {
	 background-color: var(--blackColor);
}
 .our-services-item-wrap.active .our-services-item .icon-btn i {
	 color: var(--mainColor);
}
 .services-img-5 {
	 margin-left: 112px;
	 margin-right: 22px;
}
 .services-content-two {
	 margin-left: 112px;
}
 .services-content-two p {
	 font-size: 18px;
	 font-weight: 300;
	 margin-bottom: 50px;
}
 .services-content-two ul {
	 padding-left: 0;
	 margin-bottom: 0;
	 list-style: none;
}
 .services-content-two ul li {
	 position: relative;
	 padding-left: 16px;
	 font-size: 22px;
	 font-weight: 500;
	 letter-spacing: -0.44px;
	 margin-bottom: 20px;
}
 .services-content-two ul li:last-child {
	 margin-bottom: 0;
}
 .services-content-two ul li::before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 left: 0;
	 width: 8px;
	 height: 8px;
	 background-color: var(--mainColor);
	 border-radius: 50px;
	 transform: translateY(-50%);
}
 .your-satisfaction {
	 font-weight: 600;
	 font-size: 36px;
	 line-height: 50px;
	 color: #3a3a3a;
	 margin-bottom: 0;
}
 .for-services-wrap {
	 margin-left: -290px;
}
 .for-services-content h2 {
	 letter-spacing: -2.5px;
	 font-size: 100px;
	 letter-spacing: -2.5px;
	 margin-bottom: 50px;
	 text-align: right;
}
 .for-services-content p {
	 color: var(--headingColor);
	 max-width: 536px;
	 margin-left: auto;
	 margin-bottom: 50px;
	 font-weight: 300;
}
 .for-services-content .for-services-list {
	 padding-left: 0;
	 margin-bottom: 0;
	 list-style: none;
	 max-width: 536px;
	 margin-left: auto;
}
 .for-services-content .for-services-list li {
	 font-size: 22px;
	 font-weight: 500;
	 letter-spacing: -0.44px;
	 color: var(--headingColor);
	 position: relative;
	 padding-left: 15px;
	 margin-bottom: 20px;
}
 .for-services-content .for-services-list li:last-child {
	 margin-bottom: 0;
}
 .for-services-content .for-services-list li::before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 0;
	 width: 8px;
	 height: 8px;
	 background-color: rgba(22, 16, 1, 0.42);
	 border-radius: 50px;
}
 .for-services-content .rounded-btn {
	 position: absolute;
	 bottom: 0;
	 left: 140px;
}
 .for-services-content .rounded-btn:hover {
	 background-color: var(--whiteColor);
	 color: var(--headingColor);
}
 .for-services-list-report {
	 padding-left: 0;
	 margin-bottom: 0;
	 list-style: none;
}
 .for-services-list-report li {
	 font-size: 22px;
	 font-weight: 500;
	 letter-spacing: -0.44px;
	 color: var(--headingColor);
	 position: relative;
	 padding-left: 15px;
	 margin-bottom: 20px;
}
 .for-services-list-report li:last-child {
	 margin-bottom: 0;
}
 .for-services-list-report li::before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 0;
	 width: 8px;
	 height: 8px;
	 background-color: rgba(22, 16, 1, 0.42);
	 border-radius: 50px;
}
 .total-project-wrap {
	 position: relative;
}
 .total-project-wrap::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: -12px;
	 width: 1px;
	 height: 100%;
	 width: 1px;
	 background-color: var(--headingColor);
}
 .total-project-report {
	 margin-bottom: 50px;
}
 .total-project-report h2 {
	 font-size: 90px;
	 letter-spacing: -1.8px;
	 margin-bottom: 0;
}
 .total-project-report span {
	 font-weight: 300;
	 color: var(--headingColor);
}
/* Work Area Style ==================================================*/
 .work-area .swiper {
	 width: 100%;
	 padding-top: 0;
	 padding-bottom: 75px;
}
 .work-area .swiper .swiper-slide {
	 background-position: center;
	 background-size: cover;
	 height: 650px;
	 width: 430px;
	 transition: var(--transition);
}
 .work-area .swiper .swiper-slide img {
	 display: block;
	 height: 650px;
	 width: 430px;
	 transition: var(--transition);
}
 .work-area .swiper .swiper-slide h3 {
	 font-weight: 600;
	 letter-spacing: -0.48px;
	 font-size: 48px;
	 margin-bottom: 0;
	 margin-top: 20px;
	 opacity: 0;
	 transition: var(--transition);
	 color: #b9af93;
}
 .work-area .swiper .swiper-slide .icon-btn {
	 opacity: 0;
}
 .work-area .swiper .swiper-slide.swiper-slide-active {
	 height: 650px;
	 width: 730px;
}
 .work-area .swiper .swiper-slide.swiper-slide-active img {
	 height: 650px;
	 width: 730px;
}
 .work-area .swiper .swiper-slide.swiper-slide-active h3 {
	 opacity: 1;
}
 .work-area .swiper .swiper-slide.swiper-slide-active .icon-btn {
	 opacity: 1;
}
/* Regardless Area Style ==================================================*/
 .regardless-content {
	 max-width: 760px;
	 margin-left: auto;
	 margin-right: 215px;
}
 .regardless-content p {
	 font-weight: 600;
	 font-family: var(--headingFontFamily);
	 line-height: 50px;
	 font-size: 36px;
	 color: #b9af93;
}
/* Automatic Area Style ==================================================*/
 .automatic-car-content {
	 max-width: 420px;
	 margin-left: auto;
}
 .automatic-car-content p {
	 color: rgba(255, 255, 255, 0.70);
	 font-weight: 300;
	 line-height: 28px;
	 margin-bottom: 50px;
}
 .automatic-car-content ul li {
	 font-weight: 500;
	 line-height: 28px;
	 letter-spacing: -0.44px;
	 font-size: 22px;
	 color: rgba(255, 244, 215, 0.65);
	 position: relative;
	 padding-left: 15px;
	 margin-bottom: 20px;
}
 .automatic-car-content ul li:last-child {
	 margin-bottom: 0;
}
 .automatic-car-content ul li::before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 left: 0;
	 width: 8px;
	 height: 8px;
	 background-color: var(--mainColor);
	 border-radius: 50px;
	 transform: translateY(-50%);
}
/* Pricing Area Style ==================================================*/
 .pricing-single-item {
	 background-color: #271c01;
	 padding: 40px;
	 padding-top: 0;
	 position: relative;
	 z-index: 1;
	 margin-bottom: 50px;
	 transition: var(--transition);
}
 .pricing-single-item::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 background-color: #121212;
	 width: 100%;
	 height: 85px;
	 z-index: -1;
}
 .pricing-single-item .pricing-single-item-img {
	 margin-bottom: 37px;
}
 .pricing-single-item .pricing-single-item-header {
	 margin-bottom: 35px;
}
 .pricing-single-item .pricing-single-item-header span {
	 color: #fff4d7;
	 font-weight: 500;
	 letter-spacing: -0.36px;
	 line-height: 28px;
	 display: block;
	 margin-bottom: 20px;
	 transition: var(--transition);
}
 .pricing-single-item .pricing-single-item-header h1 {
	 font-size: 76px;
	 font-weight: 900;
	 line-height: 60px;
	 letter-spacing: -5.32px;
	 color: var(--mainColor);
	 margin-bottom: 0;
	 transition: var(--transition);
}
 .pricing-single-item .pricing-single-item-header h1 sub {
	 bottom: 0;
}
 .pricing-single-item .pricing-single-item-header h1 .dolar {
	 font-size: 30px;
	 font-weight: 600;
	 letter-spacing: -2.1px;
}
 .pricing-single-item .pricing-single-item-header h1 .month {
	 font-size: 16px;
	 font-weight: 300;
	 font-size: 16px;
	 letter-spacing: normal;
}
 .pricing-single-item .pricing-single-item-list {
	 margin-bottom: 40px;
}
 .pricing-single-item .pricing-single-item-list li {
	 color: rgba(173, 164, 140, 1);
	 margin-bottom: 30px;
	 transition: var(--transition);
}
 .pricing-single-item .pricing-single-item-list li:last-child {
	 margin-bottom: 0;
}
 .pricing-single-item .pricing-single-item-list li i {
	 color: rgba(173, 164, 140, 1);
	 font-size: 18px;
	 margin-right: 6px;
	 transition: var(--transition);
}
 .pricing-single-item:hover, .pricing-single-item.active {
	 background-color: var(--mainColor);
}
 .pricing-single-item:hover .pricing-single-item-header, .pricing-single-item.active .pricing-single-item-header {
	 margin-bottom: 35px;
}
 .pricing-single-item:hover .pricing-single-item-header span, .pricing-single-item.active .pricing-single-item-header span {
	 color: var(--blackColor);
}
 .pricing-single-item:hover .pricing-single-item-header h1, .pricing-single-item.active .pricing-single-item-header h1 {
	 color: var(--blackColor);
}
 .pricing-single-item:hover .pricing-single-item-list, .pricing-single-item.active .pricing-single-item-list {
	 margin-bottom: 40px;
}
 .pricing-single-item:hover .pricing-single-item-list li, .pricing-single-item.active .pricing-single-item-list li {
	 color: var(--blackColor);
}
 .pricing-single-item:hover .pricing-single-item-list li i, .pricing-single-item.active .pricing-single-item-list li i {
	 color: var(--blackColor);
}
 .pricing-single-item:hover .default-btn, .pricing-single-item.active .default-btn {
	 background-color: var(--blackColor);
	 color: var(--mainColor);
}
 .pricing-single-item-two {
	 border: 1px solid var(--headingColor);
	 padding: 45px;
}
 .pricing-single-item-two h3 {
	 font-size: 48px;
	 font-weight: 800;
	 letter-spacing: -1.2px;
	 margin-bottom: 50px;
}
 .pricing-single-item-two ul {
	 margin-bottom: 50px;
}
 .pricing-single-item-two ul li {
	 margin-bottom: 25px;
	 padding-bottom: 25px;
	 border-bottom: 1px solid var(--headingColor);
}
 .pricing-single-item-two ul li:last-child {
	 margin-bottom: 0;
	 padding-bottom: 0;
	 border: none;
}
 .pricing-single-item-two ul li i {
	 color: var(--headingColor);
	 font-size: 20px;
	 margin-right: 5px;
}
 .pricing-single-item-two ul li .title {
	 font-size: 18px;
	 font-weight: 400;
	 color: var(--headingColor);
}
 .pricing-single-item-two ul li .price {
	 color: var(--headingColor);
	 font-weight: 500;
}
 .pricing-single-item-two.active {
	 background-color: var(--headingColor);
}
 .pricing-single-item-two.active h3 {
	 color: #fff4d7;
}
 .pricing-single-item-two.active ul li {
	 border-color: rgba(255, 244, 215, 0.12);
}
 .pricing-single-item-two.active ul li i {
	 color: #fff4d7;
}
 .pricing-single-item-two.active ul li .title {
	 color: #fff4d7;
}
 .pricing-single-item-two.active ul li .price {
	 color: #fff4d7;
}
 .price-note {
	 font-size: 22px;
	 letter-spacing: -0.22px;
	 color: var(--headingColor);
}
/* Customers Area Style ==================================================*/
 .customers-wrap {
	 margin-right: -209px;
}
 .customers-wrap .customers-slide {
	 padding-top: 100px;
}
 .customers-wrap .swiper-slide.swiper-slide-next {
	 margin-top: -100px;
	 transition: var(--transition);
}
 .customers-single-item {
	 background-color: #fff4d7;
	 border: 1px solid #121212;
	 padding: 50px;
	 margin-top: 75px;
	 margin-left: 47px;
}
 .customers-single-item .customers-single-item-img {
	 position: absolute;
	 top: -75px;
	 left: -48px;
}
 .customers-single-item .customers-single-item-star {
	 margin-bottom: 20px;
}
 .customers-single-item .customers-single-item-star i {
	 color: var(--mainColor);
}
 .customers-single-item .customers-single-item-star li {
	 margin-right: 5px;
}
 .customers-single-item .customers-single-item-star li:last-child {
	 margin-right: 0;
}
 .customers-single-item p {
	 font-size: 24px;
	 line-height: 34px;
	 margin-bottom: 40px;
}
 .customers-single-item h3 {
	 font-size: 30px;
	 font-weight: 600;
}
 .customers-single-item span {
	 font-weight: 300;
}
 .customers-single-item.style-two {
	 background-color: transparent;
}
 .customers-single-item.style-two .customers-single-item-star i {
	 color: var(--whiteColor);
}
 .customers-single-item.style-two p {
	 color: #ffffff;
}
 .customers-single-item.style-two span {
	 color: #3d3729;
}
 .customers-list {
	 max-width: 477px;
	 margin-left: auto;
	 margin-top: -70px;
	 position: relative;
	 z-index: 1;
}
 .customers-list ul li {
	 margin-right: -15px;
	 transition: var(--transition);
	 transform: translateY(0);
}
 .customers-list ul li img {
	 border: 3px solid var(--mainColor);
	 width: 50px;
	 height: 50px;
}
 .customers-list ul li .total {
	 width: 50px;
	 height: 50px;
	 line-height: 45px;
	 border: 3px solid rgba(255, 244, 215, 1);
	 display: inline-block;
	 font-size: 16px;
	 font-weight: 700;
	 color: var(--blackColor);
	 text-align: center;
	 border-radius: 50px;
	 background-color: var(--mainColor);
	 text-decoration: none;
}
 .customers-list ul li:hover {
	 transform: translateY(-5px);
}
 .customers-list p {
	 padding-left: 36px;
	 color: #fff4d7;
	 font-size: 22px;
	 font-weight: 300;
	 letter-spacing: -0.33px;
	 max-width: 300px;
}
 .customers-list p span {
	 color: var(--blackColor);
	 font-size: 22px;
	 font-weight: 700;
	 line-height: 28px;
}
 .customers-list.style-two p {
	 color: var(--bodyColor);
}
 .customers-list.style-two ul li img {
	 border-color: var(--whiteColor);
}
 .customers-single-item-two .quat-2 {
	 margin-top: 60px;
}
 .customers-single-item-two .customers-single-item-star {
	 margin-bottom: 20px;
}
 .customers-single-item-two .customers-single-item-star i {
	 color: var(--headingColor);
}
 .customers-single-item-two .customers-single-item-star li {
	 margin-right: 5px;
}
 .customers-single-item-two .customers-single-item-star li:last-child {
	 margin-right: 0;
}
 .customers-single-item-two p {
	 font-size: 36px;
	 line-height: 50px;
	 margin-bottom: 40px;
	 color: var(--headingColor);
	 font-weight: 600;
	 font-family: var(--headingFontFamily);
}
 .customers-single-item-two h3 {
	 font-size: 30px;
	 font-weight: 600;
}
 .customers-single-item-two span {
	 font-weight: 300;
	 color: #474747;
}
 .customers-single-item-two.style-three {
	 padding: 40px !important;
	 border: 1px solid var(--headingColor);
	 transition: var(--transition);
}
 .customers-single-item-two.style-three .customers-single-item-star {
	 margin-bottom: 20px;
}
 .customers-single-item-two.style-three .customers-single-item-star i {
	 color: var(--mainColor);
}
 .customers-single-item-two.style-three p {
	 font-size: 22px;
	 line-height: 30px;
	 letter-spacing: -0.44px;
	 font-weight: 400;
	 font-family: var(--bodyFontFamily);
	 color: var(--bodyColor);
}
 .customers-single-item-two.style-three:hover {
	 background-color: rgba(255, 244, 215, 1);
	 border-color: rgba(255, 244, 215, 1);
}
 .customers-area-two .container-fluid {
	 left: calc((100% - 1320px)/2);
	 position: relative;
}
 .control-1 .swiper-controller .controller-icon {
	 border-color: var(--headingColor);
	 color: var(--headingColor);
}
 .control-1 .swiper-controller .controller-icon:hover {
	 background-color: var(--headingColor);
	 color: var(--mainColor);
}
/* Images Before After Comparison Area Style ==================================================*/
 .before-after-area {
	 position: relative;
	 z-index: 1;
}
 .before-after-area::before {
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 50%;
	 background-color: #121212;
	 z-index: -1;
}
 .image-comparison__label, .image-comparison__range {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 padding: 0;
	 background-color: transparent;
	 border: none;
	 appearance: none;
	 outline: none;
	 cursor: ew-resize;
	 z-index: 20;
}
 @media (hover) {
	 .image-comparison__label:hover ~ .image-comparison__slider .image-comparison__thumb, .image-comparison__range:hover ~ .image-comparison__slider .image-comparison__thumb {
		 transform: scale(1.2);
	}
}
 .image-comparison__image-wrapper--overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: calc(50% + 1px);
	 height: 100%;
	 overflow: hidden;
}
 .image-comparison__figure {
	 margin: 0;
}
 .image-comparison__figure self:not(&--overlay) {
	 position: relative;
	 padding-top: 66.666666667%;
}
 .image-comparison__image {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 object-position: 0 50%;
	 overflow: hidden;
}
 .image-comparison__figure--overlay .image-comparison__image {
	 z-index: 1;
}
 .image-comparison__slider {
	 position: absolute;
	 top: 0;
	 left: 50%;
	 width: 2px;
	 height: 100%;
	 background-color: var(--whiteColor);
	 transition: background-color 0.3s ease-in-out;
	 z-index: 10;
}
 .image-comparison__range--active ~ .image-comparison__slider {
	 background-color: rgba(255, 255, 255, 0);
}
 .image-comparison__thumb {
	 position: absolute;
	 top: calc(50% - 50px);
	 left: calc(50% - 50px);
	 width: 100px;
	 height: 100px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 background-color: var(--mainColor);
	 color: var(--blackColor);
	 border-radius: 50%;
	 transform-origin: center;
	 font-size: 40px;
	 transition: var(--transition);
}
 .image-comparison__range::-webkit-slider-runnable-track {
	 width: 40px;
	 height: 40px;
	 opacity: 0;
}
 .image-comparison__range::-moz-range-thumb {
	 width: 40px;
	 height: 40px;
	 opacity: 0;
}
 .image-comparison__range::-webkit-slider-thumb {
	 width: 40px;
	 height: 40px;
	 opacity: 0;
}
 .image-comparison__range::-ms-fill-lower {
	 background-color: transparent;
}
 .image-comparison__range::-ms-track {
	 position: relative;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border: none;
	 margin: 0;
	 padding: 0;
	 background-color: transparent;
	 color: transparent;
	 outline: none;
	 cursor: col-resize;
}
 .image-comparison__range::-ms-thumb {
	 width: 0.5%;
	 height: 100%;
	 opacity: 0;
}
 .image-comparison__range::-ms-tooltip {
	 display: none;
}
/* Counter Area Style ==================================================*/
 .counter-area.style-three {
	 position: relative;
	 z-index: 1;
}
 .counter-area.style-three::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 50%;
	 background-color: #121212;
	 z-index: -1;
}
 .counter-style-three {
	 background-color: #fed325;
	 padding: 60px;
	 padding-bottom: 10px;
}
 .counter-single-item {
	 margin-bottom: 50px;
}
 .counter-single-item i {
	 font-size: 57px;
	 color: rgba(173, 164, 140, 1);
	 position: relative;
	 top: 8px;
}
 .counter-single-item h2 {
	 color: #fed325;
	 -webkit-text-stroke: 1px var(--mainColor);
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 font-size: 90px;
	 font-weight: 800;
	 letter-spacing: -1.8px;
	 margin-bottom: 15px;
	 line-height: 1;
	 transition: var(--transition);
}
 .counter-single-item span {
	 color: #fff4d7;
}
 .counter-single-item.style-three i {
	 color: rgba(22, 16, 1, 1);
}
 .counter-single-item.style-three h2 {
	 -webkit-text-stroke: 1px rgba(22, 16, 1, 1);
}
 .counter-single-item:hover h2 {
	 color: var(--mainColor);
}
 .counter-single-item:hover.style-three h2 {
	 color: var(--headingColor);
}
/* Appointment Area Style ==================================================*/
 .appointment-area {
	 position: relative;
	 z-index: 1;
}
 .appointment-area::before {
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 50%;
	 background-color: #121212;
	 z-index: -1;
}
 .appointment-area .bg-color-d19f19 {
	 padding: 60px;
	 padding-bottom: 30px;
}
 .appointment-area.before-shape::before {
	 background-image: url(../../assets/images/shape/shape-4.png);
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: top center;
	 height: 100%;
	 bottom: auto;
	 top: -112px;
}
 .appointment-title {
	 font-size: 36px;
	 font-weight: 600;
	 margin-bottom: 20px;
}
 .appointment-form .form-control {
	 border-color: #121212;
	 background-color: var(--mainColor);
	 color: var(--headingColor);
}
 .appointment-form .form-control::placeholder {
	 /* color: rgba(22, 16, 1, 0.71); */
}
 .appointment-form .default-btn {
	 color: var(--mainColor) !important;
}
 .appointment-wrap {
	 padding: 45px;
	 padding-bottom: 15px;
	 margin-right: -200px;
	 position: relative;
	 z-index: 1;
}
/* After-before Area Style ==================================================*/
 .after-before-content {
	 max-width: 420px;
	 font-size: 18px;
	 font-weight: 300;
}
 .after-before-name {
	 position: absolute;
	 top: 20px;
	 left: 20px;
	 font-size: 30px;
	 font-weight: 500;
	 background-color: #f4fffc;
	 padding: 15px;
	 line-height: 1;
	 color: var(--headingColor);
}
 .after-before-name.after {
	 background-color: var(--headingColor);
	 color: var(--whiteColor);
}
/* Services Area Style ==================================================*/
 .video-area {
	 position: relative;
	 z-index: 1;
}
 .video-area::before {
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 50%;
	 background-color: #121212;
	 z-index: -1;
}
 .video-img .play-btn {
	 width: 144px;
	 height: 144px;
	 line-height: 144px;
	 font-size: 67px;
	 border-radius: 100px;
}
/* Blog Area Style ==================================================*/
 .blog-single-item {
	 background-image: url(../../assets/images/blog/blog-shape.png);
	 background-position: center top;
	 background-repeat: no-repeat;
	 background-size: 100%;
	 padding: 30px;
	 margin-bottom: 50px;
}
 .blog-single-item .blog-single-img {
	 margin-bottom: 30px;
}
 .blog-single-item .blog-single-content .tag {
	 font-size: 16px;
	 display: inline-block;
	 margin-bottom: 20px;
	 color: var(--headingColor);
}
 .blog-single-item .blog-single-content .tag:hover {
	 color: var(--mainColor);
}
 .blog-single-item .blog-single-content h3 {
	 margin-bottom: 20px;
	 font-size: 26px;
}
 .blog-single-item .blog-single-content h3 a {
	 color: var(--headingColor);
	 font-size: 26px;
	 font-weight: 600;
	 letter-spacing: -0.26px;
	 text-decoration: none;
}
 .blog-single-item .blog-single-content h3:hover a {
	 color: var(--mainColor);
}
 .blog-single-item .blog-single-content .user-comment li {
	 margin-right: 25px;
}
 .blog-single-item .blog-single-content .user-comment li:last-child {
	 margin-right: 0;
}
 .blog-single-item .blog-single-content .user-comment li a {
	 text-decoration: none;
	 color: var(--headingColor);
	 font-size: 16px;
	 letter-spacing: -0.16px;
}
 .blog-single-item .blog-single-content .user-comment li a i {
	 margin-right: 5px;
}
 .blog-single-item .blog-single-content .user-comment li a:hover {
	 color: var(--mainColor);
}
 .blog-single-item.style-three {
	 background-image: unset;
	 border: 1px solid var(--headingColor);
	 padding: 20px;
}
 .blog-single-item.style-three .blog-single-img {
	 margin-bottom: 20px;
}
 .blog-single-item.style-three .blog-single-content .tag {
	 margin-bottom: 10px;
}
 .blog-single-item.style-three .blog-single-content h3 a {
	 font-size: 22px;
	 color: var(--headingColor);
	 display: inline;
	 background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
	 background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
	 background-size: 0px 2px;
	 background-position: 0px 95%;
	 transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	 padding: 0.1% 0px;
	 background-repeat: no-repeat;
}
 .blog-single-item.style-three .blog-single-content h3 a:hover {
	 background-size: 100% 1px;
}
/* What We Do Area Style ==================================================*/
 .what-we-do-area {
	 overflow: hidden;
}
 .what-we-do-area .container-fluid {
	 left: calc((100% - 1320px)/2);
	 position: relative;
}
 .what-we-do-single-item {
	 background-image: url(../images/what-we-do/bg-shape-1.png);
	 background-position: top center;
	 background-repeat: no-repeat;
	 background-size: 100%;
	 padding-bottom: 40px;
	 padding-right: 40px;
	 position: relative;
	 z-index: 1;
}
 .what-we-do-single-item::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-image: url(../images/what-we-do/bg-shape-2.png);
	 background-position: top center;
	 background-repeat: no-repeat;
	 background-size: 100%;
	 z-index: -1;
	 opacity: 0;
	 transition: var(--transition);
}
 .what-we-do-single-item i {
	 font-size: 70px;
	 color: var(--mainColor);
	 transition: var(--transition);
	 line-height: 1;
}
 .what-we-do-single-item h3 {
	 font-size: 36px;
	 font-weight: 600;
	 line-height: 50px;
	 margin-bottom: 0;
}
 .what-we-do-single-item h3 a {
	 text-decoration: none;
	 color: var(--headingColor);
}
 .what-we-do-single-item p {
	 font-size: 18px;
	 font-weight: 300;
	 padding-left: 85px;
	 transition: var(--transition);
}
 .what-we-do-single-item .content-wrap {
	 padding: 40px;
	 padding-right: 0;
}
 .what-we-do-single-item:hover i {
	 color: var(--headingColor);
}
 .what-we-do-single-item:hover p {
	 color: var(--headingColor);
}
 .what-we-do-single-item:hover::before {
	 opacity: 1;
}
/* Our Commitment Area Style ==================================================*/
 .our-commitment-content h3 {
	 font-size: 36px;
	 font-weight: 600;
	 line-height: 50px;
	 margin-bottom: 0;
}
 .our-commitment-content h3 span {
	 color: var(--mainColor);
}
 .skill-main {
	 padding-left: 0;
	 margin-bottom: 0;
	 list-style: none;
}
 .skill-main li {
	 margin-bottom: 20px;
}
 .skill-main li:last-child {
	 margin-bottom: 0;
}
 .skill-main li .skill-wrrap {
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
}
 .skill-main li .skill-wrrap .skill-name {
	 color: var(--headingColor);
	 font-size: 18px;
	 font-weight: 600;
	 margin-bottom: 8px;
}
.skill-main li .skill-wrrap .skill-bar {
    border: 1px solid var(--headingColor);  /* Color from CSS variable */
    padding: 5px;
    border-radius: 0;  /* No rounded corners */
    float: left;  /* Aligns it to the left */
    width: 100%;  /* Optional: You can control the width if needed */
    box-sizing: border-box;  /* Ensures padding and border are included in width/height calculation */
}
 .skill-main li .skill-wrrap .skill-per {
	 height: 7px;
	 background: var(--headingColor);
	 width: 0;
	 transition: 1s linear;
	 position: relative;
	 border-radius: 0;
	     float: right;  /* Makes it align to the left */


}

 .skill-main li .skill-wrrap .skill-per:before {
	 content: attr(per);
	     float: left;  /* Makes it align to the left */

	 position: left;
	 color: var(--headingColor);
	 font-size: 18px;
	 font-weight: 600;
	 border-radius: 4px;
	 bottom: -43px;
	     padding-top: 20px;
	 right: 16;
	 transform: translateX(50%);
}
/* Contact Us Area Style ==================================================*/
.contact-us-map {
    width: 100%;
    height: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.contact-us-map iframe {
    width: 100%;
    height: 450px;
    border: none;
    max-width: 100%;
}

 .contact-us-content {
	 margin-left: 40px;
}
 .contact-us-content h2 {
	 font-size: 100px;
	 letter-spacing: -2.5px;
	 margin-bottom: 30px;
}
 .contact-us-content p {
	 font-weight: 300;
	 margin-bottom: 40px;
}
 .contact-us-content ul {
	 margin-bottom: 50px;
}
 .contact-us-content ul li {
	 margin-bottom: 20px;
}
 .contact-us-content ul li:last-child {
	 margin-bottom: 0;
}
 .contact-us-content ul li i {
	 margin-right: 9px;
}
 .contact-us-content ul li span {
	 text-decoration: none;
	 font-weight: 500;
	 color: var(--headingColor);
}
 .contact-us-content ul li a {
	 text-decoration: none;
	 font-weight: 500;
	 color: var(--headingColor);
}
 .contact-us-content h3 {
	 font-weight: 600;
	 font-size: 36px;
	 margin-bottom: 30px;
}
 .contact-us-content h4 {
	 font-weight: 800;
	 font-size: 48px;
	 margin-bottom: 30px;
	 letter-spacing: -1.2px;
}
 .contact-us-content .detail {
	 border-bottom: 1px solid var(--headingColor);
	 padding-bottom: 35px;
	 margin-bottom: 35px;
}
 .contact-us-content form .form-group {
	 margin-bottom: 25px;
}
/* Page Banner Area Style ==================================================*/
  .page-banner-area {
	 position: relative;
	 z-index: 1;
}
 .page-banner-area::before {
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 70px;
	 background-color: var(--bodyColor);
	 z-index: -1;
}
 .page-banner-content {
	 max-width: 500px;
	 margin-left: auto;
	 padding-top: 50px;
}
 .page-banner-content h1 {
	 font-weight: 700;
	 letter-spacing: -4.2px;
	 line-height: normal;
	 font-size: 120px;
	 color: transparent;
	 -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 margin-bottom: 40px;
}
 .page-banner-content .page-banner-title {
	 position: relative;
	 padding-top: 100px;
	 padding-bottom: 100px;
	 z-index: 2;
}
 .page-banner-content .page-banner-title::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: -500px;
	 width: 1100px;
	 height: 100%;
	 /* background-color: #fff; */
	 z-index: -1;
	 clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);
}
 .page-banner-content .page-banner-title h2 {
	 color:  #ffffff;
	 font-size: 54px;
	 font-weight: 800;
	 letter-spacing: -1.35px;
}
 .page-banner-content .page-banner-title ul li {
	 display: inline-block;
	 margin-right: 40px;
	 position: relative;
	  color:  #ffffff;
	  gap: 40px;
}
 .page-banner-content .page-banner-title ul li::before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 right: 63px;
	 left: 10px;
	 transform: translateY(-50%);
  width: 6px;
	 height: 6px;
	 border-radius: 50px;
		background-color: var(--mainColor);

	  gap: 40px;

	 
}
 .page-banner-content .page-banner-title ul li:last-child {
	 margin-right: 0;
	 	  color:  #ffffff;

}
 .page-banner-content .page-banner-title ul li:last-child::before {
	 display: none;
	 	  color:  #ffffff;

}
 .page-banner-content .page-banner-title ul li a {
	 color: var(--mainColor);
	 font-weight: 600;
	 gap:100px;
	 text-decoration: none;
}
 .page-banner-content .page-banner-title ul li span {
	 font-weight: 300;
	 	 gap:100px;

 color:  #ffffff;
}
 .page-banner-img img {
	 clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0% 100%);
}
/* Details Area Style ==================================================*/
 .details-content {
	 max-width: 1095px;
	 margin: auto;
}
 .details-content h2 {
	 letter-spacing: -1.2px;
	 font-size: 48px;
	 margin-bottom: 20px;
}
 .details-content p {
	 font-weight: 300;
	 color: var(--bodyColor);
}
 .details-content .interactively {
	 font-size: 22px;
	 font-weight: 400;
	 color: var(--headingColor);
	 margin-bottom: 40px;
	 max-width: 425px;
}
 .details-content ul {
	 max-width: 425px;
}
 .details-content ul li {
	 font-weight: 500;
	 font-size: 22px;
	 letter-spacing: -0.44px;
	 margin-bottom: 20px;
	 color: white;
	 position: relative;
	 font-weight: 600;
	 padding-left: 15px;
}
 .details-content ul li::before {
	 content: "";
	 position: absolute;
	 top: 20%;
	 left: 0;
	 transform: translateY(-50%);
	 background-color:#ffc107;
	 width: 8px;
	 height: 8px;
	 border-radius: 50px;
}
 /* .details-content ul li:last-child {
	 margin-bottom: 0;
} */
 .details-content h4 {
  position: relative;
  padding-right: 16px; /* space for the bullet */
  direction: rtl; /* just in case it's not set globally */
}

.details-content h4::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 0; /* RTL: bullet appears on the right */
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background-color: #ffc107;
  transform: translateY(-50%);
}

 .details-content .play-btn {
	 width: 116px;
	 height: 116px;
	 line-height: 116px;
	 border-radius: 100px;
}
 .details-content .play-btn i {
	 font-size: 54px;
}
 .details-content h4 {
	 margin-bottom: 30px;
	 font-size: 22px;
	 font-weight: 500;
	 letter-spacing: -0.44px;
	 position: relative;
	 padding-left: 15px;
}
.details-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  direction: rtl; /* Ensure RTL layout */
}

.details-content ul li {
  position: relative;
  padding-right: 20px; /* Space for the bullet on the right */
  margin-bottom: 10px;
}

.details-content ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0; /* Use right instead of left for RTL */
  transform: translateY(-50%);
  background-color: #ffc107;
  width: 8px;
  height: 8px;
  border-radius: 50px;
}
.banner-area.bg-2 {
    filter: brightness(0.8);
    background-position: top ;
}
 .details-content h4::before {
	 content: "";
	 position: absolute;
	 top: 20%;
	 left: 0;
	 width: 8px;
	 height: 8px;
	 border-radius: 50px;
	 background-color: #ffc107;
	 transform: translateY(-50%);
}
/* Project Area Style ==================================================*/
 .project-single-item {
	 margin-bottom: 50px;
}
 .project-single-item .project-img {
	 position: relative;
	 margin-bottom: 20px;
}
 .project-single-item .project-img::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.81) 100%);
	 opacity: 0;
	 transition: var(--transition);
}
 .project-single-item i {
		align-items: center;

	 width: 140px;
	 height: 140px;
	 line-height: 140px;
	 text-align: center;
	 font-size: 45px;
	 background-color: var(--mainColor);
	 display: inline-block;
	 text-decoration: none;
	 border-radius: 100px;
	 color: var(--headingColor);
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 0;
	 right: 0;
	 margin: auto;
	 opacity: 0;
	 transition: var(--transition);
}
 .project-single-item:hover .project-img::before {
	 opacity: 1;
}
 .project-single-item:hover i {
	 opacity: 1;
}
 .project-single-item h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.98px;
    margin-bottom: 5px;
}

 .project-single-item h3 a {
	align-items: center;
	 text-decoration: none;
	 color: var(--headingColor);
}
 .project-single-item span {
		align-items: center;

	 font-size: 18px;
	 font-weight: 300;
}
/* Sidebar Area Style ==================================================*/
 .sidebar-widget {
	 padding: 50px;
	 background-color:#ffd426;
	 margin-bottom: 50px;
}
 .sidebar-widget h3 {
	 line-height: 50px;
	 letter-spacing: -0.98px;
	 font-size: 28px;
	 border-bottom: 1px solid rgba(22, 16, 1, 1);
	 padding-bottom: 10px;
	 margin-bottom: 20px;
	 line-height: normal;
}
 .sidebar-widget h5 {
	 font-size: 22px;
	 margin-bottom: 20px;
	 line-height: normal;
}
 .sidebar-widget .info li {
	 letter-spacing: -0.44px;
	 position: relative;
	 padding-left: 150px;
	 margin-bottom: 30px;
}
 .sidebar-widget .info li:last-child {
	 margin-bottom: 0;
}
 .sidebar-widget .info li span {
	 font-weight: 500;
	 font-size: 22px;
	 color: var(--headingColor);
	 letter-spacing: normal;
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .sidebar-widget .contact li {
	 margin-bottom: 20px;
}
 .sidebar-widget .contact li:last-child {
	 margin-bottom: 0;
}
 .sidebar-widget .contact li i {
	 font-size: 45px;
	 color: var(--mainColor);
}
 .sidebar-widget .contact li span {
	 font-size: 14px;
	 font-weight: 400;
	 color: #6f6f6f;
	 display: block;
	 margin-bottom: 0;
}
 .sidebar-widget .contact li a {
	 font-size: 28px;
	 font-weight: 500;
	 color: var(--headingColor);
	 text-decoration: none;
}
 .sidebar-widget .form-group .form-control {
	 background-color: transparent;
}
 .sidebar-widget .form-group .src-btn {
	 background-color: transparent;
	 border: none;
	 padding: 0;
	 font-size: 25px;
	 position: absolute;
	 top: 55%;
	 right: 18px;
	 transform: translateY(-50%);
	 line-height: 1;
}
 .sidebar-widget .categories li {
	 margin-bottom: 20px;
}
 .sidebar-widget .categories li:last-child {
	 margin-bottom: 0;
}
 .sidebar-widget .categories li a {
	 font-size: 18px;
	 color: var(--headingColor);
	 text-decoration: none;
}
 .sidebar-widget .latest-posts li {
	 margin-bottom: 20px;
}
 .sidebar-widget .latest-posts li:last-child {
	 margin-bottom: 0;
}
 .sidebar-widget .latest-posts li a {
	 text-decoration: none;
}
 .sidebar-widget .latest-posts li a span {
	 font-size: 16px;
	 font-weight: 300;
	 color: var(--bodyColor);
}
 .sidebar-widget .latest-posts li a h4 {
	 font-weight: 600;
	 line-height: 25px;
	 font-size: 16px;
	 margin-bottom: 0;
}
 .sidebar-widget .tags {
	 margin-bottom: -10px;
	 margin-right: -8px;
}
 .sidebar-widget .tags li {
	 display: inline-block;
	 margin-right: 8px;
	 margin-bottom: 10px;
}
 .sidebar-widget .tags li a {
	 border: 1px solid var(--headingColor);
	 display: inline-block !important;
	 padding: 12px;
	 font-size: 16px;
	 color: var(--headingColor);
	 text-decoration: none;
}
 .sidebar-widget .tags li a:hover {
	 color: var(--mainColor);
	 background-color: var(--headingColor);
}
 .sidebar-widget.price-filter .price-input {
	 width: 100%;
	 display: flex;
	 margin: 10px 0;
}
 .sidebar-widget.price-filter .price-input .field {
	 display: flex;
	 width: 100%;
	 height: auto;
	 align-items: center;
}
 .sidebar-widget.price-filter .field input {
	 width: 45%;
	 height: 100%;
	 outline: none;
	 font-size: 19px;
	 margin-left: 12px;
	 border-radius: 5px;
	 text-align: center;
	 border: none;
	 -moz-appearance: textfield;
	 background-color: transparent;
	 color: #121212;
	 font-weight: 300;
	 font-size: 16px;
}
 .sidebar-widget.price-filter input[type="number"]::-webkit-outer-spin-button, .sidebar-widget.price-filter input[type="number"]::-webkit-inner-spin-button {
	 -webkit-appearance: none;
}
 .sidebar-widget.price-filter .price-input .separator {
	 width: auto;
	 display: flex;
	 font-size: 19px;
	 align-items: center;
	 justify-content: center;
}
 .sidebar-widget.price-filter .slider {
	 height: 5px;
	 position: relative;
	 background: #eadcac;
	 border-radius: 0;
}
 .sidebar-widget.price-filter .slider .progress {
	 height: 100%;
	 left: 25%;
	 right: 25%;
	 position: absolute;
	 border-radius: 0;
	 background: var(--mainColor);
}
 .sidebar-widget.price-filter .range-input {
	 position: relative;
}
 .sidebar-widget.price-filter .range-input input {
	 position: absolute;
	 width: 100%;
	 height: 5px;
	 top: -5px;
	 background: none;
	 pointer-events: none;
	 -webkit-appearance: none;
	 -moz-appearance: none;
}
 .sidebar-widget.price-filter input[type="range"]::-webkit-slider-thumb {
	 height: 17px;
	 width: 17px;
	 border-radius: 50%;
	 background: var(--mainColor);
	 pointer-events: auto;
	 -webkit-appearance: none;
}
 .sidebar-widget.price-filter input[type="range"]::-moz-range-thumb {
	 height: 17px;
	 width: 17px;
	 border: none;
	 border-radius: 50%;
	 background: var(--mainColor);
	 pointer-events: auto;
}
 .product-sidebar .sidebar-widget {
	 padding: 30px;
}
 .product-sidebar .sidebar-widget h3 {
	 font-size: 22px;
	 border: none;
	 padding-bottom: 0;
}
 .product-sidebar .sidebar-widget .categories li {
	 font-weight: 300;
	 color: var(--bodyColor);
}
 .product-sidebar .sidebar-widget .categories li a:hover {
	 color: var(--mainColor);
}
 .product-sidebar .sidebar-widget .latest-product li {
	 margin-bottom: 20px;
}
 .product-sidebar .sidebar-widget .latest-product li:last-child {
	 margin-bottom: 0;
}
 .product-sidebar .sidebar-widget .latest-product li a {
	 text-decoration: none;
}
 .product-sidebar .sidebar-widget .latest-product li a span {
	 font-size: 16px;
	 font-weight: 500;
	 color: var(--bodyColor);
}
 .product-sidebar .sidebar-widget .latest-product li a h4 {
	 font-weight: 500;
	 line-height: 25px;
	 font-size: 18px;
	 margin-bottom: 0;
}
/* Blog Details Area Style ==================================================*/
 .blog-details-content h2 {
	 font-weight: 800;
	 letter-spacing: -1.2px;
	 font-size: 48px;
	 margin-bottom: 20px;
}
 .blog-details-content p {
	 font-weight: 300;
}
 .blog-details-content .blog-details-img .user-comment {
	 background-color: var(--whiteColor);
	 padding: 25px;
	 position: absolute;
	 bottom: 20px;
	 left: 20px;
}
 .blog-details-content .blog-details-img .user-comment li {
	 margin-right: 20px;
}
 .blog-details-content .blog-details-img .user-comment li:last-child {
	 margin-inline-end: 0;
}
 .blog-details-content .blog-details-img .user-comment li a {
	 text-decoration: none;
	 font-weight: 300;
	 font-size: 18px;
}
 .blog-details-content .blog-details-img .user-comment li a i {
	 margin-right: 5px;
}
 .blog-details-content h3 {
	 font-weight: 700;
	 letter-spacing: -0.98px;
	 font-size: 28px;
	 margin-bottom: 15px;
}
 .blog-details-content .created-list li {
	 position: relative;
	 padding-left: 15px;
	 font-size: 18px;
	 letter-spacing: -0.18px;
	 color:#ffffff;
	 margin-bottom: 15px;
}
 .blog-details-content .created-list li:last-child {
	 margin-bottom: 0;
}
 .blog-details-content .created-list li::before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 left: 103%;
	 transform: translateY(-50%);
	 width: 8px;
	 height: 8px;
	 border-radius: 50px;
	 background-color: #ffc107;
}
 .blog-details-content blockquote {
	 background-color: #fff;
	 padding: 35px;
	 font-size: 22px;
	 font-weight: 500;
	 letter-spacing: -0.22px;
	 color: var(--headingColor);
}
 .blog-details-content .tags li {
	 margin-right: 10px;
}
 .blog-details-content .tags li:last-child {
	 margin-right: 0;
}
 .blog-details-content .tags li span {
	 color: var(--headingColor);
	 font-weight: 500;
	 font-size: 22px;
}
 .blog-details-content .tags li a {
	 border: 1px solid var(--headingColor);
	 display: inline-block;
	 padding: 5px 10px;
	 text-decoration: none;
	 font-size: 16px;
	 color: var(--headingColor);
}
 .blog-details-content .tags li a:hover {
	 background-color: var(--headingColor);
	 color: var(--mainColor);
}
 .blog-details-content .share li {
	 margin-right: 10px;
}
 .blog-details-content .share li:last-child {
	 margin-right: 0;
}
 .blog-details-content .share li span {
	 color: var(--headingColor);
	 font-weight: 500;
	 font-size: 22px;
}
 .blog-details-content .share li a {
	 border: #ffffff;
	 display: inline-block;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;
	 text-decoration: none;
	 font-size: 16px;
	 color: #ffc107;
	 text-align: center;
	 border-radius: 50px;
}
 .blog-details-content .share li a:hover {
	 background-color: var(--mainColor);
	 border-color: var(--mainColor);
	 color: var(--headingColor);
}
 .blog-details-content .form-check-label {
	 font-weight: 300;
}
/* FAQ Area Style ==================================================*/
 .faq-content {
	 max-width: 870px;
	 margin: auto;
}
 .faq-content .section-title {
	 margin-bottom: 20px;
}
 .faq-content .section-title h2 {
	 font-size: 48px;
	 letter-spacing: -1.2px;
}
 .faq-content .accordion .accordion-item {
	 border: none;
	 margin-bottom: 30px;
	 border-bottom: 1px solid var(--headingColor);
	 padding-bottom: 30px;
}
 .faq-content .accordion .accordion-item:last-child {
	 margin-bottom: 0;
}
 .faq-content .accordion .accordion-item .accordion-header .accordion-button {
	 font-size: 22px;
	 font-weight: 500;
	 margin-bottom: 0;
	 padding: 0;
	 color:#ffffff;
}
 .faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	 background-color: transparent;
	 box-shadow: none;
	 	 color:#ffffff;

}
 .faq-content .accordion .accordion-item .accordion-header .accordion-button:focus {
	 box-shadow: none;
	 	 color:#ffffff;

}
 .faq-content .accordion .accordion-item .accordion-body {
	 padding: 0;
	 padding-top: 15px;
	 	 color:#ffffff;

}
 .faq-content .accordion .accordion-item .accordion-body p {
	 font-weight: 300;
	 	 color:#ffffff;

}
 .faq-content .accordion .accordion-item:first-of-type {
	 border-radius: 0;
	 	 color:#ffffff;

}
 .faq-content .accordion .accordion-item:last-of-type {
	 border-radius: 0;
	 	 color:#ffffff;

}
/* Login Register Area Style ==================================================*/
 .login-register-form {
	 background-color: #fff;
	 padding: 70px;
	 max-width: 620px;
	 margin: auto;
}
 .login-register-form h2 {
	 font-size: 48px;
	 margin-bottom: 30px;
}
 .login-register-form label {
	 margin-bottom: 10px;
	 font-weight: 500;
	 font-size: 18px;
	 color: var(--headingColor);
}
 .login-register-form .form-control {
	 background-color: #fff;
}
 .login-register-form .form-check-label {
	 font-weight: 300;
}
 .login-register-form .form-check-label a {
	 font-weight: 500;
	 color: var(--headingColor);
	 text-decoration: none;
}
 .login-register-form .form-check-label a:hover {
	 color: var(--mainColor);
}
 .login-register-form .form-group p {
	 font-weight: 300;
}
 .login-register-form .form-group p a {
	 color: var(--headingColor);
	 text-decoration: none;
	 font-weight: 500;
	 font-size: 15px;
}
 .login-register-form .form-group p a:hover {
	 color: var(--mainColor);
}
 .login-register-form .form-group .log-with li {
	 margin-right: 20px;
}
 .login-register-form .form-group .log-with li:last-child {
	 margin-right: 0;
}
 .login-register-form .form-group .log-with li span {
	 font-size: 15px;
	 font-weight: 500;
	 color: var(--headingColor);
}
 .login-register-form .form-group .log-with li a {
	 width: 100px;
	 height: 50px;
	 line-height: 50px;
	 border: 1px solid var(--headingColor);
	 display: inline-block;
	 text-align: center;
}
 .login-register-form .form-group .log-with li a:hover {
	 /* background-color: var(--mainColor);
	 border-color: var(--mainColor); */
}
/* Contact Us Area Style ==================================================*/
 .contac-map iframe {
	 width: 100%;
	 height: 435px;
	 display: block;
}
 .contact-form .form-check-label {
	 font-weight: 300;
}
 .ms-122 {
	 margin-left: 122px;
}
 .product-selecet {
	 padding: 0;
	 padding-right: 20px;
	 background-position: right -0.25rem center;
	 border: none;
	 cursor: pointer;
	 font-size: 18px;
	 color: var(--headingColor);
}
 .product-selecet:focus {
	 box-shadow: none;
}
 .single-products {
	 margin-bottom: 50px;
}
 .single-products img {
	 border: 1px solid var(--headingColor);
	 transition: var(--transition);
}
 .single-products .cart-opt {
	 padding-left: 0;
	 margin-bottom: 0;
	 list-style: none;
	 position: absolute;
	 bottom: 20px;
	 left: 20px;
	 right: 20px;
	 transition: var(--transition);
	 line-height: 1;
	 text-align: center;
	 opacity: 0;
}
 .single-products .cart-opt li {
	 display: inline-block;
	 margin-right: 10px;
}
 .single-products .cart-opt li:last-child {
	 margin-right: 0;
}
 .single-products .cart-opt li a {
	 text-decoration: none;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;
	 text-align: center;
	 background-color: var(--headingColor);
	 display: inline-block;
	 font-size: 20px;
	 color: var(--whiteColor);
}
 .single-products .cart-opt li a:hover {
	 color: var(--headingColor);
	 background-color: var(--mainColor);
}
 .single-products .products-content {
	 text-align: center;
	 margin-top: 20px;
}
 .single-products .products-content .review {
	 padding: 0;
	 margin-bottom: 5px;
	 list-style: none;
}
 .single-products .products-content .review li {
	 display: inline-block;
}
 .single-products .products-content .review li i {
	 color: var(--mainColor);
}
 .single-products .products-content h3 {
	 font-size: 22px;
	 font-weight: 600;
	 letter-spacing: -0.22px;
}
 .single-products .products-content h3 a {
	 text-decoration: none;
	 color: var(--headingColor);
}
 .single-products .products-content .price {
	 font-weight: 500;
	 color: var(--headingColor);
}
 .single-products:hover .cart-opt {
	 opacity: 1;
}
 .single-products:hover h3 a {
	 color: var(--mainColor);
}
 .single-products:hover img {
	 background-color: #fff;
	 border-color: #fff;
}
/* Cart Area Style ======================================================*/
 .cart-controller .product-thumbnail {
	 width: 200px;
}
 .cart-controller .product-thumbnail img {
	 background-color: #f4f5f9;
	 padding: 12px;
}
 .cart-controller .cart-table table {
	 margin-bottom: 0;
}
 .cart-controller .cart-table table thead tr {
	 border-style: none;
}
 .cart-controller .cart-table table thead tr th {
	 border: none;
	 color: var(--headingColor);
	 font-size: 20px;
	 font-weight: 600;
	 padding: 20px 30px;
}
 .cart-controller .cart-table table tbody tr td {
	 vertical-align: middle;
	 border: none;
	 border-bottom: 1px solid rgba(122, 122, 122, 0.15);
	 white-space: nowrap;
	 padding: 25px 30px;
}
 .cart-controller .cart-table table tbody tr td a {
	 color: var(--headingColor);
	 text-decoration: none;
	 font-size: 18px;
	 font-weight: 500;
	 font-family: var(--headingFontFamily);
}
 .cart-controller .cart-table table tbody tr td a:hover {
	 color: var(--mainColor);
}
 .cart-controller .cart-table table tbody tr td.product-quantity {
	 width: 180px;
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter {
	 position: relative;
	 border: 0.5px solid rgba(105, 105, 105, 0.5);
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter input {
	 height: 45px;
	 color: var(--headingColor);
	 outline: 0;
	 display: block;
	 border: none;
	 background-color: transparent;
	 text-align: center;
	 width: 100%;
	 font-size: 16px;
	 font-weight: normal;
	 border: none;
	 font-weight: 600;
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
	 color: var(--headingColor);
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter .minus-btn {
	 position: absolute;
	 top: 0;
	 left: 0;
	 background-color: transparent;
	 cursor: pointer;
	 color: var(--whiteColor);
	 width: 40px;
	 height: 100%;
	 line-height: 48px;
	 transition: var(--transition);
	 border: none;
	 text-align: center;
	 border-right: none;
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter .minus-btn i {
	 width: 23px;
	 height: 23px;
	 line-height: 23px;
	 background-color: transparent;
	 display: inline-block;
	 border-radius: 50px;
	 transition: var(--transition);
	 color: var(--headingColor);
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter .minus-btn:hover i {
	 /* color: var(--blackColor);
	 background-color: var(--mainColor); */
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter .plus-btn {
	 position: absolute;
	 top: 0;
	 right: 0;
	 background-color: transparent;
	 cursor: pointer;
	 color: var(--blackColor);
	 width: 40px;
	 height: 100%;
	 line-height: 48px;
	 transition: var(--transition);
	 border: none;
	 text-align: center;
	 border-left: none;
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter .plus-btn i {
	 width: 23px;
	 height: 23px;
	 line-height: 23px;
	 background-color: transparent;
	 display: inline-block;
	 border-radius: 50px;
	 transition: var(--transition);
	 color: var(--headingColor);
}
 .cart-controller .cart-table table tbody tr td.product-quantity .input-counter .plus-btn:hover i {
	 /* color: var(--whiteColor);
	 background-color: var(--mainColor); */
}
 .cart-controller .cart-table table tbody tr td .subtotal-amount {
	 color: var(--mainColor);
}
 .cart-controller .cart-table table tbody tr td .close-btn {
	 border: none;
	 padding: 0;
	 background-color: transparent;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;
	 text-align: center;
	 border-radius: 50px;
	 border: 1px solid #7a7a7a;
	 transition: var(--transition);
}
 .cart-controller .cart-table table tbody tr td .close-btn:hover {
	 background-color: var(--mainColor);
	 color: var(--whiteColor);
	 border-color: var(--mainColor);
}
 .cart-controller .coupon-cart {
	 padding-top: 30px;
	 margin-bottom: 0;
}
 .cart-controller .coupon-cart .form-group {
	 position: relative;
}
 .cart-controller .coupon-cart .form-group .default-btn {
	 position: absolute;
	 border: none;
	 top: 2.6px;
	 right: 2px;
}
 .checkout-summary {
	 max-width: 560px;
	 margin-left: auto;
}
 .checkout-summary h3 {
	 font-size: 40px;
	 margin-bottom: 30px;
}
 .checkout-summary .summary-list {
	 margin-bottom: 40px;
}
 .checkout-summary .summary-list li {
	 margin-bottom: 20px;
	 padding-bottom: 20px;
	 border-bottom: 1px solid var(--headingColor);
}
 .checkout-summary .summary-list li:last-child {
	 padding-bottom: 0;
	 border: none;
}
/* Checkout Area Style ======================================================*/
 .checkout-form p a {
	 text-decoration: none;
	 color: var(--mainColor);
}
 .checkout-form h3 {
	 font-size: 50px;
	 font-weight: 600;
	 margin-bottom: 30px;
}
 .checkout-form .form-group {
	 margin-bottom: 25px;
}
 .checkout-form .form-group label {
	 font-weight: 500;
	 font-size: 18px;
	 color: var(--headingColor);
	 margin-bottom: 8px;
}
 .checkout-form .form-group .form-check-label {
	 font-weight: 300;
}
 .checkout-form .form-group .form-check .form-check-input {
	 border-radius: 0;
}
 .checkout-form .form-group .form-check .form-check-input:focus {
	 box-shadow: none;
}
 .checkout-summary {
	 margin-left: 20px;
}
 .checkout-summary h3 {
	 font-size: 35px;
	 margin-bottom: 20px;
	 position: relative;
	 display: inline-block;
	 margin-bottom: 20px;
	 font-weight: 700;
}
 .checkout-summary .summary-list {
	 padding-left: 0;
	 margin-bottom: 40px;
	 list-style: none;
}
 .checkout-summary .summary-list li {
	 margin-bottom: 25px;
	 padding-bottom: 25px;
	 border-bottom: 1px solid #d9d9d9;
}
 .checkout-summary .summary-list li .text-dark {
	 font-weight: 600;
}
 .checkout-summary .summary-list li:last-child {
	 margin-bottom: 0;
}
 .checkout-summary .faq-accordion {
	 margin-bottom: 0;
	 padding-bottom: 0;
}
 .checkout-summary .faq-accordion .accordion-header {
	 display: block;
	 position: relative;
}
 .checkout-summary .faq-accordion .accordion-header .accordion-button {
	 padding: 0;
	 position: relative;
	 padding-left: 25px;
	 background-color: transparent;
	 border: none;
	 margin-bottom: 10px;
	 color: var(--headingColor);
	 font-size: 18px;
	 font-weight: 500;
	 transition: var(--transition);
}
 .checkout-summary .faq-accordion .accordion-header .accordion-button::before {
	 content: "";
	 position: absolute;
	 top: 2px;
	 left: 0;
	 width: 17px;
	 height: 17px;
	 border: 1px solid var(--headingColor);
	 border-radius: 50%;
	 margin: 0;
}
 .checkout-summary .faq-accordion .accordion-header .accordion-button::after {
	 content: "";
	 position: absolute;
	 top: 4px;
	 left: 3px;
	 width: 11px;
	 height: 11px;
	 background-color: var(--whiteColor);
	 border-radius: 50%;
}
 .checkout-summary .faq-accordion .accordion-header .accordion-button:hover {
	 color: var(--mainColor);
}
 .checkout-summary .faq-accordion .accordion-header .accordion-content {
	 border-top: none;
	 padding: 0;
	 background-color: transparent;
}
 .checkout-summary .faq-accordion .accordion-header .accordion-content .form-group {
	 margin-bottom: 30px;
}
 .checkout-summary .faq-accordion .accordion-item {
	 background-color: transparent;
	 padding: 0;
	 border: none;
	 margin-bottom: 20px;
}
 .checkout-summary .faq-accordion .accordion-item .accordion-body {
	 padding-bottom: 0;
	 padding-left: 25px;
	 font-weight: 300;
}
 .checkout-summary .faq-accordion .accordion-button:not(.collapsed)::before {
	 border-color: var(--whiteColor);
}
 .checkout-summary .faq-accordion .accordion-button:not(.collapsed)::after {
	 background-color: var(--mainColor);
}
 .checkout-summary .default-btn {
	 margin-top: 20px;
}
 .checkout-summary.mt-50 {
	 max-width: 600px;
	 margin: auto;
	 margin-top: 50px;
}
 .checkout-bg {
	 background-color: #fff;
	 padding: 30px;
	 margin-bottom: 50px;
}
/* Product Detaisl Area Style ======================================================*/
 .product-details-info .review {
	 margin-bottom: 10px;
}
 .product-details-info .review li {
	 margin-right: 5px;
}
 .product-details-info .review li:last-child {
	 margin-right: 0;
}
 .product-details-info .review li i {
	 color: var(--mainColor);
}
 .product-details-info .review li span {
	 font-weight: 300;
	 font-size: 18px;
}
 .product-details-info h3 {
	 font-size: 45px;
	 font-weight: 800;
	 margin-bottom: 15px;
}
 .product-details-info .price {
	 font-size: 26px;
	 font-weight: 800;
	 color: var(--mainColor);
	 display: block;
	 margin-bottom: 25px;
}
 .product-details-info p {
	 border-top: 1px solid var(--headingColor);
	 border-bottom: 1px solid var(--headingColor);
	 padding-top: 30px;
	 padding: 30px;
	 padding-left: 0;
	 font-weight: 300;
	 margin-bottom: 30px;
}
 .product-details-info .sku {
	 margin-bottom: 30px;
}
 .product-details-info .sku li {
	 position: relative;
	 padding-left: 150px;
	 margin-bottom: 20px;
}
 .product-details-info .sku li:last-child {
	 margin-bottom: 0;
}
 .product-details-info .sku li .title {
	 font-size: 16px;
	 font-weight: 600;
	 color: var(--headingColor);
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .product-details-info .sku li span {
	 font-weight: 300;
}
 .product-details-info .product-quantity {
	 width: 110px;
}
 .product-details-info .product-quantity .input-counter {
	 position: relative;
	 border: 0.5px solid rgba(105, 105, 105, 0.5);
}
 .product-details-info .product-quantity .input-counter input {
	 height: 50px;
	 color: var(--headingColor);
	 outline: 0;
	 display: block;
	 border: none;
	 background-color: transparent;
	 text-align: center;
	 width: 100%;
	 font-size: 16px;
	 font-weight: normal;
	 border: none;
	 font-weight: 600;
}
 .product-details-info .product-quantity .input-counter input::placeholder {
	 color: var(--headingColor);
}
 .product-details-info .product-quantity .input-counter .minus-btn {
	 position: absolute;
	 top: 0;
	 left: 0;
	 background-color: transparent;
	 cursor: pointer;
	 color: var(--whiteColor);
	 width: 40px;
	 height: 100%;
	 line-height: 54px;
	 transition: var(--transition);
	 border: none;
	 text-align: center;
	 border-right: none;
}
 .product-details-info .product-quantity .input-counter .minus-btn i {
	 width: 23px;
	 height: 23px;
	 line-height: 23px;
	 background-color: transparent;
	 display: inline-block;
	 border-radius: 50px;
	 transition: var(--transition);
	 color: var(--headingColor);
}
 .product-details-info .product-quantity .input-counter .minus-btn:hover i {
	 color: var(--blackColor);
	 background-color: var(--mainColor);
}
 .product-details-info .product-quantity .input-counter .plus-btn {
	 position: absolute;
	 top: 0;
	 right: 0;
	 background-color: transparent;
	 cursor: pointer;
	 color: var(--whiteColor);
	 width: 40px;
	 height: 100%;
	 line-height: 54px;
	 transition: var(--transition);
	 border: none;
	 text-align: center;
	 border-left: none;
}
 .product-details-info .product-quantity .input-counter .plus-btn i {
	 width: 23px;
	 height: 23px;
	 line-height: 23px;
	 background-color: transparent;
	 display: inline-block;
	 border-radius: 50px;
	 transition: var(--transition);
	 color: var(--headingColor);
}
 .product-details-info .product-quantity .input-counter .plus-btn:hover i {
	 color: var(--whiteColor);
	 background-color: var(--mainColor);
}
 .product-details-info .default-btn {
	 padding: 14px 35px;
}
 .product-details-info .default-btn i {
	 margin-left: 0;
	 font-size: 21px !important;
	 position: relative;
	 top: 6px;
}
 .product-information-wrap {
	 margin-top: 50px;
}
 .product-information-wrap .nav-tabs {
	 padding-bottom: 15px;
	 margin-bottom: 20px;
}
 .product-information-wrap .nav-tabs .nav-item {
	 margin-right: 30px;
}
 .product-information-wrap .nav-tabs .nav-item:last-child {
	 margin-right: 0;
}
 .product-information-wrap .nav-tabs .nav-item .nav-link {
	 border-radius: 0;
	 border: none;
	 background-color: transparent;
	 padding: 0;
	 font-size: 20px;
	 font-family: var(--headingColor);
	 	cursor: pointer;

	 color: #b7b7b7;
}
 .product-information-wrap .nav-tabs .nav-item .nav-link.active {
	 color: var(--headingColor);
	 	cursor: pointer;

}
 .product-information-wrap .tab-content p {
	 font-weight: 300;
}
 .product-review-form {
	 margin-top: 30px;
}
 .product-review-form .review-title {
	 position: relative;
}
 .product-review-form .review-title .rating {
	 display: inline-block;
}
 .product-review-form .review-title .rating i {
	 color: #ffba0a;
	 font-size: 14px;
}
 .product-review-form .review-title p {
	 display: inline-block;
	 padding-left: 5px;
	 line-height: initial;
	 position: relative;
	 top: -2px;
}
 .product-review-form .review-comments {
	 margin-top: 40px;
	 margin-bottom: 40px;
}
 .product-review-form .review-comments .review-item {
	 margin-top: 30px;
	 position: relative;
	 padding-right: 200px;
	 border-top: 1px dashed #ddd;
	 padding-top: 30px;
}
 .product-review-form .review-comments .review-item .rating .fas.fa-star {
	 color: #ffba0a;
}
 .product-review-form .review-comments .review-item .rating i {
	 font-size: 14px;
	 color: #ffba0a;
}
 .product-review-form .review-comments .review-item h3 {
	 margin-top: 10px;
	 margin-bottom: 10px;
	 font-size: 25px;
}
 .product-review-form .review-comments .review-item span {
	 margin-bottom: 10px;
	 font-size: 14px;
	 display: block;
}
 .product-review-form .review-comments .review-item span strong {
	 font-weight: 400;
	 font-size: 14px;
	 color: var(--headingColor);
}
 .product-review-form .review-comments .review-item p {
	 margin-bottom: 0;
}
 .product-review-form .review-comments .review-item .review-report-link {
	 position: absolute;
	 right: 0;
	 color: var(--headingColor);
	 top: 40px;
	 text-decoration: underline;
}
 .product-review-form .review-comments .review-item .review-report-link:hover {
	 color: var(--mainColor);
}
 .product-review-form .review-form {
	 margin-top: 30px;
}
 .product-review-form .review-form h3 {
	 font-size: 25px;
	 margin-bottom: 20px;
}
 .product-review-form .review-form form .form-group {
	 margin-bottom: 30px;
}
/* Main Content Text Style =====================================================*/
 .main-content-text h1, .main-content-text h2, .main-content-text h3, .main-content-text h4, .main-content-text h5, .main-content-text h6 {
	color: var(--whiteColor);
	 margin-bottom: 15px;
}
 .main-content-text h1 {
		color: var(--whiteColor);

	 font-size: 30px;
}
 .main-content-text h2 {
		color: var(--whiteColor);

	 font-size: 26px;
}
 .main-content-text h3 {
		color: var(--whiteColor);

	 font-size: 22px;
}
 .main-content-text h4 {
		color: var(--whiteColor);

	 font-size: 22px;
}
 .main-content-text h5 {
		color: var(--whiteColor);

	 font-size: 20px;
}
 .main-content-text h6 {
		color: var(--whiteColor);

	 font-size: 18px;
}
 .main-content-text .gap-20 {
		color: var(--whiteColor);

	 margin-bottom: 30px;
}
 .main-content-text p {
		color: var(--whiteColor);

	 font-weight: 300;
}
 .main-content-text ul {
		color: var(--whiteColor);

	 padding: 0;
	 list-style-type: none;
	 margin-bottom: 0;
}
 .main-content-text ul li {
		color: var(--whiteColor);

	 position: relative;
	 margin-bottom: 10px;
	 padding-left: 35px;
	 font-weight: 300;
}
 .main-content-text ul li:last-child {
	 margin-bottom: 0;
}
 .main-content-text ul li i {
	 position: absolute;
	 top: -6px;
	 left: 0;
	 color: ar(--mainColor);
	 font-size: 25px;
}
 .main-content-text ol {
	 padding-left: 18px;
}
 .main-content-text ol li {
	 margin-bottom: 10px;
}
 .main-content-text ol li::marker {
	 color: ar(--mainColor);
}
 .main-content-text ol li:last-child {
	 margin-bottom: 0;
}
 .main-content-text a {
	 color: var(--mainColor);
}
 .main-content-text a:hover {
	 text-decoration: underline;
}
 .main-content-text .content-gap-mb-20 {
	 margin-bottom: 20px;
}
 .main-content-text .content-gap-mb-30 {
	 margin-bottom: 30px;
}
/* Error Area CSS =====================================================*/
 .error-area {
	 background-color: var(--whiteColor);
}
 .error-content {
	 text-align: center;
	 position: relative;
}
 .error-content h3 {
	 font-size: 30px;
}
 .error-content p {
	 margin-bottom: 30px;
}
/*==================================================== OTHERS STYLE AREA =====================================================*/
 @keyframes rotation {
	 from {
		 transform: rotate(0deg);
	}
	 to {
		 transform: rotate(359deg);
	}
}
 @keyframes moveBounce {
	 0% {
		 transform: translateY(0px);
	}
	 50% {
		 transform: translateY(50px);
	}
	 100% {
		 transform: translateY(0px);
	}
}
 @keyframes off-on {
	 0% {
		 opacity: 0;
	}
	 75% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
 @keyframes radius {
	 0% {
		 border-radius: 100%;
	}
	 50% {
		 border-radius: 0;
	}
	 100% {
		 border-radius: 100%;
	}
}
/* Preloader Area Style ============================================*/
 #preloader {
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 9999;
	 position: fixed;
	 background-color: var(--whiteColor);
}
 #preloader .preloader {
	 transform: translate(-50%, -50%);
	 position: absolute;
	 left: 50%;
	 top: 50%;
}
 #preloader .preloader .loader {
	 position: relative;
	 overflow: hidden;
	 display: block;
	 height: 150px;
	 width: 150px;
	 margin-left: auto;
	 margin-right: auto;
}
 #preloader .preloader .loader div {
	 height: 100%;
}
 #preloader .preloader .loader, #preloader .preloader .loader div {
	 padding: 8px;
	 border-radius: 50%;
	 border: 2px solid transparent;
	 animation: rotate linear 3.5s infinite;
	 border-top-color: var(--mainColor);
	 border-border-bottom: var(--mainColor);
}
 #preloader .preloader .waviy {
	 margin-top: 20px;
	 position: relative;
	 text-align: center;
	 -webkit-box-reflect: below -47px linear-gradient(transparent, rgba(0, 0, 0, .2));
	 font-size: 60px;
	 font-weight: 700;
}
 #preloader .preloader .waviy span {
	 position: relative;
	 color: var(--headingColor);
	 animation-delay: 0.1s;
	 display: inline-block;
	 animation: waviy 1s infinite;
}
 #preloader .preloader .waviy span:nth-child(2) {
	 animation-delay: 0.2s;
}
 #preloader .preloader .waviy span:nth-child(3) {
	 animation-delay: 0.3s;
}
 #preloader .preloader .waviy span:nth-child(4) {
	 animation-delay: 0.4s;
}
 #preloader .preloader .waviy span:nth-child(5) {
	 animation-delay: 0.5s;
}
 @keyframes rotate {
	 0% {
		 transform: rotate(0deg);
	}
	 50% {
		 transform: rotate(180deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes waviy {
	 0%, 40%, 100% {
		 transform: translateY(0);
	}
	 20% {
		 transform: translateY(-20px);
	}
}
/* Max width 767px */
 @media only screen and (max-width: 767px) {
	 #preloader .preloader .waviy {
		 font-size: 40px;
	}
}
/* Page-navigation Area Style*/
 .pagination-area .page-numbers {
	 width: 55px;
	 height: 36px;
	 line-height: 36px;
	 text-align: center;
	 display: inline-block;
	 position: relative;
	 margin-left: 3px;
	 margin-right: 3px;
	 font-weight: 500;
	 font-size: 16px;
	 color: var(--headingColor);
	 text-decoration: none;
	 transition: var(--transition);
	 border-radius: 0;
	 border: 1px solid var(--headingColor);
}
 .pagination-area .page-numbers i {
	 font-size: 22px;
	 font-weight: normal;
	 color: var(--headingColor);
	 transition: var(--transition);
	 font-weight: 500;
}
 .pagination-area .page-numbers:hover {
	 color: var(--blackColor);
	 border-color: var(--mainColor);
	 background-color: var(--mainColor);
	 box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
}
 .pagination-area .page-numbers.next {
	 top: 5px;
}
 .pagination-area .page-numbers.next:hover {
	 color: var(--headingColor);
}
 .pagination-area .page-numbers.current {
	 color: var(--whiteColor);
	 border-color: var(--mainColor);
	 background-color: var(--mainColor);
	 box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
}
/* Dark Mode Style */
 .dark-mode-btn {
	 position: fixed;
	 bottom: 25px;
	 right: 12px;
	 z-index: 1;
	 width: 70px;
}
 .dark-mode-btn .dark-version {
	 text-align: center;
	 float: right;
	 z-index: 2;
	 position: relative;
}
 .dark-mode-btn .dark-version .switch {
	 width: 49px;
	 height: 49px;
	 position: relative;
	 border-radius: 50%;
	 margin-bottom: -19px;
}
 .dark-mode-btn .dark-version .switch input {
	 width: 0;
	 height: 0;
	 opacity: 0;
	 display: block;
}
 .dark-mode-btn .dark-version .slider {
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 cursor: pointer;
	 position: absolute;
	 color: var(--whiteColor);
	 background-color: #2e2e2e;
	 transition: var(--transition);
}
 .dark-mode-btn .dark-version .slider:before {
	 left: 0;
	 top: 50%;
	 right: 0;
	 content: "\f1bf";
	 position: absolute;
	 transform: translateY(-50%);
	 transition: var(--transition);
	 font-size: 22px;
	 font-family: remixicon !important;
}
 .dark-mode-btn .dark-version .slider.round {
	 border-radius: 50%;
}
 .dark-mode-btn .dark-version .slider.round:before {
	 border-radius: 50%;
}
 .dark-mode-btn .dark-version input:checked + .slider {
	 background-color: #efefef;
}
 .dark-mode-btn .dark-version input:checked + .slider:before {
	 color: var(--headingColor);
	 content: "\ef72";
}
/* Swpper Control Option Area Style ======================================================*/
 .swiper-controller .controller-icon {
	 border: 1px solid var(--mainColor);
	 width: 50px;
	 height: 50px;
	 line-height: 48px;
	 text-align: center;
	 border-radius: 50px;
	 display: inline-block;
	 font-size: 26px;
	 transition: var(--transition);
	 color: var(--mainColor);
	 margin-left: 25px;
	 cursor: pointer;
}
 .swiper-controller .controller-icon:hover {
	 background-color: var(--mainColor);
	 color: var(--blackColor);
}
 .swiper-controller.left-right {
	 position: absolute;
	 top: 120px;
	 left: 0;
	 right: 0;
}
 .swiper-controller.left-right .controller-icon.prev {
	 position: absolute;
	 left: -74px;
}
 .swiper-controller.left-right .controller-icon.next {
	 position: absolute;
	 right: -74px;
}
 .swiper-controller.style-two .controller-icon {
	 border-color: var(--headingColor);
	 color: var(--headingColor);
}
 .swiper-controller.style-two .controller-icon:hover {
	 background-color: var(--headingColor);
	 color: var(--mainColor);
}
 .swiper-dot {
	 margin-top: 20px;
}
 .swiper-dot .swiper-pagination-bullet {
	 width: 10px;
	 height: 10px;
	 background-color: #080808;
	 opacity: 1;
	 line-height: 1;
	 margin: 0 8px !important;
}
 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
	 background-color: var(--mainColor);
}
 .swiper-dot.testimonials-dot {
	 position: absolute;
	 top: 128px;
	 right: 0;
	 left: auto;
	 text-align: right;
	 z-index: 2;
	 width: 100%;
	 display: block;
	 width: 10px;
}
 .swiper-dot.testimonials-dot .swiper-pagination-bullet {
	 display: block;
	 margin-bottom: 15px;
}
 .swiper-dot.testimonials-dot .swiper-pagination-bullet:last-child {
	 margin-bottom: 0;
}
/* What We Do For Customer Area Style ======================================================*/
 .what-we-do-for-customer-area .what-we-do-for-customer-slide {
	 width: 100%;
	 height: 135vh;
	 position: relative;
}
 .what-we-do-for-customer-area .what-we-do-for-customer-slide .slider {
	 min-height: 100svh;
}
 .what-we-do-for-customer-area .what-we-do-for-customer-slide .slider .swiper-slide {
	 overflow: hidden;
	 position: relative;
	 height: 100%;
	 font-size: 18px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .what-we-do-for-customer-area .what-we-do-for-customer-slide .slider .swiper-slide .slide-inner {
	 position: absolute;
	 width: 100%;
	 height: 100svh;
	 left: 0;
	 top: 0;
}
 .what-we-do-for-customer-area .swiper-wrapper {
	 height: auto;
}
 .what-we-do-for-customer-area .swiper-pagination-vertical.swiper-pagination-bullets, .what-we-do-for-customer-area .swiper-vertical > .swiper-pagination-bullets {
	 transform: unset;
	 top: 0;
}
 .what-we-do-for-customer-area .swiper-pagination-bullet {
	 background-color: #070707;
}
 .what-we-do-for-customer-area .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .what-we-do-for-customer-area .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	 margin: 0;
	 padding-bottom: 100px;
	 color: var(--headingColor);
	 display: table;
	 width: 30px;
	 margin: auto;
}
 .what-we-do-for-customer-area .swiper-pagination-bullet {
	 opacity: 1;
	 color: var(--bodyColor) !important;
	 font-weight: 300;
	 font-size: 16px;
	 border-right: 1px solid var(--headingColor);
	 border-radius: 0;
}
 .what-we-do-for-customer-area .swiper-pagination-bullet.swiper-pagination-bullet-active {
	 color: var(--headingColor) !important;
	 font-weight: 400;
	 border-color: var(--mainColor);
}
 .what-we-do-for-customer-area .swiper-slide.swiper-slide-active {
	 background-color: var(--mainColor);
}
 .what-we-do-for-customer-area .swiper-slide.swiper-slide-active .what-we-do-for-customer-item {
	 border-color: var(--mainColor);
	 opacity: 1;
}
 .what-we-do-for-customer-area .swiper-slide.swiper-slide-active .what-we-do-for-customer-item h3 sup {
	 color: var(--headingColor);
}
 .what-we-do-for-customer-area .swiper-slide.swiper-slide-active .what-we-do-for-customer-item p {
	 color: var(--headingColor);
}
 .what-we-do-for-customer-area .swiper-slide.swiper-slide-active .what-we-do-for-customer-item .default-btn {
	 background-color: var(--headingColor);
	 color: var(--mainColor);
}
 .what-we-do-for-customer-item {
	 border: 1px solid var(--headingColor);
	 padding: 50px;
	 transition: var(--transition);
	 opacity: 0.1;
}
 .what-we-do-for-customer-item h3 {
	 font-size: 48px;
	 font-weight: 600;
	 margin-bottom: 30px;
}
 .what-we-do-for-customer-item h3 sup {
	 font-size: 22px;
	 color: var(--mainColor);
	 margin-right: 5px;
	 top: -15px;
	 transition: var(--transition);
}
 .what-we-do-for-customer-item p {
	 margin-bottom: 40px;
	 transition: var(--transition);
	 font-weight: 300;
	 color: var(--headingColor);
}
 .what-we-do-for-customer-item p a {
	 font-weight: 400;
	 color: var(--headingColor);
}
 .what-we-do-for-customer-item:hover {
	 background-color: var(--mainColor);
}
 .what-we-do-for-customer-item:hover h3 sup {
	 color: var(--headingColor);
}
 .what-we-do-for-customer-item:hover p {
	 color: var(--headingColor);
}
 .what-we-do-for-customer-item:hover .default-btn {
	 background-color: var(--headingColor);
	 color: var(--mainColor);
}
 .pagination-area .page-numbers.next {
	 top: 2px;
}
 .form-control:focus {
  background-color: #fff;          /* white background */
  border-color: var(--mainColor); /* or use #FFD700 */
  box-shadow: none !important;     /* removes glow/shadow */
  color: #000;                     /* optional: make sure text is readable */
}

  .checkout-area {
    min-height: 80vh;
  }

  .checkout-form {
    background-color: #1a1a1a;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.1);
  }

  .step-label h3 {
    text-align: center;
    margin-bottom: 20px;
  }

  @media (max-width: 768px) {
    .checkout-form {
      padding: 20px;
    }
  }
  
							.step-progress {
								display: flex;
								flex-direction: column;
								align-items: center;
							}

							.steps {
								display: flex;
								align-items: center;
								justify-content: center;
								margin-bottom: 15px;
							}

							.step {
								width: 36px;
								height: 36px;
								border-radius: 50%;
								display: flex;
								justify-content: center;
								align-items: center;
								font-weight: bold;
								font-size: 16px;
								transition: 0.3s;
							}

							.step-inactive {
								background-color: #222;
								color: #888;
							}

							.step-active {
								border: 1px solid #FFD700;
								box-shadow: 0 0 10px #FFD700;
								color: #FFD700;
								background-color: transparent;
							}

							.step-line {
								height: 2px;
								width: 40px;
								background-color: #FFD700;
								opacity: 0.4;
							}

							.step-label h4 {
								color: #FFD700;
								font-size: 20px;
								margin: 0;
							}

							.controls {
								margin-top: 20px;
							}

							.controls button {
								padding: 10px 20px;
								background-color: #FFD700;
								border: none;
								color: #000;
								font-weight: bold;
								cursor: pointer;
								border-radius: 4px;
							}
								/* Calendar container */
							.calendar-container {
								margin: auto;
								max-width: 350px;
								padding: 20px;
								border-radius: 10px;
								margin-bottom: 30px;
							}

							/* Date display */
							#selectedDateDisplay {
								font-size: 20px;
								margin-bottom: 15px;
								color: #FFD700;
							}

							/* Time section */
							.time-section {
								margin-bottom: 25px;
							}

							/* Section header */
							.time-header {
								font-size: 18px;
								margin-bottom: 8px;
								color: #aaa;
							}

							/* Time buttons */
							.time-buttons {
								display: flex;
								justify-content: center;
								flex-wrap: wrap;
								gap: 10px;
							}

							.time-btn {
								padding: 10px 15px;
								border-radius: 10px;
								background-color: #1a1a1a;
								color: #fff;
								border: 1px solid #444;
								cursor: pointer;
								transition: 0.3s;
							}

							.time-btn:hover {
								border-color: #FFD700;
							}

							.time-btn.active {
								background-color: #FFD700;
								color: #000;
								font-weight: bold;
							}

							.time-btn.disabled {
								opacity: 0.4;
								pointer-events: none;
							}

							/* Summary box */
							.selection-summary {
								margin-top: 30px;
								background-color: #1a1a1a;
								padding: 15px;
								border-radius: 10px;
								color: #FFD700;
								font-weight: bold;
								max-width: 500px;
								margin-inline: auto;
							}
							 .form-error {
	color: #ff3b3b;
	font-size: 13px;
	margin-top: 6px;
	display: none;
}

.form-control.error {
	border-color: #ff3b3b !important;
	background: #fff5f5;
}
#benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

#benefits-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

#benefits-list i {
    color: #f5c542; /* لون النقطة الصفراء */
}