@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}


/*==================================================
        IT SUPPORT HERO VARIABLES
==================================================*/
:root{
    /* Hero Background */
    --it-hero-bg:#05070d;
    --it-hero-card:#0b1020;
    --it-hero-border:rgba(255,255,255,.08);
    /* Colors */
    --it-primary:#4169ff;
    --it-primary-light:#6f8cff;
    --it-text:#bfc7d9;
    --it-white:#ffffff;
    /* Gradient */
    --it-gradient:linear-gradient(135deg,#4169ff,#5b7dff);
    /* Shadows */
    --it-shadow-sm:0 12px 30px rgba(65,105,255,.20);
    --it-shadow-lg:0 25px 60px rgba(65,105,255,.30);
    /* Radius */
    --it-radius-lg:28px;
    --it-radius-md:20px;
    --it-radius-sm:14px;
    /* Transition */
    --it-transition:.35s ease;

}
.container{

    width:100%;

    max-width:1420px;

    margin:auto;

    padding:0 20px;

}

/*==================================================
        MANAGED IT SUPPORT HERO
==================================================*/
.it-support-hero{
    padding:90px 0;
    background:var(--it-hero-bg);
    position:relative;
    overflow:hidden;
}
/*=========================
      BACKGROUND GLOW
==========================*/
.it-support-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 20% 20%,rgba(65,105,255,.12),transparent 35%),
    radial-gradient(circle at 85% 80%,rgba(65,105,255,.08),transparent 40%);
    z-index:0;
}
.it-support-hero .container{
    width:90%;
    max-width:1550px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
    position:relative;
    z-index:2;
}
/*=========================
        LEFT SIDE
==========================*/
.it-support-content{
    flex:0 0 48%;
    max-width:600px;
}
.it-support-badge{
    display:inline-block;
    padding:9px 18px;
    border-radius:50px;
    background:var(--it-gradient);
    color:var(--it-white);
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:25px;
}
.it-support-content h1{
    color:var(--it-white);
    font-size:48px;
    line-height:1.15;
    margin-bottom:25px;
}
.it-support-content h1 span{
    color:var(--it-primary);
}
.it-support-content p{
    color:var(--it-text);
    font-size:15px;
    line-height:1.7;
    margin-bottom:35px;
}
/*=========================
      FEATURE LIST
==========================*/
.it-support-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:40px;
}
.it-support-features div{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--it-white);
    font-size:15px;
    font-weight:500;
}
.it-support-features i{
    color:#2ecc71;
    font-size:18px;
}
/*=========================
        BUTTONS
==========================*/
.it-support-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:35px;
}

.it-support-btn-primary,
.it-support-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 26px;
    border-radius:50px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:var(--it-transition);
}

.it-support-btn-primary{
    background:var(--it-gradient);
    color:#fff;
    box-shadow:var(--it-shadow-sm);
}

.it-support-btn-primary:hover{
    transform:translateY(-5px);
    box-shadow:var(--it-shadow-lg);
}

.it-support-btn-secondary{
    border:2px solid var(--it-primary);
    color:var(--it-primary);
}

.it-support-btn-secondary:hover{
    background:var(--it-primary);
    color:#fff;
    transform:translateY(-5px);
}
/*=========================
      TRUST TEXT
==========================*/
.it-support-rating{
    color:#FFD700;
    font-size:18px;
}
.it-support-rating span{
    color:var(--it-text);
    margin-left:10px;
    font-size:15px;
}
/*=========================
      RIGHT SIDE
==========================*/
.it-support-image{
    flex:0 0 46%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}
/*=========================
        BLUE GLOW
==========================*/
.it-support-image::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
    background:rgba(65,105,255,.18);
    filter:blur(130px);
    z-index:-1;
}
/*=========================
        IMAGE
==========================*/
.it-support-image img{
    
    width:682px;
    height: 413px;

    border-radius:var(--it-radius-lg);
    border:1px solid rgba(65,105,255,.20);
    box-shadow:var(--it-shadow-lg);
    animation:itHeroFloat 6s ease-in-out infinite;
}
/*=========================
      FLOATING CARD
==========================*/
.it-support-image .floating-box{
    position:absolute;
    background:var(--it-hero-card);
    border:1px solid var(--it-hero-border);
    border-radius:18px;
    padding:16px 22px;
    box-shadow:0 20px 45px rgba(0,0,0,.35);
}
.it-support-image .floating-box h3{
    color:var(--it-primary);
    font-size:23px;
    margin-bottom:5px;
}
.it-support-image .floating-box p{
    color:var(--it-text);
    font-size:14px;
}
/*=========================
      POSITION
==========================*/
.it-support-image .one{
    top:45px;
    left:-55px;
    animation:itHeroFloat 6s ease-in-out infinite;
}
.it-support-image .two{
    bottom:40px;
    right:-45px;
    animation:itHeroFloat 6s ease-in-out infinite;
}
.it-support-image .three{
    top:11%;
    right:-50px;
    animation:itHeroFloat 6s ease-in-out infinite;
    /* width:150px;
    height:69px ; */
}
/*=========================
      ANIMATION
==========================*/
@keyframes itHeroFloat{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
    100%{
        transform:translateY(0);
    }
}
/*==================================================
        IT SUPPORT HERO RESPONSIVE
==================================================*/
/* Laptop */
@media (max-width:1200px){
    .it-support-content h1{
        font-size:50px;
    }
    .it-support-hero .container{
        gap:60px;
    }
}
/* Tablet */
@media (max-width:992px){
    .it-support-hero{
        padding:70px 0;
    }
    .it-support-hero .container{
        flex-direction:column;
        text-align:center;
        gap:60px;
    }
    .it-support-content{
        max-width:700px;
        flex:100%;
    }
    .it-support-features{
        justify-content:center;
    }
    .it-support-buttons{
        justify-content:center;
    }
    .it-support-rating{
        text-align:center;
    }
    .it-support-image{
        flex:100%;
    }
}
/*=========================
        MOBILE
==========================*/
@media (max-width:480px){
    .it-support-hero{
        padding:55px 0;
    }
    .it-support-content h1{
        font-size:34px;
        line-height:1.25;
    }
    .it-support-content p{
        font-size:15px;
        line-height:1.8;
    }
    .it-support-badge{
        font-size:11px;
        padding:8px 16px;
    }
    .it-support-features{
        grid-template-columns:1fr;
        gap:14px;
        margin-bottom:30px;
    }
    .it-support-features div{
        font-size:14px;
    }
    .it-support-buttons{
        flex-direction:column;
        gap:15px;
    }
    .it-support-buttons a{
        width:100%;
    }
    .it-support-rating{
        font-size:16px;
    }
    .it-support-rating span{
        display:block;
        margin-top:8px;
        margin-left:0;
        font-size:14px;
    }
    .it-support-image{
        margin-top:15px;
        display: none;
    }
    .it-support-image img{
        max-width:100%;
        border-radius:22px;
        display: none;
    }
    /* Floating Cards Hide */
    .it-support-image .floating-box{
        display:none;

    }
}

