a,
a:hover {
  color: #000;
}

a,
button {
  transition: 0.3s ease-in-out;
}

.themebtn,
ul.header-main__nav li a {
  text-transform: capitalize;

  position: relative;
}

.banner_img,
.themebtn:hover::after,
ul.header-main__nav li a.active::after,
ul.header-main__nav li a:hover::after {
  width: 100%;

  left: 0;
}

p.agency,
p.launch {
  text-align: center;
}

.about_img,
.banner_person,
.banner_sub_img,
.home_banner,
.macbook_img,
.services_item,
.themebtn {
  overflow: hidden;
}

.faq_crdRigth p,
.main_nav > li > .dropdown_menu,
.pop_form {
  opacity: 0;

  visibility: hidden;
}

.contact_form::after,
.contact_form::before {
  content: "";

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

.crs_btn,
.crss_btn,
.faq_crd,
button {
  cursor: pointer;
}

:root {
  --c1: #d97706;

  --c2: #f59e0b;

  --c3: linear-gradient(90deg, #39a888, #1c75bc);

  --f1: "HelveticaNeueLight";

  --f2: "HelveticaNeueRoman";

  --f3: "HelveticaNeueRoman";

  --f4: "HelveticaNeueBold";

  --f5: "HelveticaNeueBold";

  --f6: "Space Grotesk";

  --f7: "poppins";

  --f8: "Orbitron";

  --f9: "Turret Road";

  --f10: "Playfair Display";

  --f11: "Lato";
}

html {
  scroll-behavior: smooth;

  overflow-x: hidden;
}

.about_arrow ig,
.img__contain,
.portfolio_img img {
  width: 100%;

  height: 100%;

  object-fit: contain;
}

.about_img img,
.banner_img img,
.banner_sub_img img,
.business_img img,
.bussiness_sub_img img,
.custom-top-banner img,
.img__cover,
.macbook_img img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

* {
  padding: 0;

  margin: 0;

  box-sizing: border-box;

  text-decoration: none !important;

  list-style-type: none;

  font-family: Roboto, sans-serif;
}

::selection {
  background-color: var(--c1);

  color: #fff;
}

a {
  display: inline-block;
}

.banner_cont h3,
.services .row .col-lg-3:nth-child(2n) .services_item:hover .services_cont span,
ul.header-main__nav li a.active,
ul.header-main__nav li a:hover {
  color: #ffffff;
}

dl,
ol,
ul {
  margin-bottom: 0;

  padding: 0;
}

a,
button,
input,
input::placeholder,
li,
p,
span {
  font-family: var(--f6);
}

.imgFluid {
  max-width: 100%;

  height: auto;
}

button {
  outline: 0;
}

i.bx {
  font-family: boxicons;

  vertical-align: middle;
}

.themebtn {
  padding: 10px 25px;

  background: var(--c1);

  font-size: 14px;

  border-radius: 50px;

  z-index: 99;

  border: none;

  box-shadow: 0 0 0 1px var(--c1);

  color: #fff;

  font-weight: 500;
}

.themebtn:hover {
  color: #fff;

  box-shadow: 0 0 0 1px var(--c2);
}

.themebtn::before {
  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(
    left,
    #fff0 0,
    rgb(255 255 255 / 0.3) 100%
  );

  background: linear-gradient(to right, #fff0 0, rgb(255 255 255 / 0.3) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

  -webkit-animation: 0.75s shine;

  animation: 2s linear infinite shine;
}

.themebtn::after {
  position: absolute;

  content: "";

  width: 0;

  right: 0;

  height: 100%;

  background-color: var(--c2);

  top: 0;

  transition: 0.4s;

  z-index: -1;
}

.themebtn:hover span {
  animation: 1s tada;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.header-main {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px 0;
}

a.header__logo img {
  width: 191px;

  height: auto;

  object-fit: contain;
}

ul.header-main__nav {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 30px;
}

.home_banner,
p.agency {
  justify-content: center;
}

ul.header-main__nav li a {
  font-size: 15px;

  font-family: var(--f1);
}

ul.header-main__nav li a::after {
  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  width: 0;

  height: 2px;

  background: var(--c1);

  transition: 0.5s;
}

.home_banner {
  display: flex;

  align-items: center;

  position: relative;

  width: 100%;

  height: 100%;

  background: linear-gradient(135deg, #f5f7fa 0%, #e8edf2 100%);

  min-height: 95vh;
}

.banner_img {
  height: 100%;

  position: absolute;

  top: 0;

  width: 100%;

  background-image: url("https://nexgenbookpublisher.com/images/banners/1.jpg");

  background-size: cover;

  background-position: center;

  opacity: 0.08;
}

.about_main,
.banner_cont,
.banner_main,
.banner_sub_img,
.main_nav li {
  position: relative;
}

.banner_cont {
  color: #1a1a1a;

  width: 90%;

  z-index: 2;
}

.banner_cont h6 {
  font-size: 14px;

  text-transform: uppercase;

  font-family: var(--f1);

  color: #d4a853;

  letter-spacing: 2px;

  margin-bottom: 15px;

  font-weight: 600;
}

.banner_cont h3 {
  font-size: 61px;

  font-family: var(--f6);

  text-transform: capitalize;

  margin: 10px 0;

  line-height: 1.1;

  font-weight: 800;

  color: #1a1a1a;

  text-shadow: none;
}

.banner_cont h3 span {
  color: #d4a853;

  display: inline-block;
}

.banner_cont p {
  font-size: 16px;

  width: 95%;

  color: #5a5a5a;

  margin: 21px 0 25px;

  font-weight: 400;

  line-height: 1.6;
}

.banner_sub_img {
  width: 75%;

  height: 511px;

  z-index: 1;

  float: inline-end;

  transform: scale(1.2);

  margin-right: -70px;
}

.get_in_touch_img,
.portfolio_img,
.track span::before {
  transform: translateY(-50%);
}

.banner_person {
  position: absolute;

  width: 344px;

  height: 544px;

  bottom: -98px;

  left: 48%;

  animation: 0.7s ease-out 1s forwards img_bounceIn;
}

.about_img,
.banner_person img,
.business,
.business_img,
.business_main,
.bussiness_sub_img {
  position: relative;
}

.banner_person img {
  width: 100%;

  height: 100%;

  object-fit: contain;

  z-index: 1;
}

.transparent {
  background: 0 0;

  box-shadow: none;

  color: var(--c1);

  font-size: 17px;

  width: max-content;

  padding: 9px 2px !important;

  border-radius: 0;

  font-family: var(--f4);
}

.transparent::before {
  background: var(--c1);

  animation: none;

  left: 50%;

  height: 2px;

  width: 100%;

  transform: translateX(-50%);

  top: 72%;
}

.transparent:hover {
  background: 0 0;

  letter-spacing: 1px;
}

.responsive_menu,
.transparent::after {
  display: none;
}

.transparent:hover::before {
  background: #fff;
}

.banner_btn {
  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 40px;
}

.banner_btn .themebtn {
  padding: 12px 28px;

  display: flex;

  align-items: center;

  gap: 8px;

  font-weight: 600;
}

.banner_btn .themebtn:first-child {
  background: #d4a853;

  color: #000;

  box-shadow: 0 4px 12px rgba(212, 168, 83, 0.3);
}

.banner_btn .themebtn:first-child:hover {
  background: #c49643;

  box-shadow: 0 6px 16px rgba(212, 168, 83, 0.4);
}

.banner_btn .themebtn:last-child {
  background: transparent;

  border: 2px solid #1a1a1a;

  color: #1a1a1a;

  box-shadow: none;
}

.banner_btn .themebtn:last-child:hover {
  background: #1a1a1a;

  color: #fff;
}

.banner_stats {
  display: flex;

  gap: 50px;

  margin-top: 30px;
}

.stat_item h4 {
  font-size: 42px;

  font-weight: 800;

  color: #d4a853;

  margin-bottom: 5px;

  font-family: var(--f6);
}

.stat_item p {
  font-size: 12px;

  color: #5a5a5a;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 600;

  margin: 0;

  width: 100%;
}

.banner_person::before {
  position: absolute;

  content: "";

  width: 300px;

  height: 300px;

  background: url(../images/new/banner_ticker.webp) center/contain no-repeat;

  top: 85px;

  left: 15px;

  animation: 20s linear infinite ticker;
}

@keyframes ticker {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes img_bounceIn {
  0% {
    opacity: 0;

    transform: translateY(100%);
  }

  60% {
    opacity: 1;

    transform: translateY(-20px);
  }

  75% {
    transform: translateY(10px);
  }

  90% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0);
  }
}

.chat_header_btn a {
  display: flex;

  align-items: center;

  gap: 8px;

  font-family: var(--f7);

  color: var(--c1);

  margin-top: 3px;

  font-size: 15px;

  font-weight: 500;
}

.chat_header_btn a i {
  font-size: 22px;

  color: var(--c2);
}

.chat_header_btn a:hover i {
  animation: 0.6s tada;
}

.business_img {
  width: 100%;

  height: 578px;

  border-right: 2px solid var(--c1);
}

.business {
  padding: 70px 0;
}

.bussiness_sub_img {
  width: 100%;

  height: 545px;
}

.business_img::before {
  position: absolute;

  content: "";

  width: 14%;

  height: 100%;

  background: #fff;

  top: 0;

  right: 0;

  z-index: 999;
}

.business_main {
  padding-left: 34px;
}

.business_main h3 {
  font-size: 45px;

  font-family: var(--f6);

  color: var(--c1);

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 22px;
}

.business_main p {
  font-size: 14px;

  font-family: var(--f7);

  font-weight: 500;

  color: #1d2758b3;
}

.bus_cont h4 span,
.business_services_item small {
  font-weight: 600;

  color: var(--c2);
}

.business_services_item {
  display: flex;

  gap: 30px;

  margin-bottom: 36px;
}

.business_services_item small {
  font-size: 57px;

  line-height: 1;

  font-family: var(--f6);
}

.bus_cont h4 {
  font-size: 27px;

  font-family: var(--f6);

  font-weight: 400;

  color: var(--c1);

  text-transform: uppercase;

  margin-bottom: 31px;
}

.about_cont h3,
.about_cont h6,
p.agency,
p.launch {
  text-transform: capitalize;
}

.bus_cont p,
p.agency {
  height: 100px;

  margin: 0;
}

.bus_cont p {
  font-size: 13px;

  line-height: 1.8;

  overflow-y: scroll;
}

.business_services .row,
.services .row {
  margin-top: 3rem;
}

p.agency {
  position: absolute;

  top: -90px;

  z-index: 9999;

  width: 100px;

  background: url(../images/new/agency_bg.webp) center/contain no-repeat;

  display: flex;

  align-items: center;

  padding: 10px;

  font-family: var(--f8);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  color: #fff;

  transform: rotate(-17deg);
}

.bussiness_sub_img::before {
  position: absolute;

  content: "";

  width: 60px;

  height: 60px;

  background: var(--c2);

  border-radius: 100%;

  bottom: 50%;

  left: -90px;
}

.business::before {
  position: absolute;

  content: "";

  width: 138px;

  height: 178px;

  background: url(../images/new/business_before.webp) center/contain no-repeat;

  top: 3%;

  right: -8px;
}

.business::after {
  position: absolute;

  content: "";

  width: 130px;

  height: 140px;

  background: url(../images/new/business_after.webp) center/contain no-repeat;

  right: 15%;

  bottom: 2px;
}

.about_img {
  width: 95%;

  height: 590px;

  /* -webkit-mask-image: url(../images/new/about_img_mask.webp); */

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center;

  -webkit-mask-size: contain;

  transition: 1s;

  border-radius: 21px;

  z-index: 1;
}

.about_arrow {
  width: 120px;

  height: 120px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 100%;

  background: #e6e6f4;

  position: absolute;

  transition: 1s;

  top: 0;

  left: 50px;
}

.about_btn,
.get-in-touch {
  display: flex;

  align-items: center;
}

.about_macbook_item {
  width: 209px;

  height: auto;

  text-align: center;

  padding: 22px 23px;

  background: var(--c2);

  border-radius: 28px;

  position: absolute;

  transition: 0.7s;

  bottom: -50px;

  right: -30px;

  z-index: 1;
}

.macbook_img {
  width: 65px;

  height: 61px;

  border-radius: 10px;

  margin: 0 auto 8px;
}

.about {
  padding: 160px 0 70px;

  background: #f4f4f4;

  position: relative;
}

.macbook_cont h4 {
  font-size: 14px;

  font-family: var(--f6);

  font-weight: 500;

  color: #fff;
}

.macbook_cont p {
  font-size: 9px;

  color: #fff;

  line-height: 1.3;
}

.about_cont h6,
.top-bar-con .marquee span {
  font-size: 18px;
}

.about_img:hover {
  mask-image: none;
}

.about_main:hover .about_arrow {
  transform: scale(0);
}

.about_main:hover .about_macbook_item {
  transform: scale(1.2);
}

.about_main::before {
  position: absolute;

  content: "";

  width: 260px;

  height: 260px;

  background: url(../images/new/about_img_ticker.webp) center/contain no-repeat;

  top: -90px;

  right: -40px;

  animation: 10s linear infinite ticker;
}

.lightblue,
.services .row .col-lg-3:nth-child(2n) .services_item {
  background: var(--c2);
}

.never_stop {
  position: absolute;

  top: -55px;

  right: 9%;

  z-index: 999;

  width: 100px;

  height: 100px;
}

.never_stop img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: contain;

  animation: 20s linear infinite ticker;
}

img.about_star {
  width: 40px;

  height: 40px;

  top: 50%;

  left: 50%;

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

  animation: none;
}

.about_cont h6 {
  font-family: var(--f6);

  color: var(--c2);

  margin-bottom: 12px;
}

.about_cont h3,
.about_cont h5 {
  font-family: var(--f6);

  color: var(--c1);

  font-weight: 600;
}

.about_cont h3 {
  font-size: 45px;

  margin-bottom: 35px;

  line-height: 1.2;

  position: relative;
}

.about_cont h5 {
  font-size: 20px;

  width: 89%;
}

.about_cont p,
p.launch {
  font-family: var(--f7);

  font-weight: 500;
}

.about_cont p {
  font-size: 14px;

  color: #1d2758b3;

  line-height: 1.7;

  width: 89%;

  margin: 19px 0;
}

.about_btn {
  gap: 19px;
}

.lightblue {
  box-shadow: 0 0 0 1px var(--c2);
}

.about_cont h3::before {
  position: absolute;

  content: "";

  width: 80%;

  height: 20px;

  background: url(../images/new/line.webp) center/contain no-repeat;

  bottom: -10px;

  left: 0;
}

p.launch {
  position: absolute;

  top: 10px;

  left: 50%;

  background: #fff;

  border-radius: 10px;

  padding: 14px 10px;

  font-size: 19px;

  width: 120px;

  line-height: 1.1;

  transform: translateX(-50%);

  color: var(--c1);

  margin: 0;

  box-shadow: 0 0 10px 0 #ddd;
}

.mainCta_sec,
.services {
  padding: 70px 0;
}

.services_icon {
  width: 100%;

  height: 90px;
}

.section_title h6 {
  font-size: 20px;

  text-transform: uppercase;

  color: var(--c2);

  font-family: var(--c6);
}

.section_title h3 {
  font-size: 40px;

  font-family: var(--f6);

  font-weight: 600;

  color: var(--c1);

  margin: 0;
}

.services_item {
  background: var(--c1);

  padding: 38px 30px;

  border-radius: 30px;

  transition: 0.5s;

  height: 480px;
}

.services_link {
  display: block;

  text-decoration: none;

  color: inherit;

  transition: all 0.3s ease;
}

.services_link:hover {
  text-decoration: none;

  color: inherit;
}

.services_link:hover .services_item {
  transform: translateY(-5px);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.services_icon img {
  width: 150px;

  object-fit: contain;

  height: 140px;

  float: inline-end;

  position: relative;

  top: -70px;

  right: -70px;
}

.services_cont span {
  width: 70px;

  height: 70px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 100%;

  background: #fef4cc;

  font-size: 33px;

  font-weight: 700;

  color: var(--c1);
}

.services_cont {
  color: #fff;

  position: relative;

  z-index: 1;
}

.services_cont h3 {
  font-size: 33px;

  font-family: var(--f6);

  line-height: 1.1;

  margin: 22px 0;
}

.services_cont p {
  font-size: 19px;

  font-family: var(--f7);

  font-weight: 100;

  margin: 0;

  height: 120px;

  overflow-y: scroll;
}

.banner_marquee,
.contact_form,
.faqs,
.get-in-touch,
.innerMAincta,
.portfolio,
.portfolio_img,
.portfolio_main,
.portfolio_person,
.project_crd,
section.marquee {
  overflow: hidden;
}

.services_item:hover::before {
  height: 100%;
}

.services .row .col-lg-3:nth-child(2n) .services_item:hover::before {
  height: 100%;

  background: var(--c1);
}

.live_chart a:hover,
.live_chat.alt,
.services .row .col-lg-3:nth-child(2n) .services_item .services_cont span,
.services_item:hover .services_cont span {
  color: var(--c2);
}

.services_item::before {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 0;

  transition: 0.5s;

  background: var(--c2);

  content: "";
}

.get-in-touch,
.lightblue:hover::after,
.portfolio_title:hover,
.themebtn.gradient:after,
section.marquee {
  background: var(--c1);
}

.get-in-touch {
  justify-content: flex-start;

  position: relative;

  width: 100%;

  height: 100%;

  min-height: 45vh;

  border-top-right-radius: 20px;

  border-top-left-radius: 20px;
}

.get-in-touch_btn,
.marquees {
  align-items: center;

  display: flex;
}

.get_in_touch_img {
  position: absolute;

  width: 48%;

  height: 100%;

  top: 49%;

  right: 4%;
}

.get_in_touch_img img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: 100% 33%;
}

.get-in-touch_main h3 {
  font-size: 23px;

  font-family: var(--f6);

  margin: 0;

  font-weight: 600;
}

.get-in-touch_main,
.portfolio_title:hover h3,
.portfolio_title:hover span {
  color: #fff;
}

.get-in-touch_main p {
  font-size: 14px;

  font-family: var(--f7);

  font-weight: 400;

  color: #ffffffbd;

  line-height: 1.7;

  width: 89%;

  margin: 19px 0;
}

.live_chart a {
  display: block;

  color: #fff;

  width: max-content;

  font-size: 16px;

  text-transform: capitalize;

  line-height: 1.5;
}

.get-in-touch_btn {
  gap: 20px;
}

.get-in-touch_btn .themebtn {
  padding: 9px 40px;
}

.portfolio_top_title {
  width: 100%;

  height: auto;

  text-align: end;

  position: relative;

  z-index: 1;
}

.portfolio_top_title img {
  width: 87%;

  height: auto;
}

.portfolio {
  padding: 70px 0;

  background: var(--c2);

  position: relative;
}

.portfolio_top_btn .themebtn {
  font-size: 13px;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 10px;

  width: max-content;

  background: var(--c2);
}

.portfolio_top_btn .themebtn img {
  width: 15px;

  height: auto;
}

.portfolio_title {
  display: flex;

  justify-content: flex-start;

  align-items: center;

  border-top: 1px solid #000;

  position: relative;

  padding: 44px 0;

  gap: 50px;
}

.portfolio_title span {
  font-size: 60px;

  font-family: var(--f6);

  font-weight: 600;

  color: var(--c2);
}

.portfolio_title h3 {
  font-size: 17px;

  font-family: var(--f6);

  color: var(--c1);

  font-weight: 400;

  width: 49%;
}

.portfolio_img {
  position: absolute;

  top: 28%;

  right: 0;

  width: 180px;

  height: 260px;

  transition: 0.5s;
}

.portfolio_main .row {
  margin-top: 7rem;
}

.portfolio_title:hover .portfolio_img {
  transform: scale(1.2) translateY(-50%);
}

.portfolio_item .portfolio_title:nth-child(2n) .portfolio_img {
  right: 13%;
}

.portfolio_main {
  padding: 32px 50px;

  background: url(../images/new/portfolio_bg.webp) top/100% 100% no-repeat;
}

.portfolio_person {
  width: 100%;

  height: 658px;

  position: relative;

  top: 47px;

  text-align: center;

  margin: -140px auto 0;
}

.portfolio_person img {
  width: 86%;

  height: 100%;

  object-fit: cover;

  position: relative;

  z-index: 99;
}

.portfolio_person::before {
  position: absolute;

  content: "";

  width: 500px;

  height: 420px;

  background: url(../images/new/port_vector.webp) center/contain no-repeat;

  top: 43%;

  left: 50%;

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

  animation: 5s linear infinite rotate;
}

@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.portfolio::before {
  position: absolute;

  content: "";

  width: 550px;

  height: 550px;

  background: url(../images/new/globe.webp) center/contain no-repeat;

  top: -15%;

  left: 18%;
}

.marquee span {
  font-size: 75px;

  color: #fff;

  font-weight: 800;

  margin-left: 106px;

  position: relative;

  animation: 32s linear infinite marquee;
}

section.marquee.marquee--alt span {
  margin-left: 29px;
}

.track {
  position: absolute;

  white-space: nowrap;

  will-change: auto;

  animation: 30s linear infinite marquees;
}

.marquees {
  position: relative;

  width: 100vw;

  max-width: 100%;

  height: 91px;
}

.top-bar-con .marquee,
section.marquee {
  padding: 0;
}

@keyframes marquees {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-82%);
  }
}

.banner_marquee {
  position: absolute;

  bottom: 0;

  right: 0;

  width: 50%;

  height: 70%;

  z-index: 999;
}

.banner_form,
.contact_form,
.innerMAincta,
.track span {
  position: relative;
}

.track span {
  font-size: 24px;

  font-weight: 600;

  font-family: var(--f9);

  margin-left: 92px;
}

.marquees.marquee2 {
  background: #000;

  padding: 0;

  transform: rotate(331deg);

  position: absolute;

  bottom: 99px;

  left: 71px;
}

.marquees.marquee2 span {
  color: #fff;

  display: inline-block;
}

.marquees.marquee1 {
  background: #fff;

  padding: 0;

  transform: rotate(314deg);

  left: 20%;

  top: 60%;

  z-index: 21;
}

.track span::before {
  position: absolute;

  content: "";

  width: 40px;

  height: 40px;

  background: url(../images/new/marquee_star.webp) center/contain no-repeat;

  top: 50%;

  left: -63px;
}

.marquees.marquee2 span::before {
  filter: brightness(100);
}

.transforming_book {
  padding: 70px 0 0;
}

.transforming_book_cont p {
  font-size: 14px;

  font-family: var(--f7);

  font-weight: 500;

  color: #000000cf;

  width: 100%;

  line-height: 1.8;

  margin: 28px 0;
}

.transforming_book_cont h3 {
  font-size: 45px;

  font-family: var(--f6);

  color: var(--c1);

  font-weight: 600;

  line-height: 1.3;

  margin: 0;

  width: 95%;
}

.live_chat_btn a,
span.agency {
  font-weight: 500;

  text-transform: capitalize;
}

.transforming_book_btn {
  display: flex;

  align-items: center;

  gap: 20px;

  padding-bottom: 130px;
}

.live_chat_btn a {
  display: block;

  font-size: 16px;

  line-height: 1.3;
}

.transforming_book_cont {
  padding-left: 51px;

  border-left: 1px solid var(--c1);

  position: relative;
}

span.agency {
  position: absolute;

  top: -70px;

  left: -52px;

  z-index: 9999;

  width: 100px;

  height: 100px;

  background: url(../images/new/agency_bg.webp) center/contain no-repeat;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 10px;

  font-family: var(--f8);

  font-size: 15px;

  line-height: 1;

  text-align: center;

  color: #fff;

  transform: rotate(-17deg);

  margin: 0;
}

.transforming_book_cont::before {
  position: absolute;

  content: "";

  width: 60px;

  height: 60px;

  background: #fead35;

  border-radius: 100%;

  bottom: 19%;

  left: -30px;

  animation: 9s linear infinite ball;
}

@keyframes ball {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-300px);
  }
}

