/* Campaign styles isolated from the shared navigation and footer. */
/* Begin: Button Style */

.landing-page main .themeBtn,
.landing-page #getQuote .themeBtn{
    background-color: var(--primary);
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white);
    /* z-index: 2; */
    transition: all 0.4s ease-in-out;
    position: relative;
    padding: 1rem 1.5rem;
    display: inline-block;
    border-radius: 5px;
  }
  
  .landing-page main .themeBtn:before,
.landing-page #getQuote .themeBtn:before{
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid #bcb0a0;
    left: 0.5rem;
    right: -0.5rem;
    top: 0.5rem;
    bottom: -0.5rem;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    border-radius: 5px;
  }
  
  .landing-page main .themeBtn:hover,
.landing-page #getQuote .themeBtn:hover{
    background-color: #fff;
    color: var(--primary);
  }
  
  .landing-page main .themeBtn:hover::before,
.landing-page #getQuote .themeBtn:hover::before{
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  
  .landing-page main .themeBtn2,
.landing-page #getQuote .themeBtn2{
    background: #bcb0a0;
    color: var(--secondry);
  }
  
  .landing-page main .themeBtn2:before,
.landing-page #getQuote .themeBtn2:before{
    border-color: #bcb0a0;
  }
  
  .landing-page main .themeBtn2:hover::before,
.landing-page #getQuote .themeBtn2:hover::before{
    border-color: var(--primary);
  }
  
  .landing-page main .themeBtn-Black,
.landing-page #getQuote .themeBtn-Black{
    background: #bcb0a0;
    color: var(--white);
  }
  
  .landing-page main .themeBtn-Black:hover,
.landing-page #getQuote .themeBtn-Black:hover{
    color: var(--secondry);
  }
  
  .landing-page main .themeBtn-Black:before,
.landing-page #getQuote .themeBtn-Black:before{
    border-color: var(--secondry);
  }
  
  .landing-page main .themeBtn-Black:hover::before,
.landing-page #getQuote .themeBtn-Black:hover::before{
    border-color: var(--secondry);
  }
  
  /* END: Button Style */
  .landing-page main .slick-dots,
.landing-page #getQuote .slick-dots{
    bottom: -3rem;
    display: flex;
    justify-content: center;
  }
  
  .landing-page main .slick-dots li button,
.landing-page #getQuote .slick-dots li button{
    width: 0.8rem;
    height: 0.6rem;
    background: var(--primary);
    border-radius: 100px;
    transition: ease all 0.5s;
  }
  
  .landing-page main .slick-dots li.slick-active button,
.landing-page #getQuote .slick-dots li.slick-active button{
    width: 6rem;
  }
  
  .landing-page main .slick-dots li,
.landing-page #getQuote .slick-dots li{
    width: auto;
  }
  
  .landing-page main .slick-dots li button:before,
.landing-page #getQuote .slick-dots li button:before{
    content: none;
  }
  
  .landing-page main .slick-prev:before,
.landing-page #getQuote .slick-prev:before,
.landing-page main .slick-next:before,
.landing-page #getQuote .slick-next:before{
    content: "";
    color: var(--primary);
    font-family: "Font Awesome 5 Pro";
    font-size: 3rem;
  }
  
  .landing-page main .slick-next:before,
.landing-page #getQuote .slick-next:before{
    content: "";
  }
  
  .landing-page main .slick-prev.slick-arrow,
.landing-page #getQuote .slick-prev.slick-arrow{
    top: -5rem;
    left: 0;
  }
  
  .landing-page main .slick-next.slick-arrow,
.landing-page #getQuote .slick-next.slick-arrow{
    right: 2rem;
    top: -5rem;
  }
  
  .landing-page main .provideSlider,
.landing-page #getQuote .provideSlider{
    margin-top: 8rem;
  }
  
  .landing-page main .slick-dots,
.landing-page #getQuote .slick-dots{
    bottom: auto;
    top: -7rem;
    display: flex;
    justify-content: center;
  }
  
  .landing-page main .slick-dots li button,
.landing-page #getQuote .slick-dots li button{
    width: 0.2rem;
    height: 2rem;
    background: var(--secondry);
  }
  
  .landing-page main .slick-dots li.slick-active button,
.landing-page #getQuote .slick-dots li.slick-active button{
    width: 0.2rem;
    height: 5rem;
    background: var(--primary);
  }
  
  .landing-page main .reviewSec .slick-next.slick-arrow,
.landing-page #getQuote .reviewSec .slick-next.slick-arrow,
.landing-page main .reviewSec .slick-prev.slick-arrow,
.landing-page #getQuote .reviewSec .slick-prev.slick-arrow{
    top: 3rem;
    z-index: 1111;
  }
  
  .landing-page main .reviewSec .slick-dots,
.landing-page #getQuote .reviewSec .slick-dots{
    top: 3rem;
  }
  
/* Begin: Header CSS */

.landing-page main .topBar,
.landing-page #getQuote .topBar{
  background: var(--primary);
  padding: 8px 0;
  transition: all 0.5s ease;
}

.landing-page main .topBar ul,
.landing-page #getQuote .topBar ul{
  display: flex;
  justify-content: center;
  gap: 4rem;
}

.landing-page main .topBar ul li a i,
.landing-page #getQuote .topBar ul li a i{
  padding-right: 2px;
}

.landing-page main .topBar ul li a,
.landing-page #getQuote .topBar ul li a{
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--secondry);
}





.landing-page main .contOpt,
.landing-page #getQuote .contOpt{
  display: none;
}











.landing-page main .navbar-nav .dropdown-menu,
.landing-page #getQuote .navbar-nav .dropdown-menu{
  border: 0;
  background: var(--secondry);
  padding: 5px 0;
  overflow: hidden;
  top: 3rem;
  border-radius: 0;
}

.landing-page main .navbar-nav .dropdown-menu li a,
.landing-page #getQuote .navbar-nav .dropdown-menu li a{
  padding: 8px 1rem;
  display: block;
  color: var(--white);
  position: relative;
}

.landing-page main .dropdown-item:focus,
.landing-page #getQuote .dropdown-item:focus,
.landing-page main .dropdown-item:hover,
.landing-page #getQuote .dropdown-item:hover{
  background: var(--primary);
  color: var(--white);
}

.landing-page main .navbar-nav .dropdown-menu li a::before,
.landing-page #getQuote .navbar-nav .dropdown-menu li a::before{
  content: "";
  margin-right: 8px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 800;
}





.landing-page main .stepHeader .topBar ul li a,
.landing-page #getQuote .stepHeader .topBar ul li a{
  color: var(--white);
  font-size: 1rem;
  font-weight: 400;
}

.landing-page main .stepHeader .logo img,
.landing-page #getQuote .stepHeader .logo img{
  width: 5rem;
}

.landing-page main .stepHeader .topBar,
.landing-page #getQuote .stepHeader .topBar{
  background: var(--secondry);
}
.landing-page main .lpHeader,
.landing-page #getQuote .lpHeader{
  padding: 10px 0;
}

.landing-page main .lpHeader img,
.landing-page #getQuote .lpHeader img{
  width: 120px;
}

.landing-page main .lpHeader .btnOpt,
.landing-page #getQuote .lpHeader .btnOpt{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
}

.landing-page main .lpHeader .btnOpt .themeBtn,
.landing-page #getQuote .lpHeader .btnOpt .themeBtn{
  font-size: 1rem;
  padding: 10px 1rem;
}
/* END: Header */

/* Begin: footer */















.landing-page main .socailicons,
.landing-page #getQuote .socailicons{
  display: flex;
  align-items: center;
  gap: 10px;
}

.landing-page main .socailicons li a,
.landing-page #getQuote .socailicons li a{
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing-page main .socailicons li a i,
.landing-page #getQuote .socailicons li a i{
  transform: none;
  font-size: 1.25rem;
  color: var(--primary);
  transform: scale(1) rotate(0);
}

.landing-page main .socailicons li a:hover i,
.landing-page #getQuote .socailicons li a:hover i,
.landing-page main .socailicons li a:hover img,
.landing-page #getQuote .socailicons li a:hover img{
  transform: scale(1) rotate(-360deg);
}

.landing-page main .socailicons li a:hover,
.landing-page #getQuote .socailicons li a:hover{
  border-color: var(--white);
}

.landing-page main .socailicons li a img,
.landing-page #getQuote .socailicons li a img{
  width: 22px;
  transform: scale(1) rotate(0);
  position: relative;
  transition: all 0.5s ease;
}

.landing-page main .socailicons li a:hover i,
.landing-page #getQuote .socailicons li a:hover i{
  color: var(--primary);
}


.landing-page main #footerForm .accordion-button,
.landing-page #getQuote #footerForm .accordion-button{
  height: 49px;
}





.landing-page main .copyRight,
.landing-page #getQuote .copyRight{
  padding: 1rem 0;
}
.landing-page main .copyRight p,
.landing-page #getQuote .copyRight p{
  margin: 0;
}
.landing-page main .copyRight ul,
.landing-page #getQuote .copyRight ul{
  display: flex;
  gap: 1rem;
  align-items: center;
}

.landing-page main .copyRight ul li,
.landing-page #getQuote .copyRight ul li{
  color: var(--white);
}
.landing-page main .contStrip .listNum,
.landing-page #getQuote .contStrip .listNum{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 3rem;
  margin: 3rem 0 0rem;
  background: #0003;
  border: 1px solid #00000059;
  border-radius: 10px;
}

.landing-page main .contStrip .listNum li,
.landing-page #getQuote .contStrip .listNum li{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.landing-page main .contStrip .listNum li i,
.landing-page #getQuote .contStrip .listNum li i{
  color: var(--primary);
  transform: rotate(0deg);
  font-size: inherit;
}
.landing-page main .socialFooter,
.landing-page #getQuote .socialFooter{
  margin-top: 3rem;
}

.landing-page main .disclaimer,
.landing-page #getQuote .disclaimer{
  padding: 10px 0 5px;
  border-top: 5px solid var(--primary);
}

.landing-page main .disclaimer p,
.landing-page #getQuote .disclaimer p{
  margin: 0;
}

.landing-page main .contactBoxs .servicesList li input:checked + .checkBoxStyle i,
.landing-page #getQuote .contactBoxs .servicesList li input:checked + .checkBoxStyle i{
  color: var(--primary);
}

.landing-page main .contactBoxs .accordion-button::after,
.landing-page #getQuote .contactBoxs .accordion-button::after{
  color: #000;
}

.landing-page main .contactBoxs .accordionStyle .accordion-item,
.landing-page #getQuote .contactBoxs .accordionStyle .accordion-item{
  background: #fff;
  border-radius: 15px;
}

.landing-page main .contactBoxs .accordionStyle,
.landing-page #getQuote .contactBoxs .accordionStyle{
  margin: 5px 0;
}

.landing-page main .contactBoxs
  .accordionStyle
  .accordion-item
  .accordion-button[aria-expanded="true"]:hover,
.landing-page #getQuote .contactBoxs
  .accordionStyle
  .accordion-item
  .accordion-button[aria-expanded="true"]:hover{
  color: #000;
}

.landing-page main .contactBoxs .servicesList .checkBoxStyle label,
.landing-page #getQuote .contactBoxs .servicesList .checkBoxStyle label{
  color: #9b9b9b;
}

.landing-page main .contactBoxs .accordionStyle .accordion-item .accordion-button,
.landing-page #getQuote .contactBoxs .accordionStyle .accordion-item .accordion-button{
  padding: 12px 1rem;
  color: #767676;
}



.landing-page main .contactBoxs .accordionStyle .accordion-item:first-of-type .accordion-button,
.landing-page #getQuote .contactBoxs .accordionStyle .accordion-item:first-of-type .accordion-button,
.landing-page main .contactBoxs
  .accordionStyle
  .accordion-item:last-of-type
  .accordion-button.collapsed,
.landing-page #getQuote .contactBoxs
  .accordionStyle
  .accordion-item:last-of-type
  .accordion-button.collapsed{
  border-radius: 10px;
}

.landing-page main .contactBoxs .accordion-body,
.landing-page #getQuote .contactBoxs .accordion-body{
  padding-top: 0;
}

.landing-page main .disclaimer p,
.landing-page #getQuote .disclaimer p{
  font-size: 14px;
}



/* END: footer */
.landing-page main .lpHeader.scrolled,
.landing-page #getQuote .lpHeader.scrolled{
  background-color: rgba(0, 0, 0, 0.8); /* or any color you like */
  backdrop-filter: blur(6px); /* optional for a smooth glass effect */
}
.landing-page main button.btn-close.close,
.landing-page #getQuote button.btn-close.close{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}
.landing-page main .entry-box  div#banner-form h4,
.landing-page #getQuote .entry-box  div#banner-form h4{
    font-size: 30px;
    color: #fff;
}
.landing-page main .entry-box .vscomp-wrapper.has-clear-button .vscomp-toggle-button,
.landing-page #getQuote .entry-box .vscomp-wrapper.has-clear-button .vscomp-toggle-button{
    padding-right: 54px;
    margin: 0 0 20px;
}



.landing-page main,
.landing-page #getQuote{
  --primary: #1f3a64;
  --secondry: #2d353f;
  --black: #000;
  --text-color: #828282;
  --white: #fff;
}
.landing-page main ::selection,
.landing-page #getQuote ::selection{
  background: var(--primary);
  color: var(--white);
}
.landing-page main ::-webkit-scrollbar,
.landing-page #getQuote ::-webkit-scrollbar{
  width: 5px;
}
.landing-page main ::-webkit-scrollbar-track,
.landing-page #getQuote ::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0);
}
.landing-page main ::-webkit-scrollbar-thumb,
.landing-page #getQuote ::-webkit-scrollbar-thumb{
  background: rgba(0, 0, 0, 0.5);
}
.landing-page main ::-webkit-scrollbar-thumb:hover,
.landing-page #getQuote ::-webkit-scrollbar-thumb:hover{
  background: rgba(0, 0, 0, 0.8);
}
.landing-page main a.address,
.landing-page #getQuote a.address{
    user-select: none;
}