/*==================================================
        OUR IT SUPPORT SERVICES
==================================================*/

.it-services{
    padding:70px 0;
    background:#05070d;
    position:relative;
    overflow:hidden;
}

/*=========================
      BACKGROUND GLOW
==========================*/

/* .it-services::before{
    content:"";
    position:absolute;
    width:480px;
    height:480px;
    background:rgba(65,105,255,.08);
    filter:blur(140px);
    top:-180px;
    left:-180px;
}

.it-services::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(65,105,255,.06);
    filter:blur(130px);
    right:-180px;
    bottom:-180px;
} */

/*=========================
      SECTION TITLE
==========================*/

.section-title{
    max-width:760px;
    margin:0 auto 45px;
    text-align:center;
    position:relative;
    z-index:2;
}

.section-badge{
    display:inline-block;
    padding:10px 22px;
    background:rgba(65,105,255,.12);
    color:var(--it-primary);
    border:1px solid rgba(65,105,255,.35);
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.section-title h2{
    font-size:40px;
    color:#fff;
    line-height:1.25;
    margin-bottom:15px;
}

.section-title h2 span{
    color:var(--it-primary);
}

.section-title p{
    max-width:760px;
    margin:0 auto;
    color:var(--it-text);
    font-size:15px;
    line-height:1.7;
}

/*=========================
        GRID
==========================*/

.it-services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    position:relative;
    z-index:2;
}

/*=========================
        CARD
==========================*/

.it-service-card{

    background:#0b1020;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:22px;

    transition:var(--it-transition);

    position:relative;

    overflow:hidden;

}

/* Top Gradient */

.it-service-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:var(--it-gradient);

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

/*=========================
        ICON
==========================*/

.it-service-icon{

    width:60px;
    height:60px;

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

    border-radius:18px;

    background:rgba(65,105,255,.10);

    border:1px solid rgba(65,105,255,.25);

    margin-bottom:18px;

    transition:.35s;

}

.it-service-icon i{

    font-size:24px;

    color:var(--it-primary);

    transition:.35s;

}

/*=========================
        TITLE
==========================*/

.it-service-card h3{

    color:#fff;

    font-size:20px;

    margin-bottom:10px;

    line-height:1.4;

}

/*=========================
      DESCRIPTION
==========================*/

.it-service-card p{

    color:var(--it-text);

    font-size:14px;

    line-height:1.7;

    margin-bottom:20px;

}

/*=========================
        LINK
==========================*/

.it-service-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--it-primary);

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.it-service-card a i{

    font-size:13px;

    transition:.35s;

}

.it-service-card a:hover{

    color:#fff;

}

.it-service-card a:hover i{

    transform:translateX(6px);

}

/*=========================
        HOVER
==========================*/

.it-service-card:hover{

    transform:translateY(-10px);

    border-color:rgba(65,105,255,.40);

    box-shadow:0 20px 50px rgba(65,105,255,.18);

}

.it-service-card:hover::before{

    transform:scaleX(1);

}

.it-service-card:hover .it-service-icon{

    background:var(--it-gradient);

}

.it-service-card:hover .it-service-icon i{

    color:#fff;

}

/*=========================
      BOTTOM CTA
==========================*/

.it-services-cta{

    margin-top:45px;

    text-align:center;

    position:relative;

    z-index:2;

}

.it-services-cta h3{

    color:#fff;

    font-size:30px;

    margin-bottom:12px;

}

.it-services-cta p{

    color:var(--it-text);

    max-width:720px;

    margin:0 auto 35px;

    line-height:1.8;

    font-size:16px;
    margin-bottom: 25px;

}

/*=========================
        BUTTON
==========================*/

.it-services-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:15px 34px;

    border-radius:50px;

    background:var(--it-gradient);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:var(--it-transition);

    box-shadow:var(--it-shadow-sm);

}

.it-services-btn:hover{

    transform:translateY(-5px);

    box-shadow:var(--it-shadow-lg);

}

