@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');


*{
	margin:0px;
	padding:0px;
}
a,a:hover,a:focus{
	text-decoration: none;
	color:#f07d00;
    cursor: pointer;
}

html {
  scroll-behavior: smooth;
}

body{
	overflow-x: hidden;
	font-weight: 400;
	line-height: 27px;
    font-family: 'Roboto', sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Poppins', sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #414141;
}
p{
	margin-top: 0px;
	margin-bottom: 5px;
}
ul li{
    list-style: none;
}


.m0{margin:0px!important;}
.m_t_10{margin-top:10px!important;}
.m_t_20{margin-top:20px!important;}
.m_t_30{margin-top:30px!important;}
.m_t_40{margin-top:40px!important;}
.m_t_50{margin-top:50px!important;}
.m_t_60{margin-top:60px!important;}
.m_t_70{margin-top:70px!important;}
.m_t_80{margin-top:80px!important;}
.m_t_90{margin-top:90px!important;}
.m_t_100{margin-top:100px!important;}

.m_b_10{margin-bottom:10px!important;}
.m_b_20{margin-bottom:20px!important;}
.m_b_30{margin-bottom:30px!important;}
.m_b_40{margin-bottom:40px!important;}
.m_b_50{margin-bottom:50px!important;}
.m_b_60{margin-bottom:60px!important;}
.m_b_70{margin-bottom:70px!important;}
.m_b_80{margin-bottom:80px!important;}
.m_b_90{margin-bottom:90px!important;}
.m_b_100{margin-bottom:100px!important;}

