/*
[Master Stylesheet] 
Project:Template Bundle
-------------------------------------------------------------------*/
/********************************************************
1. body start
 *******************************************************/
 :root{
    --temp-primary-color: #30D074;
    --temp-heading-color: #302D39;
    --temp-subheading-color: #333333;
    --temp-white-color: #ffffff;
    --temp-text-color: #757575;    
    --temp-light-blue-bg: #F0F8FD;    
 }
 body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;	  	
	-webkit-font-smoothing: antialiased;
    overflow-x:hidden;    
    font-family: 'Inter';           
}
html {
  scroll-behavior: smooth;
}
*,*:before,*:after{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a, a:hover, a:focus{		
    color: var(--temp-white-color);
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
h1, h2, h3, h4, h5, h6{	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	margin:0;
	padding:0;	
	word-break: break-word;   
    font-family: 'Inter';    
    line-height: normal;      
}
img, video {
	max-width: 100%;
}
input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{
	outline: none !important;
	box-shadow:none;
}
ul{
	padding:0;
	margin:0;
	list-style-type: none;
}
p {
    margin: 0px;
    word-break: break-word;  
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-text-color);
}
.text-primary{
    color: #30D074 !important;
}
/* Scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
} 
::-webkit-scrollbar-track {
    background-color: #e7e2e2;    
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 50px;
    height: 100px;    
    background-color: var(--temp-primary-color);
}
/* Scrollbar */

/* Bottom To Top CSS Start */
#temp_scroll_percentage {
    height: 60px;
    width: 60px;
    background-color: var(--temp-white-color);
    box-shadow: 0px 0px 50px 0px #25237845;
    border-radius: 50%;
    position: fixed;
    bottom: 30px !important;
    left: 30px !important;
    transform: scale(0);
    display: grid;
    place-items: center;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 100;    
}
#temp_scroll_percentage.active {    
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
    animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
    -webkit-transition: 0.3s;
    transition: 0.3s;    
}
#temp_scroll_value {
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    background-color: var(--temp-white-color);
    color: var(--temp-primary-color);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 600;
}
@-webkit-keyframes scrollToTop {
    0% {
        -webkit-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes scrollToTop {
    0% {
        -webkit-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
/* Bottom To Top CSS End */

/* Preloader CSS Start */
.temp_preloader {
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--temp-white-color);
}
.temp_preloader img {
	width: 100px;
}
/* Preloader CSS End */

/* Buttton CSS Start */
.temp_btn {
    min-width: 170px;
    min-height: 40px;
    padding: 0 25px;
    background: var(--temp-primary-color);
    border-radius: 4px;
    color: var(--temp-white-color);
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    text-transform: capitalize;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
}
.temp_btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--temp-heading-color);
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.temp_btn:hover span {
    width: 225%;
    height: 562.5px;
}
.temp_btn:hover{
    color: var(--temp-white-color);
}
.temp_btn_with_arrow {
    gap: 10px;
}
.temp_btn_with_arrow svg{    
    transition: all 0.3s;
}
.temp_btn_with_arrow:hover svg{
    transform: translateX(5px);
}
button.temp_btn{
    border: none !important;
    box-shadow: none !important;
}
button.temp_btn.temp_btn_red {
    background-color: #f1003c;
}
/* Buttton CSS End*/

/* Checkbox CSS Start */
.temp_checkbox .temp_checkboxInput {
    display: none;
}
.temp_checkbox .temp_checkboxInput + .temp_checkboxLabel {
    font-size: 12px;
    font-weight: 400;
    color: var(--temp-text-color);
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    transition: all 0.3s;
}
.temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:hover{
    color: var(--temp-primary-color);
}
.temp_checkbox .temp_checkboxInput:checked + .temp_checkboxLabel{
    color: var(--temp-primary-color);
}
.temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border: 1px solid #D9DBEA;
    background: #FAFAFF;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 8px;
    height: 5px;
    border-left: 2px solid var(--temp-white-color);
    border-bottom: 2px solid var(--temp-white-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    opacity: 0;
}
.temp_checkbox .temp_checkboxInput:checked + .temp_checkboxLabel:before {
    background: var(--temp-primary-color);
    border-color: var(--temp-primary-color);
}
.temp_checkbox .temp_checkboxInput:checked + .temp_checkboxLabel:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
/* Checkbox CSS End */

/* radio CSS Start */
.temp_radio .temp_radioInput {
    display: none;
}
.temp_radio .temp_radioInput + .temp_radioLabel {
    font-size: 12px;
    font-weight: 400;
    color: var(--temp-text-color);
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    transition: all 0.3s;
}
.temp_radio .temp_radioInput + .temp_radioLabel:hover{
    color: var(--temp-primary-color);
}
.temp_radio .temp_radioInput:checked + .temp_radioLabel{
    color: var(--temp-primary-color);
}
.temp_radio .temp_radioInput + .temp_radioLabel:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border: 1px solid #D9DBEA;
    background: #FAFAFF;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.temp_radio .temp_radioInput + .temp_radioLabel:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50px;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: rotate(-45deg) scale(0);
    opacity: 0;
}
.temp_radio .temp_radioInput:checked + .temp_radioLabel:before {
    background: var(--temp-primary-color);
    border-color: var(--temp-primary-color);
}
.temp_radio .temp_radioInput:checked + .temp_radioLabel:after {
    opacity: 1;
}
/* radio CSS End */

/* Input Field */
.temp_label{
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    margin-bottom: 10px;
}
.temp_input_field{
    width: 100%;
    height: 50px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color:var(--temp-heading-color);
}
.temp_textarea_field{
    width: 100%;    
    min-height: 120px;
    height: auto;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    color:var(--temp-heading-color);
}
.temp_input_field::placeholder, .temp_textarea_field::placeholder{
    color: #A4A4BB;
}
/* Input Field */

/* Heading CSS Start*/
.temp_main_heading {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.temp_heading_center{
    text-align: center;
}
.temp_heading {
    font-size: 22px;
    font-weight: 600;
    color: var(--temp-heading-color);
    text-transform: unset;
}
.temp_subheading{
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-subheading-color);
    margin-top: 5px;
}
.temp_heading_btn {
    position: absolute;
    right: 0;
}
/* Heading CSS End*/

/* Modal BG CSS End*/
.modal-backdrop.show {
    opacity: 1;
    background: rgba(157, 187, 215, 0.6);        
    backdrop-filter: blur(10px)

}
/* Modal BG CSS End*/

/* Search Box CSS Start */
.searchBox {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0%;
    background: rgba(157, 187, 215, 0.6);
    backdrop-filter: blur(10px);
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* cursor: url(../images/close_search.png), auto; */
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.searchBox.show {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.searchBox.show,
.searchBox {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.searchBoxContainer {
    width: 50%;
    position: relative;
    text-align: end;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    visibility: hidden;
}

.searchBox.show .searchBoxContainer {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}

.searchBox.show .searchBoxContainer,
.searchBoxContainer {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.search_bar_inner {
    position: relative;
}

.search_bar_inner input {
    width: 100%;
    height: 60px;
    padding: 0 50px 0 20px;
    border: none;
    border-radius: 5px;
    background-color: var(--temp-white-color);
    color: #3a3a3a;
}

.search_bar_inner input::-webkit-input-placeholder {
    color: #3a3a3a;
    opacity: 90%;
}

.search_bar_inner input::-moz-placeholder {
    color: #3a3a3a;
    opacity: 90%;
}

.search_bar_inner input:-ms-input-placeholder {
    color: #3a3a3a;
    opacity: 90%;
}

.search_bar_inner input:-moz-placeholder {
    color: #3a3a3a;
    opacity: 90%;
}

.search_bar_inner button {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
    background: transparent;
    color: var(--temp-heading-color);    
    padding: 0;
}
.search_bar_inner button i {
    font-size: 18px;
}
.closeBtn {
    margin: 0 0 20px 0;
    display: inline-block;
}

.closeBtn svg {
    width: 20px;
    fill: var(--temp-heading-color);
}
.temp_header_search a i {
    font-size: 16px;
}
.temp_nav_menu ul li.temp_header_search a:hover{
    color: var(--temp-heading-color);
}
/* Search Box CSS End*/

/* Header CSS Start */
.temp_header_wrapper {
    background-color: var(--temp-white-color);
    margin-top: 55px;
}
.container{
    max-width: 1750px;
}
.temp_header_flex{
    display: flex;
    align-items: center;
}
.temp_nav_menu {
    margin-left: auto;
    margin-right: 30px;
}
.temp_nav_menu ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.temp_nav_menu ul li a {
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    display: block;
    padding: 25px 0;
    transition: all 0.3s;
}
.temp_nav_menu ul li a:hover, .temp_nav_menu ul li.active a{
    color: var(--temp-primary-color);
}
.temp_header_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
.temp_header_right .temp_btn {
    min-height: 42px;
    gap: 10px;
    padding: 0px 10px 0 6px;
    justify-content: flex-start;
}
.temp_header_right .temp_btn .tempHeaderBtnIcon{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000099;
    backdrop-filter: blur(10px);
    border-radius: 6px;
    transition: all 0.3s;
}
.temp_header_right .temp_btn:hover .tempHeaderBtnIcon{
    background-color: #000;
}
.temp_cart_btn a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-width: 113px;
    min-height:42px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-white-color);
    text-transform: capitalize;
    background-color: #25346C;
    border-radius: 4px;
    transition: all 0.3s;
}
.temp_cart_btn a:hover{
    background-color: var(--temp-primary-color);
}
.temp_header_right .nice-select {
    min-width: 100px;
}
.nice-select {
    background-color: #F4F4F4;
    border-radius: 4px;
    border: none;
    color: var(--temp-heading-color);
    font-weight: 500;
}
.nice-select:after {
    content: '';
    border-bottom: none;
    border-right: none;
}
.nice-select .list {
    width: 100%;
    max-height: 210px;
    overflow: auto;
}
.nice-select:after {
    content: '';
    border-bottom: none;
    border-right: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: rotate(0deg);
    background-image: url(../images/home_page/dropdown-icon.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    transition: all 0.2s;
}
.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.temp_login_img > a > img {
    display: none;
}
/* Header CSS End */

/* Banner CSS Start */
.temp_banner_wrapper {         
    background: radial-gradient(circle, #EEEBD8, #9cf3ea, #45bce7, #89E0D7, #89E0D7); 
    background-size: 400% 400%;
    -webkit-animation: banner-gradient 30s ease infinite;
    animation: banner-gradient 30s ease infinite;
    padding: 80px 0 160px 0;
    position: relative;
}
@-webkit-keyframes banner-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes banner-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.temp_banner_heading{
    text-align: center;
}
.temp_banner_heading h4{
    min-height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--temp-primary-color);
    border-radius: 50px;
    padding: 0 25px;
    font-size: 20px;
    font-weight: 400;
    color: var(--temp-white-color);
}
.temp_banner_heading h1 {
    font-size: 34px;
    font-weight: 700;
    color: var(--temp-heading-color);
    max-width: 770px;
    width: 100%;
    margin: auto;
    padding: 24px 0 40px 0;
}
.temp_input{
    position: relative;
    max-width: 647px;
    width: 100%;
    margin: auto;
}
.temp_input input {
    width: 100%;
    height: 61px;
    background-color: var(--temp-white-color);
    box-shadow: 0px 11px 14.8px 0px #404E6A1A;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-heading-color);
    border: none!important;
    padding: 0 205px 0 70px;
}
.temp_input input:focus{
    border: none;
}
.temp_input input::placeholder{
    color: #C1C1C1;
}
.temp_input_categ {
    position: absolute;
    top: 6px;
    right: 5px;
}
.temp_input > button {
    position: absolute;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.temp_input_categ .nice-select{
    background-color: #F4F4F4;
    font-size: 16px;
    font-weight: 400;
    min-width: 190px;
    height: 50px;
    line-height: 50px;
}
.tempBannerIcon{
    position: absolute;
    display: block;
}
.temp_banner_html_icon{
    top: 28px;
    left: 33px;
    animation: 4s left-right infinite alternate;
}
.nice-select.open .list {
    transition: all 0.2s ease-in-out;
}
@keyframes left-right {
    0% {
        transform: translateX(0px);        
    }
    50% {
        transform: translateX(-20px);        
    }
}
.temp_banner_wp_icon {
    top: 20px;
    right: 70px;
    animation: 4s left-right infinite alternate;
}
.temp_banner_css_icon {
    bottom: 30px;
    left: 110px;
    animation: 4s floating linear infinite;
}
.temp_banner_elementor_icon {
    top: 150px;
    right: 425px;
    animation: 4s floating linear infinite;
}
@keyframes floating {
    from {
        -webkit-transform: rotate(0deg) translate(-12px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-12px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-12px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-12px) rotate(0deg);
        transform: rotate(0deg) translate(-12px) rotate(0deg);            
    }
    to {
        -webkit-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-12px) rotate(-360deg);
        transform: rotate(360deg) translate(-12px) rotate(-360deg);            
    }
}
.temp_banner_woo_icon {
    bottom: 30px;
    right: 50px;
    animation: 4s top-bottom infinite alternate;
}
@keyframes top-bottom {
    0% {
        transform: translateY(0px);        
    }
    50% {
        transform: translateY(-20px);        
    }
}
.temp_banner_search{
    max-width: 655px;
    width: 100%;
    margin: auto;
    padding: 4px;
    position: relative;
    z-index: 1;
}
.temp_box_effect {
    inset: calc(0px);
    padding: 3px;
    background: var(--lqd-outline-glow-color-secondary,transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
}
.temp_box_effect_inner {
    background: conic-gradient(from 290deg at 50%,var(--lqd-outline-glow-color-secondary,transparent) 0%,var(--lqd-outline-glow-color,#fff) 30%,var(--lqd-outline-glow-color-secondary,transparent) 25%);
    animation: temp_effect var(--lqd-outline-glow-duration,10s) linear infinite;
    display: inline-block;
    padding: 1px;
    border-radius: 4px;
    inset-inline-start: 50%;
    top: 50%;
    aspect-ratio: 1/1;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    overflow: hidden;
}
@keyframes temp_effect {
    0% {
        transform: translate(-88%,-50%) rotate(0deg)
    }
    33% {
        transform: translate(-12%,-50%) rotate(0deg)
    }
    50% {
        transform: translate(-12%,-50%) rotate(180deg)
    }
    83% {
        transform: translate(-88%,-50%) rotate(180deg)
    }
    to {
        transform: translate(-88%,-50%) rotate(360deg)
    }
}
/* Banner CSS End */

/* Banner Box CSS Start */
.temp_banner_box_wrapper{
    position: relative;
    margin-top: -104px;
}
.temp_banner_box_parent {
    max-width: 778px;
    width: 100%;
    margin: auto;
}
.temp_banner_box_inner{
    background-color: var(--temp-white-color);
    box-shadow: 0px 0px 60px 0px #2523781A;
    border-radius: 10px;
    max-width: 170px;
    width: 100%;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:20px;
}
.temp_banner_box_inner:hover {
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.temp_banner_box_inner h1{
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-heading-color);
}
/* Banner Box CSS End */

/* Top Product Section CSS Start */
.temp_top_product_wrapper{
    background-color: var(--temp-white-color);
    padding: 80px 0;
}
.temp_product_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
}
.temp_product_box{
    max-width: 320px;
    width: 100%;
    position: relative;
    transition: all 0.3s;
}
.temp_product_box:hover {
    transform: translateY(-5px);
}
.temp_product_premium_icon{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}
.temp_product_box_inenr{
    background-color: var(--temp-white-color);
    border-radius: 6px;
    border: 1px solid #EBEDF9;
    box-shadow: 0px 0px 50px 0px #2523781A;
}
.temp_product_img{
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    position: relative;
    z-index: 1;
}
.temp_product_img::before{
    content: "";    
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
    z-index: 0;
}
.temp_product_box:hover .temp_product_img::before{
    animation: shine 1.5s;
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.temp_product_img:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .05) 57%);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
}
.temp_product_box:hover .temp_product_img::after{
    opacity: 1;
    visibility: visible;
}
.temp_product_img > img {
    max-width: 320px;
    width: 100%;
    max-height: 220px;
    /* min-height: 220px; */
    object-fit: fill;
    border-radius: 6px 6px 0 0;
}
.temp_product_detail {
    padding: 20px;
    position: relative;
    z-index: 1;
    box-shadow: 0px -30px 40px 0px #2523781A;
}
.temp_product_rating{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1px;
}
.temp_product_type {
    font-size: 12px;
    font-weight: 500;
    color: var(--temp-primary-color);
    padding: 8px 0 7px 0;
}
.temp_product_name {
    font-size: 15px;
    font-weight: 500;
    color: var(--temp-heading-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.temp_product_fotoer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 20px 20px 20px;
    position: relative;
}
.temp_product_prices{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_price{
    font-size: 20px;
    font-weight: 400;
    color: var(--temp-text-color);
    text-decoration: line-through;
}
.temp_offer_price{
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-heading-color);
}
.temp_offer_services .temp_cart_service_price .temp_price, .temp_offer_services .temp_cart_service_price .temp_offer_price{
    font-size: 15px;
}
.temp_product_preview_btn{
    min-width: 115px;
    min-height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #FBFBFB;
    border: 1px solid #E9E9E9; 
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-heading-color) !important;    
    position: relative;
    transition: all 0.3s;
}
.temp_product_preview_btn .temp_box_effect {
    inset: calc(-2px);
    padding: 2px;
    opacity: 0;
    visibility: hidden;
}
.temp_product_preview_btn .temp_box_effect_inner {
    background: conic-gradient(from 290deg at 50%, var(--lqd-outline-glow-color-secondary, transparent) 0%, var(--lqd-outline-glow-color, #30d074) 30%, var(--lqd-outline-glow-color-secondary, transparent) 25%);
    animation: temp_effect var(--lqd-outline-glow-duration,4s) linear infinite;    
    padding: 1px;
}
.temp_product_preview_btn:hover .temp_box_effect{
    opacity: 1;
    visibility: visible;
}
.temp_product_preview_btn:hover{
    color: var(--temp-primary-color);
}
/* Top Product Section CSS End */

/* Trending Product Section CSS Start */
.temp_trending_product_wrapper{
    background-color: var(--temp-light-blue-bg);
    padding: 80px 0;
}
/* Trending Product Section CSS End */

/* Newest Product Section CSS Start */
.newest_product_wrapper{
    background-color: var(--temp-white-color);
    padding-top: 80px;
}
.newest_product_wrapper .temp_main_heading {
    display: block;
    width: 100%;
    max-width: 100%;
}
.temp_coundown {
    text-align: center;
}
.temp_coundown h1{
    background: linear-gradient(180deg, #A3C8FF 14.04%, #FDFEFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
    font-size: 80px;
    font-weight: 900;
    text-align: center;
    line-height: 1;
}
.temp_coundown h1::after {
    content: "+";
    position: absolute;
    right: -10px;
    top: 0px;
}
.temp_product_tab_btn{
    text-align: center;
    margin-top: 40px;
}
/* Tab CSS */
.temp_product_tab_menu .nav-tabs {
    border: none;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}
.temp_product_tab_menu .nav-tabs .nav-link {
    min-width: 135px;
    min-height: 46px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #FBFBFB;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-heading-color)!important;
    padding: 0 15px;
}
.temp_product_tab_menu .nav-link.active {
    background-color: #e5f7ec !important;
    border: 1px solid var(--temp-primary-color) !important;    
}
/* Tab CSS*/
/* Newest Product Section CSS End */

/* CTA Section CSS Start */
.temp_cta_wrapper {
    padding-top: 80px;    
}
.temp_cta_wrapper .container{
    max-width: 1200px;
}
.temp_cta_parent {
    background-image: url(../images/home_page/cta-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    transition: all 1s ease-in-out;
}
.temp_cta_trigger {
    transform: scale(1.2);
}
.temp_cta_inner {
    padding: 45px 0 45px 80px;
}
.temp_cta_main_img {
    flex: none;
}
.temp_cta_content > h1 {
    background: linear-gradient(90deg, #1D1B49 0%, #291C47 100%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    min-width: 186px;
    min-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-white-color);
    line-height: normal;
}
.temp_cta_content > h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--temp-white-color);
    max-width: 455px;
    width: 100%;
    line-height: 40px;
    padding: 13px 0 20px 0;
}
.temp_cta_price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.temp_cta_price > span{
    font-size: 22px;
    font-weight: 700;
    color: var(--temp-white-color);
}
.temp_cta_price_inner_box {
    display: inline-flex;
    border: 1px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(#1F1240, #1F1240), linear-gradient(to bottom, #573F94, #3A2865);
    border-radius: 10px;
    padding: 10px 20px 20px 12px;
    position: relative;
    z-index: 1;
}
.temp_cta_price_inner_box > h1{
    font-size: 30px;
    font-weight: 700;
    color: var(--temp-white-color);
}
.temp_cta_price_inner_box > h1 > span{
    font-size: 16px;    
}
.temp_cta_price_inner_box > p {
    min-width: 124px;
    min-height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #FF9900;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-white-color);
    padding: 0 10px;
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
}
.temp_cta_content .temp_btn {
    margin-top: 42px;
    padding: 0px 10px 0 6px;
    gap: 10px;
    min-height: 42px;
}
.temp_cta_price_inner_box .temp_box_effect {
    inset: calc(-1px);
    padding: 2px;
    border-radius: 10px;    
}
.temp_cta_price_inner_box .temp_box_effect_inner{
    animation: temp_effect var(--lqd-outline-glow-duration,6s) linear infinite;
}
/* CTA Section CSS End */

/* Best Week Selling Product Section CSS Start */
.temp_best_week_selling_wrapper{
    padding-top: 80px;
}
/* Best Week Selling Product Section CSS End */

/* Pre Built Product Section CSS Start */
.temp_prebuilt_product_wrapper{
    padding: 80px 0;
}
.temp_prebuilt_product_wrapper .container{
    max-width: 1200px;
}
.temp_prebuilt_product_wrapper .temp_main_heading {
    max-width: 100%;
    display: block;
}
.temp_prebuilt_box {
    background-color: var(--temp-white-color);
    border-radius: 10px;
    text-align: center;
    padding: 50px 30px 45px 30px;
}
.temp_prebuilt_box1{
    background: #FFFAF2;
}
.temp_prebuilt_box2{
    background: #EDF5FF;
}   
.temp_prebuilt_box3{
    background: #F9F2FF;
}
.temp_prebuilt_box4{
    background: #FFEFF3;  
}
.temp_prebuilt_img > img {
    display: block;
    margin: auto;
}
.temp_prebuilt_box:hover .temp_prebuilt_img > img{
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.temp_prebuilt_content h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--temp-heading-color);
    padding: 17px 0 9px 0;
    text-transform: capitalize;
}
.temp_prebuilt_content p {
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-heading-color);
    line-height: 22px;
}
/* Pre Built Product Section CSS End */

/* Blog Section CSS Start */
.temp_blog_wrapper{
    background-color: var(--temp-light-blue-bg);
    padding: 80px 0;
}
.temp_blog_wrapper .container {
    max-width: 1272px;
}
.temp_blog_wrapper .temp_main_heading {    
    max-width: 100%;    
}
.temp_blog_box {
    background-color: var(--temp-white-color);
    border: 1px solid #F5F5F5;
    box-shadow: -15px 15px 30px 0px #58389C0F;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s;
}
.temp_blog_box:hover {    
    transform: translateY(8px);
}
.temp_blog_box:hover .temp_product_img::before{
    animation: shine 1.5s;
}
.temp_blog_box .temp_product_img{
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0 0;
}
.temp_blog_box .temp_product_img > img {
    max-width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}
.temp_blog_content {
    padding: 22px 30px 30px 30px;
}
.temp_blog_content > h3{
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-text-color);
}
.temp_blog_content > h3 > span{
    color: var(--temp-primary-color);
}
.temp_blog_content > h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--temp-heading-color);
    padding: 15px 0 10px 0;
    line-height: 24px;
    text-transform: capitalize;
}
.temp_blog_content > p {
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-text-color);
    line-height: 24px;
}
.temp_blog_content .temp_btn {
    margin-top: 22px;
    min-width: 135px;
    padding: 0px 10px;
}
.temp_blog_btn {
    text-align: center;
    margin-top: 40px;
}
/* Blog Section CSS End */

/* Faq Section CSS Start */
.temp_faq_wrapper {
    background-color: var(--temp-white-color);
    padding: 30px 0;
}
.temp_faq_wrapper .container{
    max-width: 1200px;
}
.temp_faq_wrapper .temp_main_heading{
    max-width: 100%;
}
.accordion{
    border: none !important;
}
.accordion-item {
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #E5EFF4 !important;
}
.accordion-button {
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-heading-color) !important;
    background-color: var(--temp-white-color) !important;
    border-radius: 6px;
    padding: 21px 10px 21px 42px;
    margin-bottom: 0;
    height: auto;
    line-height: normal;
}
.accordion-button:not(.collapsed):after {
    background: none; 
    content: "-";
    left: 15px;
    position: absolute;
    font-size: 32px;
    color: var(--temp-primary-color);
}
.accordion-button::after {
    content: '+';
    background: none;
    left: 15px;
    position: absolute;    
    font-size: 20px;
    color: var(--temp-primary-color);
    width: auto !important;
    height: auto !important;
}
.accordion-button:not(.collapsed){
    box-shadow: 0px 0px 30px 0px #80A2B60F !important;
}
.accordion-button:focus{
    box-shadow: none !important;
}
.accordion-body {
    background: #FCFCFC;
    border: 1px solid #E5EFF4;
    box-shadow: 0px 0px 30px 0px #80A2B60F;
    padding: 25px;
    margin: 0px 10px 10px 10px;
    border-radius: 6px;
}
.accordion-body p{
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    line-height: 26px;
}
/* Faq Section CSS End */

