@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
body { font-family: "Red Hat Display", sans-serif;  outline:none; position:relative; font-size:16px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; letter-spacing: normal; font-weight: regular; webkit-font-smoothing: antialiased; color:#000; }

header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h1, h2, h3{ font-family: 'Rubik', sans-serif; padding: 0; margin: 0; font-weight:700;}
h1, h2{ width:100%; font-size:38px; padding:0; margin:0; color:#000; font-weight:600; color:#282938;}
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; transition: ease-in .3s; }
input:focus, select:focus{ outline:none;}
.container{ max-width: 1180px; }
.container-fluid{ max-width: 1280px; }
header {
    width: 100%;
    float: left;
    color: #000;
    padding: 2px 0;
    background: #fff;
    transition: ease-in .3s;
    position: absolute;
    top: 0;
    left: 0;
}
.inner_bnr_area label {
    margin: 0;
    font-size: 14px;
}
.bnr-box-area {
    display: flex;
    justify-content: flex-start;
    gap: 25px;
    align-items: center;
}
.inner_bnr_area label img {
    height: auto;
    margin-right: 3px;
}
.inner_bnr_area label span{
    color: #cea97a;
}
header.dark_head{ background:#00283C; }
header.sticky {
    position: fixed;
    z-index: 500;
    box-shadow: 0 0px 9px 0 #dcdcdc;
    padding: 5px 0;
    background: #100131;
}
header .logo_area {
    padding: 0px 0px 0;
    z-index: 1;
    position: relative;
}
header .logo_area img {
    max-width: 100%;
    width: auto;
    height: 58px;
}
.displ_nn{ display:none;}
.align_center{ align-items:center; }
nav {
    width: 100%;
    height: auto;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: .5px;
    padding: 0px 0px;
    position: relative;
    max-width: 100%;
    z-index: 1;
}
nav ul{ width: auto; padding:0px; margin:0px 0 0;  float:right; text-align:center; letter-spacing: .5px;     display: flex;   align-items: center; }
nav ul li { width:auto; display:inline; position:relative; margin:0 18px; }
nav ul li a {
    width: auto;
    padding: 0px 0px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
}
nav ul li a:hover, nav ul li a.active{ color:#fff;  }
 nav ul li a.active{ font-weight:700; }
nav ul li.demo_request{ margin: 0 0 0 30px; }
p{ font-size:16px; line-height:24px; color:rgba(40, 41, 56, .7) }
header.dark_head nav ul li a{ color:#fff; }
.admin_top{ width:auto; display:flex; flex-flow:row;color:#fff; text-align:left;align-items:center; }
.admin_top figure{ margin:0 8px 0 0; }
.admin_top .dtls{ margin-right:60px; }
.admin_top .dtls span{ display:block; font-size:12px; color:rgba(255, 255, 255, .7) }
.admin_top .dtls label{ margin:0; }

nav ul li.demo_request a{ width:auto;  color:#fff; font-weight:700; font-size:16px; border-radius:30px; padding:15px 30px;  }

.button-2 { color: #fff;  border: 3px solid #fccd99;  background-image: -webkit-linear-gradient(30deg, #fccd99 50%, transparent 50%);  background-image: linear-gradient(30deg, #fccd99 50%, transparent 50%);  background-size: 500px;  background-repeat: no-repeat;  background-position: 0%;  -webkit-transition: background 300ms ease-in-out;  transition: background 300ms ease-in-out;
}
.button-2:hover {  background-position: 100%;  color: #fccd99;}

.button-3 { color: #fff;  border: 3px solid #fccd99;  background-image: -webkit-linear-gradient(30deg, #fccd99 50%, transparent 50%);  background-image: linear-gradient(30deg, #fccd99 50%, transparent 50%);  background-size: 1000px;  background-repeat: no-repeat;  background-position: 0%;  -webkit-transition: background 300ms ease-in-out;  transition: background 300ms ease-in-out;
}
.button-3:hover {  background-position: 100%;  color: #fccd99;}

nav ul li:hover a, nav ul li.active a, nav ul li.current-menu-item a{  color:#fecc18;}
nav ul li a span{ color:#54B74C; font-weight:400;}
nav ul li a img{ vertical-align:middle;}
nav ul li.menu-item-has-children::before{ content:"\f107"; font-family:"fontawesome"; position:absolute; right:-20px; top:3px; color:#fff; z-index:10; }
nav ul li.menu-item-has-children:hover::before{ transform:rotate(180deg); top:3px; color:#fff;}
nav ul li:last-child a{ border:none;}
nav ul li ul.sub-menu {margin: 0;    padding:0px 0; position: absolute; z-index: 999;   width: 250px;top: 50px; left:-40px;  box-shadow: ;   transform: scale(1, .5);    -webkit-transform: scale(1, .5);    -moz-transform: scale(1, .5);   transform-origin: top;  -webkit-transform-origin: top;-moz-transform-origin: top;   visibility: hidden; opacity: 0; background: #fff; color:#000; overflow:auto; transition:ease-in .3s; flex-flow:wrap; border-radius:12px; box-shadow:0 0 8px 0 #ccc; }
nav ul li:hover ul.sub-menu {opacity: 1;visibility: visible;transform: scale(1, 1);  -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1);}
nav ul li div.drop1_list h3{}
nav ul li ul.sub-menu  li{flex:0 0 100%; margin:5px 0; border-bottom:solid 1px #eee;  text-align:left;}
nav ul li ul.sub-menu  li:last-child{ border:none;}
nav ul li ul.sub-menu  li a::after{ display:none;}
nav ul li ul.sub-menu li a{ color:#000; padding:10px; font-size:14px; display:block; text-align:center; background:none; border-radius:0; text-transform:uppercase}
.mobile_nav{ width:30px; float:right; background:none; border:solid 0px #fff; border-width:0px; height:35px; margin:0px; color:#000; font-size:16px; text-transform:uppercase;  padding:0 0px 0 0; cursor:pointer; top:50px; display:none;  }

.nav_right{ left:0px !important; z-index:500; background: #fff;  -webkit-animation:menu .7s;  animation:menu .7s; top:0px; width:300px !important; height:100vh !important; }
button.sub-menu-toggle{ display:none;}



.mobile_nav{ width:100%; float:right;  height:45px; line-height:45px; color:#fff; font-size:16px; text-transform:uppercase;  padding:0 5px; cursor:pointer; display:none;  top:0px; }

.nav_right{ right:-15px; z-index:500; background: #fff;  -webkit-animation:menu .1s;  animation:menu .1s; top:70px; min-width: 305px;}
.hide_nav{ display: none; }
@keyframes menu{
0%{opacity:1; }
100%{opacity:1;}
}
@-webkit-keyframes menu{
0%{opacity:1; }
100%{opacity:1;}
}
svg path{ transition:ease-in .3s; }

.top_banner{ width:100%; float:left; position:relative; padding:140px 0 100px; overflow:hidden;background: linear-gradient(38.55deg, #0f0231 6.34%, #24033f 14.17%, #300447 20.7%, #36044b 27.9%, #3b044e 35.96%, #480557 46.28%, #52055d 51.91%, #39044d 65.12%, #330449 73.33%, #2d0345 79.37%, #0f0231 94.37%);}
.top_banner figure{ width:100%; float:left; margin:0; text-align:right; }
.top_banner figure img {
    max-width: 490px;
    height: 450px;
    width: 100%;
}
.bnr-box-area figure {
    width: auto;
    text-align: left;
    margin: 0;
}
.bnr-box-area p {
    font-size: 16px !important;
    line-height: 24px !important;
    opacity: 0.7;
}
.bnr-box-area figure img {
    width: 130px;
    height: 130px;
    border-radius: 7px;
}
ul.nner_bnr_area {
    display: flex;
    gap: 26px;
    margin: 40px 0 0;
}
ul.nner_bnr_area li img {
    width: 40px;
    height: 40px;
}
ul.nner_bnr_area li h4 {
    font-size: 14px;
    opacity: 0.7;
    font-weight: 400;
    margin: 8px 0 0;
}
.nner_bnr_area li {
    text-align: center;
    position: relative;
}
.nner_bnr_area li::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    right: -13px;
    top: 0;
    background: linear-gradient(rgba(205, 167, 119, 0) 0%, rgb(205, 167, 119) 31.77%, rgb(205, 167, 119) 71.35%, rgba(205, 167, 119, 0) 100%);
}
.top_banner .banner_txt{ width: 100%; float: left; text-align: left;  color: #fff;padding-left: 20px; }
.top_banner .banner_txt h1 {
    font-size: 40px;
    margin: 0 0 15px;
    color: #fff;
    line-height: 1.5;
    opacity: 0.88;
}
.top_banner .banner_txt h1 span {
    display: block;
}
.top_banner .banner_txt p{ font-size: 16px; font-weight: 400; margin: 0 0 30px; line-height:24px; color:#fff; }
.top_banner .banner_txt a.read_more, a.read_more{width:auto;  font-weight:400; font-size:16px; border-radius:5px; padding:14px 30px;  display: inline-block; margin: 10px 0 0;  margin-right:40px; }
.top_banner .banner_txt a.learn_more { color:#fff; }
.top_banner .banner_txt a.learn_more svg{ margin-left:5px; }
.top_banner .banner_txt a.learn_more:hover{color:#fccd99;}
.top_banner .banner_txt a.learn_more:hover svg  path{stroke:#fccd99;}
.top_banner .banner_txt p span{ display: block; }

.stats_area{ width:100%; float:left; padding:75px 0; background:#EEF2F5; }
.stats_area ul{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; margin:0; align-items:center; }
.stats_area ul.stats{ width:100%; max-width:390px; }
.stats_area ul.stats li h3{ font-size:32px; color:#282938; font-weight:600;  }
.stats_area ul.stats li p{ font-size:16px; font-weight:400;color:#282938; margin:0; }
.stats_area ul.logo_icon{ width:100%; float:right; max-width:760px; padding:0; margin:0; }

.topics_area {
    width: 100%;
    float: left;
    padding: 80px 0;
    background-image: url(../images/home-page-wallpaper.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.topics_area::before {
    position: absolute;
    content: '';
    background-color: #1f043c;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 75%;
}
.line-section {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) -3.83%, rgba(206, 168, 121, 0.8) 49.57%, rgba(255, 255, 255, 0) 100.14%);
    height: 3px;
    width: 100%;
    margin: 72px 0 0;
}
.topics_area .main-heading {
    color: #997960;
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    text-align: center;
}
section.topics_area p {
    opacity: 0.88;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 24px 0 0;
}
section.topics_area span.button-label {
    color: rgb(206, 168, 121);
    height: 40px;
    margin: auto;
    text-align: center;
    display: block;
    line-height: 40px;
    margin: 8px 0 0;
    font-size: 14px;
}
.topics_area ul.topic_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:15px 0;}
.topics_area ul.topic_list li{ flex:0 0 32%; min-width:405px; max-width:405px; background:#EEF2F5; padding:45px; margin:20px 0;}
.topics_area ul.topic_list li figure{ width:40px; height:40px; background:#fccd99; color:#fff; border-radius:5px; float:left; position:relative; font-weight:700; font-size:20px; text-align:center; line-height:40px; overflow:hidden}
.topics_area ul.topic_list li figure::after{ content:''; position:absolute; width:40px; height:40px; border-radius:5px; background:#FFDE00; left:-31px; bottom:-14px;}
.topics_area ul.topic_list li h3{ width:100%; float:left; color:#282938; font-size:24px; font-weight:500; margin:0 0 15px; }
.topics_area ul.topic_list li p{ width:100%; float:left; margin:0;  font-size:16px; line-height:28px; color:#282938; font-weight:300;}

.category_area{ width:100%; float:left; padding:80px 0;}
.category_area span{ font-size:18px; font-weight:300; color:#00283C; width:100%; float:left; margin:0 0 15px;  }
.category_area h2{ font-size:38px; line-height:54px; letter-spacing:.8px; margin:0 0 15px; }
.category_area  p{ color:rgba(40, 41, 56, .6); font-size:16px; line-height:24px; margin:0; }
.category_area figure{ width:100%; float:left; margin:0; text-align:right; }
.category_area figure img{ max-width:100%; }
.courses_area{ width:100%; float:left; padding:80px 0;}
.courses_area ul.course_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:15px 0;}
.courses_area ul.course_list li{ flex:0 0 32%; min-width:390px; max-width:390px;  margin:20px 0;}
.courses_area ul.course_list li figure{ width:100%; height:auto; float:left; position:relative; margin: 0 0 25px; overflow: hidden;}
.courses_area ul.course_list li figure img{ max-width:100%; width:100%; height:auto; transition:ease-in .3s; }
.courses_area ul.course_list li:hover img{ transform:scale(1.1); }

.courses_area ul.course_list li figure .rating{ width:auto; position:absolute; width:63px; height:25px; background:#00283C; font-size:12px;  color:#fff; border-radius:12px; right:10px; bottom:-12px; text-align:center; display:flex; align-items:center; justify-content:center; cursor:pointer;  }
.courses_area ul.course_list li figure .rating svg{ margin-right:5px; }
.courses_area ul.course_list li h3{ width:100%; float:left; color:#00283C; font-size:24px; font-weight:600; margin:0 0 8px; padding:0 16px;  }
.courses_area ul.course_list li p{ color:rgba(40, 41, 56, .6); font-size:16px; line-height:24px; margin:0 0 20px;  padding:0 16px;}
.courses_area ul.course_list li .act_area{ width:100%; float:left;   padding:0 16px;}
.courses_area ul.course_list li .act_area span{ margin-right:15px;  color:rgba(40, 41, 56, .9);}
.courses_area ul.course_list li .act_area span img{ margin-right:5px; display:inline; }



.top_srch_area{ width:100%; float:left;  display: flex; flex-flow: row; align-items: center; justify-content: space-between;}
.top_srch_area .filter_area{ width:auto; }
.top_srch_area .filter_area button{ width:185px; height:54px; border-radius:5px; text-align:center; cursor:pointer; font-size:16px; font-weight:500; background-color:transparent; }
.top_srch_area .filter_area select{ width:150px; height:54px; border:none; background:url(../images/down_arrow.svg) no-repeat right; appearance:none; font-size:18px; font-weight:500; margin-right:50px; cursor:pointer; }

.top_srch_area h2{ width:auto; }
.top_srch_area .filter_area  a{ color:#282938; }
.top_srch_area .filter_area  a svg{ margin-left:5px; }
.top_srch_area .filter_area  a:hover{ color:#fccd99; }
.top_srch_area .filter_area  a:hover svg path{ stroke:#fccd99; }

.testimonial_area{ width:100%; float:left; background:#EEF2F5; padding:80px 0;  }
.title_area{ padding-right:50px;  }
.title_area h2{ font-size:28px; line-height:42px; color:#282938; margin:0 0 15px; }
.testi_dtls h3{ font-size:26px; line-height:36px; color:#282938; font-weight:600; margin:0 0 35px; }
.client_dtls{ width:100%; float:left; display:flex; flex-flow:row; align-items:center; }
.client_dtls figure{ margin:0 15px 0 0; }
.client_dtls .dtls h4{ font-size:18px; line-height:27px; font-weight:500; margin:0 0 0px; }
.client_dtls .dtls  p{ margin:0; font-size:12px; color:#282938; font-weight:500; }
.testimonial_area .carousel-indicators{ margin:0; justify-content:end; }
.testimonial_area .carousel-indicators li{ background:#fccd99; opacity: .6; width:16px; height:16px; border-radius:50%; cursor:pointer; margin:0 6px; }
.testimonial_area .carousel-indicators li.active{ background:#fccd99; opacity:1; }


.faq_area{ width:100%; float:left;  padding:80px 0; }
.faq_area .card {
    display: flex;
    flex-flow: row;
    border: solid 1px #ECECF1;
    border-radius: 16px;
    padding: 24px;
    margin: 16px 0;
    box-shadow: rgba(34, 42, 65, 0.1) 0px 20px 40px 0px;
}
.faq_area .card .left_no{ color:#fccd99; font-size:24px; font-weight:500; text-align:left; }
.faq_area .card .right_cont{ width:100%; padding-left:0px; }
.faq_area .card .right_cont h3.collapsed {
    font-size: 20px;
    font-weight: 600;
    color: #282938;
    margin: 0 0 0px;
    cursor: pointer;
    background: url(../images/faq-arrow.png) no-repeat right;
    line-height: 28px;
}
.faq_area .card .right_cont h3{ font-size:24px; font-weight:500; color:#282938; margin:0 0 0px; background:url(../images/faq-arrow2.png) no-repeat right;}
.faq_area .card .right_cont .card-body {
    padding: 12px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #282938;
    opacity: .7;
}

.sign_up_area{ width: 100%; float: left; padding: 80px 0; }
.sign_up_area .full_box {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
    background: #fff;
    padding: 32px 32px 56px;
    border-radius: 24px;
    margin: 15px 0 0;
}
.sign_up_area .full_box .box_1{ flex:0 0 51%; position:relative; background:url(../images/sign_up_bg.png) no-repeat; background-size:cover; }
.sign_up_area .full_box .box_2{ flex:0 0 49%;  padding:75px 100px; color:#fff; text-align:left; }
.sign_up_area .full_box .box_2 h2{ text-align: left; font-size: 28px; margin: 0 0 20px; color:#fff; font-weight:600; }
.sign_up_area .full_box .box_2 p{ font-size: 16px; line-height: 24px; margin: 0 0 40px; text-align:left; font-weight:400; color:#fff;  }
.sign_up_area .full_box .box_2 p.sign{ text-align:center; margin:15px 0 0; width:100%; float:left; }
.sign_up_area .full_box .box_2 ul.form_area li .form-control{  height: 65px; color:#fff ;border: 1.5px solid rgba(255, 255, 255, 0.1);
border-radius: 8px; background: none;}
.sign_up_area .full_box .box_2 ul.form_area li .form-control::placeholder{ color:#F4F6FC ; font-size: 16px; opacity:.5; }
.sign_up_area .full_box .box_2 ul li button{width:100%;  background-color: transparent; font-weight:700; font-size:18px; border-radius:5px; display: inline-block; margin: 20px 0px 0 0; height: 64px;}

.sign_up_area .full_box .box_2 ul.form_area{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.sign_up_area .full_box .box_2 ul.form_area li{ flex:0 0 100%; margin: 10px 0;}
.sign_txt{ width:100%; height:100%; background:rgba(28, 30, 83, .6); padding:75px 100px; color:#fff; }
.sign_txt h2{ font-size:42px; color:#fff; line-height:67px; margin:0 0 15px; }
.sign_txt p{ font-size: 16px; line-height: 28px; margin: 0 0 0px; text-align:left; font-weight:400; color:#fff;  }

.blog_area{ width:100%; float:left; padding:80px 0;}
.blog_area ul.blog_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:40px 0 20px;}
.blog_area ul.blog_list li{ flex:0 0 32%; min-width:405px; max-width:405px;  margin:20px 0;}

.blog_area ul.blog_list li figure{ width:100%; height:auto; float:left; position:relative; margin: 0 0 25px; overflow: hidden;}

.blog_area ul.blog_list li figure img{ max-width:100%; width:100%; height:auto; transition:ease-in .3s; }

.blog_area ul.blog_list li:hover img{ transform:scale(1.1); }


.blog_area ul.blog_list li label{ color:rgba(40, 41, 56, .7); font-weight:500; font-size:16px; margin:15px 0;  width: 100%; float: left;}
.blog_area ul.blog_list li h3{ width:100%; float:left; color:#282938; font-size:20px; font-weight:600; margin:0 0 20px;  }
.blog_area ul.blog_list li p{ color:rgba(40, 41, 56, .6); font-size:16px; line-height:24px; margin:0 0 30px; }
.blog_area ul.blog_list li a.cta{ font-weight:500; color:#282938;  }
.blog_area ul.blog_list li a.cta:hover{ color:#fccd99; }
.blog_area ul.blog_list li a.cta:hover svg path{ stroke:#fccd99; }
.blog_area ul.blog_list li a svg{ margin-left:25px; }



footer{width:100%;float:left;}
.top_foot {
    width: 100%;
    float: left;
    background: #f0e5d7;
    padding: 75px 0 30px;
    color: #fff;
}
.address_detials figure img {
    height: 58px;
}
.address_detials figure{
    margin: 0;
}
.bot_foot{width:100%;float:left;background:#fff;padding:25px 0 ;color:#000;}
.bot_foot p{ font-size:18px; color:#282938; margin:0;  }
footer h3{width:100%;float:left;font-size:24px;text-transform:uppercase;font-weight:600;letter-spacing:.5px; margin:0 0 15px 0; color:#fff;text-align:left}
footer .address_detials{ width:100%; float:left; color:#fff; padding:4px 0; text-align:left; }
footer .address_detials ul{ width:100%; float:left; margin:0 0 0px; padding:0; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; }

.main_link_area{ width:100%; max-width:575px; float:right; display:flex; align-items:stretch; flex-flow:row wrap; justify-content:space-between; }
.main_link_area .foot_box{ flex:0 0 30%; }
.main_link_area .foot_box h3{ font-size:14px; font-weight:500; }
footer .address_detials {  padding:0px 0; margin:0;  margin:0 0 40px; }
footer .address_detials  p{ margin:0; font-size:16px; line-height: 24px; color: #fff; width: 100%; float: left; opacity: .9;}
footer .address_detials ul li a{ font-size:14px; color:#000;}
footer .address_detials ul li i{ font-size:18px; display:inline-block; width:25px; float:left;}
footer .address_detials ul li span{ width:calc(100% - 25px); float:left;}
.footer address_detials ul li:before{ display:none;}
footer .resource{width:100%;float:left;height:auto;padding:0 0 20px 0px;}
footer .resource li{ width:100%; float:left; padding:0 0px 0 0; letter-spacing:.5px; font-size:16px;}
footer .resource li a{color:rgba(255, 255, 255, 0.8);width:100%;display:inline-block; padding:5px 0 5px 0px;transition:ease-in .3s; font-weight:300; font-size:15px; }
footer .resource li a:hover{color:#fccd99;}
footer figure{ width:100%; float:left; text-align:left;}

.contact_box{ width:auto; padding:15px 35px; background: #fccd99;border-radius: 5px 5px 0px 0px; position:absolute; left:0; bottom:-30px; }
.contact_box ul li{ margin-right:40px; }
.contact_box ul li h4{ font-size:18px; font-weight:500; color:#00283C; margin:0 0 5px; }
.contact_box ul li p{ font-size:16px; font-weight:400; margin:0;color:#00283C; opacity:.8;  }
.contact_box ul li:last-child{ margin:0; }



ul.foot-ul li {
    font-size: 16px;
    line-height: 32px;
}
ul.foot-ul li a {
    font-size: 16px;
    line-height: 32px;
    color: #000;
}


.scrollup {
    display: none;
    position: fixed;
    bottom: 6em;
    border-radius: 50%;
    right: 30px;
    width: 52px;
    height: 52px;
    background: #fccd99;
    color: #210440;
    line-height: 52px;
    font-family: fontawesome;
    transition: ease-in .3s all;
    z-index: 999;
    text-align: center;
    font-size: 20px;
}
.scrollup:hover {
	background: #00283C;
	color: #fff
}

/*Inner Pages CSS */


.bread_crumb{ width:100%; float:left; background:#EEF2F5; padding:30px 0; }
.bread_crumb ul{ width:100%; float:left; padding:0; margin:0; }
.bread_crumb ul li{ width:auto; float:left; margin-right:10px; font-weight:500; color:rgba(0, 40, 60, .7); }
.bread_crumb ul li a{ color:rgba(0, 40, 60, .7); }

.blog_pagination{ width:100%; float:left; text-align:center; margin:80px 0 50px ;}
.blog_pagination ul{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:center;}
.blog_pagination ul li{ flex:auto; max-width:50px; height: 50px; background: #F5F5F5; border-radius: 5px; line-height: 50px; padding:0; margin:25px 0; font-size:20px; font-weight:500; margin:0 10px; transition:ease-in .3s;  }
.blog_pagination ul li a{ color:#656565; display:block; }
.blog_pagination ul li.active, .blog_pagination ul li:hover{ background:#fccd99; color:#fff; }
.blog_pagination ul li:hover a, .blog_pagination ul li.active a{ color:#fff; }

.course_details_area{ width:100%; float:left; padding:80px 0; }
.course_details_area .container{ max-width:1110px; }
.course_details_area figure img{ width:100%; transition:ease-in .3s; }
.course_details_area figure .play_icon{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; left:0; top:0; background:rgba(0, 0, 0, .6); transition:ease-in .3s; }
.course_details_area figure .play_icon span{ cursor: pointer; transition: ease-in .3s;}
.course_details_area figure .play_icon span:hover{ padding-left:25px; }
.course_details_area figure .play_icon span svg{ display:inline-block;  }
.course_details_area label{ color:rgba(0, 40, 60, .8); font-size:24px; font-weight:300; }
.course_details_area h1{ font-size:42px;color:rgba(0, 40, 60, 1);  }
.course_details_area .content_dtls{ width:100%; float:left; padding:30px 0; }
.course_details_area .content_dtls figure{ width:100%; float:left; margin:0 0 40px; }
.course_details_area .content_dtls figure img{ max-width:100%; width:100%; height:auto; }
.course_details_area .content_dtls h2{ width:100%; float:left; font-size:32px; font-weight:500; margin:0 0 10px; }
.course_details_area .content_dtls p{ width:100%; float:left; margin:0 0 40px; color:rgba(0, 40, 60, .7);  }
.course_details_area .content_dtls ul{ width:100%; float:left; margin:0 0 40px; padding:0 0 0 20px; }
.course_details_area .content_dtls ul li{ width:100%; float:left; margin:3px 0; font-size:16px; line-height:24px; color:rgba(0, 40, 60, .7); list-style:disc; }
.course_top p{ margin:15px 0 50px; }
.course_details_area .content_dtls ol{ width:100%; float:left; margin:0 0 40px; padding:0 0 0 20px; }
.course_details_area .content_dtls ol li{ width:100%; float:left; margin:3px 0; font-size:16px; line-height:24px; color:rgba(0, 40, 60, .7); list-style:auto; }
.course_top p{ margin:15px 0 50px;color:rgba(0, 40, 60, .7); }
.course_top figure{ margin:0 0 50px; position:relative; overflow:hidden; }
.bordr_btm{ border-bottom:2px solid #ECECF1; padding-bottom:45px; margin-bottom:30px; }

p.no_margin{ margin:0 !important; }

.sign_up_area {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px 0 0;
    background: #e6ddd3;
}
.sign_up_area h2{ margin:0 0 25px; }
.sign_up_area p{ font-weight:600; margin:0 0 25px; }
.sign_up_area a{ width:292px; text-align:center; line-height:60px; display:inline-block; border-radius:5px; font-weight:600; }

.left_anm {  transition:ease-in .3s all;  -webkit-animation:left_anm 1s .5s;animation:left_anm 1s .5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes left_anm {
    0%   {  opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes left_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(-50px, 0px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}


.rgt_anm {  transition:ease-in .3s all;  -webkit-animation:rgt_anm 1s 1s;animation:rgt_anm 1s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}

.rgt_anm_2 {  transition:ease-in .3s all;  -webkit-animation:rgt_anm_2 .3s 1.5s;animation:rgt_anm .3s 1.5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }
    100% {opacity:1;   transform: none; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }
    100% { transform:scale(1);  opacity:1;   transform: none; }
}




.mid_anm{ transition:ease-in .3s all;  -webkit-animation:bulb 1s 1s;animation:bulb 1s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bulb {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_1{ transition:ease-in .3s all;  -webkit-animation:srvc_1 .3s .4s;animation:srvc_1 .3s .4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes srvc_1 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_1 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_2{ transition:ease-in .3s all;  -webkit-animation:srvc_2 .3s .6s;animation:srvc_2 .3s .6s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_2 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_2 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_3{ transition:ease-in .3s all;  -webkit-animation:srvc_3 .3s .8s;animation:srvc_3 .3s .8s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_3 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_3 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_4{ transition:ease-in .3s all;  -webkit-animation:srvc_4 .3s 1s;animation:srvc_4 .3s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_4 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_4 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_5{ transition:ease-in .3s all;  -webkit-animation:srvc_5 .3s 1.2s;animation:srvc_5 .5s 1.2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_5 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_5 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_6{ transition:ease-in .3s all;  -webkit-animation:srvc_6 .3s 1.4s;animation:srvc_6 .3s 1.4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_6 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_6 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
.srvc_7{ transition:ease-in .3s all;  -webkit-animation:srvc_7 .3s 2.4s;animation:srvc_7 .3s 2.4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_7 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_7 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
.srvc_8{ transition:ease-in .3s all;  -webkit-animation:srvc_8 .3s 2.6s;animation:srvc_8 .3s 2.6s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_8 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_8 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
.srvc_9{ transition:ease-in .3s all;  -webkit-animation:srvc_9 .3s 2.8s;animation:srvc_9 .3s 2.8s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_9 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_9 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_10{ transition:ease-in .3s all;  -webkit-animation:srvc_10 .3s 3s;animation:srvc_10 .3s 3s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_10 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_10 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_11{ transition:ease-in .3s all;  -webkit-animation:srvc_11 .3s 3.2s;animation:srvc_11 .3s 3.2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_11 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_11 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
.srvc_12{ transition:ease-in .3s all;  -webkit-animation:srvc_12 .3s 3.4s;animation:srvc_12 .3s 3.4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_12 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_12 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
.srvc_13{ transition:ease-in .3s all;  -webkit-animation:srvc_13 .3s 3.6s;animation:srvc_13 .3s 3.6s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_13 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_13 {
    0%   { transform:scale(.7); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
.main-tabs {
    display: flex;
}
ul.nav.nav-tabs {
    flex: 0 0 330px;
    display: flex;
    flex-direction: column;
    border: none;
}
ul.nav.nav-tabs li a {
    height: 118px;
    line-height: 118px;
    font-size: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    background: #290e44;
    margin: 0 15px 15px 0;
    color: #fff;
}
.nav.nav-tabs li a label {
    margin: 0;
    height: auto;
    position: relative;
    z-index: 1;
    line-height: normal;
}
ul.nav.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #fff0;
    border-color: #dee2e600 #dee2e600 #fff0;
    position: relative;
}
.tab-content>.active {
    display: block;
    padding: 24px 32px;
}
ul.nav.nav-tabs .nav-link.active {
    content: '';
    left: 0px;
    top: 0px;
    background-color: #290e44;
    width: 100%;
    height: 100%;
    border: 1px solid #a58369;
    border-radius: 20px 0 0 20px;
    border-left: 5px solid #a58369;
    border-right: 0;
    height: 118px;
    line-height: 118px;
}
ul.nav.nav-tabs .nav-link.active::after {
    position: absolute;
    content: '';
    background-color: #290e44;
    width: 12px;
    height: 100%;
    z-index: 1;
    right: -8px;
    bottom: 0px;
}
.tab-content {
    background-color: #290e44;
    border: 1px solid #a58369;
    border-radius: 0 30px 30px 0;
}
section.tabs-section {
    background: #210440;
    padding: 80px 0;
    width: 100%;
    float: left;
}
ul.nav.nav-tabs .nav-link span {
    width: 40px;
    height: 40px;
    border: 1px solid #a58369;
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
ul.nav.nav-tabs .nav-link span img {
width: 24px;
height: 24px;
position: relative;
z-index: 1;
}
.tab-content h3 {
    color: #fff;
}
.tab-content p {
    color: #fff;
}
ul.nav.nav-tabs li:last-child a{
    margin: 0;
}
.tab-content h2 {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tab-content h3 {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    
}
.tab-content p {
    font-size: 16px;
    line-height: 32px;
}
.tab-content .mb-6 div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    margin: 0 0 10px;
}
.tab-content h2 span {
    border: 1px solid #a58369;
    width: 64px;
    height: 64px;
    line-height: 59px;
    text-align: center;
    border-radius: 50%;
    background: #a5836957;
}
.tab-content p a {
    color: #fff;
}
h2.main-heading {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
}
.full_box > div {
    flex: 0 0 30%;
}
.full_box > div h4 {
    font-size: 20px;
    margin: 12px 0 8px;
    font-weight: 700;
}
.full_box > div p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    margin: 0;
}
.footer-section {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
}
.footer-section-lft ul {
    display: flex;
    gap: 20px;
    margin: 5px 0 15px;
}
.footer-section-lft h5{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 0 0 16px;
}
h5.security-certification {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 0 0 16px;
}
.footer-section-rgt h5{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 0 0 16px;  
}
.footer-section-rgt ul li a {
    width: 40px;
    height: 40px;
    background: #f6f0e7;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
}
.footer-section-rgt ul {
    display: flex;
    gap: 16px;
    margin: 0 0 64px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px; padding: 0;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; transition:ease-in .3s all
}
.swiper-slide .card{ transform: scale(.8) translate(5%);
    transition: transform .3s ease;
    will-change: transform;}   
.swiper-slide.swiper-slide-active .card{ transform:scale(1);  transistion:ease-in .3s all}
.swiper-slide-prev .card, .swiper-slide-next .card{transform: scale(.9) translate(-2.5%);}
.card{ width:100% !important; }
section.gallery_items {
    background: #e3d6c6;
    width: 100%;
    float: left;
    padding: 80px 0;
}
.swiper-container.swiper-container-horizontal {
    margin: 64px 0 0;
}
.container-fluid.container-fluid1 {
    max-width: 100%;
}
section.review-section {
    background: linear-gradient(360deg, rgb(15, 2, 49) 0.58%, rgb(82, 5, 93) 100%);
    width: 100%;
    float: left;
    padding: 80px 0;
}
section.review-section h2 {
   color: #cea879;
   font-size: 32px;
}
.card-intro-top {
    display: flex;
    gap: 20px;
}
.card-intro-top2 > p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    opacity: 0.88;
    margin: 0;
    line-height: 1.65;
}
.card-intro-top3 {
    display: flex;
    align-items: center;
}
.card-intro-top3 p {
    font-size: 16px;
    line-height: 12px;
    margin: 0;
    color: #fff;
    font-weight: 400;
    opacity: 0.5;
}
.card-intro-top3-star {
    margin-right: 5px;
    padding: 4px 12px;
    border-radius: 50px;
}
.card-intro-top3-star > span {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    opacity: 0.7;
}
.review-slider-card h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 24px 0 0;
}
.review-slider-card p {
    font-size: 16px;
opacity: 0.88;
margin-top: 8px;
color: #fff;
}
.review-slider-card__innner {
    padding: 32px;
    border-radius: 20px;
    position: relative;
}
.review-slider-card-qut {
    position: absolute;
    right: 32px;
    top: 32px;
}
.review-slider {
    display: flex;
    gap: 35px;
    margin: 80px 0 0;
}
.review-slider-card-quto {
    position: absolute;
    right: 32px;
    top: 32px;
}
section.microsite-wrapper--value-proposition-wrapper.home-page.text-center {
    width: 100%;
    float: left;
    padding: 80px 0;
}
section#show-app-download {
    width: 100%;
    float: left;
    background: #f0e5d7;
    padding: 80px 0;
}
section#show-app-download h2 {
    font-size: 32px;
    margin: 0 0 8px;
    line-height: 1.5;
}
section#show-app-download ul {
    margin: 24px 0 24px;
}
.tournamenys-meta-wrapper li {
    margin-bottom: 24px;
    padding-left: 25px;
    position: relative;
	   color: #6d7783 !important;
}
.tournamenys-meta-wrapper li:before {
    background-color: #cda677;
    border-radius: 50%;
    content: "" !important;
    height: 12px;
    left: 0 !important;
    position: absolute;
    top: 7px;
    width: 12px;
}
.tournamenys-meta-wrapper h2:not(:first-child), .tournamenys-meta-wrapper h3:not(:first-child) {
    margin-top: 64px !important;
}
section#show-app-download p {
    line-height: 1.5 !important;
    color: #6d7783 !important;
	font-size:16px !important;
	margin:0 !important;
}
.tournamenys-meta-wrapper .theme-secondary-table.tournaments-seo-table tbody td {
    border: 1px solid #fff;
    vertical-align: baseline;
	padding: 15px;
	line-height: 1.5 !important;
    color: #6d7783 !important;
}
ul#trigger-sticky-header-footer {
    margin: 32px 0;
}
.value-propition-wrapper ul {
    margin: 32px 0 0;
}
.microsite-wrapper--value-proposition-wrapper.home-page .value-propition-wrapper h2 {
    font-size: 1.7777777778rem;
    margin-bottom: 16px;
}
ul#trigger-sticky-header-footer {
    display: flex;
    flex-flow: row wrap;
}
li.individual-values {
    padding: 0 !important;
    background-image: unset;
    margin: 0 !important;
    flex: 0 0 33%;
}
section.section {
    padding: 50px 0;
    width: 100%;
    float: left;
}
.suit-card-wrapper {
    display: flex;
    float: left;
    margin: 0 0 25px;
}
.microsite-header-wrapper[data-v-d1f5df9c] {
        background: linear-gradient(239.35deg, #3a0749 -2.14%, #3c074b 73.03%);
    }
.tournaments-list-banner-wrapper {
    background-color: #51065d;
    background: linear-gradient(180deg, #3d064b, #0f0231 52.29%);
}
.position-relative, .relative {
    position: relative;
}
.headerBreadcrumbs {
    position: relative;
}
.headerBreadcrumbs .breadcrumss {
    font-size: 12px;
    line-height: 30px;
    padding-top: 100px;
}
.headerBreadcrumbs .mt16 {
    margin-top: 16px;
}
.headerBreadcrumbs .mb24 {
    margin-bottom: 24px;
}
.flex-align-center {
    align-items: center;
    -webkit-align-items: center;
}
.display-flex {
    display: flex;
    display: -ms-flex;
}
.headerBreadcrumbs li {
    color: inherit;
    display: inline-block;
}
.headerBreadcrumbs li a {
    color: inherit;
    font-size: 12px;
    line-height: 30px;
}
.microsite-wrapper--tagline-online-players-wrapper {
    background-color: #300938;
    font-size: .7142857143rem;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}
.position-absolute {
    position: absolute;
}
.microsite-wrapper--tagline-online-players-wrapper .online-players {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    justify-content: center;
    max-width: 148px;
    padding: 7px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.microsite-wrapper--tagline-online-players-wrapper-desktop.no-margin {
    margin: 0;
}
.microsite-wrapper--tagline-online-players-wrapper-desktop {
    line-height: 1.5;
    margin-bottom: 42px;
}
.white-color {
    color: #fff;
}
.tournaments-list-banner-wrapper--meta {
    max-width: 434px;
}
.tournaments-list-banner-wrapper--meta h1 {
    line-height: 1.2;
    margin-bottom: 14px;
}
.tournaments-list-banner-wrapper--meta p {
    line-height: 1.5;
}
.tournaments-list-banner-wrapper--meta h1 {

    line-height: 1.2;
    margin-bottom: 14px;
    color: #fff;
    font-size: 48px;
}
.tournaments-list-banner-wrapper--meta p {
    line-height: 1.5;
	color:#fff;
}
.responsive-image {
    height: auto;
    max-width: 100%;
}
.rummy__tournament__bnr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.microsite-wrapper--tagline-online-players-wrapper-desktop p {
    color: #fff;
    line-height: 15px;
}
.online-players p {
    color: #fff;
    text-align: left;
    float: left;
    width: 100%;
}
.headerBreadcrumbs li {
    color: inherit;
    display: inline-block;
    color: #fff;
}
.tagline-wrapper {
    color: #fff;
}
.info.white-color {
    margin: 30px 0 0;
}
.info.white-color p {
    margin: 0 0 10px;
}
.headerBreadcrumbs li {
    color: inherit;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: relative;
    margin-right: 5px;
}

.microsite-wrapper--download-app-cta {
    background: #ffe84c;
    margin-top: 0px;
    padding: 16px 0 1px;
    position: relative;
    z-index: 1;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}
.headerBreadcrumbs .bread-arrow::after {
    content: '>';
    position: absolute;
    width: 10px;
    height: 10px;
    top: -20px;
    right: -6px;
    font-size: 12px;
}
.content_area p a {
    color: #000;
}
.content_area ul li a, .content_area ol li a {
    color: #000;
}

.terms-service-wrapper li, .terms-service-wrapper p {
    color: #6d7783;
    line-height: 1.5;
    text-align: justify;
}
.img-wrapper figcaption {
    font-size: 12px;
    font-style: italic;
    margin-top: 8px;
}
.content_area table {
    border: 0;
    border-collapse: collapse;
    margin-bottom: 16px;
    min-width: 100%;
    table-layout: fixed;
}
.content_area tr {
    background-color: inherit;
    border: solid rgba(0, 0, 0, .12);
    border-width: 1px 1px 0;
    position: relative;
}
.content_area thead td, .content_area thead th {
    font-weight: 600;
    line-height: 1.375rem;
    min-height: 52px;
    text-align: left;
}
.content_area th {
    background: #f5f5f5;
}
.content_area td, .content_area th {
    border: 1px solid #e0e0e0;
    font-size: 18px;
    line-height: 32px;
    min-height: 48px;
    padding: 12px 16px;
}
.terms-service-wrapper li, .terms-service-wrapper p {
    color: #6d7783;
    line-height: 1.5;
    text-align: justify;
}
.gallery_items{
    position: relative;
}
.gallery_items:before {
    position: absolute;
    content: '';
    width: 110px;
    height: 91%;
    background-image: linear-gradient(to right, #e3d6c6, #e3d6c600);
    left: 0px;
    top: 19px;
    z-index: 11;
}
.gallery_items:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 91%;
    background-image: linear-gradient(to right, #e3d6c600 , #e3d6c6);
    right: 25px;
    top: 19px;
    z-index: 11;
}
.card-body {
    text-align: left;
}
h5.card-title {
    font-size: 24px;
    color: #cca678;
    font-weight: 700;
}
.card-body ul li p {
   color: #cca678;
    margin: 0;
    font-size: 16px;
    margin: 5px 0;
}
.card-body ul li {
    list-style: none;
    position: relative;
}
.card-body ul li:before {
    content: '';
    position: absolute;
    left: -18px;
    top: 10px;
    width: 6px;
    height: 6px;
    background-color: #cca678;
    border-radius: 50%;
}
.card-body ul {
    padding-left: 20px;
}
.bnr-box-area p {
    margin: 0 !important;
}
.faqs ul li::before {
    left: 30px !important;
}