/* Edges By TeamXcel */

/*  ==========================================================================
    Table of Contets
    ==========================================================================

    1.0 Common Styles
    2.0 Header Section
    3.0 Hero Section
    4.0 Service Section
    5.0 Content Section
    6.0 Working Process Section
    7.0 Testimonial Section
    8.0 Download Section
    9.0 Sponsor Section
    10.0 Subscribe Section
    11.0 Widget Section
    12.0 Footer Section
    13.0 Scroll To Top

    ==========================================================================
    Enros - Bitcoin & Cryptocurrency Landing Page
    ========================================================================== */

	@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/*  ==========================================================================
    Common Styles
    ========================================================================== */
*{
	padding: 0;
	margin: 0;
}
body{
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 28px;
    color: #555;
    font-weight: 400;
    letter-spacing: -0.2px;
    position: relative;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing:antialiased;
	color: #253050;
    font-weight: 500;
}
h1{
    font-size: 45px;
    font-weight: 500;
    line-height: 55px;
    margin: 0 0 10px;
    color: #253050;
    text-transform: capitalize;
}
h2{
    font-size: 40px;
    color: #253050;
    margin: 0 0 10px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}
h3,h4{
    margin: 0 0 10px;
    font-weight: 400;
    line-height: 1.7;
    color: #253050;
    letter-spacing: -0.01em;
    font-weight: 500;
}
h3{
    font-size: 25px;
    font-weight: 500;
}
h4{
    font-size: 16px;
}
h5,h6{
    font-size: 14px;
    margin: 0 0 10px;
}
img{
    border: none;
    outline:none;
    max-width: 100%;
}
ul{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

p{
    font-size: 17px;
    margin-bottom: 15px;
}
a, a:hover{
    text-decoration: none;
}
a:focus{
    outline: 0;
    text-decoration: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
   color: #ddd !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder{ /* Firefox 18- */
   color: #ddd !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #ddd !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
   color: #ddd !important;
}
button{
    border: none;
	background: none;
}
section{ overflow-y: hidden; }
/* Helper Class */
.padding{
    padding: 60px 0;
}
.pd-bottom{
    padding-bottom: 10px;
    padding-top: 80px;
}
.no-padding{
    padding: 0;
}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}