/* Newsletter Section CSS Start */
.temp_newsltr_wrapper {
    background-color: var(--temp-white-color);
    padding-top: 80px;
    padding-bottom: 80px;
}
.temp_newsltr_wrapper .container{
    max-width: 1200px;
}
.temp_newsltr_parent {
    background-image: url(../images/home_page/cta-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 90px 20px 50px;
    transition: all 1s ease-in-out;
}
.temp_newsltr_trigger{
    transform: scale(1.1);
}
.temp_newsltr_img {
    position: relative;
    margin-top: -40px;
}
.temp_newsltr_content > h1 {
    background: linear-gradient(90deg, #1D1B49 0%, #291C47 100%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    min-width: 163px;
    min-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-white-color);
    line-height: normal;
}
.temp_newsltr_content > h2 {
    font-size: 28px;
    font-weight: 800;
    color: var(--temp-white-color);
    padding: 9px 0 8px 0;
}
.temp_newsltr_content > p {    
    font-size: 20px;
    font-weight: 400;
    color: var(--temp-white-color);    
}
.temp_newsltr_input {
    max-width: 530px;
    width: 100%;
    position: relative;
    margin-top: 22px;
}
.temp_newsltr_input input {
    width: 100%;
    height: 58px;
    background: #FFFFFF;
    border: 1px solid #E5EFF4;
    box-shadow: 0px 0px 30px 0px #80A2B60F;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-heading-color);
    border: none !important;
    padding: 0 160px 0 25px;
}
.temp_newsltr_input input::placeholder{
    color: #C3C3C3;
    font-weight: 300;
}
.temp_newsltr_input .temp_btn{
    min-width: 146px;
    min-height: 50px;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: 4px;
    right: 4px;
}
.tp_success_msg, .tp_error_msg {
    box-shadow: 0px 0px 60px 0px #2523781A !important;
    padding: 15px 30px 15px 20px;
    border-radius: 10px;
    min-width: 240px;
    max-width: 320px;
    z-index: 9999999999;
}
.tp_yeah {
    width: calc(100% - 50px);
}
.tp_yeah h5 {
    color: var(--temp-primary-color);
    font-weight: 600;
    font-size: 16px;
}
.tp_error_msg .tp_yeah h5 {    
    font-weight: 600;
    font-size: 16px;
}
.tp_yeah p {
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    margin-top: 0px;
}
.tp_success_flex {
    gap: 15px;
}
/* Newsletter Section CSS End */

/* Footer CSS Start */
.temp_footer_wrapper {
    background-color: var(--temp-light-blue-bg);
    padding-top: 80px;    
}
.temp_footer_wrapper .container{
    max-width: 1450px;
}
.temp_footer_title{
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    margin-bottom: 30px;
}
.temp_footer_left > p {
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0 0 0;
    color: #555555;
}
.temp_footer_left ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.temp_footer_left ul li a {
    width: 46px;
    height: 46px;    
    background-color: var(--temp-primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.temp_footer_left ul li.tempFB a{
    background: #3D6AD6;
    border: 1px solid #628AEA;
}
.temp_footer_left ul li.tempInsta a{
    background: #E4405F;
    border: 1px solid #FF6E8A;
}
.temp_footer_left ul li.tempLnkd a{
    background: #0A66C2;
    border: 1px solid #358ADE;
}
.temp_footer_left ul li.tempTwtr a{
    background: #000000;
    border: 1px solid #505050;
}
.temp_footer_left ul li.tempPntrst a{
    background: #BD081C;
    border: 1px solid #ED3045;
}
.temp_footer_left ul li a:hover{
    transform: translateY(-5px);
}
.temp_footer_left ul li a i {
    font-size: 22px;
    color: var(--temp-primary-color);
    display: block;
}
.temp_footer_menu {
    margin-left: 35px;
}
.temp_footer_menu_last .temp_footer_menu {
    margin-top: 54px;
}
.temp_footer_menu ul li{
    margin-bottom: 15px;
    position: relative;
    transition: all 0.3s;
}
.temp_footer_menu ul li:last-child{
    margin-bottom: 0;
}
.temp_footer_menu ul li a {
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    text-transform: capitalize;
    transition: all 0.3s;
}
.temp_footer_menu ul li:hover a{
    color: var(--temp-primary-color);
}
.temp_copyright {
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 70px;
    border-top: 1px solid #E5EFF4;
}
.temp_copyright p, .temp_copyright ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    transition: all 0.3s;
    text-transform: unset;
}
.temp_copyright ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 50px;
}
.temp_copyright ul li a:hover{
    color: var(--temp-primary-color);
}
/* Footer CSS End */

/* Inner Pages CSS Start */

/* Product Single Page CSS Start */
/* Breadcrumb CSS Start */
.temp_breadcrumb_wrapper {    
    background: radial-gradient(circle, #EEEBD8, #9cf3ea, #45bce7, #89E0D7, #89E0D7);
    background-size: 400% 400%;
    -webkit-animation: banner-gradient 30s ease infinite;
    animation: banner-gradient 30s ease infinite;
    padding: 36px 0;    
}
.temp_breadcrumb ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 38px;
}
.temp_breadcrumb ul li{
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-heading-color);
    position: relative;
    text-transform: capitalize;
}
.temp_breadcrumb ul li::after {
    content: '';
    background-image: url(../images/product-single/breadcrmb-arrow.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 10px;
    position: absolute;
    top: 7px;
    right: -20px;
}
.temp_breadcrumb ul li:last-child:after{
    display: none;
}
.temp_breadcrumb ul li a{
    color: var(--temp-heading-color);
}
.temp_breadcrumb_title {
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    margin-top: 8px;
}
/* Breadcrumb CSS End */

/* Product Details CSS Start */
header.temp_header_wrapper.tempPrdctSingleHeader.temp_header_fixed {
    position: static;
}
.temp_product_details_wrapper{
    background-color: var(--temp-white-color);
    padding-top: 50px;    
}
.temp_product_details_wrapper .container{
    max-width: 1200px;
}
.temp_product_single_img {
    display: block;
    width: 100%;
}
.temp_product_single_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #E1E8ED;
}
.temp_product_single_img > img {
    border-radius: 6px;
    max-width: 776px;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.temp_product_single_img::before {
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
    z-index: 0;
}
.temp_product_single_img:hover::before {
    animation: shine 1.5s;
}
.temp_discount {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 236px;
    min-height: 40px;
    background: var(--temp-primary-color);
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-white-color);
    text-transform: capitalize;
    transform: rotate(45deg);
    position: absolute;
    top: 23px;
    right: -79px;
    z-index: 1;
}
.temp_img_overlay {
    background-color: rgba(0,0,0,0.3); 
    border-radius: 6px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.temp_product_single_img:hover .temp_img_overlay{
    opacity: 1;
    visibility: visible;
}
.temp_live_prevew_btn {
    min-width: 150px;
    min-height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background: var(--temp-white-color);
    border-radius: 6px;
    color: var(--temp-heading-color);
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.temp_live_prevew_btn:hover{
    background-color: var(--temp-primary-color);
    color: var(--temp-white-color);
}
.temp_product_single_img:hover .temp_live_prevew_btn{
    opacity: 1;
    visibility: visible;     
}
.temp_live_preview_btn_parent{
    text-align: center;
    margin-top: 15px;
}
.temp_live_preview_btn_parent .temp_btn {    
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    background: #30d0741f;
    color: var(--temp-primary-color);
    border: 1px solid rgb(48 208 116 / 35%);
    gap: 10px;
}
.temp_live_preview_btn_parent .temp_btn:hover{
    border: 1px solid var(--temp-heading-color);
}
.temp_live_preview_btn_parent .temp_btn svg{
    fill: var(--temp-primary-color);
    transition: all 0.4s;
}
.temp_live_preview_btn_parent .temp_btn:hover{
    color: var(--temp-white-color);
}
.temp_live_preview_btn_parent .temp_btn:hover svg{
    fill: var(--temp-white-color);    
}
.temp_product_details_tab_menu{
    margin-top: 40px;
}
.temp_product_details_tab_menu .nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    padding-bottom: 10px;
    margin-bottom: 26px;
}
.temp_product_details_tab_menu .nav-tabs .nav-link{
    border: none;
}
.temp_product_details_tab_menu .nav-link {
    min-width: auto !important;
    min-height: auto !important;
    font-size: 16px !important;
    font-weight: 500;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    border: none !important;
    padding: 4px 0;
    position: relative;
}
.temp_product_details_tab_menu .nav-link::before{
    content: '';
    width: 0;
    height: 3px;
    background-color: var(--temp-primary-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: 0;
    transition: all 0.3s;
}
.temp_product_details_tab_menu .nav-tabs .nav-link.active{
    color: var(--temp-primary-color);
}
.temp_product_details_tab_menu .nav-tabs .nav-link.active::before{
    width: 100%;
}
.temp_prodct_desc_title, .temp_prodct_feat_title {
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    padding-bottom: 10px;
}
.temp_prodct_desc h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
    padding-bottom: 10px;
    padding-top: 20px;
}
.temp_prodct_feat_title{
    padding-top: 30px;
    padding-bottom: 15px;
}
.temp_prodct_desc p {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    line-height: 30px;
    padding-top: 10px;
}
.temp_prodct_desc p strong {
    color: var(--temp-heading-color);
}
.temp_prodct_desc p:nth-child(2) {
    padding-top: 0;
}
.temp_prodct_desc ul {
    list-style: disc;
    padding-left: 37px;
    padding-top: 5px;
}
.temp_prodct_desc p > img {
    margin: 15px 0;
}
.temp_prodct_feat ul li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-heading-color);
    margin-bottom: 10px;
}
.temp_prodct_feat ul li:last-child{
    margin-bottom: 0;
}
/* Product Review CSS Start */
.temp_product_review_box {
    background-color: var(--temp-white-color);
    border: 1px solid #F2F0F9;
    border-radius: 10px;
    margin-top: 15px;
}
.temp_review_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: #FAFAFA;
    border-bottom: 1px solid #F2F0F9;
    padding: 8px 20px;
}
.temp_review_rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_review_rating span{
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-text-color);
}
.temp_review_star {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
h4.temp_review_date{
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-heading-color);
}
.temp_review_inner {
    padding: 20px;
}
.temp_review_inner h1{
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.temp_review_inner p{
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-text-color);
    line-height: 24px;
}
.temp_review_inner p:nth-child(2){
    padding: 11px 0 23px 0;
}
.temp_product_support_box {
    background: #FAFAFA;
    border: 1px solid #F2F0F9;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.temp_prodct_support_right h1{
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.temp_prodct_support_right h1 span {
    display: inline-flex;
    background-color: var(--temp-primary-color);
    border-radius: 60px;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-white-color);
    line-height: normal;
}
.temp_product_author_box{
    background: var(--temp-white-color);
    border: 1px solid #F2F0F9;
    border-radius: 10px;
    padding: 20px;
    margin-top: 10px;
}
.temp_author_title{
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
}
.temp_item_support{
    margin: 20px 0;
}
.temp_item_support h1{
    margin-bottom: 15px;
}
.temp_item_support p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.temp_item_support p:last-child{
    margin-bottom: 0;
}
.temp_product_author_box > h4{
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-heading-color);
    margin: 20px 0 10px 0;
}
.temp_product_author_box p{
    line-height: 24px;
}
.temp_email_author{
    background-color: #25346c;
    padding: 20px 30px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.temp_email_author h1{
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-white-color);
}
.temp_email_author .temp_btn {
    min-width: 140px;
    min-height: 50px;
    font-size: 15px;
    text-transform: unset;
}
.temp_product_comment textarea {
    resize: none;
    background-color: var(--temp-white-color) !important;
    box-shadow: 0px 0px 30px 0px #25237808;
    font-size: 16px;
    font-weight: 300;
    color: var(--temp-heading-color);
    padding: 15px;
    min-height: 90px;
    border: 1px solid #EBEDF9 !important;
    border-radius: 4px;
}
.temp_product_comment textarea::placeholder{
    color: #C1C1C1;
}
.temp_product_comment button{
    margin-top: 15px;
}
.temp_input input {
    width: 100%;
    height: 61px;
    background-color: var(--temp-white-color);
    box-shadow: 0px 11px 14.8px 0px #404E6A1A;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-heading-color);
    border: none!important;
    padding: 0 205px 0 60px;
}
.temp_filter_review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.tp_fil_range > ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.tp_fil_range ul li {
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.tp_fil_range .nice-select {
    min-width: 100px;
    color: var(--temp-heading-color);
    font-size: 15px;
    border: 1px solid #E1E8ED;
    background: #f3f8fb;
    min-height: 40px;
    line-height: 40px;
}
.temp_product_comment {
    margin-bottom: 15px;
}
.temp_filter_review h1.temp_prodct_desc_title {
    padding-bottom: 0;
}
label#comment-error {
    color: red;
    font-size: 14px;
}
.tp_comments_box {
    border-radius: 6px; 
}
.tp_ct_text {
    width: 100%;
}
.tp_ct_text_flex a {
    color: var(--temp-heading-color);
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
}
.tp_ct_text_flex h6 {    
    color: var(--temp-heading-color);    
}
.tp_cmnt_user img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.tp_cmnt_flexbox { 
    gap: 20px;
}
.tp_ct_text_flex h6 span {    
    color: var(--temp-text-color);    
}
.tp_ct_text p {
    color: var(--temp-subheading-color);
}
.tp_ct_text_flex a:hover {
    color: var(--temp-primary-color);
}
.tp_cmnt_toreply_user img {
    max-width: 50px;
    max-height: 50px;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}
.tp_cmnt_toreply_form .form-label {
    font-weight: 600;
    color: var(--temp-heading-color);
    font-size: 16px;
}
.tp_cmnt_toreply_form textarea.form-control{
    border: 1px solid #EBEDF9 !important;
    border-radius: 6px;
    resize: none;
}
.tp_cmnt_toreply_form textarea::placeholder{
    color: #C1C1C1;
}
.form_replybtn_box .temp_btn > span {
    display: none;
}
.form_replybtn_box .temp_btn{
    min-width: 150px;
    transition: all 0.3s;
}
.form_replybtn_box .temp_btn:hover{
    background-color: var(--temp-heading-color);
}
/* Product Review CSS End */

