5tft y @charset "UTF-8";
/* Bootstrap 5.1.3 */
 :root{
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc3545;
    --bs-orange:#fd7e14;
    --bs-yellow:#ffc107;
    --bs-green:#198754;
    --bs-teal:#20c997;
    --bs-cyan:#0dcaf0;
    --bs-white:#fff;
    --bs-gray:#6c757d;
    --bs-gray-dark:#343a40;
    --bs-gray-100:#f8f9fa;
    --bs-gray-200:#e9ecef;
    --bs-gray-300:#dee2e6;
    --bs-gray-400:#ced4da;
    --bs-gray-500:#adb5bd;
    --bs-gray-600:#6c757d;
    --bs-gray-700:#495057;
    --bs-gray-800:#343a40;
    --bs-gray-900:#212529;
    --bs-primary:#0d6efd;
    --bs-secondary:#6c757d;
    --bs-success:#198754;
    --bs-info:#0dcaf0;
    --bs-warning:#ffc107;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#212529;
    --bs-primary-rgb:13,110,253;
    --bs-secondary-rgb:108,117,125;
    --bs-success-rgb:25,135,84;
    --bs-info-rgb:13,202,240;
    --bs-warning-rgb:255,193,7;
    --bs-danger-rgb:220,53,69;
    --bs-light-rgb:248,249,250;
    --bs-dark-rgb:33,37,41;
    --bs-white-rgb:255,255,255;
    --bs-black-rgb:0,0,0;
    --bs-body-color-rgb:33,37,41;
    --bs-body-bg-rgb:255,255,255;
    --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family:var(--bs-font-sans-serif);
    --bs-body-font-size:1rem;
    --bs-body-font-weight:400;
    --bs-body-line-height:1.5;
    --bs-body-color:#212529;
    --bs-body-bg:#fff
}
*,::after,::before{
    box-sizing:border-box
}
@media (prefers-reduced-motion:no-preference){
    :root{
        scroll-behavior:smooth
    }
}
body{
    margin:0;
    font-family:var(--bs-body-font-family);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    color:var(--bs-body-color);
    text-align:var(--bs-body-text-align);
    background-color:var(--bs-body-bg);
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
hr{
    margin:1rem 0;
    color:inherit;
    background-color:currentColor;
    border:0;
    opacity:.25
}
hr:not([size]){
    height:1px
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2
}
.h1,h1{
    font-size:calc(1.375rem + 1.5vw)
}
.h1,h1{
    font-size:2.5rem
}
.h2,h2{
    font-size:calc(1.325rem + .9vw)
}
@media (min-width: 1200px){
    .h2,h2{
        font-size:2rem
    }
}
.h3,h3{
    font-size:calc(1.3rem + .6vw)
}
@media (min-width: 1200px){
    .h3,h3{
        font-size:1.75rem
    }
}
.h4,h4{
    font-size:calc(1.275rem + .3vw)
}
@media (min-width: 1200px){
    .h4,h4{
        font-size:1.5rem
    }
}
.h5,h5{
    font-size:1.25rem
}
.h6,h6{
    font-size:1rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
ol,ul{
    padding-left:2rem
}
dl,ol,ul{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
b,strong{
    font-weight:bolder
}
.small,small{
    font-size:.875em
}
sub,sup{
    position:relative;
    font-size:.75em;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:#0d6efd;
    text-decoration:underline
}
a:hover{
    color:#0a58ca
}
img,svg{
    vertical-align:middle
}
table{
    caption-side:bottom;
    border-collapse:collapse
}
tbody,td,tfoot,th,thead,tr{
    border-color:inherit;
    border-style:solid;
    border-width:0
}
button{
    border-radius:0
}
button:focus:not(:focus-visible){
    outline:0
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
iframe{
    border:0
}
.list-unstyled{
    padding-left:0;
    list-style:none
}
.img-fluid{
    max-width:100%;
    height:auto
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    width:100%;
    padding-right:var(--bs-gutter-x,.75rem);
    padding-left:var(--bs-gutter-x,.75rem);
    margin-right:auto;
    margin-left:auto
}
@media (min-width: 576px){
    .container,.container-sm{
        max-width:540px
    }
}
@media (min-width: 768px){
    .container,.container-md,.container-sm{
        max-width:720px
    }
}
@media (min-width: 992px){
    .container,.container-lg,.container-md,.container-sm{
        max-width:960px
    }
}
@media (min-width: 1200px){
    .container,.container-lg,.container-md,.container-sm,.container-xl{
        max-width:1140px
    }
}
@media (min-width: 1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1320px
    }
}
.row{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
.row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)
}
.col-3{
    flex:0 0 auto;
    width:25%
}
.col-4{
    flex:0 0 auto;
    width:33.33333333%
}
.col-6{
    flex:0 0 auto;
    width:50%
}
.col-8{
    flex:0 0 auto;
    width:66.66666667%
}
.col-12{
    flex:0 0 auto;
    width:100%
}
.g-0,.gx-0{
    --bs-gutter-x:0
}
.g-0,.gy-0{
    --bs-gutter-y:0
}
.g-2,.gx-2{
    --bs-gutter-x:0.5rem
}
.g-2,.gy-2{
    --bs-gutter-y:0.5rem
}
.g-3,.gx-3{
    --bs-gutter-x:1rem
}
.g-3,.gy-3{
    --bs-gutter-y:1rem
}
.g-4,.gx-4{
    --bs-gutter-x:1.5rem
}
.g-4,.gy-4{
    --bs-gutter-y:1.5rem
}
@media (min-width: 576px){
    .col-sm-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-sm-6{
        flex:0 0 auto;
        width:50%
    }
    .col-sm-8{
        flex:0 0 auto;
        width:66.66666667%
    }
}
@media (min-width: 768px){
    .col-md-3{
        flex:0 0 auto;
        width:25%
    }
    .col-md-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-md-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-md-6{
        flex:0 0 auto;
        width:50%
    }
    .col-md-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-md-12{
        flex:0 0 auto;
        width:100%
    }
}
@media (min-width: 992px){
    .col-lg-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-lg-3{
        flex:0 0 auto;
        width:25%
    }
    .col-lg-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-lg-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-lg-6{
        flex:0 0 auto;
        width:50%
    }
    .col-lg-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-lg-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-lg-12{
        flex:0 0 auto;
        width:100%
    }
}
@media (min-width: 1200px){
    .col-xl-3{
        flex:0 0 auto;
        width:25%
    }
    .col-xl-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-xl-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-xl-6{
        flex:0 0 auto;
        width:50%
    }
    .col-xl-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-xl-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-xl-9{
        flex:0 0 auto;
        width:75%
    }
    .col-xl-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-xl-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-xl-1{
        margin-left:8.33333333%
    }
}
@media (min-width: 1400px){
    .col-xxl-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-xxl-8{
        flex:0 0 auto;
        width:66.66666667%
    }
}
.btn{
    display:inline-block;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    padding:.375rem .75rem;
    font-size:1rem;
    border-radius:.25rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn:hover{
    color:#212529
}
.btn-check:focus+.btn,.btn:focus{
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.btn-primary{
    color:#fff;
    background-color:#0d6efd;
    border-color:#0d6efd
}
.btn-primary:hover{
    color:#fff;
    background-color:#0b5ed7;
    border-color:#0a58ca
}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{
    color:#fff;
    background-color:#0a58ca;
    border-color:#0a53be
}
.btn-info{
    color:#000;
    background-color:#0dcaf0;
    border-color:#0dcaf0
}
.btn-info:hover{
    color:#000;
    background-color:#31d2f2;
    border-color:#25cff2
}
.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{
    color:#000;
    background-color:#3dd5f3;
    border-color:#25cff2
}
.btn-group-lg>.btn,.btn-lg{
    padding:.5rem 1rem;
    font-size:1.25rem;
    border-radius:.3rem
}
.fade{
    transition:opacity .15s linear
}
.fade:not(.show){
    opacity:0
}
.collapse:not(.show){
    display:none
}
.collapsing{
    height:0;
    overflow:hidden;
    transition:height .35s ease
}
.nav{
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav-link{
    display:block;
    padding:.5rem 1rem;
    color:#0d6efd;
    text-decoration:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}
.nav-tabs{
    border-bottom:1px solid #dee2e6
}
.nav-tabs .nav-link{
    margin-bottom:-1px;
    background:0 0;
    border:1px solid transparent;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    color:#495057;
    background-color:#fff;
    border-color:#dee2e6 #dee2e6 #fff
}
.navbar{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    padding-top:.5rem;
    padding-bottom:.5rem
}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{
    display:flex;
    flex-wrap:inherit;
    align-items:center;
    justify-content:space-between
}
.navbar-brand{
    padding-top:.3125rem;
    padding-bottom:.3125rem;
    margin-right:1rem;
    font-size:1.25rem;
    text-decoration:none;
    white-space:nowrap
}
.navbar-nav{
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.navbar-nav .nav-link{
    padding-right:0;
    padding-left:0
}
.navbar-collapse{
    flex-basis:100%;
    flex-grow:1;
    align-items:center
}
.navbar-toggler{
    padding:.25rem .75rem;
    font-size:1.25rem;
    line-height:1;
    background-color:transparent;
    border:1px solid transparent;
    border-radius:.25rem;
    transition:box-shadow .15s ease-in-out
}
.navbar-toggler:hover{
    text-decoration:none
}
.navbar-toggler:focus{
    text-decoration:none;
    outline:0;
    box-shadow:0 0 0 .25rem
}
.navbar-toggler-icon{
    display:inline-block;
    width:1.5em;
    height:1.5em;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%
}
@media (min-width: 1200px){
    .navbar-expand-xl{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-xl .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-xl .navbar-nav .nav-link{
        padding-right:.5rem;
        padding-left:.5rem
    }
    .navbar-expand-xl .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-xl .navbar-toggler{
        display:none
    }
}
.card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:1px solid rgba(0,0,0,.125);
    border-radius:.25rem
}
.card-body{
    flex:1 1 auto;
    padding:1rem 1rem
}
.card-footer{
    padding:.5rem 1rem;
    background-color:rgba(0,0,0,.03);
    border-top:1px solid rgba(0,0,0,.125)
}
.card-footer:last-child{
    border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.btn-close{
    box-sizing:content-box;
    width:1em;
    height:1em;
    padding:.25em .25em;
    color:#000;
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border:0;
    border-radius:.25rem;
    opacity:.5
}
.btn-close:hover{
    color:#000;
    text-decoration:none;
    opacity:.75
}
.btn-close:focus{
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
    opacity:1
}
.modal{
    position:fixed;
    top:0;
    left:0;
    z-index:1055;
    display:none;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:.5rem;
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out;
    transform:translate(0,-50px)
}
.modal.show .modal-dialog{
    transform:none
}
.modal-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.2);
    border-radius:.3rem;
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    width:100vw;
    height:100vh;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:.5
}
.modal-header{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:space-between;
    padding:1rem 1rem;
    border-bottom:1px solid #dee2e6;
    border-top-left-radius:calc(.3rem - 1px);
    border-top-right-radius:calc(.3rem - 1px)
}
.modal-header .btn-close{
    padding:.5rem .5rem;
    margin:-.5rem -.5rem -.5rem auto
}
.modal-title{
    margin-bottom:0;
    line-height:1.5
}
.modal-body{
    position:relative;
    flex:1 1 auto;
    padding:1rem
}
@media (min-width: 576px){
    .modal-dialog{
        max-width:500px;
        margin:1.75rem auto
    }
}
@media (min-width: 992px){
    .modal-lg,.modal-xl{
        max-width:800px
    }
}
.carousel{
    position:relative
}
.carousel.pointer-event{
    touch-action:pan-y
}
.carousel-inner{
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner::after{
    display:block;
    clear:both;
    content:""
}
.carousel-item{
    position:relative;
    display:none;
    float:left;
    width:100%;
    margin-right:-100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:transform .6s ease-in-out
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{
    display:block
}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){
    transform:translateX(100%)
}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){
    transform:translateX(-100%)
}
.carousel-fade .carousel-item{
    opacity:0;
    transition-property:opacity;
    transform:none
}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{
    z-index:1;
    opacity:1
}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{
    z-index:0;
    opacity:0;
    transition:opacity 0s .6s
}
.carousel-control-next,.carousel-control-prev{
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:15%;
    padding:0;
    color:#fff;
    text-align:center;
    background:0 0;
    border:0;
    opacity:.5;
    transition:opacity .15s ease
}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{
    color:#fff;
    text-decoration:none;
    outline:0;
    opacity:.9
}
.carousel-control-prev{
    left:0
}
.carousel-control-next{
    right:0
}
.carousel-control-next-icon,.carousel-control-prev-icon{
    display:inline-block;
    width:2rem;
    height:2rem;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:100% 100%
}
.carousel-control-prev-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    display:flex;
    justify-content:center;
    padding:0;
    margin-right:15%;
    margin-bottom:1rem;
    margin-left:15%;
    list-style:none
}
.carousel-indicators [data-bs-target]{
    box-sizing:content-box;
    flex:0 1 auto;
    width:30px;
    height:3px;
    padding:0;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    opacity:.5;
    transition:opacity .6s ease
}
.carousel-indicators .active{
    opacity:1
}
.fixed-top{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030
}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.stretched-link::after{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    content:""
}
.float-end{
    float:right!important
}
.overflow-hidden{
    overflow:hidden!important
}
.d-block{
    display:block!important
}
.d-flex{
    display:flex!important
}
.d-none{
    display:none!important
}
.shadow{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg{
    box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important
}
.position-relative{
    position:relative!important
}
.position-absolute{
    position:absolute!important
}
.bottom-0{
    bottom:0!important
}
.border-0{
    border:0!important
}
.border-bottom-0{
    border-bottom:0!important
}
.w-50{
    width:50%!important
}
.w-100{
    width:100%!important
}
.h-50{
    height:50%!important
}
.h-100{
    height:100%!important
}
.flex-column{
    flex-direction:column!important
}
.justify-content-end{
    justify-content:flex-end!important
}
.justify-content-between{
    justify-content:space-between!important
}
.align-items-end{
    align-items:flex-end!important
}
.align-items-center{
    align-items:center!important
}
.align-self-center{
    align-self:center!important
}
.m-0{
    margin:0!important
}
.m-auto{
    margin:auto!important
}
.mx-auto{
    margin-right:auto!important;
    margin-left:auto!important
}
.mt-1{
    margin-top:.25rem!important
}
.mt-2{
    margin-top:.5rem!important
}
.mt-3{
    margin-top:1rem!important
}
.mt-4{
    margin-top:1.5rem!important
}
.mt-5{
    margin-top:3rem!important
}
.mt-auto{
    margin-top:auto!important
}
.me-1{
    margin-right:.25rem!important
}
.me-2{
    margin-right:.5rem!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-1{
    margin-bottom:.25rem!important
}
.mb-3{
    margin-bottom:1rem!important
}
.mb-4{
    margin-bottom:1.5rem!important
}
.mb-5{
    margin-bottom:3rem!important
}
.ms-1{
    margin-left:.25rem!important
}
.ms-2{
    margin-left:.5rem!important
}
.ms-3{
    margin-left:1rem!important
}
.ms-5{
    margin-left:3rem!important
}
.ms-auto{
    margin-left:auto!important
}
.p-0{
    padding:0!important
}
.p-2{
    padding:.5rem!important
}
.p-3{
    padding:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.py-3{
    padding-top:1rem!important;
    padding-bottom:1rem!important
}
.pt-0{
    padding-top:0!important
}
.pt-2{
    padding-top:.5rem!important
}
.pe-3{
    padding-right:1rem!important
}
.pb-0{
    padding-bottom:0!important
}
.ps-3{
    padding-left:1rem!important
}
.text-start{
    text-align:left!important
}
.text-end{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.text-dark{
    --bs-text-opacity:1;
    color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}
.text-white{
    --bs-text-opacity:1;
    color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}
.bg-transparent{
    --bs-bg-opacity:1;
    background-color:transparent!important
}
@media (min-width: 992px){
    .d-lg-block{
        display:block!important
    }
    .d-lg-none{
        display:none!important
    }
    .mt-lg-4{
        margin-top:1.5rem!important
    }
}
/***** HEADER FOOTER STYLING *****/
 :root{
    --primary-font:'Work Sans';
    --secondary-font:'CircularStd';
    --secondary-sub-font:'CircularStdBook';
    --alt-font:'PlayfairDisplay';
    --alt-sub-font:'PlayfairDisplayBold';
    --bgcolor-red:#d91f23;
    --bgcolor-dark-red:#c51316;
    --bgcolor-yellow:#ffb900;
    --bgcolor-cyan-blue:#0679a4;
    --bgcolor-light-blue:#bfd3ff;
    --bgcolor-blue:#29376d;
    --bgcolor-dark-purple:#1c2052;
    --bgcolor-dark:#111;
    --bgcolor-darkGray:#999;
    --bgcolor-d-gray:#666;
    --bgcolor-lightGray:#d9d9d9;
    --bgcolor-lgray:#d5d5d5;
    --bgcolor-white:#fff;
    --bgcolor-off-white:#e5e5e5;
    --bgcolor-mid-gray:#e4e4e4;
    --bgcolor-more-gray:#787878;
    --bgcolor-soft-gray:#f8f8f8;
    --bgcolor-gray:#f2f4f8;
    --bgcolor-offgray:#f4f4f4;
    --bgcolor-off-gray:#ccc;
    --text-color-white:#fff;
    --text-color-dark:#111;
    --text-color-red:#d91f23;
    --text-color-yellow:#e1b230;
    --text-color-orange:#f1851c;
    --text-color-gray:#a6a6a6;
    --text-color-off-gray:#ccc;
    --text-color-d-gray:#666;
    --text-color-trans-gray:#fefefe;
    --text-color-op-gray:#b1b1b1;
    --text-color-dark-gray:#a6a6a6;
    --gray-opacity-bg:rgba(182,182,182,.4);
    --light-purple-opacity-bg:rgba(27,31,82,.1);
    --red-opacity-bg:rgba(217,31,35,.95);
    --blue-opacity-bg:rgba(18,39,116,.7);
    --white-opacity-bg:rgba(254,254,254,.2);
    --light-white-opacity-bg:rgba(255,255,255,.1);
    --light-off-white-opacity-bg:rgba(255,255,255,.9);
    --off-white-opacity-bg:rgba(242,244,248,.2);
    --light-gray-opacity-bg:rgba(11,11,11,.4);
    --black-opacity-bg:rgba(0,0,0,.075);
    --dark-black-opacity-bg:rgba(54,54,54,.7);
    --red-gradient-bg:linear-gradient(45deg,rgb(217,31,35),rgb(255,255,255));
    --offwhite-gradient-bg:linear-gradient(90deg,rgb(242,244,248) 70%,rgba(242,244,248,.1));
    --purple-gradient-bg:linear-gradient(90deg,rgb(30,34,82) 30%,rgba(30,34,82,.1));
    --dark-grey-gradient-bg:linear-gradient(90deg,rgb(44,44,44) 5%,rgba(44,44,44,.1));
    --light-blue-gradient-bg:linear-gradient(45deg,rgb(48,193,186),rgb(255,255,255))
}
.darkModeActive{
    --bgcolor-white:#262626;
    --bgcolor-off-white:#595959;
    --text-color-dark:#eee;
    --bgcolor-gray:#2b2b2b;
    --bgcolor-mid-gray:#313131;
    --bgcolor-red:#464646;
    --bgcolor-dark-purple:#939393;
    --bgcolor-light-blue:#515151;
    --bgcolor-cyan-blue:#2f2f2f;
    --bgcolor-blue:#363639;
    --bgcolor-dark-red:#3c3c3c;
    --bgcolor-lightGray:#484848;
    --bgcolor-soft-gray:#222;
    --text-color-red:#e1b230;
    --text-color-gray:#131313;
    --text-color-off-gray:#fff;
    --off-white-opacity-bg:rgba(106,108,111,.2);
    --red-opacity-bg:rgba(45,45,45,.98);
    --blue-opacity-bg:rgba(21,21,21,.7);
    --red-gradient-bg:linear-gradient(45deg,rgb(168,168,168),rgb(38,38,38));
    --offwhite-gradient-bg:linear-gradient(90deg,rgb(0,0,0) 70%,rgba(0,0,0,.1));
    --purple-gradient-bg:linear-gradient(90deg,rgb(43,43,45) 30%,rgba(30,34,82,.1));
    --light-blue-gradient-bg:linear-gradient(45deg,rgb(81,81,81),rgb(38,38,38))
}
html,body{
    height:100%;
    width:100%
}
body{
    color:var(--text-color-dark);
    background:var(--bgcolor-white);
    overflow-x:hidden;
    font-family:var(--primary-font);
    transition:all 0.3s ease-in-out
}
a{
    outline:0;
    text-decoration:none
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--secondary-font)
}
.btn-close:focus{
    outline:0;
    box-shadow:none
}
.text-white{
    color:var(--text-color-white)!important
}
.red-bg{
    background:var(--bgcolor-red)
}
.dark-grey-bg{
    background:rgba(18,39,87,.98)
}
header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    transition:all 0.2s ease-in-out
}
.darkMode{
    padding:0 5px!important;
    margin-top:8px;
    margin-left:8px
}
.dark_mode{
    width:36px;
    height:18px;
    border-radius:12px;
    background-image:url(../../includes/assets/images/header-footer/dark_mode.webp);
    background-size:57px 18px;
    background-position:-20px 0;
    transition:100ms;
    background-color:var(--bgcolor-red)
}
.darkModeActive .dark_mode{
    background-position:0 0;
    background-color:#6d7019
}
.text360{
    display:flex!important;
    align-items:center;
    text-transform:capitalize!important
}
#search-page-mob:hover,#vt-bt:hover{
    cursor:pointer
}
footer{
    background:#282828
}
.searchbar-input{
    width:100%;
    background:var(--bgcolor-white);
    height:36px;
    border-radius:4px;
    padding:0 15px;
    font-size:14px;
    border:0;
    outline:0;
    font-family:var(--primary-font)
}
.se-btn{
    position:absolute;
    right:0;
    top:0;
    height:36px;
    line-height:35px;
    color:var(--text-color-dark);
    width:40px;
    text-align:center;
    border:0;
    outline:0;
    background-color:var(--bgcolor-off-gray);
    border-radius:0 4px 4px 0;
    background-repeat:no-repeat;
    background-size:12px;
    background-position:center
}
.modal-title{
    color:var(--text-color-white);
    font-family:var(--secondary-font)
}
.modal-backdrop.show{
    opacity:.85
}
.st-about{
    width:860px;
    height:390px
}
.st-academics{
    width:612px;
    height:267px
}
.st-programs{
    width:1240px;
    height:583px;
    left:-139px
}
.st-admissions{
    width:745px;
    height:325px
}
.st-campus{
    width:630px;
    height:542px;
}
.st-placements{
    width:607px;
    height:400px;
    right:-190px
}
.st-research{
    width:700px;
    height:410px;
    right:0
}
.drop-down-graphic h3{
    text-align:center;
    color:var(--text-color-white);
    font-size:22px;
    padding:30px 30px 0
}
.drop-down-graphic h3 span{
    display:block;
    color:var(--text-color-red);
    ;
    font-size:28px;
    font-family:var(--primary-font)
}
.dd-graphic-cont{
    background:rgb(169 19 23 / 92%)
}
.dd--title{
    color:var(--text-color-white);
    text-align:center;
    font-size:11px;
    line-height:15px;
    text-align:center
}
.dd--title span{
    display:block;
    text-align:center;
    margin-bottom:10px
}
.dd-graphic-cont .col-6{
    border:1px solid rgba(255,255,255,.3);
    height:120px
}
.dd-graphic-cont .col-6:nth-child(1){
    border-top:0;
    border-left:0
}
.dd-graphic-cont .col-6:nth-child(2){
    border-top:0;
    border-right:0;
    border-left:0
}
.dd-graphic-cont .col-6:nth-child(3){
    border-top:0;
    border-left:0;
    border-bottom:0
}
.dd-graphic-cont .col-6:nth-child(4){
    border:0
}
.program-drop-down-graphic{
    padding:20px
}
.program-drop-down-graphic h3{
    color:var(--text-color-white);
    font-size:22px
}
.program-drop-down-graphic h3 span{
    color:var(--text-color-red);
    ;
    font-size:32px;
    font-family:var(--primary-font);
    display:block
}
.dd--title span i{
    font-size:44px
}
.program-drop-down-graphic.text-center h3{
    text-align:left;
    margin-left:8px
}
.redbox-applynow{
    background-blend-mode:multiply;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding-top:15px
}
.redbox-applynow h3{
    color:var(--text-color-white);
    margin-bottom:0;
    text-align:center;
    font-family:var(--primary-font)
}
.ph-missed a i{
    transform:rotate(135deg);
    position:relative;
    top:3px
}
.ph-missed{
    position:relative
}
.ph-missed a{
    position:relative
}
.ph-missed a::after{
    content:'';
    background:url(../images/cutArrow.svg);
    background-repeat:no-repeat;
    width:11px;
    height:8px;
    position:absolute;
    top:9px;
    left:50%;
    transform:translateX(-50%)
}
@media (max-width: 1599px){
    .st-programs{
        left:-232px
    }
}
@media (max-width: 1399px){
    .st-programs{
        left:-285px
    }
    .st-placements{
        right:-207px
    }
}
@media (max-width: 1350px){
    .st-programs{
        left:-371px
    }
}
@media (max-width: 1199px){
    .program-drop-down-graphic h3 span{
        font-size:27px
    }
}
@media (max-width: 991px){
    .menu-options{
        display:none!important
    }
}
@media (min-width: 992px) and (max-width:1199px){
    .st-about{
        width:768px
    }
    .st-programs{
        left:-318px;
        width:1024px;
        height:auto
    }
    .st-admissions{
        right:-385px
    }
    .st-campus{
        right:-195px
    }
    .st-placements{
        right:-190px
    }
    .drop-down-graphic h3{
        font-size:14px
    }
    .drop-down-graphic h3 span{
        font-size:24px
    }
}
@media (max-width: 768px){
    .darkMode{
        margin-top:6px;
        margin-left:6px
    }
}
@media (max-width: 576px){
    #sb_container.sb-container-align-right{
        right:6px!important;
        bottom:50px!important
    }
}
@media (min-width: 992px){
    .menu-options li a:hover{
        color:var(--text-color-op-gray)
    }
}
@media (min-width: 1920px){
    .st-programs{
        left:0
    }
}
/* new design global */
 .btn-default,.btn-info,.btn-primary{
    border-radius:6px
}
.btn-default,.text-link{
    color:var(--text-black)
}
body,p{
    font-size:16px;
    line-height:22px
}
.btn-info,.btn-primary,.main-heading h1,.main-heading h2,.text-link{
    text-transform:uppercase;
    font-weight:700
}
.allNotification__list.show,.gotoTop{
    opacity:0;
    visibility:hidden
}
:root{
    --primary-font:Google Sans;
    --bg-skyblue:#3092dd;
    --bg-navyblue:#023e93;
    --bg-darkyellow:#f7a600;
    --bg-lightgray:#ececec;
    --bg-white:#ffffff;
    --bg-dark:#111111;
    --text-skyblue:#3092dd;
    --text-navyblue:#023e93;
    --text-darkyellow:#f7a600;
    --text-white:#ffffff;
    --text-dark:#111111;
    --bg-white-faded:rgba(255, 255, 255, 0.2);
    --bg-navyblue-faded:rgba(2, 62, 147, 0.9);
    --bg-lightnavyblue-faded:rgba(15, 67, 141, 0.7)
}
@font-face{
    font-family:'Google Sans';
    src:url('../fonts/GoogleSans-Bold.eot');
    src:url('../fonts/GoogleSans-Boldd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/GoogleSans-Bold.woff2') format('woff2'),url('../fonts/GoogleSans-Bold.woff') format('woff'),url('../fonts/GoogleSans-Bold.ttf') format('truetype'),url('../fonts/GoogleSans-Bold.svg#GoogleSans-Bold') format('svg');
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Google Sans';
    src:url('../fonts/GoogleSans-Medium.eot');
    src:url('../fonts/GoogleSans-Mediumd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/GoogleSans-Medium.woff2') format('woff2'),url('../fonts/GoogleSans-Medium.woff') format('woff'),url('../fonts/GoogleSans-Medium.ttf') format('truetype'),url('../fonts/GoogleSans-Medium.svg#GoogleSans-Medium') format('svg');
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Google Sans';
    src:url('../fonts/GoogleSans-Regular.eot');
    src:url('../fonts/GoogleSans-Regulard41d.eot?#iefix') format('embedded-opentype'),url('../fonts/GoogleSans-Regular.woff2') format('woff2'),url('../fonts/GoogleSans-Regular.woff') format('woff'),url('../fonts/GoogleSans-Regular.ttf') format('truetype'),url('../fonts/GoogleSans-Regular.svg#GoogleSans-Regular') format('svg');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
body{
    font-family:var(--primary-font);
    background-color:var(--bg-white);
    font-weight:400
}
h1,h2,h3,h4,h5,h6,li,p{
    font-family:var(--primary-font)!important
}
a{
    transition:.2s ease-in-out
}
.btn-info{
    background:var(--bg-skyblue);
    border-color:var(--bg-skyblue);
    font-size:16px;
    box-shadow:0 3px 0 #1674bc
}
.btn-info:hover,.btn-primary{
    border-color:var(--bg-darkyellow);
    box-shadow:0 3px 0 #cd8c07;
    background:var(--bg-darkyellow)
}
.btn-primary{
    font-size:16px;
    letter-spacing:1px
}
.btn-primary:hover{
    background:var(--bg-skyblue);
    border-color:var(--bg-skyblue);
    box-shadow:0 3px 0 #1674bc
}
.btn-default{
    background:var(--bg-white);
    border-color:var(--bg-darkGray);
    font-size:16px
}
.btn-default:hover{
    background:var(--bg-darkgreen);
    border-color:var(--bg-darkgreen);
    color:var(--text-white)
}
.dropdown-toggle::after,.list-icon-1>li::before{
    font-family:FontAwesome;
    color:var(--text-green);
    position:absolute
}
.btn-lg{
    padding:10px 30px
}
.btn-md{
    padding:9px 24px;
    font-size:14px
}
.btn-sm{
    padding:7px 15px;
    font-size:14px;
    line-height:14px
}
.btn-shadow{
    box-shadow:0 0 40px rgb(97 178 57 / 20%)
}
.text-link{
    text-decoration:none;
    border:0;
    border-bottom:3px solid var(--bg-darkyellow);
    padding:0!important;
    border-radius:0
}
.text-link:focus{
    box-shadow:none;
    outline:0
}
.list-icon-1>li{
    position:relative;
    margin-bottom:12px
}
.list-icon-1>li::before{
    content:"\f04b";
    left:-23px;
    top:-1px;
    font-size:16px
}
.dropdown-toggle{
    padding-right:40px!important
}
.dropdown-toggle::after{
    content:"\f107";
    right:0;
    top:5px;
    font-size:24px;
    margin:0;
    border:0;
    width:40px;
    height:37px
}
.multiline-li{
    -moz-column-count:2;
    -moz-column-gap:40px;
    -webkit-column-count:2;
    -webkit-column-gap:40px;
    column-count:2;
    column-gap:40px
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight:700!important
}
.br-6{
    border-radius:6px!important;
    -webkit-border-radius:6px!important;
    -moz-border-radius:6px!important;
    -ms-border-radius:6px!important;
    -o-border-radius:6px!important
}
.pt-8{
    padding-top:80px
}
.pb-8{
    padding-bottom:80px
}
li,p{
    color:inherit;
    font-size:inherit
}
.slick-dots li button:before{
    display:none
}
.pagination-style .slick-dots{
    margin:10px 0 0;
    padding:0 0 0 16px;
    position:absolute;
    bottom:4px;
    left:0
}
.pagination-style .slick-dots li{
    list-style-type:none;
    display:inline-block;
    margin-right:6px;
    vertical-align:middle;
    height:auto;
    width:auto
}
.pagination-style .slick-dots li button{
    padding:0;
    border:0;
    height:9px;
    width:9px;
    display:block;
    font-size:0;
    background:var(--bgcolor-more-gray);
    border:1px solid var(--bgcolor-more-gray);
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%
}
.pagination-style .slick-dots li.slick-active button{
    background:var(--bgcolor-red);
    border:var(--bgcolor-red)
}
.pagination-style .slick-arrow{
    position:absolute;
    border:0;
    width:18px;
    height:18px;
    line-height:18px;
    font-size:10px;
    text-align:center;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    cursor:pointer;
    color:var(--text-white);
    z-index:1;
    background:var(--bg-white-faded);
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%)
}
.pagination-style .slick-arrow.slick-prev{
    right:auto;
    left:0
}
.pagination-style .slick-arrow.slick-next{
    right:0;
    left:auto
}
.pagination-style-md .slick-arrow{
    height:32px;
    width:32px;
    line-height:32px;
    font-size:16px
}
.ps-top-right .slick-arrow{
    transform:none;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    top:0
}
.ps-top-right .slick-arrow.slick-prev{
    top:-40px;
    right:40px;
    left:auto
}
.ps-top-right .slick-arrow.slick-next{
    top:-40px
}
.dots-center .slick-dots{
    position:static;
    padding:0;
    text-align:center;
    margin-top:30px
}
.play-btn{
    position:relative;
    width:120px;
    height:120px;
    margin:0 auto
}
.play-btn .circle{
    width:80px;
    height:80px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:50%;
    background-color:var(--bg-green);
    margin:auto;
    transform:scale(1,1)
}
.play-btn .circle.pulse{
    -webkit-animation:2s infinite pulse;
    animation:2s infinite pulse;
    background-color:var(--bg-green);
    opacity:.5
}
.play-btn svg{
    fill:#fff;
    stroke:#fff;
    stroke-linejoin:round;
    stroke-width:1
}
.play-btn svg:hover{
    cursor:pointer;
    fill:#228722;
    stroke:#228722
}
.play-btn-sm{
    width:100px;
    height:100px
}
.play-btn-sm .circle{
    width:60px;
    height:60px
}
@-webkit-keyframes pulse{
    0%,100%,25%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.2,1.2)
    }
}
@keyframes pulse{
    0%,100%,25%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.2,1.2)
    }
}
.main-heading h1,.main-heading h2{
    font-size:42px;
    line-height:42px
}
.page-heading{
    margin-bottom:20px
}
.page-heading h1,.page-heading h2{
    font-size:36px;
    line-height:36px;
    font-weight:700
}
.page-heading p{
    font-size:18px;
    line-height:22px
}
.page-sub-heading{
    margin-bottom:10px
}
.page-sub-heading h3{
    font-size:24px;
    font-weight:700;
    line-height:24px
}
.carousel-control-next,.carousel-control-prev{
    width:5%
}
.allNotification{
    position:fixed;
    left:25px;
    bottom:10px;
    z-index:10;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out
}
.allNotification button,.gotoTop button{
    height:40px;
    width:40px;
    text-align:center;
    line-height:30px;
    background:var(--bg-darkyellow)
}
.allNotification__list{
    width:250px;
    position:absolute;
    left:0;
    bottom:50px
}
.allNotification__icon,.gotoTop__icon{
    height:44px;
    width:44px;
    text-align:center;
    line-height:44px;
    color:var(--text-white);
    background:var(--bg-green)
}
.allNotification__list:after{
    top:100%;
    right:15px;
    border:6px solid rgba(255,255,255,0);
    content:"";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-top-color:#fff;
    margin-left:-6px
}
.allNotification__list li{
    position:relative;
    margin-bottom:10px;
    background:var(--bg-white);
    padding:10px 20px 10px 38px;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px
}
.allNotification__list li:last-child{
    margin-bottom:0
}
.allNotification__list li::before{
    content:'\f0f3';
    font-family:'Font Awesome 6 Free';
    position:absolute;
    left:18px;
    top:18px;
    color:#c7c7c7;
    font-size:14px
}
.allNotification__list li h6{
    font-size:14px;
    line-height:16px
}
.allNotification__list li p{
    font-size:12px;
    line-height:14px;
    margin-bottom:0
}
.allNotification__list li a{
    font-size:14px;
    margin-bottom:0;
    text-decoration:none;
    color:var(--text-dark);
    font-weight:700
}
.allNotification__icon{
    border:0;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px
}
.allNotification__icon i{
    display:block
}
.allNotification__list li .btn{
    font-size:12px;
    margin-top:5px
}
#sb_container.sb-container-align-right{
    right:15px!important;
    bottom:30px!important
}
.moveUp{
    bottom:50px!important
}
.gotoTop{
    position:fixed;
    right:25px;
    bottom:100px;
    z-index:1;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out
}
.gotoTop.moveUp{
    opacity:1;
    visibility:visible;
    bottom:120px!important
}
.blue-overlay::before,.gray-gradient::before,.lightblue-overlay::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.gotoTop__icon{
    border:0;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    font-size:18px
}
.gotoTop__icon i{
    display:inline-block
}
.gray-gradient::before{
    background:#222;
    background:linear-gradient(180deg,rgba(34,34,34,.07046568627450978) 0,rgba(0,0,0,.7287289915966386) 100%)
}
.gray-gradient:hover::before{
    background:#222;
    background:linear-gradient(180deg,rgba(34,34,34,.07046568627450978) 0,rgba(0,0,0,.5466561624649859) 100%)
}
.bdr-1{
    border:1px solid rgb(86 13 123)!important
}
.blue-overlay::before{
    background: rgb(38 12 51);
    opacity: .9;
}
.lightblue-overlay::before{
    background:#e1b2307a;
}
.arrows-out .slick-prev{
    left:-50px!important
}
.arrows-out .slick-next{
    right:-50px!important
}
.arrow-dark .slick-arrow{
    background:#ddd!important
}
.slick-next:before,.slick-prev:before{
    font-family:inherit!important;
    font-size:inherit!important;
    content:''!important
}
.slick-next.slick-arrow:before{
    content:"\f105"!important
}
.slick-prev.slick-arrow:before{
    content:"\f104"!important
}
@media only screen and (max-width:1399px){
    .arrows-out .slick-prev{
        left:-40px!important
    }
    .arrows-out .slick-next{
        right:-40px!important
    }
    .pt-8{
        padding-top:60px
    }
    .pb-8{
        padding-bottom:60px
    }
}
@media only screen and (max-width:1199px){
    .arrows-out .slick-prev{
        left:-20px!important
    }
    .arrows-out .slick-next{
        right:-20px!important
    }
    .main-heading h1,.main-heading h2{
        font-size:34px;
        line-height:32px
    }
    .page-heading h1,.page-heading h2{
        font-size:28px;
        line-height:30px;
        font-weight:700
    }
}
@media only screen and (max-width:767px){
    .pt-8{
        padding-top:40px
    }
    .pb-8{
        padding-bottom:40px
    }
    .page-heading p{
        font-size:16px;
        line-height:18px
    }
    .page-heading p br{
        display:none
    }
    .main-heading h1,.main-heading h2{
        font-size:30px;
        line-height:30px
    }
    .page-heading h1,.page-heading h2{
        font-size:26px;
        line-height:28px
    }
    .page-sub-heading h3{
        font-size:20px;
        line-height:20px
    }
    .arrows-out .slick-prev{
        left:-10px!important
    }
    .arrows-out .slick-next{
        right:-10px!important
    }
    .btn-md{
        padding:7px 18px;
        font-size:12px
    }
}
/* new design header footer */
 .header__top-right li,.tns-item a{
    color:var(--text-white);
    font-size:12px
}
.header .nav-item>a,.tns-item a{
    font-weight:500;
    text-decoration:none
}
.footer a,.header .nav-item>a,.menu-options li a,.step-second-menu li a,.tns-item a{
    text-decoration:none
}
.header.sticky,.placement--ddNumbers .card,.searchModal .red-bg{
    background:#3a2346;
}
.header{
    background:rgba(40,40,40,.3);
    border-bottom:1px solid rgba(255,255,255,.2);
    transition:.2s ease-in-out;
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    -ms-transition:.2s ease-in-out;
    -o-transition:.2s ease-in-out
}
.header.sticky{
    transition:.2s ease-in-out;
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    -ms-transition:.2s ease-in-out;
    -o-transition:.2s ease-in-out
}
.header.sticky .fa-whatsapp{
    color:#4dc247
}
.header.sticky .fa-phone{
    color:#1769ff
}
.header.sticky .fa-compass{
    color:#dd4b39
}
.header.sticky .fa-facebook-f{
    color:#3b5998
}
.header.sticky .fa-twitter{
    color:#55acee
}
.header.sticky .fa-linkedin-in{
    color:#007bb5
}
.header.sticky .fa-instagram{
    color:#e95950
}
.header.sticky .fa-youtube{
    color:red
}
.header.sticky .fa-search{
    color:#aad450
}
.header__top{
    padding:0 12px
}
.header.sticky .header__top{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:#303339;
    padding:5px 12px
}
.header.sticky .header__top-left{
    width:992px
}
.header.sticky .tns-item a{
    display:block;
    font-size:14px
}
.header.sticky .top-notification-slider{
    background:#303339
}
.header__top-left{
    width:540px
}
.header__top-right{
    width:610px
}
.darkMode{
    margin:3px 0 0!important;
    padding:0!important;
    position:relative;
    top:2px
}
.header__top-right li{
    margin-left:12px
}
.header__top-right li a{
    color:var(--text-white);
    text-decoration:none;
    font-size:14px
}
.top-notification-slider{
    text-align:center;
    background:#303339;
    border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    -ms-border-radius:0 0 10px 10px;
    -o-border-radius:0 0 10px 10px;
    padding:3px 30px
}
.tns-item{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 30px;
    color:var(--text-white)
}
.top-notification-slider .slick-arrow.slick-next{
    right:5px
}
.top-notification-slider .slick-arrow.slick-prev{
    left:5px
}
.navbar-brand__slider{
    width:138px
}
.navbar-brand__slider img{
    width:100%
}
.ph-missed a::after{
    top:2px
}
.navbar-nav{
    visibility:hidden
}
.navbar-nav>*{
    visibility:visible
}
.navbar-nav:hover>*{
    opacity:.4
}
.navbar-nav>:hover{
    opacity:1
}
.step-second-menu{
    position:absolute;
    top:53px;
    background:var(--bg-white);
    padding:20px;
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    transform:rotateX(90deg);
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    overflow:hidden;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px
}
.allNotification button,.dd-menu-lg,.footer a,.gotoTop button,.header .nav-item>a{
    position:relative
}
.step-first-menu>li:hover .step-second-menu{
    opacity:1;
    visibility:visible;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    transform:rotateX(0)
}
.step-second-menu h4{
    font-size:15px;
    padding-bottom:5px;
    margin-bottom:8px;
    font-weight:700;
    text-transform:uppercase
}
.step-second-menu li{
    margin-bottom:10px
}
.step-second-menu li a{
    color:var(--text-dark);
    font-size:14px;
    line-height:15px;
    display:block
}
.st-about{
    width:860px;
    height:400px
}
.st-programs{
    width:1240px;
    height:624px;
    left:-139px
}
.st-academics{
    width:840px;
    height:335px
}
.st-admissions{
    width:745px;
    height:357px;
}
.st-campus{
    width:630px;
    height:542px
}
.st-placements{
    width:607px;
    height:400px;
    right:-190px
}
.st-research{
    width:700px;
    height:410px;
    right:0
}
.header_btn img{
    width:40px;
    height:40px
}
.header_btn span{
    font-size:18px;
    font-weight:700;
    line-height:20px
}
.header_btn span small{
    font-size:12px;
    line-height:12px;
    font-weight:400
}
.st-admissions h3,.st-campus h3,.st-research h3{
    font-size:20px;
    margin:0!important
}
.dd-graphic-cont{
    background:var(--bg-navyblue-faded)
}
.dd--title span{
    display:block;
    text-align:center;
    margin-bottom:10px
}
.dd--title img{
    display:inline-block
}
.dd-graphic-cont .col-6{
    border:1px solid rgba(255,255,255,.3);
    height:120px
}
.dd-graphic-cont .col-6:first-child{
    border-top:0;
    border-left:0
}
.dd-graphic-cont .col-6:nth-child(2){
    border-top:0;
    border-right:0;
    border-left:0
}
.dd-graphic-cont .col-6:nth-child(3){
    border-top:0;
    border-left:0;
    border-bottom:0
}
.dd-graphic-cont .col-6:nth-child(4){
    border:0
}
.program-drop-down-graphic{
    padding:20px
}
.program-drop-down-graphic h3 span{
    color:var(--text-color-red);
    font-family:var(--primary-font)
}
.placement--ddNumbers .card{
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px
}
.placement--ddNumbers span h4{
    margin:0;
    color:var(--text-white);
    font-weight:700;
    font-size:30px;
    line-height:24px;
    font-family:var(--primary-font)
}
.placement--ddNumbers span small{
    color:var(--text-white);
    font-size:11px;
    line-height:10px;
    display:block;
    margin-top:5px
}
.progNos{
    width:135px
}
.progNos p{
    font-size:12px;
    color:var(--text-white);
    line-height:12px;
    margin:0
}
.drop-down-graphic h3{
    text-align:center;
    color:var(--text-white);
    font-size:18px;
    padding:30px 30px 0
}
.progNos sub{
    bottom:0;
    font-size:13px
}
.drop-down-graphic h3 span{
    display:block;
    color:var(--text-skyblue);
    font-size:26px;
    font-weight:700
}
.program-drop-down-graphic h3{
    color:var(--text-white);
    font-size:22px
}
.program-drop-down-graphic h3 span{
    color:var(--text-skyblue);
    font-size:32px;
    display:block;
    font-weight:700
}
.dd--title,.header .nav-item>a,.menu-options li a,.redbox-applynow h3{
    color:var(--text-white)
}
.redbox-applynow{
    background-blend-mode:darken;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding-top:15px
}
.redbox-applynow h3{
    margin-bottom:0;
    text-align:center
}
.st-campus .dd--title{
    color:var(-text-white)
}
.placement--ddNumbers li span h4 div{
    font-size:18px;
    display:inline
}
.dd--title span i{
    font-size:44px
}
.program-drop-down-graphic.text-center h3{
    text-align:left;
    margin-left:8px
}
.placement--ddNumbers.ri-ul li{
    float:left;
    width:50%;
    margin-bottom:18px
}
.placement--ddNumbers.ri-ul li span{
    width:88%;
    text-align:left
}
.placement--ddNumbers.ri-ul li span small{
    line-height:15px;
    display:block
}
.header .nav-item{
    margin:0 25px
}
.header .nav-item>a{
    font-size:15px;
    letter-spacing:.5px;
    text-transform:uppercase;
    padding:38px 0
}
.footer a:hover,.header a:hover:not(.navbar-brand a,.header_btn a){
    -webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);
    -webkit-mask-size:200%;
    animation:1s infinite shine;
    -webkit-animation:1s infinite shine
}
.menu-options li a:hover,.step-second-menu ul li a:hover{
    text-decoration:underline
}
.header .nav-item.dd-menu-lg>a::after{
    content:'\f063';
    font-family:'Font Awesome 6 Free';
    position:absolute;
    right:-15px;
    color:var(--text-white);
    font-size:8px;
    font-weight:400
}
.menu-options{
    position:absolute;
    top:-25px;
    right:650px
}
.menu-options li{
    margin-left:10px
}
.menu-options li a{
    text-transform:uppercase;
    font-size:12px
}
.dd--title{
    font-size:11px;
    line-height:15px;
    text-align:center
}
.menuTabs{
    margin:-15px -15px 20px
}
.menuTabs li{
    margin:0!important
}
.menuTabs li a{
    color:var(--text-dark)!important;
    padding:15px 40px!important;
    height:65px
}
.footer h5,.footer ul li{
    color:var(--text-skyblue)
}
.menuTabs li a small{
    display:block!important;
    font-size:12px;
    line-height:12px
}
.footer h5,.social-media-icons ul li a{
    font-size:16px
}
.footer{
    background:var(--bg-dark)
}
.footer h5{
    margin-bottom:10px
}
.footer a,.footer p{
    color:var(--text-white)
}
.footer ul li{
    font-size:12px
}
@-webkit-keyframes shine{
    from{
        -webkit-mask-position:150%
    }
    to{
        -webkit-mask-position:-50%
    }
}
.footer p{
    font-size:12px;
    line-height:14px;
    margin:0
}
.footer-links ul li{
    margin-bottom:5px
}
.copyrights{
    padding:15px 0;
    border:1px solid #222;
    border-right:0;
    border-left:0;
    margin:30px 0
}
.unai-logo{
    position:absolute;
    top:-48px;
    left:15px
}
.unai-logo p{
    font-size:10px;
    line-height:12px
}
.ft-about .bdr-1{
    border-color:#2c2c2c!important
}
.searchModal .btn-close{
    background-color:rgb(255 255 255);
    opacity:1;
    right:9px;
    position:relative
}
.allNotification__icon i,.gotoTop__icon i{
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
@media only screen and (max-width:1730px){
    .header .nav-item>a{
        font-size:13px
    }
    .header .nav-item{
        margin:0 12px
    }
    .header .btn-lg{
       padding: 4px 8px 5px;
    }
    .header_btn img{
        width:34px;
        height:34px
    }
    .header_btn span{
        font-size:16px
    }
    .cu-logo{
        width:155px
    }
    .navbar-brand__slider{
        width:120px
    }
    .hts-text{
        display:none
    }
    .header__top-right{
        width:380px
    }
    .menu-options{
        right:390px
    }
    .header__top-left{
        width:240px
    }
    .navbar-brand{
        margin:0
    }
    .step-second-menu{
        top:48px
    }
    .st-programs{
        width:970px;
        height:490px
    }
    .head-search{
        margin-left:20px!important
    }
}
@media only screen and (max-width:1399px){
    .header_btn img{
        display:none
    }
    .header_btn span{
        margin:0!important;
        font-size:14px
    }
    .header .nav-item{
        margin:0 13px
    }
    .header .nav-item>a{
        font-size:12px
    }
    .cu-logo{
        width:145px
    }
    .navbar-brand__slider{
        width:100px
    }
    .top-notification-slider{
        opacity:0;
        visibility:hidden
    }
    .header.sticky .top-notification-slider{
        opacity:1;
        visibility:visible
    }
    .menu-options{
        right:auto;
        left:-13px
    }
    .header__top{
        border-bottom:1px solid rgba(255,255,255,.2)
    }
    .header .nav-item.dd-menu-lg>a::after{
        right:-10px
    }
    .menu-options li a{
        font-size:11px
    }
    .st-programs{
        left:-269px
    }
    .st-admissions{
        width:615px
    }
    .step-second-menu{
        top:45px
    }
    .header.sticky .header__top-left{
        width:750px
    }
}
@media only screen and (max-width:1199px){
    .header.sticky .top-notification-slider,.top-notification-slider{
        opacity:1;
        visibility:visible
    }
    .header__top{
        border-bottom:0
    }
    .header .nav-item{
        margin:0 0 10px
    }
    .navbar-toggler .navbar-toggler-icon{
        background-image:url('../../includes/assets/images/header-footer/menu-white.svg')
    }
    .navbar-collapse{
        position:fixed;
        background:var(--bg-navyblue);
        left:0;
        right:0;
        bottom:0;
        top:-100%;
        overflow:auto;
        padding:30px;
        z-index:1;
        height:100%!important;
        transition:.2s ease-in-out;
        -webkit-transition:.2s ease-in-out;
        -moz-transition:.2s ease-in-out;
        -ms-transition:.2s ease-in-out;
        -o-transition:.2s ease-in-out;
        padding-bottom:130px!important
    }
    .navbar-collapse.show{
        top:97px;
        transition:.2s ease-in-out;
        -webkit-transition:.2s ease-in-out;
        -moz-transition:.2s ease-in-out;
        -ms-transition:.2s ease-in-out;
        -o-transition:.2s ease-in-out
    }
    .header.sticky .navbar-collapse{
        top:69px
    }
    .navbar-toggler{
        z-index:10;
        border:0;
        box-shadow:none!important;
        outline:0!important
    }
    .step-first-menu{
        width:300px;
        margin:0!important
    }
    .step-second-menu{
        left:320px!important;
        right:auto;
        overflow:inherit!important;
        top:-30px!important;
        width:616px
    }
    .step-second-menu:after{
        right:100%;
        top:55px;
        border:8px solid rgba(255,255,255,0);
        content:"";
        height:0;
        width:0;
        position:absolute;
        pointer-events:none;
        border-right-color:#fff;
        margin-top:-8px
    }
    .header .nav-item>a{
        font-size:14px;
        display:block;
        padding:15px 0
    }
    .header .nav-item.dd-menu-lg>a::after{
        right:20px;
        content:'\f105';
        font-size:12px
    }
    .about-graphic{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        margin:0!important;
        width:275px
    }
    .st-about{
        height:610px
    }
    .st-programs{
        height:auto;
        top:80px
    }
    .st-academics{
        height:297px;
        top:120px
    }
    .st-admissions{
        height:608px;
        top:160px
    }
    .st-campus{
        height:382px;
        top:180px
    }
    .st-placements{
        height:420px;
        top:220px
    }
    .st-research{
        height:410px;
        top:240px
    }
    .placement--ddNumbers{
        width:100%
    }
    .program-graphic{
        margin:0!important;
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -ms-border-radius:6px;
        -o-border-radius:6px;
        overflow:hidden
    }
    .menuTabs li a{
        padding:15px 9px!important;
        font-size:12px!important
    }
    .menuTabs li a small{
        font-size:10px
    }
    .menu-options{
        position:static;
        border-top:1px solid rgb(31 89 173)!important;
        padding-top:15px!important;
        margin-top:15px!important;
        display:block!important
    }
    .menu-options li{
        margin:0 8px 10px 0;
        display:inline-block
    }
    .menu-options li a{
        border:1px solid rgb(31 89 173)!important;
        padding:5px 15px;
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -ms-border-radius:6px;
        -o-border-radius:6px;
        font-size:12px;
        display:block
    }
    .header_btn img{
        display:block;
        margin-right:10px
    }
    .navbar-brand{
        z-index:10
    }
    .header.sticky .header__top-left{
        width:550px
    }
}
@media only screen and (max-width:991px){
    .header__top-left{
        width:365px
    }
    .unai-logo{
        position:static;
        text-align:right
    }
    .step-second-menu{
        width:386px;
        height:auto
    }
    .menuTabs{
        display:none
    }
    .header.sticky .header__top-left{
        width:350px
    }
}
@media only screen and (max-width:767px){
    .dd-menu-lg.active .step-second-menu,.tns-item a{
        display:block
    }
    .header.sticky .header__top{
        position:static;
        background:0 0;
        border:0;
        padding:0 12px
    }
    .header__top-left{
        width:100%;
        position:fixed;
        bottom:0;
        left:0;
        right:0
    }
    .top-notification-slider{
        background:#303339;
        border-radius:0!important;
        -webkit-border-radius:0!important;
        -moz-border-radius:0!important;
        -ms-border-radius:0!important;
        -o-border-radius:0!important
    }
    .header.sticky .header__top-left,.header__top-right,.step-first-menu{
        width:100%
    }
    .header__top-right ul{
        width:100%;
        justify-content:space-between
    }
    .hts-text{
        display:inline-block;
        margin:0!important;
        font-size:11px!important
    }
    .head-search{
        margin-left:20px!important
    }
    .nirf-links{
        margin:auto auto 25px
    }
    .unai-logo{
        text-align:center
    }
    .step-second-menu{
        width:100%!important;
        position:static;
        display:none;
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        opacity:1;
        visibility:visible
    }
    .step-first-menu>li:hover .step-second-menu{
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        opacity:1;
        visibility:visible
    }
    .step-second-menu:after{
        display:none
    }
    .navbar-collapse{
        padding:20px
    }
    .navbar-collapse.show{
        top:90px
    }
    .header.sticky .navbar-collapse{
        top:91px
    }
    .navbar-toggler,.tns-item{
        padding:0
    }
    .header .nav-item.dd-menu-lg>a::after{
        right:0
    }
    .tns-item a{
        padding:10px 0;
        font-size:18px
    }
    .header.sticky .tns-item a{
        font-size:18px;
        padding:10px 0
    }
    .allNotification,.gotoTop{
        bottom:170px
    }
    .moveUp{
        bottom:120px!important
    }
    .gotoTop.moveUp{
        bottom:170px!important
    }
    #sb_container.sb-container-align-right{
        bottom:100px!important
    }
}
@media only screen and (max-width:575px){
    .head-search small,.hts-text{
        display:none
    }
    .header__top-right li{
        margin-left:5px
    }
    .cu-logo{
        width:134px
    }
    .qs-logo{
        width:92px
    }
    .navbar-collapse{
        padding:15px
    }
    .header.sticky .navbar-collapse,.navbar-collapse.show{
        top:88px
    }
    .header__top{
        border-bottom:1px solid rgba(255,255,255,.2)
    }
}
.darkModeActive .allNotification__list li,.darkModeActive .btn-info{
    background:#363639;
    border-color:#363639
}
.darkModeActive .btn-info{
    box-shadow:0 3px 0 #1a1a1a
}
.darkModeActive .allNotification__list:after{
    border-top-color:#363639
}
.darkModeActive .allNotification__list li .btn,.darkModeActive .step-second-menu h4{
    color:#fff
}
.darkModeActive .step-second-menu{
    background:#262626
}
.darkModeActive .step-second-menu li a{
    color:#fff!important
}
.darkModeActive .nav-tabs .nav-link.active{
    border-bottom-color:#262626
}
/********** PLUGINS ************/
/* Font Awesome Free 6.2.0 */
 :root, :host {
     --fa-style-family-classic: 'Font Awesome 6 Free';
     --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
     --fa-style-family-brands: 'Font Awesome 6 Brands';
     --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}
 @font-face {
     font-family: 'Font Awesome 6 Free';
     font-style: normal;
     font-weight: 900;
     font-display: block;
     src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
}
 @font-face {
     font-family: 'Font Awesome 6 Brands';
     font-style: normal;
     font-weight: 400;
     font-display: block;
     src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype");
}
 .fas, .fa-solid {
     font-weight: 900;
}
 .fab, .fa-brands {
     font-weight: 400;
}
 .fa-google:before {
     content: "\f1a0";
}
 .fa-linkedin-in:before {
     content: "\f0e1";
}
 .fa-windows:before {
     content: "\f17a";
}
 .fa-amazon:before {
     content: "\f270";
}
 .fa-facebook-f:before {
     content: "\f39e";
}
 .fa-linkedin:before {
     content: "\f08c";
}
 .fa-instagram:before {
     content: "\f16d";
}
 .fa-facebook:before {
     content: "\f09a";
}
 .fa-whatsapp:before {
     content: "\f232";
}
 .fa-youtube:before {
     content: "\f167";
}
 .fa-twitter:before {
     content: "\f099";
}
 .fa-pinterest:before {
     content: "\f0d2";
}
 .fa{
    font-family:var(--fa-style-family,"Font Awesome 6 Free");
    font-weight:var(--fa-style,900)
}
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:var(--fa-display,inline-block);
    font-style:normal;
    font-variant:normal;
    line-height:1;
    text-rendering:auto
}
.fa-classic,.fa-regular,.fa-solid,.far,.fas{
    font-family:"Font Awesome 6 Free"
}
.fa-brands,.fab{
    font-family:"Font Awesome 6 Brands"
}
.fa-compass:before{
    content:"\f14e"
}
.fa-angle-right:before{
    content:"\f105"
}
.fa-star:before{
    content:"\f005"
}
.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{
    content:"\f0aa"
}
.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{
    content:"\f0ab"
}
.fa-phone:before{
    content:"\f095"
}
.fa-external-link-alt:before,.fa-up-right-from-square:before{
    content:"\f35d"
}
.fa-bell:before{
    content:"\f0f3"
}
.fa-magnifying-glass:before,.fa-search:before{
    content:"\f002"
}
.fa-angle-left:before{
    content:"\f104"
}
/* SLICK SLIDER */
 .slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-loading .slick-list{
    background:#fff url(ajax-loader.html) center center no-repeat
}
@font-face{
    font-family:slick;
    font-display:swap;
    font-weight:400;
    font-style:normal;
    src:url(fonts/slick.eot);
    src:url(fonts/slickd41d.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')
}
.slick-next,.slick-prev{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    cursor:pointer;
    color:transparent;
    border:none;
    outline:0;
    background:0 0
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
    color:transparent;
    outline:0;
    background:0 0
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
    opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
    opacity:.25
}
.slick-next:before,.slick-prev:before{
    font-family:slick;
    font-display:swap;
    font-size:20px;
    line-height:1;
    opacity:.75;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir=rtl] .slick-prev{
    right:-25px;
    left:auto
}
.slick-prev:before{
    content:'←'
}
[dir=rtl] .slick-prev:before{
    content:'→'
}
.slick-next{
    right:-25px
}
[dir=rtl] .slick-next{
    right:auto;
    left:-25px
}
.slick-next:before{
    content:'→'
}
[dir=rtl] .slick-next:before{
    content:'←'
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-25px;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:20px;
    height:20px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:0;
    background:0 0
}
.slick-dots li button:focus,.slick-dots li button:hover{
    outline:0
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{
    opacity:1
}
.slick-dots li button:before{
    font-family:slick;
    font-display:swap;
    font-size:6px;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    content:'•';
    text-align:center;
    opacity:.25;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    opacity:.75;
    color:#000
}
/* FANCYBOX */
 body.compensate-for-scrollbar{
    overflow:hidden
}
.fancybox-active{
    height:auto
}
.fancybox-is-hidden{
    left:-9999px;
    margin:0;
    position:absolute!important;
    top:-9999px;
    visibility:hidden
}
.fancybox-container{
    -webkit-backface-visibility:hidden;
    height:100%;
    left:0;
    outline:none;
    position:fixed;
    -webkit-tap-highlight-color:transparent;
    top:0;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    transform:translateZ(0);
    width:100%;
    z-index:99992
}
.fancybox-container *{
    box-sizing:border-box
}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.fancybox-outer{
    -webkit-overflow-scrolling:touch;
    overflow-y:auto
}
.fancybox-bg{
    background:#1e1e1e;
    opacity:0;
    transition-duration:inherit;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.47,0,.74,.71)
}
.fancybox-is-open .fancybox-bg{
    opacity:.9;
    transition-timing-function:cubic-bezier(.22,.61,.36,1)
}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{
    direction:ltr;
    opacity:0;
    position:absolute;
    transition:opacity .25s ease,visibility 0s ease .25s;
    visibility:hidden;
    z-index:99997
}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{
    opacity:1;
    transition:opacity .25s ease 0s,visibility 0s ease 0s;
    visibility:visible
}
.fancybox-infobar{
    color:#ccc;
    font-size:13px;
    -webkit-font-smoothing:subpixel-antialiased;
    height:44px;
    left:0;
    line-height:44px;
    min-width:44px;
    mix-blend-mode:difference;
    padding:0 10px;
    pointer-events:none;
    top:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox-toolbar{
    right:0;
    top:0
}
.fancybox-stage{
    direction:ltr;
    overflow:visible;
    transform:translateZ(0);
    z-index:99994
}
.fancybox-is-open .fancybox-stage{
    overflow:hidden
}
.fancybox-slide{
    -webkit-backface-visibility:hidden;
    display:none;
    height:100%;
    left:0;
    outline:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:absolute;
    text-align:center;
    top:0;
    transition-property:transform,opacity;
    white-space:normal;
    width:100%;
    z-index:99994
}
.fancybox-slide:before{
    content:"";
    display:inline-block;
    font-size:0;
    height:100%;
    vertical-align:middle;
    width:0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{
    display:block
}
.fancybox-slide--image{
    overflow:hidden;
    padding:44px 0
}
.fancybox-slide--image:before{
    display:none
}
.fancybox-slide--html{
    padding:6px
}
.fancybox-content{
    background:#fff;
    display:inline-block;
    margin:0;
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:relative;
    text-align:left;
    vertical-align:middle
}
.fancybox-slide--image .fancybox-content{
    animation-timing-function:cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility:hidden;
    background:transparent;
    background-repeat:no-repeat;
    background-size:100% 100%;
    left:0;
    max-width:none;
    overflow:visible;
    padding:0;
    position:absolute;
    top:0;
    transform-origin:top left;
    transition-property:transform,opacity;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:99995
}
.fancybox-can-zoomOut .fancybox-content{
    cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-content{
    cursor:zoom-in
}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{
    cursor:grab
}
.fancybox-is-grabbing .fancybox-content{
    cursor:grabbing
}
.fancybox-container [data-selectable=true]{
    cursor:text
}
.fancybox-image,.fancybox-spaceball{
    background:transparent;
    border:0;
    height:100%;
    left:0;
    margin:0;
    max-height:none;
    max-width:none;
    padding:0;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.fancybox-spaceball{
    z-index:1
}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{
    height:100%;
    overflow:visible;
    padding:0;
    width:100%
}
.fancybox-slide--video .fancybox-content{
    background:#000
}
.fancybox-slide--map .fancybox-content{
    background:#e5e3df
}
.fancybox-slide--iframe .fancybox-content{
    background:#fff
}
.fancybox-iframe,.fancybox-video{
    background:transparent;
    border:0;
    display:block;
    height:100%;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.fancybox-iframe{
    left:0;
    position:absolute;
    top:0
}
.fancybox-error{
    background:#fff;
    cursor:default;
    max-width:400px;
    padding:40px;
    width:100%
}
.fancybox-error p{
    color:#444;
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0
}
.fancybox-button{
    background:rgba(30,30,30,.6);
    border:0;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    display:inline-block;
    height:44px;
    margin:0;
    padding:10px;
    position:relative;
    transition:color .2s;
    vertical-align:top;
    visibility:inherit;
    width:44px
}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{
    color:#ccc
}
.fancybox-button:hover{
    color:#fff
}
.fancybox-button:focus{
    outline:none
}
.fancybox-button.fancybox-focus{
    outline:1px dotted
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{
    color:#888;
    cursor:default;
    outline:none
}
.fancybox-button div{
    height:100%
}
.fancybox-button svg{
    display:block;
    height:100%;
    overflow:visible;
    position:relative;
    width:100%
}
.fancybox-button svg path{
    fill:currentColor;
    stroke-width:0
}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){
    display:none
}
.fancybox-progress{
    background:#ff5268;
    height:2px;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transform:scaleX(0);
    transform-origin:0;
    transition-property:transform;
    transition-timing-function:linear;
    z-index:99998
}
.fancybox-close-small{
    background:transparent;
    border:0;
    border-radius:0;
    color:#ccc;
    cursor:pointer;
    opacity:.8;
    padding:8px;
    position:absolute;
    right:-12px;
    top:-44px;
    z-index:401
}
.fancybox-close-small:hover{
    color:#fff;
    opacity:1
}
.fancybox-slide--html .fancybox-close-small{
    color:currentColor;
    padding:10px;
    right:0;
    top:0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{
    overflow:hidden
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{
    display:none
}
.fancybox-navigation .fancybox-button{
    background-clip:content-box;
    height:100px;
    opacity:0;
    position:absolute;
    top:calc(50% - 50px);
    width:70px
}
.fancybox-navigation .fancybox-button div{
    padding:7px
}
.fancybox-navigation .fancybox-button--arrow_left{
    left:0;
    left:env(safe-area-inset-left);
    padding:31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right{
    padding:31px 6px 31px 26px;
    right:0;
    right:env(safe-area-inset-right)
}
.fancybox-caption{
    background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom:0;
    color:#eee;
    font-size:14px;
    font-weight:400;
    left:0;
    line-height:1.5;
    padding:75px 44px 25px;
    pointer-events:none;
    right:0;
    text-align:center;
    z-index:99996
}
@supports (padding:max(0px)){
    .fancybox-caption{
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}
.fancybox-caption--separate{
    margin-top:-50px
}
.fancybox-caption__body{
    max-height:50vh;
    overflow:auto;
    pointer-events:all
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{
    color:#ccc;
    text-decoration:none
}
.fancybox-caption a:hover{
    color:#fff;
    text-decoration:underline
}
.fancybox-loading{
    animation:a 1s linear infinite;
    background:transparent;
    border:4px solid #888;
    border-bottom-color:#fff;
    border-radius:50%;
    height:50px;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.7;
    padding:0;
    position:absolute;
    top:50%;
    width:50px;
    z-index:99999
}
@keyframes a{
    to{
        transform:rotate(1turn)
    }
}
.fancybox-animated{
    transition-timing-function:cubic-bezier(0,0,.25,1)
}
.fancybox-fx-slide.fancybox-slide--previous{
    opacity:0;
    transform:translate3d(-100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--next{
    opacity:0;
    transform:translate3d(100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--current{
    opacity:1;
    transform:translateZ(0)
}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{
    opacity:0;
    transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.fancybox-fx-fade.fancybox-slide--current{
    opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(1.5,1.5,1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
    opacity:0;
    transform:scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
    opacity:1;
    transform:scaleX(1)
}
.fancybox-fx-rotate.fancybox-slide--previous{
    opacity:0;
    transform:rotate(-1turn)
}
.fancybox-fx-rotate.fancybox-slide--next{
    opacity:0;
    transform:rotate(1turn)
}
.fancybox-fx-rotate.fancybox-slide--current{
    opacity:1;
    transform:rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(0,0,0) translate3d(-100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--next{
    opacity:0;
    transform:scale3d(0,0,0) translate3d(100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--current{
    opacity:1;
    transform:scaleX(1) translateZ(0)
}
.fancybox-fx-tube.fancybox-slide--previous{
    transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next{
    transform:translate3d(100%,0,0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current{
    transform:translateZ(0) scale(1)
}
@media (max-height:576px){
    .fancybox-slide{
        padding-left:6px;
        padding-right:6px
    }
    .fancybox-slide--image{
        padding:6px 0
    }
    .fancybox-close-small{
        right:-6px
    }
    .fancybox-slide--image .fancybox-close-small{
        background:#4e4e4e;
        color:#f2f4f6;
        height:36px;
        opacity:1;
        padding:6px;
        right:0;
        top:0;
        width:36px
    }
    .fancybox-caption{
        padding-left:12px;
        padding-right:12px
    }
    @supports (padding:max(0px)){
        .fancybox-caption{
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right:max(12px,env(safe-area-inset-right))
        }
    }
}
.fancybox-share{
    background:#f4f4f4;
    border-radius:3px;
    max-width:90%;
    padding:30px;
    text-align:center
}
.fancybox-share h1{
    color:#222;
    font-size:35px;
    font-weight:700;
    margin:0 0 20px
}
.fancybox-share p{
    margin:0;
    padding:0
}
.fancybox-share__button{
    border:0;
    border-radius:3px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    line-height:40px;
    margin:0 5px 10px;
    min-width:130px;
    padding:0 15px;
    text-decoration:none;
    transition:all .2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.fancybox-share__button:link,.fancybox-share__button:visited{
    color:#fff
}
.fancybox-share__button:hover{
    text-decoration:none
}
.fancybox-share__button--fb{
    background:#3b5998
}
.fancybox-share__button--fb:hover{
    background:#344e86
}
.fancybox-share__button--pt{
    background:#bd081d
}
.fancybox-share__button--pt:hover{
    background:#aa0719
}
.fancybox-share__button--tw{
    background:#1da1f2
}
.fancybox-share__button--tw:hover{
    background:#0d95e8
}
.fancybox-share__button svg{
    height:25px;
    margin-right:7px;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:25px
}
.fancybox-share__button svg path{
    fill:#fff
}
.fancybox-share__input{
    background:transparent;
    border:0;
    border-bottom:1px solid #d7d7d7;
    border-radius:0;
    color:#5d5b5b;
    font-size:14px;
    margin:10px 0 0;
    outline:none;
    padding:10px 15px;
    width:100%
}
.fancybox-thumbs{
    background:#ddd;
    bottom:0;
    display:none;
    margin:0;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    padding:2px 2px 4px;
    position:absolute;
    right:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    top:0;
    width:212px;
    z-index:99995
}
.fancybox-thumbs-x{
    overflow-x:auto;
    overflow-y:hidden
}
.fancybox-show-thumbs .fancybox-thumbs{
    display:block
}
.fancybox-show-thumbs .fancybox-inner{
    right:212px
}
.fancybox-thumbs__list{
    font-size:0;
    height:100%;
    list-style:none;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:absolute;
    position:relative;
    white-space:nowrap;
    width:100%
}
.fancybox-thumbs-x .fancybox-thumbs__list{
    overflow:hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
    width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
    background:#fff;
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
    background:#2a2a2a;
    border-radius:10px
}
.fancybox-thumbs__list a{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:rgba(0,0,0,.1);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    float:left;
    height:75px;
    margin:2px;
    max-height:calc(100% - 8px);
    max-width:calc(50% - 4px);
    outline:none;
    overflow:hidden;
    padding:0;
    position:relative;
    -webkit-tap-highlight-color:transparent;
    width:100px
}
.fancybox-thumbs__list a:before{
    border:6px solid #ff5268;
    bottom:0;
    content:"";
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:all .2s cubic-bezier(.25,.46,.45,.94);
    z-index:99991
}
.fancybox-thumbs__list a:focus:before{
    opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{
    opacity:1
}
@media (max-width:576px){
    .fancybox-thumbs{
        width:110px
    }
    .fancybox-show-thumbs .fancybox-inner{
        right:110px
    }
    .fancybox-thumbs__list a{
        max-width:calc(100% - 10px)
    }
}
/*new design landing */
 .hero-banner{
    height:700px;
    position:relative
}
.hero-banner .carousel-item::before{
    content:'';
    position:absolute;
    bottom:24px;
    left:0;
    right:0;
    height:150px;
    background:#222;
    background:linear-gradient(180deg,rgba(0,0,0,0) 30%,#260c33 100%);
    z-index:10
}
.hero-banner__slider .carousel-item::after{
    content:'';
    background:rgba(41,41,41,.4);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.hero-banner__content{
    margin-top:350px;
    z-index:100
}
.hero-banner__content--data{
    max-width:540px
}
.hero-banner__content--data p,.hero-banner__content--side p{
    font-size:18px;
    line-height:22px
}
.hero-banner__content--side .col-sm-6:nth-child(2){
    border-left:1px solid rgba(255,255,255,.3)
}
.p-120{
    padding-left:120px;
    padding-right:120px
}
.highlights-section{
    z-index:1;
    background:#260c33;
    margin-top:0
}
.highlights-section__slider{
    margin-top:35px
}
.highlights-section__slider .slick-list,.research-labs-slider .slick-list{
    margin:0 -12px;
    height:100%
}
.highlights-section__slider .slick-track{
    height:98.6%
}
.hs-item,.rls-item{
    padding:0 12px
}
.highlights-section__slider .card{
    height:340px
}
.highlights-section__slider .card .card-footer{
    z-index:1;
    position:absolute;
    bottom:0
}
.highlights-section__slider .card a,.video-testimoinal .card a{
    text-decoration:none
}
.card-content h4{
    font-size:22px;
    line-height:22px;
    font-weight:700
}
.card-content h5{
    font-size:18px;
    line-height:18px;
    font-weight:700
}
.card-content small{
    text-transform:uppercase;
    font-size:10px;
    font-weight:500;
    display:block;
    margin-bottom:6px;
    letter-spacing:1px;
    line-height:10px
}
.placement-notifications--slider,.text-testimonial .carousel{
    background:#02936e;
}
.placement-notifications--slider .pn-item a.btn{
    position:relative;
    bottom:3px
}
.top-numbers__card{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border:0;
    border-left:1px solid #bd55f6;
}
.top-numbers__card h3{
    font-size:50px;
    font-weight:700;
    color:var(--text-white)
}
.top-numbers__card h3 sub{
    font-size:20px;
    bottom:0
}
.top-numbers__card span{
    font-size:16px;
    font-weight:700;
    display:block;
    color:var(--text-white)
}
.top-numbers__card small{
    color:var(--text-white);
    display:block;
    font-size:14px;
    line-height:16px;
    font-weight:400;
    margin-top:5px
}
.news-card small,.stars i{
    color:var(--text-darkyellow)
}
.ranking-section__top-numbers .col-lg-3:last-child .top-numbers__card{
    border-left:0;
    border-right:1px solid #3565a9
}
.stars i{
    font-size:14px
}
.rs-item{
    padding:10px
}
.rs-item__in{
    background:0 0;
    border:1px solid transparent;
    text-align:center;
    padding:10px 30px!important;
    cursor:pointer;
    opacity:.5
}
.rs-item__in img{
    display:inline-block
}
.rs-item.slick-current.slick-active .rs-item__in{
    background:#9911c9!important;
    border-color:#c464e8!important;
    box-shadow:0 0 15px rgba(224,172,124,.9)
    opacity:1
}
.ranking-section__top-rankings--slider .slider-nav{
    width:740px;
    margin:auto
}
.rankingthumb{
    color:var(--text-white);
    padding-right:40px
}
.rankingthumb span{
    font-size:12px;
    text-transform:uppercase;
    display:block;
    margin-bottom:10px
}
.rankingthumb__no{
    font-size:54px;
    color:#ffbb7c;
    font-weight:700;
    margin-bottom:15px
}
.rankingthumb__no sup{
    top:-22px;
    font-size:28px
}
.rankingthumb__content{
    font-size:16px;
    line-height:16px
}
.rankingthumb__content small{
    font-size:14px;
    display:block;
    margin-bottom:5px
}
.card_in{
    max-width:380px
}
.fss-item__content h3 span{
    font-size:20px;
    display:block
}
.fss-item__content h3{
    font-size:30px;
    font-weight:700;
    line-height:26px;
    margin-bottom:15px
}
.research-section{
    background:#02936e;
}
.rls-item .card-footer{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:var(--bg-white)
}
.dp-indicator button img,.pl-s-item img,.rls-item h5{
    width:100%
}
.rls-item .card-footer p{
    font-weight:400;
    font-size:16px;
    line-height:20px;
    margin-top:17px
}
.lab-details .text-link{
    font-size:0
}
.lab-details .text-link::after{
    content:'Close';
    font-size:14px
}
.research-section__nos--thumb{
    color:var(--text-white);
    margin-bottom:50px
}
.research-section__nos--thumb span{
    font-size:36px;
    font-weight:700;
    display:block;
    margin-bottom:15px
}
.research-section__nos--thumb p,.top-nos-thumbnails p{
    font-size:14px;
    line-height:16px
}
.infrastructre-section{
    height:620px
}
.infrastructre-section__content{
    max-width:430px
}
.infrastructre-section__slider{
    position:absolute;
    right:0;
    bottom:0;
    top:0;
    width:50%
}
.infrastructre-section__slider .slick-list,.infrastructre-section__slider .slick-track{
    height:100%
}
.infrastructre-section__slider .card{
    border-color:#95751c;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    position:relative;
    border-right:0;
    border-bottom:0
}
.infrastructre-section__slider .card-footer{
    z-index:1
}
.infrastructre-section__slider .card::before{
    content:'';
    background:var(--text-darkyellow);
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    width:0;
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
.infrastructre-section__slider .card:hover::before{
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    width:100%
}
.infrastructre-section__slider h5{
    font-size:24px;
    font-weight:700;
    margin-bottom:10px
}
.infrastructre-section__slider p{
    max-width:330px;
    line-height:20px
}
.infrastructre-section__slider li{
    border:1px solid #064636;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    padding:2px 10px;
    margin-right:10px;
    font-size:12px;
    line-height:12px;
    text-align:center;
    display:flex;
    align-items:center;
    height:28px
}
.infrastructre-section__slider img{
    opacity:.2;
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
.infrastructre-section__slider .card:hover li{
    background:#02936e;
    border-color:#064636;
}
.infrastructre-section__slider .card:hover img{
    opacity:1;
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
.infrastructre-section .slick-arrow{
    transform:none!important;
    -webkit-transform:none!important;
    -moz-transform:none!important;
    -ms-transform:none!important;
    -o-transform:none!important;
    top:80%!important
}
.infrastructre-section .slick-prev{
    left:-648px!important
}
.infrastructre-section .slick-next{
    left:-605px!important;
    right:auto!important
}
.student-no-section{
    height:800px
}
.top-nos-thumbnails{
    color:var(--text-white)
}
.top-nos-thumbnails span{
    font-size:40px;
    font-weight:700
}
.top-nos-thumbnails span sub{
    font-size:18px;
    bottom:0
}
.top-nos-thumbnails h6{
    font-size:16px;
    font-weight:700;
    margin:6px 0 10px
}
.news-section{
    margin-top:-400px
}
.news-card{
    background:var(--bg-lightgray)
}
.news-card small{
    font-weight:500;
    font-size:14px
}
.news-card h3{
    font-size:26px;
    line-height:26px;
    font-weight:700;
    padding-right:50px
}
.arrow_box:after{
    left:100%;
    top:20%;
    border:20px solid rgba(136,183,213,0);
    content:"";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-left-color:var(--bg-lightgray);
    margin-top:-20px
}
.news-card .card-footer{
    font-size:12px
}
.news-card .card-footer img{
    width:40px
}
.news-card.news-2:hover{
    background-image:url('../../includes/assets/images/news/2.png')!important;
    background-size:cover;
    background-color:transparent!important
}
.newsHover:hover::before{
    content:'';
    background:rgba(0,0,0,.4);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.news-card.news-3:hover{
    background-image:url('../../includes/assets/images/news/3.png')!important;
    background-size:cover;
    background-color:transparent!important
}
.video-testimoinal .card{
    min-height:266px
}
.dp-indicator{
    position:static;
    margin:0!important
}
.dp-indicator button{
    text-indent:inherit!important;
    height:50px!important;
    width:50px!important;
    overflow:hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    margin:0 0 0 5px!important;
    border:0!important
}
.text-testimonial .card{
    height:320px
}
.text-testimonial .card h3{
    font-size:24px;
    font-weight:700;
    line-height:24px;
    margin-bottom:10px
}
.text-testimonial .card p{
    max-height:150px;
    overflow-y:scroll;
    scrollbar-width:thin;
    -ms-overflow-style:none
}
.text-testimonial .card p::-webkit-scrollbar{
    width:3px;
    height:0
}
.text-testimonial .card p::-webkit-scrollbar-thumb{
    background:#d7dadc
}
.text-testimonial .card span{
    display:block;
    font-size:16px;
    font-weight:700
}
.text-testimonial .card small{
    font-size:12px;
    line-height:12px;
    display:block
}
.pl-s-item{
    border-right:1px solid var(--bg-lightgray)
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100vh;
    z-index:99999999;
    background-image:url('../../Loader_icons_2.gif');
    background-repeat:no-repeat;
    background-color:var(--bgcolor-white);
    background-position:center;
    background-size:50px
}
@media only screen and (max-width:1730px){
    .p-120{
        padding-left:50px;
        padding-right:50px
    }
}
@media only screen and (max-width:1399px){
    .top-numbers__card h3{
        font-size:40px
    }
    .top-numbers__card h3 sub{
        font-size:20px
    }
    .infrastructre-section .slick-prev{
        left:-562px!important
    }
    .infrastructre-section .slick-next{
        left:-520px!important
    }
    .card-content h4{
        font-size:18px;
        line-height:18px
    }
    .card-content h5{
        font-size:16px;
        line-height:16px
    }
}
@media only screen and (max-width:1199px){
    .hero-banner{
        height:650px
    }
    .hero-banner__content{
        margin-top:160px
    }
    .hero-banner__content--data p,.hero-banner__content--side p{
        font-size:16px;
        line-height:18px
    }
    .hero-banner__content--side.text-white{
        border-top:1px solid rgba(255,255,255,.3);
        padding-top:30px;
        margin-top:30px
    }
    .infrastructre-section{
        height:550px
    }
    .infrastructre-section .slick-prev{
        left:-472px!important
    }
    .infrastructre-section .slick-next{
        left:-430px!important
    }
    .infrastructre-section__slider h5{
        font-size:18px
    }
    .infrastructre-section__slider p{
        font-size:14px;
        line-height:16px
    }
    .infrastructre-section__slider img{
        width:50px
    }
    .top-nos-thumbnails span{
        font-size:34px
    }
    .news-card h3{
        font-size:20px;
        line-height:20px;
        padding-right:30px
    }
    .text-testimonial .card h3{
        font-size:18px;
        line-height:18px
    }
    .top-numbers__card h3{
        font-size:32px
    }
    .highlights-section__slider .card{
        height:240px!important
    }
}
@media only screen and (max-width:991px){
    .research-section__nos--thumb p{
        font-size:13px;
        line-height:14px
    }
    .infrastructre-section{
        height:auto;
        padding-bottom:0
    }
    .infrastructre-section__slider{
        position:static;
        width:100%
    }
    .fss-item__content h3 span{
        font-size:16px
    }
    .fss-item__content h3{
        font-size:26px;
        line-height:22px;
        margin-bottom:10px
    }
    .news-section{
        margin-top:-330px
    }
    .infrastructre-section .slick-arrow{
        top:270px!important
    }
    .infrastructre-section .slick-prev{
        left:auto!important;
        right:55px!important
    }
    .infrastructre-section .slick-next{
        left:auto!important;
        right:15px!important
    }
    .ranking-section__top-rankings--slider .slider-nav{
        width:696px
    }
    .rs-item__in{
        padding:10px 25px!important
    }
}
@media only screen and (max-width:767px){
    .fss-item__content h3 span,p{
        font-size:14px
    }
    .ranking-section__top-rankings--slider .slider-nav{
        width:100%
    }
    .p-120{
        padding-left:20px;
        padding-right:20px
    }
    .top-numbers__card{
        border:0!important
    }
    .ranking-section__top-numbers .col-6:nth-child(2) .top-numbers__card{
        background:var(--bg-skyblue)!important;
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        -ms-border-radius:6px;
        -o-border-radius:6px
    }
    .fss-item__content h3{
        font-size:22px;
        line-height:20px
    }
    p{
        line-height:18px
    }
    .dp-indicator{
        padding-top:0!important
    }
    .text-testimonial .card{
        height:220px
    }
    .rs-item__in{
        padding:10px 16px!important
    }
}
@media only screen and (max-width:575px){
    .p-120{
        padding-left:0;
        padding-right:0
    }
    .hero-banner__content--data p br,.hero-banner__content--side.text-white,.research-section__nos--thumb p br{
        display:none
    }
    .hero-banner{
        height:550px
    }
    .hero-banner__content{
        margin-top:230px
    }
    .top-numbers__card h3{
        font-size:28px;
        line-height:28px
    }
    .top-numbers__card span{
        font-size:13px
    }
    .top-numbers__card small{
        font-size:12px;
        line-height:14px
    }
    .top-numbers__card{
        padding:15px!important
    }
    .top-nos-thumbnails span{
        font-size:30px;
        line-height:27px
    }
    .top-nos-thumbnails h6{
        font-size:14px;
        font-weight:700;
        margin:3px 0 5px
    }
    .news-section{
        margin-top:-160px
    }
    .una-logo{
        width:60px;
        margin-top:15px
    }
    .top-numbers__card h3 sub{
        font-size:14px
    }
    .rankingthumb__no{
        font-size:46px
    }
    .rankingthumb__no sup{
        top:-17px;
        font-size:20px
    }
    .infrastructre-section__slider{
        padding:15px
    }
    .infrastructre-section__slider .card{
        border:1px solid #5b7193
    }
    .video-testimoinal{
        padding:0 12px
    }
    .card_in{
        max-width:100%
    }
}
.darkModeActive img{
    filter:brightness(.8)
}
.darkModeActive .highlights-section,.darkModeActive .news-card,.darkModeActive .rls-item .card-footer{
    background:#1d1c1d!important
}
.darkModeActive .blue-overlay::before,.darkModeActive .lightblue-overlay::before{
    background:rgb(38 38 38 / 89%)
}
.darkModeActive .placement-notifications--slider,.darkModeActive .research-section,.darkModeActive .text-testimonial .carousel{
    background:#363639!important;
    border-color:#363639!important
}
.darkModeActive .hero-banner .carousel-item::before{
    background:#222;
    background:linear-gradient(180deg,rgba(0,0,0,0) 30%,#1d1c1d 100%);
    z-index:10
}
.darkModeActive .hero-banner__slider .carousel-item::after{
    background:rgba(41,41,41,.8)
}
.darkModeActive .bdr-1{
    border:1px solid rgb(86 13 123)!important;
}
.darkModeActive .copyrights,.darkModeActive .infrastructre-section__slider .card,.darkModeActive .infrastructre-section__slider li,.darkModeActive .top-numbers__card{
    border-color:#525252!important
}
.darkModeActive .rs-item.slick-current.slick-active .rs-item__in{
    background:#ca6d18!important;
    border-color:#eaa76a!important;
    box-shadow:0 0 15px rgba(224,172,124,.9)
}
.darkModeActive .pl-s-item{
    filter:grayscale(1) brightness(.5)
}
.darkModeActive .arrow_box::after{
    border-left-color:#1d1c1d!important
}
.darkModeActive .btn-primary,.darkModeActive .infrastructre-section__slider .card:hover li{
    background:#363639;
    border-color:#363639
}
.darkModeActive .btn-primary{
    box-shadow:0 3px 0 #1a1a1a
}
 @media only screen and (min-width:1920px){
     .highlights-section .container-fluid, .placements-logos, .hero-banner .container-fluid{
         max-width: 1920px;
         margin: auto;
    }
}