.transforming_book_img {
  width: 100%;

  height: 750px;

  overflow: hidden;

  text-align: center;
}

.transforming_book_img img {
  width: 90%;

  height: 90%;

  object-fit: cover;

  border-radius: 30px;
}

.transforming_book_cont::after {
  position: absolute;

  content: "";

  width: 1px;

  height: 30%;

  top: 100%;

  left: -1px;

  background: var(--c1);
}

.contact_form {
  padding: 50px 40px;

  width: 70%;

  background: #eff0f3;

  border-radius: 20px;

  border-bottom: 9px solid var(--c1);
}

.form_fields {
  width: 100%;

  height: 47px;

  border: none;

  box-shadow: 0 0 0 1px #fff0;

  border-radius: 5px;

  margin-bottom: 17px;

  padding: 13px;

  font-size: 14px;

  outline: 0;

  color: #fff;
}

.form_fields::placeholder {
  color: #fff;
}

.banner_form {
  text-align: -webkit-right;

  position: relative;

  z-index: 2;
}

textarea.form_fields {
  height: 101px;

  color: #fff;
}

h3.form_title {
  text-align: center;

  text-transform: capitalize;

  font-size: 25px;

  font-weight: 600;

  font-family: var(--f7);

  color: #fff;

  margin-bottom: 21px;
}