/* Sidebar CSS Start */
.temp_product_widget {
    background-color: var(--temp-white-color);
    border: 1px solid #E1E8ED;
    border-radius: 6px;
    padding: 20px 15px 25px 15px;
    margin-bottom: 20px;
}
.temp_prdct_price_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.temp_prdct_price_header .temp_radio .temp_radioInput + .temp_radioLabel {
    font-size: 15px;
    font-weight: 600;
    color: var(--temp-heading-color);        
}
.temp_prdct_price_header .temp_radio .temp_radioInput + .temp_radioLabel:before {
    top: 4px;
}
.temp_prdct_price_header .temp_radio .temp_radioInput + .temp_radioLabel:after {
    top: 9px;
}
.temp_price_license_option .nice-select {
    min-width: 165px;
    height: 38px;
    line-height: 38px;
    background: #F3F8FB;
    border: 1px solid #E1E8ED;
    font-size: 15px;
    font-weight: 500;
    color: var(--temp-heading-color);
    border-radius: 6px;
}
.temp_price_license {
    display: flex;
    align-items: center;
    gap: 5px;
}
.temp_price_license .temp_price, .temp_price_license .temp_offer_price {
    font-size: 26px;
}
.temp_price_discount {
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-primary-color);
    display: none;
}
.temp_offer_services{
    margin-top: 25px;
}
.temp_offer_service_title{
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-heading-color); 
    text-transform: capitalize;
}
.temp_offer_services ul {
    margin-top: 15px;
    margin-bottom: 30px;
}
.temp_offer_services ul li{
    font-size: 12px;
    font-weight: 400;
    color: var(--temp-text-color); 
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}
.temp_offer_services ul li:last-child{
    margin-bottom: 0;
}
.temp_offer_services ul li h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--temp-primary-color);
    flex: none;
}
.temp_items_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.temp_items_flex a {
    min-width: 167px;
    min-height: 60px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--temp-white-color);
    border: 1px solid #E1E8ED;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-heading-color);
    transition: all 0.3s;
}
.temp_items_flex a:hover{
    border: 1px solid var(--temp-primary-color);
}
.temp_items_flex a p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 800;
    color: var(--temp-heading-color);
    line-height: normal;
    padding-top: 4px;
}
.temp_items_flex a.temp_rating_item p{
    color: #FFA724;
}
a.temp_item_btn{
    flex-direction: row;
    background-color: #25346C;
    border: 1px solid #25346C;
    color: var(--temp-white-color);
    gap: 10px;
    cursor: pointer;
}
a.temp_item_btn:hover{
    background-color: var(--temp-primary-color);
    border: 1px solid var(--temp-primary-color);
}
a.temp_item_edit_btn{
    width: 100%;
    background-color: #FFA724;
    border: 1px solid #FFA724;
    flex-direction: row;
    color: var(--temp-white-color);
    gap: 10px;
}
a.temp_item_edit_btn:hover{
    background-color: var(--temp-primary-color);
    border: 1px solid var(--temp-primary-color);
}
a.temp_subscrptn_btn {
    width: 100%;
    flex-direction: row;
    background-color: var(--temp-primary-color);
    border: 1px solid var(--temp-primary-color);
    color: var(--temp-white-color);
    gap: 10px;
    padding: 0 10px;
}
a.temp_subscrptn_btn:hover{
    background-color: var(--temp-heading-color);
    border: 1px solid var(--temp-heading-color);
}
a.temp_subscrptn_btn span {
    min-width: 94px;
    min-height: 28px;
    background-color: var(--temp-white-color);
    border-radius: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--temp-primary-color);
    line-height: normal;
    padding: 0 10px;
    text-transform: lowercase;
}
.temp_upload_details p{
    margin-bottom: 15px;
}
.temp_upload_details p:last-child{
    margin-bottom: 0;
}
.temp_upload_details p span{
    font-weight: 600;
    color: var(--temp-heading-color);
}
.temp_tag_title{
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-heading-color);
    margin-bottom: 20px;
}
.temp_widget_tags ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.temp_widget_tags ul a {
    min-width: 75px;
    min-height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--temp-white-color);
    border: 1px solid #E1E8ED;
    border-radius: 4px;
    padding: 6px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
    text-transform: capitalize;
    transition: all 0.3s;
}
.temp_widget_tags ul a:hover{    
    border: 1px solid var(--temp-primary-color);
    color: var(--temp-primary-color);
}
.temp_product_comment .temp_review_header{
    background: none;
    border-bottom: none;
    padding: 0;
}
.temp_comment_title {
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
a.temp_btn.temp_download_btns {
    width: 100%;
    background: var(--temp-primary-color);
    color: var(--temp-white-color);
    border: none;
    flex-direction: row;
    gap: 10px;
}
/* Sidebar CSS End */
/* Product Details CSS End */

/* Floating Header CSS Start */
.temp_float_header_wrapper {
    position: fixed;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.08);
    transition: all 0.7s ease-in-out;
    -webkit-animation: slideInDown .7s;
    -moz-animation: slideInDown 0.7s;
    -ms-animation: slideInDown 0.7s;
    -o-animation: slideInDown 0.7s;
    animation: slideInDown 0.7s;
    top: 55px;
    left: 0;
    right: 0;
    z-index: 9;
    background: #ffffffcf;
    backdrop-filter: blur(10px);
    display: none;
}
.temp_show_header{
    display: block;
}
.temp_float_header_parent{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_float_header_parent .temp_product_details_tab_menu {
    margin: 0;
}
.temp_float_header_parent .temp_product_details_tab_menu .nav-tabs {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}
.temp_float_header_parent .temp_product_details_tab_menu .nav-link {
    padding: 25px 0;    
}
.temp_float_header_parent .temp_product_details_tab_menu .nav-link::before {
    bottom: 0;
}
.temp_float_header_parent .temp_product_details_tab_menu .nav-tabs .nav-link.active {    
    background: transparent;
}
.temp_float_right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}
.tempCartbtn{
    background-color: #25346C;
    gap: 10px;
}
/* Floating Header CSS End */

/* Product Slider CSS Start */
.temp_product_slider_wrapper{
    background-color: var(--temp-white-color);
    padding: 80px 0;
}
.temp_product_slider_wrapper .temp_main_heading {
    max-width: 100%;
}
.temp_slider_main{
    position: relative;    
}
.temp_product_slider_parent, .temp_html_templates {
    position: relative;
    overflow: hidden;
    padding: 5px 0;
}
.temp_product_slider_parent .temp_product_box_inenr, .temp_html_templates .temp_product_box_inenr{
    box-shadow: none;
}
.temp_slider_arrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: -58px;
    right: 0;
    z-index: 0;
}
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.swiper-button-next, .swiper-button-prev{
    width: 40px;
    height: 40px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    position: unset;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
    background-color: var(--temp-primary-color);
}
.swiper-button-next svg, .swiper-button-prev svg{
    width: auto;
    height: auto;
    transition: all 0.3s;
}
.swiper-button-next:hover svg, .swiper-button-prev:hover svg{
    fill: var(--temp-white-color);
}
/* Product Slider CSS End */
/* Product Single Page CSS End */

/* Premium Page CSS Start */

/* Premium Banner CSS Start */
.temp_premium_banner_wrapper{
    background-image: url(../images/home_page/premium-banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    position: relative;
}
.temp_premium_banner_img_left, .temp_premium_banner_img_right {
    top: 30px;
}
.temp_premium_banner_img_right {
    position: absolute;    
    right: 30px;
}
.temp_premium_banner_img_left {
    position: absolute;    
    left: 30px;
}
.tempCenterHeading{
    max-width: 100%;
}
.temp_premiun_banner_heading h1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--temp-white-color);
    line-height: 42px;
    text-transform: capitalize;
    max-width: 700px;
    width: 100%;
    margin: auto;
    padding-top: 10px;
}
.temp_premiun_banner_heading h2 {
    font-size: 22px;
    font-weight: 700;
    color: #FFB547;
    line-height: 38px;
    text-transform: capitalize;
    padding-bottom: 10px;
}
.temp_premiun_banner_heading p {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 34px;
    background: #FFFFFF1A;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-white-color);
    text-transform: capitalize;
    padding: 0 20px;
    border-radius: 60px;
    letter-spacing: 0.2px;
}
.temp_premium_product_btn{
    margin-top: 40px;
}
/* Premium Banner CSS End */

/* Premium Product CSS End */
.temp_premium_product_wrapper{
    background-color: var(--temp-white-color);
    padding: 80px 0;    
}
/* Premium Product CSS End */
/* Premium Page CSS End */

/* Product Category CSS Start */
.temp_prdct_catgry_wrapper{
    background-color: var(--temp-white-color);
    padding: 60px 0 80px 0;
}
.temp_prdct_catgry_wrapper .container {
    max-width: 1790px;
}
.temp_prdct_catgry_parent{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
/* Product Category Sidebar CSS Start*/
.temp_prdct_catgry_sidebar{
    max-width: 370px;
    width: 100%;
    background-color: var(--temp-white-color);
    border: 1px solid #EBEDF9;
    box-shadow: 0px 0px 50px 0px #2523781A;
    border-radius: 6px;
    padding: 20px;
    flex: none;
}
.temp_prdct_catgry_sidebar .accordion-item{
    margin-bottom: 10px;
}
.temp_prdct_catgry_sidebar .accordion-button {
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-heading-color) !important;
    background: #F3F8FB !important;
    padding: 0px 15px 0px 20px;
    min-height: 46px;
    box-shadow: none !important;
    margin-bottom: 0;
}
.temp_prdct_catgry_sidebar .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 1px solid #E1E8ED !important;
}
.temp_prdct_catgry_sidebar .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 1px solid #E1E8ED !important;
}
.temp_prdct_catgry_sidebar .accordion-button::after {
    content: '';
    background-image: url(../images/home_page/dropdown-icon.png) !important;
    width: 9px !important;
    height: 6px !important;
    left: auto;
    right: 20px;
    transform: rotate(0deg);
}
.temp_prdct_catgry_sidebar .accordion-button:not(.collapsed):after{
    transform: rotate(-180deg);
}
.temp_prdct_catgry_sidebar .accordion-body {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 20px 15px;
    margin: 0;
    border-radius: 0;
}
.temp_prdct_catgry_sidebar .accordion-body ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.temp_prdct_catgry_sidebar .accordion-body ul li:last-child{
    margin-bottom: 0;
}
.temp_prdct_catgry_sidebar .accordion-body ul li a {
    color: var(--temp-text-color);
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
    transition: all 0.3s;
}
.temp_prdct_catgry_sidebar .accordion-body ul li a:hover{
    color: var(--temp-primary-color);
}
.temp_prdct_catgry_sidebar .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
}
.temp_prdct_catgry_sidebar .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel, .temp_catg_count{
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-text-color);
}
.temp_prdct_catgry_sidebar .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:before {
    top: 1px;
    width: 18px;
    height: 18px;
}
.temp_prdct_catgry_sidebar .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel {
    padding-left: 28px;
}
.temp_prdct_catgry_sidebar .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:after {
    top: 7px;
    left: 5px;
}
.temp_prdct_catg_rating_flex{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_prdct_catg_ratings {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
    margin-top: 3px;
}
.temp_catgr_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_checkbox i {
    font-size: 16px;
    color: #D4DFE5;
}
i.fa.fa-star {
    font-size: 16px;
    color: #D4DFE5;
}
.temp_checkbox i.active{
    color: #FFCB2B;
} 
i.fa.fa-star.active, i.fa.fa-star-half-o {
    color: #FFCB2B;
}
.temp_catg_input_parent{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_catgr_price_input{
    max-width: 104px;
    width: 100%;
    position: relative;
}
.temp_catgr_price_input input {
    width: 100%;
    height: 40px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 0 10px 0 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.temp_catgr_price_input input::placeholder{
    color: var(--temp-heading-color);
}
.tempFixDollar{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.tempDash{
    width: 9px;
    height: 2px;
    background-color: var(--temp-heading-color);
}
.temp_catgr_price > button{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--temp-primary-color);
    border-radius: 6px;
    border: none !important;
    box-shadow: none !important;
}
#product-search-form button.temp_btn {
    width: 100%;
}
/* Product Category Sidebar CSS End*/
.temp_prdct_catgry_right_main {
    width: 100%;
}
.temp_prdct_search_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: #F8F9FF;
    border: 1px solid #EBEDF9;
    border-radius: 6px;
    padding: 45px 50px;
}
.temp_prdct_search_heading h1, .temp_sortby_title h1{
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-heading-color);
    margin-bottom: 5px;
}
.temp_prdct_search_heading p, .temp_sortby_title p, .temp_show_result, .temp_sortby_dropdown > label{
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-text-color);    
}
.temp_prdct_search_right {
    max-width: 650px;
    width: 100%;
    position: relative;
    padding: 4px;
    z-index: 1;
}
.temp_prdct_search_right .temp_box_effect{
    display: none;
}
.temp_prdct_search_right .temp_input input{
    box-shadow: 0px 0px 50px 0px #2523781A;
}
.temp_prdct_search_right .temp_box_effect_inner {
    background: conic-gradient(from 290deg at 50%, var(--lqd-outline-glow-color-secondary, transparent) 0%, var(--lqd-outline-glow-color, #30d074) 30%, var(--lqd-outline-glow-color-secondary, transparent) 25%);       
}
.temp_prdct_search_right .temp_input_categ .nice-select {
    background-color: #E7EBF8;
    font-size: 16px;
    font-weight: 400;
    min-width: 190px;
    height: 50px;
    line-height: 50px;
}
.temp_sortby_result_flex {
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_sortby_result_right {
    max-width: 855px;
    width: 100%;
    min-height: 60px;
    background-color: var(--temp-white-color);
    border: 1px solid #EBEDF9;
    box-shadow: 0px 0px 50px 0px #2523781A;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 10px 0 30px;
}
.temp_sortby_dropdown{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_sortby_dropdown .nice-select {
    background: none;
    min-width: 120px;
    font-size: 16px;
    padding-left: 0px;
}
.temp_catgry_style .nav-tabs{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    border: none;
}
.temp_catgry_style .nav-link{
    padding: 0;
    margin: 0;
    min-width: 40px !important;
    width: 40px;
    height: 40px;    
    background: #FAFAFF;
    border: 1px solid #D9DBEA !important;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.temp_catgry_style .nav-link svg{
    fill: #A4A4BF;
    transition: all 0.3s;
}
.temp_catgry_style .nav-link.active{
    background-color: var(--temp-primary-color);
    border: 1px solid var(--temp-primary-color) !important;
}
.temp_catgry_style .nav-link.active svg{
    fill: var(--temp-white-color);
}
.temp_prdecr_catg_tab_content .temp_product_flex {
    justify-content: flex-start;
    gap: 28px;
}
/* Category List */
#list-tab-pane .temp_product_box {
    max-width: 100%;    
}
#list-tab-pane .temp_product_box_inenr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px;
}
#list-tab-pane .temp_product_box_inenr > a {
    display: flex;
    align-items: center;
}
#list-tab-pane .temp_product_img > img {
    border-radius: 6px;
}
#list-tab-pane .temp_product_flex{
    gap:20px;
}
#list-tab-pane .temp_product_fotoer {
    padding: 0 60px 0 0;
    flex-direction: column;
}
#list-tab-pane .temp_product_preview_btn {
    min-width: 200px;
}
#list-tab-pane .temp_product_name {    
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    max-width: 400px;
    width: 100%;
}
#list-tab-pane .temp_product_detail ul {
    margin-top: 10px;
}
#list-tab-pane .temp_product_detail ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-text-color);
    position: relative;
    /* padding-left: 15px; */
    margin-bottom: 2px;
}
#list-tab-pane .temp_product_detail ul li:last-child{
    margin-bottom: 0;
}
/* #list-tab-pane .temp_product_detail ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: var(--temp-text-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
} */
#list-tab-pane .temp_product_premium_icon {    
    width: auto;
    height: auto;
    min-height: auto;
}
#list-tab-pane .temp_product_box:hover {
    transform: none;
}
#list-tab-pane .temp_product_detail{
    box-shadow: none;
}
#list-tab-pane .temp_product_img {
    border-radius: 6px;
    flex: none;
}
/* Category List */
/* Pagination CSS Start */
.temp_pagination{
    margin-top: 50px;
}
.temp_pagination ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.temp_pagination ul li a{
    width: 40px;
    height: 40px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    color: var(--temp-heading-color);
    transition: all 0.3s;
}
.temp_pagination ul li a:hover{
    background-color: var(--temp-primary-color);
    color: var(--temp-white-color);
}
.temp_pagination ul li a.active{
    background-color: var(--temp-primary-color);
    color: var(--temp-white-color);
}
.temp_pagination ul li a svg{
    transition: all 0.3s;
}
.temp_pagination ul li a:hover svg{
    fill: var(--temp-white-color);
}
/* Pagination CSS End */
/* Product Category CSS End */

/* Contact Page CSS Start */
.temp_contact_wrapper{
    background-color: var(--temp-white-color);
    padding: 80px 0;
}
.temp_contact_wrapper .temp_subheading {    
    max-width: 480px;
    width: 100%;
}
.temp_contact_box{
    max-width: 950px;
    width: 100%;
    margin: auto;
    background-color: var(--temp-white-color);
    border: 1px solid #EBEDF9;
    box-shadow: 0px 0px 50px 0px #2523781A;
    border-radius: 6px;
    padding: 60px;
}
.temp_contact_input_flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}
.temp_contact_input {
    max-width: 400px;
    width: 100%;
    margin-bottom: 15px;
}
.temp_label{
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    margin-bottom: 10px;
}
.temp_contact_country .nice-select{
    width: 100%;
    height: 50px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color:var(--temp-heading-color);
}
.temp_contact_country .nice-select{
    line-height: 50px;
    color: #A4A4BB;
}
.temp_contact_country .nice-select .option.selected {    
    color: var(--temp-heading-color);
}
.temp_contact_textarea_flex .temp_contact_input{
    max-width: 100%;
}
.temp_contact_btn .temp_btn {
    min-height: 50px;
}
/* Contact Page CSS End */

/* Inner Pages CSS End */

