@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
    --primary:#00B4D8;
    --primary-dark:#0096C7;
    --dark:#0B1D3A;
    --light:#F8FAFC;
    --text:#334155;
    --border:#e5e7eb;
}

body{
    margin:0;
    padding:0;
    font-family:'Poppins',sans-serif;
    background:var(--light);
    color:var(--text);
    line-height:1.7;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    transition:.3s ease;
}

a:hover{
    text-decoration:none;
}

img{
    max-width:100%;
    height:auto;
}

section{
    padding:45px 0;
}

.section-head{
    text-align:center;
    margin-bottom:50px;
}

.section-head h2{
    font-size:38px;
    color:var(--dark);
    font-weight:700;
    margin-bottom:15px;
}

.section-head p{
    max-width:720px;
    margin:auto;
    color:#64748b;
    font-size:16px;
    padding: 15px 0px 0px 0px;
}

.title-bar{
    width:90px;
    height:4px;
    background:linear-gradient(to right,var(--primary),var(--dark));
    border-radius:20px;
    margin:10px auto 0;
}

.top-text{
    padding-top:10px;
}

/*==================================================
                    NAVBAR
==================================================*/

.site-menu{
    background:#fff;
    border:none;
    border-radius:0;
    margin-bottom:0;
    border-bottom:1px solid #ececec;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
    position:sticky;
    top:0;
    z-index:999;
}

.site-logo{
    width:300px;
    padding:8px 15px;
}

.site-logo img{
    width:40%;
    height:60px;
    transition:.3s ease;
}

.site-logo img:hover{
    transform:scale(1.04);
}

.menu-links>li>a{
    color:var(--text)!important;
    padding:30px 18px;
    font-size:15px;
    font-weight:600;
    position:relative;
}

.menu-links>li>a:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:18px;
    width:0;
    height:2px;
    background:var(--primary);
    transform:translateX(-50%);
    transition:.3s;
}

.menu-links>li>a:hover{
    color:var(--primary)!important;
}

.menu-links>li>a:hover:after{
    width:65%;
}

.menu-links>.active>a{
    color:var(--primary)!important;
    background:none!important;
}

.submit-link{
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:#fff!important;
    padding:10px 22px!important;
    border-radius:30px;
    margin-top:20px;
    transition:.3s;
}

.submit-link:hover{
    background:linear-gradient(135deg,var(--dark),#1c355e);
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,180,216,.30);
}

/*==================================================
                    HERO
==================================================*/

.hero-area{
    background:linear-gradient(135deg,#0B1D3A,#00B4D8);
    color:#fff;
    padding:20px 0px 80px;
}

.hero-content{
    padding-top:35px;
}

.hero-content h1{
    font-size:52px;
    line-height:1.3;
    font-weight:700;
    margin-bottom:25px;
}

.hero-content span{
    color:#90E0EF;
}

.hero-content p{
    font-size:17px;
    margin-bottom:35px;
}

.hero-btn-one{
    display:inline-block;
    background:#fff;
    color:var(--dark);
    padding:14px 32px;
    border-radius:30px;
    font-weight:600;
    margin-right:15px;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.hero-btn-one:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 22px rgba(0,180,216,.35);
}

.hero-btn-two{
    display:inline-block;
    border:2px solid #fff;
    color:#fff;
    padding:12px 32px;
    border-radius:30px;
    font-weight:600;
    transition:.3s;
}

.hero-btn-two:hover{
    background:#fff;
    color:var(--dark);
    transform:translateY(-3px);
}

.hero-image{
    text-align:center;
    margin-top: 70px;
}

.hero-image img{
    transition:.4s ease;
}

.hero-image img:hover{
    transform:translateY(-8px) scale(1.02);
}

/*==================================================
                    CARDS
==================================================*/

.mini-box,
.choose-card,
.service-card,
.journal-card,
.process-box,
.guide-box,
.news-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    padding:32px 25px;
    text-align:center;
    height:240px;
    cursor:pointer;
    margin-bottom:30px;
    transition:.35s ease;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
}

.mini-box:hover,
.choose-card:hover,
.service-card:hover,
.journal-card:hover,
.process-box:hover,
.guide-box:hover,
.news-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 16px 30px rgba(0,0,0,.12);
}

.mini-box i,
.service-card i,
.choose-icon i{
    font-size:36px;
    color:var(--primary);
    margin-bottom:18px;
    transition:.35s ease;
}

.mini-box:hover i,
.service-card:hover i,
.choose-card:hover .choose-icon i{
    color:var(--primary-dark);
    transform:scale(1.12);
}

.choose-icon,
.process-icon{
    width:78px;
    height:78px;
    line-height:78px;
    text-align:center;
    margin:0 auto 20px;
    border-radius:50%;
    background:#EAF9FD;
    transition:.35s ease;
}

.choose-card:hover .choose-icon,
.process-box:hover .process-icon{
    background:var(--primary);
}

.choose-card:hover .choose-icon i,
.process-box:hover .process-icon i{
    color:#fff;
    transform:scale(1.08);
}

.mini-box h4,
.choose-card h4,
.service-card h4,
.journal-card h4,
.process-box h4,
.guide-box h4,
.news-card h4{
    color:var(--dark);
    font-weight:600;
    margin-top:15px;
    transition:.3s;
}

.mini-box:hover h4,
.choose-card:hover h4,
.service-card:hover h4,
.journal-card:hover h4{
    color:var(--primary);
}

.mini-box p,
.choose-card p,
.service-card p,
.journal-card p,
.process-box p,
.guide-box p,
.news-card p{
    color:#64748b;
    margin-bottom:0;
}

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

.journal-btn,
.read-btn,
.contact-btn{
    display:inline-block;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:#fff;
    padding:12px 30px;
    border:none;
    border-radius:30px;
    font-size:15px;
    font-weight:600;
    transition:.3s ease;
    box-shadow:0 4px 12px rgba(0,180,216,.20);
}

.journal-btn:hover,
.read-btn:hover,
.contact-btn:hover{
    background:linear-gradient(135deg,var(--dark),#1c355e);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(11,29,58,.25);
}

/*==================================================
                COUNTER SECTION
==================================================*/

.counter-area{
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    color:#fff;
    padding:85px 0;
}

.count-box{
    text-align:center;
    padding:20px 10px;
    transition:.3s ease;
}

.count-box:hover{
    transform:translateY(-6px);
}

.count-box h2{
    font-size:44px;
    font-weight:700;
    margin-bottom:10px;
    transition:.3s;
}

.count-box:hover h2{
    color:#90E0EF;
}

.count-box h4{
    font-size:18px;
    font-weight:500;
    color:#f1f5f9;
}

/*==================================================
                CALL TO ACTION
==================================================*/

.paper-call{
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    color:#fff;
    text-align:center;
}

.paper-call h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:20px;
}

.paper-call p{
    max-width:720px;
    margin:0 auto 35px;
    font-size:16px;
}

.submit-paper-btn{
    display:inline-block;
    background:#fff;
    color:var(--dark);
    padding:14px 36px;
    border-radius:30px;
    font-weight:600;
    transition:.3s ease;
    box-shadow:0 6px 16px rgba(0,0,0,.15);
}

.submit-paper-btn:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 24px rgba(0,180,216,.30);
}

/*==================================================
                SUBSCRIBE
==================================================*/

.subscribe-area{
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    color:#fff;
    padding:85px 0;
    text-align:center;
}