.landing-page main a,
.landing-page #getQuote a,
.landing-page main button,
.landing-page #getQuote button{
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page main a:hover,
.landing-page #getQuote a:hover,
.landing-page main button:hover,
.landing-page #getQuote button:hover{
  text-decoration: none;
}
.landing-page main p,
.landing-page #getQuote p{
  font-size: 1rem;
  line-height: 1.6;
  margin: 1rem 0;
  color: var(--text-color);
}
.landing-page main img,
.landing-page #getQuote img{
  max-width: 100%;
}
.landing-page main ul,
.landing-page #getQuote ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.landing-page main section,
.landing-page #getQuote section{
  padding: 3rem 0;
  position: relative;
}
.landing-page main h3,
.landing-page #getQuote h3{
  font-size: 1.87rem;
  color: var(--secondry);
}
.landing-page main h4,
.landing-page #getQuote h4{
  font-size: 2.5rem;
  color: #2d353f;
  font-weight: 600;
  text-transform: capitalize;
}
.landing-page main h6,
.landing-page #getQuote h6{
  font-size: 1.25rem;
  color: var(--secondry);
  font-weight: 600;
  margin-bottom: 1rem;
}
.landing-page main a.logo,
.landing-page #getQuote a.logo{
  width: 100px;
}
.landing-page main .home-banner,
.landing-page #getQuote .home-banner{
  background: url(https://www.eminentpublishers.com/) no-repeat center/cover;
  min-height: calc(100dvh - 70.53px);
  padding-top: clamp(2rem, 7vw, 6rem);
  padding-bottom: 2rem;
}
.landing-page main .home-banner .banner-wood,
.landing-page #getQuote .home-banner .banner-wood{
  margin-top: 40px;
}
@media  screen and (min-width: 1800px) {
  .landing-page main .home-banner .banner-wood,
.landing-page #getQuote .home-banner .banner-wood{
    margin-top: 66px;
  }
}
@media  screen and (max-width: 768px) {
  .landing-page main .home-banner h1,
.landing-page #getQuote .home-banner h1{
    font-size: 3rem;
  }
}
.landing-page main .slide-cover,
.landing-page #getQuote .slide-cover{
  object-fit: contain;
  z-index: 1;
  margin-bottom: -116px;
  width: 430px;
  height: auto;
  max-width: max-content;
}
@media  screen and (min-width: 1400px) {
  .landing-page main .slide-cover,
.landing-page #getQuote .slide-cover{
    margin-bottom: -105px;
    width: 650px;
    height: 428px;
  }
}
.landing-page main .mainBanner,
.landing-page #getQuote .mainBanner{
  background: #2d343f url(../images/banner.webp) center/cover no-repeat;
  height: calc(100% - 8.125rem);
  display: flex;
  align-items: center;
  min-height: 33rem;
  position: relative;
  align-items: center !important;
  padding: 0;
}
.landing-page main .mainBanner h4,
.landing-page #getQuote .mainBanner h4{
  font-size: 2.5rem;
  color: var(--white);
}
.landing-page main .mainBanner h6,
.landing-page #getQuote .mainBanner h6{
  font-weight: 600;
  color: var(--white);
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: left;
  margin: 1rem 0;
}
.landing-page main .mainBanner p,
.landing-page #getQuote .mainBanner p{
  color: var(--white);
  width: 80%;
}
.landing-page main .mainBanner figure,
.landing-page #getQuote .mainBanner figure{
  margin: 0;
}
.landing-page main .lpBanner,
.landing-page #getQuote .lpBanner{
  height: calc(100% - -6.5rem);
}
.landing-page main .lpBanner h4,
.landing-page #getQuote .lpBanner h4{
  margin: 0 0 1rem 0;
}
.landing-page main .lpBanner h4 + h6,
.landing-page #getQuote .lpBanner h4 + h6{
  margin: 3rem 0 1.5rem;
}
.landing-page main .lpBanner h4 span,
.landing-page #getQuote .lpBanner h4 span{
  color: var(--primary);
}
.landing-page main .lpBanner h6,
.landing-page #getQuote .lpBanner h6{
  margin: 0;
}
.landing-page main .lpBanner .btnSec,
.landing-page #getQuote .lpBanner .btnSec{
  margin-top: 4rem;
}
.landing-page main .lpBanner .themeBtn:not(.themeBtn2):after,
.landing-page #getQuote .lpBanner .themeBtn:not(.themeBtn2):after{
  content: "75% OFF";
  width: 90px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: disc ease infinite 1s;
  z-index: 2;
  background: var(--secondry);
  border: 1px solid var(--white);
  border-radius: 30px 30px 0 30px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  padding: 3px 10px;
}
@keyframes disc {
  0% {
    color: var(--primary);
    border-color: var(--primary);
  }
  50% {
    color: var(--white);
    border-color: var(--white);
  }
  100% {
    color: var(--primary);
    border-color: var(--primary);
  }
}
.landing-page main .lpBanner .listStyled,
.landing-page #getQuote .lpBanner .listStyled{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.landing-page main .lpBanner .listStyled li,
.landing-page #getQuote .lpBanner .listStyled li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.landing-page main .lpBanner .listStyled li p,
.landing-page #getQuote .lpBanner .listStyled li p{
  margin: 0;
}
.landing-page main .lpBanner .listStyled li p strong,
.landing-page #getQuote .lpBanner .listStyled li p strong{
  font-weight: 600;
  color: var(--primary);
  transition: ease all 0.5s;
  animation: blink 1s infinite;
}
@keyframes blink {
  0% {
    color: #fff;
  }
  50% {
    color: var(--primary);
  }
  100% {
    color: #fff;
  }
}
.landing-page main .lpBanner .listStyled li i,
.landing-page #getQuote .lpBanner .listStyled li i{
  color: var(--white);
  position: relative;
  top: 4px;
}
.landing-page main .btnSec,
.landing-page #getQuote .btnSec{
  display: flex;
  gap: 1.5rem;
  margin-top: 3rem;
}
.landing-page main .logoSec,
.landing-page #getQuote .logoSec{
  padding: 2rem 0 2rem;
}
.landing-page main .logoSec h3,
.landing-page #getQuote .logoSec h3{
  padding-bottom: 1rem;
  border-bottom: 3px solid #1f3a64;
  display: inline-block;
  margin-bottom: 2rem;
}
.landing-page main .logoSlider .slick-slide img,
.landing-page #getQuote .logoSlider .slick-slide img{
  margin: 0 auto;
}
.landing-page main .abtArrow,
.landing-page #getQuote .abtArrow{
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  top: auto;
  bottom: 0;
}
.landing-page main .abtSec figure,
.landing-page #getQuote .abtSec figure{
  position: relative;
}
.landing-page main .abtSec,
.landing-page #getQuote .abtSec{
  margin-bottom: 3rem;
}
.landing-page main .publishSec,
.landing-page #getQuote .publishSec{
  background: url(https://www.eminentpublishers.com/) left top/cover fixed no-repeat;
}
.landing-page main .pubHead,
.landing-page #getQuote .pubHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
}
.landing-page main .pubBox,
.landing-page #getQuote .pubBox{
  background: var(--white);
  border-radius: 5px;
  padding: 1.5rem 2rem;
  padding-bottom: 0;
  height: 100%;
  transition: all 0.5s ease;
}
.landing-page main .pubBox .pubHead h6,
.landing-page #getQuote .pubBox .pubHead h6{
  margin: 0;
}
.landing-page main .publishSec h3,
.landing-page #getQuote .publishSec h3{
  color: var(--white);
  margin-bottom: 2rem;
}
.landing-page main .pubBox:hover,
.landing-page #getQuote .pubBox:hover{
  transform: scale(1.04);
}
.landing-page main .portfolioSec,
.landing-page #getQuote .portfolioSec{
  background: url(../images/bg.webp) left top/cover fixed no-repeat;
}
.landing-page main .portfolioSec .slick-prev:before,
.landing-page #getQuote .portfolioSec .slick-prev:before,
.landing-page main .portfolioSec .slick-next:before,
.landing-page #getQuote .portfolioSec .slick-next:before{
  content: "";
  color: var(--primary);
  font-family: "Font Awesome 5 Pro";
  font-size: 3rem;
}
.landing-page main .portfolioSec .slick-next:before,
.landing-page #getQuote .portfolioSec .slick-next:before{
  content: "";
}
.landing-page main .portfolioSec .slick-prev.slick-arrow,
.landing-page #getQuote .portfolioSec .slick-prev.slick-arrow{
  top: -5rem;
  left: 0;
}
.landing-page main .portfolioSec .slick-next.slick-arrow,
.landing-page #getQuote .portfolioSec .slick-next.slick-arrow{
  right: 2rem;
  top: -5rem;
}
.landing-page main .portfolioSlider,
.landing-page #getQuote .portfolioSlider{
  margin-top: 10rem;
}
.landing-page main .portfolioSlider img,
.landing-page #getQuote .portfolioSlider img{
  margin: 0 auto;
}
.landing-page main .portfolioSec .slick-dots,
.landing-page #getQuote .portfolioSec .slick-dots{
  bottom: auto;
  top: -7rem;
  display: flex;
  justify-content: center;
}
.landing-page main .portfolioSec .slick-dots li button,
.landing-page #getQuote .portfolioSec .slick-dots li button{
  width: 0.2rem;
  height: 2rem;
  background: var(--secondry);
}
.landing-page main .portfolioSec .slick-dots li.slick-active button,
.landing-page #getQuote .portfolioSec .slick-dots li.slick-active button{
  width: 0.2rem;
  height: 5rem;
  background: #1f3a64;
}
.landing-page main .portfolioSec .btnSec,
.landing-page #getQuote .portfolioSec .btnSec{
  justify-content: center;
  margin-top: 1rem;
}
.landing-page main .publisherSec,
.landing-page #getQuote .publisherSec{
  background: var(--primary);
  padding: 10px 0;
}
.landing-page main .pubLogoCarousel .slick-track,
.landing-page #getQuote .pubLogoCarousel .slick-track{
  display: flex;
  align-items: center;
}
.landing-page main .publisherSec img,
.landing-page #getQuote .publisherSec img{
  filter: brightness(0) invert(0);
  margin: 0 auto;
}
.landing-page main .publisherSec:before,
.landing-page #getQuote .publisherSec:before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 30%;
  background: linear-gradient(45deg, var(--primary), rgba(255, 255, 255, 0));
}
.landing-page main .publisherSec:after,
.landing-page #getQuote .publisherSec:after{
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 1;
  width: 30%;
  background: linear-gradient(270deg, var(--primary), rgba(255, 255, 255, 0));
}
.landing-page main .provideSec,
.landing-page #getQuote .provideSec{
  background: url(../images/3_3.webp) top/contain no-repeat;
}
.landing-page main .provideBox,
.landing-page #getQuote .provideBox{
  background: rgba(0, 0, 0, 0);
  padding: 2rem 1.5rem;
  border-radius: 15px;
  border: 3px solid rgba(0, 0, 0, 0);
  position: relative;
  margin: 0rem 1rem 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.landing-page main .provideBox .themeBtn,
.landing-page #getQuote .provideBox .themeBtn{
  width: 100%;
  display: none;
  text-align: center;
  opacity: 0;
  transition: all 0.8s ease;
  position: relative;
  bottom: -6rem;
  margin: 1.5rem 0 0;
}
.landing-page main .provideBox h3,
.landing-page #getQuote .provideBox h3{
  font-size: 1.25rem;
  font-weight: 700;
}
.landing-page main .provideBox h6,
.landing-page #getQuote .provideBox h6{
  font-size: 1rem;
}
.landing-page main .provideBox ul li i,
.landing-page #getQuote .provideBox ul li i{
  transform: rotate(-34deg);
  color: var(--primary);
}
.landing-page main .provideBox ul li,
.landing-page #getQuote .provideBox ul li{
  padding: 5px 0;
  display: flex;
  gap: 7px;
  align-items: baseline;
  line-height: 1.5;
}
.landing-page main .provideBox img,
.landing-page #getQuote .provideBox img{
  position: relative;
  margin-bottom: 1rem;
  transition: all 0.5s ease;
  filter: brightness(0);
}
.landing-page main .provideBox::before,
.landing-page #getQuote .provideBox::before{
  content: "";
  position: absolute;
  inset: 1rem 0 0 2rem;
  background: var(--primary);
  width: 12%;
  height: 14%;
  border-radius: 50%;
  transition: all 0.4s ease;
}
.landing-page main .provideBox:hover::before,
.landing-page #getQuote .provideBox:hover::before{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  inset: 0;
  z-index: -1;
  background: var(--secondry);
}
.landing-page main .provideBox:hover,
.landing-page #getQuote .provideBox:hover{
  border-color: var(--primary);
}
.landing-page main .provideBox:hover *,
.landing-page #getQuote .provideBox:hover *{
  color: var(--white);
}
.landing-page main .provideBox:hover img,
.landing-page #getQuote .provideBox:hover img{
  filter: invert(1) brightness(50);
}
.landing-page main .provideBox:hover .themeBtn,
.landing-page #getQuote .provideBox:hover .themeBtn{
  opacity: 1;
  color: var(--secondry);
  bottom: 0;
}
.landing-page main .provideSec .btnSec,
.landing-page #getQuote .provideSec .btnSec{
  justify-content: center;
  margin: 0;
}
.landing-page main .exceptionalSec,
.landing-page #getQuote .exceptionalSec{
  background: url(../images/4_4.webp) top center/cover fixed no-repeat;
  margin-bottom: 10rem;
}
.landing-page main .exceptionalSec h4,
.landing-page #getQuote .exceptionalSec h4{
  color: var(--white);
  margin-bottom: 3rem;
}
.landing-page main .exceptionalSec ul,
.landing-page #getQuote .exceptionalSec ul{
  background: var(--secondry);
  padding: 4rem 2rem;
  border-radius: 20px;
  margin-bottom: -11rem;
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-wrap: wrap;
}
.landing-page main .exceptionalSec ul li,
.landing-page #getQuote .exceptionalSec ul li{
  color: var(--white);
  text-align: center;
  flex: 0 0 22%;
  line-height: 1.3;
}
.landing-page main .exceptionalSec ul li p span,
.landing-page #getQuote .exceptionalSec ul li p span{
  font-weight: 700;
  display: block;
  min-height: 2rem;
}
.landing-page main .exceptionalSec ul li p,
.landing-page #getQuote .exceptionalSec ul li p{
  color: var(--white);
  margin-bottom: 0;
}
.landing-page main .exceptionalSec ul li img,
.landing-page #getQuote .exceptionalSec ul li img{
  display: block;
  margin: 0 auto;
}
.landing-page main .countSec h5,
.landing-page #getQuote .countSec h5{
  color: var(--text-color);
  font-size: 1.25rem;
  letter-spacing: 2px;
}
.landing-page main .countSec ul,
.landing-page #getQuote .countSec ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5rem;
}
.landing-page main .countSec ul li img,
.landing-page #getQuote .countSec ul li img{
  margin-bottom: 1rem;
}
.landing-page main .countSec ul li,
.landing-page #getQuote .countSec ul li{
  border-right: 2px solid rgba(0, 0, 0, 0.1411764706);
  flex: 0 0 20%;
  padding: 0 1rem;
  text-align: center;
}
.landing-page main .countSec ul li:last-child,
.landing-page #getQuote .countSec ul li:last-child{
  border: none;
}
.landing-page main .countSec ul li h6,
.landing-page #getQuote .countSec ul li h6{
  font-size: 2rem;
  font-weight: 600;
  color: var(--secondry);
}
.landing-page main .bookKindBox h3,
.landing-page #getQuote .bookKindBox h3{
  font-size: 1.75rem;
  text-align: center;
  display: block;
  margin: 1rem 0;
  color: var(--black);
  font-weight: 600;
  text-transform: capitalize;
}
.landing-page main .bookKindBox,
.landing-page #getQuote .bookKindBox{
  margin: 1rem 1rem 3rem;
  position: relative;
}
.landing-page main .bookKindBox img,
.landing-page #getQuote .bookKindBox img{
  border-radius: 20px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1098039216);
  width: 100%;
}
.landing-page main .bookKindBox figure,
.landing-page #getQuote .bookKindBox figure{
  position: relative;
}
.landing-page main .bookKindBox figure::before,
.landing-page #getQuote .bookKindBox figure::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  z-index: 1;
  transition: all 0.5s ease;
}
.landing-page main .bookKindBox:hover figure::before,
.landing-page #getQuote .bookKindBox:hover figure::before{
  background: rgba(0, 0, 0, 0);
}
.landing-page main .teamSec .title :is(h2,
.landing-page #getQuote .teamSec .title :is(h2,
.landing-page main h5),
.landing-page #getQuote h5){
  color: var(--black);
}
.landing-page main .teamSec .nav-tabs,
.landing-page #getQuote .teamSec .nav-tabs{
  justify-content: center;
  margin-bottom: 1rem;
  border: none;
  gap: 1.5rem;
}
.landing-page main .teamSec .nav-tabs .nav-link,
.landing-page #getQuote .teamSec .nav-tabs .nav-link{
  background: var(--primary);
  border-radius: 5px;
  border: 0;
  padding: 1rem 1.5rem;
  color: var(--white);
  font-size: 1.12rem;
  font-weight: 500;
  position: relative;
  transition: all 0.5s ease;
}
.landing-page main .teamSec .nav-tabs .nav-item.show .nav-link,
.landing-page #getQuote .teamSec .nav-tabs .nav-item.show .nav-link,
.landing-page main .teamSec .nav-tabs .nav-link.active,
.landing-page #getQuote .teamSec .nav-tabs .nav-link.active{
  background: var(--secondry);
  color: var(--primary);
}
.landing-page main .teamBox,
.landing-page #getQuote .teamBox{
  position: relative;
  margin: 2rem 0;
  overflow: hidden;
  transition: ease all 0.5s;
  border-radius: 20px;
}
.landing-page main .teamBox:hover,
.landing-page #getQuote .teamBox:hover{
  transform: scale(1.05);
}
.landing-page main .teamBox .overlay-text,
.landing-page #getQuote .teamBox .overlay-text{
  padding: 4px;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: var(--primary);
  position: absolute;
  z-index: 1;
  border-radius: 0;
  bottom: 0;
  width: 100%;
}
.landing-page main .teamBox .overlay-text:before,
.landing-page #getQuote .teamBox .overlay-text:before{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, var(--theme-color), transparent);
  z-index: 0;
}
.landing-page main .teamBox .overlay-text p,
.landing-page #getQuote .teamBox .overlay-text p{
  font-size: 1rem;
}
.landing-page main .teamBox .overlay-text:after,
.landing-page #getQuote .teamBox .overlay-text:after{
  position: absolute;
  inset: 3px 3px 0 3px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
  z-index: 1;
}
.landing-page main .teamBox .overlay-text *,
.landing-page #getQuote .teamBox .overlay-text *{
  color: var(--secondry);
  margin: 0;
  position: relative;
  z-index: 2;
  text-transform: capitalize;
}
.landing-page main .teamSec h5,
.landing-page #getQuote .teamSec h5{
  font-weight: 300;
}
.landing-page main .teamBox img,
.landing-page #getQuote .teamBox img{
  width: 100%;
  height: 100%;
}
.landing-page main .teamSec .nav-tabs .nav-link::before,
.landing-page #getQuote .teamSec .nav-tabs .nav-link::before{
  content: "";
  position: absolute;
  inset: 0.5rem -0.5rem -0.5rem 0.5rem;
  border: 2px solid var(--primary);
  border-radius: 5px;
}
.landing-page main .teamSec .nav-tabs .nav-item.show .nav-link::before,
.landing-page #getQuote .teamSec .nav-tabs .nav-item.show .nav-link::before,
.landing-page main .teamSec .nav-tabs .nav-link.active::before,
.landing-page #getQuote .teamSec .nav-tabs .nav-link.active::before{
  inset: 0;
  border-color: var(--primary);
}
.landing-page main .teamBox .overlay-text h4,
.landing-page #getQuote .teamBox .overlay-text h4{
  font-size: 1.25rem;
  text-transform: capitalize;
  margin: 0;
}
.landing-page main .teamBox figure,
.landing-page #getQuote .teamBox figure{
  margin: 0;
}
.landing-page main .teamBox figure img,
.landing-page #getQuote .teamBox figure img{
  border-radius: 30px;
}
.landing-page main .contactSec,
.landing-page #getQuote .contactSec{
  background: url(../images/5_3.webp) top center/cover fixed no-repeat;
}
.landing-page main .contactSec h4,
.landing-page #getQuote .contactSec h4{
  text-transform: capitalize;
  color: var(--white);
  margin-bottom: 3rem;
}
.landing-page main .contactSec h3,
.landing-page #getQuote .contactSec h3{
  margin-bottom: 1rem;
}
.landing-page main .contactSec p,
.landing-page #getQuote .contactSec p{
  font-size: 1.75rem;
  color: var(--primary);
  margin-bottom: 3rem;
}
.landing-page main .leadForm,
.landing-page #getQuote .leadForm{
  background: var(--white);
  padding: 2rem;
  border-radius: 10px;
}
.landing-page main .leadForm input:not(.iti__search-input),
.landing-page #getQuote .leadForm input:not(.iti__search-input){
  width: 100%;
  height: 49px;
  padding: 0 1rem;
  margin: 5px 0;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.168627451);
  background: #f4f4f4;
}
.landing-page main .contactSec .accordionStyle .accordion-item,
.landing-page #getQuote .contactSec .accordionStyle .accordion-item{
  border: 1px solid rgba(0, 0, 0, 0.168627451);
  background: #f4f4f4;
  border-radius: 10px;
}
.landing-page main .contactSec .accordionStyle .accordion-item .accordion-button,
.landing-page #getQuote .contactSec .accordionStyle .accordion-item .accordion-button{
  margin: 0;
  border-radius: 10px;
  background: #f4f4f4;
}
.landing-page main .leadForm button:not(.iti__selected-country),
.landing-page #getQuote .leadForm button:not(.iti__selected-country){
  width: 100%;
  margin: 5px 0;
  border: none;
}
.landing-page main .faqSec,
.landing-page #getQuote .faqSec{
  background: url(../images/6_3.webp) top right/cover fixed no-repeat;
}
.landing-page main .accordionStyle .accordion-button:not(.collapsed),
.landing-page #getQuote .accordionStyle .accordion-button:not(.collapsed){
  background: var(--white);
  color: var(--black);
  border-radius: 30px;
  box-shadow: none;
}
.landing-page main .accordionStyle .accordion-item,
.landing-page #getQuote .accordionStyle .accordion-item{
  margin: 5px 0;
  border: none;
  border-radius: 30px;
}
.landing-page main .accordionStyle .accordion,
.landing-page #getQuote .accordionStyle .accordion{
  --bs-accordion-border-color: none;
}
.landing-page main .accordionStyle .accordion-item:first-of-type .accordion-button,
.landing-page #getQuote .accordionStyle .accordion-item:first-of-type .accordion-button,
.landing-page main .accordionStyle .accordion-item:last-of-type .accordion-button.collapsed,
.landing-page #getQuote .accordionStyle .accordion-item:last-of-type .accordion-button.collapsed{
  border-radius: 30px;
}
.landing-page main .accordionStyle .accordion-button,
.landing-page #getQuote .accordionStyle .accordion-button{
  border-radius: 30px;
}
.landing-page main .accordion-button::after,
.landing-page #getQuote .accordion-button::after{
  content: "";
  font-family: FontAwesome;
  background: var(--primary);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: var(--white);
  background-image: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-page main .accordion-button:not(.collapsed)::after,
