body{font-family:"Archivo";overflow-x: hidden;background: #ecf0f3;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-x: hidden;}

.head_nav{padding:0; background:#ecf0f3;}
.head_nav nav{padding:5px 0;}
.head_nav .navbar-brand{padding:0;}
.head_nav .navbar-brand img{transition:ease-in-out 0.3s;}
.head_nav ul{margin:0 0 0 auto;}
.head_nav ul li a{color:#000; font-size:16px; line-height:70px; text-transform:uppercase;position:relative;font-weight: 600;}
.head_nav ul li a:hover, .head_nav ul li a.active, .head_nav ul li a:focus{color: #188fc9;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0 10px;}
.sticky_menu{position: fixed;left: 0;top:0; width: 100%;z-index: 10;}

.head_nav nav .dropdown ul {border-radius: 0; width: 250px;}
.head_nav nav .dropdown ul li{margin: 0; padding: 0;width: 100%;}
.head_nav nav .dropdown ul li a{line-height: 20px;font-size: 14px;padding: 3px 15px !important;text-transform: capitalize;}

.cont_area{display:flex; cursor: pointer;}
.cont_area a {color: #fff !important;height: 54px;font-size: 16px !important;font-weight: 600 !important;background-color: #188fc9;border-radius:10px;margin:auto;text-align: center;line-height: 54px !important;text-decoration: none;padding: 0 30px !important;transition: all 0.5s;border: none !important;z-index: 1;overflow: hidden;}
.cont_area a:hover{background: #000;}

.banner_area{background: url(../images/banner_back.jpg) no-repeat center; background-size: cover;height:600px; position: relative;z-index: 1;text-align: left;}
.banner_area h1{font-size: 48px; font-weight: 900;margin-bottom: 20px; color: #fff;margin:0 0 10px;text-transform: uppercase;}
.banner_area p{font-size: 28px;margin: 0;color: #fff;line-height: 38px;}

.head{color: #188fc9; font-weight: 900;font-size: 36px; position: relative;margin: 0 0 20px; padding: 0 0 5px;}
.head::after{width: 70px; height: 2px; content: ""; background: #188fc9;position: absolute; bottom: 0; left: 0;}

.who_area{padding: 70px 0;}
.abt_left{width: 100%; height: 500px; position: relative;border-radius: 15px; border: 1px solid #188fc9; overflow: hidden; background: #fff;}
.abt_left img{width: 100%; height: 100%; object-fit: cover;}
.abt_right{width: 100%; margin: auto;}
.abt_right p{font-size: 16px; font-weight: 400; text-align: justify; line-height: 28px; margin: 25px 0;color: #505050;}
.abt_right ul{margin-top: 30px;}
.abt_right ul li{list-style: none; font-weight: bold; color: #000; position: relative;padding-left: 25px;color: #000; margin: 15px 0;}
.abt_right ul li a{color: #000;}
.abt_right ul li:before{content: "\f058"; position: absolute; left: 0; color: #188fc9; font-family: "Font Awesome 6 Free"; font-weight: bold;}
.abt_right .btn_area{margin-top: 30px;}

.btn_area a {color: #fff;height: 54px;font-size: 16px;font-weight: 600;background: #188fc9;border-radius:10px;margin:auto;text-align: center;line-height: 54px;text-decoration: none;padding: 0 45px;transition: all 0.5s;border: none;z-index: 1;overflow: hidden;display: inline-block;}
.btn_area a:hover{background: #000;}

.career_area{padding: 0 0 70px;}
.career_area .head{text-align: center;}
.career_area .head:after{left: 50%; transform: translateX(-50%);}
.career_img{width: 250px; height: 250px; border-radius: 100%; overflow: hidden;margin: 0 auto; border: 1px solid #188fc9;}
.career_img img{width: 100%; height: 100%; object-fit: cover;}
.career_box{text-align: center; margin: 15px 0;}
.career_box h3{color: #188fc9; font-size: 18px; font-weight: 900; text-transform: uppercase; margin: 20px 0 0;}
.career_box p{color: #505050; line-height: 28px;margin: 0;}
.career_box a{color: #188fc9; font-weight: bold;}
.art_img img{width:100%;mix-blend-mode: multiply;}

.human_area{background: url(../images/book_back.jpg) no-repeat center; background-size: cover; padding: 150px 0; background-attachment: fixed;position: relative; z-index: 1;text-align: center;}
.human_area:after{content: "";background: rgba(0,0,0,0.2);position: absolute; left: 0;top: 0;width: 100%; height: 100%;z-index: -1;}
.human_area h3{font-size: 48px; font-weight: 900; margin: 0; text-transform: uppercase; color: #fff;}
.human_area p{font-size: 28px; font-weight: bold; color: #fff; margin: 20px 0 0; line-height: 38px;}
.human_area .btn_area{margin-top: 20px;}

.hobbies_area .abt_left img{object-fit: contain;}

.blog_area{padding: 0 0 70px;}
.blog_area .head{text-align: center;}
.blog_area .head:after{left: 50%; transform: translateX(-50%);}
.blog_area .item{padding: 0 15px;}
.blog_area .slick-list {margin: 0 -15px;}
.blog_box{background: #fff; border-radius: 15px;padding: 30px;margin-top:20px; width: 100%;}
.blog_img{width: 100%; height: 220px; border-radius: 15px; overflow: hidden;}
.blog_img img{width: 100%; height: 100%; object-fit: cover;}
.blog_box h3{font-weight: 900; font-size: 18px; text-transform: uppercase;color: #188fc9;margin-top: 20px;}
.blog_box p{color: #505050; font-size: 16px; line-height: 28px; font-weight: 400; margin: 5px 0;}
.blog_box a{color: #188fc9; font-weight: bold;}
.blog_area .slick-arrow{border: none;color: #fff;position: absolute;top: 50%;left: -30px;width: 60px;z-index:1;height: 60px;background: #188fc9;border-radius: 100%;}
.blog_area .slick-arrow.next-arrow{right: -30px;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.blog_area .slick-arrow i{font-size:35px;transition:all 0.3s;color: #fff !important;}
.blog_area .slick-arrow:hover{background:#000;}

.footer_area{background: #000000; padding: 70px 0;}
.footer_area h3{font-weight: bold; font-size: 22px; position: relative; text-transform: uppercase; margin-bottom: 30px; padding-bottom: 10px;color: #fff;}
.footer_area h3:after{content: "";width: 80px; height: 3px;background: #188fc9;position: absolute; left: 0; bottom: 0;}
.foot_left p{line-height: 28px; color: #d2d2d2; text-align: justify;margin: 0;}
.foot_menu ul li{list-style: none; margin: 5px 0; position: relative;padding-left: 25px;}
.foot_menu ul li a{color: #d2d2d2;transition: all 0.3s;}
.foot_menu ul li a:hover{color: #188fc9;}
.foot_menu ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #188fc9;}
.foot_menu_pad{padding-left:30px;}
.foot_address p{color: #d2d2d2; display: flex;}
.foot_address p i{max-width: 35px;margin-top: 3px;width: 100%;color: #188fc9;}
.foot_address p span{display: block;}
.foot_address p span a{color: #d2d2d2;text-decoration: none;}
.foot_social ul li{margin: 10px 0;list-style: none;}
.foot_social ul li i{width:25px; height: 25px; background: #3a559f; color: #fff;text-align: center; display: inline-block;margin: 0 5px 0 0; font-size: 14px;line-height: 25px; border-radius: 100%;}
.foot_social ul li a span{color:#d2d2d2;transition: all 0.3s; position: relative;left:0; font-size: 16px;}
.foot_social ul li:nth-child(2) a i{background: #1d9bf0;}
.foot_social ul li:nth-child(3) a i{background: #ff0000;}

.copy_area{background: #000000;padding: 30px 0;border-top: 1px solid #615e5f;}
.copy_area p{margin: 0; color: #fff;}
.copy_right{text-align: right;}


.it-breadcrumb-area {padding-top: 124px;padding-bottom: 140px;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;z-index: 1;}
.it-breadcrumb-area::before {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;content: "";background: linear-gradient(90deg, #021609 0%, rgba(2, 22, 9, 0.6) 45.5%, rgba(2, 22, 9, 0.3) 69%, rgba(2, 22, 9, 0) 100%);z-index: -1;}
.it-breadcrumb-content {text-align: center;}
.it-breadcrumb-title {font-size: 45px;font-weight: 700;text-transform: capitalize;}
.it-breadcrumb-list span {font-size: 18px;font-weight: 500;color: #ffffff;}
.it-breadcrumb-list span.dvdr {color: #188fc9;}
.it-breadcrumb-list a{color: #188fc9;}

.blog_area{padding:70px 0;}
.blog_area .blog-card{transition: all .4s ease;}
.blog_area .blog-image{overflow: hidden;border-radius: 16px;margin-bottom: 25px;}
.blog_area .blog-image img{width: 100%;height: 260px;object-fit: cover;transition: .5s ease;}
.blog_area .blog-card:hover .blog-image img{transform: scale(1.08);}
.blog_area .blog-meta{display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 20px;}
.blog_area .blog-meta-item{display: flex;align-items: center;gap: 8px;}
.blog_area .blog-meta-item i{font-size: 20px;color: #188fc9;}
.blog_area .blog-meta-item span{font-size: 15px;font-weight: 600;color: #666;}
.blog_area .blog-title{margin-bottom: 20px;}
.blog_area .blog-title a{text-decoration: none;color: #14213d;font-size: 24px;font-weight: 700;line-height: 1.4;transition: .3s;}
.blog_area .blog_area .blog-title a:hover{color: #188fc9;}
.blog_area .read-more{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;font-weight: 700;color: #14213d;transition: .3s;}
.blog_area .read-more i{color: #188fc9;font-size: 20px;}
.blog_area .read-more:hover{color: #188fc9;}

.blog-details-wrap{padding: 70px 0;}
.blog-details{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08);}
.blog-details .blog-image{width:100%;display:block;}
.blog-details .blog-content{padding:40px;}
.blog-details .blog-meta{display:flex;gap:25px;margin-bottom:20px;}
.blog-details .blog-meta span{color:#777;font-weight:600;}
.blog-details .blog-meta i{color:#188fc9;margin-right:6px;}
.blog-details .blog-content h1{font-size:42px;font-weight:700;color:#1f2937;margin-bottom:20px;line-height:1.3;}
.blog-details .blog-content p{color:#666;line-height:1.9;margin-bottom:20px;}
.blog-details .quote-box{background:#188fc9;color:#fff;padding:35px;border-radius:15px;position:relative;margin:40px 0;}
.blog-details .quote-box h4{font-size:22px;line-height:1.7;margin-bottom:20px;}
.blog-details .quote-author{display:flex;align-items:center;gap:12px;}
.blog-details .quote-author span{width:40px;height:2px;background:#fff;}
.blog-details .quote-icon{position:absolute;right:30px;bottom:20px;font-size:70px;opacity:.2;}
.blog-details .blog-content h2{font-size:34px;font-weight:700;margin-bottom:25px;color:#1f2937;}
.blog-details .content-row{display:flex;align-items:center;gap:40px;margin-bottom:30px;}
.blog-details .content-row ul{flex:1;padding:0;margin:0;list-style:none;}
.blog-details .content-row li{position:relative;padding-left:22px;margin-bottom:15px;font-weight:600;}
.blog-details .content-row li::before{content:"";width:8px;height:8px;background:#188fc9;border-radius:50%;position:absolute;left:0;top:10px;}
.blog-details content-row img{max-width:320px;border-radius:15px;}








/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1366px){
    .head_nav ul li a{font-size: 14px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding: 0 8px;}
    .head_nav .navbar-brand img{width: 120px;}
    .banner_cont{padding: 0;}
    .foot_menu_pad{padding: 0;}
    .footer_area h3{font-size: 18px;}
    .foot_address p span a{word-break: break-all;}
    .cont_area a{padding: 0 12px !important;}
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-brand img{width: 120px;}
    .head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #188fc9;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_nav .navbar-toggler{position: absolute;right: 0;top: 5px;}
    .head_nav .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 0;}
    .head_nav ul li a{line-height: 10px;font-size: 14px;}
    .head_nav nav .dropdown ul{width: 100%;}

    .career_img{width: 180px; height: 180px;}
    .banner_area{padding: 50px 0;}
    .banner_cont{padding: 0;}
    .banner_area h1{font-size: 22px;}
    .banner_area p{font-size: 16px;}
    .abt_right{padding: 0;}

    .foot_menu_pad{padding: 0;}
    .footer_area h3{margin: 15px 0;}
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 120px;}
    .head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #188fc9;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_nav .navbar-toggler{position: absolute;right: 0;top: 5px;}
    .head_nav .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 0;}
    .head_nav ul li a{line-height: 10px;font-size: 14px;}
    .head_nav nav .dropdown ul{width: 100%;}

    .banner_area{padding: 50px 0;}
    .banner_cont{padding: 0;}
    .banner_area h1{font-size: 22px;}
    .banner_area p{font-size: 16px;}

    .head{font-size: 24px;}
    .who_area{padding: 40px 0;}
    .abt_right{margin-top: 20px;}
    .career_area{padding: 0 0 40px;}

    .human_area{padding: 100px 0;}
    .human_area h3{font-size: 26px;}

    .human_area p{font-size: 22px;line-height: 34px;}
    .blog_area .slick-arrow{left: 0;}
    .blog_area .slick-arrow.next-arrow{right: 0;}
    .blog_area .slick-arrow{width: 40px; height: 40px;}
    .blog_area .slick-arrow i{font-size: 22px;}

    .footer_area{padding: 40px 0;}
    .footer_area h3{margin: 15px 0;}
    .foot_menu_pad{padding: 0;}
    .foot_left p{font-size: 14px; line-height: 22px;}
    .foot_menu ul li, .foot_address p{font-size: 14px; line-height: 22px;}
    
    .copy_area{text-align: center;padding: 15px 0;}
    .copy_area p{font-size: 14px;}
    .copy_right{text-align: center;}

    .blog-details .blog-content{padding: 20px;}
    .blog-details .blog-content h1, .blog-details .blog-content h2{font-size: 24px;}
    .blog-details .quote-box{padding: 15px;}
    .blog-details .quote-box h4, .blog_area .blog-title a{font-size: 16px;}
}
/*===============Responsive Ends===============*/