.banner_form::before {
  position: absolute;

  content: "";

  width: 400px;

  height: 400px;

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

  background: url(../images/new/FORM_Vector.webp) center/contain no-repeat;

  top: 72px;

  right: -330px;

  animation: 14s linear infinite rotate;
}

.footer_newsLetter p {
  font-size: 16px;

  font-family: var(--f1);

  margin: 10px 0;
}

.news_form {
  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #fff;

  border: 1px solid #444444c9;

  border-radius: 10px;
}

.news_form input {
  padding: 15px;

  width: 97%;

  background: 0 0;

  border: none;

  font-size: 14px;

  font-family: var(--f1);
}

.news_form button {
  padding: 10px;

  background: 0 0;

  border: none;

  font-size: 30px;

  height: 20px;

  width: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #4444;
}

.innerMAincta {
  justify-content: center;

  width: 100%;

  height: 100%;

  padding: 114px 0;

  border-radius: 20px;

  margin-bottom: -180px;

  z-index: 1;
}

.faq_head h3,
.flower_img {
  display: flex;

  align-items: center;
}

.faq_btn a,
.faq_crd,
.faq_head h3 {
  border: 1px solid #000;
}

.cta_bg,
.project_img {
  position: absolute;

  width: 100%;

  height: 100%;

  inset: 0;

  z-index: -1;
}

