/**
Theme Name: Jack Tyler Design
Author: Jack Tyler
Author URI: https://jacktylerlogos.com/
Description: Combined child theme stylesheet for Jack Tyler Design website.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jack-tyler-design
Template: astra
*/

:root{--dark-bg:#19323C;--light-bg:#F2F4FF;--accent-green:#4CB944;--text-light:#F2F4FF;--text-dark:#19323C;--mid-green:#2D596B;--font-sans:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.hero .container-n {padding:100px 10px;}
.hero h1{font-weight:normal;font-size:1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.4rem}
.hero h2{margin-bottom:1rem}
.hero p{margin-bottom:1.5rem}
.hero.home-hero{z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;position:relative;isolation:isolate;overflow:hidden;min-height:564px;height:80vh}
.hero-img{max-width:300px !important}
.hero.home-hero .container-n{z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;height:80vh;position:relative}
.hero.home-hero .video-background{position:absolute;inset:0;width:100%;height:100%;min-width:100%;min-height:100%;overflow:hidden;z-index:0}
.hero.home-hero .video-background video.hero-bg-video{position:absolute;top:50%;left:50%;width:100vw;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none;display:block}
.inl-3{align-items:flex-start;gap:1rem}
.inl-4{align-items:center;gap:0;max-width:300px}
.inl-5{display:block;width:100%}
.inl-6{display:block;max-width:70% !important;height:auto}
.inl-7{border:2px solid var(--text-light);color:var(--text-light);display:block;transition:transform 0.5s;max-width:300px}
.inl-7:hover{background-color:transparent;color:var(--text-light);transform:scale(0.85)}
.inl-8{justify-content:center}
.inl-9{width:50% !important;display:block}
.inl-10{text-align:left}
.struggle .row-n{align-items:stretch}
.struggle .inl-8{display:flex;align-items:center;justify-content:flex-start}
.struggle .inl-16{margin:0}
.inl-19{background-image:url('https://jacktylerlogos.com/wp-content/uploads/2024/07/Logo-Background-120724.webp');background-size:cover;justify-content:center;padding:4rem 0}
.inl-20{background:var(--dark-bg);align-items:center;gap:1rem;width:100%;padding:50px 50px}
.services .card{display:flex;flex-direction:column;align-items:center;grid-template-columns:unset;gap:1rem;padding:1rem 1.25rem;text-align:left}
.services .card p{margin:0}
.services .card img{width:80px;max-width:100%;margin:0 auto .5rem}
#services .card h3{margin:0 0 .25rem}
#services .card p{margin:0}
.card{background:var(--light-bg);padding:1.5rem}
.card img{max-width:80px;margin-bottom:1rem}
.inl-22{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:center}
.inl-22 p, .inl-22 h3{text-align:center}
.inl-23{background-image:url('https://jacktylerlogos.com/wp-content/uploads/2025/08/Isabels-Icon-040825.png');background-size:auto;background-repeat:no-repeat;background-position:center;justify-content:center;padding:4rem 0}
.inl-24{align-items:center;gap:1rem;width:100%;padding:50px 0px}
.slider-container{display:flex;align-items:center;justify-content:center;max-width:800px;margin:0 auto;position:relative}
.testimonial-slider{width:100%;text-align:center;position:relative}
.slides-wrapper{overflow:hidden}
.slides{display:flex;transition:transform 0.5s ease-in-out}
.slide{min-width:100%;box-sizing:border-box;padding:20px;text-align:center}
.slider-navigation{display:flex;justify-content:center;margin-top:15px}
.nav-dot{height:15px;width:15px;margin:0 5px;background-color:#ccc;border-radius:50%;display:inline-block;cursor:pointer;transition:background-color 0.3s ease}
.nav-dot.active{background-color:var(--accent-green)}
.arrow{font-size:30px;color:#fff;cursor:pointer;user-select:none;margin:0 20px}
.inl-26{max-width:200px !important;padding-bottom:20px}
.two-col{gap:40px;flex-direction:row}
.port-item-top{margin:40px}
.port-item-btm{margin:20px 40px 40px}
.col--38{flex:0 0 38%}
.inl-27{background-image:url(https://jacktylerlogos.com/wp-content/uploads/2025/07/AR-Branding-19725.webp)}
.inl-28{background-image:url(https://jacktylerlogos.com/wp-content/uploads/2025/07/graffix-brand-guidelines.webp)}
.inl-29{background-image:url(https://jacktylerlogos.com/wp-content/uploads/2025/07/Protect-the-planet-190725.webp)}
.inl-30{background-image:url(https://jacktylerlogos.com/wp-content/uploads/2025/07/blackbuck-chopping-board-190725.webp)}
.col--59{flex:1 1 0}
.port-btn{max-width:300px;background-color:var(--light-bg) !important;border:none;font-size:20px;font-weight:300 !important;font-style:normal !important;color:var(--text-dark) !important;padding-right:1.5em}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,4vw,4rem);align-items:center;justify-items:center;text-align:center}
.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}
.stat__num{font-size:clamp(2rem,6vw,4rem);line-height:1;font-weight:700;color:var(--text-dark)}
.stat__icon{font-size:clamp(2rem,6vw,3rem);line-height:1}
.stat__label{color:var(--text-dark);opacity:.85;font-size:clamp(.9rem,2.2vw,1.125rem)}
.stat__value{display:inline-flex;align-items:baseline;gap:.35rem}
.mid-b .stat__num, .mid-b .stat__label, .mid-b .stat__icon{color:var(--text-light)}
.offer{padding:80px 20px}
.offer__inner{max-width:1200px;margin:0 auto;align-items:flex-start;gap:60px}
.offer__intro{flex:0 0 50%;max-width:50%;justify-content:center;align-self:center}
.offer__subtitle{color:var(--text-dark);margin-bottom:.5em}
.offer__title{font-size:2.5rem;line-height:1.2;margin-bottom:1.5em;color:var(--text-dark)}
.offer__cards{flex:0 0 50%;max-width:50%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.card-anim{background:var(--light-bg);border-radius:1rem;border:2px solid var(--light-bg);padding:20px}
.card-prim{background:var(--light-bg);border-radius:1rem;border:2px solid var(--accent-green);box-shadow:0 4px 12px rgba(0,0,10,0.5);padding:20px}
.card-anim:hover{border:2px solid var(--accent-green);box-shadow:0 4px 12px rgba(0,0,10,0.5)}
.card__title{font-size:1.25rem;margin-bottom:.75em;color:var(--text-dark)}
.card__copy{font-size:.95rem;line-height:1.5;color:var(--mid-green)}
.retainer__icon{top:20px;left:20%;max-width:10%;transform:rotate(20deg)}
.retainer__icon img{max-width:100%}
.retainer__illu img{display:block;max-width:300px;margin:0 auto}
.retainer{padding:80px 20px 60px;overflow:hidden}
.inl-32{display:flex;justify-content:center;margin:15px}
.about__inner{max-width:1200px;margin:0 auto;gap:40px;align-items:center}
.about__media{flex:0 0 50%;background:var(--text-light);border-radius:1rem;overflow:hidden;justify-content:center;align-items:center}
.about__media video{width:100%;height:auto;display:block}
.about__title{font-size:2.5rem;margin-bottom:0.5em;color:var(--text-dark)}
.about__lead{font-weight:500;margin-bottom:1em;color:var(--mid-green);font-size:18px}
.faq__question:hover{border-color:var(--dark-bg)}
.roll{--roll-pad:40px;padding:var(--roll-pad);position:relative;overflow:hidden;min-height:60vh;display:flex;align-items:center;justify-content:center}
.roll__bg-img{position:absolute;top:0;width:100vw;height:auto;transform:none;object-fit:cover;z-index:0}
.roll__bg-img, .roll__overlay{position:absolute;inset:calc(var(--roll-pad) * -1);width:auto;height:auto}
.roll__overlay{background:rgba(25,50,60,0.9);z-index:1}
.roll__content{align-items:center;gap:1rem;position:relative;z-index:2}
#Layer_2 path,#Layer_2 circle,#Layer_2 rect,#Layer_2 line,#Layer_2 polyline,#Layer_2 polygon{stroke:var(--accent-green);stroke-width:9px;fill:none !important}
svg{width:300px}
.dark-t{color:var(--text-dark)}
.mid-b{background-color:var(--mid-green)}
.light-b{background:var(--light-bg)}
.small-h2{font-size:16px !important;letter-spacing:0.4rem}
.mid-p-n{font-size:18px;font-weight:600}
.dis-flex{display:flex}
.pos-abs{position:absolute}
.pos-rel{position:relative}
.fl-col{flex-direction:column}
.btn{display:inline-block;width:100%;padding:0.75rem 1.5rem;border-radius:200px;font-weight:normal}
.btn-primary{background:var(--accent-green)}
.container-n{width:90%;max-width:1200px;margin:0 auto}
.row-n{display:flex;flex-wrap:nowrap;gap:2rem;align-items:center;padding:15px}
.sect-pad-l{padding:4rem 0}
.row-n > .column-n{flex:1 1 0;min-width:0}
.btn-full{display:block;width:100%;max-width:none;box-sizing:border-box;text-align:center}
.btn-n{display:inline-block;padding:0.75rem 1.5rem;border-radius:200px;font-weight:600}
.secondary-btn{max-width:450px;background-color:var(--light-bg);border:solid 2px;font-size:20px;font-weight:200;color:var(--text-dark);padding-right:1.5em;display:block;margin:0 auto}
.col{flex-direction:column;justify-content:flex-end;border-radius:30px;padding:15px;background-size:cover;background-position:center;min-height:440px}
.large-h2, h2, p, body{font-family:var(--font-sans)}
h1, .large-h2, #wpforms-submit-81{text-transform:uppercase}
h1, h3{font-weight:normal}
.small-h1{font-family:'poppins','Trebuchet MS',sans-serif !important;font-size:16px !important;letter-spacing:0.31em}
h2{font-size:40px;font-weight:300;line-height:1.3em;letter-spacing:.1em}
.hero-h2{text-transform:none;font-size:40px !important}
.large-h2{font-size:50px !important}
footer .widget-title{font-size:30px !important}
.ast-blog-single-element p, .ast-blog-single-element span{font-size:14px !important}
.ast-blog-single-element, #block-41 h2{font-size:20px}
h3{font-size:25px}
p{letter-spacing:1px;line-height:1.65em}
#block-42 p{font-size:16px;line-height:1.2;margin-bottom:40px}
a, .link-box{text-decoration:none !important}
.mid-p{font-weight:bold;font-size:39px !important;font-family:'poppins','Trebuchet MS',sans-serif !important}
.wp-block-button__link{font-size:18px}
.large-p{font-size:39px;letter-spacing:2px}
.align-c, .footer-text, #block-11, #block-23, .has-text-align-center, .wp-block-search__inside-wrapper, footer .widget_nav_menu{text-align:center}
.align-l{text-align:left}
.shrink:hover{scale:0.9}
.green, h3{color:var(--accent-green)}
.dark{color:var(--dark-bg) !important}
.b-white{background-color:var(--light-bg)}
.off-white{color:var(--light-bg) !important}
h1, h2, .icon-arrow, body{color:var(--light-bg)}
body, .sgpb-main-html-content-wrapper, .home-background, .icon-background, .designer-background, .meeting-background{background-color:var(--dark-bg)}
footer .menu-link{color:var(--light-bg)}
label{color:black}
html{overflow-x:hidden}
#wpforms-submit-81{margin-top:20px;border-radius:15px;padding:15px 30px}
.ast-menu-toggle{background:none !important}
.contained{margin:0 auto;padding:15px}
.faq-item, .contained{max-width:1120px}
.faq-item, .m-auto, .wp-image-3192{margin:0 auto !important}
.container, .flex-container, .ng-flex-container, .image-container{display:flex}
.image-container, .flex-container, .ng-flex-container{align-items:center}
.flex-container, .ng-flex-container{justify-content:space-between}
.flex-container, .ng-flex-container, .container{gap:0px}
.container{flex-wrap:wrap}
.item{flex:1 1 calc(25% - 16px);box-sizing:border-box}
.f-1{flex:1}
.f-3{flex:3}
.f-7{flex:7}
.w-50{width:50%}
.w-70{width:70%}
.custom-button{display:inline-block;box-sizing:border-box}
.drip{width:auto;max-width:150px !important;display:block;margin:0 auto}
.link-box{padding:20px 15px;border-radius:15px;transition-duration:0.3s;border-color:var(--light-bg) !important;border-style:solid;border-width:2px;margin:10px}
.link-box:hover{border-color:var(--accent-green) !important;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5)}
.image-container{justify-content:center;overflow:hidden;max-width:100%}
.image-container img{max-width:100%}
.m-auto div, .image-container img, .site-footer-above-section-1, .hero, .footer-text, #block-11, #block-23, .hero-img, .img-container img{margin:auto !important}
summary{background-color:#162b33;padding:15px 20px;border:8px solid var(--dark-bg);font-size:20px;font-weight:250;border-radius:15px;transition-duration:1s}
summary:hover{border-color:var(--accent-green)}
.img-push{transition:transform .2s}
.img-push:hover{transform:scale(0.9)}
.footer-text, #block-11, #block-23{padding:0px;margin:0px}
.arrow{max-width:5%;margin-bottom:-100px;margin-left:-100px}
.wp-block-search__label{display:none}
.wp-block-search__input{padding:10px}
.wp-block-search__button{margin-left:10px}
#block-41 h2{line-height:1.2}
.wp-image-4945, .wp-image-4946, .wp-image-4947{border-radius:10px}
.mc_fieldset{border:none}
.asterisk{color:var(--accent-green);font-size:20px}
input, textarea{border:none}
.cmplz-message p{font-size:12px !important}
.hero{min-height:80vh;display:flex;justify-content:center;align-items:center}
.icon-background, .designer-background{background-size:cover;background-repeat:no-repeat}
.icon-background{background-image:url("https://jacktylerlogos.com/wp-content/uploads/2024/07/Logo-Background-120724.webp")}
.background-overlay{background-color:rgba(25,50,60,0.8);width:100%}
.designer-background{background-image:url("https://jacktylerlogos.com/wp-content/uploads/2024/07/designer-120724.webp");background-attachment:fixed}
.meeting-background{background-image:url("https://jacktylerlogos.com/wp-content/uploads/2024/07/Brand-Vision-Consult-120724.webp");background-size:cover;background-repeat:no-repeat;background-position:right;background-attachment:fixed}
#mc-embedded-subscribe{background-color:var(--accent-green) !important;font-size:1.5625rem !important;padding:15px !important;width:250px !important;height:60px !important;text-transform:uppercase;border-radius:15px !important}
.mc-field-group label{color:#F1F2F9}
.wp-block-search__button P{color:var(--accent-green) !important;background-color:transparent !important}
#logo-h2{font-size:30px!important}
.wpforms-confirmation-container p{color:var(--dark-bg) !important}
.wpforms-field-row h1{color:var(--accent-green) !important}
.wpforms-field-row p{color:var(--dark-bg) !important}
.g-recaptcha{margin:20px 0px !important}
.z-0{z-index:0 !important}
.z-1{z-index:999 !important}
.shrink, .hover-div{transition:transform 0.3s ease}
.hover-div{border:solid;border-color:var(--light-bg);border-radius:20px;padding:10px;box-shadow:none}
.hover-div:hover{border-color:var(--accent-green);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5)}
.rot-19{rotate:19deg}
.mb-0{margin-bottom:0}
.btn-container{max-width:60%;width:250px;text-align:center}
.btn:hover{background-color:var(--accent-green)}
.btn-drip{width:82%}
.mid-p strong{font-weight:700}
.nf-form-fields-required, .nf-field-description{color:var(--dark-bg)}
#nf-label-field-5, #nf-label-field-6, #nf-label-field-7, #nf-label-field-8, #nf-label-field-9, #nf-label-field-10, #nf-label-field-11, #nf-label-field-12{display:none}
.label-right .nf-field-description{margin-right:0% !important}
.ninja-forms-field, .nf-field-element select{border:2px solid var(--dark-bg) !important;border-radius:10px !important}
#secondary .wp-block-latest-posts__post-title{color:#fff !important;font-size:18px}
#ast-fixed-header .ast-primary-header-bar{border-radius:100px;background-color:#1A333DAB;width:70%;margin-top:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.menu-text{color:var(--light-bg)}
.astra-megamenu{width:704px !important;left:-400px !important;border:0 !important;background-color:var(--dark-bg) !important}
.sub-men-hov{padding:10px !important;width:100%}
.sub-men-hov:hover{background-color:#13252C;border-radius:20px}
.wc-tabs li a, #commentform label{color:#fff !important;font-style:normal !important;font-weight:normal !important}
.product_title{text-transform:capitalize !important}
.woocommerce-cart-form, .post-12108{margin-top:150px}
.shop_table thead, .cart_totals h2{background-color:var(--dark-bg) !important}
.woocommerce-billing-fields__field-wrapper label, #order_comments_field label{color:#fff}
.faq__question{font-size:16px;background-color:var(--dark-bg) !important;padding:2px;font-weight:bold}
.logo-scroller-wrap, .roll__overlay, .roll__bg-img{max-width:100vw !important}
.product-remove a svg, .wp-comment-cookies-consent{color:#fff !important}
.hero-p{max-width:700px}
#secondary .wp-block-search__input{background:var(--dark-bg);min-width:100%;color:#fff}
#secondary .wp-block-search__input::placeholder{color:var(--mid-green) !important}
#secondary .has-border-color{border:2px solid var(--mid-green) !important}
#secondary{padding-right:30px !important}
.wp-block-kadence-posts article{width:100%;display:flex;background-color:var(--dark-bg) !important;padding:0px;border-bottom:1px solid var(--mid-green) !important}
#secondary .entry-title{font-size:16px}
#secondary .category-links a{color:#247085;font-size:12px}
#secondary .posted-on time{color:#247085;font-size:12px}
#secondary .updated{display:none !important}
#secondary .post-thumbnail{margin:auto;padding-right:10px}
.wp-block-kadence-posts article img{min-width:80px !important;max-width:80px !important}
.wp-block-kadence-posts .loop-entry .post-thumbnail .post-thumbnail-inner{position:static !important}
.wp-block-kadence-posts .loop-entry .entry-content-wrap{padding:0 !important}
.blog-layout-4 .entry-title, .blog-layout-4 .entry-header, .ast-taxonomy-container{margin-bottom:0 !important}
.ast-post-filter-single, .blog-layout-4{border:2px solid var(--mid-green) !important}
.blog-layout-4{padding:20px;background-color:#12232a}
.blog-layout-4 img{border-radius:7px}
.ast-blog-featured-section{margin-bottom:10px}

/* ================================
   Responsive styles
   Rebuilt to fix homepage hero stacking
   and restore valid media-query structure.
================================ */


/* Tablet + mobile */
@media screen and (max-width: 920px) {

  body,
  p,
  h1,
  h2,
  h3,
  h4 {
    text-align: center;
  }

  .container-n {
    width: 90%;
  }

  .contained {
    width: 100%;
    padding: 15px;
  }

  .row-n {
    flex-wrap: wrap;
  }

  .row-n > .column-n {
    flex: 1 1 100%;
  }

  .flex-container {
    flex-direction: column;
    gap: 20px;
  }

  .reverse {
    flex-direction: column-reverse !important;
  }

  .w-70 {
    width: 80%;
  }

  .item {
    flex: 1 1 calc(50% - 16px);
  }


  /* Homepage hero */
  .hero {
    margin-top: 0;
    height: auto;
    min-height: auto;
    padding: 100px 10px;
  }

  .hero.home-hero {
    display: block;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    height: auto;
    min-height: 100svh;
    padding: 0;
  }

  .hero.home-hero .container-n {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    height: auto;
    min-height: 100svh;
    padding: 100px 10px 60px;
    position: relative;
    z-index: 2;
  }

  .hero.home-hero .container-n > div {
    width: 100%;
    max-width: 760px;
  }

  .hero.home-hero .video-background {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 0 !important;
  }

  .hero.home-hero .video-background video.hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    pointer-events: none;
    display: block;
  }

  .hero.home-hero .video-background iframe,
  .video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw !important;
    height: 56.25vw !important;
    min-height: 100svh !important;
    min-width: 177.78svh !important;
    transform: translate(-50%, -50%);
    border: 0;
    pointer-events: none;
  }

  .home-hero .container-n {
    padding-top: 50px;
  }

  .hero-img {
    width: 50% !important;
    max-width: 260px !important;
    height: auto;
  }

  .hero-p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }


  /* Hero buttons */
  .inl-3 {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    order: -1;
    width: 100%;
    max-width: 450px;
    height: auto;
    margin: 0 auto 0.75rem;
    position: relative;
    z-index: 1;
  }

  .inl-4 {
    max-width: none !important;
    width: 100% !important;
  }

  .inl-5,
  .inl-7,
  .btn {
    display: block;
    width: 100%;
    max-width: none !important;
    box-sizing: border-box;
  }

  .inl-6 {
    margin-bottom: 20px;
  }


  /* Type */
  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 40px;
  }

  .new-hero-h2 {
    font-size: 40px !important;
  }

  .large-p {
    font-size: 20px;
    line-height: 1.5em;
  }


  /* Stats */
  .stats {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }


  /* Cards/services */
  .services .cards,
  .inl-22 {
    grid-template-columns: 1fr !important;
    gap: 1.25rem;
  }


  /* Portfolio blocks */
  .two-col {
    flex-direction: column;
    gap: clamp(16px, 3vw, 40px);
  }

  .two-col .col,
  .col--38,
  .col--59 {
    width: 100% !important;
    flex: 0 0 auto;
    max-width: 100%;
  }

  .col {
    min-height: 280px;
  }

  .port-item-top {
    margin: 20px;
  }

  .port-item-btm {
    margin: 20px;
  }


  /* Offer section */
  .offer__inner {
    flex-direction: column;
    gap: 40px;
  }

  .offer__intro {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }

  .offer__title {
    font-size: 2rem;
  }

  .offer__cards {
    grid-template-columns: 1fr !important;
    max-width: 100%;
    width: 100%;
  }

  .offer__cards > * {
    width: 100%;
  }


  /* Retainer */
  .retainer__icon {
    max-width: 30%;
    left: 0;
  }

  .retainer__illu img {
    display: block;
    max-width: 300px;
    margin: 0 auto;
  }

  .inl-32 {
    padding-bottom: 0;
  }


  /* Testimonials */
  .slider-container {
    max-width: 100%;
    padding: 0 16px;
    position: relative;
  }

  .slider-container .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 6px 10px;
    line-height: 1;
  }

  .slider-container .arrow.prev {
    left: 0;
  }

  .slider-container .arrow.next {
    right: 0;
  }

  .arrow {
    margin: 0 8px;
    max-width: 20% !important;
  }

  .slides .slide,
  .testimonial-slider .slide {
    padding: 12px 8px;
  }

  .testimonial-slider-container {
    padding: 20px;
    max-width: 100%;
  }


  /* Misc */
  .img-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .img-container img,
  .drip {
    max-width: 80%;
  }

  .inl-20 {
    padding: 25px;
  }
}


/* Desktop blog grid tweak */
@media only screen and (min-width: 600px) {
  .ast-blog-layout-4-grid {
    padding-left: 30px !important;
  }
}


/* Mobile only */
@media only screen and (max-width: 600px) {

  .mob-align-c {
    text-align: center;
  }

  .btn {
    margin-top: 10px;
  }

  footer .widget {
    margin: 50px 0;
  }

  .hero-h2 {
    font-size: 24px !important;
  }

  .w-70 {
    width: 100% !important;
  }

  summary {
    font-size: 16px;
  }

  .new-hero-h2 {
    font-size: 24px !important;
    line-height: 1.2em !important;
  }

  .m-m-auto {
    margin: auto;
  }

  .fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
  }
}


/* Small mobile */
@media screen and (max-width: 422px) {

  h1 {
    font-size: 32px;
    letter-spacing: 1.5px;
  }

  h2 {
    font-size: 24px;
  }

  .large-h2 {
    font-size: 24px !important;
  }

  .large-p {
    font-size: 18px;
    line-height: 1.5em;
  }

  .testimonial-text {
    font-size: 18px;
  }

  .hero.home-hero .container-n {
    padding: 6rem 10px 4rem;
  }

  .hero-img {
    width: 50% !important;
    max-width: 220px !important;
  }

  .col {
    min-height: 240px;
  }

  .port-item-top,
  .port-item-btm {
    margin: 20px;
  }

  .offer__title {
    font-size: 2rem;
  }
}


/* Animation */
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}