.landing-page #getQuote .accordion-button:not(.collapsed)::after{
  background-image: none;
  transform: rotate(90deg);
}
.landing-page main .ctaSec,
.landing-page #getQuote .ctaSec{
  background: var(--secondry);
  margin-top: 2rem;
  padding: 0;
}
.landing-page main .ctaSec img,
.landing-page #getQuote .ctaSec img{
  margin-bottom: -1rem;
  margin-top: -4rem;
  width: 20rem;
  scale: 1.1;
}
.landing-page main .ctaSec h4,
.landing-page #getQuote .ctaSec h4{
  color: var(--white);
}
.landing-page main .ctaSec h6,
.landing-page #getQuote .ctaSec h6{
  color: var(--primary);
}
.landing-page main .inputGroup,
.landing-page #getQuote .inputGroup{
  margin-top: 1rem;
}
.landing-page main .servicesList li,
.landing-page #getQuote .servicesList li{
  position: relative;
  margin: 0;
  border-radius: 0;
}
.landing-page main .servicesList li input,
.landing-page #getQuote .servicesList li input,
.landing-page main .questionList li input,
.landing-page #getQuote .questionList li input{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.landing-page main .servicesList .checkBoxStyle,
.landing-page #getQuote .servicesList .checkBoxStyle{
  display: flex;
  align-items: center;
  position: relative;
  padding: 14px 2rem;
  justify-content: space-between;
}
.landing-page main .servicesList li:last-child .checkBoxStyle,
.landing-page #getQuote .servicesList li:last-child .checkBoxStyle{
  border-bottom: 0;
}
.landing-page main .servicesList .checkBoxStyle label,
.landing-page #getQuote .servicesList .checkBoxStyle label{
  font-size: 1.125rem;
  font-weight: 500;
}
.landing-page main .servicesList .checkBoxStyle i,
.landing-page #getQuote .servicesList .checkBoxStyle i{
  font-size: 1.25rem;
  color: #d6d6d6;
}
.landing-page main .servicesList li input:checked + .checkBoxStyle i,
.landing-page #getQuote .servicesList li input:checked + .checkBoxStyle i{
  color: var(--primary);
}
.landing-page main .servicesForm .form-control,
.landing-page #getQuote .servicesForm .form-control,
.landing-page main .inputGroup .form-control,
.landing-page #getQuote .inputGroup .form-control{
  font-size: 0.9rem;
  height: 3rem;
  border-radius: 10px;
}
.landing-page main .inputGroup label,
.landing-page #getQuote .inputGroup label{
  font-size: 1rem;
  font-weight: 500;
}
.landing-page main .inputGroup .form-control,
.landing-page #getQuote .inputGroup .form-control{
  margin: 10px 0;
}
.landing-page main .stepTwo .servicesForm .themeBtn2,
.landing-page #getQuote .stepTwo .servicesForm .themeBtn2{
  width: 35%;
}
.landing-page main .contactBoxs .accordion-button::after,
.landing-page #getQuote .contactBoxs .accordion-button::after{
  color: var(--primary);
  background: none;
  font-size: 1.4rem;
  transform: rotate(90deg);
}
.landing-page main .reviewHead,
.landing-page #getQuote .reviewHead{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.landing-page main .reviewHead img,
.landing-page #getQuote .reviewHead img{
  border: 3px solid var(--primary);
  border-radius: 50%;
  width: 5rem;
}
.landing-page main .reviewHead h3,
.landing-page #getQuote .reviewHead h3{
  font-size: 1.45rem;
  color: var(--primary);
}
.landing-page main .reviewBox,
.landing-page #getQuote .reviewBox{
  padding: 2rem 1.5rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1411764706);
  border-radius: 10px;
  background: var(--white);
  margin: 1rem;
  min-height: 22rem;
  border: 1px solid var(--primary);
}
.landing-page main .reviewBox p,
.landing-page #getQuote .reviewBox p{
  margin-top: 2rem;
}
.landing-page main .stepSec,
.landing-page #getQuote .stepSec{
  background: url(https://www.eminentpublishers.com/) top right/cover fixed no-repeat;
}
.landing-page main .stepBox img,
.landing-page #getQuote .stepBox img{
  filter: brightness(0) invert(1);
}
.landing-page main .stepBox h3,
.landing-page #getQuote .stepBox h3{
  font-size: 1.35rem;
  color: var(--primary);
  margin-top: 2rem;
  text-transform: capitalize;
}
.landing-page main .stepBox p,
.landing-page #getQuote .stepBox p{
  color: var(--white);
  margin: 1rem 0 0;
}
.landing-page main .arrow,
.landing-page #getQuote .arrow{
  margin-top: 2rem;
}
.landing-page main .stepSec h4,
.landing-page #getQuote .stepSec h4{
  color: var(--white);
}
.landing-page main .stepSec h6,
.landing-page #getQuote .stepSec h6{
  color: var(--white);
  font-size: 1.26rem;
  letter-spacing: 2px;
  font-weight: 300;
}
.landing-page main .infoBox i,
.landing-page #getQuote .infoBox i{
  font-size: 1.5rem;
  color: var(--primary);
}
.landing-page main .infoBox p,
.landing-page #getQuote .infoBox p{
  font-size: 1.15rem;
  color: var(--primary);
}
.landing-page main .infoBox,
.landing-page #getQuote .infoBox{
  background: var(--white);
  padding: 10px;
  border-radius: 30px;
  text-align: center;
  min-height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary);
  box-shadow: 0 0 10px rgba(248, 155, 9, 0.2392156863);
}
.landing-page main .contactInner,
.landing-page #getQuote .contactInner{
  margin-top: -7rem;
}
.landing-page main .blogBox h3,
.landing-page #getQuote .blogBox h3{
  margin: 1.8rem 0;
  font-size: 2.25rem;
  font-weight: 600;
}
.landing-page main .blogBox p,
.landing-page #getQuote .blogBox p{
  color: var(--black);
}
.landing-page main .blogBox .btnBlog,
.landing-page #getQuote .blogBox .btnBlog{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3rem;
}
.landing-page main .blogBox .btnBlog span,
.landing-page #getQuote .blogBox .btnBlog span{
  font-size: 1.25rem;
  font-weight: 400;
}
.landing-page main .blogBox .btnBlog .themeBtn,
.landing-page #getQuote .blogBox .btnBlog .themeBtn{
  padding: 1.25rem 3rem;
}
.landing-page main .blogBox,
.landing-page #getQuote .blogBox{
  padding: 0 2rem;
  margin: 2rem 0;
}
.landing-page main .blogContnt,
.landing-page #getQuote .blogContnt{
  min-height: 16rem;
}
.landing-page main .portInner .blueBox,
.landing-page #getQuote .portInner .blueBox{
  position: relative;
  padding: 3rem 0 2rem 2rem;
}
.landing-page main .portInner .blueBox::before,
.landing-page #getQuote .portInner .blueBox::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(240, 240, 240, 0.5411764706);
  right: -30%;
  border-radius: 30px;
  z-index: -1;
  transition: all 0.5s ease;
}
.landing-page main .portInner .blueBox-2::before,
.landing-page #getQuote .portInner .blueBox-2::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(240, 240, 240, 0.5411764706);
  left: -30%;
  border-radius: 30px;
  z-index: -1;
  transition: all 0.5s ease;
  right: -10%;
}
.landing-page main .portInner .blueBox h4,
.landing-page #getQuote .portInner .blueBox h4{
  font-size: 2rem;
}
.landing-page main .portInner .blueBox p,
.landing-page #getQuote .portInner .blueBox p{
  font-size: 1.11rem;
}
.landing-page main .portInner .blueContnt,
.landing-page #getQuote .portInner .blueContnt{
  text-align: center;
}
.landing-page main .portInner .blueContnt h4,
.landing-page #getQuote .portInner .blueContnt h4{
  color: var(--primary);
  margin-top: 3rem;
  font-size: 1.5rem;
}
.landing-page main .portInner .blueBox:hover::before,
.landing-page #getQuote .portInner .blueBox:hover::before{
  background: var(--secondry);
}
.landing-page main .portInner .blueBox:hover *,
.landing-page #getQuote .portInner .blueBox:hover *{
  color: var(--white);
}
.landing-page main .portInner .blueBox-2,
.landing-page #getQuote .portInner .blueBox-2{
  padding: 3rem 2rem 2rem 0;
}
.landing-page main .reviewSlider,
.landing-page #getQuote .reviewSlider{
  position: relative;
  padding: 10rem 0 0rem;
}
.landing-page main .portfolioSlider div,
.landing-page #getQuote .portfolioSlider div{
  margin: 0 1rem;
}
.landing-page main .stepBanner,
.landing-page #getQuote .stepBanner{
  position: relative;
}
.landing-page main .stepBanner,
.landing-page #getQuote .stepBanner{
  background: url(https://www.eminentpublishers.com/) center/cover no-repeat;
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
.landing-page main .stepBanner *,
.landing-page #getQuote .stepBanner *{
  color: var(--white);
  margin: 0 auto;
}
.landing-page main .stepBanner p,
.landing-page #getQuote .stepBanner p{
  font-size: 1.5rem;
}
.landing-page main .stepBanner.congbanner p,
.landing-page #getQuote .stepBanner.congbanner p{
  font-size: 1.25rem;
  margin: 10px 0;
  line-height: 1.4;
}
.landing-page main .stepBanner .bookBannerOne,
.landing-page #getQuote .stepBanner .bookBannerOne{
  position: absolute;
  left: 10%;
  top: 40%;
  width: 5rem;
}
.landing-page main .stepBanner .bookBannerTwo,
.landing-page #getQuote .stepBanner .bookBannerTwo{
  position: absolute;
  right: 5%;
  bottom: 5%;
  width: 15rem;
  z-index: 1;
}
.landing-page main .stepBanner .bookBannerThree,
.landing-page #getQuote .stepBanner .bookBannerThree{
  position: absolute;
  left: 8%;
  bottom: 5%;
  width: 5rem;
  z-index: 1;
}
.landing-page main .servicesForm h2,
.landing-page #getQuote .servicesForm h2{
  font-size: 1.65rem;
  background: #fff;
  position: absolute;
  top: -1rem;
  padding: 0 11px;
}
.landing-page main .discountStrip,
.landing-page #getQuote .discountStrip{
  background: var(--primary);
  color: var(--white);
  text-align: center;
  padding: 1rem;
  margin: -4.5rem 0 3rem;
  border-radius: 10px;
}
.landing-page main .discountStrip > span,
.landing-page #getQuote .discountStrip > span{
  font-size: 1.5rem;
}
.landing-page main .discountStrip h2,
.landing-page #getQuote .discountStrip h2{
  margin: 0;
  font-size: 3rem;
  line-height: 1;
}
.landing-page main .chooseService,
.landing-page #getQuote .chooseService{
  position: relative;
  padding: 0 0 5rem;
}
.landing-page main .chooseService .serviceTwo,
.landing-page #getQuote .chooseService .serviceTwo{
  position: absolute;
  top: 15%;
  left: 10%;
  width: 6rem;
}
.landing-page main .chooseService .serviceOne,
.landing-page #getQuote .chooseService .serviceOne{
  position: absolute;
  left: 10%;
  bottom: 10%;
  width: 12rem;
}
.landing-page main .chooseService .serviceThree,
.landing-page #getQuote .chooseService .serviceThree{
  position: absolute;
  left: 68%;
  bottom: 15%;
  z-index: 0;
}
.landing-page main .servicesForm,
.landing-page #getQuote .servicesForm{
  background: var(--white);
  border: 1px solid #d4d4d4;
  border-radius: 1.5rem;
  box-shadow: 0 1.125rem 4.44rem rgba(248, 155, 9, 0.08);
  padding: 2.5rem 2rem 2rem;
  position: relative;
  z-index: 1;
}
.landing-page main .servicesList,
.landing-page #getQuote .servicesList{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 15px;
}
.landing-page main .questionList,
.landing-page #getQuote .questionList{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 15px;
}
.landing-page main .servicesForm p,
.landing-page #getQuote .servicesForm p{
  margin: 0;
}
.landing-page main .inputGroup,
.landing-page #getQuote .inputGroup{
  margin-top: 1rem;
}
.landing-page main .servicesList li,
.landing-page #getQuote .servicesList li,
.landing-page main .questionList li,
.landing-page #getQuote .questionList li{
  position: relative;
}
.landing-page main .servicesList li input,
.landing-page #getQuote .servicesList li input,
.landing-page main .questionList li input,
.landing-page #getQuote .questionList li input{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.landing-page main .servicesList .checkBoxStyle,
.landing-page #getQuote .servicesList .checkBoxStyle{
  display: flex;
  align-items: center;
  position: relative;
  padding: 14px 2rem;
  justify-content: space-between;
}
.landing-page main .servicesList li:last-child .checkBoxStyle,
.landing-page #getQuote .servicesList li:last-child .checkBoxStyle{
  border-bottom: 0;
}
.landing-page main .servicesList .checkBoxStyle label,
.landing-page #getQuote .servicesList .checkBoxStyle label{
  font-size: 1.125rem;
  font-weight: 500;
}
.landing-page main .servicesList .checkBoxStyle i,
.landing-page #getQuote .servicesList .checkBoxStyle i{
  font-size: 1.25rem;
  color: #d6d6d6;
}
.landing-page main .servicesList li input:checked + .checkBoxStyle i,
.landing-page #getQuote .servicesList li input:checked + .checkBoxStyle i{
  color: var(--primary);
}
.landing-page main .servicesForm .form-control,
.landing-page #getQuote .servicesForm .form-control,
.landing-page main .inputGroup .form-control,
.landing-page #getQuote .inputGroup .form-control{
  font-size: 0.9rem;
  height: 3.5rem;
  border-radius: 10px;
}
.landing-page main .inputGroup label,
.landing-page #getQuote .inputGroup label{
  font-size: 1rem;
  font-weight: 500;
}
.landing-page main .inputGroup .form-control,
.landing-page #getQuote .inputGroup .form-control{
  margin: 10px 0;
}
.landing-page main .stepTwo .servicesForm .themeBtn2,
.landing-page #getQuote .stepTwo .servicesForm .themeBtn2{
  width: 35%;
}
.landing-page main .stepTwo,
.landing-page #getQuote .stepTwo{
  padding-top: 5rem;
}
.landing-page main .questionList li,
.landing-page #getQuote .questionList li{
  display: flex;
  flex-flow: row wrap;
  gap: 10px 3rem;
  padding: 1rem 0;
  border-bottom: 1px solid #d4d4d4;
}
.landing-page main .questionList li:last-child,
.landing-page #getQuote .questionList li:last-child{
  border-bottom: 0;
}
.landing-page main .questionList li > label,
.landing-page #getQuote .questionList li > label{
  width: 100%;
  font-weight: 500;
  color: var(--black);
  margin-bottom: 5px;
}
.landing-page main .questionList .radioStyle,
.landing-page #getQuote .questionList .radioStyle{
  position: relative;
}
.landing-page main .questionList .radioStyle label,
.landing-page #getQuote .questionList .radioStyle label{
  font-weight: 500;
  display: flex;
  align-items: center;
}
.landing-page main .questionList .radioStyle label:before,
.landing-page #getQuote .questionList .radioStyle label:before{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #eee;
  border: 1px solid #d7d7d7;
  border-radius: 100px;
  margin-right: 10px;
}
.landing-page main .questionList .radioStyle input:checked + label:before,
.landing-page #getQuote .questionList .radioStyle input:checked + label:before{
  border: 6px solid var(--primary);
}
.landing-page main .servicesForm .themeBtn,
.landing-page #getQuote .servicesForm .themeBtn{
  font-size: 1.125rem;
  text-transform: uppercase;
  margin-top: 1.25rem;
  padding: 0.8rem 2.5rem;
  background: var(--primary);
  color: var(--white);
  border: none;
  padding: 1.25rem 2rem;
}
.landing-page main .stepBanner .headingStyleThree .stokeText,
.landing-page #getQuote .stepBanner .headingStyleThree .stokeText{
  color: rgba(0, 0, 0, 0);
  font-size: 6rem;
  -webkit-text-stroke: 1px #fff;
}
.landing-page main .stepBanner .headingStyleThree h2,
.landing-page #getQuote .stepBanner .headingStyleThree h2{
  font-size: 5rem;
  color: var(--primary);
}
.landing-page main .stepBanner .headingStyleThree h6,
.landing-page #getQuote .stepBanner .headingStyleThree h6{
  margin-top: 10px;
  font-weight: 400;
}
.landing-page main .stepBanner .headingStyleThree h6 span,
.landing-page #getQuote .stepBanner .headingStyleThree h6 span{
  display: block;
  font-weight: 700;
}
.landing-page main .congbanner,
.landing-page #getQuote .congbanner{
  background: url(https://www.eminentpublishers.com/) top right/cover no-repeat;
  padding: 2rem 0;
}
.landing-page main .congsContnt,
.landing-page #getQuote .congsContnt{
  margin: 8rem auto -2rem;
}
.landing-page main .congsContnt p a,
.landing-page #getQuote .congsContnt p a{
  font-weight: 700;
}
.landing-page main .congsContnt p,
.landing-page #getQuote .congsContnt p{
  font-size: 20px;
  line-height: 1.3;
}
.landing-page main .congbanner .bookBannerTwo,
.landing-page #getQuote .congbanner .bookBannerTwo{
  top: 3rem;
}
.landing-page main .congbanner .bookBannerThree,
.landing-page #getQuote .congbanner .bookBannerThree{
  bottom: 15rem;
}
.landing-page main .congbanner .bookBannerOne,
.landing-page #getQuote .congbanner .bookBannerOne{
  top: 10%;
}
.landing-page main .congsContnt p a:hover,
.landing-page #getQuote .congsContnt p a:hover{
  color: var(--primary);
}
.landing-page main .servicesList li,
.landing-page #getQuote .servicesList li{
  border-bottom: 1px solid rgba(130, 130, 130, 0.3098039216);
}
.landing-page main .questionList,
.landing-page #getQuote .questionList{
  flex-direction: column;
}
.landing-page main .stepTwo .discountStrip,
.landing-page #getQuote .stepTwo .discountStrip{
  margin: -8.5rem 0 3rem;
}
.landing-page main .servicesForm .themeBtn:hover,
.landing-page #getQuote .servicesForm .themeBtn:hover{
  background: #fff;
  color: var(--primary);
}
.landing-page main .chooseService .servicesList li,
.landing-page #getQuote .chooseService .servicesList li{
  margin: 0;
  border: none;
  border-bottom: 1px solid rgba(130, 130, 130, 0.3098039216);
  border-radius: 0;
}
.landing-page main .chooseService .servicesList li:last-child,
.landing-page #getQuote .chooseService .servicesList li:last-child{
  border-bottom: 0;
}
.landing-page main .chooseService .servicesList,
.landing-page #getQuote .chooseService .servicesList{
  border: 1px solid rgba(130, 130, 130, 0.3098039216);
}
.landing-page main .term-first-wrapper h5,
.landing-page #getQuote .term-first-wrapper h5{
  font-size: 1.75rem;
  margin: 1rem 0;
  font-weight: 700;
}
.landing-page main .terms-first-wrap-text h4,
.landing-page #getQuote .terms-first-wrap-text h4{
  font-size: 3rem;
  margin: 2rem 0 1rem;
}
.landing-page main .term-first-wrapper ul li,
.landing-page #getQuote .term-first-wrapper ul li{
  color: var(--text-color);
  padding: 8px 0;
}
.landing-page main .term-first-wrapper a,
.landing-page #getQuote .term-first-wrapper a{
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  color: var(--text-color);
}
.landing-page main .contactBanner,
.landing-page #getQuote .contactBanner{
  align-items: end !important;
}
.landing-page main .stepSec .text-center h4,
.landing-page #getQuote .stepSec .text-center h4{
  margin-top: 3rem;
  font-size: 2.5rem;
  margin-bottom: 0;
}
.landing-page main .reviewSec,
.landing-page #getQuote .reviewSec{
  padding-bottom: 1rem;
}
.landing-page main #contactForm .error,
.landing-page #getQuote #contactForm .error,
.landing-page main #serviceForm .error,
.landing-page #getQuote #serviceForm .error,
.landing-page main #contactColpsErrors,
.landing-page #getQuote #contactColpsErrors,
.landing-page main #footerColpsErrors,
.landing-page #getQuote #footerColpsErrors{
  color: red;
  font-size: 14px;
  margin-bottom: 10px;
}
.landing-page main #serviceForm .error,
.landing-page #getQuote #serviceForm .error{
  color: red;
  margin-bottom: 10px;
}
.landing-page main #serviceForm .servicesList .error,
.landing-page #getQuote #serviceForm .servicesList .error{
  color: red;
  font-weight: 600;
  margin: 10px 0 0 2rem;
}

