/* =Import Required styles
========================================================================================*/
@import url('material-design-iconic-font.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
/*
  Regular 400 
  Medium 500 
  SemiBold 600 
  Bold 700 
  ExtraBold 800
*/


/* =Box Sizing
========================================================================================*/
* { -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

::selection { color: #ffffff; background-color: #18283b; }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; height: 100%; }
html { overflow-y: inherit !important; /*cursor: none;*/ }
body { font:15px/1.45 'Poppins', Arial, Helvetica, sans-serif; color:#6C757C; background-color: #ffffff; letter-spacing: 0.09em; font-weight: normal; /*padding-top: 80px;*/ }
img { vertical-align:top; border:0; max-width: 100%; height: auto; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1); transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1); }
.allanim, #header, #mainmenu > li > a:after, #mainmenu > li > a, .social-icons a, .blog-post-block, .link:before, .member-info:after, .member-info, .lamp, .card-header .btn:after, .card-header .btn:before, .socials a, .lg-toolbar .lg-icon, .lg-actions .lg-next, .lg-actions .lg-prev, .navbar-nav li ul, .accordion-trigger { -webkit-transition:all 550ms cubic-bezier(0.77,0,0.175,1); transition:all 550ms cubic-bezier(0.77,0,0.175,1); }
.btn { -webkit-transition:all 350ms cubic-bezier(0.77,0,0.175,1); transition:all 350ms cubic-bezier(0.77,0,0.175,1); }
a { color:#283371; text-decoration:none; }
a:hover { text-decoration:underline; color:#283371; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { a:active{ background-color:transparent;}
}
*:focus { outline: none; }
b, strong { font-weight:700; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 1rem 0; }
p:last-child { margin:0 0 0 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 1rem; color: #212121; font-weight:800; font-family: 'Poppins', Arial, Helvetica, sans-serif; }
h1,h2 { font-size: 2.5rem; }
h1 span, h2 span { color: #283371; font-weight: bold; font-size:90%; display:block; margin-bottom:5px; }
h3 { font-size: 2rem; font-weight:700; }
h4 { font-size: 1.563rem; font-weight:700; }
h5 { font-size: 1.125rem; font-weight:700; }
h6 { font-size: 1rem; font-weight:700; }
dl, ol, ul { padding-left: 1rem; }
ul li { line-height:1.3; margin-bottom: 0.4rem; }


/* =Layout Width
========================================================================================*/
#main { padding:0; }
.container { max-width: 1270px; }

/* =Header Css
========================================================================================*/
#logo { display: block; max-width: 160px; }
#mainmenu { flex-wrap: wrap; flex-direction: row; }
#mainmenu > li { margin-left: 15px; font-size: 14px; }
#mainmenu li a img{ vertical-align: middle; }

/* =Footer Css
========================================================================================*/
.footer-top .footer-nav li{ list-style: none; }
.footer-top .footer-nav li a{ color: #212121; text-decoration: none; }
.footer-bottom { padding-top: 30px;}
.footer-top .social-media i{ font-size: 22px; }
.footer-top .social-media a{ margin-right: 5px; }
.footer-top .social-media a svg{ background-color: #212121; fill: #ffffff; padding: 2px; margin-bottom: 2px; height: 18px; width: 18px; border-radius: 2px;}

/* =Common css (common classes for all pages)
========================================================================================*/
.btn-primary { color: #fff; background-color: #283371; border-color: #283371; }
.btn { box-shadow: none !important; font-weight: 400; font-size: 14px; text-align: center; text-transform: uppercase; border-radius: 6px; padding: 12px 25px; color: #fff; transition: 0.6s; }
.btn:hover { color: #fff; text-decoration: none; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: #283371; background-color: transparent; border-color: #283371; transition: 0.6s; }
.btn.btn-outline { background: transparent; border: 2px solid #283371; color: #283371; box-shadow: none; }
.btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus { background:#283371; color:#fff; box-shadow:none; }

/*.section-row { padding: 4rem 0; }*/
.section-row { padding: 3rem 0; }
.text-primary { color: #283371 !important; }
.bg-white{ background-color: #ffffff; }


/* =Home page Css
========================================================================================*/
.main-banner-text p{
  font-size: 18px;
  font-weight: 500;
}
.main-banner-text h4{
  color: #6C757C;
}
.main-bg-section {
  background-image: url(../images/main-bg-image.png);
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.select-block li{
  cursor:default;
  display: inline-block;
  width:50px;
  height:50px;
  line-height:50px;
  text-align: center;
  border: 2px solid #fff;
  border-radius:50%;
}
.select-block li.active{
  border-color:#ddd;
}
.bg-block img {
  max-width:100%;
}
.bg-container {
  position:relative;
}
.bg-container:before{
  content: '';
  display: block;
  padding-top: 56.25%;
  height: 0;
}
.bg-block {
  position:absolute;
  top:0;
  left:0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.bg-block.active {
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity:1;
}


.mobile-with-text{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.mobile-with-text h3{
  color: #ffffff;
}
.color-box {
  background-image: url(../images/main-bg-image-white.png);
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0 0 0;
  height: 100%;
}
.color-box h2, .color-box p{
  color: #ffffff;
}
.color-box p{
  padding: 0 30px;
  font-size:20px;
}
.container-fluid{
  padding: 0;
  overflow: hidden;
}
.color-1{
  background-color: #66cc66; 
}
.color-2{
  background-color: #66cbff; 
}
.color-3{
  background-color: #6295ee; 
}.color-4{
  background-color: #9fb9d4; 
}

.color-5{
  background-color: #fedb75; 
}
.color-6{
  background-color: #d9c179; 
}
.color-7{
  background-color: #ccc948; 
}
.color-8{
  background-color: #b1cca9; 
}
.color-9{
  background-color: #ffb97e; 
}
.color-10{
  background-color: #ff806d; 
}
.color-11{
  background-color: #de7a7a; 
}
.color-12{
  background-color: #cc6698; 
}
.color-13{
  background-color: #ff99cb; 
}
.color-14{
  background-color: #999999; 
}
.color-15{
  background-color: #cb99cc; 
}
.color-16{
  background-color: #66cdcc; 
}
.color-17-full{
  background-color: #cc99fe;
  padding: 120px 0;
}
.color-17-full p{
  font-size: 26px;
  font-weight: 600;
}


.download-button a img{
  height: auto;
  width: 200px;
}

.logo-box{
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(40, 51, 113, 0.15);
    /*box-shadow: 0 2px 0 0 rgba(55,59,63,0.5);*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border:1px solid #E6E8EE;
    border-radius: 5px;
    width: 100%;
    height: 260px;
    margin: auto;
    padding: 20px;
    margin-bottom: 30px;
}
.reviwer-img{
  height: auto;
  width: 40px;
  margin-right: 10px;
  border-radius: 5px;
  border:1px solid #e1e1e1; 
}

.navigation-row .menu-trigger{position: absolute;top: 27px;left: 144px;}
.coockies-popup-box{position: fixed;bottom: 0px;z-index: 999;width: 100%;left: 0;right: 0;}
.coockies-popup{background: #FFFFFF;box-shadow: 0px 0px 20px rgba(24, 28, 66, 0.15);border-radius: 10px;padding: 2rem;display: flex;justify-content: space-between;align-items: flex-end;}
.coockies-popup .content{max-width: 100%;width: 72%;}
.coockies-popup .content p{ font-size: 14px; }
.coockies-popup .buttons .btn{ padding: 12px 15px; }


.terms-of-service{
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.terms-of-service span{
  color: #a7a7a7;
}
.terms a{
  text-decoration-line: underline;
  font-weight: 500;
}
.terms-of-use ul li{
  margin-bottom: 15px;
}
.terms-of-use ul li strong{
  color: #283371;
}
.terms-of-use ul li::marker{
  color: #283371;
}

.team-image{
  height: 140px;
  width: 140px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.logo-box.about{
    justify-content: inherit;
    height: 100%;
}

/*Contact-pag*/

.contactIcon svg{ font-size: 25px; margin-right: 15px; }
.contact-mail a{ font-size: 26px;}

.contact-info-main-box { background: #F0F4F8; padding: 2rem; border-radius: 1rem; }
.contact-info-list { color: #283371; }
.contact-info-list ul { margin: 0; padding: 0; list-style: none; }
.contact-info-list ul li { margin-bottom: 1.3rem; }
.contact-info-list ul li:last-child { margin-bottom: 0; }
.contact-info-list ul li svg { font-size: 1.3rem; margin-right: 0.6rem; }
.contact-info-list ul li a { color: #283371; text-decoration: none; }
.contact-info-list ul li a:hover { color: #0181FE; }
.shadow-box { background: #FFFFFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 1.875rem; } 
.form-group { margin: 0.5rem 0; }
.form-group label { letter-spacing: 0.05em; color: #283371; font-weight: 500; margin-bottom: 0.3rem; }
.form-control { height: 45px; background: #FFFFFF; border: 1px solid #BDBDBD; border-radius: 5px; color: #283371; }
textarea.form-control { height: 116px; }
.form-control:{ opacity: 0.5; }

.privacy-list li::marker {
    font-size: 2rem;
    font-weight: 700;
    color: #212121;
}
.terms-list li::marker {
    font-size: 1.125rem;
    font-weight: 700;
    color: #212121;
}
.upper-alphabet li{
  list-style: upper-alpha;
}

.thankyou-main-box {
    min-height: 100vh;
    padding: 140px 0 100px 0;
    background-image: url(../img/thank-you-gallery/gallery-en-21-05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    z-index: 1;
}
.thankyou-box {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    padding: 40px;
}

.game-changer{
  margin: 40px 0;
  text-align: center;
}
/* press-release page css */
.press-release .email a{
  text-decoration-line: none;
  color: #ff0000;
  font-weight: 600;
}
.press-release .email a:hover{
  color: #283371;
}

.faq-section ol li{
  font-size: 18px;
  color: #000000;
  font-weight: 700;
}
.storeBtn{
  height: auto;
  width: 160px;
}



.blog-thumb {
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(219, 219, 219);
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 20px;
}
.blog-thumb:hover {
  border-radius: 10px;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}
.blog-list .data-bg {
  min-width: 300px;
  max-width: 300px;
  margin-right: 30px;
  margin-bottom: 0;
  background-size: cover !important;
}
.blog-thumb .title {
  margin: 0 0 15px;
  font-size: 22px;
  font-weight: bold;
}
.blog-thumb .title a {
  color: #333;
}
.blog-thumb .date{
  font-weight: 500;
}
.blog-thumb .shareBtn{
    border: 1px solid #283371;
    padding: 5px 10px;
    text-decoration-line: none;
    border-radius: 5px;
}