/*!
Theme Name: storm-ir
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: storm-ir
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


:root {
    /* Fonts */
    --body-font: 'Open Sans', sans-serif;

    /* color */
    --white: #ffffff;
    --black: #000000;
    --dark-black: #00060f;
    --light-black: #01060E;
        
    --gray: #c7c7c7;
    --primary:#ae1f0a;
    --secondary: #CDCDCD;
    /* --hover:#45b8b8; */
    /* --hover:#5c9796; */
    --bg-gradient: linear-gradient(90deg, #00060F 54.964942262883774%, #AE1F0A 100%);

}
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-size: 16px;
    font-family: var(--body-font);
    color: var(--gray);
    background-color: var(--dark-black);
}

a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    color: var(--gray);
}
a:hover {
    color: var(--primary);
}
img { max-width: 100%; height: auto; user-select: none; }
img:focus-visible, a:focus, .btn:focus, a:focus-visible, div:focus-visible { outline: none; box-shadow: none; }

.container {
    max-width: 1164px;
}

p, h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0; }

.heading-style-1, .terms-content h1{font-size: 64px;line-height: 1.15; color:var(--white); font-weight: 400; margin-bottom: 14px;}
.heading-style-2, .terms-content h2{font-size: 40px;line-height: 56px; color:var(--white); font-weight: 400; margin-bottom: 20px;}
.heading-style-3, .terms-content h3 {font-size: 34px;line-height: 38px; color:var(--white); font-weight: 400; margin-bottom: 20px;}
.heading-style-4, .terms-content h4{font-size: 30px;line-height: 42px; color:var(--white);text-transform: capitalize; font-weight: 400;}
.heading-style-5, .terms-content h5{font-size: 18px;line-height: 28px; color:var(--white); font-weight: bold;}
.heading-style-6, .terms-content h6{font-size: 16px;line-height: 23px;color:var(--primary); letter-spacing: 0.3em; margin-bottom: 26px;}
.p-big{font-size: 20px;line-height: 28px; font-weight: 400; margin-bottom: 20px;}
.p-medium{font-size: 18px; line-height: normal; color:var(--gray);}
p{font-size: 16px; color:var(--gray);} 
.line-height-normal {line-height: normal;}
.primary-color {color: var(--primary);}

/* INPUT */
.input-control {
    margin: 0;
    border:solid 1px rgba(174, 31, 10, 0.3);
    background-color: rgba(0, 6, 15, 0.75);
    width: 100%;
    border-radius: 5px;
    color: var(--white);
    padding: 7px 15px;
}
.input-control:focus {
    outline: none;
}
.input-control:hover {
    border-color: var(--primary);
}
label {
    color: var(--white);
    margin-bottom: 5px;
}
.wpcf7-form-control-wrap {
    display: block;
}

/* BUTTON CSS */
.btn {
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 100px;
    font-weight: 400;
    min-width: 142px;
    border: solid 1px transparent;
}

.btn-primary {
    background-color: var(--primary);
    color: var(--white);
}
.btn-primary:hover{
    background-color: var(--white);
    color: var(--dark-black);
    border-color: var(--white);
}
.btn-primary:focus-visible, .btn-primary:active {
    background-color: var(--white) !important;
    color: var(--dark-black) !important;
    border-color: var(--white) !important;
    box-shadow: none;
}

.btn-secondary {
    background-color: transparent;
    color: var(--white);
    border-color:var(--white);
}
.btn-secondary:hover {
    background-color: var(--white);
    color: var(--dark-black);
    border-color: var(--white);
}
.btn-secondary-white {
    background-color: var(--white);
    color: var(--dark-black);
    border-color:var(--dark-black);
}
.btn-secondary-white:hover {
    background-color: var(--white);
    color: var(--dark-black);
}

.btn-link {
    color: var(--white);
    text-decoration: none;
    position: relative;
    /* padding-right: 15px; */
}
.btn-link::after {
    background: url(./assets/images/arrow-icon.svg) no-repeat center;
    content: '';
    width: 7px;
    height: 13px;
    position: absolute;
    right: -15px;
    top: 5px;
    transition: all 0.2s ease-in-out;
}
.btn-link:hover {
    color: var(--primary);
}
.btn-link:hover::after {
    transform: translateX(3px);
}
/* BUTTON CSS END */

.form-input {
    border: solid 1px var(--gray);
}