.landing-page main .js-errors,
.landing-page #getQuote .js-errors{
  background: #f93337;
  border-radius: 4px;
  color: #fff;
  font-size: 0.8em;
  list-style-type: square;
  margin-bottom: 1em;
  padding: 1em;
}
.landing-page main .js-errors,
.landing-page #getQuote .js-errors{
  display: none;
}
.landing-page main .js-errors li,
.landing-page #getQuote .js-errors li{
  margin-left: 1em;
  margin-bottom: 0.5em;
  padding-left: 0;
}
.landing-page main ul.error input[type="checkbox"] + label::before,
.landing-page #getQuote ul.error input[type="checkbox"] + label::before,
.landing-page main ul.error input[type="radio"] + label::before,
.landing-page #getQuote ul.error input[type="radio"] + label::before{
  border-color: #f93337;
}
.landing-page main ul.error input[type="checkbox"] + label,
.landing-page #getQuote ul.error input[type="checkbox"] + label,
.landing-page main ul.error input[type="radio"] + label,
.landing-page #getQuote ul.error input[type="radio"] + label{
  color: #f93337;
}
.landing-page main #collapsefooter.collapse:not(.show),
.landing-page #getQuote #collapsefooter.collapse:not(.show){
  display: block;
  height: 0px;
  overflow: hidden;
}
.landing-page main #servicesFormStepTwo .alert-danger li:nth-child(2),
.landing-page #getQuote #servicesFormStepTwo .alert-danger li:nth-child(2),
.landing-page main #servicesFormStepTwo .alert-danger li:last-child,
.landing-page #getQuote #servicesFormStepTwo .alert-danger li:last-child{
  display: none !important;
}
.landing-page main #servicesFormStepTwo .alert-danger,
.landing-page #getQuote #servicesFormStepTwo .alert-danger{
  margin-top: 1rem;
}
.landing-page main .chooseService.stepTwo .themeBtn,
.landing-page #getQuote .chooseService.stepTwo .themeBtn{
  background: var(--primary);
  color: var(--white);
}
.landing-page main .chooseService.stepTwo .themeBtn:hover,
.landing-page #getQuote .chooseService.stepTwo .themeBtn:hover{
  background: var(--white);
  color: var(--primary);
}
.landing-page main .contactBoxs .accordion-button.collapsed:focus,
.landing-page #getQuote .contactBoxs .accordion-button.collapsed:focus{
  box-shadow: none;
}
.landing-page main .stepHeader .topBar ul li a i,
.landing-page #getQuote .stepHeader .topBar ul li a i{
  color: var(--primary);
}
.landing-page main .lpBanner ul:not(.iti__country-list),
.landing-page #getQuote .lpBanner ul:not(.iti__country-list){
  margin: 2rem 0 3rem;
}
.landing-page main .lpBanner h6,
.landing-page #getQuote .lpBanner h6{
  color: var(--primary);
}
 .landing-page main .signupForm,
.landing-page #getQuote .signupForm{
  padding: 1.5rem;
  border-radius: 1rem;
  margin-left: 0rem;
  background: #1f3a64;
  position: relative;
  padding-block: 1.5rem;
}
.landing-page main .mainBanner.lpBanner .signupForm h4,
.landing-page #getQuote .mainBanner.lpBanner .signupForm h4{
  color: var(--white);
  margin-bottom: 0px;
  font-size: 40px;
  margin-top: 30px;
}
.landing-page main .mainBanner.lpBanner .signupForm h4 span,
.landing-page #getQuote .mainBanner.lpBanner .signupForm h4 span{
  color: #bcb0a0;
  display: block;
  font-size: 30px;
  font-weight: 800;
  margin-top: 8px;
}
.landing-page main .mainBanner.lpBanner .signupForm form,
.landing-page #getQuote .mainBanner.lpBanner .signupForm form{
  margin-top: 1rem;
  margin-bottom: 40px;
}
.landing-page main .lpBanner .listStyle,
.landing-page #getQuote .lpBanner .listStyle{
  background: rgba(0, 0, 0, 0);
  padding: 0;
}
.landing-page main .mainBanner.lpBanner .signupForm .themeBtn,
.landing-page #getQuote .mainBanner.lpBanner .signupForm .themeBtn{
  border: none;
  width: 100%;
  margin-top: 1.5rem;
}
.landing-page main .mainBanner.lpBanner .contactBoxs,
.landing-page #getQuote .mainBanner.lpBanner .contactBoxs{
  position: relative;
}
.landing-page main .schtech1,
.landing-page #getQuote .schtech1{
  right: -2rem;
  left: auto !important;
  transform: rotate(322deg) !important;
}
.landing-page main .mainBanner.lpBanner .contactBoxs .schtech,
.landing-page #getQuote .mainBanner.lpBanner .contactBoxs .schtech,
.landing-page main .schtech1,
.landing-page #getQuote .schtech1{
  position: absolute;
  top: -3rem;
  left: 5rem;
  width: 70px;
  z-index: 3;
  transform: rotate(35deg);
}
.landing-page main .leadLp .signupForm input,
.landing-page #getQuote .leadLp .signupForm input,
.landing-page main .leadLp .signupForm textarea,
.landing-page #getQuote .leadLp .signupForm textarea{
  background: var(--white);
  color: var(--black);
  height: 69px;
  border: 0;
  margin-bottom: 0.8rem;
}
.landing-page main .leadLp .accordionStyle,
.landing-page #getQuote .leadLp .accordionStyle{
  background: var(--white);
  border-radius: 10px;
}
.landing-page main .leadLp .accordionStyle .accordion-item,
.landing-page #getQuote .leadLp .accordionStyle .accordion-item{
  background: var(--white);
}
.landing-page main .leadLp .accordionStyle .accordion-item .accordion-button,
.landing-page #getQuote .leadLp .accordionStyle .accordion-item .accordion-button{
  color: var(--black);
  padding: 8px 1rem;
  font-size: 1rem;
}
.landing-page main .leadLp .servicesList .checkBoxStyle label,
.landing-page #getQuote .leadLp .servicesList .checkBoxStyle label,
.landing-page main .leadLp .iti--separate-dial-code .iti__selected-dial-code,
.landing-page #getQuote .leadLp .iti--separate-dial-code .iti__selected-dial-code,
.landing-page main .leadLp .iti__arrow,
.landing-page #getQuote .leadLp .iti__arrow{
  color: var(--black);
}
.landing-page main .leadLp .signupForm input::placeholder,
.landing-page #getQuote .leadLp .signupForm input::placeholder,
.landing-page main .leadLp .signupForm textarea::placeholder,
.landing-page #getQuote .leadLp .signupForm textarea::placeholder{
  color: var(--black);
}
.landing-page main .leadLp
  .accordionStyle
  .accordion-item
  .accordion-button[aria-expanded="true"]:hover,
