:root {
  --primary: #ffffff;
  --primary-hover: #a4d513;
  --secondary: rgb(34 34 34 / 70%);
  --secondary-hover: #2c2323;
  --text-white: #ffffff;
  --white: #ffffff;
  --white-90: rgb(255 255 255 / 90%);
  --white-80: rgb(255 255 255 / 80%);
  --white-70: rgb(255 255 255 / 70%);
  --text-dark: #212121;
  --text-dark-80: rgb(33 33 33 / 80%);
  --font-family-body: "Geist", sans-serif;
  --font-family01: "Antonio", sans-serif;
  --font-family02: "Outfit", sans-serif;
  --font-family03: "DM Sans", sans-serif;
  --font-family04: "Inter", sans-serif;
  --font-family05: "Nunito", sans-serif;
  --font-family06: "Funnel Display", sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Funnel+Display:wght@300..800&family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&display=swap');

  /* font-family: "Antonio", sans-serif;
  font-family: "Outfit", sans-serif;
  font-family: "Geist", sans-serif;
  font-family: "DM Sans", sans-serif;
  font-family: "Inter", sans-serif;
  font-family: "Nunito", sans-serif;
  font-family: "Funnel Display", sans-serif; */




html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.7; font-size: 15px; color:#555761; font-family: var(--font-family-body);  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden; background-color: #f6f6ee;}
.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100 { font-weight: 100 !important; }.fw200 { font-weight: 200 !important; }.fw300 { font-weight: 300 !important; }.fw400 { font-weight: 400 !important; }.fw500 { font-weight: 500 !important; }.fw600 { font-weight: 600 !important; }.fw700 { font-weight: 700 !important; }.fw800 { font-weight: 800 !important; }.fw900 { font-weight: 900 !important; }


/*BUTTONS*/
.btn {font-size:12px; padding: 19px 40px; font-weight:600;border-radius:8px;letter-spacing:0.05em; border-radius: 50px; text-transform:uppercase; border: 0;}
.lg-btn{width: 240px; height: 56px;}

/* primary */
.btn-primary {background-color: var(--primary); border-color: var(--primary); color: #000000 !important;}
.btn-primary:hover {background-color: #000000; border-color: #000000; color: #ffffff !important;}

.btn-white{background-color: var(--white); color: var(--black);}
.btn-white:hover{background-color: var(--primary); color: var(--white);}


.skew-btn {background: #ffffff ;transform: skewX(-15deg);border-radius: 0px;padding: 9.3px 15px !important;font-size: 15px;font-weight: 400 !important;}
.skew-btn:hover {background: #ffffff;}
.skew-btn span {transform: skewX(15deg);color: #000000;font-family: var();}


.gradient-border-btn {color: #fff;border: solid 2px;border-radius: 0px;width: 326px;display: flex;justify-content: space-between;align-items: center;font-size: 13px;padding: 16px 19px;position: relative;height: 62px;border-bottom: 0;}
.gradient-border-btn:hover{border-left: solid 2px #ffffff;border-right: solid 2px #ffffff;color: #ffffff;}
/* BOTTOM LINE (default gradient) */
.gradient-border-btn:before {position: absolute;content: '';height: 2px;width: calc(100% + 4px);bottom: -2px;background: linear-gradient(90deg, #A220B6 0%, #65BACF 32%, #F04613 100%);left: -2px;z-index: 2;transition: all 0.4s ease;}

/* TOP LINE (default hidden / white) */
.gradient-border-btn:after {position: absolute;content: '';height: 2px;width: calc(100% + 4px);top: -2px;background: #fff;left: -2px;z-index: 2;transform: scaleX(0);transform-origin: left;transition: all 0.4s ease;}

/* HOVER EFFECT */
.gradient-border-btn:hover:before {background: #fff; /* bottom becomes white */}
.gradient-border-btn:hover:after {transform: scaleX(1);background: linear-gradient(90deg, #A220B6 0%, #65BACF 32%, #F04613 100%);}

/* HEADING STYLE */
.all-heading{line-height: 1.2;color: var(--text-white);font-size: 62px;letter-spacing: -0.02rem;font-weight: 600;font-family: var(--font-family01);text-transform: uppercase;}
.sub-heading{font-weight: 400;font-size: 24px;line-height: 100%;letter-spacing: 0.06em;text-transform: uppercase;;margin-bottom: 10px;}
.all-disc-xl {font-size: 32px;color: rgb(255 255 255 / 56%);}
.all-disc {font-size: 17px; color: rgb(255 255 255 / 70%);}
.sm-heading{font-size: 40px; letter-spacing: 0.14px;}

/* CURSOR POINTER */
 * {cursor: none;margin: 0;padding: 0;box-sizing: border-box;}
.cursor {width: 50px; z-index: 99999; height: 50px;border-radius: 100%;border: 1px solid rgba(255, 255, 255, 0.4);position: fixed;top: -18.5px;left: -18.5px;pointer-events: none;transition: transform 0.15s ease-out, background-color 0.2s, opacity 0.2s;transform: translate(-50%, -50%);will-change: transform;}
.cursor2 {width: 12px;z-index: 99999;height: 12px;border-radius: 100%;background-color: #000000;position: fixed;top: 0;left: 0;pointer-events: none;will-change: transform;transition: width .25s ease, height .25s ease, opacity .25s ease;}
.hover {background-color: #000000;opacity: 0.5;}
.cursorinnerhover {width: 50px;height: 50px;opacity: .5;top: -18.5px;left: -18.5px;}

/*FORM CONTROL*/
.form-group{position: relative; margin-bottom: 35px;}
.form-group .label {color: #000000;text-transform: capitalize;font-weight: 500;font-size: 12px;}
.form-control {border: 0px;color: #000000;padding: 0;font-weight: 400;height: 52px;border-radius: 0;text-transform: capitalize;font-size: 14px;background: transparent;border-bottom: solid 1px #000000;}
.form-control:focus {color: #000000; outline: 0; background-color: transparent; border-color: #000000;}
textarea{resize: none;}
textarea.form-control { height: auto !important;}
.form-control::placeholder{color: #000000;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px!important;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*LETTER SPACING SIZE 1 to 5px */
.ls1{letter-spacing: 0.01rem;}.ls2{letter-spacing: 0.02rem;}.ls3{letter-spacing: 0.03rem;}.ls4{letter-spacing: 0.04rem;}.ls5{letter-spacing: 0.05rem;}.ls6{letter-spacing: 0.06rem;}.ls12{letter-spacing: 0.12rem;}
.lh-20{line-height: 20px;}
.lh-25{line-height: 25px;}
.lh-45{line-height: 45px;}
.ms-100{margin-left: 100px;}

.check-list li {font-size: 15px;padding: 5px 0px;letter-spacing: 0.01rem; color: var(--text-dark-80);}
.check-list li i {color: #47B43D;font-size: 18px;}

/*CONTAINER*/



@media screen and (min-width: 998px) {
.custom-width {
    max-width: 1630px;
    padding: 0px 120px;
}
}

@media screen and (max-width: 1199px) {
.custom-width {
    max-width: 1630px;
    padding: 0px 60px !important;
}
}

@media screen and (min-width: 1800px) {
.custom-width {
    padding: 0px 30px;
}
}

/* Text Color */
.text-primary{color: var(--primary) !important;}
.text-secondary-70{color: var(--secondary) !important;}
.text-dark{color: var(--text-dark) !important;}
.text-dark-80{color: var(--text-dark-80);}
.text-white-70{color: var(--white-70);}
.text-white-80{color: var(--white-80);}
.text-white-90{color: var(--white-90);}
/* Background Classes */
.bg-light{}
.bg-primary{background-color: var(--primary) !important;}
.bg-secondary{background-color: var(--secondary);}

.bg-pattern{background-image: url(../images/bg-pattern.jpg);background-repeat: repeat;background-size: 12px !important;}


/* Border Classes */
.br12{border-radius: 12px;} .br16{border-radius: 16px;} .br24{border-radius: 24px;} .br20{border-radius: 20px;} .br22{border-radius: 22px;}

/* Spacing */
.Mypadding{ padding:80px 0}

/* IMAGE Animation */
.float-animation{animation: float 4s ease-in-out infinite;cursor: pointer; max-width: 400px;}
.float-animation:hover {filter: drop-shadow(0 45px 35px rgba(0, 0, 0, 0.7)) drop-shadow(0 0 60px rgba(239, 240, 237, 0.5));}
@keyframes float {0%, 100% { transform: translateY(0px); } 50%      { transform: translateY(-15px); }}


/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: var(--primary);}

/*SWIPER NAV BUTTONS*/

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 15px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }
.swiper-button-next, .swiper-button-prev {width: 56px;height: 56px;background-color: #ffffff;border-radius: 50%;box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 18%);top: 50%;transform: translateY(-50%);}


/*EFFECTS*/
.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover:hover img{transform: scale(1.02);}

/* circle btn */
.btn-circle-icon {background-color: #ffffff;width: 56px;height: 56px;display: inline-flex;border-radius: 50%;align-items: center;justify-content: center;color: #000000;}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.site-header .navbar .nav-item a{ margin-left: 12px; margin-right:12px; font-weight:300;align-items: center;display: flex; font-size:13.6px; letter-spacing: 0.06rem; color: rgb(255 255 255 / 75%); text-transform: capitalize;}
.site-header .navbar .nav-item.active a, .site-header .navbar .nav-item a:hover{color: var(--primary);}
 

/*#########________HAMBURGER MENU BUTTON START________#########*/
.site-header {position: absolute;top: 0px;z-index: 9999;width: 100%;}
.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active{outline: 0;}
.site-header .navbar-brand {width: 200px;}
.site-header .navbar-nav-center {background-color: #000000;border-radius: 14px;padding: 0px 30px; backdrop-filter: blur(8px);}
.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: var(--white); border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: var(--white);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}
.site-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 
.site-header .login-top .btn {padding: 9px 30px;font-weight: 600;color: #333333;}
.site-header .inner-navbar { padding: 42px 0px;}
/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed !important; top: 0; right: 0; left: 0; z-index: 99999;animation: smoothScroll 1s forwards; padding: 0; background-color: rgb(255 255 255 / 43%);backdrop-filter: blur(8px);}

@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}

/*NAVIGATION DROPDOWN ON HOVER*/
.site-header .dropdown-item.active, 
.site-header .dropdown-item:active,
.site-header .dropdown-item:hover { }
.site-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;}
.site-header .navbar .nav-item .dropdown-menu a{ margin:0; font-size:12px; color: var(--text-primary);height: auto;}
.site-header .navbar .nav-item .dropdown-menu a:hover{ background-color: var(--primary); color:#fff}
.site-header .isFixed .navbar-brand .logo { width:195px}
.isFixed .inner-navbar {padding: 15px 0px;}

/* CUSTOM ARROW */
.custom-arrow {background-color: #fff;width: 40px;height: 40px;border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0%), 0 2px 3px rgba(0, 0, 0, 0.12) !important;}
.custom-arrow::after {font-size: 16px;}
.custom-arrow.swiper-button-prev{left: 0px;}
.custom-arrow.swiper-button-next{right: 0px;}
 

/* BANNER SECTION */
.logo-headline::after{position: absolute;content: '';background-image: url('../images/banner-bg02.png');height: 100%;width: 100%;top: 0px;z-index: -2;background-size: cover;opacity: 0.1;}
/*.logo-headline::before{position: absolute;content: '';bottom: -40px;height: 50%;width: 100%;background: linear-gradient(0deg, #ffffff, transparent);z-index: -1;}*/
.logo-headline .sm-logo-widget {position: relative; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.47) 50%, rgba(0, 0, 0, 0) 100%);}
.logo-widget-wrap{position: relative;padding: 10px 0px;margin-top: 100px;}
.logo-headline .logo-widget-wrap::after {position: absolute;content: '';background-color: #ffffff;width: 11px;height: 11px;bottom: 4px;border-radius: 50%; left: 0;}
.logo-headline .logo-widget-wrap::before {position: absolute;content: '';background: linear-gradient(45deg, #ffffff, #71ff4900);width: 40%;height: 1px;bottom: 9px; left: 0;}
.logo-widget-wrap .right-line {position: absolute;content: '';background: linear-gradient(45deg, #71ff4900, #ffffff);width: 40%;height: 1px;top: 9px;right: 0;}
.logo-widget-wrap .right-line:after {position: absolute;content: '';background-color: #ffffff;width: 11px;height: 11px;bottom: -4px;border-radius: 50%;right: 0;}
.logo-headline {padding-top: 245px;}
.logo-headline .disc {font-size: 24px;letter-spacing: -0.01rem;color: #ffffff;line-height: 34px;max-width: 371px;font-family: var(--font-family02);}
.main-logo {max-width: 280px;}
.sm-logo-widget .item {padding: 15px 25px;}
.sm-logo-widget .item img {filter: brightness(0);}

/* SCIENCE SECTION */
.science-leap-wrapper {background: linear-gradient(80deg, var(--primary), #ffffff);}
.science-leap-wrapper .disc {font-size: 24px;font-weight: 300;}

/* PROOF LEAP */
.proof-leap-wrapper .disc {font-size: 32px;color: #fff;font-family: var(--font-family02);line-height: 35px;}
.proof-leap-card {border-radius: 30px;border: solid 1px rgb(155 155 155 / 8%);padding: 10px;background-color: #ffffff; height: 460px;}
.proof-leap-card .inner-item {border-radius: 20px;border: solid 1px rgb(155 155 155 / 8%);padding: 0px 10px;background-color: #f6f6ee; height: 100%;}
.proof-leap-card .inner-item .proof-leap-img {border-radius: 15px;overflow: hidden;height: 100%;position: relative;}
.proof-leap-card .inner-item .proof-leap-img {overflow: hidden;}
.proof-leap-card .inner-item .proof-leap-img .img-hover {object-fit: cover;height: 100%;width: 100%;transition: transform 0.4s ease; }
.proof-leap-card .inner-item:hover .proof-leap-img .img-hover {transform: scale(1.1);}
.proof-leap-logo img{filter: brightness(0);}
.proof-leap-card .inner-item .proof-leap-img:before {position: absolute;content: '';background: linear-gradient(0deg, #000000, transparent);height: 100%;width: 100%;z-index: 1;}
.proof-leap-content {position: absolute;bottom: 10px;background-color: #f6f6ee;width: calc(100% - 15px);border-radius: 12px;left: 0;right: 0;margin: 0 auto;padding: 15px;border: solid 1px rgb(255 255 255 / 5%);z-index: 2;transition: all 0.4s ease; }
.proof-leap-card .inner-item:hover .proof-leap-content{background-color: #ffffff;}
.tags .tag {border: solid 1px rgb(255 255 255 / 5%);padding: 6px 15px;border-radius: 10px;background: linear-gradient(45deg, rgb(255 255 255 / 5%), rgb(97 97 97 / 9%));border-left: 0;font-family: var(--font-family03);}
.proof-leap-logo {height: 35px;position: relative;margin-bottom: 15px;}
.proof-leap-logo:before {position: absolute;content: '';bottom: -5px;width: 100%;background: linear-gradient(45deg, transparent, rgb(255 255 255 / 15%), transparent);height: 1px;}
.proof-leap-content .disc {font-size: 16px;color: rgb(0 0 0 / 91%);max-width: 100%;line-height: 24px;font-weight: 300;font-family: var(--font-family03);}

/* FULL SERVICE */
.full-services-wrapper{position: relative;}
/* .full-services-wrapper:after{position: absolute;content: '';background: url(../images/icon01.png);width: 315px;height: 480px;top: -10px;right: 0px;background-size: cover;animation: float 4s ease-in-out infinite;cursor: pointer;} */
.services-icon01 {max-width: 250px;position: relative;top: -5px;left: 246px;transform: rotate(-31deg);}
.services-icon02 {max-width: 170px;position: absolute;top: 47px;right: 480px;}
.services-icon03 {max-width: 120px;position: absolute;bottom: 80px;right: 257px;}

/* ENOUGH SECTION */
.enough-content .heading {font-size: 48px;font-weight: 600;color: #ffffff;}
.enough-img {overflow: hidden;border-radius: 25px;}
.enough-img img {transition: transform 0.4s ease;}
.enough-img:hover img {transform: scale(1.1);}
.full-services-wrapper .heading-section .disc {font-size: 20.8px;color: #ffffff;font-family: var(--font-family04);}

/*#########________SERVICE____#########*/
.service-content .title {font-size: 46px;font-weight: 400;margin-bottom: 25px;}
.service-content .disc {font-size: 15px;max-width: 510px;}
.service-card {background: linear-gradient(45deg, #ffffff, #ffffff);border-radius: 20px;}
.service-content .list {display: flex;flex-wrap: wrap;max-width: 500px;}
.service-content .list li {color: #000000;padding-left: 13px;font-size: 20.8px;position: relative;margin-right: 15px;font-family: var(--font-family04);}
.service-content .list li:after {position: absolute;content: '';width: 6px;height: 6px;background-color: #fff;border-radius: 50%;top: 15px;left: 0px;}
.service-content .list li:first-child:after{display: none;}
.service-content .list li:first-child{padding-left: 0;}


/*#########________GUESSWORK____#########*/
.guesswork-wrapper {background: linear-gradient(90deg, #000000, #ffffff, #000000);}
.guesswork-wrapper .guesswork-widget {background-color: #fff;border-radius: 55px;padding: 140px 70px; overflow: hidden;}
.guesswork-card {background-color: #000000;padding: 45px 35px;border-radius: 26px; position: relative; z-index: 999;}
.guesswork-card .title {font-size: 66.7px;color: #fff;line-height: 84px;font-family: var(--font-family01);}
.guesswork-card:hover .title {color: var(--primary);}
.guesswork-card .disc {font-size: 20.8px;line-height: 35.2px;color: #fff; margin-bottom: 0;}
.guesswork-animation {transform: scale(1.5);}
.guesswork-animation img {transform: scale(1.5);animation: float 4s ease-in-out infinite;cursor: pointer;}
.guesswork-img {max-width: 330px;margin: 0 auto;}
.guesswork-last-img {transform: scale(1.7);position: absolute;top: 140px;left: 130px;}
.guesswork-last-img img {animation: float 4s ease-in-out infinite;cursor: pointer;}
.guesswork-card-left-gradint-main,
.guesswork-card-left-gradint,
.guesswork-card-left-gray {position: relative;z-index: 9;}
.guesswork-card-left-gradint:after,
.guesswork-card-left-gray:after {position: absolute;content: '';height: 20px;width: 53%;left: -13px;background-color: #626262;top: 50%;transform: translate(0px, -50%);z-index: -99;}
.guesswork-card-left-gradint-main:before,
.guesswork-card-left-gradint:before,
.guesswork-card-left-gray:before {position: absolute;content: '';height: 50%;width: 20px;left: 0;right: 0;margin: 0 auto;background-color: #626262;bottom: 0;z-index: -99;}
.guesswork-card-left-gradint:after {left: auto;right: -12px;background: linear-gradient(45deg, #C8C8C8, #626262);}
.guesswork-card-left-gradint:before{background-color: #C8C8C8;}
.guesswork-card-left-gradint-main:after {position: absolute;content: '';height: 20px;width: 53%;left: -13px;bottom: 120px;z-index: -99;background: linear-gradient(45deg, #ffffff, #000000);}
.guesswork-card-left-gradint-main:before{background-color: #000;}

/*#########________TESTIMONIALS_______#########*/
.testimonials-slider .item {padding: 30px;border-radius: 20px;border: 1px solid rgb(255 255 255 / 7%);background-color: #ffffff;z-index: 999;overflow: hidden;}
.testimonials-slider .item:before {position: absolute;content: '';background: linear-gradient(0deg, rgb(0 85 255 / 15%), rgb(97 97 97 / 9%));inset: 0;mix-blend-mode: luminosity;z-index: -9;}
.testimonials-slider .item:after {position: absolute;content: '';width: 35%;height: 1px;background: linear-gradient(45deg, rgb(0 85 255 / 0%), #0055FE, rgb(0 85 255 / 0%));inset: 0;mix-blend-mode: luminosity;top: 0px;left: 50px;}
.testimonials-slider .item .star {color: #FDCC0D;display: flex;margin-top: 20px;margin-bottom: 20px;gap: 3px;font-size: 16px;}
.testimonials-slider .item .disc {color: #000000;font-size: 16px;letter-spacing: 0.02rem;}
.testimonials-slider .item li {font-size: 16px;font-weight: 600;}
.testimonials-slider .item li:after {top: 10px;}
.testimonials-slider .item .gradient-border-line {width: 45%;height: 1px;background: linear-gradient(45deg, rgb(0 85 255 / 0%), rgb(255 255 255 / 66%), rgb(0 85 255 / 0%));inset: 0;mix-blend-mode: luminosity;border: 0;}
.testimonials-slider .item .social-icon {font-size: 28px;}

/*#########________BLOG____#########*/
.blog-custom-row {display: flex;}
.blog-card-box {position: relative;overflow: hidden;background-color: #ffffff;border-radius: 20px;padding: 24px;}
.blog-card-box img {width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.blog-card-box:hover img {transform: scale(1.1);}
.blog-card-box .tag {color: #000;font-size: 14px; display: inline-block;margin-bottom: 10px;letter-spacing: 0.04rem;font-weight: 600;}
.blog-card-box .content .title {font-size: 24px; font-family: var(--font-family02);   background: linear-gradient(90deg, #000000, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.blog-card-box .content .disc {font-size: 16px; font-family: var(--font-family05); background: linear-gradient(90deg, #000000, #000000); -webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: 0;}
.blog-card-box .content {margin-top: 20px;}
.blog-card-img {height: 300px;overflow: hidden;border-radius: 10px;}
.blog-card-img img {height: 100%;object-fit: cover;}
.blog-card-box .content .icon-right {width: 31px; filter: brightness(0) invert(1);}
.admin-details .icon-img img {width: 40px;height: 40px;border-radius: 50%;}
.admin-details .user-details .name {font-size: 14px;color: #000000;margin-bottom: 0;font-family: var(--font-family05);}
.admin-details .user-details .date {font-size: 14px;color: #000000;margin-bottom: 0;font-family: var(--font-family05);}

/*#########______FAQ_____#########*/
.faq-wrapper {background-size: cover;background-position: left, top; position: relative; z-index: 9;}
.faq-wrapper:after{position: absolute;content: '';background: linear-gradient(0deg, black, transparent);width: 100%;height: 50%;bottom: 0;z-index: -1;}
.custom-faq .accordion-item {border: 0;border-radius: 0;background-color: transparent;margin-bottom: 25px; background-color: #080808 !important; border: solid 1px rgb(255 255 255 / 6%);border-radius: 20px !important; overflow: hidden;}
.custom-faq .accordion-item .accordion-header .accordion-button {background-color: #080808 !important; color: #fff;font-size: 18px;letter-spacing: -0.02rem;padding: 30px;box-shadow: 0px 0px;}
.custom-faq .accordion-item .accordion-header .accordion-button:after {width: 25px;height: 25px;background-position: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000000' stroke-width='1' fill='none'%3E%3Cpath d='M8 2v12M2 8h12'/%3E%3C/svg%3E");transform: none;filter: invert(1);}
.custom-faq .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000000' stroke-width='1' fill='none'%3E%3Cpath d='M2 8h12'/%3E%3C/svg%3E");}
.custom-faq .accordion-item .accordion-body {color: rgb(255 255 255 / 72%);padding: 10px 30px 30px 30px;font-size: 17px;}

/*#########______CONTACT_____#########*/
.contact-wrapper {margin-top: 110px;}
.contact-form{font-family: var(--font-family03);}
.contact-form .form-group input ~ label:after {background-color: #000000;position: absolute;content: '';width: 20px;height: 20px;left: 0;border-radius: 50%;}
.contact-form .form-group.checkbox label {padding-left: 30px;color: #000000;font-size: 14px;text-transform: capitalize;}
.contact-form .form-group input:checked ~ label::before {z-index: 999;color: #fff;content: "";position: absolute;left: 6.5px;top: 6px;width: 6px;height: 10px;border: solid #ffffff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.contact-form .all-disc-xl {padding-right: 130px !important;line-height: 40px;margin-top: 30px;}
.letter_send {position: absolute; bottom: -100px; left: 200px;}
.contact-form .form-group.checkbox input{display: none;}
/*#########______SUBSCRIBERS_____#########*/
.subscribers-wrapper .subscribers-widget {background-color: #141313;border-radius: 16px;padding: 64px;}
.subscribers-wrapper .subscribers-widget .title {font-size: 30px;background: linear-gradient(90deg, #C4C4C4, #FFFFFF);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.subscribers-wrapper .subscribers-widget .disc {font-size: 20px;margin-bottom: 0;background: linear-gradient(90deg, #C4C4C4, #FFFFFF);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.subscribers-wrapper .subscribers-widget .form-group .form-control {background-color: #fff;border-radius: 30px;color: #000000;height: 48px;padding: 0px 15px;font-size: 16px;border: solid 1px #D0D5DD;}
.subscribers-wrapper .subscribers-widget .form-group .form-control::placeholder{color: #667085 !important;}
.subscribers-widget p {color: #fff;font-size: 14px;font-family: var(--font-family05);}
.subscribers-widget p a {color: #ffffff;text-decoration: underline;}
.full-footer-section::after{background-image: url(../images/icon06.png);}

/*****JOB CARD******/
.job-card-remote {background-color: var(--primary);max-width: 386px;padding: 34px 56px;margin-top: -120px; position: relative; z-index: 999;}
.job-card-remote .title {font-size: 35px;color: #000000;padding-right: 25px;margin-bottom: 120px;}
.job-card-remote .time {font-size: 40px;color: #000000;letter-spacing: 0.06rem;}

/*###################__________FOOTER SECTION___________######################*/ 
.site-footer{background-color:#F9F9F9}
.footerlogo img{ padding-bottom:15px; max-width: 320px;}
.footer-main{ font-size: 14px;padding-top:40px}
.footer-main .headings{color:#000000; margin-bottom: 20px; font-weight:600;letter-spacing:.03em;font-size: 14px;text-transform: uppercase;}
.footer-main .social-handles a {background-color: transparent;color: #1C2B33;font-size: 34px;height: 48px;width: 48px;border-radius: 50px;display: inline-flex;justify-content: center;align-items: center;margin-right: 10px;}
.footer-main .social-handles a:hover{background-color:var(--primary); color: #000000;}
.footer-main .footer-links ul li{margin-bottom:15px;}
.footer-main .footer-links ul li a{display: block; font-size: 21px; font-weight: 500;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a, .footer-btm .lst-links a{color: #222222}
.footer-main .footer-links ul li a:hover,
.footer-main p a:hover, .footer-btm .lst-links a:hover{color: #000;}
.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}
.footer-main .ftr-contact-info .info-block h6{color:#b8c0c0; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
.footer-btm{ font-size:12px;color:#ccdfe3}
.border-pre { border-top: 1px solid #323f35;}
.Privacy-lnk{ color:#fff; text-decoration:underline} 
.footer-btm{padding-top:10px;padding-bottom:10px; border-top:1px solid rgb(255 255 255 / 16%);}
.footer-btm .lst-links a{ font-size: 13px;text-decoration: none;margin-right: 15px;border-right: solid 1px #fff;padding-right: 15px;}
.info-block .icon {font-size: 28px;color: var(--primary);}
.footer-about .enail-id {font-size: 38px; line-height: 45px;margin-bottom: 130px;display: inline-block;}
.footer-line {margin: 80px 0;}


/*****back to top******/

.gototopbtn {background-color: rgb(255 255 255 / 24%);display: inline-block;padding: 5px 15px 5px 15px;border-radius: 40px; color: #000000 !important; font-weight: 500;}
.footer-btm .go-icon {display: inline-flex; align-items: center; justify-content: center;font-size: 12px; color:#000}
.footer-btm .go-icon:hover{background-color: #fff; color:#000}
.footer-border{border-top: solid 1px rgb(255 255 255 / 16%);opacity: 1;}
.border-right-footer {border-right: solid rgb(255 255 255 / 16%);}


/*###################__________PAGINATION SECTION___________######################*/ 

.custom-pagination .page-btn{width:40px;height:40px;border:2px solid #D9D9D9;border-radius:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;font-weight:500;background:#fff;transition:0.3s;}
.custom-pagination .page-btn.wide{width:140px;}
.custom-pagination .page-btn.active{background: var(--primary-light);color:#fff;border-color:var(--primary-light);}
.custom-pagination .page-btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light);}
.custom-pagination .page-btn.wide {width: 90px;height: 40px;font-size: 11px;color: #282122;border: solid 1px #D9D9D9;background-color: #ffff;}


/*###################__________INNER BANNER SECTION___________######################*/ 

.hero-inner{height:150px; padding-top: 150px;width: 100%; display: flex; overflow: hidden; justify-content: center; align-items: center; position: relative; z-index: 5; background-position: center; background-repeat: no-repeat;}
.inner-content{position: relative;z-index: 2;border-radius: 0 0 64px 64px;}
.hero-inner__content{text-align: center;}
.hero-inner__heading{color:#fff; font-size: 48px; font-weight: 800; line-height: 120%; margin-bottom: 12px; margin-top: -16px; letter-spacing:-0.1rem}
.hero-inner__description{color:#fff; opacity:0.8; font-size: 18px;}
.hero-inner:after {position: absolute;content: '';bottom: 0;width: 100%;height: 50%;background: linear-gradient(0deg, black, transparent);}



.contact-left {padding: 50px;border-radius: 16px 0px 0px 16px; background-size: 16px !important;}
.contact-left .contact-desc {max-width: 330px; font-size: 18px;}
.contact-left .icon img {width: 40px;}




.blog-details-img img {border-radius: 12px;margin-bottom: 20px;}
.blog-details-title {font-weight: 600;margin: 12px 0;}
.blog-meta {display: flex;gap: 15px;font-size: 13px;color: #777;padding: 0;list-style: none;margin-bottom: 20px;}
.blog-details-content blockquote {background: #ffffff;border-left: 4px solid var(--primary);padding: 15px 20px;margin: 20px 0;font-style: italic;}
.sidebar-box {margin-bottom: 30px;background-color: #141313;padding: 15px;border-radius: 12px;box-shadow: inset 0 calc(-1 * 1px) 0 #282828;}
.sidebar-title {font-weight: 600;margin-bottom: 15px;}
.sidebar-list {list-style: none;padding: 0;}
.sidebar-list li {margin-bottom: 8px;}
.recent-post {display: flex;gap: 12px;margin-bottom: 15px;}
.recent-post img {width: 70px;height: 70px;object-fit: cover;border-radius: 6px;}
.tag-list a {display: inline-block;padding: 6px 18px;border: 1px solid #ddd;margin: 5px 5px 0 0;font-size: 13px;color: #ffff;border-radius: 50px;}
.blog-details-content .blog-category {color: var(--text-dark);font-size: 13px;background-color: #ffffff;padding: 2px 8px;display: inline-block;border-radius: 40px;margin-bottom: 15px;}
.blog-details-content .blog-details-title {font-size: 32px;color: #ffffff;font-weight: 500;}
.blog-details-content p {color: #c8c8c8;font-size: 15px;margin-top: 10px;}
.blog-details-content .blog-meta li {list-style: disc;margin-left: 15px;color: #9d9d9d; font-size: 14px;}
.sidebar-title {margin-bottom: 15px;font-size: 20px;color: #ffffff;font-weight: 600;}
.sidebar-list a {color: #929292;}
.recent-post a {color: #ffff;font-size: 16px;display: block;line-height: 20px;}
.testimonials-slider .user-img img {
    width: 100%;
}
.testimonials-slider .user-img {
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
}
/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (max-width: 1200px) {
  .all-brands-logo {grid-template-columns: repeat(6, 1fr);}
.service-content .title {
    font-size: 36px;
}
.all-heading {
    font-size: 36px;
}
.sub-heading {
    font-size: 18px;
}
} 
@media (min-width: 992px){
  .site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: -1px;}
  .mt-md-150{margin-top: 150px !important;}
  .mt-md-80{margin-top: 80px !important;}
  .mt-md-50{margin-top: 50px !important;}
  .mb-md-60{margin-bottom: 60px !important;}
}

@media (min-width: 767px) {

}

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
  .footer-about .enail-id {font-size: 48px;}
  .guesswork-last-img {
    transform: scale(1.3);
  }
  .guesswork-card .title {
    font-size: 50px;
  }
}

@media (max-width: 991.98px) {
  .site-header .navbar-toggler{display: flex;}
  .process-image {margin: 0;margin-bottom: 30px;}
  .service-content .title {font-size: 30px;}
  .couner-number-widget .item .number {font-size: 32px;}
.services-icon01,.services-icon02,.services-icon03{
  display: none;
}
.float-animation {max-width: 280px;}
.site-header .navbar-toggler {
    background-color: #000;
    padding: 15px 10px;
    width: 50px;
    height: 40px;
}
  .footer-about .enail-id {font-size: 28px;}
.footerlogo img {max-width: 200px;}
    .all-heading {font-size: 26px;}
    .proof-leap-card .inner-item{height: auto;}

    .site-header .navbar-collapse {
        position: absolute;
        width: 100%;
        left: 0;
        top: 86px;
        padding: 30px;
    }
        .site-header .navbar-collapse.show {
        background-color: #000;
        padding: 30px 30px;
    }
    .logo-headline .disc{max-width: 100%;}
.logo-headline {
    padding-top: 95px;
}
.logo-headline .all-heading {
    font-size: 50px;
}
.proof-leap-card{height: auto;}
}




@media (max-width: 767.98px) {
  .service-content .title {font-size: 30px;}
  .sub-heading {font-weight: 500;font-size: 14px;}
  .Mypadding {padding: 40px 0;}
  .job-card-remote {margin-top: 0;max-width: 100%;}
  .all-disc {font-size: 16px;}
  .custom-faq .accordion-item .accordion-header .accordion-button {font-size: 20px;}
  .job-card-remote .title {font-size: 26px;}
  .job-card-remote .time {font-size: 30px;}
  .footer-about .enail-id {font-size: 28px;margin-bottom: 50px;}
  .footer-main .footer-links ul li a {font-size: 16px;}
.site-header .inner-navbar {
    padding: 15px 0px;
}
.proof-leap-content {
    position: relative;
}

.guesswork-card-left-gradint-main:after,.guesswork-card-left-gradint-main:before,.guesswork-img,.guesswork-card-left-gradint-main:before, .guesswork-card-left-gradint:before, .guesswork-card-left-gray:before,.guesswork-card-left-gradint:after,.guesswork-card-left-gray:after,
.guesswork-animation{display: none;}
.guesswork-card{margin-bottom: 30px;}
.guesswork-wrapper .guesswork-widget {
    padding: 80px 0px;
}
.full-services-wrapper:after{display: none;}
.service-img {
    text-align: center;
}
.service-img .float-animation {
    max-width: 200px;
}
.service-content {
    text-align: center;
}
.service-content .list {
    margin: 0 auto;
}
.all-disc-xl {
    font-size: 24px;
}
.service-card {
    padding: 30px 0px;
}
.enough-content .heading {
    font-size: 30px;
    margin-top: 40px;
}
.custom-width {padding: 0px 15px !important;}
.logo-headline {padding-top: 70px !important;}
.proof-leap-content .disc {font-size: 14px;}
.tags .tag {padding: 4px 8px;font-size: 13px;}
.proof-leap-content .tags {gap: 5px !important;}
}
@media (max-width: 600px) {
        .logo-headline .all-heading {
        font-size: 40px;
    }
    .proof-leap-content .tags {
    flex-direction: column;
}
}

@media (max-width: 576.98px) {

}
@media (max-width: 475px) {
  


}