html {
  scroll-behavior: smooth;
}

.dark-creamy-color {
  color: #bac7d8 !important;
}

.mid-creamy-color {
  color: #d1dae5 !important;
}

.light-creamy-color {
  /* color: #e8ecf2 !important; */
  color: #19467e !important;
}

.blue-color {
  /* color: #bac7d8 !important; */
  color: black !important;
}

.light-blue-color {
  color: #e8ecf2 !important;
}

.light-green-color {
  /* color: #bac7d8 !important; */
  color: #19467e !important;
}

.dark-green-color {
  color: #143864 !important;
}

.whitesmoke {
  color: whitesmoke !important;
}

body {
  font-family: "Montserrat", sans-serif !important;
}

#t-bottom-move {
  /* text-decoration: none; */
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 100px;
  right: 25px;
  font-size: 20px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #d72f2d;
  /* color: #d41b18; */
  cursor: pointer;
  display: none;
  font-weight: 800;
  z-index: 2;
  transition: 0.3s ease-in-out;
  border: 2px dashed #19467e;
  border-radius: 10px;
  animation: gelatine 1s infinite;
}

#t-bottom-move:hover {
  background-color: #ffffff;
  color: #d10b09;
  border: 2px solid #19467e;
  box-shadow: 0 0 8px #19467e;
}

@keyframes gelatine {

  from,
  to {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.9, 1.1);
  }

  50% {
    transform: scale(1.1, 0.9);
  }

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

/* .main-bg-color {
  /* background-color: #143864; 
  background-image: linear-gradient(0deg, #d10b09, #d52321);
} */

