/*-----------------------------------------------------------------------------------

    Template Name: Shiksha Educational Html5 Template
    Description: This is html5 template
    Author: HasTech
    Version: 2.0.0

-----------------------------------------------------------------------------------
    CSS INDEX
	===================
  -> Default
  -> Text color
  -> Bootstrap Custom Container
  -> Basic margin padding
  -> Extra class

  ->	header
  ->  slider
  ->	campus-area
  ->	courses-area
  ->	choose-area
  ->	event-area
  ->	news-blog-area
  ->	footer-top-area
  ->	footer-bottom-area
	->	featured-area
	->  counter-area
	->	our-courses-area
	->	course-categories-area
	->	register-now-area
	->	our-instructor-area
	->	testimonial-area
	->	page-title-area
	->	about-tutoring-area
	->	video-area
	->	gallery-area
	->	course-list-area
	->	course-details-area
	->	event-grid-style-01
	->	event-details-area
	->	map
	->  blog-left-sideber
	->	blog-details
	->	contact-area
	->  register now
	->  login
	->  welcome-area
-----------------------------------------------------------------------------------*/
            /* Default */

            .outer {
                overflow: hidden;
            }

            .inner {
                overflow: auto;
            }

            body {
                color: #999999;
                font-family: 'Poppins', sans-serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
                background-color: white;
            }

            .img {
                max-width: 100%;
                transition: all 0.3s ease-out 0s;
            }

            a:hover,
            a:focus {
                text-decoration: none;
            }

            a:focus {
                color: inherit;
            }

            .floatleft {
                float: left;
            }

            .floatright {
                float: right;
            }

            .alignleft {
                float: left;
                margin-right: 15px;
                margin-bottom: 15px;
            }

            .alignright {
                float: right;
                margin-left: 15px;
                margin-bottom: 15px;
            }

            .aligncenter {
                display: block;
                margin: 0 auto 15px;
            }

            button,
            input {
                outline: medium none;
                color: #686868;
            }

            .uppercase {
                text-transform: uppercase;
            }

            .capitalize {
                text-transform: capitalize;
            }

            /* h1,
            h2,
            h3,
            h4,
            h5,
            h6 {

                margin: 0 0 15px;

            } */

            .main-menu ul {
                margin: 0px;
                padding: 0;
            }

            li {
                list-style: none;
            }

            /* 
            p {
                font-size: 14px;
                line-height: 24px;
                color: #818181;
                margin-bottom: 15px;
            } */

            hr {
                margin: 60px 0;
                padding: 0px;
                border-bottom: 1px solid #eceff8;
                border-top: 0px;
            }

            hr.style-2 {
                border-bottom: 1px dashed #f10;
            }

            hr.mp-0 {
                margin: 0;
                border-bottom: 1px solid #eceff8;
            }

            marquee {
                width: 100%;
                margin-left: -30px;
                color: #212529;
                font-size: 17px;
                font-weight: 700;
                line-height: 23px;
            }

            .mar2 marquee {
                margin-left: 0px;
                width: 97%;
                color: #212529;
                font-size: 17px;
                font-weight: 700;
                line-height: 23px;
            }

            hr.mtb-40 {
                margin: 40px 0;
                border-bottom: 1px solid #eceff8;
                border-top: 0px;
            }

            label {
                font-size: 15px;
                font-weight: 400;
                color: #ff0505;
            }

            *::-moz-selection {
                background: #4fc1f0;
                color: #fff;
                text-shadow: none;
            }

            ::-moz-selection {
                background: #4fc1f0;
                color: #fff;
                text-shadow: none;
            }

            ::selection {
                background: #4fc1f0;
                color: #fff;
                text-shadow: none;
            }

            .mark,
            mark {
                background: #4fc1f0;
                color: #ffffff;
            }

            span.tooltip-content {
                color: #00a9da;
                cursor: help;
                font-weight: 600;
            }

            .f-left {
                float: left;
            }

            .f-right {
                float: right;
            }

            .fix {
                overflow: hidden;
            }

            .browserupgrade {
                margin: 0.2em 0;
                background: #ccc;
                color: #000;
                padding: 0.2em 0;
            }

            /***************************
    transtion
****************************/

            a.button::after,
            a.button-small::after {
                -webkit-transition: all 0.3s ease-out 0s;
                -moz-transition: all 0.3s ease-out 0s;
                -ms-transition: all 0.3s ease-out 0s;
                -o-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s;
            }

            .share ul,
            .share:hover ul {
                transition: all 0.4s ease-in-out;
                -webkit-transition: all 0.4s ease-in-out;
                -ms-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
            }

            a.button-border span,
            a.button-border-white span,
            input,
            select,
            /*************************
        Text color
*************************/

            .text-blue {
                color: #0067ff;
            }

            .text-white {
                color: #fff;
            }

            .text-black {
                color: #363636;
            }

            .text-theme {
                color: #f10;
            }

            .text-theme {
                color: #4a90e2;
            }

            .text-white h1,
            .text-white p,
            .text-white h2 {
                color: #fff;
            }

            /*************************
 Bootstrap Custom Container
************************/

            .container,
            .container-fluid,
            .container-lg,
            .container-md,
            .container-sm,
            .container-xl,
            .container-xxl {
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }

            @media (min-width: 576px) {

                .container,
                .container-sm {
                    max-width: 540px;
                }
            }

            @media (min-width: 768px) {

                .container,
                .container-md,
                .container-sm {
                    max-width: 720px;
                }
            }

            @media (min-width: 992px) {

                .container,
                .container-lg,
                .container-md,
                .container-sm {
                    max-width: 960px;
                }
            }

            @media (min-width: 1200px) {

                .container,
                .container-lg,
                .container-md,
                .container-sm,
                .container-xl {
                    max-width: 1200px;
                }
            }

            @media (min-width: 1400px) {

                .container,
                .container-lg,
                .container-md,
                .container-sm,
                .container-xl,
                .container-xxl {
                    max-width: 1200px;
                }
            }

            .row {
                --bs-gutter-x: 30px;
            }

            .g-0,
            .gx-0 {
                --bs-gutter-x: 0;
            }

            .section-fluid-255 {
                /* padding-left: 255px;
    padding-right: 255px; */
            }

            /*************************
  Basic margin padding
*************************/

            .m-0 {
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 0;
            }

            .p-0 {
                padding-top: 0;
                padding-right: 0;
                padding-bottom: 0;
                padding-left: 0;
            }

            .p-l {
                padding-left: 0;
            }

            .p-r {
                padding-right: 0;
            }

            .p-rl {
                padding: 0 2px;
            }

            /*colored background*/

            .white-bg {
                background: #ffffff;
            }

            .gray-bg {
                background: #f7f7f7;
            }

            .gray-bg-1 {
                background: #f6f6f6;
            }

            .gray-bg-1 {
                background: #f6f6f6;
            }

            .blue-bg {
                background: #0c314e;
            }

            .green-bg {
                background: #52b6bc;
            }

            .black-bg {
                background: #000;
            }

            .default-bg {
                background: #50c1f0;
            }

            .transparent-bg {
                background: transparent;
            }

            .maroon-bg {
                background: #811d15;
            }

            /*************************
         Margin top
*************************/

            .mt-0 {
                margin-top: 0;
            }

            .mt-10 {
                margin-top: 10px;
            }

            .mt-12 {
                margin-top: 12px;
            }

            .mt-15 {
                margin-top: 15px;
            }

            .mt-20 {
                margin-top: 20px;
            }

            .mt-30 {
                margin-top: 30px;
            }

            .mt-40 {
                margin-top: 40px;
            }

            .mt-50 {
                margin-top: 50px;
            }

            .mt-60 {
                margin-top: 60px;
            }

            .mt-75 {
                margin-top: 75px;
            }

            .mt-70 {
                margin-top: 70px;
            }

            .mt-80 {
                margin-top: 80px;
            }

            .mt-90 {
                margin-top: 90px;
            }

            .mt-100 {
                margin-top: 100px;
            }

            .mt-110 {
                margin-top: 110px;
            }

            .mt-120 {
                margin-top: 120px;
            }

            .mt-130 {
                margin-top: 130px;
            }

            .mt-140 {
                margin-top: 140px;
            }

            .mt-150 {
                margin-top: 150px;
            }

            /*************************
      Margin right
*************************/

            .mr-0 {
                margin-right: 0px;
            }

            .mr-10 {
                margin-right: 10px;
            }

            .mr-15 {
                margin-right: 15px;
            }

            .mr-20 {
                margin-right: 20px;
            }

            .mr-30 {
                margin-right: 30px;
            }

            .mr-40 {
                margin-right: 40px;
            }

            .mr-50 {
                margin-right: 50px;
            }

            .mr-60 {
                margin-right: 60px;
            }

            .mr-70 {
                margin-right: 70px;
            }

            .mr-80 {
                margin-right: 80px;
            }

            .mr-90 {
                margin-right: 90px;
            }

            .mr-100 {
                margin-right: 100px;
            }

            .mr-110 {
                margin-right: 110px;
            }

            .mr-120 {
                margin-right: 120px;
            }

            .mr-130 {
                margin-right: 130px;
            }

            .mr-140 {
                margin-right: 140px;
            }

            .mr-150 {
                margin-right: 150px;
            }

            /*************************
      Margin bottom
*************************/

            .mb-0 {
                margin-bottom: 0;
            }

            .mb-5 {
                margin-bottom: 5px;
            }

            .mb-10 {
                margin-bottom: 10px;
            }

            .mb-15 {
                margin-bottom: 15px;
            }

            .mb-20 {
                margin-bottom: 20px;
            }

            .mb-30 {
                margin-bottom: 30px;
            }

            .mb-n30 {
                margin-bottom: -30px;
            }

            .mb-35 {
                margin-bottom: 35px;
            }

            .mb-40 {
                margin-bottom: 40px;
            }

            .mb-45 {
                margin-bottom: 45px;
            }

            .mb-50 {
                margin-bottom: 50px;
            }

            .mb-60 {
                margin-bottom: 60px;
            }

            .mb-65 {
                margin-bottom: 65px;
            }

            .mb-70 {
                margin-bottom: 70px;
            }

            .mb-80 {
                margin-bottom: 80px;
            }

            .mb-85 {
                margin-bottom: 85px;
            }

            .mb-90 {
                margin-bottom: 90px;
            }

            .mb-100 {
                margin-bottom: 100px;
            }

            .mb-110 {
                margin-bottom: 110px;
            }

            .mb-120 {
                margin-bottom: 120px;
            }

            .mb-130 {
                margin-bottom: 130px;
            }

            .mb-140 {
                margin-bottom: 140px;
            }

            .mb-150 {
                margin-bottom: 150px;
            }

            .mb-230 {
                margin-bottom: 230px;
            }

            /*************************
        Margin left
*************************/

            .ml-0 {
                margin-left: 0;
            }

            .ml-10 {
                margin-left: 10px;
            }

            .ml-15 {
                margin-left: 15px;
            }

            .ml-20 {
                margin-left: 20px;
            }

            .ml-30 {
                margin-left: 30px;
            }

            .ml-40 {
                margin-left: 40px;
            }

            .ml-50 {
                margin-left: 50px;
            }

            .ml-60 {
                margin-left: 60px;
            }

            .ml-70 {
                margin-left: 70px;
            }

            .ml-80 {
                margin-left: 80px;
            }

            .ml-90 {
                margin-left: 90px;
            }

            .ml-100 {
                margin-left: 100px;
            }

            .ml-110 {
                margin-left: 110px;
            }

            .ml-120 {
                margin-left: 120px;
            }

            .ml-130 {
                margin-left: 130px;
            }

            .ml-140 {
                margin-left: 140px;
            }

            .ml-150 {
                margin-left: 150px;
            }

            /*************************
        Padding top
*************************/

            .pt-0 {
                padding-top: 0;
            }

            .pt- {
                padding-top: 10px;
            }

            .pt-10 {
                padding-top: 10px;
            }

            .pt-15 {
                padding-top: 15px;
            }

            .pt-20 {
                padding-top: 20px;
            }

            .pt-30 {
                padding-top: 30px;
            }

            .pt-40 {
                padding-top: 40px;
            }

            .pt-50 {
                padding-top: 50px;
            }

            .pt-60 {
                padding-top: 60px;
            }

            .pt-70 {
                padding-top: 70px;
            }

            .pt-80 {
                padding-top: 80px;
            }

            .pt-90 {
                padding-top: 90px;
            }

            .pt-100 {
                padding-top: 100px;
            }

            .pt-110 {
                padding-top: 110px;
            }

            .pt-120 {
                padding-top: 120px;
            }

            .pt-125 {
                padding-top: 125px;
            }

            .pt-130 {
                padding-top: 130px;
            }

            .pt-140 {
                padding-top: 140px;
            }

            .pt-150 {
                padding-top: 150px;
            }

            .pt-150 {
                padding-top: 150px;
            }

            .pt-170 {
                padding-top: 180px;
            }

            .pt-180 {
                padding-top: 170px;
            }

            .pt-210 {
                padding-top: 210px;
            }

            .pt-215 {
                padding-top: 215px;
            }

            .pt-220 {
                padding-top: 220px;
            }

            .pt-230 {
                padding-top: 230px;
            }

            .pt-280 {
                padding-top: 280px;
            }

            .pt-290 {
                padding-top: 290px;
            }

            .pt-320 {
                padding-top: 320px;
            }

            /*************************
        Padding right
*************************/

            .pr-0 {
                padding-right: 0;
            }

            .pr-5 {
                padding-right: 5px;
            }

            .pr-10 {
                padding-right: 10px;
            }

            .pr-15 {
                padding-right: 15px;
            }

            .pr-20 {
                padding-right: 20px;
            }

            .pr-30 {
                padding-right: 30px;
            }

            .pr-40 {
                padding-right: 40px;
            }

            .pr-50 {
                padding-right: 50px;
            }

            .pr-60 {
                padding-right: 60px;
            }

            .pr-70 {
                padding-right: 70px;
            }

            .pr-80 {
                padding-right: 80px;
            }

            .pr-90 {
                padding-right: 90px;
            }

            .pr-100 {
                padding-right: 100px;
            }

            .pr-110 {
                padding-right: 110px;
            }

            .pr-120 {
                padding-right: 120px;
            }

            .pr-130 {
                padding-right: 130px;
            }

            .pr-140 {
                padding-right: 140px;
            }

            /*************************
        Padding bottom
*************************/

            .pb-0 {
                padding-bottom: 0;
            }

            .pb-10 {
                padding-bottom: 10px;
            }

            .pb-15 {
                padding-bottom: 15px;
            }

            .pb-20 {
                padding-bottom: 20px;
            }

            .pb-30 {
                padding-bottom: 30px;
            }

            .pb-40 {
                padding-bottom: 40px;
            }

            .pb-50 {
                padding-bottom: 50px;
            }

            .pb-60 {
                padding-bottom: 60px;
            }

            .pb-65 {
                padding-bottom: 65px;
            }

            .pb-70 {
                padding-bottom: 70px;
            }

            .pb-80 {
                padding-bottom: 80px;
            }

            .pb-85 {
                padding-bottom: 85px;
            }

            .pb-90 {
                padding-bottom: 90px;
            }

            .pb-95 {
                padding-bottom: 95px;
            }

            .pb-100 {
                padding-bottom: 100px;
            }

            .pb-110 {
                padding-bottom: 110px;
            }

            .pb-120 {
                padding-bottom: 120px;
            }

            .pb-125 {
                padding-bottom: 125px;
            }

            .pb-130 {
                padding-bottom: 130px;
            }

            .pb-140 {
                padding-bottom: 140px;
            }

            .pb-160 {
                padding-bottom: 160px;
            }

            .pb-165 {
                padding-bottom: 165px;
            }

            .pb-180 {
                padding-bottom: 180px;
            }

            .pb-150 {
                padding-bottom: 150px;
            }

            .pb-210 {
                padding-bottom: 210px;
            }

            .pb-200 {
                padding-bottom: 200px;
            }

            .pb-250 {
                padding-bottom: 250px;
            }

            .pb-260 {
                padding-bottom: 260px;
            }

            .pb-280 {
                padding-bottom: 280px;
            }

            .pb-290 {
                padding-bottom: 290px;
            }

            .pb-300 {
                padding-bottom: 300px;
            }

            .pb-320 {
                padding-bottom: 320px;
            }

            .pb-360 {
                padding-bottom: 360px;
            }

            .pb-430 {
                padding-bottom: 430px;
            }

            /*************************
        Padding left
*************************/

            .pl-0 {
                padding-left: 0;
            }

            .pl-5 {
                padding-left: 5px;
            }

            .pl-10 {
                padding-left: 10px;
            }

            .pl-15 {
                padding-left: 15px;
            }

            .pl-20 {
                padding-left: 20px;
            }

            .pl-30 {
                padding-left: 30px;
            }

            .pl-40 {
                padding-left: 40px;
            }

            .pl-50 {
                padding-left: 50px;
            }

            .pl-60 {
                padding-left: 60px;
            }

            .pl-70 {
                padding-left: 70px;
            }

            .pl-80 {
                padding-left: 80px;
            }

            .pl-90 {
                padding-left: 90px;
            }

            .pl-100 {
                padding-left: 100px;
            }

            .pl-110 {
                padding-left: 110px;
            }

            .pl-120 {
                padding-left: 120px;
            }

            .pl-130 {
                padding-left: 130px;
            }

            .pl-140 {
                padding-left: 140px;
            }

            .pl-150 {
                padding-left: 150px;
            }

            /***************************
    Page section padding 
****************************/

            .ptb-0 {
                padding: 0;
            }

            .ptb-10 {
                padding: 10px 0;
            }

            .ptb-25 {
                padding: 25px 0;
            }

            .ptb-20 {
                padding: 20px 0;
            }

            .ptb-30 {
                padding: 30px 0;
            }

            /* Changed ptb-40 to 20 */

            .ptb-40 {
                padding: 20px 0;
            }

            .ptb-50 {
                padding: 50px 0;
            }

            .ptb-55 {
                padding: 55px 0;
            }

            .ptb-60 {
                padding: 60px 0;
            }

            .ptb-70 {
                padding: 70px 0;
            }

            .ptb-80 {
                padding: 80px 0;
            }

            .ptb-90 {
                padding: 90px 0;
            }

            .ptb-100 {
                padding: 100px 0;
            }

            .ptb-110 {
                padding: 110px 0;
            }

            .ptb-120 {
                padding: 120px 0;
            }

            .ptb-130 {
                padding: 130px 0;
            }

            .ptb-140 {
                padding: 140px 0;
            }

            .ptb-150 {
                padding: 150px 0;
            }

            .ptb-160 {
                padding: 160px 0;
            }

            .ptb-170 {
                padding: 170px 0;
            }

            .ptb-180 {
                padding: 180px 0;
            }

            .ptb-190 {
                padding: 190px 0;
            }

            .ptb-200 {
                padding: 200px 0;
            }

            .ptb-210 {
                padding: 210px 0;
            }

            .ptb-220 {
                padding: 220px 0;
            }

            .ptb-220 {
                padding: 220px 0;
            }

            .ptb-230 {
                padding: 230px 0;
            }

            .ptb-270 {
                padding: 270px 0;
            }

            .ptb-280 {
                padding: 280px 0;
            }

            /***************************
    Page section margin 
****************************/

            .mtb-0 {
                margin: 0;
            }

            .mtb-10 {
                margin: 10px 0;
            }

            .mtb-15 {
                margin: 15px 0;
            }

            .mtb-20 {
                margin: 20px 0;
            }

            .mtb-30 {
                margin: 30px 0;
            }

            .mtb-40 {
                margin: 40px 0;
            }

            .mtb-50 {
                margin: 50px 0;
            }

            .mtb-60 {
                margin: 60px 0;
            }

            .mtb-70 {
                margin: 70px 0;
            }

            .mtb-80 {
                margin: 80px 0;
            }

            .mtb-90 {
                margin: 90px 0;
            }

            .mtb-100 {
                margin: 100px 0;
            }

            .mtb-110 {
                margin: 110px 0;
            }

            .mtb-120 {
                margin: 120px 0;
            }

            .mtb-130 {
                margin: 130px 0;
            }

            .mtb-140 {
                margin: 140px 0;
            }

            .mtb-150 {
                margin: 150px 0;
            }

            /*************************
Extra class
*************************/
            /*Custom cloumn*/

            .floatleft {
                float: left;
            }

            .floatright {
                float: right;
            }

            .bg-opacity {
                position: relative;
                z-index: 1;
            }

            .bg-opacity::before {
                background: #0c314e0f;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.6;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-5 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-5::before {
                background: #0c314e;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.9;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-6 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-6::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.5;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-3 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-3::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.6;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-7 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-7::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.7;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-1 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-1::before {
                background: #0c314e;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.7;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-4 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-4::before {
                background: #000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.8;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-8 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-8::before {
                background: #000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.65;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-9 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-9::before {
                background: #04528e;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.9;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-2 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-2::before {
                background: #2b2b2b;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.65;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            .bg-opacity-5 {
                position: relative;
                z-index: 1;
            }

            .bg-opacity-5::before {
                background: #0c314e;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.92;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
            }

            /* header */

            .header-top-area {
                padding-top: 10px;
                /* padding-bottom: 20px; */
            }

            .header-top-text li {
                color: #6f6f6f;
                font-size: 12px;
                font-weight: 100;
                margin-right: 34px;
            }

            .header-top-text li:last-child {
                margin-right: 0;
            }

            .header-button a {
                background: #ffb606;
                border-radius: 5px;
                color: #ffffff;
                display: inline-block;
                font-size: 14px;
                font-weight: 700;
                line-height: 1;
                padding: 13px 25px;
                position: relative;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
                text-transform: uppercase;
            }

            .header-button a::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .header-button a:hover::before {
                transform: scaley(1);
            }

            .header-right-text li {
                display: inline-block;
                font-size: 12px;
                font-weight: 400;
                margin-right: 15px;
                position: relative;
            }

            .header-right-text li:last-child {
                margin-right: 0;
            }

            .header-right-text li a {
                color: #6f6f6f;
                transition: all 0.3s ease 0s;
            }

            .header-right-text li a:hover {
                color: #ffb606;
            }

            /* .header-right-text li::after {
                color: #666666;
                content: "/";
                display: inline-block;
                font-size: 15px;
                position: relative;
                right: -25px;
                top: 2px;
            }
             */

            .header-right-text li:last-child::after {
                display: none;
            }

            .service-wrapper:hover {
                box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
            }

            .tl {
                background-color: #feefdc;
            }

            .tr {
                background-color: #feefdc;
            }

            .tnav {
                background-color: white;
            }

            /* main-menu */

            .main-menu-area {
                /* padding: 0 236px; */
            }

            .logo img {
                height: 0%;
                border-radius: 10%;
                width: 8vw;
                margin-top: 15px;
                margin-bottom: 15px;
                margin-right: 10px;
                /* margin-left: 60px; */
            }

            .logor img {
                height: 0%;
                width: 28vw;
            }

            .logo h3 {
                color: mediumblue;
                font-weight: 600;
                padding: 3px;
            }

            .logo p {
                background: red;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'Black Ops One', cursive;
                font-family: 'Rye', cursive;
                text-transform: uppercase;
                font-weight: 600;
                padding: 20px 0 0 0;
                font-size: 30px;
                white-space: nowrap;
            }

            .topleft {
                padding-top: 50px;
                font-size: 15px;
                font-weight: 700;
                text-align: center;
                color: #3f51b5;
                background-color: #feefdc;
            }

            .topright img {
                height: 7em;
                width: 7em;
            }

            @media (max-width: 991px) {
                .logo p {
                    font-size: 23px;
                    padding: 20px 0 0 0;
                }

                .logo img {
                    height: 0%;
                    border-radius: 10%;
                    width: 10em;
                    margin-top: 15px;
                    /* margin-left: 25px; */
                }

                .topleft {
                    padding-top: 10px;
                }

                .topright img {
                    height: 7em;
                    width: 7em;
                    margin-left: -60px;
                }

                .logor img {
                    height: 0%;
                    width: 50vw;
                }

                .toggledown {
                    height: 0;
                }
            }

            @media (max-width: 775px) {
                .logo p {
                    font-size: 23px;
                    padding: 20px 0 0 0;
                }

                .logo img {
                    height: 0%;
                    border-radius: 10%;
                    width: 6em;
                    margin-top: 15px;
                    /* margin-left: 25px; */
                }

                .topright img {
                    height: 6em;
                    width: 6em;
                    margin-left: -60px;
                }

                .logor img {
                    height: 0%;
                    width: 50vw;
                }

                .toggledown {
                    height: 0;
                }
            }

            @media (max-width:575px) {
                .logo p {
                    font-size: 15px;
                    padding: 20px 0 0 0;
                }

                .logo h3 {
                    font-size: 15px;
                }

                .logo img {
                    margin-right: 0px;
                    width: 4em;
                }

                .topright img {
                    height: 3em;
                    width: 3em;
                    margin-left: -40px;
                }

                .logor {
                    padding: 10px;
                }

                .logor img {
                    height: 0%;
                    width: 45vw;
                }
            }

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

            .main-menu ul li:last-child a {
                /* padding-right: 0; */
            }

            .bgt {
                background-color: #045cad;
            }

            .main-menu ul li a {
                color: white;
                display: block;
                font-size: 16px;
                font-weight: 600;
                padding: 15px 20px;
                transition: all 0.3s ease 0s;
            }

            .main-menu ul li:hover>a,
            .main-menu ul li.active>a {
                color: #ffb606;
            }

            /* sub-menu */

            .main-menu ul li .sub-menu {
                background: #ffffff;
                border-top: 3px solid #ffb606;
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
                left: 0;
                opacity: 0;
                position: absolute;
                top: 120%;
                transition: all 0.3s ease 0s;
                visibility: hidden;
                width: 220px;
                padding: 0;
                z-index: 9;
                text-align: left;
            }

            .main-menu ul li .sub-menu .sub-menu {
                left: 100%;
                right: auto;
                top: 20%;
            }

            .main-menu ul li .sub-menu .sub-menu .sub-menu {
                left: auto;
                right: 100%;
            }

            /*Sub Menu Right*/

            .main-menu ul li.sub-menu-right .sub-menu {
                left: 0;
                right: auto;
            }

            .main-menu ul li.sub-menu-right .sub-menu .sub-menu {
                left: auto;
                right: 100%;
                top: 20%;
            }

            .main-menu ul li.sub-menu-right .sub-menu .sub-menu .sub-menu {
                left: 100%;
                right: auto;
            }

            .main-menu ul li:hover>.sub-menu {
                opacity: 1;
                top: 100%;
                visibility: visible;
            }

            .main-menu ul li:hover>.sub-menu li:hover>.sub-menu {
                opacity: 1;
                top: 0;
                visibility: visible;
            }

            .main-menu ul li .sub-menu li {
                display: block;
            }

            .main-menu ul li .sub-menu li a {
                color: #666666;
                font-size: 14px;
                font-weight: 400;
                margin: 0;
                padding: 13px 20px;
                text-transform: capitalize;
                transition: 0.3s;
            }

            .main-menu ul li:hover>.sub-menu li>a:hover {
                color: #fff;
                background: #ffb606;
                padding-left: 30px;
            }

            /* search */

            .header-search {
                float: right;
                margin-top: 30px;
            }

            .search-wrapper {
                display: inline-block;
                margin-right: 40px;
                margin-top: 10px;
            }

            .search-open {
                color: #6f6f6f;
                font-size: 18px;
                transition: all 0.3s ease 0s;
            }

            .search-open :hover {
                color: #ffb606;
            }

            .search-inside {
                background: rgba(0, 0, 0, 0.84);
                bottom: 0;
                display: none;
                left: 0;
                position: fixed;
                right: 0;
                top: 0;
                z-index: 99999;
            }

            .search-inside .search-close {
                color: #fff;
                cursor: pointer;
                font-size: 30px;
                position: absolute;
                right: 50px;
                top: 50px;
                z-index: 500;
            }

            .search-inside .search-close:hover {
                color: #ffb606;
            }

            .search-inside .search-overlay {
                bottom: 0;
                left: 0;
                position: fixed;
                right: 0;
                top: 0;
            }

            .search-inside .position-center-center {
                padding: 0 20px;
                width: 60%;
            }

            .position-center-center {
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
            }

            .search-inside .search {
                display: inline-block;
                position: relative;
                width: 100%;
            }

            .search-inside .search input {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background: #fff;
                border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.5);
                border-image: none;
                border-style: none none solid;
                border-width: medium medium 1px;
                color: #000;
                font-size: 20px;
                height: 60px;
                padding: 0 20px;
                text-align: left;
                transition: all 0.4s ease-in-out 0s;
                width: 100%;
                font-weight: 600;
            }

            .search-inside .search button {
                background: #ffb606;
                border: none;
                color: #fff;
                float: right;
                font-size: 21px;
                height: 60px;
                position: absolute;
                right: 0;
                top: 0;
                transition: all 0.4s ease-in-out 0s;
                width: 59px;
                z-index: 1;
            }

            /* slider */

            .slider-wrapper {
                background-position: center center;
                background-size: cover;
            }

            .slider-text {
                position: relative;
                z-index: 9999;
            }

            .slider-text span {
                color: #ffffff;
                text-transform: uppercase;
                font-size: 18px;
                font-weight: 700;
            }

            .slider-text h1 {
                color: red;
                font-size: 50px;
                font-weight: 900;
                line-height: 60px;
                margin-bottom: 21px;
                text-transform: capitalize;
            }

            .slider-info {
                width: 745px;
            }

            .slider-info p {
                color: red;
                font-size: 18px;
                font-weight: 700;
                line-height: 28px;
                margin-bottom: 35px;
            }

            .slider-text a {
                background: #ffb606;
                border-radius: 5px;
                color: #ffffff;
                display: inline-block;
                font-size: 16px;
                font-weight: 700;
                line-height: 1;
                padding: 16px 29px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .slider-text a:hover {
                color: #fff;
            }

            .slider-text a:before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .slider-text a:hover::before {
                transform: scaley(1);
            }

            .slider-content {
                position: relative;
                z-index: 999;
            }

            .slider-content h1 {
                color: #ffffff;
                font-size: 70px;
                font-weight: 900;
                margin-bottom: 13px;
            }

            .slider-content p {
                color: #ffffff;
                font-size: 18px;
                font-weight: 400;
                line-height: 28px;
                margin: auto auto 37px;
                width: 608px;
            }

            .slider-content a {
                background: #ffb606;
                border-radius: 5px;
                color: #ffffff;
                display: inline-block;
                font-size: 16px;
                font-weight: 700;
                line-height: 1;
                padding: 17px 25px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .slider-content a:hover {
                color: #fff;
            }

            .slider-content a:before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .slider-content a:hover::before {
                transform: scaley(1);
            }

            .slider-active .owl-nav div {
                background: rgba(255, 255, 255, 0.08);
                border-radius: 3px;
                color: #000000;
                display: inline-block;
                font-size: 30px;
                height: 62px;
                left: 0;
                line-height: 67px;
                opacity: 0;
                position: absolute;
                text-align: center;
                top: 50%;
                transform: translateY(-50%);
                transition: all 0.3s ease 0s;
                width: 35px;
            }

            .slider-active .owl-nav div.owl-next {
                left: auto;
                right: 0;
            }

            .slider-active .owl-nav div:hover {
                background: #ffb606;
            }

            .slider-active:hover .owl-nav div {
                left: 15px;
                opacity: 1;
                top: 45%;
            }

            .slider-active:hover .owl-nav div.owl-next {
                left: auto;
                right: 15px;
                top: 45%;
            }

            .slider-text-animation span,
            .slider-text-animation h1,
            .slider-text-animation .slider-info,
            .slider-text-animation p,
            .slider-text-animation a {
                animation-duration: 1s;
                animation-fill-mode: both;
                animation-name: fadeOutDown;
            }

            .active .slider-text-animation span,
            .active .slider-text-animation h1,
            .active .slider-text-animation .slider-info,
            .active .slider-text-animation p,
            .active .slider-text-animation a {
                animation-name: fadeInUp;
            }

            .slider-text-animation span {
                animation-delay: 0.5s;
            }

            .slider-text-animation h1 {
                animation-delay: 0.5s;
            }

            .slider-text-animation .slider-info {
                animation-delay: 1s;
            }

            .slider-text-animation p {
                animation-delay: 1s;
            }

            .slider-text-animation a {
                animation-delay: 1.5s;
            }

            /* campus-area */

            .campus-area {
                margin-top: -110px;
                position: relative;
                z-index: 111;
            }

            .inner-campus {
                background: #fff;
                box-shadow: 0 9px 38px 0 rgba(188, 184, 184, 0.24);
                padding: 15px;
            }

            .campus {
                border-radius: 4px;
                box-shadow: 0 9px 38px 0 rgba(188, 184, 184, 0.24);
                overflow: hidden;
            }

            .campus-video-wrapper {
                position: relative;
                background-position: center center;
                background-size: cover;
            }

            .campus-video-wrapper::before {
                position: absolute;
                background: #ffb606;
                content: "";
                height: 100%;
                width: 100%;
                left: 0;
                top: 0;
                opacity: 0.8;
            }

            .campus-text {
                position: relative;
                z-index: 99;
            }

            .campus-icon a {
                background: #ffffff;
                border-radius: 100%;
                display: inline-block;
                height: 60px;
                width: 60px;
                transition: 0.3s;
            }

            .campus-icon a:hover {
                transform: scale(1.2);
            }

            .campus-icon a i {
                color: #ffb606;
                font-size: 28px;
                line-height: 60px;
                padding-left: 8px;
                text-align: center;
            }

            .campus-text h4 {
                color: #ffffff;
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 0;
                margin-top: 25px;
            }

            .tab-wrapper {
                background: #fff;
                box-shadow: 0 0 38px 0 rgba(188, 184, 184, 0.24);
                overflow: hidden;
                padding: 10px 30px 0px 30px;
            }

            .campus-tab .nav-item {
                display: inline-block;
            }

            .campus-tab .nav-link {
                background: none;
                border: none;
                padding: 0.5rem 2.5rem;
            }

            .campus-tab .nav-link.active h4 {
                color: white;
                text-decoration: underline;
            }

            .campus-tab {
                margin-bottom: 32px;
                position: relative;
                background-color: #045cad;
            }

            .campus-tab::before {
                position: absolute;
                height: 1px;
                width: 300px;
                content: "";
                background: #eeeeee;
                bottom: 0;
                left: 0;
            }

            .campus-tab .nav-link>h4 {
                color: white;
                font-size: 18px;
                font-weight: 700;
                padding: 5px;
                margin-bottom: 0;
                /* margin-right: 0px; */
                text-transform: uppercase;
                transition: all 0.3s ease 0s;
            }

            .campus-tab .nav-link>h4:hover {
                color: #ffffff;
            }

            .campus-content>p {
                color: #212529;
                font-size: 17px;
                font-weight: 700;
                line-height: 23px;
            }

            .blink {
                color: white;
                animation: blink 1s linear infinite;
                /* background: snow; */
            }

            @keyframes blink {
                0% {
                    opacity: 0;
                }

                50% {
                    opacity: .5;
                }

                100% {
                    opacity: 1;
                }
            }

            .campus-content a {
                background: #ffb606;
                border-radius: 5px;
                color: #ffffff;
                display: inline-block;
                font-size: 14px;
                font-weight: 700;
                line-height: 1;
                margin-top: 6px;
                padding: 13px 20px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .campus-content a::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .campus-content a:hover::before {
                transform: scaley(1);
            }

            /* courses-area */

            .section-title h4 {
                color: #434343;
                font-size: 30px;
                font-weight: 700;
                margin-bottom: 24px;
                padding-bottom: 12px;
                position: relative;
                text-transform: uppercase;
            }

            .section-title h4::before {
                background: #eeeeee;
                bottom: 0;
                content: "";
                height: 2px;
                left: 0;
                position: absolute;
                width: 100px;
            }

            .section-title p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                width: 665px;
            }

            .videos-wrapper {
                width: 100%;
            }

            .courses-wrapper {
                transition: all 0.3s ease 0s;
                overflow: hidden;
            }

            .courses-wrapper:hover {
                box-shadow: 0 10px 10px 0 rgba(180, 180, 180, 0.14);
            }

            .courses-img {
                position: relative;
                overflow: hidden;
            }

            .courses-img::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0;
                pointer-events: none;
                position: absolute;
                top: 0;
                transition: all 0.3s ease 0s;
                width: 100%;
                z-index: 999;
            }

            .courses-wrapper:hover .courses-img::before {
                opacity: 0.4;
            }

            .courses-img>a {
                position: relative;
                display: block;
            }

            .courses-img>a img {
                transition: all 0.3s ease 0s;
                width: 100%;
                height: 32vh;
            }

            .courses-wrapper:hover .courses-img>a img {
                transform: scale(1.1);
            }

            .courses-img span {
                background: #ffffff;
                bottom: 0;
                box-shadow: 0 10px 10px 0 rgba(180, 180, 180, 0.14);
                color: #6f6f6f;
                display: inline-block;
                font-weight: 700;
                padding: 10px 20px;
                position: absolute;
                right: 0;
                transition: all 0.3s ease 0s;
                z-index: 999;
            }

            .courses-wrapper:hover .courses-img span {
                color: #ffb606;
            }

            .courses-content {
                border-bottom: 1px solid #eeeeee;
                border-left: 1px solid #eeeeee;
                border-right: 1px solid #eeeeee;
                padding: 38px 28px 40px 30px;
            }

            .courses-wrapper:hover .courses-content {
                border: 1px solid transparent;
                border-top: 0;
            }

            .courses-content h4 {
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 24px;
                position: relative;
                transition: 0.3s;
            }

            .courses-content h4>a {
                color: #434343;
                transition: 0.3s;
            }

            .courses-content h4 a:hover {
                color: #ffb606;
            }

            .courses-content p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 26px;
            }

            .courses-content>a {
                background: #434343;
                border-radius: 5px;
                color: #ffffff;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                line-height: 1;
                padding: 13px 20px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .courses-content>a::before {
                background: #ffb606;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .courses-content>a:hover::before {
                transform: scaley(1);
            }

            .paginations ul li {
                display: inline-block;
                margin-right: 14px;
            }

            .paginations ul li a,
            .paginations ul li span {
                border: 1px solid #e0e0e0;
                border-radius: 100%;
                color: #666666;
                display: inline-block;
                font-family: montserrat;
                font-size: 14px;
                font-weight: 700;
                height: 34px;
                line-height: 34px;
                text-align: center;
                transition: all 0.3s ease 0s;
                vertical-align: middle;
                width: 34px;
            }

            .paginations {
                clear: both;
            }

            .paginations ul li:hover a,
            .paginations ul li.active a {
                background: #ffb606;
                border-color: #ffb606;
                color: #fff;
            }

            .prev {
                color: #959595;
                font-size: 14px;
                font-weight: 700;
            }

            .next {
                color: #959595;
                font-size: 14px;
                font-weight: 700;
            }

            /* choose-area */

            .choose-wrapper {
                padding: 123px 178px 78px 175px;
            }

            .col-7 {
                width: 53%;
            }

            .col-5 {
                width: 47%;
            }

            .white-text {
                color: #fff;
            }

            .white-text h4 {
                color: #fff;
            }

            .white-text p {
                color: #fff;
            }

            .choose-content {
                margin-bottom: 47px;
            }

            .choose-content p {
                color: #dddddd;
                font-size: 14px;
                line-height: 25px;
            }

            .m-l {
                margin-left: 11px;
            }

            .m-r {
                margin-right: 11px;
            }

            .choose-content-wrapper {
                background: #12446c;
                padding: 30px 49px 33px;
            }

            .choose-space {
                padding: 0 25px;
            }

            .custom-row {
                margin: 0 -25px;
            }

            .choose-categories-img {
                background: #fff;
                border-radius: 100%;
                display: inline-block;
                height: 50px;
                line-height: 50px;
                margin: auto;
                text-align: center;
                width: 50px;
            }

            .choose-categories-content h5 {
                color: #ffffff;
                font-size: 16px;
                font-weight: 700;
                margin-top: 19px;
                text-transform: uppercase;
            }

            .choose-categories-content p {
                color: #fff;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .choose-area {
                overflow: hidden;
                position: relative;
            }

            .choose-img {
                background-position: center center;
                background-size: cover;
                height: 100%;
                padding: 0;
                position: absolute;
                right: 0;
                top: 0;
            }

            /* event-area */

            .event-img {
                margin: 0 -15px;
            }

            .event-img li {
                float: left;
                width: 50%;
                padding: 0 15px;
                position: relative;
            }

            .event-img li>a {
                position: relative;
                display: block;
            }

            .event-img li>a::before {
                position: absolute;
                height: 100%;
                width: 100%;
                content: "";
                background: #000;
                opacity: 0.7;
                left: 0;
                top: 0;
            }

            .event-img img {
                width: 100%;
            }

            .event-title {
                color: #959595;
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 27px;
            }

            .event-content {
                z-index: 999;
            }

            .event-content {
                bottom: 20px;
                padding: 0 20px;
                position: absolute;
                z-index: 999;
            }

            .event-content h4 {
                color: #fff;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 11px;
                transition: all 0.3s ease 0s;
            }

            .event-content h4 a {
                color: #fff;
                transition: 0.3s;
            }

            .event-content h4>a:hover {
                color: #ffb606;
            }

            .event-meta span {
                color: #ffffff;
                font-size: 12px;
                font-weight: 400;
                margin-right: 20px;
            }

            .event-meta span:last-child {
                margin-right: 0;
            }

            .event-meta span i {
                margin-right: 8px;
            }

            /* news-blog-area */

            .d-felx {
                display: flex;
                flex-wrap: wrap;
            }

            .news-blog-wrapper {
                transition: 0.3s;
            }

            .news-blog-wrapper:hover {
                box-shadow: 0 10px 10px 0 rgba(180, 180, 180, 0.14);
            }

            .news-blog-img a {
                position: relative;
                display: block;
            }

            .news-blog-img a::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 0;
                transition: 0.3s;
                width: 100%;
            }

            .news-blog-wrapper:hover .news-blog-img a::before {
                opacity: 0.4;
            }

            .news-blog-img a img {
                width: 100%;
                transition: 0.3s;
            }

            .news-blog-wrapper:hover .news-blog-img a img {
                transform: scale(1.1);
            }

            .news-blog-img {
                position: relative;
                overflow: hidden;
            }

            .news-blog-meta {
                background: #ffffff;
                margin-bottom: 17px;
                transition: all 0.3s ease 0s;
            }

            .news-blog-meta>span {
                color: #6f6f6f;
                font-weight: 400;
                margin-right: 12px;
                font-size: 12px;
            }

            .news-blog-content {
                border-bottom: 1px solid #eeeeee;
                border-left: 1px solid #eeeeee;
                border-right: 1px solid #eeeeee;
                padding: 24px 20px 38px 27px;
                transition: all 0.3s ease 0s;
            }

            .news-blog-wrapper:hover .news-blog-content {
                border: 1px solid transparent;
                border-top: 0;
            }

            .news-blog-content h4 {
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 8px;
            }

            .news-blog-content h4 a {
                color: #434343;
                transition: 0.3s;
            }

            .news-blog-content h4 a:hover {
                color: #ffb606;
            }

            .news-blog-content p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 25px;
            }

            .news-blog-content>a {
                /* background: #efefef; */
                border-radius: 5px;
                color: #6f6f6f;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                line-height: 1;
                padding: 12px 21px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .news-blog-content>a:hover {
                color: #fff;
            }

            .news-blog-content>a:before {
                background: #ffb606;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .news-blog-content>a:hover::before {
                transform: scaley(1);
            }

            /* footer-top-area */

            .border-bottom {
                padding-bottom: 15px;
                position: relative;
                z-index: 999;
            }

            .footer-1 {
                padding-left: 60px;
            }

            .footer-title {
                color: #fff;
                font-size: 24px;
                font-weight: 700;
                margin-bottom: 32px;
                text-transform: capitalize;
            }

            .footer-content {
                margin-bottom: 22px;
            }

            .footer-content p {
                color: #fff;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .border-bottom ul {
                padding-left: 0px;
            }

            .footer-link li {
                color: #fff;
                display: flex;
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 13px;
            }

            .footer-link li:last-child {
                margin-bottom: 0;
            }

            .footer-link li i {
                color: #ffb606;
                font-size: 20px;
                font-weight: 400;
                margin-right: 16px;
                width: 20px;
            }

            .footer-menu li {
                padding-bottom: 12px;
            }

            .footer-menu li a {
                color: #fff;
                font-size: 14px;
                font-weight: 400;
                transition: all 0.3s ease 0s;
            }

            .footer-menu li a:hover {
                color: #ffb606;
            }

            .footer-link {
                margin-top: 26px;
            }

            .latest-news>li {
                margin-bottom: 15px;
                overflow: hidden;
            }

            .latest-news>li:last-child {
                margin-bottom: 0;
            }

            .latest-news-img {
                float: left;
                margin-right: 11px;
            }

            .latest-news-content span {
                color: #fff;
                display: inline-block;
                font-size: 12px;
            }

            .latest-news-content h5 {
                font-size: 14px;
                font-weight: 700;
                line-height: 23px;
                margin-bottom: 0;
            }

            .latest-news-content a {
                color: #fff;
                transition: 0.3s;
            }

            .latest-news-content a:hover {
                color: #ffb606;
            }

            .footer-img {
                margin: 0 -5px;
            }

            .footer-img>li {
                float: left;
                overflow: hidden;
                padding: 5px;
                width: 33.33%;
            }

            .footer-img a {
                display: block;
                position: relative;
            }

            .footer-img a::before {
                background: #ffb606;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 0;
                transition: all 0.3s ease 0s;
                width: 100%;
            }

            .footer-img a:hover::before {
                opacity: 0.7;
            }

            .subscribes-area {
                border-top: 1px solid #1c4e81;
                position: relative;
                z-index: 999;
            }

            .footer-img img {
                width: 100%;
            }

            .subscribe-title>h5 {
                color: #fff;
                font-size: 14px;
                font-weight: 700;
                margin: 0;
            }

            .social-icon a {
                background: #fff;
                border-radius: 100%;
                box-shadow: 0 0 6px 0 rgba(69, 69, 69, 0.24);
                color: #959595;
                display: inline-block;
                font-size: 14px;
                height: 35px;
                line-height: 35px;
                margin-right: 8px;
                text-align: center;
                transition: all 0.3s ease 0s;
                width: 35px;
            }

            .social-icon a:last-child {
                margin-right: 0;
            }

            .social-icon a:hover {
                background: #ffb606;
                color: #fff;
            }

            .subscribe-form {
                position: relative;
            }

            .subscribe-form input {
                border: none;
                border-radius: 5px;
                color: #6f6f6f;
                font-size: 12px;
                height: 36px;
                padding-left: 15px;
                padding-right: 100px;
                text-transform: capitalize;
                width: 100%;
            }

            .subscribe-form .subscriber-btn {
                position: absolute;
                background: #ffb606;
                border: none;
                border-radius: 0 5px 5px 0;
                color: #ffffff;
                font-size: 12px;
                font-weight: 700;
                height: 100%;
                padding: 0 20px;
                top: 0;
                right: 0;
                text-transform: uppercase;
                transition: all 0.3s ease 0s;
            }

            /* about-us-area */

            .abouts-tutoring {
                position: relative;
            }

            .about-image,
            .frequently-image {
                height: 100%;
            }

            .about-image img,
            .frequently-image img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

            /* footer-bottom-area */

            .footer-bottom-area {
                background-position: center center;
                background-size: cover;
            }

            .copyright p {
                color: #ffffff;
                font-size: 12px;
                font-weight: 400;
                margin-bottom: 0;
            }

            .copyright p i {
                font-size: 12px;
                margin-right: 6px;
            }

            .copyright a {
                color: #fff;
                transition: 0.3s;
                font-size: 12px;
            }

            .copyright a:hover {
                color: #ffb606;
            }

            .footers-link li {
                display: inline-block;
                margin-right: 15px;
            }

            .footers-link li:last-child {
                margin-right: 0;
            }

            .footers-link li a {
                color: #ffffff;
                font-size: 14px;
                font-weight: 400;
                transition: 0.3s;
            }

            .footers-link li a:hover {
                color: #ffb606;
            }

            /* featured-area */

            .featured-area {
                position: relative;
                z-index: 999;
            }

            .bg-1 {
                background: #e8a505;
            }

            .bg-2 {
                background: #f0ab06;
            }

            .bg-3 {
                background: #ffb606;
            }

            .featured-wrapper {
                padding: 56px 100px 50px;
            }

            .featured-icon i {
                background: #ffcc50;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                font-size: 30px;
                height: 66px;
                line-height: 67px;
                width: 66px;
            }

            .featured-content.text-center>h4 {
                color: #ffffff;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 16px;
                margin-top: 26px;
            }

            .featured-content.text-center>p {
                color: #ffffff;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .d-flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            /* counter-area */

            .counter-area {
                padding-top: 50px;
            }

            .counter-content {
                border: 1px solid #1e4666;
                padding: 16px 20px 25px;
            }

            .counter-content h1 {
                color: #fff;
                font-size: 40px;
                font-weight: 800;
                margin-bottom: 2px;
            }

            .counter-content span {
                font-size: 20px;
                font-weight: 400;
                text-transform: capitalize;
                color: #fff;
            }

            /* course-now-area */

            .course-now-area {
                margin-bottom: -170px;
            }

            .course-title {
                margin-bottom: 60px;
            }

            .course-title h2 {
                color: #fff;
                font-size: 30px;
                font-weight: 400;
                text-transform: capitalize;
            }

            .course-title p {
                color: #ffffff;
                font-size: 14px;
                line-height: 24px;
                margin: auto;
                width: 473px;
                margin-bottom: 0;
            }

            .course-now-wrapper {
                box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.18);
            }

            .course-texts {
                background: rgba(0, 0, 0, 0);
                border: 1px solid #4b5f6e;
                color: #fff;
                font-size: 12px;
                height: 36px;
                margin-right: 16px;
                padding-left: 15px;
                width: 400px;
            }

            .keyword {
                background: rgba(0, 0, 0, 0);
                border: 1px solid #4b5f6e;
                color: #fff;
                font-size: 12px;
                height: 36px;
                margin-right: 16px;
                padding-left: 15px;
                width: 190px;
            }

            .now-course button {
                background: #ffb606;
                border: none;
                color: #ffffff;
                font-size: 16px;
                font-weight: 400;
                line-height: 1;
                padding: 10px 28px;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                position: relative;
                transition-property: color;
                vertical-align: middle;
            }

            .now-course button::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
            }

            .now-course button:hover::before {
                transform: scaley(1);
            }

            /* our-courses-area */

            .our-courses-wrapper {
                box-shadow: 0 0 10px 0 rgba(101, 101, 101, 0.25);
                padding: 20px 20px 26px;
            }

            .courses-rating {
                display: inline-block;
            }

            .courses-rating span {
                color: #ffb606;
                font-size: 14px;
            }

            .courses-price {
                display: flex;
            }

            .courses-icon span {
                color: #666666;
                font-size: 14px;
                font-weight: 400;
                margin-right: 9px;
                padding-top: 6px;
                display: inline-block;
            }

            .courses {
                margin-bottom: 17px;
            }

            .old-price {
                color: #959595;
                font-size: 20px;
                font-weight: 400;
                margin-right: 5px;
                text-decoration: line-through;
            }

            .new-price {
                font-size: 20px;
                color: #ffb606;
                font-weight: 700;
            }

            .our-courses-img a img {
                width: 100%;
            }

            .our-courses-content {
                margin-top: 20px;
            }

            .our-courses-content h4 {
                font-size: 16px;
                font-weight: 700;
                line-height: 25px;
                margin-bottom: 20px;
                position: relative;
                text-transform: capitalize;
            }

            .our-courses-content h4::before {
                background: #ffb606;
                content: "";
                height: 1px;
                margin-top: 3px;
                position: absolute;
                top: 12px;
                transition: all 0.3s ease 0s;
                width: 20px;
            }

            .our-courses-content h4 a {
                color: #434343;
                padding-left: 30px;
                transition: 0.3s;
            }

            .our-courses-content h4 a:hover {
                color: #ffb606;
            }

            .courses-meta-left {
                display: inline-block;
            }

            .courses-meta-left img {
                margin-right: 6px;
            }

            .courses-meta-left span {
                color: #959595;
                font-size: 14px;
            }

            .courses-meta-right.floatright {
                display: flex;
                margin-top: 9px;
            }

            .courses-meta-right.floatright {
                display: flex;
            }

            .meta {
                margin-right: 12px;
            }

            .meta span {
                color: #666666;
                float: left;
                font-size: 14px;
                margin-right: 6px;
            }

            .meta>h5 {
                float: right;
                font-weight: 700;
                color: #959595;
                font-size: 14px;
                margin-bottom: 0;
            }

            .metass span {
                color: #666666;
                float: left;
                font-size: 14px;
                margin-right: 6px;
            }

            .metass>h5 {
                color: #959595;
                float: right;
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 0;
            }

            .free {
                color: #93c524;
                font-size: 18px;
                font-weight: 700;
                text-transform: uppercase;
            }

            /* course-categories-area */

            .course-catagories {
                position: relative;
            }

            .course-categories-wrapper {
                backface-visibility: hidden;
                background: #fff;
                height: 100%;
                left: 0;
                padding: 28px 28px 29px;
                position: absolute;
                top: 0;
                transform: rotateY(0deg) perspective(400px);
                transition: all 0.5s ease-in-out 0s;
                width: 100%;
                z-index: 1;
                border-radius: 4px;
            }

            .course-catagories:hover .course-categories-wrapper {
                transform: rotateY(180deg);
            }

            .course-categories-img {
                background: #eeeeee;
                border-radius: 100%;
                display: inline-block;
                height: 77px;
                line-height: 77px;
                margin: auto;
                text-align: center;
                width: 78px;
            }

            .course-categories-content h5 {
                color: #434343;
                font-size: 16px;
                font-weight: 700;
                margin-top: 19px;
                text-transform: uppercase;
                margin-bottom: 20px;
            }

            .course-categories-content p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .course-sction h4 {
                position: relative;
            }

            .course-sction h4::before {
                background: #bbbbbb;
                bottom: 0;
                content: "";
                height: 2px;
                left: 0;
                position: absolute;
                width: 100px;
            }

            .course-catagories {
                position: relative;
            }

            .course1-categories-wrapper {
                backface-visibility: hidden;
                transform: rotateY(180deg) perspective(400px);
                transition: all 0.5s ease-in-out 0s;
                background-size: cover;
                background-position: center center;
            }

            .course-catagories:hover .course1-categories-wrapper {
                transform: rotateY(0deg);
            }

            .course1-categories-content {
                position: relative;
                z-index: 999;
                text-align: center;
            }

            .course1-categories-content>h1 {
                background: #022540;
                border-radius: 100%;
                font-size: 48px;
                font-weight: 700;
                height: 80px;
                line-height: 75px;
                margin: auto;
                text-align: center;
                transition: all 0.5s ease 0s;
                width: 80px;
            }

            .course1-categories-content>h1:hover {
                box-shadow: 0 0 18px rgba(255, 182, 6, 0.4);
            }

            .course1-categories-content a {
                color: #fff;
                transition: 0.3s;
            }

            .course1-categories-content a:hover {
                color: #ffb606;
            }

            .course1-categories-content h3 {
                font-weight: 700;
                color: #fff;
                text-transform: uppercase;
                font-weight: 700;
                margin-bottom: 0;
                margin-top: 15px;
            }

            /* upcoming-event-area */

            .top-event-img {
                position: relative;
            }

            .top-event-img::before {
                position: absolute;
                content: "";
                height: 100%;
                width: 100%;
                background: #000;
                top: 0;
                left: 0;
                opacity: 0.2;
            }

            .top-event-img img {
                width: 100%;
            }

            .top-event-content {
                box-shadow: 0 5px 6px 0 rgba(69, 69, 69, 0.07);
                padding: 32px 25px 41px;
            }

            .top-event {
                color: #6f6f6f;
                display: inline-block;
                font-size: 14px;
                font-weight: 400;
                margin-right: 18px;
                overflow: hidden;
            }

            .top-event:last-child {
                margin-right: 0;
            }

            .top-event i {
                color: #6f6f6f;
                float: left;
                font-size: 13px;
                margin-right: 8px;
                margin-top: 5px;
            }

            .top-event-content>h4 {
                font-size: 20px;
                font-weight: 700;
                line-height: 32px;
                margin-bottom: 20px;
                margin-top: 21px;
            }

            .top-event-content>h4 a {
                color: #434343;
                transition: 0.3s;
            }

            .top-event-content>h4 a:hover {
                color: #ffb606;
            }

            .top-event-content>p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 26px;
            }

            .top-event-content>a {
                background: #ffb606;
                border-radius: 5px;
                color: #434343;
                display: inline-block;
                font-size: 12px;
                font-weight: bold;
                line-height: 1;
                padding: 13px 20px;
                position: relative;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
                text-transform: uppercase;
            }

            .top-event-content>a::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .top-event-content>a:hover::before {
                transform: scaley(1);
            }

            .top-event-content>a:hover {
                color: #ffb606;
            }

            .top-event-title {
                color: #bbbbbb;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 30px;
            }

            .up-coming-event-img {
                margin-bottom: 25px;
            }

            .up-coming-event-img img {
                width: 100%;
            }

            .up-coming-event-content {
                box-shadow: 0 0 6px 0 rgba(69, 69, 69, 0.24);
                padding: 20px;
            }

            .up-coming-event-content h4 {
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 18px;
            }

            .up-coming-event-content h4 a {
                color: #434343;
                transition: 0.3s;
            }

            .up-coming-event-content h4 a:hover {
                color: #ffb606;
            }

            .up-coming-meta {
                margin-bottom: 6px;
            }

            .up-coming {
                color: #6f6f6f;
                display: inline-block;
                font-size: 12px;
                font-weight: 400;
                margin-right: 14px;
            }

            .up-coming:last-child {
                margin-right: 0;
            }

            .up-coming i {
                color: #6f6f6f;
                font-size: 12px;
                margin-right: 5px;
                margin-top: 6px;
            }

            /* register-now-area */

            .register-now-area {
                position: relative;
                z-index: 1;
            }

            .register-img {
                background-position: center center;
            }

            .register-now-wrapper {
                padding: 150px 370px 150px 200px;
            }

            .register-now-text>h2 {
                color: #ffffff;
                font-size: 30px;
                font-weight: 400;
            }

            .register-now-text>p {
                color: #ffffff;
                font-size: 14px;
                line-height: 23px;
                margin-bottom: 0;
            }

            .register-now-text {
                margin-bottom: 40px;
            }

            #register-now>input {
                background: rgba(0, 0, 0, 0);
                border: 1px solid #8596a3;
                color: #ffffff;
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 22px;
                width: 100%;
                height: 40px;
                padding-left: 20px;
                text-transform: capitalize;
            }

            #register-now>button {
                background: #ffb606;
                border: none;
                color: #ffffff;
                font-size: 16px;
                font-weight: 700;
                line-height: 1;
                margin-top: 18px;
                padding: 12px 25px;
                position: relative;
                text-transform: capitalize;
                transform: perspective(1px) translateZ(0px);
                transition-property: color;
                vertical-align: middle;
                border-radius: 5px;
            }

            #register-now>button::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            #register-now>button:hover::before {
                transform: scaley(1);
            }

            .register-now-content {
                position: relative;
                z-index: 999;
            }

            .register-now-content h2 {
                color: #ffffff;
                font-size: 36px;
                font-weight: 400;
                text-transform: uppercase;
            }

            .register-now-content h1 {
                color: #ffffff;
                font-size: 50px;
                font-weight: 700;
                margin-top: 15px;
                margin-bottom: 34px;
            }

            .upcoming-course {
                border-top: 2px solid #71776f;
                color: #908f90;
                padding-top: 60px;
                position: relative;
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 30px;
            }

            .time-count {
                border: 1px solid #818680;
                float: left;
                font-size: 50px;
                font-weight: 600;
                height: 120px;
                line-height: 1;
                padding-top: 13px;
                text-align: center;
                width: 120px;
                color: #fff;
            }

            .time-count>span {
                display: block;
                font-size: 18px;
                margin-top: 12px;
                text-transform: capitalize;
                color: #fff;
            }

            /* our-instructor-area */

            .instructor-img {
                background: #f6f6f6;
                transition: 0.3s;
            }

            .instructor-wrapper:hover .instructor-img {
                box-shadow: 0 11px 19px 0 rgba(69, 69, 69, 0.19);
            }

            .instructor-content {
                background: #0c314e;
                padding: 0 10px 15px;
                transition: 0.3s;
            }

            .instructor-wrapper:hover .instructor-content {
                background: #ffb606;
            }

            .instructor-icon {
                margin-bottom: 15px;
                margin-top: -20px;
            }

            .instructor-icon a {
                background: #ffffff;
                border-radius: 50%;
                display: inline-block;
                height: 36px;
                margin-right: 10px;
                text-align: center;
                width: 36px;
                color: #0c314e;
                transition: 0.3s;
            }

            .instructor-icon a:hover {
                color: #ffb606;
            }

            .instructor-icon a:last-child {
                margin-right: 0;
            }

            .instructor-icon a i {
                line-height: 36px;
                font-size: 14px;
            }

            .instructor-content h4 {
                color: #f1f1f1;
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 5px;
                padding-top: 10px;
                text-transform: capitalize;
            }

            .instructor-content span {
                color: #f1f1f1;
                font-size: 12px;
                font-weight: 400;
            }

            .instructor-img>img {
                width: 100%;
                height: 35vh;
            }

            /* testimonial-area */

            .testimonial-area {
                background-size: cover;
                background-position: center center;
            }

            .col-md-offse {
                margin: auto;
                width: 420px;
            }

            .testimonial-wrapper {
                padding-top: 50px;
                position: relative;
            }

            .testimonial-wrapper::before {
                color: #4282b4;
                content: "";
                font-family: fontawesome;
                font-size: 36px;
                left: 0;
                margin: auto;
                opacity: 0.3;
                position: absolute;
                right: 0;
                text-align: center;
                top: 0;
                z-index: 999;
            }

            .testimonial-content {
                position: relative;
                z-index: 999;
            }

            .testimonial-content h4 {
                color: #ffffff;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 20px;
                text-transform: capitalize;
            }

            .testimonial-content p {
                color: #ffffff;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .testimonial-img {
                margin-bottom: 31px;
                margin-top: 20px;
            }

            .testimonial-content span {
                color: #ffffff;
                font-size: 14px;
                font-weight: 400;
            }

            .testimonial-active.owl-carousel .owl-item img {
                display: inline-block;
                width: inherit;
            }

            /* subscribe-area */

            .subscribe-lg-form {
                gap: 10px;
            }

            .subscribe-lg-title>h2 {
                color: #eef3f9;
                font-size: 30px;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 0;
                margin-top: 6px;
            }

            .subscribe-lg-form input {
                background: #eeeeee;
                border: none;
                border-radius: 5px;
                color: #6f6f6f;
                font-weight: 700;
                height: 50px;
                margin-right: 5px;
                padding-left: 30px;
                text-transform: capitalize;
                width: 100%;
            }

            .subscribe-lg-form input:-moz-placeholder {
                color: #6f6f6f;
                opacity: 1;
            }

            .subscribe-lg-form input:-webkit-placeholder {
                color: #6f6f6f;
                opacity: 1;
            }

            .subscribe-lg-form .subscribe-lg-btn {
                background: #ffb606;
                border: none;
                border-radius: 5px;
                color: #ffffff;
                font-size: 16px;
                font-weight: 700;
                padding: 0 46px;
                text-transform: uppercase;
                transition: 0.3s;
            }

            .subscribe-lg-form .subscribe-lg-btn:hover {
                color: #ffb606;
                background: #fff;
            }

            /* page-title-area */

            .page-title-area {
                background-size: cover;
                background-position: center center;
            }

            .page-title-text h2 {
                font-size: 50px;
                font-weight: 700;
                margin-bottom: 0;
                text-transform: capitalize;
                color: #fff;
            }

            .text-center.page-title-text p {
                color: #ffffff;
                font-size: 18px;
                font-weight: 400;
                line-height: 28px;
                margin: 10px auto auto;
                width: 677px;
            }

            .page-title-text p {
                color: #ffffff;
                font-size: 18px;
                font-weight: 400;
                line-height: 28px;
                margin-bottom: 0;
                margin-top: 13px;
                width: 677px;
            }

            .page-title-text a {
                color: #9ecfff;
                font-weight: 400;
                font-size: 14px;
            }

            .page-title-text a:hover {
                color: rgb(155, 155, 155);
                font-weight: 400;
                font-size: 14px;
            }

            /* about-tutoring-area */

            .about-tutoring-area {
                background-position: center center;
                background-size: cover;
            }

            .about-tutoring-img img {
                width: 100%;
            }

            .about-tutoring-wrapper {
                box-shadow: 0 6px 32px 0 rgba(176, 175, 174, 0.36);
                padding: 50px 44px 50px 50px;
            }

            .about-tutoring-wrapperlm {
                box-shadow: 0 6px 32px 0 rgba(176, 175, 174, 0.36);
                padding: 20px 44px 20px 44px;
                width: 44%;
                text-align: center;
                border-radius: 50px;
                background-color: #002c8b;
            }

            .about-tutoring-wrapperlm:hover {
                box-shadow: 0 6px 32px 0 rgba(176, 175, 174, 0.36);
                background-color: green;
            }

            @media (max-width:991px) {
                .about-tutoring-wrapperlm {
                    width: 90%;
                }
            }

            .about-tutoring-wrapperalumni {
                box-shadow: 0 6px 32px 0 rgb(176 175 174 / 36%);
                padding: 70px 100px 40px 100px;
                width: 100%;
                background-color: whitesmoke;
                min-height: 100vh;
                border-radius: 20px;
                background: rgb(2, 0, 36);
                background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 100%);
            }

            .about-tutoring-wrapperalumni .col-lg-12 {
                padding-left: 0;
                padding-right: 0;
            }

            .about-tutoring-wrapperalumni label {
                color: white;
                font-size: 18px;
                font-weight: 600;
            }

            .about-tutoring-wrapperalumni input {
                color: #000000;
                width: 100%;
                height: 5vh;
                border-radius: 8px;
                border: none;
                /* padding-left: 5px; */
                padding: 5px;
                font-size: 18px;
                font-weight: 500;
            }

            .about-tutoring-wrapperalumni input:focus {
                background-color: #9ae6fd;
            }

            @media (max-width:992px) {
                .about-tutoring-wrapperalumni {
                    padding: 30px 20px 40px 20px;
                }
            }

            .about-tutoring-wrapperd {
                box-shadow: 0 6px 32px 0 rgba(176, 175, 174, 0.36);
                padding: 50px 40px 50px 30px;
            }

            .about-tutoring-wrapperfe {
                box-shadow: 0 6px 32px 0 rgba(176, 175, 174, 0.36);
                padding: 50px 44px 50px 50px;
                margin: 10px;
            }

            .about-tutoring-wrapperh {
                box-shadow: 0 6px 32px 0 rgba(176, 175, 174, 0.36);
                padding: 20px 0px 20px 0px;
                background: linear-gradient(#b7d9ff, #ffd9d9);
                border-radius: 15px;
            }

            .about-tutoring-content h4 {
                color: red;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 32px;
                padding-bottom: 18px;
                position: relative;
                text-transform: uppercase;
            }

            .about-tutoring-content a:hover {
                color: #000;
            }

            .about-tutoring-contentd h4 {
                color: red;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 32px;
                padding-bottom: 18px;
                position: relative;
                text-transform: uppercase;
            }

            .about-tutoring-contentfe h4 {
                color: #f44336;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 32px;
                padding-bottom: 18px;
                position: relative;
                text-transform: uppercase;
            }

            .about-tutoring-content h4::before {
                background: #bbbbbb;
                bottom: 0;
                content: "";
                height: 2px;
                position: absolute;
                width: 10%;
            }

            .about-tutoring-contentd h4::before {
                background: #bbbbbb;
                bottom: 0;
                content: "";
                height: 2px;
                position: absolute;
                width: 23.7%;
            }

            .about-tutoring-contentfe h4::before {
                background: #bbbbbb;
                bottom: 0;
                content: "";
                height: 2px;
                position: absolute;
                width: 100%;
            }

            .about-tutoring-content p {
                color: #212021;
                font-size: 16px;
                font-weight: 700;
                line-height: 23px;
            }

            /* Alumni Form */

            .about-tutoring-contentlm a {
                color: white;
                font-size: 16px;
                padding: 50px;
                font-weight: 700;
                line-height: 23px;
            }

            .about-tutoring-contentlm a:hover {
                color: #ffc107;
                text-decoration: underline;
            }

            .about-tutoring-contentlm form .row {
                margin-bottom: 3vh;
            }

            .about-tutoring-contentd p {
                color: #212021;
                font-size: 16px;
                font-weight: 700;
                line-height: 23px;
            }

            .about-tutoring-contentfe p {
                color: #212021;
                font-size: 16px;
                font-weight: 700;
                line-height: 23px;
            }

            .about-tutoring-content a {
                border-radius: 5px;
                color: #2a5ca5;
                display: inline-block;
                font-size: 15px;
                font-weight: 700;
                line-height: 1;
                /* margin-top: 10px; */
                /* padding: 12px 20px; */
                position: relative;
                /* text-transform: uppercase; */
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .about-tutoring-content a:hover {
                text-decoration: underline;
            }

            /* video-area */

            .video-content h1 {
                color: #ffffff;
                font-size: 40px;
                font-weight: 700;
                line-height: 55px;
                margin-bottom: 44px;
            }

            .video-icon a {
                background: #ffb606;
                border-radius: 100%;
                display: inline-block;
                height: 78px;
                transition: all 0.3s ease 0s;
                width: 78px;
            }

            .video-icon a:hover {
                transform: scale(1.2);
            }

            .video-icon a i {
                color: #ffffff;
                font-size: 33px;
                line-height: 78px;
                padding-left: 8px;
                text-align: center;
            }

            /* gallery-area */

            .gallery {
                background: #f6f6f6;
                overflow: hidden;
                padding: 30px;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 5px;
            }

            .gallery-wrapper {
                overflow: hidden;
            }

            .gallery-img {
                position: relative;
            }

            .gallery-img>a {
                position: relative;
                display: block;
            }

            .gallery-img>a::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 999;
                transition: 0.3s;
            }

            .gallery-wrapper:hover .gallery-img>a::before {
                opacity: 0.5;
            }

            .gallery-img a img {
                width: 100%;
                transition: 0.3s;
            }

            .gallery-wrapper:hover .gallery-img a img {
                transform: scale(1.2) rotate(7deg);
            }

            .gallery-icon {
                left: 0;
                opacity: 0;
                position: absolute;
                right: 0;
                text-align: center;
                top: 55%;
                transform: translateY(-50%);
                transition: all 0.3s ease 0s;
                z-index: 999;
            }

            .gallery-icon>a {
                color: #fff;
                font-size: 30px;
                transition: 0.3s;
            }

            .gallery-icon>a:hover {
                color: #ffb606;
            }

            .gallery-wrapper:hover .gallery-icon {
                opacity: 1;
                top: 50%;
            }

            /* course-list-area */

            .course-list-img {
                height: 100%;
            }

            .course-list-img a img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .course-list-content {
                overflow: hidden;
                padding: 35px 43px 38px 35px;
                transition: all 0.3s ease 0s;
                height: 100%;
            }

            .course-list-wrapper:hover .course-list-content {
                box-shadow: 0 9px 38px 0 rgba(188, 184, 184, 0.24);
            }

            .course-list-content span {
                color: #6f6f6f;
                display: block;
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 12px;
                text-transform: capitalize;
            }

            .course-list-content h4 {
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 18px;
                text-transform: capitalize;
            }

            .course-list-content h4>a {
                color: #434343;
                transition: 0.3s;
            }

            .course-list-content h4>a:hover {
                color: #ffb606;
            }

            .course-list-content>p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .course-list-content>a {
                background: #f6f6f6;
                border-radius: 5px;
                color: #6f6f6f;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                line-height: 1;
                margin-top: 26px;
                padding: 12px 18px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .course-list-content>a:hover {
                color: #fff;
            }

            .course-list-content>a::before {
                background: #ffb606;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .course-list-content>a:hover::before {
                transform: scaley(1);
            }

            .widget-course-title {
                color: #434343;
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 30px;
                position: relative;
            }

            .widget-course-title:before {
                border-bottom: 1px solid #f1f1f1;
                bottom: 0;
                content: "";
                display: block;
                position: absolute;
                width: 100%;
            }

            .widget-course-title::after {
                border-bottom: 1px solid #ffb606;
                content: "";
                display: block;
                margin: 10px auto 0 0;
                position: relative;
                width: 52px;
                z-index: 1;
            }

            .find-courses li {
                border: 1px solid #eeeeee;
                margin-bottom: 15px;
                padding: 5px 20px;
            }

            .find-courses li:last-child {
                margin-bottom: 0;
            }

            .find-courses li a {
                color: #6f6f6f;
                font-size: 12px;
                font-weight: 400;
                text-transform: capitalize;
                transition: all 0.3s ease 0s;
            }

            .find-courses li a:hover {
                color: #ffb606;
            }

            .widget-course-button {
                border-bottom: 1px solid #e6e6e6;
                padding-bottom: 20px;
            }

            .widget-course-button a {
                background: #ffb606;
                border-radius: 5px;
                color: #ffffff;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                line-height: 1;
                margin-top: 20px;
                padding: 10px 20px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .widget-course-button a:hover {
                color: #fff;
            }

            .widget-course-button a::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .widget-course-button a:hover::before {
                transform: scaley(1);
            }

            .about-toring-content {
                background: #ffb606;
                bottom: 0;
                padding: 7px 10px;
                position: absolute;
                width: 100%;
            }

            .about-toring-img {
                position: relative;
            }

            .about-toring-img img {
                width: 100%;
            }

            .about-toring-content span {
                color: #ffffff;
                float: left;
                font-size: 12px;
                font-weight: 400;
            }

            .icon-list {
                margin-top: -27px;
                text-align: right;
            }

            .icon-list>a {
                background: #ffffff;
                border-radius: 100%;
                display: inline-block;
                height: 30px;
                line-height: 30px;
                text-align: center;
                width: 30px;
                transition: 0.3s;
                color: #959595;
                box-shadow: 0 0 6px 0 rgba(69, 69, 69, 0.24);
            }

            .icon-list>a:hover {
                color: #ffb606;
            }

            .icon-list a i {
                font-size: 12px;
            }

            .latest-courses li {
                overflow: hidden;
                padding-bottom: 30px;
            }

            .latest-courses li:last-child {
                padding-bottom: 0;
            }

            .latest-courses-image {
                float: left;
                margin-right: 20px;
            }

            .latest-courses-image img {
                width: 100%;
            }

            .latest-courses-body {
                overflow: hidden;
                padding-top: 15px;
            }

            .latest-courses-body>h4 {
                font-size: 14px;
                font-weight: 700;
                line-height: 28px;
                margin-bottom: 4px;
            }

            .latest-courses-body a {
                color: #666666;
                transition: 0.3s;
            }

            .latest-courses-body a:hover {
                color: #ffb606;
            }

            .latest-courses-body>span {
                color: #6f6f6f;
                font-size: 12px;
                font-weight: 700;
            }

            .banner-img img {
                width: 100%;
            }

            .Latest-Blog li {
                padding-bottom: 30px;
            }

            .Latest-Blog li:last-child {
                padding-bottom: 0;
            }

            .widget-latest-blog-img {
                position: relative;
            }

            .widget-latest-blog-img a {
                position: relative;
                display: block;
            }

            .widget-latest-blog-img>a::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.6;
                position: absolute;
                top: 0;
                width: 100%;
            }

            .widget-latest-blog-img img {
                width: 100%;
            }

            .widget-latest-blog-content {
                bottom: 0;
                left: 0;
                padding: 30px;
                position: absolute;
                right: 0;
            }

            .widget-latest-blog-content h5 {
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 8px;
            }

            .widget-latest-blog-content h5 a {
                color: #fff;
                transition: 0.3s;
            }

            .widget-latest-blog-content h5 a:hover {
                color: #ffb606;
            }

            .widget-latest-blog-content span {
                font-weight: 700;
                color: #fff;
                font-size: 12px;
            }

            /* course-details-area */

            .course-details-img {
                border: 1px solid #eeeeee;
                margin-bottom: 26px;
                padding: 20px;
            }

            .course-details-img>img {
                width: 100%;
            }

            .details-course {
                overflow: hidden;
            }

            .details-course h5 {
                color: #6f6f6f;
                display: inline-block;
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 0;
            }

            .course-details-icon {
                float: right;
            }

            .course-details-icon span {
                color: #ffb606;
                font-size: 14px;
            }

            .course-details-content>span {
                color: #959595;
                float: right;
                font-size: 14px;
            }

            .course-details-content h3 {
                color: #434343;
                font-size: 30px;
                font-weight: 700;
                margin-bottom: 0;
                margin-top: 18px;
            }

            .course-description-content {
                margin-top: 45px;
            }

            .course-description-content>h4 {
                color: #434343;
                font-size: 18px;
                font-weight: 400;
                padding-bottom: 15px;
                position: relative;
                text-transform: uppercase;
            }

            .course-description-content>h4::before {
                background: #eeeeee;
                bottom: 0;
                content: "";
                height: 2px;
                position: absolute;
                width: 190px;
            }

            .course-description-content>p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .Courses-Features {
                padding: 31px 70px;
            }

            .Courses-Features-title {
                color: #ffffff;
                font-size: 18px;
                font-weight: 400;
                margin-bottom: 0;
                text-align: center;
                text-transform: capitalize;
            }

            .Courses-Features-menu {
                background: #ffffff;
                box-shadow: 0 0 38px 0 rgba(188, 184, 184, 0.24);
                display: inline-block;
                margin-right: -100px;
                margin-top: 30px;
                width: 360px;
            }

            .Courses-Features-img>img {
                width: 100%;
            }

            .Courses-Features-menu>li {
                border-bottom: 1px solid #f6f6f6;
                padding: 14px 30px;
            }

            .menu-link {
                background: #ffb606;
            }

            .Courses-Features-menu h5 {
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 0;
                display: inline-block;
            }

            .Courses-Features-menu span {
                float: right;
                font-size: 14px;
                font-weight: 400;
                color: #6f6f6f;
            }

            .Courses-Features-img {
                float: right;
            }

            .course-details-wrapper>p {
                color: #6f6f6f;
                font-size: 14px;
                line-height: 23px;
                margin-bottom: 0;
            }

            .requirement-content {
                padding: 20px 70px;
            }

            .requirement-content h4 {
                color: #434343;
                font-size: 18px;
                font-weight: 400;
                text-transform: uppercase;
            }

            .requirement-content li {
                color: #6f6f6f;
                font-size: 14px;
                padding-bottom: 10px;
            }

            .requirement-content li:last-child {
                padding-bottom: 0;
            }

            .requirement-content li span {
                color: #434343;
                font-size: 14px;
                margin-right: 8px;
                width: 15px;
            }

            .share-by-content {
                border-bottom: 2px solid #ffb606;
                margin-top: 60px;
                padding-bottom: 30px;
            }

            .share-by-info h5 {
                color: #434343;
                display: inline-block;
                font-size: 14px;
                font-weight: 400;
                margin-right: 12px;
                margin-top: 7px;
            }

            .courses-details-icon {
                display: inline-block;
            }

            .share-by-info {
                display: inline-block;
            }

            .courses-details-icon a {
                background: #ffffff;
                border-radius: 100%;
                box-shadow: 0 0 6px 0 rgba(69, 69, 69, 0.24);
                color: #6f6f6f;
                display: inline-block;
                height: 36px;
                line-height: 36px;
                margin-right: 5px;
                text-align: center;
                transition: all 0.3s ease 0s;
                width: 36px;
            }

            .courses-details-icon a:hover {
                color: #ffb606;
            }

            .courses-details-icon a:last-child {
                margin-right: 0;
            }

            .course-details-wrapper>h4 {
                color: #434343;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 30px;
                margin-top: 70px;
                padding-bottom: 15px;
                position: relative;
                text-transform: uppercase;
            }

            .course-details-wrapper>h4::before {
                background: #eeeeee;
                bottom: 0;
                content: "";
                height: 2px;
                position: absolute;
                width: 130px;
            }

            /* event-grid-style-01 */

            .event-style-title {
                margin-bottom: 45px;
            }

            .event-style-title>h4 {
                color: #434343;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 20px;
                padding-bottom: 15px;
                position: relative;
                text-transform: uppercase;
            }

            .event-style-title>h4::before {
                background: #eeeeee;
                bottom: 0;
                content: "";
                height: 2px;
                position: absolute;
                width: 105px;
            }

            .event-style-title p {
                width: 657px;
                color: #959595;
                font-size: 14px;
                margin-bottom: 0;
                line-height: 24px;
            }

            .eveny-style1-img {
                position: relative;
            }

            .eveny-style1-img a img {
                width: 100%;
            }

            .event-style1-content {
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
            }

            .event-style1-text {
                padding: 27px 80px 40px 30px;
                position: relative;
                z-index: 999;
            }

            .event-style1-text::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.6;
                position: absolute;
                top: 0;
                width: 100%;
            }

            .event-style1-meta {
                color: #ffffff;
                position: relative;
                z-index: 999;
            }

            .event-style1-left {
                font-size: 13px;
                font-weight: 400;
                margin-right: 30px;
            }

            .event-style1-left:last-child {
                margin-right: 0;
            }

            .event-style1-left i {
                font-size: 12px;
                font-weight: 400;
                margin-right: 5px;
            }

            .event-style1-text>h4 {
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 0;
                margin-top: 11px;
                position: relative;
                z-index: 999;
            }

            .event-style1-text>h4 a {
                color: #ffffff;
                transition: 0.3s;
            }

            .event-style1-text>h4 a:hover {
                color: #ffb606;
            }

            /* event-grid-style-02 */

            .event-style-02-wrapper {
                border: 1px solid #eeeeee;
                padding: 20px;
                transition: 0.3s;
            }

            .event-style-02-wrapper:hover {
                box-shadow: 0 9px 38px 0 rgba(174, 174, 174, 0.24);
                border: 1px solid transparent;
            }

            .event-style-02-img {
                position: relative;
            }

            .event-style-02-img img {
                width: 100%;
            }

            .event-style-02-img span {
                background: #ffb606;
                color: #ffffff;
                font-size: 12px;
                font-weight: 700;
                left: 0;
                line-height: 1;
                padding: 14px 16px;
                position: absolute;
                top: 0;
                opacity: 0;
                transition: 0.3s;
            }

            .event-style-02-wrapper:hover .event-style-02-img span {
                opacity: 1;
            }

            .event-style-02-img span i {
                margin-right: 10px;
            }

            .event-style-02-content {
                margin-top: 25px;
            }

            .event-style-02-content h4 {
                font-size: 18px;
                font-weight: 700;
                line-height: 28px;
            }

            .event-style-02-content h4 a {
                color: #434343;
                transition: all 0.3s ease 0s;
            }

            .event-style-02-content h4 a {
                color: #434343;
                transition: all 0.3s ease 0s;
            }

            .event-style-02-content h4 a:hover {
                color: #ffb606;
            }

            .event-style-02-meta>span {
                color: #6f6f6f;
                display: inline-block;
                font-size: 12px;
                font-weight: 400;
                margin-bottom: 3px;
                margin-right: 8px;
            }

            .event-style-02-meta>span:last-child {
                margin-right: 0;
            }

            .event-style-02-meta span i {
                color: #6f6f6f;
                font-size: 12px;
                font-weight: 400;
                margin-right: 6px;
            }

            /* event-list-style-1 */

            .event-list-1-img {
                height: 100%;
            }

            .event-list-1-img a {
                position: relative;
                display: block;
                height: 100%;
            }

            .event-list-1-img a img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .event-list-1-img a::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                opacity: 0.1;
                position: absolute;
                top: 0;
                width: 100%;
            }

            .event-list-1-wrapper {
                box-shadow: 0 9px 38px 0 rgba(174, 174, 174, 0.24);
                padding: 35px 60px;
            }

            .list-event {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                margin-right: 36px;
            }

            .list-event:last-child {
                margin-right: 0;
            }

            .list-event i {
                color: #6f6f6f;
                font-size: 13px;
                font-weight: 400;
                margin-right: 8px;
            }

            .event-list-1-content>h4 {
                color: #434343;
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 24px;
                margin-top: 10px;
            }

            .event-list-1-content a {
                color: #434343;
                transition: all 0.3s ease 0s;
            }

            .event-list-1-content a:hover {
                color: #ffb606;
            }

            .event-list-1-content>p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .event-list-1-content>a {
                color: #434343;
                display: inline-block;
                font-size: 16px;
                font-weight: 700;
                margin-top: 25px;
                transition: 0.3s;
            }

            .event-list-1-content>a:hover {
                color: #ffb606;
            }

            /* event-details-area */

            .event-details-img {
                position: relative;
                margin-bottom: 32px;
            }

            .event-details-img img {
                width: 100%;
            }

            .event-details-count {
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                text-align: center;
            }

            .event-details-count .time-count {
                border: 1px solid #ffffff;
                color: #ffffff;
                display: inline-block;
                float: none;
                font-size: 50px;
                font-weight: 700;
                height: 120px;
                line-height: 1;
                margin: 0 15px;
                padding-top: 13px;
                text-align: center;
                width: 120px;
            }

            .event-details-time {
                background: #ffb606;
                display: inline-block;
                padding: 30px 15px;
            }

            /* .time-count {
  border: 1px solid #818680;
  float: left;
  font-size: 50px;
  font-weight: 700;
  height: 120px;
  line-height: 1;
  margin-right: 30px;
  padding-top: 13px;
  text-align: center;
  width: 120px;
} */

            .time-count>span {
                display: block;
                font-size: 18px;
                margin-top: 12px;
                text-transform: capitalize;
            }

            .event-details-content>span {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
            }

            .event-details-content>span i {
                font-size: 13px;
                color: #6f6f6f;
                margin-right: 13px;
            }

            .event-details-content {
                margin-bottom: 22px;
            }

            .event-details-content>h4 {
                color: #434343;
                font-size: 20px;
                font-weight: 700;
                line-height: 34px;
                margin-top: 22px;
                margin-bottom: 24px;
            }

            .event-details-content>p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .event-details-content>h5 {
                color: #434343;
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 0;
                margin-top: 30px;
                text-transform: uppercase;
            }

            .event-details-link {
                background: #f6f6f6;
                padding: 40px 10px 40px 40px;
            }

            .event-details-link li {
                padding-left: 30px;
                position: relative;
                font-size: 14px;
                color: #959595;
                line-height: 24px;
                margin-bottom: 17px;
            }

            .event-details-link li:last-child {
                margin-bottom: 0;
            }

            .event-details-link li i {
                position: absolute;
                color: #959595;
                font-size: 14px;
                margin-right: 20px;
                width: 15px;
                top: 5px;
                left: 0;
            }

            /* map */

            .map-2 {
                height: 500px;
                width: 100%;
            }

            .map {
                height: 330px;
                width: 100%;
            }

            .details-event {
                color: #434343;
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 37px;
                text-transform: uppercase;
            }

            .event-details-wrapper>h5 {
                color: #434343;
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 37px;
                margin-top: 46px;
                text-transform: uppercase;
            }

            /* blog-left-sideber */

            .blog-post {
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
            }

            .blog-post:last-child {
                margin-bottom: 0;
            }

            .blog-thumb img {
                width: 100%;
            }

            .blog-thumb a {
                position: relative;
                display: block;
            }

            .blog-icon {
                background: #000000;
                border-radius: 100%;
                color: #ffffff;
                font-size: 20px;
                height: 40px;
                left: 40px;
                line-height: 40px;
                position: absolute;
                text-align: center;
                top: 40px;
                width: 40px;
            }

            .blog-quote a blockquote {
                border: 0 none;
                margin: 0;
                padding: 120px 78px 120px 160px;
                transition: all 0.3s ease-out 0s;
            }

            .blog-quote a blockquote p {
                color: #262626;
                font-size: 24px;
                line-height: 40px;
                font-style: italic;
            }

            .blog-quote {
                position: relative;
                background: #f4feff;
            }

            .blog-quote::before {
                content: "";
                display: block;
                font-family: "FontAwesome";
                font-size: 29px;
                left: 44px;
                margin-bottom: 15px;
                margin-left: 0;
                margin-top: 0;
                position: absolute;
                top: 60px;
                color: #a8a8a8;
            }

            .blog-quote a blockquote footer {
                color: #ffffff;
                font-size: 14px;
                font-weight: 600;
            }

            .blog-content {
                padding: 35px 40px;
            }

            .blog-content p {
                color: #6f6f6f;
                line-height: 23px;
                margin-bottom: 0;
            }

            .post-title {
                font-size: 20px;
                font-weight: 700;
                line-height: 1.5;
                margin-bottom: 15px;
                text-transform: capitalize;
            }

            .post-title>a {
                color: #434343;
                transition: 0.3s;
            }

            .post-title>a:hover {
                color: #ffb606;
            }

            .blog-meta {
                margin-bottom: 18px;
            }

            .blog-meta span {
                color: #888888;
                font-size: 12px;
                font-weight: 500;
                margin-right: 17px;
                position: relative;
                text-transform: uppercase;
            }

            .blog-meta span::before {
                background: #cccccc;
                content: "";
                height: 3px;
                left: -13px;
                position: absolute;
                top: 8px;
                width: 6px;
            }

            .blog-meta span:first-child::before {
                display: none;
            }

            .blog-meta a {
                color: #6f6f6f;
                transition: all 0.3s ease 0s;
            }

            .blog-meta a:hover {
                color: #ffb606;
            }

            .read-more {
                margin-top: 30px;
            }

            .read-more a {
                border: 1px solid #dddddd;
                border-radius: 5px;
                color: #6f6f6f;
                display: inline-block;
                font-weight: 700;
                padding: 10px 30px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
            }

            .read-more a:hover {
                border-color: #ffb606;
                color: #ffffff;
            }

            .read-more a::before {
                background: #ffb606;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .read-more a:hover::before {
                transform: scaley(1);
            }

            .blog-thumb-active .owl-nav div {
                background: #000000;
                color: #bcbcbc;
                display: inline-block;
                font-size: 30px;
                height: 40px;
                left: 0;
                line-height: 40px;
                opacity: 0;
                position: absolute;
                text-align: center;
                top: 50%;
                transform: translateY(-50%);
                transition: all 0.3s ease 0s;
                width: 40px;
            }

            .blog-thumb-active .owl-nav div.owl-next {
                left: auto;
                right: 0;
            }

            .blog-thumb-active:hover .owl-nav div {
                opacity: 1;
            }

            .blog-thumb-active:hover .owl-nav div:hover {
                background: #ffb606;
                color: #fff;
                border: #fff;
            }

            .blog-thumb-active:hover .owl-nav div.owl-next {
                left: auto;
            }

            .post-title span {
                background: #000000;
                border-radius: 100%;
                color: #ffffff;
                display: inline-block;
                font-size: 20px;
                height: 40px;
                left: 40px;
                line-height: 40px;
                margin-right: 17px;
                text-align: center;
                width: 40px;
            }

            #scrollUp {
                background: rgb(2, 0, 36);
                background: radial-gradient(circle, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
                bottom: 100px;
                border-radius: 50px;
                color: #ffffff;
                font-size: 25px;
                height: 50px;
                line-height: 50px;
                right: 30px;
                text-align: center;
                transition: all 0.3s ease 0s;
                width: 50px;
            }

            #scrollUp:hover {
                background: rgb(34, 193, 195);
                background: radial-gradient(circle, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
                color: #fff;
            }

            /* blog-details */

            blockquote {
                border-left: 5px solid #4b4a4a;
                color: #666666;
                font-style: italic;
                font-weight: bold;
                line-height: 30px;
                margin: 52px 0 54px 70px;
                padding: 0 70px 0 26px;
            }

            .blog-menu {
                margin: 47px 100px 46px;
            }

            .blog-menu li {
                color: #6f6f6f;
                font-size: 16px;
                list-style: inside none disc;
                margin-bottom: 19px;
                position: relative;
            }

            .blog-menu li:last-child {
                margin-bottom: 0;
            }

            .blog-banner {
                margin-bottom: 40px;
                margin-top: 55px;
            }

            .banner-img>img {
                width: 100%;
            }

            .user-info {
                display: block;
                margin: 47px 0 53px;
                overflow: hidden;
            }

            .user-text {
                color: #666666;
                display: inline-block;
            }

            .user-name {
                padding-right: 47px;
            }

            .user-share {
                display: inline-block;
            }

            .user-share>span {
                color: #666666;
                display: inline-block;
                margin-right: 14px;
            }

            .user-share>ul {
                display: inline-block;
            }

            .user-share>ul>li {
                display: inline-block;
                margin-left: 30px;
            }

            .user-share>ul>li:first-child {
                margin-left: 0;
            }

            .user-share a {
                color: #666666;
            }

            .user-text a {
                color: #666666;
            }

            .next-prev {
                border-bottom: 1px solid #e7e7e7;
                border-top: 1px solid #e7e7e7;
                padding: 20px 0;
            }

            .next-prev a {
                background-color: #ffffff;
                border-radius: 5px;
                color: #666666;
                display: inline-block;
                font-size: 14px;
                letter-spacing: 2px;
                padding: 8px 20px;
                text-transform: capitalize;
                transition: 0.3s;
            }

            .next-prev a:hover {
                background-color: #ffb606;
                color: #ffffff;
            }

            .next-prev a i {
                color: #666666;
                font-size: 11px;
                transition: all 0.3s ease 0s;
            }

            .next-prev a:hover i {
                color: #ffffff;
            }

            a.next-btn {
                float: right;
            }

            .author {
                margin: 100px 0;
                overflow: hidden;
            }

            .author-img {
                display: inline-block;
            }

            .author-info>h4 {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 12px;
                text-transform: uppercase;
            }

            .author-info>h4 a {
                color: #434343;
                transition: all 0.3s ease 0s;
            }

            .author-info>h4 a:hover {
                color: #ffa64d;
            }

            .author-info {
                width: calc(100% - 150px);
                margin-left: 30px;
            }

            .author-info>h4 a span {
                color: #6f6f6f;
                font-size: 14px;
                margin-left: 7px;
            }

            .author-info>p {
                color: #6f6f6f;
                font-size: 14px;
                line-height: 25px;
                margin-bottom: 0;
            }

            .related-post {
                display: block;
                overflow: hidden;
            }

            .sidebar-title {
                color: #434343;
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 64px;
                position: relative;
                text-transform: uppercase;
            }

            .sidebar-title::before {
                background-color: #000000;
                bottom: -20px;
                content: "";
                height: 1px;
                left: 0;
                position: absolute;
                width: 120px;
            }

            .single-related-post img {
                width: 100%;
            }

            .related-post-title {
                margin-top: 20px;
            }

            .related-post-title>h3 {
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                margin-bottom: 10px;
            }

            .related-post-title>h3 a {
                color: #202020;
                transition: 0.3s;
            }

            .related-post-title>h3 a:hover {
                color: #ffb606;
            }

            .related-post-title>span {
                color: #636363;
                font-size: 13px;
            }

            .single-comment {
                position: relative;
            }

            .comment-img {
                display: inline-block;
            }

            .comment-text>h3 {
                color: #434343;
                font-size: 16px;
                font-weight: bold;
                letter-spacing: 2px;
                margin-bottom: 11px;
                text-transform: uppercase;
            }

            .comment-text>p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: normal;
                line-height: 23px;
                padding-right: 25px;
            }

            .comment-border {
                border-bottom: 1px solid #e4e4e4;
                margin-bottom: 40px;
                padding-bottom: 40px;
            }

            .single-comment.comment-border:last-child {
                margin-bottom: 0;
            }

            .parent-comment {
                border-bottom: 1px solid #e4e4e4;
                margin-bottom: 40px;
                padding-bottom: 40px;
            }

            .comment-text {
                width: calc(100% - 150px);
                margin-left: 30px;
            }

            .comment-text>a {
                background-color: #ffffff;
                border: 1px solid #e4e4e4;
                border-radius: 50px;
                bottom: -16px;
                color: #4c4c4c;
                display: inline-block;
                font-size: 12px;
                letter-spacing: 1px;
                padding: 7px 20px 6px;
                position: absolute;
                right: 0;
                text-transform: uppercase;
                transition: 0.3s;
            }

            .comment-text>a:hover {
                background-color: #ffb606;
                color: #ffffff;
                border-color: #ffb606;
            }

            .replay-comment {
                margin-left: 150px;
            }

            .leave-comment>h3 {
                color: #222222;
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 11px;
                text-transform: uppercase;
            }

            .leave-comment>h3 {
                color: #434343;
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 11px;
                text-transform: uppercase;
            }

            .leave-comment>p {
                color: #6f6f6f;
                font-size: 14px;
                letter-spacing: 1px;
                margin: 0;
            }

            .leave-comment-form {
                margin-top: 40px;
            }

            .leave-comment-form form textarea {
                background: #ffffff;
                border: 1px solid #dddddd;
                color: #6f6f6f;
                font-size: 14px;
                height: 178px;
                letter-spacing: 1px;
                padding: 30px;
                width: 100%;
            }

            .leave-comment-form form input {
                background: #ffffff;
                border: 1px solid #dddddd;
                color: #6f6f6f;
                font-size: 14px;
                height: 48px;
                letter-spacing: 1px;
                padding: 2px 30px;
                width: 100%;
            }

            .leave-comment-form .submit {
                background: #ffb606;
                border-radius: 4px;
                color: #ffffff;
                display: inline-block;
                font-size: 14px;
                font-weight: 600;
                line-height: 1;
                padding: 18px 50px;
                text-transform: uppercase;
                transition: all 0.3s ease 0s;
                border: none;
                position: relative;
                transform: perspective(1px) translateZ(0px);
                transition-property: color;
                vertical-align: middle;
            }

            .leave-comment-form .submit::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .leave-comment-form .submit:hover::before {
                transform: scaley(1);
            }

            /* contact-area */

            .contact-wrapper h4 {
                color: RED;
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 24px;
            }

            #contact-form input {
                border: 1px solid #eeeeee;
                color: #959595;
                font-size: 12px;
                font-weight: 400;
                height: 45px;
                margin-bottom: 30px;
                padding-left: 20px;
                text-transform: capitalize;
                width: 100%;
            }

            #contact-form textarea {
                border: 1px solid #eeeeee;
                font-size: 12px;
                font-weight: 400;
                padding: 20px;
                width: 100%;
                color: #959595;
                height: 200px;
            }

            #contact-form button {
                background: #ffb606;
                border: none;
                border-radius: 5px;
                color: #ffffff;
                display: inline-block;
                font-size: 16px;
                font-weight: 700;
                line-height: 1;
                margin-left: 14px;
                margin-top: 27px;
                padding: 17px 30px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition: color 0.3s ease 0s;
                vertical-align: middle;
                overflow: hidden;
            }

            #contact-form button::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
            }

            #contact-form button:hover::before {
                transform: scaley(1);
            }

            .map-wrapper.pos-relative {
                position: relative;
            }

            .map-content {
                background: #ffffff;
                box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.17);
                left: 0;
                padding: 40px 55px 40px 40px;
                position: absolute;
                top: 0;
            }

            .map-content ul li {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                padding-bottom: 17px;
            }

            .map-content ul li i {
                margin-right: 12px;
                width: 15px;
                color: #6f6f6f;
                font-size: 14px;
            }

            .map-content ul li:last-child {
                padding-bottom: 0;
            }

            /* frequently-asked-area */
            /* .frequently {
                position: relative;
            }

            .frequently-asked-wrapper {
                padding: 70px 0 36px 30px;
                height: 100%;
            }

            .frequently-title {
                color: #434343;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 30px;
                padding-bottom: 15px;
                padding-left: 18px;
                position: relative;
                text-transform: uppercase;
            }

            .frequently-title::before {
                background: #bbbbbb;
                bottom: 0;
                content: "";
                height: 2px;
                position: absolute;
                width: 52px;
            }

            .accordionhh-header {
                border-bottom: 1px solid transparent;
                border-top-left-radius: 3px;
            }

            .accordionhh-header .accordionhh-button {
                background: none;
                color: #434343;
                display: block;
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 0;
                text-transform: uppercase;
                border: none;
            }

            .accordionhh-button:focus {
                box-shadow: none;
                border: none;
            }

            .accordionhh-header {
                border: none;
                background: none !important;
            }

            .accordionhh-header .accordionhh-button {
                padding-left: 40px;
                padding-top: 0;
            }

            .accordionhh-header .accordionhh-button::after {
                background: #ffb606;
                border: 1px solid #ffb606;
                border-radius: 50px;
                color: #ffffff;
                content: "";
                float: left;
                font-family: "Material-Design-Iconic-Font";
                font-size: 16px;
                height: 25px;
                line-height: 24px;
                text-align: center;
                width: 25px;
                left: 0;
                position: absolute;
                top: 0;
            }

            .accordionhh-body {
                padding: 0 34px 0 51px;
            }
            @media (max-width:992px){
                .accordionhh-body {
                    padding: 0 0px 0 10px;
                }
            }
            .accordionhh-body>p {
                color: #6f6f6f;
                font-size: 14px;
                font-weight: 400;
                line-height: 23px;
                margin-bottom: 0;
            }

            .accordionhh-header .accordionhh-button.collapsed::after {
                content: "\f278";
            }

            .accordionhh-item>.accordionhh-header {
                background: rgba(0, 0, 0, 0);
            }

            .accordionhh-item {
                background-color: #f6f6f6;
                border: none;
                border-radius: 4px;
                box-shadow: none;
                padding-bottom: 16px;
            }

            .text h4 span {
                border: 1px solid #e6e6e6;
                border-radius: 100%;
                display: inline-block;
                height: 25px;
                line-height: 23px;
                text-align: center;
                width: 25px;
            }

            .panel-default>.panel-heading+.panel-collapse>.accordionhh-body {
                border: 0 none;
            }

            .text h4 span i {
                font-size: 16px;
                color: #a4a4a4;
            } */
            /* register now */

            .modals-dialog {
                margin: 150px auto;
                width: 870px;
            }

            .register-now-button {
                background: #ffb606;
                border: none;
                border-radius: 5px;
                color: #ffffff;
                float: right;
                font-size: 12px;
                font-weight: 700;
                line-height: 1;
                padding: 12px 20px;
                text-transform: uppercase;
                position: relative;
                transform: perspective(1px) translateZ(0px);
                transition-property: color;
                vertical-align: middle;
                transition: all 0.3s ease 0s;
            }

            .register-now-button::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .register-now-button:hover::before {
                transform: scaley(1);
            }

            .modals-body {
                border-bottom: 6px solid #ffb606;
                padding: 40px 30px;
                position: relative;
            }

            .register-header {
                background: #ffb606;
                padding: 24px 30px;
            }

            .registers-title {
                color: #fefefe;
                font-size: 26px;
                margin-bottom: 0;
                text-transform: uppercase;
            }

            #registers-now input {
                border: 1px solid #eeeeee;
                border-radius: 5px;
                color: #6f6f6f;
                font-size: 12px;
                height: 40px;
                margin-bottom: 24px;
                padding-left: 20px;
                text-transform: capitalize;
                width: 100%;
            }

            #registers-now textarea {
                border: 1px solid #eeeeee;
                color: #6f6f6f;
                font-size: 12px;
                height: 220px;
                padding: 20px;
                width: 100%;
                border-radius: 5px;
            }

            .close-icon {
                background: rgba(0, 0, 0, 0);
                border: none;
                color: #fdfdfd;
                float: right;
                font-size: 25px;
                font-weight: bold;
                line-height: 1;
            }

            #registers-now button {
                background: #ffb606;
                border: none;
                border-radius: 5px;
                color: #ffffff;
                font-size: 12px;
                font-weight: 700;
                line-height: 1;
                margin-left: 16px;
                margin-right: 20px;
                margin-top: 20px;
                padding: 14px 20px;
                position: relative;
                text-transform: uppercase;
                transform: perspective(1px) translateZ(0px);
                transition-property: color;
                vertical-align: middle;
            }

            #registers-now button::before {
                background: #000;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            #registers-now button:hover::before {
                transform: scaley(1);
            }

            .login-form-container {
                background: rgba(0, 0, 0, 0);
                border: 1px solid #dddddd;
                padding: 30px 40px;
                text-align: left;
            }

            /* login */

            .login-text {
                margin-bottom: 30px;
                text-align: center;
            }

            .login-text h2 {
                color: #444444;
                font-size: 30px;
                margin-bottom: 5px;
                text-transform: capitalize;
            }

            .login-text span {
                font-size: 15px;
            }

            .login-form-container input {
                background: #ffffff;
                border: 1px solid #dddddd;
                border-radius: 3px;
                box-shadow: none;
                color: #6f6f6f;
                font-family: open sans;
                font-size: 14px;
                height: 40px;
                letter-spacing: 2px;
                margin-bottom: 20px;
                padding-left: 10px;
                width: 100%;
            }

            .login-form-container input::-moz-placeholder {
                color: #6f6f6f;
                opacity: 1;
            }

            .login-toggle-btn {
                padding-top: 10px;
            }

            .login-form-container input[type="checkbox"] {
                height: 15px;
                margin: 0;
                position: relative;
                top: 1px;
                width: 17px;
            }

            .login-form-container label {
                color: #777777;
                font-family: open sans;
                font-size: 15px;
                font-weight: 400;
            }

            .login-toggle-btn>a {
                color: #777777;
                float: right;
                font-family: open sans;
                transition: all 0.2s ease 0s;
            }

            .login-toggle-btn>a:hover {
                color: #ffb606;
            }

            .button-box .default-btn {
                background: rgba(0, 0, 0, 0);
                border: 1px solid #dddddd;
                border-radius: 5px;
                color: #777777;
                font-family: open sans;
                font-size: 14px;
                letter-spacing: 2px;
                line-height: 1;
                margin-top: 25px;
                padding: 12px 36px;
                text-transform: uppercase;
                transition: 0.3s;
                position: relative;
                transform: perspective(1px) translateZ(0px);
                transition-property: color;
                vertical-align: middle;
            }

            .button-box .default-btn:hover {
                color: #fff;
                border-color: #ffb606;
            }

            .button-box .default-btn::before {
                background: #ffb606;
                bottom: 0;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.3s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
                border-radius: 5px;
            }

            .button-box .default-btn:hover::before {
                transform: scaley(1);
            }

            /* upcoming-event-area */

            .upcoming-event-img {
                overflow: hidden;
            }

            .upcoming-event-img a img {
                width: 100%;
                transition: 0.3s;
            }

            .upcoming-event-wrapper:hover .upcoming-event-img a img {
                transform: scale(1.1);
            }

            .upcoming-content {
                padding: 18px 27px 34px 28px;
                transition: 0.3s;
                box-shadow: 0 10px 13px 0 rgba(187, 187, 187, 0.18);
            }

            .upcoming-left {
                color: #444444;
                display: inline-block;
                font-size: 12px;
                font-weight: 700;
                margin-bottom: 0;
                margin-right: 5px;
            }

            .upcoming-right {
                color: #6f6f6f;
                font-size: 12px;
                font-weight: 400;
                display: inline-block;
            }

            .upcoming-left span {
                color: #444444;
                display: inline-block;
                font-size: 24px;
                font-weight: 700;
                margin-bottom: 0;
            }

            .upcoming-info {
                margin-bottom: 15px;
            }

            .upcoming-content h4 {
                font-size: 18px;
                font-weight: 700;
                line-height: 28px;
                margin-bottom: 13px;
                padding-bottom: 15px;
                position: relative;
            }

            .upcoming-content h4::before {
                background: #ffb606;
                bottom: 0;
                content: "";
                height: 2px;
                left: 0;
                position: absolute;
                width: 40px;
            }

            .upcoming-content h4 a {
                color: #434343;
                transition: 0.3s;
            }

            .upcoming-content h4 a:hover {
                color: #ffb606;
            }

            .upcoming-content p {
                color: #6f6f6f;
                font-size: 14px;
                line-height: 23px;
                margin-bottom: 12px;
            }

            .upcoming-event-meta>span {
                color: #6f6f6f;
                display: inline-block;
                font-size: 12px;
                font-weight: 400;
                margin-right: 16px;
            }

            .upcoming-event-meta>span:last-child {
                margin-right: 0;
            }

            .upcoming-event-meta span i {
                color: #ffb606;
                font-size: 12px;
                font-weight: 400;
                margin-right: 4px;
            }

            /* welcome-area */

            .welcome-area {
                background-position: center center;
                background-size: cover;
                background-position: bottom;
            }

            .welcome-content h4 {
                color: #434343;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 22px;
            }

            .video-title {
                color: #434343;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 30px;
            }

            .welcome-content p {
                color: #6f6f6f;
                line-height: 23px;
                margin-bottom: 0;
            }

            .welcome-content h5 {
                color: #434343;
                font-size: 16px;
                font-weight: 400;
                margin-top: 32px;
                margin-bottom: 23px;
            }

            .welcome-link {
                margin-bottom: 30px;
            }

            .welcome-link li {
                color: #6f6f6f;
                font-weight: 400;
                margin-bottom: 9px;
                font-size: 14px;
            }

            .welcome-link li:last-child {
                margin-bottom: 0;
            }

            .welcome-link li i {
                font-size: 14px;
                font-weight: normal;
                margin-right: 4px;
            }

            .videos-img {
                position: relative;
            }

            .videos-img::before {
                background: #000000;
                content: "";
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                opacity: 0.7;
            }

            .videos-content {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                right: 0;
                text-align: center;
                transition: 0.3s;
            }

            .videos-img>img {
                width: 100%;
            }

            .videos-wrapper:hover .videos-content {
                opacity: 0;
            }

            .videos-content h5 {
                color: #fff;
                font-size: 26px;
                margin-bottom: 0;
                font-weight: 700;
            }

            .videos-1 {
                position: absolute;
                top: 50%;
                transform: translatey(-50%);
                left: 0;
                right: 0;
                text-align: center;
                opacity: 0;
                transition: 0.3s;
            }

            .videos-wrapper:hover .videos-1 {
                opacity: 1;
            }

            .videos-icon a {
                background: #ffb606;
                border-radius: 100%;
                display: inline-block;
                height: 60px;
                transition: all 0.3s ease 0s;
                width: 60px;
            }

            .videos-icon a:hover {
                transform: scale(1.2);
            }

            .videos-icon a i {
                color: #fff;
                font-size: 30px;
                line-height: 61px;
                padding-left: 4px;
                text-align: center;
                z-index: 999;
            }

            .videos-icon>h5 {
                color: #fcfcfc;
                font-size: 26px;
                margin-bottom: 0;
                margin-top: 15px;
                font-weight: 700;
            }

            /* counter1-area */

            .counter1-area {
                background-size: cover;
                background-position: center center;
            }

            .counter-2-area {
                width: 1200px;
                margin: auto;
                margin-top: 80px;
                text-align: center;
            }

            .counter1-img {
                margin-bottom: 14px;
            }

            .counter1-content h1 {
                color: #ffb606;
                font-size: 50px;
                font-weight: 900;
                margin-bottom: 0;
            }

            .counter1-content span {
                color: black;
                display: inline-block;
                font-size: 20px;
                font-weight: 400;
                margin-top: 4px;
            }

          
            /* =====================================RMS EXTRA CSS =============================================== */
            /* ===========================Houses================== */

            .accordionh img {
                width: 70%;
                height: 30vh;
                /* border: 3px solid #ffb606; */
                /* margin-left: 30px; */
            }

            .accordionh h4 {
                font-weight: 600;
                color: RED;
                margin-left: 20px;
            }

            .accordionh td {
                font-size: 17px;
                line-height: 24px;
                color: #212529;
                font-weight: 400;
                padding: 3px;
            }

            .hh2 h2 {
                color: black;
                line-height: 1.4;
                /* padding: 0 100px 0 100px; */
            }

            .fh h2 {
                color: black;
                line-height: 1.4;
                /* padding: 0 100px 0 100px; */
            }

            .hh3 h3 {
                color: black;
                line-height: 1.4;
                font-size: 14.5px;
            }

            @media (max-width: 992px) {
                .hh2 h2 {
                    padding: 0 10px 0 10px;
                }

                .accordionh img {
                    margin-left: 0px;
                }
            }

            .tab-content {
                height: 30vh;
                width: 100%;
                overflow-x: hidden;
            }

            .acbg {
                background-color: #b2f9e2;
                color: #212021;
                padding: 35px;
            }

            .acbg h3 {
                font-weight: 600;
                color: #58c4f0;
            }

            .poem img {
                width: auto;
                height: 68vh;
            }

            .din input {
                /* border: none;
                border-bottom: 1px solid black; */
            }

            .din input:focus {
                outline: none;
            }

            .ddl input {
                /* border: none;
                border-bottom: 1px solid black; */
                box-shadow: none;
                outline: none;
            }

            .ddl input:focus {
                outline: none;
            }

            .dpi {
                float: right;
                margin-top: -200px;
            }

            .dpi2 {
                float: right;
                margin-top: -50px;
            }

            .dpi2 img {
                height: 5em;
                width: 20em;
            }

            .dpi img {
                height: 11em;
                width: auto;
            }

            .dto label {
                color: #000;
                font-size: 18px;
            }

            .dto p {
                margin-left: 30px;
            }

            .ddl label,
            span {
                color: #000;
                font-size: 17px;
                margin-top: 10px;
            }

            .ddl span {
                margin-left: 15px;
            }

            .dtable table {
                font-family: arial, sans-serif;
                border-collapse: collapse;
                width: 100%;
            }

            .dtable td,
            th {
                border: 1px solid #dddddd;
                text-align: left;
                padding: 8px;
                color: red;
            }

            .dtable textarea {
                border: none;
                width: 100%;
                height: 70px;
            }

            .dtable textarea:focus {
                outline: none;
            }

            .dbut input {
                color: #f8f9fa;
                border: none;
                background: #ff1100;
                border-radius: 5px;
                height: 35px;
                width: 15%;
                transition: .3s ease-in;
                position: relative;
            }

            .dbut input:hover {
                color: black;
                box-shadow: inset -10.5em 0 0 0 skyblue, inset 10.5em 0 0 0 transparent;
            }

            .dbut button {
                color: #f8f9fa;
                border: none;
                background: #ff1100;
                border-radius: 5px;
                height: 35px;
                width: 15%;
                transition: .3s ease-in;
                position: relative;
            }

            .dbut button:hover {
                color: black;
                box-shadow: inset -10.5em 0 0 0 skyblue, inset 10.5em 0 0 0 transparent;
            }

            @media (max-width:775px) {
                .dbut input {
                    width: 100%;
                }

                .dbut button {
                    width: 100%;
                }
            }

            @media print {
                #printPageButton1 {
                    display: none;
                }
            }

            @media print {
                #printpagebutton2 {
                    display: none;
                }
            }

            /* .accordionhh- */

            .accordion button {
                font-size: 18px;
            }

            /* Scroller */
            /* width */

            ::-webkit-scrollbar {
                width: 5px;
                border-radius: 10px;
            }

            /* Track */

            ::-webkit-scrollbar-track {
                background: #f1f1f1;
            }

            /* Handle */

            ::-webkit-scrollbar-thumb {
                background: #ffb606;
                opacity: 0.8;
            }

            /* Handle on hover */

            ::-webkit-scrollbar-thumb:hover {
                background: #555;
            }
 


/*Changes 15/03/2024*/
ul.ul-list li{
    list-style: disc;
}

ul.ul-list li{
    color: #212021;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}