/*==================================================
        IT SUPPORT SERVICES RESPONSIVE
==================================================*/

/* Laptop */

@media (max-width:1200px){

    .it-services-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* Tablet */

@media (max-width:992px){

    .it-services{
        padding:70px 0;
    }

    .it-services-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .section-title{
        margin-bottom:55px;
    }

    .section-title h2{
        font-size:38px;
    }

    .it-services-cta h3{
        font-size:30px;
    }

}

/* Mobile */

@media (max-width:768px){

    .it-services{
        padding:45px 0;
    }

   
    .section-title{
        margin-bottom:35px;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:15px;
        line-height:1.8;
    }

    .it-services-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .it-service-card{
        padding:20px;
    }

    .it-service-icon{
        width:60px;
        height:60px;
    }

    .it-service-icon i{
        font-size:24px;
    }

    .it-service-card h3{
        font-size:20px;
    }

    .it-service-card p{
        font-size:14px;
    }

    .it-services-cta{
        margin-top:35px;
    }

    .it-services-cta h3{
        font-size:26px;
    }

    .it-services-cta p{
        font-size:15px;
    }

}

/* iQOO 13 & Small Phones */

@media (max-width:480px){

    .it-services{
        padding:50px 0;
    }

    .section-title{
        margin-bottom:40px;
        padding:0 12px;
    }

    .section-badge{
        font-size:11px;
        padding:8px 16px;
    }

    .section-title h2{
        font-size:28px;
        line-height:1.35;
    }

    .section-title p{
        font-size:14px;
    }

    .it-services-grid{
        gap:16px;
    }

    .it-service-card{
        padding:22px;
        border-radius:18px;
    }

    .it-service-icon{
        width:56px;
        height:56px;
        margin-bottom:18px;
    }

    .it-service-icon i{
        font-size:22px;
    }

    .it-service-card h3{
        font-size:19px;
        margin-bottom:12px;
    }

    .it-service-card p{
        font-size:14px;
        line-height:1.7;
        margin-bottom:22px;
    }

    .it-service-card a{
        font-size:14px;
    }

    .it-services-cta{
        margin-top:45px;
        padding:0 10px;
    }

    .it-services-cta h3{
        font-size:24px;
        line-height:1.4;
    }

    .it-services-cta p{
        font-size:14px;
        margin-bottom:25px;
    }

    .it-services-btn{
        width:100%;
        padding:15px;
        font-size:15px;
    }

}

/*==================================================
        WHY CHOOSE NETWORKGENIE
==================================================*/

.why-it-support{
    padding:60px 0;
    background:#05070d;
    position:relative;
    overflow:hidden;
}

/*=========================
      BACKGROUND GLOW
==========================*/

/* .why-it-support::before{
    content:"";
    position:absolute;
    width:480px;
    height:480px;
    background:rgba(65,105,255,.08);
    filter:blur(140px);
    top:-180px;
    left:-180px;
}

.why-it-support::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(65,105,255,.06);
    filter:blur(130px);
    right:-180px;
    bottom:-180px;
} */

/*=========================
      SECTION TITLE
==========================*/

.it-section-title{
    max-width:760px;
    margin:0 auto 35px;
    text-align:center;
    position:relative;
    z-index:2;
}

.it-section-badge{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(65,105,255,.10);
    border:1px solid rgba(65,105,255,.25);
    color:var(--it-primary);
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.it-section-title h2{
    font-size:38px;
    color:#fff;
    line-height:1.25;
    margin-bottom:12px;
}

.it-section-title h2 span{
    color:var(--it-primary);
}

.it-section-title p{
    color:var(--it-text);
    font-size:15px;
    line-height:1.7;
}

/*=========================
        WRAPPER
==========================*/

.why-it-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    position:relative;
    z-index:2;
}

/*=========================
        IMAGE
==========================*/

.why-it-image{
    flex:0 0 42%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    isolation:isolate;
}

/* Animated Glow */
.why-it-image::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:700px;
    height:700px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,
        rgba(65,105,255,.8) 0%,
        rgba(65,105,255,.35) 45%,
        transparent 75%);
    border-radius:50%;
    filter:blur(90px);
    animation:glowPulse 5s ease-in-out infinite;
    z-index:0;
}

/* Image */
.why-it-image img{
    width:516px;
    height:545px;
    margin-bottom:56px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 25px 60px rgba(0,0,0,.45);
    position:relative;
    z-index:1;
}

/* Glow Animation */
@keyframes glowPulse{
    0%,100%{
        transform:translate(-50%,-50%) scale(1);
        opacity:.7;
    }
    50%{
        transform:translate(-50%,-50%) scale(1.18);
        opacity:1;
    }
}

/*=========================
        CONTENT
==========================*/

.why-it-content{
    flex:0 0 54%;
}
/*=========================
        CONTENT
==========================*/

.why-it-content{
    flex:0 0 54%;
}

/*=========================
        ITEM
==========================*/

.why-it-item{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:16px;

    padding:16px;

    border-radius:16px;

    background:#0b1020;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.why-it-item:hover{

    transform:translateY(-6px);

    border-color:rgba(65,105,255,.35);

    box-shadow:0 18px 40px rgba(65,105,255,.15);

}

/*=========================
        ICON
==========================*/

.why-it-icon{

    width:52px;

    height:52px;

    flex-shrink:0;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:rgba(65,105,255,.10);

    border:1px solid rgba(65,105,255,.25);

    transition:.35s;

}

.why-it-icon i{

    font-size:20px;

    color:var(--it-primary);

}

