@font-face {
    font-family: Rajdhani-Bold;
    src: url('../fonts/Rajdhani-Bold.ttf');
}

@font-face {
    font-family: Rajdhani-Light;
    src: url('../fonts/Rajdhani-Light.ttf');
}

@font-face {
    font-family: Rajdhani-Medium;
    src: url('../fonts/Rajdhani-Medium.ttf');
}

@font-face {
    font-family: Rajdhani-Regular;
    src: url('../fonts/Rajdhani-Regular.ttf');
}

@font-face {
    font-family: Rajdhani-SemiBold;
    src: url('../fonts/Rajdhani-SemiBold.ttf');
}

@font-face {
    font-family: SourceSansPro-Light;
    src: url('../fonts/SourceSansPro-Light.ttf');
}

@font-face {
    font-family: SourceSansPro-Regular;
    src: url('../fonts/SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: SourceSansPro-Semibold;
    src: url('../fonts/SourceSansPro-Semibold.ttf');
}

@font-face {
    font-family: SourceSansPro-Bold;
    src: url('../fonts/SourceSansPro-Bold.ttf');
}


:root{
    --theme-color-1: #FD4445;
    --theme-color-2: #FFAF00;
    --theme-color-3: #0091CF;
    --theme-color-4: #01395E;
    --body-bg: #ffffff;
    --font-color: #333333;
    --heading-color: #000000;
    --font-white: #ffffff;
}

body{
    background-color: var(--body-bg);
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 25px;
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
    color: var(--font-color);
}


h1, h2, h3{
    color: var(--heading-color);
    margin-bottom: 0;
    font-family: 'Rajdhani-Bold';
    font-weight: normal;
}

h4, h5{
    color: var(--heading-color);
    margin-bottom: 0;
    font-family: 'Rajdhani-SemiBold';
    font-weight: normal;
}

p{
    margin-bottom: 0;
}

a, a:hover, a:active, a:focus{
    color: inherit;
    text-decoration: none;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.theme-btn{
    border-radius: 6px;
    height: 48px;
    text-align: center;
    border: none;
    max-width: max-content;
    width: auto;
    padding:10px 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
}

.btn-main{
    color: #fff;
    background-color: var(--theme-color-2);
    transition: all .5s ease-out;
}

.btn-main:hover{
    background-position: left bottom;
    color: #fff;
    background-color: #ad7e18;
}

.btn-border{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    transition: all .5s ease-out;
}

.btn-border:hover{
    border: 1px solid var(--theme-color-3);
    background-color: transparent;
    color: var(--theme-color-3);
    transition: all .5s ease-out;
}

.btn-border-blue{
    border: 1px solid var(--theme-color-3);
    background-color: transparent;
    color: var(--theme-color-3);
    transition: all .5s ease-out;
}

.btn-border-blue:hover{
    border: 1px solid var(--theme-color-4);
    background-color: transparent;
    color: var(--theme-color-4);
    transition: all .5s ease-out;
}

.btn-secondary{
    color: #fff;
    background-color: var(--theme-color-1);
    transition: all .5s ease-out;
}

.btn-secondary:hover{
    background-position: left bottom;
    color: #fff;
    transition: all .5s ease-out;
}

#backTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: var(--theme-color-1);
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    line-height: 18px;
}
  
#backTop:hover {
    background-color: var(--theme-color-1);
}

#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: none;
	/* opacity: 0.7; */
	background-color: #fff;
	z-index: 9999;
	text-align: center;
}

#loading-image {
	position: absolute;
	top: 40%;
	z-index: 999;
	transform: translate(-50%);
	background-color: #fff;
	display: inline-block;
}

/* header styles */
.navbar{
    position: absolute;
    width: 100%;
    z-index: 1030;
    left: 0;
    transition-duration: 0.5s;
    transition: all 0.35s ease;
} 

.navbar.fixed-top{
    position: fixed;
    background-color: var(--body-bg);
    transition-duration: 0.5s;
    transition: all 0.35s ease;
    /* border-bottom: 1px solid #ddd; */
    box-shadow: 0px 10px 20px 0px rgb(155 155 155 / 20%);
    border-bottom: none;
}


.navbar-dark .navbar-nav .nav-link{
    color: var(--font-color);
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
    height: 100%;
    display: flex;
    align-items: center;
}

.navbar-brand{
    width: 110px;
}

.dropdown .nav-link:after{
    font-family: "Fontawesome"; 
	font-weight: 400;
	content: "\f067";
    margin-left: 5px;
    font-size: 8px;
    line-height: 20px;
}

.navbar-nav .nav-item{
    margin-right: 10px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
    color: var(--theme-color-2);
}

@media (min-width: 768px) {
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
}
  
@keyframes slideIn {
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
}
  
@-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
  
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
  
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
}
  
.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}


.navbar{
    background: #fff;
    box-shadow: none;
    transition: none !important;
    height: 75px;
}

.dropdown-menu{
    min-width: 12rem;
}


.dropdown-menu li{
    margin: 5px 0px 5px 0px;
    width: 100%;
} 

.dropdown-menu li a{
    color: var(--font-color);
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
    transition: ease-in-out 0.3s;
}

.navbar .nav-item:hover .dropdown-menu{
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    border: none;
    /* position: relative; */
    min-width: 12rem;
    right: -2rem;
}

.dropdown-menu li a:hover{
    color: var(--font-white);
    transition: ease-in-out 0.3s;
    /* margin-left: 5px; */
    background-color: var(--theme-color-2);
}

.dropdown-menu.megamenu li a {
    color: var(--font-color);
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
    transition: ease-in-out 0.3s;
    padding: 0.25rem 1rem;
    width: 100%;
    display:inline-block;
}

.dropdown-menu.megamenu li a:hover{
    color: var(--font-white);
    transition: ease-in-out 0.3s;
    /* margin-left: 5px; */
    background-color: var(--theme-color-2);
}

.navbar .nav-item:hover .dropdown-menu.megamenu{
    width: 960px;
    left: 0;
    display: flex;
    justify-content: space-between;
    right: 0;
    margin: auto;
}

.dropdown-menu{
    transition: ease-in-out 0.3s;
}

