/* Header Section Design Start */
.tawk-min-container .tawk-button-circle.tawk-button-large{
    width: 50px !important;
    height: 50px !important;
}
button.scroltop{
    bottom: 90px !important;
}
.ftr-nw-ltr .ftr-nw-ltr-inner .ftr-nw-content .ftr-nw-form{
    margin-top: 30px;
        
    }
    .book-other-services .site-button{
        margin-top: 8px;
    }
    .pricing-block-outer .table {
        max-width: 1000px;
        margin: 0 auto;
    }
    
    .pricing-block-outer .site-button {
        margin-top: 20px;
    }
    
    .pricing-block-outer .table-bordered {
        border: 1px solid #000;
    }
    
    
    /* Header Section Design Start */
    
    .site-bg-sky-blue-light .table-bordered td,
    .site-bg-sky-blue-light .table-bordered th {
        border-color: #000;
    }
    
    .site-bg-gray .table-bordered td,
    .site-bg-gray .table-bordered th {
        border-color: #000;
    }
    
    .pricing-block-outer .table-bordered td,
    .pricing-block-outer .table-bordered th {
        border: 1px solid #040404;
    }
    
    .site-bg-sky-blue-light .table-bordered td,
    .site-bg-sky-blue-light .table-bordered th {
        border-color: #000;
    }
    
    .site-bg-gray .table-bordered td,
    .site-bg-gray .table-bordered th {
        border-color: #000;
    }
    
    
    /* .site-bg-gray .btn-half em{
    left: 70%;
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 30px;
    right: 14px;
    top: 50%;
    transition: all 0.3s ease;
    z-index: 1;
    } */
    
    .mainform h5 {
        margin-left: 12px;
    }
    
    .ttm-why-choose-here .site-button {
        padding: 12px 25px !important;
        margin-left: 40px;
        position: relative;
    }
    
    .text-center .btn-half em {
        right: 10px;
    }
    
    .ttm-why-choose-here input {
        padding: 8px;
    }
    
    .ttm-why-choose-here .btn-half em {
        right: 20px;
    }
    
    .nw_btn {
        margin-left: 27px;
    }
    
    .h-bnr-top .btn-half {
        margin-top: 40px;
    }
    
    .site-bg-gray .site-btn {
        left: 5%;
        padding: 9px 12px;
    }
    
    .site-bg-gray .table {
        margin-top: 40px;
    }
    
    
    /* Admission Form Sidebar Design */
    
    .table-bordered thead td,
    .table-bordered thead th {
        border-bottom-width: 1px;
    }
    
    
    /* Admission Form Sidebar Design */
    
    
    /* kkkkkkkkkkkkkkkk */
    
    .site-bg-gray .row {
        margin-right: 8px !important;
    }
    
    .site-bg-gray .btn-half {
        border-color: #ff8a00;
    }
    
    .types {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    
    .types:hover {
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2)
    }
    
    .types li {
        padding: 12px;
        text-align: center;
        background-color: #fff;
        margin: 15px 0;
        cursor: pointer;
        display: block;
        position: relative;
        overflow: hidden;
    }
    
    .types li::after {
        content: "";
        font-family: Font Awesome\ 5 Free;
        content: "\f058";
        font-weight: 600;
        font-size: 16px;
        position: absolute;
        right: -30px;
        top: 10px;
        transition: all 0.5s ease-in-out;
    }
    
    .types li.active::after {
        right: 10px;
    }
    
    .form-group .form-control {
        margin: 10px !important;
    }
    
    .site-bg-gray .site-btn {
        margin-bottom: 20px;
        margin-right: 10%;
    }
    
    .check_icon_box .custom-control {
        border-radius: 10px;
        box-shadow: 0 5px 15px #ddd;
        padding: 0;
        background-color: white;
    }
    
    .check_icon_box .custom-control-label {
        display: block;
        padding: 15px;
        cursor: pointer;
    }
    
    .check_icon_box .custom-control-label:before,
    .check_icon_box .custom-control-label:after {
        top: 25px;
        left: -8px;
        display: none;
    }
    
    .check_icon_box span {
        position: absolute;
        right: 10px;
        top: 12px;
        border-radius: 100%;
        transition: all 0.2s ease-in-out;
    }
    
    .check_icon_box input[type="radio"]:checked+label span {
        opacity: 1;
        background: url("https://www.positronx.io/wp-content/uploads/2019/06/tick-icon-4657-01.png") center center no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        background-color: #F59545;
        border: 2px solid #fff;
        box-shadow: 0 3px 5px #ccc;
    }
    
    
    /* kkkkkkkkkkkkkkkkk */
    
    .admition-info-section .my_img {
        margin: 0 auto;
        display: block;
        width: 80%;
    }
    
    .admition-info-section li,
    .admition-info-section .text-left {
        padding-left: 5px;
    }
    
    .admition-info-section .text-left {
        margin-top: 30px;
    }
    
    .admition-info-section p {
        margin-bottom: 10px;
    }
    
    .sidebar-contact {
        position: fixed;
        top: 170px;
        right: -300px;
        width: 300px;
        height: auto;
        padding: 36px 15px;
        background: #fff;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
        box-sizing: border-box;
        transition: all 0.5s ease-in-out;
        z-index: 999;
    }
    
    .sidebar-contact.active {
        right: 0;
    }
    
    .sidebar-contact .admition-info-section .nav-pills .nav-link {
        background-color: #253b70;
        color: #fff;
    }
    
    .sidebar-contact .admition-info-section .nav-pills .nav-link.active {
        background-color: #fe4b7b;
        color: #fff;
    }
    
    .toggle {
        position: absolute;
        height: auto;
        width: auto;
        text-align: center;
        cursor: pointer;
        background: #253b70;
        box-shadow: -5px -5px 10px rgb(0 0 0 / 50%);
        top: 52px;
        padding: 5px 15px;
        font-weight: bold;
        left: -90px;
        color: #fff;
        border: 3px solid #fff;
        border-radius: 10px 10px 0 0;
        transform: rotate(-90deg);
    }
    
    .sidebar-contact .contact-form-section {
        background-color: #fff;
    }
    
    .sidebar-contact .contact-form-section .contact-form .form-group textarea {
        height: 100px;
        margin-bottom: 0;
    }
    
    .sidebar-contact .contact-form-section .contact-form .form-group input[type='text'],
    .sidebar-contact .contact-form-section .contact-form .form-group input[type='email'],
    .sidebar-contact .contact-form-section .contact-form .form-group textarea {
        border: 1px solid #ccc;
        border-radius: 10px;
        height: 50px;
    }
    
    .sidebar-contact .theme-btn {
        padding: 12px 30px;
    }
    
    .sidebar-contact .admition-info-section .tab-content {
        padding: 0;
        border: none;
    }
    
    @media(max-width:768px) {
        .sidebar-contact {
            display: none;
        }
    }
    
    
    /* Addmission form End */
    
    :root {
        --primary-color: #00A551FF;
        --dark-color: #2d4577;
    }
    
    ul,
    li {
        margin: 0;
        padding: 0;
    }
    
    
    /* Header Section Design Start */
    
    .my_navbar {
        background-color: #fff;
        position: relative;
        /*border-bottom: 1px solid #e7e7e7;*/
        box-shadow: 0px 0px 9px 0px rgb(6 22 58 / 7%);
        z-index: 99;
    }
    
    .my_navbar nav {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 9;
        padding: 0 16px;
        background-color: #fff;
        box-shadow: 0px 0px 9px 0px rgb(6 22 58 / 20%);
    }
    
    .my_navbar .navbar-brand {
        /*max-width: 200px;*/
        padding: 5px;
    }
    
    .my_navbar .navbar-brand img {
        max-height: 80px;
    }
    
    
    .my_navbar.sticky{ position: fixed; width: 100%; top: 0; z-index: 99; }
    
    .my_navbar.sticky nav {
        background-color: #fff;
        top: 0;
        /* position: fixed; */
    }
    
    .my_navbar.sticky .top_header {
        display: none;
    }
    
    .my_navbar .navbar-nav>li>a {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 15px;
        padding: 30px 20px !important;
        border-left: 1px solid #ddd;
    }
    
    .my_navbar .navbar-nav>li:last-child a {
        border-right: 1px solid #ddd;
    }
    
    .my_navbar .navbar-nav>li.active>a {
        color: var(--primary-color) !important;
        position: relative;
    }
    
    .my_navbar .navbar-nav>li.active>a:after {
        content: "";
        width: 100%;
        height: 5px;
        background-color: var(--primary-color);
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
    }
    
    .dropdown-menu li.active {
        background-color: var(--primary-color);
        color: #fff;
    }
    
    .dropdown-menu li.active a {
        color: #fff !important;
    }
    
    .search_icon {
        padding: 0 20px !important;
        margin: 0 !important;
        font-size: 22px;
        color: #232323 !important;
    }
    
    .my_btn {
        padding: 10px 15px;
        border: none;
        cursor: pointer;
        position: relative;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        background: var(--primary-color);
        font-size: 16px;
        color: #fff !important;
        border-radius: 8px;
    }
    
    .banner_txt .my_btn {
        color: #fff !important;
        background: var(--primary-color);
    }
    
    .top_navbar {
        background-color: var(--dark-color);
        width: 100%;
        z-index: 9;
    }
    
    .top_navbar>div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .top_right_link li {
        padding: 8px 10px;
    }
    
    .top_right_link li .fa,
    .top_right_link li .fas {
        padding: 10px;
    }
    
    .social_icon_list li,
    .top_right_link li {
        display: inline-block;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .social_icon_list li:last-child,
    .top_right_link li:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .social_icon_list li a {
        padding: 15px 20px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.5s ease-in-out;
    }
    
    .top_right_link {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
    
    .top_right_link ul {
        display: flex;
        color: #fff;
    }
    
    .top_navbar a {
        color: #fff;
        font-size: 14px;
    }
    
    .top_right_link .my_btn {
        font-weight: bold;
        font-size: 12px;
        padding: 5px 15px;
    }
    
    .top_address li {
        display: flex;
        color: #fff;
        padding: 8px 12px;
        align-items: center;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .top_address li p {
        margin: 0 0 0 10px;
    }
    
    @media screen and (min-width: 992px) {
        .btco-hover-menu .collapse ul ul ul ul {
            left: 100%;
        }
        .dropdown:hover>.dropdown-menu {
            display: block;
        }
        .dropdown-menu {
            padding: 0;
            margin: 0;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
        }
        .dropdown-menu .dropdown-menu {
            left: 100%;
            top: 0;
        }
        .dropdown-menu .dropdown-toggle::after {
            position: absolute;
            right: 7px;
            top: 18px;
            border-top: 0.3em solid transparent;
            border-bottom: 0.3em solid transparent;
            border-left: 0.3em solid;
        }
        .dropdown-menu li {
            border-bottom: 1px solid #ddd;
        }
        .dropdown-menu li:last-child {
            border-bottom: none;
        }
        .btco-hover-menu .collapse ul ul>li:hover>a,
        .btco-hover-menu .collapse ul ul ul>li:hover>a,
        .navbar .show .dropdown-menu>li>a:focus,
        .navbar .show .dropdown-menu>li>a:hover {
            background: #00a551;
            color: #fff;
        }
    }
    
    
    /* Other Css Start */
    
    
    /*.twm-slider3-wrap{ height: calc(100vh - 127px); }*/
    
    .twm-slider3-wrap {
        margin-top: -127px;
    }
    
    .site-bg-gray {
        background-color: #c6deed;
    }
    
    .p-table-inner .btn-half {
        background-color: #1e8fd0;
    }
    
    .p-table-inner .btn-half:after {
        border-color: #1e8fd0;
    }
    
    .pricing-table-1 .p-table-inner .p-table-list ul li:after {
        color: #1e8fd0;
    }
    
    .p-table-highlight .p-table-inner .btn-half {
        background-color: #00a551;
    }
    
    .p-table-highlight .p-table-inner .btn-half:after {
        border-color: #00a551;
    }
    
    .p-table-highlight .pricing-table-1 .p-table-title .wt-title {
        background-color: #00a551;
    }
    
    .p-table-highlight .pricing-table-1 .p-table-inner {
        border-color: #0b2f44;
    }
    
    .p-table-highlight .pricing-table-1 .p-table-inner .p-table-list ul li:after {
        color: #00a551;
    }
    
    .blog-post-4-outer .wt-post-info .wt-post-meta ul li.post-date:before {
        border-color: #00a551;
    }
    
    .blog-post-4-outer .wt-post-info .wt-post-meta ul li.post-date span {
        color: #00a551;
    }
    
    .site-button-link {
        color: #00a551;
    }
    
    .tw-company-approch-section:before {
        border-color: #00a551;
    }
    
    .counter-outer-two .tw-count-number,
    .counter-outer-two .counter {
        color: #00a551;
    }
    
    .services-gallery-style3 .service-box-style3 {
        box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 80%);
    }
    
    .tw-est-2-section-block .tw-est-2-section-block-content .tw-est-2-section-number {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .tw-est-2-section-block .tw-est-2-section-block-content .media {
        background-color: #c6deed;
        justify-content: center;
        align-items: center;
    }
    
    .tw-testimonial-2-area .slider-testimonial-2-wrap .slick-prev:before,
    .tw-testimonial-2-area .slider-testimonial-2-wrap .slick-next:before {
        background-color: #00a551;
    }
    
    .tw-testimonial-2-area .slick-testimonials-2-thumb .slick-active.slick-center .slick-testimonials-2-thumbpic img {
        border-color: #00a551;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    }
    
    #outer-barG .bar-lineG {
        background-color: #00a551;
    }
    
    
    /* animation delay css classes */
    
    .swiper-slide-active .h-banner-left .title-small {
        -webkit-animation: slideInDown 1s;
        animation: slideInDown 1s;
    }
    
    .swiper-slide-active .h-banner-left h2 {
        -webkit-animation: slideInLeft 1.5s;
        animation: slideInLeft 1.5s;
    }
    
    .swiper-slide-active .h-banner-left .site-button {
        -webkit-animation: slideInUp 2s;
        animation: slideInUp 2s;
    }
    
    
    /* sub header section design */
    
    .sub_header {
        padding: 110px 0 40px;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: url(../images/sub_header_bg.jpg) no-repeat center center;
        background-size: cover;
    }
    
    .sub_header:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, #1e8fd0 0%, rgba(30, 143, 208, 0.7) 100%);
    }
    
    .sub_header h2 {
        margin: 0;
        color: #fff;
        font-weight: 700;
        letter-spacing: 2px;
        padding-bottom: 70px;
        font-size: 40px;
        text-align: left;
        line-height: 30px;
        position: relative;
        z-index: 1;
    }
    
    .sub_header .breadcrumb {
        background: none;
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        background-color: #fff;
        border-radius: 10px 10px 0 0;
    }
    
    .sub_header .breadcrumb li a {
        color: #333;
    }
    
    .sub_header .breadcrumb li {
        color: #333;
        padding: 8px 15px 8px 15px;
        font-weight: 600;
        position: relative;
    }
    
    .sub_header .breadcrumb li.active {
        color: #00a551;
    }
    
    .sub_header .breadcrumb li:after {
        content: "/";
        position: absolute;
        right: 0;
        top: 10px;
        color: #333;
    }
    
    .sub_header .breadcrumb li:last-child:after {
        display: none;
    }
    
    
    /* Blog Page Design Start */
    
    .section-head-small {
        border-color: #00a551;
    }
    
    .all_services ul li a.active,
    .all_services ul li a:hover {
        color: #00a551;
    }
    
    .side-bar .recent-posts-entry .wt-post-info .post-date {
        color: #06b0f0;
    }
    
    .tw-sidebar-tags-wrap .tagcloud a:hover {
        background-color: #06b0f0;
    }
    
    .form-submit .btn-half {
        background-color: #1e8fd0;
    }
    
    .form-submit .btn-half:after {
        border-color: #1e8fd0;
    }
    
    .side-bar .search-bx .input-group .btn {
        background-color: #1e8fd0;
    }
    
    .description-list li i {
        color: #00a551;
        padding: 0;
    }
    
    ol.comment-list li.comment .reply .comment-reply-link {
        background-color: #1e8fd0;
    }
    
    .post-navigation .post-nav-links .post-nav-item .nav-post-arrow i {
        color: #1e8fd0;
    }
    
    .post-social-icons li a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .blog_list .blog-post-4-outer {
        box-shadow: 0px 0px 20px rgb(176 204 220 / 67%);
    }
    
    .blog_list .blog-post-4-outer .wt-post-info {
        padding: 50px 15px 15px;
    }
    
    .quote_bg {
        background: url("../images/background/quote_bg.jpg") no-repeat center center;
        background-size: cover;
        position: relative;
    }
    
    .quote_bg:before {
        top: 0;
        width: 72%;
        z-index: 0;
        content: "";
        left: -16%;
        height: 100%;
        position: absolute;
        -webkit-transform: skew(340deg);
        transform: skew(340deg);
        background-color: #c6deed;
    }
    
    .tw-why-choose-left .contact-form-outer {
        padding: 15px;
    }
    
    footer .site-bg-primary {
        background-color: #00a551;
    }
    
    .footer-light .social-icons li a:hover {
        background-color: #00a551;
    }
    
    .footer-light .widget-title:before {
        background-color: #00a551;
    }
    
    .page_links li {
        padding-left: 25px !important;
        position: relative;
    }
    
    .page_links li:before {
        content: "";
        font-family: Font Awesome\ 5 Free;
        content: "\f061";
        font-weight: 600;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 2px;
    }
    
    .page_links li.active a,
    .page_links li.active:before {
        color: var(--primary-color) !important;
    }
    
    
    /* ABOUT OTSPL PEGE */
    
    .counter-outer-two .tw-counter-media img {
        height: 60px;
        max-width: 95%;
    }
    
    .counter-outer-two .icon-content {
        padding-left: 75px;
    }
    
    .counter-outer-two .tw-count-number {
        font-size: 46px;
        line-height: 46px;
        margin-bottom: 5px;
        font-weight: 600;
    }
    
    .counter-outer-two .counter {
        font-size: 32px;
        line-height: 50px;
        font-weight: 600;
    }
    
    .counter-outer-two .icon-content-info h3 {
        font-size: 18px;
    }
    
    #rcorners1 {
        border-radius: 10px 300px;
        background: #73AD21;
        padding: 20px;
        width: 500px;
        height: 700px;
    }
    
    #section {
        padding: 30px;
        margin: 40px;
        border-radius: 80px;
        width: 100%;
        height: 600px;
        background-color: darkgrey;
    }
    
    .media i {
        font-size: 50px;
        color: var(--dark-color);
    }
    
    
    /* ABOUT OTSPL PAGE END */
    
    
    /* CAREER PAGE START */
    
    .main-form {
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .service_list ul,
    li {
        list-style: none;
    }
    
    .service_list li .feature_thum {
        margin: 20px;
        border-radius: 15px;
        box-shadow: 0 5px 15px 0 #dae3f0;
        background: #ffffff;
        text-align: center;
        transition: all 0.2s ease-in-out;
    }
    
    .apply_btn {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background-color: #154d5d;
        padding: 8px 30px;
        margin-top: 10px;
        display: inline-block;
        color: #fff !important;
        border-radius: 30px;
    }
    
    .info_txt {
        padding: 20px;
    }
    
    .form-check-inline {
        margin-bottom: 20px;
        padding: 4px 20px;
    }
    
    
    /*input[type=text], select {
      width: 100%;
      padding: 12px 20px;
      margin: 8px 0;
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }*/
    
    #radio1 {
        margin: 20px;
        padding: 20px;
    }
    
    .button-submit {
        padding: 8px 70px;
        margin-top: 20px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .checkbox_list {
        display: flex;
        flex-wrap: wrap;
    }
    
    .checkbox_list .custom-checkbox {
        margin-left: 20px;
        margin-bottom: 10px;
    }
    
    
    /* CAREER PAGE END */
    
    
    /* CONTACT US PAGE START */
    
    .services-gallery-style3 .service-box-style3 {
        background-color: #fff;
        padding: 15px;
        margin: 60px;
        position: relative;
        box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 80%);
    }
    
    a.socials-item {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        transition: all 0.3s;
        margin: 0 5px;
        line-height: 16px;
    }
    
    .main-addres {
        box-shadow: 5px 12px inset;
        padding: 30px;
    }
    
    .our-offices {
        padding: 20px;
        margin-top: 80px;
    }
    
    .text-content-address {
        position: relative;
    }
    
    #main-text {
        text-align: center;
        border: 1px solid;
        padding: 30px;
        box-shadow: 5px 5px 8px rgb(73, 73, 153), 15px 15px 8px rgb(131, 198, 131);
    }
    
    .address_thum {
        padding: 30px;
        text-align: center;
        border-radius: 10px;
        border: 5px solid #f8bd25;
    }
    
    .fa-ul {
        padding: 5px;
        margin: 0;
    }
    
    .fa-ul .fa {
        padding: 10px;
    }
    
    .cons-contact-form .form-control {
        background-color: #f2f2f2;
    }
    
    .form-section {
        /* margin-top: 80px;*/
    }
    
    .contact-form-outer {
        padding: 20px 10px;
    }
    
    .para-content {
        padding: 30px 10px;
    }
    
    .main-location {
        position: relative;
        background: url(https://blog.schoolmint.com/hubfs/jean%20childs%20young%20middle%20case%20study%20no%20text.png) no-repeat;
        background-size: cover;
        background-image: transparent;
    }
    
    .location-coverd {
        position: relative;
    }
    
    .coverd-text {
        padding: 40px;
        text-align: center;
    }
    
    section.main-location:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .contact_title {
        margin-bottom: 30px;
        font-size: 32px;
    }
    
    .contact_map_box {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
        background-color: #fff;
        box-shadow: 0px 0px 20px rgb(176 204 220 / 67%);
        border-radius: 10px;
        overflow: hidden;
    }
    
    .my_map {
        flex: 1;
        border: 5px solid #999;
        border-radius: 10px 0 0 10px;
        border-right: 0;
    }
    
    .my_detail {
        width: 280px;
        padding: 20px;
        border-radius: 0 10px 10px 0;
    }
    
    .address_list {
        margin: 20px 0;
    }
    
    .address_list li {
        display: flex;
        margin-bottom: 8px;
    }
    
    .address_list li i {
        width: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 5px;
        color: #2491ce;
    }
    
    .address_list li p {
        flex: 1;
        line-height: 20px;
        margin: 0;
    }
    
    .my_detail .social-icons {
        display: flex;
    }
    
    .my_detail .social-icons li a {
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #184f6e;
        line-height: 30px;
        padding: 0px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-right: 4px;
    }
    
    .branch_address {
        align-items: stretch !important;
        margin-bottom: 30px;
    }
    
    .branch_address .my_detail {
        width: 100%;
        height: calc(100% - 15px);
        margin-bottom: 15px;
        border-radius: 10px;
        padding-bottom: 10px;
    }
    
    .location_bg {
        position: relative;
        background: url('../images/background/locations_bg.png') no-repeat center center;
        background-size: cover;
    }
    
    .location_bg:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .services-gallery-block-outer3 {
        position: relative;
    }
    
    .border_blue {
        border: 5px solid #00bcd4;
    }
    
    .border_green {
        border: 5px solid #00a551;
    }
    
    .border_yellow {
        border: 5px solid #f8bd25;
    }
    
    .border_red {
        border: 5px solid #d82239;
    }
    
    .form-section .service_list li .feature_thum {
        box-shadow: 0 5px 15px 0 #b2bfd2;
    }
    
    .form-section .service_list li .feature_thum .site-button {
        padding: 10px 5px 10px 15px;
        background-color: #2d4577;
    }
    
    .form-section .service_list li .feature_thum .site-button:after {
        border-color: #2d4577;
    }
    
    .form-section .service_list li .feature_thum .site-button span {
        font-size: 16px;
    }
    
    .form-section .service_list li .feature_thum .site-button em {
        right: 12px;
    }
    
    
    /* CONTACT US PAGE END */
    
    
    /* SERVICE PAGE START */
    
    .main-service {
        padding: 20px;
    }
    
    .service-head {
        text-align: center;
    }
    
    .service-title {
        text-align: center;
    }
    
    #my-services {
        position: relative;
    }
    
    .advantage_list {
        display: flex;
        flex-wrap: wrap;
    }
    
    .advantage_list .feature_thum {
        width: 48%;
        margin: 20px 1%;
        text-align: left;
        display: flex;
        padding: 0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px 0 #dae3f0;
        transition: all 0.2s ease-in-out;
        background: #ffffff;
    }
    
    .advantage_list .feature_thum .icon {
        border-radius: 35px 31px 71px 46px;
        height: 95px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 95px;
        margin-left: 25px;
        margin-top: 50px;
        margin-right: 15px;
        transition: all 1s ease-in-out;
        background-color: #007aff;
    }
    
    .advantage_list .feature_thum .icon img {
        filter: invert(1);
    }
    
    .info_txt {
        flex: 1;
        padding: 15px;
    }
    
    .advantage_list .feature_thum:hover .icon {
        border-radius: 100%
    }
    
    .site-button-2-outline i {
        line-height: 0;
    }
    
    
    /* SERVICE PAGE END */
    
    
    /* TOOLS PAGE START */
    
    .p-table-inner .icon {
        border-radius: 35px 31px 71px 46px;
        height: 95px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 95px;
        transition: all 1s ease-in-out;
        background-color: #007aff;
    }
    
    .p-table-inner .icon img {
        filter: invert(1);
    }
    
    .p-table-inner:hover .icon {
        border-radius: 100%
    }
    
    .tools-header {
        /*padding: 30px;*/
    }
    
    .tools_box {
        box-shadow: 0 5px 15px 0 #b2bfd2;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
    }
    
    .tools_box p {
        margin: 0;
    }
    
    .tools_icon {
        border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
        height: 95px;
        width: 95px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        border: 5px solid #00a551;
        transition: all 1s ease-in-out;
        background-color: #fff;
        color: #0b2f44;
        margin: 0 auto 20px;
    }
    
    .services_section .media img {
        width: 90px;
    }
    
    .services_section .tools_icon {
        margin: 20px 0 15px 15px;
    }
    
    .services_section .tools_icon img {
        width: 50px;
    }
    
    .login_link {
        font-family: "Oswald", sans-serif;
        line-height: 1.2;
        color: #0b2f44;
        font-size: 22px;
        font-weight: 600;
    }
    
    .card {
        margin-bottom: 20px;
    }
    
    #accordion .card-header {
        padding: 0;
    }
    
    #accordion .card-header .card-link {
        padding: 12px 20px;
        display: block;
        background-color: var(--primary-color);
        color: #fff !important;
    }
    
    #accordion .card-header .card-link.collapsed {
        padding: 12px 20px;
        display: block;
        background-color: var(--dark-color);
    }
    
    #accordion .card-link:before {
        float: right !important;
        font-family: Font Awesome\ 5 Free;
        content: "\f068";
        padding-right: 0;
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        font-weight: 600;
    }
    
    #accordion .card-link.collapsed:before {
        float: right !important;
        content: "\f067";
    }
    
    .get_in_touch_box ul {
        background-color: #fff;
        box-shadow: 0 5px 15px 0 #b2bfd2;
        border-radius: 10px;
    }
    
    .widget_services .get_in_touch_box li {
        display: flex !important;
        padding: 10px;
        border-bottom: 2px dashed #ddd;
    }
    
    .widget_services .get_in_touch_box li:last-child {
        border: none;
    }
    
    .get_in_touch_box li p {
        margin: 0;
    }
    
    .get_in_touch_box li i {
        margin: 6px 12px 0 0;
    }
    
    
    /* TOOLS PAGE END */
    
    
    /* sitemap Page start */
    
    .sitemap_list ul {
        padding-left: 30px;
    }
    
    .sitemap_list li {
        list-style: circle;
    }
    
    .sitemap_list li .children li {
        list-style: disc;
    }
    
    .sitemap_list li .children li .children li {
        list-style: square;
    }
    
    
    /* Timeline Design Start */
    
    .wrapper {
        position: relative;
    }
    
    .wrapper .center-line {
        position: absolute;
        height: 100%;
        width: 4px;
        background: #fff;
        left: 50%;
        top: 20px;
        transform: translateX(-50%);
    }
    
    .wrapper .row {
        display: flex;
    }
    
    .wrapper .row-1 {
        justify-content: flex-start;
    }
    
    .wrapper .row-2 {
        justify-content: flex-end;
    }
    
    .wrapper .row section {
        background: #fff;
        border-radius: 5px;
        width: calc(50% - 40px);
        padding: 20px;
        position: relative;
    }
    
    .wrapper .row section::before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        background: #fff;
        top: 28px;
        z-index: -1;
        transform: rotate(45deg);
    }
    
    .row-1 section::before {
        right: -7px;
    }
    
    .row-2 section::before {
        left: -7px;
    }
    
    .row section .icon,
    .center-line .scroll-icon {
        position: absolute;
        background: #f2f2f2;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        color: #1e8fd0;
        font-size: 20px;
        box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    }
    
    .center-line .scroll-icon {
        bottom: 0px;
        left: 50%;
        font-size: 25px;
        transform: translateX(-50%);
    }
    
    .row-1 section .icon {
        top: 15px;
        right: -60px;
    }
    
    .row-2 section .icon {
        top: 15px;
        left: -60px;
    }
    
    .row section .details,
    .row section .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .row section .details .title {
        font-size: 22px;
        font-weight: 600;
    }
    
    .row section p {
        margin: 10px 0 17px 0;
    }
    
    .row section .bottom a {
        text-decoration: none;
        background: #3ea0e2;
        color: #fff;
        padding: 7px 15px;
        border-radius: 5px;
        /* font-size: 17px; */
        font-weight: 400;
        transition: all 0.3s ease;
    }
    
    .row section .bottom a:hover {
        transform: scale(0.97);
    }
    
    @media(max-width: 790px) {
        .wrapper .center-line {
            left: 40px;
        }
        .wrapper .row {
            margin: 30px 0 3px 60px;
        }
        .wrapper .row section {
            width: 100%;
        }
        .row-1 section::before {
            left: -7px;
        }
        .row-1 section .icon {
            left: -60px;
        }
    }
    
    @media(max-width: 440px) {
        .wrapper .center-line,
        .row section::before,
        .row section .icon {
            display: none;
        }
        .wrapper .row {
            margin: 10px 0;
        }
    }
    
    .footer-light .logo-footer {
        max-width: unset;
        display: inline-block;
        padding: 10px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 20px 0 #b2bfd2;
    }
    
    .whatsapp_icon a {
        background-color: #3AB54A !important;
        position: fixed;
        left: 10px;
        bottom: 10px;
        display: inline-block;
        font-size: 28px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        background: #3B5998;
        border: 1px solid #fff;
        border-radius: 50%;
        z-index: 9;
    }
    
    
    /* All Media Query */
    
    @media only screen and (min-width: 991.98px) and (max-width: 1199.98px) {
        .my_navbar .navbar-brand img {
            max-height: 40px;
        }
        .my_navbar .navbar-nav>li>a {
            padding: 30px 10px !important;
        }
    }
    
    @media only screen and (max-width: 991.98px) {
        .about_img {
            margin: 30px 0;
        }
        footer .ftr-nw-ltr .ftr-nw-ltr-inner .ftr-nw-content {
            flex-direction: column;
        }
        .top_navbar>div {
            justify-content: flex-end;
        }
        .top_address {
            display: none;
        }
        .top_right_link li {
            padding: 0px 5px;
        }
        .top_btn_group {
            position: absolute;
            bottom: -55px;
            width: 100%;
            left: 0;
            padding: 10px;
            background-color: #eee;
            justify-content: center;
            flex-wrap: wrap;
        }
        .my_navbar .navbar-brand {
            padding: 5px;
            flex: 1;
        }
        .my_navbar .navbar-brand img {
            max-height: 70px;
        }
        .my_navbar .navbar-nav>li>a {
            padding: 15px !important;
            border-bottom: 1px solid #ddd;
        }
        .my_navbar .navbar-nav li.active>a {
            background-color: var(--primary-color);
            color: #fff !important
        }
        .advantage_list .feature_thum {
            width: 100%;
            margin: 20px 0;
        }
    }
    
    @media (max-width: 768px) {
        .twm-slider3-wrap .h-banner-wrap .h3-bnr-btn {
            margin-top: 20px;
        }
        .twm-slider3-wrap .h-bnr-r-inner .h-bnr-media img {
            width: 500px;
        }
    }
    
    @media only screen and (max-width: 767.98px) {
        .contact_map_box {
            flex-direction: column;
        }
        .my_map {
            border: 5px solid #999;
            border-bottom: 0;
            border-radius: 10px 10px 0 0;
        }
        .my_detail {
            width: 100%;
            border-radius: 0 0 10px 10px;
        }
        .ftr-nw-ltr .ftr-nw-ltr-inner .ftr-nw-img {
            text-align: center;
            margin-top: -70px;
        }
        .ftr-nw-ltr .ftr-nw-ltr-inner .ftr-nw-img img {
            max-width: 200px;
        }
        footer .ftr-nw-ltr .ftr-nw-ltr-inner .ftr-nw-content {
            text-align: center;
        }
        .order_2 {
            order: 2;
        }
        .twm-slider3-wrap .swiper-slide {
            padding-top: 170px;
        }
        .twm-slider3-wrap .h-banner-wrap .h-banner-right,
        .twm-slider3-wrap .h-banner-wrap .h-banner-left {
            width: 100% !important;
            text-align: center;
            position: relative !important;
            transform: none !important;
        }
        .twm-slider3-wrap .h-bnr-r-inner {
            position: relative !important;
            transform: none !important;
        }
    }
    
    @media only screen and (max-width: 600px) {
        .top_btn_group {
            padding: 0;
            bottom: -90px;
        }
        .top_btn_group li {
            width: 50%;
        }
        .top_btn_group li a {
            width: 100%;
        }
        .top_right_link li {
            padding: 5px;
        }
        .twm-slider3-wrap .h-banner-wrap .h-banner-left {
            width: 75%;
            margin: 50px auto 10px;
            text-align: center;
        }
        .twm-slider3-wrap .h-banner-wrap {
            margin-top: 80px;
        }
    }
    
    @media only screen and (max-width: 1280px) {
        .btco-hover-menu a {
            white-space: normal;
            line-height: 23px;
        }
    }