body {
            font-family: 'Anek Latin', sans-serif;        
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }

        .section-heading{
            font-size: 48px;
            font-family: 'Lexend Deca', sans-serif;
        }
        .section-para{
            font-size: 18px;
            font-family: 'Anek Latin', sans-serif;        
        }
        .section-padding{
            padding: 5rem 0;
        }

        @media screen and (min-width: 769px) and (max-width: 1280px) { 
            .section-heading{
                font-size: 32px;  
            }
        }

        @media (max-width: 768px) {
            .section-heading{
                font-size: 28px;  
            }
            .section-padding{
                padding: 3rem 0;
            }
        }


/*banner*/
.about-banner-section{
    position: relative;
}
.about-banner-wrapper img{
    width: 100%;
    height: auto;
}

.about-banner-text{
    position: absolute;
    top: 30%;
    left: auto;
    width: 30%;
}

.about-banner-text h1{
    color: #1C204F;
}

.about-banner-text p{
    color: #000;
    line-height: 26px;
}

.mobile-banner{
    display: none;
    width: 100%;
}

/*banner css end*/


/*common css*/
            .main-tabs-section{
                background-color: #FAFAFA;
                padding: 40px 0;
            }

        .page-template-resoruce .main-tabs-section .nav-pills-custom .nav-link {
            border: 1px solid #626262;
            border-radius: 100px;
            color: #626262 !important;
            padding:12px 24px !important;
            margin: 0 10px;
            background: white;
            transition: 0.3s;
            font-size: 18px;
            font-weight: 400;
            font-family: 'Anek Latin', sans-serif;        
        }
        .main-tabs-section .nav-pills-custom .nav-link.active {
            background-color: #386CDB !important;
            color: white !important;
            border-color:#386CDB;
        }

        .main-tabs-section .small{
    color: #3F3F3F;
    font-size: 18px;
    font-weight: 300;
    display: flex;
    align-items: center;
     font-family: 'Anek Latin', sans-serif;        
        }

        .main-tabs-section .small img{
            width: 100%;
            height: auto;
            max-width: 30%;
            padding-right: 6px;
        }

        .social-icons{
            display: flex;
            justify-content: end;
        }
        .social-icons a{
            text-decoration: none;
        }

        .main-tabs-section .top-nav { display: flex; align-items: center; justify-content: space-between; }
        .main-tabs-section .social-icons i { 
            margin-left: 20px;
    cursor: pointer;
    color: #000;
    font-size: 0.9rem;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 100px;
    padding: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
         }

/*blog section css start*/
        .blog-section{

        }
        .blog-section .blog-heading-wrapper h1{
            color: #1C204F;
            text-align: center;
            padding-bottom: 12px;
            margin: 0;
        }
        .blog-section .blog-heading-wrapper p{
            color: #626262;
            text-align: center;
            margin-bottom: 40px;
        }
        .blog-heading-wrapper{
            margin-top: 2rem;
        }

        .blog-heading-wrapper:first-child{
            margin-top: 0;
        }

        .blog-section .nav-pills-custom .nav-link {
            border: 1px solid #626262;
            border-radius: 100px;
            color: #626262 !important;
            padding: 12px 24px !important;
            margin: 0 10px;
            background: white;
            transition: 0.3s;
            font-size: 18px;
            font-weight: 400;
            font-family: 'Anek Latin', sans-serif;        
        }
        .blog-section .nav-pills-custom .nav-link.active {
            background-color: #386CDB !important;
            color: white !important;
            border-color:#386CDB;
        }

        .blog-card {
            border: 1px solid #E6E6E6;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            height: 100%;
        }
        .blog-card .card-body{
            padding: 12px 24px;
        }
        .blog-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        }
        .card-body .arrow-btn:hover{
            background-color: #06439C;
            color: #fff;
        }
        .card-perm{
            text-decoration: none;
        }
        .card-body .arrow-btn{
            display: inline-flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            border: 1px solid #E6E6E6;
            color: #6c757d;
            border-radius: 10px;
            text-decoration: none;
            padding: 3px 30px;
            color: #000;
        }
        .blog-section .card-img-top { height: 200px; object-fit: cover; }
        
        .blog-section .card-meta {
         font-size: 16px; 
         color: #626262;
          display: flex;
          line-height: 24px; 
          justify-content: space-between;
           margin-bottom: 20px;
            }
        .blog-section .card-title { 
                font-size: 24px;
    font-weight: 500;
    color: #0276FD;
    line-height: 32px;
                font-family: 'Lexend Deca', sans-serif;
                margin-bottom: 20px;
                height: 95px;
        }
        .blog-section .card-text {
            font-size: 18px;
            font-weight: 300;
            color: #626262;
            line-height: 26px;
            font-family: 'Anek Latin', sans-serif;        
        }
        .blog-section .btn-arrow { 
            text-decoration: none;
         color: #1C204F;
          transition: 0.2s; 
          background: #fff; 
          border: 1px solid #E6E6E6;
          padding: 0 20px;
          border-radius: 10px;
        }
        .blog-section .blog-card:hover .btn-arrow {
         background-color:#1C204F; 
         color: #fff;
     }
