/* Global Start */
* {
  font-family: "Inter", sans-serif;
  font-size: calc(14px + (18 - 14) * ((100vw - 360px) / (1920 - 360)));
  line-height: 1.4;
}
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fb9002;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(50, 222, 193, 0.8);
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.btn {
  padding: 12px 35px;
  border-radius: 10px;
  transition: 0.5s ease-in-out;
}
.btn-primary {
  background-color: #fb9002;
  border-color: #fb9002;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #264458;
  border-color: #264458;
  box-shadow: none;
}
.btn-secondary {
  background-color: #264458;
  border-color: #264458;
  color: #fff;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: #fb9002;
  border-color: #fb9002;
  box-shadow: none;
}
.btn-light {
  background-color: #fff;
  border-color: #264458;
  color: #222;
}
.btn-light:hover,
.btn-light:active,
.btn-light:focus {
  background-color: #fff;
  border-color: #fff;
  box-shadow: none;
}
ul li {
  list-style: none;
}
ul li i {
  color: #fb9002;
  margin-right: 5px;
}
a {
  text-decoration: none;
}
.form-control {
  background-color: #d9d9d9;
  border-radius: 10px;
  padding: 15px 15px 15px 35px;
}
.form-control:focus {
  color: #222;
  background-color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(38, 68, 88, 0.25);
}
/* Global Start */

/* Header Start */
.header {
  background-color: #264458;
}
.header .logo {
  height: 61px;
  width: 358px;
  object-fit: contain;
}
.mainMenu .icons {
  width: 25px;
  height: 25px;
  object-fit: contain;
}
.mainMenu li a,
.mainMenu li button {
  color: #fff;
  background-color: #fff0;
  border: none;
  transition: 0.4s ease-in-out;
}
.mainMenu li a:hover,
.mainMenu li button:hover {
  color: #fb9002;
}
/* Header End */

/* Home Page Start */
/* Banner Start */
.banner {
  background-image: url(../images/banner.webp);
  background-size: cover;
  background-position: center;
}
.formInner .icons {
  position: absolute;
  top: 22px;
  left: 15px;
  width: 15px;
  height: 15px;
  object-fit: contain;
}
.req-quote {
    padding: 9px 5px;
    font-size: 16px;
}
/* Banner End */