.why-it-item:hover .why-it-icon{

    background:var(--it-gradient);

}

.why-it-item:hover .why-it-icon i{

    color:#fff;

}

/*=========================
        TEXT
==========================*/

.why-it-item h3{

    color:#fff;

    font-size:18px;

    margin-bottom:5px;

}

.why-it-item p{

    color:var(--it-text);

    font-size:14px;

    line-height:1.6;

}

/*=========================
        BUTTON
==========================*/

.why-it-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:8px;

    padding:12px 26px;

    border-radius:50px;

    background:var(--it-gradient);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:var(--it-transition);

    box-shadow:var(--it-shadow-sm);

}

.why-it-btn i{

    transition:.3s;

}

.why-it-btn:hover{

    transform:translateY(-5px);

    box-shadow:var(--it-shadow-lg);

}

.why-it-btn:hover i{

    transform:translateX(6px);

}
/*==================================================
      WHY CHOOSE NETWORKGENIE RESPONSIVE
==================================================*/

/* Laptop */

@media (max-width:1200px){

    .why-it-wrapper{
        gap:50px;
    }

    .it-section-title h2{
        font-size:42px;
    }

}

/* Tablet */

@media (max-width:992px){

    .why-it-support{
        padding:70px 0;
    }

    .why-it-wrapper{

        flex-direction:column;

        gap:50px;

    }

    .why-it-image,
    .why-it-content{

        flex:100%;
        width:100%;

    }

    .why-it-image{

        text-align:center;

    }

    .why-it-image img{

        max-width:700px;

    }

    .it-section-title{

        margin-bottom:50px;

    }

    .it-section-title h2{

        font-size:38px;

    }

}

/* Mobile */

@media (max-width:768px){

    .why-it-support{

        padding:60px 0;

    }
    @media (max-width:768px){

    .why-it-image{
        display:none !important;
    }

    .why-it-image::before{
        display:none !important;
        content:none;
    }

    .why-it-wrapper{
        display:block;
    }

    .why-it-content{
        width:100%;
        flex:100%;
    }
}
    .it-section-title{

        margin-bottom:40px;

    }

    .it-section-title h2{

        font-size:32px;

    }

    .it-section-title p{

        font-size:15px;

        line-height:1.8;

    }

    .why-it-wrapper{

        gap:35px;

    }

    .why-it-item{

        padding:18px;

        gap:16px;

    }

    .why-it-icon{

        width:55px;

        height:55px;

    }

    .why-it-icon i{

        font-size:20px;

    }

    .why-it-item h3{

        font-size:19px;

    }

    .why-it-item p{

        font-size:14px;

    }

}

/* iQOO 13 & Small Phones */

@media (max-width:480px){

    .why-it-support{

        padding:50px 0;

    }

    .it-section-title{

        padding:0 12px;

    }

    .it-section-badge{

        font-size:11px;

        padding:8px 16px;

    }

    .it-section-title h2{

        font-size:28px;

        line-height:1.35;

    }

    .it-section-title p{

        font-size:14px;

    }

    .why-it-wrapper{

        gap:30px;

    }

    .why-it-image img{

        border-radius:18px;

    }

    .why-it-image::before{

        width:320px;

        height:320px;

    }

    .why-it-item{

        padding:16px;

        gap:14px;

        border-radius:16px;

    }

    .why-it-icon{

        width:50px;

        height:50px;

        border-radius:14px;

    }

    .why-it-icon i{

        font-size:18px;

    }

    .why-it-item h3{

        font-size:17px;

        margin-bottom:6px;

    }

    .why-it-item p{

        font-size:13px;

        line-height:1.7;

    }

    .why-it-btn{

        width:100%;

        justify-content:center;

        padding:15px;

        font-size:15px;

        margin-top:20px;

    }

}

/*==================================================
                SUPPORT PROCESS
==================================================*/

.it-process{
    padding:60px 0;
    background:#05070d;
    position:relative;
    overflow:hidden;
}

/*=========================
      BACKGROUND GLOW
==========================*/

/* .it-process::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(65,105,255,.08);
    filter:blur(140px);
    top:-180px;
    left:-180px;
}

.it-process::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(65,105,255,.06);
    filter:blur(130px);
    bottom:-180px;
    right:-180px;
} */

/*=========================
        GRID
==========================*/

.it-process-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    position:relative;

    z-index:2;

}

/*=========================
      PROCESS CARD
==========================*/

.it-process-card{

    position:relative;

    background:#0b1020;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:24px 18px;

    text-align:center;

    overflow:hidden;

    transition:var(--it-transition);

}

/* Top Gradient */

.it-process-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:var(--it-gradient);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

/*=========================
      CONNECTOR LINE
==========================*/

.it-process-card:not(:last-child)::after{

    content:"";

    position:absolute;

    top:58px;

    right:-28px;

    width:55px;

    height:2px;

    background:rgba(65,105,255,.35);

}

/*=========================
      STEP NUMBER
==========================*/

.it-process-number{

    width:42px;

    height:42px;

    margin:0 auto 18px;
    margin-bottom: 14px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:var(--it-gradient);

    color:#fff;

    font-size:14px;

    font-weight:700;

    box-shadow:0 10px 25px rgba(65,105,255,.25);

}

/*=========================
          ICON
==========================*/

.it-process-icon{

    width:58px;

    height:58px;

    margin:0 auto 22px;
    margin-bottom: 16px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:rgba(65,105,255,.10);

    border:1px solid rgba(65,105,255,.25);

    transition:.35s;

}

