html {
    scroll-behavior: smooth;
}
.codegrand {
    color: #000000;
}
.brand-color{
    color: #ffb200;
}
.brand-bg{
    background-color: #ffb200;
}
.nav-outer .logo{
display: none;
}
.mobile-top-bar{
    display: none;
}
ul.service-context {
    margin-left: 3rem !important;
}
ul.service-context,
ul.service-context li {
    list-style: disc;
    padding: 2px;
    margin: 2px;
}
.our-projects-carousel .item {
    border: 1px solid #b3b3b3;
    box-shadow: 0px 0px 15px 0px rgb(219 219 219);
}
.our-projects-carousel img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.lower-content p {
    text-align: justify;
}

.services-block .lower-box {
    box-shadow: 0px 0px 15px 0px rgb(219 219 219);
}
.service-img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.testimonial-block img {
    height: inherit;
}
table.tbl,
.sidebar,
.page-title,
.main-box,
.sticky-header,
.header-top,
.main-footer {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.tbl:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.header-top ul li a {
    color: #222222;
}

table.tbl,
table.tbl td,
table.tbl th {
    border: 1px solid #ddd;
    text-align: left;
}

table.tbl {
    border-collapse: collapse;
    width: 100%;
}
table.tbl th {
    background: #f6f6f6;
    text-transform: uppercase;
}
table.tbl th,
table.tbl td {
    padding: 15px;
}
.certificate .image-box img {
    height: auto !important;
}

.clients-section .owl-carousel img {
    height: inherit;
    object-fit: inherit;
}

.brand-logo {
    background: url("../images/logo.png");
    height: 100px;
    width: 100px;
    background-size: contain;
}

.logo img {
    max-width: 100%;
}

.img-responsive img {
    max-width: 60%;
}

.text-grey {
    color: #9692a0 !important;
}

.clients-section .sponsors-outer .image-box img {
    filter: inherit;
}

/* navigation */

.main-header .auto-container{
    width: 100%;
    max-width: 100%;
}

.header-upper .icon-box span{
    color: #ffffff;
}

/* .main-header .info-box li{
    margin-top: 1.5rem;
    margin-right: 1.5rem;
} */

.mobile-top-bar ul li{
    display: inline;
}

.main-header .nav-outer{
    bottom:-20px;
}

.header-upper .upper-right{
    margin-top: 2rem;
}

.main-header .header-upper{
    top: 0px;
}
.main-header{
    background: #ffb200;
}
.main-header .header-upper .upper-right{
    padding-top: 0;
    margin-right: 101px;
}
.main-menu .navigation > li > a{
    color: black;
}
.main-header .nav-outer{
    background: #ffffff;
}
.main-header .info-box .icon-box{
    color: #ffffff;
}
.main-header .info-box li{
    color: #000000;
}
.main-header .header-upper .logo-box{
    padding:0;
}
.main-menu.navbar-expand-md{
    width: 100%;
}
.main-menu .navigation.clearfix{
    margin: 0 auto;
}
.sticky-header .main-menu .navigation > li > a{
    padding: 30px 0 20px !important;
}
.navbar-collapse.collapse.clearfix{
    float: right;
    /*margin-right: 7rem;*/
}

.fixed-header .navbar-collapse.collapse.clearfix{
    margin-right: 0;
}

/* home page */

.main-slider h2,
.main-slider h3,
.main-slider .text {
    text-shadow: 2px 2px 7px #000000;
}
.services-block .inner-box .lower-box .image img {
    height: 18rem;
    object-fit: cover;
}
.services-block .inner-box .lower-box p {
    text-align: justify;
}
.services-block .inner-box .upper-box h3 {
    display: inline;
    margin-left: 1rem;
}
.services-block .inner-box .upper-box {
    padding-left: 0;
}
.services-block .inner-box .upper-box span {
    padding: 2rem;
    background: #ffb200;
}
.services-block .inner-box .upper-box span img {
    padding-bottom: 0.5rem;
}
.clients-carousel img {
    border: none !important;
    height: 100px !important;
    width: 100% !important;
    object-fit: contain !important;
}

/* gallery page */
.default-portfolio-item .inner-box {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 5px;
}
.gallery img {
    height: 200px;
    object-fit: cover;
}
/* services page */
ul.service-context {
    margin-left: 3rem;
}
ul.service-context,
ul.service-context li {
    list-style: disc;
    padding: 2px;
    margin: 2px;
}

/* others */
.loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid yellow; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 9999999;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#overlay {
    background: rgb(0 0 0 / 30%);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

/* about us page */

.about.page-title{
    padding: 100px 0 141px;
}

#about-us-wrapper ul li{
    margin :  .5rem 0 .5rem 1.5rem;
    list-style : circle;
}

#about-us-wrapper .tabs-content h2{
    color: #000000;
    margin: 0 0 2rem 0;
}

#about-us-wrapper .prod-tabs.tabs-box{
    padding: 0;
}

.pf_asm{
    position: fixed;
    top : 8rem;
    width: 23%;
}
.pfb_asm{
    position: fixed;
    bottom : 24rem;
    width: 23%;
}
.pr_asm{
    position: relative;
}

/* gallery */

.gallery-tabs img{
    margin-bottom: 2rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 5px;
}

/* our facility */

.our-facility .content{
    border: 1px solid #e4e4e4;
}
.our-facility .content ul{
    margin-left: 40px;
}
.our-facility .content ul li{
    list-style: disc;
}
.our-facility .image-gl img{
    margin-bottom: 2rem;
}

/* media queries */

@media only screen and (max-width: 767px) {
    .mobile-top-bar{
        display: block;
    }
    .main-slider h2,
    .main-slider h3{
        font-size: 19px;
        margin-top: 0rem;
    }
    .header-upper{
        display: none;
    }
    .page-title {
        height: 200px;
    }
    .nav-outer .logo{
        display: block;
        width: 70%;
        float: left;
    }
    .nav-outer .logo img{
        float: left;
        position: relative;
        margin-top: -6%;
    }
    .navbar-toggler{
        background-color: #000000cf;
        border: 1px solid #00000069;
    }
    i.desktop-chevron-down {
        display: none;
    }
    .deck-carousel {
        display: none !important;
    }
    .navbar-collapse.collapse.clearfix{
        margin-right: 0;
    }
    #about-sidemenu{
        position: relative;
        width: 100%;
        top: 0;
    }
}