@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
11. Team
12. News
13. Newsletter
14. Footer



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

* {
    margin: 0;
    padding: 0;
    
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    color: #b5b8be;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
    color: #76777a;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

    p a {
        display: inline;
        position: relative;
        color: inherit;
        border-bottom: solid 1px #ffa07f;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    p:last-of-type {
        margin-bottom: 0;
    }

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

    p a:hover::after {
        opacity: 0.2;
    }

::selection {
}

p::selection {
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    color: #384158;
    margin-bottom: 0;
}

    h1::selection,
    h2::selection,
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection {
    }

.form-control {
    color: #db5246;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 0.8;
    margin:10px;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.nopadding {
    padding: 0px !important;
}

/*********************************
3. Header
*********************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .header.scrolled {
        top: -40px;
    }

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    background: #2c3e50; /* #14bdee;*/
}

.header.scrolled .top_bar {
}

.top_bar_container {
    width: 100%;
    height: 100%;
    background-color: #2c3e50 !important
}

.top_bar_content {
    width: 100%;
    height: 40px;
}

.top_bar_contact_list li {
    display: inline-block;
}

.question {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 0px;
}

.top_bar_contact_list li i,
.top_bar_contact_list li > div {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
}

.top_bar_contact_list a:hover {
    color: gold !important;
}

.top_bar_contact_list li > div {
    margin-top_bar_logineft: 1px;
}

.top_bar_contact_list li:not(:last-child) {
    margin-right: 21px;
}

.top_bar_login {
    height: 100%;
}

.login_button {
    width: 110%;
    height: 90%;
    background: #27385c;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
    color: white;
    background-color: #2c3e50 !important;
}

    .login_button a {
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 40px;
        color: white;
    }

.logout-css:hover {
    color:gold
}
/*********************************
3.2 Header Content
*********************************/
.header_container {
    width: 100%;
    background: #FFFFFF;
}

.header_content {
    height: 90px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header.scrolled .header_content {
    height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text {
    display: inline-block;
}

.logo {
    width: 60px;
    height: 60px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .logo img {
        max-width: 100%;
    }

.logo_text {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #384158;
    vertical-align: middle;
    margin-left: 7px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .logo_text span {
        color: #14bdee;
    }

.header.scrolled .logo {
    width: 40px;
    height: 40px;
}

.header.scrolled .logo_text {
    font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner {
}
/*
.main_nav,
.search_button,
.shopping_cart {
    display: inline-block;
}
*/
.main_nav li {
    display: inline-block;
    position: relative;
}

    .main_nav li:not(:last-child) {
        margin-right: 44px;
    }

    .main_nav li a {
        font-size: 18px;
        font-weight: 500;
        color: #384158;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .main_nav li a:hover,
        .main_nav li.active a {
            color: #14bdee;
        }

    .main_nav li.active::after {
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #14bdee;
        content: '';
    }

.search_button {
    margin-left: 46px;
    cursor: pointer;
}

.shopping_cart {
    margin-left: 23px;
    cursor: pointer;
}

    .search_button i,
    .shopping_cart i {
        font-size: 18px;
        color: #181818;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .search_button:hover i,
    .shopping_cart:hover i {
        color: #14bdee;
    }

.header_search_form {
    display: block;
    position: relative;
    width: 40%;
}

.header_search_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #14bdee;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .header_search_container.active {
        bottom: -73px;
        opacity: 1;
    }

.header_search_content {
    width: 100%;
    height: 73px;
}

.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container {
}

.hamburger {
    display: none;
    cursor: pointer;
}
    /* Your original CSS */

    .hamburger i {
        font-size: 20px;
        color: #353535;
        margin-left: 1386%;
        margin-top: -175%;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .hamburger:hover i {
        color: #14bdee;
    }









/*********************************
3.5 Hamburger
*********************************/

/*.hamburger_container {
}

.hamburger {
    display: none;
    cursor: pointer;
}

    .hamburger i {
        font-size: 20px;
        color: #353535;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .hamburger:hover i {
        color: #14bdee;
    }*/

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #FFFFFF;
    z-index: 101;
    padding-right: 60px;
    padding-top: 87px;
    padding-left: 50px;
}

    .menu .logo a {
        color: #000000;
    }

    .menu.active {
        right: 0;
    }

.menu_close_container {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}

    .menu_close div {
        width: 100%;
        height: 2px;
        background: #232323;
        top: 8px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .menu_close div:last-of-type {
            -webkit-transform: rotate(90deg) translateX(-2px);
            -moz-transform: rotate(90deg) translateX(-2px);
            -ms-transform: rotate(90deg) translateX(-2px);
            -o-transform: rotate(90deg) translateX(-2px);
            transform: rotate(90deg) translateX(-2px);
            transform-origin: center;
        }

    .menu_close:hover div {
        background: #937c6f;
    }

.menu .logo {
    margin-bottom: 60px;
}

.menu_nav ul li {
    margin-bottom: 9px;
}

    .menu_nav ul li a {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        color: rgba(0,0,0,1);
        font-weight: 700;
        letter-spacing: 0.1em;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .menu_nav ul li a:hover {
            color: #14bdee;
        }

.menu .search {
    width: 100%;
    margin-bottom: 67px;
}

.search {
    display: inline-block;
    width: 400px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.menu .header_search_form {
    width: 100%;
}

.search form {
    position: relative;
}

.menu .search_input {
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0,0,0,0.5);
}

    .menu .search_input::-webkit-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0,0,0,0.4) !important;
    }

    .menu .search_input:-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0,0,0,0.4) !important;
    }

    .menu .search_input::-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0,0,0,0.4) !important;
    }

    .menu .search_input:-ms-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0,0,0,0.4) !important;
    }

    .menu .search_input::input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0,0,0,0.4) !important;
    }

/*********************************
5. Section
*********************************/

.section_title_container {
    max-width: 600px;
    margin: 0 auto;
}

.section_title {
    line-height: 1.2;
}

.section_subtitle {
    line-height: 1.85;
    margin-top: 14px;
}

.section_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*********************************
6. Home
*********************************/
.home {
    width: 100%;
    height: 850px;
}


.home_slider_container {
    width: 100%;
    height: 100%;
}

.home_slider {
    width: 100%;
    height: 100%;
}

.home_slider_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home_slider_content {
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    height: auto;
}

.home_slider_title {
    font-family: 'Roboto Slab', serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    color: #384158;
}

.home_slider_subtitle {
    font-size: 24px;
    color: #76777a;
    margin-top: 9px;
}

.home_slider_form_container {
    width: 832px;
    margin: 0 auto;
    margin-top: 35px;
}

.home_search_form div {
    width: calc(100% - 140px);
    height: 46px;
    background: #FFFFFF;
    border-radius: 3px;
}

.home_search_input {
    width: 33.33333333%;
    border: none;
    outline: none;
    height: 25px;
    padding-left: 20px;
}

    .home_search_input:not(:last-child) {
        border-right: solid 1px #e5e5e5;
    }

    .home_search_input::-webkit-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #b5b8be !important;
    }

    .home_search_input:-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #b5b8be !important;
    }

    .home_search_input::-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #b5b8be !important;
    }

    .home_search_input:-ms-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #b5b8be !important;
    }

    .home_search_input::input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #b5b8be !important;
    }

.dropdown_item_select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-image: url(../images/down.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 20px;
}

