/* =========================================
    Default Theme
    ----------------------------------------
    Fonts: Raleway & Open Sans
    ----------------------------------------
    Colors:
        Moon Yellow:         #f4c613
        Grey:                #212226
        White Smoke:         #f4f4f4
        White:               #fff
        white grey:          #efefef
        Black:               #000   
============================================ */

:root {
    /* Text Color */
    --moon-yellow: #275dc7;
    --grey: #212226;
    --white-smoke:#f4f4f4;
    --white:#fff;
    --black:#000;
    --white-grey:#efefef;
    --orange:#f6a33b;
    --green:#66b647;

    /* Fonts */
    --primary-font:'Raleway', sans-serif;
    --secondary-font:'Open Sans', sans-serif;
  }


/* =========================================
                common classes
============================================ */
.top-border {
    border-top: 7px solid #1851c1;
}
.text-justify {
    text-align: justify;
}
 
    
/* =========================================
                Html, Body
============================================ */


body {
    color: var(--grey);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:var(--primary-font);
}

p {
    font-family:var(--secondary-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
section {
    background-color:var(--white);
    overflow: hidden;
}


/* banner */
.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #b0b0b0;
}

.carousel-inner:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(0,0,0,0);
    width: 100%;
    height: 698px;
    z-index: 1;
}
.carousel-item h2,
.carousel-item p {
    z-index: 999;
    position: relative;
    background:rgba(0,0,0,0.4)
}
#banner1 {
    background: url(../img/home/banner4.jpg); 
    padding:200px 0;
}
#banner2 {
    background: url(../img/home/banner.jpg); 
    padding:200px 0;
}
#banner3 {
    background: url(../img/home/banner5.jpg); 
    padding:200px 0;
}
#banner h2 {
    font-size: 30px;
    color:var(--white); 
    display: inline;
    line-height: 45px;
    font-family: var(--primary-font);
    font-weight:500;
}
#banner p {
    color:var(--white);  
    font-size: 20px; 
    line-height: 30px;
    display: inline;
    font-family: var(--primary-font);
    
}


/* =========================================
                Buttons
============================================ */
.btn-general {
    font-family: var(--primary-font);
    border-radius: 28px;
    color:var(--white);
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 6px;
    padding: 12px 46px;
    transition: all .5s;
}
.btn-home {
    color:var(--white);
    border: 1px solid #fff;
}
.btn-home:hover, 
.btn-home:focus {
    color:var(--white);
    background-color: var(--moon-yellow);
    border: 1px solid var(--moon-yellow);
}

.btn-yellow {
    color:var(--white);
    border: 1px solid var(--moon-yellow);
    background-color: var(--moon-yellow);
}
.btn-yellow:hover, 
.btn-yellow:focus {
    color:var(--white);
    background-color: var(--grey);
    border: 1px solid var(--grey);
}
.btn-white {
    color:var(--grey);
    border: 1px solid var(--white);
    background-color: var(--white);
}
.btn-white:hover, 
.btn-white:focus {
    color:var(--white);
    background-color: var(--grey);
    border: 1px solid var(--grey);
}
.btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 3px 15px;
    border-radius: 4px;
    font-size: 22px;
    display: none;
}

/* =========================================
                Arrow Down
============================================ */
#arrow-down {
    position: absolute;
    bottom: 20px;
    color: var(--white);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    z-index: 1;
}
#arrow-down:hover,
#arrow-down:focus {
    color: var(--moon-yellow);
}



/* =========================================
                Content Boxes
============================================ */
.content-box-lg {
    padding: 120px 0;
}

.content-box-md {
    padding: 100px 0;
}

.content-box-sm {
    padding: 90px 0;
}

.content-box-xs {
    padding: 30px 0;
}



/* =========================================
                Vertical Headings
============================================ */
.vertical-heading h5 {
    color: var(--moon-yellow);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    word-spacing: 9px;
    display: inline-block;
    transform: rotate(-90deg);
    position: relative;
    top: 60px;
    left: -53px;
}
.vertical-heading h2 {
    margin: 0 0 0 35px;
}
.vertical-heading h2,
.horizontal-heading h2  {
    font-size: 42px;
    font-weight: 300;
    line-height: 45px;
}
.horizontal-heading {
    margin-bottom:30px;
}
.horizontal-heading h5 {
    font-size: 16px;
    color: var(--moon-yellow);
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}
.horizontal-heading h2 {
    margin-bottom: 60px;
}
.horizontal-heading .x-header__text {
    display: block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing:2px;
    line-height: 1.5em;
    margin: 0;
    color: #FD9300;
}