.p0{padding:0px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.p25{padding:25px!important;}
.p30{padding:30px!important;}
.p40{padding:40px!important;}
 
.p_t_10{padding-top:10px!important;}
.p_t_20{padding-top:20px!important;}
.p_t_30{padding-top:30px!important;}
.p_t_40{padding-top:40px!important;}
.p_t_50{padding-top:50px!important;}
.p_t_60{padding-top:60px!important;}
.p_t_70{padding-top:70px!important;}
.p_t_80{padding-top:80px!important;}
.p_t_90{padding-top:90px!important;}
.p_t_100{padding-top:100px!important;}

.p_b_10{padding-bottom:10px!important;}
.p_b_20{padding-bottom:20px!important;}
.p_b_30{padding-bottom:30px!important;}
.p_b_40{padding-bottom:40px!important;}
.p_b_50{padding-bottom:50px!important;}
.p_b_60{padding-bottom:60px!important;}
.p_b_70{padding-bottom:70px!important;}
.p_b_80{padding-bottom:80px!important;}
.p_b_90{padding-bottom:90px!important;}
.p_b_100{padding-bottom:100px!important;}

.text_white,.text_white:hover,.text_white:focus{color:#fff;}
 
.tablee{
	display: table;
	float:none;
	width:100%;
}
.tablee_row
{
	display: table-row;
	float:none;
}
.tablee_cell
{
	display: table-cell;
	float:none;
	vertical-align: middle;
}
.tablee.vtop .tablee_cell
{
	vertical-align: top;
}
.tablee.vbottom .tablee_cell
{
	vertical-align: bottom;
}
.navbar-default {
    background-color: #fff;    margin: 0px;
    border-color: #fff;
}
.navbar-default .navbar-nav>li>a {
    color: #414141;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    background: transparent!important;
    padding: 10px 0px;
    margin-left: 40px;
    font-family: 'Poppins', sans-serif;
}
.navbar-default .navbar-nav>.current-menu-item>a, .navbar-default .navbar-nav>.current-menu-item>a:focus, .navbar-default .navbar-nav>.current-menu-item>a:hover {
    color: #555;
    background-color: transparent;
}
.navbar-default .navbar-nav>li.current-menu-item>a:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 6px;
    left: 0px;
    background: #CBFD2B;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand>img {
    display: block;
    height: 80px;
}
.flex_col.align_center
{
	align-items: center;
}
.flex_col
{
	display:flex;
	flex-wrap: wrap;
} 

/* ---------- css --------- */

.navbar {
    min-height: 36px !important;
    margin-bottom: 0px !important;
    border: none !important;
}
.row.top_header {
    background: #414141;
    color: #fff;
	padding: 5px 0px;
}
.row.top_header p {
   margin-bottom: 0px;
   font-weight: 400;
   font-size: 14px;
}
.top_flex {
    display: flex;
    justify-content: end;
    gap: 28px;
}
.language a {
    color: #fff;
}
.header_icons a {
    background: #fff;
    width: 26px;
    height: 26px;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 7px;
}
.header_icons a i {
    color: #414141;
    font-size: 14px;
}
.top_logo img {
    max-width: 120px;
}
.loc_call {
    display: flex;
    align-items: center;
    gap: 15px;
}
.loc_call_text h4 {
    margin: 0px;
    color: #F9943B;
    font-size: 16px;
    font-weight: 600;
	margin-bottom: 4px;
}
.loc_call_text h5 {
    font-size: 14px;
    font-weight: 400;
    color: #414141;
    margin: 0px;
}
.details_header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
	gap: 25px;
}
.preheader {
    padding: 12px 0px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.mobile_logo {
    display: none;
}


/* --------------------- banner_section ------------------------- */

.banner_sec {
    padding-top: 10px;
    padding-bottom: 80px;
	position: relative;
}
.banner_sec .banner_text {
    position: relative;
    z-index: 99999999;
}
.banner_sec .banner_text h1 {
    font-size: 55px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 35px;
}
.banner_sec .banner_text p {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 55px;
    line-height: 1.2em;
}
.banner_btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    z-index: 1;
}
.btn1 {
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    color: #414141;
    padding: 19px 40px 18px 40px;
    border-radius: 55px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    /* z-index: 99; */
	font-family: 'Poppins', sans-serif;
}
.btn1:hover{
 
	color: #414141 !important;
	transition: all 0.3s ease-in-out;
}
.btn2 {
    background: #414141;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 19px 40px 18px 40px;
    border-radius: 55px;
    text-transform: uppercase;
    z-index: 1;
	/* z-index: 99; */
	font-family: 'Poppins', sans-serif;
}
.btn2:hover{
	color: #414141;
	background: #fff !important;
	transition: all 0.3s ease-in-out;
}
.same_btn{
	position: relative;
    z-index: 1;
}
.same_btn:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 50px;
    background: #CBFD2B;
    border-radius: 30px;
    top: 7px;
    right: 16px;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    z-index: -1;
}
.video_btn a {
    font-size: 14px;
    font-weight: 600;
    color: #404040;
	font-family: 'Poppins', sans-serif;
}
.video_btn img{
	margin-right: 8px;
    z-index: 1;
}
.same_btn:hover:before{
	top:0px;
	right:0px;
	width:100%;
	height: 100%;
}

/* ----------------- process_sec --------------- */