.mainCta {
  width: 90%;
}

.innerCtacontent h3 {
  font-family: var(--f6);

  font-size: 41px;

  color: #fff;

  font-weight: 600;

  line-height: 54px;
}

.innerCtacontent p {
  font-size: 15px;

  color: #fff;

  font-family: var(--f1);

  letter-spacing: 0.5px;

  margin: 20px 0;
}

.themebtn.gradient {
  background: var(--c3);

  box-shadow: none;
}

.faq_head h3 {
  gap: 10px;

  font-size: 80px;

  font-family: var(--f6);

  margin: 0;

  justify-content: center;

  padding: 20px;

  border-top: none;
}

.flower_img {
  width: 90px;

  height: 90px;

  justify-content: center;

  animation: 20s linear infinite spin;
}

.faq_crd,
.faq_crdRigth {
  display: flex;

  align-items: center;
}

.faq_crd {
  border-top: 0;
}

.faqcrd_left h3 {
  font-size: 20px;

  font-family: var(--f2);

  margin: 0;
}

.faq_crdRigth {
  gap: 10px;

  width: 88px;

  padding: 36px 10px 36px 20px;

  border-left: 1px solid #000;

  margin-left: auto;

  position: relative;

  justify-content: end;

  transition: 0.5s;
}

.faq_btn a,
.faqs {
  display: flex;

  align-items: center;
}

.faq_crdRigth p {
  font-size: 14px;

  font-family: var(--f6);

  position: absolute;

  top: 50%;

  left: 50%;

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

  width: 81%;

  margin: 0 auto;

  transition: 0.5s;
}

.faqcrd_left {
  width: 50%;

  padding: 20px 30px;
}

.faq_crdRigth.active {
  width: 538px;
}

.faq_btn a {
  width: 40px;

  height: 40px;

  justify-content: center;

  padding: 10px;

  border-radius: 100%;
}

.dropdown_menu > li:hover > .dropdown_menu,
.faq_text.active,
.main_nav > li:hover > .dropdown_menu,
.pop_form.active {
  opacity: 1;

  visibility: visible;
}

.faq_innerbtn.active {
  transform: rotate(-100deg);

  background: var(--c2);
}

.faqs {
  padding: 0 0 70px;

  position: relative;

  height: 100%;

  justify-content: center;

  width: 100%;
}

.faq_bg {
  position: absolute;

  right: -50px;

  width: 24%;

  height: 95%;

  bottom: 0;

  display: none;
}

.testimonial {
  padding: 70px;

  background: var(--c2);
}

