@font-face{font-family:'Open Sans';src:url(../assets/fonts/openSans-light.woff2) format('woff2'),url(../assets/fonts/openSans-light.woff) format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../assets/fonts/openSans-regular.woff2) format('woff2'),url(../assets/fonts/openSans-regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../assets/fonts/openSans-medium.woff2) format('woff2'),url(../assets/fonts/openSans-medium.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../assets/fonts/openSans-semibold.woff2) format('woff2'),url(../assets/fonts/openSans-semibold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../assets/fonts/openSans-bold.woff2) format('woff2'),url(../assets/fonts/openSans-bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../assets/fonts/openSans-extrabold.woff2) format('woff2'),url(../assets/fonts/openSans-extrabold.woff) format('woff');font-weight:900;font-style:normal;font-display:swap}
@media(min-width:1700px){
    .container{max-width:1544px}
}
.custom-container{max-width:1744px;padding:0 12px;margin:0 auto}
body{font-family:'Open Sans';font-weight:400;font-size:16px;color: #000000;}
.wrapper{overflow: hidden;}
/*.h1,h1{font-size:64px;font-weight:900}*/
.h1,h1{font-size:56px;font-weight:300}
.h2,h2{font-size:40px;font-weight:300}
.h4,h4 {font-size: 32px;font-weight: 300;}
.h5,h5{font-size:24px;line-height: 1.5;font-weight:400}
.heading-big {font-size: 120px;font-weight: 900;display: block;}
.btn-custom{height:54px;min-width:114px;border-radius:28px;padding:0 30px;color:#fff;transition:all ease-in-out .4s;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}
.btn-black{background-color:#000;border:1px solid #000}
.btn-black:active,.btn-black:focus,.btn-black:hover{background-color:transparent;color:#000;border-color:#000}
.btn-orange{background-color:#f87b20;border:1px solid #f87b20}
.btn-orange:active,.btn-orange:focus,.btn-orange:hover{background-color:transparent;color:#f87b20;border-color:#f87b20}
.btn-white{background-color:#fff;border:1px solid #fff;color:#000}
.btn-white:active,.btn-white:focus,.btn-white:hover{background-color:transparent;color:#fff;border-color:#fff}
.btn-gray{background-color:#DDDDDD;border:1px solid #DDDDDD;color:#000}
.btn-gray:active,.btn-gray:focus,.btn-gray:hover{background-color:black;color:#DDDDDD;border-color:black}
.text-orange{color:#f87b20}
.read-more-btn{color: #000000;font-weight: 600;padding: 0;border: 0;}
.read-more-btn:hover{color: #f87b20;}

.blog-banner {height:80vh;min-height:600px;position:relative;background-image:url("../assets/images/blog-banner-bg.png");background-repeat:no-repeat;background-position:top right;background-size:cover;padding-top:140px;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
.blog-banner .container{
    position: relative;
    z-index: 1;
}
.blog-banner .input-group input{
    width: 100%;
    height: auto;
    color: #000000;
    border: 1px solid #DDDDDD;
    border-radius: 35px;
    padding: 25px 180px 23px 27px;
}
.blog-banner .input-group input::placeholder{
    color: #4B4B4B;
}
.blog-banner .form-group .btn-custom{
    position: absolute;
    z-index: 10;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.blog-banner .feather-image{
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Featured Post */
.featured-post{
    padding: 100px 0 0;
}
.featured-post .content-column {
    padding: 40px 60px 35px;
    background-color: #FFFFFF;
    border-radius: 8px;
    margin-left: -70px;
}
.featured-post .main-img{
    border-radius: 8px;
    overflow: hidden;
}
.blog-banner-content {max-width: 1050px;margin: 0 auto;color: black;z-index: 5;}
/* .blog-banner-content span {margin-bottom: 12px;font-weight: 300;font-size: 32px;} */
.blog-banner-content h2 {margin-bottom: 26px;}
.blog-banner-content p {margin-bottom: 40px;}
.blog-banner-content .pre-heading {margin-bottom: 12px;font-weight: 300;font-size: 32px;}
.blog-banner .image{text-align:right}

/* Blog Category List */
.category-list-sec{
    padding: 120px 0 70px;
}
.category-list-sec .category-icon {
    color: #000000;
    padding: 15px 17px;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    transition: all ease-in-out 0.3s;
    overflow: hidden;
}
.category-list-sec .category-icon:hover {
    border-color: #f87b20;
    color: #f87b20;
}
.category-list-sec .category-icon .arrow {
    color: #B4C3C9;
}
.category-list-sec .category-icon:hover .arrow {
    color: #f87b20;
}
.category-list-sec .category-icon:hover img{
    filter: brightness(0) saturate(100%) invert(43%) sepia(100%) saturate(908%) hue-rotate(349deg) brightness(110%) contrast(94%);
}

/* Blog Posts Card*/
.blog-posts{
    padding: 0 0 50px;
}
.blog-posts .card {
    border: 1px solid #DDDDDD;
    border-radius: 24px;
    transition: all ease-in-out 0.3s;
    overflow: hidden;
}
.blog-posts .card:hover {
    border-color: #f87b20;
}
.blog-posts .card .card-img-top {
    border-radius: 8px;
    overflow: hidden;
}
.blog-posts .card .card-title {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.achievements-section{padding:70px 0 120px}
.achievements-content-bg{background: linear-gradient(90deg, #002E4E 0%, #1667A2 55%);border-radius:40px}
.achievements-gallery-area{padding:70px 50px}
.achievements-gallery{margin-bottom:50px}
.achievements-gallery-area h2{color:#fff;margin-bottom:60px}
.achievements-gallery-item{background-color:#051921;border-radius:6px;padding:15px 20px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;width:22%}
.achievements-gallery-item img{height:66px;object-fit:contain}
.achievements-gallery-text{opacity:51%;color:#fff;max-width:350px;margin-left:auto}
.achievements-gallery-text span{font-size:88px;font-weight:300;line-height:88px}
.achievements-form{background-color:#f2f2f2;border-radius:36px;padding:70px;margin-right:-1px;height:100%}
.achievements-form h2{margin-bottom:40px}
.achievements-form .form-control{background-color:#fff;border-radius:4px;border:1px solid #ddd;padding:8px 24px;height:70px;color:#000;box-shadow:unset}
.achievements-form textarea.form-control{height:150px;resize:none}
.achievements-form .form-control::placeholder{color:#000}
.achievements-form .form-check-input{width:24px;height:24px;border:1px solid #94adb7;box-shadow:unset;cursor:pointer;background-color:transparent}
.achievements-form .form-check-input:checked{background-color:#012231}
.achievements-form label.form-check-label{margin-left:16px}
.newsletter-section{background-image:url("../assets/images/newsletter-bg.png");background-repeat:no-repeat;min-height:298px;display:flex;align-items:center;background-size:100% 100%;padding:30px 0}
.newsletter-content h2,.newsletter-content p{color:#fff}
.newsletter-content p{font-size:24px;font-weight:300}
.newsletter-form .form-control{background-color:#fff;height:80px;border-radius:40px;color:#000;padding:0 135px 0 40px;box-shadow:unset;border:none}
.newsletter-form .form-control::placeholder{color:#919191}
.newsletter-form .btn-custom{position:absolute;top:50%;transform:translateY(-50%);right:12px}

/* Blog Detail page */
.blog-detail{
    padding: 0 0 80px;
}
.blog-detail-banner{
    padding: 140px 170px;
}
.blog-detail-banner .category {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 300;
}
.blog-detail-banner .image-wrapper{
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 0px 66px #00000054;
}

.blog-detail .team-build-sec{
    background: linear-gradient(203deg, #08526F 0%, #042938 100%);
    border-radius: 16px;
    padding: 40px;
}
.pagination .nav-links {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pagination .nav-links .page-numbers {
    text-decoration: none;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination .nav-links .page-numbers:hover {
    color: #000;
}
.pagination .nav-links .current {
    background: #f87b20;
    color: #fff;
    padding: 2px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination .nav-links .current:hover {
    color: #fff;
}
.relaed-posts ul li a {
    color: #000;
    text-decoration: none;
}

.relaed-posts ul li a:hover {
    text-decoration: underline;
}


@media(max-width:1699px){
    body{font-size:15px}
    .custom-container{max-width:1374px}
    .h1,h1{font-size:54px}
    .h2,h2{font-size:46px}
    .h3,h3{font-size:38px}
    .h4,h4{font-size:28px}
    .h5,h5{font-size:22px}
    .heading-big {font-size: 100px;}
    .blog-banner{height:80vh;min-height:500px;}
    .blog-banner .blog-banner-content h1{margin-bottom:15px}
    .blog-banner .blog-banner-content p{margin-bottom:30px}
    .achievements-section{padding:60px 0 100px}
    .achievements-gallery-area{padding:60px 45px}
    .achievements-gallery-area h2{margin-bottom:50px}
    .achievements-gallery-text span{font-size:78px;line-height:80px}
    .achievements-form{padding:60px}
    .achievements-form h2{margin-bottom:35px}
    .achievements-form .form-control{height:60px}
    .achievements-form textarea.form-control{height:130px}
    .newsletter-section{min-height:260px}
    .newsletter-content p{font-size:22px}
    .newsletter-form .form-control{height:70px;padding:0 135px 0 30px}
    .blog-detail-banner{
        padding: 120px 150px;
    }
}
@media(max-width:1399px){
    .h1,h1{font-size:48px}
    .h2,h2{font-size:38px}
    .h3,h3{font-size:32px}
    .h4,h4{font-size:24px}
    .h5,h5{font-size:20px}
    .heading-big {font-size: 80px;}
    .btn-custom{min-width:104px;height:50px;padding:0 25px}
    .blog-banner{min-height:450px;}
    .blog-banner .blog-banner-content h1{margin-bottom:10px}
    .blog-banner .blog-banner-content p{margin-bottom:25px}
    .blog-posts{
        padding: 0 0 50px;
    }
    .blog-banner .input-group input{
        padding: 20px 160px 18px 22px;
    }
    .featured-post{
        padding: 80px 0 0;
    }
    .achievements-section{padding:40px 0 80px}
    .achievements-gallery-area{padding:50px 40px}
    .achievements-gallery-area h2{margin-bottom:45px}
    .achievements-gallery-item{padding:12px 18px}
    .achievements-gallery-item img{height:56px;width:100%}
    .achievements-gallery-text{max-width:280px}
    .achievements-gallery-text span{font-size:68px;line-height:72px}
    .achievements-form{padding:50px}
    .achievements-form h2{margin-bottom:30px}
    .achievements-form .form-control{height:55px;font-size:14px}
    .achievements-form textarea.form-control{height:110px}
    .achievements-form .form-check-input{width:22px;height:22px}
    .blog-detail-banner{
        padding: 100px 130px;
    }
    .category-list-sec{
        padding: 100px 0 60px;
    }
    .category-list-sec .category-icon{
        padding: 10px 13px;
    }
    .blog-detail-banner .category{
        font-size: 28px;
    }
}
@media(max-width:1199px){
    body{font-size:14px}
    .h1,h1{font-size:40px}
    .h2,h2{font-size:32px}
    .h3,h3{font-size:28px}
    .h4,h4{font-size:22px}
    .h5,h5{font-size:17px}
    .heading-big {font-size: 60px;}
    .btn-custom{min-width:100px;height:46px;padding:0 25px;font-size:14px}
    .blog-banner{max-height:500px;min-height:400px;padding: 100px 0 50px;}
    .achievements-gallery-area{padding:40px 35px}
    .achievements-gallery-area h2{margin-bottom:35px}
    .achievements-gallery{margin-bottom:40px}
    .achievements-gallery-item{padding:10px 14px;margin-bottom:20px}
    .achievements-gallery-text{max-width:220px}
    .achievements-gallery-text span{font-size:58px;line-height:62px}
    .achievements-form{padding:40px}
    .achievements-form h2{margin-bottom:25px}
    .achievements-form .form-control{height:50px;font-size:12px;padding:8px 16px}
    .achievements-form textarea.form-control{height:90px}
    .newsletter-content p{font-size:20px}
    .newsletter-section{min-height:240px}
    .blog-detail-banner{
        padding: 80px 110px;
    }
    .blog-detail-banner .category{
        font-size: 24px;
    }
}
@media(max-width:991px){
    .h1,h1{font-size:34px}
    .h2,h2{font-size:28px}
    .h3,h3{font-size:24px}
    .h4,h4{font-size:20px}
    .blog-banner{height:auto;min-height:400px;max-height: none;padding: 80px 0 50px;}
    .blog-banner .blog-banner-content h1{margin-bottom:10px}
    .blog-banner .blog-banner-content p{margin-bottom:20px}
    .featured-post{
        padding: 60px 0 0;
    }
    .featured-post .content-column{
        padding: 30px 40px 25px;
        border-radius: 0 0 8px 8px;
        margin-left: 0;
    }
    .featured-post .main-img{
        border-radius: 8px 8px 0 0;
    }
    .blog-posts{
        padding: 0 0 40px;
    }
    .blog-banner .input-group input{
        padding: 15px 130px 15px 15px;
    }
    .blog-banner .form-group .btn-custom{
        padding: 0 20px;
        height: 45px;
        right: 5px;
    }
    .blog-banner .feather-image{
        width: 100px;
    }
    .achievements-section{padding:30px 0 60px}
    .achievements-gallery{margin-bottom:30px}
    .achievements-gallery-area{padding:30px 35px}
    .achievements-gallery-area h2{margin-bottom:30px}
    .achievements-gallery-item{margin-bottom:18px;width:23%;padding:10px 20px}
    .achievements-gallery-text span{font-size:48px;line-height:52px}
    .achievements-form{padding:35px}
    .newsletter-content{text-align:center;margin-bottom:20px}
    .newsletter-form .form-control{height:65px;padding:0 135px 0 30px}
    .newsletter-content p{font-size:18px}
    .blog-detail-banner{
        padding: 60px 0;
    }
    .category-list-sec{
        padding: 80px 0 60px;
    }
    .blog-detail{
        padding: 0 0 60px;
    }
    .blog-detail-banner .category{
        font-size: 20px;
    }
}
@media(max-width:767px){
    .h1,h1{font-size:30px}
    .h2,h2{font-size:24px}
    .h3,h3{font-size:22px}
    .h4,h4{font-size:18px}
    .heading-big {font-size: 40px;}
    .btn-custom{min-width:90px;height:42px;padding:0 20px}
    .blog-banner{background-image: none;}
    .achievements-section{padding:20px 0 50px}
    .achievements-gallery-text{max-width:150px}
    .achievements-gallery,.achievements-gallery-area h2{margin-bottom:25px}
    .achievements-gallery-text span{font-size:38px;line-height:42px}
    .achievements-gallery-area{padding:30px}
    .achievements-form{padding:30px}
    .newsletter-form .form-control{height:60px}
    .newsletter-content p{font-size:16px}
}
@media(max-width:575px){
    .h1,h1{font-size:26px}
    .h2,h2{font-size:22px}
    .h3,h3{font-size:20px}
    .h4,h4{font-size:16px}
    .featured-post .content-column{
        padding: 20px;
    }
    .category-list-sec{
        padding: 60px 0;
    }
    .achievements-content-bg{border-radius:20px}
    .achievements-form,.achievements-gallery-area{padding:25px}
    .achievements-gallery{margin-bottom:10px}
    .achievements-gallery-area h2{margin-bottom:20px;text-align:center}
    .achievements-gallery-text{max-width:130px}
    .achievements-gallery-text span{font-size:30px;line-height:34px}
    .achievements-gallery-item img{width:56px}
    .achievements-form{border-radius:16px;padding:25px 15px}
    .achievements-form h2{margin-bottom:20px}
    .achievements-form .form-control{height:45px}
    .newsletter-section{min-height:auto;background-size:cover;background-position:right;position:relative;z-index:1}
    .newsletter-section::before{content:'';position:absolute;background-color:#00000096;height:100%;width:100%;top:0;left:0;z-index:0}
    .newsletter-form .form-control{height:50px;font-size:14px;padding:0 100px 0 18px}
    .newsletter-form .btn-custom{right:4px}
}
@media(max-width:480px){
    .achievements-gallery-item{margin-bottom:10px;padding:10px 15px;width:48%}
}