.landing-page #getQuote .leadLp
  .accordionStyle
  .accordion-item
  .accordion-button[aria-expanded="true"]:hover{
  color: var(--black);
}
.landing-page main .leadLp .accordion-button::after,
.landing-page #getQuote .leadLp .accordion-button::after{
  color: #000;
  font-size: 1rem;
}
.landing-page main .leadLp .servicesList,
.landing-page #getQuote .leadLp .servicesList{
  margin: 0;
  border: 1px solid rgba(130, 130, 130, 0.3098039216);
  border-radius: 15px;
}
.landing-page main .mainBanner.lpBanner .signupForm h4,
.landing-page #getQuote .mainBanner.lpBanner .signupForm h4{
  text-align: center;
}
.landing-page main .phone-container .phone1,
.landing-page #getQuote .phone-container .phone1{
  border-radius: 10px;
  width: 100%;
  padding-left: 10px;
}
.landing-page main .servicesList li:last-child,
.landing-page #getQuote .servicesList li:last-child{
  border: none;
}
.landing-page main .mainBanner.lpBanner .signupForm .themeBtn::after,
.landing-page #getQuote .mainBanner.lpBanner .signupForm .themeBtn::after{
  display: none;
}
.landing-page main .select,
.landing-page #getQuote .select{
  position: relative;
  display: flex;
  height: 4.5rem;
  line-height: 3;
  overflow: hidden;
  border-radius: 0.25em;
}
.landing-page main .select option,
.landing-page #getQuote .select option{
  height: 300px;
}
.landing-page main .select::after,
.landing-page #getQuote .select::after{
  content: "▼";
  position: absolute;
  top: 1rem;
  right: 0;
  padding: 0 1em;
  background: var;
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
  color: var(--primary);
}
.landing-page main .select:hover::after,
.landing-page #getQuote .select:hover::after{
  color: var(--primary);
}
.landing-page main .radioOption,
.landing-page #getQuote .radioOption{
  position: relative;
}
.landing-page main .radioOption input,
.landing-page #getQuote .radioOption input{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
}
.landing-page main .radioOption label,
.landing-page #getQuote .radioOption label{
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.landing-page main .radioOption label:before,
.landing-page #getQuote .radioOption label:before{
  content: "";
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0);
  display: block;
  border-radius: 100px;
  border: 2px solid var(--primary);
}
.landing-page main .radioOption label:after,
.landing-page #getQuote .radioOption label:after{
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  background: var(--primary);
  border-radius: 100px;
  opacity: 0;
}
.landing-page main .radioOption input:checked + .radiOpt label:after,
.landing-page #getQuote .radioOption input:checked + .radiOpt label:after{
  opacity: 1;
}
.landing-page main .radioOption .redWrap,
.landing-page #getQuote .radioOption .redWrap{
  padding: 0;
  border: 10px solid var(--grey);
  background: var(--grey);
  position: relative;
  overflow: hidden;
}
.landing-page main .radioOption input:checked + .radiOpt .redWrap,
.landing-page #getQuote .radioOption input:checked + .radiOpt .redWrap{
  border: 10px solid var(--secondry);
  background: var(--secondry);
}
.landing-page main .radioOption input:checked + .radiOpt .redWrap p,
.landing-page #getQuote .radioOption input:checked + .radiOpt .redWrap p{
  color: var(--white);
}
.landing-page main .servicesForm label,
.landing-page #getQuote .servicesForm label{
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 5px;
}
.landing-page main .btnUplod p,
.landing-page #getQuote .btnUplod p{
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.25rem;
  display: inline-flex;
  align-items: center;
  z-index: -1;
}
.landing-page main .btnUplod,
.landing-page #getQuote .btnUplod{
  position: relative;
  border: 1px dashed #000;
  padding: 15px;
  border-radius: 10px;
  margin-top: 10px;
}
.landing-page main .btnUplod input,
.landing-page #getQuote .btnUplod input{
  width: 100%;
  opacity: 0;
}
.landing-page main .btnUplod p i,
.landing-page #getQuote .btnUplod p i{
  font-size: 2.25rem;
  padding-right: 10px;
}
.landing-page main .btnUplod p span,
.landing-page #getQuote .btnUplod p span{
  color: var(--primary);
  padding-left: 5px;
}
.landing-page main .listProcess li,
.landing-page #getQuote .listProcess li{
  border: none;
  padding: 8px 0;
}
.landing-page main .listProcess,
.landing-page #getQuote .listProcess{
  padding: 0;
  border: none;
  margin-bottom: 1rem;
}
.landing-page main .listProcess .checkBoxStyle,
.landing-page #getQuote .listProcess .checkBoxStyle{
  padding: 0;
}
.landing-page main .listProcess .checkBoxStyle label,
.landing-page #getQuote .listProcess .checkBoxStyle label{
  padding-left: 10px;
}
.landing-page main .summary,
.landing-page #getQuote .summary{
  background: var(--grey);
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1333333333);
}
.landing-page main .summary ul,
.landing-page #getQuote .summary ul{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 2rem 0;
}
.landing-page main .summary ul li span,
.landing-page #getQuote .summary ul li span{
  display: flex;
  justify-content: space-between;
  font-size: 1.1rem;
  font-weight: 600;
}
.landing-page main .summary ul li span a,
.landing-page #getQuote .summary ul li span a{
  display: block;
  font-size: 12px;
  color: red;
}
.landing-page main .summary .foot,
.landing-page #getQuote .summary .foot{
  display: flex;
  justify-content: space-between;
  font-size: 1.35rem;
  font-weight: 700;
  border-top: 1px solid rgba(0, 0, 0, 0.168627451);
  padding: 10px 0 0;
}
.landing-page main .paySec,
.landing-page #getQuote .paySec{
  position: sticky;
  top: 0;
}
.landing-page main .packageBox,
.landing-page #getQuote .packageBox{
  border: 2px solid var(--primary);
  border-radius: 20px;
  padding: 1rem 1.5rem;
  transition: all 0.5s ease;
  margin: 0;
  background: #fafafa;
  position: relative;
}
.landing-page main .packageBox h4,
.landing-page #getQuote .packageBox h4{
  font-size: 3rem;
  color: var(--secondry);
  position: relative;
  font-weight: 800;
  margin: 0;
  text-align: center;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 1rem 0;
}
.landing-page main .packageBox h4 span,
.landing-page #getQuote .packageBox h4 span{
  font-size: 1rem;
  color: #000;
  position: relative;
  font-weight: 600;
  display: block;
}
.landing-page main .packageBox h3,
.landing-page #getQuote .packageBox h3{
  color: var(--primary);
  font-weight: 600;
  font-size: 2.5rem;
  text-align: center;
}
.landing-page main .packageBox .listStyle,
.landing-page #getQuote .packageBox .listStyle{
  list-style-type: disc;
  padding-left: 1.5rem;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 1rem 0 0 2rem;
  transition: all 0.5s ease;
  margin: 1rem 0;
  height: 300px;
  overflow: auto;
}
.landing-page main .packageBox .listStyle li,
.landing-page #getQuote .packageBox .listStyle li{
  padding: 7px 0;
  font-weight: 500;
  line-height: 1;
}
.landing-page main .packageBox .themeBtn,
.landing-page #getQuote .packageBox .themeBtn{
  text-align: center;
  padding: 8px 2.25rem;
}
.landing-page main .packageBox .btnSec,
.landing-page #getQuote .packageBox .btnSec{
  justify-content: center;
  margin: 0 auto;
}
.landing-page main .packageBox:hover,
.landing-page #getQuote .packageBox:hover,
.landing-page main .packageBox.active,
.landing-page #getQuote .packageBox.active{
  background: var(--primary);
}
.landing-page main .packageBox:hover *,
.landing-page #getQuote .packageBox:hover *,
.landing-page main .packageBox.active *,
.landing-page #getQuote .packageBox.active *{
  color: var(--white);
}
.landing-page main .packageBox:hover h4,
.landing-page #getQuote .packageBox:hover h4,
.landing-page main .packageBox.active h4,
.landing-page #getQuote .packageBox.active h4{
  border-color: var(--white);
}
.landing-page main .packageBox:hover ul,
.landing-page #getQuote .packageBox:hover ul,
.landing-page main .packageBox.active ul,
.landing-page #getQuote .packageBox.active ul{
  background: #d38204;
}
.landing-page main .packageBox:hover .themeBtn,
.landing-page #getQuote .packageBox:hover .themeBtn,
.landing-page main .packageBox.active .themeBtn,
.landing-page #getQuote .packageBox.active .themeBtn{
  background: var(--white);
  color: var(--primary);
}
.landing-page main .step3Form h4,
.landing-page #getQuote .step3Form h4{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--grey);
  padding: 0;
  border-radius: 10px;
  font-weight: 700;
  font-size: 2.5rem;
}
.landing-page main .whiteBox h4 span,
.landing-page #getQuote .whiteBox h4 span{
  color: var(--primary);
}
.landing-page main .servicesForm p span,
.landing-page #getQuote .servicesForm p span{
  color: var(--primary);
}
.landing-page main .servicesForm img,
.landing-page #getQuote .servicesForm img{
  width: 20rem;
}
.landing-page main .bannerDis,
.landing-page #getQuote .bannerDis{
  position: absolute;
  width: 11%;
  top: 74%;
  transform: rotate(-15deg);
  left: 16rem;
  z-index: 111;
  animation: zoom-in-zoom-out 3s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1) rotate(-15deg);
  }
  50% {
    transform: scale(1.1, 1.1) rotate(-15deg);
  }
  100% {
    transform: scale(1, 1) rotate(-15deg);
  }
}
.landing-page main .tag,
.landing-page #getQuote .tag{
  background: var(--primary);
  padding: 6px 1.5rem;
  border-radius: 20px;
  text-align: center;
  color: var(--white);
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
}
.landing-page main .packageBox:hover .tag,
.landing-page #getQuote .packageBox:hover .tag,
.landing-page main .packageBox.active .tag,
.landing-page #getQuote .packageBox.active .tag{
  background: #d38204;
}
.landing-page main .packageBox p,
.landing-page #getQuote .packageBox p{
  font-weight: 700;
  text-align: center;
  line-height: 1;
  margin-top: 10px;
  font-size: 14px;
}
.landing-page main .summary h2,
.landing-page #getQuote .summary h2{
  font-size: 1.25rem;
}
.landing-page main .pakageSteps .btnSec,
.landing-page #getQuote .pakageSteps .btnSec{
  display: flex;
  justify-content: center;
}
@media  only screen and (max-width: 1600px) {
  .landing-page main .bannerDis,
.landing-page #getQuote .bannerDis{
    top: 81%;
    left: 13rem;
  }
}
@media  only screen and (max-width: 1366px) {
  .landing-page main .bannerDis,
.landing-page #getQuote .bannerDis{
    top: 80%;
    left: 14rem;
    width: 11rem;
  }
}
@media  only screen and (max-width: 1200px) {
  .landing-page main .bannerDis,
.landing-page #getQuote .bannerDis{
    top: 80%;
    left: 10rem;
    width: 11rem;
  }
}
@media  only screen and (max-width: 1199px) {
  .landing-page main .bannerDis,
.landing-page #getQuote .bannerDis{
    top: 75%;
    left: 8rem;
    width: 11rem;
  }
}
@media  only screen and (max-width: 991px) {
  .landing-page main .servicesForm,
.landing-page #getQuote .servicesForm{
    margin-top: 2rem;
  }
  .landing-page main .bannerDis,
.landing-page #getQuote .bannerDis{
    top: 73%;
    left: 0;
    width: 9rem;
  }
  .landing-page main .packageBox,
.landing-page #getQuote .packageBox{
    margin: 1rem 0;
  }
}
@media  only screen and (max-width: 576px) {
  .landing-page main .bannerDis,
.landing-page #getQuote .bannerDis{
    top: 70%;
    left: 0;
    width: 9rem;
  }
  .landing-page main .stepBanner,
.landing-page #getQuote .stepBanner{
    padding: 1rem 0 3rem;
  }
}
.landing-page main .pakageSteps .themeBtn,
.landing-page #getQuote .pakageSteps .themeBtn{
  background: var(--primary);
  color: var(--white);
  padding: 1rem 2.5rem;
  border: none;
}
.landing-page main .pakageSteps .themeBtn:hover,
.landing-page #getQuote .pakageSteps .themeBtn:hover{
  background: var(--white);
  color: var(--primary);
}
.landing-page main .paySec .themeBtn,
.landing-page #getQuote .paySec .themeBtn{
  background: var(--primary);
  color: var(--white);
}
.landing-page main .paySec .themeBtn:hover,
.landing-page #getQuote .paySec .themeBtn:hover{
  background: var(--white);
  color: var(--primary);
}
.landing-page main .hidden,
.landing-page #getQuote .hidden{
  display: none;
}
.landing-page main .someData,
.landing-page #getQuote .someData{
  max-width: 768px;
  height: 150px;
  display: none;
  padding: 1%;
}
.landing-page main .radiOpt,
.landing-page #getQuote .radiOpt{
  margin: 8px 0;
}
.landing-page main .inputGroup label,
.landing-page #getQuote .inputGroup label{
  font-size: 1rem;
  font-weight: 500;
}
.landing-page main .inputGroup .form-control,
.landing-page #getQuote .inputGroup .form-control{
  margin: 10px 0;
}
.landing-page main .stepOne .form-control,
.landing-page #getQuote .stepOne .form-control{
  margin: 10px 0;
}
.landing-page main .stepTwo .servicesForm .themeBtn2,
.landing-page #getQuote .stepTwo .servicesForm .themeBtn2{
  width: 35%;
}
.landing-page main .chooseService .phone-container .iti--allow-dropdown,
.landing-page #getQuote .chooseService .phone-container .iti--allow-dropdown{
  width: 100%;
  border: 1px solid #ced4da;
  font-size: 0.9rem;
  height: 3.5rem;
  border-radius: 10px;
}
.landing-page main .chooseService .phone-container .phone1,
.landing-page #getQuote .chooseService .phone-container .phone1{
  border-radius: 10px;
  border: 0;
  height: 100%;
  width: 100%;
}
.landing-page main .chooseService .phone-container .phone1:focus-visible,
.landing-page #getQuote .chooseService .phone-container .phone1:focus-visible{
  outline: 0;
}
.landing-page main .stepBanner h2,
.landing-page #getQuote .stepBanner h2,
.landing-page main .stepWrap h2,
.landing-page #getQuote .stepWrap h2{
  font-size: 2.5rem;
  font-weight: 600;
}
.landing-page main .stepBanner p,
.landing-page #getQuote .stepBanner p{
  font-size: 1.5rem;
  line-height: 1;
}
.landing-page main .packageBox:hover .themeBtn:before,
.landing-page #getQuote .packageBox:hover .themeBtn:before{
  border: 2px solid #fff;
}
.landing-page main .summary h2,
.landing-page #getQuote .summary h2{
  font-size: 1.25rem;
}
.landing-page main .blogbg,
.landing-page #getQuote .blogbg{
  height: auto;
  position: relative;
  z-index: 0;
}
.landing-page main .blogbg::before,
.landing-page #getQuote .blogbg::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6901960784);
}
.landing-page main .blogbg .bannerContnt,
.landing-page #getQuote .blogbg .bannerContnt{
  position: relative;
  z-index: 1;
}
.landing-page main .logoForm,
.landing-page #getQuote .logoForm{
  display: flex;
  justify-content: center;
}
.landing-page main .logoForm .logoRowOne,
.landing-page #getQuote .logoForm .logoRowOne{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.landing-page main .lpContactSec .logoForm .logoRowOne,
.landing-page #getQuote .lpContactSec .logoForm .logoRowOne,
.landing-page main .lpContactSec .logoForm .logoRowTwo,
.landing-page #getQuote .lpContactSec .logoForm .logoRowTwo,
.landing-page main .lpContactSec .logoForm .logoRowThree,
.landing-page #getQuote .lpContactSec .logoForm .logoRowThree{
  flex: 0 0 33.33%;
  justify-content: space-evenly;
  display: flex;
}
.landing-page main .lpContactSec .logoForm .logo,
.landing-page #getQuote .lpContactSec .logoForm .logo{
  width: 12rem;
  height: 7rem;
  border-radius: 10px;
  border: 2px solid var(--primary);
}
.landing-page main .logoForm .logo4 img,
.landing-page #getQuote .logoForm .logo4 img{
  width: 7rem;
  margin: 0 auto;
}
.landing-page main .logoForm .logo4 img,
.landing-page #getQuote .logoForm .logo4 img{
  width: 7rem;
  margin: 0 auto;
}
.landing-page main .logoForm .logo,
.landing-page #getQuote .logoForm .logo{
  width: 9rem;
  height: 9rem;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.1411764706);
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
.landing-page main .lpContactSec .logoForm .logo:hover,
.landing-page #getQuote .lpContactSec .logoForm .logo:hover{
  transform: scale(1.05);
}
.landing-page main .signupForm .accordion-button,
.landing-page #getQuote .signupForm .accordion-button{
  height: 49px;
}
@media  screen and (max-width: 768px) {
  .landing-page main .mainBanner.lpBanner .signupForm h4,
.landing-page #getQuote .mainBanner.lpBanner .signupForm h4{
    font-size: 22px;
  }
  .landing-page main .mainBanner.lpBanner .signupForm h4 span,
.landing-page #getQuote .mainBanner.lpBanner .signupForm h4 span{
    font-size: 30px;
  }
  .landing-page main .mainBanner.lpBanner .signupForm,
.landing-page #getQuote .mainBanner.lpBanner .signupForm{
    padding-block: 2.5rem;
  }
  .landing-page main .signupForm .themeBtn,
.landing-page #getQuote .signupForm .themeBtn{
    padding: 1.5rem 1.5rem;
    font-size: 16px;
  }
  .landing-page main .signupForm form > *,
.landing-page #getQuote .signupForm form > *{
    margin-bottom: 1rem !important;
  }
}
.landing-page main .iti,
.landing-page #getQuote .iti{
  width: 100%;
}
.landing-page main .vscomp-ele,
.landing-page #getQuote .vscomp-ele{
  border-radius: 14px;
}
.landing-page main .signupForm input,
.landing-page #getQuote .signupForm input{
  background: #fff;
  color: #000;
  font-weight: 500;
  font-size: 14px;
  border-radius: 10px;
}
.landing-page main .signupForm input::placeholder,
.landing-page #getQuote .signupForm input::placeholder{
  color: rgba(0, 0, 0, 0.726);
}
.landing-page main .signupForm input:focus,
.landing-page #getQuote .signupForm input:focus{
  background: #fff;
}
.landing-page main .signupForm .virtual-select,
.landing-page #getQuote .signupForm .virtual-select{
  width: 100%;
  max-width: 100%;
}
.landing-page main .signupForm .iti__tel-input,
.landing-page #getQuote .signupForm .iti__tel-input{
  height: 48px;
  border-radius: 10px;
  border: none;
}
.landing-page main .virtual-select,
.landing-page #getQuote .virtual-select{
  max-width: 100% !important;
}
.landing-page main .virtual-select .vscomp-wrapper,
.landing-page #getQuote .virtual-select .vscomp-wrapper{
  font-family: inherit !important;
}
.landing-page main .virtual-select .vscomp-option-text,
.landing-page #getQuote .virtual-select .vscomp-option-text{
  line-height: 1.5;
}
.landing-page main .vscomp-option.focused,
.landing-page #getQuote .vscomp-option.focused{
  background: rgba(255, 255, 255, 0.3) !important;
}
.landing-page main .vscomp-option.selected,
.landing-page #getQuote .vscomp-option.selected{
  background: var(--primary) !important;
}
.landing-page main .signupForm .virtual-select .vscomp-toggle-button,
.landing-page #getQuote .signupForm .virtual-select .vscomp-toggle-button,
.landing-page main .leadForm .virtual-select .vscomp-toggle-button,
.landing-page #getQuote .leadForm .virtual-select .vscomp-toggle-button{
  width: 100%;
  height: 69px;
  padding-left: 1rem;
  border-radius: 10px;
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  font-weight: 500;
}