/* TRUSTED BY CSS */
.trusted-slider-wrap {
    max-width: calc(100% - 135px);
    width: 100%;
}
.trusted-by-section {
    padding: 20px 0;
    border-top: solid 1px rgba(174, 31, 10, 0.25);
    border-bottom: solid 1px rgba(174, 31, 10, 0.25);
}
.trusted-by-section p {
    text-transform: uppercase;
    color: var(--primary);
    letter-spacing: 0.3em;
    font-size: 14px;
}
.trusted-by-section .title {
    flex-shrink: 0;
}
.trusted-by-section .trusted-slider {
    flex: 1;
    width: 100%;
}
.trusted-by-section .slick-slide img {
    margin: 0 auto;
}


.index-number {
    width: 56px;
    height: 56px;
    background: var(--light-black);
    color: var(--white);
    font-size: 30px;
    font-weight: 400;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px rgba(174, 31, 10, 0.3);
    flex-shrink: 0;
    box-shadow: 3px 4px 9px 5px rgba(174, 31, 10, 0.25);
    position: relative;
    z-index: 1;
}

/*  =========================== GSAP ANIMATION section =========================== */ 
.gsap-animation-section {
    margin: 0;
    padding: 0;
    background-color: var(--white);
}
.gsap-animation-section .heading-style-2 {
    color: var(--dark-black);
}
.gsap-animation-section .p-medium {
    color: var(--dark-black);
    line-height: 28px;
    margin: 0 0 30px;
}
.gsap-animation-section ul li, .gsap-animation-section ol li {
    margin: 0 0 5px;
}
.gsap-animation-section .btn:hover {
    border-color: var(--dark-black);
}

.statistic-section h2 {
    color: var(--dark-black);
}
.statistic-section p {
    color: var(--dark-black);
    margin-bottom: 30px;
}
.statistic-section-shape {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index:0;
}

.statistic-section-shape img { transform: scale(1.4); transform-origin: center center; max-height: 580px;
    max-width: 556px; width: 100%; margin-left: -40px;} 

.animation-image-wrap { width: 50%; position: relative; }
.animation-image-wrap-first { height: 100%;}
.animation-image-desc { width: 50%;}
/* .statistic-section-shape.pattern-img-1 { z-index: 2;}
.statistic-section-shape.pattern-img-2 { z-index: 1;}
.statistic-section-shape.pattern-img-3 { z-index: 0;} */

.animation-row { padding: 150px 0 125px; display: flex; align-items: center;}

.messaging-content {
    z-index:2;
    position: relative;
}
.statistic-section-shape:not(:first-child) { opacity: 0; }

/*  =========================== GSAP ANIMATION section =========================== */ 

.gsap-accordion-mobile { display: none;}

/*  =========================== CTA section =========================== */ 
.cta-section-wrap {
    padding: 130px 0 130px;
    background: url(./assets/images/process-bg.jpg) no-repeat center center var(--black);
    position: relative;
    z-index: 0;
    text-align: center;
}
.cta-section-wrap::before{
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.cta-content {
    max-width: 900px;
    margin: 0 auto;
}
.cta-content p {
    margin: 30px 0 50px;
    line-height: 28px;
}
.cta-content .heading-style-1 {
    margin: 0px 0 10px 0;
}
.cta-content .heading-style-3 {
    margin: 24px 0 0;
}


.loader {
    width: 60px;
    height: 60px;
    border: 6px solid #000;
    border-top-color: #ff0000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: 100px auto;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* =========================== 404 page =========================== */
.error-page{padding:200px 0 100px;text-align: center;position:relative;}
.error-page:after{content:"";position:absolute;height:100%;width:100%;left: 0;top:50%;transform:translateY(-50%);background:url(./assets/images/bg-commen-pattern.png) no-repeat center / contain , var(--bg-light-creme);z-index:-1;opacity: 1;}
.error-page .heading-style-1{margin-bottom: 20px; font-size: 130px; line-height: 130px; font-weight: 600;}
.error-page .heading-style-1 span{color:var(--primary);}
.error-page .heading-style-2{margin-bottom:20px;font-size: 44px; line-height: 52px;}
.error-page p{text-transform: capitalize !important; margin: 0 0 30px 0;}
.error-banner-img {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: -1;
}
.error-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
}
.error-banner-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #00060F 54.964942262883774%, #AE1F0A 100%);
    z-index: 0;
    opacity: 0.8;
}