/* Digital Presence Start */
.nav-pills .nav-link {
  color: #222;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
  margin-bottom: 20px;
  padding: 12px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-pills .nav-link:last-child {
  margin-bottom: 0;
}
.nav-pills .nav-link img {
  width: 45px;
  height: 15px;
  object-fit: contain;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #264458;
  border-color: #264458;
}
.nav-pills .nav-link.active img {
  filter: invert(1);
}
.digitalPresence ul li:before {
  content: "";
  background-color: #fb9002;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 0;
}
.digitalPresence img {
  width: 453px;
  height: 380px;
  object-fit: contain;
}
/* Digital Presence End */

/* CTA Start */
.ctaBtn a {
  color: #222;
  transition: 0.4s ease-in-out;
}
.ctaBtn a:hover {
  color: #fb9002;
}
/* CTA End */

/* Our Clients Start */
.ourClients {
  background-image: url(../images/our-client-bg.webp);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.ourClients .carouselBg {
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 912px;
  height: 527px;
  object-fit: cover;
}
.slick-initialized {
  overflow: hidden;
}
.client-carousel .slick-slide img {
  width: 628px;
  height: 391px;
  transform: scale(0.8);
  filter: brightness(0.5);
  transition: 0.4s ease-in-out;
}
.client-carousel .slick-slide.slick-current img {
  transform: scale(1.1);
  filter: brightness(1);
  height: 426px;
  width: 628px;
  object-fit: contain;
}
/* Our Clients End */

/* Porfolio Start */
.portfolioBox {
  height: 450px;
}
.portfolioBox figure {
  height: 450px;
  overflow: hidden;
}
.portfolioBox figure img {
  width: 100%;
  position: relative;
  top: 0;
  transition: 2s ease-in-out;
}
.portfolioBox:hover figure img {
  top: -100%;
}
/* Porfolio End */

/* Packages Start */
.packages .nav-link {
  margin: 0 5px;
}
.package-carousel .item {
  margin: 0 5px;
}
.packageBox,
.packageBox p.h5,
.packageBox p,
.packageBox h2,
.packageBox li,
.packageBody ul li::before {
  transition: 0.4s ease-in-out;
}
.packageBox:hover {
  background-color: #fb9002;
  border-color: #fb9002 !important;
}
.packageBox:hover p.h5,
.packageBox:hover p,
.packageBox:hover h2,
.packageBox:hover li {
  color: #fff !important;
}
.packageBody {
  height: 400px;
  overflow-y: scroll;
  padding-right: 10px;
    overflow-x: hidden;
    
}
.packageBody::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}
/* Track */
.packageBody::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #264458;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(38, 68, 88, 0.8);
}
.packageBody ul li {
  margin-bottom: 10px;
  font-size: 16px;
  position: relative;
  padding-left: 25px;
}
.packageBody ul li::before {
  content: "";
  background-image: url(../images/icon-check.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 0;
}
.packageBox:hover ul li::before {
  filter: brightness(0.1) contrast(0.9) invert(1);
}
.packageBox:hover .btn-light {
  border-color: #fff !important;
}
.package-carousel .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.package-carousel .owl-nav .owl-prev,
.package-carousel .owl-nav .owl-next {
  position: absolute;
  margin: 0;
}
.package-carousel .owl-nav .owl-prev {
  left: -3rem;
}
.package-carousel .owl-nav .owl-next {
  right: -3rem;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #fff0;
  color: #222;
}
.package-carousel .owl-nav .owl-prev img,
.package-carousel .owl-nav .owl-next img {
  filter: invert(1);
}
/* Packages End */

/* Fortune Start */
/* .fortune ul {
  column-count: 6;
} */
.fortune ul li {
    width: 220px;
}
.fortune ul img {
    width: 41px;
    height: 41px;
    object-fit: contain;
}
/* .fortune .ctaBtn a:hover {
  color: #264458 !important;
}
.fortune ul li {
  width: 40%;
}
.fortune .fortuneBox {
  background-color: rgba(0, 0, 0, 0.11);
  width: 220px;
}
.fortune .fortuneBox img {
  width: 116px;
  height: 101px;
  object-fit: contain;
} */
/* Fortune End */

/* Testimonials Start */
.testimonial-carousel .item {
  padding: 30px 20px;
}
.testimonialBox {
  transition: 0.4s ease-in-out;
}
.testimonial-carousel .owl-item.active.center .testimonialBox {
  background-color: #264458 !important;
}
.testimonialBox .rating {
  width: 133px !important;
  height: 15px;
  filter: invert(1);
}
.testimonial-carousel .owl-item.active.center .rating {
    filter: invert(45%) sepia(99%) saturate(1009%) hue-rotate(12deg) brightness(106%) contrast(109%);
}
.testimonialBox .testimonialContent {
  min-height: 280px;
}
.testimonial-carousel .owl-item.active.center p {
  color: #fff !important;
}
.testimonial-carousel .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
  margin: 0 5px;
  background-color: #e3e3e3 !important;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  position: absolute;
  transition: 0.4s ease-in-out;
}
.testimonial-carousel .owl-nav .owl-prev {
  left: 0;
}
.testimonial-carousel .owl-nav .owl-next {
  right: 0;
}
.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
  background-color: #fb9002 !important;
}
.testimonial-carousel .owl-nav .owl-prev img,
.testimonial-carousel .owl-nav .owl-next img {
  transition: 0.4s ease-in-out;
  width: 20px;
  height: 15px;
  object-fit: contain;
}
.testimonial-carousel .owl-nav .owl-prev:hover img,
.testimonial-carousel .owl-nav .owl-next:hover img {
  filter: invert(1);
}
/* .testimonialBox {
  background-color: #e3e3e3;
  transition: 0.4s ease-in-out;
}

.testimonialBox .testimonialImg img {
  width: 309px !important;
  height: 448px;
  object-fit: cover;
}

.testimonialBox .rating {
  width: 133px !important;
  height: 15px;
  filter: invert(1);
}
.testimonial-carousel .owl-nav {
  margin: 0;
  position: absolute;
  top: -5rem;
  right: 2rem;
}
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
  margin: 0 5px;
  background-color: #e3e3e3 !important;
  width: 65px;
  height: 65px;
  border-radius: 10px;
  transition: 0.4s ease-in-out;
}
.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
  background-color: #fb9002 !important;
}
.testimonial-carousel .owl-nav .owl-prev img,
.testimonial-carousel .owl-nav .owl-next img {
  transition: 0.4s ease-in-out;
  width: 35px;
  height: 25px;
  object-fit: contain;
}
.testimonial-carousel .owl-nav .owl-prev:hover img,
.testimonial-carousel .owl-nav .owl-next:hover img {
  filter: invert(1);
} */
/* Testimonials End */
/* Home Page End */

/* Footer Start */
.footer .logo {
  width: 358px;
  height: 62px;
  object-fit: contain;
}
.socialImg {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
/* Footer End */

/* Modal Start */
.popupModal .modal-content {
  border-radius: 20px;
  overflow: hidden;
}
.modal-body {
  background-image: url(../images/popup-bg.webp);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  padding: 0;
}
.modal-body .btn-close {
  position: absolute;
  top: 0;
  right: 2%;
  color: #000;
  background-image: unset;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 24px;
  opacity: 1;
}
.modal-body .btn-close:focus {
  box-shadow: none;
}
.modal-body .popupRight {
  background-color: #eff1ff;
  padding: 30px;
  border-radius: 50px 0 0 50px;
}
.modal-body h2 {
  font-size: calc(25px + (35 - 25) * ((100vw - 360px) / (1920 - 360)));
  line-height: 1.3;
  font-weight: 700;
  color: #131313;
}
.modal-body h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 360px) / (1920 - 360)));
  line-height: 1.3;
  font-weight: 500;
  color: #131313;
}
.popupModal .form-control {
  padding: 0.75rem 0.75rem;
}
/* Modal End */