.text--base, a.text-white:hover, .product-card.style--two .product-title a:hover, .product-card.style--two .product-price {
    color: #fff !important
}
.preloader .preloader-container .animated-preloader, .preloader .preloader-container .animated-preloader:before, .ui-slider-range, .hero-search-form .hero-search-btn {
    background: #15212a
}
.section-subtitle.border-left::before, .custom--accordion .accordion-button:not(.collapsed), .custom--nav-tabs.style--two .nav-item .nav-link.active::after, .pagination .page-item.active .page-link, .pagination .page-item .page-link:hover, .video--btn, .btn--base, .btn--base:hover, .read-btn:hover, .read-btn i, .btn-outline--base:hover, .icon-btn, .input-group .input-group-text, .custom-radio label::after, .select2-container--default .select2-results__option--highlighted[aria-selected], .header__top, .header .nav-right .header-top-search-area .header-search-form .header-search-btn, .cart-btn, .card-view-btn-area button.active, .search-tab-menu li button.active, .product-thumb-slider-area .product-details-thumb .tending-badge-two, .subscribe-form button, .blog-details__thumb .post__date .date, .blog-details__footer .social__links li a:hover, .reply-btn:hover, .contact-form select option, .profile-thumb .avatar-edit label, .sidebar .widget .widget__title::after, .sidebar .tags a:hover, .action-sidebar-close, .action-sidebar-open, .product-widget-tags a:hover, .footer-widget .social-links li a:hover, .subscribe-form button, .cart-total-box, .custom--file-upload::before, .scroll-to-top, .ui-state-default, .testimonial-slider .slick-dots li.slick-active button, .action-widget.top-widget .action-widget__title {
    background-color: #15212a
}
.bg--base {
    background-color: #00b580 !important
}
.border--base, .form--control:focus {
    border-color: #00b580 !important
}
.badge--base, .form--control, .btn-outline--base {
    border: 1px solid #00b580
}
.d-widget {
    border-left: 3px solid #011731
}
.section--bg2, .custom--table thead, .select2-dropdown ::-webkit-scrollbar-thumb, .header__bottom, .laguage-select option, .hero::after, .serach-area, blockquote, .single-info__icon, .footer-section, .withdraw-card, .withdraw-preview-sidebar {
    background-color: #011731
}
.user-area, .dashboard-area .tab-content-area, .user-sidebar {
    background-color: #01173108
}
.category-item:hover, .box--border {
    border-color: #00b580
}
.box--shadow {
    box-shadow: 0 10px 25px #00b58015
}
.custom--accordion .accordion-button {
    background-color: #00b58005
}
.custom--accordion .accordion-item {
    border-color: #00b58050
}
.btn--base2 {
    background-color: #00b58025;
    color: #00b580 !important
}
.btn--base2:hover {
    background-color: #00b580;
    color: #fff !important
}
.feature-product-slider .slick-arrow:hover, .product-card.style--two {
    background-color: #00b580
}
.cart-btn {
    box-shadow: 0 5px 10px #00b58025
}
.cart-btn:hover {
    box-shadow: 0 5px 10px #00b58035
}
.product-card.style--two:hover {
    box-shadow: 0 0 15px 2px #00b580
}
.product-card .pin {
    top: 146px;
    left: -7px;
}
.product-card .pin {
    position: absolute;
    top: 123px;
    left: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pin.featured {
    background-color: #dc3545;
}
.pin.featured-premium {
    background-color: #007bff;
}
.pin {
    display: inline-block;
    padding: 0px 5px;
    border-radius: 2px;
    background-color: #535d5f;
    color: #fff;
    font-family: "Titillium Web", sans-serif;
    font-size: 0.5625em;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    position: absolute;
}
.bg-seccolorstyle {
    background-color:#15212a!important;
}
.help {
    position:relative;
}
.help .help-container{
    height:100px;
    margin-top:10px;
    margin-bottom: 10px;
    background-color:#fff;
}
.help .help-item,.help .help-item:before{
    position:absolute;
    transition:.3s;
    bottom:0;
}
.help .help-item{
    top:0;
    right:0;
    left:0;
    display:block;
    border:0;
    font-size:0;
    padding:0;
    overflow:hidden;
}
.help .help-item:before{
    content:'';
    top:25px;
    left:15%;
    width:1px;
    height:50%;
    background:grey;
}
.help .help-item.dark:before{
    background:#011731;
}
.help .help-item:before.right{
    right:28%;
}
.help .help-item .img{
    position:relative;
    width:28%;
    height:100%
}
.help .help-item .ico{
    position:absolute;
    top:50%;
    left:50%;
    width:55px;
    height:55px;
    transform:translate(-50%,-50%);
}
.help .help-item .inform{
    width:70%;
    padding:0 30px;
}
.help .help-item .inform .title{
    font-size:19px;
    font-weight:700;
    color:#212122;
}
.help .help-item .inform .description{
    font-size:16px;
    line-height:26px;
    color:#818182;
    margin-top:5px;
}
.help .help-item .img,.help .help-item .inform{
    display:inline-block;
    vertical-align:middle;
}
.help .help-item .img, .help .help-item .inform {
    display: inline-block;
    vertical-align: middle;
}
.help .help-item .img {
    position: relative;
    width: 15%;
    height: 100%;
}
.help .help-item i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    font-size: 55px;
    transform: translate(-50%,-50%);
    color: #ffffff!important
}
.help .help-item .img, .help .help-item .inform {
    display: inline-block;
    vertical-align: middle;
}
.help .help-item .inform {
    width: 85%;
    padding: 0 30px;
}
.help .help-item .inform .title {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
}
.help .help-item .inform .description {
    font-size: 16px;
    line-height: 26px;
    color: #d4dee7;
    margin-top: 5px;
}
.panel-info {
    border-color: #15212a!important;
}
.panel-block {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    position: relative;
}
.panel-info > .panel-leftheading {
    color: #ffffff;
    background-color: #15212a;
    border-color: #15212a;
}
.panel-leftheading {
    width: 42px;
    padding: 10px 15px;
    float: left;
    height: 100%;
    position: absolute;
}
.panel-lefttitle {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 16px;
    color: inherit;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}
.panel-rightbody {
    float: left;
    margin-left: 45px;
    padding: 15px;
}
.cloud-div {
    width:100%;
    justify-content:center;
    text-align:center;
}
.cloud-tag {
    padding: 0;
    padding-right: 5px;
    vertical-align:center;
    white-space: break-spaces;
}
@media screen and (max-width: 780px){
    .master-blank-div {
        height: 15px!important;
    }
}
@media screen and (min-width:780px){
    .master-blank-div {
        display: none!important;
    }
}
.master-slider img {
    border-radius: 6px;
}
.master-slider .NextArrow {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    right: 0px;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 20px 0 0 20px;
}
.master-slider .NextArrow:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
    font-weight: 900;
}
.master-slider .PrevArrow {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0 20px 20px 0;
}
.master-slider .PrevArrow:before {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}
.master-duyuru {
    position: relative;
    margin-top: 15px;
    height: 192px;
    width: 100%;
    background: #ffffff;
    border-radius: 6px;
    padding: 15px;
}
.master-duyuru::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f0a1";
    display: inline-block;
    padding-right: 3px;
    left: -50px;
    top: -20px;
    opacity: 0.03;
    font-size: 200px;
    vertical-align: middle;
    font-weight: 900;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.master-duyuru .master-duyuru-title {
    display: block;
    font-weight: bold!important;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.master-duyuru p {
    width: 100%;
    overflow: hidden;
    font-weight: 100!important;
}
html {
	scroll-behavior: smooth
}

body {
	font-family: 'Euclid Circular B', sans-serif;;
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight: 400;
	position: relative;
	line-height: 1.7;
	background-color: #fff;
	overflow-x: hidden;
	text-outline: 0;
	text-shadow: none;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility !important;
	font-smooth: always
}

.pages h2 {
	color: #fff;
	font-weight: 900 !important;
	font-size: 32px !important;
	text-align: left !important;
	font-family: 'Euclid Circular B', sans-serif;
}

.pages p {
	color: #eaeaea;
	font-size: 16px
}

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

button {
	cursor: pointer
}

*:focus {
	outline: 0
}

button {
	border: 0
}

button:focus {
	outline: 0
}

a:hover {
	color: #000
}

.text--primary {
	color: #7367f0 !important
}

.text--secondary {
	color: #868e96 !important
}

.text--success {
	color: #28c76f !important
}

.text--danger {
	color: #ea5455 !important
}

.text--warning {
	color: #ff9f43 !important
}

.text--info {
	color: #1e9ff2 !important
}

.text--dark {
	color: #10163a !important
}

.text--muted {
	color: #ccc !important
}

.text--base {
	color: #95bf46 !important
}

.text--dark {
	color: #363636 !important
}

.text--rating {
	color: #f2b826
}

.bg--primary {
	background-color: #7367f0 !important
}

.bg--secondary {
	background-color: #868e96 !important
}

.bg--success {
	background-color: #28c76f !important
}

.bg--danger {
	background-color: #ea5455 !important
}

.bg--warning {
	background-color: #ff9f43 !important
}

.bg--info {
	background-color: #1e9ff2 !important
}

.bg--dark {
	background-color: #10163a !important
}

.bg--light {
	background-color: #eef4ff !important
}

.bg--base {
	background-color: #95bf46 !important
}

.bg--gradient {
	background: #bdc3c7;
	background: -webkit-linear-gradient(to top, #00b57f1a, #fff);
	background: linear-gradient(to top, #00b57f1a, #fff)
}

.border--base {
	border-color: #95bf46 !important
}

.pt-25 {
	padding-top: 25px
}

.pb-25 {
	padding-bottom: 25px
}

.pt-50 {
	padding-top: 50px
}

.pb-50 {
	padding-bottom: 50px
}

.pt-100 {
	padding-top: 100px
}

.pb-100 {
	padding-bottom: 100px
}

.pt-120 {
	padding-top: 120px
}

.pb-120 {
	padding-bottom: 120px
}

.bg_img {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.section--bg {
	background-color: #ebedf463
}

.section--bg2 {
	background-color: #002046
}

.section-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.bg--one {
	background-color: #001d4a
}

.slick-arrow {
	cursor: pointer
}

.z-index-2 {
	z-index: 2
}

.main-wrapper {
	position: relative;
	z-index: 1
}

.section-header {
	margin-bottom: 2.1875rem
}

.section-title {
	font-size: 28px
}

@media(max-width:767px) {
	.section-title {
		font-size: 2rem
	}
}

@media(max-width:575px) {
	.section-title {
		font-size: 1.75rem
	}
}

.section-subtitle {
	font-size: 1rem;
	font-weight: 500
}

.section-subtitle.border-left {
	padding-left: 2.1875rem;
	position: relative;
	z-index: 1
}

.section-subtitle.border-left::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 25px;
	height: 2px;
	background-color: #95bf46;
	margin-top: -1px
}

a.text-white:hover {
	color: #95bf46 !important
}

.text--link {
	text-decoration: underline
}

.text--link:hover {
	text-decoration: underline
}

.has--link {
	position: relative
}

.has--link .item--link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.dropdown .dropdown-toggle.no-arrow::after {
	display: none
}

.dropdown .dropdown-menu {
	border-color: #e5e5e5;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
}

.dropdown .dropdown-menu li {
	border-bottom: 1px dashed #e5e5e5
}

.dropdown .dropdown-menu li:last-child {
	border-bottom: 0
}

.dropdown .dropdown-menu li .dropdown-item {
	color: #6f6f6f;
	font-size: .875rem
}

.dropdown .dropdown-menu li .dropdown-item:hover {
	color: #000;
	background-color: rgba(149, 191, 70, .05)
}

.custom--accordion .accordion-item+.accordion-item {
	margin-top: 1.25rem
}

.custom--accordion .accordion-item {
	border: 1px solid rgba(149, 191, 70, .5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.accordion-button {
	border: 0
}

.custom--accordion .accordion-item:first-child .accordion-button {
	border-top: 0
}

.custom--accordion .accordion-item:last-child .accordion-button {
	border-bottom: 0
}

.custom--accordion .accordion-button {
	padding: 1.25rem 1.5625rem;
	background-color: rgba(149, 191, 70, .05);
	font-size: 1.125rem;
	position: relative;
	text-align: left
}

.custom--accordion .accordion-button::after {
	position: absolute;
	top: 1.25rem;
	right: .8125rem;
	font-size: 1.0625rem;
	content: '\f107';
	font-family: line awesome free;
	font-weight: 900;
	background-image: none;
	color: #000
}

.custom--accordion .accordion-button:not(.collapsed) {
	background-color: #95bf46;
	color: #fff
}

.custom--accordion .accordion-button:not(.collapsed)::after {
	color: #fff
}

.custom--accordion .accordion-button:focus {
	box-shadow: none;
	outline: 0;
	border-color: transparent
}

.custom--accordion .accordion-body {
	padding: 1.25rem 1.5625rem
}

.custom--nav-tabs {
	justify-content: center;
	border: 0;
	margin: -3px -6px
}

.custom--nav-tabs .nav-item {
	padding: 3px 6px
}

.custom--nav-tabs .nav-item .nav-link {
	padding: 8px 25px;
	background-color: #fff;
	border: 1px solid rgba(133, 153, 171, .2);
	font-size: .875rem;
	font-weight: 500;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px
}

.custom--nav-tabs .nav-item .nav-link.active,
.custom--nav-tabs .nav-item .nav-link:hover {
	border-color: #95bf46
}

.custom--nav-tabs.style--two {
	background-color: #fff;
	justify-content: flex-start;
	margin: 0;
	padding: .625rem
}

.custom--nav-tabs.style--two .nav-item {
	margin: 0
}

.custom--nav-tabs.style--two .nav-item .nav-link {
	background-color: transparent;
	color: #6f6f6f;
	border: 0;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	position: relative;
	z-index: 1;
	padding: 10px 35px
}

.custom--nav-tabs.style--two .nav-item .nav-link::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	outline: 1px solid transparent;
	border-radius: 10px 10px 0 0;
	background: #20204a08;
	box-shadow: inset 0 -3px 3px rgb(0 0 0/15%);
	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.custom--nav-tabs.style--two .nav-item .nav-link.active {
	background-color: transparent;
	color: #fff
}

.custom--nav-tabs.style--two .nav-item .nav-link.active::after {
	background-color: #95bf46
}

.page-breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: .9375rem
}

.page-breadcrumb li {
	color: rgba(255, 255, 255, .8)
}

.page-breadcrumb li::after {
	content: '-';
	color: #fff;
	margin: 0 .3125rem
}

.page-breadcrumb li:first-child::before {
	content: "\f015";
	font-family: "font awesome 5 free";
	font-weight: 900;
	color: #95bf46;
	margin-right: .375rem
}

.page-breadcrumb li:last-child::after {
	display: none
}

.page-breadcrumb li a {
	color: #fff
}

.page-breadcrumb li a:hover {
	color: #95bf46
}

.cmn-list li+li {
	margin-top: .9375rem
}

.cmn-list li {
	position: relative;
	padding-left: 2.1875rem
}

.cmn-list li::before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: line awesome free;
	font-weight: 900;
	content: "\f058";
	font-size: 1.75rem;
	color: #95bf46;
	margin-right: .5rem;
	line-height: 1
}

.cmn-list-two li {
	padding: .375rem .9375rem;
	font-size: .875rem
}

.cmn-list-two li:nth-child(even) {
	background-color: #ebf5f5
}

.number-list {
	list-style: decimal;
	padding-left: 1.125rem
}

.number-list li+li {
	margin-top: .625rem
}

.disc-list li+li {
	margin-top: .625rem
}

.disc-list li {
	position: relative;
	padding-left: .9375rem
}

.disc-list li::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: .375rem;
	height: .375rem;
	margin-top: -.1875rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #bdbdbd
}

.square-list li+li {
	margin-top: 10px
}

.square-list li {
	padding-left: 25px;
	position: relative
}

.square-list li::before {
	position: absolute;
	content: '';
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: #e6e6e6
}

.square-list li::after {
	position: absolute;
	content: '';
	top: 9px;
	left: 4px;
	width: 14px;
	height: 14px;
	background-color: rgba(149, 191, 70, .45)
}

.caption-list li {
	display: flex;
	flex-wrap: wrap;
	padding: .625rem 0;
	font-size: .9375rem;
	border-bottom: 1px dashed rgba(133, 153, 171, .2)
}

.caption-list li:first-child {
	padding-top: 0
}

.caption-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.caption-list li .caption {
	width: 30%;
	font-weight: 700;
	font-size: .875rem;
	position: relative
}

@media(max-width:480px) {
	.caption-list li .caption {
		width: 35%
	}
}

.caption-list li .caption::after {
	position: absolute;
	content: ':';
	top: 0;
	right: 0
}

.caption-list li .value {
	width: 70%;
	padding-left: .9375rem;
	word-break: break-all
}

@media(max-width:480px) {
	.caption-list li .value {
		width: 65%
	}
}

.caption-list-two {
	padding: .625rem .9375rem;
	background-color: rgba(149, 191, 70, .1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.caption-list-two li {
	font-weight: 500;
	color: #363636;
	font-size: .875rem;
	padding: .5rem 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px dashed rgba(103, 128, 150, .2)
}

.caption-list-two li:first-child {
	padding-top: 0
}

.caption-list-two li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.caption-list-two li .caption {
	width: 20%;
	position: relative;
	font-weight: 700
}

.caption-list-two li .caption::after {
	position: absolute;
	content: ':';
	top: 0;
	right: 0
}

.caption-list-two li .value {
	width: 80%;
	text-align: right
}

.btn--base.btn--custom,
.custom--table tbody tr,
.custom--checkbox label::before,
.card-view-btn-area button,
.product-thumb-slider-area .product-details-thumb .overlay-icon,
.d-widget,
.action-sidebar,
.product-widget-tags a {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.has-link {
	position: relative
}

.item-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.object-fit--cover {
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.pagination {
	margin: -.3125rem -.21rem;
	flex-wrap: wrap
}

.pagination .page-item {
	margin: .3125rem .4375rem;
	margin-right: 0
}

.pagination .page-item.active .page-link {
	color: #fff
}

.pagination .page-item .page-link {
	width: 2.8125rem;
	height: 2.8125rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	color: #6f6f6f
}

.pagination .page-item .page-link:hover {
	color: #fff
}

.justify-content-end .pagination {
	justify-content: flex-end
}

.justify-content-center .pagination {
	justify-content: center
}

.pagination--sm .pagination .page-item .page-link {
	width: 2.375rem;
	height: 2.375rem;
	font-size: .875rem
}

.video--btn {
	width: 7.5rem;
	height: 5.625rem;
	background-color: #95bf46;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	bottom: 0;
	right: 0;
	font-size: 2.625rem;
	border: 4px solid #fff
}

.video--btn:hover {
	color: #fff
}

@-webkit-keyframes preloader-inside-white {
	0% {
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0)
	}

	100% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes preloader-inside-white {
	0% {
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0)
	}

	100% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@-webkit-keyframes preloader-inside-red {
	0% {
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0)
	}

	30% {
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0)
	}

	100% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes preloader-inside-red {
	0% {
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0)
	}

	30% {
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0)
	}

	100% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.preloader {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff;
	text-align: center
}

.preloader .preloader-container {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: auto;
	position: absolute;
	top: 44%;
	left: 0;
	position: relative
}

.preloader .preloader-container .animated-preloader {
	display: inline-block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	background: #95bf46;
	border-radius: 50em
}

.preloader .preloader-container .animated-preloader:after {
	content: '';
	display: inline-block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50em;
	background: #fff;
	-webkit-animation: preloader-inside-white 1s ease-in-out infinite;
	-ms-animation: preloader-inside-white 1s ease-in-out infinite;
	animation: preloader-inside-white 1s ease-in-out infinite
}

.preloader .preloader-container .animated-preloader:before {
	content: '';
	display: inline-block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: 50em;
	background: #95bf46;
	-webkit-animation: preloader-inside-red 1s ease-in-out infinite;
	-ms-animation: preloader-inside-red 1s ease-in-out infinite;
	animation: preloader-inside-red 1s ease-in-out infinite
}

h1 {
	font-size: 62px
}

h2 {
	font-size: 32px
}

@media(max-width:991px) {
	h2 {
		font-size: 36px
	}
}

@media(max-width:575px) {
	h2 {
		font-size: 28px
	}
}

h3 {
	font-size: 24px
}

h4 {
	font-size: 22px
}

@media(max-width:767px) {
	h4 {
		font-size: 20px
	}
}

h5 {
	font-size: 20px
}

@media(max-width:767px) {
	h5 {
		font-size: 18px
	}
}

h6 {
	font-size: 18px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Euclid Circular B', sans-serif;;
	font-weight: 600;
	margin: 0;
	line-height: 1.4
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
	font-family: 'Euclid Circular B', sans-serif;;
	color: #363636;
	font-weight: 600;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	line-height: 1.4
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a:hover {
	color: #363636
}

p,
li,
span {
	margin: 0
}

a {
	text-decoration: none;
	display: inline-block;
	font-family: 'Euclid Circular B', sans-serif;;
	font-weight: 400
}

a:hover {
	text-decoration: none
}

.fs-14px {
	font-size: .875rem !important
}

.fs-12px {
	font-size: .75rem !important
}

button:focus {
	outline: 0
}

[class*=btn--]:not(.btn--link):not(.btn--light) {
	color: #fff
}

.btn {
	padding: .75rem 1.875rem
}

.btn--primary {
	background-color: #7367f0
}

.btn--primary:hover {
	background-color: #5e50ee
}

.btn--secondary {
	background-color: #868e96
}

.btn--secondary:hover {
	background-color: #78818a
}

.btn--success {
	background-color: #28c76f
}

.btn--success:hover {
	background-color: #24b263
}

.btn--danger {
	background-color: #ea5455
}

.btn--danger:hover {
	background-color: #e73d3e
}

.btn--warning {
	background-color: #ff9f43
}

.btn--warning:hover {
	background-color: #ff922a
}

.btn--info {
	background-color: #1e9ff2
}

.btn--info:hover {
	background-color: #0d93e9
}

.btn--light {
	background-color: #eef4ff
}

.btn--light:hover {
	background-color: #d5e4ff
}

.btn--dark {
	background-color: #10163a;
	color: #fff
}

.btn--dark:hover {
	background-color: #0a0e26;
	color: #fff
}

.btn--link {
	color: #7367f0
}

.btn--base {
	background-color: #95bf46;
	color: #fff
}

.btn--base:hover {
	background-color: #87af3d;
	color: #fff
}

.btn--base2 {
	background-color: #95bf4625;
	color: #95bf46 !important
}

.btn--base2:hover {
	background-color: #95bf46;
	color: #fff !important
}

.btn--base.btn--custom {
	outline: 2px solid rgba(255, 255, 255, .7);
	outline-offset: -6px
}

.btn--base.btn--custom:hover {
	outline-offset: 0;
	outline: 2px solid transparent
}

.text-btn {
	padding: 0;
	color: #6f6f6f;
	background-color: transparent
}

.read-btn {
	padding: 10px 20px 10px 30px;
	min-width: 150px;
	font-size: 14px;
	font-weight: 600;
	background-color: rgba(149, 191, 70, .14);
	color: #95bf46;
	position: relative;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.read-btn:hover {
	background-color: #95bf46;
	color: #fff
}

.read-btn:hover i {
	background-color: #fff;
	color: #95bf46
}

.read-btn i {
	background-color: #95bf46;
	color: #fff;
	font-size: 18px;
	margin-left: 15px;
	padding: 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.action-btn {
	width: 35px;
	height: 35px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px
}

.btn-outline--primary {
	color: #7367f0;
	border-color: #7367f0
}

.btn-outline--primary:hover {
	background-color: #7367f0;
	color: #fff
}

.btn-outline--secondary {
	color: #868e96;
	border-color: #868e96
}

.btn-outline--secondary:hover {
	background-color: #868e96;
	color: #fff
}

.btn-outline--success {
	color: #28c76f;
	border-color: #28c76f
}

.btn-outline--success:hover {
	background-color: #28c76f;
	color: #fff
}

.btn-outline--danger {
	color: #ea5455;
	border-color: #ea5455
}

.btn-outline--danger:hover {
	background-color: #ea5455;
	color: #fff
}

.btn-outline--warning {
	color: #ff9f43;
	border-color: #ff9f43
}

.btn-outline--warning:hover {
	background-color: #ff9f43;
	color: #fff
}

.btn-outline--info {
	color: #1e9ff2;
	border-color: #1e9ff2
}

.btn-outline--info:hover {
	background-color: #1e9ff2;
	color: #fff
}

.btn-outline--light {
	color: #eef4ff;
	border-color: #eef4ff
}

.btn-outline--light:hover {
	background-color: #eef4ff;
	color: #fff
}

.btn-outline--dark {
	color: #10163a;
	border-color: #10163a
}

.btn-outline--dark:hover {
	background-color: #10163a;
	color: #fff
}

.btn-outline--base {
	color: #95bf46;
	border: 1px solid #95bf46
}

.btn-outline--base:hover {
	background-color: #95bf46;
	color: #fff
}

.btn-shadow--primary {
	box-shadow: 0 0 6px 1px rgba(115, 103, 240, .35)
}

.btn-shadow--secondary {
	box-shadow: 0 0 6px 1px rgba(134, 142, 150, .35)
}

.btn-shadow--success {
	box-shadow: 0 0 6px 1px rgba(40, 199, 111, .35)
}

.btn-shadow--danger {
	box-shadow: 0 0 6px 1px rgba(234, 84, 85, .35)
}

.btn-shadow--warning {
	box-shadow: 0 0 6px 1px rgba(255, 159, 67, .35)
}

.btn-shadow--info {
	box-shadow: 0 0 6px 1px rgba(30, 159, 242, .35)
}

.btn-shadow--light {
	box-shadow: 0 0 6px 1px rgba(238, 244, 255, .35)
}

.btn-shadow--dark {
	box-shadow: 0 0 6px 1px rgba(16, 22, 58, .35)
}

.btn-shadow--base {
	box-shadow: 0 0 6px 1px rgba(149, 191, 70, .35)
}

.btn--capsule {
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	-ms-border-radius: 999px;
	-o-border-radius: 999px
}

.icon-btn {
	width: 1.5625rem;
	height: 1.5625rem;
	background-color: #95bf46;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	display: inline-flex;
	justify-content: center;
	align-items: center
}

.icon-btn:hover {
	color: #fff
}

.btn--group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-left: -.625rem;
	margin-right: -.625rem
}

.btn--group *[class*=btn] {
	margin: .3125rem .625rem;
	align-items: center
}

.btn--group *[class*=btn].d-flex {
	padding: .5rem 2.1875rem
}

.btn--group.style--two {
	margin-left: -.3125rem;
	margin-right: -.3125rem
}

.btn--group.style--two *[class*=btn] {
	margin: .1875rem .3125rem
}

[class*=btn].btn-md {
	padding: .625rem 1.25rem
}

[class*=btn].btn-sm {
	padding: .375rem .625rem
}

.badge--primary {
	background-color: rgba(115, 103, 240, .15);
	border: 1px solid #7367f0;
	color: #7367f0
}

.badge--secondary {
	background-color: rgba(134, 142, 150, .15);
	border: 1px solid #868e96;
	color: #868e96
}

.badge--success {
	background-color: rgba(40, 199, 111, .15);
	border: 1px solid #28c76f;
	color: #28c76f
}

.badge--danger {
	background-color: rgba(234, 84, 85, .15);
	border: 1px solid #ea5455;
	color: #ea5455
}

.badge--warning {
	background-color: rgba(255, 159, 67, .15);
	border: 1px solid #ff9f43;
	color: #ff9f43
}

.badge--info {
	background-color: rgba(30, 159, 242, .15);
	border: 1px solid #1e9ff2;
	color: #1e9ff2
}

.badge--light {
	background-color: rgba(238, 244, 255, .15);
	border: 1px solid #eef4ff;
	color: #eef4ff
}

.badge--dark {
	background-color: rgba(16, 22, 58, .15);
	border: 1px solid #10163a;
	color: #10163a
}

.badge--base {
	background-color: rgba(149, 191, 70, .15);
	border: 1px solid #95bf46;
	color: #95bf46
}

.custom--table {
	background-color: transparent
}

.custom--table.white-space-nowrap th {
	white-space: nowrap
}

.custom--table thead {
	background-color: #002046
}

.custom--table thead th {
	border-top: 0;
	padding: .625rem 1.25rem;
	color: #fff;
	background-color: transparent;
	border: 0;
	font-size: .8125rem;
	font-weight: 700;
	text-align: center
}

.custom--table thead th:first-child {
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-ms-border-radius: 5px 0 0 0;
	-o-border-radius: 5px 0 0 0;
	text-align: left
}

.custom--table thead th:last-child {
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-ms-border-radius: 0 5px 0 0;
	-o-border-radius: 0 5px 0 0;
	text-align: right
}

.custom--table tbody td {
	border-top: 0;
	border: 1px solid rgba(0, 0, 0, .07);
	padding: .9375rem 1.25rem;
	color: #6f6f6f;
	vertical-align: middle;
	font-size: .875rem;
	text-align: center
}

.custom--table tbody td:first-child {
	text-align: left
}

.custom--table tbody td:last-child {
	text-align: right
}

.custom--table tbody tr {
	background-color: #fff
}

.custom--table tbody tr:nth-child(even) {
	background-color: #afb1b50d
}

.custom--table .product {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

@media(max-width:480px) {
	.custom--table .product {
		justify-content: flex-end
	}
}

.custom--table .product .thumb {
	width: 100px
}

@media(max-width:480px) {
	.custom--table .product .thumb {
		width: 70px
	}
}

.custom--table .product .content {
	width: calc(100% - 100px);
	padding-left: 1.25rem;
	text-align: left
}

@media(max-width:480px) {
	.custom--table .product .content {
		width: 100%;
		padding-left: 0;
		text-align: right;
		margin-top: .625rem
	}
}

.custom--table .product .content .title a {
	font-size: 1rem;
	word-break: break-word
}

@media(max-width:575px) {
	.custom--table .product .content .title a {
		font-size: .875rem
	}
}

[data-label] {
	position: relative
}

[data-label]::before {
	position: absolute;
	content: attr(data-label);
	font-weight: 700;
	color: #000;
	top: 50%;
	left: 0;
	padding: .8125rem .9375rem;
	display: none;
	font-size: .75rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media(max-width:991px) {
	.table-responsive--md thead {
		display: none
	}

	.table-responsive--md tbody tr:nth-child(even) {
		background-color: #afb1b50d
	}

	.table-responsive--md tr th,
	.table-responsive--md tr td {
		display: block;
		padding-left: 45% !important;
		text-align: right !important;
		border-top: 1px solid rgba(0, 0, 0, .08) !important
	}

	.table-responsive--md [data-label]::before {
		display: block
	}
}

@media(max-width:767px) {
	.table-responsive--sm thead {
		display: none
	}

	.table-responsive--sm tbody tr:nth-child(even) {
		background-color: #afb1b50d
	}

	.table-responsive--sm tr th,
	.table-responsive--sm tr td {
		display: block;
		padding-left: 45% !important;
		text-align: right !important;
		border-top: 1px solid rgba(0, 0, 0, .08) !important
	}

	.table-responsive--sm [data-label]::before {
		display: block
	}
}

@media(max-width:1199px) {

	*[class*=table-responsive--].data-label--none tr th,
	*[class*=table-responsive--].data-label--none tr td {
		padding-left: .75rem
	}
}

.form-group {
	margin-bottom: .9375rem
}

.form--control {
	padding: .625rem 1.25rem;
	border: 1px solid #95bf46;
	width: 100%;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #000;
	height: 55px;
	font-size: 15px
}

.form--control:focus {
	background-color: #fff;
	border-color: #95bf46 !important;
	box-shadow: 0 0 5px rgba(149, 191, 70, .35);
	color: #000
}

.form--control:placeholder-shown {
	border-color: rgba(118, 140, 161, .2);
	color: #6f6f6f
}

.form--control[readonly] {
	background-color: #fff
}

.form--control.style--two {
	border-width: 0 0 1px;
	padding: .625rem 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-bottom-color: #999
}

.form--control.style--two:focus {
	box-shadow: none
}

.form--control.form-control-sm {
	height: 35px
}

.form--control[disabled],
.form--control[readonly] {
	background-color: #e2e2e2
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	-webkit-appearance: none
}

.select {
	padding: .625rem 1.25rem;
	width: 100%;
	border: 1px solid rgba(118, 140, 161, .2);
	cursor: pointer;
	color: #6f6f6f;
	background-color: #fff;
	height: 3.125rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px
}

.select option {
	padding: .625rem 0;
	display: block;
	border-top: 1px solid #e5e5e5
}

.select.style--trans {
	background-color: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, .5)
}

.select.style--trans option {
	color: #363636
}

.select.select-sm {
	height: 2.1875rem;
	font-size: .875rem;
	padding: .3125rem
}

textarea {
	min-height: 9.375rem !important;
	resize: none;
	width: 100%
}

label {
	color: #7c7c7c;
	margin-bottom: .625rem;
	font-size: 15px
}

.input-group>.form--control,
.input-group>.select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0
}

.input-group select {
	background-color: transparent;
	border: 0
}

.input-group .input-group-text {
	background-color: #95bf46;
	color: #fff;
	border-color: #95bf46
}

.custom-radio {
	position: relative;
	padding-left: 0
}

.custom-radio input[type=radio] {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	cursor: pointer
}

.custom-radio input[type=radio]:checked~label::before {
	border-width: 2px;
	border-color: #95bf46
}

.custom-radio input[type=radio]:checked~label::after {
	opacity: 1
}

.custom-radio label {
	margin-bottom: 0;
	position: relative;
	padding-left: 20px;
	font-size: .9375rem
}

.custom-radio label::before {
	position: absolute;
	content: '';
	top: 1px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #888;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.custom-radio label::after {
	position: absolute;
	content: '';
	top: 5px;
	left: 4px;
	width: 7px;
	height: 7px;
	background-color: #95bf46;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.custom-radio.style--two label::before {
	top: 5px
}

.custom-radio.style--two label::after {
	top: 9px
}

.custom--checkbox {
	padding-left: 1.5625rem
}

.custom--checkbox input {
	display: none
}

.custom--checkbox input:checked~label::before {
	content: "\f14a";
	color: #95bf46
}

.custom--checkbox label {
	position: relative;
	font-size: .9375rem;
	font-weight: 400;
	cursor: pointer
}

.custom--checkbox label::before {
	position: absolute;
	content: "\f04d";
	font-family: line awesome free;
	font-weight: 900;
	top: 3px;
	left: -1.5625rem;
	font-size: 1.25rem;
	line-height: 1
}

.wrong-info .form--control {
	border-color: #ea5455 !important;
	box-shadow: 0 0 6px 1px rgba(234, 84, 85, .3) !important
}

.select2-container {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: 50px
}

.select2-container .select2-dropdown {
	border: 1px dashed rgba(118, 140, 161, .2);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.select2-container .selection,
.select2-container .select2-selection--single,
.select2-container .select2-selection__rendered {
	display: block
}

.select2-container .select2-selection--single {
	height: 50px;
	border-color: rgba(118, 140, 161, .2)
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 50px;
	padding-left: 1.25rem
}

.select2-container .select2-selection--single .select2-selection__arrow {
	height: 50px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #95bf46
}

.select2-dropdown ::-webkit-scrollbar {
	width: .5rem
}

.select2-dropdown ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.select2-dropdown ::-webkit-scrollbar-thumb {
	background-color: #002046
}

.select2-results__option {
	font-size: .875rem;
	padding: .375rem .625rem
}

.custom-icon-field {
	position: relative
}

.custom-icon-field i {
	position: absolute;
	top: 53%;
	left: 15px;
	transform: translateY(-50%);
	line-height: 1;
	font-size: 18px
}

.custom-icon-field textarea~i {
	top: 17px;
	transform: translateY(0)
}

.custom-icon-field .form--control {
	padding-left: 45px
}

.has-shape .shape-one,
.has-shape .shape-two,
.has-shape .shape-three {
	position: absolute;
	clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%);
	z-index: -1;
	background: #fdb953;
	background: -webkit-linear-gradient(to bottom, #fdb953, #fff);
	background: linear-gradient(to bottom, #fdb953, #fff)
}

.has-shape .shape-one {
	width: 450px;
	height: 180px;
	top: 0;
	right: -50px;
	opacity: .1;
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg)
}

.has-shape .shape-two {
	width: 550px;
	height: 300px;
	top: 200px;
	right: -50px;
	opacity: .15;
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg)
}

.has-shape .shape-three {
	width: 550px;
	height: 300px;
	bottom: 100px;
	left: -50px;
	opacity: .15;
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	background: #fdb953;
	background: -webkit-linear-gradient(to top, #fdb953, #fff);
	background: linear-gradient(to top, #fdb953, #fff)
}

.custom--card {
	background-color: #fff;
	box-shadow: none;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.custom--card .card-header {
	background-color: #fcfdff
}

.custom--card .card-body {
	padding: 1.25rem
}

.card {
	border-width: 2px
}

.card.style--two {
	background-color: transparent
}

.card.style--two .card-header {
	padding: .9375rem 1.5625rem;
	background-color: transparent
}

.modal {
	z-index: 999999
}

@-webkit-keyframes customRounded {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		-ms-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		-ms-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@-moz-keyframes customRounded {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		-ms-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		-ms-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@-ms-keyframes customRounded {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		-ms-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		-ms-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@keyframes customRounded {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		-ms-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		-ms-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@-webkit-keyframes customaPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}

	25% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	50% {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		-ms-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1)
	}

	75% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}
}

@-moz-keyframes customaPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}

	25% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	50% {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		-ms-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1)
	}

	75% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}
}

@-ms-keyframes customaPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}

	25% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	50% {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		-ms-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1)
	}

	75% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}
}

@keyframes customaPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}

	25% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	50% {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		-ms-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1)
	}

	75% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
		-ms-transform: translate(-50%, -50%) scale(1.05);
		transform: translate(-50%, -50%) scale(1.05)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}
}

@-webkit-keyframes customLight {
	0% {
		opacity: 1
	}

	25% {
		opacity: .6
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: .6
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes customLight {
	0% {
		opacity: 1
	}

	25% {
		opacity: .6
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: .6
	}

	100% {
		opacity: 1
	}
}

@-ms-keyframes customLight {
	0% {
		opacity: 1
	}

	25% {
		opacity: .6
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: .6
	}

	100% {
		opacity: 1
	}
}

@keyframes customLight {
	0% {
		opacity: 1
	}

	25% {
		opacity: .6
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: .6
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes CustomBounce {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	25% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	50% {
		-webkit-transform: translateY(-10);
		-ms-transform: translateY(-10);
		transform: translateY(-10)
	}

	75% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-moz-keyframes CustomBounce {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	25% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	50% {
		-webkit-transform: translateY(-10);
		-ms-transform: translateY(-10);
		transform: translateY(-10)
	}

	75% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-ms-keyframes CustomBounce {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	25% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	50% {
		-webkit-transform: translateY(-10);
		-ms-transform: translateY(-10);
		transform: translateY(-10)
	}

	75% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes CustomBounce {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	25% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	50% {
		-webkit-transform: translateY(-10);
		-ms-transform: translateY(-10);
		transform: translateY(-10)
	}

	75% {
		-webkit-transform: translateY(-5);
		-ms-transform: translateY(-5);
		transform: translateY(-5)
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.header__top {
	background-color: #95bf46;
	padding: 10px 0
}

.header__bottom {
	background-color: #002046;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

@media(max-width:1199px) {
	.header__bottom {
		padding: 10px 0
	}
}

.header .site-logo img {
	width: 175px
}

@media(max-width:1199px) {
	.header .site-logo img {
		max-width: 150px
	}
}

@media(max-width:1199px) {
	.header .main-menu {
		padding: 15px 0
	}
}

.header .main-menu li {
	position: relative
}

.header .main-menu li.menu_has_children {
	position: relative
}

.header .main-menu li.menu_has_children.open>.sub-menu {
	display: block
}

@media(max-width:1199px) {
	.header .main-menu li.menu_has_children>a {
		display: block
	}
}

.header .main-menu li.menu_has_children>a::before {
	position: absolute;
	content: "\f107";
	font-family: "font awesome 5 free";
	font-weight: 900;
	top: 0;
	right: 0;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: none
}

@media(max-width:1199px) {
	.header .main-menu li.menu_has_children>a::before {
		display: block;
		top: 9px
	}
}

.header .main-menu li.menu_has_children:hover>a::before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #95bf46
}

.header .main-menu li a {
	padding: 25px 5px 25px 0;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	position: relative
}

@media(max-width:1199px) {
	.header .main-menu li a {
		color: #fff;
		padding: 8px 0;
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, .1)
	}
}

.header .main-menu li a:hover,
.header .main-menu li a:focus {
	color: #e1e1e1
}

.header .main-menu li .sub-menu {
	position: absolute;
	width: 220px;
	top: 105%;
	left: -100px;
	z-index: 9;
	background-color: #fff;
	padding: 10px 0;
	-webkit-box-shadow: 0 18px 54px -8px rgba(0, 0, 0, .15);
	box-shadow: 0 18px 54px -8px rgba(0, 0, 0, .15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #e5e5e5
}

@media screen and (min-width:1200px) {
	.header .main-menu li .sub-menu {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px)
	}
}

@media(max-width:1199px) {
	.header .main-menu li .sub-menu {
		opacity: 1;
		visibility: visible;
		display: none;
		position: static;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		width: 100%
	}
}

.header .main-menu li .sub-menu li a {
	padding: 8px 20px;
	display: block;
	color: #6f6f6f;
	font-size: 14px;
	border-bottom: 1px dashed #e5e5e5
}

.header .main-menu li .sub-menu li:last-child a {
	border-bottom: 0
}

.header .main-menu li .sub-menu li a:hover {
	background-color: rgba(255, 255, 255, .05);
	color: #000
}

.header .main-menu li .sub-menu li+li {
	margin-left: 0
}

.header .main-menu li:hover>.sub-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.header .main-menu li .sub-menu .sub-menu {
	top: 0;
	right: 100%;
	left: unset
}

.header .main-menu li+li {
	margin-left: 20px
}

@media(max-width:1199px) {
	.header .main-menu li+li {
		margin-left: 0
	}
}

.header .nav-right {
	margin-left: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

@media(max-width:1199px) {
	.header .nav-right {
		margin-left: 0
	}
}

.header .nav-right .header-serch-btn {
	text-align: right;
	border: 0;
	background-color: transparent;
	color: #95bf46;
	cursor: pointer;
	font-size: 18px
}

@media screen and (min-width:1200px) {
	.header .main-menu>li:last-child>.sub-menu {
		left: unset;
		right: 0
	}
}

@media(max-width:1199px) {
	.header .nav-right .header-serch-btn {
		display: none
	}
}

.header .nav-right .header-top-search-area {
	position: absolute;
	top: 105%;
	width: 350px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

@media(max-width:1199px) {
	.header .nav-right .header-top-search-area {
		position: static;
		opacity: 1;
		visibility: visible;
		margin-top: 20px;
		margin-bottom: 15px;
		width: 100%
	}
}

.header .nav-right .header-top-search-area .header-search-form {
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	-ms-border-radius: 999px;
	-o-border-radius: 999px
}

@media(max-width:1199px) {
	.header .nav-right .header-top-search-area .header-search-form {
		width: 50%
	}
}

@media(max-width:767px) {
	.header .nav-right .header-top-search-area .header-search-form {
		width: 100%
	}
}

.header .nav-right .header-top-search-area .header-search-form input {
	width: 100%;
	border: 0;
	padding: 8px 38px 8px 15px;
	min-height: 50px;
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	-ms-border-radius: 999px;
	-o-border-radius: 999px
}

.header .nav-right .header-top-search-area .header-search-form .header-search-btn {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	height: 100%;
	padding: 0 12px;
	background-color: #95bf46;
	color: #fff;
	border-radius: 0 999px 999px 0;
	-webkit-border-radius: 0 999px 999px 0;
	-moz-border-radius: 0 999px 999px 0;
	-ms-border-radius: 0 999px 999px 0;
	-o-border-radius: 0 999px 999px 0
}

.header .nav-right .header-top-search-area.open {
	opacity: 1;
	visibility: visible;
	top: 100%
}

.header-menu-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin: -5px -10px
}

.header-menu-list li a {
	padding: 5px 10px;
	padding-left: 0;
	color: #bcbcbc;
	font-size: 14px;
	font-weight: 600
}

.header-menu-list li a:hover {
	color: #fff
}

.laguage-select {
	width: auto;
	height: auto;
	padding: 5px 10px;
	font-size: 14px;
	background-color: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, .15)
}

.laguage-select option {
	background-color: #002046
}

@media(max-width:1199px) {
	.navbar-collapse {
		background-color: #001d4a;
		padding: 0 30px 20px
	}
}

@media(max-width:767px) {
	.navbar-collapse {
		max-height: 320px;
		overflow: auto
	}
}

.navbar-toggler {
	padding: 0;
	border: 0
}

.navbar-toggler:focus {
	outline: 0
}

@media(max-width:1199px) {
	.navbar-toggler {
		margin-right: 20px
	}
}

.menu-toggle {
	margin: 10px 0;
	position: relative;
	display: block;
	width: 35px;
	height: 20px;
	cursor: pointer;
	background: 0 0;
	border-top: 2px solid;
	border-bottom: 2px solid;
	color: #fff;
	font-size: 0;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	cursor: pointer
}

@media(max-width:1199px) {
	.menu-toggle {
		color: #fff
	}
}

.menu-toggle:before,
.menu-toggle:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: currentColor;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: -webkit-transform .25s ease-in-out;
	-webkit-transition: -webkit-transform .25s ease-in-out;
	-o-transition: -webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out;
	-moz-transition: -webkit-transform .25s ease-in-out;
	-ms-transition: -webkit-transform .25s ease-in-out
}

@media(max-width:1199px) {

	.menu-toggle:before,
	.menu-toggle:after {
		background-color: #fff
	}
}

span.is-active {
	border-color: transparent
}

span.is-active:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

span.is-active:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

span.menu-toggle:hover {
	color: #fff
}

@media(max-width:1199px) {
	span.menu-toggle:hover {
		color: #fff
	}
}

span.is-active {
	border-color: transparent
}

span.is-active:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

span.is-active:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.hero {
	padding-top: 80px;
	padding-bottom: 200px;
	position: relative;
	overflow: hidden;
	position: relative;
	z-index: 1;
	-webkit-animation: slideUp 300s linear infinite;
	animation: slideUp 300s linear infinite;
	background-position: 0 0;
	background-repeat: repeat
}

@-webkit-keyframes slideUp {
	from {
		background-position: 0 0
	}

	to {
		background-position: 0 1000%
	}
}

@keyframes slideUp {
	from {
		background-position: 0 0
	}

	to {
		background-position: 0 1000%
	}
}

.hero::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #002046;
	opacity: .85;
	z-index: -1
}

.hero__title {
	font-size: 42px;
	font-weight: 600;
	color: #fff
}

@media(max-width:1399px) {
	.hero__title {
		font-size: 42px
	}
}

@media(max-width:767px) {
	.hero__title {
		font-size: 36px
	}
}

.hero-search-form {
	background-color: #fff;
	padding: 8px 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0 5px 25px rgba(149, 191, 70, .15);
	position: relative
}

@media(max-width:480px) {
	.hero-search-form {
		padding: 5px 15px
	}
}

.hero-search-form .icon {
	position: absolute;
	top: 54%;
	left: 20px;
	font-size: 22px;
	transform: translateY(-50%)
}

.hero-search-form .form--control {
	width: calc(100% - 40px);
	border: 0;
	height: 50px;
	background-color: transparent;
	padding-left: 40px
}

.hero-search-form .form--control:focus {
	box-shadow: none
}

.hero-search-form .hero-search-btn {
	position: absolute;
	background-color: tomato;
	color: #fff;
	top: 5px;
	right: 5px;
	width: 120px;
	height: calc(100% - 10px);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px
}

.category-wrapper {
	background-color: #fff;
	margin-top: -120px;
	position: relative;
	z-index: 5;
	padding: 30px;
	border-radius: 10px
}

@media(max-width:575px) {
	.category-wrapper {
		padding: 20px 20px 0
	}
}

.category-item {
	text-align: center;
	padding: 25px 20px;
	border-radius: 8px;
	background-color: #00204617;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

@media(max-width:575px) {
	.category-item {
		padding: 20px 15px
	}
}

.category-item__icon {
	display: inline-flex;
	padding: 3px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: .7rem
}

.category-item__icon img {
	height: 45px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.category-item:hover .category-item__icon img {
	transform: scale(.85);
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	-o-transform: scale(.85)
}

.category-item__content {
	margin-top: 12px
}

@media(max-width:575px) {
	.category-item__content .caption {
		font-size: 14px
	}
}

.inner-page-hero {
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
	z-index: 1;
	background-position-y: center
}

.inner-page-hero::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #001d4a;
	opacity: .85;
	z-index: -1
}

.inner-page-hero .page-title {
	font-weight: 600;
	color: #fff
}

.inner-page-hero .page-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 15px
}

.inner-page-hero .page-list li {
	padding: 0 15px;
	position: relative;
	color: rgba(255, 255, 255, .7)
}

.inner-page-hero .page-list li:first-child {
	padding-left: 0
}

.inner-page-hero .page-list li:first-child::before {
	display: none
}

.inner-page-hero .page-list li::before {
	position: absolute;
	content: '/';
	color: #fff;
	left: 0
}

.inner-page-hero .page-list li a {
	color: #fff
}

@media(max-width:1399px) {
	.product-two-slider.custom-arrow .slick-arrow.prev {
		left: 0
	}

	.product-two-slider.custom-arrow .slick-arrow.next {
		right: 0
	}
}

.product-two-slider .slick-list {
	margin: -15px
}

.product-two-slider .single-slide {
	padding: 15px
}

.feature-product-slider .slick-list {
	margin: -20px -10px
}

.feature-product-slider .single-slide {
	margin: 20px 10px
}

.feature-product-slider .slick-arrow {
	position: absolute;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	top: 40%;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.feature-product-slider:hover .slick-arrow {
	opacity: 1;
	visibility: visible
}

.feature-product-slider .slick-arrow:hover {
	background-color: #95bf46;
	color: #fff
}

.feature-product-slider .slick-arrow.prev {
	left: 15px
}

.feature-product-slider .slick-arrow.next {
	right: 15px
}

.product-card {
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
	position: relative;
	height: 100%
}

.product-card:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
	background-color: #fff
}

.product-card .tending-badge {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #95bf46;
	width: 55px;
	height: 55px;
	color: #fff;
	font-size: 1.5rem;
	display: flex;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0)
}

.product-card .tending-badge i {
	margin-left: 5px;
	margin-top: 5px
}

.product-card__thumb {
	height: 200px;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0
}

.product-card__thumb>a {
	display: block;
	width: 100%;
	height: 100%
}

.product-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0
}

.product-card__content {
	padding: 15px;
	background-color: #6fb9ff0f;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px
}

.product-card__content p {
	font-size: 13px
}

.product-card__content p a {
	font-weight: 600;
	color: #6f6f6f
}

.product-card__content p a:hover {
	color: #95bf46
}

.product-card__meta {
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between
}

.product-card__meta .meta-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin: -3px -5px
}

.product-card__meta .meta-list li {
	margin: 3px 5px;
	font-size: 14px
}

.product-card__meta .meta-list li.ratings {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.product-card__meta .meta-list li i.las,
.product-card__meta .meta-list li i.lar {
	font-size: 18px
}

.product-card__meta .meta-list li i[class*=star] {
	font-size: 14px;
	color: #fea569
}

.product-card .product-title {
	font-size: 16px
}

.product-card .product-title a {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.cart-btn {
	padding: 4px 10px;
	background-color: #95bf46;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: 0 3px 5px rgba(149, 191, 70, .15);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 3px 8px #95bf46bd
}

.cart-btn:hover {
	color: #fff;
	box-shadow: 0 5px 10px rgba(149, 191, 70, .35)
}

.cart-btn.style--two {
	background-color: #607a87;
	box-shadow: 0 5px 10px #607a8738
}

.cart-btn i.las,
.cart-btn i.lar {
	font-size: 18px
}

.product-card.style--two {
	padding: 6px;
	background-color: #95bf46
}

.product-card.style--two::before {
	position: absolute;
	content: '';
	top: 6px;
	left: 6px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	background: #bdc3c7;
	background: -webkit-linear-gradient(to top, #002046, #070f1436);
	background: linear-gradient(to top, #002046, #070f1436);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px
}

.product-card.style--two:hover {
	box-shadow: 0 0 15px 2px #95bf46
}

.product-card.style--two .product-card__thumb {
	min-height: 400px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px
}

.product-card.style--two .product-card__thumb a {
	width: 100%;
	height: 400px
}

.product-card.style--two .product-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px
}

.product-card.style--two .product-card__content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
	padding: 25px
}

.product-card.style--two:hover .product-card__content {
	opacity: 1;
	visibility: visible;
	bottom: 0
}

.product-card.style--two .product-title a {
	font-size: 20px;
	color: #fff
}

.product-card.style--two .product-card__content p,
.product-card.style--two .product-card__content p a {
	color: #fff
}

.product-card.style--two .product-title a:hover {
	color: #95bf46
}

.product-card.style--two .product-price {
	font-size: 28px;
	color: #95bf46
}

.product-card.style--two .product-card__meta .meta-list li {
	color: #fff
}

.product-card.style--three {
	padding: 8px
}

.product-card.style--three .product-card__thumb {
	height: 150px
}

.product-card.style--three .product-title {
	font-size: 15px
}

.product-card.style--three .product-card__content p a {
	font-size: 12px
}

.product-card.style--three.v2 .product-card__thumb {
	height: 200px
}

.product-sale-amount {
	padding: 2px 6px;
	background-color: #e9f4ff;
	border-radius: 2px
}

.product-card__btn-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px
}

.product-card__btn-area .cart-btn {
	width: 48%;
	text-align: center;
	padding: 6px 15px
}

@media(max-width:380px) {
	.product-card__btn-area .cart-btn {
		width: 100%
	}

	.product-card__btn-area .cart-btn+.cart-btn {
		margin-top: 10px
	}
}

.product-card__btn-area .cart-btn i {
	font-size: 16px !important;
	margin-right: 5px
}

.featured-author .thumb {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden
}

.featured-author .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.featured-author .content {
	width: calc(100% - 90px);
	padding-left: 20px
}

.serach-area {
	background-color: #002046;
	padding: 20px 0
}

.serach-area .hero-search-form {
	background-color: transparent
}

.serach-area .hero-search-form::before {
	display: none
}

.serach-area .hero-search-form label {
	color: #f2f2f2;
	margin-bottom: .5rem
}

.serach-area .hero-search-form .select2-container .select2-selection--single {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.serach-area .hero-search-form .select2-container .select2-selection--single .select2-selection__arrow {
	right: 12px
}

.serach-area .hero-search-form .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 20px
}

.card-view-btn-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: -.3125rem -.4375rem
}

.card-view-btn-area button {
	width: 40px;
	height: 40px;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	margin: .3125rem .4375rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.card-view-btn-area button.active {
	background-color: #95bf46;
	color: #fff
}

.list-view .card-view {
	width: 100% !important
}

.list-view .product-card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.list-view .product-card__thumb {
	width: 30%;
	max-height: 145px;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

@media(max-width:1199px) {
	.list-view .product-card__thumb {
		width: 35%;
		max-height: 126px
	}
}

@media(max-width:540px) {
	.list-view .product-card__thumb {
		width: 100%;
		max-height: 195px
	}
}

.list-view .product-card__content {
	width: 70%;
	padding: 0 20px;
	padding-right: 10px;
	margin-top: 0;
	background-color: transparent !important
}

@media(max-width:1199px) {
	.list-view .product-card__content {
		width: 65%
	}
}

@media(max-width:540px) {
	.list-view .product-card__content {
		width: 100%;
		margin-top: 20px;
		padding: 0 10px
	}
}

.list-view .product-card__meta {
	margin-top: 10px
}

.list-view .product-card .product-title a {
	font-size: 20px
}

.list-view .product-card__content .bookmark-btn {
	right: auto;
	left: -50px;
	top: 5px
}

.search-tab-menu {
	margin: -.1875rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.search-tab-menu li {
	padding: .1875rem
}

.search-tab-menu li button {
	font-size: .875rem;
	background-color: #fff;
	padding: .25rem .625rem;
	border: 1px solid rgba(133, 153, 171, .2)
}

.search-tab-menu li button.active {
	background-color: #95bf46;
	color: #fff
}

.single-search-form {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.single-search-form .form--control {
	width: calc(100% - 150px);
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px
}

.single-search-form .single-search-btn {
	width: 150px;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0
}

.product-thumb-slider-area {
	background-color: #fafafa;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.product-thumb-slider-area .product-details-thumb {
	text-align: center;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative
}

.product-thumb-slider-area .product-details-thumb:hover .overlay-icon {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.product-thumb-slider-area .product-details-thumb .tending-badge-two {
	position: absolute;
	top: 5%;
	left: 0;
	background-color: #95bf46;
	padding: 5px 30px 5px 15px;
	-webkit-clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	width: 40px;
	z-index: 2
}

.product-thumb-slider-area .product-details-thumb .tending-badge-two:hover {
	width: 140px
}

.product-thumb-slider-area .product-details-thumb .tending-badge-two:hover .caption {
	display: inline-block
}

.product-thumb-slider-area .product-details-thumb .tending-badge-two .caption {
	font-weight: 500;
	color: #fff;
	display: none
}

.product-thumb-slider-area .product-details-thumb .tending-badge-two i {
	font-size: 1.5rem;
	color: #fff
}

.product-thumb-slider-area .product-details-thumb .overlay-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .45);
	font-size: 3.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #fff;
	-webkit-transform: scale(.65, .65);
	-ms-transform: scale(.65, .65);
	transform: scale(.65, .65);
	opacity: 0;
	visibility: hidden
}

.product-thumb-slider-area .product-details-thumb img {
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.product-details-meta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.product-details-meta.style--three {
	padding: .9375rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.product-details-meta .left {
	width: 58%
}

@media(max-width:767px) {
	.product-details-meta .left {
		width: 100%;
		text-align: center
	}
}

.product-details-meta .right {
	width: 42%
}

@media(max-width:767px) {
	.product-details-meta .right {
		width: 100%;
		text-align: center;
		margin-top: .625rem
	}
}

.socail-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.socail-list li {
	margin: 5px 8px
}

.socail-list li.caption {
	font-weight: 600
}

.socail-list li a {
	color: #6f6f6f;
	font-size: 15px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.socail-list li a:hover {
	color: #95bf46
}

.product-details-meta.style--two {
	margin: -5px -10px
}

.product-details-meta.style--two li {
	margin: 5px 10px
}

.product-details-meta.style--two li a {
	font-size: 14px;
	color: #6f6f6f
}

.product-details-meta.style--two li a:hover {
	color: #95bf46
}

.product-details-meta.style--two .ratings {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.product-details-meta.style--two .ratings i {
	color: #ffab00
}

.product-details-meta.style--two .ratings .rating-amount {
	padding-left: 5px
}

.product-details-meta.style--two .ratings .rating-amount::before {
	content: '('
}

.product-details-meta.style--two .ratings .rating-amount::after {
	content: ')'
}

.single-review+.single-review {
	margin-top: 20px
}

.single-review {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #fff
}

.single-review:nth-child(odd) {
	background-color: #f7f7f7
}

.single-review__top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #f7fbff;
	padding: 10px 25px;
	border-bottom: 1px solid #e5e5e5
}

.single-review__top .left {
	width: calc(100% - 100px)
}

.single-review__top .right {
	width: 100px
}

.single-review__top .ratings i {
	color: #ffab00
}

.single-review .author-name {
	font-size: 16px
}

.single-review .time {
	font-size: 14px;
	font-style: italic
}

.single-review p {
	font-size: 15px;
	padding: 20px
}

.product-comment+.product-comment {
	margin-top: 20px
}

.product-comment {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #fff
}

.product-comment>div:first-child {
	background-color: #f7f7f7
}

.product-comment>div:not(:first-child) {
	border-top: 1px solid #e5e5e5
}

.product-comment .client-comment {
	padding: 20px
}

.product-comment .comment-box {
	display: none
}

.product-comment .comment-box textarea.form--control {
	min-height: 85px !important
}

.product-comment .comment-box-open-btn {
	float: right
}

.product-comment .author-name {
	font-size: 16px
}

.product-comment .time {
	font-size: 13px;
	font-style: italic
}

.product-comment p {
	font-size: 15px
}

.product-comment .author-reply {
	padding: 20px;
	background-color: #fff
}

.product-comment-form-area {
	margin-top: 1.875rem
}

.product-comment-form {
	padding: 1.25rem;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-comment-form .thumb {
	width: 56px;
	height: 56px
}

.product-comment-form .thumb img {
	width: inherit;
	height: inherit;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.product-comment-form .comment-action {
	width: calc(100% - 90px);
	padding-left: 1.875rem
}

.comment-top .thumb {
	width: 50px;
	height: 50px
}

.comment-top .content {
	width: calc(100% - 50px);
	padding-left: 20px
}

.more-product-slider .slick-list {
	margin: -.625rem
}

.more-product-slider .slick-arrow {
	position: absolute;
	top: 30%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	z-index: 1
}

.more-product-slider .slick-arrow.prev {
	left: -10px
}

.more-product-slider .slick-arrow.next {
	right: -10px
}

.more-product-slider .single-slide {
	margin: .625rem
}

.subscribe-section {
	padding: 40px 0;
	position: relative;
	background: #43cea2;
	background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
	background: linear-gradient(to right, #185a9d, #43cea2);
	color: #fff;
	overflow: hidden;
	z-index: 1
}

.subscribe-section .el {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1
}

.subscribe-form {
	display: flex
}

.subscribe-form input {
	height: 50px;
	background-color: #fff;
	border: 0;
	border-radius: 8px 0 0 8px;
	font-size: 14px;
	padding-left: 40px !important
}

.subscribe-form .custom-icon-field {
	width: calc(100% - 120px)
}

.subscribe-form .custom-icon-field i {
	top: 51%
}

.subscribe-form button {
	background-color: #95bf46;
	color: #fff;
	width: 120px;
	border-radius: 0 8px 8px 0;
	font-size: 14px
}

.testimonial-card {
	padding: 25px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
	margin-top: 25px;
	border-top: 2px solid #00b580
}

.testimonial-card::before {
	position: absolute;
	content: "\f10e";
	font-family: "font awesome 5 free";
	font-weight: 900;
	font-size: 32px;
	top: 40px;
	right: 20px;
	color: #363636;
	line-height: 1;
	opacity: .1
}

.testimonial-card .client-thumb {
	width: 70px;
	height: 70px;
	display: inline-block
}

.testimonial-card .client-thumb img {
	width: inherit;
	height: inherit;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.testimonial-card__top .content {
	width: calc(100% - 70px);
	padding-left: 20px
}

.testimonial-card .designation {
	font-style: italic;
	font-size: 15px
}

.testimonial-slider .slick-list {
	margin: -10px
}

.testimonial-slider .single-slide {
	margin: 10px
}

.testimonial-slider .slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 20px
}

.testimonial-slider .slick-dots li {
	margin: 2px 4px
}

.testimonial-slider .slick-dots button {
	font-size: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	transition: all .3s;
	padding: 0
}

.testimonial-slider .slick-dots li.slick-active button {
	width: 35px;
	border-radius: 999px;
	background-color: #00b580
}

.custom-arrow .slick-arrow {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .5) !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: 45%;
	z-index: 1
}

.custom-arrow .slick-arrow.prev {
	left: -15px
}

@media(max-width:575px) {
	.custom-arrow .slick-arrow.prev {
		left: -5px
	}
}

.custom-arrow .slick-arrow.next {
	right: -15px
}

@media(max-width:575px) {
	.custom-arrow .slick-arrow.next {
		right: -5px
	}
}

.post-card {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.post-card:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.post-card__thumb {
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative
}

.post-card__thumb img {
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.post-card__content {
	padding: 20px
}

.post-meta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -.3125rem -.625rem
}

.post-meta li {
	margin: .3125rem .625rem;
	font-size: 14px
}

.post-meta li a {
	color: #6f6f6f;
	display: flex;
	align-items: center
}

.post-meta li a:hover {
	color: #95bf46
}

.post-meta li a i {
	font-size: 1.125rem
}

.post-card__thumb .post-meta {
	position: absolute;
	bottom: 17px;
	left: 25px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.post-card__thumb .post-meta li a {
	font-size: 14px
}

.read-more {
	color: #95bf46;
	text-decoration: underline
}

.read-more:hover {
	text-decoration: underline
}

.blog-details__thumb {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.blog-details__thumb img {
	width: 100%
}

.blog-details__thumb .post__date {
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 75px;
	text-align: center
}

.blog-details__thumb .post__date .date {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	background-color: #95bf46;
	padding: 10px 5px;
	width: 100%;
	line-height: 1
}

.blog-details__thumb .post__date .month {
	background-color: #fff;
	padding: 4px 5px;
	width: 100%;
	line-height: 1;
	font-size: 18px
}

.blog-details__content {
	margin-top: 30px
}

.blog-details__content p {
	margin-top: 20px
}

.blog-details__content .blog-details__title {
	font-size: 24px
}

.blog-details__content blockquote {
	margin-top: 30px;
	margin-bottom: 0
}

blockquote {
	font-size: 18px;
	color: #6f6f6f;
	font-style: italic;
	text-align: center;
	padding: 50px 60px;
	background-color: #002046;
	color: #fff
}

@media(max-width:575px) {
	blockquote {
		padding: 30px 40px;
		font-size: 16px
	}
}

.blog-details__footer {
	text-align: center;
	padding: 50px 0;
	border-bottom: 1px solid #e5e5e5
}

.blog-details__footer .caption {
	font-size: 24px;
	margin-bottom: 20px
}

.blog-details__footer .social__links {
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.blog-details__footer .social__links li a {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #363636
}

.blog-details__footer .social__links li a:hover {
	background-color: #95bf46;
	color: #fff
}

.reply-btn {
	width: 28px;
	height: 28px;
	background-color: #f7f5fb;
	color: #95bf46;
	text-align: center;
	line-height: 28px;
	font-size: 13px;
	float: right;
	margin-top: -30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.reply-btn:hover {
	background-color: #95bf46;
	color: #fff
}

.reply-btn i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.comment-form-area {
	margin-top: 70px;
	padding: 1.875rem;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.comment-form-area .title {
	font-size: 24px;
	margin-bottom: 20px
}

.dark--shadow {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .05)
}

.dark--shadow2 {
	box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.account-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center;
	border-radius: 8px 0 0 8px;
	overflow: hidden
}

.box--border {
	border: 2px solid rgba(149, 191, 70, .55)
}

.box--shadow {
	box-shadow: 0 10px 25px rgba(149, 191, 70, .15)
}

.bottom-img {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: .25;
	z-index: -1
}

.account-area {
	position: relative;
	min-height: 100vh;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: 1;
	align-items: center
}

.account-area-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 650px);
	height: 100%;
	z-index: -1
}

@media(max-width:1399px) {
	.account-area-bg {
		width: calc(100% - 550px)
	}
}

@media(max-width:991px) {
	.account-area-bg {
		width: 100%
	}
}

.account-area-bg::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #011731;
	opacity: .65;
	z-index: -1
}

.account-area-left {
	width: calc(100% - 650px);
	padding: 30px;
	display: flex;
	justify-content: center;
	align-items: center
}

@media(max-width:991px) {
	.account-area-left {
		width: 100%;
		order: 1
	}
}

.account-area-left-inner {
	width: 650px
}

@media(max-width:1399px) {
	.account-area-left-inner {
		width: 100%
	}
}

.account-wrapper {
	padding: 80px 50px;
	max-width: 100%;
	width: 650px;
	min-height: 100vh;
	flex-wrap: wrap;
	align-content: space-between;
	position: relative;
	background-color: #001c40;
	z-index: 3
}

.account-area.style--two .account-wrapper {
	padding: 80px 50px
}

@media(max-width:1399px) {
	.account-wrapper:not(.style--two) {
		padding: 50px;
		width: 550px
	}
}

@media(max-width:991px) {
	.account-wrapper {
		width: 100%;
		min-height: auto;
		order: -1;
		background-color: #001c4090
	}
}

@media(max-width:767px) {
	.account-wrapper {
		padding: 30px
	}
}

.account-wrapper .account-logo {
	margin-bottom: 50px;
	width: 100%
}

@media(max-width:991px) {
	.account-wrapper .account-logo {
		margin-bottom: 50px
	}
}

.account-form {
	width: 100%
}

@media(max-width:991px) {
	.account-form {
		width: 550px;
		margin-left: auto;
		margin-right: auto
	}
}

@media(max-width:767px) {
	.account-form {
		width: 100%
	}
}

.account-form .form-control {
	background-color: #f4f5f8;
	height: 65px;
	font-size: 16px;
	border: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px
}

.account-footer {
	width: 100%;
	margin-top: 100px
}

@media(max-width:991px) {
	.account-footer {
		margin-top: 30px
	}
}

.s-top-author {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block
}

.s-top-author img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.top-author-slider .slick-list {
	margin: 0 -7px;
	text-align: center
}

.top-author-slider .single-slide {
	padding: 0 7px
}

.map-area {
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	filter: grayscale(100%)
}

.map-area iframe {
	width: 100%;
	height: 525px
}

@media(max-width:991px) {
	.map-area iframe {
		height: 400px
	}
}

.single-info {
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 25px #0000001a;
	height: 100%
}

@media(max-width:1199px) {
	.single-info {
		padding: 20px;
		justify-content: center
	}
}

.single-info__icon {
	width: 4.5rem;
	height: 4.5rem;
	font-size: calc(5.3125rem/2.1);
	background-color: #002046
}

.single-info__content {
	width: calc(100% - 5.3125rem);
	padding-left: 1.5625rem
}

@media(max-width:1199px) {
	.single-info__content {
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
		text-align: center
	}
}

.single-info__content .title {
	font-size: 1.15rem
}

.single-info__content p {
	word-break: break-all
}

@media(max-width:991px) {
	.single-info__content p {
		font-size: 14px
	}
}

.contact-info-list .single-info {
	padding: 1.25rem 0
}

.contact-info-list .single-info:first-child {
	padding-top: 0
}

.contact-info-list .single-info:last-child {
	padding-bottom: 0
}

.contact-form {
	padding: 40px;
	background-color: #fff;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
	border-radius: 10px
}

.contact-form .title {
	font-size: 2rem
}

.contact-form .form--control {
	background-color: #fff;
	border-color: #e5e5e5;
	color: #363636
}

.contact-form .form--control::-webkit-input-placeholder {
	color: #777
}

.contact-form .form--control::-moz-placeholder {
	color: #777
}

.contact-form .form--control:-ms-input-placeholder {
	color: #777
}

.contact-form .form--control:-moz-placeholder {
	color: #777
}

.contact-form p {
	color: #fff
}

.contact-form select {
	background-color: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, .25)
}

.contact-form select option {
	background-color: #95bf46
}

.user-area {
	padding-top: 4rem;
	padding-bottom: 2.5rem;
	color: #fff
}

.user-area h4 {
	color: #fff
}

.user-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.user-wrapper .content {
	width: calc(100% - 90px)
}

@media(max-width:575px) {
	.user-wrapper .content {
		width: calc(100% - 60px)
	}
}

@media(max-width:575px) {
	.user-wrapper .name {
		font-size: 1rem
	}
}

.user-nav-tabs .nav-item .nav-link {
	background-color: transparent;
	color: #fff;
	font-size: .875rem
}

.user-nav-tabs .nav-item .nav-link.active {
	background-color: #fff;
	color: #15212a;
	font-weight: 700
}

.dashboard-area .tab-content-area {
	padding: 30px;
	background-color: #00204614;
	border: 2px solid #e5e5e5b0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px
}

@media(max-width:575px) {
	.dashboard-area .tab-content-area {
		padding: 1.875rem
	}
}

@media(max-width:480px) {
	.dashboard-area .tab-content-area {
		padding: 1.25rem
	}
}

.user-header-status {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-end
}

@media(max-width:575px) {
	.user-header-status {
		margin-top: 20px
	}
}

.user-header-status .left {
	padding-right: 40px
}

@media(max-width:991px) {
	.user-header-status .left {
		width: 100%;
		padding-right: 0
	}
}

@media(max-width:575px) {
	.user-header-status .left {
		width: 50%;
		text-align: left;
		padding: 0 .625rem
	}
}

@media(max-width:991px) {
	.user-header-status .right {
		margin-top: .625rem
	}
}

@media(max-width:575px) {
	.user-header-status .right {
		width: 50%;
		text-align: left;
		margin-top: 0;
		padding: 0 .625rem
	}
}

.ratings i {
	color: #fea569
}

.user-profile-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #fff;
	border-radius: 10px
}

.user-profile-header .content {
	width: calc(100% - 180px);
	padding-left: 2.5rem
}

@media(max-width:575px) {
	.user-profile-header .content {
		width: 100%;
		padding-left: 0;
		margin-top: 2.8125rem
	}
}

.profile-thumb {
	position: relative;
	width: 11.25rem;
	height: 11.25rem;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	display: inline-flex
}

.profile-thumb .profilePicPreview {
	width: 11.25rem;
	height: 11.25rem;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	display: block;
	border: 3px solid #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
	background-size: cover;
	background-position: center
}

.profile-thumb .profilePicUpload {
	font-size: 0;
	opacity: 0
}

.profile-thumb .avatar-edit {
	position: absolute;
	right: -5%;
	bottom: -27px
}

.profile-thumb .avatar-edit input {
	width: 0
}

.profile-thumb .avatar-edit label {
	width: 45px;
	height: 45px;
	background-color: #95bf46;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	border: 2px solid #fff;
	font-size: 18px;
	cursor: pointer;
	color: #000
}

.product-profile-thumb {
	width: 100%;
	height: 100%;
	display: block
}

.product-profile-thumb .avatar-edit {
	position: absolute;
	right: -2%;
	bottom: -23px
}

.product-profile-thumb .productPicPreview {
	width: 100%;
	height: 300px
}

.d-widget {
	padding: 1.25rem;
	background-color: #fff;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
	border-left: 3px solid #95bf46;
	position: relative;
	z-index: 1
}

.d-widget:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

.d-widget::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 150px;
	height: 100%;
	background-color: #011731;
	-webkit-clip-path: polygon(100% -85%, 10% 100%, 100% 100%);
	clip-path: polygon(100% -85%, 10% 100%, 100% 100%);
	z-index: -1
}

.d-widget__content {
	width: calc(100% - 75px)
}

.d-widget .d-number {
	font-size: 1.5rem
}

.d-widget .caption {
	font-size: .875rem
}

.d-widget__icon {
	width: 75px;
	text-align: right
}

.d-widget__icon i {
	font-size: 2rem
}

.d-widget .btn {
	font-size: .8125rem
}

.qr-code-card {
	padding: 20px;
	background-color: #f7f8f9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border: 1px solid #e5e5e5
}

.qr-code-thumb {
	padding: 15px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	text-align: center
}

.qr-code-thumb img {
	width: 100%
}

.qr-code-form {
	position: relative
}

.qr-code-form .form-control {
	height: 4.0625rem;
	padding-right: 5.9375rem
}

.qr-code-form__btn {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 75px;
	height: calc(100% - 10px);
	color: #fff
}

.code-field link+div {
	height: 55px !important
}

.sidebar {
	padding-left: 30px
}

@media(max-width:991px) {
	.sidebar {
		padding-left: 0;
		margin-top: 65px
	}
}

.sidebar .widget+.widget {
	margin-top: 35px
}

@media(max-width:767px) {
	.sidebar .widget+.widget {
		margin-top: 30px
	}
}

.sidebar .widget {
	padding: 25px;
	border: 1px solid #e5e5e5;
	background-color: #fff
}

.sidebar .widget .search-form {
	position: relative
}

.sidebar .widget .search-form input {
	width: 100%;
	border: 1px solid #e5e5e5
}

.sidebar .widget .search-form .search-btn {
	position: absolute;
	color: #95bf46;
	background-color: transparent;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #6f6f6f;
	width: 50px;
	height: 100%
}

.sidebar .widget .widget__title {
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 25px
}

.sidebar .widget .widget__title::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 20px;
	height: 2px;
	background-color: #95bf46
}

.sidebar .widget .map iframe {
	width: 100%
}

.sidebar .list li {
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5
}

.sidebar .list li:first-child {
	padding-top: 0
}

.sidebar .list li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.sidebar .list li .caption {
	font-weight: 600
}

.sidebar .list li .caption::after {
	content: ' :'
}

.sidebar .list li .info {
	float: right
}

.sidebar .categories__list li:first-child a {
	padding-top: 0
}

.sidebar .categories__list li:last-child a {
	padding-bottom: 0;
	border-bottom: 0
}

.sidebar .categories__list li a {
	display: block;
	color: #6f6f6f;
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5
}

.sidebar .categories__list li a span {
	float: right
}

.sidebar .categories__list li a span::before {
	content: '('
}

.sidebar .categories__list li a span::after {
	content: ')'
}

.sidebar .archive__list li:first-child a {
	padding-top: 0
}

.sidebar .archive__list li:last-child a {
	padding-bottom: 0;
	border-bottom: 0
}

.sidebar .archive__list li a {
	display: block;
	color: #6f6f6f;
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5
}

.sidebar .archive__list li a:hover {
	color: #95bf46
}

.sidebar .archive__list li a span {
	float: right
}

.sidebar .archive__list li a span::before {
	content: '('
}

.sidebar .archive__list li a span::after {
	content: ')'
}

.sidebar .small-post-list .small-post {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5
}

.sidebar .small-post-list .small-post:first-child {
	padding-top: 0
}

.sidebar .small-post-list .small-post:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.sidebar .small-post-list .small-post__thumb {
	width: 60px;
	height: 50px
}

.sidebar .small-post-list .small-post__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.sidebar .small-post-list .small-post__content {
	width: calc(100% - 60px);
	padding-left: 20px
}

.sidebar .small-post-list .small-post__content .post__title a {
	font-size: 16px;
	font-weight: 600
}

.sidebar .tags {
	margin: -5px -2px
}

.sidebar .tags a {
	font-size: 16px;
	font-weight: 400;
	color: #6f6f6f;
	padding: 10px 20px;
	border: 1px solid #e5e5e5;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin: 5px 2px
}

.sidebar .tags a:hover {
	background-color: #95bf46;
	color: #fff;
	border-color: #95bf46
}

.action-sidebar {
	border: 1px solid rgba(133, 153, 171, .2);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #fff
}

.action-widget__title {
	font-size: .875rem;
	color: #6f6f6f
}

.action-widget__body.scroll--active {
	max-height: 200px;
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: darkgrey #e7e7e7
}

.action-widget__body.scroll--active::-webkit-scrollbar {
	width: 5px
}

.action-widget__body.scroll--active::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.action-widget__body.scroll--active::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	-ms-border-radius: 999px;
	-o-border-radius: 999px
}

.action-sidebar-close {
	width: 30px;
	height: 35px;
	background-color: #95bf46;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	display: none
}

@media(max-width:991px) {
	.action-sidebar-close {
		display: inline-block
	}
}

.action-sidebar-open {
	padding: .5rem 1.5625rem;
	background-color: #95bf46;
	color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	display: none
}

@media(max-width:991px) {
	.action-sidebar-open {
		display: inline-flex
	}
}

.action-sidebar-open i {
	font-size: 1.375rem;
	margin-right: 5px
}

.action-widget.top-widget .action-widget__title {
	color: #fff;
	padding: 15px 25px
}

.product-widget {
	padding: 1.25rem;
	background-color: #fff;
	border: 3px solid #e6e6e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.product-widget__title {
	font-size: 1.125rem;
	margin-bottom: 1.25rem
}

.product-widget .nice-select {
	background-color: #fff
}

.product-widget p {
	font-size: 14px
}

.product-widget .form-check {
	display: flex
}

.product-widget label {
	font-size: 14px
}

.product-widget .total-sale {
	font-weight: 600;
	color: #6f6f6f;
	font-size: 1.5rem
}

.product-widget .total-sale i {
	font-size: 2rem
}

.product-price-form .nice-select {
	margin-bottom: 15px
}

.product-price-form #product-price {
	color: #95bf46;
	font-size: 1.5rem
}

.author-widget {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.author-widget .thumb {
	width: 50px;
	height: 50px
}

.author-widget .thumb img {
	width: inherit;
	height: inherit;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.author-widget .content {
	width: calc(100% - 50px);
	padding-left: 20px
}

.author-widget .author-badge-list {
	margin-top: 1.5625rem;
	padding-top: .9375rem;
	border-top: 1px solid rgba(133, 153, 171, .2)
}

.author-info-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.author-info-list li {
	width: 50%;
	font-size: .875rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.author-info-list li .caption {
	font-weight: 600
}

.author-info-list li .caption::after {
	content: ':'
}

.author-info-list li .value {
	padding-left: .625rem
}

.author-badge-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -.1875rem -.3125rem
}

.author-badge-list li {
	margin: .1875rem .3125rem
}

.author-badge-list li img {
	max-width: 2.1875rem
}

.product-widget-info {
	padding: 1.25rem 0;
	border-bottom: 1px dashed rgba(118, 140, 161, .2)
}

.product-widget-info:first-child {
	padding-top: 0
}

.product-widget-info:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.product-widget-info .title {
	font-size: 1rem;
	margin-bottom: .1875rem
}

.product-widget-info p {
	font-size: .875rem;
	word-break: break-word
}

.product-widget-tags {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -.1875rem
}

.product-widget-tags a {
	padding: .1875rem .625rem;
	border: 1px solid rgba(133, 153, 171, .2);
	color: #6f6f6f;
	margin: .1875rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 14px
}

.product-widget-tags a:hover {
	background-color: #95bf46;
	color: #fff
}

.user-sidebar {
	padding: 1.875rem;
	background-color: #00204614;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.user-widget+.user-widget {
	margin-top: 2.8125rem
}

.user-widget__title {
	font-size: 1.25rem;
	margin-bottom: .9375rem
}

.user-widget .caption-list .caption {
	width: 60%
}

.user-widget .caption-list .value {
	width: 40%
}

.footer-section {
	position: relative;
	z-index: 1;
	background-color: #002046;
	position: relative;
	z-index: 1;
	border-top: 2px solid rgba(255, 255, 255, .15)
}

.footer-section .overlay-shape {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.footer-section .overlay-shape img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.footer-section p,
.footer-section li,
.footer-section span,
.footer-section i,
.footer-section a {
	color: #e6e6e6
}

.footer-section hr {
	border-color: rgba(255, 255, 255, .15);
	margin-top: 0;
	margin-bottom: 30px
}

.footer-top-info-wrapper {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
	margin-bottom: 50px
}

.footer-top {
	padding-top: 110px;
	padding-bottom: 90px
}

@media(max-width:991px) {
	.footer-top {
		padding-top: 90px
	}
}

.footer-top .footer-log-area {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 75px
}

.footer-top .footer-log-area::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #fff;
	z-index: -1
}

.footer-top .footer-log-area .footer-logo {
	padding: 20px 45px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .15)
}

.footer-overview-item {
	border-right: 2px solid rgba(255, 255, 255, .15)
}

@media(max-width:575px) {
	.footer-overview-item {
		border-right: 0
	}
}

.footer-overview-item:last-child {
	border-right: 0
}

.footer-overview-item .amount-number {
	font-size: 22px
}

.footer-overview-item p {
	font-size: 12px
}

.footer-action-list li+li {
	margin-top: 10px
}

.footer-action-list li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.footer-action-list li i {
	font-size: 24px;
	margin-right: 8px
}

.footer-widget__title {
	color: #fff;
	margin-bottom: 20px;
	font-size: 15px
}

@media(max-width:991px) {
	.footer-widget__title {
		margin-bottom: 15px
	}
}

.footer-widget .social-links {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -3px -5px
}

.footer-widget .social-links li {
	margin: 3px 5px
}

.footer-widget .social-links li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.footer-widget .social-links li a:hover {
	background-color: grey;
	border-color: grey
}

.short-link-list li a {
	padding-left: 18px;
	position: relative;
	font-size: 13px
}

.short-link-list li a:hover {
	color: grey
}

.short-link-list li a::before {
	position: absolute;
	content: "\f105";
	font-family: line awesome free;
	top: 0;
	left: 0;
	color: #e6e6e6;
	font-size: 12px;
	font-weight: 900
}

.withdraw-card {
	background-color: #002046;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.withdraw-card__header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 1.875rem 1.25rem
}

.withdraw-card__header .thumb {
	width: 70px;
	height: 70px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	overflow: hidden
}

.withdraw-card__header .thumb img {
	width: inherit;
	height: inherit;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.withdraw-card__header .content {
	width: calc(100% - 70px);
	padding-left: 1.25rem
}

.withdraw-card__header .content .title {
	font-size: 1.25rem
}

.withdraw-card__body {
	margin-top: .625rem;
	padding: 20px;
	background-color: #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px
}

.withdraw-info-list li {
	font-size: .875rem
}

.withdraw-info-list li+li {
	margin-top: 10px
}

[type=button]:focus {
	box-shadow: none
}

.withdraw-form {
	padding: 40px;
	background-color: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border: 1px solid rgba(133, 153, 171, .2)
}

@media(max-width:575px) {
	.withdraw-form {
		padding: 30px
	}
}

.withdraw-preview-sidebar {
	padding: 40px 20px;
	background-color: #002046;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px
}

.withdraw-preview-sidebar__header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center
}

.withdraw-preview-sidebar__header .thumb {
	width: 70px;
	height: 70px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden
}

.withdraw-preview-sidebar__header .thumb img {
	width: inherit;
	height: inherit;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.withdraw-preview-sidebar__header .content {
	width: calc(100% - 70px);
	padding-left: 20px
}

.withdraw-preview-sidebar .caption-list li {
	color: #fff
}

.withdraw-preview-sidebar .caption-list .caption {
	width: 40%
}

.withdraw-preview-sidebar .caption-list .value {
	width: 60%;
	text-align: right
}

.withdraw-preview-sidebar .net-balance {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dashed #28c76f;
	text-align: right;
	color: #fff
}

.it .btn-orange {
	background-color: transparent;
	border-color: #777 !important;
	color: #777;
	text-align: left;
	width: 100%
}

.it input.form-control {
	height: 54px;
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	box-shadow: none
}

.it .form-control:focus {
	border-color: #95bf46;
	box-shadow: none;
	outline: 0
}

.fileUpload {
	position: relative;
	overflow: hidden;
	padding: 10px;
	text-align: center
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}

.it .btn-new {
	margin: 30px 0;
	border-radius: 0;
	background-color: #333;
	color: #f5f5f5;
	font-size: 16px;
	width: 155px
}

.it .btn-next {
	margin: 30px 0;
	border-radius: 0;
	background-color: #333;
	color: #f5f5f5;
	font-size: 16px;
	width: 155px;
	background-color: #ff4d0d;
	color: #fff
}

.it .cross-check {
	cursor: pointer;
	line-height: 54px;
	color: red
}

.it .uploadDoc {
	margin-bottom: 10px
}

.it .btn-orange img {
	width: 30px
}

.uploadDoc+.uploadDoc {
	margin-top: 20px
}

.it #uploader .docErr {
	position: absolute;
	right: auto;
	left: 10px;
	top: -56px;
	padding: 10px;
	font-size: 15px;
	background-color: #fff;
	color: red;
	box-shadow: 0 0 7px 2px rgba(0, 0, 0, .2);
	display: none
}

.it #uploader .docErr:after {
	content: '\f0d7';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 50px;
	color: #fff;
	position: absolute;
	left: 30px;
	bottom: -40px;
	text-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

.input-field-close {
	position: absolute;
	top: -2px;
	right: -3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: red;
	color: #fff;
	font-size: 12px;
	z-index: 9
}

.footer-bottom {
	padding: 15px 0;
	position: relative;
	z-index: 1
}

.footer-bottom::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #001937;
	z-index: -1;
	border-top: 1px solid #ffffff1c
}

.footer-bottom p {
	font-size: 14px
}

.footer-bottom .link-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -5px -10px
}

.footer-bottom .link-list li {
	margin: 5px 10px
}

.footer-bottom .link-list li a {
	font-size: 14px
}

@media(max-width:475px) {
	.google-captcha * {
		max-width: 220px !important
	}
}

.deposit-confirm-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px
}

.deposit-confirm-card .thumb {
	width: 40%;
	padding-right: 20px;
	border-right: 1px solid #e5e5e5
}

.deposit-confirm-card .content {
	width: 60%;
	padding-left: 30px;
	text-align: center
}

@media(max-width:480px) {
	.deposit-confirm-card .thumb {
		width: 100%;
		padding-right: 0;
		border: 0
	}

	.deposit-confirm-card .content {
		width: 100%;
		padding-left: 0;
		text-align: center;
		margin-top: 30px
	}
}

.nicEdit-main {
	background-color: #fff !important
}

.menu-cart-btn {
	color: #fff;
	padding: 1px 10px;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.menu-cart-btn:hover {
	color: #fff
}

.menu-cart-btn i {
	font-size: 1.125rem
}

.menu-cart-btn .cart-badge {
	font-size: .875rem
}

.single-cart {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 0;
	border-bottom: 1px solid rgba(133, 153, 171, .2)
}

.single-cart:first-child {
	padding-top: 0
}

.single-cart:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.single-cart__thumb {
	width: 100px
}

@media(max-width:767px) {
	.single-cart__thumb {
		width: 50%;
		order: 1
	}
}

.single-cart__thumb a {
	width: 100px;
	height: 80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden
}

.single-cart__thumb img {
	width: inherit;
	height: inherit;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center
}

.single-cart__content {
	width: calc(100% - 200px);
	padding: 0 20px
}

@media(max-width:767px) {
	.single-cart__content {
		width: 100%;
		padding: 0;
		order: 3;
		margin-top: 10px
	}
}

.single-cart__price {
	width: 100px;
	text-align: right
}

@media(max-width:767px) {
	.single-cart__price {
		width: 50%;
		order: 2
	}
}

.single-cart .price {
	font-size: 15px;
	color: #363636;
	font-weight: 700
}

@media(max-width:575px) {
	.single-cart__title {
		font-size: 1rem
	}
}

.cart-feature-list {
	margin: -3px -5px
}

.cart-feature-list li {
	margin: 3px 5px
}

.cart-row-delete {
	color: #ea5455;
	background-color: #fff;
	padding: 0
}

.cart-total-box {
	padding: 40px;
	background-color: #95bf46;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .15)
}

.cart-total-box .totoal-price {
	font-size: 36px;
	font-weight: 700
}

.custom--file-upload {
	position: relative;
	line-height: 2rem
}

.custom--file-upload::before {
	position: absolute;
	content: 'Choose File';
	color: #000;
	top: 0;
	left: 0;
	width: 125px;
	height: 100%;
	background-color: #95bf46;
	padding: .625rem 1.25rem;
	color: #fff
}

.single-reply {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	padding: 1.875rem;
	background-color: #f9fbff6b;
	border: 1px solid rgba(133, 153, 171, .2);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.single-reply .left {
	width: 20%
}

@media(max-width:767px) {
	.single-reply .left {
		width: 100%
	}
}

.single-reply .right {
	width: 80%;
	border-left: 1px solid rgba(0, 0, 0, .05);
	padding-left: 1.25rem
}

@media(max-width:767px) {
	.single-reply .right {
		width: 100%;
		padding-left: 0;
		border-left: none;
		margin-top: 1.25rem
	}
}

.single-reply.admin-reply {
	background-color: #fff
}

.single-reply+.single-reply {
	margin-top: 20px
}

.text--muted {
	color: #949494 !important
}

.reply-add {
	margin-top: 25px;
	height: 45px
}

.attachment-list {
	margin: -3px -5px
}

.attachment-list a {
	color: #95bf46;
	margin: 3px 5px;
	font-size: 14px
}

.attachment-list a i {
	margin-right: 3px
}

.cotent-wrapper {
	padding: 3.125rem;
	border: 1px solid rgba(133, 153, 171, .2);
	background-color: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px
}

.chart-area {
	overflow-x: auto;
	width: 100%
}

@media only screen and (max-width:991px) {
	.chart-scroll {
		width: 700px;
		height: 300px
	}
}

.scroll-to-top {
	height: 50px;
	width: 50px;
	position: fixed;
	bottom: 100px;
	right: 30px;
	display: none;
	z-index: 99999;
	cursor: pointer;
	text-align: center;
	border-radius: 50%;
	background-color: #95bf46;
	line-height: 54px
}

.scroll-to-top .scroll-icon {
	font-size: 24px;
	color: #fff;
	display: inline-block
}

.portforlio-single-thumb {
	padding: 10px;
	background: #f5f7fa;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.portforlio-single-thumb img {
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.portforlio-single-content .title {
	margin: 0;
	margin-bottom: 25px;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5
}

.portforlio-single-content .txt:not(:last-child) {
	margin-bottom: 20px
}

.product--widget .thumb {
	width: 35px;
	height: 35px
}

.ui-widget.ui-widget-content {
	position: relative;
	height: 3px;
	border: 0;
	margin-right: 20px;
	margin-bottom: 25px
}

.ui-widget.ui-widget-content::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 3px;
	background: #f5f5f5;
	width: calc(100%+20px)
}

.ui-slider-range {
	height: 3px;
	background: #793f7f;
	position: relative;
	z-index: 1
}

.ui-state-default {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #793f7f;
	outline: 0;
	cursor: pointer;
	top: -9px;
	position: absolute;
	z-index: 1
}

.ui-state-default::after {
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	top: 3px;
	left: 3px;
	display: block
}

.price-range {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	font-size: 14px
}

.price-range label {
	margin: 0;
	font-weight: 500;
	color: #343f49
}

.price-range input {
	height: unset;
	width: unset;
	padding: 7px;
	background: 0 0;
	border: 0;
	text-align: right;
	font-weight: 500;
	color: #343f49;
	padding-right: 0
}

.price-range input::placeholder {
	color: #343f49
}

.cookie__wrapper {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	background: #002046;
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 10vh;
	font-size: 18px;
	z-index: 99999;
	border-top: 1px solid rgba(255, 255, 255, .15);
	animation: fadeInUp 2s;
	-webkit-animation: fadeInUp 2s
}

.cookie__wrapper .txt {
	max-width: 720px;
	margin-right: 20px;
	color: #fff;
	font-size: 14px
}

@media only screen and (max-width:991px) {
	.cookie__wrapper {
		padding: 20px
	}

	.cookie__wrapper .txt {
		font-size: 12px
	}
}

#particles-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0
}

.account-area-left-inner {
	z-index: 1
}
.overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

.overlay-video {
	position: initial !important;
}

.overlay-video:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.overlay-image-grad:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	background: linear-gradient(240deg, #000000 50%, #3f004a 100%);
}

.full {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Patterns */
.exapath {
	background-image: url("../patterns/exapath.svg");
	background-repeat: repeat;
}

.cpupath {
	background-image: url("../patterns/cpupath.svg");
	background-repeat: repeat;
}

.motpath {
	background-image: url("../patterns/motpath.svg");
	background-repeat: repeat;
}

.promopath {
	background-image: url("../patterns/promopath.svg");
	background-repeat: repeat;
}

.exapath-w {
	background-image: url("../patterns/exapath-w.svg");
	background-repeat: repeat;
}

.cpupath-w {
	background-image: url("../patterns/cpupath-w.svg");
	background-repeat: repeat;
}

.motpath-w {
	background-image: url("../patterns/motpath-w.svg");
	background-repeat: repeat;
}

.promo-w {
	background-image: url("../patterns/promo-w.svg");
	background-repeat: repeat;
}

/* Background image */
.item1 {
	background-image: url("../img/topbanner01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item2 {
	background-image: url("../img/topbanner02.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item3 {
	background-image: url("../img/topbanner03.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item4 {
	background-image: url("../img/topbanner04.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item5 {
	background-image: url("../img/topbanner05.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item6 {
	background-image: url("../img/topbanner06.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item7 {
	background-image: url("../img/topbanner07.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item8 {
	background-image: url("../img/topbanner08.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item9 {
	background-image: url("../img/topbanner09.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item10 {
	background-image: url("../img/topbanner10.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.item11 {
	background-image: url("../img/topbanner11.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.vc-parent {
	position: relative;
	width: 100%;
	height: 100%;
	display: table;
}

.vc-child {
	display: table-cell;
	vertical-align: middle;
}

/* Popover */
.popover {
	border-radius: 10px !important;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
}

.popover .popover-header {
	padding: 15px;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.popover .popover-body {
	padding: 15px;
	line-height: 28px;
}

.mfp-content {
	z-index: 999999;
}

.map {
	height: 383px;
}

.opa-8 {
	opacity: 0.8;
}

.sec-bx {
	box-shadow: none !important;
}

::selection {
	color: #fff;
	text-shadow: none;
}

/* Input Form */
.form-control {
	padding: 5px 15px;
	outline: 0;
	border-radius: 10px;
	font-size: 15px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #808080;
	box-shadow: none;
}

.form-control:focus {
	border: 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

select.form-contol {
	font-size: 15px !important;
	font-family: 'Euclid Circular B', sans-serif;
	border: 0;
	outline: solid 1px #efefef;
}
input:-webkit-autofill {
	background-color: rgb(230, 255, 243) !important;
	background-image: none !important;
	color: rgb(0, 0, 0) !important;
}

/* Font Size */
.f-20 {
	font-size: 20px;
}
/*-----------------------------------
    2 - Sections
------------------------------------*/
.sec-main {
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	border-radius: 15px;
	position: relative;
	padding: 25px 25px;
}

.sec-sec {
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	border-radius: 15px;
	position: relative;
	padding: 30px 30px;
}

.sec-uping {
	margin-top: -435px;
	position: relative;
	z-index: 1;
}

.sec-up {
	margin: -80px 0px 80px;
	position: relative;
	z-index: 1;
}

.sec-up-slider {
	margin: -30px 0px 50px;
	position: relative;
	z-index: 1;
}

.sec-normal {
	padding: 40px 0px;
	position: relative;
	z-index: 0;
}

.sec-bg1 {
	background-color: #ffffff;
}

.sec-bg2 {
	background-color: #efefef;
}

.sec-bg3 {
	background-color: #15212a;
}

.sec-bg4 {
	background-color: #fdd700;
}

.sec-grad-yellow-to-grey-left {
	background: linear-gradient(90deg, #fdd700 70%, #d9dde4 10%) !important;
}

.sec-grad-yellow-to-grey-right {
	background: linear-gradient(90deg, #d9dde4 70%, #fdd700 10%) !important;
}

.sec-grad-yellow-to-white-right {
	background: linear-gradient(90deg, #ffffff 70%, #fdd700 10%) !important;
}

.sec-grad-yellow-to-black-right {
	background: linear-gradient(90deg, #15212a 70%, #fdd700 10%) !important;
}

.sec-grad-grey-to-grey {
	background: linear-gradient(-60deg, #3a6173 0%, #16222a 100%) !important;
}

.total-grad {
	position: absolute;
	display: block;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.total-grad-inverse {
	position: absolute;
	display: block;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.total-grad-grey {
	background: linear-gradient(-60deg, #3a6173 0%, #16222a 100%) !important;
	position: absolute;
	display: block;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.total-grad-grey-inverse {
	background: linear-gradient(240deg, #16222a 0%, #3a6173 100%);
	position: absolute;
	display: block;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.total-grad-pink-blue-intense {
	background: linear-gradient(240deg, #000000 50%, #3f004a 100%);
	position: absolute;
	display: block;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.section-heading {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 32px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	color: #009595;
	line-height: 34px;
}

.section-heading.light {
	color: #fff;
}

.section-subheading {
	font-family: 'Euclid Circular B', sans-serif;
	color: #345a6c;
	font-size: 16px;
	margin-bottom: 0;
	line-height: 34px;
}

.path-left {
	position: absolute;
	height: 100%;
	right: 30%;
	top: 0;
}

.path-right {
	position: absolute;
	height: 100%;
	left: 70%;
	top: 0;
}

/*-----------------------------------
    3 - Header
------------------------------------*/
.nav-menu {
	position: relative;
	width: 100%;
	z-index: 9;
}

.nav-menu .navigation {
	padding-top: 5px;
}

.nav-menu .main-menu {
	display: inline-block;
	*display: inline;
}

.nav-menu .main-menu li {
	list-style-type: none;
}

.nav-menu .main-menu a:hover, .nav-menu .main-menu a:active, .nav-menu .main-menu a:focus {
	text-decoration: none;
}
.menu-wrap.fixed .logo-menu{
	margin-top:0px;
	width: 85%;
    margin-top: -10px;
    margin-bottom: -10px;
}
.menu-wrap .logo-menu {
	display: grid;
	width: 100%;
	margin-top:-30px;
}

.nav-menu .main-menu > .menu-item {
	float: left;
	list-style-type: none;
}

.nav-menu .main-menu > .menu-item a:hover, .nav-menu .main-menu > .menu-item a:active {
	text-decoration: none;
}

.nav-menu .main-menu > .menu-item > .sub-menu {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 9;
	padding: 0px 30px;
	background-color: #fff;
	border-radius:10px;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .svg {
	display: table;
	height: 44px;
	width: 44px;
	margin: 10px 15px 0px 0px;
}

.nav-menu .main-menu .menu-item .menu-large .menu-item {
	padding: 10px 18px 10px 15px;
}

.nav-menu .main-menu .menu-item .menu-large .menu-item a {
	color: #e8e8e8;
	font-size: 13px;
	white-space: nowrap;
}

.nav-menu .main-menu .menu-item .menu-large .menu-item a:hover {
	color: #fdd700;
}

.nav-menu .main-menu .menu-item .menu-large .media-body {
	display: table-cell;
	vertical-align: top;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service {
	margin: 10px 0px;
	display: flex;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media {
	padding: 0 0px 10px 0;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-left i {
	text-align: left;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a {
	padding: 0;
	line-height: 34px;
	color: #313131;
	display: inline-block;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body p {
	color: #808080;
	font-size: 12px;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special i {
	color: #fdd700;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body a {
	color: #212122;
	border: none;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body a:hover {
	color: #fdd700;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body p {
	color: #212122;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer {
	display: block;
	margin-top: 20px;
	float: right;
	width: 245px;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner {
	border: dashed 2px #fdd700;
	padding: 20px;
	text-align: center;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .title {
	color: #fdd700;
	font-size: 22px;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner p {
	font-style: italic;
	color: #808080;
	font-size: 14px;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .val {
	font-size: 13px;
	text-decoration: line-through;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .dis {
	font-size: 20px;
	margin-bottom: 20px;
}

.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item {
	padding: 10px 0px;
}

.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item:last-child {
	padding-bottom: 20px;
}

.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a {
	color: #5b6164;
	font-size: 14px;
	white-space: nowrap;
}

.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
	opacity: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

.nav-menu .main-menu .menu-item {
	list-style-type: none;
	margin-left: 0;
}

.menu.badge.feat {
	font-size: 10px;
	padding: 4px 7px;
	margin-top: 3px;
	position: absolute;
	right: -1px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}
.plans.badge.feat {
	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
}

.plans.badge.feat.left {
	position: absolute;
	right: auto;
	left: 10px !important;
}

a.plans.badge.feat {
	top: -40px;
	padding: 8px 15px;
	right: 10px;
	position: absolute;
	background-color: #fdd700;
	border: none;
	color: #000;
	cursor: pointer;
}

a.plans.badge.feat:hover {
	color: #fff;
	background-color: #808080;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.nav-menu .main-menu a {
	font: 15px "'Euclid Circular B', sans-serif;
	margin-left: 35px;
	color: #fff;
	position: relative;
	padding: 25px 0px 15px 0px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.nav-menu .main-menu a.v-stroke {
	padding: 25px 0px 30px 0px;
}

.nav-menu .main-menu a.v-stroke:hover::after {
	height: 30px;
	transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.v-stroke:before {
	content: '';
	position: absolute;
	top: 55px;
	left: 50%;
	width: 2px;
	height: 0px;
	background: #fff;
	transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.v-stroke:hover::before {
	height: 30px;
	transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.h-stroke:hover::after {
	width: 100%;
	transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.h-stroke:before {
	content: '';
	position: absolute;
	top: 55px;
	bottom: 0;
	right: 0;
	height: 2px;
	width: 0%;
	background: #ffffff;
	transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.h-stroke:hover::before {
	width: 100%;
	transition: all 0.2s ease-in-out;
}

.active {
	font-weight: 600 !important;
}

.activ2 {
	color: #ee5486 !important;
	font-weight: 600 !important;
}

.nav-menu .menu-toggle {
	background-color: transparent;
	border: none;
	outline: none;
	display: none;
	float: right;
}

.nav-menu .menu-toggle .icon {
	display: block;
	width: 24px;
	height: 4px;
	border-radius: 0px;
	background-color: #181b22;
	margin-top: 0px;
	margin-bottom: 3px;
}

.menu-wrap {
	position: absolute;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	z-index: 9;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.menu-wrap.line {
	background-color: transparent;
	border-bottom: 1px solid #e6e7e8;
	border-top: 0;
}

.menu-wrap.fixed {
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
	padding-top: 0;
	padding: 13px 0px 13px 0px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}

.menu-wrap.fixed .main-menu > .menu-item > a:before {
	bottom: -12px;
}

.menu-wrap.fixed .main-menu > .menu-item > .sub-menu {
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
	top: 50px !important;
}

.menu-wrap.fixed .main-menu > .menu-item > .sub-menu.menu-large {
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
	top: 50px !important;
}

.menu-wrap.light.fixed .logo-menu {
	top: -25px;
}

.menu-wrap.active .menu-toggle {
	top: 0px !important;
	right: 0px;
}

.menu-wrap.mobile .logo-responsive {
	display: none;
}

.menu-item div.badge {
	font-family: 'Euclid Circular B', sans-serif;
	letter-spacing: 0.5px;
	padding: 6px 10px 5px;
}

.menu-item div.badge.inside {
	padding: 5px 8px 5px;
	font-size: 10px;
	border-radius: 50px;
}

#nav-toggle {
	position: relative;
	cursor: pointer;
	padding: 17px 37px 20px 2px;
}

.menu-wrap #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	cursor: pointer;
	height: 2px;
	width: 36px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
}

#nav-toggle span:before {
	top: -10px;
}

#nav-toggle span:after {
	bottom: -10px;
}

.active #nav-toggle span:before {
	background: #fdd700 !important;
}

.active #nav-toggle span:after {
	background: #fdd700 !important;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	transition: all 250ms ease-in-out;
}

#nav-toggle.active span {
	background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 0;
}

#nav-toggle.active span:before {
	transform: rotate(45deg);
}

#nav-toggle.active span:after {
	transform: rotate(-45deg);
}

.toplang {
	position: absolute;
	display: grid;
	display: -ms-grid;
	z-index: 2;
	right: 15px;
	top: 100px;
}

.toplang .btn {
	font-size: 10px !important;
	padding: 6px !important;
	border-radius: 8px !important;
	height: 23px !important;
}
.toplang .btn-2 {
	font-size: 10px !important;
	padding: 6px !important;
	border-radius: 8px !important;
	height: 23px !important;
}
.top-banner .subheading {
	font-family: 'Euclid Circular B', sans-serif;
	color: #fff;
	position: relative;
	line-height: 32px;
	font-size: 18px;
	margin-bottom: 50px;
}

.top-banner .subheading.left {
	margin-left: 0;
}

.top-banner .subheading {
	color: #fff;
}

.top-banner .subheading span {
	width: 100%;
	text-align: center;
	font-family: 'Euclid Circular B', sans-serif;
}

.top-banner.overlay .heading {
	color: #fff;
}

.top-banner.overlay .subheading {
	color: #fff;
}

.top-banner.overlay .btn {
	font-size: 18px;
	padding: 15px;
}

.top-banner.overlay .btn-2 {
	font-size: 18px;
	padding: 15px;
}

.top-banner .heading {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	color: #fff;
	display: inline-block;
	font-family: 'Euclid Circular B', sans-serif;
	line-height: 58px;
	font-size: 52px;
}

.top-header {
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 140px;
    padding-bottom: 95px;
}

.top-header.overlay:before {
	background-color: rgba(0, 0, 0, 0.6);
}

.top-header .wrapper .heading {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 35px;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 5px;
}

.top-header .wrapper .subheading {
	font-family: 'Euclid Circular B', sans-serif;
	color: #fff;
	position: relative;
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 100;
}

.top-header .wrapper .subheding {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 18px;
	color: #eaeaea;
}

.top-header .wrapper .subheding .link {
	color: #fff;
	padding-left: 8px;
	padding-right: 10px;
}

.top-header .wrapper .subheding i {
	font-size: 10px;
}

.top-header .wrapper .subheding .link:first-child {
	padding-left: 0px;
}

.top-header .wrapper .subheding .link.active {
	color: #fdd700;
	font-weight: bold;
}

.top-header .wrapper .subheding .link:hover {
	text-decoration: none;
	color: #fdd700;
}
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center;
}

.owl-item, .item {
	height: 100vh;
	min-height: 600px !important;
}

.owl-carousel .fix .top-banner .heading {
	margin-bottom: 5px !important;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	opacity: 0.2;
	top: 50%;
	outline: none;
	position: absolute;
	background: #fdd700 !important;
	padding: 15px 19px !important;
}

.owl-carousel .owl-nav button.owl-prev:hover {
	opacity: 0.5;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.owl-carousel .owl-nav button.owl-next:hover {
	opacity: 0.5;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.owl-carousel .vc-parent.fix {
	height: 75% !important;
}

.owl-prev {
	left: 0;
}

.owl-next {
	right: 0;
}

.owl-controls .owl-buttons div {
	border-radius: 50px !important;
	zoom: 1;
	margin: 25px;
	font-size: 16px;
	-moz-border-radius: 30px;
	background: #000;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer;
}

.owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.owl-carousel .owl-video-tn {
	background-size: cover;
	padding-bottom: 56.25%;
	padding-top: 25px;
}

.owl-video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
}

.owl-theme .owl-nav.disabled + .owl-dots {
	left: 5% !important;
	z-index: 2 !important;
	display: inline-grid !important;
	top: 40% !important;
	position: absolute !important;
}

.owl-theme .owl-dots .owl-dot span {
	border: solid 1px #808080 !important;
	background: transparent !important;
	padding: 7px 0px !important;
}

.owl-theme .owl-dots .owl-dot {
	outline: none !important;
	display: -ms-grid;
}

.owl-carousel button.owl-dot {
	padding: 10px 0px !important;
}

.custom-element-right {
	position: absolute;
	width: 100%;
	height: 100%;
	max-height: 500px;
	right: -300px;
	overflow: auto;
	margin: auto;
	top: 0;
	bottom: 0;
}

.chars {
	position: absolute;
	display: inline-grid;
	text-align: center;
	right: -400px;
	top: -200px;
}

.chars div {
	padding-top: 20px;
}

.chars p {
	color: #fff;
	font-size: 13px;
}

.owl-carousel .animatype {
	font-size: 36px;
}

.owl-carousel .covervid-video {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	min-height: 50%;
	min-width: 50%;
	z-index: -1;
}

.owl-carousel .subheading .feat {
	line-height: 42px;
}
.tabs-item.active {
	display: block;
}

.tabs-item {
	display: none;
}

.tabs-header li {
	display: inline-block;
	list-style-type: none;
}

.tabs-header ul {
	padding: 0;
}

.tabs.offers-tabs .tabs-header li {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 18px;
	border-left: solid 1px #808080;
	padding: 0px 0px 0px 30px;
	cursor: pointer;
	color: #181b22;
	margin-top: 30px;
	text-align: left;
	-webkit-transition: 0.3s;
	margin-top: 50px;
}

.tabs.offers-tabs .tabs-header .active {
	padding: 0px 0px 0px 50px;
}

.tabs.offers-tabs .tabs-header i {
	font-size: 48px;
}

.tabs.offers-tabs .tabs-header div {
	margin-top: 15px;
}

.tabs.offers-tabs .tabs-header li:hover {
	color: #fdd700;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.tabs.offers-tabs .tabs-content .heading {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 18px;
	color: #181b22;
	margin-bottom: 10px;
}

.tabs.offers-tabs .tabs-content p {
	font-weight: 100;
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 16px;
	line-height: 32px !important;
}

.tabs.offers-tabs .tabs-content .info {
	font-size: 13px;
	font-family: 'Euclid Circular B', sans-serif;
	line-height: 26px;
	margin-bottom: 25px;
}

.tabs.offers-tabs .tabs-content .tabs-item.active {
	position: relative;
}

.tabs .btn-select-plan {
	position: absolute;
	margin-top: 50px;
}

.tabs .btn-select-plan ul {
	z-index: 9;
	display: inline-grid;
}

.tabs.offers-tabs .tabs-content .info-content p {
	color: #808080;
}

.tabs-header .btn-secondary:not(:disabled):not(.disabled).active {
	opacity: 1;
	font-size: 12px;
	color: #fff !important;
	border: none;
	border-radius: 50px;
	padding: 10px 15px;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
}

.tabs-header .btn-group>.btn:not(:first-child) {
	opacity: 0.6;
	background-color: #808080;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 10px 15px;
	font-size: 12px;
	margin-bottom: 8px;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
}
.tabs-header .btn-group>.btn-2:not(:first-child) {
	opacity: 0.6;
	background-color: #808080;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 10px 15px;
	font-size: 12px;
	margin-bottom: 8px;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
}

.tabs-header .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
	background-color: #808080;
	font-size: 12px;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 10px 15px;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
}

.tabs-header .btn-group>.btn-2:not(:last-child):not(.dropdown-toggle) {
	background-color: #808080;
	font-size: 12px;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 10px 15px;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
}




.help {
	position: relative;
}

.help .help-container {
	position: relative;
	height: 145px;
	margin-top: 50px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
}

.help .help-container:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all 300ms linear 0ms;
	-moz-transition: all 300ms linear 0ms;
	-ms-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
}

.help .help-item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	border: 0;
	font-size: 0;
	padding: 0;
	overflow: hidden;
	transition: all .3s ease;
}

.help .help-item:before {
	content: '';
	position: absolute;
	top: 35px;
	bottom: 0;
	left: 28%;
	width: 1px;
	height: 50%;
	background: #ebebeb;
	transition: all .3s ease;
}

.help .help-item:before.right {
	right: 28%;
}

.help .help-item .img {
	position: relative;
	width: 28%;
	height: 100%;
}

.help .help-item .ico {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 55px;
	height: 55px;
	transform: translate(-50%, -50%);
}

.help .help-item .inform {
	width: 72%;
	padding: 0 30px;
}

.help .help-item .inform .title {
	font-size: 18px;
	font-weight: 700;
	color: #212122;
	padding: 0;
    height: auto;
}

.help .help-item .inform .description {
	font-size: 14px;
	line-height: 26px;
	color: #808080;
	margin-top: 5px;
}

.help .help-item .img, .help .help-item .inform {
	display: inline-block;
	vertical-align: middle;
}
.team {
	position: relative;
	z-index: 1;
}

.team .heading {
	font: normal 22px 'Euclid Circular B';
	color: #181b22;
	margin-top: 0px;
	margin-bottom: 3px;
}

.team .subheading {
	font-size: 14px;
	color: #5a5a5a;
	font-style: italic;
}

.team .desc {
	font: 16px 'Euclid Circular B';
	color: #808080;
	font-size: 15px;
	margin-top: 15px;
	line-height: 28px;
}

.team .soc-icons-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.team .soc-icons-wrap i {
	color: #fff;
	width: 35px;
	font-weight: bold;
	font-size: 14px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.team .soc-icons-wrap i:hover {
	color: #fdd700;
}

.team .soc-icons-wrap .icons {
	right: 0;
	top: 20px;
	left: 0;
	position: absolute;
	z-index: 2;
	text-align: center;
	display: inline-block;
	margin-top: 130px;
	padding: 10px;
}

.team .soc-icons-wrap .icons i {
	border-radius: 15px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
}

.team .soc-icons-wrap .icons i:hover {
	color: #fdd700;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.team .team-info {
	border-radius: 15px;
	padding: 50px;
	background-color: #ffffff;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.team .team-info .svg {
	margin-bottom: 30px;
	width: 100%;
}

.team .wrapper {
	position: relative;
	margin-top: 50px;
}

.team .wrapper .img-section img {
	width: 100%;
}

.team .wrapper:hover .team-info {
	position: relative;
	z-index: 1;
}

.team .wrapper:hover .team-info .heading, .team .wrapper:hover .team-info .subheading, .team .wrapper:hover .team-info .desc {
	position: relative;
	z-index: 1;
}

.team .wrapper:hover .team-info .desc {
	color: #181b22;
}

.team .wrapper:hover .soc-icons-wrap {
	opacity: 1;
}

.services .service-wrap .pay img {
	padding: 30px;
	width: 200px;
	margin: 0px 20px 20px 0px;
}
/*-----------------------------------
    11 - Forms
------------------------------------*/
.form-contact {
	border-radius: 15px;
	width: 100%;
	position: relative;
	padding: 80px;
	display: inline-block;
}

.form-contact .info a {
	color: #22262f;
}

.form-contact .info a:hover {
	text-decoration: underline;
}

.form-contact p {
	font-size: 15px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #808080;
	line-height: 32px;
}

.form-contact #msgSubmit {
	display: none;
}

.question .heading {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 18px;
	color: #181b22;
	line-height: 27px;
}

.question .heading .large-text {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 30px;
}

.modal-header {
	display: initial;
}

.modal-content {
	border-radius: 0px;
	border-bottom: 3px solid rgb(56, 100, 122);
}
.modal-header {
	box-shadow: inset 0 -10px 15px -12px rgba(0,0,0,.3), 0 0 0 #555;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
}

.modal-content iframe.movie {
	width: 100%;
	height: 450px;
}

.subcribe .heading {
	font-family: 'Euclid Circular B', sans-serif;
	color: #fff;
	font-weight: bold;
	margin-left: 46px;
}

.subcribe.news {
	margin: 40px 0px;
}

.subcribe input:-moz-placeholder {
	font-size: 18px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #67687b;
}

.subcribe input::-webkit-input-placeholder {
	font-size: 13px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #67687b;
}

.general-input {
	position: relative;
	width: 100%;
	display: flex;
}

.fill-input {
	width: 100%;
	font-size: 15px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #000;
	border: solid 1px #efefef;
	border-radius: 50px;
	padding: 12px 20px 12px 30px;
	background-color: #fff;
	outline: 0;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.general-input input.btn {
	border: none;
	right: 0px;
	position: absolute;
}
.general-input input.btn-2 {
	border: none;
	right: 0px;
	position: absolute;
}

.subcribe .form {
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	display: flex;
	width: 100%;
}

.subcribe .form span {
	margin-top: 0px;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 5px;
}

.subcribe .form p {
	color: #808080;
	font: 13px 'Euclid Circular B';
}

.subcribe form p {
	font-size: 14px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #808080;
}
.countdown .wrapper {
	width: 100%;
	position: relative;
}

.countdown .wrapper .heading {
	font-size: 18px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #181b22;
	text-align: center;
}

.countdown .wrapper .clock {
	text-align: left;
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 52px;
}

.countdown .wrapper .clock div {
	border-radius: 100px;
	margin: 10px 50px 15px 0px;
	display: inline-block;
	padding: 20px 40px;
	border: solid 1px #d8d8d8;
	text-align: center;
}

.countdown .wrapper .clock div:first-child {
	color: #fff;
}

.countdown .wrapper .clock span {
	border: none;
	font-family: 'Euclid Circular B', sans-serif;
	padding: 0px;
	font-size: 16px;
	display: block;
	margin: 0px;
}

/*-----------------------------------
    13 - Case Study
------------------------------------*/
.casestudy .wrapper {
	background-color: #212122;
}

.casestudy img {
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.casestudy .img {
	position: relative;
}

.casestudy .content-info {
	font-size: 13px;
	font-family: 'Euclid Circular B', sans-serif;
	margin-bottom: 20px;
	margin-top: 9px;
	line-height: 30px;
	text-align: left;
	color: #fff;
}

.casestudy .slider-container {
	height: 100%;
}

.casestudy .casestudy {
	text-align: left;
	margin-left: 11px;
}

.casestudy .social-icons i {
	color: #91a3ad;
	border: 1px solid #91a3ad;
	padding: 10px 12px;
	width: 40px;
	display: inline-block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.casestudy .social-icons i:hover {
	color: #fdd700;
}

.casestudy .swiper-pagination-switch {
	display: none;
}

.casestudy .author {
	font-size: 28px;
	font-family: 'Euclid Circular B', sans-serif;
	margin-bottom: 15px;
	text-align: left;
	text-transform: capitalize;
	color: #fff;
}

.casestudy .content-info p {
	font-size: 16px;
}

.casestudy .icon-quote {
	margin-top: -18px;
}

.casestudy.bg-info {
	background-color: #f2efe8;
}

.casestudy .swiper-slide {
	position: relative;
	left: -97px;
}

/*-----------------------------------
    14 - FAQ
------------------------------------*/
.faq .accordion.faq .btn {
	margin-top: 83px;
	font-size: 18px;
	padding: 21px 86px;
}
.faq .accordion.faq .btn-2 {
	margin-top: 83px;
	font-size: 18px;
	padding: 21px 86px;
}

.faq.light {
	background-color: #FFF;
}

.tabs-item .accordion.faq {
	padding-top: 0px;
}

.accordion.faq {
	padding-top: 0px;
}

.accordion.faq .panel-wrap {
	margin-bottom: 5px;
}

.accordion.faq .panel-title {
	border-bottom: solid 1px #808080;
	background-color: transparent;
	font-family: 'Euclid Circular B', sans-serif;
	color: #414142;
	padding: 20px 10px 20px 0px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.accordion.faq .panel-title .fa-minus {
	display: none;
	color: #212122;
}

.accordion.faq .panel-title.active {
	font-family: "Open Sans Semibold" !important;
}

.accordion.faq .panel-title.active .fa-minus {
	display: inline-block;
}

.accordion.faq .panel-title.active .fa-plus {
	display: none;
}

.accordion.faq .panel-title.active .square {
	color: #fdd700;
	background-color: #181b22;
}

.accordion.faq .wrapper-collapse .list {
	background-color: transparent;
	padding: 0;
}

.accordion.faq .wrapper-collapse .list li {
	font-size: 15px;
	font-family: 'Euclid Circular B', sans-serif;
	list-style-type: none;
	padding: 20px 0px;
}

.accordion.faq .btn {
	background-color: #fdd700;
	display: inline-block;
	margin-top: 71px;
	font-size: 20px;
	padding: 21px 72px;
}

.accordion.faq .btn-2 {
	background-color: #fdd700;
	display: inline-block;
	margin-top: 71px;
	font-size: 20px;
	padding: 21px 72px;
}

.accordion.faq .btn:hover {
	background-color: #181b22;
	color: #fdd700;
}

.accordion.faq .btn-2:hover {
	background-color: #181b22;
	color: #fdd700;
}

.accordion.faq.light .panel-title.active {
	font-family: 'Euclid Circular B', sans-serif;
	background-color: #f2efe8;
}

.accordion.faq.light .wrapper-collapse .list {
	background-color: #f2efe8;
}

.accordion.faq.light .wrapper-collapse .list li {
	border-top: 1px solid #e0ddd7;
}

.accordion .panel-title {
	margin: 0;
	position: relative;
	background-color: #f8f8f8;
	padding: 9px 35px 10px;
	color: #E32526;
	font-size: 16px;
	cursor: pointer;
}

.accordion .panel-collapse {
	display: none;
}
.blog.padd {
	padding-bottom: 8px;
}

.blog .sidebar .search-group {
	position: relative;
}

.blog .sidebar .search-group::-webkit-input-placeholder {
	font-family: 'Euclid Circular B', sans-serif;
	color: #121e25;
}

.blog .sidebar .search-group:-moz-placeholder {
	font-family: 'Euclid Circular B', sans-serif;
	color: #121e25;
}

.blog .sidebar .search-group::-moz-placeholder {
	font-family: 'Euclid Circular B', sans-serif;
	color: #121e25;
}

.blog .sidebar .search-group:-ms-input-placeholder {
	font-family: 'Euclid Circular B', sans-serif;
	color: #121e25;
}

.blog .sidebar .search-group .search {
	background-color: #efefef;
	color: #121e25;
	border: 1px solid transparent;
	outline: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	padding: 10px 15px;
	width: 100%;
}

.blog .sidebar .search-group .search:focus {
	border-color: #fdd700;
}

.blog .sidebar .search-group .input-search {
	position: absolute;
	top: 33px;
	right: 18px;
}

.blog .sidebar .heading.active {
	font: 15px 'Euclid Circular B';
	margin: 50px 0px 20px 0px;
}

.blog .sidebar .tabs .tabs-content {
	display: inline-block;
	width: 100%;
}

.blog .sidebar .tabs .tabs-header li {
	font-size: 15px;
	border-bottom: 1px solid #efefef;
	font-family: 'Euclid Circular B', sans-serif;
	padding: 0px 0px 20px 0px;
	margin: 0px 10px;
	cursor: pointer;
}

.blog .sidebar .posts .tabs-header li.active {
	font: 15px 'Euclid Circular B';
	padding: 0px 0px 20px 0px;
}

.blog .sidebar .categories .line:not(.active) {
	background-color: #efefef;
}

.blog .shopping .sidebar .categories .line:not(.active):before {
	content: none;
}

.blog .sidebar .line {
	margin-bottom: 15px;
	height: 1px;
	width: 100%;
	position: relative;
	background-color: #efefef;
}

.blog .sidebar .line.active:before {
	content: "";
	height: 1px;
	width: 50%;
	position: absolute;
	top: -1px;
}

.blog .sidebar .tags {
	margin-top: 57px;
}

.blog .sidebar .tags .tag a {
	background-color: #efefef;
	color: #181b22;
	padding: 8px 15px;
	font-size: 15px;
	margin-bottom: 12px;
}

.blog .sidebar .tags .heading.active a {
	color: #fdd700;
}

.blog .sidebar .tags .line {
	margin-bottom: 12px;
}

.blog .sidebar .tags .line.active {
	margin-bottom: 24px;
}

.blog .sidebar .tags .line:not(.active) {
	background-color: #474c57;
}

.blog .sidebar .tags .line:not(.active):before {
	content: none;
}

.blog .sidebar .tags .tag a:hover {
	background-color: #fdd700;
	color: #181b22;
}

.blog .sidebar .tags .line {
	margin-bottom: 50px;
}

.blog .sidebar .posts .img {
	border-radius: 5px;
	width: 40%;
	float: left;
	margin: 0 15px 0 0;
}

.blog .social-icons {
	text-align: left;
	margin-right: 5px;
}

.blog .share-txt {
	font-size: 13px;
	font-family: 'Euclid Circular B', sans-serif;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	color: #181b22;
}

.blog .social-icons i {
	color: #424242;
	border: 1px solid #eaeaeb;
	padding: 12px 15px;
	margin-left: -4px;
	display: inline-block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog .social-icons .fa:not(.fa-share-alt) {
	border-right: 0;
}

.blog .social-icons .fa:hover {
	color: #fdd700;
}

.blog .social-icons .fa.fa-google-plus {
	padding: 12px;
	border-right: 1px solid #eaeaeb;
}

.blog .social-icons .fa.fa-share-alt {
	color: #fdd700;
	background-color: #181b22;
	margin-left: 1px;
}

.blog .media {
	position: relative;
	display: inline-flex;
	text-align: left;
	margin-top: 50px;
	padding-bottom: 10px;
}

.blog .media.answer {
	padding-left: 80px;
}

.blog .media .media-heading {
	color: #808080;
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 14px;
}

.blog .media .media-heading a {
	color: #212122;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog .media .media-heading a:hover {
	text-decoration: none;
}

.blog .media .media-body {
	padding-left: 25px;
}

.blog .media .date {
	font-family: 'Euclid Circular B', sans-serif;
	color: #75777d;
}

.blog .media .date a {
	color: #75777d;
	font-size: 12px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog .media .date a:hover {
	text-decoration: none;
	color: #fdd700;
}

.blog .media .date img {
	margin-right: 12px;
}

.blog .media a.answer {
	float: right;
	display: inline-block;
	background-color: #fdd700;
	padding: 5px 12px;
	color: #fff;
	font-family: 'Euclid Circular B', sans-serif;
	border: solid 1px #fdd700;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog .media a.answer:hover {
	text-decoration: none;
	color: #181b22;
	background-color: transparent;
	border: solid 1px #212122;
}

.blog .media .text-comments {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #808080;
}

.blog .media.right {
	padding-left: 73px;
	margin-top: 30px;
}

.blog.blog .wrap-blog .comments {
	padding: 80px;
	border-radius: 15px;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
}

.blog.blog .wrap-blog .livecomment {
	padding: 80px;
	border-radius: 15px;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
}

.blog.blog .wrap-blog img {
	border-radius: 10px;
	width: 100%;
}

.blog.blog .wrap-blog .media img {
	width: 60px;
}

.blog.blog .wrap-blog .media-left {
	float: left;
}

.blog.blog .wrap-blog.section-bg2 {
	padding: 30px;
}

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

.blog .wrap-blog.section-bg1 {
	padding: 40px;
}

.blog .wrap-blog.light.m-bottom.last {
	width: 100%;
}

.blog .wrap-blog .heading {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 18px;
	color: #808080;
}

.blog .wrap-blog .heading.blog {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 26px;
	margin-bottom: 15px;
}

.blog .wrap-blog .heading.blog a {
	color: #212122;
}

.blog .wrap-blog .heading.blog a:hover {
	text-decoration: none;
}

.blog .wrap-blog .text-blog {
	margin: 20px 0;
	font-size: 13px;
	color: #808080;
	font-family: 'Euclid Circular B', sans-serif;
}

.blog .wrap-blog .text-blog .timer {
	margin-top: 10px;
	vertical-align: middle;
	display: inline-block;
}

.blog .wrap-blog .text-blog i {
	font-size: 12px;
}

.blog .wrap-blog .social-icon {
	width: 100%;
	text-align: right;
}

.blog .wrap-blog .social-icon i {
	font-size: 14px !important;
	border: 1px solid #efefef;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 36px;
	text-align: center;
	border-radius: 15px;
	transition: 0.3s;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, 0.15);
	text-decoration: none;
}

.blog .wrap-blog .social-icon i:hover {
	color: #fdd700;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

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

.blog .wrap-blog .infos {
	display: none;
}

.blog .wrap-blog .infos i {
	display: inline-block;
	color: #fdd700;
	font-size: 24px;
}

.blog .wrap-blog .infos span {
	margin-right: 10px;
	font-size: 16px;
	color: #fdd700;
}

.blog .wrap-blog .text-blog:last-child {
	border: none;
	margin-left: 10px;
}

.blog .wrap-blog .text-blog .author {
	margin-right: 8px;
	color: #212122;
	text-decoration: underline;
	font-family: "Open Sans ligh";
}

.blog .wrap-blog .text-blog .author:hover {
	text-decoration: none;
}

.blog .wrap-blog .text-blog a {
	margin-right: 8px;
	margin-left: 8px;
	font-family: 'Euclid Circular B', sans-serif;
}

.blog .wrap-blog .text-blog a:hover {
	text-decoration: none;
}

.blog .wrap-blog .blog-info {
	font-family: 'Euclid Circular B', sans-serif;
	color: #808080;
	margin-top: 15px;
	line-height: 30px;
	font-size: 14px;
	text-align: left;
}

.blog .wrap-blog .wrapper {
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	padding: 35px;
}

.blog .wrap-blog .wrapper h3 {
	font-size: 32px;
	font-family: 'Euclid Circular B', sans-serif;
}

.blog .wrap-blog .btn {
	color: #181b22;
	border-color: #181b22;
	background-color: transparent;
	padding: 15px 52px;
	border-width: 1px;
	display: block;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}

.blog .wrap-blog .btn-2 {
	color: #181b22;
	border-color: #181b22;
	background-color: transparent;
	padding: 15px 52px;
	border-width: 1px;
	display: block;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}

.blog .wrap-blog .btn:hover {
	background-color: #181b22;
	color: #fdd700;
}

.blog .wrap-blog .btn-2:hover {
	background-color: #181b22;
	color: #fdd700;
}

.blog .sidebar {
	border-radius: 15px;
	font-family: 'Euclid Circular B', sans-serif;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	padding: 20px;
	background-color: #fff;
	font-family: 'Euclid Circular B', sans-serif;
}

.blog .sidebar .search-group {
	position: relative;
}

.blog .sidebar .heading {
	margin-bottom: 15px;
	cursor: pointer;
}

.blog .sidebar .heading:last-child {
	margin-bottom: 0px !important;
}

.blog .sidebar .categories .heading a {
	color: #808080;
	font-size: 15px;
}

.blog .sidebar .categories .heading a.active {
	font-size: 15px;
}

.blog .sidebar .categories .heading a:after {
	content: '';
}

.blog .sidebar .categories .heading span {
	float: right;
}

.blog .sidebar .search-group a {
	top: 12px;
	right: 15px;
	position: absolute;
	font-size: 28px;
}

.blog .sidebar .search-group a:hover {
	text-decoration: none;
	color: #fdd700;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog .sidebar .categories .line {
	margin-bottom: 12px;
}

.blog .sidebar .posts .heading-article {
	margin-bottom: 5px;
}

.blog .sidebar .posts .heading-article a {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 14px;
	color: #212122;
}

.blog .sidebar .posts .item-wrap {
	margin-top: 20px;
}

#sidebar {
	position: fixed;
	width: 350px;
	height: auto;
}
.footer {
	position: relative;
	z-index: 0;
	background-color: #15212a;
	background-position: center;
	border: none;
}

.footer .tag {
	float: none;
	margin-right: 0;
	margin-left: 0;
}

.footer .footer-top {
	padding: 80px 0px 20px 0px;
}

.footer .footer-top .col-md-3.col-sm-6 {
	margin-bottom: 10px;
}

.footer .logo-footer {
	width: 90%;
}

.footer .heading {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	display: inline-block;
	    font-weight: 700;
}

.footer .soc-icons {
	padding-top: 0;
	padding-left: 0;
}

.footer .soc-icons a {
	display: inline-block;
	margin: 0px 10px 20px 0px;
}

.footer .soc-icons a:hover {
	color: #fdd700;
	text-decoration: none;
}

.footer .soc-icons a:hover i {
	color: #fdd700;
}

.footer .contact {
	font-size: 16px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #b9bac8;
}

.footer .contact a {
	color: #b9bac8;
}

.footer .contact a:hover {
	text-decoration: none;
	color: #fdd700;
}

.footer .contact a:hover i {
	color: #fdd700;
}

.footer .contact i {
	color: #858585;
}

.footer .contact i:before {
	margin-left: 0;
	margin-right: 12px;
	font-size: 18px;
}

.footer .payment-list {
	float: right;
	color: #90A4AE;
	list-style-type: none;
	margin: 0px;
}

.footer .payment-list li {
	display: inline-block;
	margin-right: 3px;
	font-size: 32px;
}

.footer .payment-list li:last-child {
	margin-right: 0px;
}

.footer .payment-list li p {
	margin-bottom: 0px;
	color: #808080;
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 13px;
	margin-right: 10px;
	display: table;
}

.footer .payment-list li i {
	color: #808080;
}

.footer .payment-list li i:hover {
	color: #fdd700;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.footer .copyrigh {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 13.5px;
	color: #808080;
	padding-top: 10px;
	padding-bottom: 30px;
}

.footer h6 {
	margin-top: 15px;
	color: #B0BEC5;
	line-height: 24px;
}

.footer .footer-menu {
	float: left;
	padding: 0px;
	margin: 0px;
}

.footer .footer-menu .menu-item {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 13px;
	display: inline-block;
	list-style-type: none;
	margin-left: 27px;
	margin-top: 15px;
}

.footer .footer-menu .menu-item a {
	color: #808080;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.footer .footer-menu .menu-item a:hover {
	text-decoration: none;
	color: #fdd700;
}

.footer .footer-menu {
	padding: 0;
	float: none;
}

.footer .footer-menu .menu-item {
	display: block;
	font-size: 16px;
	margin-left: 0;
	text-align: left;
}

.footer .footer-menu .menu-item.by {
	font-size: 14px;
}

.footer .footer-bottom {
	padding: 0px 0px 40px 0px;
}

.footer .footer-bottom .footer-menu {
	position: relative;
	top: 3px;
}

.footer .footer-bottom .footer-menu .menu-item {
	display: inline;
	margin-left: 20px !important;
	vertical-align: sub;
}

.footer .soc-icons i {
	background-color: #fff;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	width: 35px;
	transition: 0.3s;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, 0.15);
}

.footer .soc-icons i:hover {
	color: #fdd700;
}

.footer .soc-icons.top-icons i {
	margin-right: 11px;
	margin-left: 11px;
}

.footer .logo-bg {
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: 0px;
	width: 450px;
	position: absolute;
	opacity: 0.1;
	margin-top: 40px;
}
.wpc-cloud-range .noUi-target {
	background: #808080;
	border-radius: 15px;
	border: none;
	box-shadow: none;
}

.wpc-cloud-range .noUi-connect {
	border-radius: 15px;
	border: none;
	box-shadow: none;
}

.wpc-cloud-range .noUi-background {
	background-color: #f2efe8;
	border-left: 1px solid #b5b4b3;
	border-top-right-radius: 11px;
	border-bottom-right-radius: 11px;
}

.noUi-marker-horizontal.noUi-marker {
	position: absolute;
	background: #808080;
	border-radius: 50%;
	margin-left: -1px;
	width: 4px;
	height: 4px;
}

.wpc-cloud-range .noUi-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	position: absolute;
	bottom: -6px;
	left: 41px;
}

.wpc-cloud-range .noUi-tooltip {
	position: absolute;
	width: 100px;
	margin-bottom: 25px;
	padding: 8px 0;
	color: #fff;
	font-style: normal;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	border-radius: 15px;
	border: none;
	line-height: 16px;
}

.wpc-cloud-range .noUi-handle.noUi-handle-lower:after, .wpc-cloud-range .noUi-handle.noUi-handle-lower:before {
	content: none;
}

.wpc-cloud-range .noUi-horizontal .noUi-handle {
	box-shadow: none;
	left: 0px;
	top: -11px;
	width: 25px;
	height: 25px;
	margin-left: -10px;
	border: transparent;
	border-radius: 50%;
	cursor: pointer;
	outline: 0;
}

.wpc-cloud-range .info-range {
	font-size: 16px;
	color: #414142;
	letter-spacing: 0.5px;
	margin-top: 30px;
}

.wpc-vps-info .price-wrap .title {
	color: #1f2532;
	text-transform: uppercase;
	font-size: 18px;
	padding: 25px 25px;
	display: inline-block;
	position: absolute;
	top: 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.wpc-vps-info .price-wrap .title:hover {
	background-color: #1f2532;
	color: #f44336;
	text-decoration: none;
}

.wpc-cloud-range .info-range .number {
	font-family: "'Euclid Circular B', sans-serif, sans-serif;
}

.wpc-vps-info {
	padding-top: 30px;
}

.wpc-vps-info .title i {
	opacity: 0.3;
	position: absolute;
	right: 30px;
	bottom: 20px;
	font-size: 42px;
}

.wpc-vps-info .title {
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	border-radius: 15px;
	margin-top: 40px;
	background-color: #fff;
	font: 18px "Open Sans Semibold", sans-serif;
	color: #212122;
	padding: 40px;
}

.wpc-vps-info .title .info {
	border-top: solid 1px #efefef;
	margin-top: 15px;
	padding-top: 15px;
	display: inline-block;
	width: 100%;
	font: 22px "Open Sans Semibold", sans-serif;
}

.wpc-vps-info .price-wrap .price {
	font: 30px "Open Sans ExtraBold", sans-serif;
	color: #fff;
	background-color: #1f2532;
	padding: 15px 35px;
	display: inline-block;
}

.wpc-vps-info .h-plans-info .price {
	font-size: 42px !important;
	font-family: 'Euclid Circular B', sans-serif;
	display: -webkit-inline-box;
	color: #414142;
}

.wpc-vps-info .h-plans-info .infos {
	padding-bottom: 40px;
	line-height: 28px;
	font-size: 14px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #414142;
}

.wpc-cloud-range .slider-ui {
	padding: 80px 0 0 0;
}

.wpc-vps-info .content-price {
	position: relative;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	background-color: #fff;
	border-radius: 15px;
	padding: 50px;
}

.range-disabled {
	display: none;
}

.search-disabled {
	display: none;
}
.run-switch {
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	z-index: 3;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.run-switch .mo.active, .run-switch .an.active {
	color: #fff;
}

.run-switch .mo, .run-switch .an {
	font-size: 12px;
	color: #808080;
	font-family: "Open sans Semibold" !important;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.run-switch div {
	display: inline-block;
}

.run-switch .switch.on:after {
	left: 5px;
}

.run-switch .switch {
	position: relative;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
	vertical-align: middle;
	width: 65px;
	height: 30px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 15px;
	background-color: #fdd700;
	z-index: 3;
}

.run-switch .switch:after {
	position: absolute;
	margin-top: -11px;
	left: 37.5px;
	background-color: #ffffff;
	border-radius: 50%;
	content: "";
	width: 22px;
	height: 22px;
	top: 50%;
	transition: all 0.3s ease;
}

#priceon-val {
	display: none;
}

/*-----------------------------------
    19 - Statistics
------------------------------------*/
.circle-section .circliful {
	position: relative;
	display: inline-block;
}

.circle-section .circle-wrapper {
	text-align: center;
}

.circle-section .circliful:before {
	content: "";
	border: 1px solid #d8d8d8;
	display: inline-block;
	border-radius: 100%;
	position: absolute;
	top: 30px;
	right: 30px;
	padding: 59px;
	z-index: 0;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
	width: 100%;
	position: absolute;
	text-align: center;
	display: inline-block;
}

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

.circle-section .circle-text {
	line-height: 1 !important;
	padding-top: 75px;
}

.circle-section .title-round {
	font: 18px "Open Sans Semibold";
	text-transform: capitalize;
	margin-top: 85px;
}

.circle-section .circle-wrapper p {
	margin-top: 40px;
	line-height: 26px;
	font-size: 14px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #414142;
}

.circle-section .number {
	font-family: 'Euclid Circular B', sans-serif;
	color: #212122;
	font-size: 27px;
}

.circle-section canvas {
	z-index: 2;
	position: relative;
}

/*-----------------------------------
    20 - Menus
------------------------------------*/

/* Megamenu */
.megamenu {
	padding: 0px !important;
	left: 0;
	right: 0;
}

.megamenu .menu-item a {
	color: #e8e8e8;
	font-size: 13px;
	white-space: nowrap;
}

.nav-menu .main-menu .menu-item .megamenu .menu-item a:hover {
	color: #69c399;
}

.megamenu .media-body {
	display: table-cell;
	vertical-align: top;
}

.megamenu .service-list {
	padding: 30px;
}

.megamenu .service-list .service {
	display: inline-table;
	padding: 12px;
}

.megamenu .service-list .service .media {
	padding: 0 0px 10px 0;
}

.megamenu .service-list .service .media-left {
	padding: 10px 15px 15px 0px;
	color: #9e9e9e;
}

.megamenu .service-list .service .media-left .svg {
	height: 44px;
	width: 44px;
}

.megamenu .service-list .service .media-body {
	display: table-cell;
	vertical-align: middle;
}

.megamenu .service-list .service .media-body a {
	font: 15px 'Euclid Circular B';
	padding: 0;
	line-height: 34px;
	color: #313131;
	margin-right: 0px;
}

.megamenu .service-list .service .media-body p {
	font-size: 12px;
	color: #808080;
	line-height: 22px;
	margin: 0px;
}

.megamenu .service-list .service.special .media-body a {
	color: #21252E;
	border: none;
}

.megamenu .service-list .service.special .media-body p {
	color: #21252E;
}

.megamenu .start-offer {
	padding: 0px;
}

.megamenu .start-offer .inner {
	height: 100%;
	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	padding: 30px;
	text-align: left;
}

.megamenu .start-offer .inner .inner-content {
	font-size: 14px;
	line-height: 26px;
	color: #414142;
}

.megamenu .start-offer .inner .title {
	color: #fff;
	font-size: 22px;
}

.megamenu .start-offer .inner a {
	padding: 17px 26px !important;
	font-family: 'Euclid Circular B', sans-serif;
	display: inline-block;
	line-height: 1;
	font-size: 14px;
}

/* Megamenu List */
.megamenu-list {
	padding: 0px !important;
	left: 0;
	right: 0;
}

.megamenu-list .menu-item a {
	color: #e8e8e8;
	font-size: 13px;
	white-space: nowrap;
}

.megamenu-list .menu-item a:hover {
	color: #69c399;
}

.megamenu-list .media-body {
	display: table-cell;
	vertical-align: top;
}

.megamenu-list .service-list {
	padding: 30px;
}

.megamenu-list .service-list .service {
	display: inline-table;
	padding: 12px;
}

.megamenu-list .service-list .service .media {
	padding: 0 0px 10px 0;
}

.megamenu-list .service-list .service .media-left {
	padding: 10px 15px 15px 0px;
	color: #9e9e9e;
}

.megamenu-list .service-list .service .media-left .svg {
	height: 44px;
	width: 44px;
}

.megamenu-list .service-list .service .media-body {
	display: table-cell;
	vertical-align: middle;
}

.megamenu-list .service-list .service ul {
	padding: 0px;
}

.megamenu-list .service-list .service .media-body a {
	font: 15px 'Euclid Circular B';
	padding: 0;
	line-height: 34px;
	color: #808080;
	margin-right: 0px;
}

.megamenu-list .service-list .service .media-body a:hover {
	color: #ee5586;
}

.megamenu-list .service-list .service .media-body p {
	font-size: 12px;
	color: #808080;
	line-height: 22px;
	margin: 0px;
}

.megamenu-list .service-list .service.special .media-body a {
	color: #21252E;
	border: none;
}

.megamenu-list .service-list .service.special .media-body p {
	color: #21252E;
}

.megamenu-list .start-offer {
	padding: 0px;
}

.megamenu-list .start-offer .inner {
	height: 100%;
	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	padding: 30px;
	text-align: left;
	background-color: #fdd700;
}

.megamenu-list .start-offer .inner .inner-content {
	font-size: 14px;
	line-height: 26px;
	color: #808080;
}

.megamenu-list .start-offer .inner .title {
	color: #181b22;
	font-size: 22px;
}

.megamenu-list .start-offer .inner a {
	padding: 17px 26px !important;
	font-family: 'Euclid Circular B', sans-serif;
	display: inline-block;
	line-height: 1;
	font-size: 14px;
}

.megamenu-list .service .top-head {
	position: relative;
	display: flex;
}

.megamenu-list .service .top-head .svg {
	height: 32px;
	width: 32px;
}

.megamenu-list .service .top-head div {
	padding: 12px 0px 0px 12px;
}
.section-404 {
	text-align: center;
}

.section-404 .img-responsive {
	display: inline-block;
}

.section-404 .input {
	vertical-align: middle;
	border: solid 1px #fdd700;
	padding: 15px;
	width: 50%;
}

.section-404 .title {
	font-family: 'Euclid Circular B', sans-serif;
	font-size: 38px;
	color: #212122;
	line-height: 40px;
}

.section-404 i {
	font-size: 32px;
	color: #fdd700;
}

.section-404 .subtitle {
	font-family: 'Euclid Circular B', sans-serif;
	font-style: italic;
	font-size: 15px;
	color: #808080;
}

.section-404 .input-group {
	width: 100%;
	display: inline-block;
	line-height: 19px;
	margin-top: 40px;
}

/* Get Ready Tab */
.getready {
	position: relative;
	padding: 80px 0px;
}

.getready .column-support-txt {
	position: relative;
	display: inline-block;
	font-family: 'Euclid Circular B', sans-serif;
}

.getready .column-support-title {
	font-size: 32px;
	color: #fff;
	line-height: 1;
	margin-bottom: 12px;
}

.getready .column-support-subtitle {
	font-size: 18px;
	line-height: 30px;
	font-family: 'Euclid Circular B', sans-serif;
	color: #fff;
}

.getready .btn-floats {
	text-align: right;
}

/* Loader */
#spinner-area {
	background-color: #fff;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0px;
	right: 0;
	margin: auto;
}

.spinner {
	position: fixed;
	height: 3em;
	width: 3em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.spinner-txt {
	color: #44CE6F;
	left: -9px;
	margin-top: 50px;
	position: absolute;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #44CE6F;
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.onScreen .line {
	animation: dash 2s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-animation: dash 2s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0.0);
	}

	50% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/* Back To Top */
.cd-top {
	display: inline-block;
	height: 42px;
	width: 42px;
	position: fixed;
	bottom: 100px;
	right: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	border-radius: 15px;
	background: #ffd700;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, 0.15);
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top i {
	top: 5px;
	color: #fff;
	font-size: 31px;
	display: inline-flex;
	position: absolute;
	right: 31px;
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
	z-index: 99;
}

.cd-top.cd-fade-out {
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}

/* Search domain prices */
.domain-prices {
	margin-top: 10px;
}

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

.domain-prices li {
	display: inline-flex;
	padding: 10px 20px;
	position: relative;
	font-size: 18px;
}

.domain-prices li sup {
	font-size: 14px;
	top: -4px;
}

.domain-prices li .price {
	color: #fff !important;
	margin-left: 10px;
}

/* Full Overlay */
.fullrock {
	height: 100%;
	width: 100%;
	padding: 100px 0px;
	display: block;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: auto;
}

.fullrock-content {
	position: relative;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.fullrock a {
	line-height: 28px;
	text-decoration: none;
	color: #22262f;
	transition: 0.3s;
}

.fullrock a:hover, .fullrock a:focus {
	color: #f1f1f1;
}

.fullrock .svg.closer {
	height: 50px;
	width: 50px;
	background-color: #fff;
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 25px;
	opacity: 0.6;
}

.fullrock .svg.closer:hover {
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.fullrock .svg.logo-menu {
	position: absolute;
	width: 200px;
	top: -80px;
}

#myNav {
	display: none;
}

#typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.9s infinite;
	animation: blink 0.9s infinite;
}

/* Map */
.maping .datacenters {
	border: solid 2px #fff;
	width: 22px;
	height: 22px;
	border-radius: 24px;
	cursor: pointer;
	position: absolute;
}

.maping .datacenters.montreal {
	top: 38%;
	left: 28.5%;
}

.maping .datacenters.newyork {
	top: 44%;
	left: 27%;
}

.maping .datacenters.portugal {
	top: 46%;
	left: 44%;
}

.maping .datacenters.london {
	top: 38%;
	left: 46%;
}

.maping .datacenters.moskow {
	top: 36%;
	left: 56%;
}

.maping .datacenters.hongkong {
	top: 53%;
	left: 79%;
}

.maping .datacenters.singapure {
	top: 63%;
	left: 77%;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.balancing .load b {
	font-size: 16px;
	margin-bottom: 12px;
	display: inline-block;
}

.balancing .load .info {
	font-size: 15px;
	line-height: 30px;
	color: #808080;
}

/* all specs included */
.included {
	margin-top: 25px;
	color: #fff;
	line-height: 25px;
	font-size: 14px;
}

.included h4 {
	margin-bottom: 25px;
}

.included i {
	padding-right: 12px;
	font-size: 18px;
	vertical-align: middle;
}

.included ul {
	padding-left: 0px;
}

.included ul li {
	list-style: none;
}

/* animation btn down */
.godown {
	border: none;
	position: absolute;
	left: calc(250px + 55vw - 768px) !important;
	margin-top: 200px;
	z-index: 2;
	-webkit-animation: moverdown 1s infinite  alternate;
	animation: moverdown 1s infinite  alternate;
}.godown span {
	position: absolute;
	letter-spacing: 1px;
	top: -10px;
	font-size: 16px;
	left: 0px;
	font-family: 'Euclid Circular B', sans-serif;
	-webkit-transform: rotate(-90deg) !important;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

@-webkit-keyframes moverdown {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

@keyframes moverdown {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

/* social icons */
.soc-icons-apply {
	position: absolute;
	padding-top: 0;
	padding-left: 0;
	top: 0;
	right: 0;
	margin-right: 20px;
	margin-top: 20px;
}

.soc-icons-apply a {
	display: inline-block;
	margin: 0px 10px 20px 0px;
}

.soc-icons-apply a:hover {
	color: #fdd700;
	text-decoration: none;
}

.soc-icons-apply a:hover pan {
	color: #fdd700;
}

.soc-icons-apply span {
	font-size: 14px;
	background-color: #fff;
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 15px;
	width: 36px;
	transition: 0.3s;
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, 0.15);
}

.soc-icons-apply span:hover {
	color: #fdd700;
}

.randomline {
	position: absolute;
	right: 0;
	bottom: 0px;
	margin-bottom: 50px;
}

.bigline {
	width: 50px;
	margin-bottom: 8px;
}

.smallline {
	position: absolute;
	right: 0px;
	width: 15px;
}

/* Popup Gallery */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.popup-gallery img {
	width: 100%;
	padding: 0px;
}

.zoo-content {
	position: absolute;
	right: 0;
	height: 100%;
	width: 100%;
	top: 0;
}

.zoo-content:hover {
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.zoo-content .icoo {
	text-align: center;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.zoo-content .icoo i {
	font-size: 34px;
	color: #fff;
	border-radius: 50px;
	padding: 10px;
	border: none;
	opacity: 0.8;
}

/* Configurator */
.config.cd-main-content {
	position: initial !important;
}

.config.cd-main-content .cd-filter-content {
	padding-left: 0px;
}

.config.cd-main-content input.form-control {
	width: 65px;
}

.config.cd-main-content .table td {
	vertical-align: middle;
}

.config.cd-main-content .cd-filter-block ul {
	padding: 0px;
}

.cd-filter-block input.range-slider-input:hover {
	border: none !important;
}

.ordersummary {
	margin-top: 30px;
	font-size: 14px;
}

.ordersummary td {
	padding: 10px 0px !important;
}

/* 404 */
.notfound p {
	line-height: 30px;
}

.covervid-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* KnowledgeBase*/
.knowledge a.category {
	color: #212122;
}
/* Styleswitch color style  */
.color-scheme {
	position: fixed;
	list-style: none;
	display: grid;
	zoom: 1;
	*display: inline;
	margin: 0px;
	z-index: 9999;
	right: 15px;
	top: 180px;
	padding: 0px;
	margin-right: 5px;
}

.color-scheme li {
	display: grid;
	margin-top: 10px;
}

.color-scheme a {
	border: solid 1px #fff;
	text-decoration: none;
	border-radius: 15px;
	display: block;
	height: 15px;
	width: 15px;
}

.pink a {
	background: #EE5586;
}

.blue a {
	background: #68CEF5;
}

.green a {
	background: #BFD84D;
}
.green button {
	background: #BFD84D;
}

svg {
	vertical-align: middle;
	border-style: none;
}

.svg.pattern {
	position: absolute;
	bottom: 0px;
}

.cssda {
	top: 120px;
	width: 80px;
	left: 30px;
	z-index: 9;
	position: fixed;
}
/*

===============================
Search Domains Area
===============================

*/
.search-domain {
	position: relative;
	background: #fff;
}

.search-domain-content {
	overflow: hidden;
	margin-bottom: 30px;
}

.search-domain-content form input {
	height: 55px;
	width: 57%;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 4px 0 0 4px;
	text-indent: 15px;
	border-right: none;
}

.cl-black {
	color: #383838;
	font-family: 'Euclid Circular B', sans-serif;
}

.search-domain-content form select {
	height: 55px;
	width: 13%;
	float: left;
	border: 1px solid #CCCCCC;
	border-left: 0;
	border-radius: 0px 4px 4px 0px;
	background: #fff;
}

.search-domain-content form button {
	height: 55px;
	width: 27%;
	float: left;
	margin-left: 3%;
	cursor: pointer;
}

.btn-fill {
	background: #0378FE;
	color: #fff !important;
	border: 1px solid #0378FE;
}

.bttn {
	position: relative;
	font-size: 16px;
	font-weight: 300;
	padding: 12px 36px;
	letter-spacing: .3px;
	border-radius: 4px;
	display: inline-block;
}

.domain-type h3 {
	color: #383838;
	font-size: 24px;
}

.domain-type h3 span {
	font-size: 14px;
}

.single-domain-type {
	width: 20%;
	float: left;
}

.yazilim {
	height: 310px;
	background-position: center;
	background-size: cover;
}

.hotel-features i {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid;
}
.mt-4, .my-4 {
    margin-top: 1rem!important;
}
.btn-default-yellow-fill2:hover {
    background-color: #4c4a4a !important;
    color: #fff !important;
    border: none
}

.btn-default-fill2:hover,
.btn-default-yellow-fill2 {
    background-color: #fdd700 !important;
    color: #000 !important;
    border: none
}
@media (min-width:1200px) and (max-width:5000px) {
	.pricing.slider .slides-toggle .slide-prev {
		left: -10px;
	}

	.pricing.slider .plan-container {
		margin-right: 26px;
	}

	.pricing.slider .slider-wrap {
		margin-left: 15px;
	}
}

@media (max-width:1399px) {
	.owl-buttons {
		display: none;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.blog .sidebar .posts .tabs-header li {
		padding: 0 5px 18px 5px;
	}

	.blog .sidebar .archives .img {
		float: none;
		margin-bottom: 5px;
	}
}
.pricing.slider .info {
	margin-right: 0;
}

.pricing.slider .slides-toggle .slide-prev {
	left: -15px;
}

.pricing.slider .slides-toggle .slide-next {
	right: -15px !important;
}

.pricing.slider .slides-toggle .slide-prev span {
	display: none !important;
}

.pricing.slider .slides-toggle .slide-next span {
	display: none !important;
}

.pricing.slider .wrapper {
	width: 300px;
	display: inline-block;
}

.tabs.offers-tabs .tabs-content .tabs-item.active:before {
	content: none;
}

.history-section .wrappper h3 {
	font-size: 20px;
}

.history-section .wrappper .desc {
	display: table;
}

.product-title h3 {
	font-size: 12px;
	padding: 14px;
}

.product-meta {
	padding: 0px 15px;
	margin-top: 35%;
}

#sidebar {
	width: auto !important;
}
.team .soc-icons-wrap .icons {
		display: inline-block;
		margin-top: 140px;
		padding: 10px;
	}

	.countdown .wrapper .heading {
		font-size: 40px;
	}

	.countdown .wrapper .heading {
		font-size: 20px;
	}

	.countdown .wrapper .clock {
		font-size: 40px;
	}

	.countdown .wrapper .clock div {
		padding: 20px 37px;
	}

	.countdown .wrapper .clock span {
		font-size: 13px;
	}

	.btn-order .continue {
		padding: 15px 30px;
		font-size: 16px;
	}

	.casestudy .icon-quote {
		margin-left: 10px;
	}

	.casestudy .content-info p:last-child {
		display: none;
	}

	.casestudy .content-info hr {
		display: none;
	}

	.blog .sidebar .heading {
		font-size: 14px;
	}

	.blog .sidebar .archives .item-wrap {
		padding-bottom: 0px;
	}

	.wrap-blog .infos i {
		font-size: 22px;
	}

	.footer .footer-menu .menu-item {
		margin-left: 0;
	}

	.footer .soc-icons.m-left {
		padding-left: 90px;
	}

	.footer .logo-bg {
		margin-top: 56px;
		width: 380px;
	}

	.wpc-vps-info .content-price {
		padding: 50px 40px;
	}

	.wpc-vps-info .h-plans-info .price {
		font-size: 35px !important;
	}

	.h-plans-info .price .symbol {
		font-size: 24px !important;
	}


	.blog .sidebar .posts .img {
		width: 100%;
		margin-bottom: 15px;
	}

	.megamenu .start-offer .inner span {
		display: none;
	}

	.megamenu-list .start-offer .inner span {
		display: none;
	}
}

@media (min-width:1199px) {
	.product-title h3 {
		font-size: 13px;
		padding: 13px;
	}
}

@media (min-width:1170px) {
	.cd-gallery.filter-is-visible {
		width: 100% !important;
	}

	.cd-filter {
		width: 100% !important;
	}

	.cd-filter form {
		width: 100% !important;
		padding: 0px !important;
	}

	.cd-gallery li {
		width: 31% !important;
	}

	.cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
		color: #808080;
	}

	.no-touch .cd-filter-trigger:hover {
		text-decoration: none;
	}
}
@media (min-width:767px) and (max-width:991px) {
	.team .soc-icons-wrap .icons {
		padding-top: 80px;
	}

	.nav-menu .main-menu a {
		font: 14px 'Euclid Circular B';
		margin-right: 28px;
		margin-left: 0;
	}
}

@media (max-width:991px) {
	.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body p {
		font-size: 11px;
		color: #808080;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a {
		font-size: 12px;
	}

	.nav-menu .main-menu .menu-item .menu-large li.start-offer {
		width: 205px;
	}

	.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner {
		padding: 20px;
	}

	.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .title {
		font-size: 18px;
	}

	.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner p {
		font-size: 14px;
	}

	.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .val {
		font-size: 13px;
	}

	.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .dis {
		font-size: 18px;
	}

	.top-banner .subheading {
		line-height: 32px;
		font-size: 15px;
		margin-top: 0px;
	}

	.top-banner .heading {
		font-size: 38px;
		font-family: 'Euclid Circular B', sans-serif;
		line-height: 45px;
	}

	.chars {
		position: relative;
		display: inline-flex;
		right: 0px;
		top: 0;
	}

	.chars div {
		padding-top: 30px;
	}

	.chars p {
		color: #fff;
		font-size: 13px;
		margin-top: 8px;
		line-height: 26px;
	}

	.pricing .heading {
		font-size: 38px;
	}

	.plan-container .title {
		font-size: 20px;
	}

	.pricing.slider .wrapper {
		width: 230px;
		display: inline-block;
	}

	.section-heading.small-text {
		font-size: 28px;
	}

	.section-subheading.small-text {
		font-size: 16px;
	}

	.pricing .list-info li {
		font-size: 13px !important;
	}

	.tabs.offers-tabs .tabs-content .heading {
		font-size: 18px;
		margin-bottom: 6px;
	}

	.tabs.offers-tabs .tabs-content .info {
		font-size: 14px;
	}

	.btn-x {
		padding: 10px 50px;
		font: 16px 'Euclid Circular B';
		border: solid 2px #fdd700;
	}

	.services.circle-section .heading {
		text-align: center;
		margin-top: 100px;
	}

	.services.circle-section .info {
		text-align: center;
	}

	.services.circle-section .skill-section {
		margin-bottom: 10px;
	}

	.services.circle-section .circle-wrapper {
		margin-top: 52px;
	}

	.services .service-wrap .info {
		padding-bottom: 30px;
		padding-right: 0;
	}

	.services .service-wrap .service-section.service {
		border-top: 1px solid #e7eaed;
		border-right: 1px solid #e7eaed;
	}

	.history-section .img {
		margin: 0 auto;
		display: block;
	}

	.history-section .img-wrap:after {
		content: none;
	}

	.history-section .wrappper .title:before {
		display: none;
	}

	.history-section .wrappper img {
		width: 15%;
	}

	.product-title h3 {
		font-size: 14px;
		padding: 14px;
	}

	.product-meta {
		padding: 0px 80px;
		margin-top: 35%;
	}

	#sidebar {
		width: auto !important;
		position: relative !important;
		top: 0 !important;
	}

	.shop .select.fisrt {
		margin: 0;
	}

	.shop .select.second {
		margin: 0;
	}

	.shop .select {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.shop .select i {
		right: 10px;
	}

	.products .wrapper .img-wrap > img {
		width: 100%;
	}

	.products .wrapper {
		width: 30%;
	}

	.product-detail .form-addcart .number-wrap {
		margin-left: 0;
		margin-bottom: 30px;
	}

	.product-detail .form-addcart .color-wrap {
		margin-left: 0;
	}

	.product-detail .form-addcart .btn {
		margin-top: 30px;
	}
	.product-detail .form-addcart .btn-2 {
		margin-top: 30px;
	}

	.team .soc-icons-wrap .icons {
		display: inline-block;
		margin-top: 30px;
	}

	.center.slider .plan-container .period {
		font-size: 14px !important;
	}

	.search-input input.btn {
		padding: 16px 35px !important;
		font-size: 14px !important;
	}
	.search-input input.btn-2 {
		padding: 16px 35px !important;
		font-size: 14px !important;
	}

	.countdown .wrapper {
		width: 100%;
	}

	.cart .payment-form {
		padding: 0;
	}

	.cart .table tbody .section-bar .check {
		width: 100%;
		text-align: center;
		margin-right: 0px;
	}

	.casestudy .sec-bg1 {
		padding: 50px;
		text-align: center;
	}

	.casestudy .content-info div {
		display: none;
	}

	.casestudy .slide-next, .casestudy .slide-prev {
		bottom: 20px;
	}

	.casestudy .slide-prev {
		bottom: 20px;
	}

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

	.casestudy .study-img {
		text-align: center;
	}

	.casestudy .social-icons {
		text-align: center;
		margin-left: 0px;
	}

	.blog .media.right {
		padding-left: 0;
	}

	.blog .media.answer {
		padding-left: 30px;
	}

	.wrap-blog .heading {
		font-size: 18px;
	}

	.blog.blog .wrap-blog .media img {
		display: none;
	}

	.blog .text-blog .social-icon {
		text-align: left;
	}

	.blog .text-blog .social-icon a:first-child {
		margin-left: 0px;
	}

	.wrap-blog .social-icon {
		width: 100%;
		margin-top: 15px;
		text-align: left;
	}

	.wrap-blog .text-blog a {
		margin-left: 0px;
	}

	.footer .footer-menu .menu-item {
		width: 100%;
		font-size: 13px;
	}

	.footer .heading {
		font-size: 15px;
	}

	.footer h6 {
		font-size: 12px;
	}

	.footer .logo-footer {
		width: 150px;
	}

	.footer .soc-icons i {
		height: 34px !important;
		line-height: 34px !important;
		width: 34px !important;
		font-size: 14px;
	}

	.cd-filter-content a {
		display: none;
	}

	label.checkbox-label a {
		display: inline-block !important;
	}

	.section-404 {
		background-size: 90%;
	}

	.section-404 .title span:first-child {
		display: block;
	}

	.section-404 .subtitle {
		font-size: 16px;
	}

	.getready .column-support-txt {
		width: 100%;
		margin-bottom: 30px;
	}

	.opa-pink {
		display: none;
	}

	.getready .btn-floats {
		text-align: left;
	}

	.overview .overview-info {
		padding: 30px 0;
	}

	.blog .media .media-body {
		padding-left: 0px !important;
	}

	.wpc-vps-info .price-wrap {
		margin-top: 30px;
	}

	.wpc-vps-info .title .info {
		font-size: 20px;
	}

	.wpc-vps-info .price-wrap .price {
		margin-bottom: 10px;
		padding: 14px 40px;
	}

	.wpc-vps-info .price-wrap .title {
		padding: 20.5px 41px;
	}

	.wpc-vps-info .price-wrap .title {
		position: static;
	}

	.footer .logo-bg {
		margin-top: 35px;
		width: 360px;
	}

	.circle-wrapper {
		margin-top: 50px;
	}

	.sec-uping {
		margin: initial;
	}

	.godown {
		display: none;
	}

	.history-section.feat01 hr {
		display: block !important;
		margin-bottom: 80px;
	}

	.history-section.feat01 .row .first {
		padding-bottom: 50px;
	}

	.history-section.feat01 .row .second {
		padding-top: 50px;
	}

	.history-section.feat01 .row .third {
		padding-bottom: 50px;
	}

	.history-section .row img.first {
		padding-top: 0px;
	}

	#clone {
		display: none;
	}

	.tabs .btn-select-plan {
		position: initial;
		margin-top: 0px;
	}

	.tabs .btn-select-plan ul {
		z-index: 9;
		display: block;
		margin-bottom: 50px;
	}

	.tabs .btn-select-plan ul li.mb-2 {
		margin-bottom: 0px !important;
	}

	.top-header .wrapper .subheding {
		font-size: 14px;
	}

	.top-header .wrapper .included {
		display: none;
	}

	.top-header .wrapper .aboutus {
		margin-bottom: 0px;
	}

	.countdown .wrapper .clock {
		font-size: 32px;
	}

	.countdown .wrapper .clock div {
		margin: 10px 30px 15px 0px;
		padding: 20px 35px;
	}

	.countdown .wrapper .clock div:last-child {
		margin-right: 0px;
	}

	.countdown .wrapper .clock span {
		font-size: 10px;
	}

	.cd-filter-content .dflex {
		display: initial !important;
	}

	.tabs.offers-tabs .info-content {
		margin-top: 30px;
	}

	.menu-wrap .logo-menu {
		width: 160px !important;
		padding-top: 0px !important;
		margin-top: 5px !important;
	}

	.fullrock .fullrock-content .svg.soon {
		margin-top: 30px;
	}

	.megamenu .service-list {
		padding: 20px 40px;
	}

	.megamenu .start-offer .inner .title {
		font-size: 16px;
	}

	.megamenu .start-offer .inner b {
		display: none;
	}

	.megamenu .service-list {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 20px 40px;
	}

	.megamenu .start-offer {
		display: none;
	}

	.megamenu-list .service-list {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 20px 40px;
	}

	.megamenu-list .start-offer {
		display: none;
	}
}

@media (min-width:991px) {
	.domain-prices li:first-child {
		padding-left: 0px;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu {
		margin-left: -65px;
		display: block !important;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu.menu-large {
		margin-left: -120px !important;
		display: block !important;
	}
}
@media (max-width:767px) {
	.cd-main-content {
		position: absolute !important;
		height: 100% !important;
	}

	.cd-main-content .cd-filter form {
		padding: 60px 20px;
	}

	.cd-main-content.is-fixed .cd-filter form {
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.cd-main-content.sec-up {
		margin: 0px !important;
		z-index: 3 !important;
	}

	.cd-main-content .cd-filter .sec-main {
		padding: 0px !important;
		border-radius: 0px !important;
		box-shadow: none !important;
	}

	.cd-filter .row {
		margin: 0px !important;
		display: block !important;
	}

	.cd-filter .container {
		margin: 0px !important;
		padding: 0px !important;
	}

	.btn.cd-filter-trigger {
		display: inline-block !important;
		width: auto !important;
		text-indent: initial !important;
	}
	.btn-2.cd-filter-trigger {
		display: inline-block !important;
		width: auto !important;
		text-indent: initial !important;
	}

	.cd-main-content.animated {
		animation-fill-mode: initial !important;
	}

	.nav-menu {
		padding: 0;
	}

	.nav-menu .main-menu > .menu-item .fa-caret-right:before {
		content: "\f0d7";
	}

	.nav-menu .main-menu > .menu-item > .sub-menu a {
		color: #72757B;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item:last-child {
		padding-bottom: 0;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a {
		color: #72757B;
		font-size: 15px;
		margin: 0px;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
		position: static;
		display: none;
		opacity: 1;
		padding: 0;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu {
		position: static;
		display: none;
		opacity: 1;
		visibility: visible;
	}

	.nav-menu .main-menu > .menu-item:hover > a {
		color: #fdd700;
		background-color: transparent;
	}

	.nav-menu .main-menu a {
		padding: 0;
		margin-right: 0;
		margin-left: 0;
	}

	.nav-menu .menu-toggle {
		padding: 25px 37px 20px 2px !important;
		display: inline-block;
		right: 0px;
		top: 0px;
		z-index: 1000;
	}

	.menu-wrap.line {
		border-color: transparent;
	}

	.menu-wrap .col-sm-9.col-lg-7.col-lg-offset-2.p-0 {
		height: 0px;
	}

	.menu-wrap.fixed .nav-menu {
		padding: 0 0 10px 0;
	}

	.menu-wrap.fixed .menu-toggle.top {
		top: 5px;
	}

	.menu-wrap.light .main-menu > .menu-item > .sub-menu {
		background-color: #AEB0B5;
	}

	.menu-wrap.light.fixed .menu-toggle {
		top: -49px;
	}

	.menu-wrap.light.fixed .logo-menu {
		position: relative;
		top: 0px;
	}

	.menu-wrap.light .menu-toggle {
		top: -50px;
	}

	.menu-wrap.active .nav-menu .main-menu {
		transform: translateX(0);
		padding: 80px 20px 80px;
		list-style-type: none;
	}

	.menu-wrap {
		display: none;
	}

	.menu-wrap.mobile {
		display: block;
	}

	.menu-wrap.mobile.active .logo-menu {
		z-index: 10;
		position: relative;
	}

	.menu-wrap.mobile.active .logo-responsive {
		position: relative;
		z-index: 99;
		display: block !important;
	}

	.menu-item.active.menu-item-has-children {
		background-color: #fdd700;
	}

	.nav-menu .main-menu {
		display: block;
		text-align: center;
		position: fixed;
		height: 100%;
		width: 100%;
		background: #15212a;
		top: 0;
		left: 0;
		z-index: 999;
		overflow-y: auto;
		padding: 0px 0 30px;
		-webkit-transform: translate3d(0, 200%, 0);
		-moz-transform: translate3d(0, 200%, 0);
		-ms-transform: translate3d(0, 200%, 0);
		-o-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	.nav-menu .main-menu .menu-item.active > a {
		color: #121e25 !important;
		font-weight: bold;
		font-size: 13px;
	}

	.nav-menu .main-menu .menu-item > a {
		color: #808080;
		font-size: 22px;
	}

	.nav-menu .main-menu .menu-item > a .badge {
		font-size: 12px;
		margin: 7px 10px;
		position: absolute;
	}

	.nav-menu .main-menu > .menu-item.menu-item-has-children > a:after {
		display: none;
		content: "\f0d7";
		font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		right: -15px;
		top: 2px;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu {
		z-index: 9;
		padding-top: 20px;
		border: none;
		box-shadow: none !important;
		background-color: transparent;
	}

	.nav-menu .main-menu > .menu-item.active > .sub-menu {
		padding: 20px;
		background-color: #fdd700;
	}

	.nav-menu .main-menu > .menu-item.active > .sub-menu > .menu-item {
		border-color: transparent;
		padding: 10px 0 10px 0;
	}

	.nav-menu .main-menu > .menu-item {
		width: 100%;
		float: none;
		margin-left: 0;
		padding: 15px 0px;
		cursor: pointer;
	}

	.nav-menu .main-menu > .menu-item:last-child {
		border-bottom: none;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item {
		border: none;
		padding: 5px;
	}

	.menu-item .sub-menu .menu-item a:hover {
		color: #fdd700 !important;
	}

	.menu-item.active .sub-menu .menu-item a {
		color: #121e25 !important;
	}

	.menu-item.active .sub-menu .menu-item a:hover {
		color: #fff !important;
	}

	.top-banner .heading {
		font-size: 42px;
		line-height: 50px;
		margin-bottom: 15px;
	}

	.top-banner .subheading {
		margin-bottom: 30px;
		margin-left: 0;
	}

	.hidden-xs {
		display: inline-block !important;
	}

	.pricing .subheading {
		margin-bottom: 50px;
	}

	h2.section-heading {
		font-size: 26px !important;
	}

	.section-heading.small-text {
		font-size: 28px !important;
	}

	.section-heading.small-text {
		font-size: 28px !important;
	}

	.section-subheading.small-text {
		font-size: 16px !important;
	}

	.section-offer.services .tabs.offers-tabs img {
		margin: 0 auto;
		max-width: 100%;
	}

	.pricing.slider .info {
		margin-top: 0;
	}

	.pricing.slider .swiper-slide {
	}

	.pricing.slider .soc-icons {
		display: block;
		float: none;
		margin-top: 10px;
		margin-right: 0;
		text-align: left;
		padding: 0;
	}

	.pricing.slider .slides-toggle {
		display: none;
	}

	.pricing.slider .swiper-wrapper .price {
		font-size: 38px;
	}

	.pricing.slider .swiper-wrapper sup {
		font-size: 26px;
	}

	.pricing.slider .slides-toggle .slide-next {
		right: -15px;
	}

	.pricing.slider .slides-toggle .slide-prev {
		left: -15px;
	}

	.pricing.slider .slides-toggle .slide-prev {
		left: -80px;
	}

	.pricing.slider .slides-toggle .slide-next {
		right: -80px;
	}

	.pricing.slider .wrapper {
		width: 100% !important;
		display: inline-block;
	}

	.pricing .table .title {
		font-size: 16px;
	}

	.best-plans.pricing .wrapper {
		margin-top: 0;
	}

	.best-plans.pricing .wrapper.first {
		margin-top: 50px;
	}

	.best-plans .table-responsive {
		border: none;
		margin-bottom: 0;
	}

	.section-plans .heading {
		font-size: 22px;
	}

	.h-plans-info .header-wrap {
		text-align: center;
	}

	.tabs.offers-tabs .img {
		display: block;
		margin: 0 auto;
	}

	.tabs.offers-tabs .tabs-content .info {
		padding-right: 0;
	}

	.tabs.offers-tabs .tabs-content .heading {
		margin-top: 30px;
	}

	.tabs.offers-tabs .tabs-header li {
		margin-top: 50px;
	}

	.circle-section .title-round {
		font-size: 18px;
		font-weight: bold;
	}

	.services.circle-section .heading {
		margin-top: 34px;
	}

	.services.circle-section .info {
		font-size: 14px;
	}

	.history-section .wrappper.right {
		text-align: center;
		padding: 0 15px;
	}

	.history-section .wrappper {
		text-align: center;
	}

	.service-skills .skills-wrap {
		text-align: center;
	}

	.history-section .history-separate {
		margin-bottom: 0px;
	}

	.history-section .history-separate img {
		padding: 0px 120px 30px;
	}

	.history-section .wrappper img {
		width: 25%;
		margin: 0px 0px 20px 0px;
		float: none;
	}

	.filter-menu ul li {
		font-size: 13px;
	}

	.product-meta {
		padding: 0px 70px;
		margin-top: 35%;
	}

	.details .wrappper .value {
		text-align: center;
		float: none;
		margin: 0px;
	}

	.details .wrappper .quantity {
		display: inline-grid;
	}

	.shop .select {
		margin: 0 0 30px;
	}

	.shop .select.second {
		margin: 30px 0 0;
	}

	.products .wrapper {
		width: 49%;
		padding-right: 18px;
		padding-left: 18px;
		float: none;
		display: inline-block;
	}

	.products .btn {
		padding: 25px 38px;
		font-size: 14px;
	}
	.products .btn-2 {
		padding: 25px 38px;
		font-size: 14px;
	}

	.team .soc-icons-wrap .icons {
		margin-top: 250px;
	}

	.modal-dialog {
		min-height: calc(100vh - 20px);
	}

	.fill-input {
		font-size: 14px !important;
		padding: 13px 20px 13px 20px !important;
	}

	.general-input input.btn {
		padding: 17px 17px;
	}

	.domain-prices li {
		padding: 10px 12px !important;
		font-size: 14px !important;
	}

	.subcribe {
		display: none;
	}

	.countdown .wrapper .clock .divider {
		margin-top: -38px;
		font-size: 25px;
	}

	.countdown .wrapper .clock span {
		font-size: 12px;
		margin: 0px 20px;
	}

	.countdown .wrapper .clock div:first-child {
		border: none;
		background-color: transparent !important;
		color: #212122;
	}

	.cart .table-responsive {
		border: none;
	}

	.cart .data-cart .btn.order {
		margin-left: 0;
		margin-top: 20px;
	}
	.cart .data-cart .btn-2.order {
		margin-left: 0;
		margin-top: 20px;
	}

	.cart.end {
		padding-top: 50px;
	}

	.casestudy .swiper-slide {
		text-align: left;
		padding-bottom: 50px;
	}

	.casestudy .author {
		padding-left: 0px !important;
	}

	.casestudy .content-info {
		padding-left: 0px !important;
	}

	.casestudy .ml-4 {
		margin-left: 0px !important;
	}

	.casestudy .slide-prev {
		display: none;
	}

	.casestudy .slide-next {
		display: none;
	}

	.casestudy .casestudy {
		text-align: center;
		margin-left: 0px;
	}

	.accordion.faq .panel-title {
		font-size: 15px;
	}

	.accordion.faq .panel-title {
		font-size: 14px;
		line-height: 26px;
	}

	.wrap-blog {
		padding: 0px;
	}

	.wrap-blog > img {
		width: 100%;
	}

	.blog .media.answer {
		padding-left: 30px;
	}

	.blog .sidebar {
		margin-top: 80px;
	}

	.footer {
		text-align: center;
	}

	.footer .footer-top img {
		width: 160px;
	}

	.footer .soc-icons a {
		margin: 0px 8px 0px 5px !important;
	}

	.footer .payment-list li {
		font-size: 18px !important;
	}

	.footer .payment-list li p {
		font-size: 12px !important;
	}

	.footer .footer-bottom .copyrigh {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.footer .footer-menu {
		padding: 0;
		margin-left: 0;
	}

	.footer .footer-menu {
		float: none;
		text-align: center;
		padding: 0;
		margin-left: 0;
	}

	.footer .payment-list {
		float: none;
		text-align: center;
		padding: 0;
		margin-left: 0;
	}

	.footer .footer-menu .menu-item {
		text-align: center;
		font-size: 14px;
	}

	.footer .footer-top .col-md-3.col-sm-6 {
		margin-bottom: 50px;
	}

	.footer .footer-top .col-md-3.col-sm-6:last-child {
		margin-bottom: 30px;
	}

	.footer .col-md-3.col-sm-6 {
		margin-bottom: 50px;
	}

	.footer .col-md-3.col-sm-6:last-child {
		margin-bottom: 10px;
	}

	.footer .footer-bottom .footer-menu {
		top: 0px !important;
		margin-bottom: 10px;
	}

	.footer .soc-icons {
		text-align: center;
		padding-left: 0;
	}

	.footer .soc-icons i {
		font-size: 18px;
	}

	.footer .logo-bg {
		display: none;
	}

	.cd-tab-filter ul {
		display: none;
	}

	.cd-tab-filter.is-open ul {
		display: none;
	}

	.cd-tab-filter::after {
		display: none;
	}

	.cd-filter-content a {
		display: block;
	}

	.table td {
		padding: .75rem;
	}

	.section-404 .input-group {
		margin-top: 35px;
	}

	.section-404 .img {
		visibility: hidden;
	}

	.getready .column-support-subtitle {
		font-size: 16px;
		line-height: 26px;
	}

	.sec-main {
		padding: 80px;
	}

	.general-input {
		width: 100% !important;
	}

	.owl-carousel .vc-parent.fix {
		height: 65% !important;
	}

	.custom-element-right {
		display: none !important;
	}

	.cd-gallery li {
		width: 100%;
		margin-bottom: 2em;
	}

	.overview .overview-info {
		text-align: center;
	}

	.overview .img-over {
		text-align: center;
	}

	.overview .overview-info {
		padding: 60px 0;
	}

	.form-contact i {
		display: none;
	}

	.wpc-cloud-range .info-range {
		font-size: 14px;
	}

	.owl-carousel .animatype {
		font-size: 28px;
	}

	.maping .datacenters {
		width: 14px;
		height: 14px;
	}

	.path-left {
		display: none;
	}

	.path-right {
		display: none;
	}

	.top-header {
		padding-top: 110px;
		padding-bottom: 90px;
	}

	.top-header .wrapper .heading {
		font-size: 42px;
	}

	.top-header .wrapper .subheading small {
		display: none;
	}

	.soc-icons-apply {
		display: none;
	}

	.countdown .wrapper .clock {
		font-size: 32px;
	}

	.countdown .wrapper .clock div {
		border: none !important;
		margin: 0px 50px 0px 0px;
		padding: 0px;
	}

	.countdown .wrapper .clock span {
		font-size: 13px;
		margin-top: 0px;
	}

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

	.notfound br {
		display: none;
	}

	.megamenu .service-list .service .media-body a {
		font-size: 14px !important;
	}

	.megamenu-list .service-list .service .media-body a {
		font-size: 14px !important;
	}

    /* Countdown */
	.count-txt {
		font-size: 20px;
	}

	.count-content .clock#specialclock {
		font-size: 20px;
	}

    /* Pattern */
	.svg.pattern {
		display: none;
	}

    /* OWL Carousel */
	.vc-parent {
		min-height: 600px;
	}
}

@media (min-width:768px) {
	.cd-filter {
		position: relative;
		width: 100% !important;
		height: auto !important;
		background: transparent !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}

	.cd-filter .cd-close {
		opacity: 0 !important;
		top: -50px !important;
	}

	.cd-filter.filter-is-visible {
		display: inline-block !important;
		width: 100% !important;
		box-shadow: none !important;
	}

	.cd-main-content.is-fixed .cd-filter {
		position: relative !important;
		height: auto !important;
		overflow: initial !important;
	}

	.cd-filter::before {
		display: none !important;
	}

	.cd-gallery.filter-is-visible {
		margin-top: 28% !important;
	}

	.cd-main-content.is-fixed .cd-gallery {
		padding-top: 600px !important;
	}

	.btn.cd-filter-trigger {
		display: none !important;
	}
	.btn-2.cd-filter-trigger {
		display: none !important;
	}

	.cd-filter-block .list li {
		margin: 0px 15px 15px 0px !important;
		display: inline-block !important;
	}

	.cd-filter-block ul {
		padding: 0px !important;
	}

	.menu-wrap.mobile {
		display: none;
	}

	.menu-wrap .nav-menu {
		float: left;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu {
		margin-left: -90px;
		display: block !important;
	}

	.nav-menu .main-menu > .menu-item > .sub-menu.menu-large {
		margin-left: -46px !important;
		display: block !important;
	}

	.nav-menu .main-menu > .menu-item:hover > .sub-menu {
		top: 55px;
		opacity: 1;
		visibility: visible;
	}
}

@media (max-width:576px) {
	.secfeat {
		display: none;
	}

	.chars {
		display: none;
	}

	.domain-prices {
		display: none;
	}

	.top-banner .heading {
		font-family: 'Euclid Circular B', sans-serif;
		font-size: 34px;
		line-height: 46px;
	}

	.top-header .wrapper .round:before {
		top: 10px;
	}

	.tabs.offers-tabs .tabs-header ul {
		padding: 0;
	}

	.tabs.offers-tabs .tabs-header li {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tabs.offers-tabs .tabs-header {
		padding: 0px;
	}

	.filter-menu ul {
		padding: 0px 0px;
	}

	.filter-menu ul li {
		font-size: 12px;
		padding: 10px;
	}

	.featured.isotope .col-xs-6 {
		width: 100% !important;
	}

	.best-seller .col-xs-6 {
		width: 100% !important;
	}

	.product-meta {
		padding: 0px 70px;
		margin-top: 35%;
	}

	.products .wrapper {
		width: 100%;
	}

	.team .soc-icons-wrap .icons {
		display: inline-block;
		margin-top: 250px;
	}

	.cart .data-cart .order-suma {
		margin-left: 0;
		padding: 26px 46px;
	}

	.casestudy img {
		width: 100%;
	}

	.special-footer {
		margin-bottom: -150px;
	}

	.sec-main {
		padding: 80px 15px;
	}

	.wrap-blog .wrapper {
		padding: 60px 15px !important;
	}

	.blog.blog .wrap-blog .comments {
		padding: 60px 30px !important;
	}

	.blog.blog .wrap-blog .livecomment {
		padding: 60px 30px !important;
	}

	.blog .sidebar {
		padding: 50px 15px !important;
	}

	.owl-theme .owl-dots .owl-dot span {
		width: 40px;
		display: block;
		padding: 0px !important;
		margin: 0px 2px !important;
	}

	.owl-theme .owl-nav.disabled + .owl-dots {
		display: block !important;
		left: 10px !important;
		z-index: 9 !important;
		top: 15% !important;
	}

	.circle-section .text-left:first-child {
		text-align: left !important;
	}

	.circle-section .text-left {
		text-align: center !important;
	}

	.cssda {
		width: 60px;
	}
}
@media (max-width:420px) {
	.top-banner .heading span {
		font-size: 26px;
	}

	.top-header .wrapper .heading {
		font-size: 26px;
	}

	.top-header .wrapper .subheding {
		font-size: 14px;
	}

	.section-heading.small-text {
		font-size: 24px !important;
	}

	.section-heading.small-text {
		font-size: 24px !important;
	}

	.team .soc-icons-wrap .icons {
		display: inline-block;
		margin-top: 185px;
	}

	.team .col-md-3.col-sm-6.col-xs-6 {
		width: 100%;
	}

	.countdown .wrapper .clock span {
		font-size: 10px;
		margin-top: 10px;
	}

	.table-responsive {
		border: none;
	}

	.payment-form .btn-check {
		margin: 5px 5px 0;
	}

	.accordion.faq .wrapper-collapse .list {
		margin-left: 0;
	}

	.wrap-blog .social {
		width: 100%;
		text-align: center;
	}

	.blog .social-icons {
		text-align: center;
		padding: 0px;
	}

	.blog .media .text-comments {
		width: 100%;
	}

	.blog.blog .wrap-blog .media-left {
		display: none;
	}

	.blog .media .media-body {
		padding-left: 0px;
	}

	.blog .media a.answer {
		float: none;
	}

	.section-404 .title {
		font-size: 38px;
	}

	.section-404 .input {
		width: 100%;
	}

	.section-404 .input-group .btn {
		width: 100%;
		margin-top: 15px;
	}
	.section-404 .input-group .btn-2 {
		width: 100%;
		margin-top: 15px;
	}

	.top-header .wrapper .subheading {
		font-size: 16px;
	}
}
.menu-wrap.fixed section#menu1{
	display:none;
}
section#menu1 {
    margin: 0;
    padding: 10px 0;
    border-radius: 5px 5px 0 0;
}
ul.top-nav {
    margin-top: 0px !important;
}
ul.top-nav {
    float: right;
    margin-top: 8px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    white-space: nowrap;
}
ul.top-nav>li {
    margin-left: 20px;
}
ul.top-nav>li, ul.top-nav>li>a {
    display: inline-block;
    position: relative;
}
ul.top-nav>li>a {
    padding: 0px !important;
    font-size: 12px !important;
    color: #d8d8d8;
}
ul.top-nav>li>a {
    padding: 6px 10px;
    line-height: 20px;
    text-decoration: none;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.btn.giris {
    border-radius: 50px !important;
    text-transform: uppercase;
    font-family: 'Euclid Circular B', sans-serif;
    padding: 1px 12px !important;
    font-size: 10px !important;
}
.btn-2.giris {
    border-radius: 50px !important;
    text-transform: uppercase;
    font-family: 'Euclid Circular B', sans-serif;
    padding: 1px 12px !important;
    font-size: 10px !important;
}
.font-25{
	font-size:16px;
	line-height:30px;
}

.font-25 a{
	color:#93999E;
}
.domainAlan{
    height:56px;
     background:url(../images/butArea.jpg) repeat-x top left;
     margin-bottom:10px;
}
 .domainAlan td{
    padding:0px 15px;
}
 .uzantilar{
}
 .uzantilar td{
    padding:5px;
}
 .uzantilar td label.noselect{
    cursor:pointer;
     background:url(../images/checkbox.png) no-repeat bottom left;
     height:19px;
     display:block;
}
 .uzantilar td label.select{
    cursor:pointer;
     background:url(../images/checkbox.png) no-repeat top left;
     height:19px;
     display:block;
}
 .uzantilar td input[type="checkbox"]{
    margin-right:8px;
    filter:alpha(opacity=0);
    opacity:0.0;
}
 .domainBilgileri{
    margin-top:10px;
}
 .notice{
    padding:10px;
     background-color:#CE5B60;
     color:#FFF;
     border:1px solid #900;
}
 .title{
    background:url(../images/tab_li.png) repeat-x top left;
     padding:5px;
     font-size:18px;
     height:20px;
}
 .domainler{
    border-left:1px solid #CCC;
     border-bottom:1px solid #CCC;
}
 .domainler tr {
    box-shadow: inset 0px 8px 19px -6px rgba(191,191,191,0.3);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
 .domainler td{
    padding:5px;
     border-right:1px solid #CCC;
     border-top:1px solid #CCC;
}
 .dolu td{
    background-color:#ebebeb;
}
 .popDiv{
    width:640px;
     height:480px;
     position:absolute;
     left:33%;
     top:15%;
     background-color:#FFF;
     border:1px solid #CCC;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}
 .popDiv .whoScrol{
    width:630px;
     height:440px;
     overflow:auto;
     padding:5px;
}
 .close{
    float:right;
     font-size:24px;
     color: #fff;
    text-shadow: none;
     cursor:pointer;
     margin-top:-5px;
     margin-right:10px;
}
 .kirmizi{
    color:#900;
}
 .yesil{
    color:#060;
}
 .main #domainForm .domainAlan tr td h2 {
     color: #FFF;
}
.ortala{
    text-align:center;
}
 .left{
    float:left;
}
.right{
    float:right;
}
.pd5{
    padding:5px;
}
.mr5{
    margin:5px;
}
.el{
    cursor:pointer;
}
 .clear{
    clear:both;
     line-height:0px;
}
.none{
    display:none;
}
 .kapsa{
    width:980px;
     height:auto;
     padding:0px;
     background-color:#FFF;
     margin:0px auto;
}
.blog-kapak {
    height: 250px;
    background-size: contain !important;
	background-repeat: no-repeat !important;
    background-position: center !important;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #fbf8f8 !important;
	margin-top: 50px;
}

#green {
    background: #8BC34A;
}

.padding10 {
    padding: 10px;
}

#blue {
    background: #2196f3;
}
#red {
    background: #f44336;
}
#gray {
    background: #607D8B;
}
#turquise {
    background: #00bcd4;
}
.invoiceremind {
    text-align: center;
    width: 100%;
    font-weight: 300;
    display: inline-block;
}
.invoiceremind .red-info {
    width: 100%;
    margin-top: 10px;
    text-align: left;
    background: transparent;
    color: #607d8b;
    border: 1px solid #607d8b;
}
.red-info {
    display: inline-block;
    width: 100%;
    color: #f44336;
    border: 1px solid #f44336;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.padding20 {
    padding: 20px;
}
.billreminicon {
    float: left;
    width: 12%;
    text-align: center;
}
.invoiceremind .red-info i {
    float: none;
    margin-bottom: 0;
    font-size: 65px;
    color: #F44336;
}
.billremininfo {
    float: right;
    width: 88%;
}
.invoiceremind h4 {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
}
.invoiceremind span {
    margin-bottom: 15px;
    display: inline-block;
}
.clear {
    clear: both;
}
#basic_client_rightcon {
    float: right;
    width: 75%;
    margin-bottom: 35px;
}
.wclientblockscon {
    text-align: center;
    margin-bottom: 25px;
}

.mixcontainer {
	overflow:hidden;
}
a {
	color: #607d8b;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.mclientlastblocks .sbtn {
    float: right;
    font-size: 13px;
    margin-top: -5px;
    opacity: .8;
    width: auto;
    padding: 5px 10px;
}
.sbtn:hover {
    color: #fff;
    background: #345a6c;
}
.sbtn {
    padding: 7px 2px;
    width: 35px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    background: #eee;
    border-radius: 5px;
}

 

.reply-message {
    padding: 5px 0;
    padding-bottom: 0;
	color: #607d8b;
}
.graybtn {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    color: #777;
    opacity: .5;
    filter: alpha(opacity=50);
    border: none;
    padding: 15px 0;
    width: 100%;
    background: #ccc;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
}
.ticketstatusbtn .mavibtn {
    float: right;
}

.ticket-attachment-file a {
    color: #777;
}
.ticket-attachment-file {
    margin-top: 15px;
    font-size: 14px;
}
#bigcontent {
    width: 100%;
}



.checkbox-custom,
.radio-custom {
	opacity: 0;
	position: absolute
}
.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: auto !important;
}
.checkbox-custom-label,
.radio-custom-label {
	position: relative;
	margin-bottom: 5px;
}
.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {
	content: '';
	border: 1.5px solid #009595;
	border-radius: 5px;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	padding: 2px;
	margin-right: 10px;
	text-align: center;
	margin-top: -4px;
}
.checkbox-custom:checked+.checkbox-custom-label:before {
	content: "\f00c";
	font: normal normal normal 14px/1 FontAwesome;
	background: #009595;
	color: #fff;
	font-size: 14px
}
.radio-custom+.radio-custom-label:before {
	border-radius: 50%
}
.radio-custom:checked+.radio-custom-label:before {
	content: "\f00c";
	font: normal normal normal 14px/1 FontAwesome;
	color: #fff;
	background: #009595
}
.tabcontentcon .yesilbtn {
    width: 240px;
    float: right;
    font-size: 15px;
}
.green {
    border-color: #81c04e;
    color: #81c04e;
	background: none !important;
}

.item-demo,
.single-new {
	background: #fff none repeat scroll 0 0;
	margin: 0px 0 30px;
	-webkit-transition: .4s;
	transition: .4s;
	padding-top: 5px;
}
.single-new {
	-webkit-transition: auto;
	transition: auto;
}
.item-demo:hover,
.single-new:hover {
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
.item-demo figure,
.single-new figure {
	position: relative;
}
.item-demo img {
	width: 100%;
	height: auto;
}
.item-demo .product-caption,
.single-new .product-caption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(255, 255, 255, .6);
	bottom: 0;
	height: auto;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	width: 100%;
}
.caption-cel {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
}
.product-link {
	display: table-cell;
	vertical-align: middle;
}
.product-link > div {
	display: inline-block;
}
.product-link > div a {
	color: #fff;
	padding: 8px 12px;
	display: inline-block;
}
.product-link div div {
	background: #673aad;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	border-radius: 5px;
}
.product-link div div:first-child {
	margin: 0 0 5px;
	background: #363a40;
}
.product-link .link-green {
	background: #2da9dc
}
.product-link span i {
	margin-left: 5px;
}
.item-demo:hover .product-caption,
.single-new:hover .product-caption {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-info {
	padding: 15px 10px;
}
.product-name {
	font-size: 16px;
	margin-bottom: 0;
	overflow: hidden;
	padding-right: 50px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
}
.product-name a {
	color: #666666;
}
.product-name a:hover {
	color: #673ab7;
}
.product-name span {
	color: #673ab7;
	font-size: 24px;
	font-weight: 700;
	position: absolute;
	right: 0;
}
.p-author a {
	color: #9c9c9c;
	font-size: 14px;
}
.product-meta {
	border-top: 1px solid #ebebeb;
	padding-top: 8px;
	margin-top: 20px;
}
.product-meta span {
	color: #a5a5a5;
	font-weight: 700;
}
.product-meta span:first-child {
	margin-right: 10px;
}
.meta-download i,
.meta-love i,
.meta-rating i:last-child,
.meta-type i {
	margin-right: 5px;
}
.meta-rating {
	float: right;
}
.meta-rating i {
	color: #ffb400;
}
.page-content.parallax {
    padding-top: 30px;
    padding-bottom: 30px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}
.parallax02 {
    background-image: url(../uploads/slider/6b16df6952.jpg);
}
.parallax:before {
    position: absolute;
    content: '';
    background: #000000;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: .6;
}
.referanslar {
    width: 100%;
	position: relative;
	box-shadow: 0px 10px 13px 0 rgba(110, 110, 110, .6);
	border-radius: 15px;
	overflow: hidden;
	margin-top: 30px;
}
.referanslar a:before {
    position: absolute;
    content: '';
    background: #5f5f5f;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: .3;
	z-index: 1;
}
.referanslar a {
    transition: all 0.6s ease-out 0s;
    width: 100%;
}
.referanslar .thumb {
    overflow: hidden;
    position: relative;
}
.referanslar .thumb img {
    width: 100%;
    height: 310px;
    object-fit: cover;
}
.referanslar .referansOverlay {
    background: rgba(230, 79, 129, 0.8) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0;
	z-index: 2;
    padding: 0 15px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.referanslar a:hover .referansOverlay {
	visibility: visible;
	opacity: 1;
}
.referanslar .referansOverlayContent {
    position: relative;
    top: 50%;
    margin-top: -10px;
}
.referanslar .referansOverlayContent h3 {
    color: #fff;
    display: inline-block;
    font-family: 'Euclid Circular B',sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0 6px 8px;
}
.referanslar h1 {
    bottom: 4px;
    color: #fff;
    font-family: 'Euclid Circular B',sans-serif;
    font-size: 28px;
    font-weight: 300;
    left: 0;
    letter-spacing: -0.5px;
    margin: 20px 0;
    position: absolute;
	z-index: 2;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    width: 100%;
}
.referans-detay{
	width: 100%;
    height: 660px;
    background-position: center;
    background-size: contain;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 15px;
    box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
}
.blog-wrap {
    padding: 10px;
	background: #fff;
    transition: all .5s;
}
.blog-wrap:hover {
    box-shadow: 0px 0px 15px #ccc;
}

.content {
    padding: 20px 20px 20px;
    background-color: #fff;
    border-left: 1px solid #ebeef1;
    border-right: 1px solid #ebeef1;
}

.content-before {
    margin: 0 auto 0;
    padding: 20px 40px;
    background-color: #f6f9fc;
}

.checkdate .dropdown-menu,
.content-before .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e7eaed;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    min-width: 160px;
    padding: 0;
}

.checkdate .dropdown-menu > li,
.content-before .dropdown-menu > li {
    border-bottom: 1px solid #e7eaed;
}

.checkdate .dropdown-menu > li:last-child,
.content-before .dropdown-menu > li:last-child {
    border-bottom: 0;
}

.checkdate .dropdown-menu > li > a,
.content-before .dropdown-menu > li > a {
    color: #727272;
    line-height: 1.42857;
    padding: 8px 20px;
}

.checkdate .dropdown-menu > li > a:hover,
.checkdate .dropdown-menu > li > a:focus,
.checkdate .dropdown-menu > li > a.active,
.checkdate .dropdown-menu > li > a:active,
.content-before .dropdown-menu > li > a:hover,
.content-before .dropdown-menu > li > a:focus,
.content-before .dropdown-menu > li > a.active,
.content-before .dropdown-menu > li > a:active {
    background-color: #f6f9fc;
}

.stores {
    margin: 0 auto 35px;
    padding: 40px 40px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.general-title hr {
    width: 120px;
    margin: 20px 0;
    border-color: #ebeef1;
}

.text-center .general-title hr {
    margin: 20px auto;
}

.content-top {
    color: #BBDEFB;
    position: relative;
    margin: 40px auto 0;
    padding: 80px 0 10px;
}

.single-wrap .content-top {
    padding-top: 0;
}

.single-wrap .page-title {
    padding: 80px 0 10px;
}

.single-wrap .page-title h3 {
    color: #ffffff;
    font-size: 46px;
    font-weight: 600;
}

.public-profile-title span,
.public-profile-title i,
.public-profile-title p {
    color: #ffffff;
}

.public-profile-title img {
    max-width: 75px;
    margin-right: 0;
}

.public-profile-title p {
    padding: 10px 0 5px;
}

.public-profile-title .followbtn {
    margin: 5px 5px;
    color: #ffffff !important;
    text-decoration: underline !important;
}

.public-profile-title i {
    font-size: 21px;
}

.checkdate .btn {
    background-color: transparent !important;
    box-shadow: none !important
}

.totalprice,
.boxes {
    margin: 0 auto 35px;
    padding: 40px 40px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.totalprice {
    margin: 0 auto 30px;
    padding: 20px 20px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.checkdate {
    margin: 0 auto 30px;
    padding: 20px 20px;
    border: 1px solid #ebeef1;
    background-color: #F6F9FC;
}

.totalprice h4 {
    font-size: 15px;
}
.boxs {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05) !important;
}

.general-title h4 span {
    position: absolute;
    right: 15px;
    top: 15px;
    font-style: italic;
    font-size: 13px;
    text-decoration: underline !important
}

.general-title h4,
.boxes h3 {
    font-size: 21px;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 0;
}

.big-title h4 {
    font-size: 36px !important;
    padding: 30px 0 0;
}

.boxes i {
    color: #c9cccf;
}


.content-message {
    margin: 0 auto 10px;
    padding: 50px 20px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.content-message h2 {
    font-size: 23px;
    line-height: 1.5;
    margin: 0 0 15px;
    padding: 0;
    text-transform: none;
}

.content-top .social {
    position: relative;
}

.content-top {
    text-transform: uppercase;
}

.content-top i {
    color: #fff;
    font-size: 21px;
}

.content-after {
    margin: 0 auto 40px;
    padding: 20px 40px 15px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}

.noborder {
    border: 0 !important;
}

.content-after .btn-default,
.content-before .btn-default {
    color: #727272 !important;
    font-size: 13px;
    margin-top: 7px;
    text-transform: capitalize;
    border: 0 solid #f0f3f6 !important;
    box-shadow: none !important;
    background-color: transparent !important
}

.dropForm {
    margin: 0;
    padding: 0;
}

.dropForm .form-control {
    border: 1px solid #f0f3f6 !important;
    border-radius: 0;
    display: inline-block;
    height: 40px;
    font-size: 13px;
    box-shadow: none !important;
    max-width: 200px;
    vertical-align: middle;
}

.dropForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.dropForm .btn {
    max-width: 140px;
    margin-top: 0 !important;
    background-color: #F6F9FC !important;
    text-transform: capitalize;
    border: 0 solid #f0f3f6 !important;
    outline: 0 !important;
}

.dropForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.dropForm .btn-2{
    max-width: 140px;
    margin-top: 0 !important;
    background-color: #F6F9FC !important;
    text-transform: capitalize;
    border: 0 solid #f0f3f6 !important;
    outline: 0 !important;
}

.checkdate .btn,
.dropForm .btn-primary {
    background-color: #1976D2;
    border: 1px solid #1976D2;
    height: 38px;
    margin-left: -4px;
    padding: 0 15px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.checkdate .btn-2,
.dropForm .btn-primary {
    background-color: #1976D2;
    border: 1px solid #1976D2;
    height: 38px;
    margin-left: -4px;
    padding: 0 15px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.bootstrap-select,
.btn,
.btn-2,
.dropdown-menu,
.dropdown,
button,
input::-moz-focus-inner,
object,
embed,
a {
    outline: 0;
}

.store-list.item-box {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;
}

.store-list.item-box h4 a,
.store-list.item-box h4 {
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 0;
    margin-top: 5px;
}

.store-list.item-box p {
    padding: 5px 0 0 !important;
    font-size: 13px;
    line-height: 26px;
    margin: 0 !important;
}

.img-thumbnail {
    border: 1px solid #ebeef1;
    border-radius: 0;
}
.boxs {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05) !important;
}
.totalprice, .boxes {
    margin: 0 auto 35px;
    padding: 40px 20px;
    border: 1px solid #ebeef1;
    background-color: #ffffff;
}
.item-price small a, .product-tags a {
    font-size: 11px !important;
    font-weight: normal;
    color: #727272;
    margin: 0 5px 5px 0;
}
.desiger-details small i, .item-price small i {
    font-size: 16px;
    vertical-align: text-bottom;
    padding-right: 3px;
}
.item-price p {
    color: #121212;
    font-size: 36px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0;
    letter-spacing: -1px;
}
.boxes p {
    color: #727272;
    padding-bottom: 0;
    margin: 15px 0 0px;
}
.item-price em a {
    color: #727272;
    text-decoration: underline !important;
    font-size: 12px;
}
.item-price .rating i {
    font-size: 15px;
}
.rating i {
    color: #727272;
    display: inline-block;
    text-shadow: 0px 1px #d0c0d1;
    margin: 0 !important;
    text-align: center;
    width: auto !important;
}
.item-price small {
    display: block;
}
#sidebar hr {
    border-color: #ebeef1;
}
.item-price .social {
    margin-top: 30px;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.item-price .social i {
    font-size: 18px;
}
.item-details tr {
    border-bottom: 1px solid #ebeef1;
    padding: 4px 0;
    display: block;
}
.item-details td {
    border: medium none !important;
    font-size: 13px !important;
    width: 40%;
    display: inline-block;
    margin-right: 20px;
	height: auto;
}
.single-wrap{
	margin-top: 20px;
    margin-bottom: 20px;
}
.flex-direction-nav a, .btn-primary, .navbar-brand i, .theme__button, .dropForm .btn-primary {
    background-color: #1976D2 !important;
    border-color: #1976D2 !important;
    color: #ffffff;
}

::placeholder {
	color: #e4e4e4;
    font-weight: normal;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #e4e4e4;
    font-weight: normal;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #e4e4e4;
    font-weight: normal;
}
#paketsatinal h4{
	font: 17px "'Euclid Circular B', sans-serif;
}
#paketsatinal table tr td, th {
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    color: #607d8b;
}
.card-header{
	background: #f2f2f2;
    background: -moz-linear-gradient(top,#f2f2f2 0%,#fff 100%);
    background: -webkit-linear-gradient(top,#f2f2f2 0%,#fff 100%);
    background: linear-gradient(to bottom,#f2f2f2 0%,#fff 100%);
	font: 17px "'Euclid Circular B', sans-serif;
}
.card-body h3{
	font: 17px "'Euclid Circular B', sans-serif;
}
.balancepage {
    margin: 15px 0;
    float: left;
    width: 100%;
}
.balancepage .green-info {
    margin-bottom: 10px;
}
.green-info {
    display: inline-block;
    width: 100%;
    color: #4caf50;
    border: 1px solid #4caf50;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.balancepage .uyari-info {
    margin-bottom: 10px;
}
.uyari-info {
    display: inline-block;
    width: 100%;
    color: #856404;
    border: 1px solid #856404;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.balancepage .fa-info-circle {
    float: left;
    font-size: 70px;
    margin: 25px;
}
.balancepage h5 {
    font-size: 18px;
}
.padding15 {
    padding: 15px;
}
.tab-header {
    background: #fff;
    padding: 10px 15px 0;
    margin: 0px 0 30px;
}
.product-tab li:first-child {
    margin-right: 60px;
}
.product-tab li {
    display: inline-block;
    position: relative;
    font-weight: 700;
    padding-top: 5px;
}
.product-tab li.active a {
    color: #673ab7;
}
.product-tab li:first-child::after {
    content: "|";
    position: absolute;
    right: -30px;
    top: 5px;
}
.tab-viewport > div {
    display: inline-block;
}
.filter-form {
    position: relative;
    z-index: 1;
}
.filter-title {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 15px;
}
.filter-form form {
    position: relative;
}
.filter-form, .view-tab li {
    display: inline-block;
}
.filter-form form::before {
    position: absolute;
    right: -8px;
    top: 5px;
    content: "\f107";
    z-index: 2;
    width: 40px;
    height: 40px;
    font-family: fontawesome;
}
.filter-form select#seltect-opt {
    -webkit-appearance: button;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    padding: 5px 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 195px;
}
.view-tab ul{
	 margin-left: 0;
    padding-left: 0;
}
.view-tab li {
    background: #ebebeb none repeat scroll 0 0;
    display: inline-block;
    margin-left: 15px;
    padding: 5px 10px;
}
.view-tab li a {
    color: #7a7a7a;
    font-size: 18px;
}
.sidebar-widget {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
}
.search-box {
    position: relative;
}
.search-box > input {
    border: 1px solid #ebebeb;
    height: 58px;
    width: 280px;
    color: #171d24;
    font-size: 14px;
    font-weight: normal;
}
.search-box > button {
    background: #673ab7 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    height: 58px;
    position: absolute;
    width: 81px;
    right: 0;
    top: 0;
}
.widget-title {
    background: #e1e1e1 none repeat scroll 0 0;
    color: #353535;
    font-size: 16px;
    padding: 15px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.sidebar-widget > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.sidebar-widget > ul > li {
    border-bottom: 1px solid #e1e1e1;
    padding: 8px 0 8px 18px;
}
.sidebar-widget > ul > li a {
    color: #353535;
    font-size: 14px;
}
.pager {
    padding-left: 0;
    margin: 30px 0 0;
    text-align: center;
    list-style: none;
}
.pager > a:first-child, .pager > a:last-child {
    background: #fff;
    border: 1px solid #ebebeb;
}
.pager > a, .pager span {
    color: #666666;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    width: 40px;
    border: 1px solid transparent;
}
.pager span, .pager > a:hover {
    background: #f44336;
    border: 1px solid #f44336;
    color: #fff;
}
.modal-text p{
    font-size: 15px;
    line-height: normal;
    color: #607d8b;
}
table tr td {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    height: 36px;
    padding: 5px;
}
.whatsapp{
	position: fixed;
	left: 15px;
	bottom: 15px;
	transition: all .5s ease-in-out;
	z-index:999;
}
.whatsapp a{
	height: 50px;
	width: 50px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
	font-size: 28px;
	display: block;
	text-align: center;
	line-height: 50px;
	color: white;
	background:#4dc247;
}
.whatsapp .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	line-height: normal;
	font-size: 15px;
	top: 13px;
	left: 105%;
	height: auto;
}
.whatsapp:hover a{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.whatsapp:hover .tooltiptext {
	visibility: visible;
}
.paketfiyat{
    color: #fff !important;
    padding: 0px 10px;
	float:right;	
	text-align: center;
    background: #27ae60;
    font-weight: 700;
    border-radius: 5px;
}
.paketkapak{
	width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.paginationn-box-row {
	text-align: center;
}

.paginationn-box-row p {
	display: inline-block;
	font-size: 15px;
	color: #444;
	margin-right: 15px
}

.paginationn {
	text-align: center;
	float: none;
	display: inline-block;
}

.paginationn li {
	display: inline-block;
	margin-right: 5px
}

.paginationn li:last-child {
	margin-right: 0
}

.paginationn li a {
	display: block;
	width: 35px;
	height: 35px;
	font-size: 15px;
	line-height: 35px;
	border-radius: 50%;
	color: #111;
	font-weight: 500;
}

.paginationn li.active a,
.paginationn li a:hover {
	background: #ee5586  none repeat scroll 0 0;
	color: #fff
}
.mouseroll {
    width: 80px;
    display: block;
    position: absolute;
    bottom: 100px;
    left: 48%;
    right: auto;
    z-index: 90;
    text-align: center;
}
.mouseroll > .mouse {
    display: inline-block;
    height: 55px;
    width: 35px;
    border-radius: 30px 30px 90px 90px;
    border: 2px solid #fff;
    text-align: center;
}
.mouseroll > .mouse:after {
    display: inline-block;
    height: 8px;
    width: 5px;
    background-color: #fff;
    border-radius: 30%;
    content: "";
    -webkit-animation: scroll 1.3s ease-out infinite forwards;
    -moz-animation: scroll 1.3s ease-out infinite forwards;
    animation: scroll 1.3s ease-out infinite forwards;
}
@-webkit-keyframes scroll {
	0% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	50% {
		-webkit-transform:translateY(10px);
		transform:translateY(10px)
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@-moz-keyframes scroll {
	0% {
		-moz-transform:translateY(0);
		transform:translateY(0)
	}
	50% {
		-moz-transform:translateY(10px);
		transform:translateY(10px)
	}
	100% {
		-moz-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes scroll {
	0% {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		transform:translateY(0)
	}
	50% {
		-webkit-transform:translateY(10px);
		-moz-transform:translateY(10px);
		-ms-transform:translateY(10px);
		-o-transform:translateY(10px);
		transform:translateY(10px)
	}
	100% {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		transform:translateY(0)
	}
}
.tipography-ex p{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #949494;
}
.sosyalbg{
	background: #fff;
    border-radius: 50%;
    width: 24px;
    text-align: center;
}
.sosyalbg:hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .30);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.soc-icons a:hover{
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .30);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.home-latest-news {margin: 100px 0 60px;}
.home-latest-news .news-item-wrapper {margin-top: 70px;}
.news-item-wrapper .news-item {
	margin-bottom: 30px;  
	border-left: none; 
	border-right: none;
	background: #f1f2f3;
    padding: 10px;
}
.news-item-wrapper .news-item .news-item-img {overflow: hidden; position: relative;}
.news-item-wrapper .news-item .news-item-img>img {width: 100%;}
.news-item-wrapper .news-item:hover .news-item-img>img {opacity: 0.5;}
.news-item-wrapper .news-item .news-item-img>span {
	width: 135px;
	text-align: center;
	line-height: 37px;
	background: #02266f;
	font-size: 15px;
	background-color: #d9e2e6 !important;
    font-weight: 400!important;
    color: #00526b !important;
	padding:5px;
}
.news-item-wrapper .news-item .news-text-item {padding: 10px 0;}
.news-item-wrapper .news-item .news-text-item>h4 {line-height: 30px;}
.news-item-wrapper .news-item .news-text-item>p {color: #868686; margin: 15px 0;    min-height: 100px;}
.news-item-wrapper .news-item .news-text-item>a {
	color: #151515; 
	text-transform: capitalize; 
	font-weight: 700; 
	font-size: 16px;
}
.news-item-wrapper .news-item:hover .news-text-item>a>i,
.news-item-wrapper .news-item:hover .news-text-item>a {color: #02266f;}
.news-item-wrapper .news-item .news-text-item>a>i {color: #868686; vertical-align: middle; margin-left: 5px;}
.blogbg{
	display: block;
    height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 0px;
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    background-size: cover!important;
    background-position: center center!important;
	margin-bottom:10px;
}
.entry-footer {
    padding: 10px 0 0;
    border-width: 1px 0 0;
    border-style: solid;
	border-color: #e8e8e8;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e6e5e5 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #e6e5e5 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #e6e5e5 !important;
}
@media only screen and (max-width: 1024px) and (min-width: 320px){
	
.ustbanner {
    height: auto !important;
    line-height: 30px !important;
    font-size: 15px !important;
    text-align: center !important;
    padding: 10px 0 !important;
    margin-top: -52px !important;
}

.ustsil {
    clear: both !important;
    display: block !important;
}

.ustson {
    font-size: 13px !important;
    float: none !important;
}
	
	
	#wrapper {
		width: 100%;
	}
	
	
	#basic_client_rightcon {
		width: 100%;
	}
	
	ul.tab li {
		width: 50%;
	}
	ul.tab li a {
		padding: 14px 0;
		width: 100%;
		font-size: 14px;
		line-height: 25px;
	}
	ul.tab li a.active {
		border-bottom: 2px solid #009595;
		background: #009595;
		color: white;
	}
	
	.balancepage .fa-info-circle {
		display: none;
	}
	.balanceinfo {
		font-size: 14px;
	}
	.balancepage .hesapbilgilerim table tr td {
		font-size: 13px;
	}
	.green-info p {
		margin: 0;
		font-size: 13px;
	}
	.search-domain-content form input{
		width: 75%;
	}
	.search-domain-content form select{
		width: 25%;
	}
	.search-domain-content form button{
		width: 100%;
		margin-left:0px;
		margin-top:5px;
	}
	.single-domain-type{
		width: 50%;
	}
	.search-domain{
		padding:5px !important;
		padding-top:30px !important;
	}
	.mouseroll {
		left: 40%;
	}
	.datatbspan {
		margin-left: 20px !important;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center !important;
	}
	.title-area .title {
		display: block !important;
		padding: 0px !important;
		margin-bottom: 10px !important;
		text-align: initial;
		height: auto;
	}
	.title-area .pull-right{
		float:none !important;
	}
	.title-area a {
		width: 100% !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.tile .title {
		text-transform: capitalize !important;
	}
	.panelrenk5{
		width: 100%;
		max-width: 100%;
		flex: auto;
	}
	.dropForm .btn-group{
		width:100%;
		display: grid;
	}
	.dropForm input{
		width: 100%;
		max-width: 89% !important;
	}
	.catalog-order select{
		width:100%;
	}
}
/* Son Güncellemeler */
.remodal-overlay.without-animation.remodal-is-opening,
.remodal-overlay.without-animation.remodal-is-closing,
.remodal.without-animation.remodal-is-opening,
.remodal.without-animation.remodal-is-closing,
.remodal-bg.without-animation.remodal-is-opening,
.remodal-bg.without-animation.remodal-is-closing {
    animation: none;
}
.main-box {
    padding: 25px 0px;
}

.tile {
    padding: 25px 35px !important;
    background-color: #fff !important;
    border-right: solid 1px #e9f1f1 !important;
}

.tile a {
    text-decoration: none;
}

.tile .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 48px;
    line-height: 1;
    color: #efefef;
}

.tile .stat {
    color: #ee5586;
    margin-top: 20px;
    font-size: 30px;
    line-height: 1;
	font-weight: bold;
}

.tile .title {
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
	padding: 5px 0px;
}

.tile .highlight {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px;
}

.bg-color-blue {
    background-color: #5bc0de;
}

.bg-color-gold {
    background-color: #f0ad4e;
}

.bg-color-green {
    background-color: #5cb85c;
}

.bg-color-red {
    background-color: #d9534f;
}
.sidebar .panel {
    padding: 20px !important;
    margin-bottom: 30px !important;
    background-color: #fff !important;
    border-radius: 12px !important;
    border: 1px solid transparent;
    box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
    box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
}
.sidebar .panel-sidebar{
    padding: 15px !important;
    border-radius: 15px !important;
    border-color: #e9f1f1 !important;
    font-size: 15px !important;
}
.sidebar .panel-heading{
    background-color: #fff !important;
    color: #333;
    border-bottom: 0;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.sidebar .panel-title{
    font-size: 17px !important;
    color: #808080 !important;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 0;
}
.sidebar .list-group{
    margin-bottom: 0;
    font-size: .9em;
    padding-left: 0;
}
.sidebar .list-group a{
    border: 0;
    color: #333333;
    text-decoration: none;
    transition: all 0.3s;
}
.sidebar .list-group a:hover{
    color: #00BCD4;
}
.sidebar .list-group #panelactive{
	color: #00BCD4 !important;
}
.sidebar .list-group #panelactive i{
	color: #00BCD4 !important;
}
.sidebar .fa{
    transition: all 0.3s;
}
.sidebar .list-group a:hover > i{
    color: #00BCD4 !important;
}
.sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #ccc;
}
.main-content{
    border-radius: 12px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 5px 15px 0 rgba(110,110,110,.1);
    margin-bottom: 40px;
}
.title-area{
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    width: 100%;
    margin-bottom: 10px;
}
.title-area .title{
    display: inline-block;
    color: #808080;
    margin: 0;
}
.title-area a{
    text-decoration: none;
}
th .link{
    color: #607d8b;
    text-decoration: none;
    transition: all 0.3s;
}
th .link:hover{
     color: #EE5586;
}
.t-detail{
    font-size: 14px;
    color: #818181;
	margin-bottom:0px;
}
.alert-sm{
    padding: 0.3rem 0.8rem;
    font-size: small;
	width:100%;
}
.text-center{
    text-align: center!important;
}
.destek-ozet .col-md-3{
    text-align: center !important;

}
.d-box{
    padding: 25px 0px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
}
.d-box p{
    margin: 0;
}
.box-danger{
    background: #f44336;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}
.box-success{
    background: #33c976;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}
.box-info {
    background: #34abd3;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}
.message-box-y{
    border: 2px solid #62A8EA;
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
}
.message-box-y h4{
    font-size: 18px;
    margin-bottom: 10px;
    color: #62A8EA;
}
.message-box-y h4 small{
    color: #ffffff;
    background-color: #62A8EA;
    padding: 2px 10px;
    border-radius: 5px;
}
.message-box-y h4:nth-child(2){
    color: #ffffff;
    background-color: #62A8EA;
    padding: 2px 10px;
    border-radius: 5px;
	font-size: 15px;
    font-weight: 300;
}
.message-box-y p{
    line-height: 15px;
}
.panelrenk3 .stat{
	color:#F44336 !important;
}
.panelrenk3 .highlight{
	background-color: #F44336 !important;
} 
.panelrenk4 .stat{
	color:#607D8B !important;
}
.panelrenk4 .highlight{
	background-color: #607D8B !important;
} 
.panelrenk5 .stat{
	color:#00BCD4 !important;
}
.panelrenk5 .highlight{
	background-color: #00BCD4 !important;
} 
input[type="text"].form-control{
}
input[type="date"].form-control{

}
input[type="password"].form-control{
}
input[type="email"].form-control{
}
textarea.form-control{
}
select.form-control{
}
.datatbspan {
    color: #607d8b;
    line-height: 40px;
}

.dttblegoster {
    float: left;
    width: 100px;
    margin-right: 7px;
}


.ustbanner {
    width: 100%;
    height: 65px;
    background: rgba(68, 68, 67, 0.71);
    color: #fff;
    line-height: 65px;
    font-size: 16px;
    position: relative;
    margin-top: -65px;
}

.ustson {
    float: right;
    font-size: 14px;
}

.ustsil {
    display: none;
}
.content-before {
    margin: 0 auto 0;
    padding: 10px 10px;
    background-color: #fff;
    margin-bottom: 10px;
}

.message-box-m{
    border: 2px solid #46BE8A;
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
}
.message-box-m h4{
    font-size: 18px;
    margin-bottom: 10px;
    color: #46BE8A;
}
.message-box-m h4 small{
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
}
.message-box-m h4:nth-child(2){
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
	font-size:15px;
	font-weight:300;
}
.message-box-m p{
    line-height: 15px;
}
.tile .icon .fa{
    transition: all 300ms linear 0ms
}
.tile:hover > a .icon .fa{
    font-size: 60px;
}
.hesap_bilgi {
    color: #fff;
    font-size: 15px;
    z-index: 1;
}
@media(max-width:767px){

    .tile:nth-child(5){
        margin: 0px auto;
    }
}
.panelrenk1 .stat{
	color:#8BC34A !important;
}
.panelrenk1 .highlight{
	background-color: #8BC34A !important;
} 
.panelrenk2 .stat{
	color:#2196F3 !important;
}
.panelrenk2 .highlight{
	background-color: #2196F3 !important;
} 
.bg-rgba5 {
    background: rgba(0, 0, 0, .5) !important
}

/* padding and margins */
.pb-80 {
	padding-bottom: 80px !important;
}

.pb-100 {
	padding-bottom: 100px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pt-80 {
	padding-top: 80px !important;
}

.pt-150 {
	padding-top: 150px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mb-80 {
	margin-bottom: 80px !important;
}

.mb-100 {
	margin-bottom: 100px !important;
}

/* background color */
.bg-yellow {
	background-color: #fdd700 !important;
	color: #ffffff !important;
}

.bg-pink {
	color: #ffffff !important;
}

.bg-purple {
	color: #ffffff !important;
}

.bg-grey {
	background-color: #808080 !important;
	color: #ffffff !important;
}

.c-yellow {
	color: #fdd700 !important;
}

.c-grey {
	color: #808080 !important;
}

.c-black {
	color: #000000 !important;
}

.ltgh {
	text-decoration: line-through;
}

.golink {
	font-family: 'Euclid Circular B', sans-serif;
	cursor: pointer !important;
	padding: 2px 0px;
	border: none;
	outline: none;
}

.golink:hover {
	cursor: pointer !important;
	border: transparent !important;
	text-decoration: none !important;
}

.db {
	display: block !important;
}

.tooltip {
	z-index: 999;
}

/* Overlay */
.overlay {
	position: relative;
}

body {
	font-size: 18px;
	font-weight: 400;
	font-family: 'Jost', sans-serif
	-webkit-overflow-scrolling: touch;
}
.main-content{
    border-radius: 12px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 5px 15px 0 rgba(110,110,110,.1);
    margin-bottom: 40px;
}
.title-area{
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    width: 100%;
    margin-bottom: 10px;
}
.title-area .title{
    display: inline-block;
    color: #808080;
    margin: 0;
}
.title-area a{
    text-decoration: none;
}
th .link{
    color: #607d8b;
    text-decoration: none;
    transition: all 0.3s;
}
th .link:hover{
     color: #EE5586;
}
.t-detail{
    font-size: 14px;
    color: #818181;
	margin-bottom:0px;
}
.alert-sm{
    padding: 0.3rem 0.8rem;
    font-size: small;
	width:100%;
}
.text-center{
    text-align: center!important;
}
.destek-ozet .col-md-3{
    text-align: center !important;

}
.d-box{
    padding: 25px 0px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
}
.d-box p{
    margin: 0;
}
.box-danger{
    background: #f44336;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}
.box-success{
    background: #33c976;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}
.box-info {
    background: #34abd3;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}
.message-box-y{
    border: 2px solid #62A8EA;
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
}
.message-box-y h4{
    font-size: 18px;
    margin-bottom: 10px;
    color: #62A8EA;
}
.message-box-y h4 small{
    color: #ffffff;
    background-color: #62A8EA;
    padding: 2px 10px;
    border-radius: 5px;
}
.message-box-y h4:nth-child(2){
    color: #ffffff;
    background-color: #62A8EA;
    padding: 2px 10px;
    border-radius: 5px;
	font-size: 15px;
    font-weight: 300;
}
.message-box-y p{
    line-height: 15px;
}


.message-box-m{
    border: 2px solid #46BE8A;
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
}
.message-box-m h4{
    font-size: 18px;
    margin-bottom: 10px;
    color: #46BE8A;
}
.message-box-m h4 small{
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
}
.message-box-m h4:nth-child(2){
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
	font-size:15px;
	font-weight:300;
}
.message-box-m p{
    line-height: 15px;
}
.tile .icon .fa{
    transition: all 300ms linear 0ms
}
.tile:hover > a .icon .fa{
    font-size: 60px;
}
.hesap_bilgi {
    color: #fff;
    font-size: 15px;
    z-index: 1;
}
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	margin-bottom: 0
}

.panel {
	display: flex;
	flex-direction: column;
}

footer .footer-links a {
	display: flex;
	align-items: center;
}

footer .footer-links a i {
	font-size: 10px;
	margin-right: 10px;
}

h1 {
	font-size: 52px;
	font-weight: 800;
	text-transform: uppercase
}

h2 {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase
}

h3 {
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize
}

h4 {
	font-size: 20px;
	text-transform: capitalize
}

h5 {
	font-size: 18px;
	text-transform: capitalize
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

img {
	vertical-align: middle
}

a {
	text-decoration: none;
	display: inline-block
}

a:hover {
	text-decoration: none
}

ul,
ol {
	padding: 0;
	list-style: none
}

p,
ol,
ul,
li,
span,
label {
	margin-bottom: 0
}

html,
body {
	color: #5e5d72;
	background: #fff;
	direction: ltr;
	scroll-behavior: smooth
}

input,
button {
	border: none;
	outline: none;
	background: none
}

button:focus {
	outline: none
}

@media (min-width:1300px) {
	.container {
		max-width: 1230px
	}
}

@media (max-width:991px) {
	.content-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

input::placeholder,
textarea::placeholder {
	font-size: 15px;
	letter-spacing: .3px;
	text-transform: capitalize
}

.form-container {
	margin-top: 50px
}

.form-title {
	text-align: center;
	margin-bottom: 30px
}

.form-group {
	margin-bottom: 25px
}

.form-group small {
	color: #5e5d72;
	margin-top: 5px;
	margin-left: 20px;
	display: block
}

.form-group textarea {
	height: 150px;
	padding: 12px 20px
}

.form-label {
	text-transform: capitalize;
	margin-bottom: 6px;
	margin-left: 3px;
	letter-spacing: .1px;
	font-size: 16px
}

.form-label span {
	color: #ff3838
}

.form-control {
	width: 100%;
	height: 47px;
	border-radius: 6px;
	padding: 0 20px 2px;
	color: #5e5d72;
	background: #fff;
	border: 1px solid #e3e3e3
}

.form-control:focus-within {
	background: #fff;
	border-color: #477CDB;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}

.form-select {
	height: 47px;
	font-size: 16px;
	padding: 0 16px;
	border-radius: 6px;
	letter-spacing: .3px;
	background-size: 12px 10px;
	border: 1px solid #e3e3e3;
	text-transform: capitalize;
	cursor: pointer;
	color: #444
}

.form-select:focus-within {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #477CDB
}

.form-btn {
	width: 100%;
	height: 47px;
	line-height: 47px;
	border-radius: 6px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #fff;
	background: #477CDB
}

.form-check {
	margin-bottom: 18px
}

.form-check-label {
	cursor: pointer;
	text-transform: capitalize
}

.form-check-input:focus {
	border-color: #477CDB;
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-check-input:checked {
	background-color: #477CDB;
	border-color: #477CDB
}

.form-group-radio {
	margin-bottom: 25px
}

.form-group-radio-label {
	margin-bottom: 8px
}

.form-group-radio-check .form-check {
	margin-bottom: 5px
}

.col-form-label {
	text-transform: capitalize
}

.file-form {
	position: relative;
	border: 2px dashed #e3e3e3;
	border-radius: 6px
}

.file-input {
	width: 100%;
	padding-right: 35px;
	border: 5px solid transparent
}

.file-icon {
	position: absolute;
	top: 50%;
	left: 28px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px;
	color: #5e5d72
}

.file-cancel {
	color: #a8aeb1;
	font-size: 20px;
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.file-cancel:hover {
	color: #ff3838
}

.file-input[type=file]::-webkit-file-upload-button,
.file-input[type=file]::file-selector-button {
	height: 50px;
	padding-right: 25px;
	padding-left: 55px;
	border-radius: 6px;
	border: none;
	color: #444;
	background: #f1f2f3;
	cursor: pointer
}

.form-icon {
	width: 100%;
	height: 47px;
	line-height: 47px;
	border-radius: 6px;
	text-align: center;
	display: inline-block;
	font-size: 22px;
	color: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.form-icon.icofont-facebook {
	background: #3b5998
}

@media (max-width:575px) {

	.form-control,
	.form-select {
		background: #f1f2f3
	}

	.form-control:focus,
	.form-select:focus {
		background: #f1f2f3
	}
}

.badge-hover:hover .badge.arrow-right {
	left: -30%;
	opacity: 1;
	visibility: visible
}

.badge {
	padding: 6px 9px;
	letter-spacing: .5px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	background: #0a0930
}

.badge.new {
	background: #11b76b
}

.badge.used {
	background: #ff3838
}

.badge.recom {
	background: #e86121
}

.badge.featured {
	background: #477CDB
}

.badge.arrow-right {
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.badge.arrow-right::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -3px;
	border-radius: 2px;
	border-top: 5px solid #0a0930;
	border-right: 5px solid #0a0930;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

.backdrop {
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 4;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	visibility: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.backdrop.active {
	opacity: 1;
	visibility: visible
}

.slider-arrow:hover .dandik,
.slider-arrow:hover .bamdik {
	visibility: visible;
	opacity: 1
}

.dandik,
.bamdik {
	position: absolute;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	color: #477CDB;
	background: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dandik:hover,
.bamdik:hover {
	color: #fff;
	background: #477CDB
}

.dandik {
	right: 0
}

.bamdik {
	left: inherit
}

.slider-count .slick-dots {
	position: absolute;
	top: 50%;
	right: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px
}

.slider-count .slick-dots li button {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: rgba(71, 124, 219, .3);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.slider-count .slick-dots .slick-active button {
	background-color: #477CDB;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

@media (max-width:767px) {
	.slider-count .slick-dots {
		right: 25px
	}
}

.slider-dots ul {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.slider-dots ul li {
	width: 9px;
	height: 9px;
	margin: 0 5px;
	border-radius: 30px;
	cursor: pointer;
	display: inline-block;
	background: #477CDB;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.slider-dots ul li button {
	display: none
}

.slider-dots ul li.slick-active {
	width: 25px;
	background: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:575px) {
	.slider-dots ul {
		bottom: 10px
	}

	.slider-dots ul li {
		margin: 0 6px
	}
}

@media (min-width:576px) and (max-width:767px) {
	.slider-dots ul {
		bottom: 20px
	}

	.slider-dots ul li {
		margin: 0 6px
	}
}

.section-gap-120 {
	margin-bottom: 120px
}

.section-gap-100 {
	margin-bottom: 40px;
}

.section-gap-95 {
	margin-bottom: 95px
}

.section-gap-75 {
	margin-bottom: 75px
}

.section-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.section-head .btn {
	margin-left: 30px
}

.section-text {
	padding-left: 18px;
	border-left: 3px solid #477CDB
}

.section-text h2 {
	margin-bottom: 5px
}

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

@media (max-width:500px) {
	.section-head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: inherit;
		-ms-flex-align: inherit;
		align-items: inherit
	}

	.section-head .btn {
		margin-left: 0
	}

	.section-text {
		margin-bottom: 25px
	}
}

@media (max-width:575px) {

	.section-gap-120,
	.section-gap-100 {
		margin-bottom: 60px
	}

	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 35px
	}
}

@media (min-width:576px) and (max-width:767px) {

	.section-gap-120,
	.section-gap-100 {
		margin-bottom: 70px
	}

	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 45px
	}
}

@media (min-width:768px) and (max-width:991px) {

	.section-gap-120,
	.section-gap-100 {
		margin-bottom: 80px
	}

	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 55px
	}
}

@media (min-width:992px) and (max-width:1199px) {

	.section-gap-120,


	.section-gap-95,
	.section-gap-75 {
		margin-bottom: 65px
	}
}

.nav-pills .nav-link {
	font-size: 14px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
	letter-spacing: .3px;
	padding: 15px 12px;
	border-radius: 6px;
	white-space: nowrap;
	text-transform: uppercase;
	color: #444;
	background: var(--bs-gray-300)
}

.nav-pills .nav-link:hover {
	color: #fff;
	background: #477CDB
}

.nav-pills .nav-link i {
	font-size: 22px
}

.nav-pills .nav-link.active {
	background: #477CDB
}

.tab-pane {
	display: none
}

.tab-pane.active {
	display: block
}

.breadcrumb {
	background: none;
	justify-content: center;
}

.breadcrumb .active {
	color: var(--bs-gray-500)
}

.breadcrumb-item {
	padding: 0 !important;
	text-transform: capitalize
}

.breadcrumb-item a {
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.breadcrumb-item a:hover {
	color: #477CDB;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #f1f2f3;
	padding: 0 8px
}

.mc-breadcrumb {
	margin-bottom: 25px
}

.mc-breadcrumb-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	padding: 20px 25px;
	border-radius: 6px;
	background: #f1f2f3
}

.mc-breadcrumb-title {
	font-size: 18px
}

.mc-breadcrumb-select {
	width: 100%;
	height: 40px;
	max-width: 200px
}

.mc-breadcrumb-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mc-breadcrumb-item {
	color: var(--bs-gray-500);
	text-transform: capitalize;
	white-space: nowrap
}

.mc-breadcrumb-item::after {
	content: "~";
	margin: 0 10px;
	color: #5e5d72
}

.mc-breadcrumb-item:last-child::after {
	display: none
}

.mc-breadcrumb-link {
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:767px) {
	.mc-breadcrumb-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 30px 15px 25px
	}

	.mc-breadcrumb-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.page-item {
	margin-left: 10px
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 50%
}

.page-item .active {
	color: #fff;
	background: #477CDB
}

.page-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	border: none;
	padding: 0;
	color: #5e5d72;
	background: #f1f2f3
}

.page-link:hover {
	color: #fff;
	background: #477CDB
}

.page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.page-link.material-icons {
	font-size: 22px
}

@media (max-width:991px) {
	.page-link {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

@media (max-width:767px) {
	.page-item {
		margin: 0 5px
	}
}

.accordion-item {
	padding: 20px 20px;
	border-radius: 6px;
	margin-bottom: 20px;
	background: #fff;
	border: 2px solid #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-item:last-of-type {
	border-radius: 6px
}

.accordion-item:first-of-type {
	border-radius: 6px
}

.accordion-item:not(:first-of-type) {
	border-top: 2px solid #fff
}

.accordion-item:last-child {
	margin-bottom: 0
}

.accordion-item.active {
	border-color: #477CDB
}

.accordion-item.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.accordion-que {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 25px;
	cursor: pointer
}

.accordion-que h5 {
	width: 100%;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-que h5:hover {
	color: #477CDB
}

.accordion-que i {
	font-size: 28px;
	line-height: 20px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-que button {
	color: #a8aeb1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-que button:hover {
	color: #5e5d72
}

.accordion-ans {
	height: 0;
	overflow: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.accordion-ans p {
	font-size: 17px;
	margin-top: 18px
}

@media (max-width:575px) {
	.accordion-item {
		background: #f1f2f3
	}
}

.modal-dialog {
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content
}

.modal-content {
	border: none;
	padding: 25px;
	border-radius: 6px
}

.modal-header {
	padding: 0;
	margin-bottom: 25px;
	border: none
}

.modal-header button {
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.modal-header button:hover {
	color: #477CDB
}

.modal-title {
	font-weight: 600;
	text-transform: uppercase
}

.modal-message .form-control {
	background: #f1f2f3
}

.table>:not(:first-child) {
	border-top: none
}

.table thead tr th {
	padding: 15px 20px;
	letter-spacing: .3px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: middle;
	color: #444;
	background: #f1f2f3
}

.table tbody tr th,


.table tbody tr th {
	font-weight: 500;
	text-transform: capitalize
}

.countdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.countdown-time {
	padding: 0 30px;
	position: relative;
	color: #444;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.countdown-time::before {
	position: absolute;
	content: ":";
	top: 28%;
	right: -3px;
	font-size: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #444
}

.countdown-time:last-child::before {
	display: none
}

.countdown-time span {
	display: block;
	font-size: 40px;
	font-weight: 700;
	color: #477CDB
}

.countdown-time small {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize
}

@media (max-width:575px) {
	.countdown-time {
		padding: 0 12px
	}

	.countdown-time:first-child {
		padding-left: 0
	}

	.countdown-time:last-child {
		padding-right: 0
	}

	.countdown-time span {
		font-size: 35px
	}

	.countdown-time small {
		font-size: 16px
	}
}

.star-rating {
	direction: rtl;
	text-align: center;
	margin-bottom: 25px
}

.star-rating input {
	display: none
}

.star-rating input:checked~label::after {
	opacity: 1
}

.star-rating label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0 5px
}

.star-rating label:hover::after {
	opacity: 1
}

.star-rating label:hover:hover~label::after {
	opacity: 1
}

.star-rating label::before {
	content: "\e838";
	font-family: 'Material Icons';
	font-weight: 900;
	font-size: 45px;
	line-height: 45px;
	display: block;
	color: #bbbbbb
}

.star-rating label::after {
	content: "\e838";
	font-family: 'Material Icons';
	font-weight: 900;
	font-size: 45px;
	line-height: 45px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	color: #ffb100;
	opacity: 0
}

@media (max-width:575px) {
	.star-rating label {
		margin: 0
	}
}

.category-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #f1f2f3;
	border-radius: 6px;
	padding: 25px 0;
	margin-bottom: 25px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.category-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15)
}

.category-card:hover img {
	border-color: rgba(71, 124, 219, .3)
}

.category-card:hover span {
	color: #477CDB
}

.category-card img {
	width: 80px;
	margin-bottom: 12px;
	border-radius: 50%;
	border: 6px solid #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.category-card span {
	color: #5e5d72;
	font-weight: 500;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:1199px) {
	.category-card img {
		width: 70px
	}

	.category-card span {
		font-size: 15px
	}
}

.product-grid-card {
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.product-grid-card:hover .product-grid-image img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-grid-card:hover .product-grid-image .product-grid-overlay {
	opacity: 1;
	visibility: visible
}

.product-grid-image {
	overflow: hidden;
	position: relative;
	border-radius: 6px 6px 0 0
}

.product-grid-image img {
	width: 100%;
	border-radius: 6px 6px 0 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.product-grid-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.product-grid-hints {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .7)
}

.product-grid-hints i {
	font-size: 18px;
	margin-right: 3px
}

.product-grid-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: auto;
	top: 0;
	left: 0;
	padding: 13px;
	border-radius: 6px 6px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(10, 9, 48, 0)), color-stop(90%, rgba(10, 9, 48, .8)));
	background: linear-gradient(rgba(10, 9, 48, 0) 65%, rgba(10, 9, 48, .8) 90%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	opacity: 0;
	visibility: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-vendor,
.product-grid-rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-grid-vendor i,
.product-grid-rating i {
	font-size: 18px;
	color: #477CDB;
	margin-right: 3px;
	margin-top: -1px
}

.product-grid-vendor a,
.product-grid-rating a {
	font-size: 15px;
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .3px;
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-vendor a:hover,
.product-grid-rating a:hover {
	color: #a8aeb1;

}

.product-grid-vendor i {
	color: var(--bs-teal)
}

.product-grid-rating i {
	color: #ffb100
}

.product-grid-content {
	padding: 15px 15px
}

.product-grid-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px
}

.product-grid-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-grid-price span {
	font-size: 18px;
	font-weight: 700;
	font-family: sans-serif;
	color: #477CDB
}

.product-grid-price small {
	margin-left: 3px;
	text-transform: capitalize;
	font-size: 13px
}

.product-grid-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.product-grid-action a,
.product-grid-action button {
	color: #a8aeb1;
	font-size: 18px;
	cursor: pointer;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-action a:first-child,
.product-grid-action button:first-child {
	margin-left: none;
	padding-left: none;
	border-left: none
}

.product-grid-action a.compare:hover,
.product-grid-action button.compare:hover {
	color: #b12fad
}

.product-grid-action a.favorite:hover,
.product-grid-action button.favorite:hover {
	color: #ff3838
}

.product-grid-action .compare.active {
	color: #b12fad
}

.product-grid-action .favorite.active {
	color: #ff3838
}

.product-grid-meta {
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3
}

.product-grid-meta h4 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px
}

.product-grid-meta h4 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-meta h4 a:hover {
	color: #477CDB
}

.product-grid-meta ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-grid-meta ul li {
	font-size: 13px;
	position: relative;
	white-space: nowrap;
	text-transform: capitalize;
	margin-left: 15px;
	padding-left: 10px
}

.product-grid-meta ul li::before {
	position: absolute;
	width: 5px;
	height: 5px;
	z-index: auto;
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: #a8aeb1
}

.product-grid-meta ul li:first-child {
	margin-left: 0
}

.product-grid-meta ul li:last-child {
	text-transform: capitalize
}

.product-grid-meta ul li a {
	text-transform: capitalize
}

.product-grid-extra {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product-grid-extra li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-grid-extra li i {
	font-size: 17px;
	margin-right: 5px
}

.product-grid-extra li span {
	font-size: 13px;
	white-space: nowrap;
	text-transform: capitalize
}

.product-grid-btn {
	display: -ms-grid;
	display: grid;
	grid-row-gap: 0;
	grid-column-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-grid-btn a {
	width: 100%;
	padding: 8px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: var(--bs-gray-300);
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-grid-btn a:hover {
	color: #fff;
	background: #477CDB
}

.product-grid-btn a i {
	font-size: 17px;
	margin-right: 5px
}

.product-list-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 18px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3;
	border: 1px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-card:hover {
	background: #fff;
	border-color: #477CDB;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.product-list-card:hover .product-list-image img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-list-card:hover .product-list-image .product-list-overlay {
	opacity: 1;
	visibility: visible
}

.product-list-image {
	width: 320px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 6px;
	position: relative;
	overflow: hidden
}

.product-list-image img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-badge {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.product-list-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.product-list-hints {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .5)
}

.product-list-hints i {
	font-size: 18px;
	margin-right: 3px
}

.product-list-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	padding: 13px;
	border-radius: 6px 6px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(10, 9, 48, 0)), color-stop(90%, rgba(10, 9, 48, .8)));
	background: linear-gradient(rgba(10, 9, 48, 0) 65%, rgba(10, 9, 48, .8) 90%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	opacity: 0;
	visibility: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-vendor,
.product-list-rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-list-vendor i,
.product-list-rating i {
	font-size: 18px;
	color: #477CDB;
	margin-right: 3px;
	margin-top: -1px
}

.product-list-vendor a,
.product-list-rating a {
	font-size: 15px;
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .3px;
	margin-left: 3px;
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-vendor a:hover,
.product-list-rating a:hover {
	color: #a8aeb1;

}

.product-list-vendor i {
	color: var(--bs-teal)
}

.product-list-rating i {
	color: #ffb100
}

.product-list-content {
	width: 100%;
	padding-left: 20px
}

.product-list-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 15px
}

.product-list-meta {
	width: 100%;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #e3e3e3
}

.product-list-meta h3 {
	margin-bottom: 5px
}

.product-list-meta h3 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-meta h3 a:hover {
	color: #477CDB
}

.product-list-meta ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-list-meta ul li {
	font-size: 14px;
	text-transform: capitalize;
	white-space: nowrap;
	position: relative;
	margin-left: 15px;
	padding-left: 12px
}

.product-list-meta ul li::before {
	position: absolute;
	width: 5px;
	height: 5px;
	z-index: auto;
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: rgba(10, 9, 48, .5)
}

.product-list-meta ul li:first-child {
	margin-left: 0
}

.product-list-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.product-list-price h3 {
	font-size: 26px;
	font-family: sans-serif;
	margin-bottom: 3px;
	line-height: 30px;
	color: #477CDB
}

.product-list-price span {
	font-size: 15px;
	letter-spacing: .3px;
	white-space: nowrap;
	text-transform: capitalize
}

.product-list-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 18px 0
}

.product-list-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px 15px;
	margin: 3px;
	border-left: 1px solid #e3e3e3
}

.product-list-info li span {
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap
}

.product-list-info li span:last-child {
	font-weight: 500;
	margin-left: 3px
}

.product-list-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 8px;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-list-action a,
.product-list-action button {
	width: 100%;
	padding: 8px 0;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #5e5d72;
	background: var(--bs-gray-300);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-list-action a:hover,
.product-list-action button:hover {
	color: #fff;
	background: #477CDB
}

.product-list-action a i,
.product-list-action button i {
	font-size: 20px
}

.product-list-action a span,
.product-list-action button span {
	margin-left: 6px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .5px
}

.product-list-action .compare.active {
	color: #fff;
	background: #b12fad
}

.product-list-action .favorite.active {
	color: #fff;
	background: #ff3838
}

@media (max-width:1199px) {
	.product-list-card {
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.product-list-image {
		width: 100%
	}

	.product-list-content {
		padding: 15px 12px 12px
	}

	.product-list-meta h3 {
		font-size: 18px
	}

	.product-list-meta ul li {
		font-size: 13px;
		margin-left: 12px
	}

	.product-list-price h3 {
		margin-bottom: 3px;
		font-size: 22px
	}

	.product-list-action button span,
	.product-list-action a span {
		display: none
	}
}

@media (max-width:575px) {
	.product-list-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.product-list-meta {
		margin: 0 0 15px;
		padding: 0;
		border: none
	}

	.product-list-price {
		width: 100%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.product-list-info {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 15px 0
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.product-list-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.product-list-meta {
		margin: 0 0 15px;
		padding: 0;
		border: none
	}

	.product-list-price {
		width: 100%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.product-list-info {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 15px 0
	}
}

@media (min-width:1200px) and (max-width:1299px) {
	.product-list-info li {
		padding: 5px 10px
	}

	.product-list-meta {
		margin-right: 15px;
		padding-right: 15px
	}

	.product-list-meta h3 {
		font-size: 20px
	}
}

.product-feature-card:hover .product-feature-image img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.product-feature-card:hover .product-feature-btn i {
	background: #477CDB
}

.product-feature-image {
	overflow: hidden;
	position: relative;
	border-radius: 6px;
	margin-bottom: 15px
}

.product-feature-image::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	background: rgba(10, 9, 48, .1);
	border-radius: 6px
}

.product-feature-image img {
	width: 100%;
	border-radius: 6px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-feature-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1
}

.product-feature-btn i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: rgba(10, 9, 48, .5);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-feature-badge {
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.product-feature-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.product-feature-meta h3 {
	margin-bottom: 5px
}

.product-feature-meta h3 a {
	color: #f1f2f3
}

.product-feature-meta h4 {
	font-family: sans-serif;
	font-weight: 900;
	color: #477CDB
}

.product-feature-meta h4 span {
	font-weight: 400;
	font-size: 16px;
	color: #a8aeb1
}

.funfactor-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 50px;
	padding: 45px 0;
	border-radius: 6px;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.funfactor-card:hover {
	background: #477CDB
}

.funfactor-card:hover i::before {
	border-color: #fff
}

.funfactor-card:hover span,
.funfactor-card:hover h4 {
	color: #fff
}

.funfactor-card i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	margin-right: 25px;
	font-size: 22px;
	background: #fff;
	color: #477CDB;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	position: relative
}

.funfactor-card i::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	border: 2px dashed #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.funfactor-card h4 {
	font-size: 34px;
	font-weight: 600;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.funfactor-card h4 span {
	display: block
}

.funfactor-text {
	color: #5e5d72;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:1199px) {
	.funfactor-card {
		margin-top: 25px
	}
}

.brand-card {
	width: 100%;
	padding: 30px 0;
	margin-bottom: 25px;
	border-radius: 6px;
	text-align: center;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.brand-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 12px 30px 0 rgba(10, 9, 48, .15)
}

.brand-card:hover p {
	color: #477CDB
}

.brand-card img {
	height: 100px;
	margin-bottom: 15px
}

.brand-card h6 {
	font-weight: 600;
	margin-bottom: 3px;
	letter-spacing: .5px;
	text-transform: uppercase
}

.brand-card:hover h6 {
	color: #477CDB
}

.brand-card p {
	color: #5e5d72;
	font-size: 16px;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:1199px) {
	.brand-card img {
		height: 45px
	}

	.brand-card h6 {
		font-size: 14px
	}

	.brand-card p {
		font-size: 15px
	}
}

.city-card {
	width: 100%;
	border-radius: 6px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden
}

.city-card:hover .city-overlay a.material-icons {
	background: #477CDB
}

.city-card:hover img {
	-webkit-transform: scale(1.05) rotate(3deg);
	transform: scale(1.05) rotate(3deg)
}

.city-card img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.city-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: 0;
	border-radius: 6px;
	padding: 25px 25px 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(10, 9, 48, .1)), color-stop(90%, rgba(10, 9, 48, .9)));
	background: linear-gradient(rgba(10, 9, 48, .1) 50%, rgba(10, 9, 48, .9) 90%)
}

.city-overlay h3 {
	margin-bottom: 3px
}

.city-overlay h3 a {
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.city-overlay h3 a:hover {
	color: #477CDB
}

.city-overlay p {
	color: var(--bs-gray-500)
}

.city-overlay a.material-icons {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: rgba(10, 9, 48, .5);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-wrap {
	padding: 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.review-wrap-image {
	margin-right: 50px
}

.review-wrap-image img {
	width: 350px;
	height: 350px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	border: 12px solid #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.review-wrap-content {
	width: 600px
}

.review-wrap-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 25px
}

.review-wrap-video {
	position: relative;
	display: inline-block;
	margin-right: 30px
}

.review-wrap-video a {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	font-size: 35px;
	color: #fff;
	background: #477CDB;
	text-shadow: 2px 3px 0 rgba(255, 255, 255, .3);
	-webkit-animation: review 2s linear infinite;
	animation: review 2s linear infinite
}

.review-wrap-video i {
	position: absolute;
	bottom: -15px;
	right: -15px;
	width: 48px;
	height: 48px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	font-size: 30px;
	color: #fff;
	background: #ffb100;
	border: 3px solid #fff2fe
}

@-webkit-keyframes review {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}
}

@keyframes review {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, 0)
	}
}

.review-wrap-item h4 {
	margin-bottom: 7px
}

.review-wrap-item h5 {
	color: #5e5d72
}

.review-wrap-quote {
	font-size: 30px;
	margin-bottom: 30px;
	font-style: italic
}

.review-wrap-user {
	position: relative;
	margin-bottom: 8px;
	padding-left: 25px
}

.review-wrap-user::before {
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	width: 15px;
	height: 2px;
	z-index: 1;
	background: #444
}

.review-wrap-type {
	padding-left: 25px;
	color: #e86121
}

@media (max-width:767px) {
	.review-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.review-wrap-image {
		margin-right: 0;
		margin-bottom: 30px
	}

	.review-wrap-image img {
		width: 250px;
		height: 250px
	}

	.review-wrap-content {
		width: 100%
	}

	.review-wrap-video {
		margin-right: 20px
	}

	.review-wrap-video a {
		width: 60px;
		height: 60px;
		font-size: 24px;
		line-height: 60px
	}

	.review-wrap-video i {
		width: 35px;
		height: 35px;
		font-size: 20px;
		line-height: 30px;
		bottom: -8px;
		right: -10px
	}

	.review-wrap-item h4 {
		font-size: 18px
	}

	.review-wrap-item h5 {
		font-size: 16px
	}

	.review-wrap-quote {
		font-size: 22px
	}

	.review-wrap-user {
		font-size: 18px
	}

	.review-wrap-type {
		font-size: 16px
	}
}

@media (min-width:576px) and (max-width:767px) {
	.review-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.review-wrap-image {
		margin-right: 30px;
		margin-bottom: 0
	}

	.review-wrap-image img {
		width: 190px;
		height: 190px;
		border-width: 8px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.review-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.review-wrap-image {
		margin-right: 30px;
		margin-bottom: 0
	}

	.review-wrap-image img {
		width: 250px;
		height: 250px;
		border-width: 10px
	}

	.review-wrap-quote {
		font-size: 25px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.review-wrap-content {
		width: 500px
	}
}

.blog-grid-card {
	margin-bottom: 25px
}

.blog-grid-card:hover .blog-grid-media img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.blog-grid-media {
	position: relative;
	overflow: hidden;
	border-radius: 6px
}

.blog-grid-media::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	border-radius: 6px;
	background: rgba(10, 9, 48, .12)
}

.blog-grid-media img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-grid-widget {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1
}

.blog-grid-widget li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	padding: 5px 8px;
	margin-bottom: 5px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .5)
}

.blog-grid-widget li i {
	font-size: 18px;
	margin-right: 3px
}

.blog-grid-content {
	padding: 22px 12px 0
}

.blog-grid-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	row-gap: 5px;
	margin-bottom: 18px
}

.blog-grid-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 6px
}

.blog-grid-meta li i {
	font-size: 22px;
	color: #477CDB
}

.blog-grid-meta li span {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	color: #5e5d72
}

.blog-grid-meta li span a:hover {}

.blog-grid-name {
	margin-bottom: 18px
}

.blog-grid-name a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-grid-name a:hover {
	color: #477CDB
}

.blog-grid-descrip a {
	text-transform: capitalize;
	font-weight: 500;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-grid-descrip a:hover {}

@media (max-width:575px) {
	.blog-grid-content {
		padding: 22px 6px 0
	}

	.blog-grid-meta {
		margin-bottom: 12px
	}

	.blog-grid-meta li {
		margin-right: 15px
	}

	.blog-grid-meta li i {
		font-size: 18px;
		margin-right: 3px
	}

	.blog-grid-meta li span {
		font-size: 12px
	}

	.blog-grid-name {
		font-size: 20px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.blog-grid-meta li i {
		font-size: 20px
	}

	.blog-grid-meta li span {
		font-size: 13px
	}
}

@media (min-width:1200px) and (max-width:1299px) {
	.blog-grid-grid li {
		margin-right: 15px
	}
}

.blog-list-card {
	margin-bottom: 40px
}

.blog-list-card:hover .blog-list-media img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.blog-list-media {
	overflow: hidden;
	position: relative;
	border-radius: 6px
}

.blog-list-media::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	border-radius: 6px;
	background: rgba(10, 9, 48, .12)
}

.blog-list-media img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-list-content {
	padding: 20px 15px 0
}

.blog-list-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px
}

.blog-list-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 15px;
	font-weight: 500;
	margin: 5px 0;
	margin-right: 40px;
	text-transform: uppercase
}

.blog-list-meta li i {
	font-size: 22px;
	color: #477CDB;
	margin-right: 5px
}

.blog-list-meta li span a:hover {}

.blog-list-title {
	font-size: 28px;
	margin-bottom: 18px
}

.blog-list-title a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-list-title a:hover {
	color: #477CDB
}

.blog-list-descrip a {
	text-transform: capitalize;
	font-weight: 500;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-list-descrip a:hover {}

@media (max-width:1199px) {
	.blog-list-title {
		font-size: 24px
	}
}

.feature-card {
	text-align: center;
	margin-bottom: 25px;
	padding: 60px 40px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .05);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.feature-card:hover {
	background: #477CDB;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.feature-card:hover i,
.feature-card:hover h3,
.feature-card:hover p {
	color: #fff
}

.feature-card i {
	font-size: 60px;
	margin-bottom: 25px;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.feature-card h3 {
	margin-bottom: 15px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.feature-card p {
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-card {
	margin-bottom: 25px
}

.team-media {
	overflow: hidden;
	position: relative;
	border-radius: 6px
}

.team-media:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.team-media:hover .team-overlay {
	top: 0;
	opacity: 1
}

.team-media:hover .team-overlay a {
	padding-top: 0
}

.team-media img {
	width: 100%;
	border-radius: 6px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	opacity: 0;
	background: rgba(0, 0, 0, .3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-overlay a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	margin: 0 5px;
	padding-top: 30px;
	color: #5e5d72;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-overlay a:hover {
	color: #fff;
	background: #477CDB
}

.team-meta {
	text-align: center
}

.team-meta h4 {
	margin-bottom: 3px;
	text-transform: capitalize
}

.team-meta h4 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.team-meta h4 a:hover {
	color: #477CDB
}

.team-meta p {
	font-size: 16px;
	text-transform: capitalize
}

@media (max-width:575px) {
	.team-card {
		width: 290px;
		margin: 0 auto 25px
	}
}

.intro-card {
	overflow: hidden;
	border-radius: 16px
}

.intro-overlay {
	background: -webkit-gradient(linear, right top, left top, from(rgba(71, 124, 219, .6)), to(rgba(10, 9, 48, .98)));
	background: linear-gradient(to left, rgba(71, 124, 219, .6), rgba(10, 9, 48, .98));
	padding: 80px 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.intro-overlay .btn-inline {
	background: #0a0930;
	border-color: #0a0930;
	padding: 14px 30px;
	margin-left: 100px
}

.intro-content h3 {
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #fff
}

.intro-content p {
	color: #f1f2f3
}

@media (max-width:575px) {
	.intro-overlay {
		padding: 50px 25px
	}
}

@media (max-width:991px) {
	.intro-overlay {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center
	}

	.intro-overlay .btn-inline {
		margin: 35px 0 0
	}
}

@media (min-width:576px) and (max-width:991px) {
	.intro-overlay {
		padding: 70px 50px
	}
}

.price-card {
	text-align: center;
	border-radius: 12px;
	margin: 0 !important;
	margin-right: 0 !important;
	padding: 40px 20px 50px;
	padding-bottom: 20px;
	background: #fff;
	box-shadow: 0 0 32px #00000020;
	border: 1px solid #0B146020;
	transition: all .2s ease-in-out;
	max-width: 370px;
	position: relative;
}

.price-card.premium {
	border: 1px solid #0B1460;
}

.price-card-row {
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	gap: 0px;
}

.tab-price {
	background-color: #fff;
	width: initial;
	max-width: 280px;
	margin: 0 auto;
	border-radius: 8px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 0 24px 0 #00000015;
}

.tab-price button {
	width: calc(50% - 4px);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 5px 8px;
	color: #fff;
	font-weight: 500;
	border-radius: 4px;
	background-color: #0B1460;
	font-size: 16px;
	transition: all .2s ease-in-out;
}

.tab-price button:hover{
	opacity: .7;
}

.tab-price button.active {
	background-color: #2667FF;
}

.price-card-row .col {
	display: flex;
	width: initial !important;
	justify-content: center;
	flex: initial !important;
}

.price-card:hover {
	transform: scale(1.04);
}

.price-card .most-popular {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FF9600;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 4px 8px 0 4px;
}

.price-card.active {
	background: -webkit-gradient(linear, left top, left bottom, from(#477CDB), to(#0a0930));
	background: linear-gradient(#477CDB, #0a0930)
}

.price-card.active .price-title,
.price-card.active .price-subtitle,
.price-card.active .price-item,
.price-card.active .price-amount {
	color: #f1f2f3
}

.price-card.active .price-item span::before {
	color: #8bb5ff
}

.price-card.active .price-action {
	color: #477CDB;
	background: #fff
}

.price-card.active .price-mode {
	color: #a8aeb1
}

.price-icon {
	width: 130px;
	height: 130px;
	line-height: 110px;
	border-radius: 50%;
	text-align: center;
	font-size: 50px;
	margin-top: -65px;
	margin-bottom: 25px;
	display: inline-block;
	color: #fff;
	background: #477CDB;
	border: 10px solid #fff
}

.price-title {
	margin-bottom: 5px;
	font-size: 26px;
	font-weight: 500;
	text-transform: capitalize;
	color: #0B1460;
}

.price-subtitle {
	margin-bottom: 15px;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 32px;
}

.price-list {
	text-align: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 10px 20px;
	margin-right: 0;
	width: 100%;
}

.price-item {
	font-size: 17px;
	margin: 10px 0;
	text-transform: capitalize;
	line-height: 30px;
}

.price-item span,
.price-item del {
	position: relative;
	color: #5C6185;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.price-item span i,
.price-item del i {
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #00104B;
}

.price-item del {
	text-decoration: none;
}

.price-item del span {
	text-decoration: line-through;
}

.price-item span i.fa-xmark,
.price-item del i.fa-xmark {
	color: #ed4545;
}

.packages-section {
	background-image: url(../images/packages-bg.png);
	background-repeat: no-repeat;
	background-position: 0 69%;
	background-size: 100%;
	margin-bottom: 0;
	padding: 64px 0;
}

.price-amount {
	font-size: 55px;
	font-weight: 500;
	font-family: sans-serif;
	line-height: 55px;
	margin-bottom: 3px;
	color: #00104B;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.old-price {
	text-decoration: line-through;
	font-size: 16px;
	font-weight: 500;
	color: #00000060;
}

.price-amount span {
	font-size: 24px;
	margin-top: 10px;
	margin-right: 6px;
}

.price-mode {
	color: #5e5d72;
	margin-bottom: 27px;
	letter-spacing: .3px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase
}

.price-card.popular .price-action {
	background-color: #2667FF;
	color: #fff;
}

.price-action {
	width: 100%;
	max-width: 230px;
	margin: 0 auto;
	font-weight: 500;
	padding: 12px 0;
	border-radius: 6px;
	text-transform: capitalize;
	color: #fff;
	background: transparent;
	border: 2px solid #0B14601A;
	color: #00104B;
	transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 24px;
}

.price-action:hover {
	color: #fff;
	background: #2667FF;
	transform: translateY(-8px);
}

.card-extra-discount,
.lit-gray,
.lit-transparent,
.extra-code {
	border-radius: 8px;
	position: relative;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #00104B;
	margin-bottom: 8px;
}

.price-card-row .tabcontent {
	justify-content: center;
	align-items: center;
	gap: 32px;
}

.card-extra-discount {
	margin-top: 24px;
}

.price-card.basic .card-extra-discount {
	background-color: #FFE999;
}

.price-card.popular .card-extra-discount {
	background-color: #B0EECF;
}

.price-card.premium .card-extra-discount {
	background-color: #AD7BFF;
	color: #fff;
}

.lit-gray {
	background-color: #00000009;
}

.lit-transparent {
	background-color: transparent;
}

.extra-code {
	background-color: #ed4545;
	color: #fff;
}

.card-extra-discount,
.lit-gray,
.lit-transparent,
.extra-code {
	font-size: 14px;
}

.tooltip-span {
	position: absolute;
	background-color: #fff;
	top: 0;
	right: 35px;
	width: 230px;
	padding: 8px;
	border-radius: 8px;
	box-shadow: 0 0 16px 0 #00000015;
	font-size: 13px;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in-out;
	z-index: 98;
	color: #000;
}

.tooltip-container span i {
	cursor: pointer;
}

.tooltip-container span:hover .tooltip-span {
	visibility: visible;
	opacity: 1;
}



.price-demand {
	margin-top: 15px;
	letter-spacing: 5px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--bs-yellow)
}

.price-card ul li a {
	padding: 0;
	font-size: 16px;
	padding-left: 25px;
	color: #477CDB;
	text-align: left;
	background: transparent;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.price-card ul li a:hover {
	color: #477CDB;

}

/* .price-card ul li a::before {
	content: "\f059"
} */

.price-card ul li .wp {
	background-color: #4ECD90;
	font-size: 14px;
	width: 100%;
	padding: 4px 12px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	color: #fff;
	margin-bottom: 8px;
}

.price-card ul li .skype {
	background-color: #67A0E3;
	font-size: 14px;
	width: 100%;
	padding: 4px 12px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	color: #fff;
}

.price-card ul li .small-text {
	font-size: 11px;
	color: #080707c7;
	font-weight: 500;
	text-align: left;
}

@media (max-width:575px) {
	.price-card {
		margin: 50px 12px 0;
		padding: 24px 15px 25px
	}

	.price-icon {
		width: 120px;
		height: 120px;
		line-height: 100px;
		margin-top: -60px;
		font-size: 45px
	}

	.price-list {
		padding: 10px 0
	}
}

.vendor-grid-card {
	padding: 15px;
	margin-bottom: 25px;
	border-radius: 6px;
	background: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-grid-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.vendor-grid-card:hover .vendor-grid-action a,
.vendor-grid-card:hover .vendor-grid-action button {
	background: #f1f2f3
}

.vendor-grid-card:hover .vendor-grid-action a:hover,
.vendor-grid-card:hover .vendor-grid-action button:hover {
	color: #fff;
	background: #477CDB
}

.vendor-grid-cover img {
	width: 100%;
	border-radius: 6px
}

.vendor-grid-avatar {
	margin-top: -25px;
	margin-bottom: 8px;
	margin-left: 15px
}

.vendor-grid-avatar img {
	width: 65px;
	border-radius: 50%;
	border: 5px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-grid-meta {
	margin-bottom: 15px;
	margin-left: 15px
}

.vendor-grid-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 5px
}

.vendor-grid-meta li:last-child {
	margin-bottom: 0
}

.vendor-grid-meta li i {
	font-size: 22px;
	margin-right: 10px
}

.vendor-grid-meta li a {
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-grid-meta li a:hover {
	color: #477CDB
}

.vendor-grid-meta li span {
	font-size: 16px;
	letter-spacing: .3px;
	white-space: nowrap;
	text-transform: capitalize
}

.vendor-grid-meta li span b {
	font-weight: 500;
	color: #444
}

.vendor-grid-meta .profile i {
	color: #477CDB
}

.vendor-grid-meta .location i {
	color: #11b76b
}

.vendor-grid-meta .rating i {
	color: #ffb100
}

.vendor-grid-meta .store i {
	color: #1494a9
}

.vendor-grid-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.vendor-grid-action a,
.vendor-grid-action button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .3px;
	padding: 8px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-card {
	height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 18px;
	margin-bottom: 25px;
	border-radius: 6px;
	background: #f1f2f3;
	border: 1px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-card:hover {
	background: #fff;
	border-color: #477CDB;
	-webkit-box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15);
	box-shadow: 0 15px 28px 0 rgba(10, 9, 48, .15)
}

.vendor-list-card:hover .vendor-list-action a,
.vendor-list-card:hover .vendor-list-action button {
	background: #f1f2f3
}

.vendor-list-card:hover .vendor-list-action a:hover,
.vendor-list-card:hover .vendor-list-action button:hover {
	color: #fff;
	background: #477CDB
}

.vendor-list-cover {
	height: 100%
}

.vendor-list-cover img {
	height: 100%;
	border-radius: 6px
}

.vendor-list-avatar {
	margin-left: -30px;
	margin-right: 30px
}

.vendor-list-avatar img {
	width: 80px;
	border-radius: 50%;
	border: 5px solid #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-group {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.vendor-list-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 8px
}

.vendor-list-meta li:last-child {
	margin-bottom: 0
}

.vendor-list-meta li i {
	font-size: 24px;
	margin-right: 12px
}

.vendor-list-meta li a {
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-list-meta li a:hover {
	color: #477CDB
}

.vendor-list-meta li span {
	font-size: 16px;
	letter-spacing: .3px;
	white-space: nowrap;
	text-transform: capitalize
}

.vendor-list-meta li span b {
	font-weight: 500;
	color: #444
}

.vendor-list-meta li .pro {
	color: #477CDB
}

.vendor-list-meta li .map {
	color: #11b76b
}

.vendor-list-meta li .star {
	color: #ffb100
}

.vendor-list-meta li .store {
	color: #1494a9
}

.vendor-list-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.vendor-list-action a,
.vendor-list-action button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .3px;
	padding: 10px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:767px) {
	.vendor-list-card {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto
	}

	.vendor-list-cover {
		width: 100%;
		height: auto
	}

	.vendor-list-cover img {
		width: 100%;
		height: auto
	}

	.vendor-list-avatar {
		margin: -30px 0 10px 20px
	}

	.vendor-list-meta {
		margin-bottom: 18px
	}

	.vendor-list-action a,
	.vendor-list-action button {
		font-size: 12px
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.vendor-list-card {
		height: 180px;
		padding: 12px
	}

	.vendor-list-avatar {
		margin-right: 15px
	}

	.vendor-list-avatar img {
		width: 65px
	}

	.vendor-list-meta li {
		margin-bottom: 4px
	}

	.vendor-list-meta li i {
		font-size: 22px
	}

	.vendor-list-meta li a {
		font-size: 17px
	}

	.vendor-list-meta li span {
		font-size: 15px
	}

	.vendor-list-action a,
	.vendor-list-action button {
		padding: 8px 0;
		font-size: 12px
	}
}

.common-card {
	padding: 25px 25px 25px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.common-card-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 22px;
	gap: 10px
}

.common-card-header-title {
	font-weight: 600;
	padding-left: 15px;
	border-left: 3px solid #477CDB
}

.common-card-header-select {
	height: 40px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: 200px;
	flex-basis: 200px
}

.common-card-body {
	padding: 22px;
	border-radius: 6px;
	background: #fff
}

@media (max-width:575px) {
	.common-card {
		padding: 0;
		margin-bottom: 50px;
		background: transparent
	}

	.common-card-header {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.common-card-body {
		padding: 0
	}
}

.header-part {
	top: 0;
	left: 0;
	padding: 20px 25px;
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-part.sticky {
	padding: 10px 25px;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.header-part.sticky .header-widget span,
.header-part.sticky .header-user span {
	color: #444
}

.header-part.sticky .header-logo img {
	filter: contrast(100%);
}

.header-logo {
	margin-right: 50px
}

.header-logo img {
	height: 45px;
	filter: contrast(300%);
}

.header-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.header-widget,
.header-user {
	position: relative;
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-column-gap: 8px;
	column-gap: 8px
}

.header-widget:hover i,
.header-user:hover i {
	color: #fff;
	background: #477CDB
}

.header-widget:hover span,
.header-user:hover span {
	color: #477CDB
}

.header-widget img,
.header-user img {
	width: 40px;
	height: 40px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle
}

.header-widget i,
.header-user i {
	color: #5e5d72;
	background: #f1f2f3;
	vertical-align: middle;
	border-radius: 5px;
	text-align: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
	width: 42.5px;
	height: 42.5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-widget span,
.header-user span {
	letter-spacing: .8px;
	white-space: nowrap;
	text-transform: uppercase;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-responsive {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.responsive-srch {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42.5px;
	height: 42.5px;
	background-color: #f1f2f3;
	border-radius: 5px;
}

.header-form {
	width: 100%;
	margin: 0px;
	position: absolute;
	display: none;
	max-width: 494px;
	right: 20px;
	top: initial;
	z-index: 99;
}

.header-form.active .header-search {
	border-radius: 6px 6px 0 0
}

.header-form.active .header-option {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	z-index: 99;
}

.header-search {
	border-radius: 6px;
	background: #f1f2f3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-search button {
	padding: 0 15px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-search button:hover {
	color: #477CDB
}

.header-search input {
	width: 100%;
	height: 48px;
	font-size: 12px !important;
}

.header-search input::placeholder {
	font-size: 12px !important;
}

.header-search select {
	border: none;
	width: 150px;
	height: 30px;
	font-size: 12px;
	border-radius: 0;
	background: transparent;
	border-left: 1px solid #e3e3e3
}

.header-search select:focus {
	border-color: #e3e3e3
}

.header-option {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: (1fr)[3];
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	padding: 15px 15px;
	border-radius: 0 0 6px 6px;
	background: #f1f2f3;
	border-top: 1px solid #e3e3e3;
	position: absolute;
	width: 100%;
	height: auto;
	z-index: auto;
	left: 0;
	top: 48px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.header-option input {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	border-radius: 6px;
	background: #fff
}

.header-option select {
	border: none;
	height: 45px;
	color: #5e5d72
}

.header-search button.material-icons {
	font-size: 18px;
}

.header-option button {
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: 3 / 1 / 4 / 3;
	color: #fff;
	background: #477CDB;
	letter-spacing: .8px;
	border-radius: 6px;
	height: 45px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500
}

.header-btn {
	margin-left: 50px;
	color: #fff;
	background: #477CDB
}

.header-btn:hover {
	color: #fff
}

@media (max-width:991px) {
	.header-part {
		padding: 15px 15px
	}

	.price-card-row .tabcontent {
		flex-wrap: wrap;
	}

	.header-part.sticky {
		padding: 8px 15px
	}

	.header-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.header-logo,
	.header-form,
	.header-user,
	.header-btn {
		display: none
	}

	.responsive-logo,
	.responsive-srch {
		display: block
	}

	.responsive-logo img,
	.responsive-srch img {
		width: 180px
	}

	.header-form {
		margin: 0;
	}

	.header-search button,
	.header-search select {
		padding: 0 10px
	}

	.header-search input {
		height: 45px
	}

	.header-option {
		top: 45px
	}
}

@media (max-width:575px) {
	.responsive-logo img {
		width: 150px
	}

	.header-widget i {
		width: 31.6px;
		height: 31.6px;
		font-size: 22px;
		line-height: 34px
	}

	.header-widget span {
		display: none
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.header-logo {
		margin-right: 30px
	}

	.header-widget span,
	.header-user span {
		display: none
	}

	.header-form {
		margin: 0 30px
	}

	.header-btn {
		margin-left: 30px
	}
}

@media (max-width:575px) {
	.header-option .form-select {
		background: #fff
	}
}

.sidebar-part {
	position: fixed;
	width: 320px;
	height: 100%;
	z-index: 5;
	left: -350px;
	top: 0;
	background: #fff;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-part.open {
	left: 0
}

.sidebar-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 15px 12px
}

.sidebar-header a img {
	width: 150px
}

.sidebar-content {
	overflow-y: scroll;
	height: calc(100vh - 65px)
}

.sidebar-btn {
	text-align: center;
	padding: 50px 0;
	margin: 0 15px;
	border-radius: 6px;
	background: #f1f2f3
}

.sidebar-select {
	margin: 0 15px;
	padding: 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid #e3e3e3
}

.sidebar-select .form-select {
	width: 100%;
	height: 35px;
	border: none;
	color: #444;
	border-radius: 0
}

.sidebar-select .form-select:first-child {
	border-right: 1px solid #e3e3e3
}

.sidebar-nav {
	padding: 25px 15px 0
}

.sidebar-group {
	margin-bottom: 20px
}

.sidebar-title {
	color: #5e5d72;
	opacity: .6;
	margin-bottom: 15px
}

.select-data,
.nav-list .nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 13px 14px 13px 10px;
	border-radius: 6px;
	color: #5e5d72;
	cursor: pointer;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.select-data:hover,
.nav-list .nav-link:hover {
	color: #477CDB;
	background: #f1f2f3
}

.select-data:hover .select-arrow,
.select-data:hover .nav-arrow,
.nav-list .nav-link:hover .select-arrow,
.nav-list .nav-link:hover .nav-arrow {
	border-color: #477CDB
}

.select-data:focus,
.nav-list .nav-link:focus {
	color: inherit
}

.select-data i,
.nav-list .nav-link i {
	margin-right: 18px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.select-image {
	width: 28px;
	height: 28px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	margin-right: 15px;
	border: 3px solid #fff
}

.select-text,
.nav-text {
	width: 100%;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.select-arrow,
.nav-arrow {
	width: 8px;
	height: 8px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-top: 2px solid #5e5d72;
	border-right: 2px solid #5e5d72;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.nav-count {
	width: 28px;
	height: 28px;
	line-height: 22px;
	border-radius: 30px;
	text-align: center;
	font-size: 14px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #fff;
	background: #477CDB;
	border: 3px solid #fff
}

.option-list,
.drop-list {
	margin: 0 20px;
	border-left: 1px solid #e3e3e3;
	height: 0;
	overflow: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.option-link,
.drop-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-radius: 6px;
	padding: 8px 10px;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.option-link:hover,
.drop-link:hover {
	color: #477CDB;
	background: #f1f2f3
}

.option-link img,
.drop-link img {
	width: 28px;
	height: 28px;
	line-height: 0;
	border-radius: 50%;
	text-align: center;
	margin-right: 15px;
	border: 3px solid #fff
}

.option-link i,
.drop-link i {
	font-size: 20px;
	margin-right: 8px
}

.option-link span,
.drop-link span {
	font-size: 16px;
	text-transform: capitalize
}

.selected .select-data,
.selected .nav-link,
.dropdown .select-data,
.dropdown .nav-link {
	color: #477CDB;
	background: #f1f2f3
}

.selected i,
.dropdown i {
	color: #477CDB
}

.selected .nav-text,
.dropdown .nav-text {
	color: #477CDB
}

.selected .select-arrow,
.selected .nav-arrow,
.dropdown .select-arrow,
.dropdown .nav-arrow {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border-color: #477CDB
}

@media (max-width:575px) {
	.sidebar-part {
		width: 285px
	}
}

.float-menu {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 3
}

.float-widget {
	position: relative
}

.float-widget i {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#477CDB), to(#1494a9));
	background: linear-gradient(#477CDB, #1494a9);
	-webkit-box-shadow: 0 7px 23px rgba(71, 124, 219, .5);
	box-shadow: 0 7px 23px rgba(71, 124, 219, .5)
}

.float-widget sup {
	position: absolute;
	top: -10px;
	right: -2px;
	font-size: 12px;
	width: 24px;
	height: 24px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	background: #ff3838;
	color: #fff
}

.float-list {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.float-item {
	margin-bottom: 20px
}

.float-item a {
	position: relative
}

.float-item a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #477CDB;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.float-item a sup {
	position: absolute;
	top: -10px;
	right: -2px;
	font-size: 11px;
	width: 21px;
	height: 21px;
	line-height: 16px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	background: #ff3838;
	color: #fff
}

.float-item a .red {
	background: #ff3838
}

.float-item a .purple {
	background: #b12fad
}

.float-item a .orange {
	background: #e86121
}

@media (max-width:991px) {
	.float-menu {
		display: none
	}
}

.mobile-menu {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	bottom: 0;
	border-radius: 6px 6px 0 0;
	background: #477CDB;
	-webkit-box-shadow: 0px -15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0px -15px 35px 0 rgba(0, 0, 0, .1)
}

.mobile-menu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	margin-top: -15px;
	padding-bottom: 6px;
	width: 100%
}

.mobile-menu a i {
	font-size: 18px;
	margin-bottom: 2px;
	width: 35px;
	height: 35px;
	line-height: 33px;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	color: #477CDB;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.mobile-menu a i:hover {
	background: #477CDB;
	color: #fff
}

.mobile-menu a span {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #fff
}

.mobile-menu a sup {
	position: absolute;
	top: -10px;
	right: 35%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	font-size: 10px;
	width: 22px;
	height: 22px;
	line-height: 17px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	background: #ff3838;
	color: #fff
}

.mobile-menu a:nth-child(3) i {
	width: 55px;
	height: 55px;
	line-height: 48px;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	border: 3px solid #fff;
	background: #477CDB;
	color: #fff;
	position: absolute;
	top: -32px
}

@media (min-width:991px) {
	.mobile-menu {
		display: none
	}
}

@media (min-width:576px) and (max-width:991px) {
	.mobile-menu a sup {
		right: 40%
	}
}

footer {
	background: #151b2c;
	padding: 100px 0 0;
	position: relative;
}

footer .footer-info {
	width: 100%;
	background: #20273c;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 25px
}

footer .footer-info a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	background: #28314c;
	border-radius: 5px;
	height: 56px;
	padding: 0 15px;
	font-weight: 400;
	font-size: 14px;
	color: #687497;
	-webkit-transition: .2s all;
	transition: .2s all
}

footer .footer-info a:hover {
	background: #151b2c;
	color: #fff
}

footer .footer-info a.live::after {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #36b915;
	content: "";
	display: block;
	margin-left: auto;
	-webkit-animation: pulse-black 2s infinite;
	animation: pulse-black 2s infinite
}

@-webkit-keyframes pulse-black {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(35, 245, 10, .7);
		box-shadow: 0 0 0 0 rgba(35, 245, 10, .7)
	}

	70% {
		-webkit-box-shadow: 0 0 0 7px transparent;
		box-shadow: 0 0 0 7px transparent
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent
	}
}

@keyframes pulse-black {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(35, 245, 10, .7);
		box-shadow: 0 0 0 0 rgba(35, 245, 10, .7)
	}

	70% {
		-webkit-box-shadow: 0 0 0 7px transparent;
		box-shadow: 0 0 0 7px transparent
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent
	}
}

footer .footer-info a span {
	background: #313b5a;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 15px
}

footer .footer-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 20px
}

footer .footer-links strong {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px
}

footer .footer-links a {
	font-weight: 400;
	font-size: 16px;
	color: #687497;
	margin-top: 20px;
	-webkit-transition: .2s all;
	transition: .2s all
}

footer .footer-links a:hover {
	color: #fff;
	padding-left: 4px
}

footer .footer-bottom {
	text-align: center !important;
	padding: 64px 0 54px
}

footer .footer-bottom p {
	font-size: 16px;
	font-weight: 500;
	color: #888fa8;
	padding: 16px 0 14px
}

footer .footer-bottom ul {
	font-size: 0
}

footer .footer-bottom ul li {
	display: inline-block
}

footer .footer-bottom ul li a {
	display: block;
	color: #fff;
	font-size: 28px;
	padding: 10px
}

footer .footer-bottom ul li a:hover {
	color: #888fa8
}

footer .copyright {
	padding: 20px 0;
	overflow: hidden;
	border-top: 1px solid rgba(136, 143, 168, .2);
	margin-right: var(--bs-gutter-x, .75rem);
	margin-left: var(--bs-gutter-x, .75rem);
	max-width: 1300px;
	margin: 0 auto;
}

footer .copyright>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 20px;
	width: 100%;
}

footer .copyright>div p {
	padding: 10px 20px;
	color: #fff;
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: 14px;
}

footer .copyright>div ul {
	font-size: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

footer .container {
	margin-bottom: 30px !important;
}

.etbis-img img {
	max-width: 150px;
}

.etbis-img:hover {
	padding-left: 0 !important;
}

footer .copyright>div ul li {
	display: inline-block
}

footer .copyright>div ul li a {
	display: block;
	color: #888fa8;
	font-size: 14px;
	padding: 10px 20px;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in
}

footer .copyright>div ul li a:hover {
	color: #fff
}

footer:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	height: 8px;
	background: linear-gradient(255.4deg, #7ce497 1.6%, #00bed1 98.62%)
}

footer .center {
	border-top: 1px solid rgba(136, 143, 168, .2);
	margin-right: var(--bs-gutter-x, .75rem);
	margin-left: var(--bs-gutter-x, .75rem);
	max-width: 1300px;
	margin: 0 auto;
}



.subscribe-widget .nl-box {
	width: 100%;
	background: #20273c;
	padding: 38px 50px;
	border-radius: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 9;
	margin-bottom: -40px
}

.subscribe-widget .nl-box .text {
	text-align: start
}

.subscribe-widget .nl-box .text h3 {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	line-height: 39px
}

.subscribe-widget .nl-box .text p {
	font-weight: 500;
	font-size: 17px;
	color: #fff
}

.subscribe-widget .nl-box .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.subscribe-widget .nl-box .buttons a {
	width: 200px;
	height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #3c4252;
	background: #fff;
	border-radius: 54px;
	font-weight: 500;
	font-size: 18px
}

.subscribe-widget .nl-box .buttons a:hover {
	background: #ff8600;
	color: #fff;
	border: 2px solid #fff
}

.subscribe-widget .nl-box .buttons a:hover svg path {
	stroke: #fff
}

.subscribe-widget .nl-box .buttons a:last-child {
	margin-left: 20px;
	background: #ff8600;
	color: #fff;
	border: 2px solid #fff
}

.subscribe-widget .nl-box .buttons a:last-child:hover {
	background: #fff;
	color: #ff8600
}

.subscribe-widget .nl-box .buttons a:last-child:hover svg path {
	stroke: #ff8600
}

.subscribe-widget .nl-box .buttons a svg {
	margin-right: 6px
}

.subscribe-form-v1 form {
	position: relative;
	width: 500px;
	max-width: 100%;
}

.subscribe-form-v1 input {
	padding: 18px;
	width: 100%;
	border-radius: 10px;
	border: 0;
	color: #252831;
	background-color: #fff;
	font-size: 14px;
}

.subscribe-form-v1 .subscribe-submit {
	height: 100%;
	padding: 0 34px;
	position: absolute;
	right: -3px;
	top: 0;
	border-radius: 0 10px 10px 0;
}

.subscribe-form-v1 .subscribe-submit:hover i {
	transform: translateX(50%);
}

.subscribe-form-v1 .subscribe-submit i {
	margin-left: 5px;
	font-size: 15px;
	transition: transform .15s ease-in-out;
	will-change: transform;
}

.subscribe-form-v1 .btn-blue {
	background-color: #2e57cf;
	color: #fff;
}

.subscribe-form-v1 .btn-blue:hover {
	background-color: #3768f7;
	color: #fff;
}

.arrow {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: rotate(270deg);
	cursor: pointer;
}

.arrow span {
	display: block;
	width: 1.5vw;
	height: 1.5vw;
	border-bottom: 5px solid white;
	border-right: 5px solid white;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
	animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
	animation-delay: -0.4s;
}

@keyframes animate {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px);
	}
}


.single-banner {
	padding: 45px 0 45px;
	background: rgba(10, 9, 48, .7);
	margin: 0 !important;
}

.single-banner h2 {
	color: #fff;
	margin-bottom: 12px;
	font-size: 45px;
}

@media (max-width:575px) {
	.single-banner {
		padding: 20px 0 20px;
	}

	.single-banner-text {
		margin-bottom: 40px !important;
	}
}

@media (min-width:576px) and (max-width:767px) {
	.single-banner {
		padding: 120px 0 70px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.single-banner {
		padding: 130px 0 80px
	}
}

.top-filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 25px;
	background: #f1f2f3;
	padding: 15px 20px;
	border-radius: 6px
}

.filter-short {
	width: 225px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.filter-show {
	width: 203px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.filter-label {
	font-size: 14px;
	font-weight: 500;
	margin-right: 8px;
	white-space: nowrap;
	text-transform: uppercase
}

.filter-select {
	height: 40px;
	border-color: rgba(168, 174, 177, .5);
	background-color: transparent
}

.filter-select:focus-within {
	border-color: rgba(168, 174, 177, .8)
}

.filter-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.filter-action a {
	color: #5e5d72;
	font-size: 28px;
	margin-left: 10px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.filter-action a:hover {
	color: #477CDB
}

.filter-action a.active {
	color: #477CDB
}

@media (max-width:575px) {

	.filter-label,
	.filter-action {
		display: none
	}

	.filter-show {
		width: 80px
	}

	.filter-short {
		width: 130px
	}
}

.bottom-paginate {
	padding-top: 25px;
	border-top: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.page-info {
	font-size: 17px;
	font-weight: 500;
	color: #5e5d72
}

@media (max-width:575px) {
	.bottom-paginate {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.page-info {
		margin-bottom: 15px
	}
}

@media (max-width:991px) {
	.bottom-paginate.mb-50 {
		margin-bottom: 50px
	}
}

.product-widget {
	padding: 2px 2px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.product-widget:last-child {
	margin-bottom: 0
}

.product-widget-title {
	padding-bottom: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #e3e3e3
}

.product-widget-btn {
	width: 100%;
	font-size: 15px;
	padding: 9px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: var(--bs-gray-300);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget-btn:hover {
	color: #fff;
	background: #477CDB
}

.product-widget-btn i {
	margin-right: 5px;
	margin-top: -1px;
	font-size: 20px
}

.product-widget-btn span {
	letter-spacing: .5px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.product-widget-group {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin: 15px 0
}

.product-widget-group input {
	width: 100%;
	height: 42px;
	border-radius: 6px;
	background: #fff;
	text-align: center
}

.product-widget-list {
	margin: 18px 0 20px
}

.product-widget-list li {
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget-list li:hover {
	color: #477CDB
}

.product-widget-list li:last-child {
	margin-bottom: 0
}

.product-widget-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-widget-content input {
	width: 15px;
	height: 15px;
	margin-right: 12px;
	cursor: pointer
}

.product-widget-content label {
	font-size: 17px;
	letter-spacing: .5px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: capitalize
}

.product-widget-content label i {
	font-size: 18px;
	margin-left: 8px;
	color: #a8aeb1
}

.product-widget-content label i:first-child {
	margin-left: 0
}

.product-widget-content label i.active {
	color: #ffb100
}

.product-widget-content label.product-widget-color {
	font-size: 14px
}

.product-widget-color {
	padding: 2px 10px;
	border-radius: 4px;
	color: #fff
}

.product-widget-color.green {
	background: #11b76b
}

.product-widget-color.orange {
	background: #e86121
}

.product-widget-color.yellow {
	background: #ffb100
}

.product-widget-color.black {
	background: #000
}

.product-widget-color.red {
	background: #ff3838
}

.product-widget-color.purple {
	background: #b12fad
}

.product-widget-number {
	font-size: 15px
}

.product-widget-search {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget-search:focus-within {
	border-color: #477CDB
}

.product-widget-scroll {
	height: 279px;
	overflow-y: scroll;
	padding-right: 10px
}

.vendor-widget {
	padding: 20px 20px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.vendor-widget:last-child {
	margin-bottom: 0
}

.vendor-widget-title {
	font-weight: 600;
	padding-bottom: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #e3e3e3
}

.vendor-widget-form {
	position: relative
}

.vendor-widget-form input {
	width: 100%;
	height: 48px;
	padding-right: 15px;
	padding-left: 45px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-form input:focus-within {
	border-color: #477CDB
}

.vendor-widget-form button {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 6px;
	text-align: center;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.single-banner-text {
	margin-bottom: 20px;
	padding-left: 5px;
}

.vendor-widget-form button:hover {
	color: #477CDB
}

.vendor-widget-btn {
	width: 100%;
	font-size: 15px;
	padding: 9px 0;
	border-radius: 6px;
	color: #5e5d72;
	background: var(--bs-gray-300);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-btn:hover {
	color: #fff;
	background: #477CDB
}

.vendor-widget-btn i {
	margin-right: 5px;
	margin-top: -1px;
	font-size: 20px
}

.vendor-widget-btn span {
	letter-spacing: .5px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.vendor-widget-group {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin: 15px 0
}

.vendor-widget-group input {
	width: 100%;
	height: 42px;
	border-radius: 6px;
	background: #fff;
	text-align: center
}

.vendor-widget-list {
	margin: 18px 0 20px
}

.vendor-widget-list li {
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-list li:hover {
	color: #477CDB
}

.vendor-widget-list li:last-child {
	margin-bottom: 0
}

.vendor-widget-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.vendor-widget-content input {
	width: 15px;
	height: 15px;
	margin-right: 12px;
	cursor: pointer
}

.vendor-widget-content label {
	font-size: 17px;
	letter-spacing: .5px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: capitalize
}

.vendor-widget-content label i {
	font-size: 18px;
	margin-left: 8px;
	color: #a8aeb1
}

.vendor-widget-content label i:first-child {
	margin-left: 0
}

.vendor-widget-content label i.active {
	color: #ffb100
}

.vendor-widget-content label.vendor-widget-color {
	font-size: 14px
}

.vendor-widget-color {
	padding: 2px 10px;
	border-radius: 4px;
	color: #fff
}

.vendor-widget-color.green {
	background: #11b76b
}

.vendor-widget-color.orange {
	background: #e86121
}

.vendor-widget-color.yellow {
	background: #ffb100
}

.vendor-widget-color.black {
	background: #000
}

.vendor-widget-color.red {
	background: #ff3838
}

.vendor-widget-color.purple {
	background: #b12fad
}

.vendor-widget-number {
	font-size: 15px
}

.vendor-widget-search {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.vendor-widget-search:focus-within {
	border-color: #477CDB
}

.vendor-widget-scroll {
	height: 378px;
	overflow-y: scroll;
	padding-right: 10px
}

.blog-widget {
	padding: 25px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.blog-widget:last-child {
	margin-bottom: 0
}

.blog-widget-title {
	font-weight: 700;
	margin-bottom: 25px;
	white-space: nowrap;
	text-transform: uppercase;
	padding-left: 15px;
	border-left: 3px solid #477CDB
}

.blog-widget-form {
	position: relative
}

.blog-widget-form input {
	width: 100%;
	height: 48px;
	padding-right: 15px;
	padding-left: 20px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-form input:focus-within {
	border-color: #477CDB
}

.blog-widget-form button {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 6px;
	text-align: center;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-form button:hover {
	color: #477CDB
}

.blog-widget-feed li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3
}

.blog-widget-feed li:last-child {
	margin: 0;
	padding: 0;
	border: none
}

.blog-widget-media img {
	width: 120px;
	border-radius: 6px;
	margin-right: 18px
}

.blog-widget-text a {
	color: #444;
	margin-bottom: 12px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-text a:hover {
	color: #477CDB
}

.blog-widget-text span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #5e5d72
}

.blog-widget-category li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e3e3e3
}

.blog-widget-category li:last-child {
	margin: 0;
	padding: 0;
	border: none
}

.blog-widget-category li:hover a {
	color: #477CDB
}

.blog-widget-category li:hover a span {
	background: #477CDB
}

.blog-widget-category li a {
	width: 100%;
	font-weight: 500;
	text-transform: capitalize;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-category li a span {
	font-size: 14px;
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-tag li {
	margin-bottom: 12px;
	margin-right: 8px;
	display: inline-block
}

.blog-widget-tag li a {
	font-size: 16px;
	padding: 6px 15px;
	border-radius: 6px;
	color: #5e5d72;
	background: #fff;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-widget-tag li a:hover {
	color: #fff;
	background: #477CDB
}

.blog-widget-social {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.blog-widget-social li a {
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 12px 0;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.blog-widget-social li .facebook {
	background: #3b5998
}

.blog-widget-social li .twitter {
	background: #00acee
}

.blog-widget-social li .linkedin {
	background: #0e76a8
}

.blog-widget-social li .instagram {
	background: #F77737
}

.blog-widget-social li .pinterest {
	background: #f0002a
}

@media (max-width:575px) {
	.blog-widget {
		padding: 20px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.blog-widget {
		padding: 20px
	}
}

.blog-author {
	padding: 45px;
	margin-bottom: 25px;
	border-radius: 10px;
	background: #f1f2f3
}

.blog-author-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px
}

.blog-author-info {
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px solid #e3e3e3
}

.blog-author-info img {
	width: 100px;
	border-radius: 6px;
	margin-bottom: 20px
}

.blog-author-info h4 a {
	color: #444
}

.blog-author-content ul {
	margin-bottom: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px
}

.blog-author-content ul li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	background: #477CDB;
	color: #fff
}

.blog-author-content ul li .facebook {
	background: #3b5998
}

.blog-author-content ul li .twitter {
	background: #00acee
}

.blog-author-content ul li .linkedin {
	background: #0e76a8
}

.blog-author-content ul li .instagram {
	background: #F77737
}

.blog-author-content ul li .pinterest {
	background: #f0002a
}

.blog-author-meta-list {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-columns: (minmax(180px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-row-gap: 15px
}

.blog-author-meta-list li {
	padding: 12px 0;
	border-radius: 6px;
	text-align: center;
	background: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-author-meta-list li:hover {
	background: #477CDB;
	color: #f1f2f3
}

.blog-author-meta-list li:hover i {
	color: #f1f2f3
}

.blog-author-meta-list li i {
	color: #477CDB;
	margin-right: 6px;
	font-size: 20px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width:767px) {
	.blog-author {
		padding: 25px
	}

	.blog-author-group {
		gap: 30px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.blog-author-info {
		border: none;
		margin: 0;
		padding: 0
	}
}

@media (max-width:575px) {
	.blog-author {
		padding: 15px
	}
}

.keyword-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 25px
}

.keyword-list li a {
	color: #5e5d72;
	font-weight: 500;
	padding: 10px 25px;
	border-radius: 6px;
	background: #f1f2f3;
	border: 1px solid #e3e3e3;
	text-transform: capitalize;
	white-space: nowrap;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.keyword-list li a:hover {
	color: #fff;
	background: #477CDB
}

@media (max-width:767px) {
	.keyword-list {
		gap: 12px
	}

	.keyword-list li a {
		font-size: 15px;
		padding: 8px 12px
	}
}

.comment-item {
	padding: 25px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff
}

.comment-item:last-child {
	margin-bottom: 0
}

.comment-item ul li {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e3e3e3;
	margin-left: 60px
}

.comment-head {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.comment-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.comment-media {
	border-radius: 50%;
	border: 2px solid #477CDB;
	margin-right: 15px
}

.comment-media img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 2px solid transparent
}

.comment-meta {
	position: relative
}

.comment-meta h5 {
	white-space: nowrap;
	margin-bottom: 5px
}

.comment-meta span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444
}

.comment-meta span b {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .5px;
	border-radius: 4px;
	padding: 3px 7px;
	text-transform: uppercase;
	background: #444;
	color: #fff
}

.comment-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px
}

.comment-reply {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .3px;
	padding: 7px 11px;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.comment-reply i {
	font-size: 18px;
	margin-top: -3px;
	margin-right: 3px
}

.comment-reply:hover {
	color: #fff
}

.comment-action {
	position: relative;
	margin-left: 15px
}

.comment-action-btn i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	background: #f1f2f3;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.comment-action-btn i:hover {
	color: #fff;
	background: #477CDB
}

.comment-action-btn.active i {
	color: #fff;
	background: #477CDB
}

.comment-action-list {
	position: absolute;
	right: 0;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.comment-action-list.show {
	visibility: visible;
	opacity: 1
}

.comment-action-list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 25px;
	padding-left: 15px;
	text-transform: capitalize;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.comment-action-list a:hover {
	color: #477CDB
}

.comment-action-list a:first-child {
	padding-top: 12px
}

.comment-action-list a:last-child {
	padding-bottom: 12px
}

.comment-action-list a i {
	font-size: 18px;
	margin-right: 8px
}

.comment-action-list a span {
	font-size: 15px
}

.comment-body h6 {
	text-transform: capitalize;
	margin-bottom: 15px
}

.comment-body h6 a:hover {}

@media (max-width:767px) {
	.comment-item ul li {
		margin-left: 30px
	}

	.comment-user {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.comment-media {
		margin: 0 0 8px
	}

	.comment-meta span {
		margin-top: 3px
	}

	.comment-widget {
		margin-top: 13px
	}
}

@media (max-width:575px) {
	.comment-item {
		padding: 0;
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid #e3e3e3
	}

	.comment-item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none
	}
}

@media (min-width:768px) and (max-width:991px) {
	.comment-item ul li {
		margin-left: 50px
	}
}

.review-item {
	padding: 25px 30px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff
}

.review-item:last-child {
	margin-bottom: 0
}

.review-item ul li {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e3e3e3;
	margin-left: 60px
}

.review-head {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.review-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.review-media {
	border-radius: 50%;
	border: 2px solid #477CDB;
	margin-right: 15px
}

.review-media img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 2px solid transparent
}

.review-meta {
	position: relative
}

.review-meta h5 {
	white-space: nowrap;
	margin-bottom: 5px
}

.review-meta span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	white-space: nowrap;
	text-transform: capitalize;
	color: #444
}

.review-meta span b {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .5px;
	border-radius: 4px;
	padding: 3px 7px;
	text-transform: uppercase;
	background: #444;
	color: #fff
}

.review-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px
}

.review-reply {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .3px;
	padding: 7px 11px;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.review-reply i {
	font-size: 18px;
	margin-top: -3px;
	margin-right: 3px
}

.review-reply:hover {
	color: #fff
}

.review-action {
	position: relative;
	margin-left: 15px
}

.review-action-btn i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	background: #f1f2f3;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-action-btn i:hover {
	color: #fff;
	background: #477CDB
}

.review-action-btn.active i {
	color: #fff;
	background: #477CDB
}

.review-action-list {
	position: absolute;
	right: 0;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-action-list.show {
	visibility: visible;
	opacity: 1
}

.review-action-list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 25px;
	padding-left: 15px;
	text-transform: capitalize;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.review-action-list a:hover {
	color: #477CDB
}

.review-action-list a:first-child {
	padding-top: 12px
}

.review-action-list a:last-child {
	padding-bottom: 12px
}

.review-action-list a i {
	font-size: 18px;
	margin-right: 8px
}

.review-action-list a span {
	font-size: 15px
}

.review-star {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 3px;
	margin-bottom: 8px
}

.review-star i {
	font-size: 22px;
	color: #a8aeb1
}

.review-star i.active {
	color: #ffb100
}

.review-body h6 {
	text-transform: capitalize;
	margin-bottom: 15px
}

.review-body h6 a:hover {}

@media (max-width:767px) {
	.review-item ul li {
		margin-left: 30px
	}

	.review-user {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.review-media {
		margin: 0 0 8px
	}

	.review-meta span {
		margin-top: 3px
	}

	.review-widget {
		margin-top: 13px
	}
}

@media (max-width:575px) {
	.review-item {
		padding: 0;
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid #e3e3e3
	}

	.review-item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none
	}
}

@media (min-width:768px) and (max-width:991px) {
	.review-item ul li {
		margin-left: 50px
	}
}

.user-banner {
	padding-top: 50px;
	background: rgba(10, 9, 48, .7)
}

.user-banner-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	margin-bottom: 40px
}

.user-banner-profile-avatar a {
	border-radius: 50%;
	border: 3px solid #477CDB;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.user-banner-profile-avatar a img {
	width: 120px;
	border-radius: 50%;
	border: 3px solid transparent
}

.user-banner-profile-name {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.user-banner-profile-name h3 {
	color: #fff
}

.user-banner-profile-name h3 a {
	color: #f1f2f3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-profile-name h3 a:hover {
	color: #477CDB
}

.user-banner-profile-name span {
	text-transform: capitalize;
	color: var(--bs-gray-400)
}

.user-banner-profile-contact-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 8px;
	-webkit-column-gap: 20px;
	column-gap: 20px
}

.user-banner-profile-contact-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 6px;
	column-gap: 6px;
	color: var(--bs-gray-400)
}

.user-banner-profile-contact-list li i {
	font-size: 20px;
	line-height: 24px
}

.user-banner-profile-contact-list li span {
	font-size: 16px
}

.user-banner-data {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-bottom: 40px
}

.user-banner-data li {
	position: relative;
	text-align: center;
	padding: 40px 15px 25px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .3);
	color: #fff
}

.user-banner-data li i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	color: #477CDB;
	background: rgba(71, 124, 219, .5);
	position: absolute;
	top: -22px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.user-banner-data li h3 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 2px
}

.user-banner-data li p {
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .5px;
	font-size: 16px
}

.user-banner-data li.ads i {
	color: var(--bs-cyan)
}

.user-banner-data li.star i {
	color: #ffb100
}

.user-banner-menu-list {
	padding: 0 30px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .15);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.user-banner-menu-list li a {
	color: #f1f2f3;
	padding: 20px 0;
	letter-spacing: .5px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-menu-list li a::before {
	position: absolute;
	width: 100%;
	height: 3px;
	z-index: 1;
	content: "";
	bottom: 0;
	background: #477CDB;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-menu-list li a::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	border-radius: 3px;
	border-top: 8px solid transparent;
	border-right: 8px solid #477CDB;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #477CDB;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.user-banner-menu-list li a:hover {
	color: #477CDB
}

.user-banner-menu-list li a:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.user-banner-menu-list li a.active {
	color: #477CDB
}

.user-banner-menu-list li a.active::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.user-banner-menu-list li a.active::after {
	visibility: visible;
	bottom: -7px;
	opacity: 1
}

@media (max-width:991px) {
	.user-banner-menu-list {
		display: none
	}
}

@media (max-width:575px) {
	.user-banner {
		padding-top: 115px
	}

	.user-banner-profile {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (min-width:576px) and (max-width:767px) {
	.user-banner {
		padding-top: 140px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.user-banner {
		padding-top: 160px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.user-banner-menu-list {
		padding: 0 20px
	}

	.user-banner-menu-list li a {
		font-size: 13px
	}
}

.banner-overlay {
	padding: 220px 0 165px;
	background: rgba(10, 9, 48, .65)
}

.banner-content {
	max-width: 580px;
	color: #f1f2f3
}

.banner-content h1 {
	margin-bottom: 15px
}

.banner-content p {
	margin-bottom: 40px
}

.banner-content ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 45px;
	-webkit-column-gap: 50px;
	column-gap: 50px;
	row-gap: 25px
}

.banner-content ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 18px
}

.banner-content ul li i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	background: rgba(10, 9, 48, .8);
	color: #477CDB
}

.banner-content ul li span {
	font-size: 20px
}

.banner-content ul li span small {
	display: block;
	text-transform: capitalize;
	color: var(--bs-gray-400);
	margin-top: 3px;
	font-size: 18px
}

@media (max-width:767px) {
	.banner-overlay {
		padding: 145px 0 100px
	}

	.banner-content h1 {
		font-size: 43px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.banner-overlay {
		padding: 165px 0 120px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.banner-overlay {
		padding: 205px 0 150px
	}
}

.feature-part {
	padding: 100px 0;
	background: #0a0930;
	position: relative;
	z-index: 1
}

.feature-part::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	background: url(../images/shape/pattern.png);
	opacity: .4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.feature-part .section-text h2,
.feature-part .section-text p {
	color: #f1f2f3
}

.product-feature-slider .col {
	margin: 0 12px
}

.product-feature-slider .dandik,
.product-feature-slider .bamdik {
	top: 40%
}

@media (max-width:575px) {
	.feature-part {
		padding: 70px 0
	}
}

@media (min-width:576px) and (max-width:767px) {
	.feature-part {
		padding: 80px 0
	}
}

@media (min-width:768px) and (max-width:991px) {
	.feature-part {
		padding: 90px 0
	}
}

.browse-nav {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.browse-nav .nav-link {
	margin-bottom: 25px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.browse-nav .nav-link i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	margin-top: -38px;
	margin-right: 0;
	margin-bottom: 8px;
	color: #477CDB;
	background: #fff
}

.browse-nav .nav-link span {
	margin-left: 0
}

@media (max-width:767px) {
	.browse-nav {
		grid-row-gap: 10px;
		grid-column-gap: 20px;
		-ms-grid-columns: (minmax(138px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(138px, 1fr))
	}

	.browse-nav .nav-link {
		padding: 12px 8px
	}
}

.about-media {
	margin-right: 30px;
	position: relative
}

.about-media img {
	width: 100%;
	border-radius: 6px
}

.about-overlay {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: auto;
	background: rgba(10, 9, 48, .1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.about-overlay a {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	font-size: 30px;
	color: #fff;
	background: rgba(71, 124, 219, .9);
	text-shadow: 2px 3px 0 rgba(255, 255, 255, .3);
	-webkit-animation: video 2s linear infinite;
	animation: video 2s linear infinite
}

@-webkit-keyframes video {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}
}

@keyframes video {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 0 rgba(71, 124, 219, .7), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	30% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 0 rgba(71, 124, 219, .7)
	}

	60% {
		-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 25px rgba(0, 0, 0, 0)
	}
}

.about-content h3 {
	font-size: 28px;
	margin-bottom: 25px;
	text-transform: initial
}

@media (max-width:991px) {
	.about-media {
		margin-right: 0;
		margin-bottom: 25px
	}
}

@media (max-width:575px) {
	.about-overlay a {
		width: 70px;
		height: 70px;
		line-height: 70px
	}

	.about-content h3 {
		font-size: 24px
	}
}

.city-card-group {
	margin-top: 80px
}

.city-card-group .col:nth-child(even) {
	margin-top: -80px
}

@media (max-width:991px) {
	.city-card-group {
		margin-top: 0
	}

	.city-card-group .col:nth-child(even) {
		margin-top: 0
	}
}

.review-part {
	padding: 60px 0;
	background: #fff2fe;
	position: relative;
	z-index: 1
}

.review-part::before {
	content: "";
	top: 0;
	left: 0;
	background: url(../images/bg/bg-02.jpg);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

@media (max-width:767px) {
	.review-part {
		padding: 30px 0
	}
}

@media (min-width:768px) and (max-width:991px) {
	.review-part {
		padding: 40px 0
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.review-part {
		padding: 50px 0
	}
}

@media (max-width:991px) {
	.review-slider .col {
		margin: 0 15px
	}
}

.blog-slider .col {
	margin: 0 12px
}

.blog-slider .dandik,
.blog-slider .bamdik {
	top: 35%
}

.inventory-feature {
	padding: 30px 15px;
	background: #0a0930;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #0a0930;
	position: relative;
	z-index: 1
}

.inventory-feature::before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	background: url(../../images/shape/pattern.png);
	opacity: .4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.inventory-feature-slider .col {
	margin: 0 15px
}

.inventory-feature-slider .dandik,
.inventory-feature-slider .bamdik {
	top: 40%
}

.product-single-meta-group {
	margin-bottom: 25px
}

.product-single-meta-price {
	color: #477CDB;
	font-size: 32px;
	font-weight: 700;
	font-family: sans-serif;
	letter-spacing: -.8px;
	margin-bottom: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.product-single-meta-price small {
	letter-spacing: .3px;
	font-size: 17px;
	font-weight: 400;
	text-transform: capitalize;
	margin-top: 8px;
	margin-left: 5px;
	color: #5e5d72
}

.product-single-meta-title {
	font-size: 34px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 10px;
	color: #444
}

.product-single-meta-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 20px;
	column-gap: 20px;
	row-gap: 10px
}

.product-single-meta-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 5px
}

.product-single-meta-list li i {
	font-size: 20px;
	color: var(--bs-gray-600)
}

.product-single-meta-list li a,
.product-single-meta-list li span,
.product-single-meta-list li button {
	color: #5e5d72;
	font-size: 17px;
	text-transform: capitalize
}

.product-single-meta-list li a,
.product-single-meta-list li button {
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-meta-list li a:hover,
.product-single-meta-list li button:hover {
	color: #477CDB;

}

.product-single-data {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-columns: (minmax(135px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-right: 10px;
}

.product-single-data li {
	position: relative;
	text-align: center;
	padding: 35px 0 20px;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.product-single-data li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	color: #477CDB;
	background: #fff;
	position: absolute;
	top: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.product-single-data li h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 2px;
	font-family: sans-serif
}

.product-single-data li p {
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .5px;
	font-size: 16px
}

.product-single-data li.view i {
	color: #11b76b
}

.product-single-data li.click i {
	color: #b12fad
}

.product-single-data li.rating i {
	color: #e86121
}

.product-single-data li.view {
	background: #11b76b
}

.product-single-data li.click {
	background: #b12fad
}

.product-single-data li.rating {
	background: #e86121
}

.product-single-action {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (minmax(180px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-bottom: 25px
}

.product-single-action a,
.product-single-action button {
	padding: 12px 0;
	border-radius: 6px;
	background: #f1f2f3;
	color: #5e5d72;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-action a:hover,
.product-single-action button:hover {
	color: #fff;
	background: #477CDB
}

.product-single-action a i,
.product-single-action button i {
	font-size: 20px
}

.product-single-action a span,
.product-single-action button span {
	font-size: 16px;
	margin-left: 6px;
	text-transform: capitalize;
	white-space: nowrap
}

.product-single-action .compare.active {
	color: #fff;
	background: #b12fad
}

.product-single-action .favorite.active {
	color: #fff;
	background: #ff3838
}

.product-single-slider {
	margin-bottom: 20px
}

.product-single-slider .slick-slide {
	/* margin: 0 12px; */
	opacity: .3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-slider .slick-center {
	opacity: 1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-single-slider img {
	width: 100%;
	border-radius: 6px
}

.product-single-slider .dandik,
.product-single-slider .bamdik {
	color: #fff;
	background: #477CDB;
	opacity: 1;
	visibility: visible
}

.product-single-slider .bamdik {
	right: 30px;
	transform: rotate(180deg);
}

.product-single-slider .dandik {
	left: 30px;
	transform: rotate(180deg);
}

.product-single-scrollspy-btns {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (minmax(150px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	margin-bottom: 25px;
	position: static !important;
}

/* .product-single-scrollspy-btns.fixed {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 5;
	top: 0;
	left: 0;
	padding: 8px 25px;
	margin-bottom: 0;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
} */

.product-detail .common-card {
	padding: 25px;
}

.installation-instructions {
	margin-bottom: 20px;
}

.product-single-scrollspy-btns a,
.product-single-scrollspy-btns button {
	font-size: 14px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
	letter-spacing: .3px;
	padding: 15px 12px;
	border-radius: 6px;
	white-space: nowrap;
	text-transform: uppercase;
	color: #444;
	background: var(--bs-gray-300)
}

.product-single-scrollspy-btns a:hover,
.product-single-scrollspy-btns button:hover {
	color: #fff;
	background: #477CDB
}

.product-single-scrollspy-btns a i,
.product-single-scrollspy-btns button i {
	font-size: 22px
}

.product-single-scrollspy-btns a.active,
.product-single-scrollspy-btns button.active {
	background: #477CDB;
	color: #fff
}

.product-single-scrollspy-btns a:nth-child(6),
.product-single-scrollspy-btns button:nth-child(6) {
	background: #0a0930;
	color: #ffb100
}

.product-single-scrollspy-btns a:nth-child(7),
.product-single-scrollspy-btns button:nth-child(7) {
	background: #0a0930;
	color: #fff
}

.product-single-video {
	width: 100%;
	height: 400px;
	border-radius: 6px
}

.product-single-feature-group {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (minmax(300px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-single-feature-list {
	width: 100%;
	padding: 20px;
	border-radius: 6px;
	background: #fff
}

.product-single-feature-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0
}

.product-single-feature-list li:first-child {
	border-top: none;
	padding-top: 0
}

.product-single-feature-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.product-single-feature-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.product-single-feature-list li span:last-child {
	font-weight: 500
}

.product-single-feature-list li i {
	font-size: 20px
}

.product-single-feature-list li i.check {
	color: #11b76b
}

.product-single-feature-list li i.remove {
	color: #ff3838
}

.product-single-vendor .vendor-grid-avatar img {
	border-color: #fff
}

.product-single-vendor .vendor-grid-action a,
.product-single-vendor .vendor-grid-action button {
	background: #f1f2f3
}

.product-single-vendor .vendor-grid-action a:hover,
.product-single-vendor .vendor-grid-action button:hover {
	color: #fff;
	background: #477CDB
}

.product-single-calculate-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0
}

.product-single-calculate-list li:first-child {
	border-top: none;
	padding-top: 0
}

.product-single-calculate-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.product-single-calculate-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.product-single-calculate-list li span:last-child {
	font-size: 15px;
	font-weight: 700;
	font-family: sans-serif
}

.product-single-category,
.product-single-brand {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-columns: (minmax(140px, 1fr))[auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-single-category .category-card {
	background: #fff;
	margin-bottom: 0
}

.product-single-category .category-card img {
	width: 70px;
	border-color: rgba(71, 124, 219, .3)
}

.product-single-category .category-card span {
	font-size: 16px
}

.product-single-brand .brand-card {
	background: #fff;
	margin-bottom: 0
}

.product-single-brand .brand-card img {
	height: 50px
}

.product-single-social-list {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.product-single-social-list li a {
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 12px 0;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.product-single-social-list li .facebook {
	background: #3b5998
}

.product-single-social-list li .twitter {
	background: #00acee
}

.product-single-social-list li .linkedin {
	background: #0e76a8
}

.product-single-social-list li .instagram {
	background: #F77737
}

.product-single-social-list li .pinterest {
	background: #f0002a
}

.related-slider .col {
	margin: 0 12px
}

.related-slider .dandik,
.related-slider .bamdik {
	top: 43%
}

.modal-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 50px
}

.modal-contact ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 40px
}

.modal-contact ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 15px
}

.modal-contact ul li i {
	font-size: 50px;
	color: #477CDB
}

.modal-contact ul li span {
	font-weight: 500;
	white-space: nowrap
}

.modal-contact iframe {
	width: 400px;
	height: 400px;
	border-radius: 6px
}

.modal-review {
	max-width: 800px
}

.modal-review .review-item,
.modal-review .form-control {
	background: #f1f2f3
}

.modal-product-single-form {
	max-width: 800px
}

.modal-product-single-form .form-control,
.modal-product-single-form .form-select {
	background: #f1f2f3
}

@media (max-width:1199px) {
	.product-single-meta-group {
		margin-bottom: 40px
	}

	.product-single-scrollspy-btns {
		-ms-grid-columns: (minmax(50px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
		gap: 10px
	}

	.product-single-scrollspy-btns a span,
	.product-single-scrollspy-btns button span {
		display: none
	}
}

@media (max-width:991px) {

	.product-single-scrollspy-btns a,
	.product-single-scrollspy-btns button {
		padding: 12px 10px
	}
}

@media (max-width:767px) {
	.product-single-video {
		height: 230px
	}

	.modal-contact {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media (max-width:575px) {
	.product-single-meta-price {
		font-size: 26px
	}

	.product-single-meta-title {
		font-size: 28px
	}

	.product-single-scrollspy-btns a,
	.product-single-scrollspy-btns button {
		padding: 8px 10px
	}

	.modal-review .review-item {
		background: #fff
	}

	.modal-review .form-control {
		background: #f1f2f3
	}
}

@media (min-width:576px) and (max-width:767px) {
	.product-single-slider .dandik {
		right: 30px
	}

	.product-single-slider .bamdik {
		left: 30px
	}
}

.coming-part .align-items-center {
	height: 100vh
}

.coming-content {
	text-align: center
}

.coming-title {
	font-weight: 700;
	letter-spacing: -.5px;
	text-transform: uppercase;
	margin-bottom: 30px
}

.coming-clock {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e3e3e3
}

.coming-subtitle {
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 30px;
	text-transform: uppercase;
	color: #5e5d72
}

.coming-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 25px
}

.coming-form input {
	width: 400px;
	height: 50px;
	font-weight: 600;
	padding: 0 25px;
	border-radius: 50px;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	border: 1px solid #e3e3e3
}

.coming-form button {
	margin-left: 15px
}

.coming-form button i {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 48px;
	border-radius: 50%;
	text-align: center;
	color: #477CDB;
	background: #fff;
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	border: 1px solid #e3e3e3;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.coming-form button i:hover {
	color: #fff;
	background: #477CDB
}

.coming-social a {
	font-size: 23px;
	margin: 0 4px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #477CDB;
	background: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.coming-social a:hover {
	color: #fff;
	background: #477CDB
}

@media (max-width:575px) {
	.coming-title {
		font-size: 35px;
		margin-bottom: 35px
	}

	.coming-timer span {
		font-size: 25px;
		padding: 0 15px
	}

	.coming-timer span small {
		font-size: 15px
	}

	.coming-form input {
		width: 100%
	}
}

@media (max-width:991px) {
	.coming-part {
		padding: 50px 0
	}

	.align-items-center {
		height: auto
	}

	.coming-social {
		margin-bottom: 40px
	}
}

.error-content {
	text-align: center;
}

.error-content img {
	width: 100%;
	min-width: 250px;
	max-width: 800px;
	margin-bottom: 50px
}

.error-content h1 {
	font-size: 28px;
	margin-bottom: 3px;
	color: #444
}

.error-content p {
	padding: 15px;
	font-weight: 600;
}

.error-content a i {
	margin-top: -2px;
	margin-right: 3px
}

.price-faq .accordion-item {
	background: rgba(71, 124, 219, .08)
}

.price-faq .accordion-item:last-child {
	margin-bottom: 0
}

.blog-single-img {
	width: 100%;
	height: 550px;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25)
}

.blog-single-content {
	padding: 45px 35px 0
}

.blog-single-meta-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 40px;
	column-gap: 40px;
	row-gap: 10px;
	margin-bottom: 25px
}

.blog-single-meta-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 16px;
	font-weight: 500;
	gap: 8px;
	text-transform: uppercase
}

.blog-single-meta-list li i {
	font-size: 22px;
	color: #477CDB
}

.blog-single-meta-list li span a:hover {}

.blog-single-title {
	margin-bottom: 20px
}

.blog-single-para {
	line-height: 30px;
	margin-bottom: 40px
}

.blog-single-para a {
	font-weight: 500
}

.blog-single-para a:hover {}

.blog-single-para span {
	display: block;
	margin-top: 20px
}

.blog-single-quote {
	padding: 60px;
	border-radius: 10px;
	margin-bottom: 40px;
	background: #0a0930;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 40px;
	position: relative
}

.blog-single-quote i {
	font-size: 100px;
	color: #477CDB;
	position: absolute;
	top: 40px;
	left: 50px
}

.blog-single-quote p {
	font-size: 34px;
	line-height: 1.4;
	color: #f1f2f3;
	margin-left: 130px
}

.blog-single-quote h5 {
	letter-spacing: 3px;
	color: #477CDB;
	text-transform: uppercase;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.blog-single-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	border-top: 1px solid #e3e3e3;
	margin-bottom: 30px;
	padding-top: 30px
}

.blog-single-widget-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px
}

.blog-single-widget-list span {
	font-weight: 500;
	text-transform: capitalize;
	color: #444
}

.blog-single-widget-list a {
	font-size: 16px;
	padding: 3px 12px;
	border-radius: 4px;
	color: #5e5d72;
	background: #f1f2f3;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-single-widget-list a:hover {
	background: #477CDB;
	color: #fff
}

.blog-single-suggest {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 25px;
	margin-bottom: 30px;
	gap: 50px
}

.blog-single-suggest .blog-grid-card {
	margin: 0
}

.blog-single-navigate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 50px;
	margin-bottom: 50px
}

.blog-single-navigate a {
	padding: 12px 30px;
	color: #477CDB;
	background: #f1f2f3;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-single-navigate a:hover {
	color: #fff;
	background: #477CDB
}

@media (max-width:991px) {
	.blog-single-img {
		height: auto
	}
}

@media (max-width:767px) {
	.blog-single-quote {
		padding: 35px
	}

	.blog-single-quote i {
		font-size: 70px;
		top: 23px;
		left: 25px
	}

	.blog-single-quote p {
		font-size: 24px;
		margin-left: 80px
	}

	.blog-single-quote h5 {
		font-size: 16px
	}

	.blog-single-suggest {
		gap: 25px
	}
}

@media (max-width:575px) {
	.blog-single-content {
		padding: 25px 10px 0
	}

	.blog-single-quote {
		padding: 25px;
		gap: 30px
	}

	.blog-single-quote i {
		font-size: 70px;
		top: 15px;
		left: 15px
	}

	.blog-single-quote p {
		margin: 0;
		font-size: 22px;
		margin-top: 60px
	}

	.blog-single-quote h5 {
		font-size: 16px
	}

	.blog-single-suggest {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.blog-single-navigate {
		gap: 15px
	}

	.blog-single-navigate a {
		padding: 10px 18px
	}
}

.dashboard-announce-list {
	list-style-type: disc;
	margin-bottom: 25px
}

.dashboard-announce-list:last-child {
	margin-bottom: 0
}

.dashboard-announce-list li {
	margin-left: 20px;
	margin-bottom: 20px
}

.dashboard-announce-list li:last-child {
	margin-bottom: 0
}

.dashboard-announce-list li b {
	font-weight: 600
}

.dashboard-announce-list li a {
	font-weight: 500;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dashboard-announce-list li a:hover {}

.dashboard-announce-date {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 12px
}

.dashboard-specify-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0
}

.dashboard-specify-list li:first-child {
	border-top: none;
	padding-top: 0
}

.dashboard-specify-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.dashboard-specify-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.dashboard-specify-list li span:last-child {
	font-weight: 500
}

.dashboard-article p {
	line-height: 30px
}

.dashboard-article p span {
	margin-top: 30px;
	display: block
}

.dasboard-resource-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px
}

.dasboard-resource-list li:last-child {
	margin-bottom: 0
}

.dasboard-resource-list li i {
	font-size: 20px;
	margin-top: 3px;
	margin-right: 10px;
	color: #477CDB
}

.dasboard-resource-list li a {
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dasboard-resource-list li a:hover {
	color: #477CDB;

}

.profile-cover-image {
	margin-bottom: 25px
}

.profile-cover-image img {
	width: 100%;
	border-radius: 6px;
	border: 15px solid #f1f2f3
}

.profile-article p {
	line-height: 30px
}

.profile-article p span {
	margin-top: 30px;
	display: block
}

.profile-location iframe {
	width: 100%;
	height: 400px
}

.profile-specify-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0
}

.profile-specify-list li:first-child {
	border-top: none;
	padding-top: 0
}

.profile-specify-list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.profile-specify-list li span {
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap
}

.profile-specify-list li span:last-child {
	font-weight: 500
}

.profile-social-list {
	display: -ms-grid;
	display: grid;
	grid-gap: 15px;
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.profile-social-list li a {
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 12px 0;
	border-radius: 6px;
	background: #477CDB;
	color: #fff
}

.profile-social-list li .facebook {
	background: #3b5998
}

.profile-social-list li .twitter {
	background: #00acee
}

.profile-social-list li .linkedin {
	background: #0e76a8
}

.profile-social-list li .instagram {
	background: #F77737
}

.profile-social-list li .pinterest {
	background: #f0002a
}

.create-nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px
}

.create-nav-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 14px;
	font-weight: 500;
	gap: 15px;
	padding: 18px 20px;
	border-radius: 6px;
	background: #fff;
	text-transform: uppercase;
	position: relative;
	cursor: pointer
}

.create-nav-list li::after {
	font-family: "Material Icons";
	position: absolute;
	content: "\e15c";
	font-size: 22px;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #a8aeb1
}

.create-nav-list li.complete::after {
	content: "\e86c";
	color: #11b76b
}

.create-nav-list li.active {
	background: #477CDB;
	color: #fff
}

.create-ads-form .common-card {
	display: none
}

.create-ads-form .common-card.active {
	display: block
}

.create-extra-input {
	margin-top: 25px;
	margin-bottom: 45px
}

.create-extra-input h5 {
	margin-bottom: 25px
}

.create-feature-check,
.create-feature-switch {
	margin-bottom: 20px
}

.create-feature-check h5,
.create-feature-switch h5,
.create-feature-radio h5 {
	margin-bottom: 20px
}

.create-media {
	margin-bottom: 50px
}

.video-input {
	height: 64px;
	border: 2px dashed #e3e3e3
}

.create-social input {
	background: #f1f2f3
}

.create-social input:focus {
	background: #f1f2f3
}

.create-edit-faqs {
	margin-bottom: 50px
}

.create-edit-faqs input,
.create-edit-faqs textarea {
	background: #f1f2f3
}

.create-edit-faqs input:focus,
.create-edit-faqs textarea:focus {
	background: #f1f2f3
}

.create-edit-faqs .accordion-item.active h5 {
	margin-bottom: 25px
}

.create-price-card {
	padding: 25px 25px 22px;
	border: 2px solid #fff;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff;
	position: relative;
	cursor: pointer;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-price-card i {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 24px;
	color: #477CDB;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-price-card h5 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .3px;
	margin-bottom: 8px;
	color: #5e5d72
}

.create-price-card h6 {
	font-size: 34px;
	font-weight: 700;
	font-family: sans-serif;
	margin-bottom: 3px
}

.create-price-card a {
	text-transform: capitalize;
	letter-spacing: .3px;
	font-size: 16px
}

.create-price-card a:hover {}

.create-price-card.active {
	border-color: #477CDB
}

.create-price-card.active i {
	visibility: visible;
	opacity: 1
}

.create-billing {
	margin-top: 25px
}

.create-billing h5 {
	margin-bottom: 15px
}

.create-billing .form-check-label {
	text-transform: inherit
}

.create-pay-card {
	text-align: center;
	padding: 35px 15px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #fff;
	border: 2px solid #fff;
	cursor: pointer;
	position: relative;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-pay-card i {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 22px;
	color: #477CDB;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.create-pay-card img {
	height: 25px;
	margin-bottom: 10px
}

.create-pay-card small {
	display: block
}

.create-pay-card.active {
	border-color: #477CDB
}

.create-pay-card.active i {
	visibility: visible;
	opacity: 1
}

@media (max-width:575px) {
	.create-nav-list li {
		background: #f1f2f3
	}

	.create-edit-faqs input,
	.create-edit-faqs textarea {
		background: #fff
	}

	.create-edit-faqs .btn {
		padding: 10px 15px;
		font-size: 13px
	}

	.create-pay-card {
		background: #f1f2f3;
		border-color: #f1f2f3
	}

	.create-price-card {
		background: #f1f2f3
	}
}

.product-grid-card:hover .posted-widget {
	visibility: visible;
	opacity: 1
}

.posted-widget {
	position: absolute;
	top: 48px;
	right: 12px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 6px;
	visibility: hidden;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.posted-widget a {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 7px;
	font-size: 20px;
	border-radius: 6px;
	background: rgba(10, 9, 48, .8);
	color: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.posted-widget a.edit {
	background: rgba(17, 183, 107, .9)
}

.posted-widget a.delete {
	background: rgba(255, 56, 56, .9)
}

.favorite-title,
.favorite-item {
	display: -ms-grid;
	display: grid;
	grid-gap: 20px;
	-ms-grid-rows: auto;
	-ms-grid-columns: 3fr 5fr 2fr 1fr;
	grid-template: auto / 3fr 5fr 2fr
}

.favorite-title h6 {
	letter-spacing: .3px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 16px 20px;
	border-radius: 6px;
	background: #f1f2f3
}

.customer-panel .mc-breadcrumb {
	margin-bottom: 0;
}

.favorite-item {
	border-bottom: 1px solid #e3e3e3;
	padding: 25px 0
}

.favorite-item:last-child {
	border-bottom: none
}

.favorite-media {
	position: relative;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	margin: 0 20px;
	margin-right: 0;
}

.favorite-media img {
	width: 100%;
	border-radius: 6px
}

.favorite-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px
}

.favorite-badge .badge {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.favorite-hints {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 4px;
	color: #f1f2f3;
	background: rgba(10, 9, 48, .8)
}

.favorite-hints i {
	font-size: 18px;
	margin-right: 3px
}

.favorite-info {
	margin: 0 20px;
	margin-left: 0;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.favorite-info h3 {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.favorite-info h3 a {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-info h3 a:hover {
	color: #477CDB
}

.favorite-info ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 18px
}

.favorite-info ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 4px;
	margin-right: 11px
}

.favorite-info ul li i {
	font-size: 20px;
	line-height: 24px;
	margin-right: 5px;
	color: var(--bs-gray-600)
}

.favorite-info ul li a,
.favorite-info ul li span {
	font-size: 16px;
	text-transform: capitalize
}

.favorite-info ul li a {
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-info ul li a:hover {}

.favorite-info h5 {
	font-size: 22px;
	font-weight: 700;
	font-family: sans-serif;
	color: #477CDB
}

.favorite-info h5 small {
	font-size: 15px;
	font-weight: 400;
	color: #5e5d72
}

.favorite-widget {
	display: -ms-grid;
	display: grid;
	grid-gap: 13px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	-ms-grid-row-align: center;
	align-self: center;
	margin: 0 20px
}

.favorite-widget a,
.favorite-widget button {
	padding: 10px 12px;
	border-radius: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #5e5d72;
	background: var(--bs-gray-300);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-widget a:hover,
.favorite-widget button:hover {
	color: #fff;
	background: #477CDB
}

.favorite-widget a i,
.favorite-widget button i {
	font-size: 20px
}

.favorite-widget a span,
.favorite-widget button span {
	margin-left: 6px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .5px
}

.favorite-widget .compare.active {
	color: #fff;
	background: #b12fad
}

.favorite-widget .favorite.active {
	color: #fff;
	background: #ff3838
}

.favorite-close {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-ms-grid-column-align: center;
	justify-self: center;
	color: #5e5d72;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.favorite-close i {
	font-size: 30px
}

.favorite-close:hover {
	color: #477CDB
}

@media (max-width:1199px) {

	.favorite-media,
	.favorite-info,
	.favorite-widget {
		margin: 0
	}
}

@media (max-width:767px) {
	.favorite-item {
		-ms-grid-rows: auto;
		-ms-grid-columns: 1fr;
		grid-template: auto / 1fr
	}
}

@media (max-width:991px) {
	.favorite-title {
		display: none
	}

	.favorite-widget {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr)
	}
}

@media (min-width:768px) and (max-width:991px) {
	.favorite-item {
		-ms-grid-rows: auto;
		-ms-grid-columns: 2fr 2fr;
		grid-template: auto / 2fr 2fr
	}

	.favorite-media,
	.favorite-info,
	.favorite-widget {
		-ms-flex-item-align: start;
		align-self: flex-start
	}

	.customer-header {
		flex-direction: column;
		gap: 8px;
	}
}

.compare-table {
	text-align: center
}

.compare-table tbody tr td {
	padding: 15px
}

.compare-table-img {
	width: 100%;
	min-width: 150px;
	max-width: 300px;
	border-radius: 6px
}

.compare-table-text {
	text-transform: capitalize
}

.compare-table-price {
	font-size: 25px;
	font-weight: 700;
	font-family: sans-serif;
	color: #477CDB
}

.compare-table-review ul {
	line-height: 20px
}

.compare-table-review ul li {
	font-size: 18px;
	color: #a8aeb1
}

.compare-table-review ul li.active {
	color: #ffb100
}

.compare-table-review a {
	color: #5e5d72;
	font-size: 16px;
	font-family: sans-serif;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.compare-table-review a:hover {}

.compare-table-review a b {
	font-weight: 700
}

.compare-table-vendor {
	color: #5e5d72;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.compare-table-vendor:hover {}

.compare-table-remove {
	color: #fff;
	background: #ff3838;
	padding: 8px 25px;
	border-radius: 6px;
	text-transform: uppercase;
	letter-spacing: .3px;
	font-size: 14px;
	font-weight: 500
}

.compare-table-remove:hover {
	color: #fff
}

@media (max-width:767px) {
	.compare-table {
		width: 700px;
		overflow-x: scroll
	}
}

.rating-average-score {
	font-size: 80px;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: -1px;
	margin-bottom: 15px;
	text-align: center
}

.rating-average-total {
	color: #5e5d72;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: center
}

.rating-average-list {
	margin-bottom: 25px
}

.rating-average-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 10px
}

.rating-average-graphline {
	width: 100%;
	border-radius: 6px;
	background: var(--bs-gray-300)
}

.rating-average-graphline span {
	height: 6px;
	border-radius: 6px;
	background: #ffb100;
	display: block
}

.rating-average-count,
.rating-average-user {
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: .3px;
	font-size: 15px
}

.rating-average-star {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px;
	margin-bottom: 5px
}

.rating-average-star i {
	font-size: 24px;
	color: #a8aeb1
}

.rating-average-star i.active {
	color: #ffb100
}

.rating-average-text {
	text-transform: capitalize;
	text-align: center;
	font-size: 16px
}

.review {
	background: inherit;
	padding: 0
}

.notify-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 15px;
	padding: 20px 10px;
	border-bottom: 1px solid #e3e3e3
}

.notify-item:first-child {
	padding-top: 0
}

.notify-item:last-child {
	border-bottom: none
}

.notify-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	color: #5e5d72
}

.notify-content:hover {
	color: #5e5d72
}

.notify-media {
	position: relative
}

.notify-media img {
	width: 60px;
	border-radius: 50%
}

.notify-media i {
	width: 35px;
	height: 35px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #fff;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 30px;
	right: -5px;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1)
}

.notify-media i.favorite {
	background: rgba(255, 56, 56, .75)
}

.notify-media i.rating {
	background: rgba(255, 177, 0, .75)
}

.notify-media i.comment {
	background: rgba(17, 183, 107, .75)
}

.notify-media i.announce {
	background: rgba(102, 16, 242, .75)
}

.notify-media i.blog {
	background: rgba(177, 47, 173, .75)
}

.notify-media i.privacy {
	background: rgba(71, 124, 219, .75)
}

.notify-meta {
	width: 100%;
	position: relative
}

.notify-meta span {
	display: block
}

.notify-meta span b {
	font-weight: 500
}

.notify-meta small {
	display: block
}

.notify-close {
	color: #444;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.notify-close:hover {
	color: #477CDB
}

.setting-nav {
	display: -ms-grid;
	display: grid;
	grid-gap: 25px;
	-ms-grid-columns: (1fr)[1];
	grid-template-columns: repeat(1, 1fr);
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.setting-nav .nav-link {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 15px;
	padding: 15px 20px;
	color: #5e5d72;
	background: #fff
}

.setting-nav .nav-link:hover {
	color: #5e5d72;
	background: #fff
}

.setting-nav .nav-link.active {
	color: #fff;
	background: #477CDB
}

@media (max-width:575px) {
	.setting-nav {
		grid-gap: 15px
	}

	.setting-nav .nav-link {
		background: #f1f2f3
	}
}

@media (min-width:576px) and (max-width:991px) {
	.setting-nav {
		display: -ms-grid;
		display: grid;
		grid-gap: 25px;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-rows: auto;
		grid-template-rows: auto
	}

	.setting-nav .nav-link {
		gap: 10px
	}
}

.auth-body {
	overflow: hidden
}

.auth-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.auth-banner {
	width: 60%;
	height: 100vh;
	position: relative
}

.auth-banner-bg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.auth-banner-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: auto;
	top: 0;
	left: 0;
	background: rgba(10, 9, 48, .9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.auth-content {
	padding: 50px;
	max-width: 700px
}

.auth-logo {
	margin-bottom: 35px
}

.auth-logo img {
	height: 50px
}

.auth-headline {
	color: #f1f2f3;
	font-size: 32px;
	margin-bottom: 15px
}

.auth-details {
	margin-bottom: 45px;
	color: var(--bs-gray-400)
}

.auth-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 15px
}

.auth-social h5 {
	color: #f1f2f3;
	font-size: 14px;
	font-weight: 500;
	padding-right: 30px;
	letter-spacing: .3px;
	text-transform: uppercase;
	display: inline-block;
	white-space: nowrap;
	position: relative
}

.auth-social h5::after {
	position: absolute;
	width: 20px;
	height: 2px;
	z-index: auto;
	content: "";
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #f1f2f3
}

.auth-social ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 15px
}

.auth-social ul li a {
	font-size: 18px;
	color: #fff;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-social ul li a:hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

.auth-social ul li .facebook {
	background: #3b5998
}

.auth-social ul li .twitter {
	background: #00acee
}

.auth-social ul li .linkedin {
	background: #0e76a8
}

.auth-social ul li .instagram {
	background: #F77737
}

.auth-social ul li .youtube {
	background: red
}

.auth-form-content {
	padding: 60px 80px;
	overflow-y: scroll
}

.auth-form-title {
	color: #fff;
	font-weight: 500;
	margin-bottom: 30px;
	text-transform: inherit
}

.auth-form {
	width: 40%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #477CDB
}

.auth-form .form-control {
	background: var(--bs-gray-100)
}

.auth-form .form-check-label {
	text-transform: initial;
	font-size: 16px;
	color: #fff
}

.auth-form .form-check-label a {
	color: #f1f2f3;
	color: var(--bs-gray-200);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-form .form-check-label a:hover {}

.auth-form .form-btn {
	background: rgba(10, 9, 48, .9)
}

.form-group-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
	gap: 15px
}

.auth-forgot {
	color: #fff;
	font-size: 16px;
	letter-spacing: .3px;
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-forgot:hover {
	color: var(--bs-gray-200);
}

.auth-form-or {
	margin: 20px 0;
	position: relative;
	text-align: center;
	z-index: 1
}

.auth-form-or span {
	width: 38px;
	height: 38px;
	line-height: 34px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	letter-spacing: .3px;
	font-size: 16px;
	color: #fff;
	background: #477CDB;
	border: 1px solid #8bb5ff
}

.auth-form-or::after {
	position: absolute;
	content: "";
	z-index: -1;
	top: 17px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #8bb5ff
}

.auth-form-continue {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 25px
}

.auth-form-continue li a {
	width: 100%;
	font-size: 16px;
	padding: 10px 0;
	border-radius: 6px;
	text-align: center;
	color: #fff
}

.auth-form-continue li a i {
	margin-right: 10px
}

.auth-form-continue li .facebook {
	background: #3b5998
}

.auth-form-continue li .instagram {
	background: #F77737
}

.auth-form-text {
	color: #fff;
	font-size: 17px;
	text-align: center;
	letter-spacing: .3px
}

.auth-form-text a {
	color: #477CDB;
	color: var(--bs-gray-200);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.auth-form-text a:hover {}

@media (max-width:767px) {
	.auth-body {
		overflow-y: scroll
	}

	.auth-part {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.auth-banner {
		display: none
	}

	.auth-form-content {
		padding: 60px;
		overflow-y: inherit
	}

	.auth-form {
		width: 100%;
		height: auto
	}
}

@media (max-width:575px) {
	.auth-form-content {
		padding: 50px 30px
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.auth-form-content {
		padding: 50px 35px
	}
}

.faq-category {
	padding: 50px;
	border-radius: 6px;
	margin-bottom: 25px;
	background: #f1f2f3
}

.faq-category-title {
	margin-bottom: 30px;
	padding-left: 15px;
	border-left: 3px solid #477CDB
}

.faq-form {
	padding: 80px;
	border-radius: 6px;
	background: rgba(71, 124, 219, .1)
}

@media (max-width:575px) {
	.faq-category {
		padding: 0;
		margin-bottom: 50px;
		background: transparent
	}

	.faq-form {
		padding: 0;
		background: transparent
	}
}

.privacy-group {
	margin-bottom: 50px
}

.privacy-group:last-child {
	margin-bottom: 0
}

.privacy-title {
	margin-bottom: 15px;
	text-transform: inherit
}

.contact-map iframe {
	width: 100%;
	height: 620px;
	border-radius: 6px
}

.contact-form {
	padding: 60px;
	border-radius: 6px;
	background: #0a0930
}

.contact-form-title {
	color: #f1f2f3;
	font-size: 26px;
	margin-bottom: 30px
}

@media (min-width:1199px) {
	.contact-map {
		margin-right: 15px
	}

	.contact-form {
		margin-left: 15px
	}
}

@media (max-width:991px) {
	.contact-form {
		margin-bottom: 50px
	}
}

@media (max-width:575px) {
	.contact-form {
		padding: 25px
	}
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Euclid Circular B', sans-serif;
}

a {
	text-decoration: none;
}

.container {
	max-width: 1300px;
	width: 100%;
	text-align: center;
}

#header {
	width: 100%;
}

#nav {
	width: 100%;
	position: relative;
}

.nav-top {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	border-bottom: 1px solid #e2e2e2;
	border-top: 4px solid #ff6d00;
	padding: 0 20px;
}

.nt-left,
.nt-right {
	display: flex;
	align-items: center;
}

.nt-link {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #667093;
	font-weight: 400;
	font-size: 16px;
	padding: 10px 15px;
	border-right: 1px solid #e2e2e2;
	height: calc(auto + 1px);
	transition: .2s;
}

.nt-link:hover {
	color: #3a4057;
}

.nt-right .nt-link {
	border: none;
}

.nav-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.nb-left,
.nb-right {
	display: flex;
	align-items: center;
	gap: 15px;
}

.nb-left>a img {
	max-width: 150px;
}

.nb-left>a {
	display: flex;
	align-items: center;
}


.nb-link,
.modal-open-btn {
	position: relative;
	font-size: 15px;
	color: #000;
	transition: .2s;
	height: 50px;
	display: flex;
	align-items: center;
}

.nb-link * {
	transition: .2s;
}

.nb-link:hover p,
.nb-link:hover p i,
.modal-open-btn:hover {
	color: #ff6d00;
	cursor: pointer;
}

.nb-link:hover p i {
	transform: rotate(-180deg);
}

.nb-link p span i,
.modal-open-btn i {
	font-size: 11px;
}

.dropdown-style-1,
.dropdown-style-2 {
	position: absolute;
	top: 50px;
	display: flex;
	flex-direction: column;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	pointer-events: none;
	background-color: #fff;
}

.dropdown-style-1,
.dropdown-style-2 {
	box-shadow: 0 0 15px 0px #00000010;
	padding: 10px 10px;
	width: 200px;
}


.dropdown-style-2 {
	width: max-content;
}

.dropdown-style-1 a {
	padding: 5px 10px;
	color: #667093;
}

.dropdown-style-1 a:hover {
	color: #ff6d00;
	background-color: #00000010;
}

.nb-link.dropdown:hover .dropdown-style-1,
.nb-link.dropdown:hover .dropdown-style-2 {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}

.nb-btn-1 {
	color: #fff;
	font-size: 15px;
	border-radius: 5px;
	transition: .2s;
}

.nb-btn-1 i {
	margin-right: 5px;
}

.nb-btn-1:hover {
	background-color: #ff6d00c9;
}

.modal-open-btn img {
	width: 20px;
	margin-right: 5px;
	border-radius: 2px;
}

.modal-open-btn p {
	display: flex;
	align-items: center;
}

.modal-open-btn i {
	margin-left: 5px;
}

.dropdown-style-2 .tabcontent {
	gap: 20px;
}

.dropdown-style-2 .tab {
	display: flex;
	flex-direction: row;
	align-items: center;
	white-space: nowrap;
	gap: 35px;
	margin-bottom: 20px;
}


.dropdown-style-2 .tab button {
	padding: 0px;
	background-color: transparent;
	outline: none;
	border: none;
	border-bottom: 2px solid transparent;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
}

.dropdown-style-2 .tab button.active {
	border-bottom: 2px solid #ff6d00;
}

.header-dr-head {
	font-weight: 500;
	color: #000 !important;
	margin-bottom: 8px;
	padding: 0 7px;
}

.header-col {
	display: flex;
	flex-direction: column;
	width: calc(600% - 15px);
}

.header-dr-a {
	color: #667093;
	padding: 2px 7px;
	font-weight: 500;
}

.header-dr-a:hover {
	background-color: #00000010;
	color: #ff6d00;
	transform: translateX(5px);
}

.hd-col-img {
	background-image: url(../images/header-col-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	padding: 30px;
	width: calc(40% - 15px);
	height: 200px;
	align-items: flex-start;
}

.hd-dr-p {
	color: #fff !important;
	font-size: 24px;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 20px;
}

.hd-dr-btn {
	background-color: #fff;
	color: #ff6d00;
	border-radius: 5px;
	display: inline;
	text-align: center;
	padding: 10px 25px;
}

.hd-dr-btn:hover {
	background-color: #ff6d00;
	color: #fff;
}

.tab {
	overflow: hidden;
}

.tabcontent {
	width: 100%;
	display: none;
}

.modal-state {
	display: none;
}

.modal-state:checked+.modal {
	opacity: 1;
	visibility: visible;
}



.ask__inner {
	position: relative;
}



.currency-btn {
	padding: 5px;
	width: calc(20% - 16px);
	background-color: transparent;
	border: none;
	outline: none;
	transition: .2s;
	cursor: pointer;
}

.currency-btn:hover {
	background-color: #00000004;
	color: #ff6d00;
}

.currency-btn p {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
}

.currency-btn p span:first-child {
	font-weight: 500;
	font-size: 16px;
}

.currency-btn p span:last-child {
	font-size: 14px;
}

.currency-btn p span img {
	width: 20px;
	margin-right: 6px;
	border-radius: 3px;
}

.currency-btn p span {
	display: flex;
	align-items: center;
}

.basket-btn {
	border: 1px solid #e2e2e2;
	padding: 10px 15px;
	border-radius: 5px;
	color: #000;
	transition: .2s;
	position: relative;
	max-height: 42.5px;
	font-size: 15px;
}

.basket-counter {
	background-color: #ff6d00;
	color: #fff;
	font-weight: 600;
	display: inline-flex;
	width: 23.2px;
	height: 23.2px;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	margin-left: 3px;
	transition: .2s;
}

.basket-btn i {
	transition: .2s;
	margin-right: 3px;
}

.basket-btn span {
	display: inline-flex;
}

.basket-btn:hover span,
.basket-btn:hover i {
	transform: scale(1.1) !important;
}

.basket-btn:hover {
	background-color: #00000010;
}

.basket-tooltip {
	position: absolute;
	top: 55px;
	background-color: #000;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in;
	z-index: 99;
}

.basket-tooltip::after {
	content: '';
	border: 5px solid transparent;
	border-top: 0;
	border-bottom: 8px solid #000;
	width: 20px;
	height: 20px;
	top: -33px;
	left: -40px;
	position: relative;
}

.basket-btn span {
	transition: .2s;
}

.sidebar-part {
	display: none !important;
}

.basket-btn:hover .basket-tooltip {
	opacity: 1;
	visibility: visible;
}

.search {
	--background: #fff;
	--text-color: #414856;
	--primary-color: #4f29f0;
	--border-radius: 0px;
	--width: 490px;
	--height: 45px;
	background: var(--background);
	width: auto;
	height: var(--height);
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius);
	box-shadow: 0 10px 30px rgba(65, 72, 86, .05);
	display: flex;
	justify-content: center;
	align-items: center;
}

.search input[type="text"] {
	position: relative;
	width: var(--height);
	height: var(--height);
	font-family: 'Euclid Circular B', sans-serif;
	color: var(--text-color);
	border: 0;
	box-sizing: border-box;
	outline: none;
	padding: 0 0 0 40px;
	transition: width 0.6s ease;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.search input[type="text"]:focus {
	z-index: 2;
	opacity: 1;
	width: var(--width);
}

.search input[type="text"]:focus~.symbol::before {
	width: 0%;
}

.search input[type="text"]:focus~.symbol:after {
	clip-path: inset(0% 0% 0% 100%);
	transition: clip-path 0.04s linear 0.105s;
}

.search input[type="text"]:focus~.symbol .cloud {
	top: -30px;
	left: -30px;
	transform: translate(0, 0);
	transition: all 0.6s ease;
}

.search input[type="text"]:focus~.symbol .lens {
	top: 20px;
	left: 15px;
	transform: translate(0, 0);
	fill: var(--primary-color);
	transition: top 0.5s ease 0.1s, left 0.5s ease 0.1s, fill 0.3s ease;
}

.search .symbol {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search .symbol:before {
	content: "";
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	z-index: -1;
	transition: width 0.6s ease;
}

.search .symbol:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 21px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--primary-color);
	z-index: 1;
	clip-path: inset(0% 0% 0% 0%);
	transition: clip-path 0.04s linear 0.225s;
}

.search .symbol .cloud,
.search .symbol .lens {
	position: absolute;
	fill: #fff;
	stroke: none;
	top: 50%;
	left: 50%;
}

.search .symbol .cloud {
	width: 25px;
	height: 22px;
	transform: translate(-50%, -60%);
	transition: all 0.6s ease;
}

.search .symbol .lens {
	fill: #fff;
	width: 14px;
	height: 14px;
	z-index: 2;
	top: 24px;
	left: 25px;
	transition: top 0.3s ease, left 0.3s ease, fill 0.2s ease 0.2s;
}

.mob-menu {
	border: 1px solid #e2e2e2;
	height: 31.6px;
	width: 31.6px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	transition: .2s;
	cursor: pointer;
	display: none;
}

.mob-menu:hover {
	background-color: #00000010;
}

#mobile-menu {
	display: none;
}

.mobile-menu-container {
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	left: -100%;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in;
	z-index: 99;
}

.mmc-header {
	margin-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}

.main-link {
	width: 100%;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 500;
	color: #414856;
	transition: .2s;
}

.main-link.main-link.with-sub-category {
	padding: 0;
}

.main-link.main-link.with-sub-category label {
	padding: 10px 20px !important;
}

.main-link label {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.main-link:hover {
	background-color: #00000010;
	color: #ff6d00;
}

.main-link input {
	display: none;
}

#mobile-menu:checked~.mobile-menu-container {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.sub-category-container {
	position: fixed;
	background-color: #fbfbfb;
	width: 100%;
	height: calc(100% - 51.6px);
	top: 51.6px;
	right: -100%;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in;
}

.main-link.with-sub-category input:checked~.sub-category-container {
	right: 0;
	opacity: 1;
	visibility: visible;
}

.sub-category-container>label {
	background-color: #e2e2e2;
	justify-content: flex-start;
}

.sub-category-container>label i {
	margin-right: 10px;
}

.sub-link,
.sub-category-container>label {
	display: flex;
	padding: 10px 20px;
	color: #3a4057;
}

.sub-link:hover {
	background-color: #00000004;
	color: #ff6d00;
}

.header-widget.sidebar-open {
	display: none;
}

.nt-right .nt-link {
	border-left: 1px solid #e2e2e2 !important;
	height: 100% !important;
}

.modal-open-btn {
	border-left: 1px solid #e2e2e2 !important;
}

.table_center {
	display: table-cell;
	vertical-align: middle;
}

.drop-down {
	display: inline-block;
	position: relative;
}

.drop-down__button {
	background: linear-gradient(to right, #ff6d00, #f9a668);
	display: inline-block;
	line-height: 40px;
	padding: 0 18px;
	text-align: left;
	border-radius: 4px;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	height: 42.5px;
}

.drop-down__name {
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	letter-spacing: 2px;
}

.drop-down__icon {
	vertical-align: middle;
	margin-left: 14px;
	border-radius: 50%;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	font-size: 13px;
	color: #fff;
}

.drop-down--active i.drop-down__icon {
	transform: rotate(-180deg);
}

.drop-down__menu-box {
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	visibility: hidden;
	opacity: 0;
	margin-top: 5px;
	z-index: 99;
}

.drop-down__menu {
	margin: 0;
	padding: 0 13px;
	list-style: none;

}

.drop-down__menu-box:before {
	content: '';
	background-color: transparent;
	border-right: 8px solid transparent;
	position: absolute;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-top: 8px solid transparent;
	top: -15px;
	right: 18px;

}



.drop-down__menu-box:after {
	content: '';
	background-color: transparent;
}

.drop-down__item {
	font-size: 13px;
	padding: 13px 0;
	text-align: left;
	font-weight: 500;
	color: #909dc2;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #e0e2e9;
}

.drop-down__item-icon {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0px;
	fill: #8995b6;

}

.drop-down__item:hover .drop-down__item-icon {
	fill: #ff6d00;
}

.drop-down__item:hover {
	color: #ff6d00;
}



.drop-down__item:last-of-type {
	border-bottom: 0;
}


.drop-down--active .drop-down__menu-box {
	visibility: visible;
	opacity: 1;
	margin-top: 15px;
}

.drop-down__item:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 28px;
	background-color: #ff6d00;
	left: -13px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.drop-down__item:hover:before {
	display: block;
}

.nb-btn-container .table_center,
.nb-btn-container .drop-down,
.nb-btn-container #dropDown-mob {
	width: 100%;
}

.nb-btn-container .drop-down__button {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.container {
	max-width: 1300px;
	width: 100%;
}
.text--base, a.text-white:hover, .product-card.style--two .product-title a:hover, .product-card.style--two .product-price {
    color: #fff !important
}
.preloader .preloader-container .animated-preloader, .preloader .preloader-container .animated-preloader:before, .ui-slider-range, .hero-search-form .hero-search-btn {
    background: #15212a
}
.section-subtitle.border-left::before, .custom--accordion .accordion-button:not(.collapsed), .custom--nav-tabs.style--two .nav-item .nav-link.active::after, .pagination .page-item.active .page-link, .pagination .page-item .page-link:hover, .video--btn, .btn--base, .btn--base:hover, .read-btn:hover, .read-btn i, .btn-outline--base:hover, .icon-btn, .input-group .input-group-text, .custom-radio label::after, .select2-container--default .select2-results__option--highlighted[aria-selected], .header__top, .header .nav-right .header-top-search-area .header-search-form .header-search-btn, .cart-btn, .card-view-btn-area button.active, .search-tab-menu li button.active, .product-thumb-slider-area .product-details-thumb .tending-badge-two, .subscribe-form button, .blog-details__thumb .post__date .date, .blog-details__footer .social__links li a:hover, .reply-btn:hover, .contact-form select option, .profile-thumb .avatar-edit label, .sidebar .widget .widget__title::after, .sidebar .tags a:hover, .action-sidebar-close, .action-sidebar-open, .product-widget-tags a:hover, .footer-widget .social-links li a:hover, .subscribe-form button, .cart-total-box, .custom--file-upload::before, .scroll-to-top, .ui-state-default, .testimonial-slider .slick-dots li.slick-active button, .action-widget.top-widget .action-widget__title {
    background-color: #15212a
}
.bg--base {
    background-color: #00b580 !important
}
.border--base, .form--control:focus {
    border-color: #00b580 !important
}
.badge--base, .form--control, .btn-outline--base {
    border: 1px solid #00b580
}
.d-widget {
    border-left: 3px solid #011731
}
.section--bg2, .custom--table thead, .select2-dropdown ::-webkit-scrollbar-thumb, .header__bottom, .laguage-select option, .hero::after, .serach-area, blockquote, .single-info__icon, .footer-section, .withdraw-card, .withdraw-preview-sidebar {
    background-color: #011731
}
.user-area, .dashboard-area .tab-content-area, .user-sidebar {
    background-color: #01173108
}
.category-item:hover, .box--border {
    border-color: #00b580
}
.box--shadow {
    box-shadow: 0 10px 25px #00b58015
}
.custom--accordion .accordion-button {
    background-color: #00b58005
}
.custom--accordion .accordion-item {
    border-color: #00b58050
}
.btn--base2 {
    background-color: #00b58025;
    color: #00b580 !important
}
.btn--base2:hover {
    background-color: #00b580;
    color: #fff !important
}
.feature-product-slider .slick-arrow:hover, .product-card.style--two {
    background-color: #00b580
}
.cart-btn {
    box-shadow: 0 5px 10px #00b58025
}
.cart-btn:hover {
    box-shadow: 0 5px 10px #00b58035
}
.product-card.style--two:hover {
    box-shadow: 0 0 15px 2px #00b580
}
.product-card .pin {
    top: 146px;
    left: -7px;
}
.product-card .pin {
    position: absolute;
    top: 123px;
    left: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pin.featured {
    background-color: #dc3545;
}
.pin.featured-premium {
    background-color: #007bff;
}
.pin {
    display: inline-block;
    padding: 0px 5px;
    border-radius: 2px;
    background-color: #535d5f;
    color: #fff;
    font-family: "Titillium Web", sans-serif;
    font-size: 0.5625em;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    position: absolute;
}
.bg-seccolorstyle {
    background-color:#15212a!important;
}
.help {
    position:relative;
}
.help .help-container{
    height:100px;
    margin-top:10px;
    margin-bottom: 10px;
    background-color:#fff;
}
.help .help-item,.help .help-item:before{
    position:absolute;
    transition:.3s;
    bottom:0;
}
.help .help-item{
    top:0;
    right:0;
    left:0;
    display:block;
    border:0;
    font-size:0;
    padding:0;
    overflow:hidden;
}
.help .help-item:before{
    content:'';
    top:25px;
    left:15%;
    width:1px;
    height:50%;
    background:grey;
}
.help .help-item.dark:before{
    background:#011731;
}
.help .help-item:before.right{
    right:28%;
}
.help .help-item .img{
    position:relative;
    width:28%;
    height:100%
}
.help .help-item .ico{
    position:absolute;
    top:50%;
    left:50%;
    width:55px;
    height:55px;
    transform:translate(-50%,-50%);
}
.help .help-item .inform{
    width:70%;
    padding:0 30px;
}
.help .help-item .inform .title{
    font-size:19px;
    font-weight:700;
    color:#212122;
}
.help .help-item .inform .description{
    font-size:16px;
    line-height:26px;
    color:#818182;
    margin-top:5px;
}
.help .help-item .img,.help .help-item .inform{
    display:inline-block;
    vertical-align:middle;
}
.help .help-item .img, .help .help-item .inform {
    display: inline-block;
    vertical-align: middle;
}
.help .help-item .img {
    position: relative;
    width: 15%;
    height: 100%;
}
.help .help-item i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    font-size: 55px;
    transform: translate(-50%,-50%);
    color: #ffffff!important
}
.help .help-item .img, .help .help-item .inform {
    display: inline-block;
    vertical-align: middle;
}
.help .help-item .inform {
    width: 85%;
    padding: 0 30px;
}
.help .help-item .inform .title {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
}
.help .help-item .inform .description {
    font-size: 16px;
    line-height: 26px;
    color: #d4dee7;
    margin-top: 5px;
}
.panel-info {
    border-color: #15212a!important;
}
.panel-block {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    position: relative;
}
.panel-info > .panel-leftheading {
    color: #ffffff;
    background-color: #15212a;
    border-color: #15212a;
}
.panel-leftheading {
    width: 42px;
    padding: 10px 15px;
    float: left;
    height: 100%;
    position: absolute;
}
.panel-lefttitle {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 16px;
    color: inherit;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}
.panel-rightbody {
    float: left;
    margin-left: 45px;
    padding: 15px;
}
.cloud-div {
    width:100%;
    justify-content:center;
    text-align:center;
}
.cloud-tag {
    padding: 0;
    padding-right: 5px;
    vertical-align:center;
    white-space: break-spaces;
}
@media screen and (max-width: 780px){
    .master-blank-div {
        height: 15px!important;
    }
}
@media screen and (min-width:780px){
    .master-blank-div {
        display: none!important;
    }
}
.master-slider img {
    border-radius: 6px;
}
.master-slider .NextArrow {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    right: 0px;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 20px 0 0 20px;
}
.master-slider .NextArrow:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
    font-weight: 900;
}
.master-slider .PrevArrow {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0 20px 20px 0;
}
.master-slider .PrevArrow:before {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}
.master-duyuru {
    position: relative;
    margin-top: 15px;
    height: 192px;
    width: 100%;
    background: #ffffff;
    border-radius: 6px;
    padding: 15px;
}
.master-duyuru::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f0a1";
    display: inline-block;
    padding-right: 3px;
    left: -50px;
    top: -20px;
    opacity: 0.03;
    font-size: 200px;
    vertical-align: middle;
    font-weight: 900;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.master-duyuru .master-duyuru-title {
    display: block;
    font-weight: bold!important;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.master-duyuru p {
    width: 100%;
    overflow: hidden;
    font-weight: 100!important;
}
.hero-banner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	height: 300px;
	background-color: #F9FBFF;
	position: relative;
	padding-bottom: 100px;
}

.hero-banner .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.hero-banner p {
	max-width: 450px;
	text-align: center;
	color: #000;
	opacity: .7;
	font-size: 14px;
}

.hero-banner h2 {
	color: #000;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
}

.tabs-area .tab {
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 50px;
	padding-bottom: 78px;
	gap: 130px;
	background-color: rgba(229, 242, 250, .95);
	position: relative;
}

.tabs-area .tab::before {
	content: '';
	background-image: url(../images/banner/banner-wizard.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.tabs-area .ttablinks {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	justify-content: center;
	font-weight: 600;
	position: relative;
	background-color: #fff;
	border: 2px solid #e1e3e5;
	color: #000;
	font-size: 17px;
}

.tabs-area .ttablinks.active {
	color: #fff;
	background-color: #ff8600;
	border-color: #ff8600;
}

.tabs-area .ttablinks.active::after {
	color: #ff8600;
}

.tabs-area .ttablinks::after {
	content: attr(data-info);
	position: absolute;
	white-space: nowrap;
	top: 55px;
	color: #000;
	font-size: 18px;
}

.tabs-area .tabcontent {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}

.tabs-header {
	color: #ff8600;
	font-size: 25px;
	font-weight: 600;
}

.tabs-p {
	margin-bottom: 15px;
}

.packet-selection {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 40px;
	margin: 60px 0 30px 0;
}

.packet-selection input {
	display: none;
}

.packet-box {
    width: calc(20% - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff8600;
    border-radius: 5px;
    position: relative;
    padding: 41px 0;
    cursor: pointer;
    transition: all .2s;
}

.checked-tick-area {
	background-color: #f8f8f8;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -15px;
	border-radius: 50%;
	border: 2px solid #ec7f04;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in-out;
}

.checked-tick-area i {
	color: transparent;
	font-size: 15px;
	height: 35px;
	padding-top: 2px;
	display: flex;
	align-items: center;
	color: #ff8600;
}

.packet-box:hover {
	transform: scale(1.1);
}

.checked-tick-area {
	position: absolute;
}

.packet-big {
	font-size: 25px;
	font-weight: 600;
	color: #ff8600;
}

.packet-price {
	font-size: 15px;
	font-weight: 500;
}

.tabs-area .tabcontent a {
	padding: 15px 70px;
	background-color: #ff8600;
	border: none;
	outline: none;
	color: #fff;
	border-radius: 5px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s;
	margin-bottom: 50px;
	font-size: 16px;
	margin-top: 25px;
	text-decoration: none;
}

.tabs-area .tabcontent a:hover {
	background-color: #ec7f04;
}

.packet-selection input:checked+.packet-box {
	background-color: #ff8600;
	color: #fff;
	transform: scale(1.1);
}

.packet-selection input:checked+.packet-box .checked-tick-area {
	visibility: visible;
	opacity: 1;
}

.packet-selection input:checked+.packet-box .packet-big {
	color: #fff;
}

.accordion {
	border: 1px solid #ff8600;
	border-radius: 10px;
	width: 70%;
	max-width: 800px;
	margin-bottom: 20px;
	transition: all .2s ease-in-out;
	position: relative;
}

.accordion:nth-last-child(2) {
	margin-bottom: 30px !important;
}

.accordion input[type='checkbox'] {
	display: none;
}

.accordion-header {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	height: 64px;
	cursor: pointer;
	transition: all .2s;
	border-radius: 10px;
}

.accordion-header:hover {
	background-color: #ff8600;
}

.accordion-header:hover p {
	color: #fff;
}

.accordion-header p {
	font-size: 16px;
	font-weight: 600;
	color: #ff8600;
	user-select: none;
}

.accordion-panel {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.input-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px;
}

.input-container input {
	height: 40px;
	width: calc(100% - 111.8px);
	padding-left: 15px;
	border-radius: 5px 0 0 5px;
	outline: none;
	border: none;
	background-color: #f8f8f8;
	border: 1px solid #c2c2c2;
}

.accordion .accordion-arrows {
	color: #ff8600;
}

.accordion:hover .accordion-arrows,
.accordion input:checked+.accordion-header .accordion-arrows {
	color: #fff;
}

.accordion input:checked+.accordion-header .accordion-arrows {
	transform: rotate(90deg);
}

.input-container button {
	width: 120px;
	height: 40px;
	border-radius: 0 5px 5px 0;
	border: none;
	outline: none;
	background-color: #f60;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s ease-in;
}

.input-container button:hover {
	opacity: .7;
}

.accordion-panel button {
	margin-bottom: 0;
}

.accordion input:checked~.accordion-panel {
	max-height: 1000px;
	opacity: 1;
	visibility: visible;
}

.accordion input:checked+.accordion-header {
	background-color: #ff8600;
}

.accordion input:checked+.accordion-header p {
	color: #fff;
}

.extra-services {
	display: flex;
	flex-direction: column;
	max-width: 1300px;
	width: 80%;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: 0 0 15px 0 #00000005;
}

.psh {
	position: absolute;
	right: 10px;
	top: 33px;
	cursor: pointer;
}

.po-re input::-ms-reveal {
	appearance: none;
	-webkit-appearance: none;
	display: none;
}

#password-show-hide,
#password-show-hide-2,
#password-show-hide-3 {
	display: none;
}

.psh svg {
	fill: #081131;
	width: 24px;
	height: 24px;
}

.po-re {
	position: relative;
}

.login-password-area {
	display: flex;
	flex-direction: column;
}

.extra-a {
	display: flex;
	justify-content: space-between;
}

.go-back {
	margin-left: 20px !important;
	margin-right: 0 !important;
}

.extra-a a {
	margin: 20px 20px 20px 0;
}

.extra-header {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background-color: #ff8600;
	border-radius: 5px 5px 0 0;
}

.extra-body {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.extra-left,
.extra-right {
	width: 50%;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}

.extra-row {
	display: flex;
	align-items: center;
	width: 100%;
}

.extra-row-left,
.extra-row-right {
	width: 50%;
	padding: 15px;
}

.erl-header {
	font-size: 14px;
	font-weight: 600;
	color: #000;
	text-align: left;
	margin-bottom: 10px;
}

.erl-content {
	font-size: 13px;
	font-weight: 400;
	line-height: 19px;
	display: flex;
}

.extra-row-right {
	gap: 2px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.extra-row-right .extra-row {
	gap: 10px;
	display: flex;
}

.extra-row-right .extra-row label {
	font-size: 14px;
}

.extra-body>.extra-row:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.extra-row-right input,
.extra-row-right textarea {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ff8600;
	outline: none;
	line-height: 45px;
	padding-left: 10px;
}

.extra-row-right input[type='file'] {
	line-height: 20px;
	padding: 10px;
	font-size: 14px;
}

.extra-row-right textarea {
	resize: vertical;
	height: 46.6px;
}

.extra-33-left,
.extra-33-middle,
.extra-33-right {
	width: 33%;
}

#cart-section {
	display: flex;
	justify-content: center;
	padding: 40px 0;
	background-color: #F9FBFF;
}

#cart-section .container {
	display: flex;
	flex-direction: column;
}

.cart-top {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
	border-radius: 5px;
}

.cart-top table {
	width: 100%;
	border-collapse: collapse;
}

.cart-top table .extra-left {
	width: inherit;
}

.cart-top .extra-services {
	width: 100%;
	background-color: #fff;
}

.cart-top .extra-header {
	display: revert;
	background-color: #F9FBFF;
	padding: 0;
}

.cart-top .extra-header th {
	padding: 15px 20px;
}

.cart-top .extra-header .extra-left,
.cart-top .extra-header .extra-right {
	color: #000;
}

.cart-top .erl-header {
	line-height: 11px;
	font-size: 16px;
}

.td-text {
	text-align: center;
	font-size: 14px;
	opacity: .8;
}

.last-td {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.td-marked {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.line-thr-text {
	text-decoration: line-through;
	opacity: .7;
	font-size: 14px;
	font-weight: 500;
	line-height: 10px;
}

.cart-top .erl-content {
	line-height: 12px;
}

.cart-top .extra-body {
	background-color: #fff;
}

.cart-top tbody td {
	padding: 15px 20px;
}

.erl-info {
	font-size: 12px;
	line-height: 10px;
	display: block;
	text-align: left;
}

.erl-info+.erl-content {
	font-size: 11px;
	opacity: .7;
	margin-top: 5px;
}

.extra-33-row-middle select {
	display: inline-flex;
	padding: 4px 7px;
	border: none;
	outline: none;
	border-radius: 4px;
}

.erl-33-span {
	font-size: 20px;
	font-weight: 600;
	line-height: 16px;
}

.extra-33-row-right {
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

.right-discount {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background-color: #0b75b3;
	border-radius: 4px;
	padding: 1px 6px;
}

.delete-cart {
	background-color: #ed4545 !important;
	color: #fff;
}

.delete-cart:hover {
	background-color: #081131 !important;
	color: #fff;
}

.cart-btn {
	border: none;
	outline: none;
	padding: 6px 12px;
	border-radius: 4px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s ease-in;
	font-size: 14px;
}

.cart-btn:hover {
	background-color: #081131;
	color: #fff;
}

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

.cart-btn i {
	margin-right: 5px;
}

.cart-bottom {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.cb-left {
	width: 70%;
}

.cb-right {
	width: 30%;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
}

.cb-right .extra-header {
	background-color: #F9FBFF;
	border-radius: 5px;
}

.cb-right .extra-header .extra-left {
	color: #000;
}

.cb-right .extra-body {
	background-color: #fff;
}

.cb-right .extra-services {
	width: 100%;
}

.cb-right .erl-info {
	font-size: 16px;
	font-weight: 500;
}

.cb-right .erl-header {
	white-space: nowrap;
	font-size: 16px;
	font-weight: 400;
}

.cb-right .extra-row-right {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.total-price-container {
	width: 100%;
	display: flex;
}

.total-price-container p {
	width: 50%;
	white-space: nowrap;
	padding: 10px 15px;
}

.total-price-p {
	font-weight: 600;
	font-size: 14px;
}

.total-price {
	display: flex;
	justify-content: flex-end;
	font-size: 14px;
	font-weight: 600;
}

.cb-right .extra-services {
	margin-bottom: 15px;
}

.continue-btn,
.login-body button,
.login-left form button {
	width: 100%;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	display: flex;
	border-radius: 5px;
	padding: 17px 10px;
	color: #fff !important;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 15px;
	transition: all .2s ease-in;
	border: none;
	cursor: pointer;
}

.continue-btn:hover {
	opacity: .7;
}

.cart-top .extra-services {
	margin-bottom: 0px;
}

.coupon-code-area {
	background-color: #fff;
	width: 100%;
	margin-right: 15px;
	border-radius: 5px;
}

.coupon-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin-bottom: 15px;
	box-shadow: 0 0 15px 0 #00000005;
}

.coupon-header p {
	font-weight: 600;
}

.coupon-body {
	padding: 15px 0px 0 0px;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.coupon-body input {
	width: 100%;
	height: 56px;
	border: 1px solid #ddd;
	padding-left: 2px;
	outline: none;
	border-radius: 5px;
	background-color: #fff;
}

.coupon-body button {
	position: absolute;
	right: 10px;
	border: none;
	height: 36px;
	outline: none;
	font-weight: 500;
	padding: 5px 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: all .2s ease-in;
	color: #fff;
	font-size: 14px;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
}

.coupon-body button:hover {
	opacity: .7;
}

.coupon-body button:hover {
	background-color: #F9FBFF;
}

.custom-checkbox {
	display: flex;
	align-items: center;
}

#checkbox-coupon {
	display: none;
}

.custom-checkbox p {
	font-weight: 500;
	font-size: 11px;
}

.custom-checkbox label {
	margin: 0 10px;
	background-color: #fff;
	width: 40px;
	height: 21px;
	border-radius: 15px;
	background-color: #2ece67;
	transition: all .3s ease-in;
	position: relative;
}

#checkbox-coupon:not(:checked)~.custom-checkbox label {
	background-color: #ed4545;
}

.custom-checkbox label span {
	width: 16px;
	height: 16px;
	background-color: #fff;
	display: flex;
	border-radius: 50%;
	margin: 2.4px;
	transition: all .3s ease-in;
	position: absolute;
}

#checkbox-coupon:not(:checked)~.custom-checkbox label span {
	left: 0px;
}

#checkbox-coupon:checked~.custom-checkbox label span {
	transform: translateX(19px);
}

#checkbox-coupon:not(:checked)~.coupon-body input,
#checkbox-coupon:not(:checked)~.coupon-body button {
	pointer-events: none;
	opacity: .7;
}

#checkbox-coupon:not(:checked)~.coupon-body {
	cursor: not-allowed;
}

.continue-shopping {
	display: inline-flex;
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
	border-radius: 5px;
	transition: all .2s ease-in-out;
}

.continue-shopping:hover {
	background-color: #eee;
}

.basket-empty {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 25px;
	margin: 20px 0;
	margin-bottom: 0;
	background-color: #F9FBFF;
	border-radius: 5px;
	font-weight: 500;
}

.basket-empty i {
	font-size: 70px;
	margin-bottom: 5px;
	color: #0b75b3;
}

.basket-empty span {
	font-size: 16px;
	color: #000;
	opacity: .7;
	text-align: center;
}

.basket-empty p {
	text-align: center;
	font-size: 25px;
	margin-bottom: 10px;
}

.last-td .td-marked {
	margin: 5px 0;
}

.order-detail-p {
	padding: 0 20px 10px 20px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.order-detail-p span {
	font-size: 13px;
	color: #000;
}

.order-detail-p span:first-child {
	display: flex;
	align-items: center;
}

.order-detail-p span:first-child i {
	margin-right: 5px;
	font-size: 10px;
}

.order-detail-p span:last-child {
	font-weight: 600;
}

.cart-progress-area {
	width: 100%;
	position: absolute;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px 0;
	padding-bottom: 0;
	border-bottom: 2px solid #eee;
}

.cart-progress-area div {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

.cpa-top {
	width: 100%;
	display: flex;
}

.cpa-bottom {
	height: 4px;
	margin-top: 15px;
	align-self: flex-start;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	position: relative;
}

.cpa-bottom span {
	position: absolute;
	right: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(180deg, #2ece67 0%, #01BED1 100%);
}

.cpa-bottom.basket {
	width: 17.5%;
}

.cpa-bottom.payment {
	width: 84%;
}

.cpa-bottom.basket-2 {
	width: 51%;
}

.passed {
	color: transparent;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	-webkit-background-clip: text;
	font-weight: 600 !important;
	-webkit-text-fill-color: transparent;
}

.extra-p {
	font-weight: 500;
	margin-bottom: 5px;
}

.must-pay-today b {
	width: 100%;
	display: block;
	font-size: 25px;
	line-height: 30px;
}

.basket-3 .cart-bottom {
	align-items: flex-start;
}

.must-pay-today span {
	width: 100%;
	white-space: nowrap;
	opacity: .7;
	font-weight: 400;
}

#cart-section .accordion {
	border: 1px solid #ddd;
	max-width: 500px;
}

.basket-3 .cb-left {
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.basket-box-area {
	background-color: #fff;
	box-shadow: 0 0 15px 0 #00000005;
	border-radius: 5px;
	padding: 20px;
}

.basket-box-body textarea {
	width: 100%;
	resize: vertical;
	border-radius: 0px;
	padding-top: 10px;
	padding-left: 10px;
	border: 1px solid #ddd;
	outline: none;
}

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

.basket-box-header p {
	font-weight: 500;
	font-size: 18px;
}

.basket-box-header a {
	font-weight: 500;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	transition: all .2s ease-in;
}

.basket-box-header a:hover {
	opacity: .7;
}

.bill-box {
	background-color: #F9FBFF;
	padding: 15px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.bill-name {
	font-size: 16px !important;
	font-weight: 500;
	margin-bottom: 10px !important;
}

.bill-box p {
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-bottom: 4px;
	padding: 7px 0;
}

.bill-box p span:first-child {
	font-weight: 500;
	width: 70px;
	display: flex;
}

.bill-box p span:last-child {
	font-weight: 500;
	color: #667093;
}

.bill-box button {
	position: absolute;
	right: 10px;
	background: #F0F1F4;
	height: 40px;
	padding: 0 24px;
	border: none;
	outline: none;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	cursor: pointer;
	transition: all .2s ease-in;
}

.bill-box button i {
	margin-right: 10px;
}

.bill-box button:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.info-yellow {
	border: 1px solid #faebcc;
	background-color: #FFFFFF;
	font-size: 14px;
	color: #8a6d3b;
}

.current-address {
	font-size: 12px;
	font-weight: 500;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	padding: 5px 10px;
	color: #fff;
	border-radius: 4px;
	margin-top: 10px !important;
	display: inline-flex;
	justify-content: center;
	max-width: 120px;
}

#cart-section .accordion-header p {
	color: #000;
}

#cart-section .accordion:hover,
#cart-section .accordion-header:hover {
	background-color: #F9FBFF !important;
}

.cb-right {
	position: sticky;
	top: 20px;
}

#cart-section .accordion input:checked+.accordion-header {
	background-color: transparent;
}

.accordion .accordion-arrows {
	position: absolute;
	right: 20px;
	transition: all .2s ease-in;
	font-size: 13px;
}

#cart-section .accordion input:checked+.accordion-header .accordion-arrows {
	transform: rotate(90deg);
}

.hero-banner.service-choose {
	height: 200px;
	padding: 20px;
	background-color: #082842f0;
	position: relative;
}

.hero-banner.service-choose h2 {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #06D65D;
}

.hero-banner.service-choose::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(../images/banner/banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

#agreement,
#agreement-2 {
	display: none;
}

label[for='agreement'],
label[for='agreement-2'] {
	font-size: 14px;
	font-weight: 400;
	color: #667093;
	user-select: none;
}

label[for='agreement'] a,
label[for='agreement-2'] a {
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	color: #667093;
}

label[for='agreement']:not(:last-child),
label[for='agreement-2']:not(:last-child) {
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
}

label[for='agreement']:not(:last-child) i,
label[for='agreement-2']:not(:last-child) i {
	color: transparent;
	font-size: 12px;
}

#agreement:checked+label[for='agreement']:not(:last-child),
#agreement-2:checked+label[for='agreement-2']:nth-child(2) {
	background-color: #2ece67;
	border: 1px solid #2ece67;
}

#agreement:checked+label[for='agreement']:not(:last-child) i,
#agreement-2:checked+label[for='agreement-2']:not(:last-child) i {
	color: #fff;
}

input[name='payment-option'] {
	display: none;
}

.payment-header {
	background-color: #F9FBFF;
	padding: 16px;
	justify-content: flex-start;
	gap: 10px;
}

.payment-header label {
	font-size: 14px;
	padding: 11px;
	width: 180px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

#po-1:checked~.payment-header label[for='po-1'],
#po-2:checked~.payment-header label[for='po-2'],
#po-3:checked~.payment-header label[for='po-3'] {
	background-color: #fff;
	color: #00B57F;
	box-shadow: 0 0 10px -2px #00000010;
}

.po-1-body,
.po-2-body,
.po-3-body {
	height: 0;
	overflow: hidden;
	transition: all .3s ease-out;
	visibility: hidden;
	opacity: 0;
}

#po-1:checked~.po-1-body,
#po-2:checked~.po-2-body,
#po-3:checked~.po-3-body {
	height: auto;
	visibility: visible;
	opacity: 1;
}

.payment-header._dl {
	width: 100%;
	color: #667092;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #515151;
	line-height: 24px;
}

.basket-box-header.payment-header {
	padding: 8px;
	flex-wrap: wrap;
}

.payment-header._dl a {
	text-decoration: none;
	color: #081131;
	font-weight: 500;
}

.big-text {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 18px;
}

.po-1-body table {
	width: 100%;
}

.po-1-body table th {
	text-align: left;
	color: #667093;
	font-size: 14px;
	font-weight: 400;
}

.po-1-body table th {
	padding: 19px 7px;
}

.po-1-body table td {
	border-top: 1px solid rgba(102, 112, 147, 0.2);
	padding: 17px 7px;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}

.po-2-body,
.po-3-body {
	display: flex;
	flex-wrap: wrap;
}

.po-2-body p.extra-100,
.po-3-body p.extra-100 {
	font-weight: 500;
	margin-bottom: 15px;
	width: 100%;
}

.po2-left,
.po2-right {
	width: 50%;
}

.po2-left {
	display: flex;
	flex-direction: column;
	padding-right: 20px;
}

.po2-left label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: left;
}

._pass {
	margin-top: 10px;
}

.po2-left input {
	border: 2px solid #e1e3e5;
	outline: none;
	background-color: #fff;
	border-radius: 5px;
	height: 45px;
	padding-left: 10px;
	font-weight: 600;
	font-size: 15px;
}

.po2-left input:focus {
	border-color: #06D65D;
}

.po2-left input::placeholder {
	font-weight: 500;
}

.po2-left input:not(:last-child) {
	margin-bottom: 10px;
}

.po2-right {
	background-color: #06D65D10;
	border-radius: 10px;
	aspect-ratio: 16/9;
}

.login-body {
	width: 100%;
	padding-right: 0;
}

.register-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.rr-right a {
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	transition: all .2s ease-in-out;
}

.rr-right a:hover {
	opacity: .7;
}

.login-body button:hover {
	opacity: .7;
}

.reg-row .rr-left,
.reg-row .rr-right {
	display: flex;
	flex-direction: column;
	width: calc(50% - 7.5px);
}

.reg-row {
	column-gap: 15px;
	border-radius: 5px;
	flex-wrap: wrap;
}

.reg-row._bg {
	margin-top: 10px;
}

.reg-100 {
	width: 100%;
	font-weight: 600;
	margin-bottom: 5px;
}

.cpa-top {
	padding: 0 20px;
	overflow: hidden;
}

.cpa-top div {
	white-space: nowrap;
}

.cpa-top span {
	margin-left: 5px;
	display: flex;
}

#reg-ph {
	width: 100%;
}

.cart-top .accordion-arrows,
.cart-top .accordion:hover .accordion-arrows,
#cart-section .accordion input:checked+.accordion-header .accordion-arrows {
	color: #000;
}

input[name="account-type"] {
	display: none;
}

._at {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

._at p {
	font-weight: 500;
	margin-right: 40px;
}

._at label {
	font-size: 16px;
}

._at label span {
	border: 1px solid #e1e3e5;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	border-radius: 4px;
}

._at label span i {
	font-size: 13px;
	color: #fff;
}

.reg-row._bg {
	visibility: hidden;
	opacity: 0;
	height: 0;
	transition: all .2s ease-out;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

td._at input[type=checkbox],
.tab-row input[type=checkbox] {
	display: none;
}

input#at-1:checked~._at label[for='at-1'] span,
input#at-2:checked~._at label[for='at-2'] span,
._at input#at-1:checked+label[for='at-1'] span,
td._at input[type=checkbox]:checked+label span,
.tab-row input[type=checkbox]:checked+label span {
	background-color: #06D65D;
	border-color: #06D65D;
}

._at input#at-1 {
	display: none;
}

input#at-2:checked~.reg-row._bg {
	visibility: visible;
	opacity: 1;
	height: inherit;
	width: 100%;
	padding: 0px;
	margin: 10px 0;
}

._login-header {
	justify-content: center;
}

._login-header label {
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

._login-header label i {
	margin-right: 10px;
}

.po-2-body .register-row {
	margin: 20px 0;
	margin-bottom: 30px;
}

input[name='extra-s-1'],
input[name='extra-s-2'] {
	display: none;
}

input[name='extra-s-1']+label,
input[name='extra-s-2']+label,
.gi-left .extra-row label:first-child,
.new-bill .extra-row label:first-child,
.new-bill .extra-row:nth-child(2) label:nth-child(2) {
	border: 2px solid #ff8600;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
}

input[name='extra-s-1']+label i,
input[name='extra-s-2']+label i,
.gi-left .extra-row label:first-child i,
.new-bill .extra-row label i {
	font-size: 12px;
}

input[name='extra-s-1']:checked+label,
input[name='extra-s-2']:checked+label,
input[name='newbill']:checked+label {
	background-color: #ff8600;
}

input[name='newbill'] {
	display: none;
}

input#newbill1:checked+.account-type-selection label:first-child {
	background-color: #ff8600;
}

.extra-srv .extra-row label {
	margin-bottom: 3px;
}

.table-tl {
	display: none;
}

.footer-links .accordion {
	border: none;
	width: 100%;
	margin-bottom: 0 !important;
	text-align: left;
}

.footer-links .accordion strong {
	margin-bottom: 0;
}

.product-detail-container {
	display: flex;
	gap: 25px;
}

.product-detail-price-area {
	background: #f1f2f3;
	margin-bottom: 20px;
	padding: 22px 25px 25px;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px dashed #999;
	position: relative;
}

.product-detail-price-area .old-price {
	text-decoration: line-through;
	font-size: 15px;
}

.product-detail-price-area .new-price {
	font-weight: 700;
	color: #333;
	font-size: 27px;
}

.product-detail-price-area .new-price .pr-small-text {
	font-size: 18px;
}

.discount-rate {
	color: #fff;
	font-weight: 500;
	background-color: #ed4545;
	padding: 2px 7px;
	border-radius: 3px 6px 3px 3px;
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.product-interactions-container {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
	background-color: #f1f2f3;
	padding: 22px 25px 25px;
	border-radius: 6px;
}

.pic-btn.add-basket {
	font-size: 15px;
	background-color: #21b632;
	color: #fff !important;
}

.pic-btn.add-basket:hover {
	font-size: 15px;
	background-color: #21b632;
	color: #fff;
}

.pic-btn2 {
	background-color: #0086bc;
	color: #fff !important;
    width: 100%;
    border: 1px solid #0086bc;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    transition: all .2s ease-in;
}
.pic-btn2:hover {
	background-color: #0086bc;
	color: #fff !important;
}

.pic-btn2 i {
	margin-right: 5px;
}

.pic-btn5 {
	background-color: #94089e;
	color: #fff !important;
    width: 100%;
    border: 1px solid #94089e;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    transition: all .2s ease-in;
}
.pic-btn5:hover {
	background-color: #94089e;
	color: #fff !important;
}

.pic-btn5 i {
	margin-right: 5px;
}

.pic-btn3 {
	background-color: #00548b;
	color: #fff !important;
    width: 100%;
    border: 1px solid #00548b;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    transition: all .2s ease-in;
}
.pic-btn3:hover {
	background-color: #00548b;
	color: #fff !important;
}

.pic-btn3 i {
	margin-right: 5px;
}
.pro-bilgi {
    padding: 10px 0 10px 50px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    position: relative;
}
.pro-bilgi .baslik {
    color: #2b373a;
    margin-bottom: 0;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
}
.pro-bilgi .altbilgi {
    color: #888;
    font-weight: 500;
    font-size: 14px;
}
.pro-bilgi .faicon {
    position: absolute;
    left: 5px;
    font-size: 30px;
    top: 14px;
    color: #a1a2a6;
}
.pic-btn4 {
	background-color: #ED1C24;
	color: #fff !important;
    width: 100%;
    border: 1px solid #ED1C24;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    transition: all .2s ease-in;
}
.pic-btn4:hover {
	background-color: #ED1C24;
	color: #fff !important;
}

.pic-btn4 i {
	margin-right: 5px;
}

.pic-btn {
	width: 100%;
	border: 1px solid #21b632;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #21b632 !important;
	transition: all .2s ease-in;
}

.pic-btn:hover {
	background-color: #21b632;
	color: #fff !important;
}

.pic-btn i {
	margin-right: 5px;
}

.used-technologies {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	width: 100%;
	padding: 0 25px;
}

.ut-item {
	border: 1px solid transparent;
	width: 30px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	transition: all .2s ease-in;
	cursor: pointer;
}

.ut-item:hover {
	color: #fff !important;
	transform: scale(1.2);
}

.ut-item i {
	font-size: 15px;
}

.ut-item.php {
	border-color: #5F81BB;
	color: #5F81BB;
}

.ut-item.php:hover {
	background-color: #5F81BB;
}

.ut-item.html {
	border-color: #F16529;
	color: #F16529;
}

.ut-item.html:hover {
	background-color: #F16529;
}

.ut-item.css {
	border-color: #2965F1;
	color: #2965F1;
}

.ut-item.css:hover {
	background-color: #2965F1;
}

.ut-item.js {
	border-color: #F1BF25;
	color: #F1BF25;
}

.ut-item.js:hover {
	background-color: #F1BF25;
}

.ut-item.sql {
	border-color: #59A7EA;
	color: #59A7EA;
}

.ut-item.sql:hover {
	background-color: #59A7EA;
}

.ut-item.ioncube {
	border-color: #E7A228;
	color: #E7A228;
}

.ut-item.ioncube:hover {
	background-color: #E7A228;
}

.product-detail-pss .slick-list.draggable {
	padding: 0 !important;
}

.product-detail-pss .slick-list.draggable .slick-slide {
	width: -1% !important;
}

.common-card.tabcontent {
	flex-direction: column;
}

.nav-link.tablinks {
	font-size: 12px;
}

._kt {
	border: 2px solid #477CDB;
}

._kt ul {
	margin-top: 20px;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.software-infos {
	background-color: #f1f2f3;
	border-radius: 6px;
	padding: 22px 25px 25px;
	margin-bottom: 20px;
}

.si-row {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.si-row {
	padding: 8px 0;
	border-top: 1px solid #d3d3d3;
}

.si-row span {
	font-size: 14px;
	font-weight: 600;
}

.si-row span i {
	font-size: 11px;
	margin-right: 5px;
}

.rate-stars i {
	color: #477CDB;
	margin-right: 0px !important;
}

.favorite.pic-btn.active {
	background-color: #ed4545;
	border-color: #ed4545;
	color: #fff !important;
}

.compare.pic-btn.active {
	background-color: #b12fad;
	border-color: #b12fad;
	color: #fff !important;
}

.pr-counter {
	background-color: #f1f2f3;
	padding: 22px 25px 25px;
	border-radius: 6px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: pulse-counter 2s infinite;
}

.product-single-social-list li a {
	transition: all .2s ease-in;
}

.product-single-social-list li a:hover {
	opacity: .8;
	transform: scale(1.05);
}

.pr-counter i {
	font-size: 35px;
	margin-right: 10px;
	color: #477CDB;
	margin-top: 7px;
}

.prc-right span {
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	display: flex;
}

.prc-right p {
	line-height: 25px;
	font-size: 25px;
	font-weight: 600;
	color: #000;
}

.updates-ul {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.updates-ul li {
	list-style: outside;
	font-size: 16px;
}

.updates-date {
	font-weight: 600;
}

.responsive-gallery div {
	margin: 0 5px;
}

.responsive-gallery div img {
	width: 100%;
	border-radius: 6px;
}

@keyframes pulse-counter {
	0% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 #f1f2f3;
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px #f1f2f300;
	}

	100% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 #f1f2f300;
	}
}

.hover-slide-area {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	height: 400px;
	overflow: hidden;
	box-shadow: 0 0 15px 0 #00000010;
	border-radius: 6px;
	background-size: 100% auto;
	background-position: 0 25px;
	background-repeat: no-repeat;
	transition: all 3s ease-in;
}

.hover-slide-area:hover {
	background-position: bottom;
}

.hsa-header {
	width: 100%;
	display: flex;
	align-items: center;
	min-height: 25px;
	height: 25px;
	background-color: #f1f2f3;
	border-radius: 5px 5px 0 0;
	padding: 0 10px;
	gap: 5px;
	position: sticky;
	top: 0;
	z-index: 99;
}

.hsa-green,
.hsa-red,
.hsa-yellow {
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.hsa-green {
	background-color: #2ece67;
}

.hsa-red {
	background-color: #ed4545;
}

.hsa-yellow {
	background-color: #F1BF25;
}

.swiper-pr-detail {
	overflow: hidden;
	width: 100%;
	border-radius: 6px;
	margin-bottom: 20px;
	position: relative;
	height: 500px;
}

.swiper-pr-detail .swiper-slide img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
	width: 45px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	color: #fff;
	font-size: 13px !important;
	font-weight: 600;
	min-width: 45px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #477CDB;
}

._colxl12 {
	max-width: 100vw;
}

.swiper-gallery {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.swiper-gallery img {
	width: 100%;
	border-radius: 6px;
}

.swiper-gallery .swiper-button-next:after,
.swiper-gallery .swiper-button-prev:after {
	min-width: 30px;
	width: 30px;
	height: 30px;
	font-size: 10px !important;
}

#faqanswer {
	margin-bottom: 0;
}

.profile-options {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.po-item {
	position: relative;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
	border: 1px solid #ffffff90;
	background-color: #ffffff20;
	border-radius: 4px;
	padding: 7px;
	height: 45px;
	z-index: 98;
}

.po-item label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	cursor: pointer;
	gap: 16px;
}

.po-item label div i {
	margin-right: 4px;
}

.add-balance-btn {
	color: #00B57F;
	background-color: #FFFFFF;
	border-radius: 2px;
	font-weight: 500;
	font-size: 14px;
	padding: 7px;
	white-space: nowrap;
	height: 31px;
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.po-item p b {
	white-space: nowrap;
}

.po-item:last-child>i {
	margin-right: 8px;
}

.po-item input[type=checkbox] {
	display: none;
}

.user-banner-profile-name h3 {
	
	font-size: 18px;
	font-weight: 400 !important;
}

.user-banner-profile-name h3 b {
	color: #fff;
	font-weight: 700;
}

.user-banner-profile-meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.po-item .po-dropdown {
	position: absolute;
	top: 30px;
	background-color: #fff;
	border-radius: 8px;
	left: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 0 10px 0 #00000020;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .2s ease-in-out;
	max-width: 160px;
}

.po-item input:checked~.po-dropdown {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
	top: 50px;
}

.po-item input:checked+label::before {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

.po-dropdown .dropdown-links {
	max-height: 150px;
	overflow-y: auto;
}

.po-item .po-dropdown input {
	border: 1px solid #00000020;
	width: calc(100% - 16px);
	border-radius: 4px;
	height: 30px;
	padding-left: 8px;
	margin-bottom: 4px;
	margin: 8px;
}

.po-item .po-dropdown a.active {
	background-color: #00000015;
}

.po-item .po-dropdown a {
	width: 100%;
	text-align: left;
	padding: 5px 10px;
	color: #000;
}

.po-item .po-dropdown a:hover {
	background-color: #5897fb;
	color: #fff;
}

.user-banner-data {
	display: flex;
	align-items: center;
	gap: 16px;
}

.user-banner-data li {
	width: calc(25% - 12px);
	font-size: 14px !important;
}

.user-banner-data li p {
	font-size: 10px !important;
	white-space: normal;
}

.login-section .container {
	display: flex;
	align-items: center;
	gap: 32px;
}

.login-left,
.login-right {
	width: 50%;
}

.login-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.login-left h2 {
	text-transform: capitalize;
	font-weight: 500;
	font-size: 24px;
	color: #000;
}

.login-left>p {
	margin: 6px 0 32px 0;
	font-size: 16px;
	font-weight: 500;
}

.login-left>p a {
	color: #ff6d00;
}

.login-field {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 16px;
}

.login-left form {
	width: 100%;
}

.login-field label {
	position: absolute;
	left: 16px;
	font-size: 14px;
	cursor: text;
	transition: all .2s ease-in-out;
}

.login-field textarea+label {
	top: 17px;
}

.login-field input:focus+label,
.login-field input:valid+label,
.login-field textarea:focus+label,
.login-field textarea:valid+label {
	font-size: 12px;
	transform: translateY(-15px);
}

.login-field.password input:focus+label:last-child,
.login-field.password input:valid+label:last-child,
.login-field input:valid+label[for=password-show-hide]:last-child {
	transform: translateY(0);
}

.login-field select+label {
	font-size: 12px;
	top: 6px;
}

.login-field input,
.login-field select {
	border: 1px solid #66709333;
	height: 55px;
	border-radius: 4px;
	padding-left: 16px;
	width: 100%;
	font-size: 15px;
	padding-top: 5px;
}

.login-field select {
	padding-left: 11px;
	padding-top: 8px;
}

.login-field label[for="password-show-hide"],
.login-field label[for="password-show-hide-2"] {
	right: 16px;
	left: initial;
	top: 14px !important;
	cursor: pointer;
}


.login-field label[for="password-show-hide"] svg,
.login-field label[for="password-show-hide-2"] svg {
	width: 24px;
	height: 24px;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none;
}

.login-row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.login-row a {
	font-size: 14px;
	color: #000;
	font-weight: 500;
}

.login-left form button:hover {
	opacity: .7;
}

.swiper-login {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.login-right {
	display: flex;
	align-items: center;
	justify-content: baseline;
	padding: 32px 16px;
}

.swiper-login img {
	max-width: 80%;
}

.swiper-login p {
	font-size: 24px;
	color: #000;
	font-weight: 500;
	margin-top: 16px;
}

.swiper-login span {
	font-size: 15px;
	line-height: 25px;
	padding-top: 4px;
}

.register-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	align-items: flex-start;
}

.register-form .login-field {
	width: calc(50% - 8px);
	margin: 0;
}

.register-form .password {
	width: 100%;
}

.login-left .register-btns {
	width: 100%;
}

.login-left .account-type {
	width: calc(50% - 8px);
	background: rgba(102, 112, 147, 0.05);
	border: 1px solid rgba(102, 112, 147, 0.2);
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
}

.login-left .register-form input[type=radio] {
	display: none;
}

.login-left .register-form input[type=radio]:checked+label {
	background-color: #00B57F;
	color: #fff;
}

.login-left .register-form .login-field.w100 {
	width: 100%;
}

.login-left .register-form .login-field.has-info label {
	top: 17px;
}

.login-left .register-form .login-field.has-info input:focus+label,
.login-left .register-form .login-field.has-info input:valid+label {
	top: 4px;
}

.login-left .register-form .login-field span {
	font-size: 12px;
	color: #667093;
	text-align: left;
	margin-top: 3px;
}

.login-left .register-form .login-field.institutional-type {
	display: none;
}

.login-left .register-form input#reg-2:checked~.login-field.institutional-type {
	display: flex;
}

.customer-panel-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 32px 0;
}

.customer-panel-container .container {
	width: 100%;
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.left-bar {
	width: 25%;
	min-width: 300px;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: hidden;
	padding: 16px;
	position: sticky;
	top: 32px;
}

.left-bar .panel {
	padding: 0 0 0 24px;
	max-width: 100%;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	transition: 0.2s ease-out;
	border-radius: 0 0 8px 8px;
	display: flex;
	flex-direction: column;
}

.customer-area {
	width: calc(75% - 32px);
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.left-bar a,
.left-bar button {
	width: 100%;
	text-align: left;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	color: #000;
	transition: all .2s ease-in;
	font-size: 16px;
	border-radius: 8px;
	border: none;
	margin-bottom: 0;
}

.left-bar .left-item.active,
.left-bar .left-item:hover,
.left-bar .accordion:hover {
	color: #ff6d00;
	background-color: #00000007 !important;
	border-radius: 8px;
}

.left-bar .accordion:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cpath style='fill:%23000;' d='M12 25a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L18.59 16l-7.3-7.29a1 1 0 1 1 1.42-1.42l8 8a1 1 0 0 1 0 1.42l-8 8A1 1 0 0 1 12 25Z'/%3E%3C/g%3E%3Cg id='frame'%3E%3Crect class='cls-1' height='32' width='32'/%3E%3C/g%3E%3C/svg%3E");
	color: white;
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: 2px;
	width: 40px;
	height: 40px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center;
	transition: .2s;
}

.left-bar .activeakor.accordion::after {
	transform: rotate(90deg);
}

.left-bar .left-item:not(:last-child) {
	margin-bottom: 8px;
}

.left-bar a:hover,
.left-bar button:hover {
	color: #ff6d00;
}

.left-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	padding: 16px;
	color: #fff;
	background-color: #ff6d00;
	border-radius: 8px;
	margin-bottom: 8px;
}

.left-bar a:not(:last-child),
.left-bar button:not(:last-child) {
	margin-bottom: 8px;
}

.customer-box {
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
}

.left-item.activeakor+.panel {
	margin-bottom: 8px;
}

.left-item svg {
	width: 24px;
	height: 24px;
}

.customer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	margin-bottom: 0px;
}

.ch-left {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 500;
	color: #081131;
}

.ch-icon {
	border: 1px solid #00000020;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.ch-right a {
	border-radius: 6px;
	font-size: 14px;
	color: #00104B;
	font-weight: 500;
	border: 1px solid #00000010;
	padding: 8px 16px;
	transition: all .2s ease-in-out;
}

.ch-right a:hover {
	background-color: #00104B;
	color: #fff;
}

.customer-actions .po-item {
	position: relative;
	border: none;
}

.customer-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	padding: 0 16px;
	margin-bottom: 16px;
}

.customer-actions>div {
	width: calc(33% - 10.6666666667px);
	border: 1px solid #00000010;
	border-radius: 4px;
	height: 45px;
}

.customer-actions.w33>div {
	width: calc(33% - 10.6666666667px);
}

.customer-actions.w50>div {
	width: calc(50% - 8px);
}

.ca-select {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	gap: 16px;
	font-weight: 500;
	padding: 0 16px;
}

.ca-select .po-dropdown {
	width: 160px;
	right: 0;
	left: initial;
}

.ca-select .po-item label {
	color: #00104B;
	gap: 8px;
	user-select: none;
}

.ca-search {
	position: relative;
	display: flex;
	align-items: center;
}

.ca-search input {
	width: 100%;
	height: 45px;
	padding-left: 16px;
	font-size: 14px;
	font-weight: 500;
}

.ca-search i {
	position: absolute;
	right: 16px;
	font-size: 15px;
}

.ca-show {
	display: flex;
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
	padding: 0 16px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.ca-show input {
	display: none;
}

.ca-show .hide {
	display: none;
	color: #00B57F;
}

.ca-show input[type=checkbox]:not(:checked)~.custom-checkbox label {
	background-color: #ed4545;
}

.ca-show input[type=checkbox]:checked~.custom-checkbox label span {
	transform: translateX(19px);
}

.ca-show input[type=checkbox]:checked~.custom-checkbox .show {
	display: none;
}

.ca-show input[type=checkbox]:checked~.custom-checkbox .hide {
	display: flex;
}

.ca-show .custom-checkbox p {
	font-size: 13px;
	width: 42px;
}

.customer-panel {
	background-color: #F7F9FD;
}

.customer-infos {
	padding: 0 16px;
}

.customer-infos table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 .4em;
}

.customer-infos table thead {
	background-color: #F9FBFF;
	color: #00104B;
	height: 40px;
}

.customer-infos table thead th {
	color: #00104B;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	padding: 0 16px;
	text-align: left;
}

.customer-infos table .erl-content {
	margin-top: 0;
}

.customer-infos table .pr-name p {
	text-align: left;
	font-size: 14px;
	color: #00104B;
	max-width: 240px;
	width: 100%;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
}

.customer-infos table .erl-header {
	margin-bottom: 5px;
}

.customer-infos table tbody tr {
	border: 1px solid #00000010;
}

.customer-infos table tbody tr td {
	font-size: 13px;
	font-weight: 500;
	padding: 16px;
}

.td-situations span {
	display: none !important;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width: 130px;
	padding: 4px 12px;
	border-radius: 4px;
}

.td-situations span.show {
	display: flex !important;
}

.service-approved {
	background-color: #00B57F;
	white-space: nowrap;
}

.service-waiting {
	background-color: #ffb100;
	white-space: nowrap;
}

.service-canceled {
	background-color: #ed4545;
	white-space: nowrap;
}

.service-end {
	background-color: #252831;
	color: #fff;
	white-space: nowrap;
}

.service-open {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
}

.td-actions a,
.td-actions button {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	justify-content: center;
	border: 1px solid #00000010;
}

.td-actions a:first-child,
.td-actions button:first-child {
	margin-right: 5px;
}

.td-actions .hide-btn {
	background-color: #F0F1F4;
	color: #00104B;
}

.td-actions .go-pr {
	background-color: #00104B;
	color: #fff;
}

.td-actions a:hover,
.td-actions button:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

.customer-bottom {
	width: calc(100% - 32px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	margin: 0 16px 16px 16px;
	background-color: #F9FBFF;

}

.cubo-left {
	display: flex;
	align-items: center;
}

.cubo-left span {
	font-size: 14px;
	color: #00104B;
	font-weight: 500;
}

.cp-btn,
.annoucement-btn {
	height: 36px;
	font-weight: 500;
	padding: 0px 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: all .2s ease-in;
	color: #fff !important;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	transition: all .2s ease-in-out;
}

.cp-btn:hover,
.annoucement-btn:hover {
	opacity: .7;
}

.customer-box .no-result {
	margin: 16px;
	color: #081131;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	text-align: center;
	padding: 16px;
	border: 1px solid #00000010;
	font-weight: 500;
	margin-top: 0;
}

.ch-right a.btn-2 {
	gap: 8px;
	display: inline-flex;
	align-items: center;
	background-color: #00104B;
	color: #fff;
}

.ch-right a.btn-2:hover {
	background-color: #fff;
	color: #00104B;
}

.go-pay {
	width: initial !important;
	padding: 0 8px;
	color: #fff;
	background-color: #00B57F;
}

.go-pay i {
	margin-right: 6px;
}

td._at label span {
	background-color: #fff;
}

.not-payed {
	background-color: #ed454530;
}

td.support-id {
	font-size: 14px !important;
	color: #00000060;
	text-align: left;
	font-weight: 500 !important;
	white-space: nowrap;
}

td .support-info {
	font-size: 15px;
	color: #00104B;
	text-align: left;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-moz-box-orient: vertical;
	line-clamp: 1;
	-webkit-line-clamp: 1;
}

.support-table th {
	text-align: left;
}

.support-actions {
	margin-top: 16px;
}

.support-actions a {
	width: 100%;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 8px;
	color: #fff;
}

.support-actions a:first-child {
	background-color: #00B57F;
}

.support-actions a:first-child:hover {
	background: linear-gradient(45deg, rgb(46, 206, 103) 0%, rgb(1, 190, 209) 100%);
}

.support-actions a:last-child {
	color: #000;
	background-color: #F0F1F4;
	transition: all .2s ease-in-out;
}

.support-actions a:last-child:hover {
	background-color: #00104B;
	color: #ffff;
}

td._at {
	margin-bottom: 0;
}

.customer-panel .container {
	max-width: 1500px;
	padding: 0 16px;
}

.cubo-right.pagination {
	border: 1px solid #00000017;
	border-radius: 4px;
	overflow: hidden;
}

.cubo-right.pagination a {
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
	padding: 4px 8px;
}

.cubo-right.pagination a:first-child,
.cubo-right.pagination a:last-child {
	background-color: #00000008 !important;
}

.cubo-right.pagination a:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

.an-customer-bottom {
	display: flex;
	flex-direction: column;
	gap: 16px;
	background-color: transparent;
	padding: 0;
	margin: 0 16px 16px 16px;
}

.annoucement-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border: 1px solid #00000015;
	border-radius: 4px;
	padding: 16px;
}

.annoucement-header {
	font-size: 18px;
	font-weight: 600;
	color: #00104B;
}

.annoucement-info {
	font-size: 15px;
	color: #00104Bc7;
	text-align: left;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.annoucement-bottom {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.annoucement-date {
	font-size: 12px;
	color: #00000060;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 4px;
}

.annoucement-date svg {
	width: 18px;
	height: 18px;
}

.ch-icon svg {
	max-width: 21px;
	max-height: 21px;
}

.new-support>div,
.support-header {
	padding: 0 !important;
	flex-direction: column;
	align-items: flex-start;
	height: initial;
	border: none;
	gap: 4px;
}

.support-header {
	margin: 16px;
	display: flex;
}

.support-header label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
}

.new-support>div select,
.support-header input,
.support-header textarea {
	width: 100%;
	border: 1px solid #00000015;
	outline: none;
	height: 100%;
	padding: 0 8px;
	height: 48px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
}

.support-header textarea {
	height: initial;
	padding-top: 8px;
}

.support-header input {
	padding-left: 16px;
}

.support-header span {
	font-size: 12px;
}

.support-header input[type=file] {
	line-height: 24px;
	padding-top: 9px;
	padding-left: 10px;
}

.sp {
	display: flex;
	gap: 16px;
}

.show-piece {
	font-size: 14px;
	color: #00104B;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: flex-end;
}

.show-piece select {
	padding: 4px 8px;
	outline: none;
	border: 1px solid #00000015;
	border-radius: 4px;
}

.bank-box {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #f7f9fd;
	border-radius: 4px;
	padding: 16px;
	margin: 8px 16px;
}

.bank-box:last-child {
	margin-bottom: 16px;
}

.bank-left {
	width: 30%;
}

.bank-box ul {
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.bank-box ul li {
	display: flex;
	gap: 16px;
	padding: 4px 8px;
	font-size: 15px;
	width: 100%;
	position: relative;
	color: #888;
	font-weight: 600;
}

.copy-btn {
	position: absolute;
	right: 8px;
	display: flex;
}

.copy-btn svg {
	width: 21px;
	height: 21px;
}

.bank-box ul li:last-child {
	padding-bottom: 0;
}

.bank-box ul li span {
	font-size: 15px;
	color: #00104Bc7;
	font-weight: 600;
	width: 120px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
}

.bank-box ul li span::after {
	content: ':';
	font-weight: 600;
}

.bank-box ul li:not(:last-child) {
	border-bottom: 1px solid #00000015;
}

.payment-notification-btn {
	width: 100%;
	border: 0;
	background: #06D65D !important;
	color: #fff !important;
	border-radius: 16px;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
	padding: 10px 0;
}

.payment-notification-btn:hover {
	opacity: .7;
}

.bank-box ul li:nth-child(4) {
	border-bottom: none;
}

#customer-panel-menu-mobile {
	display: none;
}

.left-bar-close,
.left-bar-open-btn {
	display: none;

}

.left-bar-open-btn {
	border: 1px solid #e2e2e2;
	height: 31.6px;
	width: 31.6px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	transition: .2s;
	cursor: pointer;
}

.left-bar-open-btn:hover {
	background-color: #00000010;
}

.profile-info-edit {
	width: 100%;
	padding: 16px;
}

.profile-info-edit .tab {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 8px;
	gap: 16px;
}

.profile-info-edit .tab p {
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: #ededed90;
	border-radius: 8px;
	cursor: pointer;
}

.profile-info-edit .tab p:hover {
	background-color: #edededc1;
}

.profile-info-edit .tab p.active {
	background-color: #ff6d00;
	color: #fff;
}

.tabcontent#changepassword {
	display: flex;
	flex-direction: column;
	padding: 32px;
	align-items: flex-start;
}

.tabcontent#changepassword p {
	font-size: 15px;
	font-weight: 500;
	color: #00104B;
	margin-bottom: 8px;
	text-align: left;
}

.tabcontent#changepassword form {
	width: 100%;
}

.tabcontent#changepassword form>span {
	font-size: 13px;
	font-weight: 500;
	width: 100%;
	text-align: left;
	display: flex;
	padding-top: 8px;
	border-top: 1px solid #e2e2e2;
	margin-top: 16px;
}

.tabcontent .btn-area {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 16px;
}

.tabcontent .btn-area input {
	font-size: 14px;
	border: 0;
	background: #06D65D !important;
	color: #fff !important;
	border-radius: 16px;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
	padding: 8px 16px;
}

.tabcontent .btn-area input:hover {
	opacity: .7;
}

.tabcontent#changepassword .password-safe-check {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}

.tabcontent#changepassword .password-safe-check button,
.tabcontent#changepassword .password-safe-check p {
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: #ededed90;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

.tabcontent#changepassword .password-safe-check button:hover {
	background-color: #edededf1;
}

.tabcontent#changepassword .password-safe-check p.weak {
	margin-bottom: 0;
	background-color: #ed4545;
	color: #fff;
}

.tabcontent#changepassword .password-safe-check p.safe {
	background-color: #2ece67;
	color: #fff;
	margin-bottom: 0;
}

.tabcontent#changepassword .password-safe-check p.weak .weak-password {
	display: none;
}

.tabcontent#changepassword .password-safe-check p.safe .strong-password {
	display: none;
}

#preferences,
#verification,
#generalinfos,
#billprofile {
	display: flex;
	flex-direction: column;
	padding: 32px;
}

.tab-row {
	width: 100%;
	padding: 8px 0;
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 0;
}

.tab-row p {
	font-size: 14px;
	width: 60%;
	text-align: left;
	font-weight: 500;
	margin-right: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: flex-start;
}

.tab-row:first-child p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.tab-row:first-child p span:first-child {
	display: flex;
	gap: 8px;
}

.tab-row:first-child p span:last-child {
	font-weight: 400;
	font-size: 11px;
	color: #888fa8;
}

.tab-row select {
	border: 1px solid #e1e3e5;
	padding: 8px;
	font-size: 14px;
	width: 200px;
	border-radius: 5px !important;
}

.tab-row input[type=checkbox]:checked~.custom-checkbox label span {
	transform: translateX(19px);
}

.tab-row input[type=checkbox]:not(:checked)~.custom-checkbox label {
	background-color: #ed4545;
}

.verificate {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.verificate img {
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
}

.verificate p {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 18px;
}

.verificate span {
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
}

.verification-success p {
	color: #2ece67;
}

.verification-fail p {
	color: #ed4545;
}

#generalinfos form {
	gap: 32px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

#generalinfos form .btn-area {
	border-top: 1px solid #e2e2e2;
}

.gi-left,
.gi-right {
	width: calc(50% - 16px);
}

.gi-header {
	width: 100%;
	font-weight: 600;
	color: #00B57F;
	text-align: left;
	padding-bottom: 16px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 16px;
}

.tab-row.general {
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	gap: 0;
	height: 55px;
	padding-top: 0;
	margin-bottom: 16px;
	border-bottom: none;
	padding: 0;
}

.tab-row.general label {
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 2px;
}

.tab-row.general select {
	min-height: 38px;
	width: 100%;
	padding: 0 8px;
}

.tab-row.sex-selection,
.account-type-selection {
	padding: 0 16px;
	height: 55px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	margin-bottom: 16px;
}

.tab-row.sex-selection .extra-row,
.account-type-selection .extra-row {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
	width: initial;
}

.tab-row.sex-selection p,
.account-type-selection p {
	width: initial;
	margin-right: 16px;
}

.company {
	display: none;
}

input._e7:checked~.gi-right .company {
	display: flex;
}

input._e7:checked~.company {
	display: flex;
}

input._e7:checked+.gi-left label[for=extra-services-4]:first-child {
	background-color: #ff8600;
}

.login-field.phoneno {
	font-size: 14px;
}

.login-field.phoneno>div {
	width: 100%;
}

.bill-header {
	width: 100%;
	background-color: #00000009;
	border-radius: 16px;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #e2e2e2;
	font-weight: 500;
	font-size: 16px;
}

.bill-registered-infos {
	border-bottom: 1px solid #e2e2e2;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	gap: 32px;
}

.bri-left {
	width: calc(70% - 16px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.bri-left p {
	width: 100%;
	text-align: left;
	font-weight: 600;
	font-size: 15px;
}

.bri-right {
	width: calc(30% - 16px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.bill-registered-infos:not(:last-child) {
	margin-bottom: 16px;
}

.bill-registered-infos span {
	font-size: 14px;
	font-weight: 500;
}

.bill-registered-infos span:not(:last-child)::after {
	content: '/';
	margin: 0 8px;
	font-weight: 600;
	font-size: 15px;
	color: #00104B;
}

.bri-right label,
.bri-right button {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 4px;
	font-size: 15px;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.bri-right label:hover,
.bri-right button:hover {
	opacity: .7;
}

.bri-right .edit-btn {
	background-color: #2ece67;
}

.bri-right .delete-btn {
	background-color: #ed4545;
}

.edit-profile-top {
	margin-bottom: 32px;
}

#new-bill-profile-input {
	display: none;
}

.current-bill-profile {
	transition: all .2s ease-in-out;
}

.current-bill-profile select {
	margin-top: 32px;
	width: 100%;
	height: 40px;
	border: 1px solid #e2e2e2;
	padding-left: 16px;
	border-radius: 8px;
	font-size: 14px;
	color: #00104B;
	margin-bottom: 16px;
}

.current-bill-profile label,
.nb-checkbox label {
	font-size: 14px;
	font-weight: 500;
	color: #00104B;
}

#billprofile .btn-area {
	justify-content: space-between;
}

#billprofile .btn-area>* {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 12px;
	transition: all .2s ease-in-out;
	border-radius: 16px;
}

#billprofile .btn-area>button {
	border: 1px solid #06D65D;
	color: #06D65D;
}

#billprofile .btn-area>button:hover {
	background-color: #06D65D;
	color: #fff;
}

#billprofile .btn-area>label {
	border: 1px solid #ff6d00;
	color: #ff6d00;
}

#billprofile .btn-area>label:hover {
	background-color: #ff6d00;
	color: #fff;
}

.new-bill-profile {
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all .2s ease-in-out;
}

#billprofile input:checked+.new-bill-profile {
	height: initial;
	overflow: visible;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

#billprofile input:checked~.current-bill-profile {
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.new-bill {
	margin-top: 32px;
}

.nb-checkbox>div {
	border-bottom: none;
}

.nb-checkbox {
	border-top: 1px solid #e2e2e2;
	padding: 8px 0;
}

.box-4n {
	display: flex;
	align-items: center;
	gap: 16px;
}

.box-4n label {
	font-weight: 600;
}

.box-4n input {
	min-height: 38px;
	width: 100%;
	padding: 0 8px;
	border: 1px solid #e1e3e5;
	border-radius: 5px !important;
	font-size: 14px;
}

.no-bill-address {
	font-size: 15px;
	font-weight: 600;
	padding: 16px 0;
	column-rule: #081131;
}

.bank-accounts .common-card {
	padding: 25px 16px;
}

.bank-accounts .common-card-body {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.login-field textarea {
	border: 1px solid #66709333;
	border-radius: 4px;
	padding-left: 16px;
	padding-top: 16px;
	width: 100%;
	font-size: 15px;
}

#app.wrapper {
	display: flex;
	flex-direction: column;
	padding: 32px 0;
}

@media screen and (max-width: 700px),
(max-height: 500px) {
	.wrapper {
		flex-wrap: wrap;
		flex-direction: column;
	}
}

.card-form {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	width: 100%;
	gap: 32px;
}

.card-form__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding-left: 32px;
}

@media screen and (max-width: 576px) {
	.card-form {
		margin: 0 auto;
	}
}

@media screen and (max-width: 480px) {
	.card-form__inner {
		padding: 25px;
		padding-top: 165px;
	}
}

@media screen and (max-width: 360px) {
	.card-form__inner {
		padding: 15px;
		padding-top: 165px;
	}
}

.card-form__row {
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 480px) {
	.card-form__row {
		flex-wrap: wrap;
	}
}

.card-form__col {
	flex: auto;
	margin-right: 35px;
}

.card-form__col:last-child {
	margin-right: 0;
}

@media screen and (max-width: 480px) {
	.card-form__col {
		margin-right: 0;
		flex: unset;
		width: 100%;
		margin-bottom: 20px;
	}

	.card-form__col:last-child {
		margin-bottom: 0;
	}
}

.card-form__col.-cvv {
	max-width: 150px;
}

@media screen and (max-width: 480px) {
	.card-form__col.-cvv {
		max-width: initial;
	}
}

.card-form__group {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.card-form__group .card-input__input {
	flex: 1;
	margin-right: 15px;
}

.card-form__group .card-input__input:last-child {
	margin-right: 0;
}

.card-form__button {
	width: calc(100% - 64px);
	height: 48px;
	background: #2364d2;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	margin: 16px 32px 0 32px;
	transition: all .2s ease-in-out;
}

.card-form__button:hover {
	background-color: #00B57F;
}

.login-field .iti {
	width: 100%;
}

#password-show-hide:checked+label::after,
#password-show-hide-2:checked+label::after {
	content: '';
	width: 24px;
	height: 2px;
	top: 11px;
	border-radius: 2px;
	left: 0;
	/* border: 2px solid #fff; */
	background-color: #000;
	display: inline-flex;
	position: absolute;
	transform: rotate(45deg);
}

@media screen and (max-width: 480px) {
	.card-form__button {
		margin-top: 10px;
	}
}

.card-item {
	max-width: 430px;
	height: 270px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.card-item {
		max-width: 310px;
		height: 220px;
		width: 90%;
	}
}

@media screen and (max-width: 360px) {
	.card-item {
		height: 180px;
	}
}

.card-item.-active .card-item__side.-front {
	transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}

.card-item.-active .card-item__side.-back {
	transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}

.card-item__focus {
	position: absolute;
	z-index: 3;
	border-radius: 5px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.65);
}

.card-item__focus:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #08142f;
	height: 100%;
	border-radius: 5px;
	filter: blur(25px);
	opacity: 0.5;
}

.card-item__focus.-active {
	opacity: 1;
}

.card-item__side {
	border-radius: 15px;
	overflow: hidden;
	transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
	transform-style: preserve-3d;
	transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
	backface-visibility: hidden;
	height: 100%;
}

.card-item__side.-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
	z-index: 2;
	padding: 0;
	height: 100%;
}

.card-item__side.-back .card-item__cover {
	transform: rotateY(-180deg);
}

.card-item__bg {
	max-width: 100%;
	display: block;
	max-height: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.card-item__cover {
	height: 100%;
	background-color: #1c1d27;
	position: absolute;
	height: 100%;
	background-color: #1c1d27;
	left: 0;
	top: 0;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}

.card-item__cover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(6, 2, 29, 0.45);
}

.card-item__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 0 10px;
}

@media screen and (max-width: 480px) {
	.card-item__top {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__top {
		margin-bottom: 15px;
	}
}

.card-item__chip {
	width: 60px;
}

@media screen and (max-width: 480px) {
	.card-item__chip {
		width: 50px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__chip {
		width: 40px;
	}
}

.card-item__type {
	height: 45px;
	position: relative;
	display: flex;
	justify-content: flex-end;
	max-width: 100px;
	margin-left: auto;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.card-item__type {
		height: 40px;
		max-width: 90px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__type {
		height: 30px;
	}
}

.card-item__typeImg {
	max-width: 100%;
	object-fit: contain;
	max-height: 100%;
	object-position: top right;
}

.card-item__info {
	color: #fff;
	width: 100%;
	max-width: calc(100% - 85px);
	padding: 10px 5px;
	font-weight: 500;
	display: block;
	cursor: pointer;
}

@media screen and (max-width: 480px) {
	.card-item__info {
		padding: 10px;
	}
}

.card-item__holder {
	opacity: 0.7;
	font-size: 13px;
	margin-bottom: 6px;
	text-align: left;
}

@media screen and (max-width: 480px) {
	.card-item__holder {
		font-size: 12px;
		margin-bottom: 5px;
	}
}

.card-item__wrapper {
	font-family: "Source Code Pro", monospace;
	padding: 25px 15px;
	position: relative;
	z-index: 4;
	height: 100%;
	text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
	user-select: none;
}

@media screen and (max-width: 480px) {
	.card-item__wrapper {
		padding: 20px 10px;
	}
}

.card-item__name {
	font-size: 18px;
	line-height: 1;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	text-align: left;
}

@media screen and (max-width: 480px) {
	.card-item__name {
		font-size: 16px;
	}
}

.card-item__nameItem {
	display: inline-block;
	min-width: 8px;
	position: relative;
}

.card-item__number {
	font-weight: 500;
	line-height: 1;
	color: #fff;
	font-size: 27px;
	margin-bottom: 35px;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

@media screen and (max-width: 480px) {
	.card-item__number {
		font-size: 21px;
		margin-bottom: 15px;
		padding: 10px 10px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__number {
		font-size: 19px;
		margin-bottom: 10px;
		padding: 10px 10px;
	}
}

.card-item__numberItem {
	width: 16px;
	display: inline-block;
}

.card-item__numberItem.-active {
	width: 30px;
}

@media screen and (max-width: 480px) {
	.card-item__numberItem {
		width: 13px;
	}

	.card-item__numberItem.-active {
		width: 16px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__numberItem {
		width: 12px;
	}

	.card-item__numberItem.-active {
		width: 8px;
	}
}

.card-item__content {
	color: #fff;
	display: flex;
	align-items: flex-start;
}

.card-item__date {
	flex-wrap: wrap;
	font-size: 18px;
	margin-left: auto;
	padding: 10px 5px;
	display: inline-flex;
	/* width: 94px; */
	white-space: nowrap;
	flex-shrink: 0;
	cursor: pointer;
	justify-content: flex-end;
}

@media screen and (max-width: 480px) {
	.card-item__date {
		font-size: 16px;
	}
}

.card-item__dateItem {
	position: relative;
}

.card-item__dateItem span {
	width: 32px;
	display: inline-block;
}

.card-item__dateTitle {
	opacity: 0.7;
	font-size: 13px;
	padding-bottom: 6px;
	width: 100%;
	text-align: right;
}

@media screen and (max-width: 480px) {
	.card-item__dateTitle {
		font-size: 12px;
		padding-bottom: 5px;
	}
}

.card-item__band {
	background: rgba(0, 0, 19, 0.8);
	width: 100%;
	height: 50px;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 480px) {
	.card-item__band {
		margin-top: 20px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__band {
		height: 40px;
		margin-top: 10px;
	}
}

.card-item__cvv {
	text-align: right;
	position: relative;
	z-index: 2;
	padding: 15px;
}

.card-item__cvv .card-item__type {
	opacity: 0.7;
}

@media screen and (max-width: 360px) {
	.card-item__cvv {
		padding: 10px 15px;
	}
}

.card-item__cvvTitle {
	padding-right: 10px;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px;
}

.card-item__cvvBand {
	height: 45px;
	background: #fff;
	margin-bottom: 30px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 10px;
	color: #1a3b5d;
	font-size: 18px;
	border-radius: 4px;
	box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}

@media screen and (max-width: 480px) {
	.card-item__cvvBand {
		height: 40px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 360px) {
	.card-item__cvvBand {
		margin-bottom: 15px;
	}
}

.card-list {
	min-width: 500px;
}

@media screen and (max-width: 480px) {
	.card-list {
		margin-bottom: 0px;
		width: 100%;
		min-width: initial !important;
	}
}

.card-input {
	width: 100%;
}

.card-input__label {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 500;
	color: #1a3b5d;
	width: 100%;
	display: block;
	user-select: none;
	text-align: left;
}

.card-input__input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	box-shadow: none;
	border: 1px solid #e2e2e2;
	transition: all 0.3s ease-in-out;
	font-size: 15px;
	padding: 5px 15px;
	background: none;
	color: #00104B;
}

.card-input__input:hover,
.card-input__input:focus {
	border-color: #3d9cff;
}

.card-input__input:focus {
	box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
}

.card-input__input.-select {
	-webkit-appearance: none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC');
	background-size: 12px;
	background-position: 90% center;
	background-repeat: no-repeat;
	padding-right: 30px;
}

.slide-fade-up-enter-active {
	transition: all 0.25s ease-in-out;
	transition-delay: 0.1s;
	position: relative;
}

.slide-fade-up-leave-active {
	transition: all 0.25s ease-in-out;
	position: absolute;
}

.slide-fade-up-enter {
	opacity: 0;
	transform: translateY(15px);
	pointer-events: none;
}

.slide-fade-up-leave-to {
	opacity: 0;
	transform: translateY(-15px);
	pointer-events: none;
}

.slide-fade-right-enter-active {
	transition: all 0.25s ease-in-out;
	transition-delay: 0.1s;
	position: relative;
}

.slide-fade-right-leave-active {
	transition: all 0.25s ease-in-out;
	position: absolute;
}

.slide-fade-right-enter {
	opacity: 0;
	transform: translateX(10px) rotate(45deg);
	pointer-events: none;
}

.slide-fade-right-leave-to {
	opacity: 0;
	transform: translateX(-10px) rotate(45deg);
	pointer-events: none;
}

.github-btn {
	position: absolute;
	right: 40px;
	bottom: 50px;
	text-decoration: none;
	padding: 15px 25px;
	border-radius: 4px;
	box-shadow: 0px 4px 30px -6px rgba(36, 52, 70, 0.65);
	background: #24292e;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 16px;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 500px) {
	.github-btn:hover {
		transform: scale(1.1);
		box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
	}
}

@media screen and (max-width: 700px) {
	.github-btn {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 20px;
	}

	.github-btn:active {
		transform: scale(1.1);
		box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
	}
}

.customer-panel .payment-header label {
	width: initial;
	font-weight: 500;
}

.copy-message {
	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
	width: initial !important;
	position: absolute;
	right: 32px;
	background-color: #fff;
	box-shadow: 0 0 8px 0 #00000005;
	padding: 2px 5px;
	border-radius: 2px;
}

.copy-btn+span::after {
	display: none;
}

.customer-panel .info-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #00B57F20;
	width: 100%;
	margin: 0 32px;
	padding: 16px;
	border-radius: 8px;
}

.customer-panel .info-price p {
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
}

.customer-panel .info-price span {
	font-size: 27px;
	font-weight: 700;
	color: #00104B;
}

.iban-td {
	position: relative;
}

table .copy-btn {
	position: relative;
	right: initial;
	float: left;
	margin-right: 5px;
}

table .copy-message {
	left: 32px;
}

.invoice {
	padding-top: 32px;
	margin-bottom: 32px;
}

.invoice * {
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

.invoice-container {
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	margin: 32px;
	position: relative;
	margin: 0 auto;
}

.invoice-box {
	box-shadow: 0 0 32px 0 #00000020;
	margin-bottom: 32px;
}

.invoice-top {
	background: #348F50;
	background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
	background: linear-gradient(to right, #56B4D3, #348F50);
	padding: 32px;
	padding-top: 64px;
	color: #fff;
}

.invoice-go-back-btn {
	position: absolute;
	top: 32px;
	right: 32px;
	background-color: #fff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
	padding: 8px 16px;
	color: #348F50;
	transition: all .2s ease-in-out;
}

.invoice-go-back-btn:hover {
	opacity: .7;
}

.invoice-top img {
	max-width: 200px;
	margin-bottom: 32px;
}

.invoice-brand {
	font-weight: 600 !important;
	font-size: 15px !important;
	max-width: initial !important;
}

.invoice-top p {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 5px;
	max-width: 270px;
	line-height: 20px;
}

.invoice-address {
	margin-bottom: 24px !important;
}

.invoice-id {
	font-size: 20px !important;
	font-weight: 200 !important;
	margin-bottom: 24px !important;
}

.invoice-top>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.invoice-payed {
	background-color: #2ece67;
	padding: 8px 24px;
	font-weight: 600 !important;
	border-radius: 8px;
}

.invoice-not-payed {
	background-color: #ed4545;
	padding: 8px 24px;
	font-weight: 600 !important;
	border-radius: 8px;
}

.invoice-body {
	padding: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

.invoice-left,
.invoice-right {
	width: calc(50% - 16px);
}

.invoice-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.invoice-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.invoice-left p>b,
.invoice-right p>b {
	font-weight: 600;
	font-size: 15px;
	color: #00104B;
	margin-bottom: 12px !important;
	display: flex;
}

.ib-name,
.invoice-left a,
.invoice-left p,
.invoice-right span,
.invoice-right .method-used {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 4px;
}

.invoice-left a {
	color: #00B57F;
	margin-top: 16px;
}

.ib-address {
	max-width: 250px;
	margin-bottom: 24px;
}

.cancel-bill,
.invoice-right a {
	background-color: #ed4545;
	border-radius: 8px;
	padding: 8px 16px;
	font-weight: 500;
	font-size: 15px;
	color: #fff !important;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
}

.cancel-bill:hover,
.invoice-right a:hover {
	opacity: .7;
}

.invoice-right select {
	margin: 8px 0;
	padding: 8px;
	outline: none;
	border: 1px solid #e2e2e2;
}

.invoice-right a {
	background-color: #2ece67;
	font-size: 15px;
}

.ib-bottom {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ib-table-header {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #348F50;
	background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
	background: linear-gradient(to right, #56B4D3, #348F50);
	padding-left: 16px;
	border-radius: 8px;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 16px;
}

.ib-bottom table {
	width: 100%;
	margin-bottom: 32px;
}

.ib-bottom table thead {
	border-bottom: 1px solid #e2e2e2;
}

.ib-bottom table th {
	text-align: left;
	font-weight: 600;
	font-size: 15px;
	color: #00104B;
	padding: 12px 0;
}

.ib-bottom table td {
	font-size: 15px;
	font-weight: 400;
	border-top: 1px solid #e2e2e2;
	padding: 12px 0;
}

.ib-bottom .table-second tr td:first-child {
	text-align: right;
	padding: 8px 16px;
	font-weight: 600;
	color: #00104B;
}

.ib-first-td {
	text-align: left !important;
	padding: 8px 0 !important;
	font-weight: 400 !important;
}

.ib-bottom .table-second tr.ib-credit-td td {
	color: #2ece67;
}

.ib-nothing td {
	text-align: center;
	vertical-align: middle;
}

.invoice-bottom {
	padding: 32px;
}

.invoice-footer {
	padding: 32px;
	margin-top: 32px;
	background: #348F50;
	background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
	background: linear-gradient(to right, #56B4D3, #348F50);
	position: relative;
}

.invoice-footer a {
	color: #fff;
}

.invoice-footer a:hover {
	text-decoration: underline;
}

.barcode-img {
	position: absolute;
	max-width: 100px;
	width: 100px;
	max-height: 100px;
	height: 100px;
	border: 3px solid #2ece67;
	right: 32px;
	top: -50%;
}

.invoice-info {
	font-size: 15px;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.invoice-info button {
	background-color: #2ece67;
	padding: 8px 16px;
	border-radius: 8px;
	color: #fff;
	transition: all .2s ease-in-out;
	outline: none;
	border: none;
	cursor: pointer;
}

.invoice-info button:hover {
	opacity: .7;
}

.iban-td div {
	display: inline-flex;
	gap: 8px;
	position: relative;
}

.iban-td div .copy-message {
	box-shadow: 0 0 8px 0 #00000025 !important;
	text-align: center;
	width: 100px !important;
	right: 32px !important;
	left: initial !important;
}

.fr-info-area {
	background-color: #2ece6740;
	margin: 0 32px;
	padding: 16px;
	border-radius: 8px;
	margin-top: 32px;
	color: #00104B;
	font-size: 13px;
	text-align: left;
}

.fr-info-area i {
	margin-right: 10px;
}

.basket-box-body .customer-box.services {
	width: 100%;
}

.customer-box.services.hd {
	border: 1px solid #e2e2e2;
}

.show-piece.hd span,
.show-piece.hd a {
	background-color: #2ece6720;
	color: #2ece67;
	font-weight: 500;
	padding: 3px 8px;
	font-size: 13px;
	border-radius: 4px;
}

.show-piece.hd a:hover {
	background: linear-gradient(45deg, #2ece67 0%, #01BED1 100%);
	color: #fff;
}

.customer-box.services.hd .customer-header {
	margin-bottom: 16px;
}

.hd-middle {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 0 16px;
	margin-bottom: 32px;
}

.hdm-left,
.hdm-right {
	width: calc(50% - 8px);
}

.hdm-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	padding-left: 16px;
}

.hdm-left svg {
	width: 32px;
	height: 32px;
	color: #00104B;
}

.hdm-left p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.hdm-left p span {
	font-weight: 500;
	font-size: 14px;
	color: #414856;
}

.hdm-left p span:last-child {
	font-size: 15px;
	color: #00104B;
}

.hdm-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 16px;
}

.hdm-right p {
	font-size: 13px;
	font-weight: 500;
	color: #414856;
}

.hdm-right span {
	margin-left: 8px;
	background-color: #2ece6720;
	font-size: 13px;
	font-weight: 500;
	color: #2ece67;
	padding: 3px 6px;
	border-radius: 4px;
}

.hdm-right span.rd {
	background-color: #ed454520;
	color: #ed4545;
}

.customer-box.services.hd .customer-infos {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
}

.customer-box.services.hd .hd-box {
	border: 1px solid #e2e2e2;
	padding: 16px;
	border-radius: 8px;
	width: calc(33% - 10.6666666667px);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.customer-box.services.hd .hd-box span {
	font-size: 13px;
	color: #414856;
}

.customer-box.services.hd .hd-box p {
	font-size: 15px;
	font-weight: 500;
	color: #00104B;
}

.customer-box.services.hd .hd-box a {
	font-size: 15px;
	font-weight: 500;
}

.customer-box.services.hd .hd-box svg {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 21px;
	height: 21px;
}

.customer-box.services.hd>a {
	background-color: #00104B;
	padding: 12px 0;
	border-radius: 8px;
	color: #fff;
	margin: 0 16px;
	margin-bottom: 16px;
	font-size: 15px;
	transition: all .2s ease-in-out;
}

.customer-box.services.hd>a:hover {
	background-color: #00104Bc7;
}

.swiper-referances {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 32px 0;
}

.swiper-referances .swiper-button-next,
.swiper-referances .swiper-button-prev{
	opacity: 0;
	pointer-events: none;
	transition: all .4s ease-in-out;
}

.swiper-referances .swiper-button-next{
	right:20px;
}

.swiper-referances:hover .swiper-button-next{
	right: 0px;
}

.swiper-referances .swiper-button-prev{
	left:20px;
}

.swiper-referances:hover .swiper-button-prev{
	left: 0px;
}

.swiper-referances:hover .swiper-button-next,
.swiper-referances:hover .swiper-button-prev{
	opacity: 1;
	pointer-events: all;
}

.swiper-referances .swiper-slide img {
	width: 100%;
	user-select: none;
	aspect-ratio: 16/3;
	object-fit: contain;
	transition: all .2s ease-in-out;
}

.swiper-referances .swiper-slide img:hover {
	transform: scale(1.12);
}

.services-section .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px;

}

.services-section span.btn-small,
.section-head span.btn-small {
	font-size: 12px;
	font-weight: 500;
	color: #c679e3;
	background-color: #f5dffd;
	padding: 5px 20px 4px;
	border-radius: 20px;
}

.services-section h3,
.section-head h3 {
	width: 100%;
	font-weight: 600;
	font-size: 30px;
	color: #000;
}

.services-section .swipe-animation,
.section-head .swipe-animation {
	margin: 8px 0;
	width: 100px;
	height: 5px;
	background-color: #cdf1d8;
	border-radius: 20px;
	position: relative;
	display: flex;
	align-items: center;
}

.services-section .swipe,
.section-head .swipe {
	width: 12px;
	height: 12px;
	position: absolute;
	background-color: #44ce6f;
	border-radius: 50%;
	animation: swipe-animation 5s infinite;
}

@keyframes swipe-animation {
	0% {
		transform: translateX(0px);
	}

	100% {
		transform: translateX(100px);
	}
}

.section-head.head-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.services-section .services-p,
.section-head .services-p {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.services-section p,
.section-head p {
	max-width: 500px;
	color: #6084a4;
	font-size: 14px;
	margin-bottom: 32px;
}

.section-head p {
	margin-bottom: 0px;
}

.services-box {
	width: calc(25% - 12px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.services-icon {
	background-image: url(../images/bg/services-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 95px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #44ce6f;
}

.services-box>p {
	font-weight: 500;
	color: #0e314c;
	margin-bottom: 8px;
	font-size: 18px;
}

.services-box>span {
	font-size: 15px;
	text-align: left;
	color: #6084a4;
	line-height: 25px;
	margin-bottom: 8px;
}

.services-box>a {
	font-size: 14px;
	color: #365267;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all .2s ease-in-out;
}

.services-box>a:hover {
	color: #44ce6f;
}

section.about-us {
	display: flex;
}

.au-left {
	width: 50%;
}

.au-left img {
	width: 90%;
}

.au-right {
	max-width: 650px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.au-right h3 {
	max-width: 550px;
}

.au-right .section-head {
	align-items: flex-start;
	margin-bottom: 24px;
}

.au-right .services-p {
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 0;
}

.au-right .services-p p {
	font-size: 16px;
}

.au-right>a {
	font-size: 14px;
	padding: 12px 24px;
	background-color: #44CE6F;
	color: #fff;
	box-shadow: 4px 4px 8px 0 #44CE6F;
	transition: all .2s ease-in-out;
	position: relative;
	overflow: hidden;
}

.au-right>a span {
	z-index: 2;
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.au-right>a::before,
.au-right>a::after {
	content: '';
	width: 50%;
	position: absolute;
	height: 100%;
	background-color: #477CDB;
	top: 0;
	transition: all .5s ease-in-out;
}

.au-right>a::before {
	left: -100%;
}

.au-right>a::after {
	right: -100%;
}

.au-right>a:hover {
	box-shadow: 4px 4px 8px 0 #477CDB;
}

.au-right>a:hover::before {
	left: 10px;
	width: 100%;
}

.au-right>a:hover::after {
	right: 10px;
	width: 100%;
}

.srv-box {
	border-radius: 16px;
	width: calc(33% - 10.6666666667px);
	position: relative;
}

.srv-top {
	width: 100%;
	aspect-ratio: 16/12;
}

.srv-top img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.srv-bottom {
	background-color: #fff;
	position: relative;
	top: -40px;
	left: 16px;
	width: calc(100% - 32px);
	border-radius: 8px;
	box-shadow: 0 0 16px 0 #00000015;
	padding: 16px;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-height: 80px;
	height: 80px;
	transition: all .2s ease-in-out
}

.srv-bottom a {
	color: #000;
	transition: all .3s ease-in-out;
}

.srv-box:hover .srv-bottom a:first-child{
	color: #477CDB;
}

.srv-bottom a.srv-read-more {
	position: absolute;
	bottom: -100%;
	border: 1px solid #00000030;
	background-color: #fff;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 30px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .2s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.srv-bottom a.srv-read-more i {
	transform: rotate(45deg);
}

.srv-box:hover .srv-bottom {
	top: -50px;
}

.srv-box:hover a:first-child {
	padding-bottom: 20px;
}

.srv-box:hover a.srv-read-more {
	bottom: -20px;
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}

.srv-box:hover a.srv-read-more:hover {
	background-color: #477CDB;
	color: #fff;
	border-color: transparent;
}

.annoucement {
	background-color: #2930C7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
	transition: all .5s ease-in-out;
	padding: 0 16px;
	overflow: hidden;
}

.annoucement-left .al-box {
	color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 8px;
	height: 32px;
	padding: 7px 14px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-weight: 500;
}

.annoucement-middle a {
	color: #fff;
	font-size: 15px;
}

.annoucement-right button {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: baseline;
	background-color: transparent;
	border: 2px solid #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-size: 12px;
	transition: all .2s ease-in-out;
}

.annoucement-right button:hover {
	background-color: #fff;
	color: #000;
}

.cookie-container {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background-color: #fff;
	padding: 16px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: 672px;
	box-shadow: 0 0 24px 0 #00000015;
	z-index: 999;
}

.cookie-left {
	display: flex;
	align-items: center;
	gap: 16px;
	width: calc(75% - 8px);
}

.cookie-icon {
	background-color: #477CDB40;
	color: #477CDB;
	min-width: 40px;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cookie-left span {
	font-size: 13px;
	color: #000;
}

.cookie-right {
	display: flex;
	align-items: center;
	gap: 16px;
}

.cookie-right a {
	white-space: nowrap;
	font-size: 13px;
}

.cookie-right a:first-child {
	color: #000;
	text-decoration: underline;
}

.cookie-right button:last-child {
	background-color: #000;
	border: none;
	outline: none;
	padding: 10px 16px;
	color: #fff;
	transition: all .2s ease-in-out;
	border-radius: 8px;
	white-space: nowrap;
	font-size: 13px;
}

.cookie-right button:last-child:hover {
	background-color: #000000c7;
}

.review-part .container>span {
	color: #fff;
	font-size: 17px;
	margin-bottom: 8px;
}

.review-part .container>h3 {
	color: #fff;
	font-size: 48px;
}

.swiper-testimonial {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 64px;
	padding-bottom: 64px;
}

.testimonial-box {
	background-color: #fff;
	padding: 32px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.testimonial-header {
	font-weight: 600;
	color: #000;
	font-size: 24px;
	margin-bottom: 16px;
}

.testimonial {
	text-align: left;
	color: #5D666F;
	font-size: 15px;
}

.testimonial-bottom {
	width: 100%;
	border-top: 1px solid #ECECF2;
	margin-top: 32px;
	padding-top: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tb-left {
	display: flex;
	gap: 16px;
}

.tb-left p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.tb-left img {
	width: 46px;
	height: 46px;
	border-radius: 13px;
}

.tb-left p span:first-child {
	color: #000;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
}

.tb-left p span:last-child {
	color: #5D666F;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}

.tb-right {
	color: #0B4DF5;
}

.swiper-testimonial .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
}

.swiper-testimonial .swiper-pagination-bullet-active {
	background-color: #fff !important;
	outline-offset: 2px;
	outline: 1px solid #fff;
}

.swiper-news {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}

.swiper-news .swiper-pagination-bullet-active {
    background-color: #477CDB !important;
    outline-offset: 2px;
    outline: 1px solid #477CDB;
}

.swiper-news .srv-box {
	width: 100%;
}

.swiper-news .srv-box a.srv-read-more {
	left: 20px;
}

.swiper-news .srv-bottom {
	align-items: flex-start;
	text-align: left;
}

.swiper-news .srv-bottom {
	max-height: initial;
	height: initial;
	min-height: 80px;
	background: linear-gradient(to right top, #d5fefd, #e0fdff, #effbff, #fbfaff, #fffcff);
}

.swiper-news .top-info {
	font-size: 13px;
}

.swiper-news .top-info a {
	color: #000;
	margin-right: 8px;
	padding-bottom: 0 !important;
}

.swiper-news .top-info span {
	color: #6084a4;
	font-size: 12px;
}

.swiper-news .srv-box:hover .srv-bottom>a {
	padding-bottom: 20px !important;
}

.swiper-news .srv-box:hover .srv-bottom>a.srv-read-more {
	padding-bottom: 8px !important;
}

.license-query {
	margin-top: 95px;
}

.license-query .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.license-query h3 {
	font-size: 32px;
	color: #477CDB;
	margin-bottom: 24px;
}

.license-query p {
	font-size: 16px;
	color: #477CDB;
}

.license-query span {
	font-size: 16px;
	color: #000;
	margin-bottom: 64px;
}

.license-query input {
	background-color: transparent;
	width: 100%;
	max-width: 700px;
	height: 48px;
	padding-left: 16px;
	border-radius: 8px;
	margin-bottom: 16px;
	border: 1px solid #00000015;
	transition: all .2s ease-in-out;
}

.license-query input:focus{
	border: 1px solid #477CDB;
	outline: 4px solid #477CDB30;
}

.license-query .container>button {
	width: 100%;
	max-width: 700px;
	background-color: #477CDB;
	height: 48px;
	color: #fff;
	border-radius: 8px;
	transition: all .2s ease-in-out;
	margin-bottom: 24px;
}

.license-query .container>button:hover {
	background-color: #477CDBc7;
}

.no-license,
.has-license {
	background-color: #ed454530;
	padding: 24px;
	border-radius: 16px;
	width: 100%;
	max-width: 700px;
}

.has-license {
	background-color: #2ece6730;
}

.no-license i,
.has-license i {
	color: #ed4545;
	font-size: 40px;
	margin-bottom: 16px;
}

.has-license i {
	color: #2ece67;
}

.no-license p,
.has-license p {
	color: #ed4545;
	margin-bottom: 24px;
}

.has-license p {
	color: #2ece67;
}

.no-license button,
.has-license a {
	height: 40px;
	border-radius: 30px;
	padding: 0 30px;
	border: 2px solid #ed4545;
	color: #ed4545;
	font-weight: 500;
	transition: all .2s ease-in-out;
}

.has-license a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.has-license a {
	border-color: #2ece67;
	color: #2ece67;
}

.has-license a:hover {
	background-color: #2ece67;
	color: #fff;
}

.no-license button:hover {
	background-color: #ed4545;
	color: #fff;
}

.contact-top {
	height: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 207px !important;
	box-sizing: content-box;
	padding: 16px;
	position: relative;
}

.contact-top::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000c7;
}

.contact-top span {
	color: #2ece67;
	font-weight: 600;
	margin-bottom: 8px;
	position: relative;
	z-index: 2;
}

.contact-top h3 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 16px;
	position: relative;
	z-index: 2;
}

.contact-top p {
	color: #ffffff90;
	position: relative;
	z-index: 2;
}

.wave-shape {
	position: absolute;
	bottom: -10px;
	width: 100%;
}

.contact-section .contact-top {
	position: relative;
}

.contact-section .container {
	position: relative;
	z-index: 9;
	top: -170px;
	display: flex;
	align-items: flex-start;
}

.contact-section form {
	width: 65%;
	background-color: #fff;
	box-shadow: 0 0 24px 0 #00000010;
	padding: 24px;
	border-radius: 16px;
}

.contact-section .form-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.contact-section .form-group label {
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: 500;
}

.contact-section .form-group input,
.contact-section .form-group textarea {
	background-color: #fff;
	border: 1px solid #00000020;
	width: 100%;
	height: 48px;
	padding-left: 16px;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

.contact-section .form-group input:focus,
.contact-section .form-group textarea:focus{
	outline: 4px solid #477CDB30;
	border-color: #477cdb;
}

.contact-section .form-group textarea {
	height: initial;
	resize: vertical;
}

.contact-section input[type="submit"] {
	background-color: #477CDB;
	width: 100%;
	height: 48px;
	color: #fff;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

.contact-section input[type="submit"]:hover{
	opacity: .7;
}

.contact-section .contact-right {
	width: 35%;
	margin-left: 32px;
	display: flex;
	flex-direction: column;
}

.contact-right .live-sup-btn {
	background-color: #477CDB;
	width: 100%;
	height: 48px;
	border-radius: 16px;
	color: #fff;
	display: grid;
	place-items: center;
	box-shadow: 0 0 24px 0 #00000010;
	margin-bottom: 32px;
	transition: all .2s ease-in-out;
	backdrop-filter: blur(50px);
}

.contact-right .live-sup-btn:hover {
	background-color: #44CE6F;
}

.cr-container {
	box-shadow: 0 0 24px 0 #00000010;
	background-color: #fff;
	border-radius: 16px;
	padding: 24px;
	display: flex;
	flex-direction: column;
}

.cr-box {
	display: flex;
	align-items: center;
	padding: 24px;
	border-bottom: 1px solid #00000010;
	gap: 16px;
	color: #0B1460;
}

.cr-box:last-child{
	border-bottom: none;
}

.cr-box i {
	font-size: 20px;
	color: #0B1460;
}

.cr-box p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.cr-box p span:first-child {
	font-weight: 500;
}

.cr-box p span:not(:first-child) {
	font-size: 14px;
	font-weight: 500;
	color: #00000090;
}

.cr-box p span:not(:first-child):hover{
	color: #477cdb;
}

.cr-box p>a {
	background-color: #f7e36d;
	padding: 5px 15px;
	border-radius: 30px;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	align-self: center;
	margin-top: 5px;
	transition: all .2s ease-in-out;
}

.cr-box p>a:hover{
	opacity: .7;
}

.contact-right .social-media{
	margin-top: 12px;
	display: flex;
	align-items: center;
	gap: 16px;
	align-self: center;
}

.contact-right .social-media i{
	font-size: 17px;
	transition: all .2s ease-in-out;
}

.contact-right .social-media i:hover{
	opacity: .7;
}

.contact-right .social-media a:nth-child(1) i{
	color: #477CDB;
}

.contact-right .social-media a:nth-child(2) i{
	color: #5897fb;
}

.contact-right .social-media a:nth-child(3) i{
	color: #ed4545;
}

.contact-right .social-media a:nth-child(4) i{
	color: #b12fad;
}

.map-area{
	position: relative;
	top: -100px;
}

.customer-number{
	padding: 16px 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.cn-bottom{
	display: flex;
	width: 100%;
	gap: 16px;
	flex-wrap: wrap;
}

.cn-box{
	width: calc(25% - 12px);
	position: relative;
}

.cn-box::before{
	content: '';
	height: 4px;
	width: 40px;
	border-radius: 10px;
	background: linear-gradient(90deg,#477CDB,#11b76b);
	position: absolute;
	top: 0;
}

.cn-box>p{
	font-size: 22px;
	font-weight: 500;
}

.cnb-top{
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
}

.cnb-top span{
	font-size: 32px;
	font-weight: 600;
	color: #477CDB;
}

.cnb-top svg{
	width: 60px;
	height: 60px;
	color: #477CDB;
	transition: all .8s ease-in-out;
}

.cn-box:hover svg{
	color: #000;
	transform: scale(.9);
}

.cnb-top span{
	margin-top: 16px;
	font-size: 36px;
}

.cnb-top span.count {
    animation: count-up 1s ease-out;
    animation-fill-mode: forwards;
}

@keyframes count-up {
    from { 
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.services-section.srv{
	position: relative;
	padding-top: 40px;
}

.services-section.srv::after{
	content: '';
	background-image:url(../images/bg/shape-1.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 20%;
	aspect-ratio: 1;
	top: 0;
	left: 0;
	position: absolute;
	animation: anim-y 5s infinite;
}

@keyframes anim-y {
	0%{
		transform: translateY(0px);
	}

	50%{
		transform: translateY(20px);
	}

	100%{
		transform: translateY(0);
	}
}

.services-section.vrs{
	position: relative;
}

.services-section.vrs::before{
	content: '';
	background-image: url(../images/shape/shape2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5%;
	right: 20%;
	animation: anim-rotate 5s infinite;
}

@keyframes anim-rotate {
	0%{
		transform: rotate(0deg);
	}

	50%{
		transform: rotate(180deg);
	}

	100%{
		transform: rotate(0deg);
	}
}

.services-section.vrs::after{
	content: '';
	background-image: url(../images/shape/shape4.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 15px;
	height: 20px;
	position: absolute;
	left: 20%;
	top: 5%;
	animation: anim-random 15s infinite;
}

@keyframes anim-random {
	0%{
		transform: translate(0px,0px);
	}

	15%{
		transform: translate(30px,40px);
	}

	30%{
		transform: translate(60px,40px);
	}

	50%{
		transform: translate(90px,80px);
	}

	100%{
		transform: translate(0px,0px);
	}
}

.step-section .container>span{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.step-section .container>h3{
	font-size: 45px;
	font-weight: 500;
	color: #000;
	margin-bottom: 24px;
}

.step-section .step-bottom{
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	background: transparent url(../images/shape/process-shape-1.png) center 10% no-repeat;
}

.step-box{
	width: calc(25% - 12px);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.step-icon{
	width: 150px;
	height: 150px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(223, 227, 231);
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 0px 50px 0px #00000010;
	margin-bottom: 24px;
}

.step-icon::after{
	content: '';
	width: 150px;
	height: 150px;
	position: absolute;
	background-color: #477CDB;
	border-radius: 50%;
	transition: all .2s ease-in-out;
	transform: scale(0);
}

.step-box:hover .step-icon::after{
	transform: scale(1);
}

.step-icon span{
	background-color: #477CDB;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s ease-in-out;
	z-index: 2;
}

.step-box:hover .step-icon span{
	background-color: #000;
}

.step-box>p{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	line-height: 32px;
}

.step-box>span{
	font-size: 14px;
	max-width: 200px;
	margin-top: 8px;
}

.step-box:nth-child(2){
	margin-top: 110px;
}

.step-box:nth-child(3){
	margin-top: 30px;
}

.step-icon i{
	font-size: 48px;
	color: #477CDB;
	position: relative;
	z-index: 2;
	transition: all .2s ease-in-out;
}

.step-box:hover .step-icon i{
	color: #fff;
}

.feature-part h3{
	color: #fff;
}

.feature-part .au-right a{
	box-shadow: none;
}

.ft-section{
	background-color: #36364E;
	padding: 24px 0;
}

.ft-section .container{
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.ft-box{
	width: calc(20% - 12.8px);
	border-radius: 16px;
	padding: 24px 8px;
	transition: all .2s ease-in-out;
}

.ft-box:hover{
	background-color: #00000020;
}

.ft-box p{
	font-weight: 500;
	color: #fff;
	margin-top: 8px;
}

.ft-box span{
	font-size: 14px;
	color: #ffffff90;
}

.articles .srv-box:hover .srv-bottom p>a{
	color: #000;
}

.articles .srv-box:hover .srv-bottom>a:nth-child(2){
	color: #477cdb;
}

@media all and (max-width:1250px) {

	.product-detail-container {
		flex-wrap: wrap;
	}

	.product-detail-container>div {
		width: 100%;
	}

	.swiper-pr-detail .swiper-slide img {
		height: inherit;
	}

	.swiper-pr-detail {
		height: inherit;
	}

	.nb-link,
	.modal-open-btn {
		font-size: 13px !important;
		white-space: nowrap;
	}

	.nav-top {
		padding: 0;
	}



	.basket-btn {
		font-size: 13px;
		padding: 5px 10px;
	}

	.basket-counter {
		width: 20px;
		height: 20px;
		font-size: 13px;
	}

	.nb-left>a img {
		max-width: 120px;
	}
}

@media all and (max-width:1165px) {

	.browse-nav{
		grid-template-columns: repeat(4, 1fr);
	}

	.srv-box {
		width: calc(50% - 8px);
	}

	.ft-box{
		width: calc(25% - 12px);
	}

	.about-us {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.au-right {
		width: 100%;
		align-items: center;
	}

	.au-right .section-head {
		align-items: center;
	}

	.au-right h3 {
		text-align: center;
	}

	.au-right .services-p p {
		text-align: center;
		max-width: initial;
	}

	.left-bar {
		position: fixed;
		top: 0;
		left: -100%;
		height: 100%;
		z-index: 99;
		border-radius: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all .2s ease-in-out;
		overflow: auto;
		display: block;
	}

	.left-bar-close {
		display: flex;
		position: absolute;
		right: 32px;
		cursor: pointer;
		background-color: #00104B;
		width: 32px;
		height: 32px;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
	}

	.left-bar-open-btn {
		display: flex;
	}

	#customer-panel-menu-mobile:checked+label {
		transition: all .2s ease-in-out;
	}

	#customer-panel-menu-mobile:checked+label::after {
		content: '';
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 98;
		background-color: #000000c0;
		transition: all .2s ease-in-out;
		cursor: pointer;
	}

	#customer-panel-menu-mobile:checked~.left-bar {
		opacity: 1;
		left: 0;
		visibility: visible;
		pointer-events: all;
	}

	.customer-panel-container .container {
		flex-direction: column-reverse;
	}

	.customer-area {
		width: 100%;
	}

	footer .container .row {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	footer .container .row .col-md-3 {
		width: 100% !important;
	}

	.nb-link {
		display: none !important;
	}

	.drop-down__button {
		padding: 0 7px;
	}

	.nb-right>.table_center {
		display: none;
	}

	.responsive-srch,
	.header-widget i,
	.header-user i {
		width: 31.6px;
		height: 31.6px;
		display: flex;
	}

	.basket-tooltip {
		top: 35px;
	}

	.mob-menu {
		display: flex;
	}

	.currency-btn {
		width: calc(33% - 13.333px);
	}

	.nb-btn-1 {
		display: none;
	}

	.nb-btn-container {
		display: flex;
		gap: 20px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.nb-btn-container .nb-btn-1 {
		display: flex !important;
		width: calc(50% - 10px);
		align-items: center;
		justify-content: center;
	}

	.basket-tooltip {
		top: 45px;
	}

	footer .copyright>div {
		flex-direction: column;
		justify-content: center;
		padding-right: 0;
	}
}

@media all and (max-width:900px) {

	.browse-nav{
		grid-template-columns: repeat(3, 1fr);
	}

	.ft-box{
		width: calc(50% - 8px);
	}

	.step-bottom{
		background-image: none !important;
		gap: 32px !important;
	}

	.step-box{
		margin-top: 0 !important;
		width: calc(50% - 16px);
	}

	.services-section.srv::after{
		display: none;
	}

	.cn-box{
		width: calc(50% - 8px);
	}

	.cn-box>p{
		font-size: 14px;
	}

	.contact-section .container{
		flex-direction: column;
		gap: 32px;
		top: -55px;
	}

	.map-area{
		top: 0;
	}

	.contact-top{
		padding-bottom: 62px !important;
	}

	.contact-section form,
	.contact-section .contact-right{
		width: 100%;
		margin-left: 0;
	}

	.annoucement-left {
		display: none;
	}

	.services-box {
		width: calc(50% - 8px);
	}

	.login-section .container {
		flex-direction: column;
		gap: 0;
	}

	.card-form {
		flex-direction: column;
	}

	.login-left {
		padding: 32px 0;
	}

	.login-left,
	.login-right {
		width: 100%;
	}

	.login-left ._at label {
		width: initial;
	}

	.packet-selection {
		flex-wrap: wrap;
		gap: 20px;
	}

	.no-pass span {
		visibility: hidden;
		width: 0;
	}

	.no-pass {
		color: #aaaaaa;
	}

	.cart-top thead {
		display: none !important;
	}

	.tabcontent {
		padding: 15px;
	}

	.packet-box {
		width: calc(50% - 20px);
	}

	.tabs-p {
		text-align: center;
	}

	.packet-box:hover,
	.packet-selection input:checked+.packet-box {
		transform: scale(1.02);
	}

	.accordion {
		width: 100%;
	}

	.extra-services {
		width: 100%;
	}

	.tabs-area .tab {
		gap: 60px;
	}

	.tablinks::after {
		font-size: 13px;
	}

	.cart-top {
		margin: 15px;
	}

	.cart-bottom {
		flex-direction: column;
		padding: 15px;
	}

	.cb-left,
	.cb-right {
		width: 100%;
		margin-right: 0;
	}

	.coupon-code-area {
		margin-right: 0;
		width: 100%;
	}

	.no-pass {
		width: inherit !important;
	}

	.cpa-top div {
		width: inherit;
	}

	.cart-top tbody tr {
		display: flex;
		flex-direction: column !important;
	}

	.cart-top tbody tr td {
		text-align: center;
		padding: 5px 15px;
	}

	.td-btn+td {
		padding: 0 !important;
	}

	.td-btn+td .td-text {
		display: none;
		padding: 0;
	}

	.cart-top tbody tr td .erl-content {
		justify-content: center;
		font-weight: 600;
		font-size: 12px;
		margin-top: 5px;
	}

	.cart-top .erl-header {
		font-size: 18px;
		line-height: 19px;
	}

	.cart-top .erl-info {
		font-size: 14px;
	}

	.td-btn {
		gap: 10px;
		display: flex;
		justify-content: center;
	}

	.td-marked.unit,
	.last-td {
		position: relative;
		margin-top: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.td-marked::before,
	.last-td::before {
		content: attr(data-info);
		position: absolute;
		font-size: 12px;
		font-weight: 600;
		top: -17px;
		opacity: .6;
	}

	.last-td {
		align-items: center;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.accordion-header {
		height: 50px;
	}

	td .right-discount {
		margin-top: 3px;
	}

	td .line-thr-text {
		margin-bottom: 3px;
	}

	.nav-top {
		justify-content: center;
	}

	footer .footer-bottom p {
		padding: 20px;
	}

	.nt-link {
		font-size: 12px;
	}

	.subscribe-widget .nl-box {
		padding: 28px 30px;
		flex-direction: column;
		gap: 15px;
	}

	.subscribe-form-v1 {
		width: 100%;
	}

	.subscribe-form-v1 .subscribe-submit {
		padding: 0 10px;
	}

	.arrow {
		top: 64%;
	}

}

@media all and (max-width:768px) {

	.browse-nav{
		grid-template-columns: repeat(2, 1fr);
	}

	.services-section.vrs::before{
		top: 2%;
		right: 5%;
	}

	.services-section.vrs::after{
		top: 2%;
		left: 5%;
	}

	.review-part .container>span {
		font-size: 13px;
	}

	.review-part .container>h3 {
		font-size: 22px;
	}

	.testimonial-box {
		padding: 16px;
	}

	.tb-left p span:first-child {
		font-size: 16px;
	}

	.tb-left {
		gap: 8px;
	}

	.tb-right {
		font-size: 13px;
	}

	.cookie-container {
		flex-direction: column;
		width: calc(100% - 40px);
	}

	.cookie-left {
		width: 100%;
	}

	.cookie-right {
		width: 100%;
	}

	.cookie-right a,
	.cookie-right button {
		width: calc(50% - 8px);
		min-width: min-content;
		text-align: center;
	}

	.au-right .services-p {
		padding: 0 16px;
	}

	.au-right .section-head {
		margin-bottom: 8px;
	}

	.au-right h3 {
		padding: 0 16px;
	}

	.bill-registered-infos {
		flex-direction: column;
		gap: 16px;
		padding: 16px 0;
	}

	.customer-box.services.hd .hd-box {
		width: calc(50% - 8px);
		padding: 12px 8px;
	}

	.card-list {
		min-width: 400px;
	}

	.box-4n .tab-row.general select,
	.box-4n .tab-row.general input {
		min-height: 38px;
		height: 38px;
		font-size: 13px;
	}

	.nb-checkbox .tab-row,
	.current-bill-profile .tab-row {
		gap: 8px;
	}

	.nb-checkbox ._at {
		flex-wrap: nowrap;
	}

	.current-bill-profile ._at label {
		width: initial;
		float: left;
	}

	.current-bill-profile ._at {
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.nb-checkbox ._at label {
		width: initial;
		font-size: 13px;
	}

	.box-4n .tab-row.general input::placeholder {
		font-size: 13px;
	}

	.bri-left,
	.bri-right {
		width: 100%;
	}

	.box-4n {
		flex-wrap: wrap;
	}

	.box-4n .tab-row {
		width: calc(50% - 8px);
	}

	.profile-info-edit .tab {
		flex-wrap: wrap;
	}

	.gi-left,
	.gi-right {
		width: 100%;
	}

	.tabcontent#changepassword .password-safe-check {
		flex-direction: column;
	}

	.tab-row.general {
		height: initial;
	}

	.tab-row.general select {
		height: 55px;
		min-height: 55px;
	}

	#preferences,
	#verification,
	#generalinfos,
	.tabcontent#changepassword,
	#billprofile {
		padding: 16px 0;
	}

	.bank-box {
		flex-direction: column;
	}

	.bank-left {
		width: 100%;
		padding: 32px 0;
	}

	.bank-left img {
		max-width: 150px;
	}

	.bank-box ul {
		width: 100%;
	}

	footer .footer-links {
		padding-left: 0;
	}

	.support-box .customer-infos table .pr-name p {
		line-clamp: 2;
		-webkit-line-clamp: 2;
	}

	.user-banner-profile {
		justify-content: center;
	}

	.user-banner-data {
		flex-wrap: wrap;
		margin-bottom: 16px;
	}

	.user-banner {
		padding-top: 25px;
	}

	.user-banner-data li {
		width: calc(50% - 8px);
	}

	.customer-actions>div {
		width: 100% !important;
	}

	.customer-box.services tr {
		display: flex;
		flex-direction: column;
		padding: 16px;
		border-radius: 8px;
		gap: 8px;
	}

	td._at label span {
		margin-right: 0;
		margin-top: 0;
	}

	.customer-box.services tr:not(:last-child) {
		margin-bottom: 16px;
	}

	.customer-box.services tr td {
		padding: 0 !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.customer-box.services tr td:first-child {
		flex-direction: column;
		align-items: center;
	}

	.customer-actions {
		flex-direction: column;
		align-items: center;
	}

	.customer-box.services thead {
		display: none;
	}

	.subscribe-widget .nl-box .text p {
		font-size: 16px;
	}

	.subscribe-widget .nl-box .text h3 {
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 10px;
	}

	.arrow {
		position: static;
		margin: 25px;
		transform: rotate(360deg);
	}

	.arrow span {
		width: 3.5vw;
		height: 3.5vw;
	}

	.accordion {
		color: #fff;
		cursor: pointer;
		text-align: left;
		font-size: 15px;
		transition: 0.2s;
		text-transform: capitalize;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 10px;
	}

	.left-bar a,
	.left-bar button {
		justify-content: flex-start !important;
	}

	footer .footer-links strong {
		margin-bottom: 0;
	}

	.accordion:hover {
		opacity: 0.8;
	}

	.web-menu-games-box:hover {
		background-color: #2d3553;
		color: #9FCFFF;
		opacity: 1;
	}

	.activeakor,
	.accordion:hover {
		background-color: #2d3553;
	}

	.accordion:after {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cpath style='fill:%23fff%3B' d='M12 25a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L18.59 16l-7.3-7.29a1 1 0 1 1 1.42-1.42l8 8a1 1 0 0 1 0 1.42l-8 8A1 1 0 0 1 12 25Z'/%3E%3C/g%3E%3Cg id='frame'%3E%3Crect class='cls-1' height='32' width='32'/%3E%3C/g%3E%3C/svg%3E");
		color: white;
		font-weight: bold;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 44px;
		height: 44px;
		border-radius: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: center;
		transition: .2s;
	}

	.activeakor.accordion::after {
		transform: rotate(90deg);
	}

	.panel {
		padding: 0px 20px;
		max-width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: 0.2s ease-out;
		border-radius: 15px;
		display: flex;
		flex-direction: column;
	}

	.header-form {
		top: 93px;
		right: 0;
		max-width: 100%;
	}

	.header-search {
		border-radius: 0;
	}

	.nt-link span {
		display: none;
	}

	.basket-btn {
		display: flex;
		align-items: center;
	}

	.basket-tooltip {
		width: 105px;
		left: -20px;
		white-space: nowrap;
	}


	.basket-btn span:not(.basket-counter) {
		display: none;
	}

	.nt-link {
		font-size: 16px;
	}

	.currency-btn {
		width: calc(50% - 10px);
	}
}

@media all and (max-width:500px) {

	.browse-nav span{
		white-space: pre-wrap;
	}

	.services-section.srv{
		padding-top: 0;
	}

	.services-box{
		align-items: center;
	}

	.services-box span{
		text-align: center;
	}

	.pricing-plan-body .packages-section{
		padding-bottom: 20px;
	}

	.srv-bottom a.srv-read-more{
		display: none;
	}

	footer .container .row .col-md-3:last-child .footer-links{
		align-items: center;
	}

	.license-query{
		margin-top: 20px;
	}

	.ft-box{
		width: 100%;
	}

	.step-bottom{
		gap: 16px !important;
	}

	.step-box{
		width: 100%;
	}

	.step-section .container>h3{
		font-size: 30px;
	}

	.au-left {
		width: 100%;
	}

	.cn-box{
		width: 100%;
	}

	.au-left img {
		width: 100%;
	}

	.annoucement-middle a {
		font-size: 13px;
	}

	.annoucement {
		gap: 16px;
		padding: 8px 16px;
	}

	.srv-box {
		width: 100%;
	}

	.srv-read-more {
		display: none;
	}

	.srv-bottom {
		height: 50px;
		top: -20px;
	}

	.srv-box .srv-bottom a {
		padding-bottom: 0 !important;
	}

	.srv-box:hover .srv-bottom {
		top: -30px;
	}

	.services-box {
		width: 100%;
	}

	.services-section h3 {
		font-size: 20px;
	}

	.hd-middle {
		flex-direction: column;
	}

	.customer-box.services.hd .hd-box {
		width: 100%;
	}

	.basket-box-area .show-piece {
		align-self: flex-end;
	}

	.show-piece.hd {
		flex-direction: column;
	}

	.hdm-left {
		align-self: flex-start;
		padding-left: 0;
		width: 100%;
	}

	.hdm-right {
		align-self: flex-start;
		padding-right: 0;
		justify-content: flex-start;
		width: 100%;
	}

	.fr-info-area {
		margin: 0;
		margin-top: 16px;
	}

	#app.wrapper {
		padding: 0;
	}

	.card-form__button {
		width: 100%;
		margin: 0;
		margin-top: 16px;
	}

	.card-item__numberItem {
		font-size: 16px;
		width: 10px;
	}

	.card-form__inner {
		padding: 0;
	}

	.card-item {
		width: 100%;
	}

	.customer-panel .payment-header label {
		width: 100%;
	}

	.customer-panel .basket-box-area {
		padding: 16px;
	}

	.profile-info-edit .tab .tablinks {
		width: calc(50% - 8px);
		padding: 12px 16px;
	}

	.sp {
		flex-direction: column;
	}

	#preferences .tab-row {
		flex-wrap: nowrap;
	}

	#preferences ._at label {
		width: initial;
	}

	.tab-row p {
		width: 80%;
	}

	.bank-box ul li {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 0;
		font-weight: 500;
		font-size: 13px;
	}

	.bank-box ul li span {
		font-size: 13px;
		min-width: initial;
	}

	.bank-box ul li span::after {
		display: none;
	}

	.customer-header {
		flex-direction: column;
		gap: 8px;
	}

	.left-bar {
		min-width: initial;
	}

	.user-banner-data {
		gap: 8px;
	}

	.user-banner-data li {
		width: calc(50% - 4px);
		padding: 40px 5px 25px;
	}

	.sup-bottom {
		flex-direction: row !important;
	}

	.profile-options {
		flex-direction: column-reverse;
	}

	.profile-options .po-item {
		width: 100%;
	}

	.left-bar {
		width: 100%;
	}

	.customer-panel-container .container {
		gap: 16px;
	}

	.left-bar .accordion {
		justify-content: flex-start;
	}

	.left-bar .activeakor {
		background-color: #00000007;
		color: #ff6d00;
	}

	.ch-left {
		align-self: flex-start;
	}

	.ch-right {
		align-self: flex-end;
	}

	.customer-bottom {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.register-form .login-field {
		width: 100%;
	}

	.tabs-area .tab {
		gap: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.extra-a {
		flex-direction: column;
		gap: 15px;
		padding: 15px;
	}

	.extra-a a {
		margin: 0 !important;
		width: 100%;
		text-align: center;
	}

	.tablinks::after {
		font-size: 11px;
		white-space: break-spaces;
		width: 60px;
		text-align: center;
	}

	.basket-empty p {
		margin-bottom: 7px;
	}

	.input-container {
		flex-direction: column;
	}

	.input-container * {
		width: 100% !important;
	}

	.input-container input {
		border-radius: 5px 5px 0 0;
		padding-left: 10px;
		font-size: 10px;
	}

	.input-container button {
		border-radius: 0 0 5px 5px;
	}

	.must-pay-today b {
		white-space: nowrap;
	}

	.register-row {
		flex-direction: column;
		gap: 10px;
	}

	.cb-left {
		padding-right: 0 !important;
		margin-bottom: 20px;
	}

	.register-row .rr-left,
	.register-row .rr-right {
		width: 100%;
	}

	._at {
		flex-wrap: wrap;
	}

	._at p {
		width: 100%;
		margin-bottom: 10px;
	}

	._at label {
		width: calc(50% - 7.5px);
	}

	._login-header label {
		font-size: 13px;
		white-space: nowrap;
	}

	.current-address {
		max-width: 100%;
	}

	.bill-box button {
		position: static;
		margin-top: 10px;
	}

	.payment-header label {
		font-size: 12px;
		font-weight: 500;
		white-space: nowrap;
		padding: 7px 5px;
		width: calc(50% - 5px);
	}

	.payment-header label:last-child {
		width: 100%;
	}

	.po-2-body {
		flex-direction: column;
		gap: 15px;
	}

	.po-2-body .po2-left,
	.po-2-body .po2-right {
		width: 100%;
		padding-right: 0;
	}

	.po-1-body thead {
		display: none !important;
	}

	.po-1-body tbody tr {
		display: flex;
		flex-direction: column;
		padding: 10px 0px;
		border-bottom: 1px solid #e1e3e5 !important;
	}

	.po-1-body tbody tr td {
		border-top: none;
		padding: 2px 0;
		font-size: 12px;
	}

	.po-1-body tbody tr td:nth-child(3n) {
		display: none;
	}

	.table-tl {
		display: inline-flex;
	}

	.modal-open-btn p {
		font-size: 11px;
	}

	.nt-link {
		padding: 10px;
		font-size: 10px;
	}

	.nb-right {
		gap: 10px;
	}

	.newsletter .nl-box .buttons {
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	.newsletter .nl-box .buttons a {
		width: 100%;
	}

	.newsletter .nl-box .buttons a:last-child {
		margin-left: 0;
	}

	.customer-panel .info-price {
		margin: 0;
	}
}

@media all and (max-width:380px) {

	.annoucement-middle a {
		font-size: 12px;
	}

	.mc-breadcrumb-link,
	.mc-breadcrumb-item {
		font-size: 13px;
	}

	.ch-right {
		display: flex;
		align-items: center;
		white-space: nowrap;
		gap: 8px;
	}

	.ch-right a {
		font-size: 10px;
	}

	.bank-box ul li {
		padding: 4px 0;
	}

	.nb-left>a img {
		max-width: 100px;
	}

	.nb-left,
	.nb-right {
		gap: 8px;
	}

	.card-item__name {
		max-width: 136.6px;
	}

	.card-item__dateTitle {
		padding-bottom: 0;
	}

	.card-item__holder {
		margin-bottom: 0;
	}

	.card-item__name {
		font-size: 14px;
	}

	.card-item__dateItem span {
		font-size: 14px;
	}

	.card-item__dateItem span,
	.card-item__dateItem {
		width: 25px;
		display: flex;
		height: 14px;
	}

	.card-item__date {
		width: 69px;
		font-size: 14px;
	}

	.cpa-bottom.basket {
		width: 27%;
	}

	.bank-box {
		padding: 6px;
	}

	.po-item .po-dropdown {
		z-index: 100;
	}

	.pro .coupon-header {
		font-size: 14px;
		flex-direction: column;
		align-items: center;
	}

	.coupon-header p {
		margin-bottom: 5px;
	}

	.coupon-body button {
		padding: 5px 10px;
	}
}


        .swiper-wrapper {
                position: relative;
    width: 100%;
    height: 50% !important;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
        }.annoucement {
    background: linear-gradient(90deg, #ff6d00 48%, #f9a668 100%);
}.drop-down__button {
    background: linear-gradient(#ff6d00, #f9a668);
}.nav-top {
    border-bottom: 0px;
    border-top: 0px;
}.subscribe-form-v1 .btn-blue {
    background-color: #ff6d00;
    color: #fff;
}footer {
    background: #1b1919;
    padding: 100px 0 0;
    position: relative;
}.subscribe-widget .nl-box {
    width: 100%;
    background: #272727;
}footer .footer-info {
    width: 100%;
    background: #272727;
}footer .footer-info a {
    background: #393939;
    color: #ffffff;
}footer .footer-info a span {
    background: #1b1919;
}footer .footer-links a {
    color: #d7d7d7;
}footer .footer-bottom p {
    color: #d7d7d7;
}footer .copyright>div ul li a {
    color: #d7d7d7;
}footer:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(255.4deg, #ff6d00 1.6%, #ff6d00 98.62%);
}.nav-bottom {
    display: flex;
    align-items: center;
    width: 90%;
    align-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
}.nav-top {
    border-bottom: 1px solid #b2b2b2;
    border-top: 0px;
}.banner-overlay {
    padding: 220px 0 165px;
    background: rgb(0 0 0 / 43%);
}.product-grid-image img {
    height: 180px;
}.single-banner {
    padding: 24px 0 16px;

    margin: 0 !important;
}.single-banner h2 {
    color: #fff;
    margin-bottom: 12px;
    font-size: 30px;
}.product-grid-price span {
    color: #ff6d00;
}.product-grid-btn a:hover {
    background: #ff6d00;
}.product-widget-list li:hover {
    color: #ff6d00;
}.nb-link.dropdown:hover {
    color: #ff6d00;
}.selected i, .dropdown i {
    color: #1b1919;
}.blog-widget-title {
    border-left: 3px solid #ff6d00;
}.left-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -13px;
    left: -10px;
    background-color: #ffbf95;
    color: #ff6d00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 100px;
    z-index: 1;
}.icon-text {
    position: absolute;
    top: -13px;
    left: 4px;
    background-color: #ffbf95;
    color: #ff6d00;
    font-size: 12px;
    font-weight: 600;
    z-index: 0;
    padding: 2px 25px;
    border-radius: 0 10px 10px 0;
}.bayi-bilgisi-alert {
    width: 100%;
    border: 1px solid #ff6d0073;
    border-radius: 6px;
    padding: 25px 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #3e839d !important;
    margin-bottom: 20px;
    background-color: #fff;
    position: relative;
}a {
    color: #ff6d00;
}.product-single-scrollspy-btns a.active, .product-single-scrollspy-btns button.active {
    background: #ff6d00;
    color: #fff;
}.pic-btn.add-basket {
    font-size: 15px;
    background-color: #ff6d00;
    color: #fff !important;
}.pic-btn {
    width: 100%;
    border: 1px solid #ff6d00;
    color: #ff6d00 !important;
}.pic-btn:hover {
    width: 100%;
    border: 1px solid #ff6d00;
    color: #ff6d00 !important;
    color: #ffffff;
}.common-card-header-title {
    font-weight: 600;
    padding-left: 15px;
    border-left: 3px solid #ff6d00;
}.product-single-social-list li a {
    width: 100%;
    font-size: 18px;
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    background: #ff6d00;
    color: #fff;
}._kt {
    border: 2px solid #ff6d00;
}.pr-counter i {
    color: #ff6d00;
}.single-banner {
    padding: 27px 0 0px;

    margin: 0 !important;
}.product-single-data li {
    position: relative;
    text-align: center;
    padding: 21px 0 8px;
    border-radius: 6px;
    background: #477CDB;
    color: #fff;
}.left-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
    color: #fff;
    background-color: #fd7a01;
    border-radius: 8px;
    margin-bottom: 8px;
}.left-bar .left-item.active, .left-bar .left-item:hover, .left-bar .accordion:hover {
    color: #ff6d00;
    background-color: #00000007 !important;
    border-radius: 8px;
}.license-query .container>button {
    width: 100%;
    max-width: 700px;
    background-color: #ff6d00;
}.license-query h3 {
    font-size: 32px;
    color: #ff6d00;
    margin-bottom: 24px;
}.license-query p {
    font-size: 16px;
    color: #ff6d00;
}.nav-bottom {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    width: 100%;
}.nb-link, .modal-open-btn {
    position: relative;
    color: #212529;
    transition: .2s;
    height: 50px;
    font-weight: 500;
    display: flex;
    align-items: center;
}.giris{
    
        background: #fff;
        color: #ff6d00;
        border: 1px solid #ff6d00;
    border-radius: 100px;
    padding: 0px 32px;
}.girisyazi{
    
        color: #ff6d00;
    font-weight: 500;
}.kayityazi{
    
        color: #ffffff;
    font-weight: 500;
}
  .kayit{
    
        border: 1px solid #ff6d00;
    border-radius: 100px;
    padding: 0px 32px;
}footer {
    background: #1b1919;
    padding: 100px 0 0;
    position: relative;
    background-image: url(images/footerbg.png);
    background-color: #2e3d44;
    background-size: 100% auto;
    background-repeat: repeat;
    background-position: center top;
    background-color: #1b1919;
} footer .footer-links a i {
    font-size: 8px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: rgb(109 109 109 / 55%);
    padding: 6px;
    border-radius: 30px;
}.py-3.border-top-bottom {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.2) !important;
}.payment-cards {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    width: 10%;
}p.payment-heading.d-md-block.d-none {
    width: 33%;
    color: #ffffff;
}.ebultencont {
    background-color: #fff;
    width: 647px;
    margin: 25px auto;
    height: 55px;
    margin-top: 10px;
    box-shadow: 0 0 45px #000;
    border-radius: 16px;
}.fa.fa-envelope-o {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}.ebultencont input {
    float: left;
    border: none;
    line-height: 45px;
    width: 450px;
    padding: 5px;
    font-family: 'Raleway', sans-serif;
}.aboneolbtn {
    background: #ff6d00;
    color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
    margin: 6px;
    width: 123px;
    text-align: cente;
    border-radius: 11px;
}.gonderbtn {
    border: 2px solid #;
    display: inline-block;
    padding: 12px 0px 10px 25px;
    font-size: 14px;
}.ebultencont i {
    float: left;
    font-size: 24px;
    color: #ccc;
    margin: 14px;
    margin-left: 20px;
}.ebultencont {
    background-color: #fff;
    width: 647px;
    margin: 25px auto;
    height: 55px;
    margin-top: 10px;
    box-shadow: 0 0 45px #bab9b996;
    border-radius: 16px;
}.ebultencont {
    position: relative;
    background-color: #fff;
    width: 647px;
    margin: 14px auto;
    height: 55px;
    box-shadow: 0 0 45px #bab9b996;
    border-radius: 16px;
    bottom: 55px;
}.nav-top {
    border-bottom: 1px solid #b2b2b2;
    border-top: 0px;
    padding: 0px 11%;
    width: 100%;
}.nav-bottom {
    display: flex;
    align-items: center;
    width: 100%;
    align-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
}.nb-left, .nb-right {
    display: flex;
    align-items: center;
    gap: 10px;
}.nb-left>a img {
    max-width: 150px;
    margin-right: 20px;
}.nb-link, .modal-open-btn {
    position: relative;
    color: #3b4767;
    transition: .2s;
    height: 50px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 6px;
}span {
    color: #191b1e;
}.nt-link {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #1b1919;
    font-weight: 1rem;
    font-size: 14.5px;
    padding: 10px 15px;
    border-right: 1px solid #e2e2e2;
    height: calc(auto + 1px);
    transition: .2s;
}a.nt-link.sepet {
    border: 1px solid rgba(59, 71, 103, 0.1);
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
}.giris {
    background: #fff;
    color: #1b1919;
    border-radius: 4px;
    padding: 0px 32px;
    border: 1px solid rgba(59, 71, 103, 0.1);
    box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0%);
}.girisyazi {
    color: #1b1919;
    font-weight: 500;
}.kayit {
    border: 1px solid #ff6d00;
    border-radius: 100px;
    padding: 0px 32px;
    box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0%);
    border-radius: 4px;
}.sepetyazi {
    padding: 1px 5px;
    background: linear-gradient(#ff6d00, #f9a668);
    border-radius: 4px;
    color: #ffffff;
}.product-single-scrollspy-btns a.active, .product-single-scrollspy-btns button.active {
    background: #ffffff;
    color: #ff6d00;
    border-bottom: 2px solid #ff6d00;
    border-radius: 2px;
}.col-xl-12.product-single-scrollspy-btns.tab {
    border-bottom: 2px solid #b6b6b6;
    padding: 0px;
}.product-single-scrollspy-btns a, .product-single-scrollspy-btns button {
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: .3px;
    padding: 15px 12px;
    border-radius: 6px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #444;
    background: #dee2e600;
}.product-single-scrollspy-btns a:hover, .product-single-scrollspy-btns button:hover {
    color: #444;
    background: #dee2e600;
}.pic-btn.add-basket:hover {
    font-size: 15px;
    background-color: #ff6d00;
    color: #fff !important;
}.pic-btn:hover {
    width: 100%;
    border: 1px solid #cacaca;
    color: #484848 !important;
    background: #f1f2f3;
}.pic-btn {
    width: 100%;
    border: 1px solid #cacaca;
    color: #484848 !important;
}.product-detail .product-detail_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid #cacaca;
    cursor: default;
    border-radius: 3px;
    color: linear-gradient(180deg, #FBE3A2 0%, rgba(53, 114, 241, 0.40625) 99.99%, rgba(51, 113, 242, 0.4) 100%);
}.product-detail .product-detail_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 17px;
    border: 1px solid #cacaca;
    cursor: default;
    border-radius: 3px;
    color: linear-gradient(180deg, #FBE3A2 0%, rgba(53, 114, 241, 0.40625) 99.99%, rgba(51, 113, 242, 0.4) 100%);
    font-size: 14px;
}
.fixed-header {
    position: sticky;
    background: #fff;
    padding: 0;
    box-shadow: 0 2px 4px rgba(3, 27, 78, .1);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999 !important; 
    transition: top 0.3s ease-in-out;
}
.nav-top-none {
    display: none; transition: top 0.3s ease-in-out;
}.product-detail-price-area {
    background: #ffffff;
    margin-bottom: 20px;
    padding: 22px 25px 25px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px dashed #999;
    position: relative;
}footer .footer-info {
    background: #2b2b2b7a;
    border-radius: 5px;
}footer .footer-info a {
    background: #393939;
    color: #ffffff;
    box-shadow: 0 0 6px #bab9b96b;
}footer .footer-info {
    background: #2b2b2b7a;
    border-radius: 5px;
    box-shadow: 0 0 5px #9795954a;
}footer .footer-info a span {
    background: #ff6d00;
}.product-interactions-container {
    border-radius: 4px;
}.software-infos {
    background-color: #f1f2f3;
    border-radius: 4px;
    padding: 22px 25px 25px;
    margin-bottom: 20px;
}
.common-card {
    padding: 25px 0px 25px;
    border-radius: 6px;
    margin-bottom: 25px;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #cacaca;
}.product-interactions-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    background-color: none;
    padding: 0px;
    border-radius: 6px;
}.pic-btn.add-basket {
    font-size: 15px;
    background-color: #ff6d00;
    color: #fff !important;
    border: 1px solid;
}.product-interactions-container {
    background-color: #ffffff;
}.product-interactions-container:hover {
    background-color: #ffffff;
}.nb-link, .modal-open-btn {
    position: relative;
    color: #2d2d2e;
    transition: .2s;
    height: 50px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 6px;
}.nb-link, .modal-open-btn a:hover {
    color: #2d2d2e;
}li {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: start;
}.product-single-scrollspy-btns a, .product-single-scrollspy-btns button {
    text-transform: none;
}.d-flex {
    display: flex !important;
    flex-wrap: wrap;
}section.section-gap-75.banner-slider.slider-count.slick-initialized.slick-slider.slick-dotted {
    padding: 0px 14%;
    height: 550px;
}a.btn.border-rounded.shadow-one-side-only.px-3 {
    background: linear-gradient(#ff6d00, #f9a668);
    border-radius: 4px;
    padding: 7px;
    margin: 17px 0px;
    color: #ffffff;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
}.urunler {
    padding: 100px 0;
    background: #fbfbfd;
    position: relative;
    z-index: 1;
}.product-grid-card {
    background: #ffffff;
}.continue-btn, .login-body button, .login-left form button {
    width: 100%;
    background: linear-gradient(45deg, #f87305 0%, #ff9865 100%);
    display: flex;
    border-radius: 5px;
    padding: 17px 10px;
    color: #fff !important;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    transition: all .2s ease-in;
    border: none;
    cursor: pointer;
}.login-left>p a {
    color: #ff6d00;
}.login-left .register-form input[type=radio]:checked+label {
    background-color: #fa7504;
    color: #fff;
}section.section-gap-75.login-section {
    margin-top: 37px;
}.text-color-main {
    color: #ff6d00;
}.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}.section-title-bottom-line::after {
    content: "";
    display: block;
    background-color: #ff6d00;
    height: 5px;
    width: 20%;
    margin-top: 15px;
    border-radius: 5px;
}.section-title-bottom-line {
    display: inline-block;
    position: relative;
}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #373738;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: none;
}.d-lg-block {
    left: 5px;
    display: flex !important;
}.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
    text-align: start;
}.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
    text-align: start;
}.fs-7 {
    font-size: .9rem !important;
}.mb-2 {
    margin-bottom: 1.5rem!important;
}.product-grid-card {
    background: #ffffff;
    border: 1px solid #ededed;
}.product-grid-meta {
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    text-align: start;
}a.add-to-cart.venobox {
    background: #ff6d00;
    color: #ffffff;
    border-radius: 4px;
    text-transform: none;
}span {
    text-transform: none;
}.sepettext {
    color: #ffffff;
}.product-grid-btn a {
    border-radius: 4px;
}.product-grid-group {
    padding: 10px 0px;
}.product-grid-extra li {
    border: 1px solid #989898;
    border-radius: 2px;
    padding: 4px;
    border-radius: 2px;
    width: 48%;
}.detaycol {
    border-radius: 20px;
    background: #efefef;
    width: 14%;
    box-shadow: 0px 0px 17px 8px rgb(94 94 94 / 7%);
    margin: 16px;
    padding: 12px;
}span.daciklama {
    font-size: .875rem;
}h2.dbaslik {
    font-size: 1.05rem;
}.detaycol {
    border-radius: 20px;
    background: #fbfbfd;
    width: 15%;
    box-shadow: 0px 0px 4px 2px rgb(56 56 56 / 7%);
    margin: 19px 0px 0px 21px;
    padding: 18px 6px 18px 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}img.dicon {
    width: 50%;
}.iconsvg {
    background: #ffffff;
    border-radius: 100%;
    width: 70px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 70px;
    margin-bottom: 14px;
}.product-grid-card {
    border-radius: 20px;
}.nav-top {
    border-bottom: 3px solid #ff6d00;
    border-top: 0px;
    padding: 0px 11%;
    width: 100%;
}.nb-link, .modal-open-btn {
    position: relative;
    color: #292828;
    transition: .2s;
    height: 50px;
    font-weight: 410;
    display: flex;
    align-items: center;
    margin: 6px;
}.selected i, .dropdown i {
    color: #ff6d00;
}.nb-link p span i, .modal-open-btn i {
    font-size: 14px;
}.block-tab.block-active, .block-tab:not(.no-hover):hover {
    color: #34484f;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
}.wwi-block img.wwi-icon {
    width: auto;
    width: 3.75rem;
}.block-tab {
    width: 100%;
    min-height: 120px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    margin: 0 0 15px;
    border-radius: 10px;
    color: #34484f;
    font-size: 15px;
    border: 1px solid #f4f2f5;
    background-color: #fff;
    transition: all .1s ease-in;
}.wwi-block img.wwi-icon {
    width: auto;
    width: 30%;
    height: 52px;
    margin-bottom: 15px;
}.fs-7 {
    font-size: .9rem !important;
    text-align: start;
}.section-gap-75 {
    margin-bottom: 14px;
}.btn-primary {
    color: #fff;
    background: linear-gradient(#ff6d00, #f9a668);
}.btn {
    font-size: 14px;
    font-weight: 500;
    padding: 11px 22px;
    border-radius: 6px;
    letter-spacing: .5px;
    white-space: nowrap;
    text-transform: none;
    border: 2px solid transparent;
}.col-12.col-md-5.mb-3.mb-md-0.order-2.order-md-1.text-center.text-md-left {
    border: 1px solid #f4f2f5;
    box-shadow: 0px 0px 2px 0px #e4e4e4;
    border-radius: 4px;
    height: 479px;
    padding: 80px;
}    .wwi-block {  
      padding: 20px;  
    }  

    .block-tab {  
      cursor: pointer;  
      transition: background-color 0.3s;  
    }  

    .block-tab:hover {  
      background-color: #f0f0f0;  
    }  

    .highlight {  
      background-color: #e1f5fe;  
    }  

    .feature-description {  
      display: none;  
    }  

    .feature-description.show {  
      display: block;  
    }  .block-tab.block-active, .block-tab:not(.no-hover):hover {
    color: #34484f;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
}span.block-tab.block-white.block-small-2x.block-icon.highlight:active {
    color: #34484f;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
}.section-gap-95 {
    margin-bottom: 36px;
}.urunler {
    padding: 30px 0;
    background: #ffffff;
    position: relative;
    z-index: 1;
}.wwi-block {
    padding: 20px;
    background: #fbfbfd;
}.col-12.col-md-5.mb-3.mb-md-0.order-2.order-md-1.text-center.text-md-left {
    border: 1px solid #f4f2f5;
    box-shadow: 0px 0px 2px 0px #e4e4e4;
    border-radius: 4px;
    height: 488px;
    padding: 80px;
    background: #ffffff;
    position: relative;
    bottom: 7px;
}.section-gap-95 {
    margin-bottom: 36px;
    padding: 30px 0px;
}
.modal-headerr{ display:flex; justify-content: space-between; } .container .title { font-size: 25px; font-weight: 500; position: relative; } .container .title::before { content: ""; position: absolute; height: 3.5px; width: 30px; background: linear-gradient(135deg, var(--main-blue), var(--main-purple)); left: 0; bottom: 0; } .container form .user__details { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 12px 0; } /* inside the form user details */ form .user__details .input__box { width: calc(100% / 2 - 20px); margin-bottom: 15px; } form .user__details .input__boxx { width: calc(100%); margin-bottom: 15px; } .user__details .input__box .details { font-weight: 500; margin-bottom: 5px; display: block; } .user__details .input__boxx .details { font-weight: 500; margin-bottom: 5px; display: block; } .user__details .input__box input { } .user__details .input__boxx textarea { outline: none; border-radius: 5px; width: 100%; padding-left: 15px; border: 1px solid var(--main-grey); font-size: 16px; border-bottom-width: 2px; transition: all 0.3s ease; } :root { --main-blue: #ff356e; --main-purple: #ff4a52; --main-grey: #ccc; --sub-grey: #d9d9d9; } /* inside the form gender details */ form .gender__details .gender__title { font-size: 20px; font-weight: 500; } form .gender__details .category { display: flex; width: 80%; margin: 15px 0; justify-content: space-between; } .gender__details .category label { display: flex; align-items: center; } .gender__details .category .dot { height: 18px; width: 18px; background: var(--sub-grey); border-radius: 50%; margin: 10px; border: 5px solid transparent; transition: all 0.3s ease; } #dot-1:checked ~ .category .one, #dot-2:checked ~ .category .two, #dot-3:checked ~ .category .three { border-color: var(--sub-grey); background: var(--main-purple); } /* submit button */ form .button { height: 45px; margin: 10px 0; } @media only screen and (max-width: 584px) { .container { max-width: 100%; } form .user__details .input__box { margin-bottom: 15px; width: 100%; } form .gender__details .category { width: 100%; } .container form .user__details { max-height: 300px; overflow-y: scroll; } .user__details::-webkit-scrollbar { width: 0; } } .modal { z-index: 99999999 !important; } .WellCallYou { display:block; position:fixed; z-index:99999; top:50%; bottom:50%; left:-100px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg) } @media(max-width: 768px) { .WellCallYou { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); top:unset; left:unset; display:flex; justify-content:center; align-items:center; width:100%; bottom:0 } } .WellCallYou a.wrapping { display:block; padding:12px 24px; -webkit-box-shadow:0 0 16px rgba(0,0,0,.036); -moz-box-shadow:0 0 16px rgba(0,0,0,.036); box-shadow:0 0 16px rgba(0,0,0,.036); background:#fff !important; color:#3f4857 !important; font-weight:600; font-family:"Poppins",sans-serif; -webkit-transition:ease-in .3s; -moz-transition:ease-in .3s; -ms-transition:ease-in .3s; -o-transition:ease-in .3s; transition:ease-in .3s; border-bottom-right-radius:4px; border-bottom-left-radius:4px; background: linear-gradient(to right,#ff356e,#ff4a52,#ff583e) !important; color:white !important; } .close { background: #ffffff !important; color: #000 !important; border: 0px !important; line-height: 25px !important; position: unset !important; right: -10px !important; text-align: center !important; top: -10px !important; width: 35px !important; font-size: 23px !important; text-decoration: none !important; font-weight: 700 !important; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; -moz-box-shadow: 1px 1px 3px #000 !important; -webkit-box-shadow: 1px 1px 3px #56383800 !important; box-shadow: 1px 1px 3px #0000 !important; } @media(max-width: 768px) { .WellCallYou a.wrapping { border-radius:8px 8px 0 0; border:1px solid #eee; border-bottom:none } } .WellCallYou a.wrapping:hover { background-color:#1b75bc !important; color:#fff !important } @media (min-width: 576px){ .modal-dialog { max-width: 600px !important; margin: 2.75rem auto !important; max-height: ; } }  .h-notices .close-i img{display:flex;justify-content:flex-end;position:absolute;right:0;top:13px;cursor:pointer}header.navbar-bd{position:sticky;top:0;z-index:999999}header .h-line-t{height:3px;width:100%;background:linear-gradient(to top,#ff3a67,#ff5740)}header .logo{outline:0}header .nav .b-line-1{position:relative}header .nav .b-line-1::before{content:"";position:absolute;top:0;left:-11px;height:-webkit-fill-available;width:1px;background:#ececec}header .nav .nav-link{font-weight:500;position:relative;color:#455880;transition:all 0.5s}header .nav .nav-link.active{color:#fe415c}header .nav .nav-link:hover{color:#fe415c}header .nav .nav-link.show{color:#fe415c}header .nav .nav-link.show:before{content:"";position:absolute;left:0;right:0;bottom:-20px;height:3px;background:#fd3f5f}header .nav .nav-link>.icon{transition:all 0.5s}header .nav .nav-link.navl-1{display:flex;align-items:center;color:#ff425b}header .nav .nav-link.navl-1 img{width:20px;margin-left:2px;margin-right:1px}header .dropdown-hosting:hover .dropdown-menu{display:block;border-top:1px solid rgba(238,238,238,8.2)!important}header .dropdown-hosting:hover .nav-link-h:before{content:"";position:absolute;bottom:0;left:0;right:0;background:#fe4954;height:2px}header .dropdown-hosting:before{content:"";top:0;left:0;right:0;height:100px}header .dropdown-hosting a{cursor:pointer}header .dropdown-hosting .dropdown-menu{width:620px;left:50%!important}header .dropdown-hosting .dropdown-menu.show~.dropdown-hosting .nav-link{color:red}header .dropdown-hosting .r-layer-1{background:#F4F7FC;border-radius:0 10px 10px 0}header .dropdown-hosting .nav-hosting .nav-item{border-radius:5px}header .dropdown-hosting .nav-hosting .bottom-line{position:relative}header .dropdown-hosting .nav-hosting .bottom-line .title{position:relative}header .dropdown-hosting .nav-hosting .bottom-line:hover .title:after{content:"";position:absolute;top:3px;right:0;display:inline-block;margin-bottom:-4px;margin-right:0;background:url(../images/icon-148.svg);height:18px;width:18px}header .dropdown-hosting .nav-hosting .bottom-line:last-child:before{display:none}header .dropdown-hosting .nav-hosting .bottom-line:before{content:"";position:absolute;bottom:-9px;left:.5rem;right:.5rem;background:#EBEBEB;height:1px}header .dropdown-hosting .nav-hosting .bx-layer-1{width:40px;height:40px}header .dropdown-hosting .nav-hosting .bx-layer-1 .icon{width:21px;height:21px}header .dropdown-hosting .nav-hosting .bottom-line:hover>.bx-layer-1{transform:scale(1.55)}header .dropdown-hosting .nav-hosting .bottom-line:hover>.bx-layer-1 .icon{filter:brightness(0) invert(1)}header .language-selector .content{cursor:pointer}header .language-selector .content .flag{width:30px}header .language-selector .dropdown-menu{border:0;min-width:auto;padding:0;background:transparent}header .language-selector .b-avatar img{background:#fff;border-radius:50%;padding:3px;width:30px}header .language-selector .arrow{transition:all 0.5s}header .language-selector.show .arrow{transform:rotate(-90deg)}header .menu-line-1{position:relative}header .menu-line-1:before{content:"";position:absolute;top:6px;left:-10px;width:32px;height:2px;background:#fff;transition:all 0.5s}header .menu-line-1:after{content:"";position:absolute;top:15px;left:-10px;width:32px;height:2px;background:#fff;transition:all 0.5s}header .menu-line-1.changed:before{top:10px;left:-10px;transform:rotate(140deg)}header .menu-line-1.changed:after{top:10px;left:-10px;transform:rotate(-140deg)}main .card-1{border-radius:10px}main .card-1 .cover{width:60px;height:60px;border-radius:10px}main .card-1 .cover.cover-bg-1{background:#7f46ff}main .card-1 .cover.cover-bg-2{background:#ffb400}main .card-1 .cover.cover-bg-3{background:#ff3a67}main .card-1 .cover.cover-bg-4{background:#0180fd}main .card-1 .cover .icon-1{width:40px}main .card-1 .icon-2{position:absolute;right:22px;top:-10px;width:50px}main .card-1 .icon-2.icon-lg{width:65px}main .card-2{border-radius:10px;background:transparent}main .card-2.active{background:#fff;opacity:1}main .card-2.active>.content{display:block}main .card-2>.content{transition:all 0.5s}main .card-2 .content{display:none}main .card-2 .cover{width:50px;height:50px;border-radius:7px}main .card-2 .cover.cover-bg-1{background:#ff3a67}main .card-2 .cover.cover-bg-2{background:#7f46ff}main .card-2 .cover.cover-bg-3{background:#ffb400}main .card-2 .cover.cover-bg-4{background:#0180fd}main .card-2 .cover .icon-1{width:24px}main .card-3 .content .bx-bg-1{margin-top:-41px}main .card-3 .content .bx-bg-1 span{height:50px;width:50px;border-radius:6px;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}main .card-4{border-radius:10px}main .card-4 .mark-layer{background:#fff0cd;color:#ff990f;border-radius:6px;height:35px;width:50px}main .card-4 .mark-layer .icon{width:16px;height:16px}main .card-5{border-radius:15px;background:transparent}main .card-5 .content{border-radius:0 0 15px 15px}main .card-5 img{height:220px;object-fit:cover;border-radius:15px 15px 0 0}main .card-7 .icon{width:50px;height:50px}main .card-8{border-radius:10px;background:transparent;opacity:.5;transition:all 0.5s}main .card-8.active{background:#fff;opacity:1}main .card-8.active>.content{display:block}main .card-8>.content{transition:all 0.5s}main .card-8 .content{display:none}main .card-9{border-radius:10px}main .card-9 .title{color:#1d256d}main .card-9.active{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}main .card-9.active .title{color:#fff}main .card-9 .icon{display:none;height:24px;width:25px;filter:brightness(0) invert(1);transition:all 0.5s}main .card-9.active .icon{display:block}main .card-9.active .content{color:#fff}main .card-10{border-radius:10px;position:relative}main .card-11{border-radius:10px;position:relative}main .card-12{border-radius:10px}main .card-12 .title span:before{content:attr(data-title-1)}main .card-12 .title span.active:before{content:attr(data-title-2)}main .card-13{border-radius:10px}main .card-13 .icon-1{width:55px;height:55px}main .card-14{border-radius:15px}main .card-14 .discount{border-radius:15px 15px 0 0}main .card-15{border-radius:15px}main .card-15 .search-layer{position:relative}main .card-15 .search-layer .icon{position:absolute;top:5px;left:10px;width:24px;height:24px}main .card-15 .search-layer .form-control{padding-left:3rem}main .card-15 .search-layer .form-control:focus{box-shadow:0 0}main .card-16{overflow:hidden}main .card-17{border-radius:10px}main .card-18{border-radius:10px}main .card-19{border-radius:10px}main .card-19 .icon{width:52px;height:52px}main .card-19 a:hover{color:#ff376b}main .circle-bg-1{position:relative;width:70px;height:70px;background:#ffeeed;border-radius:50%}main .circle-bg-1 .icon-1{position:absolute;left:23px;top:20px;animation:spin1 12s linear infinite}main .circle-bg-1 .icon-2{position:absolute;left:23px;top:21px;animation:spin2 8s linear infinite}@keyframes spin1{0%{transform:rotate(0) translate(-32px) rotate(0)}100%{transform:rotate(360deg) translate(-32px) rotate(-1deg)}}@keyframes spin2{0%{transform:rotate(0) translate(-32px) rotate(0)}100%{transform:rotate(360deg) translate(-32px) rotate(-360deg)}}main .customer-comments-1{position:relative;overflow:hidden}main .customer-comments-1::before{content:"";position:absolute;top:0;left:0;width:250px;height:100%;background:linear-gradient(to left,rgba(255,255,255,0),#fff);z-index:1}main .customer-comments-1::after{content:"";position:absolute;top:0;right:0;width:250px;height:100%;background:linear-gradient(to right,rgba(255,255,255,0),#fff);z-index:1}main .customer-comments-1 .animation-1{animation:scrollLeft 250s linear infinite}main .customer-comments-1 .animation-2{animation:scrollRight 250s linear infinite}@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-1920px)}}@keyframes scrollRight{0%{transform:translateX(0)}100%{transform:translateX(1920px)}}main .details-1{background:#f6faff;border-radius:6px}main .details-1[open]{background:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}main .details-1 summary{position:relative;outline:0}main .details-1 summary::after{content:"";position:absolute;right:1rem;background:url(../images/arrow-b.svg);background-repeat:no-repeat;width:24px;height:24px;transition:all 0.5s}main .details-1[open] summary::after{content:"";transform:rotate(-90deg)}main .details-1 summary::-webkit-details-marker{display:none}main .details-1 p{position:relative}main .details-1 p::before{content:"";position:absolute;top:0;left:27px;right:27px;background:#e0e0e0;height:1px}main .form-check-1 .form-check-input{position:absolute;display:flex;width:25px;height:25px}main .form-check-1 .form-check-input:checked{background:url(../images/icon-111.svg);background-size:cover;background-repeat:no-repeat;border-color:transparent}main .form-check-1 .form-check-label{margin-left:1rem}main .form-check-1 .form-check-input:active{filter:initial}main .form-check-1 .form-check-input:hover{border-color:#ff5247}main .form-check-1 .form-check-input:focus{border-color:transparent;box-shadow:0 0}main .form-control-layer-1 .form-control{height:54px;padding-left:62px;border:1px solid #EBEBEB}main .form-control-layer-1 .icon-layer{top:14px;left:15px}main .form-control-layer-1 .phone-layer{top:14px;left:15px}main .form-control-layer-1 .phone-layer .icon{width:24px;height:24px}main .form-control-layer-1 .form-p-control{padding-left:94px}main .form-control-layer-1 .form-control:focus{border-color:#ff4856;box-shadow:initial}main .form-control-layer-1 .form-control::placeholder{color:#1d256d}main .form-control-layer-1 .password-layer{position:absolute;top:14px;right:15px;width:24px;height:24px}main .form-control-layer-1 .password-layer span{position:relative;cursor:pointer}main .form-control-layer-1 .password-layer .icon.hide:before{content:"";position:absolute;background:url(../images/icon-116.svg);height:24px;width:24px}main .form-control-layer-1 .password-layer .icon:before{content:"";position:absolute;background:url(../images/icon-115.svg);height:24px;width:24px}main .form-control-layer-2 .form-control{border:1px solid #EBEBEB}main .form-control-layer-2 .form-control:focus{border-color:#ff4856;box-shadow:initial}main .form-control-layer-2 .form-control::placeholder{color:#1d256d}main .head-1-layer .icon-1{width:40px;height:40px}main .home-m-y-switch-1 label{position:relative;width:60px;height:27px;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);border-radius:20px}main .home-m-y-switch-1 label::before{content:"";position:absolute;top:5px;left:9px;width:17px;height:17px;cursor:pointer;background:#fff;border-radius:50%;transition:250ms left ease-in-out}main #home-m-y-switch-1:checked+.home-m-y-switch-1 label::before{left:35px}main .home-i-c-switch-1 label{position:relative;background:#fff;border-radius:20px;border:1px solid #dee2e6}main .home-i-c-switch-1 label span{position:relative;z-index:1}main .home-i-c-switch-1 label span{color:#fff}main .home-i-c-switch-1 label span:last-child{color:#000}main #home-i-c-switch-1:checked+.home-i-c-switch-1 label span{color:#000}main #home-i-c-switch-1:checked+.home-i-c-switch-1 label span:last-child{color:#fff}main .home-i-c-switch-1 label::before{content:"";position:absolute;top:0;left:0;width:107px;height:100%;cursor:pointer;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);border-radius:20px;transition:250ms left ease-in-out}main #home-i-c-switch-1:checked+.home-i-c-switch-1 label::before{left:108px}main #home-i-c-switch-1:checked>.home-i-c-switch-1 label span{color:#fff}main .location-layer{position:absolute;bottom:0;background:#fff;padding:24px 35px;border-radius:0 15px 0 0;border-left:1px solid #f1f2f5;border-bottom:1px solid #f1f2f5}main .location-layer .bx-bg-2{width:50px;height:50px;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);border-radius:6px}main .location-layer .bx-bg-2 .icon{width:24px;height:24px}main .location-layer .map{height:56px}main .layer-1{position:relative}main .layer-1 .head-t{border-radius:15px 15px 0 0;margin-left:3rem;margin-right:3rem}main .layer-1 .icon-1{position:absolute;bottom:-45px;left:35px;width:90px}main .layer-1 .shape-1{position:absolute;right:-20px;bottom:-106px;width:170px;z-index:-1}main .layer-2{position:relative;border-radius:10px}main .layer-2 .home-slider-2{height:65px}main .layer-2::before{content:"";position:absolute;top:-16px;left:2rem;right:2rem;border-radius:15px 15px 0 0;background:#d1d5de;height:15px}main .layer-2::after{content:"";position:absolute;top:-31px;left:4rem;right:4rem;border-radius:15px 15px 0 0;background:#eaebf0;height:15px}main .layer-3{position:relative}main .layer-3 img{z-index:1}main .layer-3::before{content:"";position:absolute;background:url(../images/shape-4.svg);background-repeat:no-repeat;background-position:76% 173%;top:0;left:0;right:0;bottom:0}main .layer-4{position:relative}main .layer-4 .head-t{border-radius:15px 15px 0 0;margin-left:3rem;margin-right:3rem}main .layer-5{position:relative;background:#fff;border-radius:10px}main .layer-5:hover{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);filter:drop-shadow(0 9px 7px #ff435b59)}main .layer-5:hover .bx-bg-2{background:#ff658c}main .layer-5:hover .content-a{color:#fff}main .layer-5 .bx-bg-2{width:50px;height:50px;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);border-radius:6px}main .layer-5 .bx-bg-2 .icon{width:20px}main .layer-6 .content{background:#f6faff;margin-top:-150px;height:285px;border-radius:15px}main .layer-6 .cover{position:relative;width:100%;height:300px;padding-right:25px;padding-left:25px}main .layer-6 .cover img{width:100%;height:100%;border-radius:15px}main .layer-7{background:#f6faff;border-radius:15px}main .layer-8{position:relative}main .layer-9{background:#fff;border-radius:10px;position:relative}main .layer-9.active{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}main .layer-9.active .bx-bg-2{background:#ff658c}main .layer-9.active .content-a{color:#fff}main .layer-9 .bx-bg-2{width:50px;height:50px;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);border-radius:6px}main .layer-9 .bx-bg-2 .icon{width:20px}main .layer-9 .bx-bg-3{border-radius:6px}main .layer-9 .bx-bg-3 .icon{width:50px}main .list-group-1 .list-group-item{border-radius:10px}main .list-group-1 .list-group-item .bx-layer{background:#fff1f4;border-radius:6px;width:45px;height:45px}main .list-group-1 .list-group-item .bx-layer img{width:24px;height:24px}main .list-group-2 .list-item{border-radius:15px;padding:28px 25px;cursor:pointer;border:1px solid #e5e5e5}main .list-group-2 .list-item .title{color:#1d256d}main .list-group-2 .list-item .lead-1{color:#455880}main .list-group-2 .list-item .lead-2{color:#455880}main .list-group-2 .list-item .lead-3{color:#2d4278}main .list-group-2 .list-item .s-line{position:relative;width:30px;height:30px;border:1px solid #d6d6d6;border-radius:50%;flex-shrink:0}main .list-group-2 .list-item.active{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);color:#fff;border:1px solid transparent}main .list-group-2 .list-item.active .title{color:#fff}main .list-group-2 .list-item.active .lead-1{color:#fff}main .list-group-2 .list-item.active .badge-bg-1{color:#fff;background:#ff7d89}main .list-group-2 .list-item.active .lead-2{color:#ffb4b5}main .list-group-2 .list-item.active .lead-3{color:#fff}main .list-group-2 .list-item.active .s-line{background:#fff;border:1px solid transparent}main .list-group-2 .list-item.active .s-line::before{content:"";position:absolute;background:url(../images/icon-53.svg);top:2px;left:2px;height:24px;width:24px}main .list-group-2 .list-item .data-m-y-price.data-1.tr:before{content:attr(tr-data-monthly-price)}main .list-group-2 .list-item .data-m-y-price.data-2.tr:before{content:attr(tr-data-three-monthly-price)}main .list-group-2 .list-item .data-m-y-price.data-3.tr:before{content:attr(tr-data-yearly-price)}main .list-group-2 .list-item .data-m-y-price.data-1.us:before{content:attr(us-data-monthly-price)}main .list-group-2 .list-item .data-m-y-price.data-2.us:before{content:attr(us-data-three-monthly-price)}main .list-group-2 .list-item .data-m-y-price.data-3.us:before{content:attr(us-data-yearly-price)}main .list-group-3{border-radius:10px;cursor:pointer}main .list-group-3.active{border-radius:10px;cursor:pointer}main .list-group-3 .icon{width:45px;height:45px}main .list-group-3 .list-group-3-item{border-radius:10px}main .list-group-3 .list-group-3-item.active{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}main .list-group-4{border-radius:10px}main .list-group-4.active{border-radius:10px;cursor:pointer}main .list-group-4 .icon{width:30px;height:30px}main .list-group-4 .list-group-4-item{border-radius:10px;cursor:pointer}main .list-group-4 .list-group-4-item-info{border-radius:10px}main .list-group-4 .list-group-4-item.active{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);color:#fff;filter:drop-shadow(0 9px 7px #ff435b59)}main .list-group-4 .list-group-4-item.active .lead-1{color:#fff}main .list-group-4 .list-group-4-item.active .icon-1{filter:brightness(0) invert(1)}main .list-group-4 .list-group-4-item.active .icon-2{filter:brightness(0) invert(1)}main .home-slider-1 .swiper-pagination{width:auto;bottom:2rem}main .home-slider-1 .swiper-pagination .swiper-pagination-bullet{background:#5d606f;opacity:1;width:40px;border-radius:1px;height:4px}main .home-slider-1 .swiper-pagination .swiper-pagination-bullet-active{background:#fff;width:60px}main .markdown-1 p{color:#455880}main .markdown-1 p:last-child{margin-bottom:0}main .markdown-2 p{color:#fff}main .markdown-2 p:last-child{margin-bottom:0}main .nav-packages-1{margin-top:48px}main .nav-packages-1 .nav-item{position:relative}main .nav-packages-1 .nav-item:first-child{border-top:1px solid #dee2e6}main .nav-packages-1 .nav-item:first-child:after{content:"";position:absolute;right:-20px;top:-1px;width:20px;height:1px;background:#dee2e6}main .nav-packages-1 .nav-item:before{content:"";position:absolute;right:-20px;bottom:-1px;width:20px;height:1px;background:#dee2e6}main .nav-packages-2 .nav-link .checked-1{width:24px;height:24px}main .nav-packages-2 .nav-link .checked-2{width:24px;height:24px}main .slider-btn-1{width:40px;height:40px;background:#e9ecf0;border-radius:6px;outline:0}main .slider-btn-1 .b-icon{transform:rotate(-180deg)}main .slider-btn-1.active{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}main .slider-btn-1.active>img{filter:brightness(0) invert(1)}main .section-1{position:relative;overflow:hidden}main .section-1::before{content:"";position:absolute;background:url(../images/bg-1.svg);top:0;left:0;right:0;bottom:0}main .section-1::after{content:"";position:absolute;background:url(../images/shape-1.svg);background-size:contain;background-position:center;background-repeat:no-repeat;top:0;left:0;right:0;bottom:64px}main .section-1 .row{position:relative;z-index:1}main .section-1 .shape-1{position:relative}main .section-1 .shape-1 .slide-i{width:515px}main .section-1 .shape-1 .content{position:absolute;bottom:3rem;left:-3rem}main .section-1 .shape-1 .content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ff366c,#ff4854,#ff583e);transform:skew(10deg)}main .section-1 .shape-1 .content .list-item{position:relative;z-index:1}main .section-1 .shape-1 .content .list-item img{width:30px;height:30px}main .section-1 .shape-1 .content .list-item:nth-child(1){margin-left:-9px!important}main .section-1 .shape-1 .content .list-item:nth-child(2){margin-left:13px!important}main .section-1 .shape-1 .content .list-item:nth-child(3){margin-left:30px!important}main .section-1 .shape-1 .content .list-item:nth-child(4){margin-left:44px!important}main .section-2 .content{position:relative;border-radius:6px;margin-top:-36px;z-index:1}main .section-3{position:relative}main .section-3::before{content:"";position:absolute;background:url(../images/bg-2.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-4{background:#faf8ff;position:relative}main .section-5{position:relative}main .section-5::before{content:"";position:absolute;background:url(../images/bg-3.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-6{position:relative}main .section-6::before{content:"";position:absolute;background:url(../images/bg-5.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-7{position:relative}main .section-7::before{content:"";position:absolute;background:url(../images/bg-3.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-8{position:relative}main .section-8::before{content:"";position:absolute;background:url(../images/bg-4.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-9{position:relative}main .section-9::before{content:"";position:absolute;background:url(../images/bg-3.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-10{position:relative}main .section-10::before{content:"";position:absolute;background:url(../images/bg-3.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-11{position:relative}main .section-11::before{content:"";position:absolute;background:url(../images/bg-3.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-12{position:relative;margin-top:75px;margin-bottom:-95px}main .section-12::before{content:"";position:absolute;background:url(../images/img-25.jpg);background-size:100% 100%;border-radius:15px;top:0;left:0;right:0;bottom:0}main .section-12 .content{position:relative}main .section-13{position:relative}main .section-13::before{content:"";position:absolute;background:url(../images/img-26.jpg);background-size:cover;background-position:right center;top:0;left:0;right:0;bottom:0}main .section-14{position:relative}main .section-14::before{content:"";position:absolute;background:url(../images/bg-6.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-15{margin-top:-61px}main .section-16{position:relative}main .section-16::before{content:"";position:absolute;background:url(../images/bg-7.jpg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-17{position:relative}main .section-17::before{content:"";position:absolute;background:url(../images/bg-8.svg);background-size:cover;background-position:bottom;top:0;left:0;right:0;bottom:0}main .section-18{position:relative}main .section-18::before{content:"";position:absolute;background:linear-gradient(90deg,rgb(2 0 36) 0%,rgb(9 9 121 / 76%) 35%,rgb(0 212 255 / 35%) 100%);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-19{position:relative}main .section-19::before{content:"";position:absolute;background:url(../images/bg-10.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-20{position:relative;margin-top:-36px;margin-bottom:5px}main .section-20 .menu-list-1 .menu-item a{position:relative;color:#1d256d}main .section-20 .menu-list-1 .menu-item:last-child a:after{display:none}main .section-20 .menu-list-1 .menu-item a:after{content:"";position:absolute;top:0;right:-5rem;border-right:1px solid #E0E0E0;width:15px;height:100%}main .section-20 .menu-list-1 .menu-item:hover a:before{content:"";position:absolute;left:0;right:0;bottom:-24px;height:3px;background:#dedede}main .section-20 .menu-list-1 .menu-item.active a:before{content:"";position:absolute;left:0;right:0;bottom:-24px;height:3px;background:#fd3f5f}main .section-21{position:relative}main .section-21::before{content:"";position:absolute;background:url(../images/img-37.jpg);background-size:cover;top:0;left:0;right:0;bottom:0}main .section-22{position:relative}main .section-22::before{content:"";position:absolute;background:url(../images/bg-3.svg);background-size:cover;top:0;left:0;right:0;bottom:0}main .select-layer-1{background:#f6f9ff;border-radius:30px}main .select-layer-1 .select-item{position:relative;border-radius:15px;cursor:pointer}main .select-layer-1 .select-item .flag{width:21px;height:21px}main .select-layer-1 .select-item.active{background:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}main .select-layer-1 .select-item.active::after{content:"";position:absolute;top:5px;right:11px;background:url(../images/icon-52.svg);width:24px;height:24px}main .select-layer-2{background:#f6f9ff;border-radius:30px}main .select-layer-2 .select-item{position:relative;border-radius:15px;width:145px;cursor:pointer}main .select-layer-2 .select-item.active{background:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}main .select-layer-2 .select-item.active::after{content:"";position:absolute;top:5px;right:11px;background:url(../images/icon-52.svg);width:24px;height:24px}main .select-layer-3{background:#f6f9ff;border-radius:30px}main .select-layer-3 .select-item{position:relative;border-radius:15px;width:120px;cursor:pointer}main .select-layer-3 .select-item .flag{width:21px;height:21px}main .select-layer-3 .select-item.active{background:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}main .select-layer-3 .select-item.active::after{content:"";position:absolute;top:5px;right:11px;background:url(../images/icon-52.svg);width:24px;height:24px}main .server-list-1 .server-list-1-content{background:#f6f9ff;border-radius:10px;position:-webkit-sticky;position:sticky;top:83px}main .server-list-1 .server-list-2-content{border-radius:10px}main .server-list-1 .server-list-2-content .server-item .icon{width:54px;height:54px}main .server-list-1 .server-list-2-content .server-item .data-m-y-price.data-1.tr:before{content:attr(tr-data-monthly-price)}main .server-list-1 .server-list-2-content .server-item .data-m-y-price.data-1.us:before{content:attr(us-data-monthly-price)}main .packages-1-layer{margin-top:74px}main .package-1 .data-m-y-text::before{content:attr(data-monthly-text)}main .package-1 .data-m-y-text.active::before{content:attr(data-yearly-text)}main .package-1 .data-m-y-price::before{content:attr(data-monthly-price)}main .package-1 .data-m-y-price.active::before{content:attr(data-yearly-price)}main .package-1.border-bg-1{position:relative;border-radius:10px;transition:all 0.5s}main .package-1.border-bg-1:hover{transform:translate(0,-5px);box-shadow:0 1rem 3rem rgba(31,45,61,.125)!important}main .package-1.border-bg-1:hover::before{background:#ff4657}main .package-1.border-bg-1::before{content:"";position:absolute;top:-7px;left:2rem;right:2rem;bottom:0;height:7px;border-radius:5px 5px 0 0;background:#c7ccd9}main .package-1 .icon-1{position:absolute;right:25px;top:32px;width:30px;height:30px}main .package-1 .nav-link .icon{width:24px;height:24px}main .package-2{background:#f6f9ff;border-radius:15px}main .package-2.active .p-top-layer{position:relative;border-radius:15px 15px 0 0;border-bottom:0!important;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}main .package-2.active .p-top-layer:before{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:#ff4c50;border:1px solid transparent;border-left:0;border-top:0;transform:rotate(45deg);transition:all 0.5s}main .package-2.active .lead-1{color:#fff}main .package-2.active .lead-2{color:#ffb4b5}main .package-2.active .btn-active-1{border:0;background:#fff}main .package-2.active .btn-active-1:hover{color:#ff425b}main .package-2.active .btn-active-2{color:#fff;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}main .package-2.active .btn-active-2:hover{color:#fff}main .package-2 .data-m-y-price.data-1.tr:before{content:attr(tr-data-monthly-price)}main .package-2 .data-m-y-price.data-2.tr:before{content:attr(tr-data-three-monthly-price)}main .package-2 .data-m-y-price.data-3.tr:before{content:attr(tr-data-yearly-price)}main .package-2 .data-m-y-price.data-1.us:before{content:attr(us-data-monthly-price)}main .package-2 .data-m-y-price.data-2.us:before{content:attr(us-data-three-monthly-price)}main .package-2 .data-m-y-price.data-3.us:before{content:attr(us-data-yearly-price)}main .package-3{border-radius:15px;position:relative}main .package-3:hover{border:2.5px solid #fd415a}main .package-hot-3{border:2.5px solid #fd415a}main .package-hot-3 .hot-package-content{position:absolute;top:-17px;left:0;right:0}main .package-hot-3 .hot-package-content .badge-bg-2{border-radius:15px}main .table-server-details-1 tr:nth-child(1) td:nth-child(1){border-top:0}main .table-server-details-1 tr:nth-child(1) td:nth-child(2){border-top:0;border-left:1px solid #dee2e6}main .table-server-details-1 tr:nth-child(1) td:nth-child(3){border-top:0;border-left:1px solid #dee2e6}main .table-server-details-1 tr:nth-child(1) td:nth-child(4){border-top:0;border-left:1px solid #dee2e6}main .table-server-details-1 tr:nth-child(2) td:nth-child(1){border-bottom:0}main .table-server-details-1 tr:nth-child(2) td:nth-child(2){border-left:1px solid #dee2e6;border-bottom:0}main .table-server-details-1 tr:nth-child(2) td:nth-child(3){border-left:1px solid #dee2e6;border-bottom:0}main .table-server-details-1 tr:nth-child(2) td:nth-child(4){border-left:1px solid #dee2e6;border-bottom:0}main .table-service-1 thead tr{background:#f6f9ff}main .table-service-1 thead tr th{border-radius:10px 10px 0 0;border-bottom:3px solid #ff376b;border-bottom-color:#ff376b!important}main .table-service-1.table-striped>tbody>tr:nth-of-type(even){background:#f6f9ff}main .table-service-1.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:#fff}main .table-service-1>tbody>tr:nth-last-child(1)>td{border-bottom-width:0}footer .nav-menu-1 .nav-link{transition:all 0.5s}footer .nav-menu-1 .nav-link:hover{color:#fe415c}footer .layer-1{position:absolute;top:-48px;right:0;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);border-radius:0 0 15px 15px}footer .h-line-t{height:3px;width:100%;background:linear-gradient(to top,#ff3a67,#ff5740)}footer .footer-l img{width:110px}footer .social-layer .s-avatar{width:45px;height:45px;border:1px solid #e0e0e0;border-radius:50%;transition:all 0.5s}footer .social-layer .s-avatar:hover{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);border:1px solid transparent}footer .social-layer .s-avatar:hover>img{filter:brightness(0) invert(1)}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-17{font-size:17px}.fs-18{font-size:18px}.fw-1{font-weight:100}.fw-2{font-weight:200}.fw-3{font-weight:300}.fw-4{font-weight:400}.fw-5{font-weight:500}.fw-6{font-weight:600}.fw-7{font-weight:700}.fw-8{font-weight:800}.fw-9{font-weight:900}.ff-ttnorms{font-family:  'Euclid Circular B', sans-serif !important;}.text-color-1{color:#424242}.text-color-2{color:#1d256d}.text-color-3{color:#455880}.text-color-4{color:#2d4278}.text-color-5{color:#ffb4b5}.text-color-6{color:#8b8d92}.text-line-through{text-decoration:line-through}.bg-dark-1{background:#161a25}.bg-color-1{background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}.bg-color-2{background:#0080fd}.bg-color-3{background:#ffbf00}.bg-color-4{background:#763aff}.badge-bg-1{color:#ff425b;background:#ffebee}.badge-bg-2{color:#fff;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}.btn-bg-1{color:#fff;border-radius:6px;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}.btn-bg-1:focus{box-shadow:0 0 0 .2rem rgb(255 255 255 / 12%)}.btn-bg-1:hover{color:#fff}.btn-bg-1 .icon{filter:brightness(0) invert(1)}.btn-bg-2{color:#12b973;border-radius:6px;background:#dafced}.btn-bg-2:focus{box-shadow:0 0 0 .2rem rgb(255 255 255 / 12%)}.btn-bg-2:hover{color:#12b973}.btn-bg-3{border-radius:6px;background:#ffebee}.btn-bg-4{color:#fff;border-radius:6px;background:#f6f9ff}.btn-bg-4:focus{box-shadow:0 0 0 .2rem rgb(255 255 255 / 12%)}.btn-bg-4:hover{color:#fff}.btn-bg-5{color:#fff;border-radius:6px;background:#3c404c}.btn-bg-5:focus{box-shadow:0 0 0 .2rem rgb(255 255 255 / 12%)}.btn-bg-5:hover{color:#fff}.btn-outline-bg-1{color:#AC010F;border-radius:6px;border:1px solid #ff425b}.btn-outline-bg-1:focus{box-shadow:0 0 0 .2rem rgb(255 255 255 / 12%)}.btn-outline-bg-1:hover{color:#fff;background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e)}.btn-outline-bg-1:hover div>.icon{filter:brightness(0) invert(1)}.btn-outline-bg-2{width:47px;height:48px;border-radius:6px;background:#3c404c}.btn-outline-bg-2:focus{box-shadow:0 0}.drop-shadow-1{filter:drop-shadow(0 9px 7px #ff435b59)}.animation-1{transition:all 0.5s}.animation-1:hover{transform:translateY(-5px)}.w-50-auto-lg{width:50%}.w-75-auto-lg{width:75%}.preloader{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:9999}@font-face{font-family:'TT Norms';font-style:normal;font-weight:100;font-display:swap;src:local('TT Norms'),local('TT Norms'),url(../fonts/ttnorms-100.otf) format('truetype')}@font-face{font-family:'TT Norms';font-style:normal;font-weight:200;font-display:swap;src:local('TT Norms'),local('TT Norms'),url(../fonts/ttnorms-200.otf) format('truetype')}@font-face{font-family:'TT Norms';font-style:normal;font-weight:300;font-display:swap;src:local('TT Norms'),local('TT Norms'),url(../fonts/ttnorms-300.otf) format('truetype')}@font-face{font-family:'TT Norms';font-style:normal;font-weight:500;font-display:swap;src:local('TT Norms'),local('TT Norms'),url(../fonts/ttnorms-500.otf) format('truetype')}@font-face{font-family:'TT Norms';font-style:normal;font-weight:700;font-display:swap;src:local('TT Norms'),local('TT Norms'),url(../fonts/ttnorms-700.otf) format('truetype')}@font-face{font-family:'TT Norms';font-style:normal;font-weight:800;font-display:swap;src:local('TT Norms'),local('TT Norms'),url(../fonts/ttnorms-800.otf) format('truetype')}@font-face{font-family:'TT Norms';font-style:normal;font-weight:900;font-display:swap;src:local('TT Norms'),local('TT Norms'),url(../fonts/ttnorms-900.otf) format('truetype')}@media (max-width:2000px){.jmr-7{display:block}}@media (max-width:1800px){.jmr-1{display:none}.jmr-7{display:none}}@media (max-width:1600px){main .section-20 .menu-list-1 .menu-item a:after{right:-2.5rem}.jmr-2{display:none}}@media (max-width:1400px){header .h-nav-1{display:none;position:absolute;top:70px;right:0;width:150px;background:#fff;border-radius:10px;padding:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}header .dropdown-hosting .dropdown-menu{position:absolute!important;top:-96px!important;right:140px!important;left:auto!important;margin-top:0;transform:inherit!important}header .nav .nav-link.show:before{bottom:0;height:2px}header .dropdown-hosting:hover .nav-link-h:before{bottom:0;height:2px}main .section-20 .menu-list-1 .menu-item a:after{right:-2rem}.jmr-1{display:block}.jmr-2{display:block}.jmr-4{border-right:0!important}}@media (max-width:1200px){header .menu-line-1:before{top:5px;left:-5px;width:30px;height:2px}header .menu-line-1:after{top:14px;left:-5px;width:30px;height:2px}header .menu-line-1.changed:before{left:-5px}header .menu-line-1.changed:after{left:-5px}main .home-slider-1 .swiper-pagination{bottom:0}main .img-r-1{width:100%}main .section-20 .menu-list-1 .menu-item a:after{right:-1rem}.w-75-auto-lg{width:100%}}@media (max-width:992px){header .dropdown-hosting .dropdown-menu{width:350px}header .menu-line-1:before{top:4px;left:-4px;width:25px}header .menu-line-1:after{top:13px;left:-4px;width:25px}header .menu-line-1.changed:before{top:8px;left:-3px}header .menu-line-1.changed:after{top:8px;left:-3px}main .section-20 .menu-list-1 .menu-item a:after{right:-2rem}main .section-20 .menu-list-1 .menu-item:hover a:before{bottom:-5px}main .section-20 .menu-list-1 .menu-item.active a:before{bottom:-5px}main .section-12::before{background-size:cover;background-position:center}.jmr-1{display:none}.jmr-2{display:none}.btn-outline-bg-2{width:44px;height:44px}}@media (max-width:768px){main .customer-comments-1::before{width:100px}main .customer-comments-1::after{width:100px}.h-notices .close-i img{right:10px}}@media (max-width:576px){header .dropdown-hosting .dropdown-menu{right:140px!important;width:230px}header .dropdown-hosting .nav-hosting .bottom-line .title{font-size:15px}header .dropdown-hosting .nav-hosting .bottom-line .content{display:none}header .dropdown-hosting .nav-hosting .bx-layer-1{width:35px;height:35px}header .dropdown-hosting .nav-hosting .bx-layer-1 .icon{width:17px;height:17px}header .language-selector .content .flag{width:24px}main .layer-2 .home-slider-2{height:140px}main .section-20 .menu-list-1 .menu-item a:after{display:none}main .customer-comments-1::before{width:50px}main .customer-comments-1::after{width:50px}}@media (max-width:480px){main .location-layer .map{display:none}main .list-group-2 .list-item .s-line{display:none}main .list-group-2 .list-item.active .s-line{display:none}}@media (min-width:1400px){.col-custom-xxl-3{flex:0 0 auto;width:24%}.col-custom-xxl-3.c{flex:0 0 auto;width:28%}}@media (min-width:1399px){.jmr-3{display:none}}@media (min-width:1200px){.left-xl-0{left:0%!important}}@media (min-width:768px){.w-50-auto-1{width:50%}}@supports (-webkit-touch-callout:none){*{font-variant-ligatures:none}}@media (max-width:1860px){.jmr-7{display:none}}.object-fit-contain{object-fit:contain}.server-hover{border:1px solid transparent}.server-hover:hover{border-color:#ff425b}@media (max-width:1400px){header .h-nav-1{width:100%;box-shadow:0 0 14rem rgb(0 0 0 / 20%)}header .dropdown-hosting .dropdown-menu{position:static!important;width:100%}}.fs-11{font-size:11px}.location-button{border-radius:36px!important;text-decoration:none;outline:0}.location-button::after{display:none}.location-button img{object-fit:cover}.table-layout-fixed{table-layout:fixed}header .badge{position:absolute;top:0;font-size:8px;transform:translate3d(10%,0,0);background:linear-gradient(to right,#ff356e,#ff4a52,#ff583e);filter:drop-shadow(0 0 5px #ff435b59);animation:blink 1.8s infinite;letter-spacing:.5px}@media (max-width:1400px){header .badge{left:8px;transform:translate3d(0,0,0)}header .h-nav-1{overflow:auto;height:74vh}}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.package-2>.border-bottom{height:269px}@media (max-width:991px){.flex-column\@md-down{flex-direction:column}}.object-fit-cover{object-fit:cover}.border-radius-50\%{border-radius:50%}.bank-hover{border:2px solid transparent;transition:all .3s ease}.bank-hover:hover{transform:scale(1.02);border-color:#fe415c}@media screen and (min-device-width:1385px) and (max-device-width:1477px){#hmmenu{width:80%!important}}.markahost-card-boxed{box-shadow:0 0 1px transparent;border:2px solid #2e3e4347;border-radius:15px!important;transition:all .3s ease}.markahost-card-boxed.is-popular{border-color:#ff3a67;transform:translateY(-15px)}.markahost-card-boxed.is-popular .markahost-card-boxed__button{background-color:#ff3a67;color:#fff}.markahost-card-boxed__corner-badge{position:absolute;background-color:#ff3a67;font-size:11px;color:#fff;width:172px;text-align:center;height:50px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.markahost-card-boxed__corner-badge.markahost-card-boxed__corner-badge--right{transform:rotate(31deg);top:-14px;right:-65px}.markahost-card-boxed:hover{box-shadow:0 20px 45px 0 rgb(0 0 0 / 17%)}.markahost-card-boxed__list{line-height:26px;text-align:left;padding-left:22px;list-style:none;padding:0;margin:0}.markahost-card-boxed__button{width:100%;display:block;min-height:56px;display:flex;align-items:center;justify-content:center;background-color:#455880;font-size:18px;font-weight:600;color:#fff;border-radius:10px;transition:all .3s ease}.markahost-card-boxed__button:hover{background-color:#ff3a67;color:#fff}.markahost-card-boxed__head{display:flex;justify-content:space-between}.markahost-card-boxed__title{color:#344045;text-align:left;font-size:22px;font-weight:700}.markahost-card-boxed__price{display:inline-block;font-size:28px;color:#ff3a67}.markahost-card-boxed__price-cycle{display:inline-block;font-weight:300;font-size:14px;padding-left:6px;color:#202d32}.markahost-card-boxed__content-wrapper{position:relative;overflow:hidden;border-radius:10px;padding:25px}.markahost-card-boxed__bg-icon{position:absolute;right:-90px;color:#d8d8d8;font-size:240px;top:50%;transform:translate(0,-50%)}.markahost-card-long{background-color:#fff;border-radius:12px;box-shadow:0 0 12px rgb(0 0 0 / 5%);border:2px solid transparent;transition:all .3s ease;position:relative}.markahost-card-long__popular-badge{position:absolute;border-radius:8px 8px 0 0;transform:translate(-50%,-100%);top:0;left:50%}.markahost-card-long:hover{border-color:#ff3a67}.markahost-card-long__content{padding:24px}.markahost-card-long__title{font-size:1.5rem;color:#384A57;line-height:1.2;margin:0;font-weight:600}.markahost-card-long__subtitle{color:rgba(0,0,0,.6);font-size:.875rem;margin:.3rem 0;display:block}.markahost-card-long__price-wrapper{display:grid;grid-template-areas:'price badge' 'price oldPrice';padding:1rem 0;justify-items:center;align-items:center}.markahost-card-long__price{font-size:2.1rem;font-weight:700;color:#000;text-align:center;grid-area:price;text-align:right;margin-right:8px;justify-self:flex-end;margin-right:8px}.markahost-card-long__price-badge{grid-area:badge;max-width:fit-content;justify-self:flex-start;font-size:10px!important;padding:4px 10px!important}.markahost-card-long__price-old{grid-area:oldPrice;text-decoration:line-through;text-decoration-color:red;justify-self:flex-start;font-size:14px}.markahost-card-long__badge{font-size:12px;font-weight:600;border-radius:4px;padding:6px 12px;text-decoration:none!important;text-align:center;display:inline-block}.markahost-card-long__badge--green{background-color:#28a745;color:#fff;color:#dafced;background-color:#12b973}.markahost-card-long__badge--green-light{font-weight:500;color:#145132;background-color:#d4edda;background-color:#dafced;color:#145132}.markahost-card-long__ghost-title{color:rgba(0,0,0,.3);margin:0 0 .5rem 0;display:block;font-size:14px;font-weight:600;padding-left:8px}.markahost-card-long__list,.markahost-card-long__list ul{list-style:none;padding:0;margin:0}.markahost-card-long__list{padding:8px}.markahost-card-long__list li{border-bottom:1px solid rgba(0,0,0,.1);padding:.6rem 0;transition:ease-in .2s;display:flex;align-items:flex-start;font-size:14px}.markahost-card-long__list li:last-of-type{border-color:transparent}.markahost-card-long__list li i{margin-right:8px;font-size:120%;width:24px}.markahost-card-long__list li:hover{border-bottom-color:#26324a;color:#26324a}.markahost-card-long__list ul br{display:none}.markahost-card-long__button-primary{font-size:1.1rem;font-weight:500;padding:.7rem 1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;text-align:center;vertical-align:middle;display:block;width:100%;border:none;background:#3F4857;border-color:#3F4857;color:#fff;margin-top:8px;margin-bottom:16px}.markahost-card-long__button-primary:hover{background:#39414E;border-color:#39414E;color:#fff}.markahost-card-long__button-secondary{font-size:1.1rem;font-weight:500;padding:.7rem 1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;text-align:center;vertical-align:middle;display:block;width:100%;border:1px solid rgba(0,0,0,.1);margin-top:16px;margin-bottom:0;color:#212529;background-color:#f5f5f5;border-color:#dae0e5;font-size:14px}.markahost-card-long__button-secondary:hover{color:#212529;background-color:#f5f5f5;border-color:#dae0e5}.markahost-custom-tabs{color:#455880}.markahost-custom-tabs .nav.nav-tabs{border:1px solid #dee2e6;background:#f9fbfc;padding:10px 10px 0}.markahost-custom-tabs .tab-content{display:block;padding:21px;font-size:16px;border-left:1px #dee2e6 solid;border-bottom:1px #dee2e6 solid;border-right:1px #dee2e6 solid}.markahost-custom-tabs .tab-content>.tab-pane p:first-child{font-size:20px;color:#ff3a67}.markahost-custom-tabs .nav-tabs .nav-link.active{color:#ff3a67!important;padding:9px;font-size:16px;font-weight:700}.markahost-footer{background-color:#151B2C;color:#888fa8;padding:90px 0 30px 0;position:relative;font-size:14px}.markahost-footer i.fa{min-width:26px;text-align:center}.markahost-footer__top-line{height:8px;position:absolute;width:100%;left:0;top:0;background:linear-gradient(to top,#ff3a67,#ff5740)}.markahost-footer__seperator{margin:24px 0}.markahost-footer__card{background-color:#1E2337;padding:40px 24px;font-weight:600;font-size:13px}.markahost-footer__title{display:block;font-size:14px;color:#888fa8;font-weight:500}.markahost-footer__title--small{font-size:12px}.markahost-footer__title--big{font-size:20px}.markahost-footer__action-link{display:inline-flex;color:inherit;transition:all .3s ease;padding:8px 0;font-size:inherit;font-weight:600;align-items:center}.markahost-footer__action-link:hover{color:#fff}.markahost-footer__action-link i:last-of-type{margin-top:4px}.markahost-footer__link{display:inline-block;padding:4px 0;color:#fff;transition:all .3s ease}.markahost-footer__link:hover{color:#888fa8}.markahost-footer__link--social{font-size:24px}@media(min-width:992px){.markahost-footer-nav{padding-bottom:64px}.markahost-footer-nav .markahost-footer__title .fa-chevron-down{display:none}}.markahost-footer-nav .markahost-footer__title{display:flex;align-items:center}@media(max-width:991px){.markahost-footer-nav{border:1px solid rgba(136,143,168,.2);border-radius:4px;margin-bottom:20px}.markahost-footer-nav .markahost-footer__title{padding:14px;margin-bottom:0}.markahost-footer-nav__links{display:none;padding:10px 14px;border-top:1px solid rgba(136,143,168,.2)}.markahost-footer-nav .markahost-footer__title .fa-chevron-down{transition:all .3s ease}.markahost-footer-nav.is-open .markahost-footer-nav__links{display:block}.markahost-footer-nav.is-open .markahost-footer__title .fa-chevron-down{transform:rotateX(180deg)}}.mh-divided-grid-4 .mh-divided-grid-4__one{border-bottom:1px solid rgb(69 88 128 / 14%);border-right:1px solid rgb(69 88 128 / 14%)}.mh-divided-grid-4 .mh-divided-grid-4__two{border-bottom:1px solid rgb(69 88 128 / 14%)}.mh-divided-grid-4 .mh-divided-grid-4__three{border-top:1px solid rgb(69 88 128 / 14%);border-right:1px solid rgb(69 88 128 / 14%)}.mh-divided-grid-4 .mh-divided-grid-4__four{border-top:1px solid rgb(69 88 128 / 14%)}.markahost-divider-title{display:flex;align-items:center}.markahost-divider-title hr{background-color:rgb(69 88 128 / 76%);flex:1;margin-left:12px}body{overflow-x: hidden;}.logo img{width: 180px;}.mobile-menu-bg {width: 100%;height: 100vh;z-index: 99995;background: rgba(24, 59, 86, 0.7);position: fixed;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: 0.3s all;transition: 0.3s all;opacity: 0;pointer-events: none;}.mobile-menu-bg.show {opacity: 1;pointer-events: all;z-index: 999999999999;}.mobile-menu {width: 294px;height: 100vh;position: fixed;top: 0 !important;right: 0;bottom: 0;background: #fff;z-index: 99999;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: 0.3s all;transition: 0.3s all;overflow-y: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-bottom: 40px;}.mobile-menu .buttons {margin-top: auto;display: -webkit-box;display: -ms-flexbox;display: flex;}.mobile-menu .buttons a {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 45px;border-radius: 5px;background: #9485e4;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 15px 5px;font-size: 13px;}.mobile-menu .buttons a svg {margin-right: 5px;}.mobile-menu .buttons a svg path {fill: #fff;}.mobile-menu .socials {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.mobile-menu .socials a {color: #0d1c38;font-size: 20px;margin: 0 10px;}.mobile-menu .c-badge {top: 25px;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 40px;width: auto;left: auto;}.mobile-menu.show {-webkit-transform: translateX(0);transform: translateX(0);display: block !important;z-index: 999999999999999999999;}.mobile-menu .title {width: 100%;background: linear-gradient(to right,#ff356e,#ff4a52,#ff583e);height: 75px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-left: 25px;font-weight: 400;font-size: 13px;color: #5a7184;}.mobile-menu .title .close-menu {font-size: 20px;margin-right: 20px;padding: 5px;color: #fff;}.mobile-menu ul {padding: 25px 12px;}.mobile-menu ul > li {border-bottom: 1px solid #e5f2fa;position: relative;}.mobile-menu ul > li:hover > a {background: linear-gradient(to right,#ff356e,#ff4a52,#ff583e);color: #fff;}.mobile-menu ul > li:hover > a .ri-arrow-drop-down-line {color: #fff;}.mobile-menu ul > li > a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 500;font-size: 15px;padding: 14px 10px;border-radius: 3px;color: #183b56;}.mobile-menu ul > li > a .ri-arrow-drop-down-line {margin-left: auto;color: #ff583e;}.mobile-menu ul > li .drop-menu {border-top: 1px solid #e5f2fa;margin-top: 10px;display: none;}.mobile-menu ul > li .drop-menu a {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 10px 12px;}.mobile-menu ul > li .drop-menu a strong {font-weight: 500;font-size: 14px;display: block;color: #183b56;margin-bottom: 5px;}.mobile-menu ul > li .drop-menu a span {font-weight: 400;font-size: 13px;line-height: 20px;color: #5a7184;}header .dropdown-hosting .dropdown-menu{position: absolute !important;z-index: 6 !important;width: 100vw !important;background: #fff !important;left: 50% !important;margin-left: -50vw !important;top:100% !important;border-radius: 0px;}.dropdown-menu{margin-top: 0px !important;box-shadow: 0 64px 64px rgb(0 0 0 / 24%);}header .dropdown-hosting .dropdown-menu .row .col-4 {padding: 15px;}header .dropdown-hosting .dropdown-menu .row .col-4:not(:first-child) {border-left: 1px solid rgba(238, 238, 238,08.2) }header .dropdown-hosting .dropdown-menu .row .col-3:not(:first-child) {border-left: 1px solid rgba(238, 238, 238,08.2) }header .dropdown-hosting .dropdown-menu .row .col-4 strong{display: block;font-weight: 500;color: #667093;}header .dropdown-hosting .dropdown-menu .row .col-4 ul {padding-left:0rem !important;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li {padding-top: 12px;list-style-type:none;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a {display: block;position: relative;background: #f7f9fd;border-radius: 8px;padding: 12px 12px 12px 80px;font-size: 12px;line-height: 16px;min-height: 80px;}header .dropdown-hosting .dropdown-menu .row .col-3 {padding: 15px;}header .dropdown-hosting .dropdown-menu .row .col-3 strong{display: block;font-weight: 500;color: #667093;}header .dropdown-hosting .dropdown-menu .row .col-3 ul {padding-left:0rem !important;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li {padding-top: 12px;list-style-type:none;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li a {display: block;position: relative;background: #f7f9fd;border-radius: 8px;padding: 12px 12px 12px 80px;font-size: 12px;line-height: 16px;min-height: 80px;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a i {position: absolute;left: 12px;top: 12px;width: 56px;line-height: 56px;text-align: center!important;background: linear-gradient(to right, #ff356e, #ff4a52, #ff583e);font-size: 32px;color: white;box-shadow: 0 10px 64px rgb(0 0 0 / 4%);border-radius: 8px;overflow: hidden;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;transition-duration: .3s;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li a i {position: absolute;left: 12px;top: 12px;width: 56px;line-height: 56px;text-align: center!important;background: linear-gradient(to right, #ff356e, #ff4a52, #ff583e);font-size: 32px;color: white;box-shadow: 0 10px 64px rgb(0 0 0 / 4%);border-radius: 8px;overflow: hidden;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;transition-duration: .3s;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}li {list-style-type: none;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li a img {position: absolute;left: 12px;padding:10px;top: 12px;width: 56px;line-height: 56px;text-align: center!important;background: linear-gradient(to right, #ff356e, #ff4a52, #ff583e);font-size: 32px;color: white;box-shadow: 0 10px 64px rgb(0 0 0 / 4%);border-radius: 8px;overflow: hidden;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;transition-duration: .3s;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a img {position: absolute;left: 12px;padding:10px;top: 12px;width: 56px;line-height: 56px;text-align: center!important;background: linear-gradient(to right, #ff356e, #ff4a52, #ff583e);font-size: 32px;color: white;box-shadow: 0 10px 64px rgb(0 0 0 / 4%);border-radius: 8px;overflow: hidden;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;transition-duration: .3s;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li a object {position: absolute;left: 12px;top: 12px;width: 56px;line-height: 56px;text-align: center!important;background: linear-gradient(to right, #ff356e, #ff4a52, #ff583e);font-size: 32px;color: white;box-shadow: 0 10px 64px rgb(0 0 0 / 4%);border-radius: 8px;overflow: hidden;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;transition-duration: .3s;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}object path #Shopicon{fill: white !important;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a strong {display: block;font-size: 16px;line-height: 1;font-weight: 500;padding-bottom: 8px;color: #292828;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li a strong {display: block;font-size: 16px;line-height: 1;font-weight: 500;padding-bottom: 8px;color: #292828;}header .dropdown-hosting {position: initial;}.dropdown-menu{top:75% !important;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a:hover {background: white;box-shadow: 0 0 8px rgb(0 0 0 / 23%);}header .dropdown-hosting .dropdown-menu .row .col-3 ul li a:hover {background: white;box-shadow: 0 0 8px rgb(0 0 0 / 23%);}.menu-bilgi{justify-content: center;display: flex;width: 100%;border-radius: 0 0 5px 5px;padding: 15px 15px;margin-bottom: 1%;background: #dae7ed;margin-top:1%;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li:hover a i {background: #292828;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li:hover a i {background: #292828;}header .dropdown-hosting .dropdown-menu .row .col-4 ul li:hover a img {background: #292828;}header .dropdown-hosting .dropdown-menu .row .col-3 ul li:hover a img {background: #292828;}.dropdown-menu .container .row {padding: 30px 0px;}.menu-bilgi p{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 10px;border-radius: 5px;background: #e9f6fd;font-weight: 500;font-size: 13px;color: #5a7184;margin-bottom: 0rem !important;}.menu-bilgi p span{width: 63px;height: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #ed4a57;color: #fff;border-radius: 5px;font-weight: 500;font-size: 13px;margin-right: 12px;}@media (max-width:768px){.mobilpad{padding: 16px 0px;}}.markahost-footer__link--social{padding: 1%;}.fw-message-button{background-color: #0C5F4E !important;}.blog-details-content img{width:100% !important; height:auto !important;}.blog-details-content p{font-weight: 400 !important;font-size: 17px !important;line-height: 40px !important;}.aiocontactus-prompt-inner{color:black !important;}



.sNav {
        font-size:15px!important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    @media only screen and (max-width: 1024px) {
        .sNav {
            display: none;

        }
        a.logo img{
            width:auto;
        }
    }
    @media only screen and (max-width: 1400px) {
        .sNav {
            font-size:12px!important;
            max-width: auto;
            margin: 0 auto !important;
        }
        a.logo img{
            width:100px !important;
        }
        header .nav .nav-link{
            font-size:11px;
        }
    }

    @media only screen and (max-width: 1203px) {

        header .nav .nav-link{
            font-size:9px;
        }
    }
    .mblMenu {
        display: none;
    }
    @media screen and (max-width: 1024px) {
        .mblMenu {
            display: block !important;
        }
    }
    .whatsapp {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 9999;

    }

    @media (max-width: 1200px){
        .register-page .overlay{
            position: inherit !important;
        }
    }

    @media (max-width: 1200px){
       .mobilgizlee{
           display: none;
        }
    }

    .whatsapp a {
        display: block;
        background-color: #25D366;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        line-height: 60px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        transition: all 0.3s ease-in-out;
    }

    .whatsapp a:hover {
        transform: scale(1.1);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    }
    .whatsapp a i {
        font-size: 40px;
        justify-content: center;
        display: flex;
    }


    #sidebar {
        background: #f8f8f8;
        border-top: 1px solid #e6e6e6;
        position: sticky;
        width: 100%;
        left: 0;
        top: 80px;
        height: 100vh;
        z-index: 9999;
        display: none;
    }

    #sidebar.active {
        display: block;
    }

    .gw-login a {
        float: left;
        width: 50%;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
        display: block;
        font-size: 16px;
        color: #53534a;
        padding: 12px 0
    }

    .gw-login a:last-child {
        border-right: 0
    }

    .gw-login a i {
        margin-right: 4px
    }

    .gw-sidebar {
        padding: 10px
    }

    .gw-sidebar .nano-pane {
        background: rgba(255, 255, 255, 0);
        font-size: 15px
    }

    .nano-content {
        list-style: none;
        margin: 0;
        background-color: #fff;
        padding: 0 12px;
        font-size: 16px;
        color: #666;
        border: 1px solid #e6e6e6;
        line-height: 1.2;
        font-weight: 500;
        overflow-x: hidden;
        overflow-y: scroll;
        height: 100%
    }

    .gw-sidebar .gw-nav-list li a {
        padding-left: 20px
    }

    .gw-nav-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .gw-nav-list > li:first-child {
        border-top: 0
    }

    .gw-nav-list > li {
        display: block;
        padding: 0;
        margin: 0;
        border: 0;
        border-top: 1px solid #fcfcfc;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        text-decoration: none
    }

    .gw-nav-list > li:last-child {
        border-bottom: none
    }

    @-webkit-keyframes arrow-slide {
        100% {
            -webkit-transform: rotate(225deg);
            z-index: 3
        }
    }

    @-webkit-keyframes arrow-slide1 {
        100% {
            -webkit-transform: rotate(225deg);
            z-index: 3
        }
    }

    .gw-nav-list > li.arrow-down:after {
        content: '';
        width: 7px;
        height: 7px;
        position: absolute;
        right: 10px;
        top: 15px;
        border-top: 1px solid #bababa;
        border-left: 1px solid #bababa;
        -webkit-transform: rotate(45deg);
        -webkit-animation: arrow-slide .5s 0s ease both
    }



    .gw-nav-list > li.arrow-up:after {
        content: '';
        width: 7px;
        height: 7px;
        position: absolute;
        right: 10px;
        top: 15px;
        border-right: 1px solid #bababa;
        border-bottom: 1px solid #bababa;
        -webkit-transform: rotate(45deg);
        -webkit-animation: arrow-slide1 .5s 0s ease both
    }

    .gw-nav-list > li.init-arrow-up:after {
        content: '';
        width: 7px;
        height: 7px;
        position: absolute;
        right: 10px;
        top: 15px;
        border-top: 1px solid #bababa;
        border-left: 1px solid #bababa;
        -webkit-transform: rotate(45deg)
    }

    .gw-nav-list > li.active {
        background-color: #fff
    }

    .gw-nav-list > li > a {
        display: block;
        height: 42px;
        line-height: 42px;
        padding: 0 16px 0 7px;
        color: #666;
        text-shadow: none !important;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none
    }

    .gw-open > a {
        outline: 0
    }

    .gw-nav-list > li.gw-open {
        border-bottom-color: #e5e5e5
    }

    .gw-nav-list > li.gw-open > a {
        background-color: #fafafa;
        color: #1963aa
    }

    .gw-nav-list .gw-open > a,
    .gw-nav-list .gw-open > a:focus,
    .gw-nav-list .gw-open > a:hover {
        background-color: #fafafa
    }

    .gw-nav .gw-open > a,
    .gw-nav .gw-open > a:focus,
    .gw-nav .gw-open > a:hover {
        background-color: #eee;
        border-color: #428bca
    }

    .gw-nav-list > li.active > a,
    .gw-nav-list > li.active > a:active,
    .gw-nav-list > li.active > a:focus,
    .gw-nav-list > li.active > a:hover {
        background-color: #fff;
        color: #dd4814;
        font-weight: 800;
        font-size: 16px
    }

    .gw-nav-list .gw-nav-header,
    .gw-nav-list > li > a {
        margin: 0
    }

    .gw-nav-list > li.active > a > [class*=icon-] {
        font-weight: 400
    }

    .gw-nav-list > li.active > a:hover:before {
        display: none
    }

    .gw-nav-list > li.active:before {
        display: inline-block;
        content: "";
        position: absolute;
        right: -13px;
        top: -1px;
        bottom: 0;
        z-index: 1;
        border-right: 1px solid #dd4814
    }

    .gw-nav-list li.gw-open > a:after {
        display: none
    }

    .gw-nav-list > li a > .gw-arrow {
        display: inline-block;
        width: 14px !important;
        height: 14px;
        line-height: 14px;
        text-shadow: none;
        font-size: 18px;
        position: absolute;
        right: 11px;
        top: 11px;
        padding: 0;
        color: #666
    }

    .gw-nav-list > li a:hover > .gw-arrow,
    .gw-nav-list > li.active > a > .gw-arrow,
    .gw-nav-list > li.gw-open > a > .gw-arrow {
        color: #1963aa
    }

    .gw-nav-list > li > a > [class*=icon-]:first-child {
        display: inline-block;
        vertical-align: middle;
        min-width: 30px;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        margin-right: 2px
    }

    .gw-nav-list > li .gw-submenu {
        font-size: 13px;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        background-color: #fff;
        border-top: 1px solid #e5e5e5
    }

    .gw-nav-list > li .gw-submenu > li {
        margin-left: 0;
        position: relative
    }

    .gw-nav-list > li .gw-submenu > li > a {
        display: block;
        position: relative;
        color: #616161;
        padding: 11px 0 9px 35px;
        margin: 0;
        border-top: 1px dotted #e4e4e4;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none
    }

    .gw-nav-list > li .gw-submenu > li > a:focus {
        text-decoration: none
    }

    .gw-nav-list > li .gw-submenu > li > a:hover {
        text-decoration: none;
        color: #dd4814;
        background-color: rgba(25, 25, 50, .1)
    }

    .gw-nav-list > li .gw-submenu > li.active:after {
        display: inline-block;
        content: "";
        position: absolute;
        right: -1px;
        top: -1px;
        bottom: 0;
        z-index: 1;
        border: 2px solid #dd4814
    }

    .gw-nav-list > li .gw-submenu > li.active > a {
        color: #dd4814
    }

    .gw-nav-list > li .gw-submenu > li a > [class*=icon-]:first-child {
        display: none;
        font-size: 12px;
        font-weight: 400;
        width: 18px;
        height: auto;
        line-height: 12px;
        text-align: center;
        position: absolute;
        left: 10px;
        top: 11px;
        z-index: 1;
        background-color: #fff
    }

    .gw-nav-list > li .gw-submenu > li.active > a > [class*=icon-]:first-child,
    .gw-nav-list > li .gw-submenu > li:hover > a > [class*=icon-]:first-child {
        display: inline-block
    }

    .gw-nav-list > li .gw-submenu > li.active > a > [class*=icon-]:first-child {
        color: #c86139
    }

    .gw-nav-list > li > .gw-submenu > li:first-child > a {
        border-top: 0
    }

    .gw-nav-list li .gw-submenu {
        overflow: hidden
    }

    .gw-nav-list li.active.gw-open > .gw-submenu > li.active.gw-open > a.dropdown-toggle:after {
        display: none
    }
    .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }
    .gw-nav-list li.active > .gw-submenu > li.active > a:after {
        display: none
    }

    .gw-nav-list li.active.gw-open > .gw-submenu > li.active > a:after {
        display: block
    }

    .gw-nav-tabs li[class*=" icon-"],
    .nav-tabs li[class^=icon-] {
        width: 1.25em;
        display: inline-block;
        text-align: center
    }


   .selected .select-data, .selected .nav-link, .dropdown .select-data, .dropdown .nav-link {
    background: none;
}header .h-line-t {
    height: 3px;
    width: 100%;
    background: linear-gradient(to top, #ff6d00, #ff6d00);
}header .badge {
    position: absolute;
    top: 0;
    font-size: 8px;
    transform: translate3d(10%,0,0);
    background: linear-gradient(to right, #ff6d00, #fb8e3d, #fb9c55);
    filter: drop-shadow(0 0 5px #ff435b59);
    animation: blink 1.8s infinite;
    letter-spacing: .5px;
    top: 10px;
}li.nav-item.ml-1.pl-1 {
    margin: 0 0 0 8px;
}a.nt-link.sepet {
    height: 42px;
}header .nav .nav-link {
    color: #292828;
}header .nav .nav-link:hover {
    color: #ff6d00;
}header .dropdown-hosting .dropdown-menu {
    position: absolute !important;
    z-index: 6 !important;
    width: 100vw !important;
    background: #fff !important;
    left: 50% !important;
    margin-left: -50vw !important;
    top: 91% !important;
    border-radius: 0px;
}header .dropdown-hosting .dropdown-menu .row .col-3 strong {
    display: block;
    font-weight: 500;
    color: #292828;
}a {
    color: #292828;
}a:hover {
    color: #ff6d00;
} header .dropdown-hosting .dropdown-menu .row .col-4 ul li:hover a img{
    background: linear-gradient(to right, #ff6d00, #fb8e3d, #fb9c55);
}@media(max-width:751px){
    .product-grid-btn {
    display: flex;
    flex-wrap: wrap;
}.row-cols-1>* {
    flex: 0 0 auto;
    width: 50%;
}.product-grid-image img {
    height: 120px;
}.product-grid-meta {
    padding: 0px 0 3px 0;
    border-bottom: 1px solid #e3e3e3;
    text-align: start;
}.product-grid-extra li {
    border: 1px solid #989898;
    border-radius: 2px;
    padding: 2px;
    border-radius: 2px;
    width: 100%;
    margin: 2px 0;
}.product-grid-btn a {
    border-radius: 4px;
    margin: 6px 0 0 0;
}ul.product-grid-extra {
    display: flex;
    flex-wrap: wrap;
    display: none;
}del {
    font-size: 12px;
}.product-grid-price span {
    font-size: 16px;
    font-weight: 700;
    font-family: sans-serif;
    color: #477CDB;
}.row.flex-mobile-nowrap.overflow-x-mobile-scroll.text-center {
    display: flex;
    flex-wrap: wrap;
}.col-auto {
    flex: 0 0 auto;
    width: 50%;
}.block-tab {
    width: 100%;
    height: 156px;
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    margin: 0 0 11px;
    border-radius: 10px;
    color: #34484f;
    font-size: 14px;
    border: 1px solid #f4f2f5;
    background-color: #fff;
    transition: all .1s ease-in;
}.align-items-center {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
}.col-12.col-md-5.mb-3.mb-md-0.order-2.order-md-1.text-center.text-md-left {
    border: 1px solid #f4f2f5;
    box-shadow: 0px 0px 2px 0px #e4e4e4;
    border-radius: 4px;
    height: 439px;
    padding: 32px;
    background: #ffffff;
    position: relative;
    bottom: 7px;
}.mobile-hide {
    margin: 16px 0 0 0;
}.detaycol {
    border-radius: 20px;
    background: #fbfbfd;
    max-width: 41%;
    box-shadow: 0px 0px 4px 2px rgb(56 56 56 / 7%);
    margin: 19px 0px 0px 21px;
    padding: 6px 6px 14px 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}.row-cols-1>* {
    flex: 0 0 auto;
    width: 50%;
}.ebultencont {
    display: none;
}.py-3.border-top-bottom {
    display: none;
}footer {
    background: #1b1919;
    padding: 29px 0 0;
    position: relative;
    background-image: url(images/footerbg.png);
    background-color: #2e3d44;
    background-size: 100% auto;
    background-repeat: repeat;
    background-position: center top;
    background-color: #1b1919;
}.align-items-center {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}li.nav-item.ml-1.pl-1 {
    margin: 0 0 0 3px;
}.mblMenu {
    display: block !important;
    padding: 0 12px;
    background: #292828;
    border-radius: 4px;
    height: 40px;
}.product-grid-price span {
    color: #ff6d00;
}header .menu-line-1 {
    position: relative;
    margin: -3px 6px 5px 0px;
}.slick-slide img {
    display: block;
    width: 100%;
}.d-flex.align-items-center.justify-content-center.h-100 {
    width: 100%;
}section.section-gap-75.banner-slider.slider-count.slick-initialized.slick-slider {
    height: 578px;
}.h-100 {
    height: 100%!important;
    margin-top: 12px;
}.col {
    padding: 5px;
}
}.h2 span:last-of-type {
    display: inline-block;
    background: linear-gradient(to right, #ff6d00, #ff6d00, #ef5c00) 0 0 / 400% 100% no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation: shade 4s infinite linear;
    animation: shade 4s infinite linear;
}.item__icon {
    width: 24px;
    color: #ff6d00;
}
.article {
    padding: 2rem;
    margin: 0 0;
    width: 100%;
    box-shadow: 0 10px 20px -5px hsl(0 0% 50% / 0.5);
    border: 1px solid hsl(0 0% 90%);
    border-radius: 6px;
    background: hsl(0 0% 100%);
    resize: horizontal;
    overflow: hidden;
    max-width: min(calc(600px + 8rem), calc(100vw - 2rem));
    min-width: 340px;
    container-type: inline-size;
    transition: background-color 0.25s, color 0.25s, border 0.25s, box-shadow 0.25s;
}html:not([dir="rtl"]) .text-lg-left {
    text-align: left !important;
}
.home-page--packets-slider .packet-slider-card {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    position: relative;
    padding: 8px;
    text-align: center;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 17px 8px rgba(0,0,0,.03);
    box-shadow: 0 0 17px 8px rgba(0,0,0,.03);
}.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}.fs-3 {
    font-size: calc(1.3rem + .6vw) !important;
}.home-page--packets-slider .packet-slider-card-image img {
    display: block;
    border-radius: 15px;
}.w-100 {
    width: 100%;
}.h-100 {
    height: 100%;
}.controls {
    display: none;
}header .nav .nav-link {
    font-size: 0.9rem;
}@media(max-width:751px){
    article {
    min-width: 100%;
}
}.card {
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
    border: 0 solid #e9e9e9;
    border-radius: .625rem;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
    width: 100%;
    position: relative;
    background-color: 255,255,255;
}@media(min-width:751px){
 .card {
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
    border: 0 solid #e9e9e9;
    border-radius: .625rem;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
    width: 24%;
    position: relative;
    background-color: 255,255,255;
    margin: 0px 5px;
}
}.flex {
    display: flex;
    flex-wrap: wrap;
}a.btn.btn-primary.detay {
    background-color: transparent;
    color: #ff6d00;
    border-color: #ff6d00;
    background: none;
    border-radius: 30px !important;
    padding: 11.1111111111px 15px;
    box-shadow: 0 8px 6px -6px rgba(131, 131, 131, 0.3);
    font-weight: 400;
    border: 1px solid #ff6d00;
    line-height: 1.2;
    font-size: 12px;
    position: absolute;
    bottom: 18px;
}p.text-color-3.text-center.fs-15.mb-0.fw-5 {
    height: 105px;
} .text-color-2 {
    color: #373738;
}html, body {
    color: #373738;
}h4.h5.text-color-2.text-center.mb-3.fw-7 {
    margin-top: 19px;
}.annoucement-middle {
    text-align: center;
    width: 100%;
}a.duyuru-btn {
    width: 130px;
    height: 40px;
    padding: 7px 0;
    background: #292828;
    color: #ffffff;
    border-radius: 25px;
    margin: 0 8px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease; /* Yumuşak geçiş için */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    position: relative;
    animation: pulse 3s infinite; /* Sürekli pulsasyon efekti */
}

a.duyuru-btn:hover {
    background: #2e2d2d; /* Renk tonunda hafif deÄŸiÅŸiklik */
    color: #f0f0f0; /* Yazı rengi hafif açılır */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); /* Hover'da gölge artar */
    transform: translateY(-2px); /* Hafif yukarı hareket animasyonu */
}.product-grid-btn span {
    transition: color 0.3s ease; /* Renk değişimi için yumuşak geçiş */
}.product-grid-btn span:hover {
    color: #ffffff; /* Varsayılan renk */
}.btn-primary {
    color: #fff; /* Yazı rengi beyaz */
    background: linear-gradient(#ff6d00, #f9a668); /* Renk geçişi */
    border: none;
    border-radius: 5px; /* Kenarların çok oval olmamasını sağlar */
    padding: 10px 20px; /* Butonun iç boşlukları */
    font-size: 16px; /* Yazı büyüklüğü */
    text-align: center; /* Yazıyı ortalar */
    text-decoration: none; /* Alt çizgi olmamasını sağlar */
    display: inline-block; /* Butonu satır içi blok olarak ayarlar */
    transition: all 0.3s ease; /* Yumuşak geçiş efekti */
}

.btn-primary:hover {
    background: linear-gradient(#f9a668, #ff6d00); /* Hover durumunda renk geçişini tersine çevirir */
    border: none;
    transform: translateY(-2px); /* Hover durumunda hafif yukarı kaydırır */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Hover durumunda gölge ekler */
}
.product-grid-extra li {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 4px;
    border-radius: 4px;
    width: 48%;
    background: #ffffff;
}.product-grid-extra li {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 4px 8px;
    border-radius: 4px;
    width: 48%;
    background: #ffffff;
}.product-grid-extra li {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: space-between;
}footer {
    padding: 100px 0 0;
    position: relative;
    background-image: url(../images/footerbg.png);
    background-color: #2e3d44;
    background-size: 100% auto;
    background-repeat: repeat;
    background-position: center top;
    background-color: #181818;
}footer .footer-info a {
    background: rgb(54 52 52 / 55%);
    color: #ffffff;
    box-shadow: 0 0 0px #5b5b5b6b;
}footer .footer-info a {
    background: rgb(54 52 52 / 55%);
    color: #ffffff;
    box-shadow: 0 0 0px #5b5b5b6b;
}footer .footer-info {
    background: #181818de;
    border-radius: 5px;
    box-shadow: 0 0 5px #5c5c5c4a;
}.right {
    display: flex;
    gap: 12px;
} .right a.social {
    width: 40px;
    height: 40px;
    color: #fff;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    opacity: 0.5;
}.right a.social {
    width: 40px;
    height: 40px;
    color: #ffffff;
    border: none;
    display: flex;
    background: #292828;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    opacity: 1;
}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a i {
    background: linear-gradient(to right, #ff6d00, #f06e2e, #f08957);
}header .dropdown-hosting .dropdown-menu .row .col-3 ul li a i {
    background: linear-gradient(to right, #ff6d00, #f06e2e, #f08957);
}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a strong {
    color: #292828;
}header .dropdown-hosting .dropdown-menu .row .col-4 strong {
    display: block;
    font-weight: 500;
    color: #595959;
}.iconsvg {
    color: #ff6d00;
    font-size: 40px;
}.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    background: #fafafa;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
}.swiper-login img {
    max-width: 80%;
    position: relative;
    left: 45px;
}.login-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 16px;
}.section-gap-95 {
    margin-bottom: 36px;
    padding: 0px 0px;
}.contact-section .container {
    position: relative;
    z-index: 9;
    top: 54px;
    display: flex;
    align-items: flex-start;
}.section-title-bottom-line {
    display: flex;
    position: relative;
    justify-content: flex-start;
    flex-direction: column;
}.contact-section .form-group input, .contact-section .form-group textarea {
    background-color: #fff;
    border: 1px solid #00000020;
    width: 100%;
    height: 48px;
    padding-left: 16px;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    background-color: #ffffff;
    background-clip: padding-box;
    color: #495057;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    width: 100%;
    display: block;
    padding: 4px 15px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    box-shadow: none;
    -o-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
}.contact-section input[type="submit"] {
    background-color: #ff6d00;
    width: 100%;
    height: 48px;
    color: #fff;
    border-radius: 3px;
    transition: all .2s ease-in-out;
}.contact-section form {
    width: 65%;
    background-color: #fff;
    box-shadow: 0 0 24px 0 #00000010;
    padding: 50px;
    border-radius: 16px;
}.contact-section .form-group input:focus, 
.contact-section .form-group textarea:focus {
    border-color: #ff6d00;
    outline: none;
    box-shadow: 0 0 0 0;
}.map-area {
    width: 10px;
    top: 62px;
}.map-area {
    width: 1300px;
    top: 100px;
    height: 100%;
}.iletisim-iframe{
    width:1300px;
    height:300px;
    border: 0;
    border-radius: 5px;
    position: relative;
    margin: 0 0 150px 0;
}@media(max-width:751px){
    .map-area {
    width: 100%;
    top: 62px;
    height: 100%;
}.iletisim-iframe {
    width: 100%;
    height: 300px;
    border: 0;
    border-radius: 5px;
    position: relative;
    margin: 0 0 150px 0;
}.contact-section form {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 24px 0 #00000010;
    padding: 50px;
    border-radius: 16px;
}
}.cr-box i {
    font-size: 20px;
    color: #ff6d00;
}.blog-grid-media img {
    border-radius: 0px;
}.blog-grid-media {
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 0px 0px;
}.blog-grid-content {
    padding: 22px 12px 0;
    box-shadow: 0 0 24px 0 #8f8f8f3b;
    border-radius: 0px 0px 20px 20px;
}.blog-grid-name {
    margin-bottom: 18px;
    text-align: start;
}p.blog-grid-descrip {
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px;
    line-height: 150%;
    margin-bottom: 20px;
    font-size: 15px;
}.blog-grid-name a {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 5px;
}p.blog-grid-descrip {
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 77px;
    line-height: 150%;
    margin-bottom: 12px;
    font-size: 15px;
}a.blog-btn {
    background-color: #ff6d00;
    color: #ffffff;
    border-color: #ff6d00;
    border-radius: 25px;
    padding: 9px 0;
    font-size: 14px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 131px;
    bottom: 13px;
}p.blog-grid-descrip {
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 90px;
    line-height: 150%;
    margin-bottom: 22px;
    font-size: 14px;
    font-weight: 400;
}h4.fs-2.fw-medium {
    text-align: start;
}.blog-widget {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 25px;
    background: #ffffff;
    box-shadow: 0 0 24px 0 #8f8f8f3b;
    border-radius: 20px;
}button#blogSearchBtn {
    background: #ff6d00;
    color: #ffffff;
    border-radius: 25px;
}.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ff6d00;
    border-color: #ff6d00;
}.software-infos {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 5px 0px 0px;
    margin-bottom: 20px;
    border: 1px solid #cacaca;
}.swiper-button-next:after, .swiper-button-prev:after {
    color: #fff;
    font-size: 13px !important;
    font-weight: 600;
    min-width: 45px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ff6d00;
}.common-card {
    padding: 25px 0px 25px;
    border-radius: 6px;
    margin-bottom: 25px;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #cacaca;
}.col-xl-12.product-single-scrollspy-btns.tab {
    border-bottom: 0px solid #b6b6b6;
    padding: 0px;
    border: 1px solid #cacaca;
}.product-single-scrollspy-btns a.active, .product-single-scrollspy-btns button.active {
    background: #ffffff;
    color: #ff6d00;
    border-bottom: 2px solid #ff6d00;
    border-radius: 2px;
}li {
    font-family: 'Euclid Circular B', sans-serif;;
    font-weight: 400;
}.common-card-header {
    margin-bottom: 0px;
}span {
    font-family: 'Euclid Circular B', sans-serif;;
}.nav-link.tablinks {
    font-size: 14px;
}.accordion-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
}

.accordion-header {
    cursor: pointer;
    padding: 10px;
    background-color: #f8f8f8;
    transition: background-color 0.3s ease;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    background-color: #fff;
    transition: max-height 0.5s ease, padding 0.5s ease;
}

.accordion-item.show .accordion-content {
    max-height: 500px; /* İçeriğin çok uzun olmayacağını varsayıyoruz */
    padding: 10px;
}

.accordion-item.show .accordion-header {
    background-color: #007bff;
    color: #fff;
}
.border-round.p-1.accordion-item {
    background: #ffffff;
    border: 0;
}.accordion-header:hover {
    background-color: #ffffff;
}.accordion-header {
    background: #ffffff;
}.accordion-item.show .accordion-header {
    background-color: #ff6d00;
    color: #fff;
    border-radius: 4px;
}.border-round.p-1.accordion-item {
    margin: 14px 0;
    text-align: start;
    font-size: 1rem;
}.accordion-header {
    padding: 15px 20px;
    height: 50px;
}.accordion-header {
    display: flex;
    justify-content: space-between;
}.accordion-header i {
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.accordion-item.show .accordion-header i {
    transform: rotate(180deg);
}
    .api {
    position: fixed;
    bottom: 10px;
    left: 15px;
    z-index: 20;
    display: block;
}

@media(max-width: 1030px) {
    .api {
        position:fixed;
        bottom: 10px;
        left: 15px;
        z-index: 20;
        display: none;
    }
}

.api div {
    position: relative;
    transition: all .5s ease-in-out;
    z-index: 999;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.api a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.api .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    line-height: normal;
    font-size: 15px;
    top: 13px;
    left: 105%;
    height: auto;
}

.api:hover a {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.api:hover .tooltiptext {
    visibility: visible;
}

.api .whatsapp a {
    background: #4dc247;
}

.api .telefon a {
    background: #337ab7;
}

.api .telegram a {
    background: #27a7e5;
}

.api .instagram a {
    background: #fd3a67;
}

@media only screen and (max-width: 767px) {
    .api {
        position:fixed;
        bottom: 0!important;
        left: 0!important;
        z-index: 999!important;
        width: 100%!important;
        display: flex;
    }

    .api div {
        flex: 1 0 0%;
    }

    .api a {
        height: 40px!important;
        line-height: 40px!important;
        font-size: 20px!important;
        border-radius: 0!important;
        width: 100%!important;
    }

    .api:hover a {
        transform: rotate(0deg)!important;
        -webkit-transform: rotate(0deg)!important;
    }
}

    .nb-right-2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.table_center-2 {
    display: flex;
    align-items: center;
}

.nb-btn-1-2 {
    margin: 0 10px;
}

.drop-down-2 {
    position: relative;
}

.drop-down__button-2 {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.drop-down__button-2:hover {
    background-color: #0056b3;
}

.drop-down__name-2 {
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
}

.drop-down__icon-2 {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.drop-down__menu-box-2 {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    overflow: hidden;
    z-index: 1000;
}

.drop-down__menu-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.drop-down__item-2 {
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.drop-down__item-2:hover {
    background-color: #f1f1f1;
}

.drop-down__item-2 a {
    text-decoration: none;
    color: #333;
    display: block;
}

.drop-down-2-2 a, .drop-down-1-2 a {
    display: block;
    padding: 10px 15px;
    background-color: #28a745;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.drop-down-2-2 a:hover, .drop-down-1-2 a:hover {
    background-color: #218838;
}

        .hidden {
            display: none !important;
        }

     
.sss{
    padding: 25px 0;
}section#faq {
    height: auto;
    max-height: none;
}@media(max-width:751px){
    section#faq {
    padding: 0 20px;
}
}.common-card-body {
    padding: 0px 22px 22px 22px;
    border-radius: 6px;
    background: #fff;
}.price-card {
    text-align: center;
    margin: 0 !important;
    margin-right: 0 !important;
    box-shadow: 0 0 1px 1px #00000014;
    max-width: 100%;
    position: relative;
    background: #fff;
    border-radius: 8px;
    padding: 24px 16px;
    border: 1px solid rgba(102, 112, 147, .1);
}.packet-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 60px 0 30px 0;
    flex-wrap: wrap;
}.card-extra-discount, .lit-gray, .lit-transparent, .extra-code {
    border-radius: 0px;
    position: relative;
    padding: 8px 0px;
    width: 100%;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0a0a0a;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(102, 112, 147, .2);
    font-weight: 500;
    font-size: 16px;
}.lit-gray {
    background: none;
    font-size: 16px;
}ul.price-list {
    margin: 16px 0;
    background: #f7f9fd;
    border-radius: 8px;
    padding: 16px;
}.price-list {
    text-align: start;
}.price-card {
    transition: box-shadow 0.3s ease-in-out;
    text-align: start;
}.price-amount {
    font-size: 39px;
    font-weight: 500;
    font-family: sans-serif;
    line-height: 55px;
    margin-bottom: 3px;
    color: #ff6d00;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}.price-title {
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 500;
    text-transform: capitalize;
    color: #292828;
}.price-action:hover {
    color: #fff;
    background: #ff6d00;
    transform: translateY(-8px);
}ul.price-list {
    margin: 16px 0;
    background: none;
    border-radius: 8px;
    padding: 9px;
}.price-amount {
    font-size: 39px;
    font-weight: 500;
    font-family: sans-serif;
    line-height: 55px;
    margin-bottom: 3px;
    color: #ff6d00;
    display: flex;
    align-items: flex-start;
    justify-content: start;
    font-size: 36px;
    font-weight: 700;
}.ay {
    font-size: 15px;
    margin-top: 10px;
    margin-right: 6px;
    font-weight: 500;
}.price-card:hover, .price-card:active, .price-card:focus, input[type="radio"]:checked + .price-card {
    box-shadow: 0 0 3px #c9c9c9;
    cursor: pointer;
}.tabs-area .step-content a:hover {
    background-color: #ff6d00;
}.tabs-area .step-content a {
    background-color: #ff6d00;
}span.label-text:hover{

    color: #ffffff;
}.tabs-header {
    font-size: 2rem;
    line-height: 50px;
    background: #292828;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 36px;
    line-height: 41px;
    color: #292828;
}.packet-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 60px 0 30px 0;
    justify-content: space-around;
    flex-wrap: nowrap;
}i#kategoriIcon {
    display: none;
}@media(max-width:751px){
    i#kategoriIcon {
    display: block;
}
    .price-card {
    width: 360px;
}h6#kategoriToggle {
    text-align: start;
    text-transform: none;
    display: flex;
    justify-content: space-between;
}.section-gap-120, .section-gap-100 {
    margin-bottom: 10px;
}.content-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: row;
    display: flex;
}
}ul.price-list {
    margin: 16px 0;
    background: none;
    border-radius: 0px;
    padding: 9px;
    border-top: 1px solid #d7d7d7;
}.product-grid-btn .detay:hover {
    background: #dee2e6;
    color: #5e5d72;
}.product-grid-btn .detays:hover {
    color: #191b1e;
}.product-widget-list li {
    border-bottom: 1px solid #c9c9c9;
    padding: 6px 0;
}.product-widget-scroll {
    height: auto;
    overflow-y: hidden;
    padding-right: 10px;
}.product-widget-content label {
    font-size: 14.5px;
    font-weight: 500;
    text-transform: none;
    font-family: 'Figtree';
}h6#kategoriToggle {
    text-align: start;
    text-transform: none;
}.footer-links .accordion strong {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400;
}footer .footer-links a {
    font-weight: 400;
    font-size: 13px;
}
@media(min-width:751px){.bank-box {
    width: 100%;
    margin: 10px 4px;
}
    .footer-links {
    margin-bottom: 34px;
}
    footer .footer-links a {
    font-weight: 400;
    font-size: 13px;
    margin-top: 12px;
}
.footer-links .accordion strong:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3.5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    background: #ff6d00;
} .footer-links .accordion strong {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}footer .footer-links a i {
    font-size: 8px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 0%);
    padding: 0px;
    border-radius: 30px;
}.footer-links .accordion strong {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 9px;
    padding-bottom: 3px;
}
    }
   .panel {
    display: flex;
    flex-direction: column;
    margin-left: 9px;
}footer {
    background-color: #121212;
}footer .footer-info {
    background: #2b2b2b7a;
    border-radius: 5px;
    box-shadow: 0 0 5px #9795954a;
}footer .footer-info a {
    background: #161616;
    color: #ffffff;
    box-shadow: 0 0 0px #5b5b5b6b;
}footer .footer-links a i {
    background-color: rgb(255 255 255 / 0%);
}footer .footer-info {
    background: #121212b3;
    border-radius: 5px;
    box-shadow: 0 0 3px #333131;
}.mb-2 {
    margin-bottom: 0rem!important;
}footer .copyright {
    border-top: 0px;
}@media (max-width: 500px) {
    footer .container .row .col-md-3:last-child .footer-links {
        align-items: start;
    }
}._at label {
    font-size: 15px;
    margin-left: 3px;
}section.section-gap-75.login-section {
    margin: 50px 5px;
}@media (max-width: 768px) {
    .activeakor, .accordion:hover {
        background-color: #ff6d00;
        border-radius: 4px;
    }section.section-gap-75.login-section {
    margin: 10px 5px;
}header.navbar-bd {
    top: -1px;
}
}label {
    text-align: start;
}.login-row {
    justify-content: space-between;
}.lr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
@media (min-width: 768px) {
   .col-lg-5.col-xl-5 {
    height: 100px;
    bottom: 20px;
    position: relative;
}
}
.user-banner-profile-avatar a {
    border: 3px solid #ff6d00;
}.user-banner {
    padding-top: 50px;
}.user-banner-data li {
    position: relative;
    text-align: center;
    padding: 22px 10px 10px;
    border-radius: 6px;
    background: #f5f5f5;
    color: #fff;
}.user-banner-data li i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    background: #f5f5f5;
    position: absolute;
    top: -22px;
    left: 50%;
}.user-banner-data li.star i {
    color: #ff6d00;
}.user-banner-data li h3 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 2px;
}.user-banner-data li p {
    font-size: 11px !important;
    white-space: normal;
    color: #fff;
}.user-banner-data li.ads i {
    color: #ff6d00;
}.add-balance-btn {
    color: #ff6d00;
}@media (max-width: 500px) {
    .user-banner-data {
        gap: 32px 7px;
    }.user-banner {
    padding-top: 20px;
    background: #181717;
}.bank-box {
    width: 100%;
}
}.user-banner-profile-name h3 a:hover {
    color: #ffffff;
}.support-actions a:first-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
}.support-actions a:last-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
    color: #ffff;
}.left-header {
    background-color: #ff6d00;
}.bank-box {
    background-color: #fff;
    box-shadow: 0 0 24px 0 #00000010;
}.payment-notification-btn {
    width: 100%;
    border: 0;
    background: #06D65D !important;
    color: #fff !important;
    border-radius: 3px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    padding: 10px 0;
    text-align: center;
}.bank-box ul li span {
    font-size: 15px;
    color: #212121;
    font-weight: 600;
    width: 120px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-transform: none;
}.bank-accounts {
    display: flex;
    flex-wrap: wrap;
}.bank-left {
    width: 25%;
}.bank-left img {
    width: 100%;
}.bank-box ul {
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}.bank-box ul li {
    display: flex;
    gap: 16px;
    padding: 4px 0px;
    font-size: 15px;
    width: 100%;
    position: relative;
    color: #888;
    font-weight: 600;
}.copy-btn {
    position: absolute;
    right: -7px;
    display: flex;
}
        .strong-password { color: #000000;
    font-weight: 600;  display: none; }
        .weak-password { 
    color: #000000;
    font-weight: 600; display: none; }
        .safe { font-weight: bold; }@media (max-width: 1165px) {
       .left-bar {
        position: relative;
        top: 0px;
        left: 0%;
        height: 100%;
        z-index: 99;
        border-radius: 0;
        opacity: 1;
        visibility: initial;
        pointer-events: auto;
        transition: all .2s ease-in-out;
        overflow: auto;
        display: block;
    }
 .customer-panel-container .container {
        gap: 16px;
        display: flex;
        flex-direction: column;
    }

.mobile-menus {
    overflow: hidden;
    max-height: 0; /* Başlangıçta menü kapalı */
    transition: max-height 0.5s ease-out;
}

.mobile-menus.open {
    max-height: 1000px; /* Yeterince büyük bir değer, menünüzün yüksekliğine göre ayarlayın */
}

.left-header {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    justify-content: space-between;
}

}
.user-banner-data li {
	background: rgba(71, 124, 219, .3);
    color: #fff;
    box-shadow: 0 0 24px 0 #00000010;
}.user-banner-profile-name h3 a {
    color: #fff;
}.po-item, .bayilik-bilgisi {
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 4px;
}.add-balance-btn {
    color: #ffffff;
    background-color: #ff6d00;
}.add-balance-btn:hover {
    color: #ffffff;
    background-color: #ff6d00;
}.po-item {
    color: #fff;
}.user-banner-data li i {
    background-color: #fff;
    box-shadow: 0 0 24px 0 #00000010;
}.user-banner-profile-name h3 a:hover {
    color: #292828;
}.support-actions a:first-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
    color: #ffff;
}.support-actions a:first-child {
    background: linear-gradient(45deg, #f8a22e 0%, #fb5c1e 100%);
    color: #ffff;
}.support-actions a:last-child:hover {
    background: linear-gradient(45deg, #fb5c1e 0%, #f8a22e 100%);
    color: #ffff;
}.support-actions a:last-child {
    background: linear-gradient(45deg, #f8a22e 0%, #fb5c1e 100%);
    color: #ffff;
}.ch-right {
    display: none;
}.profile-info-edit .tab p.active {
    background-color: #00b57f;
    color: #fff;
}.tabcontent .btn-area input {
    font-size: 14px;
    border: 0;
    background: #00b57f !important;
    color: #fff !important;
    border-radius: 16px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    padding: 8px 16px;
}.payment-notification-btn {
    width: 100%;
    border: 0;
    background: #00b57f!important;
    color: #fff !important;
    border-radius: 3px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    padding: 7px 0;
    text-align: center;
    margin-top: 6px;
}.service-open {
    background: linear-gradient(45deg, #f8a22e 0%, #fb5c1e 100%);
}.cart-progress-area {
    width: 1300px;
}.cpa-bottom {
    background: linear-gradient(180deg, #fb5c1e 0%, #f8a22e 100%);
}.cpa-bottom span {
    background: linear-gradient(180deg, #fb5c1e 0%, #f8a22e 100%);
}.mb-2.section-title.section-title-bottom-line {
    margin-bottom: 1.5rem !important;
}.section-gap-95 {
    margin-bottom: 36px;
    padding: 0px 0px;
    margin-top: 0px;
}.mb-2.section-title.section-title-bottom-line {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
}.py-5 {
    padding-top: 0rem!important;
    padding-bottom: 3rem!important;
}.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(251 251 253) !important;
}@media (max-width: 500px) {
    .left-bar .activeakor {
        background-color: #00000007;
        color: #ff6d00;
    }
}a.pic-btn.add-basket span {
    color: #ffffff;
}.hero-banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
    height: 207px;
    background-color: #F9FBFF;
    position: relative;
    padding-bottom: 40px;
}.cart-top2 {
    bottom: 50px;
    position: relative;
}.float {
    position: fixed;
    width: 60px;
    display: flex;
    height: 60px;
    bottom: 21px;
    left: 19px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    align-content: center;
    align-items: center;
    justify-content: center;
}footer {
    background-color: #020202;
}footer .footer-info {
    background: #020202e0;
    border-radius: 5px;
    box-shadow: 0 0 3px #252525;
}footer .footer-info a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    background: #28314c;
    border-radius: 5px;
    height: 56px;
    /* padding: 0 15px; */
    font-weight: 400;
    font-size: 14px;
    color: #687497;
    -webkit-transition: .2s all;
    transition: .2s all;
}footer .footer-info a:hover {
    background: #0a0a0a;
    color: #fff;
}.cb-right {
    position: sticky;
    top: 108px;
}.section-gap-75 {
    margin-bottom: 14px;

}a:hover {
    color: #212529;
}.left-bar {
    box-shadow: 0 0 24px 0 #00000010;
}.customer-box.services {
    box-shadow: 0 0 24px 0 #00000010;
}@media(min-width:751px){
    i#toggle-icon {
    display: none;
}
}@media (max-width: 751px) {
    .iyovex-image {
        margin-bottom: 14px;
    }
}.iyovex-text-content h2 {
    font-weight: bolder;
}.iyovex-text-content h1 {
    font-weight: bolder;
}  .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}.bg-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}.card, .overflow-hidden {
    will-change: transform;
}.z-index-9 {
    z-index: 9 !important;
}.bg-blue {
    background-color: #121212db !important;
}.fill-body {
    fill: #fff !important;
}.z-index-99 {
    z-index: 99 !important;
}figure.position-absolute.bottom-0.left-0.w-100.d-md-block.mb-n3.z-index-9 {
    margin-bottom: -1rem !important;
}.btn-group.mb-5.mt-n5.position-absolute.top-100.start-50.translate-middle.z-index-99 {
    margin-top: -3rem !important;
}a.btn.btn-dark.z-index-9 {
    padding: 6px;
}.btn-warning {
    color: #ffffff;
    background-color: #ff6d00;
}a.btn.btn-dark.z-index-9 {
    background: #292828;
}@media (min-width: 768px) {
    .mx-md-4 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}.mx-2 {
    margin-right: 0rem!important;
    margin-left: 0rem!important;
}a.btn.btn-dark.z-index-9 {
    background: #292828;
    align-items: center;
    display: flex;
}
.text-warning {
    --bs-text-opacity: 1;
    color: #ff6d00 !important;
}.typed-cursor {
    color: #ffffffb3;
}.badge {
    background: #ff6d00;
}@media (max-width: 751px) {.col-12.col-md-5.mb-3.mb-md-0.order-2.order-md-1.text-center.text-md-left {
    width: 95%;
}
    .dsa {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }.nav-top {
    border-bottom: 3px solid #ff6d00;
    border-top: 0px;
    padding: 0px 0%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
}.btn-warning:hover {
    color: #ffffff;
    background-color: #ff6d00;
    border-color: #ff6d00;
}a.btn.btn-dark.z-index-9:hover {
    border-color: #292828;
    align-items: center;
    display: flex;
}header .dropdown-hosting .dropdown-menu .row .col-4 ul li a i {
    background: linear-gradient(to right, #ff6d00, #ff6d00, #fc8b36);
}.text-color-3 {
    color: #292828;
    font-weight: 400;
}span.text-color-main {
    font-weight: bolder;
}@media only screen and (max-width: 751px) {
    a.logo img {
        width: 150px !important;
    }.mobilpad {
    padding: 0px 0px;
}.product-grid-meta h4 {
    font-size: 14px;
}.product-grid-price span {
    font-size: 15px;
}.col {
    padding: 3px;
}del {
    font-size: 10px;
}.col {
    padding: 3px 0;
    width: auto;
    margin: 19px;
}.packet-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}.price-card {
    width: 100%;
}.tabs-area .step-content a {
    background-color: #ff6d00;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 50%;
    left: 25%;
    z-index: 999;
}.tabs-area .step-content.active {
    display: block;
    width: 95%;
}
}.product-grid-meta h4 a:hover {
    color: #ff6d00;
}.product-grid-meta {
    height: 15%;
}
footer {
    padding: 100px 0 0;
    position: relative;
    background-image: url(../images/footerbg.png);
    background-size: 100% auto;
    background-repeat: repeat;
    background-position: center top;
    background-color: #151b2c;
}

footer .footer-info {
    background: #20273c;
    border-radius: 5px;
    box-shadow: 0 0 3px #252525;
}.product-grid-image {
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 0 0;
}.bayi-bilgisi-alert {
    color: #4f4f4f !important;
}.activeakor, .accordion:hover {
    background: linear-gradient(90deg, #ff6d00 48%, #f9a668 100%);
}
@media only screen and (max-width: 751px) {.col {
  
        padding: 0px 0;
        width: 48%;
        margin: 10px 3px;
}.row.row-cols-1.row-cols-sm-2.row-cols-md-2.row-cols-lg-2.row-cols-xl-3 {
    display: flex;
    justify-content: space-between;
}.col.detaycol {
    margin: 15px;
    padding: 3px;
    width: auto;
}footer .footer-info {
    background: #02020238;
    border-radius: 5px;
    box-shadow: 0 0 3px #252525;
}footer {
    background-color: #020202f2;
}footer .footer-info a {
    background: #141414;
    color: #ffffff;
    box-shadow: 0 0 0px #5b5b5b6b;
}}@media(min-width:751px){
    .activeakor, .accordion:hover {
    background: none;
}
}button.accordion.left-item.activeakor {
    background: #f8f8f8;
}.customer-box.services.hd>a {
    background-color: #21b556;
}.customer-box.services.hd .hd-box p {
    color: #212529;
}.customer-box.services.hd>a:hover {
    background-color: #198d43;
}.customer-box.services.hd .hd-box p {
    color: #212529;
    text-align: start;
}@media (max-width: 500px) {
    .payment-header label:last-child {
        width: 48%;
    }.price-card-row {
    padding-top: 15px;
}.price-card-row .col {
    width: 80% !important;
}td.td-btn {
    position: relative;
    bottom: 55px;
    left: 0px;
}
}.hdm-left p span:last-child {
    color: #161515;
}.hdm-left svg {
    color: #161515;
}.ch-left {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #161515;
}.alert-danger {
    padding: 1rem 1rem;
    margin-bottom: 0rem;
    padding: 11px;
    margin-top: 1rem;
}input#payment-name {
    width: 90%;
    padding: 0px 10px;
    margin: 10px 0;
    margin-left: 0px;
}input#payment-amount {
    width: 90%;
    padding: 0px 10px;
    margin: 10px 0;
    margin-left: 0px;
}textarea#payment-description {
    width: 90%;
    padding: 10px 10px;
    margin: 10px 0;
    margin-left: 0px;
}@media (min-width: 1200px) {
    .col-xl-10 {
        flex: 0 0 auto;
        width: 100%;
    }.mx-auto {
    margin-right: 0;
    margin-left: 0;
}.col-xxl-9 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}ul#h-nav-layer-1 {
    padding: 0px 16px;
}
}.blog-grid-name a:hover {
    color: #ff6d00;
}span.mt-2.mt-sm-0 {
    color: #8f8f8f;
    font-size: 14.08px;
}.d-flex.text-dark-grey.rounded.p-2.align-items-center.text-center.text-sm-start.justify-content-center.justify-content-sm-between.flex-wrap.flex-sm-nowrap.border.border-light.border-opacity-10.flex-md-row-reverse {
    border: 1px solid #373737 !important;
}footer .copyright {
    border-top: 1px solid;
}@media (max-width: 751px) {
    .d-flex.text-dark-grey.rounded.p-2.align-items-center.text-center.text-sm-start.justify-content-center.justify-content-sm-between.flex-wrap.flex-sm-nowrap.border.border-light.border-opacity-10.flex-md-row-reverse {
    margin-top: 20px;
}
}.footer-info p {
    color: #e7e7e7;
    line-height: 23px;
    font-size: 14px;
    text-align: start;
}@media only screen and (max-width: 751px) {
    .col {
        padding: 0px 0;
        width: 48%;
        margin: 0px 3px;
    }.col-lg-4.col-xl-3 form {
    margin-bottom: 12px;
}}
.service-canceled {
    background-color: #c70000;
    white-space: nowrap;
}.service-wh {
    background-color: #ed4545;
    white-space: nowrap;
}div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgba(0,0,0,.4);
    z-index: 999999;
}
div#paytr-iframe-container {
    width: 100%;
    display:none;
}.adresa{
    border: 1px solid #0a0a0a;
    padding: 15px;
    border-radius: 3px;
    background: #0a0a0a;

}b.adrestext {
    font-weight: 400;
    width: 85%;
}.adresa {
    color: #e7e7e7;
    line-height: 23px;
    font-size: 13px;
    text-align: start;
    display: flex;
    align-items: center;
    width: 100%;
}.adresa i.fa-regular.fa-map {
    background: #ff6d00;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 15px;
}
.i
.iyo-cookie {
    background-color: #fff;
    border: 1px solid #e5e8ed;
    box-shadow: 0 1px 10px 0 rgba(141,153,176,.1);
    border-radius: 8px;
    padding: 24px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 400px;
    max-width: calc(100% - 20px);
    z-index: 15;
}

.iyo-cookie .iyo-obtn.cancel {
    background-color: #f2f2f2;
    color: #667093;
}

.iyo-cookie .iyo-obtn.btn-gray {
    background: #667093;
    width: 100%;
}

.iyo-cookie .btns .iyo-obtn {
    padding: 10px;
    font-size: 13px;
    border-radius: 8px;
}

.iyo-cookie p {
    margin-bottom: 18px;
    font-size: 13px;
}

.iyo-cookie .title {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
    color: #202331;
}

.iyo-cookie .btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    white-space: nowrap;
}

button#iyoAcceptCookiesB span {
    color: #ffffff;
}

.iyo-cookie .iyo-obtn.btn-gray {
    background: #212529;
    width: 100%;
}

span {
    color: #212529;
}

.iyo-cookie .iyo-obtn.cancel {
    background-color: #f2f2f2;
    color: #667093;
}.product-grid-meta {
    height: 40px;
}.product-grid-meta {
    height: 40px;
}.product-grid-meta h4 {
    font-size: 15.5px;
    font-weight: 600;
    margin-bottom: 5px;
}
    .select-secim {
        position: relative;
        display: inline-block;
        font-size: 14px;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
        padding: 10px;
        cursor: pointer;
    width: 100%;
    max-width: 94px;
    }

    .select-secim img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .options-secim {
        display: none;
        position: absolute;
        top: 100%;
        background-color: white;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
        width: 100%;
    z-index: 9999999;
    }

    .options-secim div {
        padding: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
    justify-content: space-between;
    }

    .options-secim div:hover {
        background-color: #f0f0f0;
    }

    .show {
        display: block;
    }
.lang{
    position: absolute;
    top: 91%;
    right: auto;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    width: 94px;
    z-index: 9999999;
    font-size: 14px;
    font-weight: 600;
}
   .select-secim {
    position: relative;
    display: inline-block;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 100px;
    height: 27px;
    margin: 0 3px;
}.options-secim {
    position: absolute;
    top: 86%;
    right: auto;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    width: 94px;
    z-index: 9999999;
    font-size: 14px;
    font-weight: 600;
}.lang {
    position: absolute;
    top: 86%;
    margin-right: 102px;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    width: 94px;
    z-index: 9999999;
    font-size: 14px;
    font-weight: 600;
}
    @media(max-width: 751px) {
        .sssa {
    padding: 0;
}
        .select-secim {
            padding: 2px 7px;
            font-size: 14px;
        }

       .options-secim {
    width: 80px;
        right: auto;
}.lang {
    width: 92px;
    margin-right: 88px;
}
        .options-secim img {
            width: 18px;
        }
   a.nt-link.iles {
    display: none;
} .crn img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}.select-secim {
    position: relative;
    display: inline-block;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 80px;
    height: 27px;
    margin: 0 3px;
}div#selectedLanguage {
    width: 92px;
    max-width: 92px;
}}

.options-secim img {
            width: 18px;
        }.options-secim img {
    width: 15px;
    margin: 0 8px 0 0px;
}div#selectedLanguage {
    display: flex;
    align-items: center;
    justify-content: space-around;
}div#selectedCurrency {
    display: flex;
    align-items: center;
    justify-content: space-around;
}.secim {
    display: flex;
    width: 200px;
    justify-content: flex-end;
}
.contact-item {
    font-size: 15px;
    font-weight: bold;
    color: #464646;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #ffffff;
    transition: background 0.3s ease, transform 0.3s ease;
}
.contact-item i {
    font-size: 24px;
    color: #ff6d00; /* Ä°kon rengi */
}
.contact-slider {
    position: relative;
    width: 100%;
    height: 50px; /* Konteyner yüksekliği */
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.contact-item {
    position: absolute;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.contact-item.active {
    opacity: 1;
    transform: translateY(0);
}

.contact-item.exit {
    transform: translateY(-100%);
    opacity: 0;
}

.contact-item i {
    font-size: 24px;
    color: #ff6d00;
}
.contact-slider {
    position: relative;
    width: 160px;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.nt-center {
    width: 330px;
    display: flex;
    flex-wrap: nowrap;
}.contact-info {
    font-size: 15px;
    font-weight: bold;
    color: #464646;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #ffffff;
    transition: background 0.3s ease, transform 0.3s ease;
    margin:0px 30px 0px 0px;
}.mobils{
    display:none;
    }
    @media(max-width:751px){
     .mobils {
    display: block;
    width: 16px;
    font-size: 15px;
}.pcs{
    display:none;
    }.contact-items {
    font-size: 15px;
    font-weight: bold;
    color: #464646;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #ffffff;
    transition: background 0.3s ease, transform 0.3s ease;
}
.contact-items i {
    font-size: 24px;
    color: #ff6d00; /* Ä°kon rengi */
}
.contact-sliders {
    position: relative;
    width: 100%;
    height: 50px; /* Konteyner yüksekliği */
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
}


.contact-sliders {
    position: relative;
        width: 100%;
    list-style-type: none;
    display: flex;
    align-items: center;
}.mobils {
    display: block;
    width: 100%;
    margin-left: 5px;
}li.contact-items {
    font-size: 11px;
}

}.kams {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}.kams .product-grid-btn a {
    border-radius: 4px;
    width: 100%;
} .anahtar li {
    width: 100%;
}li.dsayfa {
    margin: 9px 0;
    font-size: 15px;
}i.fa-solid.fa-note-sticky {
    margin-right: 10px;
}#sidebar {
    top: 76px;
}.digs{
    border: 1px solid #b8b8b86b;
    border-radius: 7px;
}li.dsayfa {
    margin: 9px 0;
    font-size: 15px;
    font-weight: 500;
}.dropdown-menu .container .dmea {
    padding: 2px 0px;
}	
	        .solmenu .sidelink a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #667093;
    padding: 12px 0;
    transition: .2s all;
}.solmenu .sidelink .active {
    background: #ffffff;
}a.active span {
    font-weight: 700;
    color: #ff6d00;
}.sidelink {
    width: 100%;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid rgba(102, 112, 147, .2);
    border-radius: 8px;
    margin-bottom: 20px;
}.solmenu .sidelink a:hover {
    background: #ffffff;
}.solmenu .sidelink span:hover {
    color: #ff6d00;
}.titles {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    padding: 0 0 5px 0;
    align-items: center;
    border-bottom: 1px solid #c8c8c899;
    justify-content: space-between;
}.sidelinks span {
    color: #636363;
}i.fa-solid.fa-up-right-from-square {
    color: #5e5e5e;
    margin-right: 10px;
    font-size: 13px;
} .sidelinks {
        display: block; /* Masaüstünde açık */
    }

    .hamburger-btn {
        display: none; /* Masaüstünde gizli */
    }
.ch-left .mb-2.section-title.section-title-bottom-line {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
    /* Mobil görünüm için */
    @media (max-width: 768px) {
        .sidelinks {
            display: none;
        }

        .hamburger-btn {
            display: inline; /* Mobilde butonu göster */
        }

        .solmenu.active .sidelinks {
            display: block; /* Açıldığında mobil menüyü göster */
        }
        .items .item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
}
.card.card-14.border-0.shadow-sm.ff-ttnorms.my-2 {
    width: 44%;
    margin: 6px;
}.amount_spot_view {
    font-size: 1.2rem;
}.text-color-2 {
    color: #373738;
    font-size: 15px;
}.addd .input-container input {
    font-size: 15px;
}.bottom>div>div .vdsCustomize .radioList li label>span {
    width: unset;
    white-space: normal;
    padding: 4px 2px;
    font-size: 15px;
    line-height: 20px;
}.od-cart-card .radioList {
    display: flex;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 14px;
    flex-wrap: wrap;
}li.priceitem {
    width: 100%;
}.bottom>div>div .vdsCustomize .radioList li {
    width: 100%;
}.bottom>div>div>.right {
    flex: 100%;
    width: 100%;
    padding: 18px 15px 0;
}
    
	  .vdsCustomize {
    width: 100%;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.vdsCustomize table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.vdsCustomize thead {
    background-color: #f5f5f5;
    position: sticky;
    top: 0;
    z-index: 2;
}

.vdsCustomize th, .vdsCustomize td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.vdsCustomize th {
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}

.vdsCustomize td {
    color: #555;
}

.vdsCustomize tbody tr:hover {
    background-color: #f9f9f9;
}

.vdsCustomize tbody tr:last-child td {
    border-bottom: none;
}
}
/* Mobil için uyumlu tasarım */
@media only screen and (max-width: 768px) {
    .vdsCustomize table, .vdsCustomize thead, .vdsCustomize tbody, .vdsCustomize th, .vdsCustomize td, .vdsCustomize tr {
        display: block;
    }
    
    .vdsCustomize thead {
        display: none;
    }
    
    .vdsCustomize tr {
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    .vdsCustomize td {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        border: none;
        position: relative;
        padding-left: 50%;
    }

    .vdsCustomize td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .vdsCustomize td:last-child {
        border-bottom: none;
    }.bottom>div>div .vdsCustomize {
    flex: 1 0 0;
    padding: 18px 0 0 0;
}.bottom>div>div>.right {
    padding: 0px 15px 0;
}.row.sliderurun {
    display: flex;
    flex-wrap: wrap;
}.product-grid-meta h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}.product-grid-content {
    padding: 15px 6px;
}.product-grid-price span {
    font-size: 16px;
}del {
    font-size: 12px;
}
}header .logo {
    outline: 0;
    width: 10%;
}@media (min-width: 1200px) {
    ul#h-nav-layer-1 {
        padding: 0px 0px 0px 23px;
    }
}

}


    .tabs-area .progress-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tabs-area .step {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.tabs-area .step.active {
    background-color: #4CAF50;
}

.tabs-area .step-content {
    display: none;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}

.tabs-area .step-content.active {
    display: block;
}

.tabs-area .step-content button {
	/* padding: 15px 70px; */
	background-color: #ff8600;
	border: none;
	outline: none;
	color: #fff;
	border-radius: 5px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s;
	margin-bottom: 50px;
	font-size: 16px;
	margin-top: 25px;
	text-decoration: none;
	position: relative;
	top: 0.7rem;
}

.tabs-area .step-content button:hover {
	background-color: #ec7f04;
}


.tabs-area .step-content a {
	padding: 15px 70px;
	background-color: #2e57cf;
	border: none;
	outline: none;
	color: #fff;
	border-radius: 5px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s;
	margin-bottom: 50px;
	font-size: 16px;
	margin-top: 25px;
	text-decoration: none;
}

.tabs-area .step-content a:hover {
	background-color: #ec7f04;
}

.common-card.step-content {
	flex-direction: column;
}

.step-content#changepassword {
	display: flex;
	flex-direction: column;
	padding: 32px;
	align-items: flex-start;
}

.step-content#changepassword p {
	font-size: 15px;
	font-weight: 500;
	color: #00104B;
	margin-bottom: 8px;
	text-align: left;
}

.step-content#changepassword form {
	width: 100%;
}

.step-content#changepassword form>span {
	font-size: 13px;
	font-weight: 500;
	width: 100%;
	text-align: left;
	display: flex;
	padding-top: 8px;
	border-top: 1px solid #e2e2e2;
	margin-top: 16px;
}

.step-content .btn-area {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 16px;
}

.step-content .btn-area input {
	font-size: 14px;
	border: 0;
	background: #06D65D !important;
	color: #fff !important;
	border-radius: 16px;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
	padding: 8px 16px;
}

.step-content .btn-area input:hover {
	opacity: .7;
}

.step-content#changepassword .password-safe-check {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}

.step-content#changepassword .password-safe-check button,
.step-content#changepassword .password-safe-check p {
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: #ededed90;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

.step-content#changepassword .password-safe-check button:hover {
	background-color: #edededf1;
}

.step-content#changepassword .password-safe-check p.weak {
	margin-bottom: 0;
	background-color: #ed4545;
	color: #fff;
}

.step-content#changepassword .password-safe-check p.safe {
	background-color: #2ece67;
	color: #fff;
	margin-bottom: 0;
}

.step-content#changepassword .password-safe-check p.weak .weak-password {
	display: none;
}

.step-content#changepassword .password-safe-check p.safe .strong-password {
	display: none;
}

	.step-content {
		padding: 15px;
	}
	
		#preferences,
	#verification,
	#generalinfos,
	.step-content#changepassword,
	#billprofile {
		padding: 16px 0;
	}
	
	.price-card-row .step-content {
	justify-content: center;
	align-items: center;
	gap: 32px;
}
	.price-card-row .step-content {
		flex-wrap: wrap;
	}
	
	.dropdown-style-2 .step-content {
	gap: 20px;
}

.step-content {
	width: 100%;
	display: none;
}
    .price-card {
    transition: box-shadow 0.3s ease-in-out;
}

.price-card:hover, .price-card:active, .price-card:focus, input[type="radio"]:checked + .price-card {
    box-shadow: 0 0 15px #2e57cf;
    cursor: pointer;
}
.selected {
    box-shadow: 0 0 15px #2e57cf;
}


.special-day {
    height: 50px;
}
.special-day.yirmi-dokuz-ekim {
    background: #e72106 url(img/29-ekim.png) center no-repeat;
}
.product-content span{
	font-size: 13px;
}
.product-content span strong:first-child {
    display: block;
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    width:100%;
    padding-right:var(--bs-gutter-x,.75rem);
    padding-left:var(--bs-gutter-x,.75rem);
    margin-right:auto;
    margin-left:auto
}
.product-item {
    height: 445px;
}
@media (max-width:576px){
    .product-content h3 {
		display: block !important;
		height: auto !important;
	}	
	.product-item {
		height: 335px !important;
	}
}
@media (min-width:576px){
    .container,.container-sm{
        max-width:540px
    }	
}
@media (min-width:768px){
    .container,.container-md,.container-sm{
        max-width:720px
    }
}
@media (min-width:992px){
    .container,.container-lg,.container-md,.container-sm{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container,.container-lg,.container-md,.container-sm,.container-xl{
        max-width:1140px
    }
}
@media (min-width:1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1320px
    }
}
.product-content span.sitemeta {
    min-height: 65px;
}




#mg-wrapper.module-container {
    position: relative;
}
#mg-wrapper {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
#mg-wrapper .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
#mg-wrapper .mb-20 {
    margin-bottom: 20px!important;
}
#mg-wrapper .row {
    padding: 0;
}
#mg-wrapper .buttons-content .big-button {
    background: #fff;
    border: 0;
    color: #337ab7;
    cursor: pointer;
    text-align: left;
}
#mg-wrapper .buttons-content .big-button {
    width: 100%;
    display: block;
    padding: 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 20px;
}
#mg-wrapper .buttons-content .big-button .icon-btn {
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
#mg-wrapper .icon-emails {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-emails.png);
}
#mg-wrapper .icon-databases {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-databases.png);
}
#mg-wrapper .icon-cron {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-cron.png);
}
#mg-wrapper .icon-subdomains {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-subdomains.png);
}
#mg-wrapper .icon-addondomains {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-addondomains.png);
}
#mg-wrapper .icon-forwarddomains {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-forwarddomains.png);
}
#mg-wrapper .icon-parkeddomains {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-parkeddomains.png);
}
#mg-wrapper .icon-graphsstats {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-graphsstats.png);
}
#mg-wrapper .icon-backups {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-backups.png);
}
#mg-wrapper .icon-mx {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-mx.png);
}
#mg-wrapper .icon-files {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-files.png);
}
#mg-wrapper .icon-cpanel {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-cpanel.png);
}
#mg-wrapper .icon-webmail {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-webmail.png);
}
#mg-wrapper .icon-phpmyadmin {
    background-image: url(https://www.web-ofisi.com/tema/webofisi/img/icon-phpmyadmin.png);
}
@media (min-width: 769px){
	#mg-wrapper .buttons-content .big-button div {
		padding-left: 60px;
		display: table-cell;
		height: 60px;
		vertical-align: middle;
		padding-right: 10px;
	}
	#mg-wrapper .buttons-content .big-button .icon-btn {
		position: absolute;
		left: 13px;
		top: 12px;
	}
}


.hizmetblok{display:inline-block;width:100%;margin:0px;vertical-align:top;font-size:14px;border-right:1px solid #eee;border-bottom:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.hizmetblok tr:nth-child(1) td{font-size:15px;padding:12px;background:none;border-bottom:1px solid #eee;color:#009595;background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#fff 100%);background:-webkit-linear-gradient(top,#efefef 0%,#fff 100%);background:linear-gradient(to bottom,#efefef 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=0)}
.hizmetblok #otherLimits tr:nth-child(1) td{background:none;color:#444;padding:8px}
.hizmetblok tr td{padding:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-bottom: 1px solid #eee;}
.hizmetblok:first-child{border-right:none}

.product-details-tab-container {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
}
.product-status-cancelled, .product-status-terminated {
    background-color: #666;
}
.product-status {
    margin: 0 0 20px 0;
    padding: 0;
    border-radius: 10px;
}
.product-status-active {
    background-color: #46a546;
}
.product-icon {
    margin: 0;
    padding: 0;
    background-color: #efefef;
    border-radius: 10px;
    padding: 30px;
    font-size: 60px;
    line-height: 1em;
}
.product-status-text {
    padding: 5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}


#hosting .top {
    padding-bottom: 200px;
    background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#hosting .package>div {
    margin-top: -230px
}

#hosting .package>div>div {
    padding-top: 30px
}

#hosting .package>div>div>div>div {
    padding: 15px
}

#hosting .package>div .item {
    border-radius: 8px;
    background: 0 0;
    padding: 1px
}

#hosting .package>div .item>strong {
    display: block;
    text-align: center!important;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .08em
}

#hosting .package>div .item>strong+div {
    border-radius: 0 0 8px 8px;
    margin-top: 0
}

#hosting .package>div .item>div {
    background: #fff;
    border-radius: 8px;
    padding: 24px 16px;
    margin-top: 28px;
    border: 1px solid rgba(102,112,147,.1)
}

#hosting .package>div .item>div>p {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(102,112,147,.2)
}

#hosting .package>div .item>div>p strong {
    display: block;
    color: #212529;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 40px;
    padding-bottom: 16px
}

#hosting .package>div .item>div>p>span {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
    background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .package>div .item>div>p>span span {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: block;
    background: #f0f1f4;
    opacity: 0
}

#hosting .package>div .item>div>p>span.p25 span {
    opacity: 1
}

#hosting .package>div .item>div>p>span.p25 span:first-child {
    height: 32px
}

#hosting .package>div .item>div>p>span.p25 span:last-child {
    left: 16px;
    top: 16px
}

#hosting .package>div .item>div>p>span.p50 span {
    opacity: 1;
    height: 32px
}

#hosting .package>div .item>div>p>span.p75 span {
    opacity: 1
}

#hosting .package>div .item>div>strong {
    position: relative;
    font-size: 0;
    text-align: center!important;
    padding-top: 8px;
    font-weight: 500
}

#hosting .package>div .item>div>strong>strong {
    color: #212529;
    font-size: 48px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600
}

#hosting .package>div .item>div>strong>span {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    text-align: left!important
}

#hosting .package>div .item>div>strong>span u {
    font-size: 14px;
    line-height: 16px;
    display: block;
    text-decoration: line-through
}

#hosting .package>div .item>div>strong>span strong {
    display: block;
    color: #212529;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px
}

#hosting .package>div .item>div>strong>span strong span {
    color: #667093;
    font-weight: 500
}

#hosting .package>div .item>div>em {
    display: block;
    color: #212529;
    line-height: 24px;
    text-align: center!important;
    font-style: normal;
    background: rgba(32,207,134,.2);
    padding: 2px 10px;
    border-radius: 8px;
    margin-bottom: 12px
}

#hosting .package>div .item>div>span {
    display: block;
    font-size: 13px;
    padding-bottom: 16px;
    text-align: center!important
}

#hosting .package>div .item>div .btn {
    width: 100%
}

#hosting .package>div .item>div>div:not(.pricing-plans) {
    margin: 16px 0;
    background: #f7f9fd;
    border-radius: 8px;
    padding: 16px
}

#hosting .package>div .item>div>div>strong {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #212529;
    font-weight: 500;
    padding-bottom: 6px
}

#hosting .package>div .item>div>div ul {
    margin-bottom: -10px;
    padding: 4px 0 0
}

#hosting .package>div .item>div>div ul li {
    position: relative;
    font-size: 16px;
    border-top: 1px solid rgba(102,112,147,.2);
    padding: 10px 0 10px 28px
}

#hosting .package>div .item>div>div ul li i {
    position: absolute;
    left: 0;
    top: 12px;
    color: #212529;
    font-size: 20px
}

#hosting .package>div .item>div>div ul li img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    transform: translateY(-50%)
}

#hosting .package>div .item>div>div ul li:first-child {
    border-top: none
}

#hosting .package>div .item>div .btn-outline {
    width: 100%;
    background: #fff
}

#hosting .package>div .item>div .btn-outline:hover {
    background: #212529
}

#hosting .package>div .item.favorited {
    background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .features {
    margin-top: 120px;
    background: #f9fbff;
    border-top: 1px solid rgba(102,112,147,.2);
    border-bottom: 1px solid rgba(102,112,147,.2);
    padding: 120px 0
}

#hosting .features>div>h3 {
    text-align: center!important;
    font-size: 32px;
    color: #212529;
    font-weight: 500
}

#hosting .features>div>p {
    font-size: 18px;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center!important;
    padding: 8px 0 36px
}

#hosting .features>div>div {
    overflow: auto
}

#hosting .features>div>div>.rw {
    margin: 0;
    min-width: 1200px
}

#hosting .features>div>div .t {
    align-items: center
}

#hosting .features>div>div .t .left {
    padding: 0
}

#hosting .features>div>div .t .left>h3 {
    font-size: 24px;
    font-weight: 500;
    color: #212529
}

#hosting .features>div>div .t .left>h3 strong {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400!important;
    padding-bottom: 6px;
    padding-left: 28px
}

#hosting .features>div>div .t .left>h3 strong i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px
}

#hosting .features>div>div .t .right {
    padding: 0
}

#hosting .features>div>div .t .right .rw {
    margin: 0
}

#hosting .features>div>div .t .right .rw>div {
    position: relative;
    padding: 0
}

#hosting .features>div>div .t .right .rw>div>strong {
    display: block;
    text-align: center!important;
    color: #fff;
    background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .08em;
    padding: 4px 10px;
    position: absolute;
    left: 0;
    bottom: 100%;
    right: 0
}

#hosting .features>div>div .t .right .rw>div>strong+div {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

#hosting .features>div>div .t .right .rw>div>div {
    padding: 20px 16px;
    background: #fff
}

#hosting .features>div>div .t .right .rw>div>div>p {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(102,112,147,.2)
}

#hosting .features>div>div .t .right .rw>div>div>p strong {
    display: block;
    color: #212529;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 32px;
    padding-bottom: 12px
}

#hosting .features>div>div .t .right .rw>div>div>p>span {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    overflow: hidden;
    background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .features>div>div .t .right .rw>div>div>p>span span {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    display: block;
    background: #f0f1f4;
    opacity: 0
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p25 span {
    opacity: 1
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p25 span:first-child {
    height: 24px
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p25 span:last-child {
    left: 12px;
    top: 12px
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p50 span {
    opacity: 1;
    height: 24px
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p75 span {
    opacity: 1
}

#hosting .features>div>div .t .right .rw>div>div>strong {
    font-size: 0;
    text-align: center!important;
    font-weight: 500
}

#hosting .features>div>div .t .right .rw>div>div>strong>strong {
    color: #212529;
    font-size: 48px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600
}

#hosting .features>div>div .t .right .rw>div>div>strong>span {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    text-align: left!important
}

#hosting .features>div>div .t .right .rw>div>div>strong>span u {
    font-size: 14px;
    line-height: 16px;
    display: block;
    text-decoration: line-through
}

#hosting .features>div>div .t .right .rw>div>div>strong>span strong {
    display: block;
    color: #212529;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px
}

#hosting .features>div>div .t .right .rw>div>div>strong>span strong span {
    color: #667093;
    font-weight: 500
}

#hosting .features>div>div .t .right .rw>div>div>em {
    display: block;
    color: #212529;
    line-height: 24px;
    text-align: center!important;
    font-style: normal;
    background: rgba(32,207,134,.2);
    padding: 2px 10px;
    border-radius: 8px;
    margin-bottom: 12px
}

#hosting .features>div>div .t .right .rw>div>div>span {
    display: block;
    font-size: 13px;
    padding-bottom: 16px;
    text-align: center!important
}

#hosting .features>div>div .t .right .rw>div>div .btn {
    width: 100%
}

#hosting .features>div>div .t .right .rw>div:first-child>div {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

#hosting .features>div>div .t .right .rw>div:last-child>div {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

#hosting .features>div>div .c {
    min-width: 1200px
}

#hosting .features>div>div .c>div>strong {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 24px;
    color: #667093;
    font-weight: 500;
    padding: 18px 32px;
    border-bottom: 1px solid rgba(102,112,147,.2);
    cursor: pointer;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

#hosting .features>div>div .c>div>strong i {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 0;
    font-size: 24px;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

#hosting .features>div>div .c>div>strong b {
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 0;
    font-size: 24px;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

#hosting .features>div>div .c>div>ul {
    display: none
}

#hosting .features>div>div .c>div>ul>li {
    margin: 0;
    padding: 20px 0;
    align-items: center;
    border-bottom: 1px solid rgba(102,112,147,.2)
}

#hosting .features>div>div .c>div>ul>li>strong {
    color: #212529;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 32px;
    position: relative
}

#hosting .features>div>div .c>div>ul>li>strong i {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 20px;
    line-height: 0
}

#hosting .features>div>div .c>div>ul>li>strong i.icon-cpanel {
    font-size: 14px;
    color: #ff6c2c
}

#hosting .features>div>div .c>div>ul>li>span>span {
    align-items: center
}

#hosting .features>div>div .c>div>ul>li>span>span>span {
    text-align: center!important;
    font-size: 16px;
    line-height: 20px;
    color: #212529;
    font-weight: 500
}

#hosting .features>div>div .c>div>ul>li>span>span>span.green {
    color: #00b57f
}

#hosting .features>div>div .c>div>ul>li>span>span>span.icon {
    margin: -10px 0
}

#hosting .features>div>div .c>div>ul>li>span>span>span.icon i {
    display: block;
    font-size: 14px;
    padding-bottom: 6px
}

#hosting .features>div>div .c>div>ul>li>span>span>span.icon i.icon-cpanel {
    color: #ff6c2c
}

#hosting .features>div>div .c>div>ul.open {
    display: block
}

#hosting .features>div>div .c>div.active>strong {
    color: #212529
}

#hosting .features>div>div .c>div.active>strong i {
    color: #00b57f
}

#hosting .features>div>div .c>div.active>strong b {
    color: #00b57f;
    transform: rotateX(180deg)
}

#hosting .features>div>div .b {
    align-items: center
}

#hosting .features>div>div .b .right {
    padding: 0;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 10px 48px rgba(0,0,0,.04)
}

#hosting .features>div>div .b .right .rw {
    margin: 0
}

#hosting .features>div>div .b .right .rw>div {
    position: relative;
    padding: 0
}

#hosting .features>div>div .b .right .rw>div>strong {
    display: block;
    text-align: center!important;
    color: #fff;
    background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .08em;
    padding: 4px 10px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

#hosting .features>div>div .b .right .rw>div>div {
    padding: 40px 16px 20px;
    border-left: 1px solid rgba(102,112,147,.2)
}

#hosting .features>div>div .b .right .rw>div>div>span {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    overflow: hidden;
    background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .features>div>div .b .right .rw>div>div>span span {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    display: block;
    background: #f0f1f4;
    opacity: 0
}

#hosting .features>div>div .b .right .rw>div>div>span.p25 span {
    opacity: 1
}

#hosting .features>div>div .b .right .rw>div>div>span.p25 span:first-child {
    height: 24px
}

#hosting .features>div>div .b .right .rw>div>div>span.p25 span:last-child {
    left: 12px;
    top: 12px
}

#hosting .features>div>div .b .right .rw>div>div>span.p50 span {
    opacity: 1;
    height: 24px
}

#hosting .features>div>div .b .right .rw>div>div>span.p75 span {
    opacity: 1
}

#hosting .features>div>div .b .right .rw>div>div>p {
    position: relative;
    padding: 8px 0 16px;
    text-align: center!important
}

#hosting .features>div>div .b .right .rw>div>div>p strong {
    display: block;
    color: #212529;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

#hosting .features>div>div .b .right .rw>div>div>strong {
    font-size: 0;
    text-align: center!important;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 24px
}

#hosting .features>div>div .b .right .rw>div>div>strong>strong {
    color: #212529;
    font-size: 48px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600
}

#hosting .features>div>div .b .right .rw>div>div>strong>span {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    text-align: left!important
}

#hosting .features>div>div .b .right .rw>div>div>strong>span u {
    font-size: 14px;
    line-height: 16px;
    display: block;
    text-decoration: line-through
}

#hosting .features>div>div .b .right .rw>div>div>strong>span strong {
    display: block;
    color: #212529;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px
}

#hosting .features>div>div .b .right .rw>div>div>strong>span strong span {
    color: #667093;
    font-weight: 500
}

#hosting .features>div>div .b .right .rw>div>div>em {
    display: block;
    color: #212529;
    line-height: 24px;
    text-align: center!important;
    font-style: normal;
    background: rgba(32,207,134,.2);
    padding: 2px 10px;
    border-radius: 8px;
    margin-bottom: 12px
}

#hosting .features>div>div .b .right .rw>div>div>span {
    display: block;
    font-size: 13px;
    padding-bottom: 16px;
    text-align: center!important
}

#hosting .features>div>div .b .right .rw>div>div .btn {
    width: 100%
}

#hosting .features>div>div .b .right .rw>div:first-child>div {
    border-left: none
}
   .obtn:before {
    position: relative;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(75.4deg,#7ce497 1.6%,#00bed1 98.62%);
    opacity: 0;
    transition-timing-function: ease-in;
}#hosting .package>div .item>div>div:not(.pricing-plans) {
    margin: 16px 0;
    background: #f7f9fd;
    border-radius: 8px;
    padding: 16px;
    text-align: start;
}.fa-cpanel:before {
    content: "\f388";
    top: 12px;
    color: #f6661f;
}i.fa-brands.fa-linux {
    color: #000000;
}#hosting .package>div .item>div>div ul li i {
    position: absolute;
    color: #070707;
}.cl-4.cl-lg-6.cl-xs-12 {
    width: 33.333333%;
    height: auto;
}.rw {
    display: flex;
    flex-wrap: wrap;
}.rw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 0px;
}div#hosting {
    margin-top: 240px;
}#hosting .package>div>div {
    margin: 0px;
}.rw {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0px;
}button.obtn.btn-gray {
    background: #ff6d00;
    width: 100%;
    padding: 9px;
    border-radius: 7px;
}button.obtn.btn-gray span {
    color: #ffffff;
}#hosting .package>div .item.favorited {
    background: linear-gradient(90deg, #ff6d00 48%, #f9a668 100%);
}#hosting .package>div .item>div>div>strong {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #f6661f;
    font-weight: 500;
    padding-bottom: 6px;
}#hosting .package>div .item>div>p>span {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
    background: linear-gradient(90deg, #ff6d00 48%, #f9a668 100%);
}#hosting .package>div .item>div>p {
    text-align: start;
}#hosting .package>div .item>div>p strong {
    color: #212529;
}@media(max-width:751px){
    .cl-4.cl-lg-6.cl-xs-12 {
    width: 100%;
}
}.head{
    text-align:center;
    margin-top:10px;
}#hosting .package>div .item>div>div ul li {
    font-weight: 500;
}

.head {
    text-align: center;
    margin-top: 40px;
}.addd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}.rw {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
} .bottom>div>div>.right>div {
    background: #FFFFFF;
    padding: 24px;
    box-shadow: 0 10px 64px rgba(0,0,0,0.04);
    border-radius: 4px;
    margin-top: 32px;
} .bottom>div>div>.right {
    flex: 0 0 420px;
    width: 420px;
    padding: 18px 15px 0;
} .bottom>div>div .vdsCustomize {
    flex: 1 0 0;
    padding: 18px 15px 0;
} .bottom>div>div .vdsCustomize .product h2>span:last-child span {
    display: inline-block;
    color: #292828;
    line-height: 20px;
    padding: 4px 8px;
    background: rgba(255,153,16,0.2);
    border-radius: 8px;
}.od-cart-card .radioList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 14px;
}

 .bottom {
    background: #F9FBFF;
    padding-bottom: 120px
}

 .bottom .form-group>label {
    color: #292828
}

 .bottom>div>div .vdsCustomize {
    flex: 1 0 0;
    padding: 18px 15px 0
}

 .bottom>div>div .vdsCustomize>div {
    background: #FFFFFF;
    box-shadow: 0 10px 64px rgba(0,0,0,0.04);
    border-radius: 4px;
    padding: 24px;
    margin-top: 32px
}

 .bottom>div>div .vdsCustomize .radioList {
    padding-top: 24px
}

 .bottom>div>div .vdsCustomize .radioList li {
    border-radius: 4px;
    overflow: hidden
}

 .bottom>div>div .vdsCustomize .radioList li label {
    display: table;
    width: 100%;
    cursor: pointer;
    padding: 4px 8px;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

 .bottom>div>div .vdsCustomize .radioList li label>* {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500 !important;
    padding: 8px;
    width: 2px;
    white-space: nowrap;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

 .bottom>div>div .vdsCustomize .radioList li label>*>u {
    border-radius: 8px;
    background: #00B57F;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: normal !important;
    text-decoration: none;
    line-height: 20px;
    padding: 6px 9px;
    margin-right: 8px
}

 .bottom>div>div .vdsCustomize .radioList li label>*>u.orange {
    background: #FF9910
}

 .bottom>div>div .vdsCustomize .radioList li label>*>u:last-child {
    margin-right: 0
}

 .bottom>div>div .vdsCustomize .radioList li label>b>b {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid rgba(102,112,147,0.2)
}

 .bottom>div>div .vdsCustomize .radioList li label>b>b:before {
    position: absolute;
    content: "";
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(255.4deg, #7CE497 1.6%, #00BED1 98.62%);
    border-radius: 100%;
    opacity: 0;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

 .bottom>div>div .vdsCustomize .radioList li label>b>b:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #fff;
    background: linear-gradient(255.4deg, #7CE497 1.6%, #00BED1 98.62%);
    border-radius: 100%;
    opacity: 0;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

 .bottom>div>div .vdsCustomize .radioList li label>i {
    font-size: 24px;
    min-width: 40px
}

 .bottom>div>div .vdsCustomize .radioList li label>i img {
    display: block
}

 .bottom>div>div .vdsCustomize .radioList li label>span {
    width: unset;
    white-space: normal;
    padding: 12px 8px
}

 .bottom>div>div .vdsCustomize .radioList li label>strong {
    color: #292828
}

 .bottom>div>div .vdsCustomize .radioList li label>u {
    text-decoration: none
}

 .bottom>div>div .vdsCustomize .radioList li label:hover {
    background: #F9FBFF
}

 .bottom>div>div .vdsCustomize .radioList li input {
    display: none
}

 .bottom>div>div .vdsCustomize .radioList li input:checked+label {
    background: #F9FBFF
}

 .bottom>div>div .vdsCustomize .radioList li input:checked+label>* {
    color: #292828
}

 .bottom>div>div .vdsCustomize .radioList li input:checked+label>b b:before, .bottom>div>div .vdsCustomize .radioList li input:checked+label>b b:after {
    opacity: 1
}

 .bottom>div>div .vdsCustomize .product h2 {
    font-size: 14px;
    align-items: center
}

 .bottom>div>div .vdsCustomize .product h2>span>strong {
    display: block;
    color: #292828;
    font-size: 18px;
    font-weight: 500;
    padding-top: 4px
}

 .bottom>div>div .vdsCustomize .product h2>span:last-child span {
    display: inline-block;
    color: #292828;
    line-height: 20px;
    padding: 4px 8px;
    background: rgba(255,153,16,0.2);
    border-radius: 8px
}

 .bottom>div>div .vdsCustomize .product .radioList li label {
    padding: 6px 8px
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong {
    color: #667093
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong strong {
    padding-right: 16px;
    text-decoration: line-through;
    vertical-align: middle
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong strong b {
    font-size: 24px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 1
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong strong>span {
    vertical-align: bottom;
    font-size: 16px;
    line-height: 1
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong strong>span span {
    vertical-align: middle;
    font-size: 14px;
    line-height: 1
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong strong:last-child {
    padding-right: 0;
    text-decoration: none;
    color: #292828
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong strong:last-child b {
    font-size: 32px;
    font-weight: 600;
    color: #292828
}

 .bottom>div>div .vdsCustomize .product .radioList li label>strong strong:last-child>span span {
    color: #667093
}

 .bottom>div>div .vdsCustomize .serverSettings .rw {
    padding-top: 8px
}

 .bottom>div>div .vdsCustomize .serverSettings .rw>div {
    padding-top: 16px
}

 .bottom>div>div .card {
    flex: 1 0 0;
    padding: 18px 15px 0
}

 .bottom>div>div .card>div {
    background: #FFFFFF;
    box-shadow: 0 10px 64px rgba(0,0,0,0.04);
    border-radius: 4px;
    padding: 24px;
    margin-top: 32px
}

 .bottom>div>div .card .bills>ul>li {
    background: #F9FBFF;
    border-radius: 4px;
    padding: 16px 1px;
    margin: 24px 0 0
}

 .bottom>div>div .card .bills>ul>li>div>strong {
    display: block;
    font-size: 16px;
    color: #292828;
    font-weight: 500
}

 .bottom>div>div .card .bills>ul>li>div table tr td {
    font-weight: 500 !important;
    padding: 12px 0 0 20px
}

 .bottom>div>div .card .bills>ul>li>div table tr td strong {
    font-weight: 500 !important;
    color: #292828
}

 .bottom>div>div .card .bills>ul>li>div table tr td:first-child {
    padding-left: 0;
    width: 10px;
    white-space: nowrap
}

 .bottom>div>div .card .bills>ul>li>div table tr td:first-child:last-child {
    width: auto;
    white-space: unset
}

 .bottom>div>div .card .bills>ul>li>div>span {
    display: block;
    position: relative;
    font-weight: 500 !important;
    color: #292828;
    padding-left: 26px;
    line-height: 18px;
    margin-top: 16px
}

 .bottom>div>div .card .bills>ul>li>div>span i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    color: #00B57F
}

 .bottom>div>div .card .bills>ul>li>ul {
    width: 275px
}

 .bottom>div>div .card .bills>ul>li>ul li {
    padding-top: 16px
}

 .bottom>div>div .card .bills>ul>li>ul li button {
    width: 100%;
    font-weight: 500 !important
}

 .bottom>div>div .card .bills>ul>li>ul li button>span span {
    min-width: 96px;
    display: inline-block;
    text-align: left !important
}

 .bottom>div>div .card .bills>ul>li>ul li button.edit {
    color: #292828
}

 .bottom>div>div .card .bills>ul>li>ul li button.edit:hover {
    color: #fff
}

 .bottom>div>div .card .bills>ul>li>ul li button.new {
    color: #00B57F;
    background: rgba(0,181,127,0.1)
}

 .bottom>div>div .card .bills>ul>li>ul li button.new:hover {
    color: #fff
}

 .bottom>div>div .card .bills>ul>li>ul li:first-child {
    padding-top: 0
}

 .bottom>div>div .card .methods .tabMenu2 {
    display: block;
    font-size: 0;
    margin-top: 24px
}

 .bottom>div>div .card .methods .tabMenu2 li {
    display: inline-block;
    width: 180px;
    max-width: 50%
}

 .bottom>div>div .card .methods .checkbox {
    padding-bottom: 16px;
    margin-top: 0 !important
}

 .bottom>div>div .card .methods .checkbox label {
    line-height: 20px;
    padding-left: 28px
}

 .bottom>div>div .card .methods .checkbox label i {
    line-height: 18px;
    width: 20px;
    font-size: 18px;
    border-radius: 4px
}

 .bottom>div>div .card .methods .checkbox label i:after {
    background: #00B57F;
    border-radius: 4px
}

 .bottom>div>div .card .methods .checkbox label strong {
    color: #292828;
    font-weight: 500
}

 .bottom>div>div .card .methods .checkbox label a {
    color: #00B57F
}

 .bottom>div>div .card .methods .creditCard {
    padding-top: 24px
}

 .bottom>div>div .card .methods .creditCard>div>div .formControl>div input, .bottom>div>div .card .methods .creditCard>div>div .formControl>div select, .bottom>div>div .card .methods .creditCard>div>div .formControl>div textarea {
    font-weight: 600
}

 .bottom>div>div .card .methods .creditCard>div>div .form-group>div input, .bottom>div>div .card .methods .creditCard>div>div .form-group>div select, .bottom>div>div .card .methods .creditCard>div>div .form-group>div textarea {
    font-size: 14px;
    font-weight: 600;
    color: #292828;
    line-height: 24px;
    padding: 15px 36px 15px 16px
}

 .bottom>div>div .card .methods .creditCard>div>div .form-group>div i {
    right: 10px;
    top: 50%;
    line-height: 0;
    font-size: 18px;
    color: #292828
}

 .bottom>div>div .card .methods .creditCard>div>div .dateCvv {
    margin: 0 -12px
}

 .bottom>div>div .card .methods .creditCard>div>div .dateCvv>div {
    padding: 0 12px
}

 .bottom>div>div .card .methods .creditCard>div>div .dateCvv>div>span {
    display: block;
    font-weight: 500 !important;
    line-height: 1;
    padding-bottom: 16px
}

 .bottom>div>div .card .methods .creditCard>div>div .dateCvv>div>.rw {
    margin: 0 -4px
}

 .bottom>div>div .card .methods .creditCard>div>div .dateCvv>div>.rw>div {
    padding: 0 4px
}

 .bottom>div>div .card .methods .creditCard>div>div.img {
    padding-bottom: 16px
}

 .bottom>div>div .card .eft {
    padding-top: 16px
}

 .bottom>div>div .card .eft>p {
    background: #F9FBFF;
    border-radius: 4px;
    padding: 16px;
    line-height: 24px
}

 .bottom>div>div .card .eft>p strong {
    font-weight: 500;
    color: #292828
}

 .bottom>div>div .card .eft>.h3 {
    margin-top: 24px
}

 .bottom>div>div .card .eft table {
    width: 100%;
    margin: 8px 0
}

 .bottom>div>div .card .eft table thead tr th {
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important;
    padding: 16px 16px 16px 0
}

 .bottom>div>div .card .eft table thead tr th:last-child {
    text-align: center !important;
    padding-right: 0
}

 .bottom>div>div .card .eft table tbody tr td {
    font-size: 14px;
    line-height: 24px;
    color: #292828;
    font-weight: 500 !important;
    padding: 16px 16px 16px 0;
    border-top: 1px solid rgba(102,112,147,0.2)
}

 .bottom>div>div .card .eft table tbody tr td span {
    display: none
}

 .bottom>div>div .card .eft table tbody tr td:last-child {
    text-align: center !important;
    padding-right: 0
}

 .bottom>div>div .card .eft>button {
    min-width: 50%
}

 .bottom>div>div>.right {
    flex: 0 0 420px;
    width: 420px;
    padding: 18px 15px 0
}

 .bottom>div>div>.right>div {
    background: #FFFFFF;
    padding: 24px;
    box-shadow: 0 10px 64px rgba(0,0,0,0.04);
    border-radius: 4px;
    margin-top: 32px
}

 .bottom>div>div>.right>div.summary>strong {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #292828;
    font-weight: 500
}

 .bottom>div>div>.right>div.summary .dayPayment {
    padding-top: 12px
}

 .bottom>div>div>.right>div.summary .dayPayment li {
    background: #F9FBFF;
    border-radius: 4px;
    margin-top: 12px;
    padding: 16px;
    font-size: 14px;
    line-height: 14px
}

 .bottom>div>div>.right>div.summary .dayPayment li strong {
    display: block;
    color: #292828;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 8px
}

 .bottom>div>div>.right>div.summary .productInfo {
    padding-top: 24px
}

 .bottom>div>div>.right>div.summary .productInfo>span {
    font-weight: 500
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li {
    padding-top: 16px
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>p {
    display: block;
    color: #292828;
    font-weight: 500
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>p>strong {
    font-size: 18px;
    display: block;
    padding-bottom: 4px
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul {
    padding-top: 12px
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li {
    margin-top: 12px;
    border: 1px solid rgba(102,112,147,0.2);
    border-radius: 4px
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>strong {
    position: relative;
    display: block;
    font-size: 16px;
    color: #292828;
    padding: 16px;
    font-weight: 500;
    cursor: pointer
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>strong i {
    position: absolute;
    right: 16px;
    top: 50%;
    font-size: 24px;
    color: #667093;
    line-height: 0;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul {
    padding: 0 16px 16px;
    display: none
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li {
    display: table;
    width: 100%;
    padding: 5px 0;
    color: #292828
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li>* {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li>strong {
    position: relative
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li>strong>i {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 0
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li>strong>span {
    padding-left: 18px
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li>strong>span:first-child {
    padding-left: 0
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li b {
    text-align: right !important
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li b.green {
    color: #00B57F
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li>ul li.passive {
    color: #667093
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li.open>strong i {
    transform: rotateX(180deg)
}

 .bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li.open>ul {
    display: block
}

 .bottom>div>div>.right>div.summary .price {
    padding-top: 8px
}

 .bottom>div>div>.right>div.summary .price li {
    display: table;
    font-size: 16px;
    color: #292828;
    width: 100%;
    padding: 16px 0;
    border-top: 1px solid rgba(102,112,147,0.2)
}

 .bottom>div>div>.right>div.summary .price li strong {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500
}

 .bottom>div>div>.right>div.summary .price li b {
    display: table-cell;
    text-align: right !important;
    vertical-align: middle;
    font-weight: 500
}

 .bottom>div>div>.right>div.summary .price li b.green {
    color: #00B57F
}

 .bottom>div>div>.right>div.summary .price li:first-child {
    border-top: none
}

 .bottom>div>div>.right>div.summary>button {
    width: 100%;
    margin-top: 8px
}

 .bottom .summary {
    max-width: 1060px;
    margin: 0 auto;
    padding: 48px 15px 0
}

 .bottom .summary>div>div {
    padding-top: 32px
}

 .bottom .summary>div>div>div {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 24px
}

 .bottom .summary>div>div>div.product table {
    width: 100%
}

 .bottom .summary>div>div>div.product table thead tr th {
    position: relative;
    z-index: 2;
    font-weight: 500;
    line-height: 16px;
    padding: 20px;
    text-align: center !important
}

 .bottom .summary>div>div>div.product table thead tr th strong {
    font-weight: 500;
    color: #292828
}

 .bottom .summary>div>div>div.product table thead tr th:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #F9FBFF;
    z-index: -1
}

 .bottom .summary>div>div>div.product table thead tr th:first-child {
    text-align: left !important
}

 .bottom .summary>div>div>div.product table thead tr th:first-child:before {
    border-radius: 4px 0 0 4px
}

 .bottom .summary>div>div>div.product table thead tr th:last-child {
    text-align: right !important
}

 .bottom .summary>div>div>div.product table thead tr th:last-child:before {
    border-radius: 0 4px 4px 0
}

 .bottom .summary>div>div>div.product table tbody tr.list td {
    padding: 32px 16px;
    font-size: 16px;
    border-top: 1px solid rgba(102,112,147,0.2);
    text-align: center !important
}

 .bottom .summary>div>div>div.product table tbody tr.list td:first-child>p {
    font-size: 12px;
    font-weight: 500;
    text-align: left !important
}

 .bottom .summary>div>div>div.product table tbody tr.list td:first-child>p strong {
    display: block;
    color: #292828;
    font-size: 18px;
    font-weight: 500
}

 .bottom .summary>div>div>div.product table tbody tr.list td:first-child>p span {
    display: block;
    font-size: 14px;
    color: #292828;
    padding: 1px 0
}

 .bottom .summary>div>div>div.product table tbody tr.list td.process ul {
    font-size: 0;
    white-space: nowrap
}

 .bottom .summary>div>div>div.product table tbody tr.list td.process ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px
}

 .bottom .summary>div>div>div.product table tbody tr.list td.process ul li:first-child {
    margin-left: 0
}

 .bottom .summary>div>div>div.product table tbody tr.list td .form-group {
    display: inline-block;
    padding-bottom: 0;
    vertical-align: middle
}

 .bottom .summary>div>div>div.product table tbody tr.list td .form-group .select2-container .select2-selection .select2-selection__rendered {
    font-size: 14px;
    color: #292828;
    padding: 1px 34px 1px 8px;
    text-align: left !important;
    border-radius: 4px
}

 .bottom .summary>div>div>div.product table tbody tr.list td .form-group .select2-container .select2-selection .select2-selection__arrow {
    height: 30px;
    right: 10px
}

 .bottom .summary>div>div>div.product table tbody tr.list td .form-group .select2-container .select2-selection .select2-selection__arrow:before {
    font-size: 16px;
    line-height: 30px
}

 .bottom .summary>div>div>div.product table tbody tr.list td>span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    display: none
}

 .bottom .summary>div>div>div.product table tbody tr.list td>strong {
    font-size: 16px;
    color: #292828;
    font-weight: 500
}

 .bottom .summary>div>div>div.product table tbody tr.list td:last-child {
    text-align: right !important
}

 .bottom .summary>div>div>div.product table tbody tr.list td:last-child>div u {
    text-decoration: line-through;
    font-weight: 500;
    font-size: 14px
}

 .bottom .summary>div>div>div.product table tbody tr.list td:last-child>div strong {
    display: block;
    font-size: 16px;
    color: #292828;
    font-weight: 500
}

 .bottom .summary>div>div>div.product table tbody tr.list td:last-child>div span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 8px;
    background: #00B57F
}

 .bottom .summary>div>div>div.product table tbody tr.detail td {
    padding: 0 16px 32px
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div {
    margin-top: -16px;
    border: 1px solid rgba(102,112,147,0.2);
    border-radius: 4px;
    max-width: 410px
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>strong {
    position: relative;
    display: block;
    font-size: 16px;
    color: #292828;
    padding: 16px;
    font-weight: 500;
    cursor: pointer
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>strong i {
    position: absolute;
    right: 16px;
    top: 50%;
    font-size: 24px;
    color: #667093;
    line-height: 0;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul {
    padding: 0 16px 16px;
    display: none
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li {
    display: table;
    width: 100%;
    color: #292828
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li>* {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    padding: 5px 0
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li>strong {
    position: relative
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li>strong>i {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 0
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li>strong>span {
    padding-left: 18px
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li>strong>span:first-child {
    padding-left: 0
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li b {
    text-align: right !important
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li b.green {
    color: #00B57F
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div>ul li.passive {
    color: #667093
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div.open>strong i {
    transform: rotateX(180deg)
}

 .bottom .summary>div>div>div.product table tbody tr.detail td>div.open>ul {
    display: block
}

 .bottom .summary>div>div>div.product table tbody tr:first-child.list td {
    border-top: none
}

 .bottom .summary .discount .swich {
    position: relative
}

 .bottom .summary .discount .swich>span {
    display: flex;
    padding-left: 0
}

 .bottom .summary .discount .swich>span>span {
    display: inline-block;
    color: #667093
}

 .bottom .summary .discount .swich>span>span:last-child {
    order: -1;
    padding-right: 64px;
    color: #292828
}

 .bottom .summary .discount .swich>span:before {
    left: auto;
    right: 40px;
    background: rgba(247,0,0,0.745)
}

 .bottom .summary .discount .swich>span:after {
    left: auto;
    right: 61px
}

 .bottom .summary .discount .swich input:checked+span>span:first-child {
    color: #00B57F
}

 .bottom .summary .discount .swich input:checked+span>span:last-child {
    color: #667093
}

 .bottom .summary .discount .swich input:checked+span:before {
    background: #00B57F
}

 .bottom .summary .discount .swich input:checked+span:after {
    right: 45px
}

 .bottom .summary .discount .form-group {
    padding-bottom: 0;
    padding-top: 24px
}

 .bottom .summary .discount .form-group>div {
    padding: 0 8px 0 0
}

 .bottom .summary .discount .form-group>div .rw {
    margin: 0
}

 .bottom .summary .discount .form-group>div .rw>div {
    padding: 0
}

 .bottom .summary .discount .form-group>div input {
    padding: 15px 20px
}

 .bottom .summary .discount .form-group>div .btn {
    border-radius: 4px
}

 .bottom .summary .price {
    padding-top: 8px
}

 .bottom .summary .price ul li {
    display: table;
    width: 100%;
    border-bottom: 1px solid rgba(102,112,147,0.2)
}

 .bottom .summary .price ul li strong {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal !important;
    color: #292828;
    padding: 16px 0
}

 .bottom .summary .price ul li strong:last-child {
    text-align: right !important;
    padding-left: 16px
}

 .bottom .summary .price ul li:last-child {
    border-bottom: none
}

 .bottom .summary .price ul li:last-child strong {
    font-weight: 500 !important
}

 .bottom .summary .price button {
    width: 100%;
    margin-top: 8px
}

 .bottom .domains {
    max-width: 1060px;
    padding: 35px 15px 0;
    margin: 0 auto
}

 .bottom .domains>div {
    background: #FFFFFF;
    padding: 24px;
    box-shadow: 0 10px 64px rgba(0,0,0,0.04);
    border-radius: 4px;
    margin-top: 40px
}

 .bottom .domains>div .h3 {
    font-size: 24px
}

 .bottom .domains>div>p {
    font-size: 16px;
    padding: 12px 0 28px
}

 .bottom .domains>div .form, .bottom .domains>div form {
    padding-top: 32px;
    border-top: 1px solid rgba(102,112,147,0.2)
}

 .bottom .domains>div .form .rw, .bottom .domains>div form .rw {
    margin: -12px
}

 .bottom .domains>div .form .rw>div, .bottom .domains>div form .rw>div {
    padding: 12px
}

 .bottom .domains>div .form .form-group, .bottom .domains>div form .form-group {
    padding: 0
}

 .bottom .domains>div .form .form-group>div i, .bottom .domains>div form .form-group>div i {
    right: auto;
    left: 16px;
    top: 50%;
    line-height: 0
}

 .bottom .domains>div .form .form-group>div input, .bottom .domains>div form .form-group>div input {
    padding: 15px 16px 15px 56px
}

 .bottom .domains>div .form .btn, .bottom .domains>div form .btn {
    padding: 18px 15px;
    min-width: 160px
}

 .bottom .domains>div>ul li {
    align-items: center
}

 .bottom .domains>div>ul li>* {
    padding-top: 16px
}

 .bottom .domains>div>ul li p {
    font-size: 0
}

 .bottom .domains>div>ul li p strong {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #00B57F
}

 .bottom .domains>div>ul li p span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 28px;
    color: #292828;
    font-weight: 500;
    padding: 8px 16px 0 0
}

 .bottom .domains>div>ul li p b {
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    background: rgba(32,207,134,0.2);
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px;
    color: #292828;
    font-weight: normal !important
}

 .bottom .domains>div>ul li .btn {
    padding: 18px 15px;
    min-width: 160px;
    width: 100%
}

 .bottom .domains>div>ul li.danger p strong {
    color: rgba(247,0,0,0.745)
}

 .bottom .domains>div>ul li.danger p b {
    color: #fff;
    background: rgba(247,0,0,0.745)
}

.bottom>div>div .vdsCustomize .product h2 {
    font-size: 14px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-align: start;
}.od-cart-card .title {
    font-size: 24px;
    color: #292828;
}.bottom>div>div>.right>div.summary .productInfo>span {
    font-weight: 500;
}.bottom>div>div>.right>div.summary .productInfo {
    padding-top: 24px;
    text-align: start;
}div#inputConfigOption73 {
    background: #FFFFFF;
    box-shadow: 0 10px 64px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    padding: 24px;
    margin-top: 32px;
}div#inputConfigOption48 {
    background: #FFFFFF;
    box-shadow: 0 10px 64px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    padding: 24px;
    margin-top: 32px;
}.od-cart-card .title {
    font-size: 24px;
    color: #212529;
    text-align: start;
}.container .title::before {
    background: none;
}.bottom>div>div .vdsCustomize .radioList li label>b>b:after {
    background: linear-gradient(90deg, #ff6d00 48%, #f9a668 100%);
}.bottom>div>div .vdsCustomize .radioList li label>b>b:before {
    background: linear-gradient(90deg, #ff6d00 48%, #f9a668 100%);
}span.price-area u {
    text-decoration: none;
}.bottom>div>div .vdsCustomize .radioList li input:checked+label {
    background: #f8fafe;
    border: 1px solid #ffbc9b;
    border-radius: 8px;
}button.btn.btn-linear.btn-md {
    width: 100%;
    background: linear-gradient(45deg, #f87305 0%, #ff9865 100%);
    display: flex;
    border-radius: 5px;
    padding: 17px 10px;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    transition: all .2s ease-in;
    border: none;
}.btn span {
    vertical-align: middle;
    color: #fff;
}
.bottom>div>div>.right>div {
    background: #FFFFFF;
    padding: 24px;
    box-shadow: 0 10px 64px rgba(0,0,0,0.04);
    border-radius: 4px;
    margin-top: 32px;
    width: 100%;
}.bottom>div>div>.right>div.summary .productInfo>ul>li>ul>li {
    padding: 0px 8px 0px 0px;
    margin-top: 12px;
    border: 1px solid rgba(102, 112, 147, 0.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}.bottom>div>div>.right>div.summary .dayPayment li {
    margin-top: 0px;
}.addd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #F9FBFF;
    padding-bottom: 120px;
    padding-top: 50px;
}.addd .accordion {
    border: 0px solid #2e57cf;
    border-radius: 4px;
    width: 70%;
    max-width: 800px;
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    position: relative;
}.addd .accordion input:checked+.accordion-header {
    background-color: #212529;
    border-radius: 4px;
}.addd .accordion-header p {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    user-select: none;
}.addd .accordion-header p:hover {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    user-select: none;
}.addd .accordion .accordion-arrows {
    color: #212529;
}.addd .accordion-header {
    background: #ffffff;
    box-shadow: 0 10px 64px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}.axcx .accordion-panel {
    background: #ffffff;
    box-shadow: 0 10px 64px rgba(0, 0, 0, 0.04);
}.addd .accordion input:checked~.accordion-panel {
    background: #ffffff;
    box-shadow: 0 10px 64px rgba(0, 0, 0, 0.04);
}.addd .input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px 40px 40px;
}.addd .accordion-panel.axcx p {
    padding: 25px 40px 0 40px;
    font-size: 16px;
}button.btn.btn-linear.btn-md.onayla {
    width: 70%;
    max-width: 800px;
}.items .item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}.items img.mb-4 {
    width: 99px !important;
    margin-left: 10%;
    height: 41px;
}.items .item {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
}.discount.text-white.bg-color-1.text-center.fs-14.fw-5.p-2 {
    background: linear-gradient(90deg, #f36e0a 48%, #ef5f18 100%) !important;
}.discount.text-white.bg-color-1.text-center.fs-14.fw-5.p-2 {
    border-radius: .625rem .625rem 0 0;
}.d-flex.flex-column.p-4{
    display: flex !important;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}.card.card-14.border-0.shadow-sm.ff-ttnorms.my-2 {
    width: 14%;
}.addd .accordion {
    border: 0px solid #2e57cf;
    border-radius: 4px;
    width: 100%;
    max-width: 60%;
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    position: relative;
}@media(max-width:751px){
    .card.card-14.border-0.shadow-sm.ff-ttnorms.my-2 {
    width: 46%;
    margin: 6px;
}.addd .accordion {
    border: 0px solid #2e57cf;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    transition: all .2s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}.addd .accordion input:checked+.accordion-header {
    background-color: #212529;
    border-radius: 4px;
    width: 100%;
}.addd .activeakor, .accordion:hover {
    background: none;
}.addd .accordion-panel.axcx p {
    color: #212529;
}.addd .input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 12px 32px 12px;
}.addd .accordion-panel.axcx p {
    padding: 25px 12px 0 12px;
    font-size: 16px;
}.addd .input-container input {
    border-radius: 5px 5px 0 0;
    padding-left: 10px;
    font-size: 10px;
    margin-bottom: 12px;
}.addd label.accordion-header {
    width: 100%;
}.addd .accordion:after {
   display:none;
}}