.white {
    color: var(--white);
}



/* =========================================
                About 01
============================================ */
#about {
	background-color: transparent;
	position: relative;
	z-index: 9999;
	margin-top: -90px;
    padding-bottom: 50px;
}
#about-right p:first-child {
    margin-bottom: 30px;
}
#about-bottom {
    margin-top: 60px;
}


/* =========================================
                About 02
============================================ */
#about-02 {
    background-color: var(--white-smoke);
}
.about-item {
    background-color: var(--white);
    padding: 80px 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.about-item i {
    font-size: 42px;
    margin: 0 0 15px 0;
}
.about-item h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}
.about-item hr {
    width: 45px;
    height: 3px;
    background-color:var(--moon-yellow);
    margin: 0 auto;
    border: none;
}
.about-item p {
    margin-top: 20px;
}

/* Hover State */
.about-item:hover {
    background-color: var(--moon-yellow);
}
.about-item:hover i,
.about-item:hover h3,
.about-item:hover p {
    color: var(--white);
}

.about-item:hover i {
    transform: translateY(-20px);
}

.about-item:hover hr {
    background-color:var(--white);
}

/* Smooth Transition */
.about-item,
.about-item i,
.about-item hr {
    transition: all 400ms ease-in-out;
}



/* =========================================
                Team
============================================ */
#team-left .vertical-heading {
    min-height: 160px;
}
.team-member {
    margin:8px;
    position: relative;
}
.team-member-overlay {
    background-color: rgba(33,34,38,0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: all 300ms linear;
}
.team-member:hover .team-member-overlay {
    opacity: 1;
}
.team-member-info {
    width: 100%;
    height: 100%;
    padding: 80px 0;
}
.team-member-info h6 {
    color: var(--moon-yellow);
    font-size: 16px;
    margin: 0;
}
.team-member-info p {
    color: var(--white);
}

/* Team Social Icons */
ul.social-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.social-list li {
    display: inline-block;
    margin: 0 5px;
    padding-top: 20px;
}
ul.social-list li a {
    border: 1px solid #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    color: var(--white);
    transition: all 400ms linear;
}
ul.social-list li:nth-child(1) a:hover {
    background:#3b5998;
    border: transparent;
}
ul.social-list li:nth-child(2) a:hover {
    background:#00aced;
    border: transparent;
}
ul.social-list li:nth-child(3) a:hover {
    background:#dd4b39;
    border: transparent;
}


/* =========================================
            Progress Bar
============================================ */
.skill {
    margin-bottom: 20px;
}
.skill h4 {
    line-height: 62px;
    margin: 0;
    font-weight: normal;
}
.progress {
    height: 25px;
    border-radius:0;
    background-color:var(--white-grey);
    overflow: visible;
}
.progress-bar {
    background-color: var(--moon-yellow);
    position: relative;
    overflow: visible;
}
.progress-bar span {
    font-size: 11px;
    font-weight: 100;
    font-family: var(--secondary-font);
    background-color: var(--grey);
    position: absolute;
    padding: 3px;
    left: 97%;
    top: -47px;
}
.progress-bar span:before {
    content: "";
    border-top: 8px solid var(--grey);
    border-left: 6px solid transparent;
    border-right:6px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 23%;
}




/* =========================================
            Owl Carousel buttons
============================================ */
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
	color:var(--grey);
    font-size: 40px;
    margin: 0;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: none;
	color:var(--grey);
	text-decoration: none;
}




/* =========================================
            Statement
============================================ */
#statement {
    background: url("../img/tech/tech-statement.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
#statement .content-box-lg {
    background: rgba(0,0,0,0.3);
}
#tech-statement h3 {
    color:var(--white);
    font-size: 28px;
    line-height: 45px;
}
#tech-statement p {
    color:var(--moon-yellow);
    font-size:14px;
    font-family: var(--primary-font);
    margin-top: 8px;
}


/* =========================================
            Services 01
============================================ */
#services-01 img {
    margin: 60px 0;
}
.service {
    margin: 35px 0;
}
.service .icon {
    font-size: 42px;
    margin: 0;
    transition: all 400ms linear;
}
.service:hover .icon {
    color: var(--moon-yellow);
    transform: translateX(-20px);
}
.service h5 {
    font-size: 12px;
    text-transform: uppercase;
    color:var(--moon-yellow);
    margin: 0 0 6px 0;
}
.service:hover h5 {
    color: var(--grey);
}
.service h4 {
    font-size: 24px;
    margin: 0 0 8px 0;
}


