@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


@font-face {
    font-family: 'Arial';
    src: url('fonts/Arial-BoldMT.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*==BASIC-SETUP==*/
body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  background: #fff;
}

a,
a:hover {
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
  margin-bottom: 0;
}


/*==THIS IS START==*/
.header-area {
  width: 100%;
  background: #000;
  padding: 5px 0;
  z-index: 1000;
}

 .sticky {
  position: fixed;
  top: 0;
  left: 0;
  animation: goDown 0.6s ease-in-out forwards;
}

@keyframes goDown {
  0%{
    top: -60px;
  }
   100% {
    transform: translateY(0);
  } 
} 

.logo-item img {
  max-width: 238px;
  height: auto;
  margin-top: 12px;
  margin-bottom: -68px;
}


/* MOBIL-MENU-END*/
.hero-area {
  padding: 48px 0 78px 0;
  background: #ffffff;
}

.hero-main {
  display: grid;
  grid-template-columns: 36% auto;
  align-items: center;
  column-gap: 223px;
}

.hero-left img {
  max-width: 79px;
  height: auto;
}

.hero-left h6 {
  font-weight: 700;
  color: #000;
  font-size: 11.063px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 5px;
}

.hero-left h1 {
  font-weight: 700;
  font-size: 70px;
  color: #000000;
  letter-spacing: -1px;
  line-height: 79.8px;
  margin-top: 27px;
}

.hero-left p {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-top: 10px;
}

.hero-left a {
  font-family: Arial;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  border-radius: 24px;
  background: #FF6B00;
  display: inline-block;
  padding: 16px 60px;
  line-height: 18px;
  transition: 0.2s all ease;
  margin-top: 13px;
}

.hero-left a:hover {
  opacity: 0.8;
}

.hero-right img {
  width: 100%;
}

.mobil-hero img {
  width: 100%;
  /*! border-radius: 0 0 0 30px; */
  /*! margin-top: 12px; */
}


.header-middle ul {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 25px;
  justify-content: flex-end;
}

.header-middle ul li a {
  font-size: 25px;
  color: #ffffff;
}



/* forbes-section */
.forbes-area {
  padding-bottom: 53px;
  background: #fff;
}

.forbes-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 33px;
  align-items: center;
} 

.forbes-item {
  border-radius: 26.8px;
  border: 1.117px solid #FF6B00;
  text-align: center;
  padding: 42px 37px;
  background: #fbfbff !important;
}

.forbes-item1 {
  padding: 51px 37px; 
}

.forbes-item1 img {
  max-width: 222px;
  width: 100%;
  filter: invert(1);
}

.forbes-item1 svg defs {
  fill: #000000 !important;
}

.forbes-item2 img {
  max-width: 365px;
  width: 100%;
  filter: invert(1);
}

.forbes-item3 img {
  max-width: 201px;
  width: 100%;
  filter: invert(1);
}

.forbes-box {
  display: flex;
  border-radius: 26.8px;
  border: 1.117px solid #FF6B00;
  background: #FFF;
  max-width: 460px;
  justify-content: center;
  column-gap: 18px;
  min-height: 172px;
  margin-left: auto;
  margin-top: -35px;
  position: relative;
  padding: 25px 28px;
  display: none;
}

.forbes-box img {
  max-width: 95px;
}

.forbes-box a {
  font-family: Arial;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  border-radius: 24px;
  background: #FF6B00;
  display: inline-block;
  padding: 16px 20px;
}

/* choose-section */
.choose-area {
  background: #fff;
  padding-bottom: 174px;
}

.choose-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
  margin-top: 87px;
}

.choose-title h2 {
  font-weight: 700;
  font-size: 50px;
  color: #000;
  letter-spacing: -1px;
}

.choose-title h2 span {
  text-transform: uppercase;
}

.choose-title p {
  font-weight: 400;
  font-size: 15px;
  color: #000;
}

.choose-item {
  border-radius: 24px;
  border: 1px solid #B5A78F;
  background: #FBFBFF;
  padding: 0px 49px 25px 49px;
}