/* Login Header CSS Start */
.tp_head_logged {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;    
    padding: 10px;
}
.tp_head_cart:first-child {
    margin-right: 8px;
}
.tp_head_cart a {
    display: flex;
    align-items: center;
    position: relative;
}
.tp_head_cart a > span {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--temp-primary-color);
    color: var(--temp-white-color);
    font-size: 10px;
    position: absolute;
    top: -7px;
    right: -10px;
}
.tp_head_cart a i {
    font-size: 18px;
    color: var(--temp-heading-color);
    transition: all .5s ease-in-out;
}
.tp_head_cart a {
    display: flex;
    align-items: center;
    position: relative;
}
.tp_head_cart a i {
    font-size: 18px;
    color: var(--temp-heading-color);
    transition: all .5s ease-in-out;
}
.tp_head_cart a i:hover {
    color: var(--temp-primary-color);
}
.dropdown, .dropend, .dropstart, .dropup {
    position: relative;
}
.dropdown-toggle::after {
    content: "";
    transform: rotate(0deg);
    background-image: url(../images/home_page/dropdown-icon.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.nice-select:after {
    content: '';
    border-bottom: none;
    border-right: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: rotate(0deg);
    background-image: url(../images/home_page/dropdown-icon.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    transition: all 0.2s;
}
.dropdown-menu {
    background: #FBFCFF;
    top: 30px;
    right: 0;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    transition: all 0.3s;    
}
.tp_head_logged .dropdown-menu{
    transform: translate(-111px, 35px);
}
.tp_head_logged .dropdown-menu.show {
    display: block;
    transform: translate(-111px, 35px) !important;
}
.dropdown-menu .dropdown-item {
    display: inline-block;
    color: var(--temp-text-color);
    font-weight: 400;
    font-size: 14px;
}
.tp_head_logged .dropdown-item.active, .tp_head_logged .dropdown-item:active{
    background-color: var(--temp-primary-color);
    color: var(--temp-white-color);
}
/* .dropdown-menu .dropdown-item:hover{
    color: var(--temp-primary-color);
} */
.dropdown-menu strong.dropdown-item {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-heading-color);
    border-bottom: 1px solid rgb(204 220 232/0.25);
    padding-bottom: 11px;
    margin-bottom: 8px;
}
.tp_head_logged .dropdown .dropdown-toggle {
    width: 33px;
    height: 33px;
    background: var(--temp-primary-color);
    border-radius: 50%;
}
.dropdown > a > img {
    width: 33px;
    height: 33px;
    object-fit: cover;
    border-radius: 50%;
    /* background-color: var(--temp-primary-color);     */
}
.dropdown-divider{
    border-top: 1px solid transparent;
}
hr{
    background-color: #CCDCE8;
}
/* Login Header CSS End */

/* Profile CSS Start */
.tp_propage_wrapper {
    padding: 60px 0;
    position: relative;
    background-color: var(--temp-white-color);
}
.tp_propage_wrapper .container{
    max-width: 1250px;
}
.tp_propage_text {
    background: #fff;
    border: 1px solid #EBEDF9;
    box-shadow: 0px 0px 50px 0px #2523781A;
    border-radius: 10px;
    padding: 0 0 0px 0;
}
.tp_propage_text .nav, .tp_propage_text .tab-content {    
    padding: 10px 0px 10px 15px;
}
.tp_propage_text .nav {
    flex-direction: row;
    padding: 0;
    background: none;
    border-bottom: 1px solid #EBEDF9;
    padding-left: 35px;
    gap: 20px;
}
.tp_propage_text .tab-content{
    border-left:0;
}
.tp_download_text .star_rating ul li i.fa.fa-star-half-o {
    color: var(--theme-color);
}
.tp_propage_text .tab-content {
    padding: 30px;
    background: none;
}
.nav-pills .nav-link {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: var(--temp-heading-color) !important;
    text-transform: capitalize;
    transition: all .2s ease-in-out;
    border-left: 0 !important;
    padding: 25px 10px 15px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 1;
}
.nav-pills .nav-link::before{
    content: '';
    width: 100%;
    height: 5px;
    border-radius: 50px 50px 0 0;
    background-color: var(--temp-primary-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    margin: auto;
    transition: all 0.3s;
}
.nav-pills .nav-link::after {
    content: '';
    width: 110%;
    height: 0;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #D4FFE6 100%);
    position: absolute;
    top: 0;
    left: -8px;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.3s;
    z-index: -1;
}
.nav-pills .nav-link:hover::before, .nav-pills .nav-link.active::before{
    width: 100%;
}
.nav-pills .nav-link:hover::after, .nav-pills .nav-link.active::after{
    height: 100%;
}
.tp_propage_text .nav-pills .nav-link svg {
    fill: var(--temp-heading-color);
    transition: all .2s ease-in-out;
}
.tp_propage_text .nav-pills .nav-link.active, .tp_propage_text .nav-pills .nav-link:hover{        
    background: transparent !important;
    color: var(--temp-primary-color) !important;    
}
.tp_propage_text .nav-pills .nav-link.active svg, .tp_propage_text .nav-pills .nav-link:hover svg{
    fill: var(--temp-primary-color);    
}
.tp_propage_head h2{
    font-size: 25px;
    font-weight: 700;
    color: var(--temp-heading-color);
}
.tp_propage_head{
    margin-bottom: 30px;
}
.tp_propage_head p {
    color: var(--temp-subheading-color);
    margin-top: 0px;
    font-size: 16px;
    font-weight: 400;
}
.tp_propage_head p span{
    font-weight: 500;
}
.tp_propage_profilehead h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
    margin-bottom: 30px;
}
.tp_propage_profilehead p{
    color: var(--temp-text-color);
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
}
.tp_propage_invoice p{
    margin-bottom: 10px;
}
.tp_pro_downbox {
    background-color: var(--temp-light-blue-bg);
    border-radius: 8px;
    padding: 10px 10px 20px;
    margin-bottom: 20px;
}
.tp_user_img {
    text-align: left;
    width: 150px;
    height: 150px;
    position: relative;
    margin-left: 0;
}
.tp_user_img > img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}
.tp_user_edit {
    width: 40px;
    height: 40px;
    background: var(--temp-primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    cursor: pointer;
}
.tp_user_edit > i {
    color: var(--temp-white-color);
    font-size: 18px;
}
.tp_propage_profile_form .card-body {
    padding: 0px 0 40px 0;
    border: none;
    width: 100%;
    margin-left: 0;
}
.tp_input_text{
    margin-bottom: 15px;
}
.tp_input_text input {
    color: #A4A4BB;
    font-size: 14px;
    font-weight: 400;
}
.tp_input_text::placeholder{
    color: #A4A4BB;
}
.tp_propage_profile_form .nice-select {
    background-color: #fbfcff;
    border-radius: 4px;
    border: none;
    color: var(--temp-heading-color);
    font-weight: 500;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 6px;
    border: 1px solid #ECF1FF !important;
    color: #A4A4BB;
    font-size: 14px;
}
.tp_propage_profile_form .nice-select .option{
    color: var(--temp-heading-color);
}
.tp_propage_profile_form .nice-select .option.selected {
    font-weight: 600;
    color: var(--temp-heading-color);
}
.tp_propage_profile_form .temp_btn{
    min-height: 50px;
}
.error {
    color: red;
    font-size: 13px;
}
/* Table CSS */
.tp_propage_profile_wrapper  .table>thead>tr:first-child {    
    background: var(--temp-light-blue-bg);
}
.tp_propage_profile_wrapper .table>thead>tr>th {
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-heading-color);
    padding: 15px !important;
    border-bottom: 0;
}
.tp_propage_profile_wrapper .table>thead>tr>th:first-child {
    border-radius: 10px 0 0 0px;
    padding: 15px 20px !important;
}
.tp_propage_profile_wrapper .table>thead>tr>th:last-child{
    border-radius: 0 10px 0px 0;
    padding: 15px 20px !important;
}
.tp_propage_profile_wrapper .table>tbody>tr:nth-of-type(2n+2) {
    background-color: #fbfcff;
}
.tp_propage_profile_wrapper tbody>tr>td {
    font-size: 14px !important;
    font-weight: 400;
    color: var(--temp-text-color) !important;
    padding: 15px 10px !important;
    background: transparent;
    border: 0;
}
.tp_propage_profile_wrapper tbody>tr>td:first-child{
    border-radius: 10px 0 0 10px;
    padding: 15px 20px !important;
}
.tp_propage_profile_wrapper tbody>tr>td:last-child {
    border-radius: 0px 10px 10px 0px;
    padding: 15px 20px !important;
}
.tp_propage_profile_wrapper tbody>tr>td.temp_pending_status {
    background: #fff8ea;
    text-align: center;
}
.tp_propage_profile_wrapper tbody>tr>td.temp_complete_status {
    background: #eaffed;
    text-align: center;
}
.tp_propage_profile_wrapper tbody>tr>td ul li{
    text-align: center;
}
.tp_propage_profile_wrapper tbody>tr>td ul li a {
    color: var(--temp-primary-color); 
}
.tp_propage_table a.tp_edit {
    background-color: var(--temp-primary-color);
    margin: auto;
}
.temp_product_box.temp_product_download_box {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    margin-bottom: 10px;
}
.temp_product_box.temp_product_download_box:hover {
    transform: none;
}
.temp_product_download_box .temp_product_box_inenr {
    background: none;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
}
.temp_product_download_box .temp_product_img {
    max-width: 200px;    
    max-height: 130px;
    min-height: 130px;    
    border-radius: 6px;
}
.temp_product_download_box .temp_product_img > img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: auto;
    border-radius: 6px;
}
.temp_profile_product_left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.temp_profile_product_title {
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-heading-color);
    margin: 10px 0;
}
span.temp_profile_license_type {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #F3F8FB;
    border: 1px solid #E1E8ED;
    min-height: 38px;
    font-size: 15px;
    font-weight: 500;
    color: var(--temp-heading-color);
    margin: 10px 0;
    border-radius: 6px;
    padding: 0 15px;
    gap: 3px;
}
.temp_profile_product_left .temp_cart_addon_services {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    max-width: 630px;
}
.temp_profile_product_right {
    margin-left: auto;
}
.temp_profile_rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_profile_rating > p{
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.temp_profile_rating_div {
    background-color: var(--temp-white-color);
    border: 1px solid #E8ECF9;
    border-radius: 6px;
    min-height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0 15px;    
}
.temp_profile_download_btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}
.temp_profile_download_btn .temp_btn {
    min-width: 125px;
    min-height: 36px;
    padding: 0 15px;
    gap: 10px;
}
.temp_profile_download_btn .temp_hosting_btn{
    background: #25346C;
}
.temp_profile_support_line> p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.temp_profile_support_line> p{
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-heading-color);
}
.temp_profile_support_line> p > a{
    font-weight: 600;
    color: var(--temp-primary-color);
}
/* Manage Subscription CSS Start */
.temp_mng_sbcrptn_wrapper {
    max-width: 600px;
    width: 100%;
}
.temp_mng_sbrctn_title {
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
    margin-bottom: 30px;
}
.temp_mng_plan {
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
    margin-bottom: 10px;
    display: block;
}
.temp_mng_sbrptn_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_mng_sbcrrptn_left {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_mng_sbscrptn_name {
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-heading-color);
}
.temp_mng_plan_status {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 60px;
    min-height: 25px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.tempActiveStatus{
    background: #30d0741f;
    border: 1px solid var(--temp-primary-color);
}
.tempInActiveStatus{
    background: #d035301f;
    border: 1px solid red;
}
.temp_mng_sbcrrptn_right a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    background: #f0f8fd;
    border-radius: 50px;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 600;
    color: var(--temp-heading-color);
    transition: all 0.3s;
}
.temp_mng_sbcrrptn_right a:hover{
    background-color: var(--temp-primary-color);
    color: var(--temp-white-color);
}
.temp_mng_plan_details {
    background: var(--temp-white-color);
    border: 1px solid #E1E8ED;
    border-radius: 6px;
    padding: 25px 20px;
    margin-top: 30px;
}
.temp_mng_plan_details ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_mng_plan_details ul li p{
    font-size: 15px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.temp_mng_plan_details ul li span{
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-heading-color);
}
.temp_mng_plan_btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}
.temp_mng_plan_btns .temp_btn{
    min-width: 120px;
}
.temp_mng_plan_btns .temp_btn:last-child{
    background-color: var(--temp-heading-color);
}
/* Manage Subscription CSS End*/
/* Profile CSS End */

/* Checkout Page CSS Start */
.tp_secure_checkout_wrapper .container {
    max-width: 1340px;
}
.tp_view_text h2 { 
    font-size: 22px;   
    color: var(--temp-heading-color);
}
.tp_step_box a span {
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
    
}
.tp_view_text p, .tp_payment_details_box p {
    font-size: 14px;
    color: var(--temp-subheading-color);
    text-transform: initial;
}
.tp_payment_details_box h2 {
    color: var(--temp-heading-color);
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0;
    margin: 0;
    padding: 0;
}
.tp_payment_details_box p {
    margin: 5px 0 15px 0;
}
.tp_payment_details_wrapper .tp_view_text {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E1E8ED;
}
.temp_checkout_right .tp_view_text {
    border-bottom: 0;
    padding-bottom: 0;
}
.tp_view_box {
    margin-top: 0;
    justify-content: flex-end;
    border-bottom: 1px dotted #CCDCE8;
}
.tp_view_box.tp_concheck_box {    
    border: none;
}
.tp_step_box:after {
    left: 131px;
}
.tp_view_box .temp_main_heading {   
    justify-content: flex-start;    
}
.tp_view_box .temp_heading_center {
    text-align: left;
}
.tp_payment_details_box {
    padding: 30px;
    margin-bottom: 20px;
}
.tp_payment_details_box {
    padding: 0px;
    margin-bottom: 20px;
    background: var(--temp-white-color);
}
.tp_form_code{
    background: var(--temp-white-color);
    border: 1px solid #EBEDF9;
    box-shadow: 0px 0px 50px 0px #2523781A;
}
.tp_step_box a svg circle.cls-1 {
    fill: var(--temp-primary-color);
}
.tp_input_main:last-child {
    margin-bottom: 20px;
}
.tp_input_main .tp_input {    
    margin-bottom: 0;
    margin-top: 15px;
}
.tp_input_main .tp_input .temp_input_field{
    width: 100%;
    height: 50px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-heading-color);
}
.tp_form_field_radio .temp_radio label {
    background-color: #fbfcff;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    margin: 10px 0px 20px;
    display: flex;
    align-items: center;
    padding: 0px 20px 0 40px !important;
    gap: 20px;
    min-height: 50px;
}
.tp_form_field_radio .temp_radio .temp_radioInput + .temp_radioLabel:before {
    top: 15px;
    left: 15px;
}
.tp_form_field_radio .temp_radio .temp_radioInput + .temp_radioLabel:after {
    top: 20px;
    left: 20px;
}
.tp_form_field_radio .temp_radio .temp_radioInput + .temp_radioLabel {
    font-size: 15px;
    font-weight: 500;
    color: #333333;
}
.tp_form_field_radio .temp_radio .temp_radioInput:checked + .temp_radioLabel {
    color: var(--temp-primary-color);
    background: #eafff3;
    border: 1px solid var(--temp-primary-color);
}
.tp_form_field_radio .temp_radio .temp_radioInput + .temp_radioLabel:hover {
    color: #333333;
}
.tp_form_field_radio p {        
    outline: none;
    border: none;
    height: 50px;
    width: 100%;
    padding: 0px;
    display: flex;
    align-items: center;
}
.tp_img_position {
    position: unset;
    flex: none;
    margin-left: auto;
}
.tp_form_field_radio input{
    height: auto;
}
.tp_custom_radio_btn label {
    margin: 8px 0 0 0px;
}
.tp_order_left p {
    color: var(--temp-subheading-color);  
}
.tp_payment_details_wrapper .temp_btn{
    min-height: 50px;
}
.tp_form_code_coupon .temp_btn {
    min-width: 130px;
}
.temp_checkout_right {
    border: 1px solid #E1E8ED;
    border-radius: 6px;
    padding: 25px 20px;
    max-height: 740px;
    overflow-x: hidden;
}
.temp_check_license_type{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_check_license_type h3 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 32px;
    padding: 0 15px;
    background: #F3F8FB;
    border: 1px solid #E1E8ED;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.temp_check_license_type h3 b {
    padding-left: 5px;
}
.temp_check_license_type span {
    font-size: 20px;
    font-weight: 700;
    color: var(--temp-heading-color);
}
.tempCheckoutFieldParent {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.tempChecoutItemBox {
    border: 1px solid #E1E8ED;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
}
.temp_checkout_right .temp_subtotal h1{
    font-size: 23px;
}
.tempChecoutItemBox .temp_buynow_prodct_name{
    gap: 15px;
}
.tempChecoutItemBox .temp_buynow_prodct_name .temp_product_name{
    font-size: 13px;
}
.tempChecoutItemBox .temp_bynw_prdct_img {    
    width: 100px;
    height: 70px;
}
.tempChecoutItemBox .temp_offer_services {
    margin-top: 15px;
}
.tempChecoutItemBox .temp_offer_services ul {
    margin-bottom: 0px;
    max-height: 110px;
    overflow-x: hidden;
}
.tempChecoutItemBox .temp_offer_services ul li h4 {
    font-size: 15px;
    font-weight: 600;    
}
.tempChecoutItemBox .temp_offer_services ul li {
    margin-bottom: 5px;
}
.tempChecoutItemBox .temp_offer_services ul li > p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}
.temp_cart_checkt_addon_services ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.temp_cart_checkt_addon_services ul li:last-child{
    margin-bottom: 0;
}
.temp_cart_checkt_addon_services ul li p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.temp_cart_checkt_addon_services ul li p svg{
    fill: var(--temp-primary-color);
    flex: none;
}
.temp_cart_checkt_addon_services ul li h4{
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-primary-color);
    flex: none;
    margin-left: auto;
}
/* Checkout Page CSS End */

/* Cart Page CSS Start */
.tp_cart_wrapper .container {
    max-width: 1340px;
}
.tp_single_grid .tp_istop_box {
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
}
.tp_overlay_btn button.temp_btn {
    gap: 10px;
    min-height: 50px;
}
.bottom_content {
    margin-bottom: 10px;
}
.bottom_content > h5 {
    color: var(--temp-heading-color);
    max-width: 350px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}
.bottom_content > p {
    color: var(--temp-text-color);     
}
.addto_cart h4 {
    font-size: 20px;
    color: var(--temp-heading-color);
    font-weight: 600;
}
.product_list_view .active_red.active_redhide {    
    font-size: 15px;
    color: var(--temp-text-color);    
    background: transparent !important;
    border: none !important;
}
.product_list_view .active_red.active_redhide i.fa.fa-heart{
    color: var(--temp-text-color);    
}
.tp_continue_checkout > .temp_btn {
    min-height: 50px;
    gap: 10px;
}
.tp_main_heading h2 {
    font-size: 22px;
    color: var(--temp-heading-color);    
}
.tp_payment_order_details_box{
    background-color: var(--temp-white-color);
    border: 1px solid #E1E8ED;
    border-radius: 6px;
    padding: 30px 20px;
}
.tp_cart_wrapper .tp_order_list {
    margin-top: 0;
    border: none;
    padding: 0 15px;
}
.temp_cart_subtotal {
    background: #FBFCFF;
    border: 1px solid #ECF1FF !important;
    border-radius: 6px;
    padding: 10px 15px !important;
    margin-top: 10px !important;
}
.tp_cart_wrapper .tp_payment_details_box > p {
    padding: 0 0 25px 0;
    margin-bottom: 25px;
    border-bottom: 1px dotted #CCDCE8;    
}
.temp_total_product_flex {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
    margin-bottom: 20px;
}
.temp_total_product_flex p{
    font-size: 18px;
    font-weight: 500;
    color: var(--temp-heading-color);
}
.tp_cart_wrapper .tp_order_left p {
    color: var(--temp-heading-color);
    font-weight: 500;
    margin-top: 10px;
}
.temp_cart_subtotal .tp_order_left p { 
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.tp_cart_wrapper .tp_order_left.tp_text_right p {    
    font-size: 18px;
    font-weight: 600;
}
.tp_cart_wrapper .temp_cart_subtotal .tp_order_left.tp_text_right p {        
    font-weight: 700;
}
.tp_cart_wrapper .bottom_content > p {    
    text-transform: capitalize;
}
.tp_cart_wrapper .tp_istop_box {    
    position: relative;
}
#delete-item {
    position: absolute;
    top: 5px;
    right: 8px;
}
button.temp_cart_delete_btn {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;    
}
.tp_cart_wrapper .product_list_view .active_red.active_redhide {
    font-size: 14px;
    color: var(--temp-white-color);
    background: var(--temp-primary-color)!important;  
    display: inline-flex;  
}
.tp_cart_wrapper .product_list_view .tp_overlay_btn{
    margin: 0;
}
.temp_cart_btn_with_price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
}
.temp_cart_btn_with_price .temp_btn{
    gap: 10px;
}
.temp_cart_btn_with_price .temp_btn svg {
    fill: var(--temp-white-color);
}
.temp_cart_addon_services{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.temp_cart_addon_services p {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;        
}
.temp_cart_addon_services p svg{
    fill: var(--temp-primary-color);
}
.tp_cart_wrapper .tp_istop_box a .grid_img {
    max-width: 200px;
    min-width: 130px;    
}
.tp_cart_wrapper .product_list_view .tp_istop_box {    
    align-items: flex-start;
}
.tp_cart_wrapper .temp_offer_services.tempChoseLicense {
    margin:0;
}
/* Cart Page CSS End */

/* Wishlist Page CSS Start */
.temp_wishlist_wrapper .container {
    max-width: 1750px;
}
.tp_singlepage_section.temp_wishlist_wrapper {
    padding-top: 80px;
}
button.watchlist_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    font-size: 15px;
    font-weight: 500;
    background: #30d0741f;
    border-radius: 4px;    
    border: 1px solid rgb(48 208 116 / 35%);
    gap: 10px;
    padding: 0 15px;
}
button.tp_btn_wish.watchlist_btn.temp_home_page_wishlist_icon {
    min-height: 36px;
    padding: 0 10px;
    border: none;
    background-color: transparent;
    position: absolute;
    top: -100px;
    right: 10px;
    z-index: 1;
}
#list-tab-pane button.tp_btn_wish.watchlist_btn.temp_home_page_wishlist_icon{
    top: -70px;
    right: 0px;
}
button.tp_btn_wish.watchlist_btn.temp_home_page_wishlist_icon.active {
    min-height: 36px;
    padding: 0 10px;    
}
button.tp_btn_wish.watchlist_btn.temp_home_page_wishlist_icon i {
    color: #a1a1a1;
}
button.tp_btn_wish.watchlist_btn.temp_home_page_wishlist_icon.active i {
    color: red;
}
button.watchlist_btn svg{
    fill: var(--temp-primary-color);
}
button.watchlist_btn.tempWishlistAdded {
    background-color: var(--temp-primary-color);
    border: 1px solid var(--temp-primary-color);
    color: var(--temp-white-color);
}
button.watchlist_btn.tempWishlistAdded svg{    
    fill: var(--temp-white-color);
}
.temp_wishlist_wrapper .bottom_content > p {
    text-transform: capitalize;
}
.temp_wishlist_wrapper .temp_cart_addon_services p{
    flex:0 0 49%;
}
.addto_cart {
    margin: 0;
}
.temp_wishlist_wrapper.tp_cart_wrapper .bottom_content > h5{
    max-width: 100%;
}
/* Wishlist Page CSS End */

