@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,700&family=Roboto:ital,wght@0,100;1,100;1,300&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');





@import url('https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');



@font-face {

    font-family: 'founders_groteskRgIt';

    src: url('../fonts/foundersgrotesk-regularitalic-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-regularitalic-webfont.woff') ('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_grotesksemibold';

    src: url('../fonts/foundersgrotesk-semibold-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_groteskSBdIt';

    src: url('../fonts/foundersgrotesk-semibolditalic-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-semibolditalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_grotesk_x-condenseBd';

    src: url('../fonts/foundersgroteskxcond-bold-webfont.woff2') format('woff2'),

        url('../fonts/foundersgroteskxcond-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_grotesk_x-condenseLt';

    src: url('../fonts/foundersgroteskxcond-lt-webfont.woff2') format('woff2'),

        url('../fonts/foundersgroteskxcond-lt-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_groteskbold';

    src: url('../fonts/foundersgrotesk-bold-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_groteskbold_italic';

    src: url('../fonts/foundersgrotesk-bolditalic-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-bolditalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_grotesklight';

    src: url('../fonts/foundersgrotesk-light-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_grotesk_condensedLt';

    src: url('../fonts/foundersgroteskcond-lt-webfont.html') format('woff2'),

        url('../fonts/foundersgroteskcond-lt-webfont-2.html') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'founders_grotesklight_italic';

    src: url('../fonts/foundersgrotesk-lightitalic-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-lightitalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_groteskmedium';

    src: url('../fonts/foundersgrotesk-medium-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'founders_groteskmedium_italic';

    src: url('../fonts/foundersgrotesk-mediumitalic-webfont.woff2') format('woff2'),

        url('../fonts/foundersgrotesk-mediumitalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'gothamblack';

    src: url('../fonts/gotham-black-webfont.woff2') format('woff2'),

        url('../fonts/gotham-black-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'gothambold';

    src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'),

        url('../fonts/gotham-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'gothambook';

    src: url('../fonts/gotham-book-webfont.woff2') format('woff2'),

        url('../fonts/gotham-book-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'gothamlight';

    src: url('../fonts/gotham-light-webfont.woff2') format('woff2'),

        url('../fonts/gotham-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'gothammedium';

    src: url('../fonts/gotham-medium-webfont.woff2') format('woff2'),

        url('../fonts/gotham-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'gothamthin';

    src: url('../fonts/gotham-thin-webfont.html') format('woff2'),

        url('../fonts/gotham-thin-webfont-2.html') format('woff');

    font-weight: normal;

    font-style: normal;



}









body {

    overflow-x: hidden;

    overflow-y: hidden;

    font-family: "Merriweather", serif;

    font-size: 14px;

    background-color: #fff;

}



html {

    overflow-x: hidden;

}



#top-button {

    display: inline-block;

    width: 50px;

    height: 50px;

    background-color: transparent;

    text-align: center;

    border-radius: 4px;

    position: fixed;

    bottom: 35px;

    right: 5px;

    transition: background-color .3s,

        opacity .3s, visibility .3s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000;

}



#top-button.show {

    opacity: 1;

    visibility: visible;

}



#top-button img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    cursor: pointer;

}



@font-face {

    font-family: 'icomoon';

    src: url('../fonts/svg/icomoonbed6.eot?lhwgbx');

    src: url('../fonts/svg/icomoonbed6.eot?lhwgbx#iefix') format('embedded-opentype'),

        url('../fonts/svg/icomoonbed6.ttf?lhwgbx') format('truetype'),

        url('../fonts/svg/icomoonbed6.woff?lhwgbx') format('woff'),

        url('../fonts/svg/icomoonbed6.svg?lhwgbx#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: block;

}



[class^="icon-"],

[class*=" icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icomoon' !important;

    speak: never;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;



    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.icon-linkedin:before {

  content: "\eac9";

}



.icon-facebook:before {

    content: "\e906";

}



.icon-plane:before {

    content: "\e900";

}



.icon-calll:before {

    content: "\e901";

}



.icon-insta:before {

    content: "\e902";

}



.icon-youtube:before {

    content: "\e903";

}



.icon-social-pinterest:before {

    content: "\e904";

}



.icon-x:before {

    content: "\e905";

}



.icon-envelope:before {

    content: "\e907";

}



.icon-phone:before {

    content: "\e908";

}



.icon-map-marker:before {

    content: "\e909";

}



.icon-segment:before {

    content: "\e922";

}



.icon-chevron-thin-left1:before {

    content: "\e92b";

}



.icon-chevron-thin-right1:before {

    content: "\e92c";

}









@keyframes fadeInLeft {

    0% {

        opacity: 0;

        transform: translate3d(-40%, 0, 0)

    }



    to {

        opacity: 1;

        transform: translateZ(0)

    }

}



.fadeInLeft {

    animation-name: fadeInLeft

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        transform: translate3d(100%, 0, 0)

    }



    to {

        opacity: 1;

        transform: translateZ(0)

    }

}



.fadeInRight {

    animation-name: fadeInRight

}



:focus {

    outline: none !important;

}



button:focus {

    outline: none !important

}



a {

    text-decoration: none;

}



.headercontainer {

    background: none;

    padding: 0px;

    position: absolute;

    width: 100%;

    z-index: 2;

}



img {

    max-width: 100%;

}



.headercontainer .headtop {

    padding: 3px 0px;

}



.headercontainer .logocolumn {

    -ms-flex: 0 0 158px;

    flex: 0 0 320px;

    max-width: 320px;

    padding: 0px 0;

    position: relative;

}



.headercontainer .usercolumn {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

    padding: 0px 12px;

}



.headercontainer .headtop .logoouter {

    float: left;

    width: 100%;

    display: flex;

}



.headercontainer .headtop .logobx {

    display: inline-block;

    padding: 0px;

    position: relative;

    width: 50%;

}



.headercontainer .headtop .logobx img {

    max-width: 100%;

    max-height: 100%;

    height: auto;

}



.headercontainer .headtop .fps-year {

    width: 50%;

}



.fps-year img {

    width: 70px;

    margin-left: 10px;

}



@-webkit-keyframes stickySlideDown {

    from {

        transform: translateY(-100%);

    }



    to {

        transform: translateY(0);

    }

}



@keyframes stickySlideDown {

    from {

        transform: translateY(-100%);

    }



    to {

        transform: translateY(0);

    }

}



#submenu-child {

    top: 0% !important;

}



#submenu .menu-arrow {

    position: relative;

}



#submenu .menu-arrow::after {

    font-family: 'bootstrap-icons';

    content: "\F285";

    color: #F7B318;

    font-size: 16px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 10%;

}







.headrinfo {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.toplgin {

    text-align: right;

    display: flex;

    justify-content: end;

    padding-bottom: 10px;

}



.toplgin a {

    color: #fff;

    font-size: 15px;

    font-family: 'Poppins', sans-serif;

    display: flex;

    align-items: center;

    margin-right: 20px;

    text-decoration: none;

}



.toplgin a em {

    font-style: normal;

    flex: none;

    margin-right: 16px;

}



.toplgin a i {

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 6px;

    font-size: 14px;

    color: #F7B318;

}





.headercontainer .topusersection {

    float: left;

    width: 100%;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -ms-flex-align: center;

    align-items: center;

}



.topsearchbtx {

    padding: 0px;

    z-index: 5;

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    margin-bottom: 30px;

}



.topsearchbtx .searchpanelinner {

    float: left;

    width: 100%;

    padding: 0px 0px;

    position: relative;

}



.topsearchbtx .searchpanelinner .closebtn {

    float: right;

    background: #1bb639;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    color: #fff;

    text-align: center;

    line-height: 30px;

    cursor: pointer;

}



.topsearchbtx .searchpanelinner .form-group {

    margin: 0px;

    position: relative;

    float: left;

    width: 100%;

}



.topsearchbtx .searchpanelinner .form-group .input-group {

    border-radius: 0 0 10px 10px;

    overflow: hidden;

}



.topsearchbtx .searchpanelinner .form-group .form-control {

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 0px #fff;

    box-shadow: 0px 0px 0px #fff;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    height: 40px;

    border: none;

    color: #6D6D6D;

    font-size: 14px;

    font-weight: 400;

    padding: 6px 50px 6px 20px;

}



.topsearchbtx .searchpanelinner .form-group select.form-control {

    border: none;

    background-image: url(../images/down-arrow.html);

    background-repeat: no-repeat;

    background-position: center right;

    padding: 6px 20px 6px 15px;

    min-width: 130px;

    max-width: 130px;

    border-radius: 0

}



.topsearchbtx .searchpanelinner .form-group .form-control+.form-control {

    -webkit-border-radius: 0px 5px 5px 0px;

    border-radius: 0px 5px 5px 0px;

}



.topsearchbtx .searchpanelinner .form-group .form-control:focus {

    border-color: #6D6D6D;

}



.topsearchbtx .searchpanelinner .form-group .form-control::-moz-placeholder {

    color: #6D6D6D;

    opacity: 1

}



.topsearchbtx .searchpanelinner .form-group .form-control:-ms-input-placeholder {

    color: #6D6D6D

}



.topsearchbtx .searchpanelinner .form-group .form-control::-webkit-input-placeholder {

    color: #6D6D6D

}



.topsearchbtx .searchpanelinner .form-group .form-control::-ms-expand {

    background-color: transparent;

    border: 0

}



.topsearchbtx .searchpanelinner .form-group .searchbtn {

    position: absolute;

    z-index: 4;

    right: 4px;

    top: 50%;

    width: 37px;

    height: 37px;

    text-align: center;

    background: none;

    color: #fff;

    font-size: 15px;

    border: none;

    outline: none;

    -webkit-border-radius: 100% !important;

    border-radius: 100% !important;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-box-shadow: none;

    box-shadow: none;

    background: #F7B318;

}



.lftshape {

    position: absolute;

    top: 0px;

    left: -29px;

}



.rtshape {

    position: absolute;

    top: 0;

    right: -29px;

}



.beforeordr {

    margin-top: -8px;

    background: #F2B018;

    padding: 5px 15px;

    border-radius: 0 0 20px 20px;

    color: #262E1E;

    leading-trim: both;

    text-edge: cap;

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

    position: relative;

}



.lshp {

    position: absolute;

    left: -33px;

    top: 0px;

}



.rshp {

    position: absolute;

    right: -33px;

    top: 0px;

}



.beforeordr ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    justify-content: space-between;

    gap: 15px;

}



.beforeordr ul li {

    display: inline-block;

    padding: 5px;

}



.beforeordr ul li a {

    font-family: 'Inter', sans-serif;

    font-size: 0.8vw;

    font-weight: 500;

    line-height: 20px;

    letter-spacing: -0.04em;

    margin: 0;

    color: #181818;

}



.beforeordr ul li a:hover {

    color: #fff;

}



.headercontainer .loginbtx {

    float: left;

    margin-right: 25px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: center;

    align-items: center;

}



.headercontainer .loginbtn {

    display: flex;

    color: #000000;

    font-size: 14px;

    line-height: 100%;

    text-transform: capitalize;

    text-decoration: none;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    justify-content: end;

}



.headercontainer .loginbtn strong {

    display: block;

    font-weight: 600;

    margin-bottom: 6px;

}



.headercontainer .loginbtn i {

    font-size: 15px;

    color: #F2B018;

    width: 38px;

    height: 38px;

    border: 1px solid #F2B018;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

    margin: 0 4px;

}



.headercontainer .loginbtn a {

    text-decoration: none;

}



.headercontainer .loginbtn a:hover i {

    color: #F7B318;

    border: 1px solid #F7B318;

    text-decoration: none;

}



.headercontainer .userapn {

    margin-left: 30px;

}



.headercontainer .heartbtx {

    float: left;

    margin-left: 0px;

}



.headercontainer .heartbtx .heartbtn {

    position: relative;

    color: #000000;

    text-decoration: none;

}



.headercontainer .heartbtx.cartbtn>.heartbtn {

    color: #000000;

    float: left;

    margin-left: 10px;

}



.headercontainer .heartbtx.cartbtn>.heartbtn:before {

    border-left: 1px solid #B9B9B9;

    content: "";

    position: absolute;

    left: -17px;

    top: 2px;

    bottom: 3px;

}



.headercontainer .heartbtx.cartbtn>.heartbtn .badge {

    position: absolute;

    right: -4px;

    top: -6px;

    background: #DF0021;

    padding: 0px;

    text-align: center;

    color: #fff;

    font-size: 11px;

    min-width: 17px;

    min-height: 17px;

    line-height: 17px;

    border-radius: 50%;

}



.headercontainer .heartbtx.cartbtn .cartlt {

    display: table-cell;

    vertical-align: middle;

    position: relative;

}



.headercontainer .heartbtx.cartbtn .cartlt i {

    display: inline-block;

    font-size: 36px;

    color: #000000;

    line-height: 100%;

}



.headercontainer .heartbtx.cartbtn .cartrt {

    display: table-cell;

    vertical-align: middle;

    line-height: 100%;

    padding-left: 10px;

}



.headercontainer .heartbtx.cartbtn .cartrt em {

    font-size: 14px;

    font-style: normal;

    line-height: 100%;

    margin-bottom: 3px;

    display: block;

}



.headercontainer .heartbtx.cartbtn .cartrt strong {

    display: block;

    font-weight: 600;

    line-height: 100%;

}



.headercontainer .navigation {

    float: left;

    width: 100%;

    text-align: center;

}



.headercontainer.sticky .headbtm .navigation {

    border: none;

}



.headercontainer .navigation .navigationbox {

    margin-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.4);

    padding-top: 15px;

    float: left;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.headercontainer .navigation .sf-menu {

    margin: 0px;

    position: relative;

    padding: 0px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    vertical-align: middle;

}



.headercontainer .navigation .sf-menu>li {

    list-style: none;

    float: none;

    position: reltaive;

    margin: 0px;

    padding: 15px 0;

}



.headercontainer .navigation .sf-menu>li>a {

    color: #fff;

    text-decoration: none;

    padding: 14px 15px 12px 15px;

    display: block;

    font-size: 15px;

    text-transform: uppercase;

    letter-spacing: 0.1px;

    font-weight: 500;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.headercontainer .navigation .sf-menu>li>a:hover {

    color: #F7B318;

    background: transparent;

}



.headercontainer .navigation .sf-menu>li.active>a {

    color: #F7B318;

    background: transparent;

}



.headercontainer .navigation .sf-menu>li:last-child>ul {

    left: auto;

    right: 0px;

}



/* .headercontainer .navigation ul li.parent>a:after {

    font-family: 'FontAwesome';

    content: "\f107";

    position: absolute;

    right: 36px;

    top: 50%;

    color: #fff;

    margin-top: -6px;

    line-height: 100%;

} */



.headercontainer .navigation ul li.parent>a:hover:after {

    color: #DF0021;

}



/* dropdown menu css start */

.headercontainer .navigation ul li ul li {

    width: 100%;

}



.headercontainer .navigation ul li ul li a {

    width: 100%;

    font-size: 13px;

}



.sf-menu,

.sf-menu {

    margin: 0;

    padding: 0;

    list-style: none;

}



.sf-menu li {

    position: relative;

}



.sf-menu ul {

    position: absolute;

    top: 100%;

    left: 0px;

    z-index: 999;

    padding: 0px;

    margin: 0px;

}



.sf-menu .shin-drpdw {

    left: 28%;

}



.sf-menu .event-drpdw {

    left: 48.5%;

}





.sf-menu>li {

    float: left;

}



.sf-menu a {

    display: block;

    position: relative;

}



.sf-menu ul ul {

    top: 0;

    left: 100%;

}







/* DEMO SKIN */

.sf-menu {

    float: left;

}



.sf-menu li ul li a {

    background: 0 0;

    color: #4B9095;

    text-align: left;

    padding: 10px 15px;

}



.sf-menu li ul li+li {

    border-top: 1px solid #eaeaea;

}



.sf-menu li ul li a:hover {

    background: #000;

    color: #ffffff;

}



.sf-menu a {

    padding: 7px 20px;

    text-decoration: none;

    zoom: 1;

}



.sf-menu a {

    color: #13a;

}



.sf-menu li {

    -webkit-transition: background .2s;

    transition: background .2s;

}



.sf-menu li:hover,

.sf-menu li.sfHover {

    -webkit-transition: none;

    transition: none;

}



.headercontainer .navigation .sf-menu>li>a:hover {

    color: #DF0021;

    background: 0 0;

}



.headercontainer .navigation .sf-menu>li:hover a {

    background: transparent;

    color: #F7B318;

}



.headercontainer .navigation .sf-menu>li ul li:hover a {

    background: none !important;

    color: #303030;

}



.headercontainer .navigation .sf-menu>li:hover ul li a {

    color: #000000;

}



.headercontainer .navigation .sf-menu>li ul li a {

    background: none !important;

    color: #ffffff;

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;

}



.headercontainer .navigation .sf-menu>li ul li a:hover {

    background: #f00 !important;

    color: #ffffff;

}



.headercontainer .navigation .sf-menu>li ul li.active a {

    background: #3498db !important;

    color: #ffffff;

}



.headercontainer .navigation .sf-menu>li ul li a {

    background: none;

    font-size: 14px;

    text-transform: uppercase;

}



.sf-arrows .sf-with-ul {

    padding-right: 30px !important;

}



.sf-arrows .sf-with-ul:after {

    content: '\f107';

    position: absolute;

    font-family: 'FontAwesome';

    right: 20px;

    height: 0;

    width: 0;

}



.sf-arrows>li>.sf-with-ul {

    padding-right: 30px !important;

}



.sf-arrows>li>.sf-with-ul:focus:after,

.sf-arrows>li:hover>.sf-with-ul:after,

.sf-arrows>.sfHover>.sf-with-ul:after {}



.sf-arrows ul .sf-with-ul:after {

    content: '\f105';

}



.sf-arrows ul li>.sf-with-ul:focus:after,

.sf-arrows ul li:hover>.sf-with-ul:after,

.sf-arrows ul .sfHover>.sf-with-ul:after {}



.headercontainer .headbtm {

    position: relative;

}



.headercontainer .navigation .sf-menu {

    position: static;

    font-family: "Sen", sans-serif;

    font: 16px;

    font-weight: bold;

}



.headercontainer .navigation .sf-menu>li {

    position: reltaive;

}



.headercontainer .navigation .sf-menu>li .megamenu>li>.megacontainer {

    margin: 0px;

    padding: 10px 10px 20px 10px;

}



.headercontainer .navigation .sf-menu>li .megamenu>li {

    width: 100%;

}



.headercontainer .navigation .sf-menu>li .megamenu {

    width: auto;

    min-width: 100%;

    right: 0px;

    background: #fff;

    z-index: 99999;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -webkit-box-shadow: 0px 9px 9px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 9px 9px rgba(0, 0, 0, 0.09);

}



.headercontainer .navigation .sf-menu>li .megamenu ul {

    pointer-events: all;

    background: #fff;

    display: block;

    opacity: 1;

    position: static;

    visibility: visible;

}



.headercontainer .navigation .sf-menu>li .megamenu .brandheading {

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 600;

    color: #2b2b2b;

    margin: 10px 0px 5px 0px;

    text-align: left;

}



.headercontainer .navigation .sf-menu>li .megamenu ul {

    width: auto;

    margin: 0px 0px 0px 0px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.headercontainer .navigation .sf-menu>li .megamenu ul li {

    border: none;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    padding: 0px 15px;

    list-style: none;

}



.headercontainer .navigation .sf-menu>li .megamenu ul li a {

    padding: 3px 0px;

    background: transparent;

    color: #555555;

    font-size: 14px;

}



.headercontainer .navigation .sf-menu>li .megamenu ul li a:hover {

    background: transparent !important;

    color: #DF0021;

}



.headercontainer .navigation .sf-menu>li .megamenu .viewall {

    display: block;

    position: relative;

    padding: 0px;

    padding-right: 0px;

    color: #DF0021;

    margin: 10px 0px 0px 0px;

    font-size: 14px;

    font-weight: 500;

}



.headercontainer .navigation .sf-menu>li .megamenu .viewall span {

    display: inline-block;

    vertical-align: middle;

}



.headercontainer .navigation .sf-menu>li .megamenu .viewall i {

    display: none;

    vertical-align: middle;

    font-size: 130%;

    line-height: 100%;

    padding-left: 10px;

}



.headercontainer .navigation .sf-menu>li .megamenu .viewall:hover {

    background: transparent !important;

    color: #c42323;

}



.headercontainer .navigation .sf-menu>li .megamenu .navcolumninner {

    float: left;

    width: 100%;

    position: relative;

}



.headercontainer .chaddressbx {

    float: left;

    max-width: 296px;

    min-width: 296px;

    padding-right: 25px;

}



.headercontainer .chaddressbx .addressh {

    display: block;

    color: #1E1E19;

    font-size: 13px;

    font-weight: 400;

}



.headercontainer .chaddressbx .addresshlt {

    display: table-cell;

    vertical-align: middle;

}



.headercontainer .chaddressbx .addresshlt i {

    float: left;

    color: #DF0021;

    font-size: 20px;

    padding-right: 10px;

}



.headercontainer .chaddressbx .addresshmiddle {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}



.headercontainer .chaddressbx .addresshmiddle p {

    color: #1E1E19;

    font-size: 13px;

    font-weight: 600;

    margin: 0px;

}



.headercontainer .chaddressbx .addresshrt {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    white-space: nowrap;

    padding-left: 10px;

}



.headercontainer .chaddressbx .addresshrt:before {

    border-left: 1px solid #B9B9B9;

    content: "";

    position: absolute;

    left: 0px;

    top: 5px;

    bottom: 5px;

}



.headercontainer .chaddressbx .addresshrt .chaddbtn {

    display: inline-block;

    color: #39378A;

    font-size: 13px;

    text-decoration: underline;

    white-space: nowrap;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



.headercontainer .chaddressbx .addresshrt .chaddbtn:hover {

    color: #DF0021;

}



.clusbtn {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%),

        linear-gradient(0deg, #FFC327, #FFC327);

    font-family: 'Inter', sans-serif;

    font-size: 28px;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: -0.04em;

    color: #fff;

    padding: 15px 20px;

    border-radius: 24px;

    display: inline-flex;

    align-items: center;

    border: 1.21px solid #FFC327;

}



.clusbtn em {

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    font-style: normal;

    font-size: 2vw;

}



.clusbtn i {

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    font-style: normal;

    font-size: 30px;

    margin-right: 10px;

}



.clusbtn:hover {

    background: linear-gradient(95.06deg, #FFC327 -2.54%, #FFC327 110.95%),

        linear-gradient(0deg, #F27418, #F27418);

    color: #fff;

}



.theme-btn {

    background: #00F6FF;

    display: inline-block;

    font-size: 15px;

    text-decoration: none;

    padding: 10px 20px;

    border: none;

    outline: none;

    color: #597172;

    -webkit-border-radius: 40px;

    border-radius: 40px;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



.theme-btn span {

    display: inline-block;

    vertical-align: middle;

    padding-right: 10px;

}



.theme-btn i {

    display: inline-block;

    vertical-align: middle;

    font-size: 80%;

}



.theme-btn:hover {

    background: #00dfe8;

    color: #597172;

}



.theme-default-btn {

    background: #FFAC30;

    display: inline-block;

    font-size: 15px;

    text-decoration: none;

    padding: 10px 20px;

    border: none;

    outline: none;

    color: #73490B;

    -webkit-border-radius: 40px;

    border-radius: 40px;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



.theme-default-btn span {

    display: inline-block;

    vertical-align: middle;

    padding-right: 10px;

}



.theme-default-btn i {

    display: inline-block;

    vertical-align: middle;

    font-size: 80%;

}



.theme-default-btn:hover {

    background: #d2891c;

    color: #73490B;

}



.theme-secondary-btn {

    background: #FF5D41;

    display: inline-block;

    font-size: 15px;

    text-decoration: none;

    padding: 10px 20px;

    border: none;

    outline: none;

    color: #5F1C10;

    -webkit-border-radius: 40px;

    border-radius: 40px;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



.theme-secondary-btn span {

    display: inline-block;

    vertical-align: middle;

    padding-right: 10px;

}



.theme-secondary-btn i {

    display: inline-block;

    vertical-align: middle;

    font-size: 80%;

}



.theme-secondary-btn:hover {

    background: #c94029;

    color: #5F1C10;

}



.circleeffect {

    position: relative;

    overflow: hidden

}



.circleeffect:before {

    content: "";

    width: 124px;

    height: 124px;

    border-radius: 50%;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -62px;

    margin-left: -62px;

    display: none;

}



.circleeffect:hover:before {

    -webkit-animation: circleIn .4s linear;

    animation: circleIn .4s linear;

    display: block;

    animation-fill-mode: forwards;

    -webkit-animation-fill-mode: forwards

}



@-webkit-keyframes circleIn {

    0% {

        -webkit-transform: scale(0);

        opacity: .4

    }



    100% {

        -webkit-transform: scale(1);

        opacity: 0

    }

}



@keyframes circleIn {

    0% {

        transform: scale(0);

        opacity: .4

    }



    100% {

        transform: scale(1);

        opacity: 0

    }

}



.banner-sec {

    position: relative;

}



.roketpic {

    position: absolute;

    right: 0;

    top: 37%;

}





.baner-content {

    position: absolute;

    top: 17%;

    left: 0;

    width: 100%;

}



.bnrtxt {}



.bnrtxt h6 {

    font-family: "Sen", serif;

    font-size: 30px;

    font-weight: bold;

    letter-spacing: 0em;

    text-align: left;

    color: #fff;

    margin-bottom: 16px;

}



.bnrtxt h2 {

    background: -webkit-linear-gradient(51deg, #F2B018, #F22518 94%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 600;

    line-height: 60px;

    margin-bottom: 6px;

    text-transform: uppercase;

    font-size: 48px;

    font-family: "Merriweather", serif;

}



.bnrtxt h2 span {

    font-family: "Merriweather", serif;

    background-color: #fff;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.bnrtxt h2 img {

    width: 60px;

    background-color: #fff;

    border-radius: 10px;

    margin-bottom: 10px;

    padding: 10px;

    box-shadow: 0 3px 10px rgb(0 0 0 / 0.8);

}



.bnrtxt h4 {

    font-family: 'Sen';

    font-size: 40px;

    font-weight: 600;

    letter-spacing: 0;

    text-align: left;

    color: #fff;

}



.baner-info {

    display: flex;

    justify-content: space-between;

    position: relative;

    z-index: 1;

}



.callfrom {

    background: linear-gradient(0deg, rgba(20, 25, 44, 0.9), rgba(20, 25, 44, 0.9)),

        linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    box-shadow: 0px 9px 38px 0px #666E8D4D inset;

    border-radius: 70px;

    padding: 42px;

    position: relative;

    z-index: 1;

    display: inline-table;

    width: 200px;

}



.callfrom h4 {

    font-family: 'founders_grotesksemibold';

    font-size: 30px;

    font-weight: 600;

    letter-spacing: -0.02em;

    color: #fff;

    text-transform: uppercase;

}



.callfrom p {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 20px;

    letter-spacing: 5px;

    color: #fff;

}



.from-check {

    display: flex;

    align-items: flex-start;

}



.from-check input {

    margin-top: 1px;

    margin-right: 5px;

}



.getfrom {

    margin: 10px 0;

}



.getfrom input {

    background: #2A3047;

    border-radius: 15px;

    height: 48px;

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    font-weight: 500;

    border: none;

    width: 100%;

    color: #fff;

    padding: 0 15px;

}



.getfrom input::placeholder {

    opacity: 1;

    color: #fff;

}



.getfrom textarea {

    background: #2A3047;

    border-radius: 15px;

    min-height: 108px;

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    font-weight: 500;

    letter-spacing: -0.04em;

    border: none;

    width: 100%;

    color: #fff;

    padding: 15px 15px;

    resize: none;

}



.getfrom textarea::placeholder {

    opacity: 1;

    color: #fff;

}



.callfrom em {

    font-family: 'founders_groteskmedium';

    font-size: 16px;

    font-weight: lighter;

    line-height: 20px;

    letter-spacing: 0.5px;

    color: #fff;

    font-style: normal;

}



.callfrom em a {

    font-family: 'Inter', sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    letter-spacing: -0.04em;

    color: #EA721F;

}



.getfrom button {

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

    letter-spacing: 0;

    background: #fff;

    padding: 10px 20px;

    border-radius: 19px;

    color: #EA721F;

    border: none;

    margin-top: 15px;

    display: flex;

    align-items: center;

    gap: 10px;

    transition: all .4s ease-in-out;

}



.getfrom button:hover span {

    background-color: #fff;

    color: rgb(234, 114, 31);

}



.getfrom button span {

    font-size: 16px;

    width: 32px;

    height: 32px;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

    background: #EA721F;

    transition: all .6s ease-in-out;

}



.getfrom button:hover {

    background: #EA721F;

    color: #fff;

}



.radio-slct {

    display: flex;

    gap: 12px;

    margin-bottom: 20px;

}



.customRadio input[type="radio"]+label {

    color: #fff;

}



/* Custom Radio */

.customRadio {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0 0 10px;

}



.customRadio input[type="radio"] {

    position: absolute;

    overflow: hidden;

    clip: rect(0 0 0 0);

    display: none;

}



.customRadio input[type="radio"]+label {

    position: relative;

    padding: 0 0 0 30px;

    cursor: pointer;

}



.customRadio input[type="radio"]+label:before {

    content: '';

    background: transparent;

    border: 2px solid #d0d0d0;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

}



.customRadio input[type="radio"]+label:after {

    content: '';

    background: #fff;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    position: absolute;

    top: 5px;

    left: 5px;

    opacity: 0;

    -webkit-transform: scale(2);

    transform: scale(2);

    -webkit-transition: transform 0.3s linear, opacity 0.3s linear;

    transition: transform 0.3s linear, opacity 0.3s linear;

}



.customRadio input[type="radio"]:checked+label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



/* Custom Checkbox */

.customCheckbox {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0;

}



.customCheckbox input[type="checkbox"] {

    position: absolute;

    overflow: hidden;

    clip: rect(0 0 0 0);

    display: none;

}



.customCheckbox input[type="checkbox"]+label {

    position: relative;

    padding: 0 0 0 30px;

    margin-bottom: 0;

    cursor: pointer;

}



.customCheckbox input[type="checkbox"]+label:before {

    content: '';

    background: #ffffff;

    border: 1px solid #d0d0d0;

    border-radius: 0;

    height: 20px;

    width: 20px;

    position: absolute;

    top: 0;

    left: 0;

}



.customCheckbox input[type="checkbox"]+label:after {

    content: '';

    border-style: solid;

    border-width: 0 0 2px 2px;

    border-color: transparent transparent #333333 #333333;

    width: 12px;

    height: 7px;

    position: absolute;

    top: 5px;

    left: 5px;

    opacity: 0;

    -webkit-transform: scale(1) rotate(-45deg);

    transform: scale(1) rotate(-45deg);

    -webkit-transition: transform 0.3s linear, opacity 0.3s linear;

    transition: transform 0.3s linear, opacity 0.3s linear;

}



.customCheckbox input[type="checkbox"]:checked+label:after {

    opacity: 1;

    -webkit-transform: scale(1) rotate(-45deg);

    transform: scale(1) rotate(-45deg);

    color: #6d6d6d;

}





.abutop {

    position: absolute;

    bottom: 16px;

    width: 100%;

}



.moonbook {

    position: absolute;

    left: 11%;

    top: -60%;

}



.moonbook img {

    max-width: 251px !important;

}







.yelowbox-info {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%),

        linear-gradient(0deg, #FFC327, #FFC327);

    padding: 30px 40px;

    border-radius: 24px;

    margin: 30px 0;

}



.yelowbox-info strong {

    font-family: 'founders_groteskmedium';

    font-size: 40px;

    font-weight: 500;

    letter-spacing: -0.04em;

    color: #222222;

}



.yelowbox-info small {

    font-family: 'Inter', sans-serif;

    font-size: 14px;

    font-weight: bold;

    line-height: 20px;

    letter-spacing: 0em;

    color: #333333;

    display: block;

}



.observ-section div {

    padding: 20px 0;

}







/*maac course*/



.maac-course-sec {

    width: 100%;

    background-size: 100% 100% !important;

    border-radius: 20px;

    margin: 40px 0;

    padding: 0 0 20px;

}



.course-grid {

    background: linear-gradient(0deg, #171B2C, #171B2C),

        linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    border-radius: 72px;

    border: 1.56px solid;

    border-image-source: linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    box-shadow: 0px 14.055194854736328px 59.344154357910156px 0px #666E8D82 inset;

    padding: 30px 40px;

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    transition: 0.5s;

    min-height: 562px;

}



.course-grid:hover {

    /*background: linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%),

    linear-gradient(0deg, #BF0D14, #BF0D14);

    border: 1.56px solid;*/



    background: linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%),

        linear-gradient(0deg, #BF0D14, #BF0D14);

}



.patrnbg {

    position: absolute;

    left: 0;

    top: 0;

}



.course-pic {

    position: relative;

    border-radius: 50px;

    overflow: hidden;

    margin-bottom: 30px;

}



.course-pic img {

    width: 100%;

}



.curse-info {

    position: relative;

    padding: 15px 30px;

}



.curse-info h5 {

    font-family: 'founders_groteskmedium';

    font-size: 24px;

    font-weight: 500;

    letter-spacing: 1px;

    text-align: left;

    color: #fff;

    min-height: 60px;

}



.curse-info p {

    font-family: 'gothambook';

    font-size: 1vw;

    font-weight: 500;

    letter-spacing: 0em;

    text-align: justify;

    color: #fff;

    min-height: 100px;

}



.curse-info a {

    font-family: 'Inter', sans-serif;

    font-size: 22px;

    font-weight: 700;

    background: #fff;

    padding: 12px 20px;

    border-radius: 19px;

    color: #EA721F;

    margin-top: 3px;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    transition: all .2s ease-in-out;

}



.curse-info a span {

    font-size: 1vw;

    width: 30px;

    height: 30px;

    color: #fff;

    text-align: center;

    line-height: 30px;

    border-radius: 100%;

    background: #F7B103;

}



.curse-info a:hover {

    background: #EA721F;

    color: #fff;

}



.radio-slct {

    display: flex;

    gap: 8px;

    margin-bottom: 20px;

}



.subheding {

    margin-bottom: 42px;

}



.subheding p {

    font-family: 'Poppins', sans-serif;

    font-size: 24px;

    font-weight: 600;

    letter-spacing: 1px;

    text-align: center;

    color: #F28C18;

}



.video-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

}



.video-wrapper video {

    width: 100%;

    height: auto;

}



.image {

    display: block;

    position: absolute;

    top: 0;

    width: 101%;

}



.image img {

    width: 101%;

    height: 100%;

    object-fit: cover;

}



.skill-about {

    margin: 80px 0;

    background-color: #ffe1ad;

}



.skill-about p {

    font-size: 20px;

    font-family: 'inter';

    font-weight: 400;

    padding: 32px 0;

}



.macc-heading {

    text-align: center;

    margin-bottom: 40px;

    position: relative;

}



.macc-heading h2 {

    background: #fff;

    padding: 0 18px 10px;

    line-height: 32px;

    border-radius: 0 0 20px 20px;

    display: inline-block;

    font-family: 'Abhaya Libre', serif;

    font-size: 2.5vw;

    font-weight: 700;

    letter-spacing: 0em;

}



.macc-heading h2 span {

    font-size: 3vw;

}



.macc-heading img {

    position: absolute;

    top: -100px;

    left: 33%;

    transform: translateX(-50%);

}



.enrolbtn {

    text-align: center;

    margin: 30px 0;

}



.enrolbtn p {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    border-radius: 24px;

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: 0;

    text-align: center;

    color: #fff;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    padding: 8px 15px;

    display: inline-flex;

    text-transform: uppercase;

    align-items: center;

    cursor: pointer;

}



.enrolbtn p:hover {

        background: linear-gradient(95.06deg, #F27418 -2.54%, #FFC327 110.95%), linear-gradient(0deg, #FFC327, #F27418);

}



.enrolbtn p span {

    position: relative;

    height: 54px;

    display: inline-block;

    margin-left: 10px;

}



.enrolbtn p span>img {

    animation: blinker 1.5s linear infinite;

}



@keyframes blinker {

    50% {

        opacity: 0.5;

    }

}







.enrolbtn p span i {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.enrolbtn p span i img {

    margin: 0;

    max-width: 30px;

}



.enrolbtn a {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    border-radius: 24px;

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: 0;

    text-align: center;

    color: #fff;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    padding: 8px 15px;

    display: inline-flex;

    text-transform: uppercase;

    align-items: center;

    cursor: pointer;

}



.enrolbtn a:hover {

    background: linear-gradient(95.06deg, #F27418 -2.54%, #FFC327 110.95%), linear-gradient(0deg, #FFC327, #F27418);

}



.enrolbtn a span {

    position: relative;

    height: 54px;

    display: inline-block;

    margin-left: 10px;

}



.enrolbtn a span>img {

    animation: blinker 1.5s linear infinite;

}



@keyframes blinker {

    50% {

        opacity: 0.5;

    }

}







.enrolbtn a span i {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.enrolbtn a span i img {

    margin: 0;

    max-width: 30px;

}





.democlass-add {

    background: #232734;

    border-radius: 40px;

    padding: 40px;

    position: relative;

}



.demoptrn {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.demoptrn img {

    width: 100%;

    height: 100%;

    border-radius: 40px;

}



.midlerundclr {

    background: #BD232980;

    max-width: 780px;

    width: 100%;



}



.rockdetl {

    max-width: 660px;

    width: 100%;

    color: #fff;

    position: relative;

    margin-right: 90px;

    padding-right: 30px;

}



.rockdetl h3 {

    font-family: 'founders_groteskbold';

    font-size: 25px;

    font-weight: 500;

    color: #F7B103;

}



.rockdetl h6 {

    font-family: 'Inter', sans-serif;

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 20px;

    text-decoration: underline;

    text-underline-offset: 0.4em;

}



.rockdetl p {

    font-family: 'Inter', sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 28px;

    letter-spacing: 0em;

}



.rockdetl a {

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    font-weight: 600;

    border: 1.84px solid;

    background: linear-gradient(0deg, #BF0D14, #BF0D14), linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%);

    border-image-source: linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%);

    border-radius: 22px;

    padding: 0px 30px;

    color: #fff;

    display: inline-flex;

    align-items: center;

    position: relative;

    -webkit-box-shadow: 1px 5px 0px 0px #9B212D;

    -moz-box-shadow: 1px 5px 0px 0px #9B212D;

    box-shadow: 1px 5px 0px 0px #9B212D;

    margin-top: 10px;

}



.rockdetl a:hover {

    background: #d23c38;

}



.rockdetl a span {

    position: relative;

    height: 54px;

    display: inline-block;

    margin-left: 10px;

}



.rockdetl a span i {

    position: absolute;

    bottom: -5px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}



.rockdetl a span i img {

    margin: 0;

    max-width: 28px;

}



.rockdetl a span>img {

    animation: blinker 1.5s linear infinite;

}



@keyframes blinker {

    50% {

        opacity: 0.5;

    }

}



.demaocontent {

    display: flex;

    justify-content: end;

    position: relative;

}



.rockman img {

    width: 1000px;

}



.rockman {

    position: absolute;

    transform: translate(-464px, 245px);

    animation: MoveUpDown 1s linear infinite;

    animation-duration: 5s;

}



@keyframes MoveUpDown {



    0%,

    100% {

        bottom: 20px;

    }



    50% {

        bottom: 50px;

    }

}





.relaxgame {

    position: absolute;

    left: -34px;

    bottom: -130px;

}



.rkcoinpic {

    position: absolute;

    transform: translate(120px, 10px);

    animation: MoveUpDown 1s linear infinite;

    animation-duration: 6s;

}



@keyframes MoveUpDown {



    0%,

    100% {

        bottom: 0px;

    }



    50% {

        bottom: 100px;

    }

}



.rkcrub {

    position: absolute;

    left: 28%;

    transform: translateX(-50%);

    top: -110px;

    -moz-animation: 3s ease 0s normal none infinite swing;

    -moz-transform-origin: center top;

    -webkit-animation: swing 3s infinite ease-in-out;

    -webkit-transform-origin: top;

    animation-duration: 5s;

}



@-moz-keyframes swing {

    0% {

        -moz-transform: rotate(-10deg)

    }



    50% {

        -moz-transform: rotate(10deg)

    }



    100% {

        -moz-transform: rotate(-10deg)

    }

}



@-webkit-keyframes swing {

    0% {

        -webkit-transform: rotate(-10deg)

    }



    50% {

        -webkit-transform: rotate(10deg)

    }



    100% {

        -webkit-transform: rotate(-10deg)

    }

}



.free-demo-class {

    margin-top: 70px;

}



.student-wrk-sec {

    background: linear-gradient(94.31deg, #F30009 4.71%, #BE2329 102.53%);

    padding: 30px 0;

    margin-top: 70px;

}



.studntwrk-inner {

    background: #181818;

    border-radius: 30px;

    padding: 0 30px 30px;

}



.studnt-heading {

    text-align: center;

    margin-bottom: 40px;

    position: relative;

}



.studnt-heading h2 {

    background: #DC0F17;

    color: #fff;

    padding: 0 18px 10px;

    border-radius: 0 0 20px 20px;

    display: inline-block;

    font-family: 'Abhaya Libre', serif;

    font-size: 2.5vw;

    line-height: 32px;

    font-weight: 700;

    letter-spacing: 0em;

}



.studnt-heading span {

    position: absolute;

    right: 19%;

    top: -85px;

    transform: translateX(-50%);

}



.studnt-crub-charecter h2 {

    font-family: 'founders_groteskbold';

    font-size: 40px;

    font-weight: 600;

    letter-spacing: 2px;

    text-align: center;

    color: #fff;

}



.crown-img {

    position: absolute !important;

    top: -320% !important;

}



/* crown carousal start */



.swiper-pagination-bullet {

    border: 1px solid #1da1f2;

}



.swiper-pagination-bullet-active {

    background: #1da1f2

}



img:not([draggable]),

embed,

object,

video {

    max-width: 100%;

}



.swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1

}



.swiper-container-no-flexbox .swiper-slide {

    float: left

}



.swiper-container-vertical>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -ms-flex-direction: column;

    flex-direction: column

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    box-sizing: content-box

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.swiper-container-multirow>.swiper-wrapper {

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto

}



.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex: 0 0 auto;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative

}



.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-transition-property: -webkit-transform, height;

    -webkit-transition-property: height, -webkit-transform;

    transition-property: height, -webkit-transform;

    transition-property: transform, height;

    transition-property: transform, height, -webkit-transform

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000

}



.swiper-wp8-horizontal {

    -ms-touch-action: pan-y;

    touch-action: pan-y

}



.swiper-wp8-vertical {

    -ms-touch-action: pan-x;

    touch-action: pan-x

}



.swiper-button-next,

.swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat

}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    left: 10px;

    right: auto

}



.swiper-button-prev.swiper-button-black,

.swiper-container-rtl .swiper-button-next.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-prev.swiper-button-white,

.swiper-container-rtl .swiper-button-next.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    right: 10px;

    left: auto

}



.swiper-button-next.swiper-button-black,

.swiper-container-rtl .swiper-button-prev.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next.swiper-button-white,

.swiper-container-rtl .swiper-button-prev.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s;

    transition: .3s;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%

}



.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2

}



button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    box-shadow: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -webkit-appearance: none;

    appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-white .swiper-pagination-bullet {

    background: #fff

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff

}



.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000

}



.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 5px 0;

    display: block

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px

}



.swiper-pagination-progress {

    background: rgba(0, 0, 0, .25);

    position: absolute

}



.swiper-pagination-progress .swiper-pagination-progressbar {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

    -webkit-transform-origin: right top;

    transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progress {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0

}



.swiper-container-vertical>.swiper-pagination-progress {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0

}



.swiper-pagination-progress.swiper-pagination-white {

    background: rgba(255, 255, 255, .5)

}



.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

    background: #fff

}



.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

    background: #000

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    -o-perspective: 1200px;

    perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-coverflow .swiper-wrapper,

.swiper-container-flip .swiper-wrapper {

    -ms-perspective: 1200px

}



.swiper-container-cube,

.swiper-container-flip {

    overflow: visible

}



.swiper-container-cube .swiper-slide,

.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1

}



.swiper-container-cube .swiper-slide .swiper-slide,

.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active,

.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top,

.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-cube .swiper-slide {

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next+.swiper-slide,

.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center

}



.swiper-zoom-container>canvas,

.swiper-zoom-container>img,

.swiper-zoom-container>svg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, .1)

}



.swiper-container-horizontal>.swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%

}



.swiper-container-vertical>.swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, .5);

    border-radius: 10px;

    left: 0;

    top: 0

}



.swiper-scrollbar-cursor-drag {

    cursor: move

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    animation: swiper-preloader-spin 1s steps(12, end) infinite

}



.swiper-lazy-preloader:after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-position: 50%;

    background-size: 100%;

    background-repeat: no-repeat

}



.swiper-lazy-preloader-white:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")

}



@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg)

    }

}



@keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.swiper-container.one {

    padding-top: 40px;

    text-align: center;

}



.swiper-container.one .swiper-slide {

    padding: 0 43px;

}



.swiper-container {

    width: 100%;

    padding-bottom: 60px;

}



.swiper-slide img {

    display: block;

    margin: auto;

    width: 100%;

}



.swiper-slide {

    width: 390px;

    height: auto;

    padding: 0 15px;

}



.two .swiper-slide {

    width: 300px;

}



.swiper-slide img {

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

}



.swiper-slide .slider-image .preview-icon {

    z-index: -1;

    width: calc(100% - 30px);

}



.swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    z-index: 1;

}



.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 0px;

}



.swiper-pagination-bullet {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #ee0f6f;

    border-radius: 10px;

    display: inline-block;

    height: 10px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    width: 26px;

    -webkit-transition: 0.2s;

    transition: 0.2s;

}



.swiper-pagination-bullet-active {

    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ee0f6f 0%, #f89482 100%) repeat scroll 0 0;

    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ee0f6f 0%, #f89482 100%) repeat scroll 0 0;

    border: medium none;

    height: 12px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    width: 12px;

}



/* crown carousal end */



.recruiter {

    margin: 60px 0;

}



.recruiter-inner {

    width: 100%;

    background-size: 100% 100% !important;

    padding: 0 0 30px;

    border-radius: 30px;

}



.recruiter-inner .recutr-heading {

    text-align: center;

    margin-bottom: 40px;

    position: relative;

}



.recruiter-inner .recutr-heading h2 {

    background: #fff;

    color: #252525;

    padding: 0 18px 10px;

    border-radius: 0 0 20px 20px;

    display: inline-block;

    font-family: 'Abhaya Libre', serif;

    font-size: 2.5vw;

    line-height: 32px;

    font-weight: 700;

    letter-spacing: 0em;

    text-transform: uppercase;

}



.recruiter-inner .recutr-heading h2 span {

    font-size: 3vw;

}



.recruiter-inner .recutr-heading em {

    position: absolute;

    left: 32.5%;

    top: -65px;

    transform: translateX(-50%);

}



.rcutr-slidr {

    padding-bottom: 50px;

}



/*font-family: 'Abhaya Libre', serif;*/



























.footercontainer {

    background: #181818;

    padding: 60px 0px 20px 0px;

    position: relative;

}



.footercontainer .container .row {

    align-items: flex-start;

}



.footercontainer h3 {

    color: #fff;

    font-size: 17px;

    font-weight: bold;

    letter-spacing: 1px;

    margin-bottom: 16px;

    text-transform: uppercase;

}



.footercontainer h3 p {

    font-size: 16px;

}



.footercontainer .footernav {

    float: left;

    width: 100%;

    padding-right: 10px;

}



.footercontainer .footernav ul {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0px;

    padding: 0px;

}



.footercontainer .footernav ul li {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    list-style: none;

    line-height: 100%;

    margin: 0px 0px 24px 0px;

    padding: 0px 0px;

}



.footercontainer .footernav ul li a {

    display: block;

    position: relative;

    margin: 0px;

    padding: 0px;

    font-size: 13px;

    font-weight: 400;

    color: #fff;

    text-transform: capitalize;

    text-decoration: none;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



.footercontainer .footernav ul li a:hover {

    color: #5958a7;

}



.footercontainer .cinfobox {

    display: block;

}



.footercontainer .cinfobox {

    margin: 0px 0px 20px 0px;

}



.footercontainer .cinfobox .cinfoboxicon {

    display: table-cell;

    vertical-align: top;

    padding-right: 15px;

}



.footercontainer .cinfobox .cinfoboxicon i {

    float: left;

    width: 44px;

    height: 44px;

    text-decoration: none;

    text-align: center;

    line-height: 40px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background: #2D5110;

    color: #fff;

    font-size: 17px;

}



.footercontainer .cinfobox .cinfoboxicon i.icon-envelope {

    font-size: 13px;

}



.footercontainer .cinfobox .cinfoboxcon {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}



.footercontainer .cinfobox .cinfoboxcon p {

    color: #fff;

    font-size: 14px;

    margin: 0px;

    font-weight: 300;

    word-break: break-all;

}



.footercontainer .cinfobox .cinfoboxcon p a {

    color: #fff;

    text-decoration: none;

}



.footercontainer .cinfobox .cinfoboxcon p a:hover {

    color: #5958a7;

}



.footercontainer .footerappbx {

    float: left;

    width: 100%;

    border-top: 1px solid #8DBF64;

    padding-top: 25px;

    padding-bottom: 50px;

}



.footercontainer .footerapp {

    float: left;

    width: 100%;

}



.footercontainer .footerapp span {

    display: inline-block;

    vertical-align: middle;

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    padding-right: 10px;

}



.footercontainer .footerapp .appft {

    display: inline-block;

    vertical-align: middle;

    max-width: 120px;

    margin: 0px 5px 0px 0px;

}



.footercontainer .footerapp .appft img {

    max-width: 100%;

    max-height: 100%;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



.footercontainer .footerapp .appft:hover img {

    -webkit-filter: drop-shadow(-25px -7px 55px rgba(0, 0, 0, 0.20));

    filter: drop-shadow(-25px -7px 55px rgba(0, 0, 0, 0.20));

}



.footercontainer .footersocial {

    display: block;

    padding-left: 0px;

    margin-bottom: 15px;

}



.footercontainer .footersocial span {

    color: #fff;

}



.footercontainer .footersocial h3 {

    margin-bottom: 18px;

}



.footercontainer .footersocial a {

    display: inline-block;

    vertical-align: middle;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    border: 1px solid #F2B018;

    color: #F2B018;

    text-decoration: none;

    font-size: 14px;

    margin: 0px 5px 5px 0px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



.footercontainer .footersocial a:hover {

    background: #f6931c;

    border-color: #f6931c;

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

}



.footercontainer .ftctbtmbx {

    float: left;

    width: 100%;

    background: #181818;

    padding: 20px 0px 30px 0px;

}



.footercontainer .cardbtx {

    display: block;

    text-align: right;

}



.footercontainer .cardbtx span {

    display: inline-block;

    vertical-align: middle;

    font-size: 15px;

    font-weight: 400;

    color: #fff;

    padding-right: 10px;

}



.footercontainer .cardbtx img {

    max-width: 100%;

    max-height: 40px;

}



.footercontainer .copyright {

    display: block;

    text-align: left;

    margin: 0px;

    padding: 0px;

    font-size: 12px;

    font-weight: 200;

    color: #fff;

    text-decoration: none;

}



.footercontainer .copyright a {

    color: #F2B018;

    text-decoration: none;

}



.footercontainer .copyright a:hover {

    text-decoration: underline;

}



.ftrlgo {

    margin-bottom: 15px;

}



.ftrlgo img {

    max-width: 160px;

}



.fotrbg {

    width: 100%;

    position: absolute;

    top: -28px;

    left: 0;

}



.fotrbg img {

    width: 100%;

}



.footer-link {

    margin-bottom: 15px;

}



.footer-link ul {

    padding: 0;

    margin-bottom: 65px;



}



.footer-link ul li {

    display: inline-block;

    padding: 8px 0 0 15px;

    position: relative;

    width: 19%;

}



.footer-link ul li::before {

    width: 6px;

    height: 6px;

    background: #F2B018;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(0);

    content: '';

    border-radius: 100%;

}



.footer-link ul li a {

    display: inline-block;

    color: #FFF;

    font-size: 14px;

    font-style: normal;

    font-weight: 200;

    line-height: 25px;

    text-decoration: none;

    font-family: 'Inter', sans-serif;

}



.footer-link ul li a:hover {

    color: #F2B018;

}







.breadcrumbcontainer {

    padding: 0px;

    background: #F5F4FF;

}



.breadcrumb {

    background: 0 0;

    padding: 20px 0px 18px 0px;

    margin-bottom: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

}



.breadcrumb li {

    color: #292929;

    font-size: 15px;

    font-weight: 400;

}



.breadcrumb>li+li:before {

    padding: 0 10px;

    color: #A1A1A1;

    vertical-align: middle;

    font-size: 7px;

    content: "\e903";

    font-family: 'icomoon';

}



.breadcrumb li a {

    color: #292929;

    text-decoration: none;

    -webkit-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;

}



.breadcrumb li a:hover {

    color: #292929;

}



.breadcrumb li.active {

    color: #292929;

}



.breadcrumbcontainer .breadlt {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}



.breadcrumbcontainer .breadrt {

    display: table-cell;

    vertical-align: middle;

    white-space: nowrap;

}



.breadcrumbcontainer .breadrt .form-switch.form-check-reverse {

    padding-right: 70px;

}



.breadcrumbcontainer .breadrt .form-switch .form-check-label {

    font-size: 15px;

    font-weight: 500;

    color: #39378A;

    padding-top: 5px;

}



.breadcrumbcontainer .breadrt .form-switch .form-check-input {

    width: 60px;

    height: 26px;

    margin-right: -70px;

    margin-top: 3px;

    border-color: #C9C6E1;

    background-color: #C9C6E1;

    -webkit-box-shadow: 10px 11px 30px #E0DEFA;

    box-shadow: 10px 11px 30px #E0DEFA;

}



.breadcrumbcontainer .breadrt .form-switch .form-check-input:checked[type=checkbox] {

    background-color: #39378A;

    border-color: #39378A;

}



.wrk-slidr .owl-carousel {

    padding: 0px;

}



@media (max-width: 767px) {

    .wrk-slidr .owl-carousel .owl-stage-outer {

        padding: 20px 0px;

    }

}



.wrk-slidr .owl-carousel .owl-stage-outer .owl-stage {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.wrk-slidr .owl-carousel .owl-stage-outer .owl-stage .owl-item {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.wrk-slidr .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {

    float: left;

    width: 100%;

    height: 100%;

    padding: 0px;

}



.studnwrk-bx {

    border-radius: 20px;

    overflow: hidden;

}



.wrk-slidr .owl-item:not(.active)+.owl-item.active .studnwrk-bx {

    transition: transform 1s ease-in-out;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateY(16deg) translate3d(0px, 0px, 0px) scale(1.1);

}



.wrk-slidr .owl-item:not(.active)+.owl-item.active+.owl-item.active .studnwrk-bx {

    transition: transform 1s ease-in-out;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateY(9deg) translate3d(15px, 0px, -78px) scale(0.9);

}



.wrk-slidr .owl-item .studnwrk-bx {

    transform: scale(0.8);

}



.wrk-slidr .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .studnwrk-bx {

    transition: transform 1s ease-in-out;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateY(-16deg) translate3d(0px, 0px, 0px) scale(0.9);

}



.wrk-slidr .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .studnwrk-bx {

    transition: transform 1s ease-in-out;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateY(-16deg) translate3d(0px, 0px, 0px) scale(1.1);

}









.recutr-bx {

    border-radius: 20px;

    overflow: hidden;

    background: #fff;

    text-align: center;

    padding: 50px;

    height: 100%;

    display: flex;

    align-items: center;

}





.rcutr-slidr .item {

    height: 180px;

}



.lernbtn {

    text-align: center;

    margin: 0;

}



.lernbtn a {

    background: linear-gradient(94.31deg, #F30009 4.71%, #BE2329 102.53%), linear-gradient(0deg, #FD6066, #FD6066);

    border-radius: 24px;

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 1px;

    text-align: center;

    color: #fff;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    padding: 8px 18px;

    text-transform: uppercase;

    display: inline-flex;

    align-items: center;

}



.lernbtn a:hover {

    background: linear-gradient(94.31deg, #FD6066 4.71%, #FD6066 102.53%), linear-gradient(0deg, #F30009, #BE2329);

}



.lernbtn a span {

    position: relative;

    height: 54px;

    display: inline-block;

    margin-left: 10px;

}



.lernbtn a span i {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}



.lernbtn a span i img {

    margin: 0;

    max-width: 28px;

}



.lernbtn a span>img {

    animation: blinker 1.5s linear infinite;

}



@keyframes blinker {

    50% {

        opacity: 0.5;

    }

}



.dremcmpny h4 {

    font-family: 'founders_groteskbold';

    font-size: 40px;

    font-weight: 600;

    letter-spacing: 2px;

    text-align: center;

    color: #fff;

}







.placement-sec {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%);

    padding: 30px 0;

}



.placement-inner {

    background: #fff;

    border-radius: 30px;

    padding: 0 30px 30px;

}



.placement-inner .row {

    justify-content: space-between;

    align-items: center;

}



.placement-inner .row>div {

    width: 18.25%;

    flex: inherit;

}



.placement-inner .row>div:nth-child(3) {

    width: 27%

}



.plcmntpic {

    max-width: 200px;

    width: 200px;

    height: 200px;

    border-radius: 100%;

    overflow: hidden;

    display: inline-block;

    margin-bottom: 20px;

}



.plcmntpic img {

    width: 100%;

    height: 100%;

}



.plcmntbx {

    text-align: center;

}



.plcmntbx {

    text-align: center;

}



.plcmntobjct h5 {

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    font-weight: 400;

    letter-spacing: -0.09em;

    color: #000000;

    margin: 0;

}



.plcmntobjct p {

    font-family: 'Inter', sans-serif;

    font-size: 12px;

    font-weight: 600;

    line-height: 28px;

    letter-spacing: 0em;

    color: #000000;

    margin: 0;

}



.plcmntobjct span {

    font-family: 'Inter', sans-serif;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0em;

    background: #FFD356;

    color: #000000;

    padding: 5px 10px;

    border-radius: 3px;

}



.plcmnt-hedng {

    text-align: center;

    margin-bottom: 40px;

    position: relative;

}



.plcmnt-hedng h2 {

    background: linear-gradient(90deg, #F29A18 11.11%, #F29118 94.98%);

    color: #fff;

    padding: 0 18px 10px;

    border-radius: 0 0 20px 20px;

    display: inline-block;

    font-family: 'Abhaya Libre', serif;

    font-size: 2.5vw;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

    line-height: 32px;

}



.plcmnt-hedng h2 span {

    font-size: 3vw;

}



.plcmnt-hedng em {

    position: absolute;

    right: 20%;

    top: -104px;

    transform: translateX(-50%);

}



.lensebx {

    position: relative;

    text-align: center;

}



.lenceclk {

    width: 313px;

    height: 313px;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: rgba(0, 0, 0, 0.07);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.lenceclk h3 {

    font-family: 'founders_grotesksemibold';

    font-size: 49px;

    font-weight: 600;

    line-height: 46px;

    letter-spacing: -0.04em;

    text-align: center;

    color: #fff;

}



.lenceclk a {

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    font-weight: 700;

    line-height: 28px;

    letter-spacing: -0.04em;

    color: #fff;

    text-transform: uppercase;

    text-decoration: underline;

    display: inline-block;

    text-align: center;

}



.clkfeture {

    position: relative;

}



.clkfeture input[type="file"] {

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    width: 100%;

    opacity: 0;

}

















/*testi monial*/

.testimonail-inner {

    background: url(../images/testibg_1.webp) no-repeat;

    background-color: #181818;

}



.testimonial-sec {

    margin: 60px 0;

}



.testimonail-inner {

    width: 100%;

    background-size: 100% 100% !important;

    padding: 0 0 30px;

    border-radius: 30px;

    position: relative;

}



.testimonial-hedng {

    text-align: center;

    margin-bottom: 40px;

    position: relative;

}



.testimonial-hedng h2 {

    background: #fff;

    color: #000;

    padding: 0 18px 10px;

    border-radius: 0 0 20px 20px;

    display: inline-block;

    font-family: 'Abhaya Libre', serif;

    font-size: 2.5vw;

    font-weight: 700;

    letter-spacing: 0em;

    text-transform: uppercase;

    line-height: 32px;

}



.testimonial-hedng h2 span {

    font-size: 3vw;

}



.testimonial-hedng em {

    position: absolute;

    transform: translate(-600px, 100px);

    animation: MoveUpDown 1s linear infinite;

    animation-duration: 5s;

}



@keyframes MoveUpDown {



    0%,

    100% {

        bottom: 20px;

    }



    50% {

        bottom: 50px;

    }

}



.rman {

    transform: translate(-675px, 187px) !important;

}



.voice-hedng {

    text-align: center;

    padding: 28px 0;

}



.voice-hedng h3 {

    display: inline-block;

    font-family: 'Almarai', sans-serif;

    font-size: 50px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    padding: 3px 30px 2px 60px;

    background: linear-gradient(91.06deg, #F28B18 13.93%, #F2BD3D 49.56%, #F2BF44 49.57%, #F28B18 97.79%);

    border-radius: 10px;

    color: #181818;

    margin: 0;

}



.voice-hedng h3 span {

    font-size: 40px;

}



.microvoice {

    display: inline-block;

    position: relative;

}



.microvoice i {

    position: absolute;

    left: -30px;

    bottom: -1px;

}



.maac-txt {

    max-width: 590px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

}



.maac-txt h3 {

    font-family: 'Bebas Neue', sans-serif;

    font-size: 59px;

    font-weight: 700;

    letter-spacing: 0em;

    text-align: center;

    color: #fff;

}



.maac-txt h3 span {

    position: relative;

    z-index: 1;

    padding: 0 10px;

}



.maac-txt h3 span::after {

    content: '';

    width: 100%;

    height: 65px;

    background-color: #f00;

    border-radius: 10px;

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: -1;

    transform: translate(-50%, -55%);

}



.maac-txt h6 {

    font-family: 'Poppins', sans-serif;

    font-size: 30px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: 0em;

    text-align: center;

    color: #F28C18;

    text-transform: capitalize;

    margin-top: 16px;

}



.maac-txt h6 span {

    text-transform: uppercase;

    color: #fff;

}



.maac-txt h6 span em {

    color: #FF0100;

    font-style: normal;

}



.testi-slider {

    max-width: 1376px;

    width: 100%;

    margin: 50px auto;

    background: #fff;

    padding: 10px;

}



.testimonail-inner .enrolbtn p {

    padding: 8px 18px;

}



.testivdo {

    background: #1D1B1A;

    padding: 10px;

    border-radius: 10px;

    margin: 10px auto;

}



.testivdo iframe {

    border-radius: 10px;

    width: 100%;

}



.testimonail-inner .owl-carousel .owl-nav {

    display: block !important;

    position: absolute;

    left: -100px;

    top: 50%;

    right: -100px;

    margin: 0px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.testimonail-inner .owl-carousel .owl-nav .owl-prev {

    float: left;

    background: #BE2329;

    color: #fff;

    width: 49px;

    height: 49px;

    line-height: 30px;

    font-size: 22px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    border: 2px solid #BE2329;

}



.testimonail-inner .owl-carousel .owl-nav .owl-next {

    float: right;

    background: #BE2329;

    color: #fff;

    width: 49px;

    height: 49px;

    line-height: 30px;

    padding-left: 2px !important;

    font-size: 22px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    border: 2px solid #BE2329;

}



.voice {

    position: relative;

}



.voice::after {

    content: '';

    width: 100px;

    height: 100px;

    position: absolute;

    top: -38%;

    left: 17%;

    background-image: url(../images/microphone.webp);

    background-size: contain;

    transform: scaleX(-1);

}









/*how it work*/



.howit-sec {

    padding: 30px 0;

    background: linear-gradient(94.31deg, #F30009 4.71%, #BE2329 102.53%);

    position: relative;

}



.road {

    position: absolute;

    top: 72px;

    left: 50%;

    z-index: 1;

    transform: translateX(-50%);

}



.road img {

    height: 1166px;

    object-fit: cover;

}



.how-it-inner {

    width: 100%;

    background-size: 100% 100% !important;

    padding: 0 0 30px;

    border-radius: 30px;

    position: relative;

}



.how-it-inner .testimonial-hedng h2 {

    background-image: linear-gradient(45deg, #e9070f, #d6131a);

    color: #fff;

}



.how-it-inner .testimonial-hedng .rman {

    right: -27%;

    left: auto;

}



.how-it-inner .testimonial-hedng em {

    right: 8%;

    left: auto;

}



.work-bx {

    display: flex;

}



.work-bx img {

    width: 200px;

}



.wb-r .work-bx-content {

    justify-content: flex-end;

}



.work-bx-content {

    color: #fff;

    display: flex;

    align-items: flex-end;

}



.work-bx-content h3 {

    font-family: 'Almarai', sans-serif;

    font-size: 24px;

    font-weight: 700;

    line-height: 26px;

    letter-spacing: 0em;

    color: #F2A418;

    text-decoration: underline;

    text-underline-offset: 4px;

}



.work-bx-content p {

    font-family: 'Inter', sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 22px;

    letter-spacing: 0em;

    color: #fff;

    text-align: left;

}



.work-bx-content img {

    width: 80px;

    height: 120px;

    object-fit: contain;

}



.work-bx-content div {

    width: 50%;

}



.wb-r .work-bx-content img {

    margin-right: 20px;

}



.wb-r {

    margin-right: 20px;

    transition: all .4s ease;

}



.wb-r:hover {

    padding-right: 70px;

    transform: scale(1.2);

}



.wb-l {

    margin-left: 20px;

    transition: all .4s ease;

}



.wb-l:hover {

    padding-left: 70px;

    transform: scale(1.2);

}



.jewel-sec {

    margin: 0 0 60px;

}



.jewel-sec .testimonial-hedng em {

    right: 15%;

    top: -100px;

    left: auto;

}



.jewel-inner {

    width: 100%;

    background-size: 100% 100% !important;

    padding: 0 0 30px;

    border-radius: 30px;

    position: relative;

}



.frame-bx {

    max-width: 612px;

    width: 100%;

    position: relative;

    margin: 50px auto;

    text-align: center;

}



.framepic-sec {

    max-width: 528px;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    max-height: 316px;

    height: 100%;

    overflow: hidden;

}



.picstar {

    position: absolute;

    top: 0;

    right: -10%;

    mix-blend-mode: color-dodge;

}



.evnt-sec {

    padding: 30px 0;

    background: linear-gradient(94.31deg, #F30009 4.71%, #BE2329 102.53%);

}



.event-inner {

    width: 100%;

    background-size: 100% 100% !important;

    padding: 0 0 30px;

    border-radius: 30px;

    position: relative;

}



.event-inner h2 {

    background: #db1017;

    color: #fff;

}



.event-inner em {

    left: 21%;

}



.event-info {

    border-radius: 100px 30px 30px 100px;

    display: flex;

    align-items: center;

    gap: 10px;

    margin: 15px 0;

}



.evntlgo {

    width: 145px;

    height: 134px;

    flex: 0 0 139px;

    border-radius: 67px 0 67px 67px;

    overflow: hidden;

    background: #D9D9D9;

}



.evntlgo img {

    width: 100%;

    height: 100%;

    object-fit: none;

}



.evbg1 {

    border: solid 1px #de0078;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg1:hover {

    background-color: #de0078;

}



.evbg2 {

    border: solid 1px #EA7000;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg2:hover {

    background-color: #EA7000;

}



.evbg3 {

    border: solid 1px #6900A9;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg3:hover {

    background-color: #6900A9;

}



.evbg4 {

    border: solid 1px #CE181F;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg4:hover {

    background-color: #CE181F;

}



.evbg5 {

    border: solid 1px #0078E7;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg5:hover {

    background-color: #0078E7;

}



.evbg6 {

    border: 1px solid #A78A90;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg6:hover {

    background-color: #A78A90;

}



.evbg7 {

    border: solid 1px #008F20;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg7:hover {

    background-color: #008F20;

}



.evbg8 {

    border: solid 1px #D8A800;

    padding: 1px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.evbg8:hover {

    background-color: #D8A800;

}



.evntdtls h6 {

    font-family: 'founders_groteskmedium';

    font-size: 19px;

    font-weight: 500;

    color: #fff;

}



.evntdtls p {

    font-family: 'founders_grotesklight';

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    margin: 0;

}



.event-topic {

    margin: 100px 0 35px;

}



.evbg5 .evntlgo {

    background: #0A467E;

}



.evbg6 .evntlgo {

    background: #FFF5BB;

}



.evbg7 .evntlgo {

    background: #005813;

}



.evbg8 .evntlgo {

    background: #F8E49D;

}



.evbg6 .evntdtls h6 {

    color: #F2A918;

}



.internal-evnt {

    text-align: center;

    margin-bottom: 40px;

}



.internal-evnt p {

    text-align: center;

    font-family: 'Inter', sans-serif;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: -0.04em;

    color: #fff;

}



.internal-evnt h5 {

    font-family: 'Inter', sans-serif;

    font-size: 26px;

    font-weight: 600;

    letter-spacing: -0.04em;

    color: #F2A918;

}



.mnymore {

    text-align: center;

    margin-top: 30px;

}



.mnymore a {

    text-align: center;

    font-family: 'Abhaya Libre', serif;

    font-size: 38px;

    font-weight: 700;

    line-height: 60px;

    letter-spacing: 0em;

    color: #FFC327;

}



.mnymore p {

    font-family: 'Inter', sans-serif;

    font-size: 24px;

    font-weight: 600;

    word-spacing: 1px;

    text-align: center;

    color: #fff;

    margin: 16px 0;

}







.maac-champion {

    margin: 60px 0;

}



.champion-inner {

    width: 100%;

    background-size: 100% 100% !important;

    padding: 0 0 50px;

    border-radius: 30px;

    position: relative;

}



.maac-champion .testimonial-hedng em {

    position: absolute;

    right: 15%;

    left: auto;

    top: -100px;

    transform: translateX(-50%);

}



.machmpnbx {

    width: 100%;

    background: #fff;

    border-radius: 72px;

    padding: 42px;

    margin-top: 40px;

}



.chmpmen {

    border-radius: 18px;

    overflow: hidden;

    margin: 8px 0;

}



.chmpmen img {

    width: 100%;

}



.cmpinbig {

    border-radius: 20px;

    overflow: hidden;

}



.champinfo {

    margin-bottom: 20px;

}



.champinfo h6 {

    font-family: 'founders_groteskbold';

    font-size: 30px;

    font-weight: 700;

    line-height: 36px;

}



.champinfo p {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 24px;

    color: #484848;

}



.champdesp p {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    margin-top: 15px;

    color: #5C5C5C;

}



.mnthly-student {

    padding: 30px 0;

    background: linear-gradient(94.31deg, #F30009 4.71%, #BE2329 102.53%);

}



.mnthly-studnt-inner {

    background: #fff;

    width: 100%;

    padding: 0 0 30px;

    border-radius: 30px;

    position: relative;

}



.mnthly-studnt-inner h2 {

    background: #db1017;

    color: #fff;

}



.mnthly-studnt-inner em {

    left: 28%;

}



.month-student-show {

    text-align: center;

}



.month-student-show h4 {

    font-family: 'Inter', sans-serif;

    font-size: 30px;

    font-weight: 400;

    line-height: 36px;

}



.month-student-show p {

    font-family: 'Inter', sans-serif;

    font-size: 30px;

    font-weight: 400;

    line-height: 36px;

    letter-spacing: -0.09em;

}



.mmstudntpic {

    width: 295px;

    height: 295px;

    border-radius: 100%;

    overflow: hidden;

    display: inline-block;

    margin: 15px auto;

}



.mmstudntpic img {

    width: 100%;

    height: 100%;

}









.weekly-sec {

    margin: 60px 0;

}



.weekly-inner {

    width: 100%;

    background-size: 100% 100% !important;

    padding: 0 0 50px;

    border-radius: 30px;

    position: relative;

}



.weekly-inner .testimonial-hedng em {

    right: 23%;

    left: auto;

    top: -90px;

}



.wklycls {

    position: relative;

}



.subjtpic {

    border-radius: 30px;

    overflow: hidden;

    margin-bottom: 30px;

    text-align: center;

}



.clsbokbtn {

    padding: 0 15px;

    overflow: hidden;

}



.clsbokbtn a {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    border: 1.21px solid #FFC327;

    border-radius: 30px;

    padding: 8px 30px 6px;

    font-family: 'Inter', sans-serif;

    font-size: 15px;

    font-weight: 500;

    line-height: 28px;

    letter-spacing: -0.04em;

    text-transform: uppercase;

    color: #fff;

    display: block;

    margin: 6px 0;

    overflow: hidden;

    float: left;

    width: 100%;

    position: relative;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

}



.clsbokbtn a:hover {

    background: linear-gradient(95.06deg, #FFC327 -2.54%, #FFC327 110.95%), linear-gradient(0deg, #F27418, #F27418);

}



.clsbokbtn a img {

    max-width: 24px;

    position: absolute;

    right: 18px;

    animation: blinker 1.5s linear infinite;

}



@keyframes blinker {

    50% {

        opacity: 0.5;

    }

}



.clsbokbtn a:last-child {

    background: linear-gradient(94.31deg, #F30009 4.71%, #BE2329 102.53%),

        linear-gradient(0deg, #FD6066, #FD6066);

    border: 1.21px solid #FD6066;

    text-align: center;



}



.clsbokbtn a:last-child:hover {

    background: linear-gradient(95.06deg, #FD6066 -2.54%, #FD6066 110.95%), linear-gradient(0deg, #F30009, #BE2329);

}



.wklycls h3 {

    font-family: 'Inter', sans-serif;

    font-size: 36px;

    font-weight: 500;

    line-height: 28px;

    letter-spacing: -0.04em;

    text-align: center;

    color: #fff;

    position: absolute;

    top: -94px;

    width: 100%;

}



.weekly-inner .container>.row>div {

    max-width: 394px;

}













.learning-partner-sec {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%);

    padding: 20px 0;

}



.partner-inner {

    width: 100%;

    padding: 0 0 50px;

    border-radius: 30px;

    position: relative;

    background: #fff;

}



.partner-inner .testimonial-hedng h2 {

    background: linear-gradient(90deg, #F19E18 10.47%, #F29018 93.7%);

    color: #fff;

    padding: 0 30px 6px 30px;

}





.partner-slider .owl-item:not(.active)+.owl-item.active+.owl-item.active .brandlgo {

    margin-top: 30px;

}



.partner-slider .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active .brandlgo {

    margin-top: 60px;

}



.partner-slider .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .brandlgo {

    margin-top: 60px;

}



.partner-slider .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .brandlgo {

    margin-top: 30px;

}





.achivment-sec {

    margin: 60px 0;

}



.award {

    background-color: #401721;

    border-radius: 48px;

    padding: 10px 50px 0 50px;

}



.award-box {

    overflow: hidden;

    margin: 0 auto;

}



.award h4 {

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    margin: 18px 0 40px;

    text-align: center;

}



.achivment-sec h2 {

    font-family: 'founders_grotesksemibold';

    font-size: 60px;

    font-weight: 600;

    line-height: 60px;

    letter-spacing: -0.04em;

    color: #181818;

}



.achivment-sec h6 {

    font-family: 'founders_groteskbold';

    font-size: 24px;

    font-weight: 700;

    color: #BE2329;

}



.achivment-sec p {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    letter-spacing: 0em;

    color: #1D1A19;

}



.achivment-btn a {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    font-family: 'Inter', sans-serif;

    font-size: 27px;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: -0.04em;

    color: #fff;

    padding: 10px 35px;

    border-radius: 24px;

    text-transform: uppercase;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    margin-top: 30px;

    display: inline-flex;

    align-items: center;

    -webkit-box-shadow: 3px 12px 3px -7px rgb(125, 69, 22);

    -moz-box-shadow: 3px 12px 3px -7px rgb(125, 69, 22);

    box-shadow: 3px 12px 3px -7px rgb(125, 69, 22);

}



.achivment-btn a img {

    max-width: 40px;

}



.achivment-btn span {

    position: relative;

    height: 54px;

    display: inline-block;

    margin-left: 10px;

}



.achivment-btn span i {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}



.achivment-btn span i img {

    margin: 0;

    max-width: 30px;

}



.achivment-btn a span>img {

    animation: blinker 1.5s linear infinite;

}



@keyframes blinker {

    50% {

        opacity: 0.5;

    }

}







.our-team-sec {

    padding: 30px 0;

}



.our-team-inner {

    width: 100%;

    padding: 0 0 50px;

    border-radius: 30px;

    position: relative;

    background: #fff;

}



.our-team-inner .testimonial-hedng em {

    left: 37%;

}



.partner-slider {

    margin-top: 90px;

}



.team-bx {

    /* background: #fff; */

    border-radius: 72px;

    text-align: center;

    border: 1.56px solid;

    background: linear-gradient(184.2deg, #898D9F 4.29%, rgba(255, 255, 255, 0.3) 63.76%, rgba(62, 70, 103, 0.41) 95.14%), linear-gradient(0deg, #FFF, #FFF);

    padding: 30px 15px;

    box-shadow: 0px 25px 59.344154357910156px 0px rgba(65, 71, 99, 0.22);

}



.tempic {

    width: 192px;

    height: 192px;

    border-radius: 100%;

    display: inline-block;

    overflow: hidden;

    text-align: center;

    margin-bottom: 30px;

}



.team-bx h6 {

    font-family: 'Inter', sans-serif;

    font-size: 36px;

    font-weight: 400;

    letter-spacing: -0.04em;

    text-align: center;

    color: #252525;

}



.team-bx p {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    letter-spacing: 0em;

    text-align: center;

    color: #DD821F;

}



.team-slider .owl-item:not(.active)+.owl-item.active .team-bx {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%);

}



.team-slider .owl-item:not(.active)+.owl-item.active .team-bx h6 {

    color: #fff;

}



.team-slider .owl-item:not(.active)+.owl-item.active .team-bx p {

    color: #fff;

}



.team-slider .owl-item:not(.active)+.owl-item.active+.owl-item.active .team-bx {

    margin-top: 30px;

}



.team-slider .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active .team-bx {

    background: linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%),

        linear-gradient(134.46deg, #715D62 6.97%, #392A2F 103.47%);



}



.team-slider .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active .team-bx h6 {

    color: #fff;

}







/* _______ */

.banner-bg {

    width: 101%;

    margin-top: -3px;

}



.banner-bg>img {

    width: 100%;

}



.rcutr-slidr .owl-item.center .recutr-bx {

    transform: scale(1.07);

}



.recutr-bx {

    transition: all 0.3s ease-in-out;

}



.rcutr-slidr .owl-item {

    padding: 20px;

}



.rcutr-slidr .owl-item:not(.active)+.owl-item.active .recutr-bx {

    transform: perspective(800px) rotateY(20deg) translate3d(-5px, 0px, -75px);

}



.rcutr-slidr .owl-item:not(.active)+.owl-item.active+.owl-item.active .recutr-bx {

    transform: perspective(800px) rotateY(20deg) translate3d(-5px, 0px, -30px);

}



.rcutr-slidr .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .recutr-bx {

    transform: perspective(800px) rotateY(-20deg) translate3d(-5px, 0px, -30px);

}



.rcutr-slidr .owl-item:not(.active)+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .recutr-bx {

    transform: perspective(800px) rotateY(-20deg) translate3d(-5px, 0px, -75px);

}



.recutr-bx img {

    width: auto !important;

    display: inline-block !important;

    object-fit: contain;

}



.recutr-bx {

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}







.institute-add-class {

    padding: 60px 0;

}





.relaxgame img {

    width: 1000px;

}



.rockdetl h3 span {

    color: #fff;

    display: block;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 8px;

}





.mcmanpic img {

    width: 350px;

}



.location-area {

    margin-bottom: 60px;

}



.location-area h3 {

    font-size: 2.5vw;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-image: linear-gradient(8deg, #352011, #69350A);

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    margin: 0 auto 50px;

    display: table;

}



.location-area h3 span {

    font-size: 40px;

}



.location-area strong {

    font-family: 'founders_grotesksemibold';

    font-size: 32px;

    font-weight: 600;

    line-height: 60px;

    letter-spacing: 0em;

    text-align: center;

    display: block;

    color: #BE2329;

    text-transform: uppercase;

}



.adrsvdo {

    background: #000;

    border-radius: 10px;

    padding: 10px;

    margin-bottom: 15px;

}



.adress-inner {

    max-width: 512px;

    position: relative;

}



.locatn-adrs {

    padding: 0 30px;

    position: relative;

}



.adress-inner h4 {

    font-family: 'founders_grotesksemibold';

    font-size: 30px;

    font-weight: 600;

    letter-spacing: 0.1em;

    text-align: center;

    color: #BE2329;

    margin: 0;

    text-transform: uppercase;

}



.adress-inner a {

    font-family: 'Inter', sans-serif;

    font-size: 32px;

    font-weight: 500;

    line-height: 21px;

    letter-spacing: -0.04em;

    color: #1D1A19;

    background: #D9D9D9;

    padding: 10px;

    display: block;

    margin-bottom: 10px;

}



.adress-inner a i {

    color: #BE2329;

    margin-right: 15px;

}



.adress-inner p {

    font-family: 'Inter', sans-serif;

    font-size: 19px;

    font-weight: 500;

    line-height: 36px;

    letter-spacing: 0em;

    text-align: left;

}



.ultocls {

    display: flex;

    justify-content: flex-end;

    padding-right: 100px;

}



.flyman {

    position: absolute;

    top: 21%;

    left: 17%;

    -webkit-animation: fly 5s linear 0s infinite;

    -moz-animation: fly 5s linear 0s infinite;

    -0-animation: fly 5s linear 0s infinite;

    animation: fly 7s linear 0s infinite;

}



@-webkit-keyframes fly {

    0% {

        top: 0%;

        left: 0%;

    }



    20% {

        top: 20%;

        left: 20%;

    }



    40% {

        top: 10%;

        left: 40%;

    }



    100% {

        top: 0%;

        left: 100%;

    }

}



@keyframes fly {

    0% {

        top: 0%;

        left: 0%;

    }



    20% {

        top: 20%;

        left: 20%;

    }



    40% {

        top: 10%;

        left: 40%;

    }



    100% {

        top: 0%;

        left: 100%;

    }

}



.mapviw {

    position: absolute;

    left: 35%;

    right: 0;

    margin: 0 auto;

    width: auto;

    max-width: 865px;

    top: 300px;

    transform: translateX(-50%);

}



.mtop {

    margin-top: 80px;

    min-height: 1244px;

}



.fstcoltop {

    margin-top: 470px;

    padding-left: 40px;

}



.fstcoltop .adrsvdo {

    max-width: 432px;

}



.lastdrs {

    position: absolute;

    right: 0;

    bottom: 0;

    width: auto;

}



.secndadrs {

    right: 200px;

}



.lastdrs {

    right: 40px;

}



.secndadrs {

    position: relative;

}



.adrsbx {

    max-width: 370px;

    position: relative;

}



.ultocls .adrsbx {

    margin-top: 20px;

    padding-left: 20px;

    max-width: 398px;

}



.mark1 {

    position: absolute;

    top: -166px;

    right: -150px;

}



.mark2 {

    position: absolute;

    top: -38px;

    left: -211px;

}



.mark3 {

    position: absolute;

    top: -127px;

    left: -166px;

}



.phone-call {

    width: 36px;

    height: 36px;

    right: 27px;

    bottom: 90px;

    position: fixed;

    text-align: center;

    color: #ffffff;

    cursor: pointer;

    border-radius: 50%;

    z-index: 99;

    display: inline-block;

    -webkit-animation: zoom-in-zoom-out 2s ease-out infinite;

    animation: zoom-in-zoom-out 2s ease-out infinite;

}



@keyframes zoom-in-zoom-out {

    0% {

        transform: scale(1, 1);

    }



    50% {

        transform: scale(1.5, 1.5);

    }



    100% {

        transform: scale(1, 1);

    }

}









.scroll-txt {

    margin-top: 30px;

    font-size: 20px;

    color: #fff;

}



.scroll-txt {

    height: 50px;

    overflow: hidden;

    position: relative;

}



.scroll-txt h3 {

    width: 100%;

    height: 100%;

    margin: 0;

    font-size: 22px;

    line-height: 50px;

    text-align: center;

    /* Starting position */

    -moz-transform: translateX(100%);

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    /* Apply animation to this element */

    -moz-animation: example1 18s linear infinite;

    -webkit-animation: example1 18s linear infinite;

    animation: example1 18s linear infinite;

}



/* Move it (define the animation) */

@-moz-keyframes example1 {

    0% {

        -moz-transform: translateX(100%);

    }



    100% {

        -moz-transform: translateX(-100%);

    }

}



@-webkit-keyframes example1 {

    0% {

        -webkit-transform: translateX(100%);

    }



    100% {

        -webkit-transform: translateX(-100%);

    }

}



@keyframes scroll-txt {

    0% {

        -moz-transform: translateX(100%);

        /* Firefox bug fix */

        -webkit-transform: translateX(100%);

        /* Firefox bug fix */

        transform: translateX(100%);

    }



    100% {

        -moz-transform: translateX(-100%);

        /* Firefox bug fix */

        -webkit-transform: translateX(-100%);

        /* Firefox bug fix */

        transform: translateX(-100%);

    }

}



.scroll-txt h3:hover {

    -moz-animation-play-state: paused;

    -webkit-animation-play-state: paused;

    animation-play-state: paused;

}



.about-home {

    background-color: #be2329;

    position: relative;

    height: 700px;

    bottom: 16px;

}



.about-home .container {

    position: absolute;

    top: -33%;

    left: 0;

    right: 0;

}



.abutcontent span {

    color: #FFC43D;

    font-weight: 500;

}



.abutcontent h3 {

    font-family: 'Sen';

    font-size: 2vw;

    text-transform: uppercase;

    color: #fff;

    font-weight: bold;

}



.abutcontent h2 {

    font-family: 'Sen';

    font-size: 2vw;

    font-weight: 700;

    color: #fff;

    letter-spacing: -2px;

}



.abutcontent p {

    font-family: 'inter';

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    text-align: justify;

}



.abutcontent h4 {

    font-size: 24px;

    font-weight: 600;

    color: #FFC43D;

    font-family: 'inter';

    margin-bottom: 16px;

}



.cube {

    width: 200px;

    height: 200px;

    position: relative;

    transform-style: preserve-3d;

    animation: rotate 10s linear infinite;

}



.abutlgo img {

    width: auto !important;

    height: 100%;

    object-fit: cover;

    background-color: #000;

    border-radius: 2px;

    padding: 2px;

    margin-bottom: 8px;

}



img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.box {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0.9;

}



/* Applying styles to each face */

.box1 {

    transform: translateZ(100px);

}



.box2 {

    transform: rotateY(90deg) translateX(100px);

    transform-origin: right;

}



.box3 {

    transform: rotateY(180deg) translateZ(100px);

}



.box4 {

    transform: rotateY(-90deg) translateX(-100px);

    transform-origin: left;

}



.box5 {

    transform: rotateX(-90deg) translateY(-100px);

    transform-origin: top;

}



.box6 {

    transform: rotateX(90deg) translateY(100px);

    transform-origin: bottom;

}



/* Animating the elements */

@keyframes rotate {



    0%,

    100% {

        transform: rotate(0deg);

    }



    20% {

        transform: rotateY(90deg) rotateZ(90deg);

    }



    40% {

        transform: rotateY(180deg) rotateZ(-90deg);

    }



    60% {

        transform: rotateY(270deg) rotateZ(90deg);

    }



    80% {

        transform: rotateY(360deg) rotateZ(-90deg);

    }

}



/* Abot-Us page START */

.about-sec {

    position: relative;

}



.about-cont {

    position: absolute;

    top: 36%;

    left: 8%;

}



.about-cont h1 {

    font-size: 60px;

    background: -webkit-linear-gradient(64deg, #F2B018, #F22518 40%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

}



.about-cont p {

    font-size: 60px;

    text-transform: uppercase;

    color: #fff;

    line-height: 42px;

}



.about-cut {

    position: absolute;

    bottom: -1px;

    right: 0;

    left: 0;

}



.about-man {

    position: absolute;

    top: 28%;

    right: 13%;

}



.about-man img {

    width: 500px;

}



.testi-man {

    position: absolute;

    top: 35%;

    right: 18%;

}



.testi-man img {

    width: 300px;

}



.about-design h6 {

    font-family: "Sen", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    word-spacing: 2px;

    font-weight: bold;

    color: #7D7D7D;

}



.about-design h6 span {

    color: #BE2329;

}



.about-us {

    background-color: #f2ab18;

    margin-top: 40px;

    text-align: center;

    padding: 30px;

}



.about-us .container-fluid {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 1px;

}



.about-us h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #f2ab18;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    margin: 0 auto 32px;

    display: table;

}



.about-us p {

    font-family: 'inter';

    font-size: 18px;

    padding: 0 20px;

}



.about-us .row:nth-child(3) {

    margin-top: 30px;

    margin-bottom: 40px;

}



.quality-education {

    background-color: #DC0F17;

    margin-top: 40px;

}



.quality-education {

    padding: 30px;

}



.quality-education .container-fluid {

    background: url(../images/DARK\ BG\ MESH.webp) no-repeat;

    background-size: cover;

    text-align: left;

    padding: 0 30px;

    border-radius: 20px;

}



.quality-education .row:nth-child(2) {

    margin-top: 40px;

}



.quality-education h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    word-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



.quality-education p {

    color: #fff;

    /* font-family: "Sen", sans-serif; */

    font-family: 'inter';

    font-size: 18px;

    margin-bottom: 18px;

}



.quality-education img {

    border-radius: 40px;

    width: 380px;

    float: right;

}



.enrolbtn {

    text-align: center;

    margin: 0;

}



.my-enrolbtn p {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    border-radius: 24px;

    border: solid 2px #FFC327;

    font-family: 'Inter', sans-serif;

    font-size: 17px;

    font-weight: 500;

    line-height: 24px;

    text-align: center;

    color: #fff;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    padding: 7px 15px;

    display: inline-flex;

    text-transform: uppercase;

    align-items: center;

    margin-bottom: 20px;

    box-shadow: 0px 5px 1px 0px #7c5e0f;

    cursor: pointer;

}



.my-enrolbtn p:hover {

    background: linear-gradient(95.06deg, #F27418 -2.54%, #FFC327 110.95%), linear-gradient(0deg, #FFC327, #F27418);

}



.my-enrolbtn p span {

    position: relative;

    height: 54px;

    display: inline-block;

    margin-left: 10px;

}



.my-enrolbtn p span>img {

    animation: blinker 1.5s linear infinite;

    max-width: 36px;

}



.my-enrolbtn p span i {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.my-enrolbtn p span i img {

    margin: 0;

    max-width: 28px;

}



.my-enrolbtn a {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    border-radius: 24px;

    border: solid 2px #FFC327;

    font-family: 'Inter', sans-serif;

    font-size: 17px;

    font-weight: 500;

    line-height: 24px;

    text-align: center;

    color: #fff;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    padding: 7px 15px;

    display: inline-flex;

    text-transform: uppercase;

    align-items: center;

    margin-bottom: 20px;

    box-shadow: 0px 5px 1px 0px #7c5e0f;

    cursor: pointer;

}



.my-enrolbtn a:hover {

    background: linear-gradient(95.06deg, #F27418 -2.54%, #FFC327 110.95%), linear-gradient(0deg, #FFC327, #F27418);

}



.my-enrolbtn a span {

    position: relative;

    height: 54px;

    display: inline-block;

    margin-left: 10px;

}



.my-enrolbtn a span>img {

    animation: blinker 1.5s linear infinite;

    max-width: 36px;

}



.my-enrolbtn a span i {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.my-enrolbtn a span i img {

    margin: 0;

    max-width: 28px;

}



.about-animate {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-image: linear-gradient(#F30009, #BE2329);

    border-radius: 56px;

    width: 1320px;

    margin: 100px auto 200px;

    position: relative;

}



.about-animate::after {

    content: '';

    position: absolute;

    width: 194px;

    height: 145px;

    background: url(../images/cournar.webp);

    top: -28.5%;

}



.about-animate::before {

    content: '';

    position: absolute;

    width: 500px;

    height: 500px;

    background: url(../images/rocket.webp) no-repeat;

    left: 35%;

    bottom: -90%;

    z-index: 1;

}



.about-animate h6 {

    font-size: 16px;

    color: #fff;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-family: "Sen", sans-serif;

    font-weight: 400;

    margin-bottom: 14px;

}



.about-animate h4 {

    font-size: 36px;

    font-weight: bolder;

    letter-spacing: -1px;

    color: #fff;

    margin-bottom: 25px;

}



.about-animate p {

    font-size: 16px;

    color: #fff;

    font-family: "Sen", sans-serif;

    margin-bottom: 36px;

}



.about-animate-content {

    width: 50%;

    padding-left: 150px;

}



.about-animate-girl {

    width: 50%;

    position: relative;

}



.about-animate-girl::after {

    content: '';

    background: url(../images/animate-girl.webp) no-repeat;

    position: absolute;

    width: 400px;

    height: 440px;

    left: 23%;

    bottom: -12%;

}



.about-animate-girl .about-animate-bg img {

    border-radius: 56px;

    height: 333px;

}



.campus {

    padding: 30px;

    background-color: #f00;

    margin-bottom: 40px;

}



.campus-bx {

    background-color: #fff;

    border-radius: 30px;

}



.campus h2 {

    font-size: 2.5vw;

    font-family: 'Abhaya Libre', serif;

    font-weight: 800;

    color: #fff;

    background-color: #f00;

    text-align: center;

    margin: 0 auto 50px;

    display: table;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 30px;

    text-transform: uppercase;

}



.campus img {

    border-radius: 24px;

    margin-bottom: 26px;

}



.campus p {

    color: #E10C14;

    font-size: 28px;

    font-weight: bold;

    font-family: "Sen", sans-serif;

    text-align: center;

    margin-bottom: 20px;

}



.campus .my-enrolbtn {

    display: table;

    margin: 0 auto;

}



.footer-pic .row:nth-child(1) {

    margin-bottom: 8px;

}



/* Abot-Us page END */



/* MAAC Courses page START */



.course {

    position: relative;

}



.course-sec {

    position: relative;

}



.course-cont {

    position: absolute;

    top: 36%;

    left: 8%;

}



.course-cont h1 {

    font-size: 60px;

    background: -webkit-linear-gradient(64deg, #F2B018, #F22518 40%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.course-cont p {

    font-size: 60px;

    text-transform: uppercase;

    color: #fff;

    line-height: 50px;

}



.course-cut {

    position: absolute;

    bottom: -1px;

    right: 0;

    left: 0;

}



.course-man {

    position: absolute;

    top: 30%;

    right: 10%;

}



.course-man img {

    width: 350px;

}



.coures-car {

    max-width: 600px;

    border-radius: 30px;

    position: relative;

}



.coures-car-bg {

    background-image: linear-gradient(to bottom, #F2AC18, #F27E18);

    border-radius: 30px;

    width: 87.4%;

    height: 72%;

    bottom: 0;

    right: 0;

    position: absolute;

}



.course-design h6 {

    font-family: "Sen", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    word-spacing: 2px;

    font-weight: bold;

    color: #7D7D7D;

}



.course-design h6 span a {

    color: #BE2329;

}



.course-design h6 span:nth-child(1) {

    color: #BE2329;

}



.course-design h6 span:nth-child(2) {

    color: #7D7D7D;

    font-size: 10px;

    font-weight: 800;

    vertical-align: text-top;

}



.ad-detail {

    margin-top: 80px;

}



.ad-detail .duration {

    background-color: #BF0D14;

    border-radius: 48px;

    color: #fff;

    padding: 42px 40px;

    position: relative;

}



.ad-detail .duration i {

    font-size: 70px;

}



.ad-detail .duration h6 {

    font-size: 15px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px;

    background-color: #BF0D14;

    padding: 10px 0;

    position: absolute;

    top: 23%;

}



.ad-detail .duration .duro-head {

    margin-top: 40px;

    font-family: "Sen", sans-serif;

    border-top: 0;

    border-left: 0;

    border-right: 0;

    border-bottom: solid 2px #ffffff57;

    border-style: dashed;

}



.ad-detail .duration .duro-head h4 {

    font-size: 32px;

    font-family: "Sen", sans-serif;

    font-weight: bold;

    margin-bottom: 2px;

}



.ad-detail .duration .duro-head p {

    font-size: 14px;

    font-family: "Sen", sans-serif;

    font-weight: bold;

    margin-bottom: 30px;

}



.ad-detail .duration h4 {

    font-size: 32px;

    font-family: "Sen", sans-serif;

    font-weight: bold;

    margin-bottom: 2px;

    margin-top: 24px;

}



.ad-detail .duration p {

    font-size: 14px;

    font-family: "Sen", sans-serif;

    font-weight: bold;

    margin-bottom: 40px;

}





.duration-para h2 {

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 16px;

}



.duration-para p {

    font-size: 18px;

    font-weight: 400;

    font-family: 'inter';

    white-space: pre-line;

}



.course-menu {

    background-color: #FFF3D8;

    margin-top: 40px;

    padding: 40px 0;

}



.course-menu h3 {

    text-align: center;

    font-size: 36px;

    font-weight: bold;

    color: #000;

    line-height: 50px;

    margin-bottom: 30px;

}



.course-menu p {

    font-size: 18px;

    font-weight: 300;

    color: #000;

    font-family: "Sen", sans-serif;

    text-align: center;

}



.nav-tabs {

    justify-content: space-between;

    align-items: center;

    border: none;

    margin: 0 200px;

    padding: 15px;

    border-radius: 999px;

    background: url(../images/maccbg.webp) no-repeat;

    background-position: top center;

}



.tab-menu {

    background: url(../images/maccbg.webp);

    background-position: top center;

    border: solid 2px #F38019;

    height: 100%;

    border-radius: 16px;

    padding: 16px 24px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    transition: all .4s ease;



}



.tab-menu:hover {

    border-color: #ff0000;

    background: url(../images/animate-bg-1.webp);

    background-position: right center;

}



.tab-menu:hover a {

    color: #fff;

}



.tab-menu:hover a i {

    background: -webkit-linear-gradient(360deg, #fff, #fff 60%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    transition: all .6s ease;

}



.tab-menu a {

    text-decoration: none;

    display: flex;

    justify-content: center;

    align-items: flex-start;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    font-family: "Sen", sans-serif;

}



.tab-menu a img {

    margin-right: 12px;

    max-width: 32px;

}



.tab-menu a i {

    margin-right: 12px;

    font-size: 24px;

}



.specialization {

    padding-top: 100px;

    background-color: #DC0F17;

}



.specialization {

    padding: 30px;

}



.specialization .container-fluid {

    background: url(../images/DARK\ BG\ MESH.webp) no-repeat;

    background-size: cover;

    text-align: left;

    padding: 0 40px 80px;

    border-radius: 20px;

}



.specialization h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 1px;

    word-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



.specialization h4 {

    text-align: center;

    color: #fff;

    font-size: 36px;

    font-weight: bold;

    line-height: 56px;

    padding: 0 132px;

    margin-bottom: 45px;

}



.coures-box {

    background-color: #fff;

    border-radius: 24px;

    padding: 32px;

    font-family: "Sen", sans-serif;

    height: 100%;

    position: relative;

}



.coures-box h5 {

    color: #DC0F17;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 0;

}



.coures-box h6 {

    color: #000;

    font-weight: bold;

    font-size: 16px;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin-bottom: 12px;

    margin-top: 24px;

}



.coures-box p {

    font-size: 16px;

    color: #000;

    font-weight: 400;

    margin-bottom: 10px;

}



.coures-box p span i {

    color: #EB5757;

    margin-right: 5px;

    font-size: 20px;

}



.coures-box .company-logo {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.coures-box .company-logo img {

    max-width: 64px;

    margin-right: 10px;

}



.coures-box-bottom {

    position: absolute;

    bottom: 8%;

}



.coures-option {

    padding-bottom: 70px;

}



.coures-option-descripe {

    display: flex;

    justify-content: flex-start;

    align-items: baseline;

}



.coures-option-descripe i {

    color: #DC0F17;

    margin-right: 5px;

}



.adplus {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: url(../images/course-bg.webp);

    border-radius: 56px;

    width: 1320px;

    margin: 92px auto;

    position: relative;

}



.adplus::after {

    content: '';

    position: absolute;

    width: 194px;

    height: 145px;

    background: url(../images/rokcrub.webp) no-repeat;

    top: -18%;

    left: 50%;

    transform: translate(-50%, 0);

}



.adplus h6 {

    font-size: 16px;

    color: #fff;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-family: "Sen", sans-serif;

    font-weight: 400;

    margin-bottom: 25px;

}



.adplus h4 {

    font-size: 36px;

    font-weight: bolder;

    letter-spacing: -1px;

    color: #fff;

    margin-bottom: 25px;

}



.adplus p {

    font-size: 16px;

    color: #fff;

    font-family: "Sen", sans-serif;

    margin-bottom: 36px;

}



.adplus-content {

    text-align: left;

    padding: 60px 0;

}



.adplus .edge {

    color: #fff;

    font-size: 10px;

    font-weight: 500;

    vertical-align: text-top;

    margin: 0;

    padding-top: 13px;

}



.vr-man {

    position: absolute;

    top: -24%;

    left: 7%;

    transform: rotate(356deg);

}





/* MAAC Courses page END */





/* Student Works page START */



.sw-sec {

    position: relative;

}



.sw-cont {

    position: absolute;

    top: 36%;

    left: 8%;

}



.sw-cont h1 {

    font-size: 60px;

    background: -webkit-linear-gradient(64deg, #F2B018, #F22518 40%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: bold;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

}



.sw-cont p {

    font-size: 60px;

    text-transform: uppercase;

    color: #fff;

    line-height: 50px;

    font-weight: bold;

}



.sw-cut {

    position: absolute;

    bottom: -1px;

    right: 0;

    left: 0;

}



.sw-man {

    position: absolute;

    top: 23%;

    right: 15%;

    z-index: 1;

}



.sw-man img {

    width: 400px;

}



.sw-man-object {

    position: absolute;

    top: 37%;

    right: 16%;

    z-index: 1;

}



.sw-man-object img {

    width: 110px;

}



.sw-design h6 {

    font-family: "Sen", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    word-spacing: 2px;

    font-weight: bold;

    color: #7D7D7D;

}



.sw-design h6 span {

    color: #BE2329;

}



.sw-us {

    background-color: #DC0F17;

    margin-top: 170px;

    text-align: center;

    padding: 30px;

}



.sw-us .container {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 50px;

}



.sw-us h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



.sw-us p {

    font-family: "Sen", sans-serif;

    font-size: 24px;

    padding: 0 20px;

}



.sw-us .row:nth-child(3) {

    margin-top: 30px;

    margin-bottom: 40px;

}



.all-center {

    margin-top: 42px;

}



.all-center h2 {

    font-size: 2.5vw;

    font-weight: lighter;

    color: #000;

    text-align: center;

    line-height: 57px;

    margin: 30px 0;

}



.all-center h2 span {

    font-weight: bold;

}



.all-center h6 {

    text-align: center;

    color: #000;

    font-size: 18px;

    font-family: 'inter';

    font-weight: 400;

    line-height: 27px;

    white-space: pre-wrap;

    padding: 0 190px;

}



.student-work {

    background-color: #F2AB18;

    margin-top: 22px;

    text-align: center;

    padding: 30px;

    position: relative;

}



.student-modal {

    position: absolute;

    top: -8%;

    right: 3%;

}



.student-work .container {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 50px;

}



.student-work h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #F2AB18;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 30px;

    margin: 0 auto 60px;

    display: table;

}



.student-work .container-fluid {

    background-color: #FFF5E0;

    border-radius: 30px;

    /* padding-bottom: 30px; */

    padding: 0 40px 40px;

}



.student-work .container {

    background-color: #FFF5E0;

}



.student-work .row:nth-child(2) {

    margin-top: -24px;

}



.ab-course-grid {

    background: linear-gradient(0deg, #171B2C, #171B2C),

        linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    border-radius: 32px;

    border: 1.56px solid;

    border-image-source: linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    box-shadow: 0px 14.055194854736328px 59.344154357910156px 0px #666E8D82 inset;

    padding: 30px 40px;

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    transition: all .4s ease;

}



.ab-course-grid:hover {

    /*background: linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%),

    linear-gradient(0deg, #BF0D14, #BF0D14);

    border: 1.56px solid;*/



    background: linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%),

        linear-gradient(0deg, #BF0D14, #BF0D14);

}



.ab-patrnbg {

    position: absolute;

    left: 0;

    top: 0;

}



.ab-course-pic {

    position: relative;

    border-radius: 32px;

    overflow: hidden;

    margin-bottom: 30px;

}



.ab-course-pic img {

    width: 100%;

}



.ab-curse-info {

    position: relative;

    padding: 15px 30px;

}



.ab-curse-info a {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 700;

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    color: #fff;

    border-radius: 32px;

    padding: 16px;

    margin: 0 auto;

    display: table;

}



.curse-info a span {

    font-size: 1vw;

    width: 30px;

    height: 30px;

    color: #fff;

    text-align: center;

    line-height: 30px;

    border-radius: 100%;

    background: #F7B103;

}



.curse-info a:hover {

    background: #EA721F;

    color: #fff;

}



/* video modal START*/





/* The Modal (background) */

.student-work .modal {

    display: none;

    position: fixed;

    z-index: 1;

    padding-top: 100px;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(0, 0, 0);

    background-color: rgba(0, 0, 0, 0.4);

}



.student-work .modal-content {

    background-color: #fefefe;

    margin: auto;

    padding: 20px;

    border: 1px solid #888;

    width: 80%;

}



.close {

    color: #aaaaaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}







#myBtn {

    background: transparent;

    border: none;

}



.circle {

    position: relative;

    width: 200px;

    height: 200px;

    border-radius: 100vmax;

    display: flex;

    align-items: center;

    justify-content: center;

}



.logo {

    position: absolute;

    width: 140px;

    height: 140px;

    background: url(../images/vplay-modal.webp);

    background-size: cover;

    border-radius: 100vmax;

    background-position: center;

}



.text {

    position: absolute;

    width: 100%;

    height: 100%;

    font-family: consolas;

    color: #f00;

    font-size: 17px;

    animation: textRotation 8s linear infinite;

}



@keyframes textRotation {

    to {

        transform: rotate(360deg);

    }

}



.text span {

    position: absolute;

    left: 50%;

    font-size: 1.2em;

    transform-origin: 0 100px;

}





/* video modal END */



.click-here {

    background-color: #BF0D14;

    border-radius: 17px;

    display: inline-block;

    padding: 16px 20px;

    box-shadow: 0px 5px 1px 0px #8f191d;

}



.click-here a {

    text-decoration: none;

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    font-family: "Sen", sans-serif;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

}



.click-here a div {

    background-color: #F7B103;

    border-radius: 999px;

    width: 32px;

    height: 32px;

    text-align: center;

    margin-right: 8px;

}



.click-here a div i {

    line-height: 32px;

}



/* Student Works page END */



/* testtimonial page start */





.testimonial-maac {

    margin-top: 40px;

}



.testimonial-maac img {

    border-radius: 40px;

    border: solid 2px #000;

    padding: 5px;

}



.testimonial-maac h5 {

    text-transform: uppercase;

    font-family: "Sen", sans-serif;

    font-size: 32px;

    margin-bottom: 22px;

    font-weight: bold;

    word-spacing: 4px;

    letter-spacing: 1px;

}



.testimonial-maac p {

    font-family: 'inter';

    font-size: 18px;

    font-weight: 400;

}



.testimonial-maac .col-md-8 {

    padding-left: 54px;

}



.w3-container,

.w3-panel {

    padding: 0;

}



.w3-black,

.w3-hover-black {

    color: none;

    background-color: transparent !important;

}



.w3-button {

    transition: all .4s;

    font-size: 36px;

    color: #f00;



}



.w3-button:hover {

    color: #fff !important;

    background-color: transparent !important;

}



.w3-teal,

.w3-hover-teal {

    background-color: transparent !important;

    height: 0;

}



.demo {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: url(../images/course-bg.webp);

    border-radius: 56px;

    width: 1320px;

    margin: 120px auto;

    position: relative;

}



.demo::after {

    content: '';

    position: absolute;

    width: 194px;

    height: 145px;

    background: url(../images/rokcrub.webp) no-repeat;

    top: -18%;

    left: 35%;

}



.demo h5 {

    font-family: "Sen", sans-serif;

    font-size: 20px;

    font-weight: 900;

    color: #F7B103;

}



.demo h6 {

    font-size: 18px;

    color: #fff;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-family: "Sen", sans-serif;

    font-weight: 300;

    margin-bottom: 25px;

}



.demo h4 {

    font-size: 36px;

    font-weight: bolder;

    letter-spacing: -1px;

    color: #fff;

    margin-bottom: 25px;

}



.demo p {

    font-size: 16px;

    color: #fff;

    font-family: "Sen", sans-serif;

    margin-bottom: 36px;

    font-weight: 300;

}



.demo-content {

    text-align: left;

    padding: 60px 0;

}



.demo .edge {

    color: #fff;

    font-size: 10px;

    font-weight: 500;

    vertical-align: text-top;

    margin: 0;

    padding-top: 13px;

}



.vr-man {

    position: absolute;

    top: -33%;

    left: 7%;

}



.demo-here {

    background-color: #BF0D14;

    border-radius: 17px;

    display: inline-block;

    padding: 16px 20px;

    box-shadow: 0px 5px 1px 0px #8f191d;

}



.demo-here a {

    text-decoration: none;

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    font-family: "Sen", sans-serif;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

}



.demo-here a img {

    max-width: 28px;

    margin-left: 10px;

}





/* testtimonial page start */





/* placemet-page start */



.placement-cont {

    position: absolute;

    top: 36%;

    left: 8%;

}



.placement-cont h1 {

    font-size: 60px;

    background: -webkit-linear-gradient(64deg, #F2B018, #F22518 40%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.placement-cont p {

    font-size: 60px;

    text-transform: uppercase;

    color: #fff;

    line-height: 50px;

}



.placement-design h6 {

    font-family: "Sen", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    word-spacing: 2px;

    font-weight: bold;

    color: #7D7D7D;

    margin-top: 20px;

}



.placement-design h6 span {

    color: #BE2329;

}



.placement-man {

    position: absolute;

    top: 23%;

    right: 7%;

    z-index: 1;

}



.placement-man img {

    width: 647px;

}



.placement-man-object {

    position: absolute;

    top: 48%;

    right: 15%;

    z-index: 1;

}



.placement-man-object img {

    width: 110px;

}



.job-open {

    background-color: #DC0F17;

    text-align: center;

    padding: 30px;

}



.job-open .container {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 25px;

}



.job-open h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    letter-spacing: 2px;

    margin: 0 auto 40px;

    display: table;

}



.job-open .container-fluid {

    background: url(../images/contact-bg.webp) no-repeat;

    background-size: cover;

    border-radius: 30px;

}



.job-open .container {

    background-color: transparent;

    color: #fff;

}



.job-open .row:nth-child(2) {

    margin-top: -24px;

}



.job-open p {

    font-size: 24px;

    font-weight: 400;

    line-height: 36px;

    font-family: "Sen", sans-serif;

}



.text-center {

    margin-top: 12px;

}



.course-card {

    background-color: #fff;

    border-radius: 16px;

    color: #000;

    text-align: left;

    padding: 36px;

    margin-top: 20px;

}



.course-card h5 {

    font-family: "Merriweather", serif;

    color: #4D5661;

    font-size: 14px;

    font-weight: 900;

    margin-bottom: 26px;

}



.course-card h4 {

    font-family: "Sen", sans-serif;

    font-size: 18px;

    font-weight: bold;

    color: #3A424B;

}



.course-card h6 {

    font-family: "Sen", sans-serif;

    color: #939CA6;

    font-weight: 600;

    margin-bottom: 22px;

}



.course-card p {

    font-family: "Sen", sans-serif;

    font-size: 15px;

    line-height: 22px;

    color: #6A6A6A;

}



.course-card .course-tag code {

    font-family: "Sen", sans-serif;

    font-size: 12px;

    font-weight: bold;

    background-color: #F7FAFF;

    color: #919DAB;

    padding: 6px 12px;

    border-radius: 999px;

    display: inline-block;

    margin: 6px 6px 6px 0;

}



.course-card .course-apply-button {

    font-family: "Sen", sans-serif;

    font-weight: bold;

    text-decoration: none;

    color: #DC0F17;

    margin-top: 20px;

    font-size: 14px;

    display: inline-block;

    background-color: transparent;

    border: none;

}



.text-center .owl-dots {

    display: none;

}



.text-center .owl-prev span {

    background-color: #fff;

    color: #000;

    position: absolute;

    left: -50px;

    top: 50%;

    width: 40px;

    height: 40px;

    font-size: 36px;

    line-height: 36px;

    border-radius: 999px;

    font-family: "Sen", sans-serif;

    transform: translate(0, -25px);

}



.text-center .owl-prev:focus span {

    background-color: #F7BF18;

}



.text-center .owl-prev span:hover {

    background-color: #F7BF18;

    color: #000;

}



.text-center .owl-next span {

    background-color: #fff;

    color: #000;

    position: absolute;

    right: -50px;

    top: 50%;

    width: 40px;

    height: 40px;

    font-size: 36px;

    line-height: 36px;

    border-radius: 999px;

    font-family: "Sen", sans-serif;

    transform: translate(0, -25px);

}



.text-center .owl-next:focus span {

    background-color: #F7BF18;

}



.text-center .owl-next span:hover {

    background-color: #F7BF18;

    color: #000;

}



/* form modal star */







/* form modal end */



.student-job {

    margin-top: 40px;

    text-align: center;

}



.student-job h3 {

    font-size: 36px;

    font-weight: bold;

    margin-bottom: 13px;

}



.student-job p {

    font-family: "Sen", sans-serif;

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 2px;

}



.student-job marquee {

    /* margin-bottom: 10px; */

}



.student-job marquee img {

    max-width: 280px;

    margin: 0 10px;

}



.company {

    margin: 50px 0 0 0;

    background-color: #DC0F17;

    padding: 30px;

    text-align: center;

}



.company h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    margin: 0 auto 40px;

    display: table;

    line-height: 30px;

}



.company .container-fluid {

    background-color: #fff;

    border-radius: 30px;

}



.company .container {

    padding-bottom: 32px;

}



.company p {

    color: #000;

    font-size: 18px;

    font-weight: 400;

    font-family: 'inter';

    line-height: 32px;

    margin-bottom: 3rem;

}



.company h6 {

    font-family: "Sen", sans-serif;

    font-weight: bold;

    font-size: 24px;

}



.company .company-logo {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    margin-bottom: 58px;

    padding: 0 58px;

}



.company .company-logo img {

    width: 150px;

}





/* placement page End */





/* caal-us page star */

.callus-sec {

    position: relative;

    background-color: #1b1a1a;

}



.callus-cont {

    position: absolute;

    top: 23%;

    left: 6.5%;

    background: url(../images/call-bg.webp) no-repeat;

    background-size: cover;

    border-radius: 30px;

    z-index: 1;

}



.callus-cont .call-head {

    padding: 80px;

}



.callus-cont .call-head h2 {

    font-size: 60px;

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

}



.callus-cont .call-head h2 span {

    font-size: 60px;

    font-weight: 600;

    background: -webkit-linear-gradient(2deg, #F2B018, #F22518 150%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.callus-cont .call-head h5 {

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    font-family: "Sen", sans-serif;

    letter-spacing: 2px;

    margin-bottom: 36px;

}



.callus-cont .call-head p {

    font-size: 18px;

    font-weight: 300;

    line-height: 32px;

    color: #fff;

    font-family: 'Inter';

    padding-right: 53%;

    margin-bottom: 62px;

}



.callus-cont .call-head h6 {

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    font-family: 'Inter';

    margin-bottom: 28px;

}



.callus-cut {

    position: absolute;

    bottom: -1px;

    right: 0;

    left: 0;

}



.callus-man {

    position: absolute;

    top: 23%;

    right: 7%;

    z-index: 1;

}



.callus-man img {

    width: 550px;

}



.center-switch {

    display: flex;

    align-items: center;

}



.center-switch a {

    text-decoration: none;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    font-family: "Sen", sans-serif;

    border: solid 1px #fff;

    border-radius: 999px;

    padding: 10px 20px;

    margin-right: 16px;

    text-transform: uppercase;

    letter-spacing: 3px;

    transition: all .8s ease;

}



.center-switch a:hover {

    background: -webkit-linear-gradient(2deg, #F2B018, #F22518 150%);

}



.call-character {

    position: absolute;

    top: 24%;

    right: 1.8%;

    z-index: 1;

}



.call-character img {

    width: 647px;

}



#chowringhee {

    margin-top: 80px;

    background-color: #DC0F17;

    padding: 30px;

    display: block;

    width: 100%;

}



#chowringhee h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



#chowringhee .container-fluid {

    background: url(../images/contact-bg.webp) no-repeat;

    background-size: cover;

    border-radius: 30px;

}



#chowringhee .contact {

    color: #fff;

    padding-bottom: 80px;

}



#chowringhee .contact div {

    font-size: 18px;

    color: #fff;

    font-weight: 300;

    font-family: "Sen", sans-serif;

    display: flex;

    align-items: baseline;

    margin-bottom: 36px;

}



#chowringhee .contact div i {

    margin-right: 10px;

}



#chowringhee .contact div a {

    text-decoration: none;

    color: #fff;

}



#chowringhee .contact iframe {

    border-radius: 30px;

}



.contact-form {

    margin-top: -24px;

}



.contact-form .form-control {

    display: block;

    width: 73%;

    padding: 18px 10px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    font-family: "Sen", sans-serif;

    background-color: transparent;

    background-clip: padding-box;

    border: 1px solid #7C8090;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 10px;

    box-shadow: none;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.contact-form .allow {

    color: #fff;

    display: flex;

    align-items: baseline;

    margin-top: 35px;

}



.contact-form .allow p {

    font-family: 'inter';

    font-weight: 300;

    padding-right: 28%;

    line-height: 24px;

}



.contact-form .allow input[type="checkbox"] {

    appearance: none;

    height: 20px;

    width: 20px;

    background-color: transparent;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #7C8090;

    border-radius: 6px;

    box-shadow: none;

    margin-right: 10px;

}



.submit-btw {

    background-color: #fff;

    border-radius: 17px;

    display: inline-block;

    padding: 16px 20px;

    box-shadow: 0px 5px 1px 0px #4C5576;

    margin-top: 21px;

}



.submit-btw a {

    text-decoration: none;

    color: #E90811;

    font-size: 24px;

    font-weight: bold;

    font-family: 'inter';

    display: flex;

    align-items: center;

    justify-content: space-evenly;

}



.submit-btw a div {

    background-color: #E90811;

    border-radius: 999px;

    width: 32px;

    height: 32px;

    text-align: center;

    margin-right: 8px;

}



.submit-btw a div i {

    line-height: 32px;

    color: #fff;

}





#rashbehari {

    margin-top: 80px;

    background-color: #DC0F17;

    padding: 30px;

    display: block;

    width: 100%;

}



#rashbehari h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



#rashbehari .container-fluid {

    background: url(../images/contact-bg.webp) no-repeat;

    background-size: cover;

    border-radius: 30px;

}



#rashbehari .contact {

    color: #fff;

    padding-bottom: 80px;

}



#rashbehari .contact div {

    font-size: 18px;

    color: #fff;

    font-weight: 300;

    font-family: "Sen", sans-serif;

    display: flex;

    align-items: baseline;

    margin-bottom: 36px;

}



#rashbehari .contact div i {

    margin-right: 10px;

}



#rashbehari .contact div a {

    text-decoration: none;

    color: #fff;

}



#rashbehari .contact iframe {

    border-radius: 30px;

}







#ultadanga {

    margin-top: 80px;

    background-color: #DC0F17;

    padding: 30px;

    display: block;

    width: 100%;

}



#ultadanga h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



#ultadanga .container-fluid {

    background: url(../images/contact-bg.webp) no-repeat;

    background-size: cover;

    border-radius: 30px;

}



#ultadanga .contact {

    color: #fff;

    padding-bottom: 80px;

}



#ultadanga .contact div {

    font-size: 18px;

    color: #fff;

    font-weight: 300;

    font-family: "Sen", sans-serif;

    display: flex;

    align-items: baseline;

    margin-bottom: 36px;

}



#ultadanga .contact div i {

    margin-right: 10px;

}



#ultadanga .contact div a {

    text-decoration: none;

    color: #fff;

}



#ultadanga .contact iframe {

    border-radius: 30px;

}



/* call-us page end */





/* event-psage START */



.event-sec {

    position: relative;

}



.event-cont {

    position: absolute;

    top: 36%;

    left: 8%;

}



.event-cont h1 {

    font-size: 60px;

    background: -webkit-linear-gradient(64deg, #F2B018, #F22518 40%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.event-cont p {

    font-size: 60px;

    text-transform: uppercase;

    color: #fff;

    line-height: 50px;

    font-weight: 600;

}



.event-cut {

    position: absolute;

    bottom: -1px;

    right: 0;

    left: 0;

}



.event-man {

    position: absolute;

    top: 27%;

    right: 7.5%;

}



.event-man img {

    width: 547px;

}



.event-design h6 {

    font-family: "Sen", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    word-spacing: 2px;

    font-weight: bold;

    color: #7D7D7D;

}



.event-design h6 span {

    color: #BE2329;

}



.event-us {

    background-color: #DC0F17;

    margin-top: 170px;

    text-align: center;

    padding: 30px;

}



.event-us .container {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 50px;

}



.event-us h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



.event-us p {

    font-family: "Sen", sans-serif;

    font-size: 24px;

    padding: 0 20px;

}



.event-us .row:nth-child(3) {

    margin-top: 30px;

    margin-bottom: 40px;

}



.event-content {

    margin-top: 40px;

    text-align: center;

}



.event-content h3 {

    font-size: 38px;

    font-weight: 700;

    margin-bottom: 2rem;

    font-family: "Sen", sans-serif;

}



.event-content p {

    font-family: 'inter';

    font-size: 18px;

    line-height: 32px;

    font-weight: 400;

    margin-bottom: 2rem;

}



.event-details {

    background-color: #DC0F17;

    margin-top: 30px;

    padding: 30px;

}



.event-details h3 {

    text-align: center;

    font-family: 'Abhaya Libre', serif;

    color: #fff;

    font-weight: 700;

    font-size: 2.5vw;

    background-color: #DC0F17;

    padding: 0 18px 10px;

    line-height: 32px;

    border-radius: 0 0 20px 20px;

    display: table;

    margin: 0 auto;

    text-transform: uppercase;

}



.event-details .container-fluid {

    background-color: #fff;

    border-radius: 24px;

    padding-bottom: 48px;

}



.event-row {

    margin-top: 48px;

}



.event-image img {

    border-radius: 30px;

}



.event-details .event-row p {

    font-weight: 400;

    font-size: 18px;

    line-height: 30px;

    font-family: 'inter';

    color: #000;

    text-align: left;

}



.event-image {

    position: relative;

}



.image-title {

    display: table;

    margin: 0 auto;

    padding: 10px 62px;

    margin-top: -24px;

    z-index: 1;

    position: sticky;

    background-image: linear-gradient(to right, #F2B018, #F22518);

    border-radius: 16px;

}



.image-title h5 {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    font-family: "Sen", sans-serif;

    margin: 0;

}



.image-title-two {

    display: table;

    margin: 0 auto;

    padding: 10px 62px;

    margin-top: -24px;

    z-index: 1;

    position: sticky;

    background-image: linear-gradient(to right, #F2B018, #F22518);

    border-radius: 16px;

}



.image-title-two h5 {

   color: #fff;

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    font-family: "Sen", sans-serif;

    margin: 0;

}



.event-details .event-row-right p {

    font-weight: 400;

    font-size: 18px;

    line-height: 30px;

    font-family: 'inter';

    color: #000;

    text-align: right;

}



.event-row-right {

    margin-top: 48px;

}



.event-row-right .click-here {

    margin-left: 68%;

}



.pagenation-link {

    display: flex;

    justify-content: center;

    align-items: center;

}



.pagenation-link p {

    margin: 0;

    font-family: "Sen", sans-serif;

    font-size: 24px;

    font-weight: 700;

    color: #000;

}



.pagenation-link a {

    text-decoration: underline;

    color: #DC0F17;

    font-family: "Sen", sans-serif;

    font-size: 24px;

    font-weight: 700;

}



.page-sec {

    border-top: solid 2px #DC0F17;

    padding-top: 30px;

    margin-top: 48px;

}



.page-link {

    color: #f00;

}



.disabled>.page-link,

.page-link.disabled {

    color: #f00;

}



.page-link:focus {

    box-shadow: none;

    color: #fff;

    background-color: #f00;

}



.page-link:hover {

    color: orange;

    background-color: transparent;

}



/* event-psage END */



/* achivment page START */



.achive-sec {

    position: relative;

}



.achive-cont {

    position: absolute;

    top: 36%;

    left: 8%;

}



.achive-cont h1 {

    font-size: 60px;

    background: -webkit-linear-gradient(64deg, #F2B018, #F22518 40%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.achive-cont p {

    font-size: 60px;

    text-transform: uppercase;

    color: #fff;

    line-height: 50px;

    font-weight: 600;

}



.achive-cut {

    position: absolute;

    bottom: -1px;

    right: 0;

    left: 0;

}



.achive-man {

    position: absolute;

    top: 30%;

    right: 9%;

}



.achive-man img {

    width: 535px;

}



.achive-design h6 {

    font-family: "Sen", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    word-spacing: 2px;

    font-weight: bold;

    color: #7D7D7D;

}



.achive-design h6 span {

    color: #BE2329;

}



.achive-us {

    background-color: #DC0F17;

    margin-top: 170px;

    text-align: center;

    padding: 30px;

}



.achive-us .container {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 50px;

}



.achive-us h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



.achive-us p {

    font-family: "Sen", sans-serif;

    font-size: 24px;

    padding: 0 20px;

}



.achive-us .row:nth-child(3) {

    margin-top: 30px;

    margin-bottom: 40px;

}



.fps-achivement {

    margin-top: 100px;

    background-color: #DC0F17;

    padding: 30px;

    position: relative;

}



.fps-achivement::after {

    content: '';

    background: url(../images/fps-trophy.webp) no-repeat;

    width: 137px;

    height: 100%;

    position: absolute;

    left: -7%;

    top: -18%;

    transform: rotate(18deg);

    background-size: contain;

}



.fps-achivement .container-fluid {

    background: url(../images/fps-achivement-bg.webp) no-repeat;

    background-size: cover;

    background-position: center center;

    border-radius: 24px;

}



.fps-achivement .container {

    padding-bottom: 80px;

}



.fps-achivement .row:nth-child(2) {

    margin-top: 0;

}



.fps-achivement h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 30px;

    margin: 0 auto 60px;

    display: table;

}



.fps-achivement p {

    text-align: center;

    color: #fff;

    font-size: 18px;

    line-height: 32px;

    font-weight: 100;

}



.gurukul-award {

    margin-top: 80px;

    background-image: linear-gradient(to right, #F2B018, #F27418);

    padding: 30px;

    position: relative;

}



.fps-trophy {

    right: -3%;

    top: -33%;

    transform: rotate(340deg);

    position: absolute;

}



.fps-trophy img {

    max-width: 160px;

}



.gurukul-award .container-fluid {

    background-color: #fff;

    border-radius: 24px;

}



.gurukul-award .container {

    padding-bottom: 80px;

}



.gurukul-award .container .row {

    align-items: center;

}



.gurukul-award h3 {

    color: #DC0F17;

    font-weight: 800;

    font-size: 2.5vw;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-image: linear-gradient(to right, #F2B018, #F27418);

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 30px;

    margin: 0 auto 60px;

    display: table;

}



.gurukul-award h3 span {

    color: #fff;

}



.gurukul-award p {

    color: #000;

    font-family: "Sen", sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 32px;

    text-align: center;

    text-transform: capitalize;

}



.winner {

    position: absolute;

    bottom: -0.6%;

    left: 5%;

}



.winner img {

    max-width: 450px;

}





.achive-trphy {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: url(../images/course-bg.webp);

    border-radius: 56px;

    width: 1320px;

    margin: 200px auto 80px;

    position: relative;

}



.achive-trphy::after {

    content: '';

    position: absolute;

    width: 194px;

    height: 145px;

    background: url(../images/rokcrub.webp) no-repeat;

    top: -18%;

    left: 42%;

}



.achive-trphy h5 {

    font-family: "Sen", sans-serif;

    font-size: 20px;

    font-weight: 900;

    color: #F7B103;

}



.achive-trphy h6 {

    font-size: 18px;

    color: #fff;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-family: "Sen", sans-serif;

    font-weight: 300;

    margin-bottom: 25px;

}



.achive-trphy h4 {

    font-size: 36px;

    font-weight: bolder;

    letter-spacing: -1px;

    color: #fff;

    margin-bottom: 25px;

}



.achive-trphy p {

    font-size: 16px;

    color: #fff;

    font-family: "Sen", sans-serif;

    margin-bottom: 36px;

    font-weight: 300;

}



.achive-trphy-content {

    text-align: left;

    padding: 60px 0;

}



.achive-trphy .edge {

    color: #fff;

    font-size: 10px;

    font-weight: 500;

    vertical-align: text-top;

    margin: 0;

    padding-top: 13px;

}



.achive-trphy-here {

    background-color: #BF0D14;

    border-radius: 17px;

    display: inline-block;

    padding: 16px 20px;

    box-shadow: 0px 5px 1px 0px #8f191d;

}



.achive-trphy-here a {

    text-decoration: none;

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    font-family: "Sen", sans-serif;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

}



.achive-trphy-here a img {

    max-width: 28px;

    margin-left: 10px;

}



.awards-list {

    margin-top: 80px;

    background-color: #DC0F17;

    padding: 30px;

}





.awards-list .container-fluid {

    background: url(../images/awards-bg.webp) no-repeat;

    background-size: cover;

    background-position: center center;

    border-radius: 24px;

}



.awards-list h3 {

    color: #fff;

    font-weight: bold;

    font-size: 2.5vw;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    letter-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



.awards-list .yellow-bg {

    color: #fff;

    padding: 10px 20px;

    background-color: #F2B018;

    font-size: 16px;

    font-weight: bold;

    border-radius: 10px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.awards-list .red-bg {

    color: #fff;

    padding: 10px 20px;

    background-color: #DC0F17;

    font-size: 16px;

    font-weight: bold;

    border-radius: 10px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.awards-list select {

    color: #fff;

    padding: 11px 20px;

    background-color: #F2B018;

    font-size: 16px;

    font-weight: bold;

    border-radius: 10px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: none;

    display: table;

}



.content {

    font-size: 16px;

    font-weight: bold;

    font-family: "Sen", sans-serif;

    text-align: center;

    background-color: #fff;

    margin: 10px auto;

    border-radius: 10px;

    display: none;

    padding: 10px 0;

}



#loadMore {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    border-radius: 12px;

    border: solid 2px #FFC327;

    font-family: 'Inter', sans-serif;

    font-size: 20px;

    font-weight: 600;

    letter-spacing: 1px;

    text-align: center;

    color: #fff;

    text-shadow: 3.6315789222717285px 4.842105388641357px 4.115789890289307px #00000040;

    padding: 7px 15px;

    text-transform: uppercase;

    margin: 40px auto;

    box-shadow: 0px 5px 1px 0px #7c5e0f;

    display: table;

    transition: all .4s ease;

}



#loadMore:hover {

    background: linear-gradient(95.06deg, #F27418 -2.54%, #F2B018 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

}



.awards-details .row {

    align-items: center;

}



.year {

    background-color: #F2B018;

    border-radius: 10px;

}











/* achivment page END */



.testi-vr-man {

    position: absolute;

    top: -24%;

    left: 7%;

    transform: rotate(356deg);

}



.testi-vr-man img {

    max-width: 400px;

}



/*

video carousel start */



/* ####################################

           SITON STYLES

####################################### */





.swiper-custom-next.swiper-button-disabled,

.swiper-custom-prev.swiper-button-disabled {

    opacity: 1;



}



/* Zoom In on hover */

.vid-thumb {

    overflow: hidden;

    display: block;

    width: auto;

}



.vid-thumb img {

    display: block;

}







.vid-thumb img {

    -webkit-transition: .3s ease-in-out;

    transition: all .2s ease-in-out;

    filter: grayscale(var(--value, 100%));

}



.vid-thumb img:focus {

    filter: grayscale(var(--value, 0%));

}



.vid-thumb img:active {

    filter: grayscale(var(--value, 0%));

}



.vid-thumb:hover img {

    filter: grayscale(var(--value, 0%));

}



/* #####################

        SWIPER STYLES

  #######################*/











.desc {

    position: absolute;

    bottom: -9%;

    text-align: left;

    padding: 0 20px 20px;

    font-family: 'Sen';

}



.desc h6 {

    color: #fff;

    margin-bottom: 2px;

}



.desc p {

    color: #fff;

}







.swiper-pagination-bullet-active {

    background: #b4234c;

}



.swiper-pagination-bullet {

    width: 12px;

    height: 12px;

}





.fluid-width-video-wrapper iframe,

.fluid-width-video-wrapper object,

.fluid-width-video-wrapper embed {

    border-radius: 20px;

    padding: 6px;

    border: solid 2px #fff;

}











#extra {

    background: transparent;

}



.swiper-custom-next {

    position: absolute;

    padding: 10px 2px;

    right: 1px;

    top: 50%;

    z-index: 100;

    display: inline-block;

    cursor: pointer;

    border: none;

    background-color: transparent;

    transform: translate(0, -25px);

}



.swiper-custom-prev {

    position: absolute;

    padding: 10px 2px;

    left: 2px;

    top: 50%;

    transform: translate(0, -25px);

    z-index: 100;

    display: inline-block;

    cursor: pointer;

    font-size: 15px;

    border: none;

    background-color: transparent;

}



.main-screen {

    margin-bottom: 70px;

}



.video-car .container-fluid {

    background: url(../images/contact-bg.webp) no-repeat;

    background-size: cover;

    background-position: center;

    text-align: left;

    padding: 0 40px 40px;

    border-radius: 20px;

}





.video-car {

    background-color: #DC0F17;

    padding: 30px;

    margin-top: 50px;

}



.video-car h2 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    letter-spacing: 1px;

    word-spacing: 2px;

    margin: 0 auto 32px;

    display: table;

}



/* video pagination start */



.cont {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));

    gap: 20px;

}



.card {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    padding: 10px;

    border-radius: 8px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    text-align: center;

    cursor: pointer;

}



.card img {

    width: 100%;

    border-radius: 8px;

    transition: 0.3s;

}



.card img:hover {

    transform: scale(1.02);

}



.pagination {

    margin-top: 20px;

    text-align: center;

    display: block;

}



.pagination button {

    margin: 0 5px;

    padding: 8px 12px;

    border: 1px solid #ddd;

    background: #fff;

    cursor: pointer;

    border-radius: 4px;

}



.pagination button.active {

    background: #dc0f17;

    color: #fff;

}



.pagination button:disabled {

    opacity: 0.5;

    cursor: not-allowed;

}



/* Lightbox */

.lightbxeffect {

    display: none;

    position: fixed;

    z-index: 1000;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.8);

    justify-content: center;

    align-items: center;

}



.lightbxeffect iframe {

    width: 80%;

    height: 70%;

    border: none;

    border-radius: 8px;

}



.lightbxeffect .close {

    position: absolute;

    top: 20px;

    right: 40px;

    font-size: 40px;

    color: #fff;

    cursor: pointer;

}



/* video pagination end */



.test-bx {

    width: 100%;

    height: 350px;

    border-radius: 30px;

    display: inline-block;

}



.test-bx h5 {

    color: #fff;

    margin-bottom: 24px;

}











/*video car end */





.modal-backdrop {

    --bs-backdrop-zindex: 0;

}





/* software section start */



.software {

    background-image: linear-gradient(45deg,

            #352011, #69350A);

    margin-top: 60px;

    padding: 20px 10px;

}



.software .container-fluid {

    background: #fff;

    padding: 0 30px 30px 30px;

    border-radius: 30px;

}





.software h3 {

    font-size: 2.5vw;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-image: linear-gradient(8deg,

            #352011, #69350A);

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    margin: 0 auto 50px;

    display: table;

}



.software .row:nth-child(1) {

    margin-bottom: 21px;

}



.software .soft-ico img {

    border: solid;

    border-radius: 12px;

}



.software .b-img {

    border: solid;

    border-radius: 18px;

}



/* software section end */



/* course-base start */



.course-ban h6 {

    font-family: "Sen", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    word-spacing: 2px;

    font-weight: bold;

    color: #7D7D7D;

    margin-top: 20px;

}



.course-ban h6 span a {

    color: #be2329;

}



.course-ban h6 span:nth-child(1) {

    color: #BE2329;

}



.course-ban h6 span:nth-child(2) {

    color: #7D7D7D;

    font-size: 10px;

    font-weight: 800;

    vertical-align: text-top;

}



.cut-bg {

    position: absolute;

    bottom: -3%;

    left: 0;

    right: 0;

}



.curse-card {

    position: relative;

    z-index: 1;

}



.curse-card .head-link {

    font-family: 'founders_groteskmedium';

    font-size: 24px;

    font-weight: 500;

    letter-spacing: 1px;

    text-align: center;

    color: #fff;

    background: linear-gradient(95.06deg, #F27418 -2.54%, #FFC327 110.95%), linear-gradient(0deg, #FFC327, #F27418);

    padding: 10px 12px 6px;

    border-radius: 12px;

}



.curse-card h5 {

    font-family: 'founders_groteskmedium';

    font-size: 24px;

    font-weight: 500;

    letter-spacing: 1px;

    text-align: center;

    color: #fff;

    padding: 10px 12px 6px;

    border-radius: 12px;

}



.curse-card ul {

    margin-top: 20px;

}



.curse-card ul li {

    margin: 10px 0;

    transition: all .2s ease;

}



/* .curse-card ul li:hover{

    transform: scale(1.1);



} */





.curse-card ul li::marker {

    color: #fff;

}



.curse-card ul li a {

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    font-family: 'gothambook';

    font-weight: 600;

    transition: all .2s ease;

}



.curse-card ul li a:hover {

    color: yellow;

    font-size: 22px;

}





.course-card-grid {

    background: linear-gradient(0deg, #171B2C, #171B2C),

        linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    border-radius: 32px;

    border: 1.56px solid;

    border-image-source: linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    box-shadow: 0px 14.055194854736328px 59.344154357910156px 0px #666E8D82 inset;

    padding: 30px 40px;

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    transition: 0.5s;

    min-height: 410px;

}



.course-card-grid:hover {

    /*background: linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%),

    linear-gradient(0deg, #BF0D14, #BF0D14);

    border: 1.56px solid;*/



    background: linear-gradient(137.22deg, #C0434B 3.59%, #ED383F 54.19%, rgba(192, 67, 75, 0.41) 100%),

        linear-gradient(0deg, #BF0D14, #BF0D14);

}



.course-img img {

    width: 500px;

    border-radius: 20px;

}



.course-img {

    position: absolute;

    right: 10%;

    top: 52%;

    z-index: 1;

}



/* course-base end */





/* ipvas start */



#faq__accordian-main-wrapper {

    margin-top: 16px;

}



.faq__accordion-content p {

    margin: 0;

}



.faq__accordian-heading {

    padding: 16px 32px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: solid 2px;

    transition: all .4s ease;

}



.faq__accordian-heading a {

    text-decoration: none;

    color: #000;

    font-size: 24px;

    font-family: "Sen", sans-serif;

    font-weight: 500;

}



.faq__accordian-heading i {

    color: #000;

    font-size: 24px;

}



.faq__accordian-heading:hover {

    background: url(../images/animate-bg-1.webp) no-repeat;

    background-size: cover;

    background-position: right center;

    cursor: pointer;

}



.faq__accordian-heading.active {

    background: url(../images/animate-bg-1.webp) no-repeat;

    background-size: cover;

    background-position: right center;

    color: #ffffff;

    border-radius: 16px;

    border: solid 2px #F38019;

    cursor: pointer;

}



.faq__accordian-heading.active::before {

    -webkit-transition: 0.3s linear all;

    -moz-transition: 0.3s linear all;

    -ms-transition: 0.3s linear all;

    -o-transition: 0.3s linear all;

    transition: 0.3s linear all;

    -webkit-transform: translateY(-50%) rotate(360deg);

    -moz-transform: translateY(-50%) rotate(360deg);

    -ms-transform: translateY(-50%) rotate(360deg);

    -o-transform: translateY(-50%) rotate(360deg);

    transform: translateY(-50%) rotate(360deg);

}



.faq__accordian-heading.active::before {

    color: #ffffff;

}



.faq__accordion-content {

    display: none;

    padding: 10px 20px;

}



.faq__accordion-content .row {

    margin-top: 16px;

}



.sf-learn .row {

    margin-top: 20px;

}



.career .row {

    margin-top: 20px;

}



/* ipvad end */





/* dropdown menu css start */

.headercontainer .navigation ul li ul li {

    width: 100%;

}



.headercontainer .navigation ul li ul li a {

    width: 100%;

    font-size: 13px;

}



.sf-menu,

.sf-menu {

    margin: 0;

    padding: 0;

    list-style: none;

}



.sf-menu li {

    position: relative;

}



.sf-menu ul {

    position: absolute;

    top: 100%;

    left: 0%;

    list-style: none;

    z-index: 999;

    padding: 0px;

    margin: 0px;

}



.sf-menu>li {

    float: left;

}



.sf-menu a {

    display: block;

    position: relative;

}



.sf-menu ul ul {

    top: 0;

    left: 100%;

}



/* testimonial carusal start*/



.circle-car {

      font-family: Arial, sans-serif;

      margin: 0;

      padding: 0;

      color: #fff;

      display: flex;

      justify-content: center;

      align-items: center;

    }



    .carousel-container {

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      justify-content: center;

      gap: 20px;

      width: 100%;

      max-width: 1100px;

      padding: 20px;

    }



    /* Circle wrapper */

    .circle-wrapper {

      position: relative;

      flex: 1 1 280px;

      max-width: 350px;

      aspect-ratio: 1/1;

      margin: 10px auto;

    }



    .circle-nav {

      position: absolute;

      width: 100%;

      height: 100%;

      border-radius: 50%;

      top: 0;

      left: 0;

      transform: rotate(0deg);

      transition: transform 1s ease-in-out;

    }



    .circle-nav button {

      position: absolute;

      width: 29%;

      aspect-ratio: 1 / 1;

      border-radius: 50%;

      border: 2px solid #fff;

      background: #14213d;

      cursor: pointer;

      overflow: hidden;

      padding: 0;

      transition: transform 0.4s ease, box-shadow 0.4s ease;

    }



    .circle-nav button img {

      width: 100%;

      height: 100%;

      object-fit: cover;

      border-radius: 50%;

    }



    /* Active Circle Effect */

    .circle-nav button.active {

      transform: scale(1.2);

      box-shadow: 0 0 20px 6px rgba(252, 163, 17, 0.8);

      border-color: #fca311;

      z-index: 2;

    }



    /* Join Button (Static Center) */

    .join-btn {

      position: absolute;

      top: 54%;

      left: 56%;

      transform: translate(-50%, -50%);

      background: #fca311;

      color: #000;

      font-size: 1rem;

      font-weight: bold;

      padding: 12px 24px;

      border: none;

      border-radius: 30px;

      cursor: pointer;

      text-decoration: none;

      z-index: 1;

      transition: background 0.3s;

    }



    .join-btn:hover {

      background: #ffba3d;

    }



    /* Video + Caption */

    .video-section {

      flex: 2 1 400px;

      display: flex;

      flex-direction: column;

      align-items: center;

      gap: 12px;

    }



    .video-box {

      width: 88%;

      aspect-ratio: 16/9;

      background: #000;

    }



    iframe {

      width: 100%;

      height: 100%;

      border: none;

    }



    .caption {

      font-size: 1rem;

      text-align: center;

      line-height: 1.4;

      padding: 0 10px;

      margin-top: 20px;

      text-align: justify;

    }



    /* Responsive Stack */

    @media (max-width: 768px) {

      .carousel-container {

        flex-direction: column;

      }

      .video-section {

        width: 100%;

      }

    }



/* testimonial carusal end */





/* login page start */



.login {

    position: relative;

}



.login-bg img {

    height: 100vh;

    object-fit: cover;

}



.login-from {

    background: linear-gradient(0deg, rgba(20, 25, 44, 0.9), rgba(20, 25, 44, 0.9)),

        linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    box-shadow: 0px 9px 38px 0px #666E8D4D inset;

    border-radius: 1.375rem;

    padding: 42px;

    position: absolute;

    left: 50%;

    top: 60%;

    transform: translate(-50%, -50%);

}



.login-from h4 {

    font-family: 'founders_grotesksemibold';

    font-size: 30px;

    font-weight: 400;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 32px;

}



.login-detail {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.login-detail a {

    color: #fff;

    font-family: 'Poppins';

    font-size: 1rem;

    transition: all .3s ease;

    margin-top: 18px;

}



.login-detail a:hover {

    color: #f2ad18;

}



.eye-bt {

    position: absolute;

    font-size: 20px;

    right: 60px;

    top: 51%;

    cursor: pointer;

    color: #5C5C5C;

    z-index: 2;

}



.login-button {

    margin-top: 18px;

}



input[type="submit"] {

    background: linear-gradient(95.06deg, #ffc643 -2.54%, #ff0000 110.95%);

    color: #fff;

    border: none;

    font-family: 'poppins';

    font-size: 1.063rem;

    font-weight: 400;

    border-radius: 8px;

    line-height: 42px;

    width: 100%;

    transition: all .3s ease;

}



input[type="submit"]:hover {

    background: linear-gradient(95.06deg, #ff0000 -2.54%, #ffc643 110.95%);

}



.loginfrom input {

    background: #2A3047;

    border-radius: 15px;

    height: 48px;

    font-family: 'Inter', sans-serif;

    font-size: 1.25rem;

    font-weight: 500;

    border: none;

    width: 100%;

    color: #fff;

    padding: 0 15px;

}



.loginfrom input::placeholder {

    opacity: 1;

}



/* login page end */



/* modal form start  */



.fmodal {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    transform: scale(1.1);

    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;

}



.fmodal-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    /* background-color: white; */

    /* padding: 1rem 1.5rem; */

    width: 50%;

    border-radius: 0.5rem;

}



.close-button {

    float: right;

    width: 1.5rem;

    line-height: 1.5rem;

    text-align: center;

    cursor: pointer;

    border-radius: 0.25rem;

    background-color: lightgray;

}



.close-button:hover {

    background-color: darkgray;

}



.show-modal {

    opacity: 1;

    visibility: visible;

    transform: scale(1.0);

    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;

}



.modalcallfrom {

    background: linear-gradient(0deg, rgba(20, 25, 44, 0.9), rgba(20, 25, 44, 0.9)),

        linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);

    box-shadow: 0px 9px 38px 0px #666E8D4D inset;

    border-radius: 70px;

    padding: 42px;

    position: relative;

    z-index: 1;

    display: inline-table;

    width: 100%;

}



.modalcallfrom h4 {

    font-family: 'founders_grotesksemibold';

    font-size: 30px;

    font-weight: 600;

    letter-spacing: 3px;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

}



.modalcallfrom p {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 20px;

    letter-spacing: 5px;

    color: #fff !important;

    text-align: center;

}



.modalcallfrom em {

    font-family: 'founders_groteskmedium';

    font-size: 16px;

    font-weight: lighter;

    line-height: 20px;

    letter-spacing: 0.5px;

    color: #fff;

    font-style: normal;

}



.modalcallfrom em a {

    font-family: 'Inter', sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    letter-spacing: -0.04em;

    color: #EA721F;

}



.modalcallfrom label {

    font-family: 'Inter', sans-serif;

    color: #fff;

}



.modalcallfrom .form-check-input:checked[type=radio] {

    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);

    border: solid 2px #fff;

}



.modalcallfrom .form-check-input:checked {

    background-color: transparent;

}



.modalcallfrom .form-check-input:focus {

    box-shadow: none;

}



.modalcallfrom .form-check-input {

    --bs-form-check-bg: transparent;

    width: 1rem;

    height: 1rem;

    border: solid 2px #fff;

}



@media only screen and (max-width: 576px) {

    .fmodal-content {

        width: 100%;

    }





}



/* modal form end */



/* std-enquery start */



.std-enquery {

    padding-top: 100px;

    background-color: #DC0F17;

}



.std-enquery {

    padding: 30px;

}



.std-enquery .container-fluid {

    background-color: #111;

    background-size: cover;

    text-align: left;

    padding: 0 40px 60px;

    border-radius: 20px;

}



.std-enquery h3 {

    font-size: 2.5rem;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-family: "Merriweather", serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 17px 10px;

    letter-spacing: 1px;

    word-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}



.std-enquery h5 {

    text-align: center;

    font-family: "Merriweather", serif;

    color: #fff;

    font-size: 36px;

    font-weight: bold;

    line-height: 56px;

    padding: 0 132px;

    margin-bottom: 45px;



}





.std-enquery .col-md-12 p {

    font-size: 18px;

    color: #000;

    font-family: "Sen", sans-serif;

    text-align: center;

    margin-bottom: 80px;

}



.std-enquery .row:nth-child(2) {

    margin-top: 32px;

}



.std-img {

    width: 100%;

    height: 650px;

}



.std-img img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.std-enquery .modalcallfrom {

    background: transparent;

    box-shadow: none;

}



.std-enquery .modalcallfrom h4 {

    margin-bottom: 38px;

}



.std-enquery .modalcallfrom .radio-slct {

    display: table;

    margin: 0 auto;

}



.std-enquery .modalcallfrom .form-check {

    float: left;

    margin-left: 20px;

    margin-bottom: 32px;

}



.std-enquery .modalcallfrom h5 {

    font-family: 'founders_groteskmedium';

    font-size: 18px;

    font-weight: lighter;

    line-height: 24px;

    letter-spacing: 1px;

    color: #fff;

    padding: 0;

    font-style: normal;

}



.std-enquery .modalcallfrom h5 a {

    font-family: 'Inter', sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    letter-spacing: -0.04em;

    color: #EA721F;

}



.std-enquery .modalcallfrom .from-check input {

    margin: 10px 0 0 0;

    width: 20px;

    height: 20px;

}



.std-enquery .modalcallfrom .getfrom button {

    margin: 0 auto;

}



/* std-enquery end */



/* terms page start */



.term-discl {

    background-color: #f2ab18;

    margin-top: 40px;

    text-align: center;

    padding: 30px;

}



.term-discl .container-fluid {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 1px;

}



.term-discl h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #f2ab18;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    margin: 0 auto 32px;

    display: table;

}



.term-discl p {

    font-family: 'inter';

    font-size: 18px;

    padding: 0 20px;

}



.term-use {

    background-color: #DC0F17;

    margin-top: 40px;

    text-align: center;

    padding: 30px;

}



.term-use .container-fluid {

    background: url(../images/DARK\ BG\ MESH.webp) no-repeat;

    background-size: cover;

    text-align: left;

    padding: 0 30px;

    border-radius: 20px;

}



.term-use h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    margin: 0 auto 32px;

    display: table;

}



.term-use p {

    font-family: 'inter';

    font-size: 18px;

    padding: 0 20px;

    color: #fff;

    margin-bottom: 20px;

}



.term-use ul li {

    color: #fff;

    list-style: none;

    font-size: 18px;

    font-family: 'inter';

    margin-bottom: 16px;

}





.term-policy {

    background-color: #f2ab18;

    margin-top: 40px;

    text-align: center;

    padding: 30px;

}



.term-policy .container-fluid {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 1px;

}



.term-policy h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #f2ab18;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    margin: 0 auto 32px;

    display: table;

}



.term-policy p {

    font-family: 'inter';

    font-size: 18px;

    padding: 0 20px;

    text-align: left;

}



/* terms page end */



/* privacy policy page start */



.privacy-policy {

    background-color: #f2ab18;

    margin-top: 40px;

    text-align: center;

    padding: 30px;

}



.privacy-policy .container-fluid {

    background-color: #fff;

    border-radius: 20px;

    padding-bottom: 1px;

}



.privacy-policy h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #f2ab18;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    margin: 0 auto 32px;

    display: table;

}



.privacy-policy p {

    font-family: 'inter';

    font-size: 18px;

    padding: 0 20px;

    text-align: left;

}



.privacy-policy ul li {

    color: #000;

    font-size: 18px;

    font-family: 'inter';

    text-align: left;

}



/* privacy policy page end */



/* jwel page start */



.jewel-pn .container-fluid {

    background: url(../images/contact-bg.webp) no-repeat;

    background-size: cover;

    background-position: center;

    text-align: left;

    padding: 0 40px 40px;

    border-radius: 20px;

}



.jewel-pn {

    background-color: #DC0F17;

    padding: 30px;

    margin-top: 50px;

}



.jewel-pn h3 {

    font-size: 2.5vw;

    font-weight: 800;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Abhaya Libre', serif;

    background-color: #DC0F17;

    border-radius: 0 0 20px 20px;

    padding: 0 18px 10px;

    line-height: 32px;

    letter-spacing: 1px;

    word-spacing: 2px;

    margin: 0 auto 60px;

    display: table;

}





.cont {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));

    gap: 20px;

}



.card {

    background: linear-gradient(95.06deg, #F2B018 -2.54%, #F27418 110.95%), linear-gradient(0deg, #FFC327, #FFC327);

    border-radius: 10px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    transition: transform 0.2s ease;

}



.card:hover {

    transform: translateY(-5px);

    cursor: pointer;

}



.card img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.card-content {

    padding: 15px;

}



.card-content h4 {

    margin: 0 0 10px;

    font-size: 18px;

}



.card-content p {

    font-size: 14px;

    color: #555;

}



/* Image Pagination */



.cont {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));

    gap: 20px;

}



.card {

    background: linear-gradient(95.06deg, #FFC327 -2.54%, #FFC327 110.95%), linear-gradient(0deg, #F27418, #F27418);

    border-radius: 10px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    transition: transform 0.2s ease;

}



.card:hover {

    transform: translateY(-5px);

    cursor: pointer;

}



.card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.card-content {

    padding: 15px;

}



.card-content h3 {

    margin: 0 0 10px;

    font-size: 18px;

}



.card-content p {

    font-size: 14px;

    color: #555;

}



/* Pagination */

.pagination {

    text-align: center;

    margin-top: 25px;

}



.pagination button {

    margin: 3px;

    padding: 8px 14px;

    border: none;

    border-radius: 20px;

    cursor: pointer;

    background: #eee;

    font-weight: bold;

}



.pagination button.active {

    background: #dc0f17;

    color: #fff;

}



.pagination button:disabled {

    opacity: 0.5;

    cursor: not-allowed;

}



/* Lightbox */

.lightbox {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    display: flex;

    justify-content: center;

    align-items: center;

    visibility: hidden;

    opacity: 0;

    transition: opacity 0.3s ease;

    z-index: 2;

}



.lightbox.active {

    visibility: visible;

    opacity: 1;

}



.lightbox img {

    max-width: 60%;

    max-height: 80%;

    border-radius: 10px;

    object-fit: contain;

}



.lightbox span {

    position: absolute;

    top: 20px;

    right: 30px;

    font-size: 35px;

    color: #fff;

    cursor: pointer;

}



.crown img {

    object-fit: contain;

    width: 10%;

    margin-bottom: -10px;

}







/* button non clickable for course page*/



.inactivelink{

    pointer-events:none;

    coursor:default;

}



/* jwel page end */