.process_sec{
	padding-top: 100px;
	padding-bottom: 80px;
	position: relative;
}
/* .process_sec::before {
    content: "";
    position: absolute;
    background-image: url(/images/front/waves.png);
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    top: -90px;
    left: 0;
} */
.same_heading h3 {
    font-size: 20px;
    font-weight: 400;
    color: #F9943B;
    display: initial;
	position: relative;
    padding-left: 47px;
}
.same_heading h3::before{
	content: "";
	position: absolute;
	background-color:rgba(249, 148, 59, 0.5);
	width: 40px;
	height: 2px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.process_sec h2 {
    font-size: 50px;
    font-weight: 600;
    color: #414141;
    margin-top: 10px;
    line-height: 1.2em;
}
.process_box{
	background: #FFFFFF;
    box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
    border-radius: 48px;
}
.step_text h3 {
    font-size: 45px;
    font-weight: 800;
    color: #CBFD2B;
	display: initial;
}
.step_text h3::after {
    content: "";
    position: absolute;
    width: 111px;
    height: 1px;
    bottom: -10px;
    background: rgba(65, 65, 65, 0.2);
    left: 0;
    right: 0;
    margin: auto;
}
.step_text {
    margin-bottom: 35px;
	position: relative;
}
.process_text h4 {
    font-size: 30px;
    font-weight: 600;
    color: #414141;
    margin-bottom: 15px;
}
.process_text p {
    font-size: 20px;
    font-weight: 400;
    color: rgba(65, 65, 65, 0.8);
	max-width: 585px;
	margin: auto;
}
img.step_1_img {
    margin-top: -50px;
}
img.step_2_img {
    margin-bottom: -50px;
}



/* --------------  about section -------------- */

.about_sec{
	padding-top: 100px;
	padding-bottom: 80px;
	position: relative;
}
.about_text h2 {
    font-size: 40px;
    line-height: 1.1em;
    font-weight: 600;
	margin-top: 5px;
}
.about_text p {
    font-size: 18px;
    color: #414141;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}
.about_text li {
    color: #414141;
    font-size: 18px;
    font-weight: 500;
}
.about_text ol {
    margin-bottom: 30px;
    margin-top: 15px;
}
.equal_btns.banner_btns .btn1 {
    background: #cbfd2b;
	box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
}
.equal_btns.banner_btns .btn1:hover {
    background: #fff;
	color: #414141 !important;
	box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
}
 
.equal_btns .same_btn:before {
    background: #fff;
}
.equal_btns.banner_btns .btn2 {
    background: #fff;
	color: #414141;
	box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
}
.equal_btns.banner_btns .btn2:hover {
    background: #cbfd2b !important;
	color: #414141 !important;
	box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
}
 
.equal_btns.banner_btns .btn2:before {
    background: #cbfd2b;
}
.equal_btns .same_btn:before {
    background: #fff;
}


/* ------------- watch video section ---------------- */

.watch_video_sec{
	padding-top: 130px;
	padding-bottom: 130px;
}
.watch_video_sec .same_heading h3 {
    color: #ffff;
}
.watch_video_sec .same_heading h3::before {
    background-color: rgb(255 255 255 / 50%);
}
.watch_video_sec .about_text h2{
	color: #fff;
}
.watch_video_sec .about_text p{
	color: #fff;
	margin-bottom: 30px;
}
.watch_video_sec .same_heading {
    margin-bottom: 14px;
}
.rotate {
	animation: rotation 5s infinite linear;
	cursor: pointer;
}
@keyframes rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(359deg);
	}
}

/* ---------------- counter_sec ------------------- */

.counter_sec{
	background-color: rgba(220, 220, 220, 0.1);
	padding-top: 50px;
	padding-bottom: 50px;
}
.counter-desc {
    font-size: 20px;
    font-weight: 500;
    color: #414141;
}
.client_box h2 {
    font-size: 50px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}