.it-process-icon i{

    font-size:24px;

    color:var(--it-primary);

    transition:.35s;

}

/*=========================
          TITLE
==========================*/

.it-process-card h3{

    color:#fff;

    font-size:18px;

    margin-bottom:10px;

}

/*=========================
      DESCRIPTION
==========================*/

.it-process-card p{

    color:var(--it-text);

    font-size:14px;

    line-height:1.6;

}

/*=========================
          HOVER
==========================*/

.it-process-card:hover{

    transform:translateY(-10px);

    border-color:rgba(65,105,255,.40);

    box-shadow:0 20px 50px rgba(65,105,255,.18);

}

.it-process-card:hover::before{

    transform:scaleX(1);

}

.it-process-card:hover .it-process-icon{

    background:var(--it-gradient);

}

.it-process-card:hover .it-process-icon i{

    color:#fff;

}

.it-process-card:hover .it-process-number{

    transform:scale(1.08);

}
/*==================================================
        SUPPORT PROCESS RESPONSIVE
==================================================*/

/* Laptop */

@media (max-width:1200px){

    .it-process-grid{

        grid-template-columns:repeat(2,1fr);

        gap:25px;

    }

    .it-process-card:nth-child(2)::after,
    .it-process-card:nth-child(4)::after{

        display:none;

    }

}

/* Tablet */

@media (max-width:992px){

    .it-process{

        padding:50px 0;

    }

    .it-process-grid{

        grid-template-columns:repeat(2,1fr);

        gap:16px;

    }

    .it-process-card{

        padding:22px 18px;

    }

    .it-process-card h3{

        font-size:20px;

    }

}

/* Mobile */

@media (max-width:768px){

    .it-process{

        padding:40px 0;

    }

    .it-process-grid{

        grid-template-columns:1fr;

        gap:14px;

    }

    /* Hide Connector Line */

    .it-process-card::after{

        display:none;

    }

    .it-process-card{

        padding:20px 16px;

    }

    .it-process-number{

        width:40px;

        height:40px;

        font-size:15px;
        margin-bottom: 12px;

    }

    .it-process-icon{

        width:54px;

        height:54px;
        margin-bottom: 14px;

    }

    .it-process-icon i{

        font-size:22px;

    }

    .it-process-card h3{

        font-size:17px;

    }

    .it-process-card p{

        font-size:13px;

        line-height:1.6;

    }

}

/* iQOO 13 & Small Phones */

@media (max-width:480px){

    .it-process{

        padding:50px 0;

    }

    .it-process-grid{

        gap:16px;

    }

    .it-process-card{

        padding:24px 18px;

        border-radius:18px;

    }

    .it-process-number{

        width:42px;

        height:42px;

        margin-bottom:16px;

        font-size:14px;

    }

    .it-process-icon{

        width:58px;

        height:58px;

        margin-bottom:18px;

        border-radius:16px;

    }

    .it-process-icon i{

        font-size:22px;

    }

    .it-process-card h3{

        font-size:18px;

        margin-bottom:10px;

    }

    .it-process-card p{

        font-size:13px;

        line-height:1.7;

    }

}

/*==================================================
            INDUSTRIES WE SUPPORT
==================================================*/

.it-industries{
    padding:90px 0;
    background:#05070d;
    position:relative;
    overflow:hidden;
}

/*=========================
      BACKGROUND GLOW
==========================*/

/* .it-industries::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(65,105,255,.08);
    filter:blur(140px);
    top:-180px;
    left:-180px;
}

.it-industries::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(65,105,255,.06);
    filter:blur(130px);
    bottom:-180px;
    right:-180px;
} */

/*=========================
          GRID
==========================*/

.it-industries-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    position:relative;

    z-index:2;

}

/*=========================
          CARD
==========================*/

.it-industry-card{

    background:#0b1020;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:30px 25px;

    text-align:center;

    position:relative;

    overflow:hidden;

    transition:var(--it-transition);

}

/* Top Gradient */

.it-industry-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:var(--it-gradient);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

/*=========================
          ICON
==========================*/

.it-industry-icon{

    width:72px;

    height:72px;

    margin:0 auto 22px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:rgba(65,105,255,.10);

    border:1px solid rgba(65,105,255,.25);

    transition:.35s;

}

.it-industry-icon i{

    font-size:30px;

    color:var(--it-primary);

    transition:.35s;

}

/*=========================
          TITLE
==========================*/

.it-industry-card h3{

    color:#fff;

    font-size:21px;

    margin-bottom:14px;

}

/*=========================
      DESCRIPTION
==========================*/

.it-industry-card p{

    color:var(--it-text);

    font-size:15px;

    line-height:1.8;

}

/*=========================
          HOVER
==========================*/

.it-industry-card:hover{

    transform:translateY(-10px);

    border-color:rgba(65,105,255,.45);

    box-shadow:0 20px 50px rgba(65,105,255,.18);

}

.it-industry-card:hover::before{

    transform:scaleX(1);

}

.it-industry-card:hover .it-industry-icon{

    background:var(--it-gradient);

}

.it-industry-card:hover .it-industry-icon i{

    color:#fff;

}

/*=========================
        BOTTOM CTA
==========================*/

.it-industries-bottom{

    margin-top:70px;

    text-align:center;

    position:relative;

    z-index:2;

}

.it-industries-bottom p{

    color:var(--it-text);

    font-size:17px;

    line-height:1.8;

    max-width:700px;

    margin:0 auto 30px;

}