.subscribe-area h2{
    font-size:36px;
    font-weight:700;
    margin-bottom:15px;
}

.subscribe-area p{
    margin-bottom:30px;
}

.subscribe-form{
    max-width:650px;
    margin:0 auto;
}

.subscribe-form .form-control{
    height:50px;
    border:1px solid transparent;
    border-radius:4px;
    box-shadow:none;
    transition:.3s;
}

.subscribe-form .form-control:focus{
    border-color:var(--primary);
    box-shadow:0 0 6px rgba(0,180,216,.20);
}

.subscribe-form .btn{
    height:50px;
    border:none;
    background:var(--primary);
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.subscribe-form .btn:hover{
    background:var(--dark);
}

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

.contact-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    padding:35px;
    box-shadow:0 4px 15px rgba(0,0,0,.06);
    transition:.35s ease;
}

.contact-box:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.10);
    border-color:var(--primary);
}

.contact-box h3,
.contact-box h4{
    color:var(--dark);
    margin-bottom:20px;
    font-weight:600;
}

.contact-box p{
    color:#64748b;
    margin-bottom:16px;
}

.contact-box i{
    color:var(--primary);
    width:24px;
    margin-right:8px;
    transition:.3s;
}

.contact-box:hover i{
    transform:scale(1.1);
}

.contact-form .form-control{
    height:48px;
    border:1px solid #dcdcdc;
    border-radius:4px;
    box-shadow:none;
    margin-bottom:18px;
    transition:.3s;
}

.contact-form textarea.form-control{
    height:150px;
    resize:vertical;
}

.contact-form .form-control:focus{
    border-color:var(--primary);
    box-shadow:0 0 6px rgba(0,180,216,.20);
}

.contact-form button{
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:#fff;
    border:none;
    padding:12px 30px;
    border-radius:30px;
    font-weight:600;
    transition:.3s;
}

.contact-form button:hover{
    background:linear-gradient(135deg,var(--dark),#1c355e);
    transform:translateY(-2px);
}

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

.footer-area{
    background:#081428;
    color:#cbd5e1;
    padding:75px 0 25px;
}

.footer-area h4{
    color:#fff;
    margin-bottom:20px;
    font-weight:600;
}

.footer-area p{
    color:#cbd5e1;
    line-height:1.8;
}

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links li a{
    color:#cbd5e1;
    transition:.3s;
}

.footer-links li a:hover{
    color:var(--primary);
    padding-left:6px;
}

.footer-area .fa{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    transition:.3s ease;
}

.footer-area .fa:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-4px) scale(1.08);
}

.footer-area hr{
    border-color:rgba(255,255,255,.10);
    margin:35px 0 20px;
}

.footer-bottom{
    text-align:center;
    color:#94a3b8;
    font-size:14px;
}

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

@media (max-width:1200px){

    .hero-content h1{
        font-size:46px;
    }

    .section-head h2{
        font-size:34px;
    }

}

@media (max-width:991px){

    section{
        padding:70px 0;
    }

    .site-logo{
        width:auto;
    }

    .site-logo img{
        width:100px;
        height:40px;
    }

    .menu-links>li>a{
        padding:15px;
    }

    .submit-link{
        margin:12px 15px;
        display:inline-block;
    }

    .hero-area{
        padding:90px 0;
        text-align:center;
    }

    .hero-content{
        padding-top:0;
        margin-bottom:45px;
    }

    .hero-content h1{
        font-size:40px;
    }

    .hero-content p{
        font-size:16px;
    }

    .hero-image{
        margin-top:20px;
    }

    .section-head{
        margin-bottom:45px;
    }

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

    .mini-box,
    .choose-card,
    .service-card,
    .journal-card,
    .process-box,
    .guide-box,
    .news-card{
        margin-bottom:25px;
    }

    .contact-box{
        margin-bottom:30px;
    }

}

@media (max-width:767px){

    section{
        padding:60px 0;
    }

    .hero-area{
        padding:70px 0;
    }

    .hero-content h1{
        font-size:32px;
        line-height:1.4;
    }

    .hero-content p{
        font-size:15px;
    }

    .hero-btn-one,
    .hero-btn-two{
        display:block;
        width:100%;
        margin:12px 0;
        text-align:center;
    }

    .section-head h2{
        font-size:28px;
    }

    .title-bar{
        width:70px;
    }

    .count-box h2{
        font-size:36px;
    }

    .paper-call h2,
    .subscribe-area h2{
        font-size:30px;
    }

    .footer-area{
        text-align:center;
    }

    .footer-links{
        margin-bottom:25px;
    }

    .footer-area .fa{
        margin:5px;
    }

}

@media (max-width:480px){

    .hero-content h1{
        font-size:27px;
    }

    .section-head h2{
        font-size:24px;
    }

    .mini-box,
    .choose-card,
    .service-card,
    .journal-card,
    .process-box,
    .guide-box,
    .news-card,
    .contact-box{
        padding:22px;
    }

    .journal-btn,
    .read-btn,
    .contact-btn,
    .submit-paper-btn{
        width:100%;
        text-align:center;
    }

}


/*=========================================
        EXTRA HOVER EFFECTS
=========================================*/

.journal-card img,
.news-card img,
.service-card img,
.guide-box img{
    transition:.35s ease;
}

.journal-card:hover img,
.news-card:hover img,
.service-card:hover img,
.guide-box:hover img{
    transform:scale(1.04);
}

.process-box{
    position:relative;
    overflow:hidden;
}

.process-box:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:2px;
    height:0;
    background:var(--primary);
    transition:.35s;
    cursor:pointer;
}

.process-box:hover:before{
    height:100%;
}

.guide-box{
    position:relative;
    overflow:hidden;
}

.guide-box:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:3px;
    background:var(--primary);
    transition:.35s;
}

.guide-box:hover:after{
    width:100%;
}

.news-card{
    overflow:hidden;
}

.news-card:hover h4,
.journal-card:hover h4,
.service-card:hover h4,
.guide-box:hover h4,
.process-box:hover h4{
    color:var(--primary);
}

.news-card h4,
.journal-card h4,
.service-card h4,
.guide-box h4,
.process-box h4{
    transition:.3s;
}

.news-card p,
.journal-card p,
.service-card p,
.process-box p,
.guide-box p{
    transition:.3s;
}

.news-card:hover p,
.journal-card:hover p,
.service-card:hover p,
.process-box:hover p,
.guide-box:hover p{
    color:#475569;
}


/*=========================================
            UTILITIES
=========================================*/

.text-primary{
    color:var(--primary);
}

.bg-primary{
    background:var(--primary);
}

.bg-dark{
    background:var(--dark);
    color:#fff;
}

.bg-light{
    background:var(--light);
}

.mt-20{
    margin-top:20px;
}

.mt-30{
    margin-top:30px;
}

.mt-40{
    margin-top:40px;
}

.mb-20{
    margin-bottom:20px;
}

.mb-30{
    margin-bottom:30px;
}

.mb-40{
    margin-bottom:40px;
}

.pt-0{
    padding-top:0;
}

.pb-0{
    padding-bottom:0;
}

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



.text-left{
    text-align:left;
}

.text-right{
    text-align:right;
}

.clearfix::after{
    content:"";
    display:block;
    clear:both;
}


/*=========================================
        SMOOTH PAGE EXPERIENCE
=========================================*/

html{
    scroll-behavior:smooth;
}

::selection{
    background:var(--primary);
    color:#fff;
}

input,
textarea,
button{
    outline:none;
}