.chose-img {
  min-height: 254px;
}

.choose-item img {
  display: block;
  margin: auto;
}

.choose-item1 img {
  max-width: 245px;
  width: 100%;
}

.choose-item2 img {
  max-width: 211px;
  width: 100%;
}

.choose-item3 img {
  max-width: 290px;
  width: 100%;
}

.choose-item h4 {
  font-weight: 700;
  font-size: 25px;
  color: #000000;
}

.choose-item p {
  font-weight: 400;
  font-size: 15px;
  color: #000;
  margin-top: 5px;
}

/* work-section */
.work-area {
  padding-bottom: 158px;
  background: #ffffff;
}

.work-container {
  max-width: 670px;
  margin: auto;
}

.work-title span {
  font-weight: 700;
  font-size: 10px;
  color: #000000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #FF6B00;
  padding: 2px 6px;
}

.work-title h2 {
  font-weight: 700;
  font-size: 51px;
  color: #000000;
  letter-spacing: -1px;
}

.work-main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 56px;
  column-gap: 24px;
  margin-top: 34px;
}

.work-item-text {
  border-radius: 24px;
  border: 1px solid #FF6B00;
  padding: 25px;
}

.work-item-text span {
  font-weight: 800;
  font-size: 25px;
  color: #ffffff;
  width: 34px;
  height: 34px;
  background: #FF6B00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.work-item-text h4 {
  font-weight: 700;
  font-size: 38px;
  color: #000000;
  letter-spacing: -1px;
  margin-top: 10px;
}

.work-item img {
  width: 100%;
  border-radius: 45px;
}

/* get-section */
.get-area {
  background: #FF6B00;
  padding: 90px 0;
}

.get-main {
  max-width: 900px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
}

.get-item img {
  width: 100%;
  border-radius: 24px;
}

.get-item2 {
  border-radius: 24px;
  background: #FBFBFF;
  padding: 20px;
}

.get-item2 h6 {
  font-weight: 700;
  font-size: 10px;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.get-item2 h2 {
  font-weight: 700;
  font-size: 50px;
  color: #000;
  line-height: 58.8px;
  margin-top: 10px;
}

.get-item2 h5 {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin-top: 38px;
}

.get-item2 h4 {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin-top: 13px;
}

.freebox-item {
  display: grid;
  grid-template-columns: 65% auto;
  border-radius: 3px;
  background: #FFEFE4;
  padding: 7px 12px;
  justify-content: space-between;
  margin-top: 25px;
}

.freebox-item p {
  font-weight: 400;
  font-size: 13px;
  color: #000;
}

.free-box {
  font-weight: 700;
  font-size: 12px;
  color: #000;
  width: 107px;
  height: 65px;
  background: #FF6B00;
  text-transform: uppercase;
  /*! display: flex; */
  /*! align-items: center; */
  /*! justify-content: center; */
  clip-path: polygon(0 0, 100% 0, 100% 30%, 100% 100%, 47% 74%, 0 100%, 0% 30%);
  margin-top: -7px;
  text-align: center;
  padding-top: 6px;
}

/* reviews-section */
.reviews-area {
  background: #ffffff;
  padding: 182px 0 110px 0;
}

.reviews-main {
  margin-top: 68px;
}

.reviews-title {
  max-width: 507px;
  margin: auto;
}

.reviews-title h2 {
  font-weight: 700;
  font-size: 50px;
  color: #000;
  letter-spacing: -1px;
  line-height: 58.8px;
}

.reviews-title a {
  font-weight: 500;
  font-size: 14px;
  color: #000;
  border-radius: 24px;
  border: 1px solid #000;
  display: inline-block;
  padding: 8px 52px;
  margin-top: 13px;
  transition: 0.2s all ease;
}

.reviews-title a:hover {
  background: #000000;
  color: #fff;
}

.reviews-img {
  min-height: 200px;
}

.carousel-cell img {
    width: 100% !important;
    border-radius: 24px 24px 0 0;
}

.main-carousel2 .carousel-cell {
    width: 16.66% !important;
    margin: 0 12px;
    border-radius: 24px;
    border: 1px solid #FF6B00;
    margin-bottom: 30px;
    min-height: 766px;
}

.reviews-cnt {
  padding: 12px 25px 25px 25px;
}

.reviews-cnt p {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  text-overflow: ellipsis;
}

.flickity-button {
  display: none;
}

.flickity-page-dots {
  display: none;
}

.carousel-cell ul {
  display: flex;
  align-items: center;
  column-gap: 6px;
  margin-top: 11px;
}

.carousel-cell ul li {
  font-weight: 500;
  font-size: 13px;
  color: #000;
}

.carousel-cell ul li img {
  max-width: 70px;
}

.carousel-cell ul li:nth-of-type(2) {
  font-weight: 700;
  font-size: 20px;
  color: #FF6B00;
  margin-right: 10px;
}

/* faq-section */
.question-area {
  background: #ffffff;
  padding-bottom: 86px;
}

.question-main {
  margin-top: 40px;
}

.question-title h2 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 30px;
  color: #151515;
}