/*=========================
        CTA BUTTON
==========================*/

.it-industries-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 30px;

    border-radius:50px;

    text-decoration:none;

    background:var(--it-gradient);

    color:#fff;

    font-size:15px;

    font-weight:600;

    transition:var(--it-transition);

    box-shadow:var(--it-shadow-sm);

}

.it-industries-btn:hover{

    transform:translateY(-5px);

    box-shadow:var(--it-shadow-lg);

}

.it-industries-btn i{

    transition:.35s;

}

.it-industries-btn:hover i{

    transform:translateX(5px);

}

/*==================================================
    INDUSTRIES WE SUPPORT RESPONSIVE
==================================================*/

/* Laptop */

@media (max-width:1200px){

    .it-industries-grid{

        grid-template-columns:repeat(2,1fr);

        gap:24px;

    }

}

/* Tablet */

@media (max-width:992px){

    .it-industries{

        padding:70px 0;

    }

    .it-industries-grid{

        grid-template-columns:repeat(2,1fr);

        gap:20px;

    }

    .it-industry-card{

        padding:28px 22px;

    }

    .it-industries-bottom{

        margin-top:55px;

    }

}

/* Mobile */

@media (max-width:768px){

    .it-industries{

        padding:60px 0;

    }

    .it-industries-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .it-industry-card{

        padding:25px 20px;

    }

    .it-industry-icon{

        width:64px;

        height:64px;

    }

    .it-industry-icon i{

        font-size:26px;

    }

    .it-industry-card h3{

        font-size:20px;

    }

    .it-industry-card p{

        font-size:14px;

        line-height:1.7;

    }

    .it-industries-bottom{

        margin-top:45px;

    }

    .it-industries-bottom p{

        font-size:15px;

    }

}

/* iQOO 13 & Small Phones */

@media (max-width:480px){

    .it-industries{

        padding:50px 0;

    }

    .it-industries-grid{

        gap:16px;

    }

    .it-industry-card{

        padding:22px 18px;

        border-radius:18px;

    }

    .it-industry-icon{

        width:58px;

        height:58px;

        margin-bottom:18px;

        border-radius:16px;

    }

    .it-industry-icon i{

        font-size:22px;

    }

    .it-industry-card h3{

        font-size:18px;

        margin-bottom:10px;

    }

    .it-industry-card p{

        font-size:13px;

        line-height:1.7;

    }

    .it-industries-bottom{

        margin-top:40px;

        padding:0 10px;

    }

    .it-industries-bottom p{

        font-size:14px;

        margin-bottom:25px;

    }

    .it-industries-btn{

        width:100%;

        justify-content:center;

        padding:15px;

        font-size:15px;

    }

}

/*==================================================
                SERVICE BENEFITS
==================================================*/

.it-benefits{
    padding:90px 0;
    background:#05070d;
    position:relative;
    overflow:hidden;
}

/*=========================
      BACKGROUND GLOW
==========================*/

.it-benefits::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(65,105,255,.08);
    filter:blur(140px);
    top:-180px;
    left:-180px;
}

.it-benefits::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(65,105,255,.06);
    filter:blur(130px);
    bottom:-180px;
    right:-180px;
}

/*=========================
          GRID
==========================*/

.it-benefits-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    position:relative;

    z-index:2;

}

/*=========================
          CARD
==========================*/

.it-benefit-card{

    background:#0b1020;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:35px 28px;

    text-align:center;

    position:relative;

    overflow:hidden;

    transition:var(--it-transition);

}

/* Top Gradient */

.it-benefit-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:var(--it-gradient);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

/*=========================
          ICON
==========================*/

.it-benefit-icon{

    width:74px;

    height:74px;

    margin:0 auto 22px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:rgba(65,105,255,.10);

    border:1px solid rgba(65,105,255,.25);

    transition:.35s;

}

.it-benefit-icon i{

    font-size:30px;

    color:var(--it-primary);

    transition:.35s;

}

/*=========================
          TITLE
==========================*/

.it-benefit-card h3{

    color:#fff;

    font-size:22px;

    margin-bottom:15px;

}

/*=========================
      DESCRIPTION
==========================*/

.it-benefit-card p{

    color:var(--it-text);

    font-size:15px;

    line-height:1.8;

}

/*=========================
          HOVER
==========================*/

.it-benefit-card:hover{

    transform:translateY(-10px);

    border-color:rgba(65,105,255,.45);

    box-shadow:0 20px 50px rgba(65,105,255,.18);

}

.it-benefit-card:hover::before{

    transform:scaleX(1);

}

.it-benefit-card:hover .it-benefit-icon{

    background:var(--it-gradient);

    transform:scale(1.08);

}

.it-benefit-card:hover .it-benefit-icon i{

    color:#fff;

}
/*==================================================
        SERVICE BENEFITS RESPONSIVE
==================================================*/

/* Laptop */

@media (max-width:1200px){

    .it-benefits-grid{

        grid-template-columns:repeat(2,1fr);

        gap:24px;

    }

}

/* Tablet */

@media (max-width:992px){

    .it-benefits{

        padding:70px 0;

    }

    .it-benefits-grid{

        grid-template-columns:repeat(2,1fr);

        gap:20px;

    }

    .it-benefit-card{

        padding:30px 24px;

    }

    .it-benefit-card h3{

        font-size:20px;

    }

}

/* Mobile */