.home_search_button {
    width: 120px;
    height: 46px;
    background: #14bdee;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.home_slider_nav {
    position: absolute;
    top: 55.8%;
    width: 50px;
    background: #b6b7bd;
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.home_slider_prev {
    left: 75px;
}

.home_slider_next {
    right: 75px;
}

.home_slider_nav i {
    line-height: 50px;
    color: #FFFFFF;
    font-size: 22px;
}

.home_slider_nav:hover {
    background: #14bdee;
}

/*********************************
7. Features
*********************************/

.features {
    width: 100%;
    background: #FFFFFF;
    padding-top: 93px;
    padding-bottom: 103px;
}

.features_row {
    margin-top: 55px;
}

.feature {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 28px;
    padding-left: 15px;
    padding-right: 15px;
    background: #FFFFFF;
}

    .feature:hover {
        box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
    }

.feature_icon {
    height: 55px;
}

    .feature_icon img {
        max-width: 100%;
    }

.feature_title {
    position: relative;
    font-size: 20px;
    margin-top: 23px;
}

/*********************************
8. Courses
*********************************/

.courses {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 100px;
}

/*.courses_row {
    margin-top: -45px;
}*/
/* Default styles */
.courses_row {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 2px;
}

/* Media query for 480px screen size */
@media screen and (max-width: 480px) {
    .courses_row {
        margin-left: 10px; /* Adjusted left margin at this breakpoint */
        margin-right: 10px; /* Adjusted right margin at this breakpoint */
    }
}

/* Media query for 768px screen size */
@media screen and (max-width: 768px) {
    .courses_row {
        margin-left: 15px; /* Adjusted left margin at this breakpoint */
        margin-right: 15px; /* Adjusted right margin at this breakpoint */
    }
}

.course {
    width: 100%;
    border-radius: 6px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}

.course_image {
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
}

    .course_image img {
        max-width: 100%;
    }

.course_body {
    /*padding-top: 22px;
	padding-left: 30px;
	padding-right: 30px;*/
    padding-bottom: 23px;
    height: 250px;
}

.course_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .course_title a:hover {
        color: #14bdee;
    }

.course_teacher {
    font-size: 15px;
    font-weight: 400;
    color: #384158;
    margin-top: 6px;
}

.course_text {
    margin-top: 13px;
}

.course_footer {
    padding-left: 30px;
    padding-right: 30px;
}

.course_footer_content {
    width: 100%;
    border-top: solid 1px #e5e5e5;
    padding-top: 9px;
    padding-bottom: 11px;
}

.course_info {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #55555a;
}

    .course_info:first-child {
        margin-right: 18px;
    }

    .course_info i {
        color: #ffc80a;
    }

.course_price {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    font-weight: 700;
    color: #14bdee;
}

    .course_price span {
        font-family: 'Roboto Slab', serif;
        font-size: 14px;
        font-weight: 400;
        text-decoration: line-through;
        color: #b5b8be;
        margin-right: 10px;
    }

.courses_button {
    width: 210px;
    height: 46px;
    border-radius: 3px;
    background: #14bdee;
    text-align: center;
    margin: 0 auto;
    margin-top: 41px;
    box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}

    .courses_button:hover {
        box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
    }

    .courses_button a {
        display: block;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 46px;
        color: #FFFFFF;
    }

.courses_button2 {
    width: 210px;
    height: 46px;
    border-radius: 3px;
    background: #14bdee;
    text-align: center;
    margin: 0 auto;
    margin-top: 41px;
    box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}

    .courses_button2:hover {
        box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
    }

    .courses_button2 a {
        display: block;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 46px;
        color: #FFFFFF;
    }
/*********************************
9. Counter
*********************************/

.counter {
    width: 100%;
    background: #FFFFFF;
    z-index: 2;
}

.counter_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.counter_content {
    padding-top: 119px;
    padding-bottom: 125px;
}

.counter_title {
    font-family: 'Roboto Slab', serif;
    color: #FFFFFF;
    font-weight: 700;
}

.counter_text {
    margin-top: 19px;
}

    .counter_text p {
        color: #FFFFFF;
    }

.milestones {
    margin-top: 39px;
}

.milestone {
    text-align: center;
}

    .milestone:not(:last-child)::after {
        display: block;
        position: absolute;
        top: 0;
        right: -45px;
        width: 1px;
        height: 70px;
        background: rgba(255,255,255,0.2);
        content: '';
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }

.milestone_counter {
    font-size: 42px;
    font-weight: 700;
    line-height: 0.75;
    color: #14bdee;
}

.milestone_text {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 14px;
}

.counter_form {
    position: absolute;
    top: 0;
    right: 30px;
    width: 380px;
    height: 100%;
    background: #FFFFFF;
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}

.counter_form_content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.counter_form_title {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: 700;
    color: #384158;
    text-transform: uppercase;
    line-height: 0.75;
    margin-bottom: 41px;
}

.counter_input {
    width: 100% !important;
    height: 46px !important;
    border: solid 1px #e5e5e5 !important;
    border-radius: 3px !important;
    padding-left: 20px !important;
    outline: none !important;
    color: #384158 !important;
    font-size: 14px !important;
}

    .counter_input:not(:last-child) {
        margin-bottom: 10px !important;
    }

.counter_text_input {
    height: 90px !important;
    padding-top: 10px !important;
}

.counter_options {
    position: relative !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-user-select: none !important;
    background-image: url(../images/down.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    margin-right: 0px !important;
}

.counter_input::-webkit-input-placeholder,
.counter_text_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-moz-placeholder,
.counter_text_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::-moz-placeholder,
.counter_text_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-ms-input-placeholder,
.counter_text_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::input-placeholder,
.counter_text_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_form_button {
    width: 100%;
    height: 46px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #14bdee;
    cursor: pointer;
    margin-top: 30px;
    box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .counter_form_button:hover {
        box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
    }

/*********************************
10. Events
*********************************/

.events {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 70px;
    background: #FFFFFF;
}

.events_row {
    margin-top: 47px;
}

.event_left {
    padding-right: 20px;
}

.event_mid {
    padding-left: 10px;
    padding-right: 10px;
}

.event_right {
    padding-left: 20px;
}

.event_image {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

    .event_image img {
        max-width: 100%;
    }

.event_body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.event_date {
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}

    .event_date > div {
        width: 60px;
        height: 60px;
    }

.event_day {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    color: #14bdee;
    font-weight: 700;
    line-height: 0.75;
}

.event_month {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #14bdee;
    font-weight: 400;
    line-height: 0.75;
    margin-top: 9px;
}

.event:hover .event_date > div {
    background: #14bdee;
}

.event:hover .event_day,
.event:hover .event_month {
    color: #FFFFFF;
}

.event_content {
    padding-left: 20px;
}

.event_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .event_title a:hover {
        color: #14bdee;
    }

.event_info_container {
    margin-top: 11px;
}

.event_info {
    display: inline-block;
    color: #b5b8be;
    font-size: 14px;
}

    .event_info:not(:last-child) {
        margin-right: 17px;
    }

    .event_info span {
        margin-left: 4px;
    }

.event_text {
    margin-top: 12px;
}

/*********************************
11. Team
*********************************/

.team {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
}





.teamadd {
    width: 100%;
    top: 57px !important;
    padding-bottom: 60px;
}

.team_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team_row {
    margin-top: 43px;
}

.team_col {
    margin-bottom: 40px;
}

.team_item {
    width: 100%;
}

.team_image {
    width: 180px;
    height: 160px;
    border-radius: 6px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -86px;
    z-index: 5;
    text-align: center;
}

    .team_image img {
        max-width: 100%;
    }

.team_body {
    width: 100%;
    padding-top: 75px;
    padding-right: 20px;
    padding-bottom: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.team_item:hover .team_body {
    box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}

.team_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .team_title a:hover {
        color: #14bdee;
    }

.team_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #76777a;
    margin-top: 6px;
}

.social_list {
    margin-top: 16px;
}

    .social_list ul li {
        display: inline-block;
    }

        .social_list ul li:not(:last-child) {
            margin-right: 10px;
        }

        .social_list ul li a i {
            font-size: 18px;
            color: #76777a;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

        .social_list ul li:hover a i {
            color: #14bdee;
        }

.team_col .team_item {
    padding-left: 6px;
    padding-right: 6px;
}

.team_col:first-child .team_item {
    padding-left: 0;
    padding-right: 6px;
}

.team_col:nth-child(4n) .team_item {
    padding-left: 6px;
    padding-right: 0;
}

/*********************************
12. News
*********************************/

.news {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 100px;
    background: #FFFFFF;
}

.news_row {
    margin-top: 55px;
}

.news_post_large_container {
    padding-right: 30px;
}

.news_post_large {
    width: 100%;
}

.news_post_image {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

    .news_post_image img {
        max-width: 100%;
    }

.news_post_large_title {
    margin-top: 23px;
}

    .news_post_large_title a {
        font-family: 'Roboto Slab', serif;
        font-size: 20px;
        font-weight: 700;
        color: #384158;
        line-height: 1.4;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .news_post_large_title a:hover {
            color: #14bdee;
        }

.news_post_meta {
    margin-top: 11px;
}

    .news_post_meta ul li {
        display: inline-block;
        position: relative;
    }

        .news_post_meta ul li:not(:last-of-type)::after {
            display: inline-block;
            position: relative;
            content: '|';
            margin-left: 14px;
            margin-right: 11px;
        }

        .news_post_meta ul li a {
            font-size: 14px;
            font-weight: 400;
            color: #b5b8be;
            text-transform: uppercase;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .news_post_meta ul li a:hover {
                color: #14bdee;
            }

.news_post_text {
    margin-top: 13px;
}

.news_post_link {
    margin-top: 19px;
}

    .news_post_link a {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: #384158;
        text-decoration: underline;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .news_post_link a:hover {
            color: #14bdee;
        }

.news_posts_small {
    margin-top: -6px;
}

.news_post_small:not(:last-child) {
    padding-bottom: 31px;
    border-bottom: solid 1px #e5e5e5;
}

.news_post_small:not(:first-child) {
    padding-top: 29px;
}

.news_post_small_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .news_post_small_title a:hover {
        color: #14bdee;
    }

/*********************************
13. Newsletter
*********************************/

.newsletter {
    width: 100%;
}

.newsletter_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.newsletter_container {
    width: 100%;
    height: 120px;
}

.newsletter_title {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
}

.newsletter_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 6px;
}

.newsletter_form_container {
    width: 450px;
    padding-left: 20px;
}

.newsletter_form {
    display: block;
    position: relative;
    width: 100%;
}

.newsletter_input {
    width: calc(100% - 136px);
    height: 40px;
    background: rgba(255,255,255,0.4);
    border: none;
    outline: none;
    padding-left: 20px;
    color: #FFFFFF;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .newsletter_input::-webkit-input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input:-moz-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input::-moz-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input:-ms-input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input::input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

.newsletter_button {
    width: 136px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 3px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    color: #14bdee;
    font-weight: 500;
    letter-spacing: 0.1em;
}

/*********************************
14. Footer
*********************************/

.footer {
    display: block;
    position: relative;
    width: 100%;
    background: #1e2434;
    padding-top: 94px;
}

.footer_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.footer_content {
    padding-bottom: 53px;
}

.footer_logo_text {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .footer_logo_text span {
        color: #14bdee;
    }

.footer_title {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 0.75;
}

.footer_logo_container {
    margin-top: -14px;
}

.footer_about_text {
    margin-top: 31px;
}

    .footer_about_text p {
        color: #FFFFFF;
    }

.footer_social {
    margin-top: 23px;
}

    .footer_social ul li {
        display: inline-block;
        width: 45px;
        height: 45px;
        background: #4b505d;
        border-radius: 50%;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .footer_social ul li:not(:last-child) {
            margin-right: 6px;
        }

        .footer_social ul li a {
            display: block;
            position: relative;
            text-align: center;
        }

            .footer_social ul li a i {
                color: #FFFFFF;
                line-height: 45px;
            }

        .footer_social ul li:hover {
            background: #14bdee;
        }

.footer_contact {
    padding-left: 36px;
}

.footer_contact_info {
    margin-top: 33px;
}

    .footer_contact_info ul li {
        font-size: 14px;
        font-weight: 400;
        color: #b5b8be;
    }

        .footer_contact_info ul li:not(:last-child) {
            margin-bottom: 15px;
        }

.footer_links {
    padding-left: 15px;
}

.footer_links_container ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer_links_container {
    margin-top: 33px;
}

    .footer_links_container ul li a {
        font-size: 14px;
        color: #b5b8be;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .footer_links_container ul li:not(:last-child) {
        margin-bottom: 15px;
    }

    .footer_links_container ul li a:hover {
        color: #14bdee;
    }

.footer_mobile {
    display: inline-block;
    float: right;
}

.footer_mobile_content {
    padding-top: 35px;
}

.footer_image:not(:last-child) {
    margin-bottom: 10px;
}

.copyright {
    height: 54px;
    border-top: solid 1px #353a49;
}

.cr_list li {
    display: inline-block;
}

.copyright div {
    font-size: 14px;
    color: #b5b8be;
}

.cr_text a {
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .cr_text a:hover {
        color: #14bdee;
    }

.cr_list li:not(:last-child) {
    margin-right: 50px;
}

.cr_list li a {
    font-size: 14px;
    color: #b5b8be;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .cr_list li a:hover {
        color: #14bdee;
    }


/*.login-button-group-sec .blue-btn {
	background: url(../images/blue-btn-bg.jpg) repeat-x;
	padding: 0 20px;
	border: none;
	height: 48px;
	font: normal 18px arial;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;G
	cursor: pointer;
}*/

/*login page*/
.login-button-group-sec .blue-btn {
    width: 130px;
    height: 46px;
    background: #2c3e50;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    float: right;
}

    .login-button-group-sec .blue-btn:hover {
        background-color: #1d1d38;
    }
/* Default styles for .button-group-sec .blue-btn */
.button-group-sec .blue-btn {
    width: 130px;
    height: 46px;
    background: #14bdee;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
}

    .button-group-sec .blue-btn:hover {
        background-color: #1d1d38;
    }

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .button-group-sec .blue-btn {
        width: 100px; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}
/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .button-group-sec .blue-btn {
        width: 80px; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}
/* Default styles for .button-group-sec .grey-btn */
.button-group-sec .grey-btn {
    width: 130px;
    height: 46px;
    background: gray;
    margin-left: 20px;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .button-group-sec .grey-btn {
        width: 100px; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .button-group-sec .grey-btn {
        width: 80px; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}




.loginbox_bottom {
    margin-bottom: 2%;
}






/*.login_box h2 {
		color: #444444;
		font-size: 26px;*/
/*font-family: open_sansregular;*/
/*margin: 10px 0;
	}*/
/*
	.login_box p {
		font-size: 18px;
		font-family: open_sansregular;
		color: #444444;
		padding-bottom: 15px;
	}*/

.login_main {
    margin-top: 12%;
    left: 32%;
}

.forgetheading {
    margin-left: 1%;
}
/*.subhead {
	font-family: 'Roboto', sans-serif;
}*/
.loginheading {
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    color: #535658;
    line-height: 36px;
    margin-bottom: 4px;
    text-align: center;
    right: 32%;
    margin-top: -26px;
    /*font-size: 32px;
	font-family: 'Roboto', sans-serif;
	color: #535658;
	line-height: 36px;
	margin-bottom: 20px;
	text-align: center;
	right: 37%;*/
}

.subhead {
    color: #535658;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 35px;
    /*	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	color: #4671c6;
	padding-bottom: 15px;
	line-height: 22px;*/
}

p:last-of-type {
    /*margin-bottom: 0;*/
    font-family: 'Roboto', sans-serif;
    /*font-size: 20px;*/
    color: black;
    padding-bottom: 15px;
    /*line-height: 22px;*/
    margin-bottom: 0;
    /*font-family: 'Roboto';*/
    padding-bottom: 15px;
    line-height: 2;
    font-size: initial;
    text-align: justify;
}

.login_box {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    /*background: #fff;*/
    border-bottom: none;
    width: 558px;
    height: 354px;
    padding: 17px 20px 8px 20px;
    padding: 35px 40px 40px;
    background-color: #f3f3f3;
}

.login {
    padding: 30px 0 !important;
}

.rowlogin {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

/*.col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
}*/

.contact-us {
    background-color: #FAFAFA;
    margin: 15px auto;
    margin-bottom: 0%;
}

    .contact-us .contact-us-title {
        font-size: 36px;
        font-family: 'Roboto Slab', serif;
        color: #384158;
        line-height: 36px;
        margin-bottom: 20px;
        margin-top: 29px;
        font-weight: 700;
    }

.get-with {
    /* background-color: #e8e8f5;*/
    background-color: #f2f4f5;
    border-radius: 20px;
    padding: 35px 40px 40px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}


get-with .get-in-touch {
    flex: 1;
}

.contact-us .cu-title-text {
    color: #535658;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 35px;
}

.clear {
    clear: both;
    height: 0;
}

git-form {
    display: flex;
    /*width: 100%;*/
}

.git-form .git-form-col {
    display: flex;
    /*width: 200%;*/
}

.gitf-form {
    display: flex;
    /* width: 127%;*/
    width: 100%;
}

    .gitf-form .git-form-col {
        display: flex;
        /*width: 100%;*/
    }

.email_textfild {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    direction: ltr;
    padding-left: 55px;
    margin-top: 15px;
    width: 100%;
}

    .email_textfild .log-img {
        position: absolute;
        left: -1px;
        top: -1px;
        direction: ltr;
    }

    .email_textfild input {
        border: none;
        margin: 9px 0;
        height: 25px;
        direction: ltr;
        width: 100%;
        color: #444;
        padding: 3px;
    }

        .email_textfild input:focus-visible {
            outline: none;
        }

/* Your initial styles */
/* Default styles */
.wrapper {
    padding: 0 10px;
    margin: 0 auto;
    width: 100%;
}

/* Media query for max-width: 768px */
@media screen and (max-width: 768px) {
    .wrapper {
        width: 90%; /* Adjusted width at this breakpoint */
        padding: 0 5px; /* Adjusted padding at this breakpoint */
    }
}

/* Media query for max-width: 480px */
@media screen and (max-width: 480px) {
    .wrapper {
        width: 95%; /* Adjusted width at this breakpoint */
        padding: 0 3px; /* Adjusted padding at this breakpoint */
    }
}
/* Media query for max-width: 480px */

h1.ttl-txt {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 54px;
    /* background: #0097db; */
    margin-bottom: 4px;
    padding-left: 5px;
    text-align: center;
    direction: ltr;
}

.homesite {
    width: 100%;
    height: 1150px;
    /*height: 850px;*/
}

.headings {
    line-height: 1.2;
    font-family: 'Roboto', sans-serif;
}



chapter-field-left .row input[type="text"], .chapter-field-left .row input[type="file"], .chapter-field-left .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-right .row input[type="text"], .chapter-field-right .row input[type="file"], .chapter-field-right .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-left .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-left .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

.chapter-field-right .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-right .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

h1.page-ttl {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #0097db;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
}

.rowFCKEditor {
    margin-bottom: 10px;
}

    .rowFCKEditor label {
        width: 160px;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        color: #000;
        line-height: 36px;
        float: left;
        direction: ltr;
        text-align: left;
    }

    .rowFCKEditor span.asteriskclass {
        color: Red;
        vertical-align: middle;
    }

/*.row {
	margin-bottom: 10px;
}*/

.row label {
    width: 160px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    float: left;
    direction: ltr;
    text-align: left;
}

/*.row span {
		float: left;
		direction: ltr;
		text-align: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
	}*/



.row input[type="text"], .row input[type="file"], .row input[type="password"] {
    width: 270px;
    height: 30px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
}

.row select {
    width: 272px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.row span.asteriskclass {
    color: Red;
    vertical-align: middle;
}

.row textarea {
    max-width: 293px;
    max-height: 90px;
    min-width: 293px;
    min-height: 90px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
}

.row .check-radio {
    margin-left: 175px;
}

    .row .check-radio input {
        float: left;
        vertical-align: middle;
    }

    .row .check-radio label {
        line-height: 27px;
        margin-left: 10px;
    }

.row input[type="file"] {
    width: auto !important;
    max-width: 233px;
    font-size: 14px;
    text-align: left;
}

/*.row a {
		display: block;
		float: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
		margin-right: 10px;
	}*/

.styledCheckbox {
    float: left;
    direction: ltr;
}

.alignright {
    float: right !important;
}

.homesite {
    width: 100%;
    height: 90%;
    /*height: 1700px;*/
}

.a {
    color: blue;
}
/*
.headerregistration {
    font-family: 'Roboto', sans-serif;
}*/




h1.ttl-txt {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 54px;
    /* background: #0097db; */
    margin-bottom: 4px;
    padding-left: 5px;
    text-align: center;
    direction: ltr;
}
/*.home {
	width: 100%;
	height: 1150px;*/
/*height: 850px;*/
/*}*/
/*.headings {
	line-height: 1.2;
	font-family: 'Roboto', sans-serif;
}
*/


chapter-field-left .row input[type="text"], .chapter-field-left .row input[type="file"], .chapter-field-left .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-right .row input[type="text"], .chapter-field-right .row input[type="file"], .chapter-field-right .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-left .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-left .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

.chapter-field-right .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-right .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

h1.page-ttl {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #0097db;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
}

.rowFCKEditor {
    margin-bottom: 10px;
}

    .rowFCKEditor label {
        width: 160px;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        color: #000;
        line-height: 36px;
        float: left;
        direction: ltr;
        text-align: left;
    }

    .rowFCKEditor span.asteriskclass {
        color: Red;
        vertical-align: middle;
    }

/*.row {
	margin-bottom: 10px;
}*/

.row label {
    width: 160px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    float: left;
    direction: ltr;
    text-align: left;
}

/*.row span {
		float: left;
		direction: ltr;
		text-align: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
	}*/

.row span.colon {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    /* margin-right: 63px;*/
    text-align: left;
    /* margin-left:-37px;*/
}

/* Your initial styles */
.row input[type="text"],
.row input[type="file"],
.row input[type="password"] {
    width: 270px;
    height: 30px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .row input[type="text"],
    .row input[type="file"],
    .row input[type="password"] {
        /* New styles for screens up to 768px wide */
        /* For example: */
        width: 200px; /* Adjusted width for smaller screens */
        height: 25px; /* Adjusted height for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .row input[type="text"],
    .row input[type="file"],
    .row input[type="password"] {
        /* New styles for screens up to 480px wide */
        /* For example: */
        width: 150px; /* Further adjusted width for very small screens */
        height: 20px; /* Further adjusted height for very small screens */
        /* Any other styles specific to this width */
    }
}


/* Your initial styles */
.row select {
    width: 272px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .row select {
        /* New styles for screens up to 768px wide */
        /* For example: */
        width: 200px; /* Adjusted width for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .row select {
        /* New styles for screens up to 480px wide */
        /* For example: */
        width: 150px; /* Further adjusted width for very small screens */
        /* Any other styles specific to this width */
    }
}

/*
.row span.asteriskclass {
    color: Red;
    vertical-align: middle;
}*/

.row textarea {
    max-width: 293px;
    max-height: 90px;
    min-width: 293px;
    min-height: 90px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
    margin-bottom: 10px;
}

.row .check-radio {
    margin-left: 175px;
}

    .row .check-radio input {
        float: left;
        vertical-align: middle;
    }

    .row .check-radio label {
        line-height: 27px;
        margin-left: 10px;
    }

.row input[type="file"] {
    width: auto !important;
    max-width: 233px;
    color:black;
    font-size: 14px;
    text-align: left;
}

/*.row a {
		display: block;
		float: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
		margin-right: 10px;
	}*/

.styledCheckbox {
    float: left;
    direction: ltr;
}

.alignright {
    float: right !important;
}

.homesite {
    width: 100%;
    height: 90%;
    /*height: 1700px;*/
}

.a {
    color: blue;
}

/*.headerregistration {
    font-family: 'Roboto', sans-serif;
}*/

.contact_info_container {
    margin-top: 100px;
}

/*.container {
	max-width: 1170px;
}
*/
.row4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.contact_form {
    padding-right: 10px;
}

.contact_info_title {
    background: none repeat scroll 0 0 #c4d6df !important;
    line-height: 28px;
    /* color: #fff;*/
    margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    width: 956px;
    color: #384158;
    /*font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: 700;
    color: #384158;
    background: none repeat scroll 0 0 #c4d6df !important;*/
    /*line-height: 28px;*/
    /*margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;*/
    /*width:410px;*/
}

.comment_form {
    margin-top: 35px;
}

.form_title {
    font-size: 16px;
    font-weight: 400;
    color: #384158;
    margin-bottom: 12px;
}

.form_titlen {
    font-size: 16px;
    font-weight: 400;
    color: #384158;
    margin-bottom: 12px;
    margin-left: 19px;
}
/* Default styles for .comment_inputpass */
.comment_inputpass {
    width: 560px; /* Default width */
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

/* Media query for screens smaller than 1200px */
@media screen and (max-width: 1200px) {
    .comment_inputpass {
        width: 90%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .comment_inputpass {
        width: 80%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .comment_inputpass {
        width: 70%; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}


/* Default styles for .comment_input */
.comment_input {
    width: 560px; /* Default width */
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .comment_input {
        width: 80%; /* Adjust width for smaller screens */
        padding-left: 15px; /* Adjust padding for smaller screens */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .comment_input {
        width: 100%; /* Full width for even smaller screens */
        padding-left: 10px; /* Adjust padding for even smaller screens */
    }
}


.comment_input input {
    /* overflow: visible; */
    border: none !important;
}

    .comment_input input :focus {
        /* overflow: visible; */
        outline: none !important;
        border: none !important;
    }

.contact_info {
    padding-left: 45px;
}

.contact_info_text {
    margin-top: 27px;
}

.contact_info_location {
    margin-top: 28px;
}

.rowss {
    margin-bottom: 10px;
    min-height: 150px;
    text-align: center;
}

.clearfixss {
    zoom: 1;
}

.rowss a {
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    margin-right: 10px;
}


.tutorRow {
    margin-bottom: 10px;
}

.tutorClearfix {
    display: block;
}

button, input {
    /* overflow: visible; */
    border: none;
}

/*
.ui-datepicker, .ui-timepicker {
	z-index: 9999 !important;
}

.ui-datepicker-trigger {
	width: 40px;
	height: 40px;
	cursor: pointer;
}*/

/*.ui-datepicker-trigger {
	width: 40px;
	height: 40px;
	cursor: pointer;
	float: right;
	direction: rtl;
}*/
.section_titlestudent {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #384158;
    font-size: 36px;
}
/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .section_titlestudent {
        font-size: 24px; /* Change font size for smaller screens */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .section_titlestudent {
        font-size: 18px; /* Change font size for even smaller screens */
    }
}


.comment_input2 {
    width: 100%;
    height: 46px;
    border: solid 1px #d9d9d9;
    padding: 2px;
    float: left;
    direction: ltr;
}

/* Your original styles */
/* Your original styles */
.ui-datepicker-trigger {
    width: 49px;
    height: 61px;
    cursor: pointer;
    float: right;
    direction: rtl;
    margin-top: -2%;
    margin-right: -16%;
}

/* Media query for screens up to 480px */
@media screen and (max-width: 480px) {
    .ui-datepicker-trigger {
        width: 40px; /* Adjusted width for smaller screens */
        height: 50px; /* Adjusted height for smaller screens */
        margin-right: -20%; /* Adjusted margin for smaller screens */
        /* Additional styles for screens up to 480px width */
    }
}

/* Media query for screens up to 768px */
@media screen and (max-width: 768px) {
    .ui-datepicker-trigger {
        width: 45px; /* Adjusted width for mid-size screens */
        height: 56px; /* Adjusted height for mid-size screens */
        margin-right: -18%; /* Adjusted margin for mid-size screens */
        /* Additional styles for screens up to 768px width */
    }
}
/* Your original styles */
.leftalignn {
    margin-left: 10px;
}

/* Media query for screens up to 480px */
@media screen and (max-width: 480px) {
    .leftalign {
        margin-left: 5px; /* Adjusted margin for smaller screens */
        /* Additional styles for screens up to 480px width */
    }
}

/* Media query for screens up to 768px */
@media screen and (max-width: 768px) {
    .leftalign {
        margin-left: 7px; /* Adjusted margin for mid-size screens */
        /* Additional styles for screens up to 768px width */
    }
}

.leftspan {
    margin-left: 6%;
}

.section_title_containerreg {
    /*  max-width: 600px;*/
    margin: 0 auto;
}

.chapter-field111 {
    margin-top: -78px;
    left: 5%;
}

.containerreg {
    max-width: 1170px;
    margin-top: 0%;
    margin-left: auto;
}

.chapter-fieldregright {
    margin-top: -105%;
    left: 62%;
}

.space {
    margin-top: 20px; /* Upar ki taraf space */
    /*margin-bottom: 20px; */ /* Neeche ki taraf space */
}

.comment_inputdropdown {
    width: 100%;
    height: 82px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

.comment_inputcounrty {
    width: 100%;
    height: 100%;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    /* padding-left: 19px; */
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

.counrylist {
    width: 466px;
    height: 46px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

/* Default styles for .counrylistes */
.counrylistes {
    width: 560px;
    height: 46px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .counrylistes {
        width: 300px; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .counrylistes {
        width: 242px; /* Further adjust width for even smaller screens */
        height: 36px; /* Adjust height for smaller screens */
        padding: 5px; /* Adjust padding for smaller screens */
        /* Other adjustments as needed */
    }
}


.statelist {
    width: 588px;
    height: 39px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.comment_inputgender {
    width: 100%;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 15.9px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
    margin-right: 10px;
}

.ajax__validatorcallout_icon_cell {
    width: 20px;
    padding: 5px;
    margin: 0px;
    border-right: none !important;
    display: none;
}

.ajax__validatorcallout_error_message_cell {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    padding: 5px;
    border-right: none !important;
    border-left: none !important;
    width: 100%;
    display: none;
}

.ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    text-align: right;
    border-left: none !important;
    display: none;
}

.validation_message {
    margin-top: 2px;
    color: red;
    font-size: 12px;
    text-align: right;
}

.chapter-fieldbtn {
    left: 23.8%;
    margin-bottom: 20px;
}

.colorbg {
    background-color: #e8e8f5;
    border-radius: 20px;
    /* height: 2599px !important;*/
}

/* Your initial styles */
.comment_inputwhite {
    width: 93%;
    height: 46px;
    border: solid 1px white;
    border-radius: 3px;
    /* padding-left: 19px; */
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .comment_inputwhite {
        /* New styles for screens up to 768px wide */
        width: 90%; /* Adjusted width for smaller screens */
        height: 40px; /* Adjusted height for smaller screens */
        font-size: 14px; /* Adjusted font size for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .comment_inputwhite {
        /* New styles for screens up to 480px wide */
        width: 85%; /* Further adjusted width for very small screens */
        height: 36px; /* Further adjusted height for very small screens */
        font-size: 12px; /* Further adjusted font size for very small screens */
        /* Any other styles specific to this width */
    }
}


.comment_inputstate {
    width: 444px;
    height: 46px;
    /* border: 1px solid #aadcf3; */
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.statedropdown {
    height: 36px;
    width: 147px;
    border: 1px solid #aadcf3;
    font-weight: 400;
    font-size: 16px;
    color: black;
    float: left;
    margin-right: 5px;
    direction: ltr;
}
/* Default styles for .wrappers */
.wrappers {
    padding-left: 15px;
    padding-right: 15px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .wrappers {
        padding-left: 10px; /* Adjust padding left for smaller screens */
        padding-right: 10px; /* Adjust padding right for smaller screens */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .wrappers {
        padding-left: 5px; /* Further adjust padding left for even smaller screens */
        padding-right: 5px; /* Further adjust padding right for even smaller screens */
    }
}

/* Default styles for .rowes */
.rowes {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .rowes {
        /* Adjust styles for smaller screens */
        justify-content: center; /* For instance, center the content */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .rowes {
        /* Further adjustments for even smaller screens */
        flex-direction: column; /* Change direction for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Default styles for .columnesq */
.columnesq {
    width: 477px; /* Adjust the width as per your requirement */
    /* border: 1px solid black; */
    padding: 10px;
    left: 2%;
    /* width: 600px; */ /* Commented out original width */
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .columnesq {
        width: 350px; /* Adjust width for smaller screens */
        padding: 8px; /* Adjust padding for smaller screens */
        left: 1%; /* Adjust left positioning for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .columnesq {
        width: 250px; /* Further adjust width for even smaller screens */
        padding: 5px; /* Further adjust padding for even smaller screens */
        left: 0; /* Adjust left positioning for even smaller screens */
        /* Other adjustments as needed */
    }
}


/* Default styles for .columnesf */
.columnesf {
    /* width: 600px; */ /* Adjust the width as per your requirement */
    /* border: 1px solid black; */
    padding: 10px;
    width: 600px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .columnesf {
        width: 400px; /* Adjust width for smaller screens */
        padding: 8px; /* Adjust padding for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .columnesf {
        width: 300px; /* Further adjust width for even smaller screens */
        padding: 5px; /* Further adjust padding for even smaller screens */
        /* Other adjustments as needed */
    }
}


.colu {
    /* width: 477px;*/ /* Adjust the width as per your requirement */
    /* border: 1px solid black;*/
    /* padding: 10px;*/
    /* width: 600px;*/
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.rows {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    /*display: flex;
    justify-content: space-between;
    width: 992.8px;*/
}

/* Default styles for .columnesn */
.columnesn {
    width: 565px; /* Adjust the width as per your requirement */
    /* border: 1px solid black; */
    padding: 10px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .columnesn {
        width: 400px; /* Adjust width for smaller screens */
        padding: 8px; /* Adjust padding for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .columnesn {
        width: 250px; /* Further adjust width for even smaller screens */
        padding: 5px; /* Further adjust padding for even smaller screens */
        /* Other adjustments as needed */
    }
}

/* Default styles for .columnesd */
.columnesd {
    width: 286px;
    /* border: 1px solid black; */
    padding: 10px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .columnesd {
        width: 200px; /* Adjust width for smaller screens */
        padding: 8px; /* Adjust padding for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .columnesd {
        width: 150px; /* Further adjust width for even smaller screens */
        padding: 5px; /* Further adjust padding for even smaller screens */
        /* Other adjustments as needed */
    }
}


/* Default styles for .rowesdrop */
.rowesdrop {
    display: flex;
    justify-content: space-between;
    width: 167%;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .rowesdrop {
        width: 100%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .rowesdrop {
        width: 90%; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}

/* Default styles for .columnesdrop */
.columnesdrop {
    width: 160%; /* Adjust the width as per your requirement */
    /*border: 1px solid black;*/
    padding: 10px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .columnesdrop {
        width: 100%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .columnesdrop {
        width: 90%; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}

.validation_messageinterest {
    margin-top: 2px;
    /*margin-left: 2px;*/
    color: red;
    font-size: 15px;
    left: 52.5% !important
}

.validation_messageacd {
    margin-top: 2px;
    /*margin-left: 2px;*/
    color: red;
    font-size: 15px;
    left: 46.9% !important
}
/*.comment_inputstate {
    width: 18.9%;
    height: 25%;
    border: solid 0px white;
    border-radius: 3px;*/
/* padding-left: 19px; */
/*font-size: 22px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}*/
/*td.ajax__validatorcallout_error_message_cell {
    color: red !important;
}*/
.home_course_title {
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    padding: 10px;
}
/*viewcourse*/
.cols {
    /*  -ms-flex-preferred-size: 0;*/
    flex-basis: 0;
    /*  -ms-flex-positive: 1;*/
    flex-grow: 1;
    /* max-width: 40%;*/
    background-color: #f2f4f5;
}

.home_course_title {
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    padding: 10px;
}

h1.ttl-txts {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #384158;
    line-height: 54px;
    /* background: #0097db; */
    margin-bottom: 4px;
    padding-left: 5px;
    /* text-align: center;*/
    direction: ltr;
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    /* padding: 10px;*/
}

h1.ttl-txtclass {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #384158;
    line-height: 54px;
    /* background: #0097db; */
    margin-bottom: 4px;
    padding-left: 5px;
    /*text-align: center;*/
    direction: ltr;
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    /* padding: 10px;*/
}



tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}



/*.listing tr th {
    background: none repeat scroll 0 0 #c4d6df !important;
    line-height: 28px;*/
/* color: #fff;*/
/*margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    width: 956px;
    color: #384158;*/
/*font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: 700;
    color: #384158;
    background: none repeat scroll 0 0 #c4d6df !important;*/
/*line-height: 28px;*/
/*margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;*/
/*width:410px;*/
/* background: #0097db;
    color: #fff;*/
/*}*/


/*.small-blue-btn {*/
/* background: url(../images/small-blue-btn.png) no-repeat;*/
/*background: #14bdee;*/
/*width: 123px;
    height: 28px;*/
/*width: 97px;
    height: 46px;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;*/
/* font: normal 16px/28px arial;
    color: #fff;
    cursor: pointer;*/
/*}*/
/* Your initial styles */
.small-blue-btn {
    /* background: url(../images/small-blue-btn.png) no-repeat;*/
    background: #14bdee;
    width: 130px;
    height: 46px;
    border: none;
    font: normal 16px/28px arial;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .small-blue-btn {
        /* New styles for screens up to 768px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .small-blue-btn {
        /* New styles for screens up to 480px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}


h1.ttl-txt span {
    background: none repeat scroll 0 0 #c4d6df !important;
    line-height: 30px;
    /* color: #fff;*/
    margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    width: 956px;
    color: #384158;
    /*font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: 700;
    color: #384158;
    background: none repeat scroll 0 0 #c4d6df !important;*/
    /*line-height: 28px;*/
    /*margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;*/
    /*width:410px;*/
    /*font-family: 'open_sansregular';
    font-size: 30px;
    color: #fff;
    line-height: 54px;*/
    /* background: #0097db;*/
    /*background: #c4d6df;
    margin-bottom: 20px;
    padding-left: 5px;*/
}

h1.ttl-txtss span {
    background: none repeat scroll 0 0 #FFFFFF !important;
    line-height: 30px;
    /* color: #fff;*/
    margin-bottom: 10px;
    /*padding-left: 10px;*/
    direction: ltr;
    font-family: 'Roboto Slab', serif;
    font-size: 26px;
    width: 956px;
    color: #384158;
    text-align: center;
    font-weight: 700;
}

/* Your initial styles */
h1.ttl-txtss {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    color: #fff;
    line-height: 54px;
    background: #FFFFFF;
    margin-bottom: 53px;
    padding-left: 140px;
    text-align: left;
    direction: ltr;
    text-align: center;
    line-height: 3.2px;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    h1.ttl-txtss {
        /* New styles for screens up to 768px wide */
        font-size: 24px; /* Adjusted font size for smaller screens */
        line-height: 36px; /* Adjusted line height for smaller screens */
        margin-bottom: 30px; /* Adjusted margin for smaller screens */
        padding-left: 20px; /* Adjusted padding for smaller screens */
        text-align: center; /* Center align text for smaller screens */
        line-height: 1.6; /* Adjusted line height for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    h1.ttl-txtss {
        /* New styles for screens up to 480px wide */
        font-size: 20px; /* Further adjusted font size for very small screens */
        line-height: 30px; /* Further adjusted line height for very small screens */
        margin-bottom: 20px; /* Further adjusted margin for very small screens */
        padding-left: 10px; /* Further adjusted padding for very small screens */
        /* Any other styles specific to this width */
    }
}


h1.ttl-txt {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    color: #fff;
    line-height: 54px;
    /* background: #0097db;*/
    background: #c4d6df;
    margin-bottom: 4px;
    padding-left: 5px;
    text-align: left;
    direction: ltr;
    margin-top: 8%;
}
/*.wrapper {
    width: 940px;
    padding: 0 10px;
    margin: 0 auto;
}*/
/*
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: 'open_sansregular';
    font-size: 18px;
    color: #000;
}*/
/* Default styles for .detailTitle */
.detailTitle {
    width: auto;
    /* background: #c4d6df;*/
    background: none repeat scroll 0 0 #1698d9;
    /* background: none repeat scroll 0 0 #e0e0e0;*/
    /* padding: 10px 10px;*/
    font-family: 'Roboto Slab', serif;
    color: #FFFFFF;
    /* color: #384158;*/
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .detailTitle {
        /* Adjust styles for smaller screens */
        /* For example: */
        font-size: 16px;
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .detailTitle {
        /* Further adjust styles for even smaller screens */
        /* For example: */
        font-size: 14px;
        /* Other adjustments as needed */
    }
}

.leftDirection {
    direction: ltr;
}

/* Default styles for .firstColumn */
.firstColumn {
    width: 130px;
}

.thirdColumn {
    width: 200px;
}

.wid-120 {
    width: 120px;
}
/* Default styles for detailTitle label and .detailTitle span */
detailTitle label, .detailTitle span {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    /*color: #384158;*/
    color: #FFFFFF;
    font: normal 20px 'Roboto', sans-serif;
    line-height: 28px;
    /* margin-left: 15px;*/
    font-size: 14px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    detailTitle label, .detailTitle span {
        /* Adjust styles for smaller screens */
        /* For example: */
        font-size: 12px;
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    detailTitle label, .detailTitle span {
        /* Further adjust styles for even smaller screens */
        /* For example: */
        font-size: 10px;
        /* Other adjustments as needed */
    }
}

/*.row {
    margin-bottom: 10px;
}
.clearfix {
    display: block;
}*/
.button-group-sec-back {
    direction: rtl;
    float: right;
}

    .button-group-sec-back .grey-btn {
        /* background: url(../images/grey-btn-bg.jpg) repeat-x;*/
        background: #14bdee;
        padding: 0 20px;
        border: none;
        /* height: 48px;*/
        font: normal 18px arial;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 3px;
        cursor: pointer;
        width: 130px;
        height: 46px;
        margin-left: 1002px;
        margin-bottom: 20px;
    }
/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .button-group-sec-back .grey-btn {
        /* Adjust styles for smaller screens */
        margin-left: 20px; /* Example margin adjustment for smaller screens */
        margin-bottom: 15px; /* Adjusted margin-bottom for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .button-group-sec-back .grey-btn {
        /* Further adjust styles for even smaller screens */
        margin-left: 10px; /* Example margin adjustment for even smaller screens */
        margin-bottom: 38px; /* Adjusted margin-bottom for even smaller screens */
        /* Other adjustments as needed */
    }
}






.detailInfo {
    margin: 10px 0;
    padding: 10px 0 0 0;
    border: 1px solid #CDCDCD;
    text-align: justify;
    direction: ltr;
}

    .detailInfo label {
        font-family: 'Roboto Slab', serif;
        font-size: 14px;
        line-height: 24px;
        width: 98%;
        margin: 10px 20px;
        color: #0097DB;
        /*color: #384158;*/
    }

/* Your initial styles */
.detailBottom label {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    color: #FFFFFF;
    padding-right: 30px;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .detailBottom label {
        /* New styles for screens up to 768px wide */
        /* For example: */
        padding-right: 15px; /* Adjusted padding-right for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .detailBottom label {
        /* New styles for screens up to 480px wide */
        /* For example: */
        padding-right: 26px; /* Further adjusted padding-right for very small screens */
        font-size: 12px; /* Further adjusted font size for very small screens */
        line-height: 20px; /* Further adjusted line height for very small screens */
        /* Any other styles specific to this width */
    }
}


.detailBottom {
    width: 100%;
    background: none repeat scroll 0 0 #1698d9;
    /* background: none repeat scroll 0 0 #e0e0e0;*/
    /* color: #FFFFFF;*/
    /*  font-family: 'open_sansregular';*/
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
    font-family: 'Roboto Slab', serif;
    color: #384158;
}

.processbar1 {
    /* color: Black; */
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: popup_bg.png;
    z-index: 10000;
    opacity: 0.5;
}

.row label {
    width: 160px;
    display: block;
    font-family: 'Roboto Slab', serif;
    /*color: #384158;*/
    /* font-family: 'open_sansregular';*/
    font-size: 14px;
    color: black;
    line-height: 36px;
    float: left;
    direction: ltr;
    text-align: left;
    /* margin-right: 63px;*/
}

/*
.row {
    margin-bottom: 10px;
}*/
/* .row span.asteriskclass {
        color: Red;
        vertical-align: middle;
    }
    .row span.colon {
        float: left;
        font-family: 'open_sansregular';
        font-size: 18px;
        color: #000;
        line-height: 36px;
        margin-right: 10px;
        text-align: left;
    }*/
/* Your initial styles */
/* Your original CSS */

/* Default styles for .row select */
.row select {
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
    margin-bottom: 10px;
}
/* Your existing styles for larger screens */










.wrapperes {
    padding-left: 15px;
    padding-right: 15px;
    width: 1141px;
    /*background-color: red;  */
}

.comment_inputadd {
    width: 600px;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

.ticket-mrg1 {
    margin-bottom: 10px;
    direction: ltr;
    text-align: left;
    /* left: 132px;*/
}

.comment_inputcounrtyedit {
    width: 100%;
    height: 100%;
    /*border: solid 1px #d9d9d9;*/
    border-radius: 3px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

.counrylistedit {
    width: 645px;
    height: 46px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.validation_messageedit {
    margin-top: 2px;
    /* margin-left: 2px; */
    color: red;
    font-size: 15px;
    left: 70.9% !important;
    /* left: -73px;*/
    /*right: 575px;*/
}

/*.edit {
    width: 645px;
}*/

.edit_title {
    font-size: 16px;
    font-weight: 400;
    color: #384158;
    margin-bottom: 12px;
}

li.active a {
    color: #14bdee;
}

.listing tr td:first-child {
    border-left: 1px solid #ccc;
}

.listing tr th {
    background: #14bdee;
    color: #fff;
}

/* Your initial styles */
.listing tr td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 14px;
    color: black;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .listing tr td {
        /* New styles for screens up to 768px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .listing tr td {
        /* New styles for screens up to 480px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}


.listing tr td a {
    color: #0097DB;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

/* Your initial styles */
.listing tr th,
.listing tr td {
    padding: 5px 5px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

/* Media query for a specific screen width */
@media screen and (max-width: 768px) {
    .listing tr th,
    .listing tr td {
        /* New styles for screens up to 768px wide */
        /* For example: */
        padding: 3px 3px;
        font-size: 14px;
    }
}

/* Media query for a smaller screen width */
@media screen and (max-width: 480px) {
    .listing tr th,
    .listing tr td {
        /* New styles for screens up to 480px wide */
        /* For example: */
        padding: 2px 2px;
        font-size: 12px;
    }
}

.listing {
    direction: ltr;
    text-align: left;
}
/* Your existing styles for larger screens */

/* Media query for screens up to 768px width */
@media screen and (max-width: 768px) {
    .listing {
        /* Updated styles for screens up to 768px width */
        direction: rtl;
        text-align: right;
    }
}

/* Media query for screens up to 480px width */
@media screen and (max-width: 480px) {
    .listing {
        /* Updated styles for screens up to 480px width */
        direction: ltr;
        text-align: left;
    }
}


.equipbgLT {
    text-align: left;
}

/*.content {
    border-bottom: 11px solid #b6e0f7;
}*/

.blue-belt {
    background: url(../images/blue-belt.jpg) repeat-x left top;
    clear: both;
    overflow: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table tr td {
    padding: -1px 30px;
    color:black;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: -1px;
    padding: 0;
}

/* Default styles for .headerregistration */
.headerregistration {
    /* background: none repeat scroll 0 0 #1698d9 !important;*/
    /* background: none repeat scroll 0 0 #e0e0e0 !important;*/
    background: none repeat scroll 0 0 #14bdee !important;
    line-height: 28px;
    color: #fff;
    margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    font-size: 14px;
    width: 1118px;
    /* color: #384158;*/
    /*margin-left: -68px;*/
}

/* Media query for screens smaller than 1200px */
@media screen and (max-width: 1200px) {
    .headerregistration {
        width: 100%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .headerregistration {
        font-size: 12px; /* Adjust font size for smaller screens */
        line-height: 24px; /* Adjust line height for smaller screens */
        padding-left: 5px; /* Adjust padding for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .headerregistration {
        font-size: 10px; /* Further adjust font size for even smaller screens */
        line-height: 20px; /* Further adjust line height for even smaller screens */
        padding-left: 3px; /* Further adjust padding for even smaller screens */
        /* Other adjustments as needed */
    }
}


.alignleft {
    float: left !important;
}

ajax__tab_default .ajax__tab_header {
    white-space: normal !important;
}

/*.fancy .ajax__tab_header {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    font-family: 'Roboto', sans-serif;
}*/
/*fancy-green .ajax__tab_header {
    cursor: pointer;*/
/* background: url(../Images/DentalChartImages/tab-belt-bg.jpg) repeat-x; */
/*background-color: #B7E1F7;
    padding: 5px 0 0 5px;
    height: 36px;
    direction: ltr;
    text-align: left;
    border-radius: 2px 2px 0 0;
}*/
/*.ajax__tab_outer {*/
/* background-color: #316d96;*/
/*border-radius: 5px 5px 0 0;
}*/

/* Your initial styles */
.tableDetails {
    direction: ltr;
    float: left;
    width: 100%;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .tableDetails {
        /* New styles for screens up to 768px wide */
        /* For example: */
        width: 90%; /* Adjusted width for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .tableDetails {
        /* New styles for screens up to 480px wide */
        /* For example: */
        width: 80%; /* Further adjusted width for very small screens */
        /* Any other styles specific to this width */
    }
}

.welcome a:hover, .welcome.active a {
    color: #000;
}

/* Your initial styles */
.welcome a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #0097db;
    text-decoration: none;
    float: left;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .welcome a {
        /* New styles for screens up to 768px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .welcome a {
        /* New styles for screens up to 480px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}

/*.row {
    margin-bottom: 10px;
}*/
/*.row a {
    display: block;
    float: left;
    font-family: 'open_sansregular';
    font-size: 18px;*/
/* color: #000; */
/*line-height: 36px;
    margin-right: 10px;
}*/
/*.tableDetails tr td.first {
    width: 25%;
}

.tableDetails tr td.last {
    float: left;
    direction: ltr;
    margin-left: 29%;
}*/

/* Your initial styles */
.first {
    width: 25%;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .first {
        /* New styles for screens up to 768px wide */
        /* For example: */
        width: 50%; /* Adjusted width for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .first {
        /* New styles for screens up to 480px wide */
        /* For example: */
        width: 75%; /* Further adjusted width for very small screens */
        /* Any other styles specific to this width */
    }
}
/* Your initial styles */
/* Your initial styles */
.last {
    float: left;
    direction: ltr;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .last {
        /* New styles for screens up to 768px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .last {
        /* New styles for screens up to 480px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}



.listCourse {
    float: right;
    margin-bottom: 10px;
}

.blue-belt {
    background: url(../images/blue-belt.jpg) repeat-x left top;
    clear: both;
    overflow: hidden;
}

fieldset, img {
    border: 0;
}
/*

h1.ttl-txt span {
    font-family: 'open_sansregular';
    font-size: 30px;
    color: #fff;
    line-height: 54px;
    background: #0097db;
    margin-bottom: 20px;
    padding-left: 5px;
}*/

.errormsgbox {
    font-weight: bold;
    color: #D63F3F;
    line-height: 16px;
    border: 1px solid #F9ADAD;
    margin: 10px 0px;
    padding: 10px 10px 10px 60px;
    background-repeat: no-repeat;
    background-position: 1% center;
    background-color: #FFD8D8;
    background-image: url(../Images/error.png);
    clear: both;
    text-align: left;
}
/*.lblAmount {
    color: #FFFFFF;
    font-family: 'open_sansregular';
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    top: -8px;
    padding-left: 5px;
    position: relative;
}*/
.chapter-field-left .headers {
    background: none repeat scroll 0 0 #e0e0e0 !important;
    line-height: 28px;
    color: #384158;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 10px;
    padding-left: 10px;
}

.chapter-field-left {
    /* width: 49%;*/
    float: left;
    direction: ltr;
}

.chapter-field-right {
    /* width: 50%;*/
    float: right;
    direction: rtl;
}

    .chapter-field-right .headers {
        background: none repeat scroll 0 0 #e0e0e0 !important;
        line-height: 28px;
        color: #384158;
        margin-bottom: 10px;
        padding-left: 10px;
        font-family: 'Roboto Slab', serif;
    }

.expcheckout {
    margin-left: 15px;
    padding-left: 10px;
    border-left: 1px solid #8C8C8C;
    height: 50px;
}

.mgl25 {
    margin-left: 25px;
}

/*.row label {
    width: 160px;
    display: block;
    font-family: 'open_sansregular';
    font-size: 18px;
    color: #000;
    line-height: 36px;
    float: left;
    direction: ltr;
    text-align: left;
}
.row span {
    float: left;
    direction: ltr;
    text-align: left;
    font-family: 'open_sansregular';
    font-size: 18px;
    color: #000;
    line-height: 36px;
}*/


/*
html, body, table {
    color: #000000;
    font-family: 'open_sansregular';
    font-size: 18px;
}*/
/*

h1.ttl-txt {
    font-family: 'open_sansregular';
    font-size: 36px;
    color: #fff;
    line-height: 54px;
    background: #0097db;
    margin-bottom: 20px;
    padding-left: 5px;
    direction: ltr;
}*/
.tableClassDirection {
    direction: ltr;
    width: 100%;
}

.chapter-field-left .row input[type="text"], .chapter-field-left .row input[type="file"], .chapter-field-left .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-left .smallRow select {
    width: 111px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-right: -37px;
    border: 1px solid #AADCF3;
    /*float: left;*/
    padding: 7px;
    direction: ltr;
    margin-left: 61px;
}

.smallRow label {
    width: 160px;
    display: block;
    float: left;
    text-align: left;
    direction: ltr;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
}

.smallRow label {
    width: 160px;
    display: block;
    float: left;
    text-align: left;
    direction: ltr;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 36px;
}

.smallRow {
    margin-bottom: 10px;
}

.chapter-field-left {
    width: 49.7%;
    float: left;
    direction: ltr;
}

/* Default styles for .comment_inputnews */
.comment_inputnews {
    width: 560px !important;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
    /* margin-top: -3px;*/
}

/* Media query for screens smaller than 1200px */
@media screen and (max-width: 1200px) {
    .comment_inputnews {
        width: 100% !important; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .comment_inputnews {
        width: 80%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .comment_inputnews {
        width: 90%; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}


/* Default styles for .comment_inputnewsd */
/* Default styles for .comment_inputnewsd */
.comment_inputnewsd {
    width: 560px;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 500;
    color: #2c3145;
    background-color: white;
    /* margin-top: -3px;*/
}

/* Media query for screens smaller than 1200px */
@media screen and (max-width: 1200px) {
    .comment_inputnewsd {
        width: 90%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .comment_inputnewsd {
        width: 80%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .comment_inputnewsd {
        width: 100%; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}




.get-in-touch {
    width: 100%;
}
/* Your initial styles */
.listing tr th a.ascending {
    /*  background: #0097db url(../images/arrow_up.png) no-repeat right 8px; */ /* Combined background properties */
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 8px 20px 8px 0px;
    display: inline;
    font-family: 'Roboto', sans-serif;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .listing tr th a.ascending {
        /* New styles for screens up to 768px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .listing tr th a.ascending {
        /* New styles for screens up to 480px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}


/* Your initial styles */
.listing tr th a {
    /* background: #0097db; */
    color: #fff;
    /* font-weight: normal; */
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    background: url(../images/arrow_normal.png) no-repeat right 8px;
    padding: 8px 20px 8px 0px;
    display: inline;
    font-family: 'Roboto', sans-serif;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .listing tr th a {
        /* New styles for screens up to 768px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .listing tr th a {
        /* New styles for screens up to 480px wide */
        /* For example: */
        /* Specific styles for this width */
    }
}


user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}


caption, th {
    text-align: left;
}

.course_class_title {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    /* font-weight: 500; */
    color: #ffffff;
    padding-top: 14px;
    padding-bottom: 12px;
    background-color: #1698d9;
}

.viewCourseDetailDiv {
    float: right !important;
    min-height: 600px;
    width: 100%;
    text-align: left;
    background-color: #EAF9FF;
    /* padding: 10px;*/
}

.viewCourseDetailDivss {
    float: right !important;
    min-height: 593px;
    width: 100%;
    text-align: left;
    background-color: #EAF9FF;
    padding: 18px;
    border: 1px solid;
}

.cphContent_tvCourseList_2 {
}

.rootNode {
    color: #000000;
    font-size: 20px;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
}

.tableRightDirection {
    direction: ltr;
}

cphContent_tvCourseList_1 {
    border-style: none;
}

.cphContent_tvCourseList_0 {
    text-decoration: none;
}

.viewcourseDescDivPadding2 {
    padding-left: 100px;
}

.alignRightDir {
    float: right !important;
    text-align: right;
    direction: ltr;
}

    .alignRightDir > a {
        font-size: 18px;
        text-decoration: none;
        color: #EAF9FF;
    }

.menu-ttl {
    clear: both;
    overflow: hidden;
}

.course-leftmenu {
    overflow-x: auto;
    width: 300px;
}

h1.ttl-txtv {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #ffffff;
    line-height: 54px;
    background: #1698d9;
    /*  margin-bottom: 4px;*/
    padding-left: 5px;
    text-align: center;
    direction: ltr;
}

h1.ttl-txtvleft {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #ffffff;
    line-height: 54px;
    background: #1698d9;
    /* margin-bottom: 4px;*/
    padding-left: 15px;
    text-align: left;
    direction: ltr;
}

.chapter-field {
    /* margin-right:129px;*/
}

/* Default styles for .comment_inputed */
.comment_inputed {
    width: 100%;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px !important;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .comment_inputed {
        width: 100%; /* Adjust width for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .comment_inputed {
        width: 100%; /* Further adjust width for even smaller screens */
        /* Other adjustments as needed */
    }
}

/*.scroll-container {
    display: flex;*/
/* justify-content: center;
    align-items: center;*/
/*height: 50vh;
    margin-left: 30%;*/ /* Adjust this based on your layout */
/*}*/

/*.scroll {
    max-height: 300px;
    overflow-x: scroll;
    overflow-y: scroll;
    max-width: 1200px;
    border: 1px solid #ccc;*/ /* Optional: Add a border for visibility */
/*padding: 10px;
    height: 61vh;
    margin-top: 65px;
    margin-bottom: 34px*/ /* Optional: Add padding for content spacing */
/*}*/
/* Default styles for .edittext */
/* Default styles for .edittext */
.edittext {
    width: 600px;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .edittext {
        width: 80%; /* Adjust width for smaller screens */
        height: 36px; /* Adjust height for smaller screens */
        font-size: 14px; /* Adjust font size for smaller screens */
        padding-left: 15px; /* Adjust padding for smaller screens */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .edittext {
        width: 100%; /* Full width for even smaller screens */
        height: 32px; /* Adjust height for even smaller screens */
        font-size: 12px; /* Adjust font size for even smaller screens */
        padding-left: 10px; /* Adjust padding for even smaller screens */
    }
}

/* Default styles for .editdrop */
.editdrop {
    width: 600px;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px !important;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .editdrop {
        width: 80%; /* Adjust width for smaller screens */
        height: 36px; /* Adjust height for smaller screens */
        font-size: 14px; /* Adjust font size for smaller screens */
        padding-left: 15px !important; /* Adjust padding for smaller screens */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .editdrop {
        width: 100%; /* Full width for even smaller screens */
        height: 32px; /* Adjust height for even smaller screens */
        font-size: 12px; /* Adjust font size for even smaller screens */
        padding-left: 10px !important; /* Adjust padding for even smaller screens */
    }
}
/* Default styles for .editarea */
.editarea {
    width: 600px;
    height: 135px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .editarea {
        width: 80%; /* Adjust width for smaller screens */
        height: 100px; /* Adjust height for smaller screens */
        font-size: 14px; /* Adjust font size for smaller screens */
        padding-left: 10px !important; /* Adjust padding for smaller screens */
        padding-right: 10px !important; /* Adjust padding for smaller screens */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .editarea {
        width: 100%; /* Full width for even smaller screens */
        height: 80px; /* Adjust height for even smaller screens */
        font-size: 12px; /* Adjust font size for even smaller screens */
        padding-left: 5px !important; /* Adjust padding for even smaller screens */
        padding-right: 5px !important; /* Adjust padding for even smaller screens */
    }
}

.edittextnew {
    width: 600px;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}





/* Default styles for .teamss */
.teamss {
    width: 100%;
    top: 57px !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .teamss {
        padding-left: 10px; /* Adjust padding left for smaller screens */
        padding-right: 10px; /* Adjust padding right for smaller screens */
        padding-bottom: 50px; /* Adjust padding bottom for smaller screens */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .teamss {
        padding-left: 5px; /* Further adjust padding left for even smaller screens */
        padding-right: 5px; /* Further adjust padding right for even smaller screens */
        padding-bottom: 40px; /* Further adjust padding bottom for even smaller screens */
    }
}
/* Your existing styles */
/* Your existing styles */
.teams {
    width: 100%;
    top: 57px !important;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 90px;
}

/* Media query for screens smaller than 768px */
@media screen and (max-width: 768px) {
    .teams {
        /* Adjust styles for smaller screens */
        margin-bottom: 60px; /* Example: Adjusted margin-bottom for smaller screens */
        /* Other adjustments as needed */
    }
}

/* Media query for screens smaller than 480px */
@media screen and (max-width: 480px) {
    .teams {
        /* Further adjust styles for even smaller screens */
        margin-bottom: 30px; /* Example: Adjusted margin-bottom for even smaller screens */
        /* Other adjustments as needed */
    }
}

/* Your initial styles */
.ticket-mrgs {
    direction: ltr;
    text-align: left;
    margin-bottom: 50px;
    /*margin-left: -15px;*/
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .ticket-mrgs {
        /* New styles for screens up to 768px wide */
        /* For example: */
        margin-left: 10px; /* Adjusted margin-left for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .ticket-mrgs {
        /* New styles for screens up to 480px wide */
        /* For example: */
        margin-left: 0; /* Resetting margin-left for very small screens */
        /* Any other styles specific to this width */
    }
}
/* Your original CSS */

.dropyear {
    margin-left: 172px; /* Default margin-left */
}
/* Your existing styles for larger screens */




/* Your initial styles */
.ticket-mrg {
    direction: ltr;
    text-align: left;
    margin-bottom: 50px;
    margin-left: -15px;
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .ticket-mrg {
        /* New styles for screens up to 768px wide */
        margin-left: 0; /* Adjusted margin for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .ticket-mrg {
        /* New styles for screens up to 480px wide */
        margin-left: -14px; /* Further adjusted margin for very small screens */
        /* Any other styles specific to this width */
    }
}
/* Your initial styles */
/* Your initial styles */
.listedit {
    margin-left: 80px; /* Default margin-left */
}

/* Media query for a specific screen width (max-width: 768px) */
@media screen and (max-width: 768px) {
    .listedit {
        /* New styles for screens up to 768px wide */
        margin-left: 40px; /* Adjusted margin-left for smaller screens */
        /* Any other styles specific to this width */
    }
}

/* Media query for a smaller screen width (max-width: 480px) */
@media screen and (max-width: 480px) {
    .listedit {
        /* New styles for screens up to 480px wide */
        margin-left: 0px; /* Further adjusted margin-left for very small screens */
        /* Any other styles specific to this width */
    }
}

.dropsmf {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* width: 272px; */
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
    margin-bottom: 10px;
    /* margin-right: -15px;*/
}
/* Default styles for .smpay */
.smpay {
    padding: 10px;
    min-height: 370px;
    margin-left: 10px;
    margin-right: 10px;
}
/* Your original CSS */

/* Your existing styles for larger screens */
.headering {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #384158;
    font-size: 36px;
    text-align: center;
}

/* Media query for screens up to 768px width */
@media screen and (max-width: 768px) {
    .headering {
        font-size: 28px; /* Adjust font size for smaller screens */
        /* Other style adjustments for screens up to 768px width */
    }
}

/* Media query for screens up to 480px width */
@media screen and (max-width: 480px) {
    .headering {
        font-size: 24px; /* Adjust font size for smaller screens */
        /* Other style adjustments for screens up to 480px width */
    }
}





.parag {
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    line-height: 3.85;
    font-weight: 400;
    color: #76777a;
    margin-left: 22%;
}
/* Your existing styles for larger screens */

/* Media query for screens up to 768px width */
@media screen and (max-width: 768px) {
    .parag {
        /* Updated styles for screens up to 768px width */
        margin-left: 10%; /* Adjust as needed */
        font-size: 16px; /* Adjust as needed */
        /* Other style adjustments */
    }
}

/* Media query for screens up to 480px width */
@media screen and (max-width: 480px) {
    .parag {
        /* Updated styles for screens up to 480px width */
        margin-left: 5%; /* Adjust as needed */
        font-size: 14px; /* Adjust as needed */
        /* Other style adjustments */
    }
}


.butt {
    background: #14bdee;
    padding: 0 20px;
    border: none;
    font: normal 18px Arial;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    width: 130px;
    height: 46px;
    float: right;
    /* margin-left: 1002px;*/
    margin-bottom: 20px;
}
/* Your existing styles for larger screens */

/* Media query for screens up to 768px width */
@media screen and (max-width: 768px) {
    .butt {
        /* Updated styles for screens up to 768px width */
        width: 100px;
        /* Adjust other styles as needed */
    }
}

/* Media query for screens up to 480px width */
@media screen and (max-width: 480px) {
    .butt {
        /* Updated styles for screens up to 480px width */
        width: 80px;
        /* Adjust other styles as needed */
    }
}
/* Your original styles */
.leftalign {
    margin-left: 43px;
}

/* Media query for screens up to 480px */
@media screen and (max-width: 480px) {
    .leftalign {
        margin-left: 20px; /* Adjusted margin for smaller screens */
        /* Additional styles for screens up to 480px width */
    }
}

/* Media query for screens up to 768px */
@media screen and (max-width: 768px) {
    .leftalign {
        margin-left: 30px; /* Adjusted margin for mid-size screens */
        /* Additional styles for screens up to 768px width */
    }
}