.main_nav,
.test_bottom,
.test_top {
  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;
}

.test_top h3 {
  width: 53%;

  font-family: var(--f6);

  color: #fff;

  font-size: 35px;

  font-weight: 400;
}

.test_right {
  width: 47%;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.test_right p {
  width: 420px;

  font-size: 14px;

  color: #fff;

  font-family: var(--f1);

  margin: 0;
}

.form_top_title h3,
.test_crd p,
.test_user p {
  font-family: var(--f6);
}

.test_right ul li button {
  background: #fff;

  border: 1px solid #000;

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 25px;

  border-radius: 5px;
}

.test_crd {
  background: #fff;

  padding: 30px;

  border-radius: 30px;
}

.collen_img {
  width: 25px;

  margin: 0 0 10px;
}

.test_crd p {
  font-size: 25px;

  font-weight: 600;
}

.user_img {
  width: 60px;

  aspect-ratio: 1/1;
}

.test_user p {
  font-size: 14px;

  font-weight: 600;

  margin: 0;
}

.test_user p span {
  display: block;

  font-size: 14px;

  font-weight: 100;
}

.test_logo {
  width: 250px;

  height: auto;
}

.test_slider {
  margin: 30px 0 0;
}

.TestsliderItem,
.project_item {
  margin: 0 10px;
}

.project_crd {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 300px;

  position: relative;

  border-radius: 20px;
}

.pop_form,
.pro_arrow {
  align-items: center;

  display: flex;
}

.project_maincontent {
  height: 180px;

  position: absolute;

  bottom: 0;

  border-radius: 20px;

  background: var(--c3);

  padding: 20px;

  transform: translatey(100%);

  transition: 0.5s;
}

.pro_arrow {
  width: 55px;

  height: 55px;

  background: #ffffff47;

  border-radius: 100%;

  justify-content: center;

  transform: rotate(135deg);

  font-size: 33px;

  margin-left: auto;

  color: #fff;
}

.project_maincontent p {
  margin: 15px 0 0;

  font-size: 24px;

  font-family: var(--f6);

  font-weight: 600;

  color: #fff;
}

.discount_crd.active,
.project_crd:hover .project_maincontent {
  transform: translatey(0);
}

.projects {
  padding: 0 0 70px;
}

::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #999;

  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--c1);

  border-radius: 10px;
}

.contact_main,
.side_menu .accordion-button:not(.collapsed) a {
  background: var(--c2);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--c2);
}

.contact_main {
  padding: 52px;

  border-radius: 30px;

  margin-bottom: -280px;

  position: relative;

  z-index: 1;
}

.contact_fields {
  width: 100%;

  height: 52px;

  border: none;

  border-radius: 9px;

  padding: 12px;

  margin-bottom: 13px;

  border: 1px solid var(--c1);

  outline: 0;

  color: var(--c1);
}

.pop_form,
.side_menu {
  height: 100vh;

  position: fixed;

  transition: 0.5s;
}

textarea.contact_fields {
  height: 141px;
}

.contact_fields::placeholder {
  font-size: 15px;

  text-transform: capitalize;

  font-family: var(--f6);

  font-weight: 500;

  color: #000000cf;
}

.form_top_title h3 {
  font-size: 44px;

  color: var(--c1);

  font-weight: 900;

  text-transform: capitalize;
}

.form_top_title h6 {
  font-size: 20px;

  font-family: var(--f7);

  color: var(--c1);
}

.form_btn button {
  width: 100%;

  font-size: 16px;
}

.footer_newsLetter {
  width: 67%;
}

.discount_img,
.main_popForm .contact_form,
.overLay,
.pop_form {
  width: 100%;
}

.discount_img {
  height: 200px;
}

.foo_btns li a:hover {
  transform: translateY(-6px);

  background: var(--c1);
}

.pop_form {
  z-index: 99999;

  inset: 0;

  justify-content: center;
}

.overLay {
  position: absolute;

  height: 100%;

  z-index: -1;

  background: #00000094;

  backdrop-filter: blur(5px);
}

.crs_btn,
.header__main,
.menu_logo,
.side_menu {
  background: var(--c1);
}

.main_popForm {
  width: 25%;

  margin: 0 auto;

  position: relative;
}

.crs_btn {
  position: absolute;

  width: 30px;

  height: 30px;

  top: 20px;

  z-index: 9;

  right: 10px;

  border-radius: 100%;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;
}

.project_img img {
  width: 100% !important;
}

.test_slider .slick-list {
  padding: 0 !important;
}

.main_nav > li > .dropdown_menu {
  position: absolute;

  z-index: 999;

  background: #fff;

  left: 0;

  top: 23px;

  transition: 0.5s;
}

.main_nav .dropdown_menu li a {
  padding: 6px 17px;

  font-size: 14px;
}

.main_nav > li > a {
  font-size: 14px;

  color: #fff;
}

.main_nav > li > a i {
  font-size: 8px;
}

.header__main {
  padding: 10px;
}

.dropdown_menu li a i {
  transform: rotate(-90deg);

  font-size: 10px;
}

.dropdown_menu > li > .dropdown_menu {
  position: absolute;

  z-index: 999;

  background: #fff;

  opacity: 0;

  visibility: hidden;

  transition: 0.5s;

  left: 220px;

  top: 0;
}

ul.dropdown_menu {
  width: max-content;

  min-width: 230px;
}

.menu_logo {
  position: relative;

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 7px 10px;

  top: 0;

  left: 0;

  z-index: 999;

  transition: 0.5s;
}

.side_menu {
  width: 70%;

  top: 0;

  left: 0;

  z-index: 9999;

  transform: translateX(-100%);

  overflow-y: auto;
}

.popup_form,
.responsive_overly {
  height: 100vh;

  z-index: 999;

  top: 0;

  position: fixed;
}

.show {
  transform: translateX(0);
}

.responsive_logo img {
  width: 100px;
}

.open_menu {
  font-size: 30px;

  color: #fff;
}

.side_menu li a {
  padding: 10px 12px;

  width: 100%;

  border-bottom: 1px solid #ffffff69;

  color: #fff;

  text-transform: capitalize;

  font-size: 15px;
}

.close_menu {
  text-align: end;

  padding: 8px 12px !important;
}

.menu_sticky {
  position: fixed;
}

.responsive_overly {
  width: 100%;

  background: #000000a3;

  transition: 1s;

  left: -100%;
}

.responsive_overly.show {
  left: 0;
}

.side_menu li.accordion-button {
  background: 0 0;

  padding: 0;
}

.side_menu .accordion-item {
  background: 0 0;
}

.side_menu .accordion-button::after {
  position: absolute;

  top: 50%;

  right: 8px;

  transform: translateY(-50%);

  width: 15px;

  height: 15px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: boxicons !important;

  background-image: none;

  content: "\ea4a";

  color: #fff;

  font-size: 23px;
}

.side_menu .accordion-body {
  padding: 0;

  height: 120px;

  overflow-x: auto;
}

.side_menu .accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(-180deg);

  background-image: none;

  content: "\ea4a";
}

.side_menu .accordion-button:not(.collapsed) {
  background: 0 0;

  box-shadow: none;

  outline: 0;

  border-color: #fff0;
}

.close_menu i {
  font-size: 23px;
}

.side_menu .accordion-body li a {
  padding-left: 23px;
}

