html {scroll-behavior: smooth;}
body {background: #fff; color:#041543; margin:0; padding:0; text-align:center; font-family:'Inter', 'Source Sans Pro', Arial, Verdana, sans-serif; font-weight:normal; font-size:16px;}

/* applying box model for all elements */
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clear float */
.clear:after {clear: both;}
.clear:before, .clear:after {content: " "; display: table;}

/* common styles */
img {border: 0; max-width:100%; height: auto; padding:0;}
.mobile {display: none;}
.desktop {display: inline-block;}
@media screen and (max-width: 768px) {
    .mobile {display: inline-block;}
    .desktop {display: none;}
}
.resize-animation-stopper * {animation: none !important; transition: none !important;}
.noScroll {overflow-y: hidden;}

/* text format */
p {margin:0 0 20px 0; line-height:normal; color:#041543;}
ul, ol {line-height:140%; margin:0 0 25px 20px;}
a {color:#172d36; transition:all 400ms ease 0ms; text-decoration: none;}
a:hover {text-decoration: underline;}
b {color:inherit;}

.wrapper {max-width: 1090px; min-width: 320px; margin: 0 auto !important; padding: 0 30px;}

/* Header */
.mainheader {width: 100%; background:#b3d0f1 url("../img/welcome_bg.jpg") no-repeat top center; background-size:cover; padding:65px 0 60px 0; position:relative;}
.site-header-wrap {width: 100%; z-index: 1000;}
.site-branding {text-align:left;}
.site-branding img {max-width:236px; width:100%;}
@media screen and (max-width: 728px) {
	.mainheader {padding:30px 0;}
	.site-branding {text-align:center;}
	.site-branding img {max-width:200px;}
}

/* Hero */
.welcome_title {margin-top: 20px;}
.welcome_title.welcome_title_sub {margin-top:-60px;}
.welcome_title p {margin-bottom: 15px; font-size: 50px; font-weight:bold; color:#fff; text-align: center;}
.welcome_title span {display:block; font-size:23px; margin:18px 0 0 0; font-weight:500;}
@media screen and (max-width: 728px) {
	.welcome_title.welcome_title_sub {margin-top:-20px;}
	.welcome_title p {font-size:30px;}
	.welcome_title span {font-size:20px;}
}
.intro-box {background: #fff; border-radius: 15px; padding: 40px 30px; text-align: center; color: #001446; width: 530px; margin:50px auto 0 auto;}
@media screen and (max-width: 728px) {
    .intro-box {padding:25px; width:100%; margin-top:30px;}
}
.intro_text_master {font-size: 20px; color:#001446; font-weight: bold; margin:0 0 5px 0;}
.intro_text_small {font-size: 16px; color: #6A6A6A; margin: 2px 0 0 0;}
.intro_panel {margin:15px 0 0 0;}
.intro_panel .regiser_btn,
.intro_panel .login_btn {width:188px; display:block; padding:10px 10px; margin:0 auto; border:1px solid #EE2837; border-radius:23px; font-size:16px; font-weight:600;}
.intro_panel .regiser_btn {background:#EE2837; color:#fff;}
.intro_panel .login_btn {background:#fff; margin-bottom:20px; color:#EE2837 !important;}
.intro_panel .regiser_btn:hover {opacity:0.8; text-decoration:none;}
.intro_panel .login_btn:hover {color:#001446 !important; background:#f5f0f0; text-decoration:none;}


.section-se {padding:70px 0; text-align:left;}
@media (max-width: 728px) {
	.section-se {padding:50px 0;}
}
.section-short {max-width:950px;}
.section-short_v2 {max-width:765px;}
.section-se_red {background:#EE2837; color:#fff;}
.section-se_blue {background:#041543; color:#fff;}
.section-se_lightblue {background:#2A356A; color:#fff;}
.section-se_blue p,
.section-se_lightblue p {color:#fff;}
.section-se_blue .wrapper {position:relative;}
.section-se h2 {font-size: 37px; font-weight: 700; margin-bottom: 20px;}
.section-se_intro h2 {font-size:70px; color:#F83130;}
.section-se_intro h3 {font-size:30px; color:#041543; font-weight:500; margin:0 0 30px 0;}

@media (max-width: 992px) {
	.section-short_v2 h2 {padding-right:120px;}
	.section-se_intro h2 {font-size:40px;}
}
@media (max-width: 728px) {
	.section-se h2 {font-size: 26px;}
	.section-se_intro h2 {font-size:30px;}
	.section-se_intro h3 {font-size:20px; margin:0 0 20px 0;}
	.section-se_intro h3 br {display:none;}
}
@media (max-width: 480px) {
	.section-se h2 {font-size: 24px;}
	.section-short_v2 h2 {font-size:20px; padding-right:100px;}
}
.section-se_red > .wrapper > p {max-width: 700px; font-size:16px; margin-bottom: 60px; opacity: 0.9; color:#fff;}
.section-se_red ul {display: grid; grid-template-columns: 1fr 1fr; gap: 20px 80px; list-style: none; padding: 0; margin: 0; position: relative;}
.section-se_red ul::after {content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #fff; transform: translateX(-50%);}
.section-se_red li {position: relative; padding-right: 80px; padding-top:10px;}
.section-se_red li span {display: inline-block; font-size: 37px; font-weight: 700; margin-bottom: 30px; position: relative; padding-left: 40px;}
.section-se_red li span::before {content: ""; position: absolute; left: 0; top: -3px; width: 18px; height: 28px; background: #fff; transform: skew(-20deg);}
.section-se_red li h4 {font-size: 23px; font-weight: 500; margin-bottom: 12px; padding:0 0 0 40px;}
.section-se_red li p {font-size: 16px; line-height: 1.5; font-weight:400; opacity: 0.9; padding:0 0 0 40px; color:#fff;}
.section-se_red a {color: #fff; text-decoration: underline;}
.section-se_red li:nth-child(even) {padding-left: 20px;}
@media (max-width: 728px) {
  .section-se_red ul {grid-template-columns: 1fr;}
  .section-se_red ul::after {display: none;}
  .section-se_red li {padding-right:0;}
  .section-se_red li:nth-child(even) {padding-left: 0;}
  .section-se_red li span {font-size: 26px; margin-bottom: 20px; padding-left: 35px;}
  .section-se_red li h4 {font-size: 20px; padding:0 0 0 35px;}
  .section-se_red li p {padding:0 0 0 35px;}
}

.se-product-list {list-style-type:none; margin:35px 0 0 0; display:flex; gap:20px; justify-content:space-between; color: #fff;}
.se-product-list li {flex-grow: 1; flex-basis: 0; display:flex; flex-direction:column; align-items:center; text-align:center;}
.se-product-list p {font-size:16px; color:#fff; padding:0; margin:25px 0 10px 0; line-height:140%;}
@media screen and (max-width: 992px) {
	.se-product-list {flex-wrap:wrap; gap:3%;}
	.se-product-list li {width:44%; flex-grow: 1; flex-basis: auto; margin:0 0 35px 0;}
	.se-product-list p br {display:none;}
}
@media screen and (max-width: 480px) {
	.se-product-list {flex-direction:column; gap:0;}
	.se-product-list li {width:100%; margin:0 0 20px 0;}
	.se-product-list li img {max-width:230px;}
}

.badge-start {width: 130px; height: 130px; background: #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-weight: 700; line-height: 1; position:absolute; top:0; right:30px;}
.badge-start__top {font-size: 15px; font-weight:bold; margin-top:5px; letter-spacing: 1px; color: #F83130;}
.badge-start__value {font-size: 70px; line-height: 0.85; color: #F83130;}
.badge-start__bottom {font-size: 15px; font-weight:bold; color: #F83130;}
@media (max-width: 728px) {
	.badge-start {width: 90px; height: 90px; top:-10px; right:20px;}
	.badge-start__top {font-size: 12px;}
	.badge-start__value {font-size: 40px;}
	.badge-start__bottom {font-size: 13px;}
}

.awards-list {list-style-type:none; margin:45px 0 40px 0; display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; color: #fff;}
.awards-list li {flex: 0 0 calc(33.333% - 13.33px); text-align:center; margin-bottom:40px; display: flex; justify-content: flex-start; flex-direction:column; align-items:center;}
.awards-list li p {font-size:23px; margin:25px 0 0 0; text-align:left; color:#fff;}
.btn-wrap {text-align:center;}
.btn-see-all {text-decoration:none; font-size:16px; font-weight:500; color:#041543; border:1px solid #041543; background:#fff; border-radius:25px; padding:10px 23px;}
.btn-see-all:hover {background:#041543; color:#fff; text-decoration:none;}
@media (max-width: 728px) {
  .awards-list {list-style-type:none; margin:35px 0 30px 0; flex-direction: column;}
  .awards-list li {margin-bottom:30px;}
  .awards-list li p {font-size:20px; margin:18px 0 0 0;}
}

.header-red {color:#F83130;}
.rules_content {max-width:470px; margin-bottom:65px;}

/* form */
.line-header {font-size: 16px; text-transform: uppercase; font-weight: normal; position: relative; padding-left: 21px; margin:0 0 30px 0;color: #fff;}
.line-header:before {content:''; display: block; height: 1px; width: 16px; background:#fff; left:0; top:50%; position: absolute;}
.contact-wrap {display: flex; justify-content: space-between; padding:0; padding-bottom:90px;}
.cf-left {width:40%;}
.cf-right {width:51%;}
.cf-left p {font-size:32px; font-weight: bold; line-height: normal; color:#fff; line-height:150%;}
@media screen and (max-width: 992px) {
	.contact-wrap {padding-bottom:0;}
	.cf-left p {font-size:26px;}
}
@media screen and (max-width: 728px) {
	.cf-left p {font-size:22px; line-height:130%;}
}
.cf-cols-row {display: flex; justify-content: space-between;}
.cf-col {width:48%;}
@media screen and (max-width: 728px) {
	.contact-wrap {flex-direction:column;}
	.cf-left {width:100%;}
	.cf-right {width:100%;}
}

.cf-cols-row {display: flex; justify-content: space-between;}
.cf-col {width:48%;}
.contactform input[type=text],
.contactform input[type=email],
.contactform input[type=tel] {background:transparent; font-size:16px; height:47px; font-family:'Inter', Arial; border:0; border-bottom: 1px solid #fff; width:100%; padding:10px 0; font-weight: 400; color:#fff; margin-bottom:5px; margin-top:30px;}
.contactform select {background:transparent; font-size:16px; height:47px; font-family:'Inter', Arial; border:0; border-bottom: 1px solid #fff; width:100%; padding:10px 0; font-weight: 400; color:#fff; margin-bottom:5px; margin-top:30px;}
.contactform select option {color:#162E37;}
.contactform textarea {background:transparent; font-size:16px; height:100px; font-family:'Inter', Arial; border:0; border-bottom: 1px solid #fff; width:100%; padding:10px 0; font-weight: 400; color:#fff; margin-bottom: 25px; margin-top:30px;}
.contactform input[type=submit] {background:#fff; font-size:16px; height:45px; font-family:'Inter', Arial; border:0; width:163px; padding:10px 12px; margin-top:20px; text-align: center; color:#041543; font-weight: 600; cursor: pointer; border-radius:25px; border:1px solid #041543;}
.contactform input[type=submit]:hover {opacity: 0.85;}
.contactform input:focus,
.contactform textarea:focus {outline:none;}
.contactform ::placeholder {color: #fff;}
.contactform :-ms-input-placeholder {color: #fff;}
.contactform ::-ms-input-placeholder {color: #fff;}
.contactform input:focus::placeholder,
.contactform textarea:focus::placeholder {color: transparent;}
.contactform textarea::-webkit-input-placeholder {padding-top: 50px;}
.contactform textarea::-moz-input-placeholder {padding-top: 30px;}
.contactform textarea:-moz-input-placeholder {padding-top: 30px;}
.contactform textarea:-ms-input-placeholder {padding-top: 30px;}
.contactform .terms {margin-top:10px; font-size:13px; font-weight: 300;}
.terms label {margin-left: 14px; color:#fff; text-align:left; font-size:13px; font-weight:300; display:flex; align-items:flex-start;}
.terms label span {padding-left:10px; display:inline-block;}
.terms input[type="checkbox"] {margin-left: -14px; margin-top:4px;}
@media screen and (max-width: 728px) {
    .contact-wrap {flex-direction: column;}
    .cf-left p br {display: none;}
}
@media screen and (max-width: 520px) {
    .cf-cols-row {flex-direction: column;}
    .cf-col {width:100%;}
}

/* Footerr */
.se-footer {background:#041543; color:#fff; padding:110px 0 50px 0;}
.se-footer p {color:#fff;}
.footer-content {padding-bottom:80px;}
.footer-bottom {border-top:1px solid #DBDBDB;}
.footer-bottom-content {display:flex; justify-content:space-between;}
.footer-menu {list-style-type:none; margin:0; padding:10px 0;}
.footer-menu li {display:inline; padding:0 40px 0 0;}
.footer-menu a {color:#fff; font-size:16px; font-weight:normal; text-decoration:none;}
.footer-menu a:hover {text-decoration:underline;}
.footer-bottom-content p {padding:10px 0; margin:0; color:#fff;}
@media screen and (max-width: 800px) {
	.se-footer {padding:50px 0 30px 0;}
	.footer-content {padding-bottom:40px;}
	.footer-menu li {padding:0 15px 8px 0;}
	.footer-bottom-content {flex-direction:column;}
}

#welcome {background:none !important;}
#main .page-content, #main .page-footer, #main .page-header {margin:0;}
.card-block {padding:0;}