button:focus,
input:focus,
textarea:focus{
    outline:none;
}


/*=========================================
            ABOUT HERO SECTION
=========================================*/

.about-banner{
    background:linear-gradient(135deg,#0B1D3A,#00B4D8);
    padding:120px 0 100px;
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.about-banner:before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-80px;
    left:-80px;
}

.about-banner:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    right:-60px;
    bottom:-60px;
}

.about-banner h1{
    font-size:52px;
    font-weight:700;
    margin-bottom:20px;
    position:relative;
    z-index:2;
}

.about-banner p{
    font-size:18px;
    max-width:700px;
    margin:0 auto;
    opacity:.95;
    position:relative;
    z-index:2;
}


/*=========================================
            ABOUT SECTION
=========================================*/

.about-main{
    padding:50px 0;
    background:#fff;
}

.about-image{
    overflow:hidden;
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.about-image img{
    width:100%;
    transition:.4s;
}

.about-image:hover{
    box-shadow:0 18px 35px rgba(0,0,0,.12);
}

.about-image:hover img{
    transform:scale(1.04);
}

.about-content{
    padding-top:10px;
}

.about-tag{
    display:inline-block;
    background:#E6F8FC;
    color:#00B4D8;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:18px;
}

.about-content h2{
    font-size:38px;
    font-weight:700;
    color:#0B1D3A;
    margin-bottom:18px;
}

.about-content p{
    color:#64748b;
    line-height:1.9;
    margin-bottom:20px;
    margin-top:20px;
    text-align:justify;
}


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

.about-features{
    margin-top:35px;
}

.feature-item{
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:10px;
    padding:15px 18px;
    margin-bottom:18px;
    font-weight:500;
    color:#334155;
    transition:.35s;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,.04);
}
.footer-area .footer-logo{
    width:40%;
    height:70px;
    border-radius: 10px;
    transition:.3s ease;
}

.feature-item i{
    color:#00B4D8;
    margin-right:10px;
    font-size:18px;
    transition:.35s;
}

.feature-item:hover{
    transform:translateY(-5px);
    border-color:#00B4D8;
    box-shadow:0 12px 24px rgba(0,180,216,.18);
}

.feature-item:hover i{
    transform:scale(1.15);
}


/*=========================================
        MISSION & VISION
=========================================*/

.mission-section{
    background:#F8FAFC;
    padding:50px 0;
}

.mission-card{
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:16px;
    padding:40px 30px;
    text-align:center;
    transition:.35s;
    box-shadow:0 6px 18px rgba(0,0,0,.05);
    height:100%;
}

.mission-card:hover{
    transform:translateY(-8px);
    border-color:#00B4D8;
    box-shadow:0 18px 35px rgba(0,180,216,.18);
}

.mission-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#EAF9FD;
    line-height:85px;
    transition:.35s;
}

.mission-icon i{
    font-size:34px;
    color:#00B4D8;
    transition:.35s;
}

.mission-card:hover .mission-icon{
    background:#00B4D8;
}

.mission-card:hover .mission-icon i{
    color:#fff;
    transform:scale(1.1);
}

.mission-card h3{
    font-size:26px;
    color:#0B1D3A;
    font-weight:600;
    margin-bottom:18px;
    transition:.3s;
}

.mission-card:hover h3{
    color:#00B4D8;
}

.mission-card p{
    color:#64748b;
    line-height:1.8;
}


/*=========================================
        COMMON SPACING
=========================================*/


.about-main .section-head,
.mission-section .section-head{
    margin-bottom:55px;
}


/*=========================================
            OUR VALUES
=========================================*/

.values-section{
    padding:50px 0;
    background:#ffffff;
}

.value-card{
    background:#fff;
    border:1px solid #e7edf3;
    border-radius:15px;
    padding:35px 25px;
    text-align:center;
    margin-bottom:30px;
    transition:all .35s ease;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    height:100%;
}

.value-card:hover{
    transform:translateY(-8px);
    cursor: pointer;
    border-color:var(--primary);
    box-shadow:0 18px 35px rgba(0,180,216,.18);
}

.value-icon{
    width:80px;
    height:80px;
    line-height:80px;
    border-radius:50%;
    margin:0 auto 22px;
    background:#eaf9fd;
    transition:.35s;
}

.value-icon i{
    font-size:34px;
    color:var(--primary);
    transition:.35s;
}

.value-card:hover .value-icon{
    background:var(--primary);
}

.value-card:hover .value-icon i{
    color:#fff;
    transform:scale(1.1);
}

.value-card h4{
    color:var(--dark);
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
    transition:.3s;
}

.value-card:hover h4{
    color:var(--primary);
}

.value-card p{
    color:#64748b;
    line-height:1.8;
}


/*=========================================
            WHY CHOOSE US
=========================================*/

.why-us{
    background:#f8fafc;
    padding:90px 0;
}

.why-us img{
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.why-us img:hover{
    transform:scale(1.03);
}

.why-content{
    padding-top:10px;
}

.why-content h2{
    color:var(--dark);
    font-size:38px;
    font-weight:700;
    margin-bottom:18px;
}

.why-content p{
    color:#64748b;
    line-height:1.9;
    margin-bottom:30px;
}

.why-list{
    margin-top:15px;
}

.why-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:15px 18px;
    margin-bottom:18px;
    transition:.35s;
    box-shadow:0 3px 12px rgba(0,0,0,.04);
}

.why-box:hover{
    cursor:pointer;
    transform:translateX(6px);
    border-color:var(--primary);
    box-shadow:0 12px 24px rgba(0,180,216,.15);
}

.why-box i{
    color:var(--primary);
    margin-right:10px;
    transition:.3s;
}

.why-box:hover i{
    transform:scale(1.15);
}

.why-box span{
    font-weight:500;
    color:#334155;
}


/*=========================================
            COUNTER
=========================================*/

.counter-area{
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    padding:85px 0;
    color:#fff;
}

.count-box{
    text-align:center;
    transition:.35s;
}

.count-box:hover{
    transform:translateY(-8px);
}

.count-box i{
    font-size:40px;
    margin-bottom:20px;
    color:#90E0EF;
    transition:.3s;
}

.count-box:hover i{
    transform:scale(1.15);
}

.count-box h2{
    font-size:46px;
    font-weight:700;
    margin-bottom:10px;
}

.count-box h4{
    font-size:18px;
    font-weight:500;
}


/*=========================================
            OUR JOURNEY
=========================================*/

.journey-section{
    padding:90px 0;
    background:#fff;
}

.journey-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:15px;
    padding:35px 25px;
    text-align:center;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    height:100%;
}

.journey-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 18px 35px rgba(0,180,216,.18);
}

.journey-year{
    display:inline-block;
    background:var(--primary);
    color:#fff;
    padding:10px 24px;
    border-radius:30px;
    font-size:18px;
    font-weight:600;
    margin-bottom:22px;
    transition:.35s;
}

.journey-card:hover .journey-year{
    background:var(--dark);
}

.journey-card h4{
    color:var(--dark);
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
}

.journey-card p{
    color:#64748b;
    line-height:1.8;
}


/*=========================================
        EDITORIAL STANDARDS
=========================================*/

.editorial-section{
    padding:40px 0;
    background:#f8fafc;
}

.editor-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:15px;
    padding:40px 30px;
    text-align:center;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    height:100%;
}

.editor-card:hover{
    cursor:pointer;
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 18px 35px rgba(0,180,216,.18);
}

