/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-Feb-2023, 2:39:43 pm
    Author     : Nirav
*/
@font-face {
    font-family: 'Conv_NOOTYPE - RADIKAL LIGHT';
    src: url('../fonts/radikal.eot');
    src: local('☺'), url('../fonts/radikal.ttf') format('truetype'), url('../fonts/radikal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'Conv_NOOTYPE - RADIKAL LIGHT';
}
a{color: #4785c4;}
.padding-top-95{padding-top: 95px;}
.red-color, .red-color:hover{color: #d22126 !important;}
.grey-bg{background: #ececec;}
.grey-color{color: #ececec;}
.blue-color {color: #0251a9;}
.red-bg{background: #d22127;color: #d22127}
.blue-bg{background: #014dc0;color: #014dc0}
.fs-14{font-size: 14px;}
.btn:focus,.navbar-toggler:focus{box-shadow: unset;}
.carousel-indicators [data-bs-target]{width: 10px;height: 10px;border-radius: 50%;}
ul.listing li{text-align: justify;font-weight: normal;}
form div.required label.control-label:after {content:" * ";color:red;}
.alert.alert-messages{position: fixed;z-index: 999999;right: 15px;top: 15px;}
.alert.alert-success{color: #fff;background-color: #356db1;border-color: #356db1;}

header .navbar{background: #fff;position: fixed;right: 0;left: 0;z-index: 999999;height: 90px;border-bottom: 1px solid #e7e7e7;}
header .navbar .navbar-nav .nav-item .nav-link{font-size: 14px;color: #0251a9;padding: 35px 15px 35px;font-weight: 600;text-transform: uppercase;}
header .navbar .navbar-nav .nav-item .nav-link.active{background-color: rgba(32,94,169,0.9);color: #fff;}
header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after{display: none;}
header .navbar .social-media .navbar-nav .nav-item .nav-link{padding: 35px 5px 35px;}
header .navbar .navbar-nav .nav-item .nav-link .fa{height: 32px;width: 32px;border: 2px solid;border-radius: 50%;text-align: center;padding-top: 7px;}
header .navbar .navbar-nav .nav-item .nav-link .fa:hover{    color: #d22126!important;border: 2px solid #d22126;transition: 0.4s;}
header .navbar .navbar-right .dropdown-menu{right:auto}
header .navbar .dropdown-menu{background-color:rgba(32,94,169,0.9);padding:0}
header .navbar .dropdown-menu>li>a{padding:5px 20px;border-bottom:1px solid #5585bd;color:#fff;text-decoration: none;font-size: 14px;}
header .navbar .dropdown-menu .dropdown-menu>li>a:focus,.dropdown-menu .dropdown-menu>li>a:hover{color:#fff;text-decoration:none;background-color:rgba(32,94,169,0.9)}
header .navbar .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-submenu.active,.dropdown-menu .dropdown-submenu.active > a{color:#262626;background-color:#f5f5f5}
header .navbar .dropdown-menu>li>a:hover{color: #262626;}
header .navbar .dropdown-menu li a{text-transform: uppercase;}
header .navbar .navbar-toggler {background: #0251a9;margin-top: 18px;border: none;padding: 10px;}
header .navbar .navbar .navbar-toggler:focus, .navbar .navbar-toggler:hover {background: #0251a9;}
header .navbar .navbar .navbar-toggler .icon-bar {background: #fff;}
header .navbar .navbar-toggler .icon-bar+.icon-bar {margin-top: 4px;}
header .navbar .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background: #fff;}
header .navbar .dropdown-submenu {position: relative;}

header .navbar .dropdown-submenu>.dropdown-menu {top: 5px;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
header .navbar .dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;position: absolute;top: 9px;left: 10em;}
header .navbar .dropdown-submenu.active>a:after,header .navbar .dropdown-submenu:hover>a:after{border-left-color: #1a1818;}
header .navbar .dropdown-submenu>.dropdown-menu li a{color: #1e2125;background-color: #e9ecef;}
header .navbar .dropdown-submenu>.dropdown-menu li a:hover{color:#fff;text-decoration:none;background-color:rgba(32,94,169,0.9)}
header .navbar .dropdown-submenu>.dropdown-menu li a{font-size: 14px;padding: 3px 20px;}
header .navbar .dropdown-submenu.pull-left {float: none;}
header .navbar .dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}

.content-img-block img{background: rgba(0,0,0,0.6);}
.content-img-block .title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 16px;color: #fff;font-weight: bold;}

.banner-section{padding-top: 90px;}
.section-spacing{padding-bottom: 40px;padding-top: 40px;}

.common-section .content .heading{color: #0251a9;margin-bottom: 30px;}
.common-section .content h1.heading{font-size: 50px;}
.common-section .content .text,section.common-section .content.editor-text p{text-align: justify;color: #565656;}
.common-section .content .title{font-size: 35px;color: #d22126;line-height: 40px;}
.our-family .img-wrap-box.filter-none{filter: unset !important;}
.our-family .img-wrap-box .box.box-none{background: rgba(0,0,0,0);}
.our-family .img-wrap-box .box{background: rgba(0,0,0,0.6);transition: all .6s linear;display: flex;justify-content: center;align-items: center;height: 100%;}
.our-family .img-wrap-box .box .title{    font-size: 16px;    color: #fff;font-weight: bold;}
.our-family .img-wrap-box.img-one{height: 400px;background: url(../images/home-bg1.png) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;background-position: bottom left;}
.our-family .img-wrap-box.img-two{background: url(../images/home-bg2.png) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;height: 200px;background-position: bottom left;}
.our-family .img-wrap-box.img-three{background: url(../images/home-bg3.png) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;height: 200px;background-position: bottom left;}
.our-family .img-wrap-box.img-four{background: url(../images/home-bg4.png) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;height: 200px;background-position: bottom left;}
.our-family .img-wrap-box.img-five{background: url(../images/home-bg5.png) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;height: 200px;background-position: bottom left;}
.our-family .img-wrap-box.img-six{background: url(../images/home-bg6.png) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;height: 200px;background-position: bottom left;}
.our-family .img-wrap-box.img-seven{background: url(../images/home-bg7.jpeg) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;height: 200px;background-position: bottom left;}
.our-family .img-wrap-box.img-eight{background: url(../images/home-bg8.png) no-repeat;background-size: cover;filter: grayscale(100%);border: 2px solid #fff;height: 200px;background-position: bottom left;}
.our-family .content .milestone{text-align: center;margin: 0px 40px;}
/*.our-family .content .milestone .blue-bg p{color: #014dc0}
.our-family .content .milestone .red-bg p{color: #d22127}*/
.our-family .content .milestone .year{border-radius: 90px 90px 0 0;margin: 0px 20px;}
.our-family .content .milestone .year p{color: #fff;font-family: sans-serif;font-weight: bold;font-size: 30px;margin-bottom: 0;display: flex;justify-content: center;align-items: center;padding: 20px 0px;}
.our-family .content .milestone .text{background: #ececec;padding: 40px;height: 250px;display: flex;align-items: center;text-align: center;}
.our-family .content .milestone.skh-m .text{padding: 40px 20px;justify-content: center;}
.our-family .content .milestone .text p{font-size: 15px;line-height: 25px;font-weight: 300;margin-bottom: 0;}
.our-family .content ul li{margin-bottom: 5px;font-size: 14px;}

.about-skh .content ul.listing li,ul.listing li{font-size: 15px;color: #000000;margin-bottom: 10px;font-weight: 500}
.awards-skh .content{height: 150px;display: flex;align-items: center;}

.our-products .product-details .btn{font-size: 18px;font-weight: 500;color: #fff;border-radius: 10px;}
.our-products .product-details .btn-red{background: #d20a15}
.our-products .product-details .btn-blue{background: #0251a9}
.our-products ul li img{max-height: 60px;}
.our-products ul.all-customers{display: block;}
.our-products ul.all-customers li{display: inline-block;margin-right: 10px;}
.our-products ul.all-customers li img{max-height: 60px;width: auto;}
        
.customer-section .nav.nav-tabs{z-index: 999;}
.customer-section .nav.nav-tabs .nav-link{-webkit-transform: skew(-30deg,0deg);width: 40%;text-align: center;background: #ddd;color: #000;}
.customer-section .nav.nav-tabs .nav-link div{-webkit-transform: skew(30deg,0deg);}
.customer-section .nav.nav-tabs .nav-link.active{background: #0251a9;color: #fff;}
.customer-section .tab-content{margin-top: -20px;}
.customer-section .tab-content .customers-image{border:1px solid #a7a7a7;}
.customer-section .tab-content .customers-image .bg{padding: 50px 0px 20px;background: url('../images/customer-bg.png');background-repeat: no-repeat;overflow: hidden;background-size: 100% 100%;}
/*.customer-section .tab-content .customers-image .bg img{filter: grayscale(1);}*/

.employee-portal-section .content a.btn-login{position: relative;border-radius: 4px;background-color: rgba(32,94,169,0.9);border: 0;color: #fff;text-align: center;font-size: 17px;padding: 3px 20px;transition: all .5s;cursor: pointer;margin: 5px;vertical-align: middle;}
.employee-portal-section .content a.btn-login span:after {content: '>>';position: absolute;opacity: 0;top: 2px;right: -20px;transition: .5s;}
.employee-portal-section .content a.btn-login span {cursor: pointer;display: inline-block;position: relative;transition: .5s;}
.employee-portal-section .content a.btn-login:hover span {padding-right: 25px;}
.employee-portal-section .content a.btn-login:hover span:after {opacity: 1;right: 0;}

.news-section .box{position: relative;height: 280px;display: flex;flex-direction: column;justify-content: center;padding: 10px 25px;}
.news-section .box.grey-bg .border-left{position: absolute;width: 4px;height: 200px;background: red;left: 0;}
.news-section .box.blue-bg h4,.news-section .box.blue-bg p{color: #fff;}
.news-section .box.grey-bg h4,.news-section .box.grey-bg p,.news-section .box.grey-bg hr,.news-section .box.grey-bg .read-more{color: #5c5c5c;}
.news-section .box hr{color: #fff;opacity: 1;}
.news-section .box .read-more{color: #fff;}
.news-section .news-image{height: 280px;width: 100%;object-fit: cover;}
.news-detail-section{padding: 140px 0px 60px;}
.news-detail-section .content h1{color: #0251a9;}

.sitemap-section ul{list-style: none;}
.sitemap-section ul li{padding-bottom: 10px;}
.sitemap-section ul li a{color: #0251a9;font-weight: 500;text-decoration: none;}
.sitemap-section ul li a.main-menu{font-weight: bold;}
.sitemap-section ul li a.main-menu:hover{cursor: default;}
.sitemap-section ul li a:hover{text-decoration: underline;}
.sitemap-section ul li::before {content: "\2022";color: #0251a9;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}

.get-in-touch-section .align-top{height: 280px;padding: 30px;display: flex;flex-direction: column;margin-bottom: 8px;}
.get-in-touch-section .content.editor-text p{font-size: 15px;}

.common-section .form-section{padding: 0px 100px;}
.common-section .form-section label{color: #000000;font-weight: 700;margin-bottom: 5px;}
.common-section .form-section .form-group{margin-bottom: 15px;}
.common-section .form-section .form-control{border-radius: 8px;line-height: normal;padding: 10px 20px;margin-bottom: 5px;}
.common-section .form-section .form-control:focus{box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;}
.common-section .form-section .btn-submit{background-color: #366eb1;border-color: #366eb1;padding: 10px 50px;color: #fff;}
.common-section .form-section .form-group .help-block{color:red;font-size: 14px;}

.pagination{justify-content: center;}
.pagination li{padding: 5px 15px;border: 1px solid #ddd;}
.pagination li a{text-decoration: none;}
.pagination li.active{background: #275ba7;}
.pagination li.active a{color: #fff;}

.myImg-lightbox {cursor: pointer;transition: 0.3s;}
.myImg-lightbox:hover {opacity: 0.7;}

/* The Modal (background) */
.modal-lightbox {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */z-index: 999999; /* Sit on top */padding-top: 100px; /* Location of the box */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-lightbox .modal-content {margin: auto;display: block;width: 80%;max-width: 800px;}
/* Caption of Modal Image */
.modal-lightbox #caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
/* Add Animation */
.modal-lightbox .modal-content, .modal-lightbox #caption {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
.map-skh{width: 580px; height: 566px;}

@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}

/* The Close Button */
.modal-lightbox .close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;opacity: 1;}
.modal-lightbox .close:hover, .modal-lightbox .close:focus {color: #bbb;text-decoration: none;cursor: pointer;}

footer .footer-nav>ul{text-align:center;margin-bottom:0}
footer .footer-nav>li{display:inline-block;margin:0 25px 0 0px}
footer .footer-nav>li>a{color: #4c4c4c;text-decoration: none;font-size: 16px;}
footer .copyright{background: #d20a15;}
footer .copyright p{color: #fff;}
footer a:hover{text-decoration: underline !important;}

@media(max-width:1399px){
    footer .footer-nav>li{margin: 0 18px 0 0px;}
    footer .footer-nav>li>a{font-size: 14px;}
}

@media (min-width:992px) and (max-width:1299px){
    .our-family .content .milestone .text{padding: 20px;}
}

@media(max-width:1024px){
    footer{text-align: center;}
    .common-section .form-section{padding: 0px 50px;}
}

@media(min-width:991px){
    header .navbar .dropdown-submenu:hover>.dropdown-menu {display: block;}
}

@media(max-width:991px){
    header .navbar{height: auto;}
    header .navbar .social-media .navbar-nav .nav-item .nav-link{padding: 0px 5px 35px;}
    header .navbar .navbar-nav .nav-item .nav-link{padding: 15px 15px 15px;}
    header .navbar .social-media .navbar-nav{flex-direction: unset;}
    header .navbar .navbar-toggler {display: block;}
    section.common-section .content .title{font-size: 25px;}
    section.common-section .content .heading,section.common-section .content .title{margin-top: 30px;}
    footer .footer-nav>ul{text-align:center;margin-bottom:0}
    footer .footer-nav>li{display:inherit;margin:10px 0 10px 0}
    section.banner-section{padding-top:70px;}
    header .navbar .navbar-brand img{width:73%;}
    section.home-about .image-block,.image-block{float: unset;margin: 0 0 15px 0 !important;}
    section.home-about .image-block img,.image-block img{width: 100%;}
    section.section-spacing{padding-bottom: 10px;padding-top: 10px;}
    header .navbar .dropdown-submenu>.dropdown-menu li a{background-color: rgba(32,94,169,0.9);color: #fff;}
    header .navbar .dropdown-submenu>a:after{top: 12px;color: #fff;}
    header .navbar .dropdown-menu>li>a:hover{color: #fff;}
    header .navbar .dropdown-submenu>a{padding: 8px 20px !important;}
    .modal-lightbox .modal-content {width: 100%;}
    .common-section .content h1.heading{font-size: 35px;}
}