/******************************************************************
  Template Name: Male Fashion
  Description: Male Fashion - ecommerce teplate
  Author: Colorib
  Author URI: https://www.colorib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/


/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/
/* @import url('https://fonts.cdnfonts.com/css/glacial-indifference-2'); */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@300;400;500&family=Roboto:wght@300;400;500&display=swap');
body {
    overflow-x: hidden;
}

h2 {
    font-size: 28px;
}


/* Headings H1,H2,H3,H4,H5,H6 & Paragraph font color variables */



.heading-with-border-bottom {
    text-align: center;
    font-family: 'Great Vibes', cursive;
    /* letter-spacing: 3px; */
    font-size: 36px;
    font-weight: 700;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
}


/*----------------------------------------*/


/* Template default CSS
/*----------------------------------------*/

html,
body {
    height: 100%;
    /* font-family: "Nunito Sans", sans-serif; */
    -webkit-font-smoothing: antialiased;
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    /* color: #ffffff; */
}

ul,
ol {
    padding: 0;
    margin: 0;
}


/* h2,h3{
	letter-spacing: 3px;
} */


/*---------------------
  Helper CSS
-----------------------*/

.section-title {
    margin-bottom: 45px;
    text-align: center;
}

.section-title span {
    color: var(--yellow);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}

.section-title h2 {
    color: #111111;
    font-weight: 700;
    line-height: 46px;
    font-family: 'Great Vibes', cursive;
}

.set-bg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.spad {
    padding-top: 100px;
    padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: var(--textWhite);
}


/* buttons */

.primary-btn {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 30px;
    color: var(--textWhite);
    background: #000000;
    letter-spacing: 4px;
}

.primary-btn:hover {
    color: var(--yellow);
}

.site-btn {
    font-size: 14px;
    color: var(--textWhite);
    background: #000;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 20px 30px;
}

.site-btn-3 {
    font-size: 14px;
    color: #000;
    background: #fff;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 25px;
}


/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #000;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

.spacial-controls {
    position: fixed;
    width: 111px;
    height: 91px;
    top: 0;
    right: 0;
    z-index: 999;
}

.spacial-controls .search-switch {
    display: block;
    height: 100%;
    padding-top: 30px;
    background: #323232;
    text-align: center;
    cursor: pointer;
}

.search-model {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: 99999;
}

.search-model-form {
    padding: 0 15px;
}

.search-model-form input {
    width: 500px;
    font-size: 40px;
    border: none;
    border-bottom: 2px solid #333;
    background: 0 0;
    color: #999;
}

.search-close-switch {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #333;
    color: var(--textWhite);
    text-align: center;
    border-radius: 50%;
    font-size: 40px;
    line-height: 28px;
    top: 30px;
    right: 10px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 6px;
}


/*---------------------
  Header
-----------------------*/

.header {
    background: black;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: space-between;
    transition: 0.6s;
    z-index: 90;
    min-height: 70px;
}

.header__top {
    background: #111111;
    padding: 10px 0;
}

.header__top__left span {
    color: var(--textWhite);
    margin-bottom: 0;
    font-size: 14px;
}

.header__top__left {
    color: var(--textWhite);
}

.header__top__right {
    text-align: right;
    color: var(--textWhite);
    font-size: 14px;
}

.header__top__links {
    display: inline-block;
    margin-right: 25px;
}

.headerContact {
    color: var(--textWhite);
    text-decoration: none;
}

.headerContact:hover {
    color: var(--yellow);
    text-decoration: underline 2px;
}


/* span.mr-1:hover {
    color: #efa928;
} */

.header__top__links a {
    color: var(--textWhite);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 2px;
    display: inline-block;
}

.header__top__links a:last-child {
    margin-right: 0;
    margin-left: 2px;
    padding-left: 2px;
}

.header__top__hover {
    display: inline-block;
    position: relative;
}

.header__top__hover:hover ul {
    top: 24px;
    opacity: 1;
    visibility: visible;
}

.header__top__hover span {
    color: var(--textWhite);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    cursor: pointer;
}

.header__top__hover span i {
    font-size: 20px;
    position: relative;
    top: 3px;
    right: 2px;
}

.header__top__hover ul {
    background: #ffffff;
    display: inline-block;
    padding: 2px 0;
    position: absolute;
    left: 0;
    top: 44px;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__top__hover ul li {
    list-style: none;
    font-size: 13px;
    color: #111111;
    padding: 2px 15px;
    cursor: pointer;
}

.header__logo {
    max-width: 150px;
    height: auto;
}

.header__logo a {
    display: inline-block;
}

.header__logo a h4 {
    color: var(--textWhite);
}

.header__menu {
    text-align: start;
    padding: 26px 0 25px;
    text-transform: capitalize;
}

.header__menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 16px;
    position: relative;
    text-transform: capitalize;
}

.header__menu ul li.active a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.header__menu ul li.active span:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header__menu ul li:hover a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.header__menu ul li:hover span:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header__menu ul li:hover .dropdown,
.header__menu ul li:focus-within .dropdown{
    top: 32px;
    opacity: 1;
    visibility: visible;
}

.header__menu ul li:hover .dropdown::-webkit-scrollbar {
    width: 5px;
    /* border-radius: 5px; */
  }
.header__menu ul li:hover .dropdown::-webkit-scrollbar-thumb {
    background-color: #837b7b;
    border-radius: 5px;
  }


.header__menu ul li:last-child {
    margin-right: 0;
}

.header__menu ul li .dropdown {
    position: absolute;
    left: 0;
    /* top: 56px; */
    width: max-content;
    /* max-width: 160px; */
    background: #111111;
    text-align: left;
    padding: 5px 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
    display: block;
    margin-right: 0;
}

.header__menu ul li .dropdown li a {
    font-size: 14px;
    color: var(--textWhite);
    width: max-content;
    font-weight: 400;
    padding: 5px 20px;
    text-transform: capitalize;
    transition: all 0.3s ease-in;
}
.header__menu ul li .dropdown li:hover i,
.header__menu ul li .dropdown li:hover a,
.header__menu ul li .dropdown li:active a,
.header__menu ul li .dropdown li:focus a,
.header__menu ul li .dropdown li a:hover,
.header__menu ul li .dropdown li a:active,
.header__menu ul li .dropdown li a:focus
{
    color: var(--yellow);
}
/* li.submenu:hover  i{
    color: #efa928;
} */
li.submenu {
    display: inline-flex!important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
li.submenu .sub-dropdown-icon {
    transition: all .25s ease-in-out;
}
li.submenu:hover .sub-dropdown-icon {
    transform: translateX(10px);
}
.sub-dropdown-icon {
    padding: 0 15px;
    cursor: pointer;
    color: var(--textWhite);
}
.header__menu ul li .dropdown li a:after {
    display: none;
}
.header__menu ul li .dropdown li .sub-dropdown{
    position: absolute;
    left: calc(100% + 0px);
    top: -5px;
    display: none;
    background: #111111;
    box-shadow: var(--menuBoxshadow);
}
.header__menu ul li .dropdown li:hover .sub-dropdown,
.header__menu ul li .dropdown li:focus .sub-dropdown,
.header__menu ul li .dropdown li:active .sub-dropdown,
.header__menu ul li .dropdown li:focus-within .sub-dropdown
{
    display: block;
    color: var(--textWhite);
    padding: 5px 20px;
}
.header__menu ul li .dropdown li:hover .sub-dropdown li a{
    color: var(--textWhite);
}
.header__menu ul li .dropdown li .sub-dropdown li:hover a{
    color: var(--yellow);
}
/* .header__menu ul li .dropdown li .sub-dropdown li a {
    color: var(--textWhite);
} */
.header__menu ul li a {
    font-size: 14px;
    color: var(--textWhite);
    display: block;
    font-weight: 600;
    position: relative;
    padding: 3px 0;
}

.header__menu ul li span {
    font-size: 14px;
    color: var(--textWhite);
    display: block;
    font-weight: 600;
    position: relative;
    padding: 3px 0;
    cursor: pointer;
}
.header__menu ul li a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--backgroundYellow);
    content: "";
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.header__menu ul li span:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--backgroundYellow);
    content: "";
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.header__nav__option {
    /* text-align: right; */
    padding: 30px 0;
}

.nav-icons {
    /* display: flex;
    justify-content: space-evenly; */
}

.nav-icons a {
    color: var(--textWhite);
    font-size: 19px;
}
.header_responsive_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    visibility: hidden;
}
.header_responsive_container .cart_canvas_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:25px;
}
.canvas__Cart a {
    color: var(--textWhite);
    font-size: 18px;
}
.nav-icons >span {
    color: var(--textWhite);
    font-size: 19px;
}
/* .canvas__Cart a i{
    color: #ffffff;
} */
.nav-icons .badge-warning , .canvas__Cart a span{
    /*bootstrapcolor> #ffc107 */
    background-color: var(--backgroundYellow);
    color: var(--navbarCartText);
}

.btn-warning {
    background-color: var(--backgroundYellow)!important;
    border-color: var(--borderColors)!important;
    color: var(--textWhite);
}

.banner-text h1 {
    /* font-family: ; */
    color: var(--textWhite);
    font-weight: 600;
    text-align: center;
}

.banner-text h3 {
    text-align: center;
    color: var(--textWhite);
}

.our-products {
    text-align: center;
    margin-bottom: 30px;
}

.our-products h2 {
    font-weight: 700;
    padding-bottom: 50px;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
}


/* Carsoul Starts here */


/* .carousel-item img{
	/* height: 100vh;
	object-fit: cover; */


/* Comment for now by asym for operator gallery */


/* height: 600px;
	position: fixed;
	top: 152px;
	z-index: -99;
}*/


/* Box-Section Starts Here */
.part_1 img {
    /* height: 400px;
    object-fit: cover; */
    opacity: 0.5;
}

.part_1 {
    text-align: center;
    border: 0px;
    background-color: black;
    height: 100%;
    padding: 30px 15px;
    z-index: 1;
}

.img_1_text {
    color: var(--textWhite);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.img_1_text span {
    z-index: 2;
}
.part_1 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.5;
}
.img_1_text h2 {
    font-family: 'Great Vibes', cursive;
    letter-spacing: 3px;
    font-size: 28px;
    text-shadow: 0 0 15px black;
    z-index: 1;
    color: var(--textWhite);
}

.img_1_text .homeSectionLink a {
    color: var(--textWhite);
    font-family: inherit;
    text-shadow: 0 0 15px black;
}

.img_1_text .homeSectionLink {
    border-bottom: 2px solid;
    line-height: 28px;
    font-size: 1rem;
    /* color: #fff;*/
    font-family: inherit;
    text-shadow: 0 0 15px black;
    margin-top: 20px;
    z-index: 1;
}


/* .img_1_text .homeSectionLink:hover{
	color: #efa928;;
} */

.img_1_text .homeSectionLink a:hover {
    color: var(--yellow);
}

.carousel-caption {
    top: 35%;
}
#carouselExampleFade .carousel-inner .carousel-item .banner-video .default__button--big ,
#carouselExampleFade .carousel-inner .carousel-item .banner-video  .default__controls,
#first-time-caller-banner .banner-video  .default__controls ,
#first-time-caller-banner .banner-video .default__button--big {
    display: none;
}
#carouselExampleFade .carousel-inner .carousel-item .banner-video ,
#carouselExampleFade .carousel-inner .carousel-item .banner-video  .ckin__player ,
#first-time-caller-banner .banner-video .banner-video  .ckin__player{
    height: 100%;
}
/* .carousel-caption h2 span{
	color: #efa928;
} */

.carousel-caption h2 span {
    color: var(--yellow);
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    /* width: 75%; */
    margin: 0 auto;
}

.box-section {
    position: relative;
    bottom: 10%;
    z-index: 9;
    margin-top:  -150px;
    margin-bottom: 20px;
}

.right-icon {
    margin-left: 6px;
    font-weight: 700 !important;
}


/* Box-Section Ends Here */


/*---------------------
  Product
-----------------------*/

.product {
    padding-top: 0;
    padding-bottom: 50px;
}

.filter__controls {
    text-align: center;
    margin-bottom: 45px;
}

.filter__controls li {
    color: #b7b7b7;
    font-size: 24px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
    margin-right: 88px;
    cursor: pointer;
}

.filter__controls li:last-child {
    margin-right: 0;
}

.filter__controls li.active {
    color: #111111;
}

.product__item {
    overflow: hidden;
    /* margin-bottom: 40px; */
}
#slideLeft, #slideRight{
    display: none;
}

.product__item.sale .product__item__pic .label {
    color: var(--textWhite);
    background: #111111;
}

.product__item.sale .product__item__text .rating i {
    color: var(--yellow);
}

.product__item.sale .product__item__text .rating i:nth-last-child(1) {
    color: #b7b7b7;
}

.product__item:hover .product__item__pic .product__hover {
    right: 20px;
    opacity: 1;
}

.product__item:hover .product__item__text button {
    top: 30px;
    width: max-content;
    opacity: 1;
    visibility: visible;
}

.product__item:hover .product__item__text h2 {
    opacity: 0;
    font-size: 1rem;
}