.client_box img { border-radius: 50%; }
.plan_sec, .gallery_sec , .lorem_sec , .blog_sec { padding-top: 60px; padding-bottom: 60px; }
.plan_sec h2 ,.gallery_sec h2 ,.lorem_sec h2, .review_sec h2 ,.blog_sec h2{
    font-size: 50px;
    font-weight: 600;
    margin-top: 10px;
    color: #414141;
}
.top_heading h4.q2 { border: 1px solid #C7F82B !important; }
.top_heading h4.q3 { border: 1px solid #7E949A !important; }
.plan_box {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
    border-radius: 27px;
    padding: 55px 40px;
}
.top_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottom_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_heading h3 {font-size: 25px; font-weight: 600; }
.top_heading h4 {
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #F9943B;
    border-radius: 13px;
    padding: 8px 10px 7px;
}
.plan_box p {
    font-size: 16px;
    color: rgba(65, 65, 65, 0.8);
    font-weight: 400;
    line-height: 1.4em;
    margin-top: 10px;
    margin-bottom: 15px;
}
.plan_box li {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
    padding-left: 30px;
    position: relative;
}
.plan_box li::before {
    content: "";
    position: absolute;
    background-image: url(/images/front/Vector.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    left: -15px;
    top: -12px;
}
.underline {
    font-size: 14px;
    font-weight: 600;
    color: #414141;
    text-decoration: underline;
    margin-bottom: 25px;
    display: block;
}
.plan_content { min-height: 370px; }
.section_head .logo_img
{
	height: 50px;
}
.section_body .gaming_boxes .game_box img
{
	width:100%;
	height: 100%;
	object-fit:cover;
}
.section_body .gaming_boxes .game_box {
    width: 31%;
    height: 280px;
    margin: 10px;
}
.section_body .gaming_boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
}
.section_body.active { display: block; }
.section_body { display: none; }
.section_head
{
	display:flex;
	background: rgba(0,0,0,0.8);
	justify-content: center;
	padding:10px 20px;
	align-items: center;
}
.tab_section h4 {
    color: rgba(65, 65, 65, 0.4);
    font-weight: 400;
}
.section_head_tab .tab_section a.active h4 {
    color: #414141;
    font-weight: 600;
}
.section_head_tab .tab_section a img { height:60px; }
.section_head_tab .tab_section { display: flex; }
.section_head_tab .tab_section a:last-child { border:none; }
.section_head_tab .tab_section a.active img { filter:brightness(0) invert(1); }
.section_head_tab .tab_section a.active { border-bottom: 2px solid #cbfd2b; }
.section_head_tab .tab_section a {
    color: #fff;
    padding: 10px 0px;
    margin: 0px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2em;
}
.section_head_tab {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}
.location_box {
    background: #CBFD2B;
    box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 30px;
    /* margin: 0px 15px 40px 15px; */
    margin: 0px 5px 5px 5px;
    min-height: 400px;
}
.location_box h3 { font-size: 20px; font-weight: 700; line-height: 1.4em; }
.location_box p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(65, 65, 65, 0.8);
    margin-top: 10px;
}
.location_box img { margin-left: -15px; }

.review_sec{ padding-top: 60px; padding-bottom: 60px;background: rgba(220, 220, 220, 0.1); }
.review_box img { max-width: 100px; margin: auto; padding-bottom: 20px; }
.stars i {
    color: #FFD22E;
    font-size: 22px;
    margin-bottom: 15px;
}
.review_box h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
}
.review_box p {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    max-width: 722px;
    margin: auto;
    margin-bottom: 30px;
}
.review_sec .same_heading h3 {
    font-size: 18px;
    color: #414141;
    font-weight: 400;
}
.review_sec .same_heading h3::before {
    background-color: rgb(65 65 65 / 50%);
}
.same_heading.a2 h3 {
    color: #f9943b;
}
.same_heading.a2 h3::before {
    background-color: rgb(249 153 69 / 76%);
}
.owl-dot {
    width: 16px;
    height: 16px;
    border: 1px solid #414141;
    border-radius: 50%;
}
.owl-dots {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 50px;
}
.owl-dot.active { background-color: #414141; }
.owl-prev {
    position: absolute;
    top: 40%;
    left: -10px;
    width: 52px;
    height: 52px;
    font-size: 26px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #414141;
    border-radius: 50%;
    background: #CBFD2B;
}
.owl-next {
    position: absolute;
    top: 40%;
    right: -10px;
    width: 52px;
    height: 52px;
    font-size: 26px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #414141;
    border-radius: 50%;
    background: #CBFD2B;
}
.blog_box h6 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(65, 65, 65, 0.7);
    margin-top: 20px;
    margin-bottom: 10px;
}
.blog_box h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 5px;
}
.blog_box p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(65, 65, 65, 0.8);
    margin-top: 10px;
    margin-bottom: 20px;
}
.blog_box a {
    font-size: 18px;
    font-weight: 600;
    color: #414141;
    position: relative;
}
.blog_box a:after {
    content: "";
    position: absolute;
    background-image: url(/images/front/Line_12.png);
    width: 60px;
    height: 20px;
    background-repeat: no-repeat;
    top: 0;
    background-position: center;
    left: 80px;
}
.blog_box {
    background: #FBFBFB;
    padding: 15px;
}
.blog_sec .owl-prev {
    top: -20%;
    left: 90.5%;
}
.blog_sec .owl-next {
    top: -20% !important;
}
.footer_sec{
    background-color:#414141 ;
    padding-top: 60px;
    padding-bottom: 70px;
    color: #fff;
}
.footer_logo{ max-width: 182px; }
.first_col p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    margin-top: 25px;
}
.first_col .header_icons a {
    background: #CBFD2B;
    width: 40px;
    height: 40px;
    margin-right: 7px;
    margin-left: 0;
}
.first_col .icons {
    margin-top: 26px;
}
.first_col .header_icons a i {
    font-size: 20px;
}
.footer_box h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px;
}
.footer_box li a {
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px;
    display: block;
}
.footer_box p {
    font-size: 18px;
    font-weight: 300;
    color: rgb(255 255 255 / 80%);
}
.footer_box a {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 5px;
    color: rgb(255 255 255 / 80%);
}
.footer_box .form-control {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.btn-submit {
    position: relative;
    background: #cbfd2b;
    border-radius: 50px;
}
.btn-submit:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50px;
    bottom: 0px;
    right: 0px;
    width: 65px;
    height: 45px;
    margin: auto;
    background: #fff;
    border-radius: 50px;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.btn-submit:hover:after
{
	 
	left:0px;
	width:100%;
	height: 100%;
}
input.footer_btn.form-control {
    background: transparent;
    padding: 16px 60px 17px;
    border: none;
    width: auto;
    color: #414141;
    height: 56px;
    border-radius: 43px;
    font-size: 18px;
    font-weight: 600;
    position: relative; 
    z-index: 2;
}
footer  .btn-submit
{
	display: inline-block;
}


/* ------------- contact page css ---------------- */

.contact_form .form-control {
    display: block;
    width: 100%;
    color: #555;
    border: 1px solid rgb(65 65 65 / 50%);
    border-radius: 8px;
    min-height: 40px;
}
.contact_form input.footer_btn.form-control {
    background-position: 57% 5px;
    width: 100%;
    box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1)
}
.form-control:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(203 253 43 / 56%);
}
.contact_lorem_sec .location_box img {
    margin: auto;
}
.contact_lorem_sec .location_box{
    min-height: auto;
} 
.contact_lorem_sec .location_box a {
    color: #414141;
}
a.third_text {
    font-weight: 400;
}  
.contact_lorem_sec .location_box a {
    color: #414141;
    text-decoration: underline;
} 
.first_text{
    text-decoration: none !important;
}
.contact_sec .about_text h2 {
    font-weight: 800;
}
.contact_lorem_filmy_sec .location_box {
    margin: 0px 5px 40px 5px;
    min-height: 290px;
}



