/*
Theme Name: GeneratePress Child
Theme URI: 
Description: Child theme for GeneratePress.
Author: Yasin Mahmood Sakib
Version: 1.0
Template: generatepress
Text Domain: generatepress-child
*/
body{

    background-color: #161D2D;
    color: #FFFFFF;

}
.project-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:30px;

}

.project-card{

border:1px solid #ddd;


padding:20px;

border-radius:10px;

}

.project-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
    margin-top:30px;
}

.project-card{
    background:#252F3F;

padding:30px;

border-radius:15px;

transition:.3s;

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

.project-card img{
    width:100%;
    height:auto;
}

.project-card a{
    display:inline-block;
    margin-top:10px;
    text-decoration:none;
    color:#0073aa;
    font-weight:bold;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #FFFFFF;
    font-weight: 700;
}

p {
    color: #D6D6D6;
}

a {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover {
    color: #FF4D4D;
}

.main-navigation {
    background: #161D2D;
}

.main-navigation a {
    color: #FFFFFF;
}

.main-navigation a:hover {
    color: #FF4D4D;
}
.project-card:hover{

    transform:translateY(-5px);

}
.project-card h2,
.project-card h3{

    color:#FFFFFF;

}
.project-card p{

    color:#D6D6D6;

}

.project-card a{

    color:#FF4D4D;

    font-weight:bold;

}

.project-card img{

    width:100%;

    border-radius:8px;

}

.site-header {
    background: #161D2D;
    border-bottom: 1px solid #252F3F;
}

.site-title a{
    color:#ffffff !important;
    text-decoration:none;
}

.main-navigation{
    background:#161D2D;
}

.main-navigation a{

    color:#ffffff !important;

    font-weight:600;

}

.main-navigation a:hover{

    color:#ff4d4d !important;

}

.site-main{

    max-width:1200px;

    margin:auto;

    padding:60px 20px;

}

.project-grid{

display:grid;

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

gap:30px;

margin-top:40px;

}

@media(max-width:992px){

.project-grid{

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

}

}

@media(max-width:768px){

.project-grid{

grid-template-columns:1fr;

}

}

.project-card:hover{

transform:translateY(-8px);

box-shadow:0 15px 30px rgba(0,0,0,.35);

}

.project-card h3{

font-size:34px;

color:#fff;

margin-bottom:15px;

}

.project-card p{

font-size:18px;

color:#d6d6d6;

line-height:1.8;

}

.project-card a{

display:inline-block;

margin-top:20px;

color:#ff4d4d;

font-weight:bold;

}

h1{

font-size:64px;

}

h2{

font-size:48px;

}
.site-header{

    background:#161D2D;

    padding:15px 0;

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

}

.site-title a{

color:#FF4D4D !important;

font-size:38px;

font-weight:700;

text-decoration:none;

}

.main-navigation{

background:#161D2D;

}

.main-navigation ul{

display:flex;

justify-content:flex-end;

align-items:center;

gap:30px;

}

.main-navigation a{

color:#ffffff !important;

font-size:18px;

font-weight:500;

}

.main-navigation a:hover{

color:#FF4D4D !important;

}
body{

background:#161D2D;

font-family:Arial, Helvetica, sans-serif;

color:#fff;

}

.site-main{

max-width:1200px;

margin:auto;

padding:80px 20px;

}

.research-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:30px;

margin-top:40px;

}

.research-card{

background:#202020;

padding:25px;

border-radius:12px;

box-shadow:0 8px 20px rgba(0,0,0,.2);

}

.research-card img{

width:100%;

height:auto;

border-radius:10px;

margin-bottom:15px;

}

.research-card h2{

margin-bottom:15px;

}

.research-card a{

color:#FF4D4D;

text-decoration:none;

}

.research-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

    margin-top:40px;

}

.research-card{

    background:#1f1f1f;

    border-radius:12px;

    padding:20px;

    box-shadow:0 5px 15px rgba(0,0,0,.3);

}

.research-card img{

    width:100%;

    height:auto;

    border-radius:8px;

    margin-bottom:15px;

}

.research-card h2{

    margin-bottom:15px;

}

.research-card p{

    margin-bottom:10px;

}