.bg-white{ background-color: #fff; }
.bg-grey{ background-color: #eef3f9;}
.bg-dark{ background-color: #232323;}
.bd-top{ border-top: 1px solid #eaeaea;}
.bd-bottom{ border-bottom: 1px solid #eaeaea;}

.mb-10{ margin-bottom: 10px; }
.mb-15{ margin-bottom: 15px; }
.mb-20{ margin-bottom: 20px; }
.mb-25{ margin-bottom: 25px; }
.mb-30{ margin-bottom: 30px; }
.mb-35{ margin-bottom: 35px; }
.mb-40{ margin-bottom: 40px; }
.mb-45{ margin-bottom: 45px; }
.mb-50{ margin-bottom: 50px; }
.ml-15{ margin-left: 15px; }
.ml-20{ margin-left: 20px; }
.ml-25{ margin-left: 25px; }
.ml-30{ margin-left: 30px; }
.ml-35{ margin-left: 35px; }
.fz-28{ font-size: 28px; }
.fz-24{ font-size: 24px; }
.fz-22{ font-size: 22px; }
.fz-20{ font-size: 20px; }
.fz-18{ font-size: 18px; }
.fz-16{ font-size: 16px; }
.text-black{
    color: #253050;
}
.text-white{
    color: #ffffff;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}
.fl-right{
    float: right;
}
.fl-left{
    float: left;
}
.display-table{
    width: 100%;
    height: 100%;
    display: table;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;
}

.overlay{
    width: 100%;
    position: relative;
    z-index: 1;
}
.overlay:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

/* Preloader Styles */
#preloader{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s .5s ease;
    -moz-transition: all .5s .5s ease;
    transition: all .5s .2s ease;
}
.loader{
    position:absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
    margin-top: -30px;
}
body.loaded #preloader{
    opacity: 0;
    visibility: hidden;
}
/* Button Style */

.btn_group a{
    margin: 5px;
}
.btn_group_left a{
    margin-right: 15px;
    margin-bottom: 15px;
}
.default-btn{
    background: #000000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #000000, #000000);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffffff, #ec4141); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    text-transform: uppercase;
    color: #000000;
    font-size: 12px;
    border: 2px ;
    line-height: 50px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0.5px;
    padding: 0 30px;
    -webkit-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    transition: all 0.3s ease-in-out;
}
.default-btn-2{
    background: #fdfdfd;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffffff, #f8f8f8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ec4141, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    text-transform: uppercase;
    color: #000000;
    font-size: 12px;
    border: 2px;
    line-height: 50px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0.5px;
    padding: 0 30px;
    -webkit-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    transition: all 0.3s ease-in-out;
}
.default-btn:hover{
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.default-btn-2:hover{
    color: #fff;
    transition: all 0.3s ease-in-out;
}
/* Transition Effect */
a,a:hover, .overlay, img, .form-control,  .form-control:hover, button{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


:root {
  --red: #d90010;
  --card-bg: #ffffff;
  --text: #fcfcfc;
  --muted: #6b7280;
  --radius: 12px;
  --shadow: 0 6px 18px rgba(0,0,0,.08);
}


.why-section {
  background: var(--red);
  padding: 56px 16px 72px;
  color: #fff;
}
.why-container {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.why-title { 
  color:#e2d9d9 ;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 40px;
}
.why-subtitle {
  max-width: 760px;
  margin: 0 auto 28px;
  line-height: 1.5;
  opacity: .9;
}


.why-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(4, 1fr);
}


.why-card {
  background: var(--card-bg);
  color: var(--text);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px 18px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.why-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}


.why-icon {
  margin-bottom: 12px;
}
.why-icon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}


.why-card-title {
  font-size: 16px;
  font-weight: 700;
  margin: 6px 0 8px;
}
.why-card-text {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
}


@media (max-width: 992px) {
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .why-grid {
    grid-template-columns: 1fr;
  }
  .why-title {
    font-size: 24px;
  }
  .why-subtitle {
    font-size: 14px;
  }
}


/* ==========================================================================
   Header Section
   ========================================================================== */
.header-section{
      background: -webkit-linear-gradient(to left, #ffffff, #f8f8f8); 
    background: linear-gradient(to left, #dae8e1, #ffffff);
    width: 100%;
    height: 80px;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    padding: 10px 0;
}

.logo-light,
.navbar-fixed-top .logo-light,
.logo-dark,
.navbar-fixed-top .logo-dark,
.navbar-fixed-top.header-section,
.header-section{
    transition: all 0.3s ease-in-out;
}
.navbar{
    border: medium none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0;
    position: relative;
    padding: 0;
}
.navbar-header {
    padding: 17px 0;
}
.navbar-header .brand{
    font-size: 25px;
    color: #253050;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;
    font-weight: 600;
	margin-left: 13px;
}
.navbar-header .nav-btn{
    padding: 8px;
    border-radius: 1px;
}
.navbar-header .nav-btn .icon-bar{
    background-color: #fff;
    width: 18px;
}
.navbar-fixed-top .navbar-header .nav-btn .icon-bar{
    background-color: #777;
}
.navbar-header .nav-btn:hover,
.navbar-header .nav-btn:focus{
    opacity: 0.8;
}

/* Nav Menu */
#navbar{
    z-index: 999;
    padding: 0 15px;
}
/* Buton stili */
ul.nav li a {
  color: #2d5b3a; /* Başlangıç yazı rengi */
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 25px;
  display: inline-block;
  position: relative;
  background: linear-gradient(to right, #edf2f0, #69dda5); /* Başlangıçta siyah'tan yeşile */
  transition: all 0.5s ease; /* Geçişler */
  overflow: hidden;
  text-align: center;
}



/* Hover Durumu: Beyazdan yeşile doğru geçiş sağlanacak */
ul.nav li a:hover {
  color: #fff; /* Yazı beyaz olacak */
  background: #fff;  /* Başlangıçta beyaz arka plan */
  background-size: 100% 100%;
  background-image: linear-gradient(to left, #edf2f0, #2d7a55); /* Sağdan yeşile */
  background-position: left center; /* Arka plan soldan başlasın */
  transition: background-size 1s ease-in-out, background-position 0.5s ease; /* Geçiş efektleri */
}

/* Başlangıçta renkleri sağdan sola geçiş yapmak için */
ul.nav li a {
  background-size: 200% 100%;  /* Hoverda renk geçişi sağdan sola */
  background-position: right center;  /* Başlangıçta arka plan sağda başlasın */
  transition: background 0.5s ease;
}

/* Butonun yazısı */
ul.nav li a span.sr-only {
  position: absolute;
  top: -9999px;
}



.mainmenu ul.nav li a.signup-btn{
    background: #ffa713;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffa713, #ffd200);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffa713, #ffd200); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 2px;
    display: inline-block;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff!important;
    font-weight: 600;
    line-height: 25px;
    margin: 14px 0 14px 20px;
    letter-spacing: 0.5px;
}
.mainmenu ul.nav li a.signup-btn:hover{
    color: #fff!important;
    -webkit-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    opacity: 0.8;

}
.navbar-fixed-top .mainmenu ul.nav li a.signup-btn{
    background: #ffa713;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffa713, #ffd200);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffa713, #ffd200); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
}
/*Mobile Menu */
.menu-wrap{
    position: relative;
}
.slicknav_menu {
    background: none;
    padding: 4px 0;
    display:none;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.slicknav_nav {
    background-color: #fff;
}
.slicknav_btn{
    background-color: transparent;
    margin: 17px 5px 19px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row,
.slicknav_nav a,
.slicknav_nav a:hover{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 10px 15px;
    margin: 0;
    color: #777;
}
.slicknav_nav a .caret{
    display: none;
}
.slicknav_nav ul{
    margin: 0;
}
.slicknav_nav ul li a{
    padding-left: 30px;
    font-size: 12px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover{
    background-color: transparent;
    color: #253050;
}

/* ==========================================================================
   Hero Section
   ========================================================================== */
.hero-section{
    height: 65vh;
    position: relative;
}
.hero-content p{
    margin-bottom: 30px;
   
}

.hero-content img{
  padding-bottom: 30px;
}
.bg-shape{
    background-image: url(../img/bg-shape-1.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    width: 762px;
    height: 875px;
    right: 0;
    top: 0;
    z-index: -1;
}
.hero-wrap{
    align-items: center;
}
.hero-img{
    margin-right: -15px;
    
}

/* ==========================================================================
   Service Section
   ========================================================================== */
.service-section{
    padding-top: 0;
    z-index: 2;
    display: block;
    margin-top: -50px;
}

.service-content img{
    margin-top:-90px;
    margin-bottom: 15px;
}

/* ==========================================================================
   Content Section
   ========================================================================== */
.content-section{
    position: relative;
}
.content-wrap img{
    width: 100%;
}
.content-section .bg-shape{
    background-image: url(../img/bg-shape-2.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    width: 500px;
    height: 607px;
    left: 0;
    top: 0;
    z-index: -1;
}
.content-list{
    margin-bottom: 30px;
}

.content-list li{
    position: relative;
    padding-left: 25px;
    line-height: 40px;
}
.content-list li:before{
    position: absolute;
    content: "";
    background: #ffa713;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 0;
    top: 15px;
    border: 3px solid #ffd200;
    padding: 5px;
}

/* ==========================================================================
   Working Process Section
   ========================================================================== */
.work-process-content{
    position: relative;
}
.work-process-content img{
    margin-bottom: 15px;
}
.work-process-content h3{
    font-size: 22px;
    text-transform: capitalize;
}
.arrows{
    background-image: url(../img/working-arows.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 140px;
    top: -10px;
}


/* Whatsapp Contact Section */

.whatsapp-contact {
  display: flex;
  justify-content: center; 
  align-items: center;
  width: 1000px; 
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  background-color: #e8e8e8;
}

.whatsapp-content {
  max-width: 100%;
}

.whatsapp-title {
  font-size: 35px;
  font-weight: bold;
  color: #25d366; 
  margin-bottom: 40px;
}

.whatsapp-description {
  font-size: 20px;
  margin-bottom: 35px;
  color: #333;
}

.whatsapp-button {
  display: inline-block;
  background-color: #25d366;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition:0.3s ease;
}

.whatsapp-button:hover {
  background-color: #1db454;   /* koyu yeşil ton */
  color: #fff;                 /* yazı rengi beyaz */
  transform: translateY(-10px);
}

.whatsapp-image img {
  width: 500px;
  height: 350px;
  object-fit: cover;
  border-radius: 10px;
  margin-left: 80px;
}



/* ==========================================================================
   Testimonial Section
   ========================================================================== */
.testimonial-section{
    position: relative;
    z-index: 1;
}
.testimonial-item{
    display: flex;
    align-items: center;
}
.testimonial-section .bg-shape{
    background-image: url(../img/bg-shape-3.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    width: 500px;
    height: 607px;
    right: 0;
    top: 0;
    z-index: -1;
}
.testimonial-item .clients-thumb img{
    max-width: 80px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.testimonial-item .testi-content{
    padding-left: 30px;
}
.testimonial-item .testi-content h4{
    font-size: 20px;
}
.testimonial-item .testi-content h4 span{
    display: block;
    font-size: 14px;
}
.testimonial-carousel .owl-nav{
    width: 100%;
    text-align: center;
}
.testimonial-carousel .owl-nav div{
    display: inline-block;
    margin: 10px;
    background-color: #f2f2f2;
    color: #d90010;
    padding: 8px 30px;
    border-radius: 30px;
}
.testimonial-carousel .owl-nav div:hover{
    color: #c89796;
}


.faq-section {
  --bg: #ffffff;
  --card: #f0636a;
  --card: -webkit-linear-gradient(to left, #ffffff, #f8f8f8); 
  --card: linear-gradient(to left, #f4c7c7, #ffffff); 
  --text: #111827;
  --muted: #6b7280;
  --line: #e5e7eb;
  --accent: #0ea5e9; 
  --radius: 14px;
  --shadow: 0 6px 24px rgba(0,0,0,.06);
  padding: 72px 16px;
  color: var(--text);
  background: var(--bg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}

.faq-container {
  max-width: 900px;
  margin: 0 auto;
}

#sss-title {
  font-size: clamp(28px, 3vw, 36px);
  margin: 40px 0 36px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.faq-sub {
  margin: 0 0 28px;
  color: var(--muted);
  font-size: 15px;
}

/* ====== Akordeon Kartları ====== */
.faq-list {
  display: grid;
  gap: 14px;
}

.faq-item {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 56px 18px 18px;
  font-weight: 700;
  line-height: 1.35;
  position: relative;
  transition: background .18s ease;
  outline: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::marker { content: ""; }

/* Chevron oku */
.faq-item summary::after {
  content: "▸";
  position: absolute;
  right: 16px;
  top: 50%;
  translate: 0 -50%;
  font-size: 22px;
  line-height: 1;
  color: var(--muted);
  transition: transform .18s ease, color .18s ease;
}
.faq-item[open] summary::after {
  transform: rotate(90deg);
  color: var(--accent);
}

.faq-item summary:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 35%, white);
  border-radius: calc(var(--radius) - 2px);
}
.faq-item[open] summary {
  border-bottom: 1px solid var(--line);
  background: color-mix(in oklab, var(--accent) 7%, white);
}

.faq-content {
  padding: 16px 18px 20px;
  color: var(--text);
  font-size: 15px;
}
.faq-content p {
  margin: 0 0 12px;
}





/* ==========================================================================
   Download Section
   ========================================================================== */


.download-content span{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
.download-content h2{
    margin-bottom: 20px;
}
.download-content .dl-btn{
    margin-top: 20px;
}
.download-content .dl-btn a:hover{
    opacity: 0.8;
}
.dl-moc{
    background-image: url(../img/download-moc.png);
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

/* ==========================================================================
   Sponsor Section
   ========================================================================== */
/* Genel ayarlar */
:root{
  --marquee-height: 72px;     /* şerit yüksekliği */
  --logo-height: 36px;        /* logo hedef yüksekliği */
  --gap: 56px;                /* logolar arası boşluk */
  --duration: 28s;            /* animasyon süresi - içerik uzunluğuna göre ayarla */
}

.brand-marquee{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: var(--marquee-height);
  background: #fff;           /* sitene göre değiştir */
}

.brand-marquee__track{
  display: flex;
  align-items: center;
  gap: var(--gap);
  height: 100%;
  /* Kesintisiz scroll */
  width: max-content;
  animation: marquee var(--duration) linear infinite;
}

.brand-marquee:hover .brand-marquee__track{
  animation-play-state: paused;   /* hover’da durur */
}

.brand-marquee img{
  height: var(--logo-height);
  width: auto;
  object-fit: contain;
  filter: none; /* koyu temada gerekirse brightness() ile ayarlayabilirsin */
  user-select: none;
  -webkit-user-drag: none;
  display: block;
}

/* Kenarlarda yumuşak fade */
.brand-marquee__fade{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;                 /* isteğe göre */
  pointer-events: none;
  z-index: 1;
}
.brand-marquee__fade--left{
  left: 0;
  background: linear-gradient(90deg, #fff, rgba(255,255,255,0));
}
.brand-marquee__fade--right{
  right: 0;
  background: linear-gradient(270deg, #fff, rgba(255,255,255,0));
}

/* Sonsuz akış animasyonu */
@keyframes marquee{
  from{ transform: translateX(0); }
  to{   transform: translateX(-50%); } /* içerik iki kez tekrarlandığı için %50 kaydırıyoruz */
}

/* Küçük ekranlar için boyutlar */
@media (max-width: 768px){
  :root{
    --marquee-height: 64px;
    --logo-height: 28px;
    --gap: 40px;
    --duration: 24s;
  }
}

/* Erişilebilirlik: hareketi azalt */
@media (prefers-reduced-motion: reduce){
  .brand-marquee__track{ animation: none; }
}


/* ==========================================================================
   Subscribe Section
   ========================================================================== */
.subscribe-section{
    position: relative;
    z-index: 1;
}
.subscribe-section .bg-shape{
    background-image: url(../img/bg-shape-3.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    width: 600px;
    height: 637px;
    right: 0;
    top: 0;
    z-index: -1;
}
.subscribe-wrap{
    background-color: #fff;
    -moz-box-shadow: 0 2px 5px rgba(16,16,16,.10);
    -webkit-box-shadow: 0 2px 5px rgba(16,16,16,.10);
    box-shadow: 0 2px 5px rgba(16,16,16,.10);
    padding: 40px 20px
}
.subscribe-form{
    position: relative;
}
.subscribe-form .form-input{
    border: 1px solid #eaeaea;
    width: 100%;
    height: 50px;
    padding: 10px;
    padding-right: 140px;
    border-radius: 2px;
}
.subscribe-form .submit-btn{
    background-color: #ffa713;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    line-height: 50px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0.5px;
    padding: 0 30px;
    -webkit-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    position: absolute;
    top: 0;
    right: 0;
}
#subscribe-result{
    display: none;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #ffa713;
}
#subscribe-result.subs-result{
    display: block;
}
.subscription-success,
.subscription-error{
    color: #fff;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.site-footer {
  background-color: #db0e0e;
  color: #fff;
  padding: 12px 20px;
  font-family: Arial, sans-serif;
}


.footer-container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  min-height: 100px;
}


.footer-left {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-self: start;
}
.footer-logo { width: 160px; }


.footer-center {
  justify-self: center;
  text-align: center;
  line-height: 1.3;
  font-size: 13px;
}
.footer-center .powered { color:#ddd; font-size:17px; margin-top:4px; }


.footer-social {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-self: end;
}
.footer-social a {
  color:#fff;
  font-size:20px;
  transition: transform .3s, color .3s;
}
.footer-social a:hover {
  color:#ffeb3b;
  transform: scale(1.2);
}



/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 992px) {
  .footer-container {
    gap: 16px;
    padding-inline: 4px;
  }
  .footer-links { gap: 16px; }
  .footer-logo { width: 130px; }
}

@media (max-width: 768px) {
  .footer-container {
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 10px;
  }
  .footer-left { flex-direction: column; align-items: center; text-align:center; }
  .footer-links { flex-wrap: wrap; justify-content: center; }
  .footer-social a { font-size: 20px; }
}

@media (max-width: 480px) {
  .site-footer { padding: 14px 12px 10px; }
  .footer-logo { width: 120px; }
  .footer-links a { font-size: 13px; }
  .footer-social a { font-size: 17px; }
  .footer-bottom { font-size: 12px; }
  .footer-bottom .powered { font-size: 10px; }
}