.popup_form {
  width: 100%;

  justify-content: center;

  align-items: center;

  left: 0;

  background: #00000096;

  backdrop-filter: blur(4px);

  display: none;
}

.close_form,
.popup_form.active {
  display: flex;
}

.popup_form .banner_form {
  width: 37%;

  text-align: -webkit-center;
}

.close_form {
  position: absolute;

  top: 0;

  right: 0;

  width: 50px;

  height: 50px;

  justify-content: center;

  align-items: center;

  font-size: 24px;

  background: var(--c1);

  border-bottom-left-radius: 29px;

  color: #fff;
}

.contact_form::before {
  position: absolute;

  width: 270px;

  height: 20px;

  background: var(--c1);

  top: 0;

  right: 0;

  transition: 0.5s;
}

.contact_form::after {
  position: absolute;

  width: 300px;

  height: 17px;

  background: #1c27598c;

  top: 0;

  right: 0;

  transition: 0.5s;
}

header.header.active {
  z-index: 9999;

  position: fixed;

  width: 100%;
}

:is(.cta-single__icon, .cta-single__icon > span) {
  display: flex;

  align-items: center;

  transition: 0.4s;
}

.cta-single__icon {
  width: 280px;

  color: #fff;

  background: var(--c1);

  background-size: 200%;

  font-size: 1rem;

  font-weight: 600;

  justify-content: flex-start;

  gap: 0.75rem;

  box-shadow: 0 0 10px 5px #00000020;

  border-radius: 100px 0 0 100px;
}

.cta .contact-form__fields .themeBtn {
  background: var(--c1);

  font-size: 14px;

  width: 100%;

  padding: 10px;

  color: #fff;

  border: 1px solid #fff0;
}

.cta-single__icon > span {
  width: 60px;

  height: 50px;

  font-size: 1.25rem;

  justify-content: center;

  position: relative;

  color: #fff;

  border-right: 1px solid #ded9d9;
}

.cta-single__icon:hover {
  color: #444;

  background-color: #fff;

  font-weight: 300;

  font-size: 20px;
}

.call-now:hover,
.modal button.close {
  background: var(--color-primary);

  color: #fff;
}

.cta-single__icon--link:hover {
  transform: translateX(-70%);
}

.cta-formWrapper {
  background: #fff;

  width: 375px;

  padding: 2rem;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: 0.3s ease-in-out;

  box-shadow: 0 0 15px 1px #444;
}

.call-now,
.discount_crd {
  position: fixed;

  left: 20px;
}

.cta-formWrapper.show {
  transform: translate(-122%, -50%);
}

.cta-single__icon--form.show {
  transform: translateX(-134%);
}

.busniess-boxes svg,
.cancel-btn,
.modal button.close,
.success_crd:hover .success_bt,
.tab-img:after {
  transform: translate(-50%, -50%);
}

.cta-single__icon--form span::after {
  right: 100%;
}

.cta
  .contact-form__fields
  :is(
    input:not([type="file"], [type="checkbox"]),
    textarea,
    select,
    .contact-form__fields--file > label
  ) {
  border: 1px solid #4444;
}

.call-now {
  width: 50px;

  height: 50px;

  color: var(--color-primary);

  display: block;

  text-align: center;

  border-radius: 100%;

  font-size: 30px;

  bottom: 20px;

  z-index: 9999;

  padding: 0;

  line-height: initial;

  box-shadow: 6px 9px 30px 1px rgb(37 0 22 / 0.71);

  animation: 0.5s infinite alternate float;

  background: #fff;

  border: solid 3px var(--color-primary);

  display: flex;

  align-items: center;

  justify-content: center;
}

.call-now--whatsapp {
  bottom: 85px;
}

.contact-form__fields {
  margin: 0.5rem 0.45rem;
}

.contact-form__fields
  :is(
    input:not([type="file"], [type="checkbox"]),
    textarea,
    select,
    .contact-form__fields--file > label
  ) {
  width: 100%;

  background: #fff;

  border: none;

  outline: 0;

  border-radius: 0.25rem;

  padding: 0.75rem 1rem;

  margin: 0;

  resize: none;
}

.contact-formWrapper--modal
  .contact-form__fields
  :is(
    input:not([type="file"], [type="checkbox"]),
    textarea,
    select,
    .contact-form__fields--file > label
  ) {
  border: 2px solid var(--color-primary);
}

.contact-form__fields :is(input, textarea, select)::placeholder,
.contact-form__fields
  :is(input, textarea, select, .contact-form__fields--file > label) {
  color: #000 !important;

  font-size: 14px;

  font-weight: 400;
}

.contact-form__fields--file > label {
  width: 100%;

  position: relative;

  border: 2px dashed var(--color-primary) !important;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 0.5rem;

  cursor: pointer;

  padding: 0.6rem 1rem !important;
}

.inner_btn li,
.per-check,
.privacy,
.success_bt {
  display: flex;

  align-items: center;
}

.contact-form__fields--file > label > i {
  font-size: 1.75rem;
}

.btn:before,
.contact-form__fields--file > label > input,
.slick-dots li button:before {
  display: none;
}

.contact-form__fields button:not(.themeBtn) {
  width: 100%;

  color: #fff;

  font-size: 1.15rem;

  letter-spacing: 1px;

  font-weight: 600;

  border: none;

  background: var(--color-primary);

  padding: 1rem;

  text-align: center;

  text-transform: uppercase;
}

.cta .contact-form__fields .themeBtn:hover {
  background: 0 0;

  color: var(--c1);

  border-color: var(--c1);
}

.cta-single__icon:hover > span {
  color: var(--c1);
}

.cta {
  display: flex;

  align-items: end;

  flex-direction: column;

  gap: 0.75rem;

  position: fixed;

  top: 55%;

  right: 0;

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

  z-index: 99;
}

.discount_crd {
  z-index: 9999;

  bottom: 0;

  width: 21%;

  transform: translatey(130%);

  transition: 0.5s;

  left: 30px;
}

.crss_btn {
  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  display: grid;

  place-items: center;

  background: #c62828;

  color: #fff;

  font-size: 21px;

  border-radius: 5px;
}

.custom-top-banner {
  width: 100%;

  display: block;
}

.discount_img img {
  width: 100%;

  height: 100%;

  border-radius: 10px 10px 0 0;
}

.custom-top-banner a {
  position: absolute;

  top: 50%;

  right: 19%;

  transform: translateY(-50%);

  padding: 8px 21px;

  text-transform: capitalize;

  color: #e2120c;

  font-size: 14px;

  background: #fff;

  border-radius: 10px;

  font-weight: 600;

  transition: 0.5s;
}

.custom-top-banner a:hover {
  box-shadow: 0 0 30px 0 #e2120c;

  animation: 1s linear rubberband;
}

@keyframes rubberband {
  0%,
  100% {
    transform: scale(1) translateY(-50%);
  }

  30% {
    transform: scale(1.25, 0.75) translateY(-50%);
  }

  40% {
    transform: scale(0.75, 1.25) translateY(-50%);
  }

  50% {
    transform: scale(1.15, 0.85) translateY(-50%);
  }

  65% {
    transform: scale(0.95, 1.05) translateY(-50%);
  }

  75% {
    transform: scale(1.05, 0.95) translateY(-50%);
  }
}

.trust {
  position: fixed;

  bottom: 0;

  left: 40px;

  background: #fff;

  padding: 14px 33px 14px 14px;

  border-radius: 10px 10px 0 0;

  z-index: 999999;

  box-shadow: 0 0 15px 1px #4444;

  display: none;
}