.research-card a{

    color:#ff4d4d;

    text-decoration:none;

}

.research-card a:hover{

    text-decoration:underline;

}

.research-section{

    margin-top:60px;

}

.research-section h2{

    color:#ff4d4d;

    font-size:32px;

    margin-bottom:25px;

    border-bottom:2px solid #444;

    padding-bottom:10px;

}

/*==========================
TEAM PAGE
==========================*/

.team-page{

width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 30px;
    box-sizing: border-box;

}

.team-page h1{

   

font-size:48px;

margin-bottom:10px;

color:#ffffff;

}

.team-page p{


margin-bottom: 40px;    
color:#d9d9d9;

}

.team-grid{

width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    justify-content: center;
    align-items: stretch;

}

.team-card{
width: 100%;
    box-sizing: border-box;    

background:#2b3548;

padding:20px;

border-radius:8px;

border:1px solid #444;

transition:.35s;

display: flex;
    flex-direction: column;
    align-items: center;

}

.team-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.35);


}

.team-image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.team-image img {
    width: 100%;
    max-width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.team-card h2{

margin-top:20px;

font-size:28px;

color:white;

text-align: center;
    margin: 10px 0 8px;

}

.team-card h2 a {
    text-decoration: none;
}

.designation{
text-align: center;    

color:#ff4d4d;

font-weight:600;

margin:0 0 15px;

}

.team-description{

margin-top:15px;

color:#dddddd;

line-height:1.7;

}

.team-links{

margin-top:25px;

display:flex;

gap:15px;

}

.team-links a{

background:#ff4d4d;

padding:10px 18px;

border-radius:6px;

text-decoration:none;

color:white;

font-weight:bold;

}

.team-links a:hover{

background:#ff2222;

}

@media (max-width: 768px) {

    .team-page {
        padding: 50px 20px;
    }

    .team-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .team-card {
        width: 100%;
    }

    .team-image img {
        max-width: 200px;
        height: 200px;
    }

}

/*=========================
 Single Team Profile
=========================*/

.single-team{

width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:80px 20px;

}

.single-team-card{

width:100%;
    max-width:650px;
    background:#2b3548;
    padding:40px;
    border-radius:15px;
    text-align:center;
    margin:0 auto;


}

.single-team-image img{

width:180px;
    height:180px;

    object-fit:cover;

    border-radius:50%;

    border:5px solid #ff4d4d;

    display:block;

    margin:0 auto 25px;


}

.single-team-card h1{

font-size:42px;

color:white;

margin:15px 0 10px;


}

.single-team-card h3{

color:#ff4d4d;
    font-size:24px;
    margin-bottom:30px;

}

.single-team-content{

color:#ddd;

line-height:1.8;

margin-bottom:30px;

}

.single-team-buttons{

display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

    margin-top:25px;

}

.single-team-buttons a{

background:#ff4d4d;

color:white;

padding:12px 25px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

transition:.3s;

}

.single-team-buttons a:hover{

background:#ff2222;

}

/*==========================
Social Buttons
==========================*/

.linkedin-btn{

background:#0077B5;

color:#fff;

padding:12px 20px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

display:inline-flex;

align-items:center;

gap:8px;

transition:.3s;

}

.linkedin-btn:hover{

background:#005f92;

}

.scholar-btn{

background:#34A853;

color:white;

padding:12px 20px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

display:inline-flex;

align-items:center;

gap:8px;

transition:.3s;

}

.scholar-btn:hover{

background:#2b8b45;

}

.profile-btn{

margin-top:25px;

}

.profile-btn a{

background:#ff4d4d;

color:white;

padding:12px 28px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

transition:.3s;

}

.profile-btn a:hover{

background:#ff2222;

}

/*==========================
HOME TEAM SECTION
==========================*/

.home-team{

margin-top:100px;

text-align:center;

}

.home-team h2{

font-size:42px;

color:white;

margin-bottom:15px;

}

.home-team>p{

color:#ddd;

margin-bottom:60px;

}

.single-team-wrapper{

    display:flex;

    justify-content:center;

}

/*=========================
HOME RESEARCH SECTION
==========================*/

.home-research{

    margin-top:100px;

    text-align:center;

}

.home-research h2{

    font-size:42px;

    color:#ffffff;

    margin-bottom:15px;

}

.home-research > p{

    color:#d6d6d6;

    margin-bottom:50px;

}

.home-research .research-grid{

    margin-top:40px;

}

.home-research .research-card{

    text-align:left;

}

/*=========================
HOME PROJECT SECTION
==========================*/

.home-projects{

    margin-top:60px;

    text-align:center;

}

.home-projects h2{

    font-size:42px;

    color:#ffffff;

    margin-bottom:15px;

}

.home-projects > p{

    color:#d6d6d6;

    margin-bottom:50px;

}

.home-projects .project-grid{

    margin-top:40px;

}

.home-projects .project-card{

    text-align:left;

}

/*==============================
BLOG PAGE
==============================*/

.blog-page{

    max-width:1200px;

    margin:auto;

    padding:80px 20px;

}

.blog-page h1{

    text-align:center;

    font-size:52px;

    margin-bottom:10px;

}

.blog-page > p{

    text-align:center;

    color:#cccccc;

    margin-bottom:60px;

}

.blog-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

    gap:35px;

}