.landing-page main .signupForm .virtual-select .vscomp-arrow::after,
.landing-page #getQuote .signupForm .virtual-select .vscomp-arrow::after{
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  border-right-color: #000;
}
.landing-page main .signupForm .virtual-select .vscomp-dropbox,
.landing-page #getQuote .signupForm .virtual-select .vscomp-dropbox{
  font-weight: 500;
}
.landing-page main .signupForm
  .virtual-select
  .vscomp-wrapper.multiple
  .vscomp-option.selected
  .checkbox-icon::after,
.landing-page #getQuote .signupForm
  .virtual-select
  .vscomp-wrapper.multiple
  .vscomp-option.selected
  .checkbox-icon::after{
  border-color: #fff;
  border-left-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
}
.landing-page main .vscomp-wrapper .checkbox-icon.checked::after,
.landing-page #getQuote .vscomp-wrapper .checkbox-icon.checked::after{
  border-color: var(--blue);
  border-left-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
}
.landing-page main .leadForm .vscomp-toggle-button,
.landing-page #getQuote .leadForm .vscomp-toggle-button{
  background: #f4f4f4 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.168627451) !important;
}
.landing-page main .vscomp-value,
.landing-page #getQuote .vscomp-value{
  opacity: 1 !important;
}
.landing-page main .leadForm .phone,
.landing-page #getQuote .leadForm .phone{
  border: 1px solid rgba(0, 0, 0, 0.168627451);
}
.landing-page main .banner-form .phone,
.landing-page #getQuote .banner-form .phone,
.landing-page main .banner-form select,
.landing-page #getQuote .banner-form select{
  height: 45px !important;
  width: 100% !important;
}
.landing-page main .banner-form input,
.landing-page #getQuote .banner-form input{
  font-size: 15px;
}
@media  screen and (min-width: 1024px) {
  .landing-page main .vscomp-option,
.landing-page #getQuote .vscomp-option{
    height: 33px !important;
  }
  .landing-page main .vscomp-options-list,
.landing-page #getQuote .vscomp-options-list{
    height: 140px !important;
  }
}
.landing-page main .form-error,
.landing-page #getQuote .form-error{
  border: 2px solid red !important;
  border-radius: 10px;
}
.landing-page main .form-error .vscomp-value,
.landing-page #getQuote .form-error .vscomp-value{
  color: red !important;
  opacity: 1 !important;
}
.landing-page main .form-error::placeholder,
.landing-page #getQuote .form-error::placeholder{
  color: red !important;
}
.landing-page main .vscomp-toggle-button,
.landing-page #getQuote .vscomp-toggle-button{
  padding: 7px 30px 7px 20px !important;
}
.landing-page main .vscomp-search-wrapper,
.landing-page #getQuote .vscomp-search-wrapper{
  display: none;
}
.landing-page main .vscomp-option-text,
.landing-page #getQuote .vscomp-option-text{
  --vscom-option-font-size: 15px;
}
@media  screen and (max-width: 575px) {
  .landing-page main .exceptionalSec,
.landing-page #getQuote .exceptionalSec{
    margin-bottom: 9rem;
  }
}
.landing-page main .slider-wrapper,
.landing-page #getQuote .slider-wrapper{
  position: relative;
  width: 100%;
  height: 100px;
}
@media  screen and (min-width: 1440px) {
  .landing-page main .slider-wrapper,
.landing-page #getQuote .slider-wrapper{
    margin-bottom: 216px;
  }
}
.landing-page main .slider,
.landing-page #getQuote .slider{
  position: relative;
  width: 100%;
  height: auto;
}
.landing-page main .slider-item,
.landing-page #getQuote .slider-item{
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0;
}
@media  screen and (min-width: 1440px) {
  .landing-page main .slider-item img,
.landing-page #getQuote .slider-item img{
    margin: 0;
  }
}
.landing-page main .slider-item.active,
.landing-page #getQuote .slider-item.active{
  opacity: 1;
} /*# sourceMappingURL=custom.min.css.map */
.landing-page main a.fixed_disc,
.landing-page #getQuote a.fixed_disc{
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 150px;
  z-index: 9999;
}
/*Popup*/
.landing-page main .entry-right input,
.landing-page #getQuote .entry-right input{
  border-radius: 5px;
  height: 51px;
  padding-left: 20px;
  border: 2px solid #e3e3e3;
  box-shadow: none;
  background: #fafafa;
  margin: 5px 0;
}

.landing-page main .offr-frm .close,
.landing-page #getQuote .offr-frm .close{
  background-color: #000;
  color: #fff;
  border-radius: 23px;
  width: 33px;
  height: 32px;
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 15px;
  font-weight: 700;
  cursor: pointer;
  opacity: 1;
  font-size: 20px;
}

.landing-page main #entry-popup,
.landing-page #getQuote #entry-popup{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999990;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.landing-page main .entry-box,
.landing-page #getQuote .entry-box{
  background: #fff;
  text-align: center;
  padding-top: 0;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 0 0 50px 0 #000;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
}

.landing-page main .entry-box h1,
.landing-page #getQuote .entry-box h1{
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 60px;
}

.landing-page main .entry-box h1 span,
.landing-page #getQuote .entry-box h1 span{
  color: #ffd800;
}

.landing-page main .entry-left,
.landing-page #getQuote .entry-left{
  text-align: center;
  background: #f89334;
}

.landing-page main .entry-box h1,
.landing-page #getQuote .entry-box h1{
  text-shadow: 0 5px 10px rgb(0 0 0 / 35%);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 60px;
}

.landing-page main .entry-right .text,
.landing-page #getQuote .entry-right .text{
  position: relative;
  margin: 25px 0 30px;
}

.landing-page main .entry-right .text h2,
.landing-page #getQuote .entry-right .text h2{
  font-size: 30px;
  color: #313131;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}

.landing-page main .entry-right .text h2 span,
.landing-page #getQuote .entry-right .text h2 span{
  color: #f89334;
}

.landing-page main .entry-right .text:before,
.landing-page #getQuote .entry-right .text:before{
  content: "";
  width: 6px;
  height: 50px;
  background: #000;
  border-radius: 20%;
  position: absolute;
  left: 0;
  top: -10px;
  overflow: hidden;
}

.landing-page main .form-control.error,
.landing-page #getQuote .form-control.error{
  border-color: red !important;
}

.landing-page main label.error,
.landing-page #getQuote label.error{
  display: none !important;
}

.landing-page main .entry-right .text strong,
.landing-page #getQuote .entry-right .text strong{
  text-transform: uppercase;
  font-weight: 600;
}

.landing-page main .entry-right .form-control:focus,
.landing-page #getQuote .entry-right .form-control:focus{
  border-color: #e2001b;
  box-shadow: 0 0 5px 0 #dee2e4;
  background-color: #fff;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.2);
}

.landing-page main .entry-right input,
.landing-page #getQuote .entry-right input{
  border-radius: 5px;
  height: 51px;
  padding-left: 20px;
  border: 1px solid #e3e3e3;
  box-shadow: none;
  background: #fafafa;
  margin: 5px 0;
}

.landing-page main .entry-right input[type="email"],
.landing-page #getQuote .entry-right input[type="email"],
.landing-page main .leaving-box input[type="email"],
.landing-page #getQuote .leaving-box input[type="email"]{
  background-color: #fff !important;
  color: #555 !important;
}

.landing-page main .entry-right .intl-tel-input,
.landing-page #getQuote .entry-right .intl-tel-input{
  width: 100%;
}

.landing-page main .entry-right .intl-tel-input.separate-dial-code .selected-dial-code,
.landing-page #getQuote .entry-right .intl-tel-input.separate-dial-code .selected-dial-code{
  padding-left: 0;
}

.landing-page main .entery-submit,
.landing-page #getQuote .entery-submit{
  width: 60%;
  background: #000 !important;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  border: none !important;
  padding: 10px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  border-radius: 30px;
}

.landing-page main .entry-right a,
.landing-page #getQuote .entry-right a{
  height: 60px;
  line-height: 60px;
  display: block;
  width: 100%;
  background-color: #ffd800;
  border-radius: 50px;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.landing-page main .entry-right a i,
.landing-page #getQuote .entry-right a i{
  margin-left: 6px;
}

.landing-page main span.help-block.form-error,
.landing-page #getQuote span.help-block.form-error{
  display: none;
}

.landing-page main .entry-right p,
.landing-page #getQuote .entry-right p{
  color: #343434;
  font-size: 14px;
  margin: 0;
  font-weight: 600;
}

.landing-page main .entry-right .form-group,
.landing-page #getQuote .entry-right .form-group{
  margin-bottom: 10px;
}

.landing-page main a#entry-box_close,
.landing-page #getQuote a#entry-box_close{
  position: absolute;
  right: 5px;
  background-color: #69c626;
  width: 40px;
  height: 40px;
  border-radius: 50pc;
  color: #fff;
  font-size: 29px;
  top: 10px;
  z-index: 9;
}

.landing-page main .btn__effect__trans__blcktext,
.landing-page #getQuote .btn__effect__trans__blcktext{
  background-color: rgba(255, 255, 255, 0);
  font: inherit;
  letter-spacing: inherit;
  padding: 1em 1em;
  border: none;
  border: 2px solid #000;
  border-radius: 5px;
  text-transform: capitalize;
  transition: color 1s;
  color: #000 !important;
  width: 100%;
}

.landing-page main .listing-style li svg,
.landing-page #getQuote .listing-style li svg{
  margin-right: 15px;
}

.landing-page main .entry-box .entry-right,
.landing-page #getQuote .entry-box .entry-right{
  padding: 0px 30px;
}

.landing-page main .modal-backdrop.hide,
.landing-page #getQuote .modal-backdrop.hide{
  opacity: 0 !important;
}


.landing-page main section.sec_process,
.landing-page #getQuote section.sec_process{
    padding: 80px 0;
    background: #F0F0F0;
}
.landing-page main .global_content h2,
.landing-page #getQuote .global_content h2{
    font-weight: 700;
    color: #2d353f;
    font-size: 38px;
}
.landing-page main .process_img img,
.landing-page #getQuote .process_img img{
    width: 100%;
}

.landing-page main .image_box ul,
.landing-page #getQuote .image_box ul{
    display: flex;
    align-items: center;
}

.landing-page main .image_box ul li,
.landing-page #getQuote .image_box ul li{
    margin: 0 10px 0;
}

.landing-page main .image_box ul li h4,
.landing-page #getQuote .image_box ul li h4{
    font-size: 30px;
    color: #2d353f;
    line-height: 30px;
    margin: 0 0 0 0;
}

.landing-page main .image_box ul li p,
.landing-page #getQuote .image_box ul li p{
    color: #8F8F8F;
    font-size: 16px;
    font-weight: 400;
}

.landing-page main .image_box,
.landing-page #getQuote .image_box{
    margin: 0 0 30px 0;
    position: relative;
    z-index: 9;
}

.landing-page main .image_box:before,
.landing-page #getQuote .image_box:before{
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/line_circle.webp);
    background-repeat: no-repeat;
    width: 156px;
    height: 25px;
    left: -120px;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: -1;
}

.landing-page main .image_box.two,
.landing-page #getQuote .image_box.two,
.landing-page main .image_box.three,
.landing-page #getQuote .image_box.three{
    padding-left: 100px;
}

.landing-page main .image_box.two:before,
.landing-page #getQuote .image_box.two:before,
.landing-page main .image_box.three:before,
.landing-page #getQuote .image_box.three:before{
    left: -53px;
}

.landing-page main .image_box.three:before,
.landing-page #getQuote .image_box.three:before{
    left: -40px;
}

.landing-page main .image_box.four:before,
.landing-page #getQuote .image_box.four:before{
    left: -90px;
}

.landing-page main .image_box.four,
.landing-page #getQuote .image_box.four{
    margin: 0;
}
.landing-page main .image_box ul li:nth-child(1),
.landing-page #getQuote .image_box ul li:nth-child(1){
    width: 210px;
}
/* Custom checkbox box */
.landing-page main .form-check-label,
.landing-page #getQuote .form-check-label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    user-select: none;
    font-size: 15px;
    line-height: 20px;
    margin: 15px 0 0;
    color: #fff;
}

/* Checkbox outline */
.landing-page main .form-check-label:before,
.landing-page #getQuote .form-check-label:before{
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 2px solid #007bff; /* your primary color */
    border-radius: 4px;        /* rounded checkbox */
    background: #fff;
    transition: all 0.2s ease;
}

/* Checkmark */
.landing-page main .form-check-label:after,
.landing-page #getQuote .form-check-label:after{
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 8px;
    height: 14px;
    border: solid #007bff;     /* checkmark color */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: all 0.2s ease;
}

/* When checked */
.landing-page main .form-check-input:checked + .form-check-label:before,
.landing-page #getQuote .form-check-input:checked + .form-check-label:before{
    background: #007bff;
    border-color: #007bff;
}

.landing-page main .form-check-input:checked + .form-check-label:after,
.landing-page #getQuote .form-check-input:checked + .form-check-label:after{
    opacity: 1;
    border-color: #fff; /* checkmark becomes white */
}

/* Hover effect */
.landing-page main .form-check-label:hover:before,
.landing-page #getQuote .form-check-label:hover:before{
    border-color: #0056d2;
}
.landing-page main input[type="checkbox"],
.landing-page #getQuote input[type="checkbox"]{
    background: none !important;
}
@media  (min-width: 1500px) {
  .landing-page main .container,
.landing-page #getQuote .container{
    max-width: 1280px;
  }
}

@media  (min-width: 1800px) {
  .landing-page main .container,
.landing-page #getQuote .container{
    max-width: 1640px;
  }
}

@media  only screen and (max-width: 1920px) {
}

@media  only screen and (max-width: 1600px) {
  .landing-page main .teamBox .overlay-text h4,
.landing-page #getQuote .teamBox .overlay-text h4{
    font-size: 1.15rem;
  }

  .landing-page main .exceptionalSec ul,
.landing-page #getQuote .exceptionalSec ul{
    align-items: flex-start;
    padding: 2rem;
    border-radius: 14px;
    gap: 2rem;
  }

  .landing-page main .provideBox::before,
.landing-page #getQuote .provideBox::before{
    width: 12%;
    height: 10%;
  }

  .landing-page main .teamBox .overlay-text p,
.landing-page #getQuote .teamBox .overlay-text p{
    font-size: 14px;
  }
  .landing-page main .mainBanner.lpBanner .signupForm,
.landing-page #getQuote .mainBanner.lpBanner .signupForm{
    margin-left: 0;
  }

  .landing-page main .mainBanner.lpBanner .contactBoxs .schtech,
.landing-page #getQuote .mainBanner.lpBanner .contactBoxs .schtech{
    left: -23px;
  }
}

@media  only screen and (max-width: 1440px) {
  .landing-page main .teamBox .overlay-text,
.landing-page #getQuote .teamBox .overlay-text{
    text-align: center;
  }
  

  .landing-page main .reviewBox,
.landing-page #getQuote .reviewBox{
    min-height: 22rem;
    padding: 1rem;
  }

  .landing-page main .reviewBox p,
.landing-page #getQuote .reviewBox p{
    margin-top: 1rem;
  }

  .landing-page main .infoBox,
.landing-page #getQuote .infoBox{
    min-height: 8rem;
  }

  .landing-page main .lpBanner .btnSec,
.landing-page #getQuote .lpBanner .btnSec{
    margin-top: 2rem;
  }

  .landing-page main .lpBanner h4 + h6,
.landing-page #getQuote .lpBanner h4 + h6{
    margin: 1rem 0;
  }

  .landing-page main .lpBanner .listStyled,
.landing-page #getQuote .lpBanner .listStyled{
    gap: 10px;
  }

  .landing-page main .mainBanner h4,
.landing-page #getQuote .mainBanner h4{
    font-size: 2rem !important;
  }
.landing-page main .mainBanner.lpBanner .signupForm h4 span,
.landing-page #getQuote .mainBanner.lpBanner .signupForm h4 span{
    color: var(--secondry);
    display: block;
    font-size: 21px;
    font-weight: 800;
    margin-top: 8px;
}

  .landing-page main .lpContactSec .logoForm .logo,