/* Payment Page CSS Start */
.tp_payment_wrapper {
    padding: 50px 0px 100px;
}
.tp_payment_wrapper .container{
    max-width: 1340px;
}
.tp_payment_sucess h2 {    
    font-size: 25px;
    font-weight: 700;
    color: var(--temp-heading-color);
    margin-bottom: 10px;
}
.tp_payment_list h4{
    font-size: 14px;
    font-weight: 500;
}
.tp_payment_list p {
    color: var(--temp-heading-color);
    font-weight: 600;
    font-size: 14px;
}
.tp_payment_list p {        
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tp_payment_box ul, .tp_payproduct_list ul {
    border: 1px solid #E1E8ED;
    padding: 0 0 0px 0px;    
}
.tp_payment_box ul li {
    border-bottom: 1px solid #E1E8ED;
    padding: 10px 15px;
}
.tp_payment_box ul li:last-child .tp_payment_list h4, .tp_payment_box ul li:last-child .tp_payment_list p{
    font-size: 18px;
    font-weight: 600;
}
.tp_trans_btn .dropdown button.tp_btn.dropdown-toggle {
    border: 1px solid #E1E8ED;    
    color: var(--temp-heading-color);    
}
a.tp_btn.tp_btn_payment {
    padding: 0 15px;
    box-shadow: 0px 0px 60px 0px #2523781A;
    background: #30d074;
}
.temp_thankyou_wrapper {
    padding: 50px 0;
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: auto;
    background: var(--temp-white-color);
    border-radius: 10px;
    box-shadow: 0px 0px 60px 0px #2523781A;
    margin: 50px auto 80px auto;
}
.temp_thankyou_wrapper > h1 {
    font-size: 35px;
    font-weight: 700;
    color: var(--temp-heading-color);
    margin: 10px 0;
}
.temp_thankyou_wrapper > p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}
.temp_thankyou_wrapper .temp_btn {
    min-height: 50px;
    font-size: 16px;
    margin-top: 20px;
}
/* Payment Page CSS End */

/* Pricing Page CSS Start */
.temp_pricing_wrapper{
    background-image: url(../images/home_page/price-bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    padding: 80px 0;
}
.temp_pricing_wrapper .container{
    max-width: 1200px;
}
.temp_price_heading {
    text-align: center;
}
.temp_price_heading .nav-tabs {
    display: inline-flex;
    justify-content: center;
    border: 2px solid var(--temp-primary-color);
    background: transparent;
    border-radius: 50px;
    min-height: 54px;    
}
.temp_price_heading .nav-tabs .nav-link {
    font-size: 22px;
    font-weight: 700;
    color: var(--temp-white-color);
    min-height: 54px;
    min-width: 130px;
    padding: 0 25px;
    border-radius: 60px 0px 100px 60px;
    text-transform: uppercase;
    border: none !important;
    margin: -1px;
    position: relative;
    z-index: 1;
}
.temp_price_heading .nav-tabs .nav-item:first-child .nav-link{
    border-radius: 60px 0px 100px 60px;
}
.temp_price_heading .nav-tabs .nav-item:last-child .nav-link{
    border-radius: 0px 60px 60px 100px;
}
.temp_price_heading .nav-tabs .nav-item:first-child .tempPriceBtnShape{
    border-radius: 60px 0px 100px 60px;
}
.temp_price_heading .nav-tabs .nav-item:last-child .tempPriceBtnShape{
    border-radius: 0px 60px 60px 100px;
}
.temp_price_heading .nav-tabs .nav-link.active{
    background-color: var(--temp-primary-color);    
}
.temp_price_heading h1 {
    font-size: 30px;
    font-weight: 700;
    color: var(--temp-white-color);
    margin: 20px 0 0px 0;
}
.temp_price_heading h2 {
    font-size: 26px;
    font-weight: 400;
    color: var(--temp-white-color);
    max-width: 900px;
    width: 100%;
    margin: auto;
}
.temp_price_main {
    max-width: 970px;
    width: 100%;
    margin: auto;
    padding-top: 50px;
}
.temp_price_box{
    max-width: 470px;
    width: 100%;
    background-color: var(--temp-white-color);
    border: 1px solid #ECF1FF;
    box-shadow: 0px 0px 60px 0px #4A489B1A;
    border-radius: 6px;
    padding: 20px;
    position: relative;
}
.temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box{
    background: #9E00FF;
    border: 1px solid #9E00FF;
}
.temp_price_head {
    padding-left: 20px;
}
.temp_price_head h1{
    font-size: 50px;
    font-weight: 700;
    color: var(--temp-heading-color);
}
.temp_price_head h1 > span{
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-primary-color);
}
.temp_price_head h2 {
    font-size: 25px;
    font-weight: 600;
    color: var(--temp-heading-color);
    margin: 5px 0 0 0;
}
.temp_price_head p{
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-subheading-color);
}
.temp_price_head h3 {
    font-size: 18px;
    color: var(--temp-white-color);
}
span.offer_price {
    text-decoration: line-through;
}
span.tbp_price {
    font-weight: 700;
    color: #ffc700;
    font-size: 22px;
    display: inline-block;
    padding-left: 5px;
}
.temp_price_feat_list {
    background: #F9FAFF;
    border: 1px solid #ECF1FF;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.temp_price_main .row .col-lg-6:first-child .temp_price_feat_list {
    margin-top: 47px;
}
.temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_feat_list{
    background: #A91CFF;
    border: 1px solid #BA4AFF;
}
.temp_price_feat_list p{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
    margin-bottom: 20px;
}
.temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_feat_list p, .temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_head h1, .temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_head h2, .temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_head p{
    color:var(--temp-white-color);
}
.temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_head h1 span {
    color: #40f88e;
}
.temp_price_feat_list p >svg {
    fill: var(--temp-primary-color);
    display: block;
    margin-top: 8px;
    flex: none;
}
.temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_feat_list p >svg{
    fill: var(--temp-white-color);
}
.temp_price_feat_list p:last-child{
    margin-bottom: 0;
}
.temp_price_btn{
    margin-top: 20px;
}
.temp_price_btn .temp_btn {
    width: 100%;
    min-height: 56px;
    font-weight: 600;
    transition: all 0.4s;
    text-transform: uppercase;
}
.temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_btn .temp_btn{
    background: #FFC700;
    color: var(--temp-heading-color);
}
.temp_price_main .row .col-lg-6:nth-child(2) .temp_price_box .temp_price_btn .temp_btn:hover{
    color: var(--temp-white-color);
}
h1.temp_price_tag{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 37px;
    background: #FFC700;
    border-radius: 0 0 20px 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-heading-color);
    padding: 0 20px;
    position: absolute;
    top: -1px;
    right: 20px;
}
.temp_price_contact{
    text-align: center;
}
.temp_price_contact h1{
    font-size: 26px;
    font-weight: 700;
    color: var(--temp-heading-color);
}
.temp_price_contact_box{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 25px 35px;
    margin-top: 20px;
}
.temp_price_contact_info {
    text-align: left;
}
.temp_price_contact_info h2{
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-heading-color);
}
.temp_price_contact_info a {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: var(--temp-primary-color);
    text-transform: lowercase;
}
p.tempPriceNote {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}
p.tempPriceNote > span{
    font-weight: 600;
    color: var(--temp-primary-color);
}
/* Pricing Page CSS End */

/* Policy Pages CSS Start */
.temp_policy_pages_wrapper{
    background-color: var(--temp-white-color);
    padding: 80px 0;
}
.temp_policy_pages_wrapper .container{
    max-width: 1200px;
}
.temp_policy_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.temp_policy_parent p {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}
.temp_policy_parent p > a {
    color: #1778f2;
    text-transform: lowercase;
}
.temp_policy_subtitle {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 5px;
}
.temp_policy_parent span {
    font-size: 16px;
    font-weight: 600;
}
.temp_policy_parent h6 {
    font-size: 16px;
    color: #555555;
    font-weight: 400;
    margin: 15px 0;
}
.temp_policy_parent h5{
    font-size: 16px;
}
/* Policy Pages CSS End */

/* Faq Page CSS Start */
.temp_faq_banner_wrapper{
    background: #140E23;
    padding: 60px 0;
}
.temp_faq_banner_head{
    text-align: center;
}
.temp_faq_banner_head h1{
    font-size: 22px;
    font-weight: 700;
    color: var(--temp-white-color);
    text-transform: capitalize;
}
.temp_faq_banner_head p{
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-white-color);   
    padding-top: 5px; 
}
.temp_faq_search{
    margin-top: 20px;
}
.temp_faq_search .temp_input{
    max-width: 650px;
}
.temp_faq_search .temp_input input{
    width: 100%;
    padding: 0 20px 0 60px;
}
.temp_faq_search .temp_input > button {
    top: 0;
    bottom: 0;    
    margin: auto;
}
.tempFaqPageWrapper .accordion-button {
    padding: 21px 10px 21px 45px;
    cursor: text;
}
.tempFaqPageWrapper .accordion-button:not(.collapsed):after {
    content: "";
    background: url(../images/home_page/faq-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px !important;
    height: 20px !important;
    left: 15px;
    position: absolute;
    transform: none;
}
.temp_faq_bottom_parent{
    margin-top: 30px;
}
.temp_faq_flexbox{
    background: #FFFAF2;
    border: 1px solid #FF9B00;
    border-radius: 10px;
    padding: 25px 20px 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_faq_flexboxTicket{
    background: #F9F2FF;
    border: 1px solid #A93BFF;
}
.temp_faq_img{
    flex: none;
}
.temp_faq_flexbox h4{
    font-size: 16px;
    font-weight: 700;
    color: var(--temp-heading-color);
    max-width: 210px;
    width: 100%;
}
.temp_faq_flexbox .temp_btn{
    min-height: 50px;
    gap: 10px;
    background: #FF9B00;
}
.temp_faq_flexboxTicket .temp_btn{
    background: #A93BFF;
}
.tempFaqPageWrapper .accordion {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.tempFaqPageWrapper .accordion-item {
    flex: 0 0 49%;
    margin-bottom: 0;
}
.accordion-body p a {
    color: #1778f2;
    text-transform: lowercase;
}
.temp_nofaq{
    display: none;
}
/* Faq Page CSS End */

/* Contact Page CSS Start */
.temp_contact_wrapper {
    background-color: var(--temp-white-color);
    padding: 80px 0 0 0;
}
.temp_contact_wrapper .container{
    max-width: 1200px;
}
.temp_contact_wrapper .temp_main_heading {    
    justify-content: flex-start;
}
.temp_contact_wrapper .temp_heading_center {    
    text-align: left;
}
.temp_contact_wrapper .temp_subheading {    
    max-width: 480px;
    width: 100%;
}
.temp_contact_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}
.temp_contact_box {
    max-width: 770px;
    width: 100%;
    background-color: var(--temp-white-color);
    border: 1px solid #EBEDF9;
    border-radius: 6px;
    padding: 60px;
}
.temp_contact_input_flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}
.temp_contact_input {
    max-width: 400px;
    width: 100%;
    margin-bottom: 15px;
}
.temp_label{
    font-size: 16px;
    font-weight: 500;
    color: var(--temp-heading-color);
    text-transform: capitalize;
    margin-bottom: 10px;
}
.temp_contact_country .nice-select{
    width: 100%;
    height: 50px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color:var(--temp-heading-color);
}
.temp_contact_country .nice-select{
    line-height: 50px;
    color: #A4A4BB;
}
.temp_contact_country .nice-select .option.selected {    
    color: var(--temp-heading-color);
}
.temp_contact_textarea_flex .temp_contact_input{
    max-width: 100%;
}
.temp_contact_btn .temp_btn {
    min-height: 50px;
}
.temp_contact_right {
    max-width: 420px;
    width: 100%;
    background: #140E23;
    border-radius: 20px;
    padding: 40px;
    flex: none;
    margin-left: -20px;
}
.temp_contact_right h1{
    font-size: 22px;
    font-weight: 700;
    color: var(--temp-white-color);
}
.temp_contact_right > p {
    font-size: 18px;
    font-weight: 400;
    color: var(--temp-white-color);
    line-height: 26px;
    margin-top: 10px;
}
.temp_contact_info_box {
    background-color: var(--temp-white-color);
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 15px 25px 25px;
    margin-top: 15px;
    gap: 15px;
}
.temp_contact_info_box > img{
    flex: none;
}
.temp_contact_box_details h5{
    font-size: 16px;
    font-weight: 700;
    color: var(--temp-heading-color);
}
.temp_contact_box_details p{
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}
.temp_contact_social_box {
    max-width: 970px;
    width: 100%;
    margin: auto;
    background: #140E23;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin-bottom: 50px;
}
.temp_contact_social_left {
    padding-left: 40px;
}
.temp_contact_social_left h1{
    font-size: 24px;
    font-weight: 600;
    color: var(--temp-white-color);
}
.temp_contact_social_left p {
    font-size: 16px;
    font-weight: 400;
    color: var(--temp-white-color);
    margin: 3px 0 25px 0;
    max-width: 400px;
    width: 100%;
}
.temp_contact_social_left .temp_btn{
    min-height: 50px;
}
.temp_contact_social_right{
    flex: none;
}
/* Contact Page CSS End */

/* TopBar CSS Start */
.temp_topbar_wrapper{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    z-index: 9999;
    background-color: #25346c;
    box-shadow: 0px 13px 60px 0px #7145A10F;
    padding: 15px 0;
}
.remp_topbar_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.temp_topbar_left_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    max-width: 35%;
}
.temp_topbar_left_content a {
    width: 30px;
    height: 40px;
    background: #fff;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    flex: none;
}
.temp_topbar_left_content a:hover{
    background-color: var(--temp-primary-color);
    border: 1px solid var(--temp-primary-color);
}
.temp_topbar_left_content a:hover svg{
    fill: var(--temp-white-color);
    transition: all 0.3s;
}
.temp_topbar_prdctname{
    font-size: 14px;
    font-weight: 600;
    color: var(--temp-white-color);    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.temp_topbar_center_content ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.temp_topbar_center_content ul li button{
    width: 40px;
    height: 40px;
    background: #FBFCFF;
    border: 1px solid #DEE4F5;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;
    transition: all 0.3s;
}
.temp_topbar_center_content ul li button svg{
    fill: #818EB5;
    transition: all 0.3s;
}
.temp_topbar_center_content ul li button:hover, .temp_topbar_center_content ul li button.active{
    background: #F0FFF6;
    border: 1px solid var(--temp-primary-color);
}
.temp_topbar_center_content ul li button:hover svg, .temp_topbar_center_content ul li button.active svg{
    fill: var(--temp-primary-color);
}
.temp_topbar_right_content{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.temp_topbar_right_content .temp_btn {
    min-height: 42px;    
}
.temp_topbar_right_content .temp_btn:first-child{
    padding: 0px 10px 0 5px;
    justify-content: flex-start;
    gap: 10px;
}
.temp_topbar_cart_btn{
    min-width: 145px;        
    gap: 10px;
    background: var(--temp-white-color);    
}
.temp_topbar_cart_btn > p {
    color: var(--temp-primary-color);
}
.tempTopbarShowHideBtn {
    width: 42px;
    height: 42px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    z-index: 99999;
}
.tempTopbarShowHideBtn:hover, .temp_topbar_hide .tempTopbarShowHideBtn{
    background-color: #F0FFF6;
    border: 1px solid var(--temp-primary-color);
}
.tempTopbarShowHideBtn > svg {
    fill: var(--temp-heading-color);
    transform: rotate(90deg);
    transition: all 0.3s;
}
.tempTopbarShowHideBtn:hover svg, .temp_topbar_hide .tempTopbarShowHideBtn svg{
    fill: var(--temp-primary-color);
}
.temp_topbar_hide .temp_topbar_wrapper{
    height: 0;
    overflow: hidden;
    padding: 0;
}
.temp_topbar_hide .tempTopbarShowHideBtn{
    position: fixed;
    top: 0;   
    right: 15px; 
    border-radius: 0 0 6px 6px;    
}
.temp_topbar_hide .tempTopbarShowHideBtn svg{
    transform: rotate(-90deg);
}
/* TopBar CSS End */

/* Cookies CSs Start */
.temp_cookies_wrapper{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 30px;
    max-width: 1010px;
    width: 100%;
    margin: auto;
    background: #140E23;
    padding: 30px 40px;
    z-index: 9999;
}
.temp_cookies_with_text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
}
.temp_cookies_img {
    flex: none;
}
.temp_cookies_with_text p{    
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-white-color);
    line-height: 20px;
}
.temp_cookies_btns{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}
.temp_cookies_btns .temp_cookies_setting{
    min-width: 145px;
    min-height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 2px solid var(--temp-white-color);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--temp-white-color);
    transition: all 0.3s;
}
.temp_cookies_btns .temp_cookies_setting:hover{
    background: var(--temp-primary-color);
    border: 2px solid var(--temp-primary-color);
}
.temp_cookies_btns .temp_btn{
    min-width: 145px;
    min-height: 44px;
}
.temp_cookies_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.tempCookiesPopupMain > h5 > a {
    text-transform: capitalize;
}
.temp_cookies_modal_box{
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 20px;
}
.temp_cookies_modal_box h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.temp_cookies_modal_box .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel {
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-heading-color);
    padding-left: 25px;
    margin-bottom: 10px;
}
.temp_cookies_modal_box .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:before {
    top: 3px;
    width: 18px;
    height: 18px;
}
.temp_cookies_modal_box .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:after {
    top: 9px;    
    width: 9px;
}
.temp_cookiesw_modal_btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.temp_cookiesw_modal_btns .temp_btn{
    min-width: 145px;
}
.temp_cookiesw_modal_btns .temp_btn:first-child{
    background-color: var(--temp-heading-color);
}
@media(min-width:576px){
    #cookies_modal .modal-dialog {
        max-width: 1000px;
        width: 100%;
    }
}
/* Cookies CSs End */

/* Old user notice CSs End */
    .popup-modal {
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.6);
        display: flex; justify-content: center; align-items: center;
        z-index: 9999;
    }
    .popup-content {
        position: relative;
        padding: 10px;
        border-radius: 8px;
        max-width: 700px;
        width: 100%;
    }
    .close-btn {
        position: absolute;
        top: 95px;
        right: 0;
        font-size: 24px;
        cursor: pointer;
        width: 30px;
        height: 30px;
        background: red;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: #fff;
    }