.blog-card{

    background:#2b3548;

    border-radius:15px;

    overflow:hidden;

    transition:.3s;

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

}

.blog-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.35);

}

.blog-image img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.blog-card h2{

    padding:20px 20px 10px;

    font-size:28px;

}

.blog-card h2 a{

    color:#fff;

}

.blog-meta{

    padding:0 20px;

    color:#ff4d4d;

    font-size:14px;

}

.blog-card p{

    padding:0 20px;

}

.read-more-btn{

    display:inline-block;

    margin:20px;

    background:#ff4d4d;

    color:white;

    padding:12px 22px;

    border-radius:8px;

    font-weight:bold;

}

.read-more-btn:hover{

    background:#ff2a2a;

}

/*==========================
BLOG SINGLE PAGE
==========================*/

.blog-single{

    max-width:1200px;

    margin:80px auto;

    background:#2b3548;

    padding:50px;

    border-radius:15px;

}

.blog-title{

    font-size:48px;

    color:#ffffff;

    margin-bottom:15px;

}

.blog-meta{

    display:flex;

    gap:30px;

    color:#cccccc;

    margin-bottom:30px;

    font-size:16px;

}

.blog-featured-image img{

    width:100%;

    max-height:500px;

    object-fit:cover;

    border-radius:12px;

    margin-bottom:40px;

}

.blog-content{

    color:#dddddd;

    font-size:18px;

    line-height:1.9;

}

.blog-content h2{

    margin-top:40px;

    color:#ffffff;

}

.blog-content h3{

    margin-top:30px;

    color:#ffffff;

}

.blog-content img{

    max-width:100%;

    border-radius:10px;

}

.blog-content iframe{

    width:100%;

    min-height:500px;

    border-radius:10px;

}

.blog-content blockquote{

    border-left:5px solid #ff4d4d;

    padding-left:20px;

    color:#eeeeee;

    font-style:italic;

    margin:30px 0;

}

.blog-content ul{

    margin-left:30px;

}

.blog-content ol{

    margin-left:30px;

}

.blog-content a{

    color:#ff4d4d;

}

/*==========================
BLOG ARCHIVE PAGE
==========================*/

.blog-page{

    max-width:1200px;

    margin:auto;

    padding:80px 20px;

}

.blog-page h1{

    text-align:center;

    font-size:54px;

    margin-bottom:15px;

}

.blog-page>p{

    text-align:center;

    color:#cccccc;

    margin-bottom:60px;

}

.blog-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

    gap:35px;

}

.blog-card{

    background:#2b3548;

    border-radius:15px;

    overflow:hidden;

    transition:.35s;

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

}

.blog-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.35);

}

.blog-card-image img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.blog-card-content{

    padding:25px;

}

.blog-date{

    color:#bbbbbb;

    font-size:14px;

}

.blog-card h2{

    font-size:28px;

    margin:15px 0;

}

.blog-card h2 a{

    color:#ffffff;

}

.blog-card h2 a:hover{

    color:#ff4d4d;

}