.editor-card i{
    font-size:42px;
    color:var(--primary);
    margin-bottom:20px;
    transition:.35s;
}

.editor-card:hover i{
    transform:scale(1.15);
}

.editor-card h4{
    color:var(--dark);
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
    transition:.3s;
}

.editor-card:hover h4{
    color:var(--primary);
}

.editor-card p{
    color:#64748b;
    line-height:1.8;
}

/*=========================================
        GLOBAL PRESENCE
=========================================*/

.global-section{
    padding:90px 0;
    background:#ffffff;
}

.global-section img{
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s ease;
}

.global-section img:hover{
    transform:scale(1.03);
    box-shadow:0 18px 35px rgba(0,0,0,.12);
}

.global-content{
    padding-top:10px;
}

.global-content h2{
    font-size:38px;
    font-weight:700;
    color:var(--dark);
    margin-bottom:18px;
}

.global-content p{
    color:#64748b;
    line-height:1.9;
    margin-bottom:25px;
}

.global-content ul{
    padding:0;
    margin:25px 0 0;
}

.global-content ul li{
    list-style:none;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:14px 18px;
    margin-bottom:15px;
    transition:.35s ease;
    box-shadow:0 3px 10px rgba(0,0,0,.04);
}

.global-content ul li:hover{
    border-color:var(--primary);
    transform:translateX(6px);
    box-shadow:0 12px 24px rgba(0,180,216,.15);
}

.global-content ul li i{
    color:var(--primary);
    margin-right:10px;
}


/*=========================================
        PUBLICATION PROCESS
=========================================*/

.publication-process{
    padding:90px 0;
    background:#f8fafc;
}

.process-card{
    position:relative;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:45px 25px 35px;
    text-align:center;
    margin-bottom:30px;
    transition:.35s ease;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    overflow:hidden;
    height:100%;
}

.process-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 18px 35px rgba(0,180,216,.18);
}

.process-number{
    position:absolute;
    top:15px;
    right:18px;
    font-size:28px;
    font-weight:700;
    color:#dbeafe;
}

.process-icon{
    width:80px;
    height:80px;
    line-height:80px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#eaf9fd;
    transition:.35s;
}

.process-icon i{
    font-size:34px;
    color:var(--primary);
    transition:.35s;
}

.process-card:hover .process-icon{
    background:var(--primary);
}

.process-card:hover .process-icon i{
    color:#fff;
    transform:scale(1.1);
}

.process-card h4{
    color:var(--dark);
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
    transition:.3s;
}

.process-card:hover h4{
    color:var(--primary);
}

.process-card p{
    color:#64748b;
    line-height:1.8;
}


/*=========================================
        ABOUT HIGHLIGHTS
=========================================*/

.about-highlights{
    padding:90px 0;
    background:#fff;
}

.highlight-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:15px;
    padding:35px 25px;
    text-align:center;
    margin-bottom:30px;
    transition:.35s ease;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    height:100%;
}

.highlight-box:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 18px 35px rgba(0,180,216,.18);
}

.highlight-box i{
    font-size:42px;
    color:var(--primary);
    margin-bottom:20px;
    transition:.35s;
}

.highlight-box:hover i{
    transform:scale(1.15);
}

.highlight-box h4{
    color:var(--dark);
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
}

.highlight-box p{
    color:#64748b;
    line-height:1.8;
}


/*=========================================
        ABOUT END
=========================================*/

.about-end{
    padding:90px 0;
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    color:#fff;
    text-align:center;
}

.about-end h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.about-end p{
    max-width:850px;
    margin:0 auto;
    font-size:17px;
    line-height:1.9;
    color:#f1f5f9;
}


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

@media(max-width:991px){

    .about-banner{
        padding:90px 0;
    }

    .about-banner h1{
        font-size:42px;
    }

    .about-content,
    .why-content,
    .global-content{
        margin-top:40px;
    }

    .process-card,
    .value-card,
    .journey-card,
    .editor-card,
    .highlight-box{
        margin-bottom:30px;
    }

}

@media(max-width:767px){

    section{
        padding:60px 0;
    }

    .about-banner h1{
        font-size:34px;
    }

    .about-content h2,
    .why-content h2,
    .global-content h2{
        font-size:30px;
    }

    .about-end h2{
        font-size:32px;
    }

    .about-banner p,
    .about-end p{
        font-size:15px;
    }

    .feature-item,
    .why-box{
        margin-bottom:15px;
    }

}

@media(max-width:480px){

    .about-banner{
        padding:70px 0;
    }

    .about-banner h1{
        font-size:28px;
    }

    .about-content h2,
    .why-content h2,
    .global-content h2{
        font-size:26px;
    }

    .mission-card,
    .value-card,
    .journey-card,
    .editor-card,
    .process-card,
    .highlight-box{
        padding:25px 20px;
    }

}



/*=========================================
        Journal Page
=========================================*/


/*==================================================
                JOURNALS HERO
==================================================*/

.journals-banner{
    position:relative;
    padding:80px 0 60px;
    background:linear-gradient(135deg,#0B1D3A,#006D9E,#00B4D8);
    overflow:hidden;
}

.journals-banner:before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    top:-120px;
    right:-90px;
}

.journals-banner:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    bottom:-80px;
    left:-70px;
}

.journals-banner-content{
    position:relative;
    z-index:2;
}

.page-label{
    display:inline-block;
    background:rgba(255,255,255,.12);
    color:#fff;
    padding:8px 20px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:20px;
}

.journals-banner h1{
    color:#fff;
    font-size:48px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:22px;
}

.journals-banner p{
    color:#EAF8FC;
    font-size:16px;
    line-height:1.9;
    margin-bottom:28px;
    text-align:justify;
}


/*==================================================
                BREADCRUMB
==================================================*/

.breadcrumb-list{
    margin:0;
    padding:0;
}

.breadcrumb-list li{
    color:#fff;
    font-size:15px;
    padding-right:8px;
}

.breadcrumb-list li a{
    color:#90E0EF;
    transition:.3s;
}

.breadcrumb-list li a:hover{
    color:#fff;
}

.breadcrumb-list i{
    color:#CFEAF5;
}


/*==================================================
            SEARCH PANEL
==================================================*/

.journal-search-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    box-shadow:0 18px 45px rgba(0,0,0,.15);
    position:relative;
    z-index:2;
    transition:.35s;
}

.journal-search-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 50px rgba(0,0,0,.18);
}

.journal-search-card h3{
    color:#0B1D3A;
    font-size:28px;
    font-weight:600;
    margin-bottom:12px;
}

.journal-search-card p{
    color:#64748B;
    margin-bottom:22px;
}

.journal-search-card .form-control{
    height:48px;
    border:1px solid #D7E3EC;
    border-radius:8px;
    box-shadow:none;
    transition:.3s;
}

.journal-search-card .form-control:focus{
    border-color:#00B4D8;
    box-shadow:none;
}

.journal-search-btn{
    width:100%;
    border:none;
    background:#00B4D8;
    color:#fff;
    height:48px;
    border-radius:8px;
    font-size:15px;
    font-weight:600;
    margin-top:10px;
    transition:.35s;
}

.journal-search-btn i{
    margin-right:8px;
}

.journal-search-btn:hover{
    background:#0B1D3A;
}


/*==================================================
            INTRODUCTION
==================================================*/

.journal-introduction{
    padding:40px 0;
    background:#ffffff;
}

.journal-intro-content h2{
    color:#0B1D3A;
    font-size:38px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:20px;
}