.dropdown.megadrop-menu{
    position: initial;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu.megamenu > li{
    margin-left: 15px;
    margin-right: 15px;
}

.show-dropdown{
    display: block;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block !important;
}

.dropdown a.submenu::after{
    font-family: "Fontawesome";
    font-weight: 400;
    content: "\f067";
    margin-left: 5px;
    font-size: 8px;
    line-height: 20px;
}

.dropdown-menu li .dropdown-item.submenu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-search ul li{
    display: inline-block;
    margin-left: 20px;
}

.cart-search ul li i{
    margin-right: 10px;
}

.cart-search ul li.search a::after{
    font-family: "Fontawesome";
    font-weight: 400;
    content: "\f067";
    margin-left: 5px;
    font-size: 8px;
    line-height: 26px;
}

.cart-search ul li.search a{
    display: flex;
    align-items: center;
}

.cart-search{
    border-left: 1px solid #333;
}

.cart-search .dropdown:hover .dropdown-menu{
    display: block;
}

.dropdown-menu.cart-dropdown{
    min-width: 23rem;
    right: -5rem;
    padding: 20px;
}

.drop-cart-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.drop-cart-header h3{
    font-size: 18px;
    display: flex;
    color: var(--heading-color);
}

.drop-cart-header h3 span{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    background-color: #8fddff;
    color: var(--theme-color-3);
    line-height: 20px;
    margin-left: 5px;
}

.cart-link{
    color: var(--theme-color-3);
    font-size: 14px;
}

.cart-link::after{
    font-family: "Fontawesome"; 
	font-weight: 400;
	content: "\f105";
    margin-left: 5px;
    font-size: 12px;
}

.drop-cart-product-img{
    width: 55px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 5px;
}

.drop-cart-content table{
    width: 100%;
}

.drop-cart-product-info h3{
    font-size: 16px;
    color: var(--heading-color);
}

.drop-cart-product-info h3 span{
    color: var(--theme-color-3);
}

.drop-cart-product-info p{
    font-size: 13px;
    color: #868686;
}

.drop-cart-product-price h3{
    font-size: 16px;
    color: var(--heading-color);
}

.drop-cart-product-cancel{
    text-align: center;
    font-size: 12px;
    color: #868686;
}

.drop-cart-product-cancel i{
    margin-right: 0 !important;
}

.drop-cart-content table tr td{
    padding-bottom: 20px;
}

.drop-cart-footer{
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
    align-items: center;
}

.drop-cart-footer p{
    color: #868686;
}

.drop-cart-footer p span{
    font-family: 'SourceSansPro-Bold';
    font-weight: normal;
    margin-left: 5px;
    color: var(--heading-color);
}

.drop-cart-checkout-btn{
    background-color: var(--theme-color-2);
    padding: 6px 15px;
    border-radius: 30px;
    color: #fff;
}

.dropdown-menu.search-dropdown{
    min-width: 18rem;
    right: 0rem;
    padding: 20px;
}

.search-drop-input{
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 6px;
    width: 100%;
}

.cart-link:hover{
    color: var(--theme-color-3);
    transition: ease-in-out 0.3s;
}

.drop-cart-checkout-btn:hover{
    color: var(--font-white);
    background-color: #ad7e18;
    transition: ease-in-out 0.3s;
}

.cart-search ul li:hover a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.nav-link{
    color: var(--font-color);
}

.nav-link:hover{
    color: var(--theme-color-2);
}

/* navbar white */

.navbar-light{
    background-color: var(--font-white);
    border-bottom: 1px solid #ddd;
}

.navbar-light .navbar-nav .nav-link{
    color: var(--font-color);
}

.navbar-light .navbar-nav .nav-link:hover{
    color: var(--theme-color-2);
}

/* navbar-dark */

.navbar-dark{
    background-color: #1c1c1c;
}

.navbar.navbar-dark.fixed-top{
    background-color: #1c1c1c;
}

.navbar-dark .navbar-nav .nav-link{
    color: var(--font-white);
}

.navbar-dark .navbar-nav .nav-link:hover{
    color: var(--theme-color-2);
}

.navbar-dark .cart-search .dropdown a{
    color: var(--font-white);
}

.navbar-dark .navbar-brand h3{
    color: var(--font-white);
}

/* navbar light transparent */

.navbar-light-transparent{
    background-color: rgb(255 255 255 / 0%);
}

.navbar.navbar-light-transparent.fixed-top{
    background-color: #fff;
}

.navbar-light-transparent .navbar-nav .nav-link{
    color: var(--font-color);
}

.navbar-light-transparent .navbar-nav .nav-link:hover{
    color: var(--theme-color-2);
}

.navbar-light-transparent .cart-search .dropdown a{
    color: var(--font-color);
}

.navbar-light-transparent .navbar-brand h3{
    color: var(--font-color);
}

.main-page-banner.navbarpage-banner.light-transparent:before{
    background-color: rgb(255 255 255 / 70%);
}

.main-page-banner.navbarpage-banner.light-transparent .banner-heading{
    color: var(--heading-color);
}

.main-page-banner.navbarpage-banner.light-transparent .banner-description{
    color: var(--heading-color);
}

/* navbar dark transparent */

.navbar-dark-transparent{
    background-color: transparent;
}

.navbar.navbar-dark-transparent.fixed-top{
    background-color: #1c1c1c;
}

.navbar-dark-transparent .navbar-nav .nav-link{
    color: var(--font-white);
}

.navbar-dark-transparent .navbar-nav .nav-link:hover{
    color: var(--theme-color-2);
}

.navbar-dark-transparent .cart-search .dropdown a{
    color: var(--font-white);
}

.navbar-dark-transparent .navbar-brand h3{
    color: var(--font-white);
}

.main-page-banner.navbarpage-banner.dark-transparent:before{
    background-color: rgb(0 0 0 / 70%);
}

.main-page-banner.navbarpage-banner.dark-transparent .banner-heading{
    color: var(--font-white);
}

.main-page-banner.navbarpage-banner.dark-transparent .banner-description{
    color: var(--font-white);
}

/* navbar semi transparent */

.navbar-semi-transparent{
    background-color: rgb(0 0 0 / 20%);
}

.navbar.navbar-semi-transparent.fixed-top{
    background-color: #1c1c1c;
}

.navbar-semi-transparent .navbar-nav .nav-link{
    color: var(--font-white);
}

.navbar-semi-transparent .navbar-nav .nav-link:hover{
    color: var(--theme-color-2);
}

.navbar-semi-transparent .cart-search .dropdown a{
    color: var(--font-white);
}

.navbar-semi-transparent .navbar-brand h3{
    color: var(--font-white);
}

.main-page-banner.navbarpage-banner.semi-transparent:before{
    background-color: rgb(0 0 0 / 70%);
}

.main-page-banner.navbarpage-banner.semi-transparent .banner-heading{
    color: var(--font-white);
}

.main-page-banner.navbarpage-banner.semi-transparent .banner-description{
    color: var(--font-white);
}


/* header styles end */

/* landing page styles */
.main-content-wrapper{
    /* position: relative; */
    padding-top: 75px;
}

.banner-wrapper{
    height: 100vh;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
}

.banner-wrapper h2{
    color: #fff;
    font-size: 48px;
    line-height: 61px;
}

.banner-wrapper h3{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.banner-btns{
    display: flex;
    margin-top: 3rem;
}

.banner-btns a{
    margin: 0px 10px 0px 0px;
}

.section{
    padding: 60px 0px;
}

.theme-build-card{
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    transition: ease-in-out 0.3s;
}

.theme-build-card h3{
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: var(--heading-color);
    margin-top: 25px;
}

.demo-wrapper{
    padding: 25px 15px 20px 15px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 35px rgb(40 42 54 / 18%);
    border-radius: 5px;
    position: relative;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
}

.demo-wrapper:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    position: absolute;
    top: 0.55rem;
    left: 1rem;
    z-index: 2;
    color: rgba(0,0,0,0.07);
    background-color: #eaeaea;
    box-shadow: 10px 0 0 #eaeaea, 20px 0 0 #eaeaea;
}

.demo-wrapper img {
    margin-bottom: 20px;
}

.section-heading{
    text-align: center;
    margin-bottom: 1rem;
}

.section-heading h2{
    font-size: 40px;
    line-height: 51px;
    margin-bottom: 20px;
}

.package-info{
    background-image: url('../images/section-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
}

.package-left-wrapper h3{
    font-size: 40px;
    line-height: 51px;
    color: var(--font-white);
}

.package-right-inner{
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.package-right-inner h3{
    font-size: 40px;
    line-height: 51px;
    color: var(--font-white);
}

.package-right-inner p{
    color: var(--font-white);
}

.theme-build-card:hover{
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    margin-top: -10px;
    transition: ease-in-out 0.3s;
}



.demo-wrapper h3{
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
}

.demo-wrapper p{
    color: #575a7b;
    text-align: center;
    font-family: 'Rajdhani-SemiBold';
}

.demo-card{
    width: 100%;
    display: inline-block;
    position: relative;
}

.blink{
    animation: blinker 0.9s linear infinite;
    color: #fff;
    background: var(--theme-color-1);
    padding: 2px 16px;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: -12px;
    border-radius: 50rem;
}

@keyframes blinker{
    /* 0%{opacity: 0;} */
    50%{opacity: 0;}
    /* 100%{opacity: 1;} */
}

.demo-wrapper:hover, .demo-wrapper:focus {
    transform: translateY(-5px);
}

.mt-7, .my-7 {
    margin-top: 4rem;
}

.footer{
    background-color: #212529;
    padding: 90px 0;
    padding-bottom: 30px;
}

.footer-wrapper{
    text-align: center;
}

.footer-wrapper h2{
    color: #fff;
    margin-bottom: 4rem;
}

.footer-wrapper p{
    color: #fff;
    margin-top: 4rem;
}

.main-banner{
    background-image: url('../images/index-bg.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: animatedBackground 80s linear infinite;
    position: relative;
}

@keyframes animatedBackground{
    0%{background-position: 0 0;}
    100%{background-position: 100% 0;}
}

.main-banner:before {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 70%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.section-small-heading{
    font-size: 20px;
    line-height: 26px;
    font-family: 'Rajdhani-SemiBold';
    font-weight: normal;
    color: var(--theme-color-1);
    margin-bottom: 15px;
} 

.section-heading{
    font-size: 40px;
    line-height: 51px;
    color: var(--heading-color);
}

.text-left{
    text-align: left;
}


.quality-inner-list{
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.quality-content-wrapper .quality-inner-list:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.quality-inner-list h4{
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 15px;
}

.quality-content-img{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.features{
    background-color: var(--theme-color-4);
    position: relative;
}

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

.features-card{
    background: rgb(255 255 255 / 10%);
    border-radius: 6px;
    width: 100%;
    display: inline-block;
    padding: 20px;
    color: var(--font-white);
    height: 100%;
    transition: ease-in-out 0.3s;
}

.features-card h3{
    font-size: 24px;
    line-height: 31px;
    color: var(--font-white);
    padding: 20px 0px;
}

.features-card:hover{
    background: rgba(0, 145, 207, 0.35);
    margin-top: -10px;
    transition: ease-in-out 0.3s;
}

.features-card:hover h3{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.responsive-device ul li{
    display: inline-block;
}

.responsive-device-img{
    border-radius: 6px;
    width: 65px;
    height: 65px;
    border: 1px solid #DDDDDD;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.responsive-device-img.mobile{
    background: rgba(255, 175, 0, 0.2);
    border: rgba(255, 175, 0, 0.2);
}

.responsive-device-wrapper h3{
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    color: var(--heading-color);
    text-align: center;
}

.responsive-device{
    margin-top: 25px;
}

.responsive-device ul li{
    margin-right: 30px;
}

.footer{
    background-image: url('../images/footer-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: inline-block;
    position: relative;
}

.footer-info-bottom{
    border-top: 1px solid #1D1D1D;
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
    padding-top: 2rem;
    align-items: center;
}

.footer-social-list li{
    margin-left: 10px;
    display: inline-block;
}

.footer-social-list li a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.footer-social-list li a:hover{
    border-color: var(--theme-color-2);
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}


/* Home Pages */
.main-page-banner{
    height: 720px;
    position: relative;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-color: #fff;
}

.main-page-banner.default{
    background-image: url('../images/home-img/default-banner-img.jpg');
}

.main-page-banner.default:before {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 70%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.banner-content-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.banner-heading{
    font-size: 48px;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}

.banner-description{
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    color: #fff;
}

.section-description{
    text-align: center;
}

.section-heading-wrapper{
    margin-bottom: 3rem;
}

.design-card{
    position: relative;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 2rem;
    transition: ease-in-out 0.3s;
}

.design-card-icon{
    position: absolute;
    top: -30px;
    left: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 4px;
    background: #222;
    box-shadow: 0 0 0 10px #fff;
    line-height: 60px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out 0.3s;
}

.design-card:hover .design-card-icon{
    background-color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.card-heading{
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 24px;
}

.text-left{
    text-align: left;
}

.who-we-default{
    background-color: rgb(253 68 69 / 5%);
}

.list-style-one{
    position: relative;
    margin: 20px 0px;
}

.list-style-one li{
    padding-left: 35px;
    margin-bottom: 13px;
    line-height: 25px;
    font-size: 16px;
    font-family: 'Rajdhani-SemiBold';
    position: relative;
}

.list-style-one li:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: 0px;
    top: 6px;
    border-radius: 50%;
    background: -webkit-linear-gradient(45deg, var(--theme-color-2), var(--theme-color-1) 100%);
}

.list-style-one li:after {
    position: absolute;
    left: 2px;
    top: 8px;
    content: '';
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.fun-factor{
    background-color: #1b1b1b;
}

.fun-factor-wrapper{
    text-align: center;
}

.fun-factor-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.fun-factor-icon img{
    margin-right: 20px;
    width: 45px;
}

.fun-factor-counter{
    color: var(--theme-color-2);
}

.fun-info{
    margin-top: 10px;
}

.fun-info span{
    font-size: 16px;
    font-family: 'Rajdhani-SemiBold';
    color: var(--font-white);
}

.default-recent-work-wrapper{
    position: relative;
}
.default-recent-work-wrapper img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    overflow: hidden;
}

.default-portfolio-hover{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    border: 20px solid rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.default-recent-work-wrapper:hover .default-portfolio-hover{
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.action-button-link i:hover{
    color: var(--theme-color-2);
    transition: all .3s;
}

.action-button-link i{
    font-size: 25px;
    margin-bottom: 20px;
}

.default-portfolio-description{
    text-align: center;
}

.default-portfolio-description h3{
    font-size: 16px;
    font-family: 'Rajdhani-SemiBold';
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.default-portfolio-description p{
    text-align: center;
    text-transform: uppercase;
}

.default-nav-tabs-wrapper .nav-tabs .nav-link{
    padding: 20px 30px;
    font-family: 'Rajdhani-SemiBold';
    text-align: center;
    font-size: 16px;
    color: var(--font-color);
}

.default-nav-tabs-wrapper .nav-tabs .nav-link.active{
    border-color: transparent;
    border-bottom: 1px solid var(--heading-color);
}

.tab-content{
    margin: 20px 0px;
}

.default-divider{
    background-color: #1b1b1b;
    position: relative;
    padding: 30px 0px;
}

.default-divider-inner h4{
    color: var(--font-white);
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'Rajdhani-Medium';
}

.default-divider-inner h3{
    color: var(--font-white);
    font-size: 24px;
    margin-bottom: 0px;
}

.default-divider-inner h3 span{
    color: var(--theme-color-2);
}

.default-divider-btn{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.footer-one{
    position: relative;
    background: #222226;
}

.footer-one .footer-top {
    position: relative;
    padding: 30px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.footer-one .footer-widget-section {
    position: relative;
    padding: 55px 0px 55px 0px;
}

.footer-one .footer-bottom {
    position: relative;
    background: #141417;
    padding: 15px 0px;
}

.footer-one .footer-social ul{
    float: right;
    line-height: 0;
}

.footer-one .footer-social ul li{
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.footer-one .footer-social ul li a{
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 5px;
    text-align: center;
    z-index: 1;
    transition: ease-in-out 0.3s;
}

.footer-one .footer-widget-title{
    color: var(--font-white);
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Rajdhani-SemiBold';
    margin-bottom: 26px;
}

.footer-one .footer-widget-info{
    margin-bottom: 32px;
    color: #a9a9aa;
}

.footer-one .subscribe-inner .subscribe-container{
    position: relative;
    margin: 0px;
}

.footer-one .subscribe-inner .subscribe-container .subscribe-input{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background: #1c1c1f;
    border: 1px solid #1c1c1f;
    border-radius: 6px;
    font-size: 15px;
    color: #a9a9aa;
    padding: 0px 20px;
    transition: all 500ms ease;
}

.footer-one .subscribe-inner .subscribe-container .subscribe-submit{
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 14px;
    background: transparent;
    color: #a9a9aa;
    transition: all 500ms ease;
    border: none;
}

.footer-one .footer-widget-section .links-list li{
    position: relative;
    display: block;
    /* font-size: 16px; */
    color: #a9a9aa;
    margin-bottom: 7px;
}

.footer-one .footer-widget-section .links-list li a {
    display: inline-block;
    color: #a9a9aa;
    transition: ease-in-out 0.3s;
}

.footer-one .footer-widget.about{
    margin-right: 3rem;
}
.footer-one .footer-logo h2{
    color: var(--heading-color);
    margin-bottom: 0;
    font-family: 'Rajdhani-Bold';
    font-weight: normal;
    color: #fff;
}

.footer-one .copyright{
    color: #a9a9aa;
}

.footer-one .bottom-footer-nav{
    float: right;
}

.footer-one .bottom-footer-nav li{
    position: relative;
    display: inline-block;
    margin-right: 35px;
    color: #a9a9aa;
}

.footer-one .bottom-footer-nav li:before {
    position: absolute;
    content: '';
    background: #9b9b9c;
    width: 1px;
    height: 16px;
    top: 7px;
    right: -18px;
}

.footer-one .bottom-footer-nav li:last-child {
    margin-right: 0px;
}

.footer-one .bottom-footer-nav li:last-child:before{
    display: none;
}

.footer-one .footer-widget-section .links-list li a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.footer-one .footer-social ul li a:hover{
    background-color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

/* consulting styles */

.banner-content-wrapper-consulting{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.banner-content-wrapper-consulting .banner-btns a{
    margin: 0;
}

.main-page-banner.consulting{
    background-image: url('../images/home-img/consulting-banner-bg.jpg');
}

.banner-content-wrapper-consulting .banner-heading{
    text-align: left;
}

.banner-content-wrapper-consulting .banner-description{
    text-align: left;
}

.banner-content-wrapper-consulting-img{
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-content-wrapper-consulting-img img{
    border-radius: 10px;
}

.banner-layer-inner{
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%);
    position: relative;
    margin-top: -60px;
}

.consulting-services-img img{
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.consulting-services-info .use-in ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* margin-top: 20px; */
}

.consulting-services-info .use-in ul li{
    display: inline-block;
    width: 60px;
    margin-right: 15px;
}

.consulting-services-info .use-in h4{
    color: var(--theme-color-3);
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'Rajdhani-SemiBold';
    font-weight: normal;
}

.consulting-services-info .use-in{
    margin-top: 20px;
}

.consulting-services-info .use-in ul li span{
    font-family: 'Rajdhani-SemiBold';
    font-weight: normal;
}

.consulting-divider{
    background: linear-gradient(to bottom, rgba(0, 145, 207, 0.9) 0%, rgba(0, 145, 207, 0.9) 59%, rgba(0, 145, 207, 0.9) 100%),
    url('../images/home-img/consulting-banner-img.jpg');
    display: inline-block;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 0px;
}

.consulting-divider .divider-card-wrapper{
    position: relative;
    border-radius: 10px;
    background: linear-gradient(to top left, #66d1ff 0%, var(--theme-color-3) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}

.consulting-divider .divider-card-wrapper img{
    width: 45px;
    height: 45px;
}

.consulting-divider .divider-card-wrapper h3{
    margin-bottom: 0;
    font-family: 'Rajdhani-Bold';
    font-weight: normal;
    color: var(--font-white);
    margin: 15px 0px;
}

.consulting-divider .divider-card-wrapper h4{
    font-size: 16px;
    font-family: 'Rajdhani-SemiBold';
    color: var(--font-white);
}

.consulting-agent-card-img img{
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.consulting-agent-card-info{
    background: linear-gradient(to top left, #66d1ff 0%, var(--theme-color-3) 100%);
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
}

.consulting-agent-card-info ul{
    position: relative;
}

.consulting-agent-card-info ul li{
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.consulting-agent-card-info ul li a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: var(--theme-color-3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-white);
}

.consulting-agent-card-info h3{
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--font-white);
}

.consulting-clients{
    background-color: rgb(253 68 69 / 5%);
}

.consulting .carosel-item{
    background-color: var(--font-white);
    border-radius: 10px;
    padding: 25px;
    position: relative;
    display: inline-block;
}

.consulting .review-author{
    display: flex;
    align-items: center;
}

.consulting .review-author-img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 10px;
}

.consulting .review-author-img img{
    border-radius: 6px;
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.consulting .review-author-info h3{
    font-size: 18px;
}

.consulting .review-stars-and-date{
    display: flex;
    justify-content: space-between;
}

.consulting .review-stars i.active{
    color: var(--theme-color-2);
}

 /* the slides */
 .slick-slide {
    margin: 0 20px;
}

/* the parent */
.slick-list {
    margin: 0 -20px;
}

.consulting .slick-dots{
    bottom: -50px;
}

.consulting .slick-dots li button:before{
    content: '' !important;
    background: var(--heading-color);
    width: 10px;
    height: 10px;
    border-radius: 30px;
    transition: ease-in-out 0.3s;
}

.consulting .slick-dots li.slick-active button:before{
    width: 25px;
    background: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

/* business */
.main-page-banner.business{
    background-image: url('../images/home-img/business-banner-bg.jpg');
    height: 600px;
}

.banner-layer-inner-business {
    background: #fff;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%);
    position: relative;
    margin-top: -7rem;
}

.banner-layer-inner-business img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px 10px 10px 10px;
}

.layer-count-wrapper{
    text-align: center;
    padding: 20px 0px;
}

.layer-count-wrapper h3{
    margin-bottom: 5px;
}

.layer-count-wrapper h4{
    font-size: 18px;
    color: var(--font-color);
}

.business-service-card{
    box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%);
    padding: 20px;
    text-align: center;
    border-radius: 6px;
}

.business-service-card-icon{
    width: 60px;
    height: 60px;
    background-color: rgb(253 68 69 / 5%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin: auto;
}

.business-service-card-info h3{
    font-size: 20px;
    margin: 15px 0px;
}

.business-work{
    /* background-image: url('../images/home-img/business-banner-bg.jpg'); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    display: inline-block;
    background-color: var(--theme-color-4);
}

.business-work-content .section-heading{
    color: var(--font-white);
}

.business-work-content .work-list li{
    margin-bottom: 25px;
}

.business-work-content .work-list li:last-child{
    margin-bottom: 0px;
}

.business-work-content .work-list li h3{
    font-size: 18px;
    margin-bottom: 15px;
    color: var(--font-white);
}

.business-work-content .work-list li p{
    color: var(--font-white);
}

.business-work-image img{
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.business-work-image{
    width: 100%;
    height: 100%;
}

.business-right-img{
    background-color: rgb(253 68 69 / 5%);
    padding: 15px;
    padding-bottom: 0;
    position: relative;
}

.business-right-content h3{
    font-size: 18px;
    margin: 15px 0px;
}

.business-left-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.business-left-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.business-testimonials{
    position: relative;
}

.businesstestimonial-inner{
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background-color: rgb(253 68 69 / 5%);
    box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%);
}

.businesstestimonial-inner img{
    margin-bottom: 15px;
}

.business .testimonial-info-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.business .testimonial-info-wrapper h4{
    font-size: 18px;
}

.business .testimonial-info-wrapper .testimonial-info-stars i{
    color: var(--theme-color-2);
    margin-right: 5px;
}

.business .testimonial-info-wrapper .testimonial-info-stars{
    font-weight: normal;
    font-family: 'SourceSansPro-Semibold';
}

/* studio */
.main-page-banner.studio {
    background-image: url('../images/home-img/studio-banner-bg.jpg');
}

.main-page-banner.studio:before {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 70%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.studio-card-wrapper{
    text-align: center;
    position: relative;
}

.studio-card-wrapper h3{
    font-size: 20px;
    margin: 15px 0px;
}

.item-image-wrapper{
    height: 400px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.item-image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    transition: ease-in-out 0.3s;
    overflow: hidden;
}

.item-image-wrapper:hover img{
    transform: scale(1.5);
    transition: ease-in-out 0.3s;
}

.item-image-wrapper::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg,transparent,#292935);
    opacity: 0;
}

.item-image-wrapper:hover::after{
    opacity: .8;
    transition: ease-in-out 0.3s;
}

.item-text-holder{
    position: absolute;
    z-index: 4;
    width: calc(100% - 60px);
    left: 30px;
    bottom: -80px;
    opacity: 0;
    transition: ease-in-out 0.3s;
}

.item-image-wrapper:hover .item-text-holder{
    bottom: 30px;
    opacity: 1;
    transition: ease-in-out 0.3s;
}

.item-text-holder h2{
    font-size: 20px;
    text-align: center;
    color: var(--font-white);
    transition: ease-in-out 0.3s;
}

.item-text-holder p{
    color: var(--font-white);
    text-align: center;
    transition: ease-in-out 0.3s;
}

.studio-about{
    background-image: url('../images/home-img/studio-about-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.studio-team-info-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.studio-team-info{
    width: 100%;
    position: relative;
    display: inline-block;
    margin: auto;
    text-align: center;
}

.studio-team-info img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.studio-team-text{
    text-align: center;
    padding: 15px 0px;
}

.studio-team-text h3{
    font-size: 20px;
}

.studio-testimonial{
    background-image: url('../images/home-img/studio-testionial-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 6rem 0rem;
}

.studio-testi-inner{
    text-align: center;
    position: relative;
}

.testi-quite-icon{
    margin: auto;
    margin-bottom: 20px;
}

.studio-testi-author{
    display: flex;
    align-items: center;
    justify-content: center;
}

.studio-testi-author img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}

.studio-testi-author-info h3{
    color: var(--font-white);
    font-size: 20px;
}

.studio-testi-author-info p{
    color: var(--font-white);
}

.studio-testi-author-info{
    text-align: left;
    position: relative;
}

.studiotestimonial .slick-dots li.slick-active button:before{
    color: var(--theme-color-3);
    font-size: 10px;
}

.studiotestimonial .slick-dots li button:before{
    color: #fff;
    font-size: 10px;
    opacity: 1;
}

.studiotestimonial .slick-dots{
    bottom: -65px;
}

.studio-getin-form-group{
    position: relative;
    margin-bottom: 25px;
}

.studio-getin-input{
    width: 100%;
    padding: 15px;
    border: 1px solid #d5d5d5;
    background: 0 0;
}

/* application */
.banner-mail-subscribe-form{
    display: inline-block;
    width: 100%;
}

.banner-mail-subscribe-form form{
    display: flex;
    align-items: center;
}

.bm-subscribe-input{
    width: 60%;
    position: relative;
    border-radius: 6px;
    height: 48px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    margin-right: 15px;
}

.main-page-banner.applications{
    background-color: var(--theme-color-3);
}

.applications-banner-img{
    height: 100%;
    display: flex;
    align-items: center;
}

.application-services{
    background-color: rgb(253 68 69 / 5%);
    position: relative;
}

.application-servoce-card{
    padding: 40px 30px;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0 25px 98px 0 rgb(0 0 0 / 3%);
    background-color: var(--bg-color);
    transition: .3s;
}

.application-servoce-card img{
    width: 40px;
    height: 40px;
}

.application-servoce-card h3{
    margin: 15px 0px;
    font-size: 20px;
}

.application-servoce-card:hover{
    transition: .3s;
    box-shadow: 0 25px 98px 0 rgb(0 0 0 / 10%);
    transform: translateY(-10px);
}

.application-feature-wrapper{
    display: flex;
}

.application-feature-icon{
    min-width: 60px;
    width: 60px;
    height: 60px;
    background-color: rgb(253 68 69 / 5%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 10px;
    margin-right: 15px;
}

.application-feature-info h3{
    font-size: 20px;
    margin-bottom: 15px;
}

.application-feature-img{
    display: flex;
    align-items: center;
    justify-content: center;
}

.application-whowe-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.available-devices{
    background-image: url('../images/home-img/application-available-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}

.available-devices::before{
    content: "";
    background: rgba(0, 0, 0, 0.55);
    position: absolute;
    top: 0;
    min-height: 100%;
    left: 0;
    right: 0;
    z-index: 9;
}

.application-device-inner{
    position: relative;
    z-index: 10;
}

.application-device-info-list li{
    display: inline-block;
}

.application-device-info-list li a{
    display: inline-block;
}

.application-device-info-list li a img.img-android{
    width: 170px;
}

.application-device-info-list li a img.img-apple{
    width: 220px;
}

.application-device-info-list{
    text-align: center;
    margin-bottom: 10px;
}

.application-our-team{
    text-align: center;
    position: relative;
}

.application-our-team img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: auto;
}

.application-ourteam-info h4{
    margin-top: 20px;
    font-size: 20px;
}

.application-ourteam-list li{
    display: inline-block;
}

.application-ourteam-list li a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(253 68 69 / 5%);
    transition: ease-in-out 0.3s;
}

.application-our-team:hover .application-ourteam-info h4{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.application-ourteam-list li a:hover{
    color: var(--font-white);
    background-color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.business-right-img img{
    height: 100px;
    width: 100%;
    object-fit: cover;
}

.application-feature-info{
    width: 100%;
}

/* event */
.banner-content-wrapper-event{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.main-page-banner.event{
    background-image: url('../images/home-img/events-banner-bg.jpg');
}

.main-page-banner.event:before {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 70%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.eabout-right-top-image{
    height: 100%;
    width: 100%;
    margin-top: 3rem;
}

.eabout-right-top-image img{
    height: 80%;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.eabout-left-top-image{
    width: 100%;
    /* height: 100%; */
}

.eabout-left-top-image img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 15px;
}

.eabout-left-bottom-image{
    overflow: hidden;
    border-radius: 15px;
}

.eabout-left-bottom-image img{
    height: 180px;
    border-radius: 15px;
    margin-left: 2rem;
    object-fit: cover;
}

.event-about-content-wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.event-factor-wrapper{
    border-radius: 15px;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-image: url('../images/home-img/event-factor-bg.png');
    /* background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url('../images/home-img/event-factor-bg.png'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
}

.event-factor-wrapper.one{
    background-color: #ff2b68;
}

.event-factor-wrapper.two{
    background-color: #ff763a;
}

.event-factor-wrapper.three{
    background-color: #7e50e1;
}

.event-factor-wrapper.four{
    background-color: #5058f3;
}

.event-factor-info h3{
    color: var(--font-white);
    margin: 30px 0px 10px 0px;
    font-size: 36px;
}

.event-factor-info p{
    color: var(--font-white);
    font-size: 18px;
}

.event-factor-icon{
    width: 60px;
    height: 60px;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.event-schedule-images{
    display: flex;
    position: relative;
}

.event-schedule-images-left{
    flex: 50%;
    margin-right: 2rem;
}

.event-schedule-images-right{
    flex: 50%;
    display: flex;
    align-items: center;
}

.event-schedule-images-right img{
    height: 180px;
    object-fit: cover;
    border-radius: 15px;
}

.event-schedule-images-left-top img{
    height: 195px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 2rem;
}

.event-schedule-images-left-bottom img{
    height: 130px;
    object-fit: cover;
    border-radius: 15px;
}

.event-schedule-images-left-bottom{
    margin-left: 2rem;
}

.event-schedule-bg{
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translate(-50%, 8%);
}

.event-schedule-tabs .nav{
    justify-content: center;
    justify-content: center;
    background-color: rgb(253 68 69 / 5%);
    padding: 10px;
    border-radius: 40px;
    width: 100%;
    justify-content: space-between;
}

.event-schedule-tabs .nav .nav-item{
    width: 31%;
    background-color: transparent;
    border-radius: 40px;
}

.event-schedule-tabs .nav-pills .nav-link{
    width: 100%;
    padding: 10px;
    border-radius: 40px;
    color: var(--theme-color-3);
}

.event-schedule-tabs .nav-pills .nav-link p{
    margin-bottom: 0px;
    color: var(--theme-color-3);
}

.event-schedule-tabs .nav-pills .nav-link h4{
    font-size: 20px;
    color: var(--theme-color-3);
}

.event-schedule-tabs .nav-pills .nav-link.active{
    background-color: #fff;
    color: var(--heading-color);
}

.event-schedule-tabs .nav-pills .nav-link.active p{
    color: var(--heading-color);
}

.event-schedule-tabs .nav-pills .nav-link.active h4{
    color: var(--heading-color);
}

.event-list-process ul{
    position: relative;
}

.event-list-process ul li{
    padding-left: 12rem;
    position: relative;
    padding-bottom: 25px;
}

.event-list-count{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--theme-color-2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-white);
    position: absolute;
    left: 9rem;
}

.event-list-timing{
    position: absolute;
    left: 0;
    font-size: 20px;
}

.event-list-process ul li::before{
    position: absolute;
    border-left: 2px solid var(--theme-color-2);
    left: 9.9rem;
    height: 100%;
    content: '';
}

.event-list-heading{
    font-size: 24px;
    margin-bottom: 10px;
}

.event-schedule-tabs .tab-content{
    margin: 3rem 0 0 0;
}

.event-list-process ul li:last-child::before{
    display: none;
}

.event-speaker-image img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}

.event-speaker-image{
    position: relative;
}

.event-speaker-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.event-speaker-social{
    background: var(--theme-color-2);
    padding: 5px 10px;
    border-radius: 40px;
    margin-top: -20px;
    position: relative;
    z-index: 10;
}

.event-speaker-social li{
    display: inline-block;
}

.event-speaker-social li a{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-speaker-info{
    margin-top: 20px;
}

.event-speaker-info h3{
    font-size: 20px;
    text-align: center;
    color: var(--font-white);
}

.event-speaker-info p{
    text-align: center;
    color: var(--font-white);
}


.event-speakers{
    /* background-image: url('../images/home-img/event-factor-bg.png'); */
    background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)), url('../images/home-img/speakers-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.event-tickets{
    background-color: rgb(253 68 69 / 5%);
}

.event-tickets-price-block{
    background-color: var(--font-white);
    border-radius: 30px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
}

.event-tickets-price-block-inner{
    background-color: rgb(253 68 69 / 5%);
    padding: 35px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 30px;
}

.event-tickets-price-block.first .event-tickets-price-block-inner span{
    background-color: #f3daf0;
    padding: 5px;
    color: #ff318d;
    border-radius: 30px;
    width: 90px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.event-tickets-price-block.first .event-tickets-price-block-inner h2{
    font-size: 32px;
}

.event-tickets-info-block{
    padding: 20px;
    border-radius: 30px;
    background-color: var(--font-white);
}

.event-tickets-info-list li{
    margin: 10px 0px;
}

.event-tickets-info-list li i{
    margin-right: 10px;
}

.event-tickets-info-list li i.fa-check-circle{
    color: green;
}

.event-tickets-info-list li i.fa-times-circle{
    color: red;
}

.event-tickets-price-block.middle .event-tickets-price-block-inner span{
    background-color: var(--theme-color-2);
    padding: 5px;
    color: var(--font-white);
    border-radius: 30px;
    width: 90px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.event-tickets-price-block.middle .event-tickets-price-block-inner h2{
    font-size: 32px;
}

.event-tickets-price-block.middle{
    background-color: rgb(0 145 207 / 70%);
}

.event-tickets-price-block.middle .event-tickets-price-block-inner{
    background-color: var(--theme-color-3);
}

.event-tickets-price-block.middle .event-tickets-price-block-inner h2{
    color: var(--font-white);
}

.event-tickets-card.middle .event-tickets-info-block{
    background-color: rgb(0 145 207 / 70%);
}

.event-tickets-card.middle .event-tickets-info-list li{
    color: var(--font-white);
}

.event-tickets-price-block.last .event-tickets-price-block-inner span{
    background-color: #e4e1fa;
    padding: 5px;
    color: #855be2;
    border-radius: 30px;
    width: 90px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.event-tickets-price-block.last .event-tickets-price-block-inner h2{
    font-size: 32px;
}

.event-spnsor-image{
    text-align: center;
}

.store-banner{
    background-color: rgb(253 68 69 / 5%);
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 3rem 0;
}

.store-banner-inner{
    width: 100%;
    position: relative;
    display: inline-block;
    height: 450px;
    background-image: url('../images/home-img/store-banner-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.store-small-banner-inner-top{
    /* background-image: url('../images/home-img/business-banner-bg.jpg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: inline-block;
    position: relative;
    height: 210px;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%);
    background-color: var(--font-white);
}

.store-small-banner-inner-bottom{
    /* background-image: url('../images/home-img/business-banner-bg.jpg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: inline-block;
    position: relative;
    height: 210px;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%);
    background-color: var(--font-white);
}

.store-small-banner-inner{
    width: 100%;
    display: inline-block;
    position: relative;
    height: 210px;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%);
    background-color: var(--font-white);
    display: flex;
}

.store-small-banner-inner.top{
    background-color: rgb(255 175 0 / 50%);
}

.store-small-banner-inner.bottom{
    background-color: rgb(0 145 207 / 50%);
}

.mb-30px{
    margin-bottom: 30px;
}

.store-small-banner-inner-left{
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.store-small-banner-inner-right{
    width: 40%;
    display: flex;
    align-items: center;
}

.store-small-banner-inner-left .offer-block .current-price{
    color: var(--theme-color-1);
}

.store-small-banner-inner-left .offer-block .old-price{
    color: var(--font-color);
    font-size: 18px;
    font-family: 'Rajdhani-Regular';
    font-weight: normal;
    margin-left: 10px;
    text-decoration: line-through;
}

.store-small-banner-inner-left .offer-block p{
    font-size: 12px;
    text-transform: uppercase;
}

.store-banner-inner .store-banner-heading{
    font-size: 28px;
    color: var(--font-white);  
    margin-bottom: 10px; 
}

.store-banner-inner p{
    margin-bottom: 15px;
    color: var(--font-white);
    font-size: 20px;
    font-family: 'Rajdhani-Medium';
    font-weight: normal;
}

.we-are-provide-block{
    display: flex;
    align-items: center;
}

.we-are-provide-block .we-are-provide-icon img{
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.we-are-provide-text h3{
    font-size: 16px;
}

.section-categories-heading{
    font-size: 24px;
}

.section-heading-wrapper.categories{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categories-arros .carosel-nav{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories-arros .carosel-nav.carosel-nav-left-cate{
    border: 1px solid #ddd;
    background-color: var(--font-white);
}

.categories-arros .carosel-nav.carosel-nav-right-cate{
    border: 1px solid var(--theme-color-3);
    background-color: var(--theme-color-3);
    color: var(--font-white);
}

.categories-arros{
    display: flex;
}

.categories-arros button{
    margin-left: 10px;
}

.store-category-item-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.store-category-item-icon{
    width: 80px;
    height: 80px;
    background-color: rgb(0 145 207 / 20%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.store-category-item-inner h3{
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
}

.hot-deal-bg1{
    background-color: var(--theme-color-4);
    border-radius: 10px 10px 0px 0px;
    padding: 0px 30px;
}

.hot-deal-bg2{
    background-color: var(--theme-color-4);
    border-radius: 0px 0px 10px 10px;
    padding: 0px 30px;
    margin-top: -1px;
}

.hot-deal-text-wrapper{
    padding: 30px 0px;
    display: flex;
    align-items: center;
}

.hot-deal-link-wrapper{
    padding: 30px 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hot-deal-link-wrapper a{
    color: var(--font-white);
}

.hot-deal-link-wrapper a i{
    margin-left: 10px;
}

.deal-expire-countdown{
    background-color: var(--theme-color-2);
    margin-left: 3rem;
    padding: 3px 10px;
    border-radius: 6px;
}

.deal-expire-countdown ul li i{
    margin-right: 5px;
}

.deal-expire-countdown ul li{
    display: inline-block;
    font-family: 'SourceSansPro-Semibold';
    font-weight: normal;
    margin: 0px 5px;
}

.deal-expire-countdown ul li::after{
    content: ':';
    display: inline-block;
    position: relative;
    left: 7px;
}

.deal-expire-countdown ul li:last-child:after{
    display: none;
}

.deal-item-wrapper{
    background-color: var(--font-white);
    border-radius: 6px;
    padding: 20px;
    position: relative;
    z-index: 10;
    transition: ease-in-out 0.3s;
}

.deal-item-wrapper img{
    width: 100%;
    height: 100px;
    object-fit: contain;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
}

.deal-item-wrapper h3{
    margin: 15px 0px 0px 0px;
    font-size: 12px;
    color: #0d6efd;
    height: 30px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.deal-item-stars ul li{
    display: inline-block;
    font-size: 10px;
}

.deal-item-stars ul li i.passed{
    color: #ffcd3c;
}

.deal-item-stars{
    display: flex;
    margin-bottom: 15px;
}

.deal-item-price .deal-item-current-price{
    font-size: 15px;
    color: var(--theme-color-1);
    font-family: 'SourceSansPro-Bold';
    font-weight: normal;
}

.deal-item-price .deal-item-old-price{
    font-size: 13px;
    font-family: 'SourceSansPro-Bold';
    font-weight: normal;
    text-decoration: line-through;
    margin-left: 5px;
}

.deal-item-btn{
    width: 100%;
    background-color: var(--theme-color-3);
    border-radius: 3px;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 0px;
    display: inline-block;
    color: var(--font-white);
    transition: ease-in-out 0.3s;
}

.deal-item-bottom-options{
    display: flex;
    justify-content: space-between;
}

.deal-item-bottom-options a{
    font-size: 12px;
}

.deal-item-bottom-options a i{
    margin-right: 4px;
}

.carosel-root.topdeals{
    padding-bottom: 30px;
    overflow: hidden;
}

.deal-item-top{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    left: 0;
    top: 10px;
    padding: 0px 20px;
}

.deal-item-top-off{
    font-size: 12px;
    background-color: var(--theme-color-1);
    padding: 0px 5px;
    color: var(--font-white);
    border-radius: 3px;
}

.deal-item-top-wishlist{
    color: var(--font-color);
    transition: ease-in-out 0.3s;
}

.deal-item-top-wishlist:hover{
    color: var(--theme-color-1);
    transition: ease-in-out 0.3s;
}

.deal-item-btn:hover{
    background-color: #0e3343;
    transition: ease-in-out 0.3s;
    color: var(--font-white);
}

.deal-item-wrapper h3:hover{
    text-decoration: underline;
}

/* the slides */
.topdeals .slick-slide {
    margin: 0 10px;
}

/* the parent */
.topdeals .slick-list {
    margin: 0 -10px;
}


.latestoffers-content-wrapper{
    /* box-shadow: 0px 0px 20px 0px rgb(52 49 75 / 10%); */
    /* padding: 20px; */
    border-radius: 6px;
}

.latestoffers-content-image img{
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
}

.latestoffers-content-wrapper h3{
    font-size: 14px;
    margin-top: 15px;
    height: 30px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.latestoffers-content-wrapper p{
    font-size: 12px;
}

.carosel-nav-left-offers{
    background-color: var(--font-white);
    border: 1px solid #ddd;
    color: #ddd;
}

.carosel-nav-right-offers{
    background-color: var(--font-white);
    border: 1px solid #ddd;
    color: #ddd;
}

.store-info-banner-inner{
    background-image: url('../images/home-img/store-reward-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: inline-block;
    height: 180px;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.store-info-banner-inner-app{
    background-image: url('../images/home-img/store-mobileapp-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: inline-block;
    height: 180px;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.store-info-banner-inner h3{
    font-size: 20px;
}

.store-info-banner-inner-app h3{
    font-size: 20px;
}

.store-info-banner-inner p{
    width: 55%;
}

.store-info-banner-inner-app p{
    width: 55%;
}

.section-heading-wrapper.best-seller{
    display: flex;
    align-items: center;
}

.section-heading-wrapper.best-seller a{
    margin-left: 3rem;
    display: flex;
    align-items: center;
}

.section-heading-wrapper.best-seller a i{
    margin-left: 5px;
}

.bestseller .deal-item-wrapper{
    border: 1px solid transparent;
}

.bestseller .deal-item-wrapper:hover{
    border: 1px solid #ddd;
}


.bestseller{
    position: relative;
}

.bestseller-arrows .carosel-nav.carosel-nav-left-bsestsell{
    position: absolute;
    top: 50%;
    left: -30px;
    background: transparent;
    border: none;
    font-size: 25px;
}

.bestseller-arrows .carosel-nav.carosel-nav-right-bsestsell{
    position: absolute;
    top: 50%;
    right: -30px;
    background: transparent;
    border: none;
    font-size: 25px;
}

.brands-inner-wrapper{
    width: 135px;
    height: 75px;
    display: flex;
    align-items: center;
    margin: 20px auto;
    border: 1px solid #ddd;
    padding: 10px;
}

.recently-viewed{
    background-color: #efeff7;
}

.bestseller-arrows .carosel-nav.carosel-nav-left-recentview{
    position: absolute;
    top: 50%;
    left: -30px;
    background: transparent;
    border: none;
    font-size: 25px;
}

.bestseller-arrows .carosel-nav.carosel-nav-right-recentview{
    position: absolute;
    top: 50%;
    right: -30px;
    background: transparent;
    border: none;
    font-size: 25px;
}

.newarrivals{
    position: relative;
}

.trending{
    position: relative;
}

.recentview{
    position: relative;
}

.newarrivals-arrows .carosel-nav.carosel-nav-left-newarrivals{
    position: absolute;
    top: 50%;
    left: -30px;
    background: transparent;
    border: none;
    font-size: 25px;
}

.newarrivals-arrows .carosel-nav.carosel-nav-right-newarrivals{
    position: absolute;
    top: 50%;
    right: -30px;
    background: transparent;
    border: none;
    font-size: 25px;
}

.recent-view-wrapper{
    background-color: var(--font-white);
    padding: 20px;
    display: flex;
    border-radius: 6px;
}

.recent-view-content h3{
    font-size: 9px;
    color: #0d6efd;
    height: 20px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.recent-view-image{
    width: 61px;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.recent-view-image img{
    width: 61px;
    height: 61px;
    object-fit: contain;
}

.recent-view-wrapper .deal-item-stars ul li{
    font-size: 6px;
}

.recent-view-wrapper .deal-item-stars{
    font-size: 6px;
}

.recent-view-wrapper .deal-item-stars{
    display: flex;
    margin-bottom: 0px;
    align-items: center;
}

.recent-view-wrapper .deal-item-price .deal-item-current-price{
    font-size: 10px;
}

.recent-view-wrapper .deal-item-price .deal-item-old-price{
    font-size: 8px;
}

.deal-item-price{
    line-height: 1;
}

.recentview .slick-dots{
    bottom: -45px;
}

.recentview .slick-dots li.slick-active button:before{
    color: var(--theme-color-3);
}

/* blog */
.post {
    margin-bottom: 40px;
    display: inline-block;
}

.post.post-thumb {
    position: relative;
}

.post .post-img {
    display: block;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.post.post-thumb .post-img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.3)), to(transparent));
    background: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0%, transparent 100%);
}

.post.post-thumb .post-body {
    position: absolute;
    bottom: 0px;
    padding: 20px 15px;
}

.post .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}

.post-meta .post-category {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'SourceSansPro-Semibold';
    padding: 3px 10px;
    font-weight: normal;
    border-radius: 2px;
    margin-right: 15px;
    color: #FFF;
    background-color: #212631;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.post-meta .post-category.cat-2 {
    background-color: #ff8700;
}

.post-meta .post-date {
    font-size: 13px;
    font-weight: normal;
    font-family: 'SourceSansPro-Regular';
}

.post.post-thumb .post-meta .post-date {
    color: #eceef2;
}

.post .post-title {
    font-size: 18px;
    margin-bottom: 0px;
}

.post.post-thumb .post-title {
    font-size: 22px;
}

.post.post-thumb .post-title > a {
    color: #FFF;
}

.post-meta .post-category.cat-3 {
    background-color: #8d00ff;
}

.section .section-title {
    margin-bottom: 40px;
}

.post-meta .post-category.cat-1 {
    background-color: #4BB92F;
}

.post-meta .post-category.cat-4 {
    background-color: #0078ff;
}

.aside-widget {
    margin-bottom: 40px;
}

.post.post-widget .post-img {
    width: 90px;
    float: left;
    margin-right: 15px;
    height: 90px;
    object-fit: cover;
}

.post.post-widget .post-img img{
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.section.section-grey {
    background-color: #fbfbfd;
    border-bottom: 1px solid #eceef2;
    border-top: 1px solid #eceef2;
}

.post.post-row .post-img {
    width: 40%;
    float: left;
}

.post.post-row .post-body {
    margin-left: calc(40% + 30px);
}

.post.post-row .post-meta {
    margin-top: 0px;
}

.post.post-row .post-title {
    margin-bottom: 15px;
    transition: ease-in-out 0.3s;
}

.section-row {
    margin-bottom: 40px;
}

.category-widget ul li {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #eceef2;
}

.category-widget ul li > a {
    display: block;
    -webkit-transition: 0.2s color;
    transition: 0.2s color;
    font-size: 16px;
}

.category-widget ul li > a > span {
    float: right;
    color: #fff;
    background-color: #212631;
    padding: 0px 5px;
    border-radius: 2px;
}

.category-widget ul li > a.cat-1 > span {
    background-color: #4BB92F;
}

.category-widget ul li > a.cat-2 > span {
    background-color: #ff8700;
}

.category-widget ul li > a.cat-4 > span {
    background-color: #0078ff;
}

.category-widget ul li > a.cat-3 > span {
    background-color: #8d00ff;
}

.category-widget ul li + li {
    margin-top: 10px;
}

.tags-widget ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 5px;
}

.tags-widget ul li a {
    display: block;
    color: #fff;
    background-color: #212631;
    padding: 3px 10px;
    border-radius: 2px;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.post-title:hover > a{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.category-widget ul li > a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

/* minimal */
.main-page-banner.minimal {
    background-image: url('../images/home-img/minimal-banner-bg.jpg');
    height: 600px;
}

.main-page-banner.minimal:before {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 70%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.minimal-feature-inner{
    display: flex;
    align-items: flex-start;
}

.minimal-feature-inner-info h3{
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.minimal-feature-inner-img{
    min-width: 40px;
    margin-right: 20px;
}

.portfolio{
    display: flex;
    position: relative;
}

.portfolio-thumb{
    flex: 50%;
    position: relative;
}

.portfolio-thumb-overlay{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 145 207 / 80%);
    transition: ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
}

.portfolio-thumb-overlay h3{
    color: var(--font-white);
    font-size: 20px;
}

.portfolio-thumb:hover .portfolio-thumb-overlay{
    opacity: 1;
    visibility: visible;
    transition: ease-in-out 0.3s;
}

.portfolio-thumb img{
    width: 100%;
}

.minimal-divider{
    background-color: #1c1c1c;
    padding: 3rem 0rem;
}

.minimal-divider-text-inner{
    height: 100%;
    display: flex;
    align-items: center;
}

.minimal-divider-text-inner h3{
    color: var(--font-white);
}

.minimal-gfeatures .minimal-feature-inner{
    margin-bottom: 20px;
}

.company-info-wrapper{
    margin-bottom: 30px;
}

.company-info-accordion .accordion-button::after{
    display: none;
}

.company-info-accordion .accordion-item{
    border: none;
}

.company-info-accordion .accordion-button:not(.collapsed){
    color: var(--font-color);
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd;
}

.company-info-accordion .accordion-button{
    border-bottom: 1px solid #ddd;
    padding: 16px 0px;
}

.company-info-accordion .accordion-body{
    padding: 1rem 0rem;
}

.company-info-accordion .accordion-button:focus{
    box-shadow: none;
}

.company-info-accordion .accordion-button:hover{
    color: var(--theme-color-3);
}

.progress-bar-container .progress{
    height: 8px;
}

.progress-bar-label{
    display: flex;
    justify-content: space-between;
    font-family: 'Rajdhani-SemiBold';
    font-size:14px;
    margin-bottom: 10px;
}

.progress-bar-container .progress-bar{
    background-color: var(--theme-color-3);
}

.progress-bar-container{
    margin-bottom: 10px;
}

.minimal-gfeatures{
    background-color: rgb(253 68 69 / 5%);
}

.minimal-testimonial{
    background-color: #1c1c1c;
    padding: 5rem 0rem;
}

.minimaltesti .carosel-item p{
    text-align: center;
    font-size: 18px;
    color: var(--font-white);
    margin-bottom: 30px;
}

.minimaltesti .carosel-item .author-title{
    text-align: center;
    color: var(--font-white);
    font-size: 16px;
}

.minimaltesti .slick-dots {
    bottom: -50px;
}

.minimaltesti .slick-dots li button:before{
    color: #fff;
}

.minimaltesti .slick-dots li.slick-active button:before{
    color: #fff;
    opacity: 1;
}

.minimal-counter-inner{
    text-align: center;
    padding: 20px;
}

.minimal-counter-inner h3{
    font-size: 40px;
    margin-bottom: 10px;
    color: var(--theme-color-3);
}

.minimal-counter-inner h4{
    color: var(--font-color);
    font-size: 16px;
}

.main-page-banner.portfolio{
    background-image: url('../images/home-img/portfolio-page-banner-bg.jpg');
}

/* portfolio */
.font-color{
    color: var(--font-color);
}

.portfolio-about-caption h3{
    font-size: 30px;
    margin-bottom: 25px;
}

.portfolio-about-caption p{
    font-size: 16px;
    margin-bottom: 20px
}

.portfolio-about-caption2 h3{
    font-size: 40px;
    margin-bottom: 25px;
}

.portfolio-about-caption2 p{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: 'SourceSansPro-Semibold';
}

.portfolio-about-caption2 .send-cv{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.portfolio-about-caption2 .send-cv a{
    font-size: 35px;
    font-family: 'SourceSansPro-Semibold';
    font-weight: normal;
    margin-bottom: 10px;
    text-decoration: underline;
    display: inline-block;
}

.portfolio-about-caption2 .send-cv i{
    font-size: 30px;
    cursor: pointer;
    text-decoration: double underline;
    position: relative;
}

.portfolio-services{
    background-image: url('../images/home-img/portfolio-bg-shape.png');
    background-size: 71%;
    background-repeat: no-repeat;
    background-position: left top;
}

.portfolio-service-card{
    border: 1px solid #e1ebf7;
    border-radius: 6px;
    padding: 61px 22px;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    position: relative;
    z-index: 1;
    height: 100%;
}

.portfolio-service-icon{
    color: rgb(253 68 69 / 5%);
    font-size: 50px;
    margin: auto;
    margin-bottom: 30px;
    width: 100px;
    height: 100px;
    background: #fff4f4;
    line-height: 100px;
    text-align: center;
    border-radius: 50px;
}

.portfolio-service-caption h5 a{
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 21px;
    display: block;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.portfolio-service-caption{
    text-align: center;
}

.portfolio-service-card:hover{
    border: 1px solid transparent;
}

.portfolio-service-card::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    background: var(--theme-color-1);
    transition: .6s;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
}

.portfolio-service-card:hover::before{
    height: 100%;
}

.portfolio-service-card:hover .portfolio-service-icon{
    background: #fff;
}

.portfolio-service-card:hover .portfolio-service-caption h5{
    color: #fff;
}

.portfolio-service-card:hover .portfolio-service-caption p{
    color: #fff;
}

.portfolio-services .nav-tab-wrapper{
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
}

.portfolio-services .nav-tab-wrapper .nav-tabs{ 
    width: 100%;
}

.portfolio-services .nav-tab-wrapper .nav-tabs{ 
    border-bottom: 2px solid #e1ebf7;
}

.portfolio-services .nav-tab-wrapper .nav-tabs .nav-link.active{ 
    border: 2px solid transparent;
    border-bottom: 2px solid var(--theme-color-1);
}

.portfolio-services .nav-tab-wrapper .nav-tabs .nav-link{
    border: 2px solid transparent;
    font-size: 16px;
    color: var(--heading-color);
}

.portfolio-services .nav-tab-wrapper .nav-tabs .nav-link:hover{
    border: 2px solid transparent;
}

.tab-pane .single-services img{
    width: 100%;
}

.portfolio-divider{
    padding: 3rem 0;
    background-color: rgb(253 68 69 / 5%);
}

.portfolio-divider-text h2{
    font-size: 32px;
}

.feedback-arrows{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.feedback-arrows .carosel-nav-left-feedback{
    border: none;
    background-color: transparent;
    font-size: 30px;
    color: var(--theme-color-1);
    width: 60px;
    height: 40px;
}

.feedback-arrows .carosel-nav-right-feedback{
    border: none;
    background-color: transparent;
    font-size: 30px;
    color: var(--theme-color-1);
    width: 60px;
    height: 40px;
}

.portfolio-feedback-wrapper{
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 25px 20px;
    position: relative;
    background: #fff;
}

.portfolio-feedback-top{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.portfolio-feedback-top .person-img img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}

.portfolio-feedback-top .person-info{
    margin-left: 20px;
}

.portfolio-feedback-top .person-info h2{
    color: var(--theme-color-1);
    font-size: 18px;
    font-weight: normal;
}

.portfolio-message-caption h3{
    font-size: 40px;
    margin-bottom: 30px;
}

.portfolio-message-input{
    background: rgb(253 68 69 / 5%);
    height: 60px;
    width: 100%;
    padding: 10px 26px;
    border: 0;
    color: #a3a3a3;
    text-transform: capitalize;
    border-radius: 0;
    border: 0;
    margin-bottom: 30px;
}

.portfolio-message-textarea{
    color: #a3a3a3;
    background: rgb(253 68 69 / 5%);
    letter-spacing: 2px;
    text-transform: capitalize;
    height: 160px;
    width: 100%;
    padding: 30px 26px;
    border: 0;
    border-radius: 0;
    border: 0;
    margin-bottom: 30px;
}

.maxw-100{
    max-width: 100%;
}

.p-signature{
    width: 50%;
    margin-top: 30px;
}

.portfolio-footer{
    background-color: var(--theme-color-4);
}

.portfolio-footer-top{
    padding-top: 100px;
    padding-bottom: 86px;
}

.footer-top-cap span a{
    margin: 2rem 0rem;
    font-size: 38px;
    /* margin-bottom: 20px; */
    color: var(--font-white);
    display: inline-block;
}

.footer-top-cap p{
    font-size: 18px;
    color: var(--font-white);
}

.portfolio-footer-bottom{
    padding-bottom: 50px;
    padding-top: 20px;
}

.portfolio-footer-bottom .footer-copy-right{
    color: var(--font-white);
}

.footer-psocial{
    float: right;
}

.footer-psocial a{
    font-size: 14px;
    text-align: center;
    margin-left: 16px;
    color: var(--font-white) !important;
}

.footer-top-cap h2{
    font-size: 40px;
    color: var(--font-white);
}

.btn-block{
    display: flex;
    justify-content: center;
}

.footer-psocial a:first-child{
    margin: 0;
}

.aboutus-one-page-banner{
    background-color: #212531;
    position: relative;
}

.bottom-wave{
    /* display: none; */
    width: 100%;
    height: 100%;
    max-height: 16.8rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10.5rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url('../images/aboutus-bottom-wave.svg');
    z-index: 4;
}

.main-hero-box {
    padding-top: 6rem;
}

.main-hero-box h1 {
    font-size: 34px;
    color: var(--font-white);
    text-align: center;
    margin: 20px;
}

.main-hero-box p{
    color: var(--font-white);
    text-align: center;
    font-size: 18px;
}

.aboutus-one-page-banner .img-box, .aboutus-one-page-banner .text-box {
    margin-right: 11%;
    max-width: 85%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}

.main-hero-box .img-box {
    align-items: flex-end !important;
}

.aboutus-one-page-banner .text-box {
    padding-bottom: 6rem;
}

.aboutus-one-page-banner .text-box p{
    font-size: 18px;
}

.aboutus-one-meet{
    position: relative;
    z-index: 10;
}

.aboutus-one-leadership-image img{
    margin-bottom: 2rem;
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    border-radius: 6px;
}

.aboutus-one-leadership-info h2{
    font-size: 24px;
    margin-bottom: 5px;
    color: var(--theme-color-1);
}

.aboutus-one-leadership-info h4{
    font-size: 14px;
}

.aboutus-one-leadership-info hr{
    background-color: var(--heading-color);
    width: 30px;
    height: 2px;
    border-color: var(--heading-color);
}

.aboutus-one-leadership-card{
    position: relative;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.aboutus-one-meetteam{
    background-color: rgb(253 68 69 / 5%);
    position: relative;
}

.aboutus-one-meetteam-card img{
    margin: auto;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 2px solid var(--theme-color-3);
    position: relative;
    border-radius: 50%;
}

.aboutus-one-meetteam-card{
    position: relative;
    text-align: center;
    padding: 0px 20px;
}

.aboutus-one-meetteam-card h3{
    font-size: 20px;
    margin-top: 20px;
}

.firewall-item{
    margin-bottom: 25px;
}

.firewall-item.first-top{
    height: 255px;
}

.firewall-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.firewall-item.first-bottom{
    height: 170px;
}

.firewall-item.second-top{
    height: 215px;
}

.firewall-item.second-bottom{
    height: 210px;
}

/* about us 2 */
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.breadcrumb li.active{
    font-family: 'SourceSansPro-Semibold';
    font-weight: normal;
}

.aboutus-two-breadcrumbs-inner h1{
    font-size: 32px;
}

.breadcrumb{
    margin-bottom: 0;
}

.aboutus-two-breadcrumbs-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aboutus-two-breadcrumbs{
    padding: 6rem 0;
    background-image: url('../images/aboutus-two-breadcrumb.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    display: inline-block;
    z-index: 10;
}

.aboutus-two-breadcrumbs:before{
    content: '';
    background-color: #060606;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 11;
}

.aboutus-two-breadcrumbs-inner{
    position: relative;
    z-index: 12;
}

.aboutus-two-breadcrumbs-inner h1{
    color: var(--font-white);
}

.aboutus-two-breadcrumbs-inner .breadcrumb li a{
    color: var(--font-white);
}

.aboutus-two-we-content h3{
    font-size: 24px;
    margin-bottom: 20px;
}

.aboutus-two-we-content p{
    margin-bottom: 20px;
}

.aboutus-two-we-content h4{
    font-size: 18px;
    margin-bottom: 20px;
}

.progress-bar-inner{
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
}

.progress-bar-wrapper .progress{
    border-radius: 0;
    height: 1.2rem;
    font-size: 11px;
    margin-bottom: 25px;
    background-color: #f2f2f2;
}

.progress-bar-wrapper .progress-bar{
    background-color: var(--theme-color-4);
}

.aboutus-two-we-image{
    position: relative;
    height: 100%;
}

.aboutus-two-we-image img{
    width: 100%;
    height: 85%;
    object-fit: cover;
    border-radius: 10px;
}

.progress-bar-wrapper .progress:last-child{
    margin-bottom: 0;
}

.aboutus-two-we-imagelayer{
    position: absolute;
    padding: 20px;
    right: 0;
    bottom: 0;
    background-color: var(--theme-color-3);
    text-align: center;
    border-radius: 10px;
}

.aboutus-two-we-imagelayer h3{
    color: var(--font-white);
    font-size: 36px;
}

.aboutus-two-we-imagelayer p{
    color: var(--font-white);
    font-size: 18px;
    font-family: 'SourceSansPro-Bold';
}

.aboutus-two-choose-card{
    padding: 20px;
    text-align: center;
    position: relative;
    height: 100%;
}

.aboutus-two-choose-card h3{
    font-size: 24px;
    margin-bottom: 20px;
}

.aboutus-two-choose-card h3 span{
    color: var(--theme-color-1);
}

.aboutus-two-choose-image{
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutus-two-choose-image{
    width: 55%;
    margin: auto;
}

.gray-border-factor .f-grid {
    background-color: #323232;
}

.gray-border-factor .f-grid:nth-child(2n+2) {
    background-color: #3a3a3a;
}

.aboutus-two-fun-factor{
    padding: 60px 0;
    border-top: none;
    border-bottom: none;
    text-align: center;
}

.aboutus-two-fun-icon{
    display: inline-block;
    float: none;
    margin-top: 0;
    margin-bottom: 15px;
    width: 40px;
}

.aboutus-two-fun-info h3{
    font-size: 36px;
    color: var(--theme-color-2);
    margin-bottom: 10px;
}

.aboutus-two-fun-info h4{
    color: var(--font-white);
    font-size: 18px;
}

.inline-block {
    display: inline-block;
    width: 100%;
}

.aboutus-two-team-card{
    position: relative;
}

.aboutus-two-team-image{
    position: relative;
    height: 100%;
    margin: 0px 20px;
}

.aboutus-two-team-image img{
    width: 100%;
    height: 100%;
}

.aboutus-two-team-intro{
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 70%;
    padding: 10px 20px;
    text-align: right;
    background: rgba(0, 0, 0, .7);
}

.aboutus-two-team-intro h4{
    color: var(--font-white);
    font-size: 20px;
}

.aboutus-two-team-intro p{
    color: var(--font-white);
}

.banner-content-wrapper-aboutme{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.banner-content-wrapper-aboutme img{
    width: 220px;
}

.banner-content-wrapper-aboutme h3{
    font-size: 36px;
    color: var(--theme-color-2);
    margin-bottom: 10px;
}

.banner-content-wrapper-aboutme p{
    color: var(--font-white);
    margin-bottom: 20px;
}

.main-page-banner.aboutus-three-banner{
    background-image: url('../images/aboutme-page-banner.jpg');
}

.default-divider.aboutme{
    margin-top: -10px;
}

.aboutme-who{
    background-image: url('../images/aboume-developer-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    display: inline-block;
}

.aboutme-factor-card{
    text-align: center;
    position: relative;
    padding: 20px;
}

.aboutme-factor-card img{
    width: 40px;
    margin-bottom: 20px;
}

.aboutme-factor-card h3{
    margin-bottom: 10px;
    font-size: 32px;
}

.aboutme-factor-card h4{
    font-size: 18px;
}

.aboutme-skills-right h3{
    margin-bottom: 20px;
    color: var(--font-white);
}

.aboutme-skills-right p{
    margin-bottom: 30px;
    color: var(--font-white);
}

.aboutme-skills-left{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutme-skills-left h3{
    font-size: 36px;
    color: var(--font-white);
}

.aboutme-skills{
    background: linear-gradient(
        rgba(0, 0, 0, 0.65),
        rgba(0, 0, 0, 0.65)
        ),url('../images/aboutme-skills.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    position: relative;
    display: inline-block;
}

.aboutme-works-left h3{
    font-size: 24px;
    margin-bottom: 20px;
}

.aboutme-works-left p{
    margin-bottom: 20px;
}

.view-all-link{
    font-family: 'SourceSansPro-Semibold';
    color: var(--theme-color-1);
}

.works-arrows{
    margin-top: 30px;
}

.works-arrows .carosel-nav-left-aboutworks{
    width: 40px;
    height: 40px;
    background-color: transparent;
    /* color: var(--font-white); */
    border:1px solid #ddd;
}

.works-arrows .carosel-nav-right-aboutworks{
    width: 40px;
    height: 40px;
    background-color: var(--theme-color-3);
    color: var(--font-white);
    border: transparent;
}

.aboutme-works-thumb img{
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.aboutme-works-thumb{
    position: relative;
    transition: ease-in-out 0.3s;
}

.aboutme-works-title{
    padding: 15px 0;
}

.aboutme-works-title h4{
    font-size: 16px;
}

.aboutme-works-layer{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(255 255 255 / 70%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--theme-color-3);
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.3s;
}

.aboutme-works-thumb:hover .aboutme-works-layer{
    opacity: 1;
    visibility: visible;
    transition: ease-in-out 0.3s;
}

.page-breadcrumbs {
    padding: 8rem 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    display: inline-block;
    z-index: 10;
}

.breadcrumbs-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 12;
}

.breadcrumbs-inner h1{
    color: var(--font-white);
    font-size: 32px;
}

.breadcrumbs-inner .breadcrumb li a {
    color: var(--font-white);
}

.page-breadcrumbs.services-one{
    background-image: url('../images/services-hero-bg.jpg');
}

.other-services{
    background: linear-gradient(
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0.8)
        ),url('../images/aboutme-skills.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    position: relative;
    display: inline-block;
}

.other-services-inner{
    text-align: center;
    position: relative;
    padding: 20px;
}

.other-services-inner h3{
    font-size: 24px;
    margin: 20px 0px;
    color: var(--font-white);
}

.other-services-inner p{
    color: var(--font-white);
}

.special-services-image{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.other-services-inner img{
    width: 40px;
}

.page-breadcrumbs.services-two{
    background-image: url('../images/services-hero-bg.jpg');
    background-image: none;
    background-color: rgb(253 68 69 / 5%);
    padding: 4rem 0;
}

.services-two .breadcrumbs-inner h1{
    color: var(--heading-color);
}

.services-two .breadcrumbs-inner .breadcrumb li a{
    color: var(--font-color);
}

.services-two-leftservices h3{
    font-size: 24px;
    margin-bottom: 20px;
}

.services-two-rightservices .accordion-button:not(.collapsed){
    color: var(--font-white);
    background-color: var(--theme-color-3);
    box-shadow: none;
}

.services-two-rightservices .accordion-item:first-of-type .accordion-button{
    border-radius: 0px;
}

.services-two-rightservices .accordion-item:first-of-type{
    border-radius: 0px;
}

.services-two-rightservices .accordion-item{
    border: none;
    margin-bottom: 20px;
}

.services-two-rightservices .accordion-button{
    background-color: #e8e8e8;
    line-height: 16px;
}

.services-two-rightservices .accordion-button:not(.collapsed)::after{
    background-image: none;
    font-family: "Fontawesome"; 
	font-weight: 400;
	content: "\f068";
    font-size: 14px;
}

.services-two-rightservices .accordion-button::after{
    background-image: none;
    font-family: "Fontawesome"; 
	font-weight: 400;
	content: "\f067";
    font-size: 14px;
    width: auto;
    height: auto;
}

.services-two-divider{
    background-color: #1c1c1c;
    padding: 3rem 0rem;
}

.services-two-divider-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.services-two-divider-inner h3{
    font-size: 32px;
    color: var(--font-white);
    margin-bottom: 20px;
}

.services-two-divider-inner p{
    color: var(--font-white);
    margin-bottom: 20px;
}

.special-services-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-breadcrumbs.services-three{
    background-image: url('../images/services-hero-bg.jpg');
    padding: 6rem 0;
}

.services-three .breadcrumbs-inner{
    flex-direction: column;
}

.services-three .breadcrumbs-inner h1{
    margin-bottom: 15px;
}

.services-three-card{
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    transition: ease-in-out 0.3s;
    position: relative;
}

.services-three-card img{
    width: 40px;
}

.services-three-card h3{
    margin: 20px 0px;
    font-size: 24px;
}

.services-three-card:hover{
    background-color: rgb(253 68 69 / 5%);
    transition: ease-in-out 0.3s;
}

.application-whowe-image{
    width: 100%;
    height: 100%;
}

.application-whowe-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-ourclients-image{
    background-color: rgb(253 68 69 / 5%);
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-ourclients-info{
    padding: 20px;
    text-align: center;
}

.page-ourclients-info h3{
    font-size: 16px;
}

.page-ourclients-info h3:hover{
    color: var(--theme-color-2);
}

.fun-factor-ourclients{
    background-image: url('../images/ourclients-funfactor-bg.jpg');
    padding: 6rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.clients li {
    position: relative;
    float: left;
    padding: 20px 0;
    text-align: center;
}

.clients.grid-4 li {
    width: 21%;
    margin: 2%;
}

.clients li:before {
    top: 0;
    right: 1px;
    height: 100%;
    border-right: 1px solid #ddd;
    content:'';
    position: absolute;
}

.clients li:after {
    top: auto;
    right: 1px;
    bottom: 1px;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ddd;
    content:'';
    position: absolute;
}

.clients li a, .clients li img {
    display: block;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
}

.clients-satisfy-inner{
    text-align: center;
}

.clients-satisfy-inner h3{
    font-size: 24px;
    margin: 20px 0px;
    color: var(--font-white);
}

.clients-satisfy-inner p{
    color: var(--font-white);
}

.clients-satisfy{
    background-image: url('../images/clients2-dicider-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    padding: 5rem 0rem;
}

.clients-satisfy-inner img{
    width: 40px;
}

.page-breadcrumbs.faq-one{
    background-image: url('../images/faq-banner-bg.jpg');
}

.faq-support-inner{
    text-align: center;
}

.faq-support-inner h1{
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
}

.faq-banner-btns{
    display: flex;
    margin-top: 3rem;
    align-items: center;
    justify-content: center;
}

.faq-banner-btns a{
    margin: 0px 15px;
}

.faq-heading{
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.page-breadcrumbs.career{
    background-image: url('../images/carrer-bg.jpg');
}

/* careers */
.filter-wrap .search {
    margin-bottom: 30px;
    position: relative;
}

.filter-wrap input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e1e8f0;
    border-radius: 3px;
    font-weight: 400;
    font-size: 16px;
    color: #6e8caf;
    line-height: 26px;
    padding: 9px 15px 8px;
    transition: all .15s ease;
}

.filter-wrap .search i{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #53718f;
}

.filter-wrap .departments {
    margin-top: 30px;
}

.button-filter-menu{
    display: flex;
    flex-direction: column;
}

.button-filter-menu .all-text{
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
    font-size: 14px;
}

.career{
    background-color: #e9ecf0;
}

.career-filter .accordion-item{
    background-color: transparent;
    border: none;
}

.career-filter .accordion-button {
    background-color: transparent;
    padding: 0px 0px;
}

.career-filter .accordion-button:not(.collapsed){
    box-shadow: none;
    color: var(--font-color);
}

.career-filter .accordion-button:focus{
    border-color: transparent;
    box-shadow: none;
}

.career-filter .accordion-button::after{
    font-family: "Fontawesome"; 
	font-weight: 400;
	content: "\f107";
    background-image: none;
}

.career-filter ul li{
    padding: 5px 10px;
    font-family: 'SourceSansPro-Semibold';
    font-weight: normal;
}

.career-filter .accordion-body{
    padding: 1rem 0.5rem;
}

.career-filter ul li:hover{
    background-color: #e1e8f0;
}

.content .status h3{
    font-size: 24px;
    color: #19224a;
    line-height: 32px;
    margin-bottom: 45px;
    font-family: 'Rajdhani-Medium';
}

.content .status h3 span{
    font-family: 'Rajdhani-Bold';
}

.job-list .item {
    background: #fff;
    border: 1px solid #d0d8e2;
    border-radius: 4px;
    margin-bottom: 10px;
    transition: all .15s ease;
}

.job-list.table .item {
    display: flex;
    align-items: center;
    min-height: 70px;
    cursor: pointer;
}

.job-list .item a {
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    width: 100%;
}

.careers .job-list.table .item a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.job-list.table .item a>div {
    padding: 0 10px;
}

.job-list.table .item .role {
    flex-grow: 1;
    margin-bottom: 0;
    width: 60%;
}

.job-list .item .role h2 {
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    margin: 0;
    transition: all .15s ease;
}

.job-list.table .item .department, .job-list.table .item .location {
    position: relative;
    flex-grow: 0;
    width: 20%;
    border-radius: 4px;
    overflow: hidden;
}

.job-list.table .item .department span, .job-list.table .item .location span {
    padding: 0 8px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #e1e8f0;
}

.job-list.table .item span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.job-list.table .item:hover{
    box-shadow: 0 6px 8px 0 rgb(54 77 114 / 8%), 0 2px 4px 0 rgb(54 77 114 / 18%);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.breadcrumbs-inner.job{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 12;
    flex-direction: column;
}

.breadcrumbs-inner.job span{
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 6px;
    color: var(--font-white);
    margin-top: 20px;
}

.job-content{
    position: relative;
    background-color: #e9ecf0;
}

.job-page-headings{
    margin-bottom: 20px;
    font-size: 16px;
}

.job-page-description{
    margin: 16px 0px;
    font-size: 16px;
}

.job-content-inner ul{
    margin: 0 0 15px;
    padding: 0 0 0 45px;
    list-style-type: disc;
}

.job-content-inner ul li{
    font-size: 16px;
}

.job-page-description a{
    color: var(--theme-color-1);
}

.career-form{
    position: relative;
    background-color: #e9ecf0;
}

.career-form-input{
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e1e8f0;
    border-radius: 3px;
    color: #6e8caf;
    line-height: 26px;
    padding: 9px 15px 8px;
    transition: all .15s ease;
    height: 45px;
}

.career-form-container{
    position: relative;
    margin-bottom: 25px;
}

.career-form-label{
    margin-bottom: 5px;
    font-family: 'Rajdhani-SemiBold';
    color: var(--heading-color);
}

.career-form-label span{
    color: red;
    margin-right: 5px;
}

.career-form-radio input{
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.career-form-radiobtn{
    margin-bottom: 5px;
}

.career-form-radio{
    margin-top: 10px;
}

.career-form-send-btn{
    margin-top: 2rem;
}

/* maintenance */
.maintenance-header-inner{
    padding: 20px 0px;
    text-align: center;
}

.maintenance-header-inner img{
    width: 160px;
}

.maintenance-content{
    height: 100%;
    display: inline-block;
    width: 100%;
    padding: 3rem 0;
    background-color: rgb(253 68 69 / 5%);
}

.maintenance-content-inner{
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.maintenance-content-inner h1{
    font-size: 32px;
    margin-bottom: 20px;
}

.maintenance-content-inner p{
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

.bottom-text{
    font-size: 16px !important;
    color: #8d8d8d;
}

.bottom-text a{
    color: var(--theme-color-1);
}

.bottom-text a i{
    margin-left: 5px;
}

.know-before .col-md-4{
    padding-right: 0;
    padding-left: 0;
}

.know-before-card{
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 50px;
    border: 1px solid #f2f2f2;
    transition: all .3s ease;
    text-align: center;
}

.know-before-card img{
    width: 40px;
}

.know-before-card h3{
    font-size: 24px;
    margin: 20px 0px;
}

.know-before-card:hover{
    background-color: rgb(253 68 69 / 5%);
    transition: all .3s ease;  
}

.pricing-table1-card{
    padding: 50px;
    text-align: center;
    border: 1px solid #e8e8e8;
    background: #fff;
}

.pricing-table1-card h1 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 16px;
}

.pricing-table1-card .p-value {
    margin-bottom: 40px;
    padding: 25px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.pricing-table1-card .doller {
    font-size: 42px;
    font-weight: normal;
}

.pricing-table1-card .doller span {
    margin-left: 0px;
    font-size: 16px;
}

.pricing-table1-card .duration {
    text-transform: uppercase;
    font-size: 12px;
}

.pricing-table1-card ul {
    display: block;
    margin-bottom: 40px;
    padding: 0;
    list-style: none;
}

.pricing-table1-card ul li{
    margin-bottom: 15px;
}

.pricing-table1-card .p-btn {
    display: inline-block;
    display: inherit;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #222;
    border: 1px solid #e8e8e8;
    /* font-family: 'Abel', sans-serif; */
    font-weight: normal;
    /* letter-spacing: 2px; */
}

.pricing-table1-card.feature h1{
    color: var(--theme-color-2);
}

.pricing-table1-card.feature{
    color: #fff;
    background-color: #222;
}

.pricing-table1-card.feature .p-btn, .pricing-table1-card.feature .p-btn:hover {
    color: #222;
    background: #fff;
}

.pricing-table1-card.feature .p-value {
    margin-bottom: 40px;
    padding: 25px 0;
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.pricing-table1-card.feature ul li {
    color: #7d7d7d;
}

.pricing-table2-inner{
    border: 1px solid #ddd;
    border-radius: 6px;
    position: relative;
}

.pricing-table2-top{
    border-bottom: 1px solid #ddd;
    padding: 45px 20px 20px 20px;
    text-align: center;
    position: relative;
}

.pricing-table2-top img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
}


.pricing-table2-top h3{
    font-size: 24px;
}

.pricing-table2-body{
    /* border-bottom: 1px solid #ddd; */
    position: relative;
    padding: 20px 0px;
    padding-bottom: 0px;
}

.pricing-table2-body ul li{
    margin-bottom: 10px;
    text-align: center;
}

.pricing-table2-body ul li:last-child{
    margin-bottom: 0;
}

.pricing-table2-bottom{
    margin: 25px;
    border: 1px solid #ddd;
    text-align: center;
    padding: 20px;
    position: relative;
    border-radius: 6px;
}

.pricing-table2-bottom h1{
    font-size: 55px;
    color: var(--theme-color-3);
}

.pricing-table2-bottom h1 .small-doller{
    font-size: 20px;
    color: var(--theme-color-3);
    margin-right: 5px;
}

.pricing-table2-bottom h1 .small-text{
    font-size: 14px;
    color: var(--font-color);
    margin-left: 5px;
}

.pricing-table2-btn{
    width: 100%;
    height: 45px;
    background-color: var(--theme-color-3);
    color: var(--font-white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out 0.3s;
}

.pricing-table2-btn:hover{
    color: var(--font-white);
    background-color: #1c3743;
    transition: ease-in-out 0.3s;
}

.pricing-table2-bottom.middle{
    background-color: var(--theme-color-3);
}

.pricing-table2-bottom.middle h1{
    color: var(--font-white);
}

.pricing-table2-bottom.middle h1 .small-doller{
    color: var(--font-white);
}

.pricing-table2-bottom.middle h1 .small-text{
    color: var(--font-white);
}

.pricing-table2-bottom.middle .pricing-table2-btn{
    background-color: #1c3743;
}

.pricing-table2-bottom.middle .pricing-table2-btn:hover{
    background-color: #1c3743;
}

/* our team */
.page-breadcrumbs.our-team{
    background-image: url('../images/our-team-bg.jpg');
}

.consulting-agent-card-info p{
    color: var(--font-white);
    margin-top: 15px;
}

.consulting-agent-card-img.our-team1 img{
    height: 300px;
}

.overlay-social-team{
    position: absolute;
    top: 0;
}

.overlay-social-team ul li a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color-4);
    color: var(--font-white);
}

.studio-team-info:hover .studio-team-text h3{
    color: var(--theme-color-1);
    transition: ease-in-out 0.3s;
}

.page-breadcrumbs.contactus{
    background-image: url('../images/contactus-banner-bg.jpg');
}

.contactus1{
    background-color: rgb(253 68 69 / 5%);
    position: relative;
}

.contactus1-info-card{
    background-color: var(--font-white);
    border-radius: 6px;
    padding: 30px;
    text-align: center;
    position: relative;
    height: 100%;
}

.contactus1-info-card img{
    width: 40px;
}

.contactus1-info-card h3{
    font-size: 18px;
    margin: 15px 0px;
    text-transform: uppercase;
}

.contact-cards{
    position: relative;
    z-index: 10;
}

.form-cards{
    position: relative;
    background-color: #52cbff;
    border-radius: 6px;
    padding: 20px;
    margin-top: -55px;
    padding-top: 3rem;
}

.form-cards .studio-getin-input{
    border: 1px solid #fff;
    /* color: #fff; */
    background-color: #fff;
}

.contactus2-inner .section-heading-get-in{
    text-align: center;
    margin-bottom: 3rem;
}

.contactus2-cards{
    display: flex;
}

.contactus2-cards-item{
    flex: 50%;
    text-align: center;
    padding: 20px;
    height: 100%;
}

.contactus2-cards-item img{
    width: 40px;
}

.contactus2-cards-item h3{
    margin: 20px;
    font-size: 24px;
}

.contactus2-cards-item.middle{
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

.contactus2-form{
    margin-top: 3rem;
}

.contactus2-form p{
    text-align: center;
    font-family: 'SourceSansPro-Semibold';
    font-size: 16px;
}

.getin-form-textarea{
    width: 100%;
    padding: 15px;
    border: 1px solid #d5d5d5;
    background: 0 0;
}

.contactus2-connect-us h3{
    text-align: center;
    font-size: 24px;
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.contactus2-connect-us ul{
    text-align: center;
}

.contactus2-connect-us ul li{
    display: inline-block;
    margin: 0px 5px;
}   

.contactus2-connect-us ul li a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--theme-color-1);
    border-radius: 6px;
}

.page-breadcrumbs.contactus3{
    background-image: none;
    background-color: var(--theme-color-4);
}

.page-breadcrumbs.contactus3 .breadcrumbs-inner{
    align-items: flex-start;
    flex-direction: column;
}

.page-breadcrumbs.contactus3 .breadcrumbs-inner p{
    font-size: 18px;
    color: var(--font-white);
    margin-top: 10px;
}

.contactus3-contact-information{
    background: linear-gradient(to bottom, rgba(1, 57, 94, 0.8) 0%, rgba(1, 57, 94, 0.8) 59%, rgba(0, 145, 207, 0.9) 100%),
    url('../images/happy-team-2.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    padding: 35px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contactus3-contact-information h3{
    font-size: 24px;
    margin-bottom: 3rem;
    color: var(--font-white);
}

.contactus3-contact-list li .contactus3-contact-group{
    display: flex;
    align-items: center;
}

.contactus3-contact-list li .contactus3-contact-group .contactus3-contact-group-info h4{
    font-size: 16px;
    color: var(--font-white);
}

.contactus3-contact-list li{
    margin-bottom: 2rem;
}

.contactus3-contact-list li .contactus3-contact-group .contactus3-contact-group-icon{
    width: 30px;
    margin-right: 15px;
}

.contactus3-contact-group-info{
    width: 100%;
}

.contactus3-social-list li{
    display: inline-block;
    margin: 0px 10px;
}

.contactus3-social-list li a i{
    font-size: 20px;
    color: var(--font-white);
}

.contactus3-contact-list{
    margin-bottom: 5rem;
}

.contactus3-form-group{
    position: relative;
    margin-bottom: 25px;
}

.contactus3-form-label span{
    margin-left: 5px;
    color: red;
}

.contactus3-form-input{
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    display: inline-block;
    width: 100%;
}

.contactus3-form{
    padding: 40px;
    box-shadow: 0px 0px 10px rgb(51 51 51 / 26%);
    border-radius: 10px;
}

.contactus3-form-heading{
    color: var(--theme-color-4);
    font-size: 24px;
    margin-bottom: 30px;
}

.errorpage1-wrapper{
    position: relative;
    height: 100vh;
}

.errorpage1-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.errorpage1-image{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.errorpage1-content h1{
    font-size: 80px;
    /* margin-bottom: 30px; */
}

.errorpage1-content h3{
    font-size: 40px;
}

.errorpage1-content p{
    font-size: 20px;
}

.errorpage1-content a{
    margin-top: 2.5rem;
}

.errorpage1-content img{
    width: 160px;
    margin-bottom: 30px;
}

.errorpage2-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.errorpage2-wrapper{
    background-image: url('../images/Error-Page-Background.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
}

.errorpage2-content h1{
    font-size: 130px;
    color: var(--font-white);
    font-family: 'Rajdhani-Medium';
}

.errorpage2-content h4{
    font-size: 35px;
    color: var(--font-white);
}

.errorpage2-content p{
    font-size:18px;
    color: var(--font-white);
    margin: 2rem 0;
}

.login1-wrapper{
    height: 100vh;
    position: relative;
}

.login1-wrapper{
    background-image: url('../images/login-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
}

.login1-content{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.login1-content-inner{
    background-color: var(--body-bg);
    border-radius: 10px;
    padding: 30px;
    width: 100%;
}

.login1-content-inner{
    text-align: center;
    position: relative;
}

.login1-content-inner h3{
    font-size: 24px;
    margin-bottom: 10px;
}

.login1-content-inner p{
    text-align: center;
    margin-bottom: 30px;
}

.login-form-group{
    position: relative;
    margin-bottom: 15px;
    width: 100%;
}

.login-form-input{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
}

.trouble-link{
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-family: 'SourceSansPro-Semibold';
}

.login-or-col p{
    text-align: center;
    font-family: 'SourceSansPro-Semibold';
}

.login-or-col{
    margin: 20px 0px;
}

.login-or-col p::before{
    content: '━';
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.login-or-col p::after{
    content: '━';
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.login-othe-signin ul li{
    display: inline-block;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 30px;
}

.login-othe-signin ul li a{
    margin: 0px 10px;
    font-family: 'SourceSansPro-Semibold';
    font-size: 14px;
}

.login-othe-signin ul li a i{
    margin-right: 10px;
}

.login-signup-text{
    margin-bottom: 0px !important;
    margin-top: 20px;
    text-align: center;
}

.login-signup-text a{
    font-family: 'SourceSansPro-Semibold';
}

.login-copyright{
    margin-top: 20px;
}

.login2-wrapper{
    background-color: rgb(253 68 69 / 5%);
    position: relative;
    height: 100vh;
}

.login2-content {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.login2-content-inner{
    background-color: var(--font-white);
    border-radius: 10px;
    width: 100%;
    box-shadow: 0px 0px 10px rgb(159 151 151 / 26%);
}

.login2-img{
    position: relative;
    padding: 50px;
}

.login2-create-link{
    margin-top: 30px;
    text-align: center;
    font-family: 'SourceSansPro-Semibold';
    font-size: 16px;
    text-decoration: underline;
    width: 100%;
    display: inline-block;
}

.login2-content{
    padding: 30px;
    position: relative;
}

.login2-form-group{
    margin-bottom: 15px;
    position: relative;
}

.login2-form-group .login2-form-input{
    padding: 10px 10px 10px 20px;
    position: relative;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.login2-content h3{
    font-size: 28px;
    margin-bottom: 20px;
}

.login2-form-group i{
    position: absolute;
    left: 0;
    top: 15px;
}

.login2-form-checkbox{
    margin-top: 10px;
}

.login2-form-checkbox label{
    margin-left: 10px;
}

.login2-form-checkbox input{
    top: 2px;
    position: relative;
}

.login-with{
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.login-with ul li{
    display: inline-block;
    margin: 0px 3px;
}

.login-with ul li a{
    width: 25px;
    height: 25px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-white);
    background-color: var(--theme-color-3);
}

.login-with p{
    margin-right: 10px;
}

input:hover, input:active, input:focus{
    box-shadow: none;
    outline: none;
}

.login-register1-wrapper {
    background-image: url('../images/login-register-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login1-content-inner.nav-lr-tab .nav-tabs .nav-link.active{
    border-color: #fff;
    border-bottom: 1px solid #1c1c1c;  
}

.login1-content-inner.nav-lr-tab .nav-tabs .nav-link{
    color: var(--heading-color);
    font-family: 'SourceSansPro-Semibold';
}

.login1-content-inner.nav-lr-tab .nav-tabs .nav-link:hover{
    border-color: transparent;
    border-bottom: 1px solid #1c1c1c;
}

.login-register-content1-form-group{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.lrc1-input{
    width: 100%;
    display: inline-block;
    position: relative;
    border: 1px solid #ddd;
    padding: 10px;
}

.login-register-content1{
    margin-top: 30px;
}

.lrc1-bottom{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.forgot-link{
    color: var(--theme-color-2);
}

.nav-lr-tab-img img{
    width: 140px;
    margin-bottom: 30px;
}

.login-register2-login{
    background-color: rgb(253 68 69 / 5%);
    position: relative;
    padding: 30px;
    border-radius: 10px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.login-register2-login h3{
    font-size: 24px;
    margin-bottom: 25px;
}

.login-register2-register{
    padding: 30px 20px;
}

.login-register2-register-heading{
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    text-align: left;
}

.login-register2-register p{
    text-align: left;
}

.login-register2-register-group{
    position: relative;
    margin-bottom: 20px;
}

.login-register2-register-input{
    width: 100%;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 5px 10px;
}

.lrc1-bottom.lrc2{
    flex-direction: column;
    align-items: center;
}

.lrc1-bottom.lrc2 .login2-form-checkbox{
    margin-top: 20px;
    margin-bottom: 10px;
}

.special-services-image.sps-1 img{
    object-fit: contain;
}

/* slider zoom */
.slider-zoom{
    position: relative;
    width: 100%;
}

.slider-zoom .slick-list{
    margin: 0 0px;
}

.slider-zoom .slick-slide {
    margin: 0 0px;
}
  
.banner-slider-caption h4{
    font-size: 30px;
    color: var(--font-white);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.banner-slider-caption h2{
    font-size: 50px;
    color: var(--font-white);
    margin-bottom: 20px;
}

.banner-slider-caption p{
    font-size: 20px;
    color: var(--font-white);
}

@media (min-width: 992px) {
    .slider-zoom .slider,
    .slider-zoom .slide {
      height: 600px;
      overflow: hidden;
    }
  }
  .slider-zoom .slide {
    position: relative;
    height: 600px;
    overflow: hidden;
  }
  .slider-zoom .slide .slide__img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  @media (min-width: 992px) {
    .slider-zoom .slide .slide__img {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
  }
  .slider-zoom .slide .slide__img img {
    max-width: 100%;
    height: 100%;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 1s ease;
    object-fit: cover;
    width: 100%;
  }
  .slider-zoom .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
  .slider-zoom .slide .slide__content--headings {
    text-align: center;
    color: #FFF;
  }
  .slider-zoom .slide .slide__content--headings h4 {
    font-size: 32px;
    margin: 10px 0;
    color: var(--font-white);
    text-transform: uppercase;
  }
  .slider-zoom .slide .slide__content--headings h2 {
    font-size: 50px;
    margin: 10px 0;
    color: var(--font-white);
  }
  .slider-zoom .slide .slide__content--headings .animated {
    transition: all 0.5s ease;
  }
  .slider-zoom .slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
  }
  .slider-zoom .slick-dotted .slick-slider {
    margin-bottom: 30px;
  }
  .slider-zoom .slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slider-zoom .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  .slider-zoom .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .slider-zoom .slick-dots li button:hover,
  .slider-zoom .slick-dots li button:focus {
    outline: none;
  }
  .slider-zoom .simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
  }
  .slider-zoom .simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px;
  }
  .slider-zoom .simple-dots .slick-dots li button:hover,
  .slider-zoom .simple-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .slider-zoom .simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .slider-zoom .stick-dots .slick-dots li {
    height: 3px;
    width: 50px;
  }
  .slider-zoom .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 50px;
    height: 3px;
    padding: 0;
  }
  .slider-zoom .stick-dots .slick-dots li button:hover,
  .slider-zoom .stick-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .slider-zoom .stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .slider-zoom .stick-dots .slick-dots li.slick-active button:hover,
  .slider-zoom .stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
  }
  /* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
    from {
      transform: scale3d(1, 1, 1);
    }
    to {
      transform: scale3d(1.1, 1.1, 1.1);
    }
}
@keyframes zoomInImage {
    from {
      transform: scale3d(1, 1, 1);
    }
    to {
      transform: scale3d(1.1, 1.1, 1.1);
    }
}
.zoomInImage {
    -webkit-animation-name: zoomInImage;
            animation-name: zoomInImage;
}
@-webkit-keyframes zoomOutImage {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomOutImage {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
}
.zoomOutImage {
    -webkit-animation-name: zoomOutImage;
            animation-name: zoomOutImage;
}

.slider-zoom .slide:before{
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 60%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.slider-zoom .slick-dotted.slick-slider{
    margin-bottom: 0px;
}

.slider-zoom .slick-dots li button:before{
    content: '';
}

/* slider crossfade */
.crossfade .slick-list{
    margin: 0 0px;
}

.crossfade .slick-slide {
    margin: 0 0px;
}

.crossfade .slide{
    position: relative;
}

@media (min-width: 992px) {
    .crossfade-slider .slider,
    .crossfade-slider .slide {
      height: calc(100vh - 15vh);
        overflow: hidden;
    }
  }
  .crossfade-slider .slide {
    position: relative;
    display: block !important;
  }
  .crossfade-slider .slide .slide__img {
    width: 100%;
    height: 600px;
    overflow: hidden;
  }
  @media (min-width: 992px) {
    .crossfade-slider .slide .slide__img {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
  }
  .crossfade-slider .slide .slide__img img {
    max-width: 100%;
    height: 100%;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 1s ease;
    object-fit: cover;
    width: 100%;
  }
  .crossfade-slider .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
  .crossfade-slider .slide .slide__content--headings {
    text-align: center;
    color: #FFF;
  }
  .crossfade-slider .slide .slide__content--headings h4 {
    font-size: 32px;
    margin: 10px 0;
    color: var(--font-white);
    text-transform: uppercase;
  }
  .crossfade-slider .slide .slide__content--headings h2 {
    font-size: 50px;
    margin: 10px 0;
    color: var(--font-white);
  }
  .crossfade-slider .slide .slide__content--headings .animated {
    transition: all 0.5s ease;
  }
  .crossfade-slider .slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
  }
  .crossfade-slider .slick-dotted .slick-slider {
    margin-bottom: 30px;
  }
  .crossfade-slider .slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .crossfade-slider .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  .crossfade-slider .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .crossfade-slider .slick-dots li button:hover,
  .crossfade-slider .slick-dots li button:focus {
    outline: none;
  }
  .crossfade-slider .simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
  }
  .crossfade-slider .simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px;
  }
  .crossfade-slider .simple-dots .slick-dots li button:hover,
  .crossfade-slider .simple-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .crossfade-slider .simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .crossfade-slider .stick-dots .slick-dots li {
    height: 3px;
    width: 50px;
  }
  .crossfade-slider .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 50px;
    height: 3px;
    padding: 0;
  }
  .crossfade-slider .stick-dots .slick-dots li button:hover,
  .crossfade-slider .stick-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .crossfade-slider .stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .crossfade-slider .stick-dots .slick-dots li.slick-active button:hover,
  .crossfade-slider .stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
  }

  .crossfade-slider .slide:before{
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 60%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.crossfade-slider .slick-dotted.slick-slider{
    margin-bottom: 0px;
}

.crossfade-slider .slick-dots li button:before{
    content: '';
}

/* slider slide */
.slideimg .slick-list{
    margin: 0 0px;
}

.slideimg .slick-slide {
    margin: 0 0px;
}

.slideimg .slide{
    position: relative;
}

@media (min-width: 992px) {
    .slide-slider .slider,
    .slide-slider .slide {
      height: calc(100vh - 15vh);
        overflow: hidden;
    }
  }
  .slide-slider .slide {
    position: relative;
    display: block !important;
  }
  .slide-slider .slide .slide__img {
    width: 100%;
    height: 600px;
    overflow: hidden;
  }
  @media (min-width: 992px) {
    .slide-slider .slide .slide__img {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
  }
  .slide-slider .slide .slide__img img {
    max-width: 100%;
    height: 100%;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    transition: all 1s ease;
    object-fit: cover;
    width: 100%;
  }
  .slide-slider .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
  .slide-slider .slide .slide__content--headings {
    text-align: center;
    color: #FFF;
  }
  .slide-slider .slide .slide__content--headings h4 {
    font-size: 32px;
    margin: 10px 0;
    color: var(--font-white);
    text-transform: uppercase;
  }
  .slide-slider .slide .slide__content--headings h2 {
    font-size: 50px;
    margin: 10px 0;
    color: var(--font-white);
  }
  .slide-slider .slide .slide__content--headings .animated {
    transition: all 0.5s ease;
  }
  .slide-slider .slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
  }
  .slide-slider .slick-dotted .slick-slider {
    margin-bottom: 30px;
  }
  .slide-slider .slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slide-slider .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  .slide-slider .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .slide-slider .slick-dots li button:hover,
  .slide-slider .slick-dots li button:focus {
    outline: none;
  }
  .slide-slider .simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
  }
  .slide-slider .simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px;
  }
  .slide-slider .simple-dots .slick-dots li button:hover,
  .slide-slider .simple-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .slide-slider .simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .slide-slider .stick-dots .slick-dots li {
    height: 3px;
    width: 50px;
  }
  .slide-slider .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 50px;
    height: 3px;
    padding: 0;
  }
  .slide-slider .stick-dots .slick-dots li button:hover,
  .slide-slider .stick-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .slide-slider .stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .slide-slider .stick-dots .slick-dots li.slick-active button:hover,
  .slide-slider .stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
  }

  .slide-slider .slide:before{
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 60%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.slide-slider .slick-dotted.slick-slider{
    margin-bottom: 0px;
}

.slide-slider .slick-dots li button:before{
    content: '';
}

/* slider overlay */
.overlay .slick-list{
    margin: 0 0px;
}

.overlay .slick-slide {
    margin: 0 0px;
}

.overlay .slide{
    position: relative;
}


.slide-slider .overlay .slide:before{
    display: none;
}

.slide-slider .overlay .slide .slide__content{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 60%);
    top: 0;
    left: 0;
}

/* navbar */
.main-page-banner.navbarpage-banner {
    background-image: url('../images/navbar-bg.jpg');
}

.main-page-banner.navbarpage-banner:before {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 70%);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

/* page title */
.page-dark-title{
    background-color: #1c1c1c;
    padding: 4rem 0;
}

/* footer */
.footer1{
    background-color: #f7f7f7;
    padding: 6.25rem 0rem 3.125rem;
    position: relative;
    width: 100%;
    display: inline-block;
}

.footer1-list>.footer1-list-item+.footer1-list-item {
    margin-top: 0.64em;
}

*+form {
    margin-top: 1.875rem;
}

.form-group-icon{
    width: 100%;
    position: relative;
}

.store-input-subscribe{
    width: 100%;
    padding: 10px 50px 10px 15px;
}

.store-input-submit{
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: 46px;
    border: transparent;
    background-color: transparent;
}

.footer1-bottom-left{
    display: flex;
    align-items: center;
}

.footer1-bottom-logo a img{
    width: 140px;
}

.footer1-bottom-text{
    margin-left: 20px;
}

.footer1-bottom-text p a{
    font-family: 'SourceSansPro-Semibold';
    padding-left: 10px;
    border-left: 1px solid #ddd;
    margin-left: 10px;
}

.footer1-bottom-social li{
    display: inline-block;
    margin-right: 30px;
}

.footer1-bottom-social li a i{
    font-size: 20px;
}

.footer2{
    background-color: #222226;
    padding: 6.25rem 0rem 3.125rem;
    position: relative;
}

.footer2-form{
    margin-top: 2.5rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center !important;
}

.footer2-top-inner h2{
    font-size: 36px;
    color: var(--font-white);
    margin-bottom: 20px;
}

.footer2-top-inner p{
    color: #aeaeb2;
    font-size: 18px;
}

.form-inline-group {
    position: relative;
    display: flex;
    flex-grow: 1;
}

.footer2-form-input{
    height: 48px;
    border-radius: 6px;
    position: relative;
    width: 100%;
}

.divider {
    height: 0;
    border-top-width: 2px;
    border-top-style: solid;
    border-color: #e8e8e9;
    opacity: 1;
    border-color: #393944;
}

.row+.footer-divider {
    margin-top: 5rem;
}

.footer2-social-list li{
    display: inline-block;
}

.footer2-copyright{
    color: var(--font-white);
}

.footer2-copyright a{
    font-family: 'SourceSansPro-Semibold';
    margin-left: 10px;
}

.footer2-social-list li{
    margin-left: 20px;
}

.footer2-social-list li a i{
    font-size: 20px;
    color: var(--font-white);
}

.footer3{
    background-color: #222226;
    position: relative;
    padding: 4.375rem 0rem 2.5rem;
}

.footer3-form{
    margin-top: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center !important;
}

.footer3-top-left h4{
    font-size: 26px;
    margin-bottom: 20px;
    color: var(--font-white);
}

.footer3-top-left p{
    font-size: 18px;
    color: #aeaeb2;
}

.divider+.row {
    margin-top: 3.75rem;
}

.footer3-menu h4{
    font-size: 20px;
    margin-bottom: 20px;
    color: var(--font-white);
}

.footer3-menu-list li{
    margin-top: 10px;
    color: #aeaeb2;
}

.footer3-post-content{
    display: flex;
}

.footer3-post-content .media-left .post-img-link img{
    min-width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.footer3-post-content .media-body{
    width: 100%;
}

.footer3-post-content .media-body .post-title{
    font-size: 18px;
    font-family: 'Rajdhani-SemiBold';
    color: var(--font-white);
    margin-bottom: 15px;
}

.media-left{
    margin-right: 20px;
    width: 100px;
    display: inline-block;
}

.footer3-post-content .media-body .post-meta{
    color: var(--font-white);
    margin-top: 10px;
}

.footer3-post-content .media-body .post-meta i{
    margin-right: 10px;
}

.footer3-post-list li{
    margin-bottom: 20px;
}

.row+.footer3-t.footer-divider {
    margin-top: 3rem;
}

.footer3-post-list li:last-child{
    margin-bottom: 0;
}

/* gallery */
.gallery_product{
    position: relative;
}
.gallery_product img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.gallery_product-inner{
    position: relative;
}

.portfolio-overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(255 255 255 / 75%);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.3s;
}

.po-inner{
    height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
    background-color: var(--font-white);
}

.gallery_product-inner:hover .portfolio-overlay{
    opacity: 1;
    visibility: visible;
    transition: ease-in-out 0.3s;
}

.po-inner i{
    margin-bottom: 20px;
    font-size: 20px;
}

.po-inner h3{
    font-size: 20px;
}

.filter-button.active{
    outline: none;
    box-shadow: none;
    font-family: 'SourceSansPro-Bold';
    font-weight: normal;
    color: var(--heading-color);
}

.gallery2-img{
    position: relative;
    transition: ease-in-out 0.3s;
    overflow: hidden;
}

.gallery2-img.box1{
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    transition: ease-in-out 0.3s;
}

.gallery2-img.box1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: ease-in-out 0.3s;
}

.gallery2-img.box2{
    width: 100%;
    height: 420px;
    margin-bottom: 20px;
    transition: ease-in-out 0.3s;
}

.gallery2-img.box2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: ease-in-out 0.3s;
}

.gallery2-img:hover img{
    transform: scale(1.5);
    transition: ease-in-out 0.3s;
}

.gallery.row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  
  .gallery-list.col-md-12,
  .gallery-list.col-md-6,
  .gallery-list.col-md-4,
  .gallery-list.col-md-3,
  .gallery-list.col-md-2,
  .gallery-list.col-md-1 {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  
  .image-grid {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
  }
  
  .image-grid * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
  }
  
  .image-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .image-grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .image-grid p {
    margin: 0;
    opacity: 0;
    letter-spacing: 1px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  
  .image-grid a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  
  .image-grid:hover > img,
  .image-grid.hover > img {
    opacity: 0.5;
  }
  
  .image-grid:hover p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  
  .js-modal-image {
    max-width: 100%;
    border-radius: 10px;
  }
  
  .modal-body {
    padding: 0;
  }
  
  .modal-open .modal {
      padding-top: 26vh;
      background-color: transparent;
  }
  
  @media (max-width: 992px) {
    .modal-open .modal {
      padding-top: 100px;
    }
  
    .image-grid {
      width: 100%;
      height: 180px;
    }
  
  }
  
  
  @media (max-width: 768px) {
    .gallery.container {
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .gallery-list.col-md-12,
    .gallery-list.col-md-6,
    .gallery-list.col-md-4,
    .gallery-list.col-md-3,
    .gallery-list.col-md-2,
    .gallery-list.col-md-1 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .gallery-row.row {
      margin-left: -15px;
      margin-right: -15px;
    }
  
    .gallery-row.row.pdtb-40 {
      padding-top: 10px;
    }
  
    .horizontal-nav {
      margin-bottom: 0;
    }
  
    .modal-open .modal {
      padding-top: 30vh;
    }
  
  }

.modal-backdrop.show {
    opacity: 0.8;
}

.modal-content{
    border-radius: 10px;
}

.gallery2-img a{
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: ease-in-out 0.3s;
}

.gallery_product-inner img.h-280{
    height: 280px;
}

.gallery_product-inner.h-280 .portfolio-overlay .po-inner{
    height: 240px;
}

.gallery_product-inner-text{
    margin-top: 20px;
    margin-bottom: 20px;
}

.gallery_product-inner-text h3{
    font-size: 20px;
}

/* blog */
.blog-navigations{
    position: relative;
    margin-bottom: 3rem;
}
.blog-navigations ul li{
    display: inline-block;
    margin-right: 15px;
}
.blog-navigations ul li a{
    font-family: 'SourceSansPro-Semibold';
    font-weight: normal;
    opacity: 0.7;
    transition: ease-in-out 0.3s;
}
.blog-navigations ul li a i{
    margin: 0px 5px;
}
.blog-navigations ul li .fa-th-large{
    opacity: 0.7;
}
.blog-navigations ul li a:hover{
    opacity: 1;
    transition: ease-in-out 0.3s;
    color: var(--theme-color-1);
}
.portfolio-details-img{
    width: 100%;
    height: 450px;
    display: inline-block;
}

.portfolio-details-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.portfolio-details-content-heading{
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.portfolio-details-content{
    margin: 3rem 0;
}

.portfolio-details-content-para{
    margin-bottom: 25px;
    text-align: justify;
}

.portfolio-detailed-info{
    margin-top: 3rem;
    margin-left: 3rem;
}

.portfolio-detailed-info ul li{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-bottom: 10px;
}

.portfolio-detailed-info ul li h4{
    flex: 50%;
    font-size: 16px;
}

.portfolio-detailed-info ul li p{
    flex: 50%;
}

.portfolio-detailed-info ul li p a{
    margin-right: 15px;
    opacity: 0.7;
}

.portfolio-detailed-info ul li p a:hover{
    opacity: 1;
    color: var(--theme-color-1);
}

.portfolio-details-content p:last-child{
    margin-bottom: 0;
}

.similar-product-head-info h3{
    font-size: 24px;
    margin-bottom: 0px;
}

.similar-product-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.similarproduct-inner-img{
    position: relative;
    width: 100%;
    height: 250px;
    display: inline-block;
}

.similarproduct-inner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.similarproduct-inner-info{
    padding: 10px 0px;
}

.similarproduct-inner-info h4{
    font-size: 16px;
}

.similarproduct-inner-info h4:hover{
    color: var(--theme-color-2);
}

.similarproduct-inner-info p{
    font-size: 12px;
}

.similarproduct-inner-overlay{
    background-color: rgb(255 255 255 / 50%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.3s;
}

.similarproduct-inner-overlay a{
    width: 100%;
    height: 84%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    background-color: var(--font-white);
    border-radius: 10px;
    opacity: 0.8;
}

.similarproduct-inner-img:hover .similarproduct-inner-overlay{
    opacity: 1;
    visibility: visible;
    transition: ease-in-out 0.3s;
}

.similar-product-arrows .carosel-nav{
    width: 40px;
    height: 40px;
    border: none;
    background-color: #ddd;
    color: var(--theme-color-2);
    font-size: 24px;
}

.widget-search{
    position: relative;
    margin-bottom: 3rem;
}

.widget-search-btn{
    position: absolute;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    background: transparent;
    opacity: 0.7;
}

.widget-search-input{
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    padding-right: 40px;
    border-radius: 6px;
}

.widget-author{
    position: relative;
    margin-bottom: 3rem;
    display: inline-block;
    width: 100%;
}

.widget-heading{
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.widget-author img{
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin-bottom: 20px;
}

.widget-author p{
    margin-bottom: 10px;
}

.widget-author h5{
    font-size: 16px;
}

.widget-latestpost{
    position: relative;
    margin-bottom: 3rem;
    display: inline-block;
    width: 100%;
}

.widget-latestpost li{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.widget-latestpost li .thumb{
    float: left;
    width: 75px;
    height: 55px;
    margin-right: 20px;
}

.widget-latestpost li .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.widget-latestpost li .w-desk{
    display: inherit;
    overflow: hidden;
    color: #9b9a9a;
}

.widget-latestpost li .w-desk h4{
    font-size: 14px;
}

.widget-latestpost li .w-desk h4:hover{
    color: var(--theme-color-2);
}

.widget-follow{
    position: relative;
    margin-bottom: 3rem;
    display: inline-block;
    width: 100%;
}

.widget-follow ul li{
    display: inline-block;
}

.widget-follow ul li a{
    width: 30px;
    height: 30px;
    border: 1px solid #1c1c1c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c1c1c;
    margin-right: 10px;
    transition: ease-in-out 0.3s;
}

.widget-latestpost li:last-child{
    margin-bottom: 0;
}

.widget-follow ul li a:hover{
    border-color: var(--theme-color-2);
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.widget-category{
    position: relative;
    margin-bottom: 3rem;
    display: inline-block;
    width: 100%;
}

.widget-category ul li{
    margin-bottom: 10px;
}

.widget-category ul li a{
    transition: ease-in-out 0.3s;
}


.widget-category ul li a:before{
    font-family: "Fontawesome"; 
	font-weight: 400;
	content: "\f105";
    margin-right: 10px;
    transition: ease-in-out 0.3s;
}

.widget-tags{
    position: relative;
    margin-bottom: 3rem;
    display: inline-block;
    width: 100%;
}

.widget-tags ul li{
    display: inline-block;
    margin-right: 5px;
}

.widget-tags ul li a{
    padding: 6px 15px;
    border-radius: 30px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 10px;
    transition: ease-in-out 0.3s;
}

.widget-tags ul li a:hover{
    background-color: var(--theme-color-2);
    color: var(--font-white);
    border-color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.widget-category ul li a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.blog-classic {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.blog-classic .date {
    float: left;
    width: 100px;
    height: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #fff;
    background: #222;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
}

.blog-classic .date.right {
    float: right;
    margin-right: 0;
    margin-left: 40px;
}

.blog-classic .date span {
    display: block;
    font-size: 12px;
}

.blog-classic .blog-post {
    overflow: hidden;
}

.full-width {
    position: relative;
    width: 100%;
}

.blog-classic .blog-post .full-width {
    margin-bottom: 50px;
    width: 100%;
    height: 320px;
}

.blog-classic .blog-post .full-width img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-post h4{
    font-size: 24px;
    margin-bottom: 10px;
}

.post-meta {
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
}

.post-meta li {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase;
}

.post-meta li i {
    padding-right: 10px;
}

.carousel-indicators [data-bs-target]{
    width: 10px;
    height: 10px;
    border-radius: 60%;
}

.carousel-indicators{
    justify-content: flex-end;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline-block;
}

.pagination li a{
    border: 1px solid #ddd;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
}

.pagination li.active a{
    background-color: var(--theme-color-3);
    color: var(--font-white);
    border-color: var(--theme-color-3);
    transition: ease-in-out 0.3s;
}

.blog-classic .blog-post .full-width .carousel-item{
    width: 100%;
    height: 320px;
}

.blog-classic .blog-post .full-width .carousel-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pagination li a:hover{
    border-color: var(--theme-color-3);
    color: var(--theme-color-3);
    transition: ease-in-out 0.3s;
}

.pagination li.active a:hover{
    border-color: var(--theme-color-1);
    color: var(--theme-color-1);
    transition: ease-in-out 0.3s;
    background-color: transparent;
}

.post-single-image{
    width: 100%;
    height: 300px;
    display: inline-block;
}

.post-single-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-single-content{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
}

.post-single-content .post-cate{
    text-transform: uppercase;
    opacity: 0.7;
}

.post-single-content .post-single-heading{
    font-size: 20px;
    margin: 10px 0px;
}

.post-single-content .post-single-date{
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: 15px;
}

.post-single-content .post-single-para{
    text-align: center;
}

.post-single-read-btn{
    text-transform: uppercase;
    color: var(--theme-color-1);
    margin-top: 20px;
    font-family: 'SourceSansPro-Semibold';
    font-weight: normal;
    transition: ease-in-out 0.3s;
}

.post-single-read-btn::after{
    font-family: "Fontawesome"; 
	font-weight: 400;
	content: "\f178";
    margin-left: 5px;
}

.post-single-read-btn:hover{
    transition: ease-in-out 0.3s;
    color: var(--theme-color-1);
}

.blog-singlecontent-list .row{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.post-grid-container{
    position: relative;
}

.post-meta-thumb{
    position: relative;
    width: 100%;
    height: 250px;
    display: inline-block;
    overflow: hidden;
    transition: ease-in-out 0.3s;
}

.post-meta-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-content-container{
    position: relative;
}

.post-content-container .post-title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 16px;
}

.post-grid-meta{
    margin-bottom: 10px;
}

.post-grid-meta2{
    border-top: 1px solid #e9e9e9;
    padding-top: 20px;
    padding-bottom: 20px;
}

.post-grid-meta-author a{
    font-family: 'SourceSansPro-Semibold';
}

.post-grid-meta-date{
    margin-left: 15px;
}

.post-grid-content{
    margin-bottom: 30px;
}

.post-grid-meta2-comments{
    display: flex;
    justify-content: space-between;
}

.post-meta2-categories{
    text-transform: uppercase;
}

.post-meta2-categories i{
    margin-right: 10px;
    color: var(--theme-color-1);
}

.post-meta2-commentcount i{
    margin-right: 10px;
    color: var(--theme-color-1);
}

.post-meta-thumb > img{
    transition: ease-in-out 0.3s;
}

.post-meta-thumb:hover > img{
    transform: scale(1.5);
    transition: ease-in-out 0.3s;
}

.overlay-top-new{
    position: absolute;
    left: 0;
    top: -17px;
    background-color: var(--theme-color-3);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 0 15px;
    line-height: 30px;
    min-height: 0;
    min-width: 0;
    z-index: 100;
    cursor: default;
    border-radius: 30px;
    box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 20%);
    border: 2px solid #fff;
    white-space: nowrap;
}

.overlay-top-new:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 5px solid #000;
    border-color: transparent transparent var(--theme-color-3) var(--theme-color-3);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;
}

.overlay-top-new:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 5px solid #000;
    border-color: transparent transparent #fff #fff;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: -5px 4px 5px -2px rgb(0 0 0 / 15%);
    z-index: 5;
}

.blog-masnory-card-thumb{
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    transition: ease-in-out 0.3s;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.blog-masnory-card-thumb.img-long{
    height: 550px;
}

.blog-masnory-card-thumb.img-short{
    height: 200px;
}

.blog-masnory-card-thumb.img-medium{
    height: 350px;
}


.blog-masnory-card-thumb img{
    border-radius: 8px;
    transition: ease-in-out 0.3s;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-masnory-card-post-content{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 6px 30px rgb(0 0 0 / 10%);
    margin-top: 0;
    padding: 25px 35px;
    transition: ease-in-out 0.3s;
}

.blog-masnory-card-post-content h3{
    font-size: 24px;
    margin-bottom: 10px;
}

.blog-masnory-card-post-content:hover > h3{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.blog-masnory-card-post-meta{
    padding-top: 8px;
    padding-bottom: 13px;
}

.post-auhor-date{
    padding-right: 10px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}

.blog-masnory-post-comments{
    padding-right: 10px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}

.blog-masnory-post-comments i{
    margin-right: 5px;
}

.blog-masnory-post-readtime i{
    margin-right: 5px;
}

.blog-masnory-card{
    position: relative;
    margin-bottom: 30px;
}

.blog-masnory-card-thumb > img{
    transition: ease-in-out 0.3s;
}

.blog-masnory-card-thumb:hover > img{
    transform: scale(1.5);
    transition: ease-in-out 0.3s;
}

.blog-masnory-card-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 146 209 / 76%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.3s;
}

.blog-masnory-card-overlay span{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: var(--font-white);
    border-radius: 50%;
    justify-content: center;
    font-size: 28px;
}

.blog-masnory-card-thumb:hover .blog-masnory-card-overlay{
    opacity: 1;
    visibility: visible;
    transition: ease-in-out 0.3s;
}

.blog-detail-meta-list li{
    display: inline-block;
    margin-right: 15px;
}

.blog-detail-links{
    text-transform: uppercase;
}

.blog-detail-links a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.blog-detail-meta-list li i{
    margin-right: 8px;
}

.blog-detail-thumbnail{
    width: 100%;
    height: 450px;
    display: inline-block;
    position: relative;
}

.blog-detail-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-detail-headings{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.blog-detail-headings h4{
    font-size: 24px;
    margin-bottom: 10px;
}

.blog-detail-meta-list li > div{
    display: flex;
    align-items: center;
}

.quote-post p:before {
    padding-right: 10px;
    content: "\f10d";
    color: #837f7e;
    font-family: "FontAwesome";
}

.quote-post p:after {
    padding-left: 10px;
    content: "\f10e";
    color: #837f7e;
    font-family: "FontAwesome";
}

blockquote {
    margin: 0 0 20px;
    padding: 0;
    border-left: none;
    font-size: 17.5px;
    font-style: italic;
}

.quote-post{
    padding: 30px 0px;
}

.blog-detail-content-tags{
    margin: 2rem 0;
}

.blog-detail-content-tags h4{
    font-size: 18px;
    margin-bottom: 1.5rem;
}

.blog-detail-content-tags ul li{
    display: inline-block;
    margin-right: 5px;
}

.blog-detail-content-tags ul li a{
    padding: 6px 15px;
    border-radius: 30px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 10px;
    transition: ease-in-out 0.3s;
}

.blog-detail-content-tags ul li a:hover {
    background-color: var(--theme-color-2);
    color: var(--font-white);
    border-color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.blog-detail-content-share{
    margin: 2rem 0;
}

.blog-detail-content-share h4{
    font-size: 18px;
    margin-bottom: 1.5rem;
}

.blog-detail-content-share ul li{
    display: inline-block;
}

.blog-detail-content-share ul li a {
    width: 30px;
    height: 30px;
    border: 1px solid #1c1c1c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c1c1c;
    margin-right: 10px;
    transition: ease-in-out 0.3s;
}

.blog-detail-content-share ul li a:hover {
    border-color: var(--theme-color-2);
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.post-detail-comment-heading{
    padding-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 50px;
    margin-top: 5rem;
}

.post-detail-comment-list .media:first-child {
    margin-top: 0;
}

.post-detail-comment-list .media > .pull-left {
    padding-right: 20px;
}

.post-detail-comment-list .comment-avatar {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.post-detail-comment-list .comment-info, .post-detail-comment-list .comment-info a {
    color: #a7a7a7;
}

.post-detail-comment-list .media-body{
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.post-detail-comment-list .comment-info h4{
    font-size: 15px;
}

.post-detail-comment-list .comment-info .comment-meta a{
    margin-left: 15px;
    transition: ease-in-out 0.3s;
}

.post-detail-comment-list .comment-info .comment-meta a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.post-detail-comment-list .comment-info .comment-meta a i{
    margin-right: 5px;
}

.post-detail-comment-list .media-body p{
    margin: 0 0 30px;
    color: #7e7e7e;
}

.comment-media{
    overflow: hidden;
    zoom: 1;
    margin-top: 15px;
}

.comments-form-group{
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.comments-form-input{
    width: 100%;
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 6px;
}

/* shop */
.shop-top-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.show-text{
    font-family: 'SourceSansPro-Bold';
}
.shop-sort{
    position: relative;
}
.shop-sort-select{
    border: 1px solid #ddd;
    padding: 10px 10px 10px 60px;
    width: 255px;
    position: relative;
    display: inline-block;
    border-radius: 3px;
}
.shop-sort-text{
    position: absolute;
    top: 9px;
    left: 10px;
    z-index: 10;
}
.shop-sidebar-widget-heading{
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.shop-sidebar-department .accordion-button:not(.collapsed){
    background-color: transparent;
    color: var(--heading-color);
    box-shadow: none;
    border: none;
}

.shop-sidebar-department .accordion-item{
    border: none;
}

.shop-sidebar-department .accordion-button{
    padding: 0;
}

.accordion-button::after{
    display: none;
}

.shop-sidebar-department .accordion-button:focus{
    border: none;
    box-shadow: none;
}

.shop-sidebar-department .accordion-body{
    padding: 15px 10px 0px 10px;
}

.departmentlist-item h3{
    font-size: 14px;
    margin-bottom: 5px;
}

.departmentlist-item ul{
    margin-left: 10px;
    margin-bottom: 10px;
}

.shop-sidebar-department{
    margin-bottom: 15px;
}

.shop-sidebar-widget-department{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-widget-pay{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-checkbox .form-check-input{
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 10px;
}

.shop-sidebar-checkbox .form-check-input[type=checkbox]{
    border-radius: 3px;
    border: 1px solid #ddd;
}

.shop-sidebar-widget-brands{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-widget-review{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-widget-newarrivals{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-widget-price{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-widget-discount{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-widget-seller{
    position: relative;
    margin-bottom: 25px;
}

.shop-sidebar-widget-review ul li a i{
    color: #a2a2a2;
    font-size: 18px;
}

.shop-sidebar-widget-review ul li a i.yes{
    color: #ffa534;
} 

.shop-sidebar-widget ul li a{
    transition: ease-in-out 0.3s;
}

.shop-sidebar-widget ul li a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.shop-sidebar-checkbox .form-check .form-check-label a{
    transition: ease-in-out 0.3s;
}

.shop-sidebar-checkbox .form-check .form-check-label a:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.shop-product-card{
    border: 1px solid #ddd;
    position: relative;
    width: 100%;
    display: inline-block;
    border-radius: 6px;
    height: 100%;
}

.shop-product-thumb{
    width: 100%;
    height: 150px;
    display: inline-block;
    padding: 20px;
    background-color: rgb(51 51 51 / 10%);
}

.shop-product-thumb img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shop-product-new{
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 10px;
    background-color: var(--theme-color-1);
    color: #fff;
    border-top-left-radius: 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'SourceSansPro-SemiBold';
}

.shop-product-wishlist{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #333;
    transition: ease-in-out 0.3s;
}

.shop-product-wishlist:hover{
    transition: ease-in-out 0.3s;
    border: 1px solid var(--theme-color-2);
    color: var(--theme-color-2);
}

.shop-product-info{
    padding: 20px;
    position: relative;
}

.shop-product-info h3{
    font-size: 16px;
    margin-bottom: 10px;
    transition: ease-in-out 0.3s;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}

.shop-product-info h3:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}


.shop-product-info-details{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop-product-info-reviews span{
    background-color: #1c1c1c;
    color: var(--font-white);
    padding: 2px 5px;
    font-size: 12px;
    margin-right: 6px;
}

.shop-product-info-reviews span i{
    margin-left: 3px;
}

.shop-product-info-price h4{
    font-size: 18px;
    font-family: 'Rajdhani-Bold';
}

/* product details */
#detail .slick-slider .slick-prev,
#detail .slick-slider .slick-next {
  z-index: 100;
  font-size: 2.5em;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  color: #b7b7b7;
  position: absolute;
  top: 50%;
  text-align: center;
  color: #000;
  opacity: 0.3;
  transition: opacity 0.25s;
  cursor: pointer;
}
#detail .slick-slider .slick-prev:hover,
#detail .slick-slider .slick-next:hover {
  opacity: 0.65;
}
#detail .slick-slider .slick-prev {
  left: 0;
}
#detail .slick-slider .slick-next {
  right: 0;
}

#detail .product-images {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #eee;
}
#detail .product-images li,
#detail .product-images figure,
#detail .product-images a,
#detail .product-images img {
  display: block;
  outline: none;
  border: none;
}
#detail .product-images .main-img-slider figure {
  margin: 0 auto;
  padding: 0 2em;
}
#detail .product-images .main-img-slider figure a {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
#detail .product-images .main-img-slider figure a img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
#detail .product-images .thumb-nav {
  margin: 0 auto;
  padding: 20px 10px;
  max-width: 600px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev,
#detail .product-images .thumb-nav.slick-slider .slick-next {
  font-size: 1.2em;
  height: 20px;
  width: 26px;
  margin-top: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev {
  margin-left: -30px;
}
#detail .product-images .thumb-nav.slick-slider .slick-next {
  margin-right: -30px;
}
#detail .product-images .thumb-nav li {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
#detail .product-images .thumb-nav li img {
  display: block;
  width: 100%;
  max-width: 70px;
  margin: 0 auto;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.25s;
  -ms-transition: border-color 0.25s;
  -moz-transition: border-color 0.25s;
  transition: border-color 0.25s;
}
#detail .product-images .thumb-nav li:hover,
#detail .product-images .thumb-nav li:focus {
  border-color: #999;
}
#detail .product-images .thumb-nav li.slick-current img {
  border-color: var(--theme-color-1);
}

.product-detail-content-top{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.product-detail-content-top p{
    color:#837f7e;
    margin-bottom: 10px;
}

.product-detail-content-top h3{
    font-size: 20px;
    margin-bottom: 10px;
}

.pd-features{
    border-right: 1px solid #e5e5e5;
    height: 100%;
    padding-right: 15px;
}

.pd-features-heading h4{
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.pd-features-list ul{
    list-style: disc;
    list-style: disc;
    padding-left: 20px;
}

.pd-features-list ul li{
    font-family: 'SourceSansPro-SemiBold';
}

.pd-features-list ul li a{
    color: var(--theme-color-3);
}

.pd-pricing-col ul li{
    padding: 5px;
    font-size: 18px;
    font-family: 'SourceSansPro-SemiBold';
}

.pd-pricing-col{
    position: relative;
    margin-top: 7px;
}

.pd-offerprice{
    font-size: 24px;
    font-family: 'SourceSansPro-Bold';
    color: var(--theme-color-4);
}

.line-through{
    text-decoration: line-through;
}

.pd-small-text{
    font-size: 13px;
}

.pd-save{
    color: #467348;
}

.pd-cards{
    font-size: 16px !important;
}

.pd-cards a{
    color: var(--theme-color-3);
}

.pd-price{
    padding-left: 15px;
}

.pd-add-cart-qty button{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    background-color: transparent;
}

.pd-add-cart-qty input{
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: center;
}

.pd-add-cart-qty span{
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-family: 'SourceSansPro-SemiBold';
}

.product-detail-specifications{
    border-top: 1px solid #ccc;
}

.product-detail-specifications-heading ul li{
    display: inline-block;
}

.product-detail-specifications-heading ul li a{
    padding: 10px;
    display: inline-block;
    font-family: 'Rajdhani-Bold';
}

.product-detail-specifications-heading ul li.active a{
    border-top: 3px solid var(--theme-color-1);
}

.pd-description-wrapper p{
    margin-bottom: 10px;
}

.pd-specification-wrapper h2{
    font-size: 20px;
    padding: 15px 0px;
}

.pd-spec-info-header{
    background-color: #f5f7f7;
    font-family: 'Rajdhani-Bold';
    margin-top: 15px;
    padding: 10px 10px;
}

.pd-specification-wrapper table{
    width: 100%;
}

.pd-specification-wrapper table td{
    padding: 5px 10px;
    font-family: 'SourceSansPro-SemiBold';
    width: 50%;
}

.pd-reviews-wrapper h2 {
    font-size: 20px;
    padding: 15px 0px;
    margin-bottom: 20px;
}

.pd-reviews-wrapper .post-detail-comment-list .comment-avatar{
    width: 65px;
    height: 65px;
}

/* cart */
.cart-page-heading{
    margin-bottom: 4rem;
    position: relative;
    display: inline-block;
}
.cart-page-heading h1{
    font-family: 'Rajdhani-SemiBold';
    font-size: 30px;
}
.cart-page-hr{
    display: flex;
    justify-content: space-between;
    padding-bottom: 6px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
}
.cart-page-hr h4{
    font-size: 20px;
}
.cart-item-card{
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 15px;
}

.cart-item-card h3{
    font-size: 14px;
    margin-bottom: 10px;
    transition: ease-in-out 0.3s;
}

.cart-item-card h3:hover{
    color: var(--theme-color-2);
    transition: ease-in-out 0.3s;
}

.cart-item-inner{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.cart-item-thumb{
    width: 70px;
    height: 70px;
}

.cart-item-thumb img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-item-stock{
    width: 160px;
}

.cart-item-stock p span{
    font-family: 'SourceSansPro-SemiBold';
}

.cart-item-stock-text{
    color: green;
}

.cart-item-stock a{
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: var(--theme-color-2);
}

.cart-item-price p{
    font-family: 'SourceSansPro-Semibold';
}

.cart-item-price h2{
    font-size: 18px;
    margin-top: 6px;
}

.cart-item-quantity p{
    font-family: 'SourceSansPro-Semibold';
}

.cart-item-quantity .cart-item-qty-input{
    width: 100px;
    border: 1px solid #ddd;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 10px;
}

.cart-item-totalprice p{
    font-family: 'SourceSansPro-Semibold';
}

.cart-item-totalprice h2{
    font-size: 18px;
    margin-top: 6px;
}

.cart-item-close{
    display: flex;
    align-items: center;
    transition: ease-in-out 0.3s;
}

.cart-item-close:hover{
    color: var(--theme-color-1);
    transition: ease-in-out 0.3s;
}

.cart-promo-wrapper p{
    font-family: 'SourceSansPro-Semibold';
    margin-bottom: 5px;
}

.cart-promo-wrapper form{
    margin-top: 0px;
}

.cart-promo-input{
    width: 60%;
    height: 42px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    float: left;
}

.cart-promo-submit{
    padding: 10px;
    height: 42px;
    background-color: #333;
    border-radius: 6px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 35%;
    float: left;
    transition: ease-in-out 0.3s;
}

.cart-promo-submit:hover{
    background-color: #514f4f;
    transition: ease-in-out 0.3s;
    border-color: #514f4f;
}

.cart-promo-group{
    display: flex;
    justify-content: space-between;
}

.reward-text{
    margin-top: 15px;
}

.reward-text a{
    color: var(--theme-color-2);
    text-decoration: underline;
}

.cart-grand-pricing{
    position: relative;
    margin-top: 20px;
}

.cart-grand-pricing h3{
    font-size: 18px;
    margin-bottom: 0px;
}

.cart-grand-pricing-list ul li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cart-grand-pricing-list-head{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.cart-grand-pricing-list-head span:last-child{
    color: green;
}

.cart-grand-pricing-list-subtotal span:last-child{
    font-family: 'SourceSansPro-Bold';
}

.cart-grand-pricing-list-discount span{
    color: var(--theme-color-1);
}

.cart-grand-pricing-list-bottom span{
    font-family: 'SourceSansPro-Bold';
}

.blog-classic .blog-post p{
    margin-bottom: 25px;
}

.error-msg{
    display: none;
    transition: ease-out 0.3s;
    opacity: 0;
}
.error-msg-display{
    display: block;
    transition: ease-out 0.3s;
    opacity: 1;
    position: absolute;
    bottom: -15px;
    font-size: 10px;
    left: 0px;
    margin: 0;
    line-height: 0;
    color: red;
}
.success-msg{
    display: none;
    transition: ease-out 0.3s;
}
.success-msg-display{
    position: absolute;
    display: block;
    transition: ease-out 0.3s;
    padding: 10px;
    background: #2e7dab;
    font-size: 14px;
    /* border-radius: 5px; */
    z-index: 10;
    top: 65px;
    left: 0;
	color: #fff;
}

.subscribe-inner{
	position: relative;
}

.subscribe-inner form{
	position: relative;
}

.check-success-icon{
	margin-right: 10px
}

.error-msg-contact{
    display: none;
    transition: ease-out 0.3s;
    opacity: 0;
}
.error-msg-contact-display{
    display: block;
    transition: ease-out 0.3s;
    opacity: 1;
    position: absolute;
    bottom: -8px;
    font-size: 10px;
    left:0;
    margin: 0;
    line-height: 0;
    color: red;
}

.error-msg-contact-display p{
    font-size: 12px;
}

.success-msg-contact{
    display: none;
    transition: ease-out 0.3s;
}
.success-msg-contact-display{
    position: absolute;
    display: block;
    transition: ease-out 0.3s;
    padding: 10px;
    background: #001941;
    font-size: 14px;
    /* border-radius: 5px; */
    z-index: 10;
    top: -10px;
    left: 50%;
    padding-left: 3px;
    color: #fff;
    width: 265px;
    transform: translate(-50%, -50%);
}

.check-success-icon{
    padding: 10px;
    margin-right: 10px;
	color: #fff;
}
.success-msg p, .success-msg-display p{
    margin-bottom: 0;
}
.error-msg p, .error-msg-display p{
    margin-bottom: 0;
}

.pricing-three .nav-pills{
    justify-content: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 3rem !important;
    box-shadow: var(--box-shadow);
}

.pricing-three .nav-pills .nav-link{
    border-radius: 0 !important;
    height: 50px;
    padding: 10px 25px;
    color: inherit;
}

.pricing-three .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--theme-color-2);
}

.pricing-card{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 30px 2rem;
    text-align: center;
    border-radius: 10px;
    box-shadow: 2px 15px 80px rgba(102, 143, 191, 0.4);
}

.pricing-card-top h3{
    font-size: 28px;
    line-height: 34px;
    color: var(--heading-color);
    margin-bottom: 15px;
}

.pricing-card-top h2{
    font-size: 32px;
    line-height: 39px;
    color: var(--theme-color-1);
    margin-bottom: 10px;
}

.pricing-card-top span{
    font-size: 16px;
    line-height: 19px;
    margin-left: 5px;
    color: var(--font-color);
}

.pricing-card-top{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.pricing-card-middle ul li{
    margin-bottom: 15px;
}

.pricing-card-bottom{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.pricing-card-bottom a{
    margin: auto;
}

.pricing-card.center{
    background-color: var(--theme-color-4);
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.pricing-card.center .pricing-card-top h3{
    color: var(--font-white);
}

.pricing-card.center .pricing-card-top h2{
    color: var(--font-white);
}

.pricing-card.center .pricing-card-top span{
    color: var(--font-white);
}

.pricing-card.center .pricing-card-top p{
    color: var(--font-white);
}

.pricing-card.center .pricing-card-middle p{
    color: var(--font-white);
}

.btn-border.blue{
    border: 1px solid var(--theme-color-3);
    background-color: transparent;
    color: var(--theme-color-3);
    transition: all .5s ease-out;
}

.btn-border.blue:hover{
    border: 1px solid var(--theme-color-3);
    background-color: var(--theme-color-3);
    color: var(--font-white);
}

.our-client-three-card{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 15px;
}

.our-client-three-card img{
    width: 120px;
}

.inspired{
    width: 100%;
    position: relative;
    display: inline-block;
    background-color: var(--theme-color-3);
}

.inspired-content-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    flex-direction: column;
}

.inspired-content-wrapper h2{
    font-size: 32px;
    margin-bottom: 2rem;
    color: var(--font-white);
}

.faq3 .accordion-item{
    margin-bottom: 20px;
    border: transparent;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.faq3 .accordion-button{
    border: transparent;
}

.faq3 .accordion-button{
    border-radius: 10px !important;
    background-color: #f7f0f0;
    font-family: 'SourceSansPro-SemiBold';
    font-size: 14px;
}

.faq3 .accordion-button:not(.collapsed){
    background-color: var(--theme-color-1);
    box-shadow: none;
    color: var(--font-white);
}

.faq3 .accordion-button span{
    margin-right: 10px;
}

.faq3 .accordion-body p span{
    margin-right: 10px;
}

.ourTeam-card-three-wrapper{
    width: 100%;
    position: relative;
    display: inline-block;
    background-color: var(--font-white);
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(180deg, var(--theme-color-3), var(--theme-color-1)) 1;
    border-radius: 6px;
}

.ourTeam-3content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
}

.ourTeam-3content h3{
    font-size: 20px;
}

.ourTeam-3content ul {
    display: flex;
    margin-top: 15px;
}

.ourTeam-3content ul li{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--font-white);
    border: 1px solid var(--theme-color-1);
    color: var(--theme-color-1);
    margin: 0px 5px;
    border-radius: 50%;
    transition: ease-in 0.3s;
}

.ourTeam-3content ul li:hover{
    transition: ease-in 0.3s;
    background-color: var(--theme-color-1);
    border: 1px solid var(--theme-color-1);
    color: var(--font-white);
}

.ourTeam-3image{
    width: 100%;
    height: 200px;
    position: relative;
    display: inline-block;
}

.ourTeam-3image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}