.blog-card p{

    color:#dddddd;

    line-height:1.8;

}

.blog-readmore{

    display:inline-block;

    margin-top:20px;

    color:#ff4d4d;

    font-weight:bold;

}

.blog-pagination{

    margin-top:60px;

    text-align:center;

}

/*==========================
BLOG SIDEBAR
==========================*/

.blog-layout{

display:grid;

grid-template-columns:2fr 1fr;

gap:40px;

align-items:start;

margin-top:50px;

}

.blog-content{

width:100%;

}


.blog-sidebar{

width:100%;


}

.sidebar{

background:#2b3548;

padding:25px;

border-radius:12px;

}


.sidebar-widget{

margin-bottom:40px;

}

.sidebar-widget h3{

margin-bottom:15px;

color:#fff;

}

.sidebar-widget ul{

list-style:none;

padding:0;

}

.sidebar-widget li{

margin-bottom:10px;

}

.sidebar-widget a{

color:#ddd;
text-decoration:none;

}

.sidebar-widget a:hover{

color:#ff4d4d;

}

.sidebar input[type="search"]{

width:100%;

padding:10px;

border:none;

border-radius:6px;

margin-bottom:10px;

}

.sidebar input[type="submit"]{

background:#ff4d4d;

color:white;

padding:10px 20px;

border:none;

border-radius:6px;

cursor:pointer;

width:100%;

}

.post-navigation{

display:flex;

justify-content:space-between;

margin:60px 0;

}

.post-navigation a{

color:#ff4d4d;

font-weight:bold;

}

.related-posts{

margin-top:80px;

}

.related-posts h2{

margin-bottom:35px;

}

@media(max-width:992px){

.blog-layout{

grid-template-columns:1fr;

}

}

.blog-sidebar input{

width:100%;

padding:12px;

border:none;

border-radius:8px;

margin-bottom:10px;

}

.blog-sidebar button{

background:#ff4d4d;

color:white;

padding:10px 20px;

border:none;

border-radius:8px;

cursor:pointer;

width:100%

}

.blog-main{

    min-width:0;

}

/*==========================
HOME BLOG SECTION
==========================*/

.home-blog{

    margin-top:100px;

}

.home-blog h2{

    text-align:center;

    font-size:42px;

    color:#ffffff;

    margin-bottom:15px;

}

.home-blog > p{

    text-align:center;

    color:#d6d6d6;

    margin-bottom:50px;

}

.home-blog .blog-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

}

.home-blog .blog-card{

    background:#2b3548;

    border-radius:15px;

    overflow:hidden;

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

    transition:.3s;

}

.home-blog .blog-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 30px rgba(0,0,0,.35);

}

.home-blog .blog-card-image img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.home-blog .blog-card-content{

    padding:20px;

}

.home-blog .blog-card h3{

    font-size:26px;

    margin:15px 0;

}

.home-blog .blog-card h3 a{

    color:#ffffff;

    text-decoration:none;

}

.home-blog .blog-card h3 a:hover{

    color:#ff4d4d;

}

.home-blog .blog-date{

    color:#bbbbbb;

    font-size:14px;

}

.home-blog .blog-readmore{

    display:inline-block;

    margin-top:20px;

    color:#ff4d4d;

    font-weight:bold;

}

/*this portion for rich media blog section*/

/*=========================
CONTACT PAGE
==========================*/

.contact-page{

max-width:900px;

margin:80px auto;

padding:40px;

background:#2b3548;

border-radius:15px;

box-shadow:0 10px 30px rgba(0,0,0,.35);

}

.contact-page h1{

text-align:center;

color:#fff;

margin-bottom:15px;

}

.contact-page p{

text-align:center;

margin-bottom:40px;

color:#d6d6d6;

}

.forminator-ui label{

color:#ffffff !important;

font-size:16px;

font-weight:600;

margin-bottom:8px;

}

.forminator-ui input,

.forminator-ui textarea{

background:#1d2433 !important;

border:1px solid #3f4c65 !important;

border-radius:10px !important;

padding:16px !important;

color:#ffffff !important;

font-size:16px;

transition:.3s;


}

.forminator-ui input::placeholder,

.forminator-ui textarea::placeholder{

color:#bbbbbb;

}