/* =========================================
        Services 02 (Responsive Tabs)
============================================ */
#services-02 {
    background-color: var(--white-smoke);
}
#services-tabs ul {
    margin-bottom: 40px;
}
#services-tabs ul li {
    padding: 5px 30px;
}
#services-tabs ul li a {
    font-family: var(--primary-font);
    text-decoration: none;
    font-size: 13px;
    color: var(--grey);
    text-transform: uppercase;
    font-weight: 400;
    padding: 0;
}
/* Tab active state */
#services-tabs ul li.r-tabs-state-active a {
    color:var(--moon-yellow);
    font-weight: 700;
    border-bottom:3px solid var(--moon-yellow);
    padding-bottom: 5px;
    transition: all 300ms linear;
}
.service-tab .col-md-6 {
    padding: 0;
}
.service-tab img {
    width: 100%;
    margin:0 auto;
}
.service-tab .tab-bg {
    background-color: #fff;
    padding: 59px 30px;
    min-height: 543px;
}
.service-tab h2 {
    font-size: 48px;
    color:#bbb;
    margin-bottom: 20px;
    font-weight: 100;
 }
 .service-tab h3 {
    font-size: 32px;
    margin-bottom: 30px;
 }
 .service-tab p {
    line-height: 24px;
    margin-bottom: 30px;
 }



 
/* =========================================
        Testimonials
============================================ */
#testimonials {
    background-color: var(--white-smoke);
    padding-bottom: 45px;
    overflow: visible;
}
#testimonials .vertical-heading {
    padding: 80px 0;
    margin-bottom: 50px;
}
#testimonial-slider {
    background-color: var(--moon-yellow);
    top: -120px;
}
.testimonial .row {
    margin-bottom: 25px;
}
.testimonial {    
    padding: 20px 45px 0 45px;
    color: var(--white);
}
.testimonial h3 {
    font-size: 32px;
    line-height: 35px;
}
.testimonial .stars {
    font-size: 20px;
    margin: 0 0 10px 0;
}
.testimonial p {
    line-height: normal;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 20px;
}
.author .author-name-des {
    width: 106px;
    margin-top: 25px;
    text-align: left;
}
.author .author-name-des p {
    margin: 0;
}




/* =========================================
        sector
============================================ */
.sector-table {
    transition: .5s;
    position: relative;
    z-index: 1;
    text-align: left;
    background: #f8fafb;
    box-shadow: 0px 0 6px rgb(26 46 85 / 20%);
    padding: 0px 32px 5px;
    border-radius: 6px;
}
.sector-table:before {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    transition: .5s;
    left: 0;
    bottom: 0;
    background: #ed2c41;
    z-index: -1;
    border-radius: 6px;
}
.sector-table:hover:before {
    background: #ed2c41;
    height: 100%;
    border-radius: 6px;
}
  
.sector-table .type h4 {
    color: var(--moon-yellow);
}
.sector-table .price {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 0;
}
.sector-table .price h2 {
    font-family: var(--secondary-font);
    font-size: 42px;
    font-weight: 100;
    margin: 0 0 0 24px;
    position: relative;
}
.sector-table .price h2 span {
    font-family: var(--primary-font);
}
.sector-table .price h2 span.dollar {
    position: absolute;
    left: -20px;
    top: 5px;
    font-weight: 300;
    font-size: 18px;
}
.sector-table .price h2 span.month {
    position: absolute;
    left: 5px;
    bottom: -12px;
    font-weight: 400;
    font-size: 11px;
}
.sector-table .price p {
    line-height: normal;
    font-weight: 200;
    margin: 0;
    padding: 0;
}
.sector-table ul.package {
    list-style: none;
    padding: 20px 0;
}    
.sector-table ul.package li {
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    border-bottom:1px dotted #ccc;
}
.sector-table ul.package li a {  
    text-decoration: none;
    color: var(--black);
}  
.sector-table ul.package li a:hover {  
    text-decoration: none;
    color: var(--white);
}  
.sector-table ul.package li i {  
    width: 24px;
}  
.sector-table .btn-yellow,
.sector-table .btn-white {
    width: 96%;
}
.sector-table:hover h4,
.sector-table:hover h2,
.sector-table:hover p,
.sector-table:hover ul.package,
.sector-table:hover ul.package li a {
    color: #fff;
}
.sector-table:hover .btn-yellow {
    background-color: #fff;
    color:var(--grey);
    border: 1px solid #fff;
}
.sector-table .btn-yellow:hover,
.sector-table .btn-yellow:focus  {
    background-color: var(--grey);
    color:var(--white);
    border: 1px solid var(--grey);
}