.landing-page #getQuote .lpContactSec .logoForm .logo{
    width: 10rem;
    height: 6rem;
  }

  .landing-page main .reviewSlider,
.landing-page #getQuote .reviewSlider{
    padding: 6rem 0 0rem;
  }

  .landing-page main .reviewSec .slick-dots,
.landing-page #getQuote .reviewSec .slick-dots{
    top: 1rem;
  }

  .landing-page main .reviewSec .slick-next.slick-arrow,
.landing-page #getQuote .reviewSec .slick-next.slick-arrow,
.landing-page main .reviewSec .slick-prev.slick-arrow,
.landing-page #getQuote .reviewSec .slick-prev.slick-arrow{
    top: 2rem;
  }
}

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

  .landing-page main .mainBanner h6,
.landing-page #getQuote .mainBanner h6{
    font-size: 1.125rem;
  }

  .landing-page main .mainBanner p,
.landing-page #getQuote .mainBanner p{
    width: 90%;
  }

  .landing-page main .topBar ul li a,
.landing-page #getQuote .topBar ul li a,
.landing-page main .mainBanner p,
.landing-page #getQuote .mainBanner p{
    font-size: 1rem;
  }

  .landing-page main .infoBox,
.landing-page #getQuote .infoBox{
    padding: 1rem;
    border-radius: 10px;
  }

  .landing-page main .infoBox p,
.landing-page #getQuote .infoBox p{
    margin-bottom: 0;
    font-size: 1rem;
  }

  .landing-page main .contactInner,
.landing-page #getQuote .contactInner{
    margin-top: -5rem;
    padding: 2rem 0;
  }
  .landing-page main .banner-title,
.landing-page #getQuote .banner-title{
    font-size: 40px !important;
  }
}

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

  

  .landing-page main .navbar .logo img,
.landing-page #getQuote .navbar .logo img{
    width: 7rem;
  }

  .landing-page main .mainBanner,
.landing-page #getQuote .mainBanner{
    height: calc(100% - 7rem);
  }

  .landing-page main .themeBtn,
.landing-page #getQuote .themeBtn{
    font-size: 1.125rem;
    font-weight: 500;
  }

  .landing-page main h6,
.landing-page #getQuote h6{
    font-size: 1.25rem;
  }

  .landing-page main .bookKindBox h3,
.landing-page #getQuote .bookKindBox h3,
.landing-page main .blogBox h3,
.landing-page #getQuote .blogBox h3{
    font-size: 1.5rem;
  }

  .landing-page main .blogBox h3,
.landing-page #getQuote .blogBox h3{
    margin: 1rem 0;
  }

  .landing-page main .ctaSec h4,
.landing-page #getQuote .ctaSec h4{
    font-size: 2rem;
  }

  .landing-page main .pubBox .pubHead img,
.landing-page #getQuote .pubBox .pubHead img{
    width: 40px;
  }

  .landing-page main .provideBox,
.landing-page #getQuote .provideBox{
    padding: 2rem 1rem;
    margin: 3rem 0 0;
  }

  .landing-page main .countSec ul li,
.landing-page #getQuote .countSec ul li{
    flex: 0 0 25%;
  }

  .landing-page main .teamSec .nav-tabs,
.landing-page #getQuote .teamSec .nav-tabs{
    gap: 1rem;
  }

  .landing-page main .teamBox .overlay-text,
.landing-page #getQuote .teamBox .overlay-text{
    margin: -2rem 0rem 0;
  }

  .landing-page main .exceptionalSec ul,
.landing-page #getQuote .exceptionalSec ul,
.landing-page main .bookKindBox img,
.landing-page #getQuote .bookKindBox img,
.landing-page main .bookKindBox figure::before,
.landing-page #getQuote .bookKindBox figure::before,
.landing-page main .teamBox figure img,
.landing-page #getQuote .teamBox figure img{
    border-radius: 10px;
  }

  .landing-page main .contactInner,
.landing-page #getQuote .contactInner{
    margin-top: 0;
  }

  .landing-page main .infoBox p,
.landing-page #getQuote .infoBox p{
    font-size: 1rem;
  }

  .landing-page main .reviewBox,
.landing-page #getQuote .reviewBox{
    padding: 1rem;
    min-height: 24rem;
  }

  .landing-page main .reviewHead h3,
.landing-page #getQuote .reviewHead h3{
    font-size: 1.25rem;
  }



  .landing-page main .tag,
.landing-page #getQuote .tag{
    left: 46%;
    transform: translateX(-46%);
  }

  .landing-page main .packageBox,
.landing-page #getQuote .packageBox{
    padding: 1rem;
  }
}

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

  .landing-page main .contOpt,
.landing-page #getQuote .contOpt{
    display: flex;
    align-items: center;
    gap: 2rem;
  }

  .landing-page main .contOpt a,
.landing-page #getQuote .contOpt a,
.landing-page main .contOpt .navbar-toggler,
.landing-page #getQuote .contOpt .navbar-toggler{
    color: var(--primary);
  }

  .landing-page main .navbar-toggler,
.landing-page #getQuote .navbar-toggler{
    position: relative;
    border: 0;
    padding: 0;
    margin-right: 1rem;
    z-index: 5;
    font-size: 1rem;
    color: var(--primary);
  }

  .landing-page main .navbar-toggler:focus,
.landing-page #getQuote .navbar-toggler:focus{
    box-shadow: none;
  }

  .landing-page main .navbar-toggler.collapsed .fa::before,
.landing-page #getQuote .navbar-toggler.collapsed .fa::before{
    content: "";
  }

  .landing-page main .navbar-toggler[aria-expanded="true"] .fa:before,
.landing-page #getQuote .navbar-toggler[aria-expanded="true"] .fa:before{
    content: "";
  }

  .landing-page main .navbar-collapse,
.landing-page #getQuote .navbar-collapse{
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    background: var(--secondry);
    z-index: 4;
    width: calc(100% - 0px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 3rem 2rem;
    transition: ease all 0.5s;
  }

  .landing-page main .navbar-collapse.show,
.landing-page #getQuote .navbar-collapse.show{
    right: 0;
    width: calc(100% - 0px);
    box-shadow: -10px 0 20px #0002;
    overflow-y: auto;
  }

  

  

  

  

  

  

  .landing-page main .mainBanner figure,
.landing-page #getQuote .mainBanner figure,
.landing-page main .topBar,
.landing-page #getQuote .topBar,
.landing-page main .portInner img,
.landing-page #getQuote .portInner img,
.landing-page main .abtSec figure,
.landing-page #getQuote .abtSec figure,
.landing-page main .abtArrow,
.landing-page #getQuote .abtArrow,
.landing-page main .stepSec .col-lg-5,
.landing-page #getQuote .stepSec .col-lg-5,
.landing-page main .ctaSec img,
.landing-page #getQuote .ctaSec img,
.landing-page main .faqSec img,
.landing-page #getQuote .faqSec img{
    display: none;
  }

  .landing-page main .stepHeader .topBar,
.landing-page #getQuote .stepHeader .topBar{
    display: block;
  }

  .landing-page main .mainBanner,
.landing-page #getQuote .mainBanner{
    height: calc(100% - 4.75rem);
    background-image: linear-gradient(
      to bottom,
      #2d353f,
      #272f39,
      #222a34,
      #1c242e,
      #171f29
    ) !important;
  }

  .landing-page main .mainBanner h4,
.landing-page #getQuote .mainBanner h4{
    font-size: 2rem;
  }

  .landing-page main .logoSec h6,
.landing-page #getQuote .logoSec h6,
.landing-page main .mainBanner h6,
.landing-page #getQuote .mainBanner h6{
    font-size: 1.25rem;
  }

  .landing-page main .mainBanner p,
.landing-page #getQuote .mainBanner p{
    font-size: 1.15rem;
  }

  .landing-page main .exceptionalSec ul,
.landing-page #getQuote .exceptionalSec ul{
    gap: 1rem;
  }

  .landing-page main .exceptionalSec ul li,
.landing-page #getQuote .exceptionalSec ul li{
    flex: 0 0 23%;
  }

  .landing-page main .stepBox,
.landing-page #getQuote .stepBox{
    margin-top: 3rem;
  }

  .landing-page main .stepBox img,
.landing-page #getQuote .stepBox img{
    width: 3rem;
  }

  .landing-page main .stepBox h3,
.landing-page #getQuote .stepBox h3{
    font-size: 1.5rem;
  }

  .landing-page main .contactSec .leadForm,
.landing-page #getQuote .contactSec .leadForm{
    margin-bottom: 3rem;
  }

  .landing-page main .ctaSec,
.landing-page #getQuote .ctaSec{
    margin-top: 0;
    padding: 2rem 0;
  }

  

  

  

  .landing-page main .portInner .blueBox::before,
.landing-page #getQuote .portInner .blueBox::before,
.landing-page main .reviewSlider::before,
.landing-page #getQuote .reviewSlider::before{
    content: none;
  }

  .landing-page main .portInner .blueBox,
.landing-page #getQuote .portInner .blueBox{
    position: relative;
    padding: 2rem;
    background: #f0f0f08a;
  }

  .landing-page main .footerlogo,
.landing-page #getQuote .footerlogo{
    margin-bottom: 1rem;
    display: inline-block;
  }

  .landing-page main .socialFooter,
.landing-page #getQuote .socialFooter{
    margin-top: 1rem;
  }

  .landing-page main .socialFooter p,
.landing-page #getQuote .socialFooter p{
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }

  .landing-page main .infoBox,
.landing-page #getQuote .infoBox{
    margin: 10px 0;
  }

  .landing-page main .contactBanner,
.landing-page #getQuote .contactBanner{
    align-items: center !important;
  }

  .landing-page main .reviewSlider,
.landing-page #getQuote .reviewSlider{
    padding: 8rem 0 0rem;
  }

  .landing-page main .reviewBox,
.landing-page #getQuote .reviewBox{
    min-height: 20rem;
  }

  .landing-page main .teamBox .overlay-text h4,
.landing-page #getQuote .teamBox .overlay-text h4{
    font-size: 1.55rem;
  }

  .landing-page main .portfolioSlider div,
.landing-page #getQuote .portfolioSlider div{
    margin: 0 5px;
  }

  .landing-page main .contStrip .listNum,
.landing-page #getQuote .contStrip .listNum{
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
  }

  .landing-page main .servicesForm,
.landing-page #getQuote .servicesForm{
    padding: 2rem 1rem 1rem;
    border-radius: 0.5rem;
  }

  .landing-page main .servicesList .checkBoxStyle,
.landing-page #getQuote .servicesList .checkBoxStyle{
    padding: 10px 1rem;
  }
  .landing-page main .mainBanner.lpBanner .signupForm,
.landing-page #getQuote .mainBanner.lpBanner .signupForm{
    margin: 2rem 0 0;
  }

  .landing-page main .lpBanner.publishLpOne,
.landing-page #getQuote .lpBanner.publishLpOne{
    height: auto !important;
  }

  .landing-page main .logoForm,
.landing-page #getQuote .logoForm{
    flex-wrap: wrap;
  }

  .landing-page main .lpContactSec .logoForm .logoRowOne,
.landing-page #getQuote .lpContactSec .logoForm .logoRowOne,
.landing-page main .lpContactSec .logoForm .logoRowTwo,
.landing-page #getQuote .lpContactSec .logoForm .logoRowTwo,
.landing-page main .lpContactSec .logoForm .logoRowThree,
.landing-page #getQuote .lpContactSec .logoForm .logoRowThree{
    margin: 10px 0;
  }
}

@media  only screen and (max-width: 767px) {
  .landing-page main .mainBanner.lpBanner .contactBoxs .schtech,
.landing-page #getQuote .mainBanner.lpBanner .contactBoxs .schtech{
    left: 0;
}
.landing-page main .schtech1,
.landing-page #getQuote .schtech1{
  right: 0;}
  

  .landing-page main section,
.landing-page #getQuote section{
    padding: 2rem 0;
  }

  .landing-page main h4,
.landing-page #getQuote h4,
.landing-page main .mainBanner h4,
.landing-page #getQuote .mainBanner h4,
.landing-page main .mainBanner h4,
.landing-page #getQuote .mainBanner h4{
    font-size: 2rem;
  }

  .landing-page main .logoSec h6,
.landing-page #getQuote .logoSec h6,
.landing-page main .mainBanner h6,
.landing-page #getQuote .mainBanner h6{
    font-size: 1.25rem;
  }

  .landing-page main .mainBanner p,
.landing-page #getQuote .mainBanner p{
    font-size: 1rem;
    line-height: 1.6;
  }
  /* 
  .logoSec {
    padding-bottom: 0;
  } */

  .landing-page main .logoSec h3,
.landing-page #getQuote .logoSec h3{
    padding-bottom: 8px;
    border-bottom: 2px solid var(--primary);
    margin-bottom: 1rem;
    font-size: 1.5rem;
    display: block;
  }

  .landing-page main .logoSlider .slick-slide img,
.landing-page #getQuote .logoSlider .slick-slide img,
.landing-page main .publisherSec img,
.landing-page #getQuote .publisherSec img{
    width: 6rem;
  }

  .landing-page main .abtSec,
.landing-page #getQuote .abtSec{
    margin-bottom: 0;
  }

  .landing-page main h3,
.landing-page #getQuote h3{
    font-size: 2rem;
    color: var(--secondry);
  }

  .landing-page main .pubBox,
.landing-page #getQuote .pubBox{
    padding: 1.25rem;
    margin: 5px 0;
    height: auto;
  }

  .landing-page main .slick-dots li,
.landing-page #getQuote .slick-dots li,
.landing-page main .slick-dots li,
.landing-page #getQuote .slick-dots li{
    width: 5px;
    height: 20px;
    margin: 0 3px;
  }

  .landing-page main .slick-dots li button,
.landing-page #getQuote .slick-dots li button,
.landing-page main .slick-dots li.slick-active button,
.landing-page #getQuote .slick-dots li.slick-active button,
.landing-page main .slick-dots li button,
.landing-page #getQuote .slick-dots li button,
.landing-page main .slick-dots li.slick-active button,
.landing-page #getQuote .slick-dots li.slick-active button,
.landing-page main .portfolioSec .slick-dots li button,
.landing-page #getQuote .portfolioSec .slick-dots li button,
.landing-page main .portfolioSec .slick-dots li.slick-active button,
.landing-page #getQuote .portfolioSec .slick-dots li.slick-active button{
    width: 5px;
    padding: 0;
  }

  .landing-page main .portfolioSlider div,
.landing-page #getQuote .portfolioSlider div{
    margin: 0 5px;
  }

  .landing-page main .btnSec,
.landing-page #getQuote .btnSec{
    margin-top: 0;
    flex-direction: column;
  }

  .landing-page main .btnSec .themeBtn,
.landing-page #getQuote .btnSec .themeBtn{
    width: 100%;
    text-align: center;
  }

  .landing-page main .servicesForm .themeBtn,
.landing-page #getQuote .servicesForm .themeBtn{
    width: 100%;
  }

  .landing-page main .exceptionalSec ul,
.landing-page #getQuote .exceptionalSec ul{
    gap: 2rem;
    border-radius: 0;
  }

  .landing-page main .exceptionalSec ul li,
.landing-page #getQuote .exceptionalSec ul li{
    flex: 0 0 100%;
  }

  .landing-page main .exceptionalSec ul li p span,
.landing-page #getQuote .exceptionalSec ul li p span{
    font-size: 1.25rem;
  }

  .landing-page main .exceptionalSec ul li p,
.landing-page #getQuote .exceptionalSec ul li p{
    font-size: 1.125rem;
  }

  .landing-page main .countSec ul,
.landing-page #getQuote .countSec ul{
    margin-top: 2rem;
    border: 2px solid #00000024;
  }

  .landing-page main .countSec ul li:first-child,
.landing-page #getQuote .countSec ul li:first-child,
.landing-page main .countSec ul li:nth-child(2),
.landing-page #getQuote .countSec ul li:nth-child(2){
    border-bottom: 2px solid #00000024;
  }

  .landing-page main .countSec ul li,
.landing-page #getQuote .countSec ul li{
    flex: 0 0 50%;
    padding: 1.5rem;
  }

  .landing-page main .countSec ul li p,
.landing-page #getQuote .countSec ul li p{
    margin-bottom: 0;
  }

  .landing-page main .stepBox,
.landing-page #getQuote .stepBox{
    margin-top: 2rem;
    text-align: center;
  }

  .landing-page main .blogBox,
.landing-page #getQuote .blogBox{
    padding: 0;
  }

  

  .landing-page main .copyRight ul,
.landing-page #getQuote .copyRight ul{
    justify-content: center;
    margin-bottom: 1rem;
  }

  

  .landing-page main .portInner .blueBox,
.landing-page #getQuote .portInner .blueBox{
    padding: 2rem 1rem;
  }

  .landing-page main .blogBox .btnBlog,