.forminator-ui textarea{

min-height:180px;

}

.forminator-ui input:focus,

.forminator-ui textarea:focus,

.forminator-ui select:focus{

border-color:#ff4d4d;

outline:none;

box-shadow:0 0 8px rgba(255,77,77,.3);

}

.forminator-ui input::placeholder,

.forminator-ui textarea::placeholder{

color:#9da7b8;

}


.forminator-ui button,

.forminator-ui input[type=submit]{

background:#ff4d4d !important;

color:#fff !important;

padding:14px 35px;

border:none;

border-radius:8px;

font-size:17px;

font-weight:bold;

cursor:pointer;

transition:.3s;

}

.forminator-ui button:hover,

.forminator-ui input[type=submit]:hover{

background:#ff2222 !important;
transform:translateY(-2px);

}

.forminator-ui .forminator-row{

margin-bottom:20px;

}


/*==================================
CONTACT SECTION
==================================*/

.contact-section{

padding:80px 20px;

background:#1b2233;

}

.contact-card{

max-width:850px;

margin:auto;

background:#2b3548;

padding:50px;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.35);

}

.contact-card h2{

text-align:center;

font-size:38px;

color:#ffffff;

margin-bottom:10px;

}

.contact-card p{

text-align:center;

color:#c8d0db;

font-size:18px;

margin-bottom:40px;

}


/* =====================================
   HOMEPAGE SERVICES
   ===================================== */

.home-services {

    padding: 80px 20px;

    background: #161d2d;

    text-align: center;

}

.home-services h2 {

    color: #ffffff;

    font-size: 36px;

    margin-bottom: 10px;

}

.home-services > p {

    color: #bfc7d5;

    margin-bottom: 40px;

}

.services-grid {

    max-width: 1100px;

    margin: auto;

    display: grid;

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

    gap: 25px;

}

.service-card {

    background: #2b3548;

    padding: 35px 25px;

    border-radius: 15px;

    border: 1px solid #3a465d;

    transition: 0.3s;

}

.service-card:hover {

    transform: translateY(-5px);

    border-color: #ff4d4d;

}

.service-card h3 {

    color: #ff4d4d;

    font-size: 24px;

    margin-bottom: 15px;

}

.service-card p {

    color: #d0d6df;

    line-height: 1.7;

}

@media (max-width: 768px) {

    .services-grid {

        grid-template-columns: 1fr;

    }

}

/* =====================================
   PRICING
   ===================================== */

.home-pricing {

    padding: 80px 20px;

    background: #1b2233;

    text-align: center;

}

.home-pricing h2 {

    color: #ffffff;

    font-size: 36px;

    margin-bottom: 10px;

}

.home-pricing > p {

    color: #bfc7d5;

    margin-bottom: 40px;

}

.pricing-grid {

    display: grid;
    grid-template-columns: repeat(
        auto-fit,
        minmax(280px, 1fr)
    );
    gap: 25px;

}

.pricing-card {

    background: #2b3548;

    padding: 40px 25px;

    border-radius: 15px;

    border: 1px solid #3a465d;

}

.pricing-card h3 {

    color: #ffffff;

    font-size: 25px;

}

.pricing-card .price {

    color: #ff4d4d;

    font-size: 38px;

    font-weight: bold;

    margin-top: 20px;

}

.pricing-card.featured {

    border: 2px solid #ff4d4d;

    transform: translateY(-8px);

}

@media (max-width: 768px) {

    .pricing-grid {

        grid-template-columns: 1fr;

    }

    .pricing-card.featured {

        transform: none;

    }

}


/* =====================================
   CLIENT PARTNERS
   ===================================== */

.client-partners {

    padding: 70px 20px;

    background: #161d2d;

    text-align: center;

}

.client-partners h2 {

    color: #ffffff;

    font-size: 36px;

    margin-bottom: 10px;

}

.client-partners > p {

    color: #bfc7d5;

    margin-bottom: 40px;

}

.client-logo-grid {

    max-width: 1000px;

    margin: auto;

    display: grid;

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

    gap: 25px;

    align-items: center;

}