/*     .hover-arrow{
        display: none;
     }
     .blog-section .blog-card:hover .hover-arrow{
        display: block;
     }
    .blog-section .blog-card:hover .n-arrow{
        display: none;
     }*/

     /*gallery-card css*/
     .imges-wrapper h3, .video-wrapper h3{
        font-size: 32px;
        font-weight: 500;
        color: #1C204F;
        padding-bottom: 30px;
        text-align: center;
     }
     .gallery-card {
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    height: 90%;
    }

    .gallery-card img{
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .gallery-card:hover{
transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);    }

    .gallery-card P{
        font-size: 18px;
        font-weight: 300;
        line-height: 26px;
        padding: 20px;
        font-family: 'Anek Latin', sans-serif;        
    }

    .video-img{
        transition: all 0.3s ease;
    }

        .video-img:hover{
transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);    }



        /* Responsive adjustments */


@media screen and (min-width: 992px) and (max-width: 1024px) { 
    .blog-section .card-title{
        font-size: 20px;
        height: 120px;
    }
    .about-banner-text{
        width: 42%;
    }
}


        @media (max-width: 991px) {
            .top-nav { flex-direction: column; gap: 20px; }
            .filter-tabs { overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; padding-bottom: 10px; }
            .about-banner-text{
                    top: 8%;
                    width: 40%;
            }
            .main-tabs-section .nav-item{
                width: auto;
            }
            .blog-section .card-title{
                font-size: 22px;
                line-height: 28px;
                height: auto;
            }
            .social-icons{
                justify-content: center;
            }
            .main-tabs-section .nav-pills-custom .nav-link{
                margin: 0 4px !important;
                text-align: center;
            }

            .page-template-resoruce .main-tabs-section .nav-pills-custom .nav-link{
                width: 100%;
            }
            .gallery-card{
                margin-bottom: 0;
            }

            .main-tabs-section .nav-pills{
                flex-direction: row;
                gap: 10px;
                width: 100%;

            }
            .main-tabs-section .nav-item{
                margin-bottom: 20px;
            }
            .main-tabs-section .social-icons i{
                margin-left: 6px;
            }
            .blog-section .nav-pills-custom .nav-link{
                width: 100%;
                margin-bottom: 10px;
                margin-left: 0;
            }
            .blog-section .nav{
                flex-direction: column;
            }

        }

@media screen and (min-width: 768px) and (max-width: 991px) { 
            .main-tabs-section .nav-pills{
                flex-direction: row;
                justify-content: center;
            }
            .page-template-resoruce .main-tabs-section .nav-pills-custom .nav-link{
                width: auto;
            }
            .flex-md-row{
                flex-direction: column !important;
                justify-content: center !important;
            }
            .blog-section .nav-pills-custom .nav-link{
                width: 100% !important;
            }

            .blog-section .nav{
                flex-direction: row;
                gap: 10px;
            }
            .blog-section li.nav-item{
                width: 48%;
            }

        }

         @media (max-width: 767px) {
            .mobile-banner{
                display: block;
            }
            .desktop-banner{
                display: none;
            }
            .about-banner-text{
                width: 90%;
            }
            .gallery-card{
                margin-bottom: 20px;
            }
            .main-tabs-section .small img{
                max-width: 42%;
            }

         }