/*
Theme Name: Karma Group
Theme URI: http://karma.bt/
Author: Tandin Wangmo
Author URI: https://abit.bt/
Description: Karma Group’s story began in 1969. Back then it was a small cottage industry, manufacturing steel and wood furniture, catering to the slow but growing domestic market in the country. That was the time when Bhutan had just embarked on the road to modernization, and manufacturing industries were few.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Karma Group
Text Domain: karma.bt
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

.pattern {
    opacity: .1;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
    font-weight: 300;
    color: #585858;
    font-size: 16px;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 60px;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover,
.link:hover,
.link-title:hover,
.news i {
    color: #fc8817;
}

.my-bg-light {
    background: #f3f4f6;
}

.section-divider-top {
    padding-top: 150px;
}

.section-divider-bt {
    padding-bottom: 150px;
}

.section-divider {
    padding: 60px 0;
}

.section-divider-banner {
    padding: 150px 0 80px 0;
}

@media (min-width: 992px) {
    .section-divider-banner {
        padding: 200px 0 80px 0;
    }

    .section-divider {
        padding: 110px 0;
    }
}

.main-title,
.page-content p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 30px;
    line-height: 50px;
}

.styled-subtitle,
.news-content p {
    color: rgba(255, 255, 255, .6);
    line-height: 37px;
    font-size: 18px;
    font-weight: 300;
}

.styled-subtitle.home {
    color: #000;
}

/* navbar  */
.nav-item {
    display: inline-block !important;
    align-self: start;
}

@media (max-width: 1200px) {
    .cta {
        margin-block: 12px;
    }

    #navBar {
        box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.35);
    }
}

.cta a {
    color: #000 !important;
    border: solid rgba(0 0 0 / 40%) 2px !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
    transition: 300ms;
}

.cta:hover a {
    border: solid #fc8817 2px !important;
    color: #fc8817 !important;
}

#header-top {
    padding-block: 8.5px;
    transition: 250ms;
}

#header-top a,
#header-top p {
    transition: 250ms;
}

#logo-kg {
    transition: 0.3s;
	width:280px;
}

@media (max-width:768px){
	
	#logo-kg{
		
		width:200px !important;
	}
	
}

#navBar.shadowed {
    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.35);
    padding: 0.2rem 0 !important;
}

.navbar-light .navbar-brand {
    font-weight: 600;
    text-transform: uppercase;
    color: #fc8817;
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    transition: 250ms;
    margin-inline: 5px;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fc8817;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background: #fc8817;
}

.dropdown-item {
    color: #000;
    padding: 8px 25px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    font-weight: 400;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    padding: 0;
}

.dropdown-menu[data-bs-popper] {
    margin-top: 3% box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.35);
}

.navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237a7a7a' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important;
}


.navbar-light .navbar-toggler {
    color: #000;
    border: none;
}

.navbar-toggler:focus,
.navbar-toggler {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .9rem;
        padding-left: .9rem;
    }
}

/* Carousel */
.home-carousel {
    padding-top: 105px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
   /* display: none;*/
}

/*
.carousel img {
height: 800px;
}
*/
.drk:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
    z-index: 1;
}

.carousel-caption {
    bottom: 22%;
    text-align: left;
    z-index: 2;
}

.carousel-caption h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
}

.carousel-caption p {
    line-height: 37px;
    font-size: 21px;
    font-weight: 300;
}

.about .bg-white {
    padding: 80px;
}

.about li {
    padding: 12px 0;
}

.parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.para-pd {
    padding: 15% 0;
}

.parallax-overlay {
    background-color: rgba(0, 0, 0, .2);
}

.parallax h1 {
    padding-top: 120px;
}

.caption {
    /* font-weight: 500;
font-size: 16px;*/
    text-transform: uppercase;
    color: #fc8817;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3.4px;
}

@media (min-width: 576px) {
    .parallax {
        background-attachment: fixed;
    }
}

.link {
    font-weight: 400;
    color: #000;
}

.link-contact-page {
    font-weight: 400;
    color: #707070;
}

.link-contact-page:hover {
    color: #fc8817;
}

/* News and Update */
.news {
    padding: 35px 0;
    border-bottom: 1px dotted #ccc;
}

.link-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #000;
}

.news-content p {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.date {
    font-size: 14px;
}

footer p {
    color: rgba(255, 255, 255, .6) !important;
}

footer a:hover,
.social a:hover {
    color: #fff;
}

.top-bar a:hover {
    color: #fff;
}

.social a,
.top-bar a,
.top-bar p {
    color: rgba(255, 255, 255, .7);
}

footer a {
    color: rgba(255, 255, 255, .7);
}

/*footer .caption {
font-weight: 600 !important;
color: #ce2c2c;
}*/
.bg-dark {
    background: #0e0e0e !important;
}

.copyright p {
    font-size: 14px;
}

.title-lg {
    font-family: 'Poppins', sans-serif;
    color: rgb(205 205 205 / 15%);
    font-size: 180px;
    line-height: .8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: -60px;
}

.snip1572 {
    font-family: 'Poppins', sans-serif;
    position: relative;
    display: inline-block;
    overflow: hidden;
    /* margin: 10px;*/
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 16px;
    background: #45729e;
    background: #000;
}

.snip1572 *,
.snip1572:before,
.snip1572:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.snip1572 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.8;
}

