@charset "utf-8";
    /*----------
* theme: Global Chess Kids (Pvt) Ltd
* Author: ANTS Creation
* Url : https://www.ants.lk/
----------------------------
* main css file
----------------------------------*/
    /*--
Font Pluging
-----------------------------------*/
    
    @font-face {
        font-family: "Poppins-Regular", sans-serif;
        src: url('../fonts/Poppins/Poppins-Regular.ttf');
    }
    
    @font-face {
        font-family: "Roboto-Regular", sans-serif;
        src: url('../fonts/Roboto/Roboto-Regular.ttf');
    }
    /*--
 Comman class
 ----------------------------------*/
    
    body,
    div,
    section,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    ul,
    li,
    ol {
        font-family: "Poppins-Regular", sans-serif;
        outline: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    p {
        font-family: "Roboto-Regular", sans-serif;
    }
    
    ul {
        padding-left: 0;
    }
    
    p {
        color: var(--txt-color);
    }
    
    .section-p-tb {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .section-p-t {
        padding-top: 40px;
    }
    
    .section-p-b {
        padding-bottom: 40px;
    }
    
    .white-overlay {
        background-color: var(--white);
        opacity: 0.5;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .dark-blue-overlay {
        background-color: var(--theme3-color);
        opacity: 0.7;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .yellow-overlay {
        background-color: var(--theme1-color);
        opacity: 0.7;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .bg-themeblue {
        background-color: var(--theme3-color);
    }
    
    .bg-black {
        background-color: var(--black);
    }
    /*--
Margin Padding
-----------------------------------*/
    
    .mt-15 {
        margin-top: 15px;
    }
    /*--
Button Styles
-----------------------------------*/
    
    .btn1 {
        text-transform: capitalize;
        font-weight: 500;
        color: var(--white);
        background-color: var(--theme1-color);
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
    }
    
    .btn1:hover {
        font-weight: 500;
        color: var(--theme1-color);
        background-color: var(--white);
        border: solid 0.2rem var(--theme1-color);
    }
    
    .btn2 {
        text-transform: capitalize;
        font-weight: 600;
        color: var(--white);
        background-color: transparent;
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
        line-height: 1rem;
    }
    
    .btn2:hover {
        font-weight: 600;
        color: var(--title-color);
        background-color: var(--theme1-color);
        border: solid 0.2rem var(--theme1-color);
    }
    
    .btn3 {
        text-transform: capitalize;
        font-weight: 600;
        color: var(--white);
        background-color: var(--theme1-color);
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
        line-height: 1rem;
    }
    
    .btn3:hover {
        font-weight: 600;
        color: var(--title-color);
        background-color: transparent;
        border: solid 0.2rem var(--theme1-color);
    }
    
    .btn4 {
        text-transform: capitalize;
        font-weight: 600;
        color: var(--title-color);
        background-color: transparent;
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
        line-height: 1rem;
    }
    
    .btn4:hover {
        color: var(--white);
        background-color: var(--theme1-color);
        border: solid 0.2rem var(--theme1-color);
    }
    
    .btn-header {
        text-transform: capitalize;
        font-weight: 500;
        color: var(--white);
        background-color: transparent;
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
    }
    
    .btn-header:hover {
        color: var(--white);
        background-color: var(--theme1-color);
        border-color: var(--theme1-color);
    }
    
    .btn-nav {
        text-transform: capitalize;
        font-weight: 500;
        color: #000;
        background-color: transparent;
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
    }
    
    .btn-nav:hover {
        color: var(--white);
        background-color: var(--theme1-color);
        border-color: var(--theme1-color);
    }
    
    .btn-register {
        text-transform: capitalize;
        font-weight: 600;
        color: var(--white);
        background-color: var(--theme1-color);
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
    }
    
    .btn-register:hover {
        color: var(--dark);
        background-color: transparent;
        border-color: var(--theme1-color);
    }
    
    .btn-register1 {
        text-transform: capitalize;
        font-weight: 600;
        color: var(--black);
        background-color: var(--theme1-color);
        border: solid 0.2rem var(--theme1-color);
        border-radius: 2rem;
        letter-spacing: 1px;
        font-size: 1rem;
    }
    
    .btn-register1:hover {
        color: var(--dark);
        background-color: transparent;
        border-color: var(--theme1-color);
    }
    /*--
Section Title
-----------------------------------*/
    
    .section-title {
        text-align: center;
        margin-bottom: 25px;
        width: 100%;
    }
    
    .section-title h4 {
        color: var(--theme1-color);
        font-size: 1.8rem;
        margin-bottom: 0;
        display: inline-block;
        padding-left: 55px;
        position: relative;
    }
    
    .section-title h4:before {
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        background-color: var(--theme1-color);
    }
    
    .section-title h2 {
        color: var(--theme1-color);
        font-size: 2.5rem;
    }
    
    .section-title h2 span {
        color: var(--white);
    }
    
    .section-title.black-view h2 span {
        color: var(--black);
    }
    /*-- 
pages banner
--------------------------------*/
    
    .page-banner {
        position: relative;
        /*background: url(../images/banner/page/banner.jpg);*/
        background-size: cover;
        background-position: center;
        height: 350px;
    }
    
    .page-banner .banner-content {
        position: relative;
        height: 350px;
    }
    
    .banner-content .banner-outer {
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 100%;
    }
    
    .banner-content .breadcrumb-outer {
        text-align: center;
    }
    
    .banner-content .breadcrumb-outer h4 {
        color: var(--white);
        text-transform: capitalize;
        font-size: 2rem;
        font-weight: 600;
    }
    
    .banner-content .breadcrumb {
        background: transparent;
        justify-content: center;
    }
    
    .banner-content .breadcrumb li a {
        color: var(--white);
        text-decoration: none;
    }
    
    .banner-content .breadcrumb li a:hover {
        color: var(--theme1-color);
    }
    
    .banner-content .breadcrumb li.active {
        color: var(--theme1-color);
    }
    
    .breadcrumb-item+.breadcrumb-item::before {
        content: ">";
        color: var(--white);
    }
    /*-- 
widget
-------------------------------*/
    
    .widget {
        border: 1px solid #e0e4e6;
        border-radius: 5px;
        padding: 25px;
        position: relative;
        margin-bottom: 30px;
    }
    
    .widget p {
        color: #999999;
    }
    
    .widget-title {
        color: var(--title-color);
        font-weight: 600;
        font-size: 1.3rem;
        margin-bottom: 1.5rem;
    }
    
    .widget-sub {
        margin-top: 25px;
    }
    
    .widget-sub h6 {
        font-size: 0.9rem;
        text-transform: capitalize;
        color: var(--title-color);
        font-family: Poppins, sans-serif;
        font-weight: 600;
    }
    
    .widget-sub span,
    .widget-sub p,
    .widget-sub a {
        font-size: 0.8rem;
        color: #83868c;
        display: block;
        line-height: 18px;
    }
    
    .widget-sub a:hover {
        color: #0000ff;
    }
    /*-- 
Form Control
-----------------------------*/
    
    .contact-form .form-control {
        margin-bottom: 30px;
        height: calc(2.9rem + 2px);
    }
    
    .contact-form textarea.form-control {
        height: auto;
    }
    /*-- 
Register Now
---------------------------------*/
    
    .widget.reg-now {
        text-align: center;
    }
    
    .widget.reg-now h2 {
        color: var(--title-color);
        font-weight: 600;
    }
    
.from-group-style select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}
.select-wrapper{
	position: relative;
}
.select-wrapper:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f107';
    font-size: 1.2rem;
    position: absolute;
    top: 11px;
    right: 14px;
    pointer-events: none;
    font-weight: 600;
}