.journal-intro-content p{
    color:#64748B;
    line-height:1.9;
    margin-bottom:20px;
    text-align:justify;
}

.section-tag{
    display:inline-block;
    background:#EAF9FD;
    color:#00B4D8;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:18px;
}

.title-bar{
    width:70px;
    height:4px;
    background:#00B4D8;
    border-radius:30px;
    margin:18px auto 28px;
}

.title-bar1{
    width:70px;
    height:4px;
    background:#00B4D8;
    border-radius:30px;
    margin:18px 0 28px;
}


/*==================================================
        PUBLICATION HIGHLIGHTS
==================================================*/

.journal-highlight-box{
    background:#F8FAFC;
    border-left:5px solid #00B4D8;
    padding:35px;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    transition:.35s;
}

.journal-highlight-box:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 30px rgba(0,180,216,.15);
}

.journal-highlight-box h4{
    color:#0B1D3A;
    font-size:24px;
    margin-bottom:25px;
    font-weight:600;
}

.journal-highlight-box ul{
    margin:0;
    padding:0;
}

.journal-highlight-box li{
    list-style:none;
    margin-bottom:16px;
    color:#475569;
    font-size:15px;
}

.journal-highlight-box li:last-child{
    margin-bottom:0;
}

.journal-highlight-box li i{
    color:#00B4D8;
    margin-right:10px;
    font-size:16px;
}


/*==================================================
            JOURNAL STATS
==================================================*/

.journal-stats{
    padding:80px 0;
    background:#F4FAFC;
}