.question-title p {
  font-family: "Lato", sans-serif;
  font-weight: 400f;
  font-size: 20px;
  color: rgba(21, 21, 21, 0.70);
  margin-top: 10px;
}

.ac-trigger {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #151515;
  padding: 18px 16px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(21, 21, 21, 0.30);
}

.ac-panel-cnt {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  padding: 10px 15px;
}

.ac-panel-cnt ul {
  padding-left: 20px;
  margin-top: 10px;
}

.ac-panel-cnt ul li {
  display: grid;
  grid-template-columns: 1% auto;
}

.ac-panel-cnt ul li p em {
  font-weight: 700;
  color: #000000;
}

.ac-panel-cnt a {
  text-decoration: underline;
}

.ac-panel-cnt ul li span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #000000;
  display: block;
  margin-top: 11px;
}

.ac-trigger::after {
  content: "\f067";
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  text-align: center;
  width: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #FF6B00;
}

.ac.is-active .ac-trigger::after {
  content: "\f068";
}

.ac-panel {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
}

.js-enabled .ac-panel {
  visibility: hidden;
}

.ac.is-active .ac-panel {
  visibility: visible;
}

/* footer-section */
.footer-area {
  background: #000;
  padding: 28px 0;
}


.footer-main {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  align-items: center;
}

.footer-left img {
  max-width: 214px;
  height: auto;
  margin-top: -86px;
  margin-bottom: 25px;
}

.footer-right ul {
  display: flex;
  align-items: center;
  column-gap: 13px;
  justify-content: center;
}

.footer-right ul li a {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.40);

}


.reviews-cnt2 p {
  margin-top: 45px;
}

.reviews-cnt2 ul {
  margin-top: 32px;
}

.reviews-cnt3 ul {
  margin-top: 65px;
}

.reviews-cnt3 p {
  margin-top: 73px;
}

.reviews-cnt4 p {
  margin-top: 24px;
}

.reviews-cnt5 p {
  margin-top: 10px;
}

.reviews-cnt5 ul {
  margin-top: 0px;
}

.reviews-cnt6 p {
  margin-top: 98px;
}

.reviews-cnt7 p {
  margin-top: 23px;
}

.reviews-cnt7 ul {
  margin-top: 32px;
}

.reviews-cnt8 p {
  margin-top: 60px;
}

.reviews-cnt8 ul {
  margin-top: 75px;
}

.get-box {
  width: 450px;
  height: 105px;
  background: #ffffff;
  border: 1px solid #FF6B00;
  position: fixed;
  z-index: 100;
  display: grid;
  grid-template-columns: 28% auto;
  align-items: center;
  bottom: 0%;
  right: 0%;
  border-radius: 40px 40px 0 0;
  padding: 20px;

}

.get-box-item img {
  max-width: 125px;
  margin-top: -38px;
  transform: rotate(-23deg);
  border-radius: 10px;
}

.get-box a {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  border-radius: 90px;
  background: #FBFBFF;
  display: block;
  padding: 10px 20px;
  background: #FF6B00;
  text-align: center;
}