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

@font-face {
  font-family: 'Amsterdam';
  src: url('../fonts/Amsterdam.eot');
  src: local('Amsterdam'),
      local('Amsterdam'),
      url('../fonts/Amsterdam.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Amsterdam.woff2') format('woff2'),
      url('../fonts/Amsterdam.woff') format('woff'),
      url('../fonts/Amsterdam.ttf') format('truetype'),
      url('../fonts/Amsterdam.svg#Amsterdam') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
body,span,strong,b{
    font-family: "Inter", sans-serif;
    font-family: 'Amsterdam' !important;
}
p,a{
  font-family: "Open Sans", sans-serif !important;
}
h1,h2{
  font-family: 'Amsterdam' !important;
}
h3,h4,h5,h6{
  font-family: "Open Sans", sans-serif !important;
}

h3 {
  font-size: 2.1rem; /* 24px */
}


.subtitue-text {
  color: #2b2d42;
}
.text-paragraph p{
  font-weight: 300;
  font-size: 21px;
  line-height: 1.7em;
  color: #333;
  font-family: "Open Sans", sans-serif !important;

}
.font-sty{
  font-size: 17px;
  color: #877b7b;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 1.3px;
  font-weight: 300;
}

.h8 {
    
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f7f8fa; /* Light neutral background */
    
    }
    
    
    
    .landing-title {
  font-size: 2.5rem;       /* Large bold text */
  font-weight: 700;        /* Bold */
  color: #202123;          /* Neutral dark (like ChatGPT) */
  text-align: center;      /* Center the text horizontally */
  margin: 2rem 0;          /* Space above and below */
  line-height: 1.2;
}


.font-sty b{
  font-family: "Open Sans", sans-serif !important;
}
.list-style li {
  background: url(../images/ticko.png) no-repeat left 3px;
  padding-left: 26px;
  list-style: none;
  margin-left: 0px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 12px 10px;
  padding-right: 0;
  font-family: "Open Sans", sans-serif !important;
  display: inline-block;
}
.benefits li{
  font-family: "Open Sans", sans-serif !important;
}
.font-del-text span{
  font-size: 3.6em !important;
line-height: 1;
}
.font-del-text button{
  margin-top: 20px;
}
button{
  font-family: "Open Sans", sans-serif !important; 
}
.feathers-heading-2 h2{
  font-size: 2.4em !important;
}
.sign {
  font-size: 2em;
  font-family: 'Amsterdam' !important;
    transform: skew(0, -5deg);
}
.user-feedback {
  color: white;
  background-color: #225384;
}
.feedback-image {
  padding: 2px;
  height: 42px;
}
.skills-info {
  font-size: 21px;
  font-weight: 300;

  line-height: 1.7em;
  color: #333;
}
.img-preview {
  max-width: 1000px;
  width: 100%;
}

.offer-link {
  text-decoration: none;
  color: #337ab7;
}
.offer-link:hover {
  color: #23527c;
}

.rating-number {
  color: rgb(238, 238, 107);
}
.rating-comment {
  font-size: 13px;
}
.info-review {
  background-color: #9aa2ff;
  border-radius: 10px;
}
.offers-section h5 {
  color: #e63946 !important;
}
/* feuters */
.icon-box {
  text-align: center;
  padding: 20px;
}
.icon-box i {
  font-size: 36px;
  color: #ff6f61;
  margin-bottom: 10px;
}
.test-description {
 background-image: url('../images/templates-img.png');
 background-size: cover;
 padding: 7% 0 1% 0;
 background-color: #282c45;
 background-repeat: no-repeat;
 background-position: center ,top;
}
.test-description p{
  font-size: 38px;
  text-align: center;
  color: #fff;

}
.test-description p span{
  font-size: 34px;
  background: linear-gradient(to right, #58a2f5, #ec6ef5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    font-family: "Open Sans", sans-serif !important;
}
.arrow-down-animation{
  width: 50px;
  margin: 0 auto;
}
.faqs h5{
  font-weight: 700;
  font-size: 24px;
} 
.faqs p{
  color: #656c82 !important;
}
section.background-daily  .offers-section img {
  mix-blend-mode: darken;
}
.arrow-down-animation img{
  width: 100%;
}
.container.custom-container{
  max-width: 950px;
  margin: 0 auto;
}
/* review */

.rating-star {
  color: #f5c518;
  font-size: 24px;
  line-height: 18px;
}
.steph-img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

/* bonus boxes */
.bonus-box {
  background-color: #fff;
  border-radius: 10px;
}
.bonus-title {
  background-color: #ffa500;
  color: white;
  display: inline-block;
  padding: 5px 15px;
  font-weight: bold;
}
.hand-emoji {
  font-size: 2rem;
}
.bonus-highlight {
  color: #6c63ff;
  font-weight: bold;
  font-family: "Open Sans", sans-serif !important;
}
/* last section */
.bonus-title {
  background-color: #ffa500;
  color: white;
  display: inline-block;
  padding: 5px 15px;
  font-weight: bold;
  border-radius: 5px;
  font-family: "Open Sans", sans-serif !important;
}
/* price */
.price-value {
  font-size: 1.5rem;
  font-weight: bold;
  color: #2c3e50;
  font-family: "Open Sans", sans-serif !important;
}
h5 strong, p strong{
  font-family: "Open Sans", sans-serif !important;
}
.btn-custom {
  width: 100%;
  margin-bottom: 10px;
}
.feathers-heading span{
  font-family: "Open Sans", sans-serif !important;
}
.payment-icons img,
.badge-icons img {
  height: 30px;
  margin: 5px;
}
.payment-icon-card{
  width: 50px;
  height: 50px;
}
.payment-icon-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.badge-icons.gurenteed img{
  width: 290px;
  height: 80px;
  object-fit: contain;
}

.claim-banner {
  background-color: #c5501a;
  color: white;
  text-align: center;
  padding: 70px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 32px;
}
.footer-scection {
  background-color: #2f2f2f;
}
.skills-info-main{
  position: relative;
}
/* owl-crausel design */
.owl-themetestimonial .owl-nav{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.owl-themetestimonial .owl-nav button{
background-color: #dc3545 !important;
width: 30px;
height: 30px;
border-radius: 5px;
color: #fff !important;
}
.fa-circle-check{
  color: #dc3545;
}
.heading-fancy h1 {
  font-size: 12px
}
.heading-fancy h1 div:nth-child(1) span:nth-child(1) {
  font-size: 8.2em;
  color: #f55;
}
.heading-fancy h1 div:nth-child(1) span:nth-child(2) {
  margin: .5em 0 0 .5em;
  font-size: 3em;
  color: #337;
}
.heading-fancy h1 div:nth-child(2) {
  margin: -.2em 0 .2em 0;
  font-size: 4.8em;
  color: #f55;
}
.heading-fancy h1 div:nth-child(3) {
  margin-left: 3.3em;
  font-size: 2.7em;
  color: #337;
}
.float-img {
  animation: floatY 2s ease-in-out infinite;
  display: inline-block;
}
.font-40 h5{
  font-size: 40px;
  color: #ff960e;
  background: linear-gradient(to right, #58a2f5, #ec6ef5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-60 h5 ,.hand-emoji{
  font-size: 60px !important;
  color: #091354;
  letter-spacing: 3.2px;
  font-weight: 300;
}
p.text-60{
  font-size: 20px !important;
  color: #091354;
} 
.img-small {
  width: 50px;
}
.img-small img{
  width: 100%;
  transform: rotate(20deg);
  object-fit: contain;
}
@keyframes floatY {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px); /* change value as needed */
  }
}
.price-orig {
  display: inline-block;
  font-size: 2.5em;
  font-family: 'Amsterdam' !important;
  line-height: 1;
}
.field--type-commerce-price {
  color: #aaa;
  font-size: 1em;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: relative;
  font-family: 'Amsterdam' !important;
  transform: skew(0, -5deg);
}
.price-orig .field.dell:before {
  content: "";
  position: absolute;
  left: -10%;
  top: 50%;
  width: 120%;
  border-bottom: 2px solid #aaa;
}
.offer-price {
  font-size: 4em;
}
.field.field--name-price.field--type-commerce-price{
  color: #337;
  font-size: 1em;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.text-blue-font{
color: #337;
font-size: 1em;

}
.reviews strong, small{
  font-family: "Open Sans", sans-serif !important;
}
.cta-button button{
  margin: 0;
  padding: 1em 2.5em;
  height: auto;
  background-color: #f55;
  border: 0;
  border-radius: 10px;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: .06em;
  min-width: 300px;
  box-shadow: 0 10px 20px #f556;
  transition: all .2s linear;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.5;
  max-width: 260px;
  height: 80px;
  width: 100%;
  font-family: "Open Sans", sans-serif !important;
}
.list-font-21 ul li{
  font-weight: 300;
  font-size: 21px;
  line-height: 1.7em;
  color: #333;
  font-family: "Open Sans", sans-serif !important;
}

.list-font-21 ul li2{
  font-weight: 300;
  font-size: 21px;
  line-height: 1.7em;
  color: #dc3545;
  font-family: "Open Sans", sans-serif !important;
}






.list-font-21 h5{
font-size: 1.75rem;
font-family: "Open Sans", sans-serif !important;
  margin-bottom: 20PX;
}
.feathers-heading h2{
font-size: 4.8em;
}
.icon-box.text-start h5{
  font-size: 1.75rem;
  color: #333;

}
.icon-box.text-start p{
font-size: 21px;
color: #333;
}

/* popup styling */
#popupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}

/* Popup Modal */
#popupModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 430px;
  padding: 20px;
  border-radius: 10px;
  z-index: 1000;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  text-align: center;
  font-family: "Open Sans", sans-serif !important;
}

.popup-content .popup-timer {
  display: flex;
  background-color: unset;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
}
.popup-content .popup-timer .time-part {
  background-color: #1d2862;
  padding: 5px;
  border-radius: 5px;
  margin-right: 7px;
  margin-left: 7px;
}
.main-hours-div span{
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
}
.popup-content h2 {
  margin-top: 10px;
  font-size: 20px;
  color: #333;
  text-align: left;
}

.popup-content ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin: 15px 0;
}
.popup-img{
  width: 100%;
}
.popup-img img{
  width: 100%;
  border-radius: 5px;
}
.popup-content ul li {
  margin-bottom: 5px;
}
.popup-content ul{
  list-style-type: inherit;
    padding-left: 20px;
}

.popup-content .price {
  margin: 15px 0;
  font-size: 18px;
}

.popup-content .price del {
  color: red;
  margin-right: 10px;
  font-family: "Open Sans", sans-serif !important;
}

.popup-content .price span {
  color: green;
  font-weight: bold;
  font-family: "Open Sans", sans-serif !important;
}

.popup-button {
  display: inline-block;
  background: #28a745;
  color: white;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  margin-top: 10px;
  font-weight: bold;
}

.popup-close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
  color: #888;
}
#popupModal{
  background-image: url('../images/popup-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1200px) {
  .heading-fancy h1, .heading-fancy h2 {
      font-size: 21px;
      transform: skew(0, -5deg);
      line-height: 1.2;
      font-weight: 500;
      line-height: 1.2;
      margin-bottom: 2.85714rem !important;
      font-family: 'Amsterdam' !important;
  }
  .heading-fancy h2 {
  font-size: 4.8em;
}
}
@media screen and (min-width: 576px) {
.skills-info {
  font-size: 16px;
}
}
@media screen and (max-width: 576px) {
.list-style{
  text-align: left !important;
  padding-left: 0;
}
#popupModal{
  width: 320px;
}
.test-description p {
  font-size: 22px;
}
.test-description p span {
  font-size: 24px;
  line-height: 30px;
}
.faqs h5 {
font-size: 20px;
}
.feathers-heading h2, .section-title, .feathers-heading-2 h2 {
  font-size: 3em;
}
.text-60 h5, .hand-emoji {
  font-size: 30px;
}
.claim-banner {
  padding: 30px;
  font-size: 22px;
}
.font-40 h5 {
  font-size: 28px;
}























































}