.landing-page #getQuote .blogBox .btnBlog{
    margin-top: 1rem;
  }

  .landing-page main .blogContnt,
.landing-page #getQuote .blogContnt{
    min-height: auto;
  }

  .landing-page main .bookKindBox figure::before,
.landing-page #getQuote .bookKindBox figure::before{
    background: #0000;
  }

  .landing-page main .reviewBox,
.landing-page #getQuote .reviewBox{
    min-height: auto;
  }

  .landing-page main .lpHeader .btnOpt,
.landing-page #getQuote .lpHeader .btnOpt{
    gap: 1rem;
  }

  .landing-page main .lpHeader .btnOpt .themeBtn,
.landing-page #getQuote .lpHeader .btnOpt .themeBtn{
    font-size: 0;
    background: transparent;
    padding: 5px;
  }

  .landing-page main .lpHeader .btnOpt .themeBtn:before,
.landing-page #getQuote .lpHeader .btnOpt .themeBtn:before{
    content: none;
  }

  .landing-page main .lpHeader .btnOpt .themeBtn i,
.landing-page #getQuote .lpHeader .btnOpt .themeBtn i{
    font-size: 20px;
    color: var(--primary);
  }

  .landing-page main .stepBanner .headingStyleThree h2,
.landing-page #getQuote .stepBanner .headingStyleThree h2{
    font-size: 3rem;
  }

  .landing-page main .portfolioSec .slick-prev.slick-arrow,
.landing-page #getQuote .portfolioSec .slick-prev.slick-arrow,
.landing-page main .slick-prev.slick-arrow,
.landing-page #getQuote .slick-prev.slick-arrow{
    left: 20px;
  }

  .landing-page main .portfolioSec .slick-next.slick-arrow,
.landing-page #getQuote .portfolioSec .slick-next.slick-arrow,
.landing-page main .slick-next.slick-arrow,
.landing-page #getQuote .slick-next.slick-arrow{
    right: 20px;
  }

  .landing-page main .stepHeader .topBar ul li a,
.landing-page #getQuote .stepHeader .topBar ul li a{
    font-size: 0;
  }

  .landing-page main .stepHeader .topBar ul li a i,
.landing-page #getQuote .stepHeader .topBar ul li a i{
    font-size: 1.25rem;
  }

  .landing-page main .lpBanner.publishLpOne .bannerContnt,
.landing-page #getQuote .lpBanner.publishLpOne .bannerContnt{
    min-height: calc(100vh - 4.5rem);
    margin: 0 -10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .landing-page main .mainBanner.lpBanner .signupForm,
.landing-page #getQuote .mainBanner.lpBanner .signupForm{
    margin: 0 -30px;
    border-radius: 0;
    padding-inline: 3rem;
  }

  .landing-page main .lpBanner h6,
.landing-page #getQuote .lpBanner h6{
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }

  .landing-page main .publishLpOne h4,
.landing-page #getQuote .publishLpOne h4{
    font-size: 2.25rem;
  }

  .landing-page main .lpBanner.publishLpOne .listStyled li p,
.landing-page #getQuote .lpBanner.publishLpOne .listStyled li p{
    font-size: 16px;
    line-height: 1.3;
  }

  .landing-page main .lpBanner.publishLpOne .listStyled li,
.landing-page #getQuote .lpBanner.publishLpOne .listStyled li{
    padding: 5px 0;
  }

  .landing-page main .lpBanner.publishLpOne .listStyled li i,
.landing-page #getQuote .lpBanner.publishLpOne .listStyled li i{
    font-size: 1.25rem;
  }

  .landing-page main .lpBanner.publishLpOne .listStyled,
.landing-page #getQuote .lpBanner.publishLpOne .listStyled{
    margin: 2rem 0 1rem;
  }

  .landing-page main .publishLpOne .signupForm h4,
.landing-page #getQuote .publishLpOne .signupForm h4{
    font-size: 1.35rem;
  }

  .landing-page main .publishLpOne .signupForm h4 span,
.landing-page #getQuote .publishLpOne .signupForm h4 span{
    font-size: 2rem;
  }

  .landing-page main .publishLpOne .phone-container .phone1,
.landing-page #getQuote .publishLpOne .phone-container .phone1,
.landing-page main .leadLp .accordionStyle,
.landing-page #getQuote .leadLp .accordionStyle{
    border-radius: 5px;
  }

  .landing-page main .leadLp .accordionStyle .accordion-item .accordion-button,
.landing-page #getQuote .leadLp .accordionStyle .accordion-item .accordion-button{
    padding: 6px 1rem;
  }

  .landing-page main .stepBanner h2,
.landing-page #getQuote .stepBanner h2,
.landing-page main .stepWrap h2,
.landing-page #getQuote .stepWrap h2{
    font-size: 2rem;
  }

  .landing-page main .stepBanner p,
.landing-page #getQuote .stepBanner p{
    font-size: 1rem;
  }

  .landing-page main .summary,
.landing-page #getQuote .summary{
    margin-top: 1rem;
  }

  .landing-page main .lpContactSec .logoForm .logoRowOne,
.landing-page #getQuote .lpContactSec .logoForm .logoRowOne,
.landing-page main .lpContactSec .logoForm .logoRowTwo,
.landing-page #getQuote .lpContactSec .logoForm .logoRowTwo,
.landing-page main .lpContactSec .logoForm .logoRowThree,
.landing-page #getQuote .lpContactSec .logoForm .logoRowThree{
    flex: 0 0 50%;
  }
  .landing-page main .image_box,
.landing-page #getQuote .image_box{
    position: unset;
    margin: 30px 0 0 0 !important;
    padding: 0 !important;
}
.landing-page main .image_box img,
.landing-page #getQuote .image_box img{
    margin: 0 0 15px 0;
    width: 35%;
}
.landing-page main .image_box ul,
.landing-page #getQuote .image_box ul{
    display: block;
    text-align: center;
}
.landing-page main .image_box ul li:nth-child(1),
.landing-page #getQuote .image_box ul li:nth-child(1){
    width: inherit;
}
}

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

  .landing-page main .lpHeader img,
.landing-page #getQuote .lpHeader img{
    width: 150px;
    max-width: 200px;
}
  .landing-page main .mainBanner.lpBanner .signupForm,
.landing-page #getQuote .mainBanner.lpBanner .signupForm{
    margin: 0 -10px;
  }

  .landing-page main .packageBox .listStyle,
.landing-page #getQuote .packageBox .listStyle{
    height: 250px;
  }

  .landing-page main .packageBox .listStyle li,
.landing-page #getQuote .packageBox .listStyle li{
    font-size: 1.15rem;
  }

  .landing-page main .packageBox h3,
.landing-page #getQuote .packageBox h3{
    margin-top: 1rem;
  }

  .landing-page main .tag,
.landing-page #getQuote .tag{
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.35rem;
  }

  .landing-page main .lpContactSec .logoForm .logoRowOne,
.landing-page #getQuote .lpContactSec .logoForm .logoRowOne,
.landing-page main .lpContactSec .logoForm .logoRowTwo,
.landing-page #getQuote .lpContactSec .logoForm .logoRowTwo,
.landing-page main .lpContactSec .logoForm .logoRowThree,
.landing-page #getQuote .lpContactSec .logoForm .logoRowThree{
    flex: 0 0 48%;
    gap: 1rem;
  }

  .landing-page main .lpContactSec .logoForm .logo,
.landing-page #getQuote .lpContactSec .logoForm .logo{
    width: 11rem;
    height: 6rem;
  }
}
@media  only screen and (max-width: 480px) {
  .landing-page main .entry-box h1,
.landing-page #getQuote .entry-box h1{font-size: 18px;}
  .landing-page main .mainBanner.lpBanner .contactBoxs .schtech,
.landing-page #getQuote .mainBanner.lpBanner .contactBoxs .schtech{
    left: -40px;
  }
  .landing-page main .schtech1,
.landing-page #getQuote .schtech1{
  right: -40px;
  }
}

/* ==========================================
   Floating WhatsApp Button
   ========================================== */

.landing-page main .whatsapp-float,
.landing-page #getQuote .whatsapp-float{
    position: fixed;
    left: 24px;
    bottom: 24px;

    width: 62px;
    height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #25D366;
    color: #fff;

    border-radius: 50%;
    text-decoration: none;

    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.25);

    z-index: 9999;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.landing-page main .whatsapp-float svg,
.landing-page #getQuote .whatsapp-float svg{
    width: 34px;
    height: 34px;
}

.landing-page main .whatsapp-float:hover,
.landing-page #getQuote .whatsapp-float:hover{
    background: #1ebe5d;
    color: #fff;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}

/* Tooltip */

.landing-page main .whatsapp-tooltip,
.landing-page #getQuote .whatsapp-tooltip{
    position: absolute;
    left: 75px;

    background: #222;
    color: #fff;

    padding: 8px 13px;

    border-radius: 5px;

    font-size: 13px;
    font-weight: 500;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transform: translateX(8px);

    transition: all 0.2s ease;

    pointer-events: none;
}

.landing-page main .whatsapp-float:hover .whatsapp-tooltip,
.landing-page #getQuote .whatsapp-float:hover .whatsapp-tooltip{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Mobile */

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

    .landing-page main .whatsapp-float,
.landing-page #getQuote .whatsapp-float{
        width: 54px;
        height: 54px;

        right: 16px;
        bottom: 18px;
    }

    .landing-page main .whatsapp-float svg,
.landing-page #getQuote .whatsapp-float svg{
        width: 30px;
        height: 30px;
    }

    .landing-page main .whatsapp-tooltip,
.landing-page #getQuote .whatsapp-tooltip{
        display: none;
    }
}
/* Amazon KDPublication landing-page responsive fixes.
   Load AFTER responsive.min.css. */

.landing-page main *,
.landing-page #getQuote *,
.landing-page main *::before,
.landing-page #getQuote *::before,
.landing-page main *::after,
.landing-page #getQuote *::after{
  box-sizing: border-box;
}





.landing-page main img,
.landing-page #getQuote img,
.landing-page main picture,
.landing-page #getQuote picture,
.landing-page main video,
.landing-page #getQuote video,
.landing-page main iframe,
.landing-page #getQuote iframe,
.landing-page main svg,
.landing-page #getQuote svg{
  max-width: 100%;
}

.landing-page main img,
.landing-page #getQuote img,
.landing-page main picture,
.landing-page #getQuote picture,
.landing-page main video,
.landing-page #getQuote video{
  height: auto;
}

/* iPhone Safari stretches these images: height="100%" was resolved
   against a tall parent, so circles became tall ovals. */
.landing-page main .process_img,
.landing-page #getQuote .process_img,
.landing-page main .image_box ul li:first-child,
.landing-page #getQuote .image_box ul li:first-child{
  height: auto !important;
  min-height: 0;
  align-self: center;
  flex: 0 0 auto;
}

.landing-page main .process_img img,
.landing-page #getQuote .process_img img,
.landing-page main .image_box img,
.landing-page #getQuote .image_box img{
  display: block;
  height: auto !important;
  max-width: 100%;
  object-fit: contain;
}

.landing-page main .process_img img,
.landing-page #getQuote .process_img img{
  width: 100%;
  aspect-ratio: 679 / 709;
}

.landing-page main .image_box img,
.landing-page #getQuote .image_box img{
  width: 90px;
  aspect-ratio: 1 / 1;
}

.landing-page main input,
.landing-page #getQuote input,
.landing-page main select,
.landing-page #getQuote select,
.landing-page main textarea,
.landing-page #getQuote textarea,
.landing-page main button,
.landing-page #getQuote button{
  max-width: 100%;
}

.landing-page main p,
.landing-page #getQuote p,
.landing-page main a,
.landing-page #getQuote a,
.landing-page main li,
.landing-page #getQuote li,
.landing-page main h1,
.landing-page #getQuote h1,
.landing-page main h2,
.landing-page #getQuote h2,
.landing-page main h3,
.landing-page #getQuote h3,
.landing-page main h4,
.landing-page #getQuote h4,
.landing-page main h5,
.landing-page #getQuote h5,
.landing-page main h6,
.landing-page #getQuote h6,
.landing-page main span,
.landing-page #getQuote span{
  overflow-wrap: break-word;
}

@media  only screen and (max-width: 991px) {
  .landing-page main .mainBanner,
.landing-page #getQuote .mainBanner{
    height: auto;
    min-height: calc(100vh - 4.75rem);
    min-height: calc(100dvh - 4.75rem);
  }

  .landing-page main .navbar-collapse,
.landing-page #getQuote .navbar-collapse,
.landing-page main .navbar-collapse.show,
.landing-page #getQuote .navbar-collapse.show{
    max-width: 100vw;
  }

  .landing-page main .servicesForm,
.landing-page #getQuote .servicesForm,
.landing-page main .leadForm,
.landing-page #getQuote .leadForm,
.landing-page main .signupForm,
.landing-page #getQuote .signupForm{
    max-width: 100%;
  }
}

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

  .landing-page main .container,
.landing-page #getQuote .container,
.landing-page main .container-fluid,
.landing-page #getQuote .container-fluid{
    max-width: 100%;
  }

  .landing-page main .mainBanner,
.landing-page #getQuote .mainBanner,
.landing-page main .mainBanner.lpBanner,
.landing-page #getQuote .mainBanner.lpBanner,
.landing-page main .lpBanner.publishLpOne,
.landing-page #getQuote .lpBanner.publishLpOne{
    height: auto !important;
    min-height: 0;
  }

  .landing-page main .lpBanner.publishLpOne .bannerContnt,
.landing-page #getQuote .lpBanner.publishLpOne .bannerContnt{
    min-height: 0;
    margin: 0;
    padding: 2rem 0;
  }

  .landing-page main .mainBanner p,
.landing-page #getQuote .mainBanner p{
    width: 100%;
    max-width: 100%;
  }

  .landing-page main .mainBanner.lpBanner .signupForm,
.landing-page #getQuote .mainBanner.lpBanner .signupForm{
    width: 100%;
    max-width: 100%;
    margin: 20px 0 0;
    padding-inline: 1.25rem;
    border-radius: 0.5rem;
  }

  .landing-page main .lpBanner .btnSec,
.landing-page #getQuote .lpBanner .btnSec{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .landing-page main .btnSec .themeBtn,
.landing-page #getQuote .btnSec .themeBtn,
.landing-page main .servicesForm .themeBtn,
.landing-page #getQuote .servicesForm .themeBtn{
    max-width: 100%;
  }

  .landing-page main input,
.landing-page #getQuote input,
.landing-page main select,
.landing-page #getQuote select,
.landing-page main textarea,
.landing-page #getQuote textarea{
    width: 100%;
  }

  .landing-page main .image_box,
.landing-page #getQuote .image_box,
.landing-page main .image_box ul,
.landing-page #getQuote .image_box ul,
.landing-page main .image_box ul li,
.landing-page #getQuote .image_box ul li{
    max-width: 100%;
  }

  .landing-page main .image_box ul li:first-child,
.landing-page #getQuote .image_box ul li:first-child{
    height: auto !important;
    flex: 0 0 auto;
    align-self: center;
  }

  .landing-page main .image_box img,
.landing-page #getQuote .image_box img{
    display: block;
    width: 35%;
    max-width: 140px;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
  }

  .landing-page main .exceptionalSec ul,
.landing-page #getQuote .exceptionalSec ul,
.landing-page main .countSec ul,
.landing-page #getQuote .countSec ul,
.landing-page main .logoForm,
.landing-page #getQuote .logoForm{
    max-width: 100%;
  }
}

@media  only screen and (max-width: 575px) {
  .landing-page main .packageBox .listStyle,
.landing-page #getQuote .packageBox .listStyle{
    height: auto;
    min-height: 0;
  }

  .landing-page main .mainBanner.lpBanner .signupForm,
.landing-page #getQuote .mainBanner.lpBanner .signupForm{
    margin-left: 0;
    margin-right: 0;
  }

  .landing-page main .lpHeader img,
.landing-page #getQuote .lpHeader img{
    height: auto;
  }
}

@media  only screen and (max-width: 480px) {
  .landing-page main .mainBanner.lpBanner .contactBoxs .schtech,
.landing-page #getQuote .mainBanner.lpBanner .contactBoxs .schtech{
    left: 0;
  }

  .landing-page main .schtech1,
.landing-page #getQuote .schtech1{
    right: 0;
  }

  .landing-page main .countSec ul li,
.landing-page #getQuote .countSec ul li{
    flex: 0 0 100%;
    width: 100%;
  }

  .landing-page main .btnSec .themeBtn,
.landing-page #getQuote .btnSec .themeBtn,
.landing-page main .servicesForm .themeBtn,
.landing-page #getQuote .servicesForm .themeBtn{
    width: 100%;
  }

  .landing-page main .entry-box h1,
.landing-page #getQuote .entry-box h1{
    line-height: 1.3;
  }
}