.product__item:hover .product__item__text .product__color__select {
    opacity: 1;
}
.related .relatedProductCard {
    width: 240px;
}
.related .relatedProductCard  .product__item__pic {
    height: 224px;
}
.product__item__pic {
    height: 284px;
    position: relative;
    /* background-position: center center; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.product__item__pic img {
    width: 100%;
    height: 100%;
}

.product__item__pic .label {
    color: #111111;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 15px 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 20px;
}

.product__item__pic .product__hover {
    position: absolute;
    right: -200px;
    top: 20px;
    -webkit-transition: all, 0.8s;
    -o-transition: all, 0.8s;
    transition: all, 0.8s;
}

.product__item__pic .product__hover li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}

.product__item__pic .product__hover li:hover span {
    opacity: 1;
    visibility: visible;
}

.product__item__pic .product__hover li span {
    color: var(--textWhite);
    background: #111111;
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    position: absolute;
    left: -78px;
    top: 5px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}
/* product-detail-page sample section */
#mySampleModal .modal-content{
    background-color: transparent;
}
.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleIcon {
    display: flex;
    align-items: center;
    justify-content: left;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleIcon button {
    padding: 0;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item {
    background-color: transparent;
    border: 1px solid white;
    color: var(--textWhite);
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item i {
    color: var(--textWhite);
    font-size: 38px;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDesc h2 {
    font-size: 17px;
    word-break: break-word;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDesc {
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDesc .Heading {
    font-size: 17px;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDesc .Heading .sampleTag {
    background-color: var(--backgroundYellow);
    color: var(--whiteTextH);
    font-size: 12px;
    font-weight: 500;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDownload {
    display: flex;
    align-items: center;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDownload i {
    font-size: 17px;
    padding: 0 5px;
    /* vertical-align: middle; */
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDownload button {
    background-color: transparent;
    color: var(--textWhite);
    border: unset;
    padding: 0 6px;
    border-radius: 12px;
    text-underline-offset: 5px;
    text-decoration: underline solid white;
}

.product-detailImags .tab-content .tab-pane ul.list-group .list-group-item .sampleDownload a {
    background-color: transparent;
    color: var(--textWhite);
    border: unset;
    padding: 0 6px;
    border-radius: 12px;
    text-underline-offset: 5px;
    text-decoration: underline solid white;
}
/*  */
/* product-detail-page sampleList */
.product__details__pic .product-detailImags .productSampleListContainer .productSampleList{
    height: 482px;
    overflow-y: auto;
}

.product__details__pic .product-detailImags .productSampleListContainer .productSampleList::-webkit-scrollbar {
    width: 5px;
    display: none;
  }
  .product__details__pic .product-detailImags  .productSampleListContainer:hover .productSampleList::-webkit-scrollbar {
    display: block;
  }
  /* Track */
  .product__details__pic .product-detailImags .productSampleListContainer .productSampleList::-webkit-scrollbar-track {
    /* background: #f1f1f1; */
    display: none;
  }

  /* Handle */
  .product__details__pic .product-detailImags .productSampleListContainer .productSampleList::-webkit-scrollbar-thumb {
    background: #888;
  }

  /* Handle on hover */
  .product__details__pic .product-detailImags .productSampleListContainer .productSampleList::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
.product__item__pic .product__hover li span:after {
    position: absolute;
    right: -2px;
    top: 5px;
    height: 15px;
    width: 15px;
    background: #111111;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.product__item__pic .product__hover li img {
    background: #ffffff;
    padding: 10px;
    display: inline-block;
}

.product__item__text {
    position: relative;
    padding: 15px 12px!important;
}

.product__item__text button {
    font-size: 15px;
    color: var(--yellow);
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 13%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    border: unset;
    background-color: transparent;
}

.product__item__text h2 {
    color: #111111;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product__item__text .rating {
    margin-bottom: 6px;
}

.product__item__text .rating i {
    font-size: 14px;
    color: #b7b7b7;
    margin-right: -5px;
}

.product__item__text h2.productPrice {
    color: #0d0d0d;
    font-weight: 700;
}

.product__item__text .product__color__select {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__text .product__color__select label {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #5e64d1;
    border-radius: 50%;
    margin-bottom: 0;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
}

.product__item__text .product__color__select label.black {
    background: #404a47;
}

.product__item__text .product__color__select label.grey {
    background: var(--backgroundYellow);
}

.product__item__text .product__color__select label.active:after {
    opacity: 1;
}

.product__item__text .product__color__select label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 18px;
    width: 18px;
    border: 1px solid #b9b9b9;
    content: "";
    border-radius: 50%;
    opacity: 0;
}

.product__item__text .product__color__select label input {
    position: absolute;
    visibility: hidden;
}

.products_headings {
    height: 110px;
    color: var(--whiteTextH);
}

.products_headings .input-group button {
    background-color: transparent;
    color: var(--textWhite);
    transition: all 0.5s;
    border: 1px solid var(--borderColors);
    margin-left: 5px!important;
}

.products_headings .input-group button:hover {
    background-color: var(--backgroundYellow);
    color: var(--textWhite);
}


/* Products Ends Here */

.offcanvas-menu-wrapper {
    display: none;
}
.offcanvas-menu-wrapper .badge-warning{
    background-color: var(--backgroundYellow);
    color: var(--navbarCartText);
}
.canvas__open {
    display: none;
}
.canvas__Cart {
    display: none;
}


/*---------------------
  Hero
-----------------------*/

.like {
    font-size: 1.5rem;
}


/* Testimonial Section */


/* Testimonial Section Ends Here */


/* Footer */

.terms-and-conditions span a {
    color: #b7b7b7;
}

.login-text span {
    color: #b7b7b7;
}

.login-text span a {
    color: #b7b7b7;
}

.back-to-top i {
    color: var(--yellow);
}

.back-to-top a span {
    color: #b7b7b7;
}

.footer {
    background: #111111;
    padding-top: 50px;
}

.footer__logo a {
    color: var(--textWhite);
}

.footer__logo a img {
    max-width: 200px;
    margin-bottom: 20px;
}

.footer__about {
    margin-bottom: 30px;
}

.footer__about .footer__logo {
    margin-bottom: 10px;
}

.footer__about .footer__logo a {
    display: inline-block;
}

.footer__about p {
    color: var(--textWhite);
    margin-bottom: 30px;
}


/* .footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 20px;
} */


/* .footer__widget ul li {
	line-height: 36px;
	list-style: none;
}

.footer__widget ul li a {
	color: #b7b7b7;
	font-size: 15px;
} */


/* .footer__widget .footer__newslatter p {
	color: #b7b7b7;
} */


/* .footer__widget .footer__newslatter form {
	position: relative;
}

.footer__widget .footer__newslatter form input {
	width: 100%;
	font-size: 15px;
	color: #fff !important;
	background: transparent;
	border: none;
	padding: 15px 0;
	border-bottom: 2px solid #ffffff;
} */


/* .footer__widget .footer__newslatter form input::-webkit-input-placeholder {
	color: #3d3d3d;
}

.footer__widget .footer__newslatter form input::-moz-placeholder {
	color: #3d3d3d;
}

.footer__widget .footer__newslatter form input:-ms-input-placeholder {
	color: #3d3d3d;
}

.footer__widget .footer__newslatter form input::-ms-input-placeholder {
	color: #3d3d3d;
}

.footer__widget .footer__newslatter form input::placeholder {
	color: #3d3d3d;
} */


/* .footer__widget .footer__newslatter form button {
	color: #b7b7b7;
	font-size: 16px;
	position: absolute;
	right: 5px;
	top: 0;
	height: 100%;
	background: transparent;
	border: none;
}

.footer__copyright__text {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 0;
	margin-top: 40px;
} */


/* .footer__copyright__text p {
	color: #b7b7b7;
	margin-bottom: 0;
} */


/* .footer__copyright__text p i {
	color: #efa928;
}

.footer__copyright__text p a {
	color:#efa928;
} */


/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
    background-color: transparent;
    /* background: #f3f2ee; */
    padding: 40px 0;
    margin-top: 8rem;
}

.breadcrumb__text h2 {
    font-weight: 400;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    letter-spacing: 3px;
    font-size: 40px;
    color: var(--whiteTextH);
}

.breadcrumb__links a {
    font-size: 15px;
    color: var(--textWhite);
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.breadcrumb__links {
    padding-top: 20px
}

.breadcrumb__links a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    font-family: "FontAwesome";
    color: var(--yellow);
}

.breadcrumb__links span {
    font-size: 20px;
    color: var(--yellow);
    display: inline-block;
    text-shadow: 1px 1px 1px #fff;
    opacity: 1;
    font-weight: bold;
}


/*---------------------
  Breadcrumb Blog
-----------------------*/

.breadcrumb-blog {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 350px;
}

.breadcrumb-blog h2 {
    color: var(--textWhite);
    font-size: 60px;
    font-weight: 700;
}


/*---------------------
  About
-----------------------*/

.about {
    padding-bottom: 70px;
}

.about__pic {
    margin-bottom: 35px;
}

.about__pic img {
    min-width: 100%;
}

.about__item {
    margin-bottom: 30px;
}

.about__item h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 10px;
}

.input-group>.form-control,
.input-group>.form-select {
    max-width: max-content;
}

.about__item p {
    margin-bottom: 0;
}

.price-button {
    text-align: center;
}

.heading-font-weight {
    font-weight: 700;
    font-family: 'Great Vibes', cursive;
}

.bottom-line {
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
}


/*---------------------
  Counter
-----------------------*/

.counter {
    padding-bottom: 0;
}

.counter .container {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 70px;
}

.counter__item {
    margin-bottom: 30px;
    overflow: hidden;
}

.counter__item .counter__item__number {
    float: left;
    margin-right: 15px;
}

.counter__item .counter__item__number h2 {
    color: #111111;
    font-weight: 700;
    font-size: 60px;
    line-height: 50px;
    display: inline-block;
}

.counter__item .counter__item__number strong {
    color: #111111;
    font-weight: 700;
    font-size: 60px;
    line-height: 50px;
    display: inline-block;
}

.counter__item span {
    display: block;
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    overflow: hidden;
}


/*---------------------
  Testimonial
-----------------------*/

.team {
    padding-bottom: 70px;
}

.team__item {
    margin-bottom: 30px;
}

.team__item img {
    min-width: 100%;
    margin-bottom: 25px;
}

.team__item h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 8px;
}

.team__item span {
    font-size: 15px;
    display: block;
    color: #b7b7b7;
}


/*---------------------
  Clients
-----------------------*/

.clients {
    padding-top: 0;
    padding-bottom: 25px;
}

.client__item {
    display: block;
    margin-bottom: 75px;
    text-align: center;
}


/*---------------------
  Shopping Cart
-----------------------*/

.shopping__cart__table {
    margin-bottom: 30px;
}

.shopping__cart__table table {
    width: 100%;
}

.shopping__cart__table table thead {
    border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table thead tr th {
    color: var(--whiteTextPara);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.shopping__cart__table table tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table tbody tr td {
    padding-bottom: 30px;
    padding-top: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item {
    width: 400px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
    float: left;
    margin-right: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text {
    overflow: hidden;
    padding-top: 21px;
    color: var(--whiteTextPara);
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text a {
    color: var(--whiteTextPara);
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h6 {
    color: var(--whiteTextPara);
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
}

.shopping__cart__table table tbody tr td.quantity__item {
    width: 175px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 {
    width: 80px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 input {
    width: 50px;
    border: none;
    text-align: center;
    color: var(--whiteTextPara);
    font-size: 16px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 .qtybtn {
    /* font-size: 16px;
	color: #888888;
	width: 10px;
	cursor: pointer; */
    display: none;
}

.shopping__cart__table table tbody tr td.cart__price {
    color: var(--whiteTextPara);
    font-size: 18px;
    font-weight: 700;
    width: 140px;
}

.shopping__cart__table table tbody tr td.cart__close i {
    font-size: 18px;
    color: #111111;
    height: 40px;
    width: 40px;
    background: #f3f2ee;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}

.continue__btn.update__btn {
    text-align: right;
}

.continue__btn.update__btn a {
    color: var(--textWhite);
    background: #111111;
    border-color: #111111;
}

.continue__btn.update__btn a i {
    margin-right: 5px;
}

.continue__btn a {
    color: #111111;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid #e1e1e1;
    padding: 14px 35px;
    display: inline-block;
}

.cart__discount {
    margin-bottom: 60px;
}

.cart__discount h6 {
    color: var(--whiteTextPara);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.cart__discount form {
    position: relative;
}

.cart__discount form input {
    font-size: 14px;
    color: var(--whiteTextPara);
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
}

.cart__discount form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::-moz-placeholder {
    color: #b7b7b7;
}

.cart__discount form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::placeholder {
    color: #b7b7b7;
}

.cart__discount form button {
    font-size: 14px;
    color: var(--textWhite);
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: #111111;
    padding: 0 30px;
    border: none;
    position: absolute;
    right: 0;
    top: 1px;
    border: 2px solid white;
    height: 96%;
}

.cart__total {
    background: #f3f2ee;
    padding: 35px 40px 40px;
    position: sticky;
    top: 135px;
}

.cart__total h6 {
    color: #111111;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 700;
}

.cart__total ul {
    margin-bottom: 25px;
}

.cart__total ul li {
    list-style: none;
    font-size: 16px;
    color: #000;
    line-height: 40px;
    overflow: hidden;
    font-weight: 700;
}

.cart__total ul li span {
    font-weight: 700;
    color: var(--yellow);
    float: right;
}

.cart__total .primary-btn {
    display: block;
    padding: 12px 10px;
    text-align: center;
    letter-spacing: 2px;
}


/*---------------------
  Checkout
-----------------------*/

.coupon__code {
    color: #0d0d0d;
    font-size: 14px;
    border-top: 2px solid #77b527;
    background: #f5f5f5;
    padding: 23px 30px 18px;
    margin-bottom: 50px;
}

.coupon__code span {
    margin-right: 15px;
}

.coupon__code a {
    color: #0d0d0d;
}
.checkout__title_container {
    border-bottom: 1px solid #fff;
    margin-bottom: 26px;
}
.checkout__title {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    display: inline-block;
    padding: 0.5rem 1rem;
    /* color: var(--whiteTextH); */
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: 1px solid #e1e1e1;
    /* padding-bottom: 25px; */
    margin-bottom: 0px;
    font-size: 1rem;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}
.checkoutCardNumber_cotainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.checkout__input {
    margin-bottom: 6px;
}

.checkout__input p, .checkout__input label {
    color: var(--whiteTextH);
    margin-bottom: 12px;
}

.checkout__input p span {
    color: red;
}

.checkout__input input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    color: #000 !important;
    padding-left: 20px;
    margin-bottom: 20px;
    padding-right: 20px;
    /* background-color: white; */
}

.checkout__input input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::-moz-placeholder {
    color: #b7b7b7;
}

.checkout__input input:-ms-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::-ms-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::placeholder {
    color: #b7b7b7;
}

.checkout__input__checkbox label {
    font-size: 15px;
    color: #0d0d0d;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    margin-bottom: 16px;
    display: block;
}

.checkout__input__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
    border-color: var(--borderColors);
}

.checkout__input__checkbox label input:checked~.checkmark:after {
    opacity: 1;
}

.checkout__input__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 3px;
    height: 14px;
    width: 14px;
    border: 1.5px solid #d7d7d7;
    content: "";
    border-radius: 2px;
}

.checkout__input__checkbox label .checkmark:after {
    position: absolute;
    left: 1px;
    top: -3px;
    width: 14px;
    height: 7px;
    border: solid var(--borderColors);
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    content: "";
    opacity: 0;
}

.checkout__input__checkbox p {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 22px;
}

.checkout__order {
    background: #f3f2ee;
    padding: 30px;
    position: sticky;
    top: 135px;
}

.checkout__order .order__title {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 25px;
    margin-bottom: 30px;
    font-size: 1.5rem;
}

.checkout__order p {
    color: #444444;
    font-size: 16px;
    line-height: 28px;
}

.checkout__order .site-btn {
    width: 100%;
    margin-top: 8px;
}

.checkout__order__products {
    font-size: 16px;
    color: #111111;
    overflow: hidden;
    margin-bottom: 18px;
    font-weight: 700;
}

.checkout__order__products span {
    float: right;
}

.checkout__total__products {
    margin-bottom: 20px;
}

.checkout__total__products li {
    font-size: 16px;
    color: #444444;
    list-style: none;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 15px;
}

.checkout__total__products li:last-child {
    margin-bottom: 0;
}

.checkout__total__products li span {
    color: #111111;
    float: right;
}

.checkout__total__all {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0;
    margin-bottom: 26px;
    font-weight: 700;
}

.checkout__total__all li {
    list-style: none;
    font-size: 16px;
    color: #111111;
    line-height: 40px;
    overflow: hidden;
}

.checkout__total__all li span {
    color: var(--yellow);
    font-weight: 700;
    float: right;
}

.payment-dropdown {
    height: 50px;
    width: 100%;
    /* border: 1px solid #e1e1e1; */
    font-size: 14px;
    color: #000;
    padding-left: 20px;
    margin-bottom: 20px;
}

.dropdown-icon-region i {
    position: absolute;
    top: 47%;
    left: 92%;
    color: #000;
}

.cards-margin {
    margin-bottom: 12px;
}


/*---------------------
    Blog
-----------------------*/

.blog {
    padding-bottom: 55px;
}

.latest {
    padding-bottom: 55px;
}

.blog__item {
    margin-bottom: 45px;
}

.blog__item:hover a::after {
    width: 40px;
    background: var(--backgroundYellow);
}

.blog__item:hover .blog__item__text {
    -webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.05);
    box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.05);
}

.blog__item__pic {
    height: 270px;
}

.blog__item__text {
    padding: 30px 30px 25px;
    margin: 0 30px;
    margin-top: -35px;
    background: #ffffff;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__item__text span {
    color: #3d3d3d;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.blog__item__text span img {
    margin-right: 6px;
}

.blog__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
}


/* .blog__item__text a {
	display: inline-block;
	color: #111111;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding: 3px 0;
	position: relative;
} */

.blog__item__text .blog-read {
    display: inline-block;
    color: #111111;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 3px 0;
    position: relative;
}

.blog__item__text .blog-read:hover {
    color: var(--yellow);
}

.blog__item__text .blog-read:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #111111;
    content: "";
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}


/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar__item {
    text-align: center;
    margin-bottom: 65px;
}

.blog__sidebar__item:last-child {
    margin-bottom: 0;
}

.blog__sidebar__item form input {
    height: 50px;
    font-size: 15px;
    color: #444444;
    padding-left: 20px;
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 20px;
}

.blog__sidebar__item form input::-webkit-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::-moz-placeholder {
    color: #444444;
}

.blog__sidebar__item form input:-ms-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::-ms-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::placeholder {
    color: #444444;
}

.blog__sidebar__title {
    text-align: center;
    margin-bottom: 35px;
}

.blog__sidebar__title h4 {
    color: #111111;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}

.blog__sidebar__title h4::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 70px;
    background: #e1e1e1;
    content: "";
    margin: 0 auto;
}

.blog__sidebar__social a {
    display: inline-block;
    font-size: 18px;
    color: #111111;
    width: 50px;
    height: 50px;
    background: #f2f2f2;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    margin-right: 6px;
}

.blog__sidebar__social a:last-child {
    margin-right: 6px;
}

.recent__item {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    text-align: left;
}

.recent__item__pic {
    float: left;
    margin-right: 25px;
}

.recent__item__text {
    overflow: hidden;
}

.recent__item__text h6 {
    color: #111111;
    line-height: 21px;
    font-weight: 700;
}

.recent__item__text span {
    font-size: 13px;
    color: #888888;
}


/*---------------------
  Blog Hero
-----------------------*/

.blog-hero {
    /* background: #f3f2ee; */
    padding-top: 190px;
    padding-bottom: 190px;
}

.blog__hero__text h2 {
    color: var(--whiteTextH);
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 18px;
}

.blog__hero__text ul li {
    list-style: none;
    font-size: 15px;
    color: var(--whiteTextPara);
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

.blog__hero__text ul li:after {
    position: absolute;
    right: -25px;
    top: 0;
    content: "|";
}

.blog__hero__text ul li:last-child {
    margin-right: 0;
}

.blog__hero__text ul li:last-child:after {
    display: none;

}
.podcast-box-bg{transition: all 0.2s ease-in-out;}
.podcast-box-bg:hover{transform: translateY(-8px);
    box-shadow: 0px 6px 8px rgba(38, 38, 38, 0.25);}
.podcast-box-bg .custom-img-div{position: relative;}
.podcast-box-bg .custom-img-div .imageShade{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 42px;
    display: none;
    z-index: 2;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
    transition: all 0.3s ease-in-out;
}
.podcast-box-bg .custom-img-div .imageShade i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 34px;
    z-index: 3;
}
.podcast-box-bg .custom-img-div:hover .imageShade{
    display: block;
}


/*------------------
 Grid Blog Section
  ---------------- */
.blog-wrapper{
    display: block;
    width: 100%;
    position: relative;
    /* max-width: 262px; */
    background-color: #fff;
    border-radius: 15px;
    margin: 10px 0;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    border: 1px solid #f2f8f9;
    box-shadow: 0px 4px 8px rgba(8, 8, 8, 0.2);
    transition: all 0.2s ease-out;
}
.single-blog .blog-wrapper .blog-wrapper-inner{padding: 20px;}

.single-blog .blog-wrapper:hover {
    box-shadow: 0px 6px 8px rgba(38, 38, 38, 0.25);
    transform: translateY(-8px);
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-image-container{
    background-color: #eeebeb;
    border-radius: 8px;
    height: 215px;
    overflow: hidden;
    position: relative;
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-image-container .imageShade{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 42px;
    display: none;
    z-index: 2;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
    transition: all 0.3s ease-in-out;
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-image-container .imageShade i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 34px;
    z-index: 3;
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-image-container:hover .imageShade{
    display: block;
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-details-container{padding-top: 15px!important;text-align: center;}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-details-container .time-auth-cat-details {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-details-container .time-auth-cat-details span:not(:last-child):after{
    /* content: "|"; */

}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-details-container .blog-title{
    text-align: center;
    font-size: 26px;
    color: #000;
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-details-container .blog-title:hover{
    color: var(--yellow);
}
.single-blog .blog-wrapper .blog-wrapper-inner .blog-details-container .blog-desc-container p{margin: 5px 0; overflow-wrap: break-word;    height: 51px;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.single-blog .blog-wrapper .blog-wrapper-inner .time-elapsed-container .postcard__tagbox{align-items: center;justify-content: space-between;}
.single-blog .blog-wrapper .blog-wrapper-inner .time-elapsed-container .postcard__tagbox :is(.tag__item,.tag__item.posted-date){    margin: 0;}
.single-blog .blog-wrapper .blog-wrapper-inner .time-elapsed-container .postcard__tagbox .tag__item.posted-date{background: unset;color: #000;}
/*---------------------
  Blog Details
-----------------------*/
section.blog-hero.banner-text{
    display: flex;
    align-items: center;
}

.blog-details {
    /* margin-top: -115px; */
    padding-top: 0;
}
.blogs-audio-container{
    text-align: center;
    margin:30px 0;
}
.blogs-audio-container h2{
    margin-bottom: 18px;
    font-size: 1.75rem;
}
.blogs-audio-container .blogs-audio{
    margin: 0 auto;
}

.blog__details__content {
    color: var(--whiteTextH);
    position: relative;
    min-height: 200px;
}
.blog__details__content a{
    color: var(--hyperlinkColor);
    transition: all 0.3s ease-in-out;
}
.blog__details__content a:hover{
    font-weight: 800;
}
.blog__details__content .blogs-tags{
    color: var(--yellow);
}
.blog__details__content .badge-warning {
    background-color: var(--backgroundYellow);
    color: var(--textWhite);
    opacity: 0.8;
}
.blog__details__content a.badge-warning:focus, .blog__details__content a.badge-warning:hover{
    background-color: var(--backgroundYellow);
    color: var(--textWhite);
    opacity: 1;
}
.blog__details__pic {
    margin-bottom: 60px;
}

.blog__details__pic img {
    min-width: 100%;
    border-radius: 5px;
}

.blog__details__share {
    text-align: center;
    position: absolute;
    left: -120px;
    top: 0;
}

.blog__details__share span {
    color: var(--whiteTextH);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
}

.blog__details__share ul li {
    list-style: none;
    margin-bottom: 15px;
}

.blog__details__share ul li a {
    color: var(--textWhite);
    font-size: 18px;
    height: 46px;
    display: inline-block;
    width: 46px;
    border-radius: 50%;
    line-height: 46px;
    text-align: center;
    background: #4267b2;
}

.blog__details__share ul li a.twitter {
    background: #1da1f2;
}

.blog__details__share ul li a.youtube {
    background: #fe0003;
}

.blog__details__share ul li a.linkedin {
    background: #0173b2;
}

.blog__details__content .blog__details__text p span {
    color: var(--whiteTextPara);
}

.blog__details__text {
    margin-bottom: 50px;
    padding: 10px;
}

.blog__details__text p {
    font-size: 18px;
    line-height: 34px;
    color: var(--whiteTextPara);
    /* word-break: break-all; */
}

.blog__details__text p:last-child {
    margin-bottom: 0;
}

.blog__details__quote {
    background: #f3f2ee;
    padding: 50px 40px 35px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 45px;
}

.blog__details__quote i {
    font-size: 16px;
    color: #ffffff;
    height: 50px;
    width: 50px;
    background: var(--backgroundYellow);
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 40px;
    top: -25px;
}

.blog__details__quote p {
    color: #111111;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 20px;
}

.blog__details__quote h6 {
    color: var(--whiteTextH);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog__details__option {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-bottom: 70px;
}

.blog__details__author__pic {
    display: inline-block;
    margin-right: 15px;
}

.blog__details__author__pic img {
    height: 46px;
    width: 46px;
    border-radius: 50%;
}

.blog__details__author__text {
    display: inline-block;
}

.blog__details__author__text h5 {
    color: #111111;
    font-weight: 700;
}

.blog__details__tags {
    text-align: right;
}

.blog__details__tags a {
    display: inline-block;
    color: #111111;
    font-weight: 700;
    margin-right: 10px;
}

.blog__details__tags a:last-child {
    margin-right: 0;
}

.blog__details__btns {
    margin-bottom: 40px;
}

.blog__details__btns__item {
    display: block;
    border: 1px solid #ebebeb;
    padding: 25px 30px 30px;
    margin-bottom: 30px;
}

.blog__details__btns__item.blog__details__btns__item--next {
    text-align: right;
}

.blog__details__btns__item.blog__details__btns__item--next p span {
    margin-right: 0;
    margin-left: 5px;
}

.blog__details__btns__item p {
    color: #b7b7b7;
    margin-bottom: 10px;
}

.blog__details__btns__item p span {
    font-size: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.blog__details__btns__item h5 {
    color: #111111;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.blog__details__comment h4 {
    color: #333333;
    font-weight: 700;
    margin-bottom: 35px;
    text-align: center;
}

.blog__details__comment form input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    font-size: 15px;
    color: #000;
    margin-bottom: 30px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__details__comment form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input::-moz-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input::placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input:focus {
    border-color: #000000;
}

.blog__details__comment form textarea {
    height: 120px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 15px;
    color: #000;
    margin-bottom: 24px;
    resize: none;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__details__comment form textarea::-webkit-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea::-moz-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea:-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea::-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea::placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea:focus {
    border-color: #000000;
}

.blog__details__comment form button {
    letter-spacing: 4px;
    padding: 14px 35px;
}


/*---------------------
  Map
-----------------------*/


/* .map {
	height: 500px;
}

.map iframe {
	width: 100%;
} */


/*---------------------
  Contact
-----------------------*/


/* .contact__text .section-title {
	text-align: left;
	margin-bottom: 40px;
}

.contact__text .section-title h2 {
	font-size: 48px;
	margin-bottom: 18px;

}

.contact__text .section-title p {
	color: #707070;
	line-height: 26px;
	margin-bottom: 0;
	font-family: 'Great Vibes', cursive;
}

.contact__text ul li {
	list-style: none;
	margin-bottom: 26px;
}

.contact__text ul li:last-child {
	margin-bottom: 0;
}

.contact__text ul li h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 8px;
}

.contact__text ul li p {
	line-height: 27px;
	margin-bottom: 0;
}

.contact__form input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	font-size: 15px;
	color: #b7b7b7;
	margin-bottom: 30px;
}

.contact__form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form input::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form input::placeholder {
	color: #b7b7b7;
}

.contact__form textarea {
	height: 150px;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 15px;
	color: #b7b7b7;
	margin-bottom: 24px;
	resize: none;
}

.contact__form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form textarea::placeholder {
	color: #b7b7b7;
}

.contact__form button {
	letter-spacing: 4px;
	padding: 14px 35px;
} */


/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
    .flex-column {
        flex-wrap: nowrap!important;
    }
    .part_1 {
        padding: 70px 15px;
    }
}


/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .categories__text h2 {
        font-size: 26px;
    }
    .header__menu ul li {
        margin-right: 14px;
    }
    .hero__slider.owl-carousel .owl-nav button {
        left: 2px;
    }
    .hero__slider.owl-carousel .owl-nav button.owl-next {
        right: 2px;
    }
    .testimonial__text {
        padding: 130px 45px 175px;
    }
    .flex-column {
        flex-flow: column;
    }
}


/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__menu ul li {
        margin-right: 10px;
    }
    .header__nav__option a {
        margin-right: 10px;
    }
    .header__nav__option .price {
        margin-left: 0;
    }
    .hero__slider.owl-carousel .owl-nav button {
        left: 2px;
    }
    .hero__slider.owl-carousel .owl-nav button.owl-next {
        right: 2px;
    }
    .banner__item.banner__item--middle {
        margin-top: 0;
    }
    .banner__item.banner__item--last {
        margin-top: 0;
    }
    .banner__item {
        margin-bottom: 40px;
    }
    .banner {
        padding-bottom: 60px;
    }
    .categories__text {
        margin-bottom: 40px;
    }
    .categories__hot__deal {
        margin-bottom: 40px;
    }
    .instagram__text {
        padding-top: 70px;
    }
    .shop__sidebar {
        padding-right: 0;
        padding-top: 40px;
    }
    .cart__discount {
        margin-top: 40px;
    }
    .testimonial__text {
        padding: 100px 105px 100px;
    }
    .blog__details__share {
        position: relative;
        left: 0;
        margin-bottom: 18px;
    }
    .blog__details__share span {
        margin-bottom: 14px;
        margin-right: 0;
    }
    .blog__details__share ul li {
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 10px;
    }
    .blog__details__share ul li:last-child {
        margin-right: 0;
    }
	.product-detailImags .imgSliderheight{
		order: 2;
		padding-top: 10px;
	}
    #slideLeft, #slideRight{
        display: block;
    }
    .product-detailImags .detailImageFromSlider {
        color: var(--textWhite);
        border: 1px solid white!important;
    }
    .product-detailImags .activeColor {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        color: var(--textWhite);
    }
    .product__details__pic .nav-tabs {
        justify-content: center;
    }
    .box-section {
       margin-top: -72px;
    }
    /* .product__details__pic .product-detailImags .nav-tabs .nav-link.active {
        color: var(--yellow);
        border: 1px solid white;
    } */
    .imgSliderheight {
        height: max-content!important;
    }
    .flex-column {
        flex-direction: inherit!important;
    }
    .product__details__pic__item {
        /* position: relative; */
        height: 320px!important;
    }
    .product__details__text {
        text-align: center;
        margin-top: 20px;
    }
    .scrolDetailsImgs {
        width: 100%;
        overflow-x: scroll;
        overflow-y: unset !important;
        flex-wrap: nowrap;
    }
    .single-blog .blog-wrapper .blog-wrapper-inner .blog-image-container{height:365px}
    /* .part_1 img {
        height: 300px;
    } */
}


/* Wide Mobile = 480px */
@media only screen and (max-width:380px) {
    .offcanvas-menu-wrapper{
        width: 80%!important;
    }
}
/* Wide Mobile = 767px */
@media only screen and (max-width: 767px) {
    .header_responsive_container {
        flex-direction: column;
        visibility: visible;
    }
    .header_responsive_container .cart_canvas_container {
        padding-top: 20px;
    }

    /* Media Query For Operator Profile Starts */
    .operator-contact h3 {
        display: none;
    }
    .operator-contact {
        justify-content: end;
    }
    .carousel-caption {
        top: 70px;
    }
    .carousel-caption .slider-content h1 , .carousel-caption .slider-content h2, .carousel-caption .slider-content h3 , .carousel-caption .slider-content h4, .carousel-caption .slider-content h5, .carousel-caption .slider-content h6{
        font-size: 2rem;
        word-break:break-all;
    }
    .carousel-caption .slider-content * {
        font-size: 1rem;
        word-break:break-all;
    }
    /* Media Query For Operator Profile Ends */
    .dropdown-text-color li a {
        color: var(--yellow) !important;
    }
    li.submenu {
        display: block!important;
    }
    ul.dropdown li .sub-dropdown-icon {
        display: none;
    }
    .canvas__open {
        display: block;
        font-size: 22px;
        color: var(--textWhite);
        height: 35px;
        width: 35px;
        line-height: 35px;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 2px;
        cursor: pointer;
        /* position: absolute;
        right: 15px;
        transform: translate(-50%, -50%);
        top: 50%; */
    }
    .canvas__Cart {
        display: block;
        width: max-content;
        /* position: absolute;
        top: calc(45%);
        right: calc(12%); */
    }
    .offcanvas-menu-overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        content: "";
        z-index: 98;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        visibility: hidden;
    }
    .offcanvas-menu-overlay.active {
        visibility: visible;
    }
    .offcanvas-menu-wrapper {
        position: fixed;
        left: -300px;
        width: 300px;
        height: 100%;
        background: #000;
        padding: 0px 20px 30px 30px;
        display: block;
        z-index: 99;
        overflow-y: auto;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        opacity: 0;
    }
    .offcanvas-menu-wrapper.active {
        opacity: 1;
        left: 0;
    }
    .offcanvas__menu {
        display: none;
    }
    .slicknav_btn {
        display: none;
    }
    .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    .slicknav_nav ul {
        margin: 0;
    }
    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 7px 0;
        margin: 0;
        color: var(--textWhite);
        font-weight: 600;
    }
    .slicknav_nav .slicknav_arrow {
        color: var(--textWhite);
    }
    .slicknav_nav .slicknav_row:hover {
        border-radius: 0;
        background: transparent;
        color: #111111;
    }
    .slicknav_nav a:hover {
        border-radius: 0;
        background: transparent;
        color: var(--textWhite);
    }
    .slicknav_nav {
        display: block !important;
    }
    ul.dropdown li ul.sub-dropdown {
        padding: 0px 25px;
    }
    .offcanvas__option {
        text-align: center;
        margin-bottom: 30px;
    }
    .offcanvas__links {
        display: inline-block;
        margin-right: 25px;
    }
    .offcanvas__links a {
        color: #111111;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-right: 16px;
        display: inline-block;
        font-weight: 600;
    }
    .offcanvas__links a:last-child {
        margin-right: 0;
    }
    .offcanvas__top__hover {
        display: inline-block;
        position: relative;
    }
    .offcanvas__top__hover:hover ul {
        top: 24px;
        opacity: 1;
        visibility: visible;
    }
    .offcanvas__top__hover span {
        color: #111111;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: inline-block;
        cursor: pointer;
        font-weight: 600;
    }
    .offcanvas__top__hover span i {
        font-size: 20px;
        position: relative;
        top: 3px;
        right: 2px;
    }
    .offcanvas__top__hover ul {
        background: #111111;
        display: inline-block;
        padding: 2px 0;
        position: absolute;
        left: 0;
        top: 44px;
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        -webkit-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
    }
    .offcanvas__top__hover ul li {
        list-style: none;
        font-size: 13px;
        color: var(--textWhite);
        padding: 2px 15px;
        cursor: pointer;
    }
    .offcanvas__nav__option {
        text-align: end;
        margin-bottom: 25px;
    }
    .offcanvas__nav__option a {
        display: inline-block;
        margin-right: 26px;
        /* position: relative; */
    }
    .offcanvas__nav__option a i {
        color: var(--textWhite);
        font-size: 16px;
        /* position: absolute;
		left: 5px;
		top: 8px; */
    }
    .offcanvas__nav__option a:last-child {
        margin-right: 0;
    }
    .offcanvas__nav__option .price {
        font-size: 15px;
        color: var(--textWhite);
        font-weight: 700;
        display: inline-block;
        margin-left: -20px;
        position: relative;
        top: 3px;
    }
    .offcanvas__text {
        padding-top: 20px;
    }
    .offcanvas__text p {
        color: var(--whiteTextPara);
        margin-bottom: 0;
        font-weight: 600;
    }
    .header__top {
        display: none !important;
    }
    .header-logo{
        max-width: 100% !important;
    }
    #slideLeft, #slideRight{
        display: block;
    }
    .scrolDetailsImgs {
        width: 100%;
        overflow-x: scroll;
        overflow-y: unset !important;
        flex-wrap: nowrap;
    }
    .header .container {
        position: relative;
    }
    .header__menu {
        display: none;
    }
    .header__nav__option {
        display: none;
    }
    .search-model-form input {
        width: 100%;
        font-size: 24px;
    }
    .hero__slider.owl-carousel .owl-nav button {
        left: 15px;
        top: 80%;
    }
    .hero__slider.owl-carousel .owl-nav button.owl-next {
        left: 75px;
        right: 0;
    }
    .banner__item.banner__item--middle {
        margin-top: 0;
    }
    .banner__item.banner__item--last {
        margin-top: 0;
    }
    .banner__item {
        margin-bottom: 40px;
    }
    .banner {
        padding-bottom: 60px;
    }
    .banner__item__pic {
        float: none;
    }
    .banner__item__pic img {
        min-width: 100%;
    }
    .banner__item__text {
        max-width: 100%;
        position: relative;
        top: 0;
        padding-top: 22px;
    }
    .box-section {
        margin-top: -50px;
    }
    .part_1 {
        padding: 60px 15px;
    }
    .filter__controls li {
        margin-right: 15px;
    }
    .categories__text {
        margin-bottom: 40px;
    }
    .categories__hot__deal {
        margin-bottom: 40px;
    }
    .instagram__text {
        padding-top: 70px;
    }
    .instagram__pic__item {
        width: 50%;
    }
    .shop__product__option__right {
        text-align: left;
        padding-top: 20px;
    }
    .shop__sidebar {
        padding-right: 0;
        margin-bottom: 40px;
    }
    .testimonial__text {
        padding: 100px 40px 100px;
    }
    .product__details__breadcrumb {
        text-align: left;
    }
    .product__details__pic .nav-tabs {
        width: 100%;
        /* margin-bottom: 40px; */
    }
    .product-detailImags .imgSliderheight .responsive-tabs {
        display: flex;
        justify-content: space-between;
    }
    .product__details__pic .nav-tabs .nav-item {
        margin-bottom: 0;
        margin-right: 10px;
    }
    .scrolDetailsImgs{
        flex-wrap: nowrap;
    }
    .product__details__option__size {
        display: block;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .product__details__last__option h5:before {
        width: 440px;
    }
    .product__details__tab .nav-tabs .nav-item {
        margin-bottom: 15px;
    }
    .shopping__cart__table {
        overflow-y: auto;
    }
    .shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
        float: none;
        margin-right: 0;
    }
    .continue__btn {
        text-align: center;
    }
    .continue__btn.update__btn {
        text-align: center;
        margin-top: 20px;
    }
    .cart__discount {
        margin-top: 40px;
    }
    .checkout__order {
        margin-top: 20px;
    }
    .blog__details__share {
        position: relative;
        left: 0;
        margin-bottom: 18px;
    }
    .blog__details__share span {
        margin-bottom: 14px;
        margin-right: 0;
    }
    .blog__details__share ul li {
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 10px;
    }
    .blog__details__share ul li:last-child {
        margin-right: 0;
    }
    .blog__details__author {
        text-align: center;
        margin-bottom: 20px;
    }
    .blog__details__tags {
        text-align: center;
    }
    .contact__text {
        margin-bottom: 40px;
    }
    .hero__social {
        margin-top: 180px;
    }
    .flex-column {
        flex-direction: inherit!important;
        display: flex!important;
    }
	.product-detailImags .imgSliderheight{
		order: 2;
		padding-top: 10px;
	}
    .imgSliderheight {
        height: min-content!important;
    }
    .product__details__pic__item {
        /* position: relative; */
        height: 351px!important;
    }
    .product__details__text {
        /* text-align: center; */
        margin-top: 20px;
    }
    .single-blog .blog-wrapper .blog-wrapper-inner .blog-image-container{height:365px}

}


/* Small Device = 320px */

@media only screen and (max-width: 479px) {
    .cart__total {
        padding: 35px 30px 40px;
    }
    .hero__items {
        height: auto;
        padding-top: 130px;
        padding-bottom: 40px;
    }
    .hero__text h2 {
        font-size: 36px;
        line-height: 48px;
    }
    .hero__social {
        margin-top: 145px;
    }
    .categories__deal__countdown .categories__deal__countdown__timer {
        margin-left: 0;
    }
    .instagram__pic__item {
        width: 100%;
    }
    .testimonial__text {
        padding: 60px 40px 60px;
    }
    /* .product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic {
        width: 100%!important;
    } */
    .product__details__pic .nav-tabs .nav-item {
        margin-bottom: 10px;
        /* width: calc(33.33% - 10px); */
        width: 100px;
    }
    .product__details__last__option h2:before {
        width: 280px;
    }
    .product__details__cart__option .quantity {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .product__details__last__option h2 span {
        font-size: 16px;
    }
    .blog__hero__text h2 {
        font-size: 36px;
    }
    .categories__text h2 {
        font-size: 30px;
        line-height: 55px;
    }
    .categories__text:before {
        height: 250px;
    }
    .blogs-filter{
        flex-direction: column;
    }
}


/* Custom Media Quries Starts From Here */

@media only screen and (max-width: 320px) {
    /* .operator-contact{
		justify-content: center !important;
	} */
    .hivetext {
        font-size: 35px !important;
    }
    .operator-contact h3 {
        font-size: 15px !important;
    }
    .operator-name-profile h2 {
        bottom: 30% !important;
        left: 27% !important;
    }
    .bookmark {
        padding-top: 25px !important;
    }
    .phone-address-text {
        font-size: 12px !important;
        left: 0% !important;
        top: 0% !important;
    }
    .contact-us-image-icon {
        font-size: 30px !important;
    }
    .shop-details {
        margin-top: 5rem !important;
    }
    .prepaid-minutes-bg {
        /* margin-top: 5rem !important; */
    }
    .breadcrumb-option {
        margin-top: 5rem !important;
    }
    .cards-margin {
        margin-top: 5px !important;
        margin-bottom: 10px !important;
    }
    .product__details__tab .nav-tabs .nav-item {
        margin-right: 0px !important;
    }
    .contact-custom-margin {
        margin-top: 30px !important;
    }
    .shopping__cart__table table thead tr th {
        padding-left: 20px !important;
    }
    .product__cart__item {
        padding-left: 20px !important;
    }
    .nav-tabs {
        /* display: flow-root !important; */
        text-align: center !important;
    }
    .product__details__tab .nav-tabs .nav-item {
        margin-right: 0px !important;
    }
    .nav {
        display: contents;
    }
}

@media only screen and (max-width: 425px) and (min-width: 321px) {
    /* .operator-contact{
		justify-content: center !important;
	} */
    .operator-contact h3 {
        font-size: 20px !important;
    }
    .operator-name-profile h2 {
        bottom: 30% !important;
        left: 20% !important;
    }
    .hivetext {
        font-size: 40px !important;
    }
    .bookmark {
        padding-top: 25px !important;
    }
    .phone-address-text {
        font-size: 13px;
        left: 0% !important;
        top: 2% !important;
    }
    .contact-us-image-icon {
        font-size: 35px !important;
    }
    .shop-details {
        margin-top: 5rem !important;
    }
    .prepaid-minutes-bg {
        /* margin-top: 5rem !important; */
    }
    .breadcrumb-option {
        margin-top: 5rem !important;
    }
    .cards-margin {
        margin-top: 5px !important;
        margin-bottom: 10px !important;
    }
    .contact-custom-margin {
        margin-top: 30px !important;
    }
    .shopping__cart__table table thead tr th {
        padding-left: 20px !important;
    }
    .product__cart__item {
        padding-left: 20px !important;
    }
    .nav-tabs {
        /* display: flow-root !important; */
        text-align: center !important;
    }
    .product__details__tab .nav-tabs .nav-item {
        margin-right: 0px !important;
    }
    .nav {
        display: contents;
    }
    .blogs-filter {
        flex-wrap: wrap!important;
        justify-content: center!important;
    }
    .input-group {
        justify-content: center;
    }
    .input-group>.form-select {
        width: 100%;
        /* max-width: max-content; */
    }
}

@media only screen and (max-width: 768px) and (min-width: 426px) {
    ul .dropdown {
        padding: 0px 25px;
    }
    .phone-address-text {
        font-size: 14px;
        left: 0% !important;
        top: 2% !important;
    }
    .contact-us-image-icon {
        font-size: 35px !important;
    }
    .shop-details {
        margin-top: 5rem !important;
    }
    .prepaid-minutes-bg {
        /* margin-top: 10rem !important; */
    }
    .breadcrumb-option {
        margin-top: 5rem !important;
    }
    .blogs-filter {
        flex-wrap: wrap!important;
        justify-content: center!important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .phone-address-text {
        /* font-size: 14px; */
        left: 20% !important;
        top: 2% !important;
    }
    .contact-us-image-icon {
        font-size: 35px !important;
    }
    .breadcrumb-option {
        margin-top: 10rem !important;
    }
    .cards-margin {
        margin-top: 5px !important;
        margin-bottom: 10px !important;
    }
}

/* Custom Media Quries Ends Here */


/* First Time Caller Session Page Css Beagins */

#first-time-caller-banner {
    /* background-image: url("../images/price-flow-banner.jpg"); */
    /* min-height: 45vh; */
    position: relative;
    /* margin-top: 88px; */
}
#carouselExampleFade  .carousel-inner .carousel-item{
    position: relative;
}
#first-time-caller-banner .overlay , #carouselExampleFade .carousel-inner .carousel-item  .overlay , #contact-us-banner .overlay, #podcast-banner .overlay, #products-banner .overlay, #goddess-profile-banner .overlay{
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
}
.contact-us-image , .contactusPage , .customerSatisfactionPage{
    position: relative;
}
.contact-us-image .overlay-contact , .contactusPage .overlay-contact , .customerSatisfactionPage .overlay-contact{
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.parallax,
.parallax * {
    background-attachment: fixed;
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover;
}

.section {
    padding: 100px;
    position: relative;
}


/* .overlay{
	background-image: url(../images/pattern.png);
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	background-color: rgba(5, 5, 5, 0.10);
} */

.hivetext {
    font-size: 50px;
    font-family: 'Roboto';
    font-weight: 800;
}

.banner-text-1 h2 {
    color: var(--yellow);
    /* font-size: 33px; */
    font-weight: 600;
    /* text-shadow: 0px 0px 2px #1b1a1a; */
    padding-top: 20px;
}

.banner-text-2 h2 {
    /* color: #EFA928 */
    /* font-size: 33px; */
    font-weight: 700;
    /* text-shadow: 0px 0px 2px #1b1a1a; */
    padding-top: 20px;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    line-height: 50px;
}

.banner-text-3 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.banner-text-3 h2 {
    color: var(--yellow);
    line-height: 50px;
    font-family: 'Great Vibes', cursive;
    padding-top: 20px;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    line-height: 50px;
}

.grey-banner {
    background-color: #263442;
}

.banner-text-lower p {
    color: var(--whiteTextPara);
}


/* First Time Caller Session Page Css Ends */


/* Choose operator Css Section Strts From Here */

#choose-operator-banner {
    /* background-image: url("../images/banner-2.22.jpg"); */
    min-height: 45vh;
    /* margin-top: 88px; */
}
.choose-operator {
    padding: 4rem 0;
    justify-content: center;
}
.choose-operator .operators-box {
    display: flex;flex-wrap: wrap;justify-content:center;
}
.profile-card {
    width: 100%;
    height: 325px;
    margin: auto;
    box-shadow: 0px 8px 60px -10px rgb(13 28 39 / 60%);
    background: #fff;
    border-radius: 12px;
    /* max-width: 400px; */
    position: relative;
}

.profile-card__img {
    width: 61%;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 4;
    box-shadow: 0px 5px 50px 0px #28a745, 0px 0px 0px 7px #28a745;
    /* max-width: fit-content; */
    height: 220px;
}
.operator-thumbnail-detail-box .operator-thumbnail-detail-nickname {
    overflow: hidden;
    white-space: nowrap;
    line-height: unset;
    text-overflow: ellipsis;
}

/* .profile-card__img img {
    display: block;
	height: 100%;
	max-width: 320px;
	width: auto;
    border-radius: 50%;
} */

.profile-card__img img {
    display: block;
    height: 100%;
    /* max-width: 100%; */
    width: 100%;
    border-radius: 50%;
}


/* ===========================Operators profiles pictures startMedia============================= */


/* 	mediaQuerry	min-width:768px-max-width:1024p */

@media (min-width:768px) and (max-width:1024px) {
    .profile-card__img {
        margin-left: auto;
        margin-right: auto;
        transform: translateY(-50%);
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 4;
        box-shadow: 0px 5px 50px 0px #28a745, 0px 0px 0px 7px #28a745;
        /* max-width: fit-content; */
        height: 195px;
        width: 75%;
    }
}


/* mediaQuerry min-width:1024px-max-width:1199px*/

@media (min-width:1024px) and (max-width:1199px) {
    .profile-card__img {
        margin-left: auto;
        margin-right: auto;
        transform: translateY(-50%);
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 4;
        box-shadow: 0px 5px 50px 0px #28a745, 0px 0px 0px 7px #28a745;
        height: 205px;
        width: 71%;
    }
}


/* =======================Operators profiles pictures endMedia================================= */

.profile-card__cnt {
    margin-top: -60px;
    text-align: center;
    padding: 0 20px;
    padding-bottom: 40px;
    transition: all 0.3s;
}

.profile-card__name {
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin-bottom: 15px;
}

.profile-card__txt {
    font-size: 18px;
    font-weight: 500;
    color: #324e63;
    position: relative;
    /* height: 50px; */
}

.profile-card-loc {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #324e63;
}

.profile-card-loc__icon {
    display: inline-flex;
    font-size: 22px;
    margin-right: 5px;
}

.profile-card-loc__txt {
    font-size: 15px;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.op-card-padding {
    padding-top: 120px;
    margin-bottom: 40px;
}

.five-star-custom span i {
    color: var(--yellow);
    font-size: 25px;
}


/* .overlay-2{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(5, 5, 5, 0.6);
} */

.banner-text-4 h2 {
    color: var(--yellow);
    /* font-size: 33px; */
    font-weight: 600;
    /* text-shadow: 0px 0px 2px #1b1a1a; */
    /* position: absolute;
	top: -50px; */
}

#choose-operator-banner-lower {
    min-height: 400px;
    /* margin-top: 108px; */
    background-image: url("../images/banner-1.jpg");
}

.banner-sub-text {
    color: var(--yellow);
}

.banner-price a {
    color: var(--yellow);
    font-size: 22px;
    font-size: 18px;
    border: 2px solid;
    padding: 2px;
}

.banner-price a:hover {
    color: wheat;
}

.heading-with-bullets {
    background-color: #1c1c1c;
}

.heading-with-bullets-text {
    padding: 30px;
}

.heading-with-bullets-text h2 {
    color: var(--yellow);
    font-family: 'Great Vibes', cursive;
    font-size: 30px;
}

.heading-with-bullets-text ul {
    color: var(--textWhite);
}

.heading-with-bullets-text h2 {
    color: var(--yellow);
    font-family: 'Great Vibes', cursive;
    font-size: 30px;
}

.online-status {
    /* border: 3px solid; */
    /* border-radius: 50%; */
    color: green;
    font-size: 8px !important;
}

.busy-status {
    color: #29bbe3;
    font-size: 8px !important;
}

.offline-status {
    color: red;
    font-size: 8px !important;
}


/* Choose operator Css Section Ends From Here */


/* Advisory & Education Css Begin */

#advisory-and-education-banner {
    background-image: url("../images/banner-3.jpg");
    /* margin-top: 88px; */
    min-height: 45vh;
}

.online {
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 3px;
    font-family: 'Great Vibes', cursive;
    display: inline;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    color: var(--whiteTextH);
}

.offline {
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 3px;
    font-family: 'Great Vibes', cursive;
    display: inline;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    color: var(--whiteTextH);
}

.banner-text-5 h2 {
    line-height: 50px;
    font-weight: 700;
    padding-top: 20px;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
}


/* Advisory & Education Css Ends */

.custom-btn {
    background-color: var(--backgroundYellow);
    border-color: var(--borderColors);
}

.custom-btn a {
    color: #000;
}

.custom-btn:hover {
    background-color: var(--backgroundYellow);
    border-color: var(--borderColors);
    color: #fff;
    /* opacity: 0.9; */
}


/* To makr Navbar stickey */

header .sticky {
    padding: 5px 100px;
    background: #fff;
}

header .sticky ul li a {
    color: #000;
}


/* Sticky navbar ends here */


/* Operator Profile Begin */

#goddess-profile-banner {
    /* background-image: url("../images/operator-profile.jpg"); */
    /* margin-top: 88px; */
    min-height: 45vh;
}

.operator-name-profile h2 {
    font-family: 'Great Vibes', cursive;
    color: var(--yellow);
    /* letter-spacing: 2px; */
    font-size: 40px;
    font-weight: 600;
    position: absolute;
    bottom: 0%;
    font-size: 30px;
}

.operator-contact {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 2%;
    font-size: 30px;
}

.operator-contact h3 {
    color: var(--yellow);
}

.operator-contact button {
    color: #fff;
    margin-left: 20px;
}

.custom-underline {
    text-decoration: underline var(--borderColors);
}

.line {
    color: var(--whiteTextH);
    font-family: 'Great Vibes', cursive;
    font-weight: bold;
    position: relative;
    border-bottom: 2px solid #0f5500;
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 40px;
}

.call-me {
    color: #1c1c1c;
}
.operator-adventure-section .operator-adventure-container{
    max-height: 200px;overflow-y: scroll;
}
/* width */
.operator-adventure-container::-webkit-scrollbar {
width: 10px;
display: none;
}
.operator-adventure-section:hover .operator-adventure-container::-webkit-scrollbar {
width: 5px;
display: block;
}
/* Track */
.operator-adventure-container::-webkit-scrollbar-track {
background: #f1f1f1;
display: none;
}

/* Handle */
.operator-adventure-container::-webkit-scrollbar-thumb {
background: #c9cfd4;
}

/* Handle on hover */
.operator-adventure-container::-webkit-scrollbar-thumb:hover {
background: #dee2e6;
}
.operator-adventure-container .operator-single-adventure  {
    color: #000000;
    display: flex; align-items: center;padding: 5px 0;
}
.operator-single-adventure .operator-single-adventure-desc .adventure-title{
    height: 25px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.operator-single-adventure .operator-single-adventure-desc .adventure-date{
    display: flex;
    gap: 5px;
    font-size: 13px;
    align-items: center;
}
.operator-single-adventure .operator-single-adventure-desc .adventure-date p{
    margin:0;
}
.operator-single-adventure .operator-single-adventure-image {
    height: 67px;
}
.operator-single-adventure .operator-single-adventure-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.operator-single-adventure:hover  .operator-single-adventure-desc{
    color: var(--yellow);
}
.border-link {
    display: inline-block;
    margin: 10px 5px;
}

.border-link a {
    font-size: 18px;
    border: 1px solid #a39c9c;
    padding: 6px 10px;
    color: var(--textWhite);
}

.border-link a:hover {
    color: var(--yellow);
}

.heading-card h3 {
    font-family: 'Great Vibes', cursive;
    /* letter-spacing: 3px; */
    font-weight: 400;
    font-size: 30px;
}

.btn-prepaid {
    text-align: center;
}

.btn-prepaid button {
    padding-left: 50px;
    padding-right: 50px;
    color: var(--textWhite);
}

.btn-prepaid button:hover {
    color: var(--textWhite);
}
a.btn-warning:hover{
    color: var(--textWhite);
}
.right-area-heading h3 {
    text-align: center;
    font-family: 'Great Vibes', cursive;
    /* letter-spacing: 3px; */
    font-size: 30px;
    font-weight: 700;
}

.right-area-heading .lower-heading {
    text-align: center;
    font-weight: 700;
}

.rating-section {
    background-color: var(--backgroundYellow);
    text-align: center;
    padding: 10px;
    color: var(--textWhite);
}

.rating-section h3 {
    font-family: 'Great Vibes', cursive;
    /* letter-spacing: 3px; */
    font-size: 36px;
    color: var(--textWhite);
}

.rating-section i {
    color: #fff;
}

.rating-button {
    background-color: #1c1c1c;
    color: var(--textWhite);
}

.btn:focus {
    box-shadow: 0 !important;
}

.rating-button button:hover {
    color: var(--textWhite);
}

.five-star {
    font-size: 25px;
    padding-bottom: 25px;
    color: var(--textWhite);
}

.carousel-item-2 img {
    height: 50vh;
}


/* Operator gallery slider Starts from here */

.container-slider {
    margin-top: 20px;
    margin-bottom: 50px
}

.carousel-inners img {
    width: 100%;
    height: 50vh
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-indicators>li {
    max-width: 100%
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
    height: 35px;
    width: 35px;
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1;
    height: 35px;
    width: 35px;
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}

.carousel-items img {
    width: 100%;
}


/* Operator gallery slider Ends Here */


/* Operator profile ends */


/* Proucts Page Begin */

#products-banner {
    /* background-image: url("../images/product-banner.jpg"); */
    min-height: 45vh;
    /* margin-top: 88px; */
}

.op-name-products {
    text-align: center;
    font-weight: 400;
    color: var(--yellow);
    background-color: #1c1c1c;
    margin: 0;
    font-size: 11px;
}

.heading-border-bottom h2 {
    text-align: center;
    font-family: 'Great Vibes', cursive;
    /* letter-spacing: 3px; */
    /* font-size: 36px; */
    font-weight: 400;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 40px;
    color: var(--whiteTextH);
}

.cat-list {
    line-height: 30px;
}

.cat-list ul li a {
    color: var(--textWhite);
}


/* Products pagge ends Here */


/* Contact US Page Begins  */

#contact-us-banner {
    /* background-image: url("../images/contact-us-banner.jpg"); */
    /* margin-top: 88px; */
    min-height: 45vh;
}

.contact-text h2 {
    color: var(--whiteTextH);
    font-weight: 400;
    padding-bottom: 50px;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 40px;
    letter-spacing: 3px;
}

.form-section {
    background-color: #000 !important;
}

.is-quarter {
    flex: 0 0 25%;
}

.is-quarter,
.textarea {
    position: relative;
    margin-top: 2rem;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    padding: 0.3rem 0;
    border: none;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
    border-radius: unset;
    background: transparent;
}

textarea {
    width: 35%;
    height: 80px;
    resize: none;
}

div.is-quarter>div>label,
form>div.textarea>label {
    position: absolute;
}

.is-quarter label {
    left: 15px;
    top: 0;
    transition: 0.2s ease-out;
    font-size: 1em;
}

.is-quarter label.radio {
    position: relative !important;
}

label.active {
    color: var(--yellow);
    transform: translateY(-120%);
    font-size: 0.85em;
}

input:focus,
textarea:focus {
    outline: none;
}

.custom-textarea textarea {
    border: none;
    border-radius: unset;
    border-bottom: 1px solid #fff;
    background: transparent;
}

.label-color {
    color: var(--textWhite);
}

.form-bg {
    background-color: #000;
}

.contact-us-image img {
    border-radius: 5px;
}

.contact-us-image-icon {
    /* position: absolute;
    top: 3%;
    left: 47%; */
    font-size: 35px;
}

.mobile-icon {
    color: #efa928;
}

.phone-address-text {
    text-align: center;
    /* left: 28%; */
    /* position: absolute; */
    top: 3%;
    font-size: 15px;
    color: var(--textWhite);
}


/* .overlay-contact{
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #11111185;
} */

.billing-question-link a {
    text-decoration: underline;
    color: var(--textWhite);
}


/* Contact Us Page Ends */


/* Pricing Flow Page Begins */

.pricing-text {
    text-align: center;
}

.pricing-text h2 {
    font-weight: 700;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    line-height: 50px;
}

.pricing-flow-text-box h2 {
    line-height: 50px;
    font-weight: 700;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    /* letter-spacing: 2px; */
}

.box-bg {
    background-color: #f4f4f4;
    padding: 1.5rem;
}


/* Pricing Flow Page Ends */


/* Product Detail Page Strts  */


/*---------------------
  Shop
-----------------------*/

.shop-details {
    /* margin-top: 8rem; */
}

.product-detail-heading h2 {
    color: var(--whiteTextH);
    font-weight: 700;
    padding-bottom: 50px;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 40px;
}

.padding-heading {
    /* padding-bottom: 1rem; */
}

                /* shop slider  */
/* .slider-container {
    padding: 30px 0;
} */

.product__details__pic .custom-slider-container{
    margin: 40px 0;
}
.product__details__pic .custom-slider-container .slider {
    width: 100%;
    max-width: 685px;
    height: 350px;
    position: relative;
    overflow: hidden;  /* <===  */
    border-radius: 15px;
    margin: auto    ;
    /* padding: 30px 0; */
  }

  .custom-slider-container .slider .slide {
    width: 100%;
    max-width: 800px;
    height: 350px;
    position: absolute;
    transition: all 0.5s;
  }

  .custom-slider-container .slider .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .custom-slider-container .slider .btn {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 10px;
    border: none;
    border-radius: 50%;
    z-index: 10px;
    cursor: pointer;
    /* background-color: #fff; */
    color: white;
    font-weight: bolder;
    text-shadow: 0 0 10px black;
    font-size: 18px;
  }

  .custom-slider-container .slider .btn:active {
    transform: scale(1.1);
  }

  .custom-slider-container .slider .btn-prev {
    top: 45%;
    left: 2%;
  }

  .custom-slider-container .slider .btn-next {
    top: 45%;
    right: 2%;
  }

.product-detailImags {
	justify-content: center;
}
.product__details__pic {
    text-align: center;
    /* background: #f3f2ee; */
    padding: 40px 0 60px;
    margin-bottom: 100px;
}

.product__details__pic .nav-tabs {
    border-bottom: none;
    /* width: 105px; */

}

.product__details__pic .nav-tabs .nav-item {
    margin: 3px;
}

.product__details__pic .nav-tabs .nav-item:last-child {
    margin-bottom: 0;
}

.product__details__pic .nav-tabs .nav-item .nav-link {
    padding: 0;
    display: block;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic {
    height: 75px;
    width: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic i {
    height: 56px;
    width: 56px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    font-size: 20px;
    color: var(--textWhite);
    line-height: 48px;
    display: inline-block;
    text-align: center;
}

.product__details__pic .nav-tabs .nav-item.show .nav-link,
.product__details__pic .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
}

.imgSliderheight {
    height: 410px;
    /* max-height: 370px;
    height: max-content; */
}

.scrolDetailsImgs {
    overflow-y: auto;
    scroll-behavior: smooth;
}

.scrolDetailsImgs::-webkit-scrollbar {
    display: none;
}


/* .scrolDetailsImgs::-webkit-scrollbar:hover {
	display: block!important;
	background: black!important;
	width: 5px!important;
  } */


/* width */


/* .scrolDetailsImgs::-webkit-scrollbar {
	width: 10px;
  } */


/* Track */


/* .scrolDetailsImgs::-webkit-scrollbar-track {
	background: #f1f1f1;
  } */


/* Handle */


/* .scrolDetailsImgs::-webkit-scrollbar-thumb {
	background: #888;
  } */


/* Handle on hover */


/* ::-webkit-scrollbar-thumb:hover {

  } */


/* Hide scrollbar for IE, Edge and Firefox */

.scrolDetailsImgs {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


/* Search Page Design */

.fadeInUp {
    animation: fadeInUp 1s ease backwards;
}

@keyframes fadeInUp {
    0% {
        transform: translate(0px, 100px);
        opacity: 0;
    }
    100% {
        transform: translate(0px, 0);
        opacity: 1;
    }
}


/*  */


/* product Detail show more  START*/

.slider_desc {
    margin: 16px;
    margin-top: 0px;
    color: var(--whiteTextPara);
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    max-height: 300px;
}

#slider_desc_toogler {
    margin-bottom: 30px;
    margin-top: 20px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#slider_desc_toogler i {
    padding: 0 5px;
    position: absolute;
    text-align: center;
    color: var(--yellow);
    font-size: 20px;
    font-family: fontawesome;
    left: calc(40% - 10px);
    margin-top: -13px;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
}

#slider_desc_toogler i span {
    color: var(--textWhite)!important;
}

.slider_desc::-webkit-scrollbar {
    display: none;
}

.slider_desc::-webkit-scrollbar-thumb:hover {
    display: block;
    width: 5px!important;
}

.slider_desc::-webkit-scrollbar-thumb {
    background: #888;
    display: block;
}

.fa-arrow-circle-down:before {
    padding-right: 5px;
    /* content: "read more"; */
}

.fa-arrow-circle-up:before {
    padding-right: 5px;
    content: "read less";
}


/*====================== product Detail show more  END============================== */

.product__details__breadcrumb {
    margin-bottom: 30px;
}

.product__details__breadcrumb a {
    font-size: 15px;
    color: #111111;
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.product__details__breadcrumb a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    font-family: "FontAwesome";
}

.product__details__breadcrumb span {
    font-size: 15px;
    color: #b7b7b7;
    display: inline-block;
}

.product__details__pic__item {
    position: relative;
    height: 435px;
}

.product__details__pic__item_img {
    /* max-height: 100%;
    height: auto;
    max-width: 100%; */
    /* cccccccccc */
    max-height: 100%;
    height: 100%;
    width: 100%;
}

.product__details__pic__item a {
    height: 56px;
    width: 56px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    font-size: 20px;
    color: var(--textWhite);
    line-height: 48px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -28px;
    margin-left: -28px;
}

.product__details__text {
    text-align: center;
}
.product__details__text .productOwnerDetail {
    color: var(--yellow);
    font-size: 2rem;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
}
.product__details__text h2 {
    /* color: #111111; */
    color: var(--whiteTextH);
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 1.5rem;
}

.product__details__text .rating {
    margin-bottom: 20px;
}

.product__details__text .rating i {
    font-size: 15px;
    color: var(--yellow);
    display: inline-block;
    margin-right: -5px;
}

.product__details__text .rating span {
    display: inline-block;
    color: #3d3d3d;
    margin-left: 5px;
}

.product__details__text .product_Price {
    color: var(--whiteTextH);
    /* color: #0d0d0d; */
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 1.75rem;
}

.product__details__text h3 span {
    color: #b7b7b7;
    font-size: 20px;
    font-weight: 400;
    margin-left: 10px;
    text-decoration: line-through;
}

.product__details__text p {
    margin-bottom: 35px;
}

.product__details__option {
    margin-bottom: 30px;
}

.product__details__option__size {
    display: inline-block;
    margin-right: 50px;
}

.product__details__option__size span {
    color: #111111;
    display: inline-block;
    margin-right: 10px;
}

.product__details__option__size label {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 6px 15px;
    margin-bottom: 0;
    margin-right: 5px;
    cursor: pointer;
}

.product__details__option__size label.active {
    background: #111111;
    color: var(--textWhite);
    border-color: #111111;
}

.product__details__option__size label input {
    position: absolute;
    visibility: hidden;
}

.product__details__option__color {
    display: inline-block;
    position: relative;
    top: 10px;
}

.product__details__option__color span {
    color: #111111;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -9px;
}

.product__details__option__color label {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
}

.product__details__option__color label.c-1 {
    background: #0b090c;
}

.product__details__option__color label.c-2 {
    background: #20315f;
}

.product__details__option__color label.c-3 {
    background: var(--backgroundYellow);
}

.product__details__option__color label.c-4 {
    background: #ed1c24;
}

.product__details__option__color label.c-9 {
    background: #ffffff;
}

.product__details__option__color label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 36px;
    width: 36px;
    border: 1px solid #e5e5e5;
    content: "";
    border-radius: 50%;
}

.product__details__option__color label input {
    position: absolute;
    visibility: hidden;
}

.product__details__cart__option {
    margin-bottom: 25px;
    margin-top: 55px;
}

.product__details__cart__option .quantity {
    display: inline-block;
    margin-right: 20px;
}

.product__details__cart__option .quantity .pro-qty {
    width: auto;
    height: 40px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.product__details__cart__option .quantity .pro-qty input {
    color: var(--textWhite);
    font-size: 15px;
    font-weight: 700;
    width: 70px;
    height: 100%;
    text-align: center;
    border: none;
}

.product__details__cart__option .quantity .pro-qty .qtybtn {
    font-size: 18px;
    color: var(--textWhite);
    position: absolute;
    right: 15px;
    top: 3px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    font-weight: 600;
}

.product__details__cart__option .quantity .pro-qty .qtybtn.inc {
    top: 16px;
}

.product__details__btns__option {
    margin-bottom: 40px;
}

.product__details__btns__option a {
    display: inline-block;
    font-size: 13px;
    color: #3d3d3d;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 20px;
}

.product__details__btns__option a:last-child {
    margin-right: 0;
}

.product__details__last__option h2 {
    color: #111111;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    margin-bottom: 26px;
}

.product__details__last__option h2 span {
    background: #ffffff;
    padding: 0 30px;
}

.product__details__last__option h2:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    height: 1px;
    width: 460px;
    background: #e5e5e5;
    content: "";
    z-index: -1;
    margin: 0 auto;
    max-width: 100%;
}

.product__details__last__option ul {
    padding-top: 40px;
}

.product__details__last__option ul li {
    list-style: none;
    font-size: 15px;
    color: #111111;
    font-weight: 700;
    line-height: 30px;
}

.product__details__last__option ul li span {
    font-weight: 400;
    color: #b7b7b7;
}

.product__details__tab {
    padding-top: 60px;
}

.product__details__tab .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__details__tab .nav-tabs .nav-item {
    margin-right: 50px;
}

.product__details__tab .nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.product__details__tab .nav-tabs .nav-item .nav-link {
    font-size: 20px;
    color: #b7b7b7;
    padding: 0;
    border: none;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
}

.product__details__tab .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid var(--borderColors);
}

.product__details__tab__content {
    padding-top: 35px;
}

.note {
    color: #111111;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 25px;
}

.product__details__tab__content__item {
    margin-bottom: 30px;
}

.product__details__tab__content__item:last-child {
    margin-bottom: 0;
}

.product__details__tab__content__item h5 {
    color: #111111;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.product__details__tab__content__item p {
    margin-bottom: 0;
}


/*---------------------
  Related
-----------------------*/

.related {
    padding-bottom: 55px;
}

.related-title {
    color: #111111;
    font-weight: 700;
    margin-bottom: 45px;
    text-align: center;
}


/* Product Detail Page Ends  */


/* Prepaid Minutes Page Begain */

.site-btn-2 {
    font-size: 14px;
    background: var(--backgroundYellow);
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 11px 25px;
    color: var(--textWhite);
}

.site-btn-2 i {
    font-size: 18px;
    color: var(--textWhite);
}

.site-btn-2 a {
    color: var(--textWhite) !important;
}

.minute-categories {
    color: #78C6E6;
}
.minute-categories h2{
    font-size: 1.5rem;
}

.minute-categories p {
    font-size: 16px;
}

.red-icon {
    color: red;
}

#prepaid-minutes-bg {
    background-image: url("../images/price-flow-banner.jpg");
    min-height: 45vh;
}

#prepaid-minutes-bg .row {
    color: var(--textWhite);
    justify-content: flex-end;
}
#prepaid-minutes-form .prepaidMinutesForm .select2-container{
    width: 100%!important;
    min-width: 210px;
    /* max-width: 500px; */
}
.prepaidMinutesForm #product_price {
    font-size: 1.25rem;
}
.opacity-custom {
    background: rgba(0, 0, 0, 0.5);
    padding: 40px;
}


/* .overlay-custom{
	background-image: url(../images/pattern.png);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(5, 5, 5, .60);
} */


/* Prepaid Minutes Page Ends */


/* Pocasts Page Begain */

#podcast-banner {
    /* background-image: url("../images/hero_bg_1.jpg"); */
    /* margin-top: 88px; */
    min-height: 45vh;
}

.podcast-tittle h2 {
    font-size: 30px;
    letter-spacing: 0px !important;
    line-height: inherit;
    /* font-family: none; */
}

.podcast-tittle a {
    color: black;
    transition: all 0.5s;
}

.podcast-tittle a:hover {
    color: var(--yellow);
}

.podcast-link {
    color: black;
    text-decoration: none;
}

.podcast-link:hover {
    color: var(--yellow);
    text-decoration: underline;
}
.operators-filter {
    margin-bottom: 10px;
}
.operators-filter , .special-collection-filter {
    position: relative;
}
.operators-filter .input-group  {
    justify-content: end;
    padding: 15px;
}
.special-collection-filter {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
}
.special-collection-filter  .input-group {
    width: fit-content;
}
.blogs-filter  {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    gap: 10px;
}
/* .special-collection-filter{
    float: right;
} */
 .special-collection-filter .input-group{
    position: relative;

}
.blogs-filter .input-group {
    position: relative;
    flex-wrap: unset;
}
.blogs-filter .action-container{display: flex;gap:10px;align-items: center;}
.blogs-filter .action-container .view-action-container{display: flex;  background-color: #fff;border-radius: 0.25rem;}
.blogs-filter .action-container .view-action-container input[type="radio"]{display: none;}
/* .blogs-filter .action-container .view-action-container label{margin-bottom: 0;padding: 6px;} */
.blogs-filter .action-container .view-action-container input:checked + label{box-shadow: 0 0 10px;}
.blogs-filter .action-container .view-action-container input:checked + label i{color: var(--yellow);}
.blogs-filter .action-container .view-action-container :is(.aciton-list,.aciton-grid) label{ cursor: pointer;margin-bottom: 0;padding: 6px;}
.blogs-filter .action-container .view-action-container .active{box-shadow: 0 0 10px;}
.blogs-filter .action-container .view-action-container .active i{color: var(--yellow);}
.blogs-filter .action-container .view-action-container :is(.aciton-list,.aciton-grid) i{   vertical-align: middle;   height: fit-content;  font-size: 24px;}
.operators-filter .input-group{
    justify-content: center;
}
.operators-filter .input-group input[type="search"] {
    max-width: 50%;
    background-color: transparent;
    border-color: var(--borderColors);
    color: white;

}
.operators-filter .input-group input[type="search"]:focus{
    box-shadow: unset;
}
.blogs-filter .input-group input[type="search"] {
    max-width: 100%;
    background-color: transparent;
    border-color: var(--borderColors);
    color: var(--textWhite);
}
.blogs-filter .input-group input[type="search"]:focus{
    box-shadow: unset;
}
.special-collection-filter .input-group input[type="search"] {
    max-width: 100%;
    background-color: transparent;
    border-color: var(--borderColors);
    color: var(--textWhite);
}
.special-collection-filter .input-group input[type="search"]:focus{
    box-shadow: unset;
}

  .operators-filter .input-group input[type="search"]::-webkit-search-cancel-button , .blogs-filter .input-group input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(../../assets/icons/times.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0;
    /* pointer-events: none; */
    background-color: white!important;
    color: var(--textWhite);
    cursor: pointer;
  }

  .operators-filter .input-group input[type="search"]:focus::-webkit-search-cancel-button ,.blogs-filter .input-group input[type="search"]::-webkit-search-cancel-button {
    opacity: 1;
    /* pointer-events: all; */
  }
  .special-collection-filter .input-group input[type="search"]::-webkit-search-cancel-button , .blogs-filter .input-group input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(../../assets/icons/times.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0;
    /* pointer-events: none; */
    background-color: white!important;
    color: var(--textWhite);
    cursor: pointer;
  }

  .special-collection-filter .input-group input[type="search"]:focus::-webkit-search-cancel-button ,.blogs-filter .input-group input[type="search"]::-webkit-search-cancel-button {
    opacity: 1;
    /* pointer-events: all; */
  }


/* .blogs-filter input[type="text"]:focus+i{
    display: block;
} */
.blogs-filter  .input-group i.fa.fa-times  {
    display: none;
    font-size: 15px;
    position: absolute;
    left: 72%;
    top: 29%;
    cursor: pointer;
    z-index: 3;
}
 .special-collection-filter  .input-group i.fa.fa-times {
    display: none;
    font-size: 15px;
    position: absolute;
    left: 72%;
    top: 17%;
    cursor: pointer;
    z-index: 3;
    transform: translate(10%, 31%);
}
.blogs-filter button , .operators-filter button , .special-collection-filter button {
    background-color: transparent;
    color: var(--textWhite);
    transition: all 0.5s;
    border: 1px solid var(--borderColors);
}
/* .blogs-filter button , .operators-filter button  button i.fa.fa-search{
    position: relative !important;
    display: block!important;
    font-size: 15px!important;
} */
/* .special-collection-filter button i.fa.fa-search{
    position: relative !important;
    display: block!important;
    font-size: 15px!important;
} */
.special-collection-filter button {
    height: max-content;
}
.blogs-filter button:hover , .operators-filter button:hover , .special-collection-filter button:hover{
    background-color: var(--backgroundYellow);
    color: var(--textWhite);
    border: 1px solid var(--borderColors);
}

.main-padding {
    padding: 35px 0px;
    color: var(--textWhite);
}

.play a {
    color: #111111;
}

.play a:hover {
    color: #FF0000;
}

.postcard__tagbox {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0;
    /* justify-content: center; */
}

.postcard__tagbox .badge-warning {
    color: #212529;
    background-color: var(--backgroundYellow);
    margin: 5px;

}

.postcard__tagbox .tag__item {
    display: inline-block;
    background: rgba(83, 83, 83, 0.4);
    border-radius: 3px;
    padding: 2.5px 10px;
    margin: 0 5px 5px 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
    background-color: var(--backgroundYellow);
    color: var(--textWhite);
}

.tag_item_back {
    background-color: var(--backgroundYellow);
}

.site-block-27 ul li {
    display: inline-block;
    margin-bottom: 4px;
}

.site-block-27 ul li {
    padding: 0;
    margin: 0;
}

.site-block-27 ul li a,
.site-block-27 ul li span {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #000;
}

.site-block-27 ul li {
    display: inline-block;
    margin-bottom: 4px;
    color: rebeccapurple
}

.site-block-27 ul li.active a,
.site-block-27 ul li.active span {
    background: var(--backgroundYellow);
    color: var(--textWhite);
    border: 1px solid transparent;
}

.site-section {
    padding: 2.5em 0;
}

@media (min-width: 768px) {
    .site-section {
        padding: 1em 0;
    }
}

.site-section.site-section-sm {
    padding: 4em 0;
}

.site-section-heading {
    font-size: 30px;
    color: #25262a;
    position: relative;
}

.site-section-heading:before {
    content: "";
    left: 0%;
    top: 0;
    position: absolute;
    width: 40px;
    height: 2px;
    background: #f23a2e;
}

.team-member-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.team-member img {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 300px;
    border-radius: 30px;
}

.team-member:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    z-index: 2;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.site-section-heading.text-center:before {
    content: "";
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 40px;
    height: 2px;
    background: #f23a2e;
}

.team-member .text {
    top: 50%;
    text-align: center;
    position: absolute;
    padding: 20px;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    opacity: 0;
    visibility: hidden;
    color: var(--textWhite);
}

.team-member:hover:before,
.team-member:focus:before,
.team-member:active:before {
    opacity: 0.5;
    visibility: visible;
}

.team-member:hover img,
.team-member:focus img,
.team-member:active img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.team-member:hover .text,
.team-member:focus .text,
.team-member:active .text {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1;
    visibility: visible;
    z-index: 4;
}

.team-member {
    position: relative;
    float: left;
    overflow: hidden;
}

.postcard .postcard__tagbox .play:hover {
    background: #1a1b1a;
}

.podcast-box-bg {
    background: #f4f4f4;
    padding: 30px;
    border-radius: 15px;
}

.search-box-bg {
    background: #f4f4f4;
    padding: 5px;
}

.main-padding h2, .custom-title {
    font-weight: 400;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 40px;
}

.behind-heading h2 {
    color: var(--whiteTextH);
    font-weight: 700;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 30px;
}

.podcast-video {
    height: 100%;
    background-color: #eeebeb;
    border-radius: 8px;
}

.podcast-video iframe {
    border-radius: 20px
}


/* Pocasts Page Starts */


/* Invoice Page Begins */

.invoice-section {
    padding-top: 9rem;
    padding-bottom: 2rem;
}

.panel {
    position: relative;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel.fullscreen .accordion .panel-body,
.panel.fullscreen .panel-group .panel-body {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

.panel.fullscreen .panel-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.panel>.panel-heading {
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel>.panel-heading small {
    text-transform: none;
}

.panel>.panel-heading strong {
    font-family: Arial, Helvetica, Sans-Serif;
}

.panel>.panel-heading .buttons {
    display: inline-block;
    margin-top: -3px;
    margin-right: -8px;
}

.panel-default>.panel-heading {
    padding: 15px 15px;
    background: #fff;
}

.panel-default>.panel-heading small {
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 300;
}

.panel-clean {
    border: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-clean>.panel-heading {
    padding: 11px 15px;
    background: #fff !important;
    color: #000;
    border-bottom: #eee 1px solid;
}

.panel>.panel-heading .btn {
    margin-bottom: 0 !important;
}

.panel>.panel-heading .progress {
    background-color: #ddd;
}

.panel>.panel-heading .pagination {
    margin: -5px;
}

.panel-default {
    border: 0;
}

.panel-light {
    border: rgba(0, 0, 0, 0.1) 1px solid;
}

.panel-light>.panel-heading {
    padding: 11px 15px;
    background: transaprent;
    border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
}

.panel-heading a.opt>.fa {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 2px;
    padding: 5px;
    position: relative;
    text-align: right;
    top: -1px;
}

.panel-heading>label>.form-control {
    display: inline-block;
    margin-top: -8px;
    margin-right: 0;
    height: 30px;
    padding: 0 15px;
}

.panel-heading ul.options>li>a {
    color: #999;
}

.panel-heading ul.options>li>a:hover {
    color: #333;
}

.panel-title a {
    text-decoration: none;
    display: block;
    color: #333;
}

.panel-body {
    background-color: #fff;
    padding: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-body.panel-row {
    padding: 8px;
}

.panel-footer {
    font-size: 12px;
    border-top: rgba(0, 0, 0, 0.02) 1px solid;
    background-color: rgba(0255, 255, 255, 1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-custom {
    background-color: #6a5db6;
    color: var(--textWhite);
}

.invoice-header {
    background-color: #2B3A4A;
    padding-top: 10px;
}

.invoice-header h6 {
    color: var(--whiteTextH);
    margin-left: 28px;
}

.address-custom {
    color: var(--textWhite);
    /* font-family: ; */
}

.invoice-heading h3 {
    font-weight: 700;
    padding-top: 20px;
    /*padding-bottom: 20px;*/
    color: #2B3A4A;
    font-size: 30px;
}

.custom-bg {
    background-color: #2B3A4A
}

.custom-bg th {
    color: var(--textWhite);
}

.custom-pd {
    padding-top: 20px;
    padding-bottom: 20px;
}

.logo {
    padding: 10px 5px 5px;
}

.logo img {
    height: 70px;
}

.invoice-container {
    border: 2px solid #2B3A4A;
    padding: 0;
}


/* Invoice Page Ends */


/* Jobs Page Begain */

#jobs-banner {
    /* background-image: url("../images/jobs-banner.jpg"); */
    min-height: 45vh;
    /* margin-top: 88px; */
}

.secondary-heading.out {
    font-weight: 400;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    line-height: 80px;
    font-size: 40px;
}

.secondary-heading small {
    font-size: 16px;
    color: #151515;
}

.secondary-heading small {
    font-size: 25px;
    font-weight: 900;
    display: block;
    /* color: #FF6600; */
}

.heading-para {
    font-size: 15px;
    color: #151515;
    line-height: 25px;
    text-align: center;
    padding: 0 50px;
}

.job-list li h4 {
    font-size: 20px;
    margin: 0px;
    text-align: left;
    font-weight: normal;
    color: #151515;
}

.job-list li h5 {
    font-size: 17px;
    margin-top: 6px;
    color: #999;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: left;
}

.job-list li .location-name {
    display: block;
    color: #999;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
}

.job-list li .label {
    margin-top: 6px;
    margin-left: 4px;
    border-radius: 5px;
    padding: 2px 5px 4px 5px;
}

.label-dark {
    background-color: #111111;
    color: var(--textWhite);
}

.label-success {
    background-color: var(--backgroundYellow);
    color: var(--textWhite);
}

.label-danger {
    background-color: #DC3545;
    color: var(--textWhite);
}

.job-list li {
    padding: 20px;
    border: 1px solid transparent;
    border-bottom-color: #eee;
    border-left-width: 3px;
    transition: all 0.3s ease 0s;
}

.job-list li:hover {
    border: 1px solid var(--borderColors);
    border-left-width: 3px;
}

.open-job {
    color: green;
    font-size: 12px;
}

.close-job {
    color: red;
    font-size: 12px;
}

.job-status span i {
    font-size: 10px;
}

.job-status-text {
    /* font-size: 20px; */
    margin: 0px;
    text-align: left;
    font-weight: 600;
    color: #151515;
}


/* Jobs Page Ends */

.product_owner_name {
    color: var(--yellow) !important;
    font-weight: 30px;
}


/* Load-More CSS on Whole Website START */

#load-more.btn-primary {
    background-color: transparent !important;
    border: 1px solid var(--borderColors) !important;
    border-radius: 0px !important;
    transition: all 0.7s;
}

#load-more.btn-primary:hover {
    background-color: var(--backgroundYellow) !important;
    border: 1px solid var(--borderColors) !important;
    border-radius: 0px !important;
}

/* .load-more-operators.btn-primary {
    background-color: transparent !important;
    border: 1px solid #EFA928 !important;
    border-radius: 0px !important;
    transition: all 0.7s;
}

.load-more-operators.btn-primary:hover {
    background-color: #EFA928 !important;
    border: 1px solid #EFA928 !important;
    border-radius: 0px !important;
} */
.load-more.btn-primary {
    background-color: transparent !important;
    border: 1px solid var(--borderColors) !important;
    border-radius: 0px !important;
    transition: all 0.7s;
}

.load-more.btn-primary:hover {
    background-color: var(--backgroundYellow) !important;
    border: 1px solid var(--borderColors) !important;
    border-radius: 0px !important;
}


/* Load-More CSS on Whole Website End */


/* .notifyjs-corner {top: 110px!important;
		right: 10px!important;} */

.behind-heading h2 {
    color: var(--whiteTextH);
    font-weight: 700;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--borderColors);
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 30px;
}

.podcast-video {
    height: 100%;
    background-color: #eeebeb;
    border-radius: 8px;
}

.podcast-video iframe {
    border-radius: 20px
}


/* Pocasts Page Starts */


/* Invoice Page Begins */

.invoice-section {
    padding-top: 9rem;
    padding-bottom: 2rem;
}

.panel {
    position: relative;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel.fullscreen .accordion .panel-body,
.panel.fullscreen .panel-group .panel-body {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

.panel.fullscreen .panel-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.panel>.panel-heading {
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel>.panel-heading small {
    text-transform: none;
}

.panel>.panel-heading strong {
    font-family: Arial, Helvetica, Sans-Serif;
}

.panel>.panel-heading .buttons {
    display: inline-block;
    margin-top: -3px;
    margin-right: -8px;
}

.panel-default>.panel-heading {
    padding: 15px 15px;
    background: #fff;
}

.panel-default>.panel-heading small {
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 300;
}

.panel-clean {
    border: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-clean>.panel-heading {
    padding: 11px 15px;
    background: #fff !important;
    color: #000;
    border-bottom: #eee 1px solid;
}

.panel>.panel-heading .btn {
    margin-bottom: 0 !important;
}

.panel>.panel-heading .progress {
    background-color: #ddd;
}

.panel>.panel-heading .pagination {
    margin: -5px;
}

.panel-default {
    border: 0;
}

.panel-light {
    border: rgba(0, 0, 0, 0.1) 1px solid;
}

.panel-light>.panel-heading {
    padding: 11px 15px;
    background: transaprent;
    border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
}

.panel-heading a.opt>.fa {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 2px;
    padding: 5px;
    position: relative;
    text-align: right;
    top: -1px;
}

.panel-heading>label>.form-control {
    display: inline-block;
    margin-top: -8px;
    margin-right: 0;
    height: 30px;
    padding: 0 15px;
}

.panel-heading ul.options>li>a {
    color: #999;
}

.panel-heading ul.options>li>a:hover {
    color: #333;
}

.panel-title a {
    text-decoration: none;
    display: block;
    color: #333;
}

.panel-body {
    background-color: #fff;
    padding: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-body.panel-row {
    padding: 8px;
}

.panel-footer {
    font-size: 12px;
    border-top: rgba(0, 0, 0, 0.02) 1px solid;
    background-color: rgba(0255, 255, 255, 1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-custom {
    background-color: #6a5db6;
    color: var(--textWhite);
}

.invoice-header {
    background-color: #2B3A4A;
    padding-top: 10px;
}

.invoice-header h6 {
    color: var(--whiteTextH);
    margin-left: 28px;
}

.address-custom {
    color: var(--textWhite);
    /* font-family: ; */
}

.invoice-heading h3 {
    font-weight: 700;
    padding-top: 20px;
    /*padding-bottom: 20px;*/
    color: #2B3A4A;
    font-size: 30px;
}

.custom-bg {
    background-color: #2B3A4A
}

.custom-bg th {
    color: var(--textWhite);
}

.custom-pd {
    padding-top: 20px;
    padding-bottom: 20px;
}

.logo {
    padding: 10px 5px 5px;
}

.logo img {
    height: 70px;
}

.invoice-container {
    border: 2px solid #2B3A4A;
    padding: 0;
}


/* Invoice Page Ends */


/* Jobs Page Begain */

#jobs-banner {
    /* background-image: url("../images/jobs-banner.jpg"); */
    min-height: 45vh;
    /* margin-top: 88px; */
}

.secondary-heading.out {
    font-weight: 400;
    font-family: 'Great Vibes', cursive;
    position: relative;
    border-bottom: 2px solid var(--yellow);
    display: inline;
    padding: 0;
    line-height: 80px;
    font-size: 40px;
}

.secondary-heading small {
    font-size: 16px;
    color: #151515;
}

.secondary-heading small {
    font-size: 25px;
    font-weight: 900;
    display: block;
    /* color: #FF6600; */
}

.heading-para {
    font-size: 15px;
    color: #151515;
    line-height: 25px;
    text-align: center;
    padding: 0 50px;
}

.job-list li h4 {
    font-size: 20px;
    margin: 0px;
    text-align: left;
    font-weight: normal;
    color: #151515;
}

.job-list li h5 {
    font-size: 17px;
    margin-top: 6px;
    color: #999;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: left;
}

.job-list li .location-name {
    display: block;
    color: #999;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
}

.job-list li .label {
    margin-top: 6px;
    margin-left: 4px;
    border-radius: 5px;
    padding: 2px 5px 4px 5px;
}

.label-dark {
    background-color: #111111;
    color: var(--textWhite);
}

.label-success {
    background-color: var(--backgroundYellow);
    color: var(--textWhite);
}

.label-danger {
    background-color: #DC3545;
    color: var(--textWhite);
}

.job-list li {
    padding: 20px;
    border: 1px solid transparent;
    border-bottom-color: #eee;
    border-left-width: 3px;
    transition: all 0.3s ease 0s;
}

.job-list li:hover {
    border: 1px solid var(--borderColors);
    border-left-width: 3px;
}

.open-job {
    color: green;
    font-size: 12px;
}

.close-job {
    color: red;
    font-size: 12px;
}

.job-status span i {
    font-size: 10px;
}

.job-status-text {
    /* font-size: 20px; */
    margin: 0px;
    text-align: left;
    font-weight: 600;
    color: #151515;
}


/* Jobs Page Ends */

.product_owner_name {
    color: var(--yellow) !important;
    /* font-weight: 30px; */
}


/* Load-More CSS on Whole Website START */

#load-more.btn-primary {
    background-color: transparent !important;
    border: 1px solid var(--borderColors) !important;
    border-radius: 0px !important;
    transition: all 0.7s;
}

#load-more.btn-primary:hover {
    background-color: var(--backgroundYellow) !important;
    border: 1px solid var(--borderColors) !important;
    border-radius: 0px !important;
}


/* Load-More CSS on Whole Website End */

/* Notifyjs  Start*/
.notifyjs-bootstrap-base span {
    white-space: break-spaces;
}

.contact-us-image, .phone-address-text{ height: 100%; } .phone-address-text{ display: grid; }

.notifyjs-corner .notifyjs-container{top: 100px!important; right: 5px!important;}
.promotion-widget-custom { padding: 50px 0; }
.promotion-widget-custom:last-of-type { padding-bottom: 100px; }
.promotion-widget-custom .promotion-widget-custom-container { display: flex; width: 100%; justify-content: center; position: relative; }
.promotion-widget-custom.left .promotion-widget-custom-container { left: 30px; }
.promotion-widget-custom.right .promotion-widget-custom-container { left: -30px; }
.promotion-widget-custom .promotional-image-container, .promotion-widget-custom .promotion-content-container { width: 50%; }
.promotion-widget-custom .promotional-image-container img { width: 100%; height: 100%; object-fit: cover; }
.promotion-widget-custom .promotion-content-container { background-color: #fff; border: 1px solid var(--borderColors); text-align: center; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; position: relative; }
.promotion-widget-custom.left .promotion-content-container { left: -60px; top: 30px; }
.promotion-widget-custom.right .promotion-content-container { right: -60px; top: 30px; }
.promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .promotion-title .brand-games-title { font-family: "Great Vibes"; font-size: 2.2em }
.promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .title-header { text-transform: capitalize; letter-spacing: 0 }
.promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .price-telling-container, .promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .requirement { font-style: italic }
.promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .price-telling-container, .promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .requirement, .promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .time-seprator, .promotion-widget-custom .promotion-widget-custom-container .promotion-content-container .title-header { color: var(--yellow) }
.promotion-navigator p { margin-bottom: 0 }
.promotion-widget-custom.left .promotional-image-container, .promotion-widget-custom.right .promotion-content-container{ order: 1; }
.promotion-widget-custom.right .promotional-image-container, .promotion-widget-custom.left .promotion-content-container{ order: 2; }
@media only screen and (max-width: 991px) {
    .promotion-widget-custom .promotional-image-container { order: 1 !important; width: 100% !important; }
    .promotion-widget-custom .promotion-widget-custom-container{ left: 0 !important; display: grid !important; }
    .promotion-widget-custom .promotion-content-container{ order: 2 !important; left: 0 !important; top: 0 !important; width: 100% !important; }
    .promotion-widget-custom .promotional-image-container img{ height: 300px !important; }
}
.contact-us-address{ position: relative; } .contact-us-address-row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; align-items: center; } .contact-us-address .overlay-contact-address{ background-color: rgba(0,0,0,0.6); border-radius: 20px; position: absolute; top: 0; width: 100%; height: 100%; } .contact-us-address img { border-radius: 5px; } .contact-us-address-icon, .contact-us-address-icon *{ font-size: 35px; } .contact-us-address-text{ padding: 1rem 1rem 1.5rem 1rem; left: 0; right: 0; text-align: center; color: #fff; border-radius: 20px; border: solid 5px white; } @media only screen and (max-width: 320px) { .contact-us-address-icon { font-size: 30px !important; } } @media only screen and (max-width: 425px) and (min-width: 321px) { .contact-us-address-icon { font-size: 35px !important; } } @media only screen and (max-width: 768px) and (min-width: 426px) { .contact-us-address-icon { font-size: 35px !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .contact-us-address-icon { font-size: 35px !important; } }.contact-us-address, .contact-us-address-text{ height: 100%; } .contact-us-address-text{ display: grid; }
.contact-form .form-control{ color: #fff; background-color: transparent; box-shadow: none; color: #fff; } .contact-form input:-webkit-autofill, .contact-form input:-webkit-autofill:hover, .contact-form input:-webkit-autofill:focus, .contact-form textarea:-webkit-autofill, .contact-form textarea:-webkit-autofill:hover, .contact-form textarea:-webkit-autofill:focus, .contact-form select:-webkit-autofill, .contact-form select:-webkit-autofill:hover, .contact-form select:-webkit-autofill:focus { -webkit-text-fill-color: #fff; transition: background-color 5000s ease-in-out 0s; } .contact-form .label-color { color: #fff; position: relative; left: 0; }
blockquote{
    border-left: solid 10px #ffffff1a;
    padding-left: 10px;
    margin: 20px 0px;
    background-color: #ffffff1a;
    color: #ffffff1a;
}
.fix-outline{
    outline: 2px solid blue !important;
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle,
.btn-check:focus+.btn-warning, .btn-warning:focus{
    color: var(--textWhite) !important;
}

.operator-menu a{
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 15px;
}
.pointer{
    cursor: pointer;
}