body {
            background: #fff;
            color: #333;
            font-family: 'Montserrat', sans-serif;
            font-size: 14px;
        }
        
        .notifyjs-corner {
            top: 110px!important;
        }
        
        a {
            color: #222a60;
        }
        /* added by sangeeta for preloader */
        /* http://i.stack.imgur.com/FhHRx.gif */
        
        .modalforpreloader {
            display: none;
            position: fixed;
            z-index: 1000;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(34, 32, 32, 0.53) url(../img/loader.gif) 50% 50% no-repeat;
        }
        /* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
        
        body.loading .modalforpreloader {
            overflow: hidden;
        }
        /* Anytime the body has the loading class, our
   modal element will be visible */
        
        body.loading .modalforpreloader {
            display: block;
        }
        /* end by sangeeta for preloader*/
        
        a:hover,
        a:active,
        a:focus {
            color: #f0b505;
            outline: none;
            text-decoration: none;
        }
        
        p {
            padding: 0;
            margin: 0 0 30px 0;
            font-weight: normal!important;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: bold;
            margin: 0 0 20px 0;
            padding: 0;
        }
        
        .cosqc-log {
            position: relative;
            top: 2px;
            left: 27px;
            width: 82px;
            height: 79px;
            float: right;
            margin-right: 25px;
        }
        /*added by sangeeta for signup page state list*/
        
        .stateList1 {
            overflow-y: scroll;
            max-height: 400px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            display: none;
        }
        
        .li-state {
            padding: 5px;
            cursor: pointer;
            padding-left: 10px;
            background: white !important;
            font-size: 13px;
        }
        
        .posiotio {
            position: relative;
        }
        /*end for signup*/
        /* Prelaoder */
        
        #preloader {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 999;
            width: 100%;
            height: 100%;
            overflow: visible;
            background: #fff url("../img/preloader.svg") no-repeat center center;
        }
        /*added by sangeeta 9 jan*/
        
        .page-item>.page-link>a {
            /*paddng:15px!important;*/
            text-decoration: underline;
            padding: 5px;
        }
        
        .card {
            width: 100%;
            height: 100%;
            margin: auto;
            border-radius: 6px;
            text-align: center;
            box-shadow: 0px 4px 7px;
            overflow: hidden;
        }
        
        .adjustheight {
            min-height: 100vh!important;
        }
        
        .main {
            margin-top: 70px;
        }
        
        .logocls {
            position: relative;
            top: 3px;
            width: 152px;
        }
        /* Back to top button */
        
        .back-to-top {
            position: fixed;
            display: none;
            background: rgba(0, 0, 0, 0.2);
            color: #fff;
            padding: 6px 12px 9px 12px;
            font-size: 16px;
            border-radius: 2px;
            right: 15px;
            bottom: 15px;
            transition: background 0.5s;
        }
        
        .back-to-top:focus {
            background: rgba(0, 0, 0, 0.2);
            color: #fff;
            outline: none;
        }
        
        .back-to-top:hover {
            background: #222a60;
            color: #fff;
        }
        /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
        
        .top-info {
            background: #3f3f3f;
            color: #fff;
            font-size: 14px;
            padding: 5px;
            margin-top: -8px;
        }
        
        #header {
            padding: 8px 0;
            position: fixed;
            left: 0;
            top: 0px;
            right: 0;
            transition: all 0.5s;
            z-index: 997;
            background: #fff;
            box-shadow: 0px 1px 8px -1px;
            padding-bottom: 2px;
        }
        
        #header #logo {
            float: left;
        }
        
        #header #logo h1 {
            font-size: 36px;
            margin: 0;
            padding: 6px 0;
            line-height: 1;
            font-weight: 700;
            letter-spacing: 3px;
            text-transform: uppercase;
        }
        
        #header #logo h1 a,
        #header #logo h1 a:hover {
            color: #fff;
        }
        
        #header #logo img {
            padding: 0;
            margin: 0;
        }
        
        #header.header-fixed {
            padding: 9px 0;
            transition: all 0.5s;
        }
        /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
        
        .default1 {
            display: none;
        }
        
        .error {
            color: red;
        }
        /* #hero {
  width: 100%;
  height: 100vh;
  background-size: cover;
  position: relative;
}

#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

#hero h1 {
  margin: 30px 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  text-transform: uppercase;
  color: #fff;
}

#hero h2 {
  color: #eee;
  margin-bottom: 50px;
  font-size: 24px;
}

#hero .btn-get-started {
  
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} */
        /*--------------------------------------------------------------
# Slider Banner
--------------------------------------------------------------*/
        
        .slider-banner-lak .item {
            height: 100vh;
            position: relative;
        }
        
        .slider-banner-lak .item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .slider-banner-lak .item .cover {
            padding: 75px 0;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            /* background: rgba(0, 0, 0, 0.5); */
            display: flex;
            align-items: center;
        }
        
        .slider-banner-lak .item .cover .header-content {
            position: absolute;
            padding: 20px;
            overflow: hidden;
            width: 100%;
            background-image: url(/public/img/home_icons/slider_bg.png);
            left: 0;
            right: 0;
            bottom: 0;
        }
        
        .slider-banner-lak .item .cover .header-content .line {
            content: "";
            display: inline-block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            border: 0px solid #fff;
            -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
            clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
        }
        
        .slider-banner-lak .item .cover .header-content h2 {
            font-weight: 800;
            font-size: 50px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 0;
        }
        
        .slider-banner-lak .item .cover .header-content h5 {
            color: #fff;
            text-align: center;
            font-weight: 400;
        }
        
        .slider-banner-lak .item .cover .header-content h1 {
            font-size: 56px;
            font-weight: 600;
            margin: 5px 0 20px;
            word-spacing: 3px;
            color: #fec011;
        }
        
        .slider-banner-lak .item .cover .header-content h4 {
            font-size: 24px;
            font-weight: 300;
            line-height: 36px;
            color: #fff;
        }
        
        .slider-banner-lak .owl-item.active h1 {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-name: fadeInDown;
            animation-delay: 0.3s;
        }
        
        .slider-banner-lak .owl-item.active h2 {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-name: fadeInDown;
            animation-delay: 0.3s;
        }
        
        .slider-banner-lak .owl-item.active h4 {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-name: fadeInUp;
            animation-delay: 0.3s;
        }
        
        .slider-banner-lak .owl-item.active .line {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-name: fadeInLeft;
            animation-delay: 0.3s;
        }
        
        .slider-banner-lak .owl-nav .owl-prev {
            position: absolute;
            left: 15px;
            top: 43%;
            opacity: 0;
            -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
            background: rgba(0, 0, 0, 0.5) !important;
            width: 40px;
            cursor: pointer;
            height: 40px;
            position: absolute;
            display: block;
            z-index: 1000;
            border-radius: 0;
        }
        
        .slider-banner-lak .owl-nav .owl-prev span {
            color: #fff;
        }
        
        .slider-banner-lak .owl-nav .owl-prev:focus {
            outline: 0;
        }
        
        .slider-banner-lak .owl-nav .owl-prev:hover {
            background: #000 !important;
        }
        
        .slider-banner-lak .owl-nav .owl-next {
            position: absolute;
            right: 15px;
            top: 43%;
            opacity: 0;
            -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
            background: rgba(0, 0, 0, 0.5) !important;
            width: 40px;
            cursor: pointer;
            height: 40px;
            position: absolute;
            display: block;
            z-index: 1000;
            border-radius: 0;
        }
        
        .slider-banner-lak .owl-nav .owl-next span {
            color: #fff;
        }
        
        .slider-banner-lak .owl-nav .owl-next:focus {
            outline: 0;
        }
        
        .slider-banner-lak .owl-nav .owl-next:hover {
            background: #000 !important;
        }
        
        .slider-banner-lak:hover .owl-prev {
            left: 0px;
            opacity: 1;
        }
        
        .slider-banner-lak:hover .owl-next {
            right: 0px;
            opacity: 1;
        }
        /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
        /* Nav Menu Essentials */
        
        .nav-menu,
        .nav-menu * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .nav-menu ul {
            position: absolute;
            display: none;
            top: 100%;
            left: 0;
            z-index: 99;
        }
        
        .nav-menu li {
            position: relative;
            white-space: nowrap;
        }
        
        .nav-menu>li {
            float: left;
        }
        
        .nav-menu li:hover>ul,
        .nav-menu li.sfHover>ul {
            display: block;
        }
        
        .nav-menu ul ul {
            top: 0;
            left: 100%;
        }
        
        .nav-menu ul li {
            min-width: 180px;
        }
        /* Nav Menu Arrows */
        
        .sf-arrows .sf-with-ul {
            padding-right: 30px;
        }
        
        .sf-arrows .sf-with-ul:after {
            content: "\f107";
            position: absolute;
            right: 15px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
        }
        
        .sf-arrows ul .sf-with-ul:after {
            content: "\f105";
        }
        /* Nav Meu Container */
        
        #nav-menu-container {
            float: right;
            margin-top: 21px;
        }
        /* Nav Meu Styling */
        
        .nav-menu a {
            padding: 0 8px 10px 8px;
            text-decoration: none;
            display: inline-block;
            color: #3f3f3f;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 14px;
            outline: none;
        }
        
        .nav-menu>li {
            margin-left: 10px;
        }
        
        .nav-menu>li>a:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: #fec800;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            transition: all 0.3s ease-in-out 0s;
        }
        
        .nav-menu a:hover:before,
        .nav-menu li:hover>a:before,
        .nav-menu .menu-active>a:before {
            visibility: visible;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
        
        .nav-menu ul {
            margin: 4px 0 0 0;
            border: 1px solid #e7e7e7;
        }
        
        .nav-menu ul li {
            background: #fff;
        }
        
        .nav-menu ul li:first-child {
            border-top: 0;
        }
        
        .nav-menu ul li a {
            padding: 10px;
            color: #333;
            transition: 0.3s;
            display: block;
            font-size: 13px;
            text-transform: none;
        }
        
        .nav-menu ul li a:hover {
            background: #fec800;
            color: #fff;
        }
        
        .nav-menu ul ul {
            margin: 0;
        }
        /* Mobile Nav Toggle */
        
        #mobile-nav-toggle {
            position: fixed;
            right: 0;
            top: 0;
            z-index: 999;
            margin: 5px 20px 0 0;
            border: 0;
            background: none;
            font-size: 24px;
            display: none;
            transition: all 0.4s;
            outline: none;
            cursor: pointer;
            color: #000;
        }
        
        #mobile-nav-toggle i {
            color: #222a60;
        }
        /* Mobile Nav Styling */
        
        #mobile-nav {
            position: fixed;
            top: 0;
            padding-top: 18px;
            bottom: 0;
            z-index: 998;
            background: rgba(52, 59, 64, 0.9);
            left: -260px;
            width: 260px;
            overflow-y: auto;
            transition: 0.4s;
        }
        
        #mobile-nav ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        #mobile-nav ul li {
            position: relative;
        }
        
        #mobile-nav ul li a {
            color: #fff;
            font-size: 16px;
            overflow: hidden;
            padding: 10px 22px 10px 15px;
            position: relative;
            text-decoration: none;
            width: 100%;
            display: block;
            outline: none;
        }
        
        #mobile-nav ul li a:hover {
            color: #fff;
        }
        
        #mobile-nav ul li li {
            padding-left: 30px;
        }
        
        #mobile-nav ul .menu-has-children i {
            position: absolute;
            right: 0;
            z-index: 99;
            padding: 15px;
            cursor: pointer;
            color: #fff;
        }
        
        #mobile-nav ul .menu-has-children i.fa-chevron-up {
            color: #222a60;
        }
        
        #mobile-nav ul .menu-item-active {
            color: #222a60;
        }
        
        #mobile-body-overly {
            width: 100%;
            height: 100%;
            z-index: 997;
            top: 0;
            left: 0;
            position: fixed;
            background: rgba(52, 59, 64, 0.9);
            display: none;
        }
        /* Mobile Nav body classes */
        
        body.mobile-nav-active {
            overflow: hidden;
        }
        
        body.mobile-nav-active #mobile-nav {
            left: 0;
        }
        
        body.mobile-nav-active #mobile-nav-toggle {
            color: #fff;
        }
        /*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
        /* Sections Header
--------------------------------*/
        
        .section-header .section-title {
            font-size: 32px;
            color: #111;
            text-transform: uppercase;
            text-align: center;
            font-weight: 700;
            margin-bottom: 5px;
        }
        
        .section-header .section-description {
            text-align: center;
            padding-bottom: 40px;
            color: #999;
        }
        /* About Us Section
--------------------------------*/
        
        #about {
            background: #fff;
            padding: 80px 0;
        }
        
        #about .about-container .background {
            min-height: 300px;
            background: url(../img/1home.jpg) center top no-repeat;
            margin-bottom: 10px;
        }
        
        #about .about-container .content {
            background: #fff;
        }
        
        #about .about-container .title {
            color: #333;
            font-weight: 700;
            font-size: 32px;
            text-transform: uppercase;
        }
        
        #about .about-container p {
            line-height: 26px;
        }
        
        #about .about-container p:last-child {
            margin-bottom: 0;
        }
        
        #about .about-container .icon-box {
            background: #fff;
            background-size: cover;
            padding: 0 0 30px 0;
        }
        
        #about .about-container .icon-box .icon {
            float: left;
            background: #fff;
            width: 64px;
            height: 64px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center;
            border-radius: 50%;
            border: 2px solid #222a60;
        }
        
        #about .about-container .icon-box .icon i {
            color: #222a60;
            font-size: 24px;
        }
        
        #about .about-container .icon-box .title {
            margin-left: 80px;
            font-weight: 500;
            margin-bottom: 5px;
            font-size: 18px;
            text-transform: uppercase;
        }
        
        #about .about-container .icon-box .title a {
            color: #111;
        }
        
        #about .about-container .icon-box .description {
            margin-left: 80px;
            line-height: 24px;
            font-size: 14px;
        }
        /* Facts Section
--------------------------------*/
        
        #facts {
            background: #f7f7f7;
            padding: 80px 0 60px 0;
        }
        
        #facts .counters span {
            font-size: 48px;
            display: block;
            color: #222a60;
        }
        
        #facts .counters p {
            padding: 0;
            margin: 0 0 20px 0;
            font-size: 14px;
        }
        /* Services Section
--------------------------------*/
        
        #services {
            background: url(/public/img/about/services_bg.jpg) top center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 60px 0 60px 0;
            margin-bottom: 30px;
        }
        
        #services .owl-nav {
            width: auto;
            position: absolute;
            top: -57px;
            right: 25px;
            font-size: 47px;
            border: 0;
        }
        
        #services .box {
            padding: 50px 20px;
            margin-bottom: 50px;
            text-align: center;
            border: 1px solid #e6e6e6;
            height: 200px;
            position: relative;
            background: #fafafa;
        }
        
        #services .icon {
            position: absolute;
            top: -36px;
            left: calc(50% - 36px);
            transition: 0.2s;
            border-radius: 50%;
            border: 6px solid #fff;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center;
            width: 72px;
            height: 72px;
            background: #2dc997;
        }
        
        #services .icon a {
            display: inline-block;
        }
        
        #services .icon i {
            color: #fff;
            font-size: 24px;
        }
        
        #services .box:hover .icon {
            background: #fff;
            border: 2px solid #2dc997;
        }
        
        #services .box:hover .icon i {
            color: #2dc997;
        }
        
        #services .box:hover .icon a {
            color: #2dc997;
        }
        
        #services .title {
            font-weight: 700;
            font-size: 18px;
            margin-bottom: 15px;
            text-transform: uppercase;
        }
        
        #services .title a {
            color: #111;
        }
        
        #services .description {
            font-size: 14px;
            line-height: 24px;
        }
        /* Call To Action Section
--------------------------------*/
        
        #call-to-action {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/call-to-action-bg.jpg) fixed center center;
            background-size: cover;
            padding: 80px 0;
        }
        
        #call-to-action .cta-title {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
        }
        
        #call-to-action .cta-text {
            color: #fff;
        }
        
        #call-to-action .cta-btn {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 1px;
            display: inline-block;
            padding: 8px 30px;
            border-radius: 50px;
            transition: 0.5s;
            margin: 10px;
            border: 2px solid #fff;
            color: #fff;
        }
        
        #call-to-action .cta-btn:hover {
            background: #2dc997;
            border: 2px solid #2dc997;
        }
        /* Portfolio Section
--------------------------------*/
        
        #portfolio {
            background: #f7f7f7;
            padding: 80px 0;
        }
        
        #portfolio #portfolio-wrapper {
            padding-right: 15px;
        }
        
        #portfolio #portfolio-flters {
            padding: 0;
            margin: 0 0 45px 0;
            list-style: none;
            text-align: center;
        }
        
        #portfolio #portfolio-flters li {
            cursor: pointer;
            margin: 0 10px;
            display: inline-block;
            padding: 10px 22px;
            font-size: 12px;
            line-height: 20px;
            color: #666666;
            border-radius: 4px;
            text-transform: uppercase;
            background: #fff;
            margin-bottom: 5px;
            transition: all 0.3s ease-in-out;
        }
        
        #portfolio #portfolio-flters li:hover,
        #portfolio #portfolio-flters li.filter-active {
            background: #2dc997;
            color: #fff;
        }
        
        #portfolio .portfolio-item {
            position: relative;
            height: 200px;
            overflow: hidden !important;
            margin-bottom: 15px;
            transition: all 350ms ease;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        
        #portfolio .portfolio-item a {
            display: block;
            margin-right: 15px;
        }
        
        #portfolio .portfolio-item img {
            position: relative;
            top: 0;
            transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
        }
        
        #portfolio .portfolio-item .details {
            height: 50px;
            background: #2dc997;
            position: absolute;
            width: 100%;
            height: 50px;
            bottom: -50px;
            transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
        }
        
        #portfolio .portfolio-item .details h4 {
            font-size: 14px;
            font-weight: 700;
            color: #fff;
            padding: 8px 0 2px 8px;
            margin: 0;
        }
        
        #portfolio .portfolio-item .details span {
            display: block;
            color: #fff;
            font-size: 13px;
            padding-left: 8px;
        }
        
        #portfolio .portfolio-item:hover .details {
            bottom: 0;
        }
        
        #portfolio .portfolio-item:hover img {
            top: -30px;
        }
        /* Team Section
--------------------------------*/
        
        #team {
            background: #fff;
            padding: 80px 0 60px 0;
        }
        
        #team .member {
            text-align: center;
            margin-bottom: 20px;
        }
        
        #team .member .pic {
            margin-bottom: 15px;
            overflow: hidden;
            height: 260px;
        }
        
        #team .member .pic img {
            max-width: 100%;
        }
        
        #team .member h4 {
            font-weight: 700;
            margin-bottom: 2px;
            font-size: 18px;
        }
        
        #team .member span {
            font-style: italic;
            display: block;
            font-size: 13px;
        }
        
        #team .member .social {
            margin-top: 15px;
        }
        
        #team .member .social a {
            color: #b3b3b3;
        }
        
        #team .member .social a:hover {
            color: #2dc997;
        }
        
        #team .member .social i {
            font-size: 18px;
            margin: 0 2px;
        }
        /* Contact Section
--------------------------------*/
        
        #contact {
            background: #272626;
            padding: 0px;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        #contact input {
            background: #eeeeee;
            color: #000!important;
            border-radius: 4px!important;
        }
        
        #contact select {
            background: #eeeeee;
            color: #000!important;
            border-radius: 4px!important;
        }
        
        #contact textarea {
            background: #eeeeee;
            color: #000!important;
            border-radius: 4px!important;
        }
        
        .yellow_btn {
            background: #fec011!important;
            color: #333!important;
            border-radius: 4px!important;
        }
        
        .yellow_btn:hover {
            background: #fff!important;
        }
        
        .color-white {
            color: #fff!important;
        }
        
        #contact #google-map {
            height: 300px;
            margin-bottom: 20px;
        }
        
        #contact img {
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
        }
        
        .form-control {
            display: block;
            width: 100%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #333;
            background-color: #fff;
            background-clip: padding-box;
            border: 0px solid #fec011;
            border-radius: 4px;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }
        
        #contact img {
            float: right;
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            border-radius: 4px;
            border: 1px solid #fff;
        }
        
        #contact img:hover {
            filter: grayscale(0%);
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
        }
        
        #contact ::placeholder {
            color: #000!important;
        }
        
        #contact .info {
            color: #333333;
        }
        
        #contact .info i {
            font-size: 20px;
            margin-bottm: 20px;
            margin-right: 10px;
        }
        
        #contact .info p {
            padding: 0 0 5px 0px;
            margin-bottom: 7px;
            line-height: 22px;
            font-size: 14px;
            color: #fff;
        }
        
        #contact .info .fa {
            color: #fec011;
        }
        
        #contact .info .email p {
            padding-top: 5px;
        }
        
        #contact .info .email a {
            color: #fff
        }
        
        #contact .social-links {
            padding-bottom: 20px;
        }
        
        #contact .social-links .fa {
            color: #000 !important;
        }
        
        #contact .social-links a {
            font-size: 18px;
            display: inline-block;
            background: #ffc107;
            color: #000 !important;
            line-height: 0;
            padding: 9px 0px 0px 10px;
            border-radius: 4px;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
        }
        
        #contact .social-links a:hover {
            background: #fff;
            color: #000!important;
        }
        
        #contact .form #sendmessage {
            color: #2dc997;
            border: 1px solid #2dc997;
            display: none;
            text-align: center;
            padding: 15px;
            font-weight: 600;
            margin-bottom: 15px;
        }
        
        #contact .form #errormessage {
            color: red;
            display: none;
            border: 1px solid red;
            text-align: center;
            padding: 15px;
            font-weight: 600;
            margin-bottom: 15px;
        }
        
        .accordion_container {
            width: 500px;
        }
        
        .accordion_head {
            background-color: skyblue;
            color: white;
            cursor: pointer;
            font-size: 14px;
            margin: 0 0 1px 0;
            padding: 7px 11px;
            font-weight: bold;
        }
        
        .accordion_body {
            /*background: lightgray;*/
        }
        
        .accordion_body p {
            padding: 18px 5px;
            margin: 0px;
        }
        
        .plusminus {
            float: right;
        }
        
        .form-signin {
            max-width: 90%;
            padding: 15px;
            margin: 0 auto;
        }
        
        .login-key {
            height: 100px;
            font-size: 80px;
            line-height: 100px;
            background: -webkit-linear-gradient(#3bef27, #0DB8DE);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .form-signin .form-signin-heading,
        .form-signin .checkbox {
            margin-bottom: 10px;
        }
        
        .form-signin .checkbox {
            font-weight: normal;
        }
        
        .form-signin .form-control {
            position: relative;
            font-size: 16px;
            height: auto;
            padding: 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        .form-signin .form-control:focus {
            z-index: 2;
        }
        
        .form-signin input[type="text"] {
            margin-bottom: -1px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        
        .form-signin input[type="password"] {
            margin-bottom: 10px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        
        .account-wall {
            margin-top: 20px;
            padding: 40px 0px 20px 0px;
            background-color: #f7f7f7;
            -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        }
        
        .login-title {
            color: azure;
            font-size: 18px;
            font-weight: 400;
            display: block;
        }
        
        .profile-img {
            width: 96px;
            height: 96px;
            margin: 0 auto 10px;
            display: block;
            border-radius: 50%;
        }
        
        .need-help {
            margin-top: 10px;
        }
        
        .new-account {
            display: block;
            margin-top: 10px;
        }
        
        #contact .form #sendmessage.show,
        #contact .form #errormessage.show,
        #contact .form .show {
            display: block;
        }
        
        #contact .form .validation {
            color: red;
            display: none;
            margin: 0 0 20px;
            font-weight: 400;
            font-size: 13px;
        }
        
        #contact .form input,
        #contact .form textarea {
            border-radius: 0;
            box-shadow: none;
            font-size: 14px;
        }
        
        #contact .form button[type="submit"] {
            background: #2dc997;
            border: 0;
            padding: 10px 24px;
            color: #fff;
            transition: 0.4s;
        }
        
        #contact .form button[type="submit"]:hover {
            background: #51d8ad;
        }
        /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
        
        #footer {
            background: #272626;
            padding: 13px 0;
            color: #fff;
            font-size: 14px;
            border-top: 0px solid #fff;
        }
        
        #footer .copyright {
            text-align: center;
        }
        
        #footer .credits {
            padding-top: 10px;
            text-align: center;
            font-size: 13px;
            color: #ccc;
        }
        
        @media (min-width: 769px) {
            #call-to-action .cta-btn-container {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }
        }
        
        @media (min-width: 1024px) {
            #hero {
                background-attachment: fixed;
            }
        }
        
        @media (max-width: 1024px) {
            #call-to-action {
                background-attachment: scroll;
            }
        }
        
        @media (max-width: 768px) {
            .slider-banner-lak .item .cover .header-content {
                position: relative;
                padding: 0px!important;
                padding-top: 56px !important;
                overflow: visible;
                padding-bottom: 28px;
            }
            .back-to-top {
                bottom: 15px;
            }
            #header #logo h1 {
                font-size: 26px;
            }
            #header #logo img {
                max-height: 40px;
                width: auto;
                margin-bottom: 7px;
            }
            #hero h1 {
                font-size: 28px;
                line-height: 36px;
            }
            #hero h2 {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 30px;
            }
            #nav-menu-container {
                display: none;
            }
            #mobile-nav-toggle {
                display: inline;
            }
            #about .about-container .title {
                padding-top: 15px;
            }
        }
        
        .fixed-top {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030;
            background: #fec011;
        }
        
        .analytical_services {
            background: url(/public/img/about/ANALYTICAL-SERVICES.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            padding: 100px 5px;
            text-align: center;
            color: #fff!important;
            width: 100%;
            float: left;
            min-height: 230px;
            text-transform: uppercase;
            margin-bottom: 15px;
            background-size: cover;
        }
        
        .wdq {
            background: url(/public/img/about/We-Deliver-Quality.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            padding: 100px 5px;
            text-align: center;
            color: #fff!important;
            width: 100%;
            float: left;
            min-height: 230px;
            text-transform: uppercase;
            margin-bottom: 15px;
            background-size: cover;
        }
        
        .aot {
            background: url(/public/img/about/ALWAYS-ON-TIME.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            padding: 100px 5px;
            text-align: center;
            color: #fff!important;
            width: 100%;
            float: left;
            min-height: 230px;
            text-transform: uppercase;
            margin-bottom: 15px;
            background-size: cover;
        }
        
        .wap {
            background: url(/public/img/about/WE-ARE-PASSIONATE.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            padding: 100px 5px;
            text-align: center;
            color: #fff!important;
            width: 100%;
            float: left;
            min-height: 230px;
            text-transform: uppercase;
            margin-bottom: 15px;
            background-size: cover;
        }
        
        .ab-box {
            /*border: 1px solid #ddd;
    box-shadow: 0px 1px 8px -4px #000;
    border-radius: 2px;
	min-height:460px;*/
        }
        
        .ab-box p {
            font-size: 14px;
            padding: 10px 0px;
        }
        
        .ab-box .title {
            color: #393939;
            margin: 0 0 9px 0
        }
        /*hover*/
        
        .title-arch {
            text-align: center;
            margin: 50px 0;
            font-size: 22px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }
        
        .project {
            width: 100%;
            height: 500px;
            background-image: url(https://image.freepik.com/free-vector/abstract-geometric-background-design_1045-764.jpg);
            background-size: cover;
            background-position: center;
            padding: 0 !important;
            float: left;
        }
        
        .project-2 {
            background-image: url(https://image.freepik.com/free-vector/abstract-geometric-background-design_1045-764.jpg);
        }
        
        .project-3 {
            background-image: url(https://image.freepik.com/free-vector/abstract-geometric-background-design_1045-764.jpg);
        }
        
        .project-4 {
            background-image: url(https://image.freepik.com/free-vector/abstract-geometric-background-design_1045-764.jpg);
        }
        
        .project-hover {
            width: 100%;
            height: 100%;
            color: #fff;
            opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background-color: rgba(186, 232, 2, 0.7);
            padding: 40% 30px !important;
        }
        
        .project-hover hr {
            height: 30px;
            width: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background-color: rgba(255, 255, 255, 1);
            border: 0;
        }
        
        .project-hover a {
            color: rgba(255, 255, 255, 1);
            padding: 2px 22px;
            line-height: 40px;
            border: 2px solid rgba(255, 255, 255, 1);
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }
        
        .project-hover a:hover {
            border-color: rgba(51, 51, 51, 1);
            color: rgba(51, 51, 51, 1);
            background-color: #FFF;
        }
        
        .project:hover .project-hover {
            opacity: 1;
        }
        
        .project:hover .project-hover hr {
            width: 100%;
            height: 5px;
        }
        /*#f1_container {
    position: relative;
    margin: 10px auto;
    width: 250px;
    height: 190px;
    z-index: 1;
}*/
        
        #f1_container {
            position: relative;
            margin: 0px auto;
            width: 284px;
            height: 200px;
            z-index: 1;
            font-size: 13px;
            background: #fff;
            width: 100%;
        }
        
        #f1_container {
            perspective: 1000px;
        }
        
        #f1_card {
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: all 1.0s linear;
        }
        
        #f1_container:hover #f1_card {
            transform: rotateY(180deg);
            box-shadow: -5px 5px 5px #aaa;
        }
        
        .face {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
        }
        
        .face.back {
            display: block;
            transform: rotateY(180deg);
            box-sizing: border-box;
            padding: 10px;
            text-align: center;
            background-color: #fff!important;
        }
        
        #f1_container img {
            width: 100%;
        }
        
        .bg-login {
            background: #ebebeb;
            padding: 20px;
            border-radius: 4px;
            border: 1px solid#ddd;
            margin-top: 30px;
        }
        
        .bg-login .fa {
            border: 1px solid #ddd;
            padding: 20px;
            background: #fff;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            color: #14193f;
        }
        
        .container-fluid {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }
        /*=============top_nav=================*/
        
        .top_nav {
            margin-bottom: 8px;
            margin-left: 0;
            padding-left: 20px;
        }
        
        .top_nav .fa {
            font-size: 19px;
            color: #fec011;
            margin-right: 5px;
        }
        
        .top_nav li {
            list-style: none;
            display: inline;
            margin-right: 18px;
            font-size: 14px;
        }
        
        .top_nav img {
            width: 20px;
            height: 16px;
        }
        
        .pull-right .fa {
            color: #fff;
            background: #ffc107;
            padding: 5px 8px;
            border-radius: 5px;
            width: 31px;
            height: 28px;
        }
        
        .pull-right .fa:hover {
            color: #ffc107;
            background: #fff;
        }
        
        .pen {
            background: #ddd;
            padding: 10px;
            width: 67px;
            height: 67px;
            border-radius: 50%;
            line-height: 48px;
        }
        
        .signup-bg {
            margin-bottom: 15px;
            background: #f7f7f7;
            box-shadow: 0px 18px 2px rgb(0 0 0 / 30%);
            padding: 30px;
            border-radius: 16px;
        }
        
        .card {
            border: 0px
        }
        
        @media (max-width: 1024px) {
            .top-info {
                display: none;
            }
            .cosqc-log {
                display: none;
            }
        }
        
        @media (min-width: 1024px) {
            #f1_container {
                font-size: 12px;
            }
        }
        
        #contact a {
            color: #fff
        }
        
        #contact a:hover {
            color: #fec011!important;
        }
        
        .btn-info {
            background-color: #222a60;
            border-color: #222a60
        }
        
        .btn-info:hover {
            background-color: #3c426b;
            border-color: #3c426b
        }
        
        .light_gray {
            background: #eee;
            padding: 11px;
        }
        
        .fs-22 {
            font-size: 22px;
        }
        
        @media only screen and (min-device-width: 220px) and (max-device-width: 480px) {
            #about {
                background: #fff;
                padding: 0px;
            }
            .login-form {
                width: 100%!important;
                margin: 0 auto !important;
            }
            .btn-info {
                background-color: #222a60;
                border-color: #222a60;
                width: 100%;
                margin-top: 17px;
            }
        }
        /*By:Rakesh11fab-22*/
        
        .fs-80 {
            font-size: 80px;
        }
        
        .fs-30 {
            font-size: 30px;
        }
        
        .text-yellow {
            color: #fec011!important
        }
        
        .text-cap {
            text-transform: uppercase;
        }
        
        #whatwe {
            background: #f2f2f2!important
        }
        
        #whatwe h3 {
            color: #393939;
            font-size: 16px;
            margin: 10px 0 9px 0;
        }
        
        #whatwe .tm-15 {
            margin-top: -15%;
        }
        
        #contact .cover {
            padding: 2px 0px 64px;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            align-items: center;
        }
        
        .single-page-header:before {
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
        }
        
        .single-page-header {
            background-image: url(../images/about/about-header.jpg);
            background-size: cover;
            padding: 145px 0 0px;
            text-align: center;
            color: #fff;
            position: relative;
            margin-bottom: 25px;
        }
        
        .g-title {
            font-size: 36px!important;
            color: #fec011;
            margin-bottom: 0;
            margin-bottom: 0;
            line-height: 58px;
            text-transform: uppercase!important;
        }
        
        .breadcrumb {
            background: none
        }
        
        .btn-warning {
            color: #212529;
            background-color: #fec011!important;
            border-color: #fec011!important;
        }
        
        .btn-warning:hover {
            color: #212529;
            background-color: #edb005!important;
            border-color: #edb005!important;
        }
        
        .blue-text {
            color: #1f254b!important;
        }
        /*DEMO ONLY*/
        
        .service-categories {
            padding-top: 3em;
            padding-bottom: 3em;
            background: #fff;
            background-size: cover;
        }
        /*DEMO ONLY*/
        
        .service-categories .card {
            transition: all 0.2s;
        }
        
        .service-categories .card-title {
            padding-top: 0.5em;
        }
        
        .service-categories a:hover {
            text-decoration: none;
        }
        
        .service-card {
            background: #fff;
            border: 0;
            box-shadow: 0px 0px 0px!important;
        }
        
        .service-card:hover {
            background: #fff;
            border-right: 5px solid orange;
            border-left: 5px solid orange;
        }
        
        @media screen and (max-width: 768px) {
            .single-page-header {
                background-image: url(../images/about/about-header.jpg);
                background-size: cover;
                padding: 68px 0 0px;
                text-align: center;
                color: #fff;
                position: relative;
                margin-bottom: 0;
            }
            .mt-5 {
                margin-top: 1rem!important;
            }
            .pt-5 {
                padding-top: 0rem!important;
            }
            #contact {
                background: #000;
                padding: 0px;
                background-position: center top;
                background-repeat: no-repeat;
                background-size: cover;
                margin-top: 25px;
                padding-top: 15px;
            }
            .slider-banner-lak .item {
                height: 75vh;
                position: relative;
            }
            .display-none {
                display: none;
            }
            .service-categories {
                padding-top: 3em;
                padding-bottom: 0em;
                background: #fff;
                background-size: cover;
            }
        }
        /* By Rakesh 08/02/2024 form-certification */
        
        .ct_bg {
            background: url(/public/img/form_background.jpg) top right no-repeat !important;
        }
        
        .cert_form {
            background: url(/public/img/forn_slide.png) top center repeat;
            box-shadow: 0px -2px 9px -4px;
            border-radius: 8px;
        }
        
        .translated-ltr {
            margin-top: -40px;
        }
        
        .translated-ltr {
            margin-top: -40px;
        }
        
        .goog-te-banner-frame {
            display: none;
            margin-top: -20px;
        }
        
        .goog-logo-link {
            display: none !important;
        }
        
        .goog-te-gadget {
            color: transparent !important;
        }
        
        .goog-te-gadget .goog-te-combo {
            margin: 0px 0;
            padding: 5px;
            border: 2px solid #ddd;
            border-radius: 4px;
            margin-top: -5px;
            text-transform: uppercase;
            color: #333;
        }
        
        .logocls {
            height: auto !important;
        }
        
        * {
            padding: 0;
            margin: 0;
        }
        
        body {
            font-size: 1rem;
        }
        
        .container {
            width: 1600px;
            margin: auto;
        }
        
        .subcontainer {
            width: 85%;
            margin: auto;
        }
        
        #cookies {
            width: 100%;
            position: fixed;
            bottom: 0;
            color: white;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1;
            display: none;
        }
        
        .cookies {
            min-height: 70px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .cookies a {
            text-decoration: none;
            font-weight: 500;
            color: yellow;
        }
        
        #cookies-btn {
            border-radius: 5px;
            padding: 8px 12px 8px 12px;
            font-size: 1rem;
            cursor: pointer;
            border: 3px solid white;
            background-color: black;
            color: white;
        }
        
        @media(max-width:1600px) {
            .container {
                width: 100%;
            }
        }
        
        @media(max-width:1024px) {
            .cookies {
                padding: 10px 0;
            }
        }
        
        @media(max-width:768px) {
            #cookies-btn {
                width: 100%;
            }
        }
        /* By Rakesh Tewatiya 16/02/2024 */
        
        #contact .social-links a {
            font-size: 18px;
            display: inline-block;
            background: #ffc107;
            color: #000 !important;
            line-height: 0;
            padding: 9px 0px 0px 1px;
            border-radius: 4px;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
        }
        
        .yellow_card {
            background: #ffa005;
            color: #fff;
            text-align: center;
            padding: 15px;
            box-shadow: 0px 1px 8px 0px #adaaaa;
        }
        
        .white_card {
            background: #fff;
            color: #333;
            text-align: center;
            padding: 15px;
            box-shadow: 0px 1px 8px 0px #adaaaa;
        }
        
        .blue_card h3 {
            color: #fff!important;
        }
        
        .yellow_card h3 {
            color: #fff;
        }
        
        .blue_card {
            background: #032196;
            color: #fff;
            text-align: center;
            padding: 15px;
            box-shadow: 0px 1px 8px 0px #adaaaa;
        }
        
        .blank_card {
            background: none;
            color: #333;
            text-align: center;
            padding: 15px;
        }
        
        .gray_card {
            background: #f2f2f2;
            color: #333;
            text-align: center;
            padding: 15px;
        }
        
        h3 {
            font-weight: bold;
            margin: 0 0 20px 0;
            padding: 0;
            font-size: 1.5rem!important;
        }
        
        .btn-secondary {
            color: #fff;
            background-color: #222;
            border-color: #222;
        }
        /* 19/04/2024 by Rakesh Singh */
        
        .sbg1 {
            background: url(https://gccertifications-prod.s3.ap-south-1.amazonaws.com/image/img/step1.png);
            background-repeat: no-repeat;
            background-position: top;
            height: 323px;
            padding-top: 15%;
            padding-left: 15%;
            padding-right: 15%;
        }
        
        .sbg2 {
            background: url(https://gccertifications-prod.s3.ap-south-1.amazonaws.com/image/img/step2.png);
            background-repeat: no-repeat;
            background-position: top;
            height: 323px;
            padding-top: 15%;
            padding-left: 15%;
            padding-right: 36%;
        }
        
        .sbg3 {
            background: url(https://gccertifications-prod.s3.ap-south-1.amazonaws.com/image/img/step3.png);
            background-repeat: no-repeat;
            background-position: top;
            height: 323px;
            padding-top: 15%;
            padding-left: 15%;
            padding-right: 36%;
        }
        
        .sbg4 {
            background: url(https://gccertifications-prod.s3.ap-south-1.amazonaws.com/image/img/step4.png);
            background-repeat: no-repeat;
            background-position: top;
            height: 323px;
            padding-top: 15%;
            padding-left: 15%;
            padding-right: 36%;
        }
        
        .sbg5 {
            background: url(https://gccertifications-prod.s3.ap-south-1.amazonaws.com/image/img/step5.png);
            background-repeat: no-repeat;
            background-position: top;
            height: 323px;
            padding-top: 15%;
            padding-left: 15%;
            padding-right: 36%;
        }
        
        .sbg6 {
            background: url(https://gccertifications-prod.s3.ap-south-1.amazonaws.com/image/img/step6.png);
            background-repeat: no-repeat;
            background-position: top;
            height: 323px;
            padding-top: 15%;
            padding-left: 15%;
            padding-right: 36%;
        }