/* Old user notice CSs End */
/* Modal CSS */
div#cookies_modal {
    z-index: 9999999999;
}
div#cookies_modal .card-body {
    padding: 40px;
    margin-bottom: 0;
}
.modal-content {
    border: none;
    border-radius: 10px !important;
}
.card {
    border: none !important; 
}
.card-body {
    padding: 50px;
}
.modal-head h2, .temp_modal_main_title {
    font-size: 22px;
    font-weight: 700;
    color: var(--temp-heading-color);
    display: block;
    margin-top: 0;
}
.tempLoginPopupMain > h5 {
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0 0px 0;
    color: var(--temp-subheading-color);
    line-height: 1.5;
}
.modal button.btn-close {
    width: 23px;
    height: 23px;
    background: red;
    opacity: 1;
    color: #fff;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;
    border: none !important;
}
.tp_input {
    position: relative;
}
.tp_input > input{
    padding: 0 50px 0 20px;
}
.tp_input > img{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
}
.tp_check_section ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.tp_check_section .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel{
    font-size: 15px;
    padding-left: 28px;
}
.tp_check_section .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:before {
    top: 2px;
    width: 18px;
    height: 18px;
}
.tp_check_section .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:after {
    top: 7px;    
    width: 9px;
}
.tp_check_section ul li span a {
    font-size: 15px;
    font-weight: 400;
    color: var(--temp-text-color);
}
.tp_check_section ul li span a:hover{
    color: var(--temp-primary-color);
}
.tp_login_btn > p {
    font-size: 15px;
    margin-top: 20px;
}
.tp_login_btn > p > a{
    color: var(--temp-primary-color);
}
.tp_login_btn .temp_btn{
    min-height: 50px;
}
/* Buy Now Modal CSS Start */
#buyNow_modal .card-body {
    padding: 30px;
}
.temp_buynow_prodct_name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 10px;
}
.temp_buynow_prodct_name .temp_product_name {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    line-height: 1.5;
}
.temp_bynw_prdct_img {
    position: relative;
    width: 118px;
    height: 80px;
    flex: none;
    border-radius: 4px;
}
.temp_bynw_prdct_img > img:last-child{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.temp_bynw_prdct_img .temp_product_premium_icon {    
    top: 5px;
    right: 5px;    
}
#buyNow_modal .tempLoginPopupMain > h5 {
    padding: 0 0 25px 0;
    margin: 0;
    border-bottom: 1px dotted #CCDCE8;
    margin-bottom: 30px;
}
#buyNow_modal .temp_price_license .temp_price, #buyNow_modal .temp_price_license .temp_offer_price{
    font-size: 16px;
}
.temp_offer_services.tempChoseLicense ul li{
    margin-bottom: 10px;
}
#buyNow_modal .temp_offer_services ul li h4, .temp_cart_addon_services.temp_offer_services ul li h4 {
    font-weight: 600;
    flex: none;
}
.temp_subtotal{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 15px;
}
#inr-breakdown .temp_subtotal:last-child {
    margin: 10px 0;
}
.temp_subtotal h1 {
    font-size: 18px;
    font-weight: 700;
    color: var(--temp-heading-color);
}
.temp_checkout_btn{
    text-align: right;
    margin-top: 20px;
}
.temp_checkout_btn .temp_btn{
    min-width: 268px;
    min-height: 56px;
}
#buyNow_modal .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel, #buyNow_modal .temp_radio .temp_radioInput + .temp_radioLabel {
    font-size: 14px;
}
#buyNow_modal .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:before, #buyNow_modal .temp_radio .temp_radioInput + .temp_radioLabel:before {
    top: 3px;
}
#buyNow_modal .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel:after, #buyNow_modal .temp_radio .temp_radioInput + .temp_radioLabel:after {
    top: 8px;
}
#buyNow_modal .temp_offer_services ul li {
    margin-bottom: 8px;
}
#buyNow_modal .temp_offer_services.tempChoseLicense ul li {
    margin-bottom: 5px;
}
#buyNow_modal .temp_offer_service_title {
    font-size: 15px;    
}
#buyNow_modal .temp_offer_services ul li, .temp_cart_addon_services.temp_offer_services ul li {
    margin-bottom: 8px;
    gap: 10px;
}
/* Cart new design css */
#buyNow_modal .card-body {
    padding: 30px 25px 25px 30px;
}
.card-body.temp_cart_flex {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 20px;
}
.temp_cart_services {
    max-width: 760px;
    width: 100%;
}
form#add-to-card-forms {
    max-width: 460px;
    width: 100%;
}
.temp_cart_services .temp_modal_main_title{
    margin-bottom: 4px;
}
.temp_cart_services h5 {
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0 0px 0;
    color: var(--temp-subheading-color);
    line-height: 1.5;
    padding-bottom: 25px;
}
.temp_cart_services ul {
    max-height: 600px;
    overflow-x: hidden;
    padding-right: 5px;
}
.temp_offer_services.tempModalServices {
    margin-top: 0;
    background: #FBFCFF;
    border: 1px solid #ECF1FF;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}
.temp_offer_services ul {    
    margin-bottom: 20px;
}
.temp_cart_services ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: var(--temp-white-color);
    border: 1px solid #CCDCE8;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 12px 20px;
    transition: all 0.3s;
}
.temp_cart_service_icon {
    flex: none;
}
.temp_cart_services ul li.active{
    background: #E4FFF0;
    border: 1px solid var(--temp-primary-color);
}
.temp_cart_services ul li:last-child{
    margin-bottom: 0;
}
.temp_cart_service_left button{
    position: relative;
    width: 22px;
    height: 22px;
    background: #E4FFF0;
    border: 1px solid var(--temp-primary-color);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;
    padding: 0;
}
.temp_cart_services ul li.active .temp_cart_service_left button{
    background-color: var(--temp-primary-color);
}
.temp_cart_service_left button::before, .temp_cart_service_left button::after {
    content: "";    
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    background: var(--temp-primary-color);
    border-radius: 2px;
}
.temp_cart_services ul li.active .temp_cart_service_left button::after{
    display: none;
}
.temp_cart_services ul li.active:hover .temp_cart_service_left button::after{
    display: none;
}
.temp_cart_services ul li.active .temp_cart_service_left button::before {
    border-bottom: 2px solid;
    border-radius: 1px;
    border-right: 2px solid;
    color: var(--temp-white-color);
    height: 12px;
    transform: rotate(45deg);
    width: 7px;
    top: 3px;
    left: 6px;
}
.temp_cart_service_left button::before{
    height: 2px;
    width: 12px;
}
.temp_cart_service_left button::after{
    height: 12px;
    width: 2px;
}
.temp_cart_service_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-left: 10px;
}
.temp_cart_service_name h4{
    font-size: 16px;
    font-weight: 600;
    color: var(--temp-heading-color);
}
.temp_cart_service_name p{
    font-size: 14px;
    font-weight: 400;
    color: var(--temp-subheading-color);
}
.temp_cart_service_price {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}
.temp_cart_service_price .temp_price{
    font-size: 18px;    
    font-weight: 600;    
}
.temp_cart_service_price .temp_offer_price{
    font-size: 18px;    
    color: var(--temp-primary-color)
}
#buyNow_modal .temp_offer_services ul.tempAddOnServices {
    margin-bottom: 0;
    margin-top: 0;
}
#buyNow_modal .temp_offer_services ul li:first-child {
    margin-top: 15px;
}
#buyNow_modal .temp_offer_services ul li:last-child {
    margin-bottom: 0;
}
#buyNow_modal .temp_offer_services ul.tempAddOnServices li p, .temp_cart_addon_services.temp_offer_services ul li p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
#buyNow_modal .temp_offer_services ul.tempAddOnServices li p svg, .temp_cart_addon_services.temp_offer_services ul li p svg{
    fill: var(--temp-primary-color);
    flex: none;
}
#buyNow_modal .temp_offer_services ul.tempAddOnServices li h4, .temp_cart_addon_services.temp_offer_services ul li h4{
    margin-left: auto;
}
#buyNow_modal .temp_offer_services ul.tempAddOnServices li button {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: auto;
    height: auto;
    line-height: normal;
    flex: none;
}
#buyNow_modal .temp_offer_services ul.tempAddOnServices li button img {
    width: 16px;
    height: auto;
}
/* Cart new design css */
/* Buy Now Modal CSS End */

