@import url("web-font.css");
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body { font-family: 'Segoe UI', sans-serif; position: relative; padding: 0; margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; }
img{ max-width: 100%; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {  font-weight: 600; }

a{ color: inherit; }
/* a:hover{ color: #0068FF; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(0 128 128 / 11%); /* box-shadow: 0 0 0 0.2rem rgb(55 52 53 / 24%); */ }
.required-star { color: red; }

.form-group { position: relative; }
.form-group label{ font-weight: 500; margin: 0 0 3px; font-size: 14px;}
textarea.form-control { resize: none; height: 100px; border-radius: 10px; padding: 10px 15px;}
.form-control:focus, .form-select:focus{ box-shadow: none;  border-color: #004A92;  }

.left-text .code { position: absolute; top: 15px; left: 15px;font-size: 14px; border-right: 1px solid #e2e2e2; padding-right: 10px; color: #000; }
.left-text .form-control{ padding-left: 70px; }


/* Common Button */

.primary-btn { border-radius: 12px; display: inline-block; background: #004A92; color: #fff !important; padding: 10px 30px; border: 1px solid #004A92; outline: none; font-weight: 600;  }
.primary-btn:hover, .primary-btn:focus{ color: #fff; }

.secondary-btn { border-radius: 12px; background:#55BF25;  display: inline-block; color: #fff !important; padding: 10px 30px; border: 1px solid #55BF25; outline: none; font-weight: 600;  }
.secondary-btn:hover, .secondary-btn:focus{ background:#55BF25; color: #fff; border-color: #55BF25;  }

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* Page Title */
.page-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.page-title h1{ margin: 0; font-size: 2rem; }
.page-title a.addnew{ color: #E31E24; font-size: 16px; }

/* Section Title */
.section-title { margin: 20px 0;  }
.section-title h2{ position: relative; display: inline-block; font-size: 32px; font-weight: 700; margin: 0; text-transform: capitalize; }
.section-title .star{position: absolute; top: -9px;  right: -20px; }

/* Common color */
.primary-color { color: #004A92; }
.secondary-color, .secondary-color:hover, .secondary-color:focus { color: #55BF25; }


/*=== Slick Slider Common Css ===*/
.slide-arrow { font-size: 23px; background: none; border: 0; padding: 0; color: #357DED;  }
.slick-dots { padding: 0; margin: 0;  list-style: none; text-align: center;}
.slick-dots li { display: inline-block; padding: 0 3px;}
.slick-dots li button{ padding: 0; margin: 0; border: 0; line-height: normal; font-size: 0; background: #e2e2e2; height: 10px; width: 10px; border-radius: 10px; outline: none; cursor: pointer; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.slick-dots li.slick-active button{ background: #1F87E6; width: 30px; }

/* Modal Comman Css */
.modal-header .close { outline: none; opacity: 1; margin: 0; padding: 0; font-weight: 300; font-size: 32px; position: absolute;  right: 0px;  top: 0px; color: #000; z-index: 1000; background: #DBD4D4; border: none; display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; }
.modal-header .close span{     margin-top: -4px; }
.modal .modal-header{ padding: 8px 15px; border-bottom: 0; }
.modal .modal-content { border: none; border-radius: 0; box-shadow: none; }
.modal .custom-footer { padding: 15px; }
.modal-custom-footer .btn{ margin: 0 5px;  }

/* Pre Loader  */
#preloader { position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center;}
.loader { position: relative; height: 40px; width: 6px; color: #FFF; animation: paddles 0.75s ease-out infinite; }
.loader:before { content: ""; position: absolute; margin: 0 auto; left: 0; right: 0; top: 15px; width: 12px; height: 12px; background-color: greenyellow; border-radius: 50%; animation: ballbounce 0.6s ease-out infinite; }

@keyframes paddles {
  0% { box-shadow: -25px -10px, 25px 10px }
  50% { box-shadow: -25px 8px, 25px -10px }
  100% { box-shadow: -25px -10px, 25px 10px }
}

@keyframes ballbounce {
  0% { transform: translateX(-20px) scale(1, 1.2) }
  25% { transform: scale(1.2, 1) }
  50% { transform: translateX(15px) scale(1, 1.2) }
  75% { transform: scale(1.2, 1) }
  100% { transform: translateX(-20px) }
}

/* Comman Check box */
.common-check .checkbox { display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: 1.4; }
.common-check .checkbox input { position: absolute; cursor: pointer; opacity: 0; height: 20px; width: 20px; top: 0px; left: 0; }
.common-check .checkmark {position: absolute;top: 0px;left: 0;height: 20px;width: 20px;background-color: transparent;border: 1px solid #1A2D31; }
.common-check .checkbox input:checked ~ .checkmark {  border: solid 1px #1A2D31; }
.common-check .checkmark::after {content: ""; position: absolute;display: none;}
.common-check .checkbox input:checked ~ .checkmark::after {display: block;}
.common-check .checkbox .checkmark::after {left: 7px; top: 2px; width: 5px; height: 11px; border: solid #000; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* Comman Radio Button */
.radio-box { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 20px; }
.radio-box .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 2px solid #1A2D31; border-radius: 50%; }
.radio-box input:checked~.checkmark { background-color: transparent; border-color: #1A2D31;  }
.radio-box input:checked~.checkmark::after { display: block; }
.radio-box .checkmark::after { content: ""; position: absolute; display: none; }
.radio-box .checkmark::after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #1A2D31; }
.radio-box input { position: absolute; opacity: 0; cursor: pointer; }


/* ====== Header ====== */
header { position: fixed; left: 0; right: 0; z-index: 999; background: #fff; box-shadow: 0px 0px 6px 2px #e2e2e2; }
header a{ transition: none; }
/* header .dropdown-toggle::after{ display: none; } */

header .navbar-light .navbar-toggler { border: none; outline: none; box-shadow: none; }
header .navbar-brand{   display: flex; align-items: center; padding: 0; }
header .navbar-brand .mobile-hide{ max-width: 140px; }
header .right-side { display: flex; align-items: center; margin-left: auto; }
header .navbar { padding: 10px 0; }
header .navbar .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 1px solid #004A92; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after,
header .navbar .navbar-toggler-icon::before{ width: 24px; position: absolute; height: 1px;  background-color: #004A92; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after{ top: 8px; }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: rotate(45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(8px) rotate(-45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }
header .navbar-nav li { padding: 0px 10px; }
header .navbar-nav li a { font-weight:600;padding: 0; margin: 0 10px;  color: #000; position: relative; }
header .navbar-nav li:not(:last-child) a::after{ content: ""; position: absolute; right: -20px; top: 5px; background: #bbb; width: 1px; height: 15px; }

header .right-side .get-app .app-btn{ color: #fff; background: #004A92; padding: 8px 15px; border-radius: 8px; }

.main-wapper { padding: 70px 0 0; }
section { padding: 50px 0; }

/* Banner */
section.home-banner .banner-slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
section.home-banner .banner-slider .slick-list{position: absolute; top: 50%; left: 50%; right: 0; max-width: 550px; transform: translateY(-50%); }
section.home-banner .img img{ width: 100%; }
section.home-banner { position: relative; padding: 0;  }
section.home-banner .details { position: relative; }
section.home-banner .details .box{ border-radius: 10px; text-align: center;   background: #fff; padding: 30px; }
section.home-banner .details .box h2{margin: 0 0 20px; font-family: 'Dancing Script', cursive; font-weight: 700; }
section.home-banner .details .box p{ margin: 0 0 25px; color: #6B6B6B;}
section.home-banner .slick-dots { display: flex; position: absolute; bottom: 30px; left: 0; padding-left: 20px;}
section.home-banner .slick-dots li{ line-height: 0; }
section.home-banner .slick-dots li.slick-active button{ background: #fff; }

section.home-banner .slide-arrow{ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); position: absolute; right: 30px; bottom: -14px; background: #fff; display: flex !important; align-items: center; justify-content: center; height: 30px; width: 30px; border-radius: 40px; z-index: 99; }
section.home-banner .slide-arrow img{ width: 10px; }
section.home-banner .slide-arrow.prev-arrow{ left: unset; right: 70px; }

section.home-banner .details .box .next-draw{ border-radius: 50px; text-transform: uppercase;  display: inline-block; color: #fff; padding: 10px 30px; border: 0; outline: none; font-weight: 600;  }
section.home-banner .details .box .next-draw.color1{  background: #1F87E6; }
section.home-banner .details .box .next-draw.color2{  background: #EE0E17; }
section.home-banner .details .box .next-draw.color3{  background: #399519; }
section.home-banner .details .box .next-draw.color4{  background: #8F0092; }

section.home-banner .details .box h2.color1{ color: #1F87E6; text-shadow: 1px 0px #1F87E6;}
section.home-banner .details .box h2.color2{ color: #EE0E17; text-shadow: 1px 0px #EE0E17;}
section.home-banner .details .box h2.color3{ color: #399519; text-shadow: 1px 0px #399519;}
section.home-banner .details .box h2.color4{ color: #8F0092; text-shadow: 1px 0px #8F0092;}

section.home-banner .details .box .timer { margin: 30px 0 20px; display: flex; align-items: center; justify-content: center; }
section.home-banner .details .box .timer .data{ border-radius: 5px; border: 1px solid #ebebeb; position: relative; display: flex; justify-content: center; align-items: center; font-size: 40px; font-weight: bold; margin: 0 15px; width: 100px; height: 90px; line-height: 32px; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.10); }
section.home-banner .details .box .timer .data span{ display: block; font-weight: 300; font-size: 16px;  }
section.home-banner .details .box .timer .data:not(:last-child)::after{ content: ":"; font-size: 20px; position: absolute; right: -18px; font-weight: 300; }


/* Lottery System */
section.lottery-system { position: relative; }
section.lottery-system::after{ content: ""; position: absolute; left: 0; bottom: 0; background: url('../images/lotto-system-bg.png') no-repeat; width: 410px; height: 480px; background-size: cover; z-index: -1; }
section.lottery-system .btn-list { display: flex; align-items: center; justify-content: center; position: relative; }
section.lottery-system .btn-list .line-left::after{content: ""; position: absolute; left: 0; width: 30%; height: 2px; background: #BBBBBB;  top: 30px; }
section.lottery-system .btn-list .line-left::before{content: ""; position: absolute; left: 30%; width: 10px; border-radius: 10px; top: 26px; height: 10px; background: #BBBBBB;  }

section.lottery-system .btn-list .line-right::after{content: ""; position: absolute; right: 0; width: 30%; height: 2px; background: #BBBBBB;  top: 30px; }
section.lottery-system .btn-list .line-right::before{content: ""; position: absolute; right: 30%; width: 10px; border-radius: 10px; top: 26px; height: 10px; background: #BBBBBB;  }

section.lottery-system .btn-list .box{ background: #fff; padding: 0px 50px 50px;  }
section.lottery-system .btn-list .box .btn{ line-height: 38px; height: 55px; margin: 0 10px; padding: 8px 10px; width: 175px;  }

section.lottery-system .section-title { max-width: 380px; margin: 0 auto 30px; text-align: center; }
section.lottery-system .app-main { margin: 40px 0; }
section.lottery-system .app-box { margin: 12px 0; padding: 25px 40px; text-align: center; border-radius: 15px; color: #fff; }
section.lottery-system .app-box img{ margin: 0 auto 15px; max-width: 40px;  }
section.lottery-system .app-box.color1 { background: #55BF25; box-shadow: 0px 5px 0px 3px #82F34E;  }
section.lottery-system .app-box.color2 { background: #2575BF; box-shadow: 0px 5px 0px 3px #4195E2; }
section.lottery-system .app-box.color3 { background: #BF255C; box-shadow: 0px 5px 0px 3px #E54B82;}

section.lottery-system .learn-more { padding: 30px 0; }
section.lottery-system .learn-more .learn-btn{ background: #D9D9D9; border: 1px solid #959595; padding: 8px 20px; border-radius: 40px; }



/* Call To Action  */
section.call-to-action { color: #fff; background: url('../images/lotto-ticket-bg.jpg') no-repeat center center; background-size: cover; text-align: center; }
section.call-to-action .primary-btn{ margin: 20px 0 0; background: #2575BF; border-color: #2575BF; box-shadow: 0px 2px 0px 3px #4195E2;  }


/* Works Steps */
section.work-step {  }
section.work-step ul { list-style-type: lower-alpha; padding: 0 0 0 20px;  }
section.work-step ul li{ text-decoration: underline; }
section.work-step .money-box { border-radius: 26px;  background: #F8F8F8; padding: 25px 60px; text-align: center; border: 1px solid #DDDDDD; height: calc(100% - 20px); margin: 10px 0; display: flex; align-items: center;  justify-content: center;}
section.work-step .money-box h2{ font-weight: 700; }

/* FAQ section */
section.faq-sec{ position: relative; }
section.faq-sec::after{ content: ""; position: absolute; right: 0; top: 15%; background: url('../images/faq-right.png') no-repeat; background-size: cover; width: 100px; height: 400px; z-index: -1; }
section.faq-sec::before{ content: ""; position: absolute; left: 0; bottom: 15%; background: url('../images/faq-left.png') no-repeat; background-size: cover; width: 100px; height: 340px; z-index: -1; }
section.faq-sec .accordion{  margin: 50px 0 0; }
section.faq-sec .accordion-list{overflow: hidden; border-radius: 12px; margin: 0 0 15px; border: 1px solid #DDDDDD; }
section.faq-sec .accordion-list .accor-head a{ position: relative; display: inline-block; width: 100%;  padding: 15px 25px 15px 20px; font-weight: 600;   }
section.faq-sec .accordion-list .accor-head a i {position: absolute; top: 10px; right: 10px; font-style: normal;  width: 20px; height: 20px; font-size: 24px; font-weight: 300; }
section.faq-sec .accordion-list .accor-head a i::before {content: "\e15b"; position: absolute;  font-family: 'Material Symbols Outlined';}
section.faq-sec .accordion-list .accor-head a.collapsed i::before { content: "\e145";  }
section.faq-sec .accordion-list .accor-body { padding: 0px 20px 10px; background: #F6F6F6;}
section.faq-sec .accordion-list ul.menu { list-style-type: none; padding: 0; }
section.faq-sec .accordion-list ul.menu li{ padding: 5px 0; }
section.faq-sec .accordion-list .accor-head a[aria-expanded="true"] {  background: #F6F6F6; }


/* Inner Banner */
section.inner-banner { color: #fff; background-size: cover !important; padding: 50px 0 0; }
section.inner-banner .breadcrumb{ text-transform: uppercase; color: #fff; background: none;  padding: 0;  font-size: 14px; margin: 0; }
section.inner-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before{ content: "|"; color: #fff;  }
section.inner-banner .breadcrumb .breadcrumb-item a{ color: #fff; }
section.inner-banner .breadcrumb .breadcrumb-item.active{ font-weight: 500; color: #fff; }
section.inner-banner .img img { max-height: 220px; }
section.inner-banner .page-title{ margin-top: -50px; }

/* About us Page */
section.about-page .listing-about .content .section-title h2{ font-size: 20px; }
section.about-page .listing-about .content .section-title .star { top: -14px;  right: -23px; }
section.about-page .listing-about .img { max-width: 470px; margin: 0 auto; }

section.about-page .listing-about { position: relative; padding: 20px 0; }
section.about-page .listing-about.right:after{ content: ""; position: absolute; right: 0; bottom: 0; background: url('../images/about/right-bg.png') no-repeat; background-size: cover; width: 69px; height: 120px; }
section.about-page .listing-about.left:after{ content: ""; position: absolute; left: 0; bottom: 0; background: url('../images/about/left-bg.png') no-repeat; background-size: cover; width: 69px; height: 120px; }


/* Get The App Page */
section.get-the-app {  }
section.get-the-app .app-box { display: flex; align-items: center; justify-content: center; margin: 50px 0; }
section.get-the-app .app-box a { margin: 0 15px; max-width: 200px; }


/* Why Join */
section.why-join {  }
section.why-join .box { position: relative; color: #fff; }
section.why-join .box .img{ border-radius: 12px; }
section.why-join .box .login-text{ position: absolute; left: 30px; bottom: 30px; }
section.why-join .box .login-text h3{ font-weight: 700; font-size: 22px; margin: 0 0 20px; }
section.why-join .box .login-text .login-btn{ border: 1px solid #fff; padding: 5px 30px; text-transform: uppercase; color: #fff; display: inline-block; }


/* Contact Us  */
section.contact-section .contact-form { padding: 20px 25px; border-radius: 20px; border: 1px solid #DDD; background: #FFF; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.08); }
section.contact-section .contact-form .section-title h2{ font-size: 26px; }

/* CMS Pages */
section.cms-page {  }
section.cms-page a,
section.cms-page a:hover,
section.cms-page a:focus{ color: #55BF25;  }
section.cms-page .roles-box { height: calc(100% - 60px); margin: 30px 0 30px; font-weight: 600; padding: 25px; border-radius: 16px; background: #004A92; color: #fff; text-align: center; }
section.cms-page .roles-box p{ margin: 0; }
section.cms-page .roles-box .box-btn{ position: relative; bottom: -45px; }
section.cms-page .career-box { text-align: center;  }
section.cms-page .career-box img{ max-width: 400px; margin: 0 auto; }


/* Result Page */
section.lottery-result .table>:not(:first-child){ border-top: 0; }
section.lottery-result .filter { background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0px 0px 6px 2px #e2e2e2; margin: 0 0 30px; }




/* SignUp - SignIn - Language Pages  */
section.auth-page {  }
section.auth-page .login-logo {  margin: 0 0 20px; }
section.auth-page .login-logo img{  margin: 0 auto; display: flex; max-width: 210px; }
section.auth-page .login-logo h3{  margin: 00px 0 30px; font-size: 22px; text-align: center; }
section.auth-page .login-logo p{ color: #B5B5B5; }
section.auth-page .auth-form{ max-width: 450px; margin: 0 auto; padding: 20px 25px; background: #fff; border-radius: 25px; border: 1px solid #e2e2e2; }
section.auth-page .auth-form.signup-flow { max-width: 100%; }
section.auth-page .auth-form .signup-detail { text-align: center; }
section.auth-page .auth-form .signup-detail .primary-color{ font-weight: 600; }
section.auth-page .auth-form .title { text-align: left; margin: 0 0 20px; font-weight: 200; color: #000000; }


/* Footer */
footer{  background: url('../images/footer-bg.png') no-repeat; background-size: cover; padding:40px 0 0; }
footer ul.socail-icon{ margin: 10px 0 15px;display: inline-block; width: 100%;  padding: 0; list-style: none; }
footer ul.socail-icon li{ display: inline-block; padding: 0 8px 0 0; }
footer ul.socail-icon li img{ max-width: 40px; }

footer .footer-title{color: #216192; font-size: 20px; position: relative; padding: 0 0 5px; margin: 0 0 22px; }
footer .footer-title::after{ content: ""; position: absolute; left: 0; bottom: -6px; background: url('../images/footer-title-bg.png') no-repeat; width: 40px; height: 5px; background-size: cover; }
footer .footer-link ul { margin: 0; padding: 0; }
footer .footer-link ul li{ list-style-type: none; padding: 5px 0px; position: relative; }
footer .footer-link ul li a{   }

footer .footer-logo  { margin: 0 0 20px; }
footer .footer-logo img{ max-width: 150px; margin: 0 20px 0 0; }
footer .footer-bottom { padding: 20px 0; }
footer .footer-bottom { color: #6B6B6B;   }
footer .footer-bottom a{ color: #262626; text-decoration: underline; }

footer .contact-info .box{ display: flex;  max-width: 500px; margin: 0 0 15px;  }
footer .contact-info .box .img{  flex: 0 0 auto; }
footer .contact-info .box .text{ flex: 1 1 auto; padding: 0 0 0 15px; }

/* powerplay modal */
.powerplay-modal { text-align: center; }
.powerplay-modal img{ margin: 0 0 30px; }


.coming-soon img{ width: 100%; max-width: 400px; }


/* OTP Modal */
.otp-modal {  }
.otp-modal .otp-box{ text-align: center; padding: 20px 0; }
.otp-modal .otp-box .otp-input { display: flex; align-items: center; justify-content: center; margin: 20px 0; }
.otp-modal .otp-box .otp-input .form-control{ padding: 0; margin: 0 8px; border: 0; border-bottom: 1px solid #000; border-radius: 0; text-align: center;  font-weight: 600; font-size: 17px; }
.otp-modal .otp-box .resend { margin: 15px 0 30px; }
.otp-modal .otp-box .resend a{  }
.otp-modal .otp-box .countdown { color: #a5a5a5;  margin: 15px 0 0; display: inline-block; width: 100%; }
.otp-modal .otp-box .countdown .countdown__time { color: #000; }

/* Delete Modal */
.delete-confirm .modal-dialog {  max-width: 400px; margin: 0 auto; padding: 0 15px; }
.delete-confirm .modal-content { border: none; text-align: center; }
.delete-confirm .modal-header{ border: 0; }
.delete-confirm .modal-body .icon-box{  }
.delete-confirm .modal-body .icon-box span{ border: 2px solid #f6253b; height: 70px; width: 70px;display: flex; border-radius: 50%; justify-content: center; margin: 0 auto; font-size: 55px; font-weight: 100; color: #f6253b; }
.delete-confirm .modal-body h4{ margin: 15px 0; color: #1A2D31; }
.delete-confirm .modal-body .button-list { padding: 20px 0 10px; display: flex; justify-content: center; align-items: center; }
.delete-confirm .modal-body .button-list .btn{ margin: 0 5px; width: 100%; padding: 10px 0;}
.delete-confirm .modal-body .success-img lottie-player{ width: 175px; margin: 0 auto; }


/* Custom Field */
.did-floating-label-content {  position: relative; margin-bottom: 20px; }
.did-floating-label { color: #808080; font-size: 14px; font-weight: 600; position: absolute; pointer-events: none; left: 15px; top: 15px; padding: 0 5px; background: #fff; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.did-floating-input, .did-floating-select { font-size: 14px; display: block; width: 100%; height: 50px; padding: 0 20px; background: #fff; color: #323840; border: 1px solid #DDDDDD; border-radius: 8px; box-sizing: border-box; }
.did-floating-input:focus, .did-floating-select:focus { outline: none; border-color: #004A92; }
.did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label { top: -10px; font-size: 13px; color: #004A92; }
select.did-floating-select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.did-floating-select::-ms-expand { display: none; }
.did-floating-input:not(:placeholder-shown) ~ .did-floating-label { top: -10px; font-size: 13px; }
.did-floating-select:not([value=""]):valid ~ .did-floating-label { top: -10px; font-size: 13px;}
.did-floating-select[value=""]:focus ~ .did-floating-label { top: 15px; font-size: 14px; }
.did-floating-label-content .view-icon { position: absolute; top: 12px; right: 10px; cursor: pointer; }
.did-floating-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
  background-position: right 15px top 50%;
  background-repeat: no-repeat;
}


/* Game Modal Css */

/* White Panel */
.text-blue { color: #1F85E3; }
.white-panel { box-shadow: 0px 2px 5px 1px #e2e2e2; display: inline-block; width: 100%; background: #fff; border-radius: 30px; overflow: hidden; margin: 20px 0; }
.white-panel .panel-head { background: #EFEFEF; padding: 20px; }
.white-panel .panel-body { padding: 20px; }
.white-panel .panel-body .table-cust { font-size: 16px; white-space: nowrap; margin: 0 0 20px; border-collapse: separate; border-spacing: 0; width: 100%; }
.white-panel .panel-body .table-cust tr { border: 5px solid #fff; }
.white-panel .panel-body .table-cust tr td { border: 5px solid #fff; padding: 10px 20px; background-color: #EFEFEF; color: #000; }
.white-panel .panel-body .table-cust tr th { border: 5px solid #fff; padding: 10px 20px; background-color: #55BF25; color: #FFF; }
.white-panel .panel-body .table-cust tr:first-child th:first-child{ border-top-left-radius: 15px;}
.white-panel .panel-body .table-cust tr:last-child td:first-child{ border-bottom-left-radius: 15px;}
.white-panel .panel-body .table-cust tr:first-child th:last-child{ border-top-right-radius: 15px;}
.white-panel .panel-body .table-cust tr:last-child td:last-child{ border-bottom-right-radius: 10px; }


.footer-certificate iframe{
  width: 114px !important;
  height: 114px !important;
}