.stats-card{
    background:#fff;
    text-align:center;
    padding:35px 20px;
    border-radius:14px;
    margin-bottom:30px;
    transition:.35s;
    border-top:4px solid transparent;
    box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.stats-card:hover{
    transform:translateY(-8px);
    border-top-color:#00B4D8;
    box-shadow:0 20px 35px rgba(0,180,216,.15);
}

.stats-card i{
    width:70px;
    height:70px;
    line-height:70px;
    background:#EAF9FD;
    color:#00B4D8;
    border-radius:50%;
    font-size:28px;
    margin-bottom:20px;
    transition:.35s;
}

.stats-card:hover i{
    background:#00B4D8;
    color:#fff;
}

.stats-card h3{
    color:#0B1D3A;
    font-size:34px;
    font-weight:700;
    margin-bottom:10px;
}

.stats-card p{
    color:#64748B;
    margin:0;
    font-size:15px;
}


/*==================================================
            FEATURED JOURNALS
==================================================*/

.featured-journals{
    padding:40px 0;
    background:#ffffff;
}

.journal-item{
    background:#ffffff;
    border:1px solid #E5E7EB;
    border-left:6px solid transparent;
    border-radius:14px;
    margin-bottom:35px;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(0,0,0,.05);
    transition:all .35s ease;
}

.journal-item:hover{
    border-left-color:#00B4D8;
    box-shadow:0 18px 40px rgba(0,180,216,.15);
    transform:translateY(-6px);
}


/*==================================================
                JOURNAL COVER
==================================================*/

.journal-cover{
    position:relative;
    overflow:hidden;
    height:100%;
}
.img-responsive{
    border-radius: 20px;
    margin-top: 60px;
}

.journal-cover img{
    width:100%;
    height:auto;
    margin-top: 30px;
    border-radius: 20px;
    object-fit:cover;
    transition:all .4s ease;
}

.journal-item:hover .journal-cover img{
    transform:scale(1.05);
}


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

.journal-status{
    position:absolute;
    top:18px;
    left:18px;
    background:#00B4D8;
    color:#fff;
    padding:7px 15px;
    font-size:12px;
    font-weight:600;
    border-radius:25px;
    letter-spacing:.3px;
}

.journal-item:hover .journal-status{
    background:#0B1D3A;
}


/*==================================================
            JOURNAL DETAILS
==================================================*/

.journal-details{
    padding:20px;
}

.journal-code{
    display:inline-block;
    background:#EAF9FD;
    color:#00B4D8;
    padding:6px 15px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.journal-details h3{
    color:#0B1D3A;
    font-size:28px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:18px;
    transition:.3s;
}

.journal-item:hover .journal-details h3{
    color:#00B4D8;
}

.journal-details p{
    color:#64748B;
    line-height:1.9;
    margin-bottom:25px;
    text-align:justify;
}


/*==================================================
                JOURNAL TAGS
==================================================*/

.journal-tags{
    margin-bottom:28px;
}

.journal-tags span{
    display:inline-block;
    background:#F4F7FA;
    color:#475569;
    padding:8px 16px;
    border-radius:25px;
    font-size:13px;
    margin:0 8px 10px 0;
    transition:.3s;
}

.journal-tags span:hover{
    background:#00B4D8;
    color:#fff;
}


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

.journal-actions{
    margin-top:10px;
}

.journal-view-btn{
    display:inline-block;
    background:#00B4D8;
    color:#fff;
    padding:12px 28px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-right:12px;
    text-decoration:none;
    transition:.35s;
}

.journal-view-btn:hover{
    background:#0B1D3A;
    color:#fff;
    text-decoration:none;
}

.journal-issue-btn{
    display:inline-block;
    background:#ffffff;
    color:#0B1D3A;
    border:2px solid #00B4D8;
    padding:10px 26px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
}

.journal-issue-btn:hover{
    background:#00B4D8;
    color:#fff;
    text-decoration:none;
}


/*==================================================
            RESEARCH CATEGORIES
==================================================*/

.research-categories{
    padding:90px 0;
    background:#F8FAFC;
}

.category-box{
    display:flex;
    align-items:center;
    background:#ffffff;
    border:1px solid #E5E7EB;
    border-radius:14px;
    height:150px;
    padding:22px;
    margin-bottom:25px;
    text-decoration:none;
    transition:all .35s ease;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.category-box:hover{
    text-decoration:none;
    transform:translateY(-5px);
    border-color:#00B4D8;
    box-shadow:0 15px 30px rgba(0,180,216,.15);
}

.category-box>i{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    background:#EAF9FD;
    color:#00B4D8;
    border-radius:50%;
    font-size:24px;
    margin-right:18px;
    transition:.35s;
}

.category-box:hover>i{
    background:#00B4D8;
    color:#fff;
}

.category-box h4{
    color:#0B1D3A;
    font-size:20px;
    margin:0 0 8px;
    font-weight:600;
}

.category-box p{
    color:#64748B;
    margin:0;
    font-size:14px;
    line-height:1.7;
}

.category-arrow{
    margin-left:auto;
    color:#00B4D8;
    font-size:22px;
    transition:.35s;
}

.category-box:hover .category-arrow{
    transform:translateX(8px);
}

/*==================================================
            WHY PUBLISH SECTION
==================================================*/

.publish-benefits{
    padding:90px 0;
    background:#ffffff;
}

.benefit-content{
    padding-right:30px;
}

.benefit-content h2{
    font-size:38px;
    font-weight:700;
    color:#0B1D3A;
    line-height:1.4;
    margin-bottom:20px;
}

.benefit-content p{
    color:#64748B;
    line-height:1.9;
    margin-bottom:20px;
    text-align:justify;
}

.benefit-row{
    display:flex;
    align-items:flex-start;
    background:#fff;
    border:1px solid #E6ECF2;
    border-radius:14px;
    padding:22px 24px;
    margin-bottom:20px;
    transition:all .35s ease;
    box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.benefit-row:hover{
    transform:translateX(8px);
    border-left:5px solid #00B4D8;
    box-shadow:0 16px 30px rgba(0,180,216,.15);
}

.benefit-row i{
    width:58px;
    height:58px;
    line-height:58px;
    text-align:center;
    border-radius:50%;
    background:#EAF9FD;
    color:#00B4D8;
    font-size:22px;
    margin-right:18px;
    transition:.35s;
}

.benefit-row:hover i{
    background:#00B4D8;
    color:#fff;
    transform:rotate(10deg);
}

.benefit-row h4{
    margin:0 0 8px;
    color:#0B1D3A;
    font-size:22px;
    font-weight:600;
    transition:.3s;
}

.benefit-row:hover h4{
    color:#00B4D8;
}

.benefit-row p{
    margin:0;
    color:#64748B;
    line-height:1.8;
}


/*==================================================
                CTA SECTION
==================================================*/

.journals-cta{
    padding:80px 0;
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    color:#fff;
}

.journals-cta h2{
    font-size:40px;
    font-weight:700;
    margin-bottom:18px;
}

.journals-cta p{
    font-size:16px;
    line-height:1.9;
    color:#EAF8FC;
    margin:0;
}

.journals-submit-btn{
    display:inline-block;
    margin-top:22px;
    padding:15px 36px;
    background:#fff;
    color:#0B1D3A;
    border-radius:35px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:all .35s ease;
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.journals-submit-btn:hover{
    background:#00B4D8;
    color:#fff;
    text-decoration:none;
    transform:translateY(-4px);
    box-shadow:0 16px 30px rgba(0,0,0,.25);
}


/*==================================================
            SECTION SPACING
==================================================*/

.featured-journals .section-head,
.research-categories .section-head{
    margin-bottom:60px;
}

.featured-journals .section-head p,
.research-categories .section-head p{
    max-width:700px;
    margin:15px auto 0;
    text-align:center;
}


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

@media (max-width:991px){

    .journals-banner{
        padding:80px 0;
    }

    .journals-banner h1{
        font-size:38px;
    }

    .journal-search-card{
        margin-top:40px;
    }

    .journal-cover img{
        height:auto;
    }

    .journal-details{
        padding:25px;
    }

    .benefit-content{
        padding-right:0;
        margin-bottom:35px;
    }

    .journals-cta{
        text-align:center;
    }

    .journals-cta .text-right{
        text-align:center;
        margin-top:25px;
    }

}

@media (max-width:767px){

    .journals-banner h1{
        font-size:30px;
    }

    .journal-intro-content h2,
    .benefit-content h2{
        font-size:28px;
    }

    .journal-details h3{
        font-size:24px;
    }

    .category-box{
        display:block;
        text-align:center;
    }

    .category-box>i{
        margin:0 auto 15px;
        display:block;
    }

    .category-arrow{
        display:none;
    }

    .benefit-row{
        display:block;
        text-align:center;
    }

    .benefit-row i{
        margin:0 auto 18px;
        display:block;
    }

    .journals-cta h2{
        font-size:30px;
    }

    .journals-submit-btn{
        width:100%;
        text-align:center;
    }

}

@media (max-width:480px){

    .journals-banner{
        padding:70px 0;
    }

    .journals-banner h1{
        font-size:26px;
    }

    .journal-search-card,
    .journal-highlight-box,
    .stats-card,
    .journal-item,
    .category-box,
    .benefit-row{
        border-radius:10px;
    }

    .journal-view-btn,
    .journal-issue-btn{
        display:block;
        width:100%;
        text-align:center;
        margin:10px 0;
    }
}


/*====================================================
                SERVICES BANNER
====================================================*/

.services-banner{
    padding:80px 0 40px;
    background:linear-gradient(135deg,#0B1D3A,#006E92,#00B4D8);
    position:relative;
    overflow:hidden;
}

.services-banner:before{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    background:rgba(255,255,255,.06);
    border-radius:50%;
    top:-120px;
    right:-90px;
}

.services-banner:after{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    bottom:-80px;
    left:-60px;
}

.services-banner-content{
    position:relative;
    z-index:2;
}

.page-label{
    display:inline-block;
    padding:8px 20px;
    background:rgba(255,255,255,.12);
    color:#fff;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:20px;
}

.services-banner-content h1{
    color:#fff;
    font-size:48px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:22px;
}

.services-banner-content p{
    color:#EAF8FC;
    text-align:justify;
    line-height:1.9;
    font-size:16px;
    margin-bottom:28px;
}

/*====================================================
                BREADCRUMB
====================================================*/

.breadcrumb-list{
    margin:0;
    padding:0;
}

.breadcrumb-list li{
    color:#fff;
    font-size:15px;
}

.breadcrumb-list li a{
    color:#90E0EF;
    transition:.3s;
}

.breadcrumb-list li a:hover{
    color:#fff;
    text-decoration:none;
}

.breadcrumb-list i{
    margin:0 8px;
}

/*====================================================
            SERVICE OVERVIEW BOX
====================================================*/

.service-overview-box{
    background:#fff;
    border-radius:16px;
    padding:35px;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    transition:.35s;
}

.service-overview-box:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,.18);
}

.service-overview-box h3{
    color:#0B1D3A;
    font-size:28px;
    font-weight:600;
    margin-bottom:18px;
}

.service-overview-box p{
    color:#64748B;
    line-height:1.8;
    margin-bottom:22px;
    text-align:justify;
}

.service-overview-box ul{
    margin:0;
    padding:0;
}

.service-overview-box li{
    margin-bottom:15px;
    color:#475569;
    font-size:15px;
}

.service-overview-box li:last-child{
    margin-bottom:0;
}

.service-overview-box li i{
    color:#00B4D8;
    margin-right:10px;
}

/*====================================================
            INTRODUCTION
====================================================*/

.services-introduction{
    padding:70px 0 20px;
    background:#fff;
}

.service-image{
    overflow:hidden;
    margin-top: 60px;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.service-image img{
    width:100%;
    transition:.4s;
}

.service-image:hover img{
    transform:scale(1.05);
}

.service-content{
    padding-left:20px;
}

.section-tag{
    display:inline-block;
    padding:8px 18px;
    background:#EAF9FD;
    color:#00B4D8;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:18px;
}

.service-content h2{
    color:#0B1D3A;
    font-size:38px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:18px;
}

.title-bar2{
    width:70px;
    height:4px;
    background:#00B4D8;
    border-radius:30px;
    margin:18px 0 25px;
}

.title-bar{
    width:70px;
    height:4px;
    background:#00B4D8;
    border-radius:30px;
    margin:18px auto 25px;
}

.service-content p{
    color:#64748B;
    text-align:justify;
    line-height:1.9;
    margin-bottom:18px;
}

/*====================================================
            SERVICE HIGHLIGHTS
====================================================*/

.service-highlights{
    padding:90px 0;
    background:#F8FAFC;
}

.highlight-box{
    background:#fff;
    text-align:center;
    padding:35px 25px;
    border-radius:14px;
    border:1px solid #E8EDF3;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.highlight-box:hover{
    transform:translateY(-8px);
    border-color:#00B4D8;
    box-shadow:0 18px 35px rgba(0,180,216,.15);
}

.highlight-box i{
    width:75px;
    height:75px;
    line-height:75px;
    background:#EAF9FD;
    color:#00B4D8;
    border-radius:50%;
    font-size:30px;
    margin-bottom:20px;
    transition:.35s;
}

.highlight-box:hover i{
    background:#00B4D8;
    color:#fff;
}

.highlight-box h4{
    color:#0B1D3A;
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
}

.highlight-box p{
    color:#64748B;
    line-height:1.8;
    margin:0;
}


/*====================================================
            PUBLICATION SERVICES
====================================================*/

.publication-services{
    padding:50px 0;
    background:#ffffff;
}

.publication-services .section-head{
    margin-bottom:60px;
}

.service-panel{
    background:#ffffff;
    border:1px solid #E7EDF3;
    border-radius:16px;
    padding:35px;
    margin-bottom:35px;
    box-shadow:0 8px 22px rgba(0,0,0,.05);
    transition:all .35s ease;
    overflow:hidden;
    position:relative;
}

.service-panel:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:4px;
    background:#00B4D8;
    transition:.35s;
}

.service-panel:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,180,216,.12);
}

.service-panel:hover:before{
    width:100%;
}


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

.service-icon-box{
    width:60px;
    height:60px;
    line-height:70px;
    text-align:center;
    background:#EAF9FD;
    border-radius:50%;
    margin:25px auto;
    transition:.35s;
}

.service-icon-box i{
    color:#00B4D8;
    font-size:27px;
    transition:.35s;
}

.service-panel:hover .service-icon-box{
    background:linear-gradient(135deg, #0B1D3A, #006E92, #00B4D8);
}

.service-panel:hover .service-icon-box i{
    color:#ffffff;
}

.right-icon{
    float:right;
}


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

.service-panel-content h3{
    color:#0B1D3A;
    font-size:30px;
    font-weight:600;
    margin-bottom:18px;
    transition:.3s;
}

.service-panel:hover .service-panel-content h3{
    color:#00B4D8;
}

.service-panel-content p{
    color:#64748B;
    line-height:1.9;
    margin-bottom:25px;
}


/*====================================================
                SERVICE LIST
====================================================*/

.service-list{
    list-style:none;
    padding:0;
    margin:0 0 20px;
}

.service-list li{
    padding:10px 0;
    color:#475569;
    font-size:15px;
    transition:.3s;
}

.service-list li i{
    color:#00B4D8;
    margin-right:10px;
    width:18px;
}

.service-panel:hover .service-list li{
    padding-left:6px;
}


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

.service-read-btn{
    display:inline-block;
    padding:12px 28px;
    background:#00B4D8;
    color:#ffffff;
    border-radius:30px;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
}

.service-read-btn:hover{
    background:#0B1D3A;
    color:#ffffff;
    text-decoration:none;
    transform:translateX(5px);
}


/*====================================================
            PANEL SPACING
====================================================*/

.service-panel .row{
    display:flex;
    align-items:center;
}

.service-panel:nth-child(even){
    background:#FBFCFD;
}


/*====================================================
            SMALL EFFECTS
====================================================*/

.service-panel:hover .service-icon-box{
    transform:rotate(8deg);
}

.service-panel:hover{
    border-color:#D8EEF5;
}

/*====================================================
                PUBLICATION PROCESS
====================================================*/

.publication-process{
    padding:50px 0;
    background:#F8FAFC;
}

.publication-process .section-head{
    margin-bottom:60px;
}

.process-step{
    position:relative;
    background:#ffffff;
    border:1px solid #E7EDF3;
    height:300px;
    border-radius:14px;
    padding:35px 20px;
    text-align:center;
    margin-bottom:30px;
    transition:all .35s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    min-height:290px;
}

.process-step:hover{
    transform:translateY(-8px);
    border-color:#00B4D8;
    box-shadow:0 18px 35px rgba(0,180,216,.15);
}

.step-number{
    position:absolute;
    top:15px;
    right:18px;
    font-size:32px;
    font-weight:700;
    color:#E3EEF4;
    transition:.3s;
}

.process-step:hover .step-number{
    color:#B8EAF5;
}

.step-icon{
    width:50px;
    height:50px;
    line-height:60px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#EAF9FD;
    transition:.35s;
}

.step-icon i{
    font-size:23px;
    color:#00B4D8;
    transition:.35s;
}

.process-step:hover .step-icon{
    background:linear-gradient(135deg, #0B1D3A, #006E92, #00B4D8);
}

.process-step:hover .step-icon i{
    color:#fff;
}

.process-step h4{
    color:#0B1D3A;
    font-size:20px;
    font-weight:600;
    margin-bottom:15px;
}

.process-step p{
    color:#64748B;
    line-height:1.8;
    margin:0;
}


/*====================================================
            ADDITIONAL SERVICES
====================================================*/

.additional-services{
    padding:50px 0;
    background:#ffffff;
}

.support-box{
    background:#ffffff;
    border:1px solid #E7EDF3;
    border-radius:14px;
    padding:35px 25px;
    text-align:center;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.support-box:hover{
    transform:translateY(-8px);
    border-top:4px solid #00B4D8;
    box-shadow:0 18px 35px rgba(0,180,216,.14);
}

.support-box i{
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    background:#EAF9FD;
    color:#00B4D8;
    font-size:24px;
    margin-bottom:22px;
    transition:.35s;
}

.support-box:hover i{
    background:linear-gradient(135deg, #0B1D3A, #006E92, #00B4D8);
    color:#ffffff;
    transform:scale(1.08);
}

.support-box h4{
    color:#0B1D3A;
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
}

.support-box p{
    color:#64748B;
    line-height:1.8;
    margin:0;
}


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

.services-cta{
    padding:60px 0;
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    color:#ffffff;
}

.cta-content h2{
    font-size:40px;
    font-weight:700;
    margin-bottom:18px;
}

.cta-content p{
    color:#EAF8FC;
    line-height:1.9;
    margin-bottom:0;
}

.services-submit-btn{
    display:inline-block;
    margin-top:25px;
    padding:10px 20px;
    background:#ffffff;
    color:#0B1D3A;
    border-radius:35px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.services-submit-btn:hover{
    background:#00B4D8;
    color:#ffffff;
    text-decoration:none;
    transform:translateY(-4px);
}


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

@media (max-width:991px){

    .services-banner{
        padding:80px 0;
    }

    .services-banner-content h1{
        font-size:38px;
    }

    .service-overview-box{
        margin-top:40px;
    }

    .service-content{
        padding-left:0;
        margin-top:35px;
    }

    .service-panel .row{
        display:block;
    }

    .right-icon{
        float:none;
    }

    .service-icon-box{
        margin-bottom:25px;
    }

    .services-cta{
        text-align:center;
    }

    .services-cta .text-right{
        text-align:center;
        margin-top:25px;
    }

}

@media (max-width:767px){

    .services-banner-content h1{
        font-size:30px;
    }

    .service-content h2{
        font-size:28px;
    }

    .service-panel-content h3{
        font-size:24px;
    }

    .process-step{
        min-height:auto;
    }

    .services-submit-btn{
        width:100%;
        text-align:center;
    }

}

@media (max-width:480px){

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

    .services-banner-content h1{
        font-size:26px;
    }

    .highlight-box,
    .service-panel,
    .process-step,
    .support-box{
        border-radius:10px;
    }

    .service-read-btn{
        display:block;
        width:100%;
        text-align:center;
    }

}


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

.contact-banner{
    padding:80px 0 50px;
    background:linear-gradient(135deg,#0B1D3A,#006E92,#00B4D8);
    position:relative;
    overflow:hidden;
}

.contact-banner:before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    top:-100px;
    right:-80px;
}

.contact-banner:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
    bottom:-70px;
    left:-50px;
}

.contact-banner-content{
    position:relative;
    z-index:2;
}

.page-tag{
    display:inline-block;
    background:rgba(255,255,255,.12);
    color:#fff;
    padding:8px 20px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:20px;
}

.contact-banner-content h1{
    color:#fff;
    font-size:48px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:20px;
}

.contact-banner-content p{
    color:#EAF8FC;
    font-size:16px;
    line-height:1.9;
    margin-bottom:28px;
}


/*====================================================
                PAGE NAVIGATION
====================================================*/

.contact-breadcrumb{
    margin:0;
    padding:0;
}

.contact-breadcrumb li{
    color:#ffffff;
    font-size:15px;
}

.contact-breadcrumb li a{
    color:#90E0EF;
    transition:.3s;
}

.contact-breadcrumb li a:hover{
    color:#ffffff;
    text-decoration:none;
}

.contact-breadcrumb i{
    margin:0 8px;
}


/*====================================================
                QUICK CONTACT PANEL
====================================================*/

.quick-contact-box{
    background:#ffffff;
    border-radius:16px;
    padding:35px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:.35s;
}

.quick-contact-box:hover{
    transform:translateY(-6px);
}

.quick-contact-box h3{
    color:#0B1D3A;
    font-size:28px;
    font-weight:600;
    margin-bottom:18px;
}

.quick-contact-box p{
    color:#64748B;
    line-height:1.8;
    margin-bottom:22px;
}

.quick-contact-box ul{
    margin:0;
    padding:0;
}

.quick-contact-box li{
    margin-bottom:15px;
    color:#475569;
    font-size:15px;
}

.quick-contact-box li:last-child{
    margin-bottom:0;
}

.quick-contact-box li i{
    width:24px;
    color:#00B4D8;
}


/*====================================================
            CONTACT INFORMATION
====================================================*/

.contact-information{
    padding:50px 0;
    background:#F8FAFC;
}

.contact-card{
    background:#ffffff;
    border:1px solid #E6EDF3;
    height:260px;
    border-radius:14px;
    text-align:center;
    padding:35px 25px;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.contact-card:hover{
    transform:translateY(-8px);
    border-color:#00B4D8;
    box-shadow:0 18px 35px rgba(0,180,216,.15);
}

.contact-icon{
    width:75px;
    height:75px;
    line-height:75px;
    margin:0 auto 22px;
    background:#EAF9FD;
    border-radius:50%;
    transition:.35s;
}

.contact-icon i{
    color:#00B4D8;
    font-size:30px;
    transition:.35s;
}

.contact-card:hover .contact-icon{
    background:#00B4D8;
}

.contact-card:hover .contact-icon i{
    color:#ffffff;
}

.contact-card h4{
    color:#0B1D3A;
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
}

.contact-card p{
    color:#64748B;
    line-height:1.8;
    margin:0;
}


/*====================================================
                CONTACT FORM
====================================================*/

.contact-form-area{
    padding:50px 0;
    background:#ffffff;
}

.contact-form-box{
    background:#ffffff;
    border:1px solid #E6EDF3;
    border-radius:16px;
    padding:40px;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.contact-form-box h2{
    color:#0B1D3A;
    font-size:36px;
    font-weight:700;
    margin-bottom:18px;
}

.contact-form-box p{
    color:#64748B;
    line-height:1.9;
    margin-bottom:30px;
}

.contact-form-box .form-control{
    height:50px;
    border:1px solid #D8E2EA;
    border-radius:8px;
    box-shadow:none;
    margin-bottom:18px;
    transition:.3s;
}

.contact-form-box textarea.form-control{
    height:100px;
    resize:vertical;
}

.contact-form-box .form-control:focus{
    border-color:#00B4D8;
    box-shadow:none;
}

/*====================================================
                CONTACT ACTION BUTTON
====================================================*/

.contact-submit-btn{
    display:inline-block;
    padding:13px 32px;
    background:#00B4D8;
    color:#ffffff;
    border:none;
    border-radius:30px;
    font-size:15px;
    font-weight:600;
    transition:.35s;
}

.contact-submit-btn:hover{
    background:#0B1D3A;
    color:#ffffff;
    transform:translateY(-3px);
}


/*====================================================
                CONTACT HELP PANEL
====================================================*/

.contact-help-box{
    margin-top:60px;
    background:#0B1D3A;
    color:#ffffff;
    border-radius:16px;
    padding:40px 30px;
    height:100%;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    transition:.35s;
}

.contact-help-box:hover{
    transform:translateY(-6px);
}

.contact-help-box h3{
    font-size:30px;
    font-weight:600;
    margin-bottom:18px;
}

.contact-help-box>p{
    color:#CBD5E1;
    line-height:1.8;
    margin-bottom:30px;
}


.help-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:25px;
}

.help-item:last-child{
    margin-bottom:0;
}

.help-item i{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:50%;
    background:#00B4D8;
    color:#ffffff;
    font-size:20px;
    margin-right:15px;
    flex-shrink:0;
    transition:.35s;
}

.help-item:hover i{
    background:#ffffff;
    color:#00B4D8;
}

.help-item h4{
    color:#ffffff;
    font-size:18px;
    margin:0 0 8px;
    font-weight:600;
}

.help-item p{
    color:#CBD5E1;
    font-size:14px;
    line-height:1.7;
    margin:0;
}


/*====================================================
                LOCATION AREA
====================================================*/

.contact-map{
    padding:80px 0;
    background:#F8FAFC;
}

.map-box{
    overflow:hidden;
    border-radius:15px;
    background:#ffffff;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.map-box iframe{
    display:block;
}


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

.contact-cta{
    padding:60px 0;
    background:linear-gradient(135deg,#0B1D3A,#0077B6);
    color:#ffffff;
}

.cta-content h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:18px;
}

.cta-content p{
    color:#E0F2FE;
    line-height:1.9;
    margin:0;
}

.contact-cta-btn{
    display:inline-block;
    background:#ffffff;
    color:#0B1D3A;
    padding:15px 38px;
    border-radius:35px;
    font-weight:600;
    text-decoration:none;
    margin-top:25px;
    transition:.35s;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
}

.contact-cta-btn:hover{
    background:#00B4D8;
    color:#ffffff;
    text-decoration:none;
    transform:translateY(-4px);
}


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

@media(max-width:991px){

    .contact-banner{
        padding:80px 0;
    }

    .contact-banner-content h1{
        font-size:38px;
    }

    .quick-contact-box{
        margin-top:35px;
    }

    .contact-help-box{
        margin-top:35px;
    }

    .contact-cta{
        text-align:center;
    }

    .contact-cta .text-right{
        text-align:center;
    }

}


@media(max-width:767px){

    .contact-banner-content h1{
        font-size:30px;
    }

    .contact-form-box{
        padding:25px;
    }

    .contact-form-box h2{
        font-size:28px;
    }

    .contact-card{
        padding:30px 20px;
    }

    .cta-content h2{
        font-size:30px;
    }

    .contact-submit-btn,
    .contact-cta-btn{
        width:100%;
        text-align:center;
    }

}


@media(max-width:480px){

    .contact-banner{
        padding:70px 0;
    }

    .contact-banner-content h1{
        font-size:26px;
    }

    .quick-contact-box,
    .contact-help-box,
    .contact-form-box{
        border-radius:10px;
    }

    .help-item{
        display:block;
        text-align:center;
    }

    .help-item i{
        margin:0 auto 15px;
    }

}