.fa-heart.active {
    color: var(--temp-primary-color);
}
/* Modal CSS */
/* cookie */
#cookie_overlay_block {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999999999;
    pointer-events: auto;
}
.temp_cookies_wrapper, .modal {
    z-index: 9999999999;
}
body.blocked {
    overflow: hidden;
}
/* cookie */
/* Responsive CSS Start */
@media(min-width:1200px){
    .temp_header_wrapper.temp_header_fixed {
        position: fixed;
        box-shadow: 0px 13px 60px 0px #7145A10F;
        transition: all 0.7s ease-in-out;
        -webkit-animation: slideInDown .7s;
        -moz-animation: slideInDown 0.7s;
        -ms-animation: slideInDown 0.7s;
        -o-animation: slideInDown 0.7s;
        animation: slideInDown 0.7s;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
        background: hsl(0deg 0% 100% / 81%);
        backdrop-filter: blur(10px);
    }
    .temp_footer_menu ul li::before {
        content: '';
        width: 12px;
        height: 3px;
        background-color: var(--temp-primary-color);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .temp_footer_menu ul li:hover{
        padding-left: 20px;
    }
    .temp_footer_menu ul li:hover::before{
        opacity: 1;
        visibility: visible;
    }
    header.temp_header_wrapper.head-secondary {
        border-bottom: 1px solid #E1E8ED;
    }
}
@media(min-width:768px){
    .temp_cart_services ul li:hover{
        background: #E4FFF0;
        border: 1px solid var(--temp-primary-color);
    }
    .temp_cart_services ul li:hover .temp_cart_service_left button{
        background-color: var(--temp-primary-color);
    }
    .temp_cart_services ul li:hover .temp_cart_service_left button::before, .temp_cart_services ul li:hover .temp_cart_service_left button::after{
        background-color: var(--temp-white-color);
    }    
    .temp_cart_services ul li.active:hover .temp_cart_service_left button::after{
        display: none;
    }
    .temp_cart_services ul li.active:hover .temp_cart_service_left button::before{
        background: transparent;
    }
}
@media(min-width:576px){
    #buyNow_modal .modal-dialog {
        max-width: 1300px;
        width: 100%;
    }
}
@media(max-width:1800px){
    .temp_premium_banner_img_left {         
        max-width: 500px;
        width: 100%;
    }
    .temp_premium_banner_img_right {             
        max-width: 550px;
        width: 100%;
    }
    .temp_header_wrapper {        
        margin-top: 45px;
    }
    .temp_float_header_wrapper {
        top: 50px;
    }
}
@media(max-width:1750px){    
    h1.temp_heading .line {
        text-align: left !important;
    }
    .newest_product_wrapper .temp_heading_center, .temp_prebuilt_product_wrapper .temp_heading_center {
        text-align: center;
    }
    .newest_product_wrapper h1.temp_heading .line, .temp_prebuilt_product_wrapper h1.temp_heading .line{
        text-align: center !important;
    }    
}
@media(max-width:1600px){
    .temp_banner_elementor_icon {
        right: 250px;     
    }
    .temp_premiun_banner_heading h1 {
        max-width: 550px;
    }
    .temp_premium_banner_img_left {
        max-width: 450px;        
    }
    .temp_premium_banner_img_right {
        max-width: 500px;        
    }
    .temp_premium_banner_img_left, .temp_premium_banner_img_right {
        top: 50px;
    }
    .temp_float_header_wrapper {
        top: 40px;
    }
    .temp_header_wrapper {
        margin-top: 39px;
    }
}
@media(max-width:1440px){
    .temp_nav_menu ul {
        gap: 30px;
    }
    .temp_banner_elementor_icon {
        right: 150px;
    }
    .temp_banner_css_icon {
        left: 50px;     
    }
    .temp_cta_trigger, .temp_newsltr_trigger {
        transform: scale(1);
    }
    .temp_premiun_banner_heading h1 {
        max-width: 450px;
        font-size: 25px;
        line-height: 30px;
    }
    .temp_premium_banner_img_left {
        max-width: 400px;
        left: 10px;
    }
    .temp_premium_banner_img_right {
        max-width: 450px;
        right: 10px;
    }
    .temp_premium_banner_img_left, .temp_premium_banner_img_right {
        top: 55px;
    }
    .temp_premiun_banner_heading h2 {
        font-size: 20px;
        font-weight: 600;
    }
    #list-tab-pane .temp_product_fotoer {
        padding: 0 0px 0 0;        
    }   
    .temp_float_header_wrapper {
        top: 37px;
    }
}
@media(max-width:1300px){
    .temp_footer_menu {
        margin-left: 0;
    }
    #list-tab-pane .temp_product_detail ul li {
        font-size: 14px;     
        margin-bottom: 0px;
    }
    .temp_sortby_result_right {
        padding: 0 10px 0 20px;
    }
    .temp_sortby_dropdown .nice-select {
        min-width: 130px;
    }
    .tp_price_box label {        
        padding: 0 5px;
    }
    .tp_cart_step {        
        width: 70%;        
    }
    .temp_footer_wrapper .container {
        max-width: 1200px;
    }
    .temp_header_wrapper {
        margin-top: 30px;
    }
    .temp_float_header_wrapper {
        top: 34px;
    }
}
@media(max-width:1199px){
    .temp_nav_menu {
        position: fixed;
        top: 0;
        left: -300px;
        width: 300px;
        background: #fff;
        box-shadow: 0 0 30px 0 rgba(0,0,0,0.15);
        height: 100%;
        transition: all 0.3s;
        z-index: 9999999999;
        margin-right: 0;
    }
    .temp_menu_open .temp_nav_menu {
        left: 0;
    }
    .temp_nav_menu > ul {
        display: block;
    }
    .temp_nav_menu ul li {
        padding: 20px 10px 20px 30px;
        border-bottom: 1px solid #EBEDF9;
    }
    .temp_nav_menu > ul > li > a {
        padding: 0px 0;
    }
    .temp_toggle_btn {
        display: block;
        margin-left: 15px;
    }
    .temp_toggle_btn span {
        width: 30px;
        height: 4px;
        border-radius: 10px;
        background-color: var(--temp-primary-color);
        margin-bottom: 5px;
        display: block;
        margin-left: auto;
        transition: all 0.3s ease-in-out;
    }
    .temp_toggle_btn span:nth-child(2) {
        width: 25px;
    }
    .temp_toggle_btn span:last-child {
        margin-bottom: 0;
    }
    .temp_menu_open .temp_toggle_btn span:nth-child(1) {
        transform: rotate(45deg);
        transform-origin: 3px 5px;
    }
    .temp_menu_open .temp_toggle_btn span:nth-child(2) {
        transform: translateX(20px);
        visibility: hidden;
        opacity: 0;
    }
    .temp_menu_open .temp_toggle_btn span:nth-child(3) {
        transform: rotate(-45deg);
        transform-origin: 4px -1px;
    }
    .temp_header_wrapper {     
        padding: 10px 0;
    }
    .temp_header_right {
        margin-left: auto;
    }
    .temp_main_heading {        
        justify-content: space-between;
        max-width: 100%;        
        margin-left: 0;
    }
    .temp_main_heading.tempCenterHeading {
        justify-content: center;
    }
    .tempCenterHeading .temp_heading_center {
        text-align: center;
    }
    .temp_heading_center {
        text-align: left;
    }
    .temp_trending_product_wrapper .temp_main_heading {
        max-width: 100%;
    }
    .temp_loading {
        font-size: 50px;
    }
    .temp_banner_elementor_icon {
        right: 50px;
    }
    .temp_banner_css_icon {
        left: 0;
    }   
    .temp_product_flex {
        gap: 20px;
    } 
    .temp_cta_inner {
        padding: 30px 0 30px 40px;
    }
    .temp_cta_main_img > img {
        max-width: 580px;
        width: 100%;
        height: auto;
    }
    .temp_cta_content > h2 {
        font-size: 23px;
        line-height: 30px;
        padding: 13px 0 20px 0;
    }
    .temp_prebuilt_box {
        padding: 35px 23px 35px 23px;
    }
    .temp_blog_content {
        padding: 20px 15px 25px 15px;
    }
    .temp_blog_content > h4 {
        padding: 10px 0 10px 0;
    }
    .temp_newsltr_parent {
        padding: 0 40px 20px 40px;        
    }
    .temp_copyright {
        padding: 20px 0px;
    }
    .temp_price_license_option .nice-select {
        min-width: 140px;
        padding-left: 10px;
    }
    .temp_price_license .temp_price, .temp_price_license .temp_offer_price {
        font-size: 20px;
    }
    .temp_price_discount {
        font-size: 13px;     
    }
    .temp_items_flex a {
        min-width: auto;
        min-height: 55px;
        width: 100%;
    }
    a.temp_subscrptn_btn span {
        min-width: 85px;
        min-height: 25px;
        font-size: 12px;
        padding: 0 5px;
    }
    .temp_float_header_parent .temp_product_details_tab_menu .nav-tabs {
        gap: 20px;
    }
    .temp_product_slider_parent .temp_product_box {
        max-width: 100%;        
    }
    .temp_html_templates .temp_product_box {
        max-width: 100%;        
    }
    .temp_product_slider_parent .temp_product_img > img {
        max-width: 100%;
        height: auto;
    }
    .temp_html_templates .temp_product_img > img {
        max-width: 100%;
        height: auto;
    }
    .temp_premium_banner_img_left, .temp_premium_banner_img_right{
        display: none;
    }
    .temp_premiun_banner_heading h1 {
        max-width: 550px;     
    }
    .temp_prdct_search_box {
        padding: 25px 30px;
        flex-direction: column;
        align-items: flex-start;
    }
    .temp_sortby_result_flex {        
        flex-direction: column;
        align-items: flex-start;
    }
    .temp_prdecr_catg_tab_content .temp_product_flex {        
        gap: 20px;
    }
    .temp_prdecr_catg_tab_content .temp_product_box {
        max-width: 274px;
    }
    #list-tab-pane .temp_product_box_inenr {        
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    #list-tab-pane .temp_product_box_inenr > a {
        flex-direction: column;
        align-items: flex-start;
    }
    #list-tab-pane .temp_product_fotoer {
        padding: 0 0px 0 20px;
        flex-direction: row;
    }
    #list-tab-pane .temp_product_preview_btn {
        min-width: 130px;
    }
    #list-tab-pane .temp_product_box_inenr {
        padding: 10px 10px 20px;     
    }
    #list-tab-pane button.tp_btn_wish.watchlist_btn.temp_home_page_wishlist_icon {
        top: auto;
        right: -35px;
    }
    #list-tab-pane .temp_product_desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #list-tab-pane .temp_product_name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 260px;
    }
    .temp_contact_inner {
        min-height: 300px;
        padding: 40px 30px;
    }
    .temp_contact_info_box::before {
        max-width: 280px;
        bottom: -7px;
    }
    .temp_faq_wrapper .temp_main_heading {        
        justify-content: center;
    }
    .temp_faq_wrapper .temp_heading_center {
        text-align: center;
    }
    .temp_cart_addon_services {        
        align-items: flex-start;        
        flex-direction: column;
    }
    .tp_cart_step {
        width: 75%;
    }
    .temp_profile_product_left .temp_cart_addon_services {
        align-items: flex-start;
    }
    .temp_pricing_wrapper {
        background-size: cover;
    }
    .temp_price_contact {
        padding-top: 50px;
    }
    .temp_footer_menu ul li {
        margin-bottom: 5px;     
    }
    .temp_footer_left > p, .temp_footer_menu ul li a {
        font-size: 15px;
    }
    .temp_footer_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .temp_footer_left ul li a {
        width: 40px;
        height: 40px;
    }
    .temp_footer_menu_last .temp_footer_menu {
        margin-top: 35px;
    }
    .temp_copyright {
        margin-top: 40px;     
    }
    .temp_footer_parent > .row {
        flex-direction: column-reverse;
    }
    .temp_footer_left {
        text-align: center;
        margin-top: 20px;
    }
    .temp_footer_left ul {
        justify-content: center;
    }
    .temp_contact_box {
        padding: 30px 40px 30px 30px;
    }
    .temp_faq_img {     
        width: 70px;
        height: auto;
    }
    .temp_faq_flexbox {
        padding: 20px 10px 20px 20px;
    }
    .temp_faq_flexbox .temp_btn {
        min-height: 45px;        
        min-width: 100px;
        padding: 0 15px;
    }
    .temp_topbar_left_content {
        max-width: 25%;
    }
    .temp_wishlist_wrapper .temp_main_heading {
        justify-content: center;        
    }
    .tp_singlepage_section.temp_wishlist_wrapper {
        padding-top: 50px;
    }
    .temp_wishlist_wrapper .temp_heading_center {
        text-align: center;
    }
    .temp_banner_heading h1 {
        max-width: 700px;
    }
    .tp_form_field_radio .temp_radio .temp_radioInput + .temp_radioLabel {
        gap: 10px;
    }
    p.tempPriceNote {
        color: var(--temp-white-color);
    }
    .temp_header_wrapper {        
        margin-top: 33px;
    }
    .temp_float_header_wrapper {
        top: 30px;
    }
    form#add-to-card-forms {
        max-width: 400px; 
    }    
}
@media(max-width:1024px){
    .temp_cta_main_img > img {
        max-width: 549px;     
    }
    .tp_cart_step {
        width: 100%;
    }
    .temp_faq_flexbox {
        padding: 20px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 15px;
    }
    .temp_faq_bottom_parent {     
        max-width: 600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .temp_topbar_center_content ul li button.tempDesktopBtn {
        display: none;
    }
    .temp_float_header_wrapper {
        top: 25px;
    }
}
@media(max-width:991px){
    .tempBannerIcon{
        display: none;
    }
    .temp_subheading {
        max-width: 450px;
        width: 100%;
    }
    .newest_product_wrapper .temp_subheading, .temp_prebuilt_product_wrapper .temp_subheading {        
        margin-left: auto;
        margin-right: auto;
    }
    .temp_cta_main_img{
        display: none;
    }
    .temp_cta_parent {
        justify-content: center;
        text-align: center;
        max-width: 600px;
        width: 100%;
        margin: auto;
        padding: 30px 20px;
    }
    .temp_cta_price {
        justify-content: center;     
    }
    .temp_cta_inner {
        padding: 0;
    }
    div#accordionExample2 {
        margin-top: -20px;
    }
    .temp_newsltr_parent {
        flex-direction: column;
        text-align: center;
        gap: 30px;
        padding-bottom: 30px;
    }
    .temp_newsltr_content .line {
        text-align: center;
    }
    .temp_copyright ul {
        gap: 15px;
    }
    .temp_product_single_img {
        max-width: 766px;
    }
    .temp_float_header_wrapper{
        display: none;
    }
    .temp_product_sidebar_main {
        max-width: 100%;
        width: 100%;
    }
    .temp_prdct_catgry_parent {
        flex-direction: column;
    }
    .temp_sortby_result_right {
        max-width: 700px;
    }
    #list-tab-pane .temp_product_box {
        max-width: 320px;
    }
    .temp_contact_box {
        padding: 40px;
    }
    .temp_contact_info_parent {
        max-width: 700px;
        width: 100%;
        margin: auto;
    }
    .tp_payment_details_box.tp_payment_order_details_box {
        margin-top: 0;
        margin-bottom: 0;
    }
    .product_list_view .tp_istop_box {
        margin-bottom: 0;        
    }
    .tp_cart_step {        
        background: none;
    }
    .tp_table_box.tp_propage_table .table>tbody>tr>td:nth-child(2) {
        max-width: 200px;
        min-width: auto;
    }
    .temp_product_download_box .temp_product_box_inenr {
        align-items: flex-start;
        flex-direction: column;
    }
    .temp_profile_product_right {
        margin-left: 215px;
        margin-top: 20px;
    }
    .temp_price_heading h1 {
        font-size: 25px;
        font-weight: 600;
    }
    .temp_price_heading h2 {
        font-size: 18px;
        max-width: 700px;
    }
    .temp_price_head {
        padding-left: 0px;
    }
    .temp_price_head h1 {
        font-size: 40px;
    }
    .temp_price_head h1 > span {
        font-size: 16px;     
    }
    .temp_price_head h2 {
        font-size: 20px;     
    } 
    .temp_price_feat_list p {
        gap: 10px;
        font-size: 14px;
        margin-bottom: 15px;
    }  
    .temp_price_feat_list {
        padding: 20px 15px;
    } 
    .temp_contact_flex {
        flex-direction: column;
        gap: 30px;
    }
    .temp_contact_right {
        max-width: 770px;
        margin-left: 0;
    }
    .temp_contact_box {
        padding: 40px;
    }
    .temp_contact_social_left {
        padding-left: 0px;
    }    
    .temp_topbar_right_content .temp_btn:first-child {
        display: none;
    }
    .temp_wishlist_wrapper .tp_single_grid .tp_istop_box {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .temp_wishlist_wrapper .tp_single_grid .tp_istop_box:last-child{
        margin-bottom: 0;
    }
    .tp_payment_img {
        width: 70%;
        margin: auto;
    }    
    .tempFaqPageWrapper .accordion-item {
        flex: 0 0 100%;
    }
    .temp_banner_box_wrapper2 .temp_banner_box_inner h4 {        
        max-width: 160px;
        font-size: 15px;
    }
    .temp_feature_inner {
        max-width: 100%;
    }
    .temp_thankyou_wrapper {
        max-width: 720px;
    }
    .footer-banner {
        top: -3px !important;
    }  
    form#add-to-card-forms {
        max-width: 350px;
    }  
    .card-body.temp_cart_flex {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .temp_cart_services, form#add-to-card-forms {
        max-width: 100%;     
    }
    .temp_cart_services ul {
        max-height: max-content;
        overflow-x: hidden;
        padding-right: 0px;
    }
    .temp_topbar_hide .tempTopbarShowHideBtn{        
        right: 0px;         
    }
}
@media(max-width:767px){
    .temp_product_flex {
        justify-content: flex-start;
        gap: 15px;
        flex-wrap: nowrap;
        overflow-y: hidden;
        padding-bottom: 10px;
    }
    .temp_product_box {
        flex: none;
    }
    .temp_main_heading {        
        flex-direction: column;        
        align-items: flex-start;
        gap: 15px;
    }
    .temp_main_heading.tempCenterHeading {     
        flex-direction: row;
    }
    .temp_contact_box {
        padding: 35px 25px;
    }
    .temp_heading_btn {
        margin-left: 0;
        position: unset;
    }
    .temp_banner_box_inner {
        margin: auto;
    }
    .temp_banner_box_parent {
        max-width: 370px;        
    }
    .temp_header_right .temp_btn {
        display: none;
    }  
    .nav-tabs {    
        gap: 10px;
    }
    .nav-tabs .nav-link {
        min-width: 120px;
        min-height: 40px;
        font-size: 13px;
    }
    .temp_blog_box {
        max-width: 450px;
        width: 100%;
    }
    .temp_newsltr_content > p {
        font-size: 18px;     
    }
    .temp_footer_title {
        margin-bottom: 15px;
    }    
    .temp_copyright {
        margin-top: 50px;
        flex-direction: column-reverse;
    }
    .temp_product_details_tab_menu .nav-tabs {
        gap: 20px;
    }
    .temp_prodct_support_right h1 {
        font-size: 18px;
    }
    .temp_email_author h1 {
        font-size: 18px;        
    }
    .temp_email_author {
        padding: 10px 15px;
    }
    .temp_slider_arrow {
        top: auto;
        right: 0;
        left: 0;
        margin: auto;
        bottom: -60px;
    }
    .temp_prdecr_catg_tab_content .temp_product_flex {
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 40px;
    }
    .temp_catgry_style {
        display: none;
    }
    .temp_pagination {
        margin-top: 10px;
    }
    .temp_prdct_search_box {
        padding: 20px 15px;     
    }
    .temp_sortby_result_right {
        padding: 0 10px 0 15px;
    }
    .temp_prdecr_catg_tab_content .temp_product_box {
        max-width: 265px;
    }
    .temp_contact_inner {
        min-height: 260px;
        padding: 30px 20px;
    }
    .temp_contact_info_box::before {
        max-width: 240px;
        bottom: -5px;
    }
    .temp_contact_content h1 {
        font-size: 20px;
        font-weight: 600;        
    }
    .temp_contact_content p {
        font-size: 16px;
    }   
    .tp_form_field_radio.tp_top_space_none {
        margin: 10px 0 0px 0px;
    }
    .tp_payment_details_wrapper .temp_btn {        
        margin-top: 15px;
    } 
    .temp_faq_wrapper .temp_main_heading {        
        flex-direction: row;
    }
    .tp_form_field_radio .temp_radio .temp_radioInput + .temp_radioLabel {
        margin: 0;
    }
    .nav-pills .nav-link {
        font-size: 14px;
        padding: 20px 5px 15px 5px;
    }
    .tp_propage_text .nav {
        padding-left: 0;
        gap: 10px;
    }
    .nav-pills .nav-link::after {
        display: none;
    }
    .nav-pills .nav-link::before {
        height: 3px;
    }
    .tp_propage_text .nav {
        padding: 0 10px;
    }
    .tp_propage_profile_wrapper .table>thead>tr>th {
        font-size: 14px;
        padding: 10px !important;
    }
    .tp_propage_profile_wrapper .table>thead>tr>th:first-child, .tp_propage_profile_wrapper .table>thead>tr>th:last-child, .tp_propage_profile_wrapper tbody>tr>td:first-child, .tp_propage_profile_wrapper tbody>tr>td:last-child {     
        padding: 10px 15px !important;
    }
    .tp_propage_profile_wrapper tbody>tr>td {
        font-size: 13px !important;
        padding: 10px 10px !important;
    }
    .tp_table_box.tp_propage_table .table {        
        min-width: 630px;
    }
    .temp_profile_product_left {
        flex-direction: column;
    }
    .temp_profile_product_right {
        margin-left: 0;        
    }    
    .temp_price_box {
        margin: auto;
    }
    .temp_price_contact h1 {
        font-size: 23px;     
    }    
    .temp_contact_box {
        padding: 25px;
    }
    .temp_contact_social_right {        
        max-width: 300px;
        width: 100%;
    }
    .temp_contact_social_left p {
        margin: 3px 0 20px 0;
    }
    .temp_topbar_center_content ul li button.tempLaptopBtn {
        display: none;
    }
    .temp_cookies_flex {
        flex-direction: column;
        text-align: center;
    }
    .temp_cookies_img {        
        display: none;
    }
    #cookies_modal .card-body {
        padding: 40px;
    }
    #cookies_modal .temp_modal_main_title {
        font-size: 20px;        
    }
    .temp_wishlist_wrapper .temp_main_heading {        
        flex-direction: row;
    }
    .tp_payment_img{
        display: none;
    }
    .tp_payment_info.tp_payment_sucess {
        padding: 0px 0 0 0;
    }    
    .temp_banner_box_wrapper2 .temp_banner_box_parent {
        max-width: 510px;
    }
    .temp_banner_heading2 h4 {
        font-size: 28px;
    }
    .temp_home_banner_price_flex p {
        font-size: 20px;     
    }
    .temp_home_banner_price_flex h1 {
        font-size: 30px;
        min-height: 65px;
        padding: 0 20px;
    }
    div#paypal-button-container {
        margin-top: 10px !important;
    }
    .temp_thankyou_wrapper {
        max-width: 500px;
    }
    .temp_header_wrapper {
        margin-top: 93px;     
    }
    .footer-banner {
        top: 0px !important;
    }
    #temp_scroll_percentage{
        display: none;
    }
    .temp_login_img > a > img {
        display: block;
    }
    .temp_login_img > a > span {
        display: none;
    }
    .temp_cart_btn a {
        min-width: auto;
        min-height: auto;
        width: 40px;
        height: 40px;
    }
    .temp_faq_wrapper {     
        padding: 0 0;
    }
    .popup-content {
        max-width: 500px;
    }
    .close-btn {
        top: 65px;
    }
}
@media(max-width:650px){
    .temp_header_wrapper {
        margin-top: 80px;     
    }
}
@media(max-width:575px){
    .temp_banner_heading h4 {
        min-height: 32px;        
        padding: 0 15px;
        font-size: 16px;
    }
    .temp_loading {
        font-size: 40px;
    }
    .temp_banner_heading h1 {
        font-size: 28px;
        padding: 15px 0 30px 0;
    }
    .temp_banner_wrapper {
        padding: 60px 0 130px 0;
    }
    .temp_breadcrumb ul li {
        font-size: 14px;
    }
    .temp_breadcrumb_title {
        font-size: 18px;
    }
    .temp_email_author .temp_btn {
        min-width: 120px;
        min-height: 40px;
        font-size: 14px;     
        padding: 0 10px;
        word-break: normal;
    }
    .temp_email_author h1 {
        font-size: 16px;
    }
    p.temp_show_result, .temp_sortby_dropdown > span {
        font-size: 14px;
    }
    .temp_prdecr_catg_tab_content .temp_product_box {
        max-width: 320px;
        flex: 0 0 100%;
    }
    .temp_sortby_dropdown .nice-select {
        padding-left: 0px;
        background: none; 
        font-size: 14px;
    }
    .temp_sortby_dropdown .nice-select .option {
        padding-left: 10px;
        padding-right: 10px;
        min-height: 30px;
        line-height: 30px;
    }
    .temp_sortby_dropdown .nice-select .option.selected {        
        margin-bottom: 5px;
    }
    .temp_sortby_dropdown .nice-select:after {
        right: 25px;
    }
    .temp_sortby_result_right {
        min-height: 50px;
        padding: 0 5px 0 15px;
    }
    .temp_catgry_style .nav-tabs {
        gap: 5px;
    }
    .temp_filter_review {
        flex-direction: column;
        align-items: flex-start;
    }
    .temp_contact_inner {
        margin: auto;
    }   
    .tp_propage_text .tab-content {     
        border-left: 0;
    } 
    .tp_price_box label {        
        font-size: 14px;
    }
    .tp_price_box label {
        padding: 0;
    }
    .temp_catgry_style {
        margin-left: auto;
    }
    .nav-pills .nav-link::before{
        display: none;
    }  
    .nav-pills .nav-link {        
        padding: 10px;
    }  
    .tp_propage_text .nav {        
        gap: 0;
    }
    .temp_price_contact h1 {
        font-size: 20px;
    }
    .temp_price_contact_info h2, .temp_price_contact_info a {
        font-size: 18px;     
    }
    .temp_contact_social_right{
        display: none;
    }
    .temp_contact_social_box {
        justify-content: center;
    }
    .temp_contact_social_left {     
        text-align: center;
    }
    .temp_topbar_center_content ul li button.tempTabletBtn {
        display: none;
    }
    .temp_feature_inner {
        min-height: auto;
    }
    .temp_thankyou_wrapper {
        max-width: 390px;
    }
    .temp_header_wrapper {
        margin-top: 69px;     
    }    
    .temp_cart_services ul {
        max-height: max-content;
        overflow-x: auto;
        padding-right: 0;
    }
    .temp_cart_service_name {        
        width: 100%;
    }
    .temp_cart_services ul li {
        flex-wrap: wrap;
        position: relative;
        padding: 12px 10px 10px 15px;
    }
    .temp_cart_service_left {
        position: absolute;
        bottom: 13px;
        left: 10px;
    }
    .temp_cart_service_info {
        margin-left: 0;
    }
    .temp_cart_service_left button {       
        width: 28px;
        height: 28px;        
    }
    .temp_cart_service_left button::before { 
        width: 15px;
    }
    .temp_cart_service_left button::after {
        height: 15px; 
    }
    .temp_cart_services ul li.active .temp_cart_service_left button::before {        
        height: 15px;        
        width: 9px;
        top: 4px;
        left: 8px;
    }
}
@media(max-width:500px){
    .temp_header_wrapper {
        margin-top: 59px;     
    }
}
@media(max-width:480px){
    .temp_cart_btn > a > span {
        display: none;
    }    
    .temp_loading {
        font-size: 30px;
    }
    .temp_banner_heading h4 {
        min-height: 30px;
        padding: 0 15px;
        font-size: 15px;
    }
    .temp_banner_heading h1 {
        font-size: 22px;
        padding: 15px 0 20px 0;
    }
    .tempSearchIcon {
        top: 16px;
        left: 20px;
    }
    .temp_input input {
        height: 50px;
        padding: 0 160px 0 50px;
        font-size: 15px;
        font-weight: 300;
    }
    .temp_input_categ .nice-select {
        font-size: 15px;
        font-weight: 400;
        min-width: 150px;
        height: 40px;
        line-height: 40px;
    }
    .temp_heading {
        font-size: 19px;
    }
    .temp_subheading {
        font-size: 15px;
        margin-top: 0;
    }    
    .temp_top_product_wrapper, .temp_trending_product_wrapper, .temp_prebuilt_product_wrapper, .temp_blog_wrapper, .temp_premium_product_wrapper, .temp_contact_info_wrapper, .tp_singlepage_section, .tp_propage_wrapper, .temp_pricing_wrapper, .temp_faq_banner_wrapper, .temp_policy_pages_wrapper{
        padding: 50px 0;
    }
    .newest_product_wrapper, .temp_cta_wrapper, .temp_best_week_selling_wrapper, .temp_faq_wrapper, .temp_footer_wrapper {
        padding-top: 50px;
    }
    .temp_prebuilt_product_wrapper {
        padding-bottom: 0;
    }
    .temp_coundown h1 {
        font-size: 60px;        
    }
    .temp_product_tab_btn {     
        margin-top: 20px;
    }
    .temp_cta_content > h2 {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0 20px 0;
    }
    .temp_cta_price > span {
        font-size: 18px;
        font-weight: 500;     
    }
    .temp_cta_price {
        gap: 10px;
    }
    .temp_main_heading {
        margin-bottom: 20px;
    }
    .temp_blog_content > h4 {
        font-size: 14px;
        font-weight: 500;        
        padding: 15px 0 10px 0;
        line-height: 20px;
    }
    .temp_blog_content > p {
        font-size: 13px;
        line-height: 20px;
    }
    .temp_blog_content .temp_btn {
        margin-top: 15px;
    }
    .accordion-button {
        font-size: 14px;
        padding: 15px 5px 15px 35px;
    }
    .accordion-body {
        padding: 15px;
        margin: 0px 5px 5px 5px;
    }
    .accordion-body p {
        font-size: 13px;        
        line-height: 20px;
    }
    .temp_newsltr_content > h2 {
        font-size: 22px;
        font-weight: 700;
    }
    .temp_newsltr_content > p {
        font-size: 13px;
    }
    .temp_newsltr_input input {
        height: 48px;
        font-size: 15px;
        padding: 0 130px 0 20px;
    }
    .temp_newsltr_input .temp_btn {
        min-width: 120px;
        min-height: 40px;
        font-size: 14px;
        font-weight: 500;
        padding: 0 15px;
    }
    .temp_newsltr_parent {
        padding: 0 20px 20px 20px;
        border-radius: 15px;
    }
    .temp_newsltr_wrapper {     
        padding-bottom: 50px;
    }
    .temp_newsltr_img {
        max-width: 300px;
        width: 100%;
    }
    .temp_footer_title {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .temp_footer_menu ul li {
        margin-bottom: 2px;
    }
    .temp_footer_menu ul li a, .temp_copyright p, .temp_copyright ul li a{
        font-size: 14px;
    }
    .temp_copyright {
        margin-top: 30px;
        padding: 10px 0;
        gap: 5px;
    }
    #temp_scroll_percentage {
        bottom: 20px !important;
        left: 20px !important;
    }
    .temp_blog_btn {        
        margin-top: 20px;
    }
    .temp_product_details_wrapper {
        padding-top: 30px;
    }    
    .temp_product_details_tab_menu .nav-link {        
        font-size: 13px !important;
    }
    .temp_prodct_desc_title, .temp_prodct_feat_title {
        font-size: 18px;        
    }
    .temp_prodct_desc p {
        font-size: 13px;
        line-height: 20px;
    }
    .temp_prodct_desc p:last-child {
        padding: 10px 0 0px 0;
    }
    .temp_prodct_feat ul li {
        gap: 8px;
    }
    .temp_review_rating span {
        font-size: 14px;
    }
    h4.temp_review_date {
        font-size: 12px;     
    }
    .temp_review_inner h1 {
        font-size: 15px;        
    }
    .temp_review_inner p:nth-child(2) {
        padding: 5px 0 10px 0;
    }
    .temp_review_inner {
        padding: 20px 15px;
    }
    .temp_product_review .temp_prodct_desc_title {
        padding-bottom: 0;
    }
    .temp_prodct_support_right h1 {
        font-size: 16px;
    }
    .temp_prodct_support_right h1 span {
        padding: 5px 10px;
        font-size: 11px;
        font-weight: 400;
        width: 72px;
        word-break: normal;
    }
    .temp_prodct_support_right p {
        font-size: 13px;
    }
    .temp_product_support_box, .temp_product_author_box {
        padding: 20px 15px;
    }
    .temp_author_title {
        font-size: 18px;     
    }
    .temp_product_author_box > h4 {
        font-size: 15px;
        margin: 15px 0 5px 0;
    }
    .temp_product_author_box p {
        line-height: 20px;
        font-size: 13px;
    }
    .temp_email_author h1 {
        font-size: 14px;
    }
    .temp_email_author .temp_btn {
        min-width: 105px;
        min-height: 30px;
        font-size: 13px;
        padding: 0 5px;     
    }
    .temp_email_author {
        padding: 10px;
    }
    .temp_live_prevew_btn {
        min-width: 130px;
        min-height: 40px;
        font-size: 14px;
    }
    .temp_product_slider_parent .temp_product_box, .temp_html_templates .temp_product_box {
        max-width: 100%;
    }
    .temp_product_slider_parent .temp_product_img > img, .temp_html_templates .temp_product_img > img {
        max-height: fit-content;
    }    
    .temp_product_slider_wrapper{
        padding: 50px 0 80px 0;
    }
    .temp_product_fotoer {        
        padding: 0 20px 15px 15px;
    }
    .temp_price, .temp_offer_price {
        font-size: 18px;     
    }
    .temp_premiun_banner_heading h1 {
        max-width: 100%;
        font-size: 19px;
        line-height: 25px;
    }
    .temp_premiun_banner_heading h2 {
        font-size: 18px;     
        padding-bottom: 5px;
    }
    .temp_premiun_banner_heading p {
        min-height: 30px;
        font-size: 13px;
        padding: 0 15px;
    }
    .temp_premiun_banner_heading > img {
        width: 90px;
        height: auto;
    }
    .temp_prdct_catgry_wrapper {        
        padding: 40px 0 50px 0;
    }
    .temp_prdct_catgry_sidebar {
        max-width: 100%;
    }
    .temp_prdct_search_heading h1, .temp_sortby_title h1 {
        font-size: 18px;     
        margin-bottom: 3px;
    }
    .temp_prdct_search_heading p, .temp_sortby_title p, .temp_show_result, .temp_sortby_dropdown > span {
        font-size: 13px;             
    }
    .temp_prdct_search_right .temp_input_categ {
        top: 5px;
    }
    .temp_prdct_search_right .temp_input_categ .nice-select {
        font-size: 14px;     
        min-width: 150px;
        height: 40px;
        line-height: 40px;
    }    
    .temp_sortby_result_flex {
        padding: 30px 0;
    }
    p.temp_show_result, .temp_sortby_dropdown > span {
        font-size: 13px;
    }
    .temp_sortby_dropdown > span{
        display: none;
    }
    .temp_pagination ul li a {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .temp_pagination ul {
        gap: 5px;
    }
    a.temp_prev {
        margin-right: 5px;
    }
    a.temp_next {
        margin-left: 5px;
    }
    .temp_pagination {
        margin-top: -10px;
    }
    .temp_prdct_catgry_sidebar {
        padding: 10px;
    }
    .temp_product_detail {
        padding: 20px 15px;
    }
    .temp_contact_input_flex {
        flex-direction: column;
        gap: 0;
    }
    .temp_contact_input > label {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .temp_contact_input input, .temp_contact_input textarea, .temp_contact_country .nice-select {        
        height: 45px;
        padding: 0 15px;
        font-size: 15px;
    }
    .temp_contact_country .nice-select{
        line-height: 45px;
    }
    .temp_contact_input textarea {
        min-height: 90px;
        padding: 15px;
    }
    .card-body {
        padding: 30px;
    }
    .temp_label {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .temp_input_field {        
        height: 45px;
        padding: 0 15px;
        font-size: 15px;
    }
    .tp_input > input {
        padding: 0 50px 0 15px;
    }
    .tp_login_btn .temp_btn {
        min-height: 45px;
    }
    .temp_modal_main_title {
        font-size: 18px;     
    }
    .tempLoginPopupMain > h5 {
        font-size: 15px;        
        padding: 5px 0 20px 0;
        line-height: 1.3;
    }
    .temp_subtotal {
        padding: 10px;
    }
    .temp_subtotal h1 {
        font-size: 15px;     
    }
    .tp_view_text h2 {
        font-size: 18px;        
    }
    .tp_payment_details_box h2 {        
        font-size: 16px;
    }
    .temp_checkout_right {
        padding: 15px 10px;
    }
    .temp_footer_left > p {
        font-size: 14px;     
    }
    .tp_input_main:last-child {
        margin-bottom: 0;
    }
    .tp_propage_head h2 {
        font-size: 20px;
        font-weight: 600;     
    }
    .tp_propage_head p {
        font-size: 14px;     
    }        
    .tp_propage_profilehead h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .tp_propage_profile_wrapper .table>thead>tr>th:first-child {        
        padding: 5px 10px !important;
    }
    .tp_propage_profile_wrapper .table>thead>tr>th {
        font-size: 14px;
        padding: 5px !important;
    }
    .temp_input > button {     
        width: 50px;
        height: 50px;
    }
    .tp_cart_step {        
        padding: 10px 0;
        gap: 5px;
    }
    .tp_step_box {
        justify-content: center;
    }
    .tp_step_box a span {
        font-size: 14px;
    }
    .tp_view_box {
        margin: 0;
    }
    .temp_check_license_type span {
        font-size: 16px;
    }
    .temp_checkout_right .temp_subtotal h1 {
        font-size: 18px;
    }
    .tp_secure_checkout_wrapper .tp_view_box {        
        margin-bottom: 20px;
    }
    .tp_payment_details_wrapper .temp_btn {
        min-height: 42px;
    }
    .tp_propage_text .tab-content {
        padding: 20px 15px;
    }
    .tp_propage_profile_form .tp_input_text .temp_label {
        font-size: 14px;        
    }
    .tp_user_img {        
        width: 120px;
        height: 120px;
        max-width: 120px;
        max-height: 120px;
        min-width: 120px;
        min-height: 120px;        
    }
    .tp_user_img > img {
        width: 100%;
        height: 100%;        
    }
    .tp_propage_profile_form .card-body {
        padding: 0px 0 20px 0;        
    }
    .tp_table_box.tp_propage_table {
        margin-bottom: 0;
    }
    .temp_product_name {
        font-size: 14px;
    }
    span.temp_profile_license_type {
        min-height: 30px;
        font-size: 14px;
    }
    .temp_profile_rating > p, .temp_profile_support_line> p {
        font-size: 13px;     
    }
    .temp_profile_rating_div {
        min-height: 30px;
        padding: 0 10px;
    }
    .temp_profile_support_line> p > a {
        font-weight: 500;     
    }
    .temp_profile_download_btn {
        gap: 5px;
        margin: 15px 0;
    }
    .temp_profile_download_btn .temp_btn {
        min-width: 115px;
        gap: 5px;
        font-size: 13px;
    }
    .tp_propage_head {
        margin-bottom: 20px;
    }
    .tp_propage_text .nav {
        flex-direction: column;
        padding: 10px;
    }
    .nav-pills .nav-link {
        padding: 5px 10px;
    }
    .tp_propage_profile_form .temp_btn {
        min-height: 42px;
    }
    .temp_price_heading .nav-tabs {
        min-height: 50px;
    }
    .temp_price_heading .nav-tabs .nav-link {
        font-size: 18px;
        font-weight: 600;
        min-height: 50px;
        min-width: 100px;
    }
    .temp_price_heading h1 {
        font-size: 22px;        
        line-height: normal;
        max-width: 280px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .temp_price_heading h2 {
        font-size: 15px;
        max-width: 380px;
        line-height: normal;
        margin-top: 15px;
    }
    .temp_price_main {        
        padding-top: 30px;
    }
    .temp_price_btn .temp_btn {
        min-height: 45px;     
    }
    .temp_price_contact_box {
        gap: 15px;
        padding: 20px;
        margin-top: 15px;
    }
    .temp_price_contact_box > img {
        width: 50px;
        height: auto;
    }
    .temp_price_contact h1 {
        font-size: 18px;
    }
    .temp_price_contact_info h2, .temp_price_contact_info a{
        font-size: 16px;        
    }
    .temp_price_contact {
        padding-top: 30px;
    }
    .temp_cta_parent{
        border-radius: 15px;
    }
    .temp_contact_box {
        padding: 20px 15px;
    }
    .temp_contact_right {
        border-radius: 15px;
        padding: 20px;
    }
    .temp_contact_right h1 {
        font-size: 20px;
        font-weight: 600;     
    }
    .temp_contact_right > p {
        font-size: 15px;
        line-height: normal;
        margin-top: 5px;
        max-width: 300px;
    }
    .temp_contact_social_left h1 {
        font-size: 20px;     
    }
    .temp_contact_social_left p {
        margin: 5px 0 15px 0;
        font-size: 14px;
        line-height: normal;
    }
    .temp_contact_flex {     
        margin-bottom: 30px;
    }
    .temp_contact_btn .temp_btn {
        min-height: 42px;
    }
    .temp_policy_title {
        font-size: 22px;        
        margin-bottom: 10px;
    }
    .temp_policy_parent p {
        font-size: 14px;     
    }
    .temp_policy_subtitle {
        font-size: 16px;     
    }
    .temp_topbar_center_content ul li button.tempSmarphoneBtn {
        display: none;
    }
    .temp_topbar_right_content .temp_btn {        
        min-width: 42px;
        padding: 0;
    }
    .temp_topbar_cart_btn > p {        
        display: none;
    }
    .temp_topbar_left_content {
        max-width: 65%;
    }
    .temp_cookies_btns {
        gap: 10px;
    }
    .temp_cookies_btns .temp_cookies_setting {
        min-width: 125px;
        min-height: 40px;
        border: 1px solid var(--temp-white-color);
    }
    .temp_cookies_btns .temp_btn {
        min-width: 125px;
        min-height: 40px;
    }
    .temp_cookies_wrapper {
        padding: 30px 20px;
    }
    #cookies_modal .card-body {
        padding: 20px;
    }
    .temp_cookies_modal_box {
        padding: 10px;
    }
    .tempLoginPopupMain > h5, .temp_cookies_modal_box > p, .temp_cart_services h5 {
        font-size: 13px;                
    }
    .temp_cookies_modal_box h4 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .temp_price_heading > svg {
        width: 140px;
        height: auto;
    }
    .tp_payment_sucess_inner {
        padding: 30px 0 0 0;
    }
    .tp_payment_sucess h2 {
        font-size: 20px;
    }
    .tp_payment_box ul li:last-child .tp_payment_list h4, .tp_payment_box ul li:last-child .tp_payment_list p {
        font-size: 16px;        
    }
    .tp_payment_wrapper {
        padding: 40px 0px 50px;
    }
    .tp_trans_btn .dropdown button.tp_btn.dropdown-toggle {        
        min-width: 130px;
        min-height: 45px;
        padding: 0 15px;
        font-size: 14px;
    }
    a.tp_btn.tp_btn_payment {                
        min-width: 130px;
        min-height: 45px;
        height: 45px;
        font-size: 14px;
    }
    .tp_trans_btn {     
        justify-content: center;
        gap: 10px;
    }
    .tp_payment_list p {        
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .temp_banner_heading2 > svg {
        width: 100px;
        height: auto;
    }
    .temp_banner_wrapper2 {
        padding: 40px 0 130px 0;     
    }
    .temp_banner_heading2 h4 {
        font-size: 20px;
    }
    .temp_home_banner_price_flex p {
        font-size: 16px;
    }
    .temp_home_banner_price_flex h1 {
        font-size: 25px;
        min-height: 55px;        
    }
    .temp_home_banner_price_flex h1 span {
        font-size: 14px;
        font-weight: 400;
    }
    .temp_thankyou_wrapper {
        padding: 50px 0;
        margin: 30px auto 50px auto;
    }
    .temp_thankyou_wrapper > img {
        width: 40px;
        height: auto;
    }
    .temp_thankyou_wrapper > h1 {
        font-size: 25px;
        margin: 10px 0 5px 0;
    }
    .temp_thankyou_wrapper > p {
        font-size: 14px;
    }
    .temp_thankyou_wrapper .temp_btn {
        min-height: 45px;
        font-size: 15px;
        margin-top: 10px;
    }
    p.tempPriceNote {
        font-size: 14px;
    }
    .temp_mng_sbrctn_title {
        font-size: 18px;
        font-weight: 600;        
        margin-bottom: 20px;
    }
    .temp_mng_plan {
        font-size: 14px;
        margin-bottom: 0px;        
    }
    .temp_mng_sbscrptn_name {
        font-size: 16px;                
    }
    .temp_mng_plan_status {
        min-width: 50px;
        min-height: 20px;
        padding: 0 8px;
        border-radius: 4px;
        font-size: 12px;
    }
    .temp_mng_sbcrrptn_left {
        gap: 5px;
    }
    .temp_mng_sbcrrptn_right a {
        font-size: 14px;
    }
    .temp_mng_plan_details {
        padding: 20px 15px;
        margin-top: 20px;
    }
    .temp_mng_plan_details ul li p, .temp_mng_plan_details ul li span {
        font-size: 14px;     
    } 
    .temp_contact_social_box {        
        margin-bottom: 0;
    }   
    .temp_contact_wrapper {        
        padding: 40px 0 0 0;
    }
    .temp_contact_wrapper .temp_subheading {        
        padding-top: 5px;
    }
    .temp_header_wrapper {
        margin-top: 55px;     
    }
    .temp_cart_service_name h4 {
        font-size: 14px;
        font-weight: 600;        
    }
    .temp_cart_service_name p {
        font-size: 12px;
        line-height: 1.3;
        padding-top: 5px;
    }
    .temp_offer_services.tempModalServices {
        padding: 10px;
        margin-bottom: 10px;
    }
    .temp_checkout_btn { 
        margin-top: 10px;
    }
    #buyNow_modal .temp_offer_services ul.tempAddOnServices li button img {
        width: 14px; 
    }
    #buyNow_modal .temp_offer_services ul li { 
        gap: 5px;
    }
    #buyNow_modal .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel, #buyNow_modal .temp_radio .temp_radioInput + .temp_radioLabel {
        font-size: 13px;
    }
     .popup-content {
        max-width: 350px;
    }
    .close-btn {
        top: 45px;
        font-size: 18px;
        width: 25px;
        height: 25px;
    }
    .tempCheckoutFieldParent .tp_input_main:last-child {
        margin-bottom: 20px;
    }
    #buyNow_modal .tempModalServices .temp_offer_service_title {
        font-size: 14px;
    }
    #buyNow_modal .tempModalServices ul.tempAddOnServices li p {
        font-size: 13px;
        gap: 8px;
    }
    #buyNow_modal .tempModalServices ul.tempAddOnServices li p svg {
        width: 14px;
        height: auto;
    }
    .temp_checkout_btn .temp_btn {
        min-width: 170px;
        min-height: 45px;
    }
}
@media(max-width:425px){
    .temp_sortby_result_right {     
        flex-wrap: wrap;
    }
    p.temp_show_result {
        flex: 0 0 auto;
    }
    .temp_sortby_dropdown .nice-select:after {
        right: 10px;
    } 
    .temp_sortby_dropdown .nice-select {
        min-width: 100px;
        padding-right: 0;
    }
    p.temp_show_result, .temp_sortby_dropdown > span {
        font-size: 14px;
    }
    .temp_breadcrumb ul {
        gap: 30px;
    }
    .temp_breadcrumb ul li::after {
        background-size: contain;
        width: 5px;
        height: 9px;        
        top: 7px;
        right: -18px;
    }    
    #buyNow_modal .card-body {
        padding: 30px 20px;
    }
    .temp_buynow_prodct_name {
        gap: 10px;
        padding: 5px;
    }
    .temp_buynow_prodct_name .temp_product_name {
        line-height: 1.3;
        font-size: 12px;
    }
    .temp_price_box {
        padding: 20px 15px;        
    }
    .temp_price_head h1 {
        font-size: 35px;
    }
    .temp_price_head h1 > span {
        font-size: 15px;
    }
    .temp_price_head h2 {
        font-size: 18px;
    }
    .temp_price_head p {
        font-size: 13px;     
    }
    .temp_price_feat_list p {        
        font-size: 13px;
        margin-bottom: 10px;
    }
    .temp_price_feat_list p >svg {
        width: 13px;
        height: auto;
        margin-top: 7px;
    }
    .temp_price_contact h1 {        
        max-width: 300px;
        width: 100%;
        margin: auto;
    }
    .temp_contact_box_details p {
        font-size: 14px;        
    }
    .temp_topbar_left_content {
        max-width: 50%;
    }
    .temp_wishlist_wrapper .product_list_view .tp_istop_box a .grid_img {
        max-width: 240px;
        min-width: 150px;        
    }
    .temp_product_tab_menu .nav-tabs {
        gap: 10px;        
    }
    .temp_product_tab_menu .nav-tabs .nav-link {
        min-width: 125px;
        min-height: 40px;
        gap: 7px;
        padding: 0 10px;
    }
    .temp_mng_plan_btns .temp_btn {
        min-width: 80px;
        min-height: 32px;
        padding: 0 15px;
        font-size: 13px;
    }
    .temp_header_wrapper {
        margin-top: 50px;     
    }
}
@media(max-width:375px){
    .temp_logo > a {
        width: 110px;
        height: auto;
        display: block;
    }
    .temp_header_right {
        gap: 10px;
    }
    .temp_toggle_btn {     
        margin-left: 10px;
    }
    .temp_nav_menu {
        left: -250px;
        width: 250px;
    }
    .temp_input_categ {        
        top: auto;
        right: 0;
        left: 0;
        margin: auto;
        bottom: -60px;
    }
    .temp_banner_box_wrapper {        
        margin-top: -70px;
    }
    .temp_input_categ .nice-select {        
        min-width: 100%;
        height: 50px;
        line-height: 50px;
    }
    .temp_banner_box_inner {
        min-height: 150px;
        gap: 15px;
    }
    .temp_banner_wrapper {
        padding: 40px 0 130px 0;
    }
    .temp_input input {
        padding: 0 20px 0 50px;        
    }
    .temp_cta_parent {
        padding: 30px 15px;
    }
    .temp_cta_content > h2 {
        font-size: 17px;
        line-height: 25px;        
    }
    .temp_cta_price > span {
        font-size: 16px;        
    }
    .temp_newsltr_input .temp_btn {
        min-width: 100%;
        min-height: 48px;
        padding: 0 15px;
        position: unset;
        margin-top: 10px;
    }
    .temp_newsltr_input input {        
        padding: 0 20px;
    }
    .temp_product_details_tab_menu .nav-link {
        font-size: 12px !important;
        padding-top: 0;
    }
    .temp_product_details_tab_menu .nav-tabs {
        gap: 10px;
    }
    .temp_product_details_tab_menu .nav-link::before {        
        height: 2px;
    }
    .temp_review_inner p {
        font-size: 13px;        
        line-height: 20px;
    }
    .temp_product_widget {
        padding: 15px 10px 15px 10px;
        margin-bottom: 10px;
    }
    .temp_price_license_option .nice-select {
        min-width: 140px;
        padding-left: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
    .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel{
        max-width: 250px;
    }
    .temp_loading {
        font-size: 25px;
    }
    .temp_premiun_banner_heading h1 {
        font-size: 18px;        
    }
    .temp_premiun_banner_heading h2 {
        font-size: 16px;     
    }
    .temp_premiun_banner_heading p {     
        font-size: 12px;        
    }
    .temp_prdct_search_right .temp_input_categ {
        top: auto;
        bottom: -50px;
    }
    .temp_prdct_search_box {
        padding: 20px 15px 60px 15px;
    }
    .temp_prdct_search_right .temp_input_categ .nice-select {
        line-height: 40px;
        width: 100%;
    }
    .temp_price_contact_info h2, .temp_price_contact_info a {
        font-size: 14px;
    }
    .temp_price_contact_info a{
        font-weight: 500;
    }
    .temp_price_contact_box > img {
        width: 40px;     
    }
    .temp_price_contact_box {
        gap: 10px;
        padding: 15px;     
    }
    .temp_cookiesw_modal_btns .temp_btn {        
        font-size: 13px;
        min-width: 100px;
        padding: 0 15px;
        min-height: 35px;
    }
    .temp_banner_box_wrapper2 .temp_banner_box_inner {        
        min-height: 170px;        
        padding: 0 5px;
    }
    .temp_banner_box_wrapper2 .temp_banner_box_inner h4 {
        max-width: 100%;
        font-size: 14px;
    }
    .temp_banner_box_wrapper2 .temp_banner_box_img > img {
        width: 60px;
        height: auto;
    }
    .temp_banner_wrapper2 {
        padding: 40px 0 90px 0;
    }
    .temp_mng_sbcrrptn_right a {
        font-size: 12px;
        min-height: 25px;
        padding: 0 10px;
    }
    .temp_banner_heading h4 {
        min-height: 27px;
        padding: 0 10px;
        font-size: 14px;
    }
    .temp_header_wrapper {
        margin-top: 44px;     
    }
    .temp_cart_service_icon { 
        display: none;
    }
     .close-btn {
        top: 60px;
        right: 15px;
    }
}
@media(max-width:350px){
    .temp_logo > a {
        width: 100px;        
    }
    .temp_copyright ul {
        gap: 8px;
    }
    .temp_footer_menu ul li a, .temp_copyright p, .temp_copyright ul li a {
        font-size: 13px;
    }
    .temp_footer_menu ul li {
        margin-bottom: 0;
    }
    .temp_checkbox .temp_checkboxInput + .temp_checkboxLabel {
        max-width: 240px;
    }
    .temp_premiun_banner_heading > img {
        width: 80px;
    }
    .temp_premiun_banner_heading h1 {
        font-size: 16px;
        line-height: 22px;
    }
    .temp_premiun_banner_heading h2 {
        font-size: 15px;
        line-height: 30px;
    }
    .temp_premiun_banner_heading p {
        font-size: 11px;
        letter-spacing: normal;
    }
    p.temp_show_result {
        flex: 0 0 100%;        
    }
    .temp_sortby_result_right {
        padding: 10px 5px 0px 15px;
        gap: 0;
    }
    .tp_check_section ul li {
        flex-direction: column;
        align-items: flex-start;
    }    
    .temp_profile_rating_div i.fa.fa-star {
        font-size: 14px;        
    }
    .temp_mng_sbrptn_flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .temp_header_wrapper {
        margin-top: 40px;     
    }
}
/* Responsive CSS End */