.trust span {
  position: absolute;

  font-size: 12px;

  top: 37px;

  right: 19px;

  color: #444;
}

.trust img {
  width: 96px;
}

.footer_para p,
.themebtn,
ul.left li {
  text-transform: capitalize;
}

a.footer_logo {
  width: 210px;

  height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0 0 20px;
}

.footer_para p {
  color: #fff;

  font-family: var(--f2);

  font-weight: 400;

  font-size: 14px;

  width: 260px;

  margin: 10px 0;
}

h4.foot_head,
h4.foot_head_alt {
  text-transform: uppercase;

  font-weight: 500;

  font-family: var(--f1);

  color: #fff;

  position: relative;
}

.footer_btn {
  display: flex;

  align-items: center;

  gap: 8px;

  margin: 20px 0 0;
}

a.themebttn i {
  font-size: 28px;

  transform: rotate(40deg);
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

footer.footer {
  padding: 70px 0 0;

  position: relative;

  background: #6dc7c7f0;
}

.end_foot_div,
.top_footer {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.left_column {
  display: flex;

  justify-content: space-around;
}

.left_col_alt,
.right_column {
  display: flex;

  justify-content: flex-start;
}

.left_col_alt {
  align-items: flex-start;

  gap: 50px;
}

ul.left {
  line-height: 32px;
}

ul.left li {
  font-size: 13px;

  font-family: var(--f1);

  font-weight: 400;
}

ul.left li a {
  color: #fff;

  position: relative;

  font-size: 11px;
}

.right_col {
  width: 24%;

  border-right: 1px solid #fff;
}

.right_column {
  gap: 51px;
}

.right_cl_alt,
.right_link {
  justify-content: flex-start;

  display: flex;
}

.right_link {
  align-items: flex-start;

  line-height: 30px;

  gap: 80px;
}

ul.right_cl {
  line-height: 30px;

  margin-bottom: 20px;
}

.right_cl_alt {
  align-items: center;

  gap: 41px;
}

.mid_footer {
  padding: 20px 0 40px;
}

.right_contact a {
  display: flex;

  justify-content: flex-start;

  align-items: center;

  color: #fff;

  font-size: 12px;

  gap: 8px;

  margin-bottom: 10px;

  transition: 0.7s;
}

.right_contact a i {
  font-size: 16px;
}

.main_last_foot {
  display: flex;

  justify-content: flex-end;

  align-items: center;

  gap: 25px;
}

ul.icons {
  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 18px;
}

.banner_cont.alt h3,
ul.icons li {
  font-size: 38px;
}

ul.icons li a {
  color: #fff;

  font-size: 29px;
}

.last_foot_img {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 12px;
}

.last_foot_img a {
  width: 135px;

  height: 80px;

  overflow: hidden;
}

.last_foot_img a:hover {
  scale: 1.1;

  transition: 0.5s;
}

ul.left li a::before {
  position: absolute;

  content: "\ea55";

  color: var(--c1);

  font-size: 24px;

  font-family: boxicons !important;

  left: -26px;
}

h4.foot_head {
  font-size: 20px;

  margin: 11px 0;
}

h4.foot_head::after,
h4.foot_head_alt::after {
  position: absolute;

  content: "";

  width: 50px;

  bottom: -5px;

  left: 0;

  height: 3px;

  background: var(--c1);

  transition: 0.7s;
}

.contact_form_detailed::before,
.world_logo a::before {
  position: absolute;

  width: 1px;

  background: #fff;

  content: "";
}

h4.foot_head_alt {
  font-size: 24px;

  margin-bottom: 18px;

  margin-top: 0;
}

.contact_form_title h3,
h3.logo_title {
  text-transform: capitalize;

  font-weight: 700;
}

ul.left li a:hover {
  transform: translateX(10px);

  color: var(--c1);
}

.footer_links ul li a {
  color: #fff;

  font-size: 13px;

  margin-bottom: 4px;

  font-weight: 300;
}

.footer_links ul li a i {
  font-size: 20px;

  transition: 0.5s;

  color: var(--c1);
}

.footer_links ul li a:hover i {
  color: #1c2759;
}

.footer_links ul li a:hover {
  color: #fff;

  transform: translateX(10px);
}

.footer_links {
  position: relative;

  height: 100%;

  width: 300px;
}

.mid_footer .row {
  height: 100%;
}

.mian_footer {
  display: flex;

  justify-content: space-between;
}

.footer_para p,
.themebtn,
ul.left li {
  text-transform: capitalize;
}

.faqs,
.pub_serv_img,
.publish_card,
.service_img,
.themebtn,
a.footer_logo {
  overflow: hidden;
}

.client_img img,
.folio-inner-img img,
.ghostwriting_img img,
.last_foot_img a img,
.main_platform a img,
.marketing_banner_img img,
.port_img img,
.pub_serv_img img,
.seller_image img,
.service_img img,
a.footer_logo img,
ul.banner_img li a img {
  height: 100%;

  width: 100%;

  object-fit: contain;
}

.footer_para p {
  color: #fff;

  font-family: var(--f2);

  font-weight: 400;

  font-size: 14px;

  width: 260px;

  margin: 10px 0;
}

h4.foot_head,
h4.foot_head_alt {
  text-transform: uppercase;

  font-weight: 500;

  font-family: var(--f1);

  color: #fff;

  position: relative;
}

.footer_btn {
  display: flex;

  align-items: center;

  gap: 8px;

  margin: 20px 0 0;
}

footer.footer {
  padding: 70px 0 0;

  position: relative;

  background: #6dc7c7f0;

  margin: 0;
}

.end_foot_div,
.top_footer {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.mid_footer {
  padding: 20px 0 40px;
}

.end_footer {
  padding: 15px 0;

  border-top: 1px solid #ffffff7d;

  margin: 70px 0 0;
}

.footer_links.alt ul li a,
form button,
input.blank {
  margin-bottom: 10px;
}

.mid_end p {
  margin: 0;

  color: #fff;

  font-weight: 300;

  font-family: var(--f2);

  font-size: 12px;
}

ul.end_text {
  display: flex;

  justify-content: flex-end;

  align-items: center;

  gap: 18px;
}

ul.end_text li {
  font-family: var(--f1);

  font-size: 12px;

  font-weight: 400;

  color: #fff;
}

.end_img li a:hover {
  transform: scale(1.2);

  transition: 0.7s;
}

.end_img li a {
  width: 30px;
}

ul.end_img {
  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 8px;
}

.end_img li a img,
a.hire_book_serv img {
  width: 100%;

  height: 100%;

  object-fit: contain;

  transition: 0.7s;
}

.footer_btn {
  display: flex;

  align-items: center;

  gap: 8px;

  margin: 20px 0 0;
}

a.themebttn i {
  font-size: 28px;

  transform: rotate(40deg);
}

.footer_btn a {
  font-size: 12px;
}

ul.end_text li a {
  color: #fff;
}

.footerInnerMAin {
  text-align: -webkit-center;

  margin: 0 0 40px;
}

.footer_btn {
  justify-content: center;
}

/* Modern Footer Styles */

.footer {
  background: #0f1419 !important;

  color: #fff;

  padding: 60px 0 0;

  position: relative;

  overflow: hidden;
}

.footer::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  /* background: url("../images/footer-bg.webp") no-repeat center/cover; */

  opacity: 0.1;

  z-index: 0;
}

.footer * {
  position: relative;

  z-index: 1;
}

.footer-top {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 40px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  margin-bottom: 40px;

  flex-wrap: wrap;

  gap: 20px;
}

.footer-brand {
  flex: 1;

  min-width: 250px;
}

.footer-logo img {
  max-width: 150px;

  height: auto;

  margin-bottom: 15px;
}

.footer-tagline {
  font-size: 16px;

  line-height: 1.6;

  margin-bottom: 20px;

  font-family: var(--f6);

  color: rgba(255, 255, 255, 0.9);
}

.footer-social {
  display: flex;

  gap: 15px;
}

.social-link {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 50%;

  color: #fff;

  transition: all 0.3s ease;

  font-size: 18px;
}

.social-link:hover {
  background: var(--c2);

  transform: translateY(-3px);

  box-shadow: 0 5px 15px rgba(109, 200, 199, 0.3);
}

.footer-actions {
  display: flex;

  gap: 15px;

  flex-wrap: wrap;
}

.footer-main {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

  gap: 40px;

  margin-bottom: 40px;
}

.footer-column h4 {
  color: var(--c2);

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 20px;

  font-family: var(--f4);

  text-transform: uppercase;

  letter-spacing: 1px;
}

.footer-links {
  list-style: none;

  padding: 0;

  margin: 0;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  color: rgba(255, 255, 255, 0.8);

  text-decoration: none;

  font-size: 14px;

  transition: all 0.3s ease;

  display: flex;

  align-items: center;

  gap: 8px;

  font-family: var(--f6);
}

.footer-links a:hover {
  color: var(--c2);

  transform: translateX(5px);
}

.footer-links a i {
  font-size: 12px;

  transition: transform 0.3s ease;
}

.footer-links a:hover i {
  transform: translateX(3px);
}

.footer-contact {
  display: flex;

  flex-direction: column;

  gap: 15px;
}

.footer-contact a {
  color: rgba(255, 255, 255, 0.8);

  text-decoration: none;

  font-size: 14px;

  transition: all 0.3s ease;

  display: flex;

  align-items: flex-start;

  gap: 10px;

  font-family: var(--f6);
}

.footer-contact a:hover {
  color: var(--c2);
}

.footer-contact a i {
  font-size: 16px;

  margin-top: 2px;

  flex-shrink: 0;
}

.footer-bottom {
  background: rgba(0, 0, 0, 0.2);

  padding: 20px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom-content {
  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  gap: 20px;
}

.footer-awards {
  display: flex;

  gap: 15px;

  list-style: none;

  padding: 0;

  margin: 0;
}

.footer-awards li img {
  max-width: 60px;

  height: auto;

  opacity: 0.8;

  transition: opacity 0.3s ease;
}

.footer-awards li img:hover {
  opacity: 1;
}

.footer-copyright {
  font-size: 14px;

  color: rgba(255, 255, 255, 0.7);

  margin: 0;

  font-family: var(--f6);
}

.footer-legal {
  display: flex;

  gap: 20px;

  list-style: none;

  padding: 0;

  margin: 0;
}

.footer-legal a {
  color: rgba(255, 255, 255, 0.7);

  text-decoration: none;

  font-size: 14px;

  transition: color 0.3s ease;

  font-family: var(--f6);
}

.footer-legal a:hover {
  color: var(--c2);
}

/* Responsive Footer */

@media (max-width: 768px) {
  .footer-top {
    flex-direction: column;

    text-align: center;
  }

  .footer-main {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .footer-bottom-content {
    flex-direction: column;

    text-align: center;
  }

  .footer-awards {
    justify-content: center;
  }

  .footer-legal {
    justify-content: center;
  }
}

.agency {
  display: none !important;
}

.custom-top-banner a {
  width: 100%;

  position: absolute;

  height: 100%;

  display: block;

  inset: 0;

  border-radius: 0;

  font-size: 0;

  background: #fff0;

  transform: none;
}

.custom-top-banner a:hover {
  box-shadow: none !important;

  animation: none !important;
}

.topSlider {
  position: fixed;

  top: 0;

  width: 100%;

  height: 10px;

  z-index: 999999999;
}

/* Modern Mobile Menu Styles */

.modern-responsive-menu {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  background: var(--c1);

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.modern-menu-logo {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 15px 20px;

  background: var(--c1);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modern-responsive-logo {
  max-width: 120px;

  height: auto;

  transition: transform 0.3s ease;
}

.modern-responsive-logo:hover {
  transform: scale(1.05);
}

.modern-open-menu,
.modern-close-menu {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 8px;

  color: #fff;

  font-size: 20px;

  cursor: pointer;

  transition: all 0.3s ease;
}

.modern-open-menu:hover,
.modern-close-menu:hover {
  background: rgba(255, 255, 255, 0.2);

  transform: scale(1.1);
}

.modern-side-menu {
  position: fixed;

  top: 0;

  left: -100%;

  width: 300px;

  height: 100vh;

  background: #fff;

  transition: left 0.3s ease;

  overflow-y: auto;

  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.modern-side-menu.open {
  left: 0;
}

.modern-mobile-nav {
  list-style: none;

  padding: 20px;

  margin: 0;
}

.modern-mobile-nav li {
  border-bottom: 1px solid #f0f0f0;
}

.modern-mobile-nav li:last-child {
  border-bottom: none;
}

.modern-mobile-link {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 15px 0;

  color: #333;

  text-decoration: none;

  font-weight: 500;

  font-family: var(--f6);

  transition: all 0.3s ease;
}

.modern-mobile-link:hover {
  color: var(--c2);

  padding-left: 10px;
}

.modern-dropdown-toggle .modern-dropdown-arrow {
  transition: transform 0.3s ease;

  font-size: 14px;
}

.modern-mobile-dropdown.active .modern-dropdown-arrow {
  transform: rotate(180deg);
}

.modern-mobile-submenu {
  list-style: none;

  padding: 0;

  margin: 0;

  background: #f8f9fa;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.3s ease;
}

.modern-mobile-dropdown.active .modern-mobile-submenu {
  max-height: 500px;
}

.modern-mobile-submenu li {
  border-bottom: 1px solid #e9ecef;
}

.modern-mobile-submenu li:last-child {
  border-bottom: none;
}

.modern-mobile-submenu a {
  display: block;

  padding: 12px 20px;

  color: #666;

  text-decoration: none;

  font-size: 14px;

  font-family: var(--f6);

  transition: all 0.3s ease;

  border-left: 3px solid transparent;
}

.modern-mobile-submenu a:hover {
  color: var(--c2);

  background: #fff;

  border-left-color: var(--c2);

  padding-left: 25px;
}

.modern-menu-overlay {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  background: rgba(0, 0, 0, 0.5);

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;

  z-index: 9998;
}

.modern-menu-overlay.active {
  opacity: 1;

  visibility: visible;
}

/* Mobile Menu Responsive */

@media (max-width: 768px) {
  .modern-responsive-menu {
    display: block;
  }

  .modern-side-menu {
    width: 280px;
  }

  .modern-mobile-link {
    font-size: 16px;
  }

  .modern-mobile-submenu a {
    font-size: 13px;
  }
}

.topSlider .slick-list.draggable {
  padding: 0 !important;
}

.DiscoutSliderMain {
  width: 100%;

  height: 100%;
}

.discount_img img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.DisSlider .slick-list {
  padding: 0 !important;
}