@media (max-width:768px){

    .it-benefits{

        padding:60px 0;

    }

    .it-benefits-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .it-benefit-card{

        padding:26px 22px;

    }

    .it-benefit-icon{

        width:64px;

        height:64px;

    }

    .it-benefit-icon i{

        font-size:26px;

    }

    .it-benefit-card h3{

        font-size:20px;

    }

    .it-benefit-card p{

        font-size:14px;

        line-height:1.7;

    }

}

/* iQOO 13 & Small Phones */

@media (max-width:480px){

    .it-benefits{

        padding:50px 0;

    }

    .it-benefits-grid{

        gap:16px;

    }

    .it-benefit-card{

        padding:22px 18px;

        border-radius:18px;

    }

    .it-benefit-icon{

        width:58px;

        height:58px;

        margin-bottom:18px;

        border-radius:16px;

    }

    .it-benefit-icon i{

        font-size:22px;

    }

    .it-benefit-card h3{

        font-size:18px;

        margin-bottom:10px;

    }

    .it-benefit-card p{

        font-size:13px;

        line-height:1.7;

    }

}

/*==================================================
                    IT FAQ
==================================================*/

.it-faq{
    padding:90px 0;
    background:#05070d;
    position:relative;
    overflow:hidden;
}

/*=========================
      BACKGROUND GLOW
==========================*/

.it-faq::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(65,105,255,.08);
    filter:blur(140px);
    top:-180px;
    left:-180px;
}

.it-faq::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(65,105,255,.06);
    filter:blur(130px);
    right:-180px;
    bottom:-180px;
}

/*=========================
        WRAPPER
==========================*/

.it-faq-wrapper{

    max-width:900px;

    margin:60px auto 0;

    position:relative;

    z-index:2;

}

/*=========================
        FAQ ITEM
==========================*/

.it-faq-item{

    background:#0b1020;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    margin-bottom:18px;

    overflow:hidden;

    transition:var(--it-transition);

}

.it-faq-item:hover{

    border-color:rgba(65,105,255,.40);

    box-shadow:0 18px 40px rgba(65,105,255,.15);

}

/*=========================
        QUESTION
==========================*/

.it-faq-question{

    width:100%;

    background:none;

    border:none;

    outline:none;

    cursor:pointer;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 28px;

    color:#fff;

    font-size:18px;

    font-weight:600;

    text-align:left;

}

.it-faq-question span{

    flex:1;

    padding-right:20px;

}

.it-faq-question i{

    color:var(--it-primary);

    font-size:18px;

    transition:.35s;

}

/*=========================
        ANSWER
==========================*/

.it-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.it-faq-answer p{

    padding:0 28px 22px;

    color:var(--it-text);

    font-size:15px;

    line-height:1.8;

}

/*=========================
        ACTIVE
==========================*/

.it-faq-item.active{

    border-color:rgba(65,105,255,.45);

}

.it-faq-item.active .it-faq-answer{

    max-height:220px;

}

.it-faq-item.active .it-faq-question i{

    transform:rotate(45deg);

}

/*=========================
        BOTTOM CTA
==========================*/

.it-faq-bottom{

    margin-top:60px;

    text-align:center;

}

.it-faq-bottom p{

    color:var(--it-text);

    font-size:17px;

    margin-bottom:25px;

}

.it-faq-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 30px;

    border-radius:50px;

    text-decoration:none;

    background:var(--it-gradient);

    color:#fff;

    font-weight:600;

    transition:var(--it-transition);

    box-shadow:var(--it-shadow-sm);

}

.it-faq-btn:hover{

    transform:translateY(-5px);

    box-shadow:var(--it-shadow-lg);

}

.it-faq-btn i{

    font-size:16px;

}
/*==================================================
            IT FAQ RESPONSIVE
==================================================*/

/* Laptop */

@media (max-width:1200px){

    .it-faq-wrapper{

        max-width:850px;

    }

}

/* Tablet */

@media (max-width:992px){

    .it-faq{

        padding:70px 0;

    }

    .it-faq-wrapper{

        max-width:100%;

        margin-top:50px;

    }

    .it-faq-question{

        padding:20px 24px;

        font-size:17px;

    }

    .it-faq-answer p{

        padding:0 24px 20px;

    }

}

/* Mobile */

@media (max-width:768px){

    .it-faq{

        padding:60px 0;

    }

    .it-faq-wrapper{

        margin-top:40px;

    }

    .it-faq-item{

        margin-bottom:15px;

    }

    .it-faq-question{

        padding:18px 20px;

        font-size:16px;

    }

    .it-faq-question span{

        padding-right:15px;

    }

    .it-faq-question i{

        font-size:16px;

    }

    .it-faq-answer p{

        padding:0 20px 18px;

        font-size:14px;

        line-height:1.7;

    }

    .it-faq-bottom{

        margin-top:45px;

    }

    .it-faq-bottom p{

        font-size:15px;

    }

}

/* iQOO 13 & Small Phones */

@media (max-width:480px){

    .it-faq{

        padding:50px 0;

    }

    .it-faq-wrapper{

        margin-top:35px;

    }

    .it-faq-item{

        border-radius:16px;

        margin-bottom:14px;

    }

    .it-faq-question{

        padding:16px 18px;

        font-size:15px;

        line-height:1.6;

    }

    .it-faq-question span{

        padding-right:12px;

    }

    .it-faq-question i{

        font-size:15px;

    }

    .it-faq-answer p{

        padding:0 18px 18px;

        font-size:13px;

        line-height:1.7;

    }

    .it-faq-bottom{

        margin-top:35px;

        padding:0 10px;

    }

    .it-faq-bottom p{

        font-size:14px;

        margin-bottom:20px;

    }

    .it-faq-btn{

        width:100%;

        justify-content:center;

        padding:15px;

        font-size:15px;

    }

}
/*==================================================
                FINAL CTA
==================================================*/