/* ------------ Contact Form Css --------------- */
.check_box_border p
{
	font-weight: 400;
	font-size: 18px;
	line-height: 143.5%;
}
.check_box_border {
	background: #CBFD2B;
	box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
	border-radius: 37.8px;
	text-align: center;
	padding: 40px 10px;
	margin: 15px 0px;
	width: 100%;
	transition: all 0.5s ease-in-out;
   
}
.check_box_border:hover
{
	transform: scale(1.05,1.05);
}
.check_box_border.checked_b .check_icon .icon_img
{
	display: none;
}
.check_box_border.checked_b  p
{
	color: #414141;
}
.check_box_border.checked_b 
{
	background: #EEEEEE;
	border: 1px solid #A8A8A8;
}
.check_box_border select {
	background: none;
	color: #202020;
	border: 1px solid #202020;
	padding: 2px 10px;
	border-radius: 6px;
	outline: none;
}
a.same_btn.btn2.btn_n:before{
	z-index: 1;
}
a.same_btn.btn2.btn_n span
{
	z-index: 2;
	position: relative;
}
 
a.same_btn.btn2.btn_n
{
	padding: 19px 70px 18px 60px;
	    display: inline-block;
}
a.same_btn.btn2.btn_n:hover {
	background: #cbfd2b!important;
}
.range_box h4
{
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.range_box .digits {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}
.range_top {
	display: flex;
	justify-content: space-between;
	text-align: center;
	font-family: 'Poppins';
}
.slidecontainer {
	padding: 0px 30px;
}
.slidecontainer {
	width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 100%; /* Full-width */
	height: 13px; /* Specified height */
	background: linear-gradient(90deg, #CBFD2B 0%, #CBFD2B 34.9%, #F9943B 100%);
	outline: none; /* Remove outline */
	opacity: 1; /* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
	border-radius: 50px;
}

/* Mouse-over effects */
.slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	width: 4px; /* Set a specific slider handle width */
	height: 21px; /* Slider handle height */
	background: #202020; /* Green background */
	cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
	width: 4px; /* Set a specific slider handle width */
	height: 21px; /* Slider handle height */
	background: #202020; /* Green background */
	cursor: pointer; /* Cursor on hover */
}

.check_box_border.checked_b .check_icon .check_img
{
	display: block;
}
.check_box_border .check_icon .check_img
{
	display: none;
    pointer-events: none;
}
.check_box_border .check_icon .icon_img
{
	display: block; 
    pointer-events: none; 
}
.check_box_border .check_icon
{
	position: relative;
}
.check_box_border .check_icon input.check_h {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    width:100%;
    height:100%;
    opacity: 0;
}
.check_box_border img {
	width: 100%;
	height: 90px;
	margin-bottom: 10px;
	object-fit: contain;
	cursor: pointer; 
    
}
.step_form_steps h2
{
	font-weight: 600;
	font-size: 35px;
	line-height: 115%;
} 
.plan_box_s p
{
	font-size: 16px;
    line-height: 130.5%; 
    color: rgba(65, 65, 65, 0.8);
}
.plan_box_s h3
{
	font-family: poppins;
	font-size: 25px;
    line-height: 115%;
    font-weight: 600;
}
.plan_box_s ul 
{
	list-style-type: none;
    margin:0px;
    margin-top:20px;
	
}
.plan_box_s .same_btn.btn1:hover:before
{
    background: #fff;
}
.plan_box_s .same_btn.btn1:hover
{
	background: #fff;
	color:#000!important;
}
.plan_box_s .same_btn.btn1:before
{
	background: #FFFFFF;
}
.plan_box_s .plan_head .badgeee.blacks
{
	border-color:#7E949A;
	
}
.plan_box_s .plan_head .badgeee.yellows
{
	border-color:#C7F82B;
}
.plan_box_s .plan_head .badgeee
{
	font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 15.083px;
    border: 1px solid #F9943B;
    background:transparent;
    padding: 5px 20px;
    text-transform: uppercase; 
    border-radius: 15px;
    margin-left: 10px;
}
.plan_box_s .foot_plan
{
	margin-top: auto;
	padding-top:20px;
}
.plan_box_s .plan_head
{
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
.plan_box_s .same_btn.btn1
{
	display: inline-block;
	margin-top:10px;
	background: #C7F82B;
	margin-right: 10px;
	box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
}
.plan_box_s .learn_more_btn
{
	display: block;
	color:#414141;
	text-decoration: underline;
}
.plan_box_s ul li:before
{
	content:"";
	background: url(/images/front/check.svg) center center / contain no-repeat;
	width:22px;
	height: 22px;
	margin-right: 20px;
	min-width: 22px;
}
.plan_box_s ul li
{
	font-family: 'Roboto'; 
    font-weight: 400;
    font-size: 18px;
    line-height: 115%;
    padding:5px 0px;
    display: flex;
    align-items: flex-start;
    margin:5px 0px;
}
.plan_box_s
{
	box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
    border-radius: 27px;
    margin:15px 0px;
    padding:40px 30px;
    display: flex;
    flex-direction: column;
}
.step_form_steps.active
{
	display: block;
}
.step_form_steps
{
	display:none;
}

.progress_bar_c:before
{
	content: "";
	position: absolute;
	top:0px;
	left: 0px;
	width:33%;
	background: #414141;
    border-radius: 36px;
	bottom: 0px;
}
.progress_bar_c#step_3:before
{
	width:100%;
}
.progress_bar_c#step_2:before
{
	width:66%;
}
.progress_bar_c#step_1:before
{
	width:33%;
}
.progress_bar_c
{
	width:100%;
	max-width: 500px;
	margin:10px auto;
	height: 10px;
	background: rgba(196, 196, 196, 0.5);
    border-radius: 36px;
    position: relative;
    overflow: hidden;
}

.row .plan {
    height: 120px;
  }

/* ------------ media query --------------- */

@media screen and (min-width: 1440px) {
 
}
@media screen and (max-width: 1440px) {
	 
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (min-device-width: 981px) and (max-device-width: 1200px) { 

    .plan_box { padding: 30px 12px; }
    .location_box {
        padding: 20px;
        margin: 0px 5px 30px 5px;
        min-height: 370px;
    }
    .blog_sec .owl-prev { left: 87.5%; }
}
@media screen and (max-width: 990px) {
    .banner_sec .banner_text h1 { font-size: 38px; margin-bottom: 10px; }
    .banner_sec .banner_text p { font-size: 24px; margin-bottom: 20px;}
    .banner_btns { gap: 10px; }
    .process_sec::before { height: 150px; }
    .btn1 { padding: 15px 30px 16px 30px; }
    .btn2 { padding: 15px 30px 16px 30px; }
    .same_btn:before { width: 70px; height: 44px; }
    .process_sec h2 { font-size: 32px; }
    .process_sec {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .step_text h3 { font-size: 28px; }
    .step_text { margin-bottom: 20px; }
    .process_text h4 {
        font-size: 24px;
        font-weight: 600;
        color: #414141;
        margin-bottom: 10px;
    }
    .process_text p { font-size: 14px; line-height: 1.5em; }
    .about_text h2 { font-size: 32px; }
    .about_sec { padding-bottom: 60px; }
    .watch_video_sec { padding-top: 60px; padding-bottom: 60px; }
    .rotate { margin-top: 50px; }
    .client_box h2 { margin-top: 15px; margin-bottom: 6px;font-size: 32px; }
    .plan_sec h2, .gallery_sec h2, .lorem_sec h2, .review_sec h2, .blog_sec h2 {
        font-size: 32px;
    }
    .plan_box {
        margin-bottom: 25px;
        padding: 30px;
    }
    .plan_sec, .gallery_sec, .lorem_sec, .blog_sec {
        padding-top: 56px;
        padding-bottom: 30px;
    }
    .section_body .gaming_boxes .game_box {
        width: 30%;
        height: 170px;
    }
    .section_body .gaming_boxes {
        margin-top: 24px;
    }
    .location_box {
        min-height: auto;
    }
    .blog_sec .owl-prev {
        left: 83.5%;
    }
    .footer_sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .footer_box {
        margin-top: 20px;
    }
    .first_col {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 767px) 
{
	.m_t_10{margin-top:5px!important;}
	.m_t_20{margin-top:10px!important;}
	.m_t_30{margin-top:15px!important;}
	.m_t_40{margin-top:20px!important;}
	.m_t_50{margin-top:25px!important;}
	.m_t_60{margin-top:30px!important;}
	.m_t_70{margin-top:35px!important;}
	.m_t_80{margin-top:40px!important;}
	.m_t_90{margin-top:45px!important;}
	.m_t_100{margin-top:50px!important;}

	.m_b_10{margin-bottom:5px!important;}
	.m_b_20{margin-bottom:10px!important;}
	.m_b_30{margin-bottom:15px!important;}
	.m_b_40{margin-bottom:20px!important;}
	.m_b_50{margin-bottom:25px!important;}
	.m_b_60{margin-bottom:30px!important;}
	.m_b_70{margin-bottom:35px!important;}
	.m_b_80{margin-bottom:40px!important;}
	.m_b_90{margin-bottom:45px!important;}
	.m_b_100{margin-bottom:50px!important;}

	.p_t_10{padding-top:5px!important;}	
	.p_t_20{padding-top:10px!important;}
	.p_t_30{padding-top:15px!important;}
	.p_t_40{padding-top:20px!important;}
	.p_t_50{padding-top:25px!important;}
	.p_t_60{padding-top:30px!important;}
	.p_t_70{padding-top:35px!important;}
	.p_t_80{padding-top:40px!important;}
	.p_t_90{padding-top:45px!important;}
	.p_t_100{padding-top:50px!important;}

	.p_b_10{padding-bottom:5px!important;}
	.p_b_20{padding-bottom:15px!important;}
	.p_b_30{padding-bottom:30px!important;}
	.p_b_40{padding-bottom:20px!important;}
	.p_b_50{padding-bottom:25px!important;}
	.p_b_60{padding-bottom:30px!important;}
	.p_b_70{padding-bottom:35px!important;}
	.p_b_80{padding-bottom:40px!important;}
	.p_b_90{padding-bottom:45px!important;}
	.p_b_100{padding-bottom:50px!important;}
	
    .desktop_logo {
        display: none;
    }
    .mobile_logo {
        display: block;
    }
    .preheader {
        display: none;
    }
    .banner_sec .banner_text {
        text-align: center;
    }
    .banner_btns {
        justify-content: center;
    }
    .banner_sec {
        padding-top: 80px;
    }
    .banner_img {
        max-width: 45%;
    }
    .navbar-toggle {
        margin-top: 28px !important;
    }
    .process_box {
        margin: 0px;
    }
    img.step_1_img {
        margin-top: -20px;
    }
    img.step_2_img {
        margin-bottom: -20px;
    }
    .about_text{
        text-align: center;
    }
    .plan_content {
        min-height: auto;
    } 
    .plan_sec .flex_col {
        display: block;
    }
    .first_col p {
        margin-top: 0px;
    }
    .process_box {
        padding: 20px 0px;
    }
    .about_text h2 {
        font-size: 26px;
    }
    .section_body .gaming_boxes .game_box {
        width: 46%;
    }
    .blog_sec .owl-next,.blog_sec .owl-prev {
        display: none;
    }
    .footer_box {
        margin-top: 35px;
    }
    img.step_1_img {
        margin-top: -20px;
        margin-bottom: 20px;
    }
    img.step_2_img {
        margin-bottom: 10px;
    }
    div#bs-example-navbar-collapse-1 {
        position: absolute;
        background: #fff;
        width: 100%;
        z-index: 99999999999;
    }
    .navbar-default .navbar-nav>li>a {
        margin-left: 20px;
    }
    .navbar-default .navbar-nav>li.current-menu-item>a:before {
        width: 95%;
    }
    .process_box  img {
        max-width: 40%;
        margin: auto;
    }
    img.step_1_img {
        padding-bottom: 32px;
    }
}
@media screen and (max-width: 480px) {
    .banner_sec {
        padding-top: 50px;
        padding-bottom: 110px;
    }
    .banner_img {
        max-width: 80%;
    }
    .process_sec h2 {
        font-size: 22px;
    }
    .same_heading h3 {
        font-size: 18px;
    }
    .counter-box .col-md-4.col-sm-4.col-xs-4 {
        width: 100% !important;
    }
    .client_box {
        margin-bottom: 25px;
    }
    .section_head_tab .tab_section a {
        margin: 0px 10px;
    }
    .plan_sec h2, .gallery_sec h2, .lorem_sec h2, .review_sec h2, .blog_sec h2 {
        font-size: 24px;
    }
    .section_body .gaming_boxes .game_box {
        width: 100%;   
        height: 200px;
    }
    .plan_sec, .gallery_sec, .lorem_sec, .blog_sec {
        padding-top: 26px;
        padding-bottom: 30px;
    }
    .owl-next {
        top: 66%;
    }
    .owl-prev {
        top: 66%;
    }
    .review_box {
        margin-top: 20px;
    }
    .btn1 {
        padding: 12px 20px 12px 20px;
        font-size: 16px;
    }
    .btn2 {
        padding: 12px 20px 12px 20px;
        font-size: 16px;
    }
    .same_btn:before {
        width: 60px;
        height: 37px;
    }
    .process_sec::before {
        height: 100px;
    }

}

/* Styling modal */
.modal-button {
    padding: 16px 60px 17px;
    border: none;
    width: auto;
    color: #000;
    height: 56px;
    border-radius: 43px;
    font-size: 16px;
    font-weight: 600;
    position: relative; 
    z-index: 2;
    display: inline-block;
}

.modal-button:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 50px;
    background: #cbfd2b;
    color: #414141;
    border-radius: 30px;
    top: 7px;
    right: 16px;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    z-index: -1;
}

a.modal-button {
    color: #000;
}

a.modal-button:hover {
    color: #414141 !important;
	transition: all 0.3s ease-in-out;
	background: #cbfd2b !important;
}

.modal {
    text-align: center;
    padding: 0!important;
    z-index: 10000000 !important;
  }
  
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
  
  .modal-dialog {
    position: relative; 
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }