/**************************************************************

	STYLESHEET INDEXING
	|
	|___ Default Styles
	|	|
	|	|___ Variables
	|	|___ Mixins
	|	|___ Reset
	|	|___ Typography
	|	|___ Extend
	|	|___ Animations
	|	|___ Shortcode
	|	|___ Spacing
	|	|___ Common
	|	|___ Forms
	|	|___ Sal
	|


***************************************************************/
/**************************************
    Default Styles
***************************************/



@import "../css/fonts.css";

:root {
        --color-primary: #D92A68;
        --color--body-bg: #F4F4F4;
        --color-input: #999999;
        --color-title: #4E4E4E;
        --color-body: #555555;
        --bg-gradiant: linear-gradient(180deg, #E7417C 0%, #D92A68 100%);
        --color-border: #555555;
        --color-info: #2482BF;
        --color-warning: #F3C449;
        --color-success: #29C092;
        --color-footer: #031623;
        --color-footer-border: #031623;
        --transition-transform: transform .65s cubic-bezier(.23,1,.32,1);
        --font-primary: 'proxima_novaregular';
        --font-secondary: 'Catamaran SemiBold';
        --font-awesome: 'Font Awesome 5 Pro';
        --font-size-b1: 20px;
        --font-size-b2: 16px;
        --font-size-b3: 14px;
        --font-size-b4: 12px;
        --font-size-b5: 10px;
        --font-size-b6: 8px;
        --line-height-b1: 1.67;
        --line-height-b2: 1.63;
        --line-height-b3: 1.6;
        --line-height-b4: 1.3;
        --font-size-body:18px;
        --font-semi:600;
        --h1: 45px;
        --h2: 38px;
        --h3: 32px;
        --h4: 28px;
        --h6: 20px;
        --h5: 24px;
        --button:18px;
        --label:16px;
        --label-sm:14px;
        --h1-lineHeight: 1.25;
        --h2-lineHeight: 1.24;
        --h3-lineHeight: 1.4;
        --h4-lineHeight: 1.38;
        --h5-lineHeight: 1.5;
        --h6-lineHeight: 1.6;
        --radius-primary:26px;
        --radius-secondary:15px;
        --shadow-primary: -16px -16px 40px #F3F3F3, 16px 16px 40px #E3E3E3, inset -16px -16px 40px #F3F3F3, inset 16px 16px 40px #FFFFFF;;
        --shadow-light: 0px 0px 100px rgba(0, 0, 0, 0.08);
        --border-primary:1px solid #D92A68;
        --liner-primary:-webkit-linear-gradient(45deg, #FF4F8E, #FF8DB5 80%);
        --liner-info: -webkit-linear-gradient(45deg, #2492D8, #91D4FF 80%);
        --liner-warning:  -webkit-linear-gradient(45deg, #F3C038, #FFD97B 80%);
        --liner-success:-webkit-linear-gradient(45deg, #3BD6A7, #85EBCC 80%);
        --padding-primary: 20px;
    }

.forms.alert{ position: relative; box-shadow: none;}
.alert{ position: fixed;width: 100%;max-width: 760px;left: 50%;transform: translateX(-50%);text-align: center; z-index: 9999; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.alert ul{ margin-bottom: 0; padding: 0;}
.alert ul li{ font-size: 18px; list-style: none; font-weight: 600; }
body{
    background-color:var(--color--body-bg);
	font-family: var(--font-primary);
    color: var(--color-body);
    font-size: var(--font-size-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin:0;
    letter-spacing: 0.02em;
    background-color: var(--color--body-bg);
}
.padding-md{ padding:var(--padding-primary) !important;}
.radius-md{  border-radius: var(--radius-primary);}
.radius-sm{  border-radius: var(--radius-secondary) !important;}
.border-primary{ border: var(--border-primary);}
.mt-secondary{ margin-top: 50px;}
.mb-secondary{ margin-bottom: 50px;}
.my-primary{ margin-top: 32px; margin-bottom: 32px;}
.py-primary{ margin-top: 32px; margin-bottom: 32px;}
.mt-primary{ margin-top: 32px;}
.mb-primary{ margin-bottom: 32px;}

.p-primary{ padding: 32px !important;}
.p-secondary{ padding: 40px !important;}

.common-color{ color: var(--color-body);}
.bg-primary{ background: var(--bg-gradiant);}
.title{color: var(--color-title);}
 img{ max-width: 100%;}
a{-webkit-transition: all .5s ease;transition: all .5s ease; color: var(--color-heading); text-decoration: none !important; outline: none; }
a:hover{color: var(--color-primary);}
.text-primary{ color: var(--color-primary) !important;}
.text-infor{color: var(--color-info);}
.tab-bg{background: rgba(255, 255, 255, 0.4);padding: 20px;border-radius: 22px;border: 3px solid #FFFFFF;}
h1,h2,h3,h4,h5,h6{ font-family: var(--font-secondary); color: var(--color-title); position: relative;z-index: 2;}
h1{ font-size: var(--h1); letter-spacing: 0.02em;}
h2{ font-size: var(--h2);letter-spacing: 0.02em; line-height: 52px;}
h3{ font-size: var(--h3); letter-spacing: 0.02em; }
h4{ font-size: var(--h4); letter-spacing: 0.02em;line-height: 38px;}
h5{ font-size: var(--h5); letter-spacing: 0.02em;}
h6{ font-size: var(--h6); letter-spacing: 0.02em; line-height: 27px;}
p{ color: var(--color-body); font-size:var(--font-size-body);  font-family: var(--font-primary);
line-height: 26px;}

.heading{ margin-bottom: 32px; color: #4E4E4E;}
.mt-n1{margin-top: -0.25rem;}
.mt-n2{margin-top: -0.5rem;}
.mt-n3{margin-top: -1.5rem;}
.mt-n4{margin-top: -2rem;}
.mt-n5{margin-top: -3rem;}
.text-1{ font-size: var(--font-size-b1);}
.text-2{ font-size: var(--font-size-b2);}
.text-3{ font-size: var(--font-size-b3);}
.text-4{ font-size: var(--font-size-b4);}
.text-5{ font-size: var(--font-size-b5); }
.text-6{ font-size: var(--font-size-b6); }
.semi-bold{ font-weight: var(--font-semi);}

#video_gallery video{ max-width: 100%; height: auto;}
.model-primary .modal-content .card{ border: none;}
.model-primary .modal-content .close-btn{ outline: none; border-radius: 100%; background: linear-gradient(93.7deg, #D92A68 -0.1%, #A30F43 99.89%);
box-shadow: -16px -16px 40px #F3F3F3, 16px 16px 40px #E3E3E3, inset -4px -4px 8px #E93D7A, inset 4px 4px 8px #A21D4C;
width: 34px; height: 34px; border: none; line-height: 36px; color: #fff; font-size: 1.2rem;}
.model-primary .modal-content{ border-radius: var(--radius-primary);  background-color: var(--color--body-bg);}
.inherit{ color:inherit;}
.btn.btn-primary{padding:11px 24px;
     background: linear-gradient(93.7deg, #D92A68 -0.1%, #A30F43 99.89%);
     border-radius: 16px;font-weight: 600; font-size: 18px; line-height: 18px; border: 2px solid #D92A68; transition:background-color .2s cubic-bezier(.4, 0, .2, 1);}
.btn.btn-primary:hover{ box-shadow: 0 14px 26px -12px rgb(233 30 99 / 40%), 0 4px 23px 0 rgb(233 30 99 / 15%), 0 8px 10px -5px rgb(233 30 99 / 20%);}
.btn-primary-line{padding: .5rem 1.8rem; color: #D92A68;  border-radius: 16px;font-weight: 600; font-size: 18px; border: 2px solid #D92A68; }
.btn-white{ background-color: white; color: #4E4E4E; padding: .5rem 1.8rem; border-radius: 16px;font-weight: 600; font-size: 18px; border: 2px solid #fff;}
.btn-white:hover{ background-color: #eee; color: #4E4E4E; border: 2px solid #fff;}
.btn-primary-line:hover{ color: #ff76a7; border: 2px solid #fb86b0;}
.btn-white-line{padding: .5rem 1.8rem; color: #fff;  border-radius: 16px;font-weight: 600; font-size: 18px; border: 2px solid #fff; }
.btn-white-line:hover{padding: .5rem 1.8rem; color: #eee;  border-radius: 16px;font-weight: 600; font-size: 18px; border: 2px solid #eee; }
.btn-secondary-outline{padding: .5rem 1.5rem; color:var(--color-body);  border-radius: 8px ;font-weight: 400; font-size: var(--font-size-body); border: 2px solid #555555; }
.btn-secondary-outline:hover,.btn-secondary-outline.active{ border-color:#D92A68; color: var(--color-primary);}

.btn-primary-outline{padding: .5rem 1.5rem; color:#fff;  border-radius: 8px ;font-weight: 400; font-size: var(--font-size-body); border: 2px solid #fff; }

.auther-line{ position: relative; padding-left: 90px; overflow: hidden;}
.auther-line::before{ content: ""; width: 70px; height: 2px; position: absolute; background-color: #D92A68; left: 0; top:  calc(50% - 1px); }


.border-x,.border-y{ position: relative; overflow: hidden;}
.border-x::before,.border-y::after{ content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background-color:#EEEEEE;}
.border-y::after{ top: 0; left: 50%; width: 1px; height: 100%;}
.shadow{box-shadow: var(--shadow-light);}
.shadow-lg{box-shadow: var(--shadow-primary);}
.bg-liner-primary{ background:var(--liner-primary); }
.bg-liner-info{ background: var(--liner-info);}
.bg-liner-warning{ background: var(--liner-warning);}
.bg-liner-success{ background: var(--liner-success);}


.common-section{padding: 50px 0;}
.common-section .main-feature .circle{position: relative;}
.common-section .main-feature .circle img{width: 130px;}
.common-section .main-feature .circle.left-sm::before{content: '';  background: url('../../img/key-top.png');background-size: contain;background-repeat: no-repeat; width: 70%;height: 50px;position: absolute;top: -23px;right: 15%;}
.common-section .main-feature .circle.right-sm::before{content: '';  background: url('../../img/key-top.png');background-size: contain;background-repeat: no-repeat; width: 70%;height: 50px;position: absolute;top: -23px;left: 15%;transform: scaleX(-1);}
.common-section .main-feature .circle span{padding: 0 20px;color: black;font-size: 20x;}




.sidenav {height: 100%;width:0;position: fixed;z-index: 102;top: 0;left: 0;
    background-color: #f4f4f4;overflow-x: hidden;transition: 0.5s; }
.sidenav .card{ padding: 0; border: none; background-color: transparent;}
.sidenav .card .card-body{ border: none; padding: 15px; box-shadow: var(--shadow-light); background-color: #fff;}

.sidenav .card .card-footer{ border: none; padding:25px 15px; background-color: transparent;
height: calc(100vh - 80px); display: flex;flex-direction: column;}

.sidenav  .navbar-toggler{width: 42px;height: 42px;color: #fff;background-image: url('../../img/icon/menu.png');background-repeat: no-repeat;font-size: 14px;line-height: 0;display: flex;justify-content: center;}
.sidenav  .navbar-toggler i{ margin-top: 10px;}
.sidenav .navbar-nav .nav-item a{ font-size: 16px;color: #555;font-family: var(--font-primary);
text-transform: uppercase;}

.sidenav .nav-link.dropdown-toggle.show ~ .dropdown-menu{ position: relative !important; transform:none !important; background-color: transparent; border: none;}

.sidenav .dropdown-toggle::after{ content: "\f078"; border: none; font-family: "Font Awesome 6 Pro";font-weight: 300;  position: absolute;right: 0; transition: all 0.4s ease;}

.sidenav .dropdown-toggle.show::after{  transform: rotateZ(180deg); color: var(--color-primary) !important;}



.main-header.fixed{ width: 100%;position: fixed;top: 0; z-index: 99;background-color: white !important;}
.main-header.relative{ position: relative !important;}
.main-header .navbar-brand img{  transition: height .3s ease-in; }
.main-header.fixed .navbar-brand img{ height: 60px !important;}
.main-header .navbar-translate{display: flex;width: 100%;justify-content: space-between;}

.main-header{ position: relative;; background-color: #fff; box-shadow: var(--shadow-light); padding: .5rem 0; transition: all 0.4s ease;}
.main-header .navbar-expand-lg .navbar-nav .nav-link{ padding: 10px 15px; font-size: 16px; color: #555; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 0.02em;}
.main-header .navbar-toggler{ border: none; }
.main-header .navbar-toggler:focus{ border: none; outline: none; box-shadow: none;}

.main-header.sticky{ position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
.feature-section{height: 60vh;background: white !important;}
.feature-card .inner-section .box-section.one{background: linear-gradient(180deg, #303484 0%, #D81A83 100%);color: white;padding: 1.5rem;border-radius: 20px;}
.feature-card .inner-section .box-section.two{background: linear-gradient(180deg, #871A27 0%, #242323 100%);color: white;padding: 1.5rem;border-radius: 20px;}

.banner-section{ background-color: #F4F4F4; height: auto; overflow: hidden;  }
.banner-section .toll-tip{ position: relative; display: inline;}
.banner-section .tip{ text-align: left;}
.banner-section .tip img{ max-width: none;}
.main-banner{background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);}
.banner-section .intro{ position: relative;}
.banner-section .intro .controls{  position: absolute; width: 100%; top: 100px;}

.brands-right-postion{ position: relative; right: -13%;}
.highlight-brand  img{  max-width: none;}
.brand-list{  display: grid;  grid-template-columns: auto auto; justify-content: space-between;}
.brand-list .item{ text-align: center; padding:1.5rem .5rem;display: flex;justify-content: center;align-items: center;}

.brand-view li{ display: flex; justify-content: center; align-items: center; padding-top: 30px;padding-bottom: 30px; }


.highlight-view .btn{ border-radius: 14px;}
.highlight-view label{color: #555555; font-size: 16px;}
.highlight-view .form-control{border-radius: 16px; padding: 5px 25px; height: 40px;}
.highlight-view  textarea{ min-height: 100px;}
.highlight-view  .card{ border: none;}
.highlight-view p,.highlight-view h3,.highlight-view h4,.highlight-view h5{ color: #fff;}
/**
 * Page Styels
 */
 .filter-list{ display: flex; flex-wrap: wrap;}
 .filter-list li  { display: inline-flex; margin: 0 8px;}
 .filter-list li a{ display: inline-block; min-width: 140px; text-align: center;}





.feature-wrapper{border: 20px solid #2482BF; border-radius: 40px; }
.primary-tab .tab-content img{ width: 100%; height: auto; }


.primary-tab .nav-pills .nav-item .nav-link{ font-size:var(--font-size-body); border: 1px solid #555555; border-radius: 14px; color: var(--color-body); padding: 10px 15px; font-weight: 600;  }
.primary-tab .nav-pills .nav-item .nav-link.active,.primary-tab .nav-pills .nav-item .nav-link:hover{ border: 1px solid #D92A68; color:#D92A68 ; background-color: transparent;}
.primary-tab .nav-pills .nav-item .nav-link.active .description{ display: block;}
.primary-tab .nav-pills .nav-item .nav-link .description { display: none; margin: .5rem 0; text-align: left; font-size: var(--font-size-body); color: var(--color-body); font-weight: 400;}


.side-bar-nav li{ border-bottom: 1px solid #eee; padding: .5rem 0; position: relative; width: 100%;}
.side-bar-nav li::after{ content: ""; width: 100%; height: 2px; left: 0; bottom: 0; background: linear-gradient(270deg, #E7E7E7 -2.88%, #DCDCDC 100%); position: absolute;}
.side-bar-nav li:last-child::after{  display: none;}

.side-bar-nav li:last-child{ border-bottom: none;}
.side-bar-nav li a{ padding: .5rem; color: #000; display: block; text-decoration: none; font-size: 1.1rem; color:#0e1133; display: flex; align-items: center;}
.side-bar-nav li a:hover,.side-bar-nav li a.active{ color:var(--color-primary) !important; background-color: transparent !important; border: none !important;}

.side-bar-nav .icon{ display: inline-block;  background-image: url('../../img/sprite.png'); width: 34px; height: 34px;  }
.side-bar-nav .icon.about{ background-position: 0px -240px;}
.side-bar-nav .icon.refund{ background-position: -1px -285px;}
.side-bar-nav .icon.affilates{ background-position: -3px -329px;}
.side-bar-nav .icon.support{background-position: -3px -385px;}


.primary-tab .nav-pills .nav-item .nav-link .icon{ background-image: url('../../img/sprite.png'); display: inline-block; margin-right: .5rem; width: 42px; height: 36px; }
.icon.code{background-position:9px -48px;}
.icon.scale{background-position: -57px -50px;}
.icon.dash{background-position: -130px -50px;}
.icon.games{background-position: -199px -50px;}
.icon.theme{background-position:0px -111px;}
.icon.avtar{background-position:-61px -111px;}
.icon.content{background-position:-133px -111px;}
.icon.startgame{background-position:-202px -111px;}

.primary-tab .nav-pills .nav-item .nav-link.active .icon.code, .primary-tab .nav-pills .nav-item .nav-link:hover .icon.code{background-position: 9px 2px;}
.primary-tab .nav-pills .nav-item .nav-link.active .icon.scale, .primary-tab .nav-pills .nav-item .nav-link:hover .icon.scale{background-position: -57px -1px;}
.primary-tab .nav-pills .nav-item .nav-link.active .icon.dash, .primary-tab .nav-pills .nav-item .nav-link:hover .icon.dash{background-position: -130px 1px;}
.primary-tab .nav-pills .nav-item .nav-link.active .icon.games, .primary-tab .nav-pills .nav-item .nav-link:hover .icon.games{background-position: -199px 1px;}
.primary-tab .nav-pills .nav-item .nav-link.active .icon.theme,.primary-tab .nav-pills .nav-item .nav-link:hover .icon.theme{background-position: 0px -172px;}
.primary-tab .nav-pills .nav-item .nav-link.active .icon.avtar,.primary-tab .nav-pills .nav-item .nav-link:hover .icon.avtar{background-position: -61px -172px;}
.primary-tab .nav-pills .nav-item .nav-link.active .icon.content,.primary-tab .nav-pills .nav-item .nav-link:hover .icon.content{background-position: -133px -172px;}
.primary-tab .nav-pills .nav-item .nav-link.active .icon.startgame,.primary-tab .nav-pills .nav-item .nav-link:hover .icon.startgame{background-position: -202px -172px;}

.primary-faq .title.collapsed::after{ transform: rotateZ(0deg); transition: all 0.5s ease;}
.primary-faq .title.collapsed,.primary-faq .title.collapsed::after{ color: #140209;}
.primary-faq .title{ font-weight: 600; color: var(--color-primary);  text-decoration: none; position: relative; padding:20px; display: block; }
.primary-faq .title::after{content: "\f078";font-family: "Font Awesome 6 Pro";font-weight: 900;right: 15px;top: 20px;position: absolute;font-size: 18px;   transform: rotateZ(-180deg);transition: all 0.5s ease;}
.primary-faq{ border-radius: 20px;}
.primary-faq .accordion-item.bg-white{ border:var(--border-primary) !important;}
.primary-faq .accordion-item{ background-color: transparent !important; border:none;border-bottom: 1px solid #eee;}
.primary-faq .accordion-item.bg-white{ background-color: #fff !important;}
.primary-faq .accordion-item.radius{ border-radius: var(--radius-secondary) !important;}

.primary-form label{ color: #555555; font-size: 16px;}
.primary-form .form-control{border-radius: 14px; height: 46px; border: 1px solid #EEEEEE; }
.primary-form .form-control:focus{box-shadow: 0 0 0 0.25rem rgb(255 132 175);}
.primary-form textarea{ min-height: 100px;}

.primary-form  ::-webkit-input-placeholder { color: #999999; font-size: 16px;padding: 10px;}
.primary-form  :-ms-input-placeholder { color: #999999; font-size: 16px; }
.primary-form  ::placeholder {color: #999999; font-size: 16px;}


.primary-faq .accordion-item .accordion-body{ padding-top: 0;}
.primary-faq .accordion-item p{ font-size: 18px;}
.gradient-view .card .card-body  .primary-faq .accordion-item a.title.collapsed{ color: #000;}
.gradient-view .card .card-body  .primary-faq .accordion-item a.title{ color: #d81b60;}


.card-view .video-gallery .card{ box-shadow: none; background: transparent; border-radius: 0; padding: 0;}
.card-view .video-gallery .card  .video_thumb{ cursor: pointer;}
.card-view .card .bottom-content h2{display: none;}


#video_gallery .pop-up-video-game{width: 100%;min-height: 70vh;}

.team{position:relative;width:100%;max-width:400px;margin:auto;overflow:hidden; border-radius: var(--radius-primary);}
.team .team-overlay,.team-details{position:absolute;width:100%;opacity: 1;}
.team .team-overlay{background: linear-gradient(180deg, rgba(217, 42, 104, 0) 0%, rgba(217, 42, 104, 0.7) 100%);height:100%;left:0;top: 0;bottom:0;right:0;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;z-index: 2;}
.team:hover .team-overlay{opacity:1;}
.team-image{width:100%}.team-details{color: #fff; padding-left:1rem;padding-right:1rem;top:50%; left: 0;
       transition:.3s ease-in-out; }
.team:hover .team-details{top: 50%;left: 0;opacity:1;transform: translateY(-50%);}
.team p{ color: #fff;}
.team .icon{ position: absolute; right: 10px; top: 20px; z-index: 6;}
.fadeIn-bottom{ top: 80%;z-index:4 ;transition:.3s ease-in-out; }
.team .team-overlay::after{ content: ""; width: 100%; height: 100%; background-color: #f774a1; position: absolute; top: 100%;}
.team:hover .team-overlay::after{ top: 0; transition:.2s ease-in-out; }
.fadeIn-bottom{top:80%}

.end-line{ position: relative;}
.end-line::before{content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0;background: linear-gradient(90deg, #D9D9D9 0%, #EEEEEE 100%);}



.item-list li{ position: relative; padding-left: 25px; font-size: var(--font-size-b1); margin-bottom: 1rem;}
.item-list li:last-child{ margin-bottom: 0;}
.item-list li::before{content: ""; background: #FFFFFF; width: 12px; height: 12px; border: 2px solid #29C092; left: 0; top: 8px; position: absolute; border-radius: 100%;}
.item-list.text-white li::before{ background-color: transparent; border-color: #fff;}
.metrics-wraper{ position: relative;}
.metrics-wraper ul{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.metrics-wraper.horizontal-line ::before{ content: ""; width: 100%; height: 1px; background-color: #EEEEEE; position:absolute; top: 50%; }
.metrics-wraper.verticle-line::after{ content: ""; width: 1px; height: 100%; background-color: #EEEEEE; position:absolute; left: 50%; top: 0; }

.metrics-wraper  .title-danger{ background: -webkit-linear-gradient(45deg, #FF4F8E, #FF8DB5 80%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.metrics-wraper  .title-info{ background: -webkit-linear-gradient(45deg, #2492D8, #91D4FF 80%);
		-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.metrics-wraper  .title-warning{ background: -webkit-linear-gradient(45deg, #F3C038, #FFD97B 80%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.metrics-wraper  .title-success{ background: -webkit-linear-gradient(45deg, #3BD6A7, #85EBCC 80%);
		-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.metrics-wraper  .icon{ display: inline-block; width: 41px; height: 41px; margin-left: .5rem; background-image: url('../../img/sprite.png'); }

.metrics-wraper  .icon.danger{background-position: -253px -2px;}
.metrics-wraper  .icon.info{background-position: -313px -2px;}
.metrics-wraper  .icon.success{background-position: -312px -53px;}
.metrics-wraper  .icon.warning{background-position: -254px -51px;}

.feedback-section{position: relative;}
.feedback-section::before{content: '';background-image: url('../../img/top-feedback.png');    background-position: center;background-size: contain;width: 100%;height: 128px;position: absolute;top: 0;background-repeat: no-repeat;}
.feedback-section::after{content: '';background-image: url('../../img/bottom-feedback.png');    background-position: center;background-size: contain;width: 100%;height: 128px;position: absolute;bottom: 0;background-repeat: no-repeat;}
.card-view .feedback.card{clip-path:polygon(100% 0, 510% 239%, 0 202%, 0 0, 50% 8%);}
.card-view .feedback.card .card-body{    display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.card-view .card{background: linear-gradient(99.63deg, #E3E3E3 0%, #FFFFFF 100%);
	box-shadow:var(--shadow-primary);border-radius: var(--radius-primary); padding: 32px; border: none;}
.card-view .card-body{ padding: 0; }
.booking-info{ color: #fff; background: linear-gradient(180deg, #E7417C 0%, #D92A68 100%); border-radius: 14px;}
.card-view .card .form label{ font-size: var(--label); color:var(----color-body);}
.card-view .card .form .form-control{ color: var(--color-input); border: 1px solid #EEEEEE; padding: .5rem 1rem; border-radius: 16px;}
.card-view .card .form .form-control:focus{    border-color: #ff97bc;box-shadow: 0 0 0 0.25rem rgb(255 213 228);}
.card-view .card .nav-item{ display: flex; flex-direction: row;}

.primary-tab.scroll-title .nav-pills{  overflow-x:scroll;  overflow-y:hidden; white-space:nowrap; width: 100%; display: flex;align-items: center; justify-content: space-between;}
.primary-tab.scroll-title .nav-pills .nav-item{  padding: 0 10px;display: inline-block;min-width: 25%;width: 25%;}
.primary-tab.scroll-title .nav-pills::-webkit-scrollbar {width: 0px;}

.card-view .card .nav-item .link-item{ text-decoration: none; background: #2482BF;
    border-radius: 14px; color: #fff; margin-right: 1rem; padding: .5rem 1rem; display: flex;
    justify-content: center; font-size: 16px; white-space: nowrap;}
.card-view .card .nav-item .link-item .owl-icon{ display: inline-block; width: 24px; height: 24px; background-image: url('../../img/sprite.png');  margin-right: .5rem;}
.card-view .card .nav-item .link-item .owl-icon.sports{ background-position:-464px 0px;}
.card-view .card .nav-item .link-item .owl-icon.customer{ background-position:-425px 0px;}
.card-view .card .nav-item .link-item .owl-icon.corporate{ background-position:-379px 0px }
.card-view .card .nav-item .link-item .owl-icon.sports-2{ background-position:-379px -54px;}
.card-view .card .nav-item .link-item .owl-icon.education{ background-position:-423px -53px;}
.card-view .card .nav-item .link-item .owl-icon.tourism{ background-position:-464px -53px;}

.card-view .card .sign-up .inner-computer-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 65%;color: white;}
.card-view .card .sign-up .inner-computer-content input{border-radius: 15px;}
.card-view .card .sign-up{position: relative;top: -70px;}

.brands-right-postion .owl-brands .item{ display: flex; justify-content: center; align-items: center;}
.brands-right-postion .owl-brands .item img{ max-height: 50px; width: auto;}
.owl-gamification p{ line-height: 30px;}
.owl-game-template .card .card-body{ display: flex; flex-direction: column;}
.owl-game-template .card .card-body .btn{ margin-top: auto; max-width: 200px;}
.owl-game-template .card .card-body .item-list li{ margin-bottom: .5rem;}
.owl-brands .owl-stage{ display: flex; align-items: center;}
.owl-games .owl-stage,.owl-testimonial .owl-stage{ display: flex;}
.owl-games .owl-stage .item,.owl-games .owl-stage .item .card,.owl-testimonial .owl-stage .item,.owl-testimonial .owl-stage .item .card{ height: 100%;}
.owl-games .card .card-body img{ min-width: 380px; height: auto;}

.owl-testimonial .thumb{ display: flex; justify-content: center; align-items: center;}
.owl-testimonial .thumb.lg img{ max-width: 120px;}
.owl-testimonial .thumb.md img{ max-width: 75px;}
.owl-testimonial .thumb.sm img{ max-width: 50px;}

.owl-rules.xl-dots .owl-nav.disabled+.owl-dots{ display: block;}

.owl-rules .owl-nav.disabled+.owl-dots{ margin-top: 0rem; display: flex; justify-content: center; align-items: center;}
.owl-rules .owl-dots .owl-dot span{ width: 8px; height: 8px; border: 1px solid #FB3F82; background-color: transparent;}
.owl-rules .owl-dots .owl-dot.active span{width: 12px; height: 12px; background: linear-gradient(0deg, #FB3F82 0%, #FF96BB 100%);}
.owl-rules .owl-dots .owl-dot:hover span{background: linear-gradient(0deg, #FB3F82 0%, #FF96BB 100%);}
.xl-dots .owl-dots { display: flex !important; justify-content: center; align-items: center;}
.owl-rules.owl-testimonial .owl-item img,.owl-rules.owl-img-auto .owl-item img{ width: auto;}

.owl-rules.owl-testimonial .owl-nav.disabled+.owl-dots,.owl-rules.owl-game-slide .owl-nav.disabled+.owl-dots{ margin: 0;}
.owl-process { position: relative;}
.owl-process  li .card{ min-height: 216px;}
.owl-process  li .toll-tip{ position:absolute;  right: 25px;}

.owl-process  li .title::after{ content: ""; position: absolute; width: 50%; right: -20px; height: 2px; background-color:#EEEEEE;;transform: translateY(-50%);top: 50%;}
.owl-process  li .title::before{ content: ""; position: absolute; width: 50%; left: -20px; height: 2px; background-color: #EEEEEE; transform: translateY(-50%); top: 50%;}

.owl-process  li:last-child .title::after{ display: none;}
.owl-process  li:first-child .title::before{ display: none;}

.owl-process .card .card-body .toll-tip{ position:absolute; right: 25px; cursor: pointer; }
.owl-process .owl-stage .owl-item .item .card{ min-height: 216px;}
.owl-process .owl-stage .owl-item .item .title{ position: relative;  }
.owl-process .owl-stage .owl-item .item .title span{ text-align: center; background: linear-gradient(99.63deg, #E3E3E3 0%, #FFFFFF 100%); position: relative; z-index: 2; box-shadow: -16px -16px 40px #F3F3F3, 16px 16px 40px #E3E3E3, inset -16px -16px 40px #F3F3F3, inset 16px 16px 40px #FFFFFF; display: inline-block;font-size: 20px;height: 64px;width: 64px;border-radius: 100%;line-height: 64px;}
.owl-process .owl-stage .owl-item .item .title::after{ content: ""; position: absolute; width: 50%; right: -20px; height: 2px; background-color:#EEEEEE;;transform: translateY(-50%);top: 50%;}
.owl-process .owl-stage .owl-item .item .title::before{ content: ""; position: absolute; width: 50%; left: -20px; height: 2px; background-color: #EEEEEE; transform: translateY(-50%); top: 50%;}
.owl-process .owl-stage .owl-item:first-child .item .title::before{display: none;}
.owl-process .owl-stage .owl-item:last-child .item .title::after{ display: none;}



.owl-process .owl-stage .owl-item:first-child .owl-item .title::before,.owl-process .owl-stage .owl-item:last-child .owl-item .title::after{ display: none;}

.sub-carousel{ position: relative; margin-bottom: 32px;}
.sub-carousel .mySlides {display: none}
.sub-carousel .slideshow-container { max-width: 100%; position: relative;margin: auto;}
.sub-carousel .fade:not(.show){opacity: unset;}
.sub-carousel .text {color: #f2f2f2;font-size: 15px;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}
.sub-carousel .numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.sub-carousel .dot {cursor: pointer;height: 12px;width: 12px;margin: 0 2px;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;  border: 2px solid #fff;}
.sub-carousel .dot.active,.sub-carousel .dot:hover {background-color: #fff; }
.sub-carousel .fade {animation-name: fade;animation-duration: 1.5s;}
.dots-outer{   position: absolute; bottom: 10px;left: 50%;transform: translateX(-50%);}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}



.primary-tags{ position: relative; background: #2482BF;border-radius: 14px; padding: .5rem 1rem;  color: #fff; display: inline-block;}
.custom-tags .primary-tags{ font-size: 16px; border-radius: 14px;padding: 5px 15px;}


.primary-tags.icon{ padding-left: 55px;}
.primary-tags.icon::before{ position: absolute; background-image: url('../../img/sprite.png');  content:""; width: 30px; height: 30px; left: 10px; top: 5px; background-position: ;}
.primary-tags.icon.icon-cal::before{background-position:-122px -245px;}
.primary-tags.icon.icon-ques::before{background-position:-66px -243px;}

.height-equal .owl-stage,.height-equal .owl-stage .owl-item{ display: flex; }
.justify-content .owl-stage .owl-item{ justify-content: center;}
.height-equal .owl-stage .owl-item .card{ height: 100%;}

.payement-detail .table h4{ font-size: 25px;}
.payement-detail .table p{  font-weight: 600;}
.custom-model-form address .h5{ font-size: 1.2rem;}
.custom-model-form address p img{ margin-right: .5rem;}
.custom-model-form address p span{ font-size: 16px;}
.custom-model-form address{  position: relative;  padding-right: 30px;}
.custom-model-form address .icon.edit{ position: absolute; right: 0; top: 0;  padding: 0;  min-width: 20px;}
.custom-model-form address::after{ content: ""; height: 120px; width: 2px; position: absolute; right: 40px; top: 0; background: #D9D9D9;
}
.custom-model-form .close{ background-color: transparent; border: none;  position: absolute; top: 10px; right: 10px; color: #D92A68; font-size: 2rem;}
.custom-model-form .h4{ font-size: 20px;}
.custom-model-form .h2{ font-size: 28px;}
.custom-model-form .h3{ font-size: 24px;}
.custom-model-form .bold{ font-weight: 600;}
.custom-model-form .pass { position: relative;}
.custom-model-form .pass .fa-eye{ position: absolute; right: 20px; top: 20px; font-size: 20px; color: #D92A68;}
.custom-model-form .underline{ text-decoration: underline !important;}
.custom-model-form .modal-content{ padding: 3rem; background: linear-gradient(99.63deg, #E3E3E3 0%, #FFFFFF 100%); border-radius: 20px; }
.custom-model-form .modal-content .form-control{border: 0.75px solid #666666; background-color: #fff; min-height: 56px; }
.custom-model-form .form-checkbox{
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  /* Hide the browser's default checkbox */
  .custom-model-form  .form-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .custom-model-form .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 3px solid #CA245F;
  }

  /* On mouse-over, add a grey background color */
  .custom-model-form  .form-checkbox:hover input ~ .checkmark {
    background-color: #fff;
  }

  /* When the checkbox is checked, add a blue background */
  .form-checkbox input:checked ~ .checkmark {
    background-color: #fff;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .custom-model-form .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .custom-model-form  .form-checkbox input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .custom-model-form .form-checkbox .checkmark:after {
    left: 7px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #CA245F;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

/* New Price */

.select.form-group .form-control{  min-width: 260px; border: 2px solid #D92A68; padding:.5rem 2rem; font-size: 20px;}
.select.form-group .form-control{  -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';}
.select.form-group{ position: relative;}
.select.form-group::after{ content: "\f0d7"; font-family: var(--fa-style-family, "Font Awesome 6 Pro"); font-weight: var(--fa-style, 900); position: absolute;     right: 20px; top: 5px;   width: 10px;  height: 10px;font-size: 1.5rem; }



.price-plans .heading{ color: #4E4E4E; }
.price-plans .price-inner{  background: linear-gradient(99.63deg, #E3E3E3 0%, #FFFFFF 100%);
    box-shadow: var(--shadow-primary); border-radius: var(--radius-primary); padding: 32px; border: none; }
.price-plans .price-inner .table thead th{ text-align: center;}
.price-plans .price-inner .table tbody td{ text-align: center;}
.price-plans .price-inner .table tbody tr td:first-child{ text-align: left; padding-top: 1.5rem;}

.price-plans .price-inner .table th{ border-top: none; font-weight: 600; font-size: 18px; color: #000000;}
.price-plans .price-inner .table td{ font-weight: 600; font-size: 18px; color: #333; vertical-align: bottom;}
.price-plans .price-inner .table  tbody th{ font-weight:700; padding-top: 1.5rem;}
.price-container{ width: 90%; margin: 0 auto;}
.testimonials-owl p{ font-weight: 300;}


.pricicng-tables li .card{ border: none; border-radius: 24px;  overflow: hidden;  background: transparent;}

.pricicng-tables li .card .card-head .plan-info{ list-style: none; margin: 0;}
.pricicng-tables li .card .card-head .plan-info li{ padding-left: 45px; position: relative;}

.pricicng-tables li .card .card-head .plan-info li.plan-icon::before{ display: inline-block; content: ""; position: absolute; left: 0; top: 5px; width: 38px; height: 38px; background-image: url('../../img/professional_icon.png');}
.pricicng-tables li:nth-child(2) .card .card-head .plan-info li.plan-icon::before{ background-image: url('../../img/enterprise.png');}
.pricicng-tables li:nth-child(3) .card .card-head .plan-info li.plan-icon::before{ background-image: url('../../img/eplus.png');}

.pricicng-tables li:first-child .card .card-head .plan-info li .pacakge-info{ visibility: hidden;}

.pricicng-tables li .card .card-head img.bg{ width: 100%;
 min-width: 380px;height: 100%;object-fit: fill; position: relative;  left: 50%;transform: translateX(-50%); }
.pricicng-tables li .card .card-head { width: 100%;  background: linear-gradient(99.63deg, #E3E3E3 0%, #FFFFFF 100%);
 box-shadow: var(--shadow-primary); border-radius: var(--radius-primary); padding: 20px 15px; border: none; }
.pricicng-tables li .card .card-head .title{ display: flex; font-weight: 500; font-size: 24px; color:#000000; margin-bottom: 0; }

.pricicng-tables li .card .card-head .h4{ font-size: 20px; }
.pricicng-tables li .card .card-head .h5{ font-size: 20px;}
.pricicng-tables li .card .card-head .h3{font-size: 28px;}
.pricicng-tables li .card  .bold{ font-weight: 700;}
.pricicng-tables li .card  .btn.btn-primary{ border-radius: 24px; font-size: 18px; padding: .5rem 1.5rem; min-width: 180px;}
.pricicng-tables li:nth-child(2) .card .card-head .title{  color:#D92A68; }



.pricicng-tables li .card .card-head .title img{ width: 36px}
.pricicng-tables li .card  .card-body{ padding: 1rem; max-width: 100%; margin:  0 auto; }
.pricicng-tables li .card  .card-body .users-info{ display: none;}
.pricicng-tables li .card  .card-body p{ font-size: 18px; flex-direction: column;}
.pricicng-tables li .card  .card-body .btn-secondary{padding: 0.5rem 1.5rem;border-radius: 30px;font-size: 20px;background: linear-gradient(90.11deg, #3B7CF8 16.25%, #3B80F8 36.43%, #3C8DF9 57.96%, #3DA2FB 79.49%, #3FC0FD 102.37%, #41DDFF 119.87%);font-weight: 700;
    margin: .4rem 2rem;}
.pricicng-tables li .card  .card-body .btn-secondary span{ font-size: 12px; margin-left: .4rem;}

.pricicng-tables .rangew { position: relative; margin: 0 .5rem;}
.pricicng-tables .rangew input{ background-color: rgba(229, 229, 229, 1); max-width: 80px; height: 44px; border: none; padding: .5rem 1rem; font-weight: 700; font-size: 20px; }
.pricicng-tables .rangew input[type=number]::-webkit-inner-spin-button,
.pricicng-tables .rangew input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pricicng-view{ background-image: url(../cybercrime/pricing_bg.png); background-repeat: no-repeat;   background-size: cover; background-color: #0e0f15;}
.pricicng-tables .rangew .control{position: absolute;right: 0;top: 0;width: 22px;height: 100%;text-align: center;}
.pricicng-tables .rangew .control #up{height: 50%;width: 100%;background-color: #747474;}
.pricicng-tables .rangew .control #down{height: 50%;width: 100%;background-color: #9A9A9A; }
.pricicng-tables .rangew .control .arrow {cursor: pointer;color: #fff;font-size: 10px;line-height: 22px;}
.pricicng-tables .rangew .control .arrow:hover{ color:#ed3b7c;;}


.primary-icon .icon{background-color:var(--color-primary);color: #fff;display: inline-block;max-width: 32px;min-width: 32px; width: 32px;height: 32px;text-align: center;;border-radius: 10px;}
.primary-icon .icon:hover{background-color: #ed3b7c;}
.primary-icon .icon i{line-height: 34px}




/* Pricing */

.price-table .number .icon,.site-footer .icon{background-color:var(--color-primary);text-align:center}
.price-table{width:100%;border-collapse:collapse;border:0}
.price-table .number{position:relative;max-width:150px;overflow:hidden}
.price-table .number input{width:100%;background:#eee;border:1px solid #999;padding:.5rem 1rem}
.price-table .number input::-webkit-inner-spin-button,.price-table .number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.price-table .number input:focus{outline:0;border:none}
.price-table .number .icon{position:absolute;right:0;width:28px;height:50%;top:-2px;color:#fff;line-height:26px;cursor:pointer;border:none}
.price-table .number .icon.min-icon{top:unset;bottom:0;line-height:22px}
.price-table .number input[type=number]{-moz-appearance:textfield}.price-table tr:not(:last-child){border-bottom:1px solid rgba(0,0,0,.03)}
.price-table tr td{ padding:1rem;font-size:var(--font-size-b1);font-weight:400;color:var(--color-body);background-color:#fff; position: relative;}

.price-table tr td .tip-icon{width: 18px;height: 18px;border-radius: 100%;font-size: 12px;display: inline-block;color: #fff;background: linear-gradient(0deg, #FB3F82 0%, #FF96BB 100%);text-align: center;line-height: 20px;font-weight: 600;cursor: pointer; position: absolute; top: 5px;}
.price-table tr td .tip-detail{position: absolute;border: 1px solid #eeecec;min-width: 220px;padding: .7rem;border-radius: 14px;bottom: 64px;text-align: center;font-size: 16px;background-color: #fff;  visibility: hidden; opacity: 0;transition: visibility 0s, opacity 0.5s linear;}

.price-table tr td .tip-icon:hover ~ .tip-detail{ visibility: visible;opacity: 1;}
.price-table tr:first-child td,.price-table tr:nth-child(2) td{font-weight:400}.price-table tr td:first-child{border-left:0;font-weight:600;color:var(--color-title)}
.price-table tr:first-child td,.price-table tr:nth-child(2) td{background-color:transparent;border:none}
.price-table tr:first-child,.price-table tr:nth-child(2){border:none}
.price-table .fa-check{color:#b61b52}
.price-table .fa-times{color:#d8d6e3}
.price-table tr.price-table-head td{font-size:16px}
.price-table td.price-table-popular{font-family:Montserrat;border-top:3px solid #5336ca;color:#5336ca;text-transform:uppercase;font-size:12px;padding:12px 48px;font-weight:700}
.price-table .btn{padding:13px 24px;font-size:1.2rem; line-height: 18px;}
.price-table tr:nth-child(3) td:first-child{border-top-left-radius: 16px;}
.price-table tr:nth-child(3) td:last-child{border-top-right-radius: 16px;}

.price-table tr:last-child td:first-child{ border-bottom-left-radius: 16px;}
.price-table tr:last-child td:last-child{border-bottom-right-radius: 16px;}

.price-table tr:last-child  td{ border-bottom: none !important;}
.plans-mob .price-table tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr{ display: none;}
.plans-mob .price-table tr:last-child{ display: table-row;}
.plans-mob.active .price-table tr{display: table-row !important;}
.plans-mob .price-table tr td .read{ position: relative; color: #D92A68;}
.plans-mob .price-table tr td .read::after{content:"\f107";font-family: "Font Awesome 6 Pro";font-weight: 400; vertical-align: middle; transform: rotate(20deg); padding: 0 .5rem; transition: all 0.4s ease;}
.plans-mob.active .price-table tr td .read::after{content: "\f106";}

.switch{border:2px solid #d81b60; padding: 2px; border-radius:30px; display: inline-block;}
.switch-button{background:rgba(255,255,255,.56);border-radius:30px;overflow:hidden;width:250px;text-align:center;font-size:18px;letter-spacing:1px;color:#155fff;padding-right:120px;position:relative;font-weight:700}
.switch-button .switch-button-label-odd{content:"";position:absolute;top:0;bottom:0;right:0;width:120px;display:flex;align-items:center;justify-content:center;z-index:3;color:#000;pointer-events:none;transition:color .4s linear}

.switch-button-checkbox:checked+.switch-button-label+.switch-button-label-odd{ color: #fff; }
.switch-button-checkbox{cursor:pointer;position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;opacity:0;z-index:2}
.switch-button-checkbox:checked+.switch-button-label:before{transform:translateX(120px);transition:transform .3s linear}
.switch-button-checkbox+.switch-button-label{position:relative;padding:6px 0;display:block;user-select:none;pointer-events:none}
.switch-button-checkbox+.switch-button-label:before{content:"";background:#d81b60;height:100%;width:100%;position:absolute;left:0;top:0;border-radius:30px;transform:translateX(0);transition:transform .3s}
.switch-button-checkbox+.switch-button-label .switch-button-label-span{position:relative;color:#fff}
.switch-button-checkbox:checked+.switch-button-label .switch-button-label-span{color:#000}

.tab-voew{ border: 20px solid #2482BF;border-radius: 40px; position: relative;}
.tab-voew::before{ content: ""; position: absolute; width: 10px; height: 136px; right: -30px; top: 10%; background-image: url("../../img/tab-switch.png");}

.white-sprit{ position: relative; overflow: hidden;  height: 100%; }
.white-sprit::after{content: "";border-radius: 100%;border: 40px solid;border-color:  rgba(255, 255, 255, 0.1);width: 360px;height: 360px;position: absolute; }
.white-sprit.top::after{ top:-180px ;}
.white-sprit.left::after{ left:-180px ;}
.white-sprit.bottom::after{ bottom:-180px ;}
.white-sprit.right::after{ right:-180px ;}


.side-right-box::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 30%;
    background: url('../../img/home/masklogo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;
}


/**
*
 * Footer Styels
 */

.site-footer{background:var(--color-footer); padding: 60px 0 25px 0; margin-top: 50px;}
.site-footer p{font-size: var(--font-size-b2); color: #fff;}
.site-footer p.my-4{color: #EEE;}
.site-footer ul.mt-3 li{ margin-top: 1.1rem;}
.site-footer ul li a{ color: #EEE; text-decoration: none; font-size: var(--font-size-b2);}
.site-footer ul li a:hover{ color: #ddd; text-decoration: underline;}
.site-footer .title{ font-size: 18px; font-weight: var(--font-semi); color: #fff; margin-bottom: 1rem;}
.site-footer .line{ border-top:1px solid #0E2A3D; border-bottom:1px solid #0E2A3D;}
.site-footer .icon{background-color:var(--color-primary);color: #fff;display: inline-block; padding: 0; max-width: 32px;min-width: 32px; width: 32px;height: 32px;text-align: center;;border-radius: 10px;}
.site-footer .icon:hover{background-color: #ed3b7c;}
.site-footer .icon i{line-height: 34px}
.site-footer .nav-menu li{ margin-bottom: 15px;}
.site-footer .nav-menu {margin-bottom: 1.5rem;}
.site-footer .nav-menu li:last-child{ margin-bottom: 0;}






@media (min-width: 376px) {
    .card-view .card .head-content .bottom-content h2{display: none;}
    .card-view .card .head-content .sign-up{top: 0;margin-bottom: 15px;}
    .card-view .card .head-content h2{display: block;}
    .feature-section{height: 45vh;}
    .main-header .navbar-translate {display: flex;width: 100%;justify-content: space-between;}
}
@media (min-width: 576px) {
    .card-view .card .head-content h2{display: none;}
    .card-view .card .head-content .bottom-content h2{display: block;text-align: center;}
    .feature-section{height: 60vh;}
    .main-header .navbar-translate {display: block;width: auto;}
}

@media (min-width: 768px) {
    .dot-hide .owl-dots{ display: none !important;}
    .banner-section .tip{ text-align: right;}
    .card-view .card .head-content .bottom-content h2{text-align: left;}

  }

@media (min-width: 992px) {
    .main-header .brand-list{  display: grid;  grid-template-columns: auto auto auto auto;}
    .main-header .navbar .dropdown-menu-end{ right:0; left: auto;  }
	.main-header .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:10px; padding: 20px 0;border: none; min-width: 240px; border: 1px solid #f5f5f5; box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.08); }
    .main-header .navbar .nav-item:hover .nav-link{ color: rgb(0, 0, 0);  }
	.main-header .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.main-header .navbar .dropdown-menu.fade-up{ top:180%;  }
	.main-header .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
    .main-header .dropdown-item:active{  background-color: var(--color-primary);}
    .brand-list {display: grid;grid-template-columns: auto auto auto auto;}
    .white-sprit{ min-height: 260px;}
    .brand-view li{ border-right: 1px dashed #EEE;}
    .brand-view li:nth-child(4n) {border: none ;}

    .modal-form {
        max-width: 660px;
    }


 }

@media (min-width: 1200px) {
    .banner-section{ background-color: #F4F4F4; height: calc(100vh - 76px);  }

}

@media (min-width: 1400px) {
    .primary-section .container{ padding-right: 24px; padding-left: 24px;}
    .primary-section .container .row{margin-right: -24px;margin-left: -24px;}

    .primary-section .container .row .mt-1{ margin-top: 32px !important;}
    .brand-list .item{ padding: 1.5rem 1.5rem ;}
    .container{max-width:1140px}

}

@media (max-width: 575.98px) {
    .heading{ margin-bottom: 16px;}
    .common-section{ padding: 24px 0;}
    .p-secondary{ padding: 20px !important;}
    .navbar-brand img{ height: 50px;}
    .mt-primary{ margin-top: 24px;}
    h1{font-size: 33px;}
    h2{font-size: 30px; line-height: 42px;}
    h3{font-size: 26px;}
    h4{font-size: 20px; line-height: 32px;}
    p{ font-size: 16px;}
    .brands-right-postion{ right: unset; border-radius: 14px; left: 15px;}


    .text-1{ font-size: 18px; line-height: 28px !important;}
    .common-section{ padding: 30px 0;}
    .brand-view li{ padding-top: 15px; padding-bottom: 15px;}
    .card-view .card{ padding: 24px !important;}
    .site-footer p,.site-footer ul li a{ font-size: 14px;}
    .site-footer ul.mt-3 li{margin-top:10px}
    .primary-tab .nav-pills .nav-item .nav-link p{ font-size: 16px;}
    .card-view .card.p-secondary{ padding: 16px!important;}
    .site-footer .nav-menu li+li{  display: none;}
    .site-footer .nav-menu li{margin-bottom: 10px;}
    .site-footer .nav-menu.active li+li{ display: block;}
    .site-footer .nav-menu li .title{ position: relative; cursor: pointer;}
    .site-footer .nav-menu li .title::after{ content: "\f078"; font-size: 12px; border: none; font-family: "Font Awesome 6 Pro";font-weight: 300;  position: absolute;right: 0; transition: all 0.4s ease;}
    .site-footer .nav-menu.active li .title::after{  transform: rotateZ(180deg); color: var(--color-primary) !important;}

    .nav.side-bar-nav{ max-height: 70px; border: none;}

    .nav.side-bar-nav li{ display: inline-block; width: auto; border-right: 1px solid #e7e7e7;}
    .nav.side-bar-nav li:last-child{ border: none;}
    .nav.side-bar-nav li::after{ display: none;}

    nav .nav.filter-list,.nav.side-bar-nav {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: 100%;display: block;}
    nav .nav.filter-list::-webkit-scrollbar,.nav.side-bar-nav::-webkit-scrollbar {width: 0px;}
    .common-section .main-card{height: 125px !important;}
    .primary-tab.scroll-title .nav-pills .nav-item{width: 100%;}
    .common-section .main-feature .circle{display: flex;margin: 24px 0;}
    .card-view .card .sign-up{top: 0;}
    .card-view .card .bottom-content h2{display: none;}

 }

@media (max-width: 767.98px) {
    .metrics-wraper::before,.metrics-wraper::after{ display: none;}
     .banner-section .intro .controls{ position: unset; }
    .owl-rules .owl-nav.disabled+.owl-dots{ display: block;}


    .border-x::before,.border-y::after{ display: none;}

    nav .nav.filter-list,.nav.side-bar-nav {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: 100%;display: block;}
    nav .nav.filter-list::-webkit-scrollbar,.nav.side-bar-nav::-webkit-scrollbar {width: 0px;}




}

@media (max-width: 991.98px) {
    .mt-n5{margin-top: 0;}
    .brands-right-postion{ right: 0;}
    .price-table.web-view tr+tr{ display: none;}


    .common-section .main-card{height: 125px !important;}

}

@media (max-width: 1199.98px) {



 }

@media (max-width: 1399.98px) {
    .main-header .navbar-expand-lg .navbar-nav .nav-link{ padding:.7rem .5rem;}
    .primary-tab.scroll-title .nav-pills{ display: block;}

 }

 .common-section .main-card{height: 180px;justify-content: space-between;display: flex;align-items: center;flex-direction: column;position: absolute;left: 50%;top: 50%;text-align: center;width: 75%;transform: translate(-50%, -30%);}

.primary-tab .nav-pills .nav-item .nav-link{ font-size: 16px;white-space: initial; }