.main-bg-color {
  background-image: linear-gradient(0deg, #8B0000, #B00000);
}


.border-point {
  border-bottom: 1px solid #143864;
}

.point-color {
  color: #143864;
}

.main-p-color {
  color: white;
}

.color-t {
  background-color: #f1b5b5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* color: #384f53 !important; */
  text-transform: capitalize;
  font-family: "Syne", "Montserrat", sans-serif !important;
}

h1,
h2,
h3,
h4 {
  color: #19467e;
}

p {
  color: #000000;
}

li::marker {
  color: #19467e;
}

.main-fst-btn {
  box-shadow: 2px 2px 8px -1px #f1b5b5;
  background-color: white !important;
  text-decoration: none;
  transition: 0.3s;
  color: #143864 !important;
  font-weight: 700;
}

.main-fst-btn:hover {
  background-color: #f1b5b5 !important;
  box-shadow: 2px 2px 8px -1px #143864;
  color: white !important;
  font-weight: 900;
}

.main-sec-btn {
  background-color: #f1b5b5;
  text-decoration: none;
  transition: 0.3s;
  color: white;
  font-weight: 700;
}

.main-sec-btn:hover {
  background-color: white;
  box-shadow: 2px 2px 8px -1px #f1b5b5;
  color: #143864;
  font-weight: 900;
}

/* ---------Header---------- */

/* top header icon */
.toBar-Mobile .main-sec-btn {
  background-color: white !important;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;

  i {
    font-size: 20px;
  }
}

.toBar-Mobile button {
  border-radius: 50px !important;
}

.toBar-Mobile .main-sec-btn:hover {
  background-color: #143864 !important;

  i {
    color: white !important;
    font-size: 20px;
  }
}

@media screen and (max-width:575.98px) {
  .nav-book {
    display: none;
  }
}

@media screen and (max-width: 450px) {
  .m-Topbar-dsk {
    display: none !important;
  }
}

@media screen and (min-width: 450px) {
  .toBar-Mobile {
    display: none !important;
  }
}

/* end */

header {
  position: fixed;
  width: 100%;
  z-index: 100;
  box-shadow: 0 13px 15px -12px rgba(0, 0, 0, 0.5);
}

.h-navbar li a {
  padding: 0px;
  line-height: normal;
  color: black !important;
  /* font-weight: 600; */
}

.h-navbar li a {
  border-bottom: 2px solid transparent;
}

.h-navbar li a:hover {
  /* border-bottom: 2px solid #f1b5b5; */
  background-color: transparent;
  color: #19467e !important;
  font-weight: 600;
}

.dropdown-menu li a:hover {
  border-bottom: 1px solid #19467e;
}

.dropdown-menu li a {
  padding: 3px 8px;
  line-height: 20px;
  color: white !important;
  border-bottom: 1px solid transparent;
}

.nav-book {
  padding: 5px 0px !important;
}

.top-nav-border-radius {
  border-radius: 0 0 40px 40px !important;
  padding: 5px 0 !important;
}

.nav-item-border {
  border-right: 1px solid #999;
}

/* -------dropdown-menu -------*/
.menu-ll {
  width: max-content;
  position: absolute !important;
  left: -150% !important;
  top: 35px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(4px);
  box-shadow: 0px 11px 14px -6px rgba(0, 0, 0, 0.5), inset 0px 11px 65px 3px #000;
}

.menu-ll-dis {
  display: flex;
  justify-content: center;
}

.menu-ll-dis ul li {
  padding: 3px 10px;
  color: white !important;
}

.menu-list-2 {
  border-left: 1px solid #999;
  padding-left: 14px;
}

.menu-list-1,
.menu-list-2 {
  padding: 10px;
}

@media screen and (max-width: 1920px) {
  .menu-ll ul li a {
    font-size: calc(14px + (16 - 14) * (100vw - 320px) / (1920 - 992)) !important;
  }
}

/* ----end---- */
.mobile-navbar {
  padding: 0px 10px;
}

.mobile-navbar li a {
  padding: 0px 10px;
  color: #000000 !important;
  font-weight: 500;
}

.mobile-navbar li a:hover {
  background-color: #e8ecf2;
  color: #19467e !important;
}

.navbar-toggler:focus {
  outline: 0 !important;

  box-shadow: none !important;
}

.navbar-toggler-icon {
  background-image: url(./images/icon/navbar-togler.svg) !important;
}

.dest-nav {
  padding: 5px 0px 7px !important;
  transition: 0.5s ease-in-out;
}

.nav-active {
  padding: 5px 0px !important;
}

@media screen and (min-width: 992px) {
  .dest-nav {
    display: block !important;
  }

  .mob-nav {
    display: none !important;
  }
}

@media screen and (max-width: 991.98px) {
  .dest-nav {
    display: none !important;
  }

  .mob-nav {
    display: block !important;
  }

  .mob-nav h5 {
    border-left: 2px solid #143864;
    padding: 5px 5px;
    color: #143864;
    margin-left: 5px;
    font-weight: 600;
  }

  .mob-nav-icon {
    color: #143864;
    padding: 10px 10px;
    font-weight: 500;
  }

  .mob-nav .sr-mob li {
    border-top: 1px solid #a6a4aa42;
  }

  .mob-nav .dropdown-menu {
    border: 1px solid #19467e;
    border-radius: 20px;
    transform: translateY(-10px);
  }

  .sr-mob li a {
    padding: 3px 10px;
  }
}


/* ------------------------- Header End ------------------------- */

/* ------------------------- home-banner Start ------------------------- */

.home-banner {
  background-image: url(./images/home-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}

.ghost-writing-banner {
  background-image: url(./images/ghost-writing-banner.webp);
  padding: 200px 0 80px;
}

.editing-banner {
  background-image: url(./images/editing-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.6);
  }
}

.publishing-banner {
  background-image: url(./images/publishing-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.proofreading-banner {
  background-image: url(./images/proofreading-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.6);
  }
}

.audio-book-banner {
  background-image: url(./images/audio-book-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.6);
  }
}

.book-promotion-banner {
  background-image: url(./images/book-promotion-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.book-formating-banner {
  background-image: url(./images/book-formating-banner.webp);
  padding: 200px 0 80px;
}

.ebook-writing-banner {
  background-image: url(./images/ebook-writing-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.author-website-banner {
  background-image: url(./images/author-website-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.6);
  }
}

.book-illustration-banner {
  background-image: url(./images/book-illustration-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.case-studies-banner {
  background-image: url(./images/case-studies-banner.webp);
  padding: 225px 0 57px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.75);
  }
}

.testimonials-banner {
  background-image: url(./images/testimonials-banner.webp);
  padding: 225px 0 57px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.contact-banner {
  background-image: url(./images/contact-banner.webp);
  padding: 225px 0 57px;
}

.about-us-banner {
  background-image: url(./images/about-us-banner.webp);
  padding: 225px 0 57px;
}

.section-about {
  background-image: url(./images/section-about.webp);
  padding: 100px 0;
}

.tandc-banner {
  background-image: url(./images/tandc-banner.webp);
  padding: 225px 0 57px;
  background-position: center bottom !important;
}

.privacy-policy-banner {
  background-image: url(./images/privacy-policy-banner.webp);
  padding: 225px 0 57px;
}

.childrens-book-publishing-banner {
  background-image: url(./images/childrens-book-publishing-banner.webp);
  padding: 200px 0 80px;

  .home-banner-overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }
}

.thank-you-banner {
  background-image: url(./images/bg-5.webp);
  padding: 200px 0 80px;
}

.bg-1 {
  background-image: url(./images/bg-1.webp);
}

.bg-2 {
  background-image: url(./images/bg-2.webp);
}

.bg-3 {
  background-image: url(./images/bg-3.webp);
}

.bg-4 {
  background-image: url(./images/bg-4.webp);
}

.bg-5 {
  background-image: url(./images/bg-5.webp);
}

.bg-6 {
  background-image: url(./images/bg-6.webp);
}

.bg-7 {
  background-image: url(./images/bg-7.webp);
}

.section-7-ads-banner {
  background-image: url(./images/section-7-ads-banner.webp);
  background-position: center left !important;
}

.section-5 {
  background-image: url(./images/section-5.webp);
  /* background-attachment: fixed !important; */
}

.home-banner,
.ghost-writing-banner,
.editing-banner,
.publishing-banner,
.proofreading-banner,
.audio-book-banner,
.book-promotion-banner,
.book-formating-banner,
.ebook-writing-banner,
.author-website-banner,
.book-illustration-banner,
.case-studies-banner,
.testimonials-banner,
.contact-banner,
.about-us-banner,
.section-about,
.tandc-banner,
.privacy-policy-banner,
.childrens-book-publishing-banner,
.thank-you-banner,
.bg-1,
.bg-2,
.bg-3,
.bg-4,
.bg-5,
.bg-6,
.bg-7,
.section-7-ads-banner,
.section-5 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: fit-content;
}

.home-banner-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.home-banner .row,
.ghost-writing-banner .row,
.editing-banner .row,
.publishing-banner .row,
.proofreading-banner .row,
.audio-book-banner .row,
.book-promotion-banner .row,
.book-formating-banner .row,
.ebook-writing-banner .row,
.author-website-banner .row,
.book-illustration-banner .row,
.case-studies-banner .row,
.testimonials-banner .row,
.contact-banner .row,
.about-us-banner .row,
.tandc-banner .row,
.privacy-policy-banner .row,
.childrens-book-publishing-banner .row,
.thank-you-banner .row,
.bg-1 .row,
.bg-2 .row,
.bg-3 .row,
.bg-4 .row,
.bg-5 .row,
.bg-6 .row,
.bg-7 .row,
.section-7-ads-banner .row,
.section-5 .row {
  position: relative;
  z-index: 1;
}

span.banner-heading {
  font-size: calc(25px + (62 - 25) * (100vw - 240px) / (1920 - 240));
  font-weight: 900;
  line-height: 95%;
}

.banner-form {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  position: relative;
  top: 10%;
}

@media screen and (max-width: 767.98px) {
  .banner-form {
    margin-top: 20px;
  }
}

.satisfied-icons {
  margin: 10px 0;
}

.satisfied-icons img {
  width: 70%;
}

.form-title {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px 20px 4px 4px;
  padding: 20px 0;
}

.form-select:focus,
.form-control:focus {
  border-color: #19467e !important;
  box-shadow: 0 0 0 .25rem rgb(25, 70, 126, 0.25) !important;
}

.form-floating>.custom-form-control {
  min-height: calc(4.5rem + calc(var(--bs-border-width) * 2)) !important;
}

.form-floating>.custom-form-control-2 {
  min-height: calc(7.5rem + calc(var(--bs-border-width) * 2)) !important;
}

.form-control-banner {
  background-color: transparent !important;
  padding: 10px 12px !important;
  color: #ceeeff !important;
}

.form-control-banner::placeholder {
  color: #ceeeff !important;
}

.form-control-banner:focus {
  color: #ceeeff !important;
}

/* ------------------------- home-banner End ------------------------- */

/* ------------------------- section-1 Start ------------------------- */

.section-1 {
  background-color: #000;
}

.logo-center img {
  height: 70px;
  width: 100%;
}

/* ------------------------- section-1 End ------------------------- */

/* ------------------------- section-2 Start ------------------------- */

.section-2 {
  padding: 70px 0 50px;
}

@media screen and (max-width: 991.98px) {
  .all-btns {
    display: block !important;
    justify-content: center !important;
  }

  .all-btns a button {
    width: 100%;
  }
}

.all-btns {
  display: flex;
  justify-content: flex-start;
}

/* ------------------------- section-2 End ------------------------- */

/* ------------------------- section-3 Start ------------------------- */

.section-3 {
  padding: 0 0 50px;
  background-color: #19467e;
}

.section-3-img {
  width: 65%;
  margin-top: -50px;
  box-shadow: 13px 28px 33px 0px rgba(0, 0, 0, 0.6);
  margin-bottom: 30px;
}

@media screen and (max-width: 991.98px) {
  .section-3 {
    margin-top: 70px;
  }
}

/* ------------------------- section-3 End ------------------------- */

/* ------------------------- section-isbn Start ------------------------- */

.section-isbn {
  padding: 70px 0 50px;
}

/* .isbn-service-box {
  border-bottom: 1px solid #d31715;
} */

.isbn-service img {
  width: 80px;
}

.isbn-service-box-border-top-right {
  border-top: 1px solid #000000;
  border-right: 5px solid #d31715;
}

.isbn-service-box-border-top-left {
  border-top: 1px solid #d31715;
  border-left: 5px solid #000000;
}

.isbn-service-box-border {
  border-bottom: 3px solid #d31715;
}

/* ------------------------- section-isbn End ------------------------- */

/* ------------------------- section-4 Start ------------------------- */

.section-4 {
  padding: 70px 0 50px;
}

.sec-4-services {
  transition: 0.3s ease-out;
  color: black;
  text-decoration: none;
}

.sec-4-services:hover {
  color: #19467e;
  background-color: black;
}

/* ------------------------- section-4 End ------------------------- */

/* ------------------------- section-5 Start ------------------------- */

.section-5 {
  padding: 70px 0 50px;
}

.sec-5-hover {
  position: relative;
  overflow: hidden;
}

.sec-5-overlay-top,
.sec-5-overlay-bottom {
  position: absolute;
  left: 12px;
  right: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  height: 80px;
  z-index: 11;
  transition: 0.3s ease-in-out;
  transform: skewY(13deg);
  border: 2px dashed #19467e;
}

.sec-5-overlay-top {
  top: -25%;
}

.sec-5-overlay-bottom {
  bottom: -25%;
}

.sec-5-hover:hover {
  .sec-5-overlay-top {
    top: -8%;
    box-shadow: 0 8px 11px -3px #19467e;
  }

  .sec-5-overlay-bottom {
    bottom: -8%;
    box-shadow: 0 -8px 11px -3px #19467e;
  }
}

/* ------------------------- section-5 End ------------------------- */

/* ------------------------- section-6 Start ------------------------- */

.section-6 {
  padding: 70px 0 50px;
}

ul.marker-on-color-bg li::marker {
  color: white !important;
}

.section-6-book-img {
  background-image: radial-gradient(rgba(255, 255, 255, 0.5), #19467e);
  border-radius: 100%;
}

.section-6-book-img img {
  filter: drop-shadow(0 0 40px white);
}

.children-best-choice {
  background-image: url(./images/children-best-choice.webp);
}

.trust-reviews {
  background-image: url(./images/trust-reviews-banner.webp);
}

.children-best-choice {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.children-best-choice .row,
.trust-reviews .row {
  position: relative;
  z-index: 1;
}

.children-best-choice-overlay,
.trust-reviews-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(25, 70, 126, 0.5);
}

.trust-reviews-overlay {
  background-color: rgba(69, 44, 0, 0.5) !important;
}

.trust-reviews-inner-border h5 {
  color: #19467e !important;
}

.children-best-choice-card {
  /* border: none !important; */
  border: 1px solid #19467e !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 20px;
  backdrop-filter: blur(8px);
}

.our-process-cards,
.Packages-cards {
  border: 1px solid #e8ecf2;
  background-color: #ffffff;
  border-radius: 20px;
}

.our-process-cards,
.our-process-img,
.publishing-card-img,
.publishing-card-h5,
.Packages-cards {
  transition: 0.3s ease-in-out;
}

.our-process-img,
.publishing-card-img {
  width: 60px;
}

.Packages-img {
  width: 70%;
}

.children-best-choice-card:hover {
  box-shadow: 16px 0px 20px 3px rgba(0, 0, 0, 0.5) !important;
}

.rotate-1:hover {
  transform: rotate(-5deg) scale(1.08) !important;
}

.rotate-2:hover {
  transform: rotate(5deg) scale(1.08) !important;
}

.our-process-cards:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: scale(1.02);

  .our-process-img {
    filter: drop-shadow(6px 9px 2px rgba(0, 0, 0, 0.5)) !important;
  }
}

.Packages-cards {
  border: 1px solid #bac7d8 !important;
  background-color: #ffffff;
  box-shadow: 0 30px 18px -12px #0f2a4b;
}

.premium-package {
  background-image: url(./images/premium-package-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.Packages-cards:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: scale(0.98) translateY(-10px);
}

.publishing-card {
  border-radius: 20px;
  transition: 0.3s ease-in-out;
}

.packages-contact-link {
  text-decoration: none;
  color: black;
}

.packages-contact-link:hover {
  color: #19467e;
}

.publishing-card:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  transform: scale(1.02);
  background: linear-gradient(180deg, #d52321, #d10b09);

  .publishing-card-img {
    filter: invert(1) hue-rotate(170deg);
  }

  .publishing-card-h5 {
    color: black !important;
    transform: scale(1.2) skewX(-10deg);
  }
}

@media screen and (max-width: 767.98px) {

  .btn-md {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .btn-sm {
    display: none;
  }
}

/* ------------------------- section-6 End ------------------------- */

/* ------------------------- section-7 Start ------------------------- */

.section-7 {
  padding: 90px 0;
  background-color: #0f2a4b;
}

.children-sec-7 {
  background-color: #000000 !important;
}

@media screen and (max-width: 991.98px) {
  .snow-chick-img-desk {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .snow-chick-img-mob {
    display: none;
  }
}

.pricing-and-services {
  border-radius: 100px;
  width: 90px;
  background-color: #19467e;
  padding: 10px;
  transition: 0.3s ease-in-out;
}

.pricing-and-services,
.pricing-and-services-img {
  transition: 0.3s ease-in-out;
}

.pricing-and-services-col:hover {
  .pricing-and-services-img {
    filter: drop-shadow(3px 6px 4px black);
  }

  .pricing-and-services {
    background-color: #e8ecf2;
  }
}

/* ------------------------- section-7 End ------------------------- */

/* ------------------------- section-8 Start ------------------------- */

.section-8 {
  padding: 70px 0 50px;
}

.reviews-cards,
.testimonial-cards {
  position: relative;
  padding: 10px;
  border: 1px solid #e8ecf2;
  background-color: #ffffff;
  border-radius: 30px;
  box-shadow: 0 30px 18px -12px #0f2a4b;
}

.reviews-cards-img {
  position: absolute;
  width: 90px;
  top: 20px;
  left: 20px;
}

.testimonial-quote {
  position: absolute;
  background-image: url(./images/reviews.webp);
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.testimonial-client-img,
.testimonial-content {
  position: relative;
  z-index: 1;
}

.testimonial-client-h2,
.steps-number {
  color: #ffffff !important;
  transition: 0.3s ease-in-out;
}

@media screen and (max-width: 767.98px) {
  .testimonial-client-img {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
  }
}

.testimonial-client-img {
  /* background: linear-gradient(to top, #e8ecf2 0%, #0f2a4b 35%, #0f2a4b 70%, #d1dae5 100%); */
  background: linear-gradient(to top, #19467e 0%, #170d00 35%, #170d00 70%, #19467e 100%);
  border-radius: 100px;
  border: 2px solid #d1dae5;
  transition: 0.3s ease-in-out;
  background-size: 1px 230px;
  width: fit-content;
}

.testimonial-client-img:hover {
  border: 2px solid #e8ecf2;
  box-shadow: 0 0 10px #d1dae5;
  background-position: bottom;
  cursor: pointer;

  .testimonial-client-h2,
  .steps-number {
    color: #19467e !important;
  }
}

.reviews-cards img {
  width: 80px;
  margin: 20px 0;
}

/* ------------------------- section-8 End ------------------------- */

/* ------------------------- section-9 Start ------------------------- */

.section-9 {
  padding: 70px 0 50px;
  background-color: #19467e;
  position: relative;
}

@media screen and (max-width: 767.98px) {
  .footer-form-images-2 {
    display: none;
  }
}

.footer-form-images-1 img,
.footer-form-images-2 img {
  filter: drop-shadow(9px 12px 7px rgba(0, 0, 0, 0.75));
}

.footer-form-images-1,
.footer-form-images-2 {
  position: absolute;
  /* width: 300px; */
  height: 300px;
  /* z-index: 0; */
}

.footer-form-images-1 {
  top: 0;
  left: 20px;
}

.footer-form-images-2 {
  bottom: 10px;
  right: 25px;
  /* text-align: right; */
}

.footer-form {
  border-radius: 20px;
  background-color: white;
  padding: 20px;
}

/* ------------------------- section-9 End ------------------------- */

/* ------------------------- section-10 Start ------------------------- */

.section-10 {
  padding: 50px 0;
}

.book-cover-img {
  width: 70px;
}

.children-card-img {
  width: 130px;
}

.children-card-text {
  color: white;
  background-image: linear-gradient(160deg, black, #19467e, black);
  background-size: 100% 270px;
  border: 4px groove #19467e;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px 40% 30px 40%;
  transition: 0.4s ease-in-out;
}

.children-card-text:hover {
  background-position: bottom right;
  border: 4px ridge #19467e;
}

.book-cover-border1,
.book-cover-border2,
.book-cover-border3 {
  border-right: 2px solid black;
}

@media screen and (max-width: 991.98px) {

  .book-cover-border2 {
    border-right: none !important;
  }
}

@media screen and (max-width: 575.98px) {

  .book-cover-border1,
  .book-cover-border2,
  .book-cover-border3 {
    border-right: none !important;
    border-bottom: 2px solid black;
  }
}

/* ------------------------- section-10 End ------------------------- */

/* ------------------------- section-11 Start ------------------------- */

.section-11 {
  padding: 70px 0;
}

.accordion-item {
  border: 1px solid #e8ecf2 !important;
}

.accordion-body {
  border-top: 2px solid #19467e;
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button {
  color: #d10b09 !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(./images/minace.svg) !important;
}

.accordion-button::after {
  background-image: url(./images/plux.svg) !important;
}

.accordion-button:not(.collapsed) {
  background-color: #e8ecf2 !important;
  color: #000000 !important;
}

.sevices-link {
  text-decoration: none;
  color: #19467e;
}

.sevices-link:hover {
  color: black;
}

/* ------------------------- section-11 End ------------------------- */

/* ------------------------- section-12 Start ------------------------- */

.section-12 {
  padding: 70px 0;
}

/* ------------------------- section-12 End ------------------------- */

/* ------------------------- section-13 Start ------------------------- */

.section-13 {
  padding: 70px 0;
}

.section-13-img {
  width: 100%;
  transition: transform .2s;
  border-radius: 30px;
  box-shadow: 0 0 27px -15px #19467e;
}

.section-13-img:hover {
  transform: scale(1.05);
}

/* ------------------------- section-13 End ------------------------- */

/* ------------------------- section-14 Start ------------------------- */

.section-14 {
  padding: 100px 0;
  position: relative;
  background-color: #e8ecf2;
}

.our-creative {
  background-image: linear-gradient(160deg, #0f2a4b, #bac7d8);
}

.children-ads-2-text {
  position: relative;
  z-index: 1;
}

.children-ads-2-desk img {
  width: 400px;
}

.children-ads-2-mob img {
  width: 100%;
}

.children-ads-2-desk {
  position: absolute;
  width: 400px;
  left: 5%;
  bottom: 0;
}

@media screen and (max-width: 767.98px) {
  .children-ads-2 {
    justify-content: center;
    text-align: center;
  }

  .children-ads-2-desk,
  .our-creative-left,
  .our-creative-right {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .children-ads-2 {
    justify-content: end;
  }

  .children-ads-2-mob {
    display: none;
  }
}

.our-creative-left,
.our-creative-right {
  position: absolute;
  width: 400px;
}

.our-creative-left {
  top: 0;
  left: 0;
}

.our-creative-right {
  bottom: 0;
  right: 0;
}

/* ------------------------- section-14 End ------------------------- */

/* ------------------------- section-15 Start ------------------------- */

.section-15 {
  padding: 100px 0;
  position: relative;
}

.section-15 .container {
  position: relative;
  z-index: 1;
}

.step-img-left,
.step-img-right {
  position: absolute;
  width: 400px;
}

.step-img-left {
  top: 0;
  left: 0;
}

.step-img-right {
  bottom: 0;
  right: 0;
}

.steps-of-illustrating {
  width: 100%;
}

.steps-of-illustrating img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 991.98px) {
  .steps-img-md-hidden {
    display: none;
  }
}

/* ------------------------- section-15 End ------------------------- */

/* ------------------------- section-ads Start ------------------------- */

.ads {
  /* background-color: #daf6fb; */
  background-image: linear-gradient(#d10b09, #ffffff, #ffffff, #ffffff, #ffffff, #d10b09);
  padding: 0;
  box-shadow: 0 0 25px rgb(0, 0, 0, 0.5);
}

.ads .container {
  padding: 80px 0;
}

.ads-bottom {
  position: relative;
}

.ads-bottom .row {
  position: relative;
  z-index: 1;

}

.ads-bottom-right {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 34%;
  height: auto;
  min-width: 20%;
}

.ads-bottom-right img {
  width: 100%;
}

.ads-bottom-right {
  right: 0;
}

.ads-bottom-up {
  display: none;
}

.ads-bottom-up img {
  width: 100%;
}

@media screen and (max-width: 991.98px) and (min-width: 400px) {
  .ads-bottom-up img {
    width: 60%;
  }
}

@media screen and (max-width: 991.98px) {
  .ads-bottom-right {
    display: none;
  }

  .ads-bottom-up {
    display: block;
    width: fit-content;
    text-align: center;
  }
}

/* ------------------------- section-ads End ------------------------- */

/* -------------------------Section-tabs CSS Start------------------------ */

.section-tabs {
  text-align: center;
  padding: 50px 0;
}

.section-tabs .tablink {
  background-color: #e8ecf2;
  color: white !important;
  border-radius: 50px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 0;
  font-size: 17px;
  width: 100%;
  margin-top: 10px;
}

.section-tabs .tablink:hover {
  background-color: #e8ecf2;
}

.section-tabs .tabcontent {
  color: #143864;
  display: none;
  padding: 50px;
  text-align: center;
}

.tabcontent img {
  max-width: 100%;
  margin-bottom: 24px;
  transition: transform .2s;
  border-radius: 30px;
}

.tabcontent img:hover {
  transform: scale(1.05);
}

/* -------------------------Section-tabs CSS End------------------------ */

/* ------------------------- section-process Start ------------------------- */

.section-process {
  padding: 50px 0;
}

.process-heading {
  margin-bottom: 50px;
}

.process-heading h2 {
  text-align: center;
  font-size: calc(30px + (45 - 30) * (100vw - 240px) / (1920 - 240));
}

.odd-process {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 50px;
}

.even-process {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 40px;
  text-align: end;
}

@media screen and (max-width: 575.98px) {

  .odd-process {
    display: block;
  }

  .even-process {
    flex-flow: wrap-reverse;
  }
}

.processs-img {
  max-width: 150px;
  min-width: 80px;
  height: auto;
  margin: 0;
}

.main-timeline {
  font-family: tahoma;
  padding: 20px 0;
  position: relative;
}

.main-timeline::before,
.main-timeline::after {
  content: "";
  height: 40px;
  width: 40px;
  background-color: #e7e7e7;
  border-radius: 50%;
  border: 10px solid #303334;
  transform: translatex(-50%);
  position: absolute;
  left: 50%;
  top: -15px;
  z-index: 2;
}

.main-timeline::after {
  top: auto;
  bottom: 15px;
}

.main-timeline .timeline {
  padding: 35px 0;
  margin-top: -30px;
  position: relative;
  z-index: 1;
}

.main-timeline .timeline::before,
.main-timeline .timeline::after {
  content: "";
  height: 100%;
  width: 50%;
  border-radius: 110px 0 0 110px;
  border: 15px solid #19467e;
  border-right: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.main-timeline .timeline::after {
  height: calc(100% - 30px);
  width: calc(50% - 12px);
  border-color: #bac7d8;
  left: 12px;
  top: 15px;
}

.main-timeline .timeline:nth-child(even)::before {
  left: auto;
  right: 0;
  border-radius: 0 110px 110px 0;
  border: 15px solid red;
  border-left: none;
}

.main-timeline .timeline:nth-child(even)::after {
  left: auto;
  right: 12px;
  border-radius: 0 100px 100px 0;
  border: 15px solid green;
  border-left: none;
}

.main-timeline .timeline:nth-child(5n+1)::before {
  border-color: #bac7d8;
}

.main-timeline .timeline:nth-child(5n+1)::after {
  border-color: #d1dae5;
}

.main-timeline .timeline:nth-child(5n+2)::before {
  border-color: #bac7d8;
}

.main-timeline .timeline:nth-child(5n+2)::after {
  border-color: #d1dae5;
}

.main-timeline .timeline:nth-child(5n+3)::before {
  border-color: #143864;
}

.main-timeline .timeline:nth-child(5n+3)::after {
  border-color: #d1dae5;
}

.main-timeline .timeline:nth-child(5n+4)::before {
  border-color: #143864;
}

.main-timeline .timeline:nth-child(5n+4)::after {
  border-color: #95b8f1;
}

.main-timeline .timeline:nth-child(5n+5)::before {
  border-color: #143864;
}

.main-timeline .timeline:nth-child(5n+5)::after {
  border-color: #d1dae5;
}

@media screen and (max-width:1200px) {
  .main-timeline .timeline:after {
    border-radius: 88px 0 0 88px;
  }

  .main-timeline .timeline:nth-child(even):after {
    border-radius: 0 88px 88px 0;
  }
}

@media screen and (max-width:767px) {
  .main-timeline .timeline {
    margin-top: -19px;
  }

  .main-timeline .timeline:before {
    border-radius: 50px 0 0 50px;
    border-width: 10px;
  }

  .main-timeline .timeline:after {
    height: calc(100% - 18px);
    width: calc(50% - 9px);
    border-radius: 43px 0 0 43px;
    border-width: 10px;
    top: 9px;
    left: 9px;
  }

  .main-timeline .timeline:nth-child(even):before {
    border-radius: 0 50px 50px 0;
    border-width: 10px;
  }

  .main-timeline .timeline:nth-child(even):after {
    height: calc(100% - 18px);
    width: calc(50% - 9px);
    border-radius: 0 43px 43px 0;
    border-width: 10px;
    top: 9px;
    right: 9px;
  }
}

/* ------------------------- section-process End ------------------------- */

/* ------------------------- section-footer Start ------------------------- */

/* .section-footer {
  padding: 50px 0 0;
  background-color: black;
}

.footer-nav {
  list-style-type: none;
  line-height: 34px;
}

.footer-list-title {
  border-left: 5px solid #ffffff;
  padding-left: 8px;
  color: #19467e !important;
}

.address-pointer {
  cursor: pointer;
}

.footer-nav li a,
.copyright-sec a {
  text-decoration: none;
  color: #e8ecf2;
  border-left: 3px solid transparent;
  transition: 0.2s ease-in-out;
  padding-left: 5px;
}

.footer-nav li a:hover,
.copyright-sec a:hover {
  color: #d10b09;
  border-left: 3px solid #ffffff;
}

@media screen and (max-width: 336.98px) {
  .email-full {
    display: none;
  }
}

@media screen and (min-width: 337px) {
  .email-consize {
    display: none;
  }
}

@media screen and (max-width: 991.98px) {
  .logo-discription {
    text-align: center;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 575.98px) {
  .hidden-mob {
    display: none;
  }
}

.copyright-sec {
  border-top: 1px solid #19467e;
} */

/* ------------------------- section-footer End ------------------------- */







/* ------------------------- section-footer Start ------------------------- */

.section-footer {
  padding: 50px 0 0;
  background-color: white;
}

.footer-nav {
  list-style-type: none;
  line-height: 34px;
}

.footer-list-title {
  border-left: 5px solid #000000;
  padding-left: 8px;
  color: #19467e !important;
}

.address-pointer {
  cursor: pointer;
}

.footer-nav li a,
.copyright-sec a {
  text-decoration: none;
  color: #000000;
  border-left: 3px solid transparent;
  transition: 0.2s ease-in-out;
  padding-left: 5px;
}

.footer-nav li a:hover,
.copyright-sec a:hover {
  color: #d10b09;
  border-left: 3px solid #000000;
}

@media screen and (max-width: 336.98px) {
  .email-full {
    display: none;
  }
}

@media screen and (min-width: 337px) {
  .email-consize {
    display: none;
  }
}

@media screen and (max-width: 991.98px) {
  .logo-discription {
    text-align: center;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 575.98px) {
  .hidden-mob {
    display: none;
  }
}

.copyright-sec {
  border-top: 1px solid #19467e;
}

/* ------------------------- section-footer End ------------------------- */









/* ------------------------- Scroll Bar Start ------------------------- */

.body-scroll::-webkit-scrollbar {
  width: 12px;
}

.body-scroll::-webkit-scrollbar-track {
  border-radius: 50px !important;
  background: #e8ecf2 !important;
}

.body-scroll::-webkit-scrollbar-thumb {
  border-radius: 50px !important;
  background: #19467e !important;
}

.body-scroll::-webkit-scrollbar-thumb:hover {
  background: #000000 !important;
}

/* ------------------------- Scroll Bar End ------------------------- */

/* ------------------------- Buttons Start ------------------------- */

/* a button.forms-btn {
  padding: 10px 20px;
  margin-top: 25px;
  border: 2px solid #143864;
  border-radius: 7px;
  color: #143864;
  text-shadow: 4px 3px 4px rgb(0, 0, 0, 0.6);
  background-image: linear-gradient(90deg, #d1dae5, #e8ecf2, #bac7d8);
  transition: 0.3s ease-in-out;
  font-weight: 700;
}

a button.forms-btn:hover {
  border: 2px solid #143864;
  color: white;
  background-image: linear-gradient(90deg, #bac7d8, black, #bac7d8);
  box-shadow: 0 0 9px 3px white inset;
} */

.top-left-contact {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (max-width: 767.98px) {
  .top-left-contact {
    padding: 0 !important;
  }

  a button.header-btn {
    padding: 10px 6px !important;
  }
}

a button.header-btn {
  padding: 10px;
  border: 2px solid transparent;
  background-color: transparent;
  border-radius: 5px 5px 30px 5px;
  color: Black;
  transition: 0.3s ease-in-out;
  font-weight: 700;
}

a button.header-btn:hover {
  color: white;
}

/* ------------------------------------------------- */

.btn-shine {
  padding: 0px 25px;
  color: #fff;
  background: linear-gradient(to right, #000000 0, #fff 10%, #000000 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

@-moz-keyframes shine {
  0% {
    background-position: 0;
  }

  100% {
    background-position: 150px;
  }
}

@-webkit-keyframes shine {
  0% {
    background-position: 0;
  }

  100% {
    background-position: 150px;
  }
}

@-o-keyframes shine {
  0% {
    background-position: 0;
  }

  100% {
    background-position: 150px;
  }
}

@keyframes shine {
  0% {
    background-position: 0;
  }

  100% {
    background-position: 150px;
  }
}

/* ------------------------------------------------- */

a button.dark-btn {
  padding: 10px;
  border: 2px solid #143864;
  border-radius: 5px 5px 30px 5px;
  color: #143864;
  text-shadow: 4px 3px 4px rgb(0, 0, 0, 0.4);
  background-image: linear-gradient(160deg, #d1dae5, #e8ecf2, #bac7d8);
  transition: 0.3s ease-in-out;
  font-weight: 700;
}

a button.dark-btn:hover {
  border: 2px solid #143864;
  color: white;
  background-image: linear-gradient(160deg, #bac7d8, black, #bac7d8);
  box-shadow: 0 0 9px 3px white inset;
}

a button.light-btn {
  padding: 10px;
  border: 2px solid #143864;
  border-radius: 30px 5px 5px 5px;
  color: #143864;
  text-shadow: 4px 3px 4px rgb(0, 0, 0, 0.3);
  background-color: #e8ecf2;
  transition: 0.3s ease-in-out;
  font-weight: 700;
}

a button.light-btn:hover {
  border: 2px solid #143864;
  color: white;
  background-image: linear-gradient(30deg, #bac7d8, black, #bac7d8);
  box-shadow: 0 0 9px 3px white inset;
}

a button.middle-btn {
  padding: 10px;
  border: 2px solid #143864;
  border-radius: 5px;
  color: #143864;
  text-shadow: 4px 3px 4px rgb(0, 0, 0, 0.3);
  background-image: linear-gradient(160deg, #e8ecf2 40%, #d1dae5);
  transition: 0.3s ease-in-out;
  font-weight: 700;
}

a button.middle-btn:hover {
  border: 2px solid #143864;
  color: white;
  background-image: linear-gradient(30deg, #bac7d8, black, #bac7d8);
  box-shadow: 0 0 9px 3px white inset;
}

/* ----------------------------------------- */

.tel-button,
.tel-button-black,
.chat-button,
.chat-long-button,
.contact-form-button {
  position: relative;
  padding: 10px;
  color: #19467e;
  background-color: transparent;
  border: 2px solid #19467e;
  border-radius: 30px 5px 5px 5px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
  overflow: hidden;
}

.tel-button-black {
  color: white;
  background-color: black;
  /* border: 2px solid black; */
}

.contact-form-button {
  color: white;
  background-color: #19467e;
  border-radius: 5px 5px 30px 5px;
}

.contact-form-button-black {
  background-color: black !important;
}

.chat-button {
  color: black;
  border: 2px solid #dc4846;
  background-color: #d10b09;
  border-radius: 5px;
}

.chat-long-button {
  border-radius: 5px !important;
}

.tel-button::before,
.tel-button-black::before,
.chat-button::before,
.chat-long-button::before,
.contact-form-button::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #d10b09, #d52321);
  top: 0%;
  left: -100%;
  scale: 1;
  border-radius: inherit;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.chat-button::before {
  left: 0% !important;
  top: 100%;
}

.tel-button span,
.tel-button-black span,
.chat-button span,
.chat-long-button span,
.contact-form-button span {
  transition: all 0.7s;
  position: relative;
  overflow: hidden;
}

/* .tel-button span::before,
.tel-button-black span::before,
.chat-button span::before,
.chat-long-button span::before,
.contact-form-button span::before {
  position: absolute;
  content: 'Call Us Now';
  top: 0;
  left: 0;
  color: #000;
  font-weight: bold;
  width: 0;
  overflow: hidden;
} */


.chat-button span::before,
.chat-long-button span::before,
.contact-form-button span::before {
  position: absolute;
  content: 'Call Us Now';
  top: 0;
  left: 0;
  color: #ffffff;  
  font-weight: bold;
  width: 0;
  overflow: hidden;
}

.tel-button span::before {
  content: "" !important;
}



.contact-form-button span::before {
  content: 'Get A Quote' !important;
}

.contact-now span::before {
  content: 'Contact Now' !important;
}

.chat-button span::before,
.chat-long-button span::before {
  content: 'Lets Talk' !important;
  color: white !important;
}

.tel-button:hover span::before,
.tel-button-black:hover span::before,
.chat-button:hover span::before,
.chat-long-button:hover span::before,
.contact-form-button:hover span::before {
  width: 100%;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
  transition-delay: 0.4s;
}

.tel-button:hover::before,
.tel-button-black:hover::before,
.chat-button:hover::before,
.chat-long-button:hover::before,
.contact-form-button:hover::before {
  scale: 1;
  top: 0%;
  left: 0% !important;
}

.tel-button:hover,
.tel-button-black:hover,
.chat-button:hover,
.chat-long-button:hover,
.contact-form-button:hover {
  border-color: transparent;
  color: transparent;
}

.tel-button:active,
.tel-button-black:active,
.chat-button:active,
.chat-long-button:active,
.contact-form-button:active {
  scale: 0.9;
}


/* ----------------------------------------- */

.form-button {
  font-family: inherit;
  font-size: 18px;
  background: linear-gradient(0deg, #d10b09, #d52321);
  /* background: linear-gradient(to bottom, #4dc7d9 0%,#66a6ff 100%); */
  color: white;
  padding: 0.8em 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 25px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}

.form-button:hover {
  transform: translateY(-3px);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

.form-button:active {
  transform: scale(0.95);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.form-button span {
  display: block;
  margin-left: 0.4em;
  transition: all 0.3s;
}

.form-button svg {
  width: 18px;
  height: 18px;
  fill: white;
  transition: all 0.3s;
}

.form-button .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 0.5em;
  transition: all 0.3s;
}

.form-button:hover .svg-wrapper {
  background-color: rgba(255, 255, 255, 0.5);
}

.form-button:hover svg {
  transform: rotate(45deg);
}



/* ------------------------- Buttons End ------------------------- */

/* -------------------------------------------------------------------------- */

@media screen and (max-width: 575.98px) {

  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333% !important
  }

  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667% !important
  }

  .col-xs-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333% !important
  }

  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667% !important
  }

  .col-xs-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333% !important
  }

  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667% !important
  }

  .col-xs-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333% !important
  }

  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667% !important
  }

  .col-xs-12 {
    flex: 0 0 auto;
    width: 100% !important
  }
}

/* -------------------------------------------------------------------------- */

#overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  background-color: rgb(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
}

.close-btn {
  position: absolute !important;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0;
  color: #e8ecf2;
  padding: 10px 15px;
  top: 30px;
  right: 20px;
  border: 2px solid #19467e;
  border-radius: 100%;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.close-btn:hover {
  box-shadow: inset 0 0 10px #dc4846;
  color: #d72f2d;
}

.section-pop {
  background-color: rgb(117, 165, 174, 0.5);
  border-radius: 20px;
}

/* --------------------------------------------------------------- */

/* social media icons hover */

.social-links ul {
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

@media screen and (max-width: 991.98px) {
  .social-links ul {
    justify-content: center;
  }
}

.social-links ul li {
  list-style: none;
}

.social-links ul li a {
  width: 50px;
  height: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 45px;
  font-size: 25px;
  margin: 15px 12px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
}

@media screen and (max-width: 299.98px) {
  .social-links ul li a {
    margin: 15px 5px;
  }
}

.social-links ul li a i {
  position: relative;
  color: #262626;
  transition: .5s;
  z-index: 3;
}

.social-links ul li a:hover i {
  color: #fff;
  transform: rotateY(360deg);
}

.social-links ul li a:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f00;
  transition: .5s;
  z-index: 2;
}

.social-links ul li a:hover:before {
  top: 0;
}

.social-links ul li:nth-child(1) a:before {
  background: #3b5999;
}

.social-links ul li:nth-child(2) a:before {
  background: #55acee;
}

.social-links ul li:nth-child(3) a:before {
  background: #0077b5;
}

.social-links ul li:nth-child(4) a:before {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}




/* ================================
   TOP BAR (nav-book) — swap BLACK & WHITE only
   Put this at END of CSS
================================ */

/* bg-light (bootstrap) -> black only for this section */
.nav-book.bg-light {
  background-color: #000000 !important;
}

/* text that was black -> white (only inside nav-book) */
.nav-book,
.nav-book a,
.nav-book .header-btn {
  color: #ffffff !important;
}

/* button hover that was white -> black (swap) */
.nav-book .header-btn:hover {
  color: #000000 !important;
}

/* any borders in this section that used white -> black */
.nav-book .top-nav-border-radius,
.nav-book .nav-item-border {
  border-color: #000000 !important;
}

/* btn-shine: swap its black/white shine */
.nav-book .btn-shine {
  background: linear-gradient(to right, #ffffff 0, #000000 10%, #ffffff 20%) !important;
}




/* Fix "Get A Quote" shine issue in top bar */
.nav-book .btn-shine{
  display: inline-block !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: #ffffff !important;  /* visible on red */
}
.nav-book .btn-shine i{
  color: #ffffff !important;
}