/* Black sector Table */
.sector-table.black {
    background: var(--moon-yellow);
    color: var(--white);
}
.sector-table.black .type h4 {
    color: #fff;
}
.sector-table.black:hover {
    background-color: var(--moon-yellow);
}  





/* =========================================
        Functional
============================================ */
#functional {
    background-color: var(--white-smoke);
}




/* =========================================
        Stats
============================================ */
#stats {
    background: url("../img/stats/stats-bg.jpg") no-repeat fixed center;
    background-size: cover;
}
#stats .content-box-md {
    background: rgba(0,0,0,0.8);
}
#stats .vertical-heading {
    margin-bottom: 50px;
}
#stats .vertical-heading h2 {
    color: #fff;
}
.stats-item {
    background: rgba(61,68,68,0.6);
    border-radius: 4px;
    min-height: 170px;
    padding: 25px 50px;
    transition: all 400ms linear;
}
.stats-item i {
    font-size: 42px;
    color: var(--moon-yellow);
    margin: 0 0 6px 0;
    transition: all 400ms linear;
}
.stats-item h3 {
    font-size: 32px;
    color: #fff;
    margin: 5px 0 5px 0;
}
.stats-item p {
    color: #fff;
    margin: 0;
}
.stats-item:hover {
   background-color:var(--moon-yellow);
}
.stats-item:hover i {
    color:var(--grey);
    transform: translateY(-20px);
}



/* =========================================
         Clients
============================================ */
#clients .horizontal-heading {
    margin-bottom: 30px;
}
#clients-list {
    padding: 45px 0 0 0;
}
.client {
    padding: 0 10px;
    max-width: 150px;
    margin: 0 auto;
    line-height: 100px;
}
.client img {
    display: inline-block !important;
}




/* =========================================
         Blogs
============================================ */
#blog {
    background-color: var(--white-smoke);
}
#blog-left p {
    margin: 25px 0;
}
#blog-left a {
    margin:0;
}
.blog-post {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-radius: 6px;
}
.blog-post h4 {
    line-height: 40px;
    margin: 0;
}
.blog-post > p {
    line-height: 24px;
    margin: 0;
    font-weight: 300;
}
.blog-post a {
    display: inline-block;
    margin-top: 25px;
    text-transform: uppercase;
    font-family: var(--primary-font);
    color: var(--moon-yellow);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all 400ms linear;
}
.blog-post a:hover {
    color: var(--grey);
}
.blog-post .post-meta {
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
    padding-top: 10px;
}
.blog-post .post-meta p {
    font-size: 11px;
    font-family: var(--primary-font);
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}


/* =========================================
         Contacts
============================================ */
/* Contact Left */
#contact-left p {
    margin: 25px 0 20px 0;
}
ul.office-details {
    list-style: none;
    padding: 0;
}
ul.office-details li {
    font-family: var(--secondary-font);
    margin-top: 12px;
    display: flex;
}
ul.office-details li i {
    font-size: 20px;
    width: 45px;
}
#contact-left ul.social-list li a {
    color: var(--grey);
    border: 1px solid var(--grey);
    text-align: center;
}
#contact-left ul.social-list li a:hover {
    color: var(--white);
    border-color: transparent;
}

/* Contact Right */

#contact-right {
    padding: 25px 30px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

#contact-right h4 {
    font-size: 24px;
}

#contact-right p {
    margin-bottom: 25px;
}

#contact-right form .form-control {
    font-family: "Open Sans", sans-serif;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 24px;
}

#contact-right form textarea.form-control {
    min-height: 164px;
}


/* =========================================
                Footer
============================================ */

footer {
    background: #212226;
    padding: 30px;
}

footer p {
    color: #fff;
    line-height: 20px;
    margin: 0;
}

footer p span {
    color: #f4c613;
}



/* =========================================
                Navigation
============================================ */
.navbar {
    padding: 35px 0 20px 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.navbar-brand {
    padding: 13px 15px;
}
ul.navbar-nav > li > a {
    font-family:var(--primary-font);
    color:var(--black);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}
ul.navbar-nav>li>a:hover,
ul.navbar-nav>li>a:focus {
    background: none;
    color:var(--green);
}


/* White Navigation */
.white-nav-top {
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 8px 6px -9px #999;
    box-shadow: 0 8px 6px -9px #999;
    z-index: 2;
}
.white-nav-top ul.navbar-nav>li>a {
    color: var(--grey);
}

.white-nav-top ul.navbar-nav>li>a:hover,
.white-nav-top ul.navbar-nav>li>a:focus {
    color:var(--moon-yellow);
}


/* Scroll spy active state */

.white-nav-top ul.navbar-nav>li>a.active {
    color: var(--moon-yellow);
    font-weight: 500;
}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
    color:var(--moon-yellow);
}



 
/* =========================================
       Sub Banner
============================================ */