/* ===================================== media quiery  ===================================== */
/* @media screen and (max-width:1500px) {
    .container { max-width: 1000px; }
    body {
        font-size: 15px;
    }
    .btn {
        font-size: 15px;
    }
    .heading-style-1, .terms-content h1{font-size: 54px;}
    .heading-style-2, .terms-content h2{font-size: 36px; line-height: 52px;}
    .heading-style-3, .terms-content h3{font-size: 30px;}
    .heading-style-4, .terms-content h4{font-size: 28px; line-height: 38px;}
    p {
        font-size: 15px;
    }
    .p-medium{font-size: 16px; }
    .p-big{font-size: 18px;}

    .cta-section-wrap {padding: 100px 0 100px;}
} */

@media screen and (max-width:1199px) {
    .container { max-width: 1000px; }
    body {
        font-size: 14px;
    }
    .btn {
        font-size: 14px;
    }
    p {
        font-size: 14px;
    }
    .heading-style-1, .terms-content h1{font-size: 40px;}
    .heading-style-2, .terms-content h2{font-size: 32px; line-height: 50px;}
    .heading-style-3, .terms-content h3{font-size: 28px;}
    .heading-style-4, .terms-content h4{font-size: 26px; line-height: 34px;}
    .p-big{font-size: 16px;}
}


@media screen and (max-width:991px) {
    .container { max-width: 740px; }
    .cta-section-wrap {
        padding: 80px 0 80px;
    }
   

}

@media screen and (max-width:767px) {
    body.mobile-nav-open {
        overflow: hidden;
    }
    .btn {
        padding: 5px 20px;
        min-width: 122px;
    }
    .heading-style-1, .terms-content h1 {
        font-size: 32px;
        line-height: 1.2;
    }
    .heading-style-2, .terms-content h2{font-size: 26px; line-height: 40px;}
    .heading-style-3, .terms-content h3{font-size: 24px;}
    .heading-style-4, .terms-content h4{font-size: 22px;line-height: 30px;}
    .heading-style-6, .terms-content h6 { font-size: 15px;}

    .index-number {
        margin: 0 0 -40px -24px;
        order: -1;
        width: 44px;
        height: 44px;
        font-size: 24px;
    }

    .cta-section-wrap {
        padding: 60px 0 60px;
    }
    .cta-content p {
        margin-top: 20px;
    }

    .animation-row { flex-direction: column; padding-top: 0; padding-bottom: 60px;}
    .statistic-section-shape {
        position: relative;
        transform: translate(0, 0px);
        margin-bottom: -50px;
    }
    .statistic-section-shape:not(:first-child) { display: none;}
    .animation-image-wrap { width: 100%;}
    .statistic-section-shape img { transform: scale(1); margin-left: 0;}
    .animation-image-desc {width: 100%;}

    .gsap-animation-section {
        display: none;
    }
    .gsap-accordion-mobile { display: block; background-color: var(--white); padding: 50px 0;  }
    .gsap-accordion-mobile .heading-style-2 {
        color: var(--white);
        margin: 0;
        font-size: 20px;
        line-height: 30px;
    }
    .accordion-body {
        padding: 0 20px 30px;
    }
    .accordion-button {
        background: linear-gradient(270deg, #AE1F0A 0%, #00060F 36.723140248081144%);
    }
    .accordion-button:focus {
        box-shadow: none;
    }
    .accordion-button::after {
        filter: contrast(0) brightness(10);
    }
    .accordion-button:not(.collapsed) {
        background-color: #f5f5f5;
    }
    .gsap-accordion-mobile .p-medium {
        color: var(--dark-black);
        line-height: 28px;
        margin: 0 0 30px;
    }
    .gsap-accordion-mobile ul li, .gsap-accordion-mobile ol li {
        margin: 0 0 5px;
    }
}
@media screen and (max-width:575px) { 
    .trusted-slider-wrap {max-width: inherit;}

}
/*  Chrome, Safari, Edge, Opera  */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*  Firefox  */
input[type=number] {
  -moz-appearance: textfield;
}

.grecaptcha-badge {

    display: none !important;
}
.sbi-owl-dots .sbi-owl-dot span {
    background: #bebebe;
}

.sbi-owl-dots .sbi-owl-dot.active span, .sbi-owl-dots .sbi-owl-dot:hover span {
    background: #ae1f09;
}