.it-final-cta{
    padding:90px 0;
    background:#05070d;
    position:relative;
    overflow:hidden;
}

/*=========================
      BACKGROUND GLOW
==========================*/

.it-final-cta::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(65,105,255,.10);
    filter:blur(150px);
    top:-180px;
    left:-180px;
}

.it-final-cta::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(65,105,255,.08);
    filter:blur(140px);
    bottom:-180px;
    right:-180px;
}

/*=========================
        CTA CARD
==========================*/

.it-cta-card{

    position:relative;

    z-index:2;

    max-width:950px;

    margin:auto;

    padding:70px 60px;

    text-align:center;

    border-radius:30px;

    background:rgba(13,18,40,.88);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(16px);

    box-shadow:0 25px 60px rgba(0,0,0,.45);

    overflow:hidden;

}

/*=========================
      TOP BORDER
==========================*/

.it-cta-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:var(--it-gradient);

}

/*=========================
          BADGE
==========================*/

.it-cta-badge{

    display:inline-block;

    padding:9px 20px;

    border-radius:50px;

    background:var(--it-gradient);

    color:#fff;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:25px;

}

/*=========================
        HEADING
==========================*/

.it-cta-card h2{

    color:#fff;

    font-size:46px;

    line-height:1.25;

    margin-bottom:20px;

}

.it-cta-card h2 span{

    color:var(--it-primary);

}

/*=========================
      DESCRIPTION
==========================*/

.it-cta-card p{

    color:var(--it-text);

    font-size:16px;

    line-height:1.9;

    max-width:720px;

    margin:0 auto 40px;

}

/*=========================
        FEATURES
==========================*/

.it-cta-features{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:45px;

}

.it-cta-features div{

    display:flex;

    align-items:center;

    gap:10px;

    background:rgba(65,105,255,.08);

    border:1px solid rgba(65,105,255,.20);

    padding:12px 22px;

    border-radius:50px;

    color:#fff;

    font-size:15px;

    font-weight:500;

}

.it-cta-features i{

    color:#2ecc71;

    font-size:16px;

}

/*=========================
        BUTTONS
==========================*/

.it-cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:45px;

}

.it-cta-btn-primary,
.it-cta-btn-secondary{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:14px 28px;

    border-radius:50px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:var(--it-transition);

}

.it-cta-btn-primary{

    background:var(--it-gradient);

    color:#fff;

    box-shadow:var(--it-shadow-sm);

}

.it-cta-btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:var(--it-shadow-lg);

}

.it-cta-btn-secondary{

    border:2px solid var(--it-primary);

    color:var(--it-primary);

}

.it-cta-btn-secondary:hover{

    background:var(--it-primary);

    color:#fff;

    transform:translateY(-5px);

}

/*=========================
      CONTACT INFO
==========================*/

.it-cta-contact{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:35px;

}

.it-contact-item{

    display:flex;

    align-items:center;

    gap:12px;

    color:var(--it-text);

    font-size:15px;

}

.it-contact-item i{

    width:45px;

    height:45px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:rgba(65,105,255,.12);

    border:1px solid rgba(65,105,255,.25);

    color:var(--it-primary);

    font-size:18px;

    transition:var(--it-transition);

}

.it-contact-item:hover i{

    background:var(--it-gradient);

    color:#fff;

}
/*==================================================
            FINAL CTA RESPONSIVE
==================================================*/

/* Tablet */

@media (max-width:992px){

    .it-final-cta{
        padding:60px 0;
    }

    .it-cta-card{
        padding:45px 35px;
        border-radius:24px;
    }

    .it-cta-card h2{
        font-size:36px;
    }

    .it-cta-features{
        gap:14px;
        margin-bottom:35px;
    }

    .it-cta-buttons{
        margin-bottom:35px;
    }

    .it-cta-contact{
        gap:20px;
    }

}

/* Mobile */

@media (max-width:768px){

    .it-final-cta{
        padding:45px 0;
    }

    .it-cta-card{
        padding:35px 22px;
        border-radius:20px;
    }

    .it-cta-badge{
        font-size:12px;
        padding:8px 16px;
        margin-bottom:18px;
    }

    .it-cta-card h2{
        font-size:28px;
        line-height:1.35;
    }

    .it-cta-card p{
        font-size:14px;
        line-height:1.7;
        margin-bottom:28px;
    }

    .it-cta-features{
        flex-direction:column;
        gap:12px;
        margin-bottom:28px;
    }

    .it-cta-features div{
        width:100%;
        justify-content:center;
        font-size:14px;
        padding:12px 16px;
    }

    .it-cta-buttons{
        flex-direction:column;
        gap:12px;
        margin-bottom:28px;
    }

    .it-cta-btn-primary,
    .it-cta-btn-secondary{
        width:100%;
        padding:14px;
    }

    .it-cta-contact{
       display: none;
    }

    .it-contact-item{
        width:100%;
        font-size:14px;
    }

    .it-contact-item i{
        width:40px;
        height:40px;
        font-size:16px;
    }

}

/* Small Phones */

@media (max-width:480px){

    .it-final-cta{
        padding:35px 0;
    }

    .it-cta-card{
        padding:28px 18px;
    }

    .it-cta-card h2{
        font-size:24px;
    }

    .it-cta-card p{
        font-size:13px;
    }

}