.client-logo {

    background: #2b3548;

    padding: 25px;

    border-radius: 12px;

    min-height: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.client-logo img {

    max-width: 150px;

    max-height: 70px;

    width: auto;

    height: auto;

    object-fit: contain;

}

@media (max-width: 768px) {

    .client-logo-grid {

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

    }

}


/* =====================================================
   iRED SERVICES & PRICING
===================================================== */

.home-services {
    background: #202b3d;
    padding: 80px 30px;
    text-align: center;
    color: #ffffff;
}


.services-container {
    max-width: 1200px;
    margin: 0 auto;
}


/* Section Label */

.services-label {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
}


/* Main Heading */

.home-services h2 {
    color: #ffffff;
    font-size: 42px;
    margin: 0 0 25px;
    font-weight: 700;
}


/* Service Highlights */

.service-highlights {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 45px;
    margin-bottom: 55px;
    flex-wrap: wrap;
}


.service-highlight {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e6e9ef;
    font-size: 16px;
}


.service-icon {
    color: #ff4f4f;
    font-size: 22px;
}


/* Pricing Grid */

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    align-items: stretch;
}


/* Pricing Card */

.pricing-card {
    position: relative;
    background: #101827;
    border: 1px solid #354158;
    border-radius: 8px;
    overflow: hidden;
    min-height: 560px;
    display: flex;
    flex-direction: column;
}


.pricing-content {
    padding: 38px 35px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}


/* Popular Plan */

.popular-plan {
    border: 2px solid #ff4f4f;
}