#breadcrumb2 {
    width: 100% !important;
    height: 300px !important;
    max-height: 80vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: url(../img/common/subpage-banner.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
}
#breadcrumb2::after {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    z-index: 1;
    width: 100%;
    height: 100%;
}

#breadcrumb2 h1.title {
    color: var(--white) !important;
    text-align: center;
    z-index: 9999;
}

/* Sector Services */
ul#sector-services {
    background-color: #1851c1;
    margin: 0;
    padding: 0;
    
}
ul#sector-services .heading {
    background-color: #f6a33b;
    padding: 20px 30px;
    font-size: 20px;
    font-family: var(--primary-font);
    font-weight: 600;
}
#sector-services li {
    display: block;
    position: relative;
    padding: 0; 
}
#sector-services li::before {
    position: absolute;
    top: 0;
    left: 0;
    content:"";
    width: 0;
    height: 100%;
    z-index: 0;
    background-color: #66b647;
    transition:.5s;
}
#sector-services li:hover::before,
#sector-services li.active::before {
    width: 100%;
}
#sector-services li a {
    color: var(--white);
    text-decoration: none;
    display: block;
    padding: 20px 0 20px 30px;
    border-bottom: 1px dashed #ccc;
    z-index: 9999;
    position: relative;
}
#sector-services li a i {
    padding-right: 20px;
}

#innerpage .horizontal-heading h2 {
	margin-bottom: 0px;
	font-size: 30px;
	font-weight: 500;
	line-height: 45px;
    margin-top: 30px;
}
#innerpage .horizontal-heading {
    margin-bottom: 16px;
}
#innerpage p {
    text-align: justify;
}
#innerpage .list2 i {
    color: #f6a33b;
}
/* contact us */
.style-five .single-contact-items {
    background: #0c5adb;
    padding: 40px 40px 50px 40px;
}
.style-five .contact-title h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
}
.style-five .contact-box {
    margin-top: 25px;
}
.style-five .contact-icon i {
    display: inline-block;
    color: #fff;
    font-size: 29px;
}
.style-five .contact-content h4 {
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    margin: 0 0 15px;
}
.style-five .contact-content p {
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.style-five .contact-content {
    padding-left: 25px;
}   

/* contacts */
#contacts .form-control {
    display: block;
    width: 100%;
    height: 54px;
    padding: 6px 20px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#contacts textarea.form-control {
    height: 150px;
    padding: 6px 20px;
}
#contacts .btn {
    color: #fff;
    background: #0C5ADB;
    width: 100%;
    border-radius: 3px;
    height: 54px;
    right: 0;
    position: inherit;
    transition: .5s;
    margin-top: 2px;
}


/* main menu */
.navbar-expand-lg .navbar-nav .nav-link {
    margin: 0 10px;
}



/* About Us */
#download-brochure i {
    font-size: 40px;
    color: #fe980b;
}
#download-brochure .pdf {
    background-color: #5f5f5f;
    padding: 20px 0;
    text-align: center;
}
#download-brochure .desc {
    background-color: #e6e6e6;
    padding: 20px 0px 0 20px;
    font-weight: 500;
}
#download-brochure .desc a {
    color:var(--grey);
    text-decoration: none;
}


/* common class */
ul.list2 {
    list-style: none;
    margin: 0;
    padding: 0;
}


.welcome {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.welcome::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #18ba60;
    z-index: 9999;
    transition: all 0.4s;
    transform: scale(0);
}
.welcome:hover::after {
     opacity: 0.2;
     transform: scale(1);
}

.btn {
    transition: .5s ease-in;
    border: 0;
}
.btn:hover {
    background-color: #66b647;
    border: 0;
}


/* Footer */
.footer {
	color: #fff;
}
.footer .btn.btn-link {
	display: block;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	color: #fff;
	font-weight: normal;
	text-transform: capitalize;
	transition: .3s;
    text-decoration: none;
}
.footer .btn.btn-link:hover {
	color: var(--light);
	letter-spacing: 1px;
	box-shadow: none;
    text-decoration: none;
}
.footer .btn:hover {
	background-color: transparent !important;
	border:none !important;
}
.footer .btn.btn-link::before {
	position: relative;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}
.bg-dark {
	background-color: #02245B !important;
}
.copyright {
	color: #B0B9AE;
	border-top: 1px solid rgba(255, 255, 255, .1);
    justify-content: flex-start;
    align-items:normal
}