.snip1572:before,
.snip1572:after {
    content: '';
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.snip1572:before {
    width: 300px;
    height: 2px;
}

.snip1572:after {
    height: 300px;
    width: 2px;
}

.snip1572 figcaption {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.snip1572 h3 {
    font-weight: 300;
    font-size: 24px;
    padding: 8px 15px;
    margin: 0;
}

.snip1572 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

    .snip1572:hover {
        background: #45729e;
    }

.snip1572:hover img,
.snip1572.hover img {
    zoom: 1;
    filter: alpha(opacity=25);
    -webkit-opacity: 0.25;
    opacity: 0.25;
}

.snip1572:hover:before,
.snip1572.hover:before,
.snip1572:hover:after,
.snip1572.hover:after {
    opacity: 1;
}

.snip1572:hover:before,
.snip1572.hover:before {
    width: 50px;
}

.snip1572:hover:after,
.snip1572.hover:after {
    height: 50px;
}

.snip1572:hover h3,
.snip1572.hover h3 {
    -webkit-transform: translate(30px, -50px);
    transform: translate(30px, -40px);
    opacity: 1;
}

/* About Us Page */
.page-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 80px;
    line-height: 90px;
    color: #000;
}

.bg-red {
    background: #1d4c7b;
    color: rgba(255, 255, 255, .9);
}

    .bg-red .border {
        border: 1px solid #3e668e !important;
        transition: background-color ease-out 1000ms;
    }

        .bg-red .border:hover {
            background-color: #03264a;
            transition: background-color ease-out 1000ms;
            border: 1px solid #03264a !important;
        }

.sub-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    /*color: #000;*/
    /*  color: #fff;*/
}

.border-box {
    min-height: 200px;
}

/* Contact */
.contact-box {
    border-radius: 0px 30px 0px 30px;
    padding: 50px 30px;
    background: #fff;
    min-height: 328px;
}

.contact-box li {
    padding: 2px 0;
}

.form-control {
    font-size: 14px;
    line-height: 2.2;
    border-radius: 0;
}

.form-control:focus {
    border-color: #000;
    box-shadow: none;
}

.my-btn {
    font-size: 14px;
    padding: 12px 35px;
    background: #000;
    color: #fff;
    border-radius: 0;
}

.my-btn:hover {
    background: #fc8817;
    color: #fff;
    border-radius: 0;
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
}

.sidebar li {
    padding: 6px 0;
}

.breadcrumbs {
    font-weight: 200;
    font-size: 14px;
}

/*Team Members*/
figure.snip0045 {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #f1f1f1;
    color: #000;
}

figure.snip0045 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

figure.snip0045 img {
    width: 45%;
    height: auto;
    border-radius: 50%;
    border: 4px solid #ffffff;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1.1);
    position: relative;
    z-index: 1;
}

figure.snip0045 figcaption h2,
figure.snip0045 figcaption p {
    text-align: center padding: 10px 0;
    width: 100%;
}

figure.snip0045 figcaption h2 {
    font-size: 1.3em;
    font-weight: 400;
    padding-top: 40px;
}

figure.snip0045 figcaption h2 span {
    font-weight: 600;
}

figure.snip0045 figcaption p {
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
}

figure.snip0045 .position {
    width: 100%;
    font-size: 15px;
    color: #f1f1f1;
    background: #000000;
}

figure.snip0045.red .position {
    background: #1d4c7b;
    transition: all ease 500ms;
    position: relative;
}

/* figure.snip0045:hover .position {
background: #3d3a46;
} */
.position strong:hover {
    text-decoration: underline;
}

.snip0045 h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
}

figure.snip0045 .position span .fas {
    transition: transform ease 500ms;
    font-size: 15px;
    color: #e9e9e9;
    opacity: .7;
}

figure.snip0045:hover .position span .fas {
    transform: scale(1.3);
    opacity: 1;
}

/*team members end*/
#back-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 9999999;
    display: none;
}

    #back-top a {
        background: #fcb917;
        color: #2d69a5;
        display: block;
        text-align: center;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        padding: 8px;
        transition: all 300ms linear 0s;
        font-size: 24px;
        text-decoration: none;
    }

/* #back-top i.fa-angle-up{
transition: transform ease 0.35s;
}
#back-top:hover i.fa-angle-up{
transform: translateY(-5px);
} */
#change:focus {
    border-color: grey !important;
    outline: 0;
    box-shadow: none !important;
}