.popular-badge {
    background: #ff4f4f;
    color: #ffffff;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}


/* Category */

.plan-category {
    color: #9caac1;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}


/* Plan Name */

.pricing-card h3 {
    color: #ffffff;
    font-size: 32px;
    margin: 0 0 25px;
}


/* Features */

.plan-features {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: left;
    flex-grow: 1;
}


.plan-features li {
    color: #dce2eb;
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.feature-check {
    color: #ff4d4d;
    font-weight: 700;
    flex-shrink: 0;
}

.feature-text {
    color: #dce2eb;
}


/* Price */

.plan-price {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}


.currency {
    font-size: 25px;
    font-weight: 700;
}


.price {
    font-size: 42px;
    font-weight: 700;
}


.per-month {
    font-size: 18px;
    color: #aeb8c8;
}


/* GST */

.gst-text {
    color: #7f8ca1;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 25px;
}


/* Button */

.pricing-button {
    display: block;
    background: #f12727;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 15px 20px;
    border-radius: 5px 5px 0 0;
    font-size: 17px;
    font-weight: 700;
    transition: 0.3s ease;
}


.pricing-button:hover {
    background: #ff4f4f;
    color: #ffffff !important;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 900px) {

    .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: 0 auto;
    }

    .home-services h2 {
        font-size: 34px;
    }

}


@media (max-width: 600px) {

    .home-services {
        padding: 60px 20px;
    }

    .home-services h2 {
        font-size: 28px;
    }

    .service-highlights {
        flex-direction: column;
        gap: 15px;
    }

}

/* =====================================
   HOME CLIENTS SECTION
===================================== */

.home-clients {

    padding: 80px 20px;

    background: #161d2d;

}


.clients-container {

    max-width: 1200px;

    margin: 0 auto;

}


/* Section Label */

.clients-label {

    text-align: center;

    color: #ff6b6b;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 10px;

}


/* Main Heading */

.home-clients h2 {

    text-align: center;

    color: #ffffff;

    font-size: 42px;

    margin-bottom: 50px;

}


/* Client Cards Grid */

.client-logos {

    display: grid;

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

    gap: 30px;

}


/* Single Card */

.client-card {

    background: #2b3548;

    border-radius: 12px;

    overflow: hidden;

    transition: 0.3s;

    border: 1px solid rgba(255,255,255,0.08);

}


/* Hover Effect */

.client-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 20px 40px rgba(0,0,0,.35);

}


/* Client Image */

.client-image {

    background: #ffffff;

    height: 220px;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}


/* Logo/Image */

.client-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


/* Client Content */

.client-content {

    padding: 25px;

    text-align: left;

}


/* Client Title */

.client-content h3 {

    color: #ffffff;

    font-size: 22px;

    margin: 0 0 15px;

}


/* Client Description */

.client-content p {

    color: #c8d0db;

    font-size: 16px;

    line-height: 1.7;

    margin: 0;

}


/* Tablet */

@media (max-width: 992px) {

    .client-logos {

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

    }

}


/* Mobile */

@media (max-width: 768px) {

    .client-logos {

        grid-template-columns: 1fr;

    }


    .home-clients h2 {

        font-size: 34px;

    }

}


/* ==========================
   iRED CUSTOM FOOTER
========================== */

.ired-custom-footer {
    background-color: #17202f;
    padding: 70px 0 35px;
    color: #d9d9d9;
}

.ired-footer-container {
    width: 85%;
    max-width: 1400px;
    margin: 0 auto;
}


/* Footer Top */

.ired-footer-top {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 1fr;
    gap: 80px;
    padding-bottom: 40px;
}


/* Logo */

.ired-footer-logo {
    color: #ff625d;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}


/* Footer Headings */

.ired-footer-column h3 {
    color: #e8e2d9;
    font-size: 24px;
    margin-bottom: 20px;
}


/* Footer Text */

.ired-footer-column p {
    color: #d1d1d1;
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
}


/* Footer Links */

.ired-footer-column a {
    color: #d1d1d1;
    text-decoration: none;
}

.ired-footer-column a:hover {
    color: #ff625d;
}


/* Social Links */

.ired-social-links {
    display: flex;
    gap: 25px;
}

.ired-social-links a {
    font-size: 17px;
}


/* Footer Bottom */

.ired-footer-bottom {
    border-top: 1px solid #2d3748;
    padding-top: 35px;
    text-align: center;
}

.ired-footer-bottom p {
    margin: 0;
    color: #d1d1d1;
    font-size: 16px;
}


@media (max-width: 768px) {

    .ired-custom-footer {
        padding: 50px 0 25px;
    }

    .ired-footer-container {
        width: 90%;
    }

    .ired-footer-top {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ired-footer-column h3 {
        font-size: 22px;
    }

    .ired-footer-logo {
        font-size: 28px;
    }

    .ired-social-links {
        flex-wrap: wrap;
        gap: 20px;
    }

}


/* ========================================
   CUSTOM WEB APP DEVELOPMENT SECTION
======================================== */

.ired-custom-solution {
    background: #1b2433;
    padding: 40px 20px 50px;
}

.ired-custom-solution-container {
    max-width: 1100px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.5fr 1fr;

    background: #161e2b;

    border: 1px solid #3b4a5f;
    border-radius: 10px;

    padding: 30px;

    gap: 40px;
}


/* LEFT SIDE */

.ired-custom-solution-left {
    padding-right: 20px;
}

.ired-solution-badge {
    display: inline-block;

    font-size: 10px;
    font-weight: 700;

    color: #ff5c57;

    border: 1px solid #46546a;

    padding: 5px 10px;

    border-radius: 3px;

    margin-bottom: 15px;
}

.ired-custom-solution-left h2 {
    color: #f2eee8;

    font-size: 28px;

    margin-bottom: 15px;
}

.ired-solution-description {
    color: #c9d0d9;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 25px;
}


/* QUOTE */

.ired-solution-quote {
    border-left: 3px solid #ff5c57;

    padding-left: 15px;

    color: #b9c2cf;

    font-size: 13px;

    font-style: italic;

    line-height: 1.7;
}


/* RIGHT SIDE */

.ired-custom-solution-right {

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-left: 1px solid #46546a;

    padding-left: 30px;
}


.ired-solution-price {

    text-align: center;

    margin-bottom: 25px;
}


.ired-starting-from {

    display: block;

    color: #7f8a9b;

    font-size: 10px;

    margin-bottom: 5px;
}


.ired-solution-price strong {

    display: block;

    color: #f2eee8;

    font-size: 32px;

    font-weight: 700;
}


.ired-price-label {

    display: block;

    color: #7f8a9b;

    font-size: 9px;

    margin-top: 5px;
}


/* BUTTON */

.ired-solution-button {

    display: block;

    text-align: center;

    background: #f22d2d;

    color: #ffffff !important;

    text-decoration: none;

    padding: 15px 20px;

    font-size: 14px;

    font-weight: 700;

    border-radius: 3px;

    transition: 0.3s;
}


.ired-solution-button:hover {

    background: #d91f1f;

    color: #ffffff !important;

    transform: translateY(-2px);
}


@media (max-width: 768px) {

    .ired-custom-solution-container {

        grid-template-columns: 1fr;

        padding: 25px;

    }


    .ired-custom-solution-left {

        padding-right: 0;

    }


    .ired-custom-solution-right {

        border-left: none;

        border-top: 1px solid #46546a;

        padding-left: 0;

        padding-top: 30px;

    }


    .ired-custom-solution-left h2 {

        font-size: 24px;

    }

}
/* =========================================
   SINGLE TEAM MEMBER PAGE
   ========================================= */

/* Main wrapper */
.single-team-wrapper {
    width: 100%;
    min-height: 700px;

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

    padding: 80px 20px;
    box-sizing: border-box;
}


/* Team section */
.single-team {
    width: 100%;

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


/* Main Member Card */
.single-team-card {
    width: 100%;
    max-width: 650px;

    box-sizing: border-box;

    background: #2c374d;

    border-radius: 15px;

    padding: 45px 40px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}


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

.single-team-image {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: 25px;
}


.single-team-image img {
    width: 180px;
    height: 180px;

    object-fit: cover;

    border-radius: 50%;

    border: 6px solid #ff4b4b;

    display: block;
}


/* =========================================
   MEMBER NAME
   ========================================= */

.single-team-name {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 38px;
    line-height: 1.2;

    font-weight: 700;

    text-align: center;
}


/* =========================================
   DESIGNATION
   ========================================= */

.single-team-designation {
    margin: 0 0 30px;

    color: #ff4b4b;

    font-size: 22px;

    font-weight: 600;

    text-align: center;
}


/* =========================================
   BIOGRAPHY SECTION
   ========================================= */

.single-team-biography {
    margin-top: 20px;
    margin-bottom: 30px;

    padding: 25px;

    background: #111827;

    border-radius: 10px;

    border-left: 3px solid #ff4b4b;

    text-align: left;
}


/* Biography title */

.single-team-biography h2 {
    margin: 0 0 15px;

    color: #ffffff;

    font-size: 24px;

    font-weight: 700;

    text-align: left;
}


/* Biography text */

.single-team-content {
    color: #d1d5db;

    font-size: 16px;

    line-height: 1.7;

    text-align: left;
}


.single-team-content p {
    margin-bottom: 12px;
}


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

.single-team-buttons {
    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

    margin-top: 25px;

    flex-wrap: wrap;
}


.single-team-buttons a {
    display: inline-flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

    min-width: 140px;

    padding: 13px 22px;

    border-radius: 7px;

    text-decoration: none;

    font-size: 16px;

    font-weight: 600;

    transition: all 0.3s ease;
}


/* LinkedIn button */

.linkedin-btn {
    background: #ff4b4b;

    color: #ffffff !important;
}


.linkedin-btn:hover {
    background: #e63939;

    color: #ffffff !important;

    transform: translateY(-2px);
}


/* Scholar button */

.scholar-btn {
    background: #ff4b4b;

    color: #ffffff !important;
}


.scholar-btn:hover {
    background: #e63939;

    color: #ffffff !important;

    transform: translateY(-2px);
}


/* =========================================
   MOBILE RESPONSIVE
   ========================================= */

@media (max-width: 768px) {

    .single-team-wrapper {
        padding: 50px 15px;
    }


    .single-team-card {
        max-width: 100%;

        padding: 35px 25px;
    }


    .single-team-image img {
        width: 150px;

        height: 150px;
    }


    .single-team-name {
        font-size: 30px;
    }


    .single-team-designation {
        font-size: 19px;
    }


    .single-team-biography {
        padding: 20px;
    }


    .single-team-biography h2 {
        font-size: 22px;
    }


    .single-team-content {
        font-size: 15px;
    }


    .single-team-buttons {
        flex-direction: column;

        width: 100%;
    }


    .single-team-buttons a {
        width: 100%;

        max-width: 220px;
    }
}