*{
    padding: 0;
    box-sizing: border-box;
    margin: 0 !important;
}

@font-face {
    font-family: freight-norm;
    src: url(font/FreightDispProBlack-Regular.woff);
  }
@font-face {
    font-family: freight-semibold;
    src: url(font/FreightDispProSemibold-Regular.woff);
  }
@font-face {
    font-family: "freight-bold";
    src: url(font/FreightDispProBold-Regular.woff);
  }
@font-face {
    font-family: "para";
    src: url(font/DMSans_18pt-Light.ttf);
  }
@font-face {
    src: url(font/DMSans_18pt-Medium.ttf);
  }
@font-face {
    font-family: "para-bold";
    src: url(font/DMSans_18pt-Bold.ttf);
  }
  
  
  .elipsis{
    /*height:80px;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    
    
    /*text-align: justify;*/
    margin-top:0.7rem !important;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    


  }
  
  .hei{
          display: flex !important;
    height: 100%;
    align-items: center !important;
  }
  
  /* Preloader styles */
  #preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

}

.spinner {
    border: 8px solid white; /* Light grey */
    border-top: 8px solid #a51f28; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


table td strong{
    font-family: "para-bold";
}

  .container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  :-ms-input-placeholder{
    color: #737477 !important;
  }
  ::-moz-placeholder{
    color: #737477 !important;
  }
  input::placeholder{
    color: #737477 !important;
  }
  select::placeholder{
    color: #737477 !important;
  }
  option::placeholder{
    color: #737477 !important;
  }
  h1,h2,h3,h4{
    font-family: "freight-bold" !important;
  }


  p,li,td,th{
    font-family: "para" !important;

  }
  

  #scrollToTopBtn{
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 40px;
    height: 40px;
    background-color: #a51f28;
    color: white;
    z-index: 100000;
    border: 1px solid #c0c0c01c;
    cursor: pointer;

  }

  
  html{
    scroll-behavior: smooth !important;
  }
  .disp {
    display: block !important;
    background-color: yellow; /* Just to visualize the effect */
}
#bloc {
    display: none; /* Initially hidden */
}
.nav-button button{
    /* background-color: #a51f28; */
    /* border: 1px solid #a51f28; */
    transition: all 0.3s ease-in-out;
    font-size: 0.9rem !important;
    /* width: 140px; */
    /* margin-right: -5px !important; */
    /* margin-top: -1px !important; */
    cursor: pointer;
    border: none;
    background-color: transparent !important;
    padding: 1rem 0.5rem !important;

}
.nav-button button:focus{
    /* border: 1px solid #a51f28; */
    outline:none !important;
}

.nav-button button p{
    font-size: 0.9rem !important;
    padding: 0.5rem 1rem;
    font-family: 'para-bold' !important;

}

.nav-button button a{
    color: white !important;
    display: flex;
    align-items: center;
    /* font-size: 0.9rem !important; */
    transition: all 0.3s ease-in-out;
    /* padding: 0.95rem 0rem; */
    justify-content: center;
    background-color: #a51f28;
    border: 1px solid #a51f28;
}
.nav-button button:hover a{
    color: #a51f28 !important;
    background-color: transparent;
}
.nav-button button a i{
    color: white;
    transform: rotate(-30deg);
    transition: all 0.3s ease-in-out;
    display: none !important;

}
.nav-button button:hover a i{
    transform: rotate(0) !important;

}
.nav-button button:hover i{
    color: #a51f28;
}
  #bur{
    cursor: pointer;
    position: relative;
    z-index: 1000;
    display: none;
  }
  #bloc{
    display: none;
    position: absolute;
    top: 0;
    right:-300px;
    width: 350px;
    background-color: white ;
    height: auto;
    z-index: 100;
    padding: 4rem 2rem;
  }

  .disp{
    display: block;
  }
.w-full{

    width: 100% !important;

}
    
.h-200{
    height: 200px;
    object-fit: cover;
}
.h-400{
    height: 400px;
    object-fit: cover;
}

body{
    position: relative;
    /* background-color: #111111 !important; */
    /* overflow: hidden !important; */
}

.bi.bi-check2{
    color: #a51f28 !important;
}
.social{
    position: absolute;
    z-index: 999999;
    right: 1%;
    top: 50%;
    display: flex;
    flex-direction: column;
}

.social i{
    color: white;
    font-size: 1.3rem;
}

body .line{
    
    position: absolute;
    left: 10%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #f3f3f305;
    z-index: 2;
}

body .line:nth-child(2){
    
    
    left: 30%;
    
    
}

body .line:nth-child(3){
    
    
    left: 50%;
    
    
}

body .line:nth-child(4){
    
    
    left: 70%;
    
    
}

body .line:nth-child(5){
    
    
    left: 90%;
    
    
}

@keyframes slideInLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
@keyframes slideInRight {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes slideInUp {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes slideInDown {
    0% {
      transform: translateY(0%);
    }
    100% { 
      transform: translateY(100);
    }
  }
  
  
/* @keyframes MoveUpDown {
    from {
        bottom: 63px;
    }
    to { 
        bottom: 400px;
    }
} */
@keyframes MoveUpDown {
    0%, 100% {
      bottom: 0;
    }
    50% {
      bottom: 100px;
    }
  }

/* -webkit-animation: MoveUpDown 50s linear infinite; */

  /* animation: 1s ease-out 0s 1 slideInDown;   */


  .error-message {
    color: red;
    display: none !important;
}
input:invalid + .error-message {
    display: block;
}

::placeholder {
    color: white;
    opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: white;
  }

.item-center {
    align-items: center;
}

.text-center {
    text-align: center;
}

    
.container1{
    width: 83% !important;
    margin: 0 auto !important;
}

.flex {
    display: flex;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.justify-between {
    justify-content: space-between !important;
}
.justify-evenly {
    justify-content: space-evenly !important;
}

.justify-around {
    justify-content: space-around;
}

.justify-center {
    justify-content: center;
}
.item-end {
    align-items: flex-end;
}

.justify-evenly {
    justify-content: space-evenly;
}

img{
    width: 100%;
}

li{
    list-style: none;
}


.w-52{
    width: 50%;
}
.w-51{
    width: 49.2%;
}
.w-52{
    width: 50% !important;
}
.w-55{
    width: 55%;
}
.w-65{
    width: 65%;
}
.w-60{
    width: 60%;
}
.w-68{
    width: 68%;
}
.w-70{
    width: 70%;
}
.w-80{
    width: 80%;
}
.w-49{
    width: 49.5%;
}
.w-48{
    width: 48%;
}
.w-47{
    width: 47% ;
}
.w-45{
    width: 45%;
}

.w-40{
    width: 40% ;
}
.w-35{
    width: 35%;
}
.w-34{
    width: 33.3%;
}
.w-33{
    width: 32.7%;
}
.w-32{
    width: 31.5%;
}
.w-31{
    width: 30%;
}
.w-30{
    width: 29% ;
}
.w-24{
    width: 24%;
}
.w-25{
    width: 25%;
}
.w-20{
    width: 19%;
}
.w-10{
    width: 15%;
}
.w-15{
    width: 15%;
}

a{
    color: black ; 
}
a:hover{
   
    text-decoration: none !important;
}



/* Scrollbar css */
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f5f3f3;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
    background: #a51f28;
    
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background: #a51f28;
        
    }


p{
    font-size: 1rem !important;
}
.navbar-toggler-icon{
    height: 20px !important;
    width: 20px !important;
}
.navbar {
    background-color: white !important;
    margin-bottom: -0.46rem !important;
    width: 100%;
    top: 0;
    /* position: relative !important; */
    padding: 0rem 0 !important;
    position: sticky;
    
    z-index: 999999912302109 !important;
}

.navbar.open{
    background-color: #310071;

}
.navbar.open::after{
    content: '';
    position: absolute;
    left: 0 ;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(49,0,113,1) 0%, rgba(255,0,168,1) 100%);
    opacity: 0.2;
    
}

.navbar.open li{
    margin: 0.2rem 0 !important;
}
.navbar.open .btn1{

    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.navbar.open .navbar-collapse{
    padding: 3rem 0;
    position: relative;

}
.navbar.open .navbar-collapse::after{
    content: '';
    position: absolute;
    left: 0 ;
    top: 1.2rem;
    width: 100%;
    height: 2px;
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(49,0,113,1) 0%, rgba(255,0,168,1) 100%);
    border-radius: 100%;
    
}
/* .navbar .show{
    background-color: #310071;
} */

.navbar-toggler:focus{
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.navbar i{
    color: #a51f28;
    font-size: 1.7rem !important;
    font-weight: 600;
}

.navbar.open{
    background-color: #310071 !important;
}

.navbar .container{
    margin: 0 auto !important;
    position: relative;
}
.navbar .container::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #a51f28;
}

.navbar .navbar-nav{
    display: flex;
    align-items: center;
}
.navbar .nav-link{
    color: black !important;
    /* text-shadow: 1px 0px #000000; */
    font-weight: 600;
    font-size: 1rem !important;
    align-items: center;
    display: flex;
    border: none;
    outline: none;
    position: relative;
    padding: 1.5rem 0 !important;
    margin: 0 0.5rem !important;
}

.navbar .nav-link::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #a51f28;
    width: 0% !important;
    height: 2px;
    transition: all 0.2s ease-in-out;

}
.navbar .nav-link:hover::before{
    width: 100% !important;

}


.navbar .nav-link.active{
    border: none !important;
    outline: none !important;
    color: #a51f28 !important;
}
.navbar .nav-link.active::before{
    width: 100% !important;

}


.subact p{
    color: #a51f28;
}

.navbar .nav-link:hover{
    border: none !important;
    outline: none !important;
    color: #a51f28 !important;
}
.navbar .nav-item.show .nav-link{
    color: #a51f28 !important;
}
.navbar .nav-item.show .nav-link::before{
    width: 100% !important;

}
.navbar .nav-item{
    margin: 0 0.3rem !important;
}


.navbar .nav-link i{
    font-size: 1.2rem  !important;
}

.navbar .navbar-brand img {
    width: 130px;
    object-fit: cover;
}



.dropdown-menu{
    margin: 0 auto !important;
    padding: 1rem !important;
    padding-right: 0 !important;

    background-color: white !important;
}
.op-0{
    opacity: 0;
}
.navbar-nav .nav-item.dropdown:nth-child(2) .dropdown-menu .custom img{
    height: 200px !important;
}

.navbar-nav .nav-item.dropdown:nth-child(2) .dropdown-menu{
    margin-left: -200px !important;
}
.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu{
    margin-left: -250px !important;
}
.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom{
    width: 450px !important;
}
.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom img{
    height: 150px !important;
}

.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom .subb{
    position: relative;
    padding-right: 1rem;
}

.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom .subb:hover .submenu{
display: block;

}

.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom .submenu{
    position: absolute;
    left: 235px;
    background-color:white;
    width: 100%;
    height: auto;
    border: 1px solid #C0C0C0;
    top: -1px;
    padding: 0 0.5rem;
    display: none;
    z-index: 9999;
}
.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom .new-drop .submenu{
  
    width: 130% !important;
   
}

.sub-para{
    padding-bottom: 0.5rem;
}


.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom .submenu a{
    padding: 1rem 0 !important;
    padding-bottom: 0.5rem !important;
}

.navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .custom .subb:last-child a:nth-child(1){
    
    padding-top: 0.5rem !important;
}



.navbar-nav .nav-item.dropdown:nth-child(4) .dropdown-menu{
    margin-left: -200px !important;
}
.navbar-nav .nav-item.dropdown:nth-child(4) .dropdown-menu .custom{
    width: 490px !important;
}
.navbar-nav .nav-item.dropdown:nth-child(4) .dropdown-menu .custom img{
    height: 200px;
    min-width: 200px !important;
    max-width: 200px !important;
    object-fit: cover;
    object-position: center;
}

.navbar-nav .nav-item.dropdown:nth-child(5) .dropdown-menu{
    margin-left: -200px !important;
}
.navbar-nav .nav-item.dropdown:nth-child(5) .dropdown-menu .custom{
    width: 500px !important;
}

.navbar-nav .nav-item:last-child li{
    margin-left: 2rem !important;
}
.dropdown-menu .custom .list{
    padding-left: 1rem !important;
    
}

.dropdown-menu .custom .list h4{
    font-size: 1.1rem !important;
    font-weight: 900 !important;
    margin-bottom: 1rem !important;
    color: #a51f28;
    font-family: 'para' !important;
}

.dropdown-menu .custom .list h3{
    font-size: 1.1rem !important; 
    font-weight: 900 !important;
    font-family: 'para' !important;
    margin-top: 1rem !important;
    color: black;
    display: none;
}
.dropdown-menu .custom .list a{
    font-size: 0.9rem !important;
    display: block;
    font-weight: 600;
    padding-right: 1rem !important;

    /* margin: 0.5rem 0!important; */
}
.dropdown-menu .custom .list a p{
    transition: all 0.2s ease-in-out;
    margin-right: 1rem !important;
}
.dropdown-menu .custom .list a:hover p{
    margin-left: 7px !important;
}

.dropdown-menu .custom{
 display: flex !important;
 flex-wrap: wrap;
    justify-content: space-between !important;
    align-items: center;
    width: 730px !important;
    /* overflow: hidden; */
    padding-top: 1rem !important;
}

.dropdown-menu .custom img{
    height: 250px;
    min-width: 200px !important;
    max-width: 200px !important;
    object-fit: cover;
    object-position: center;
    filter: grayscale(50%);
}

.programs
{
    padding-bottom: 5rem;
}

.programs{
    padding: 8rem 0;
}
.programs .text{
    padding-right: 3rem !important;
}
.programs .text h1{
    margin-bottom: 1.5rem !important;
    font-size: 3rem !important;
}
.programs .text p{
    color: #242424;
    font-size: 0.9rem !important;
}


.programs .text .two .block{
    margin: 1rem 0 !important;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
    
}

.programs .text .two .block h3{
    font-size: 1.5rem !important;
}
.programs .text .two .block img{
   object-fit:contain;
    width: 30% !important;
    height: 110px !important;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}

.programs .text .two .block img:hover{
    filter: grayscale(0);
}

.programs .text .two .block h3{
    font-size: 1.3rem;
}
.programs .text .two .block p{
    font-size: 0.9rem !important;
    color: #242424;
}
.programs .text img{

    height: 200px;
    width: 200px !important;
}
.programs .text .img{
    height: 200px;
}


.programs button:hover{
    color: #a51f28;
}
.programs button:hover i{
    color: #a51f28;
}


.programs .images .block{
    position: relative;
    margin-bottom: 2rem !important;
    overflow: hidden;
    cursor: pointer;
    overflow: hidden !important;
    height: 300px ;
}

/* .programs .images .block:nth-child(1){
    margin-top: -5rem !important;
}
.programs .images .block:nth-child(3){
    margin-top: -5rem !important;
} */



.programs .images .block .img{
    width: 100%;
    height: 300px !important;
    border-radius: 7px;
    overflow: hidden;
}
.programs .images .block .img img{
    width: 100%;
    height: 300px !important; 
    object-fit: cover;
    overflow: hidden;
}


.programs .images .block .txt{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: #a51f2870 !important; */
    border-radius: 7px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255, 255, 255, 0) 0%, rgba(251, 251, 251, 0) 1%, rgba(0, 0, 0, 0.719) 64%);
}

.programs .images .block .txt h3{
    position: absolute;
    top: 14rem !important;
    font-size: 1.4rem !important;
    color: white;
    z-index: 10;
    left: 1.5rem;
    transition: all 0.3s ease-in-out;
}
.programs .images .block .txt p{
    position: absolute;
    left: 1.5rem;
    top: 20rem;
    transition: all 0.3s ease-in-out;
    color: rgba(255, 255, 255, 0.63);
    font-size: 0.9rem !important;
    padding-right: 1rem !important;

}



.programs .images .block:hover .txt{
    background-color: rgba(0, 0, 0, 0.705) !important;

}

.programs .images .block:hover .txt p{
    top: 6rem;

}

.programs .images .block:hover .txt h3{
    top: 1.5rem !important;
}

.programs .images .block .txt h5:last-child{
    color: white;
    position: absolute;
    left: 1.5rem;
    bottom: -2rem;
    font-size: 0.9rem;
    
    transition: all 0.3s ease-in-out;
    font-family: 'para' !important;

}

.programs .images .block:hover .txt h5:last-child{
    bottom: 2rem;

}

/* .programs .images .block:nth-child(1):hover .txt a,
.programs .images .block:nth-child(3):hover .txt a{
    bottom: 4rem !important;
} */


.dropdown-menu .custom a{
   
    overflow: hidden;
    color: black;
    text-decoration: none;
    transition: all 0.0s ease-in-out;
    border-bottom:1px solid rgba(0, 0, 0, 0.144) ;
    padding-top: 1rem;
    position: relative;
    margin-left: 0 !important;

}

.dropdown-menu .custom a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #a51f28;
    width: 0;
    height: 1px;
    transition: all 0.3s ease-in-out;
}

.dropdown-menu .custom i{
    font-size: 0.9rem !important;
    display: none;
}

.dropdown-menu .custom a:hover{
    color: #a51f28;
}
.dropdown-menu .custom h2{
    font-size: 1.4rem;
    font-weight: 900;
    color: #a51f28;
}



.dropdown-menu .custom a p{
    transition: all 0.1s ease-in;
    font-size: 0.9rem !important;
    
}


.dropdown-menu .custom .pgr{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}



.dropdown-menu .dropdown-item{
    
    /* border-bottom: 1px solid #a51f2849 !important; */
    /* padding: 0.9rem 0; */
    font-size: 0.9rem;
    padding: 1rem 0.5rem !important;
    transition: all 0.2s ease-in-out;
    width: 100% !important;

}

.dropdown-item:hover{
    /* background-color: #a51f28 !important; */
    color: #a51f28 !important;
    transition: all 0.2s ease-in-out;
    background-color: unset !important;
}

.btn1{
    padding: 0.7rem 1rem;
    background-color: #310071;
    background: rgb(2,0,36);
    background: linear-gradient(190deg, rgba(2,0,36,1) 0%, rgba(49,0,113,1) 0%, rgba(255,0,168,1) 100%);
    border-radius: 5px;
    margin-left: 1rem;
    position: relative;
    z-index: 100;
}
.btn1 button{
    color: white;
    background-color: transparent;
    border: none;
}
.btn2{
    cursor: pointer !important;
    /* padding: 0.7rem 1rem; */
    display: flex;
    align-items: center;
    text-decoration: none;
    /* border: 1px solid #a51f28; */
    
}

.btn2 button:hover{
 background-color: transparent !important;
 border: 1px solid #a51f28;
}

.btn2 button{
    background-color: transparent;
    background-color: #a51f28;
    padding: 0.7rem 1rem;
    border: none;
    cursor: pointer;
    color: white;
    font-size: 1rem !important;
    transition: all 0.3s ease-in-out;
 border: 1px solid #a51f28;
    display: flex;
    

}
.btn2 button:focus{
    outline: none;
}

input:-internal-autofill-selected{
    background-color: transparent !important;
}
.btn2 button i{
    transform: rotate(-20deg) !important;
    display: block;
    margin-left: 0.5rem !important;
    transition: all 0.3s ease-in-out;
    margin-top: 1px !important;

}
.btn2 button:hover i{
    transform: rotate(0deg) !important;
}

.btn3{
    background-color: #a51f28;
    padding: 0.7rem 1rem;
    color: white;
    font-size: 0.9rem;
    border: 1px solid #a51f28;
    transition: all 0.3s ease-in-out;
    display: block;
    margin: 1.5rem 0 !important;
    text-decoration: none;
    width: 135px;
}

.btn3:hover{
    color: #a51f28;
    background-color: transparent;
    border: 1px solid #a51f28;
}
.full{
    width: 100%;
    padding: 0.7rem 1rem;

    text-align: center;
    margin-top: 2rem !important;
    background: rgb(2,0,36);
    background: linear-gradient(190deg, rgba(2,0,36,1) 0%, rgba(49,0,113,1) 0%, rgba(255,0,168,1) 100%);
    border-radius: 5px;
}
.full .btn1{
    background: unset !important;
    border-radius: 0px;
}
.hero{
    background-image: url('images/slide1.jpg');
    /* background-image: url('images/cover.jpg'); */
    /* background-image: url('images/banner.jpg'); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 100vh; */
    width: 100%;
    background-color: #111111;
    color: white !important;
    position: relative;
    overflow: hidden;
}

.hero.contact .container1::after{
    display: none;
}

.hero::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.605) 50%);
}

.hero .container1{
    height: 100vh !important;
    position: relative;
    z-index: 100;
    width: 80%;
    margin: 0 auto !important;
}
.hero .container1::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url('model.png');
    background-size: 20rem;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 100%;
}
.hero .container1::before{
    content: 'CRICKETX';
    position: absolute;
    bottom: -5.5rem;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(180, 180, 180, 0.219);
    font-size: 13rem;
    letter-spacing: 2px;
    font-style: italic;
    font-family:Arial, Helvetica, sans-serif;
    z-index: 100;
    text-shadow: 1px 1px #3100718c;
    
    display: none;
}

.hero .text{
    margin-bottom: 5em !important;
    position: relative;
    z-index: 999 !important;
  animation: 1.2s ease-out 0s 1 slideInLeft;  

}

.hero .text p span{
    /* font-weight: 600 !important; */
    color: white;
    font-family: "para-med" !important;
 
}
.hero .text p strong{
    font-weight: unset !important;
    color: white !important;
    font-family: "para-bold";

}

.hero .schools{
    margin-bottom: 6em !important;
    position: relative;
    z-index: 999 !important;
  animation: 1.2s ease-out 0s 1 slideInUp;  

    
}

.hero .schools div{
    height: 100px;
    margin-bottom: 0.3rem !important;
    border-bottom: 1px solid #a5a5a52a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0.9rem !important;
    transition: all 0.3s ease-in-out;
    margin: 0rem 0 !important;
}   

.hero .schools div:hover{
    border-bottom: 1px solid #a51f28 !important;
}
a{
    text-decoration: none !important;
}

.hero .schools div h3{
    margin-bottom: 0.4rem !important;
    font-size: 1.4rem !important;
}
.hero .schools div a:hover{
    text-decoration: none;
}

.hero .schools .buttons a{
    margin: 0.5rem 0 !important;

}

.hero .schools div a{
    text-decoration: none;
    cursor: pointer;


    color: #ffffffc2 !important;
}
.hero .schools div p{
    font-size: 1rem !important;
}
.hero .schools div p i{
    font-size: 0.9rem !important;
}

.hero p i{
    font-size: 1.5rem;
    margin-right: 0.5rem !important;
}

.hero h2{
    font-size: 3.5rem;
    color:white;
    /* background: -webkit-linear-gradient(#310071, #ff00a8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  position: relative;
  z-index: 1000 !important;
  padding-bottom: 1rem;
  margin-bottom: 1rem !important;
  text-shadow: 1px 1px #000000;

}
span{
    color: #a51f28;
}
.hero img{
    height: 400px !important;
}

.about{
    padding: 8rem 0;
}


.about .text h2{
    font-size: 2.7rem;

}

.about .text a{
    /* color: #131212;
    color: #111111;portant; */
    
    text-decoration: none;
}
.about .text p{
    margin: 1rem 0 !important;
    color: #242424 !important;
    font-size: 0.9rem !important;
}

.about .text p:first-child{
    color: #a51f28 !important;
    font-size: 1rem !important;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.about .text p i{
    font-size: 1.6rem !important;
    margin-right: 0.5rem !important;
}
.about .buttons{
    padding: 1rem 0;
}

.about .buttons a{
    margin: 0.5rem 0 !important;
}
.about .buttons button{
    width: 100% !important;
    display: flex ;
    align-items: center;
    background-color: #f6f6f6;
    padding: 0.7rem 0;
    color: #a51f28 !important;
    border: 1px solid #a51f28;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.about .buttons button img{ 
    margin: 0 1rem !important;
    width:40px !important;

}
.about .buttons button p{
    margin: 0 !important;
    text-align: left;
    color: #a51f28 !important;
    /* font-weight: 600; */
    font-family: 'para-med' !important;
    font-size: 0.9rem !important;
    
}

.about .buttons button:hover{
    background-color: white;
    margin-left: 5px !important;
}

.about .btn2 button{
    color: white !important;
}
.about .btn2:hover button{
    color:  white !important;
}

.about .btn2 button:hover{
    color:  #a51f28 !important;
}
.about .btn2 button:hover i{
    color:  #a51f28;
}
.about .image{
    position: relative;
    text-align: right;
    overflow: hidden;
    justify-content: space-around;
}
.about .image img{
    width: 48% !important;
    height: 400px !important;
    object-fit: cover;
    display: block;
    /* margin: 0 0.8rem !important; */
    height: 100%;
    
}
.about .image img:first-child{
    margin-top: 5rem !important;
}

.about .btn2{
    margin: 1rem 0 !important;
}
/* .about .image::after{
    content: '';
    position: absolute;
    bottom: 0rem;
    right: 9.3%;
    width: 80.8%;
    height: 10px;
    background: linear-gradient(to right, #310071, rgba(255,0,168,1));
}
.about .image::before{
    content: '';
    position: absolute;
    bottom: 0rem;
    right: 9.3%;
    height: 100%;
    width: 10px;
    background: linear-gradient(to bottom, #310071, rgba(255,0,168,1));
} */

.heading{
    padding-bottom: 1rem;
    text-align: center;
    width: 80%;
    margin: 0 auto !important;
}

.heading a{
    /* color: #ffffffc4 !im
    color: #111111;portant; */
    text-decoration: none;
    font-size: 3rem;
    position: relative;
    margin-bottom: 1rem !important;
}

.heading a::after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    width: 40%;
    height: 3px;
    /* background: -webkit-linear-gradient(#310071, #ff00a8); */
    border-radius: 40%;
    
}

.heading h2{
    margin-bottom: 1.5rem !important;

}

.heading2 p{
    color: #242424;
    width: 80% !important;
    margin: 0 auto !important;
}
.stats .box{
    background-color: #a51f28;
    padding:2rem 0 ;
    width: 85%;
    margin: 0 auto !important;
}
.stats .box .block{
    padding: 1rem 3rem !important;
    text-align: center;
    position: relative;
}


.stats .box .block:nth-child(2){
        border-left:1px solid #c0c0c03d;
        border-right:1px solid #c0c0c03d;
}



.stats .box .block h2{
    font-size: 2.7rem;
    color: white;
    margin-bottom: 1rem !important;
}


.stats .box .block p{
    font-size: 0.9rem;
    color: white;
}

.courses{
    padding: 8rem 0;
}

.courses h1{
    margin-bottom: 2rem !important;
}

.courses .box{
    background-image: url('images/extra-uni.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
}

.courses .box::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.6;
}


.courses .block{
    background-color: #f6f6f6 !important;
    background-color: transparent;
    padding: 6rem 2rem;
    /* padding-bottom: 8rem; */
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    position: relative;
    z-index: 100;
}
.courses .block:hover{
    background-color: transparent !important;
    color: white !important;
}
.courses .block:hover button{
    border: 1px solid white;
    color: white;
    transition: all 0.3s ease-in-out !important;
}

.courses .block button{
    margin: 0.7rem 0 !important;
    padding: 0.4rem 0.9rem !important;
    font-size: 0.9rem;
    border: 1px solid black;
    background-color: transparent;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.courses .block button:hover{
    background-color: #a51f28 !important;
    color: white !important;
    transition: all 0.3s ease-in-out;
    border: 1px solid #a51f28;
    

}
.courses .block button i{
    font-size: 1.5rem ;
    margin-left: 0.3rem !important;
    transform: rotate(-20deg);
    display: block;
    transition: all 0.2s ease-in-out;

}
.courses .block button:hover i{
    transform: rotate(0deg);

}

.courses .block:nth-child(2):hover{
    background-color: transparent !important;
}

.courses .block:nth-child(2){
    background-color: #a51f28 !important;
    color: white;
}
.courses .block:nth-child(2) button{
    color: white;
    border: 1px solid white !important;
}
.courses .block:nth-child(2) button:hover{
    border: 1px solid #a51f28 !important;
}

.courses .block h3{
    margin-bottom: 2rem !important;
}


.events{
    padding: 8rem 0;
}

.events .head p a{
    color: #a51f28;
    transition:all 0.1s ease-in-out;
    font-weight: 600;
}
.events .head p a:hover{
    text-decoration: underline !important;

}
.news .head p a{
    color: #a51f28;
    transition:all 0.1s ease-in-out;
    font-weight: 600;
}
.news .head p a:hover{
    text-decoration: underline !important;

}

.events .box{
    margin-top: 3rem !important;
}


.events .block{
    background-color: #f6f6f6;
    transition: all 0.3s ease-in-out;
    cursor: pointer
}

.events .block:hover{
    background-color: #a51f28;
    color: white;
}

.events .block:hover .text p{
    color: white  !important;
}

.events .block:nth-child(1){
    background-color: #a51f28;
    color: white !important; 
}

.events .block:nth-child(1) .text p{
    color: white !important;
}

.events a{
    color:unset;
}


.events .block .num{
    width:140px !important;
    height:140px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid white;
}

.events .block .num p{
    font-size: 4rem !important;
    line-height: 1 !important;
    margin-bottom: 0.2rem !important;
   font-weight: 600;
   -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #DEDEDE;
    -webkit-text-stroke: 1px;
}


.events .block .text{
    padding-left: 1rem;
    width: 85%;
}
.events .block .text h2{
    font-size: 1.4rem;
    margin-bottom: 0.7rem !important;
    text-transform: capitalize !important;
}
.events .block .text p{
    font-size: 0.8rem !important;
    margin-right:0.5rem !important;
    color: #242424 !important;

}
.events .block .text i{
    margin-right: 0.2rem !important;
}

.events .image{
    height: 420px !important;
}

.events img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.campus{
    
    background-color: #a51f28;
    padding: 8rem 0;
    position: relative;
}
.campus .heading1{
    margin-bottom: 1rem !important;
}

.campus .box{
    padding-top: 4rem ;
}

.campus .block{
    cursor: pointer;

}

.campus .block .img{
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    height: 250px !important;
}

.campus .block .img img{
    transition: all 0.3s ease-in-out;
    height: 100%;
    object-fit: cover;
}

.campus .block:hover .img img{
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;

}

.campus .block h3{
    margin-top: 2rem !important;
    color: white;
    font-size: 1.5rem ;
    display: flex;
}
.campus .block h3 i{
    font-size: 1.5rem;
    transform: rotate(-20deg) ;
    display: block;
    margin-top: 0.1rem !important;
    margin-left: 0.5rem !important;
    transition: all 0.3s ease-in-out;

}
.campus .block:hover h3 i{
    transform: rotate(0deg) ;

}



.campus .shapes img{
    position: absolute;
    width: 50px !important;
    /* height: 90px !important; */
    top: 0;
    animation: MoveUpDown 1s linear infinite;


}
.campus .shapes img:first-child{
    position: absolute;
    top: 15%;
    left: 25%;
}
.campus .shapes img:nth-child(2){
    top: 60%;
    left: 2%;
}
.campus .shapes img:nth-child(3){
    right: 20%;
    top: 25%;
}


.heading1{
    width: 450px;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4rem !important;
}

.heading1 h2{
    color: white !important;
    text-align: right;
    font-size: 4.3rem ;
}

.heading1 h2 a{
    position: relative;
}

.heading1 h2 a::after{
    position: absolute;
    content: "";
    background-image: url('https://html.themewant.com/unipix/assets/images/icon/highlight.svg');
    height: 45px;
    width: 50px;
    background-repeat: no-repeat;
    right: -40px;
    top: 0;
}


.heading1 p{
    color: white;
    font-size: 1rem !important;
    margin-top: 100px !important;
    margin-right: -100px !important;
   
}


.mission.scholar{
    margin-top: 8rem !important;
}


.mission{
    /* background-image: url('images/parallax.jpg'); */
    background-image: url('images/students.jpg');
    background-position: center;
    background-size:  cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    position: relative;
}
.mission::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: #111111d2; */
    background-color: #000000af;


}


.mission .container1{
    padding:6rem 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.mission .container1 h2{
    margin-bottom: 1.5rem !important;
    color:white;
    font-size: 2.8rem;
    text-shadow: 2px 2px #000000;


}


.mission .container1 p{
    color: white;
    margin-bottom: 2rem !important;
    text-shadow: 2px 2px #000000;
    width: 60%;
    text-align: center;
    margin: 0 auto !important;

}

.mission .container1 .btn2{
    margin-top: 2rem !important;
}

.mission .container1 .btn2 button{
    margin: 0 auto !important;
    text-align: center;
}

.mission .container1 .btn2 button i{
    transform: rotate(-30deg) !important;
}
.mission .container1 .btn2 button:hover i{
    transform: rotate(0deg) !important;

}


.test{
    background-color: #f6f6f6;
    padding: 8rem 0;
}
.test .heading{
    margin-bottom: 3rem  !important;
}

.test .block{
    background-color: white;
    padding: 2rem;
}

.test .block img{
    width: 50px  ;
    object-fit: contain;
}

.test .block i{
    color: #a51f28;
}

.test .block p{
    margin: 1rem 0!important;
}

.test .block .txt p{
    margin: 0 !important;
    font-size: 0.9rem !important;
}
.test .block .txt h3{
    font-size: 1.1rem !important;
}

.test .block .txt .para{
    margin-left: 1rem !important;
}

.test .block .info i{
    font-size: 3rem !important;
}


.testimonials{
    padding: 8rem 0;
    position: relative;
    display: none;
}
.testimonials::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url('images/banner.jpg') ;
    opacity: 0.08;
    background-color: #0000;
}

.testimonials .container1{
    position: relative;
    z-index: 19;
}

.testimonials .heading1{
    width: 500px !important;
    margin-bottom: 6rem !important;

}
.testimonials .heading1 p{
    margin-top:-3rem !important ;
    margin-right: -10rem !important;
    width: 100%;
    min-width: 200px;
    color: black;
}
.testimonials .heading1 h2{
    color: black !important; 
}

.carousel {
	margin: 50px auto;
}
.carousel .carousel-item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;

}
.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
	margin-left: 20px;
}
.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 2px solid #fff;
}
.carousel .testimonial {
    color: #fff;
    position: relative;    
    background: #a51f28;
	padding: 15px;
	margin: 0 0 20px 20px;
}
.carousel .testimonial::before, .carousel .testimonial::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.carousel .testimonial::before {
    width: 20px;
    height: 20px;
	background: #9b9b9b;
	box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);

}
.carousel .testimonial::after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
}
.carousel .carousel-item .row > div:first-child .testimonial {
	margin: 0 20px 20px 0;
}
.carousel .carousel-item .row > div:first-child .media {
	margin-left: 0;
}
.carousel .testimonial p {
	text-indent: 40px;
    line-height: 21px;
	margin: 0;
}
.carousel .testimonial p::before {
	/* content: "\201D"; */
  	font-family: Arial,sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 68px;
    line-height: 70px;
    position: absolute;
    left: -25px;
    top: 0;
}
.carousel .overview {
	padding: 3px 0 0 15px;
}
.carousel .overview .details {
	padding: 5px 0 8px;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #a51f28;
}
.carousel-control-prev, .carousel-control-next {
	width: 30px;
	height: 30px;
    background: #666;
    text-shadow: none;
	top: 4px;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 16px;
}
.carousel-control-prev {
	left: auto;
	right: 40px;
}
.carousel-control-next {
	left: auto;
}
.carousel-indicators {
	bottom: -80px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 17px;
    height: 17px;
	border-radius: 0;
	margin: 1px 5px;
  	box-sizing: border-box;
}
.carousel-indicators li {	
    background: #e2e2e2;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
	color: #fff;
    background: #a51f28;
    border: 5px double;    
}
.star-rating li {
	padding: 0 2px;
}
.star-rating i {
	font-size: 14px;
	color: #ffdc12;
}


.clients{
    padding: 4rem 0;
}

/* .clients .slide:first-child img{

    filter: saturate(0.5) contrast(0) !important;
}
.clients .slide:last-child img{

    filter: saturate(0.5) contrast(0) !important;
} */

.clients img{
    /* filter: grayscale(90%); */
    /* height: 70px !important; */
    width: 100px;    
    /* min-height: 0px; */
    object-fit: contain;
    /* filter: saturate(0.5) contrast(0.1); */
    filter: grayscale(100%) !important;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
/* .clients img{
    filter: grayscale(0%) !important;

} */
.clients img:hover{
    filter: grayscale(0%) !important;

}



.customer-logos.slider{
    display: flex;
    justify-content: center;
}
.clients img:hover{
    filter:unset;
}

.customer-logos.slider .slide{
    width: 11% !important;
}
.customer-logos.slider .slide:last-child{
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.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: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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;
}
.slick-track:before,
.slick-track:after
{
    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;
}

.head p,.heading p{
    color: #242424;
    margin-top: 0.6rem !important;
}

.news{
    padding: 8rem 0;
}
.news.laws .container1{
    background-image: url('images/uni3.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50px;
    padding: 8rem 0;
}

.news.laws .head h1{

    margin-bottom: 2rem !important;
}
.news.laws .rank{
    height: 100px;
    width: 200px;
    object-fit: contain;
    margin-top: 3rem !important;
    filter: grayscale(100%) !important;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.news.laws .rank:hover{
    filter: grayscale(0%) !important;

}

.news.laws p{
    margin-top: 2rem !important;
    width: 80%;
    margin: 0 auto !important;
}

.news.laws .clients .slide{
    padding:0 0rem ;
}
.news.laws .clients p{
    margin-top: 2rem !important;
    text-align: center;
}

.news.laws .clients .slide:last-child{
    border: none;
}

.news .heading{
    margin-bottom: 3rem !important;
}


.news .box{
    margin-top: 3rem !important;
}

.news .block{
    border: 1px solid rgba(112, 112, 112, 0.055);
    /* border: 1px solid #a51f28; */
    padding: 1rem;
    cursor: pointer;
}
/* .news .block:nth-child(1){
    background-color: #a51f28;
    color: white;
}

.news .block:nth-child(1) p{
    color: white !important;
}    */

.news .block span{
    background-color: #a51f281f !important;
    padding: 0.3rem 0.5rem;
    font-size: 0.9rem;
    margin-bottom: 5px !important;
}

/* .news .block:nth-child(1) span{
    background-color: white !important;

} */

.news .block .img{
    overflow: hidden;
}
.news .block .img img{
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    transition: all 0.3s ease-in-out;

}

.news .block .img:nth-child(2) img{
    object-position: left;

}
.news .block:hover .img img{
    transform: scale(1.1);
}
.news .block .txt{
    padding-left: 2rem ;
}

.news .block .txt h3{
    margin: 0.7rem 0 !important;
    font-size: 1.3rem;
    transition: all 0.3s ease-in-out;
}
.news .block .txt h3:hover{
    color:  #a51f28;
}

/* 
.news .block:nth-child(1) .txt p{
color: white !important;
} */

.news .block .txt p{
    font-size: 0.9rem !important;
    margin-bottom: 1rem !important;
    color: #242424 !important;
    /* color: white; */
}

.news .block .info p{
    margin-right: 0.7rem !important;
}


.news .block .txt .flex p{
    margin-right: 1rem !important;
}



footer.footer{
    color: white;
background-color: #181818;
    position: relative;
}
footer.footer a{
    transition: all 0.3s ease-in-out;
    position: relative;
}
footer.footer .block a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #a51f28;
    width: 0% !important;
    height: 2px;
    transition: all 0.2s ease-in-out;
}

footer.footer .block a:hover::after{

    width: 100% !important;

}
footer.footer a:hover{
    color: white; 

}
footer.footer .icon i{
    color: #737477;
    transition: all 0.3s ease-in-out;
    font-size: 1.3rem;
}
footer.footer .icon i:hover{
    color: white;
    cursor:  pointer;
}

footer.footer::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: #310071a6; */
}

footer.footer .container1{
    position: relative;
    z-index: 1;
    font-size: 0.9rem;
    padding-bottom: 1rem !important;
}

footer.footer .container1 .block .imgs{
    width: 100%;
    /* padding-right: 2rem ; */
    overflow: hidden !important;
}
footer.footer .container1 .block .imgs .block{
    transition: all 0.3s ease-in-out;
    overflow: hidden !important;
    display: block;
}
footer.footer .container1 .block a img{
    width: 100% !important;
    margin: 0 !important;
    height: 100px !important;
    margin: 2px !important;
    object-fit: cover !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
footer.footer .container1 .imgs .block:hover img{
    transform: scale(1.03);
}


footer.footer .container1 .subs{
    padding: 3rem 0;
}
footer.footer .container1 .subs h2{
    margin: 0 !important;
}

footer.footer .container1 .subs form input{
    height: 100%;
    background-color: transparent;
    border: 1px solid #a51f28;
    color: white;
    padding: 0.9rem 0.5rem;
    width: 300px;
    margin-right: 0.5rem !important;
}
footer.footer .container1 .subs form button{
    padding: 0.8rem 2rem;
    background-color: white;
    color: black;
    font-weight: 500;
    text-align: center;
    border: 1px solid white;
}
footer.footer .container1 .subs form button:hover{
    
    border: 1px solid #a51f28;
}
footer.footer .container1 .subs form button i{
    margin-left: 0.5rem !important;
    transform: rotate(-30deg) !important;
}
footer.footer .container1 .subs form button:hover i{
    transform: rotate(0deg) !important;

}

footer.footer .container1 .subs form button:hover{
    background-color: #a51f28 !important;
    color: white;
}

footer.footer .container1 .subs form input:focus{
    outline: none;
}

footer.footer .container1 .box{
    border-top: 1px solid #737477;
    padding: 2rem 0;
}

footer.footer img{
    width: 150px !important;
    margin-bottom: 2rem !important;
}

footer.footer .copy{
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: #181818;
    padding: 0.8rem 0 !important;
}

footer.footer .copy p{
    color: white !important;
    font-size: 0.9rem !important;
    color: #737477 !important;

}
footer.footer .copy::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #737477;
}
footer.footer .icon{
    margin-top: 1rem !important;
}

footer.footer i{
    margin-right: 0.7rem !important;
}

footer.footer h2{
    margin-bottom: 2rem !important;
    font-size: 2rem !important;
}
footer.footer ul{
    padding: 0 !important;
}
footer.footer li{
    margin: 1rem 0 !important;
}
footer.footer p{
    font-size: 0.9rem !important;
    padding-right: 2rem ;
    color: #737477;

}
footer.footer h2 a{
    color: white !important;
    text-decoration: none !important;
    font-size: 1.4rem !important;
    /* border-bottom: 1px solid white; */
    
    font-family: "freight-bold" !important;
    cursor: pointer;

}
footer.footer a{
    color: #737477;
    text-decoration: none !important;
    font-size: 0.9rem !important;
}

/* Pages */

/* Admission page */


.page-info{
    background-image: url('new/new\(12\).jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dashb{
    background-image: url('new/value/dash.jpg');
    background-position: center;
    background-size:cover;
    height:100vh;
    

}
/* Discover */
.page-info.discover{
    background-image: url('images/academic.jpg');
    background-position: center;

}

.page-info.exec{
    background-image: url('new/value/executive.jpg');
    background-position:  bottom center;
}
.page-info.adv{
    background-image: url('new/value/advisory.jpg');
    background-position:   center;
}
.page-info.adv.no::after{
    display:none;
    
}
.page-info.leg{
    background-image: url('new/value/indu.jpg');
    background-position:   center;
}
.page-info.qae{
    background-image: url('new/value/qae.jpg');
    background-position:   center;
}
.page-info.facul{
    background-image: url('new/facility/meeting.jpg');
    background-position:   bottom;
}
.page-info.why{
    background-image: url('new/value/why.jpg');
    background-position:   center;
}
.page-info.giv{
    background-image: url('new/value/giv1.jpg');
    background-position:   center;
}

/* courses */
.page-info.course{
    background-image: url('images/llb1.jpg');
    background-position: top;

}
.page-info.ifpp{
    background-image: url('new/value/ifp2.jpg');
    background-position: center;
}
.page-info.olevel{
    background-image: url('images/olevel-cover.jpg');
    background-position: center;
}
.page-info.alevel{
    background-image: url('images/alevel-cover.jpg');
    background-position: center;
}
.page-info.bsc{
    background-image: url('images/business-cover.jpg');
    background-position: top 29%;
}
.page-info.certb{
    background-image: url('new/web\ \(11\).jpg');
    background-position: center;
}
.page-info.llb{
    background-image: url('images/law-cover.jpg');
    background-position: center;
}
.page-info.certlaw{
    background-image: url('new/value/law.jpg');
    background-position: center;
}
.page-info.phd{
    background-image: url('images/putrauni.jpg');
    background-position: center;
}
.page-info.llm{
    background-image: url('images/llm.jpg');
    background-position: center;
}

.page-info.bar{
    background-image: url('images/bar1.jpg');
    background-position: center;
}



/*  */
.page-info.sch{
    background-image: url('images/students.jpg');
    background-position: center;

}
.page-info.fee{
    background-image: url('new/value/slide4.jpg');
    background-position: center;

}
.page-info.entry{
    background-image: url('new/web\ \(9\).jpg');
    background-position: bottom;

}
.page-info.life{
    background-image: url('images/code.jpg');
    background-position: center;

}
.page-info.faci{
    background-image: url('new/facility/campus.jpg');
    background-position: top;

}
.page-info.socie{
    background-image: url('images/clubsociety.jpg');
    background-position: bottom;

}
.page-info.health{
    background-image: url('new/value/mentor.jpg');
    background-position: top;

}

.page-info.privacy{
    background-image: url('new/value/privacy.jpg');
    background-position: center;

}

.page-info.career{
    background-image: url('new/value/career1.jpg');
    background-position: center ;

}
.page-info.event{
    background-image: url('new/value/event.jpg');
    background-position: center ;

}

.page-info.contact{
    background-image: url('images/contact.jpg');
    background-position: center;

}
.page-info.join{
    background-image: url('new/value/join.jpg');
    background-position: bottom;

}
.page-info.dash{
    background-image: url('new/value/sustain.jpg');
    background-position: center;

}
.page-info::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);

}

.page-info .container1{
    position: relative;
    z-index: 100;
    color: white !important;
    text-align: center;
    width: 100%;
}

.page-info .container1 .txt a{
    color: white;
    text-decoration: none;
}
.page-info .container1 .txt h2{
    margin: 1rem 0 !important;
    font-size:2.8rem !important;
    text-shadow: 1px 1px #0000008c;

}


.page-info .container1 .txt p{
    display: none;
}

.page-info .container1 .txt p.display{
    display: block;
}


/* requirements */

ul ul{
    padding-left: 1rem  !important;
}
ul ul li{
    list-style: circle !important;
}


/* Fee Tabs  */

.content .fee-tabs .right-tabs .cr-detail{
    margin: 0 !important;
    margin-bottom: 1rem !important;
}
.fee-tabs .right-tabs table{
    margin: 2rem 0 !important;
}
.fee-tabs .right-tabs table thead th{
    text-align:center;
}
.fee-tabs .right-tabs table th{
    font-weight:600;
    background-color:#a51f28;
    color:white;
    
}
.fee-tabs .right-tabs table td{
    color: #242424;
}
.fee-tabs .right-tabs table td strong{
    font-weight:600;
    color: black;

}

.fee-tabs .right-tabs h3{
    margin-bottom:2rem !important;
}


.fee-tabs .left-tabs .stickyy{
    position: sticky;
    top: 0;
border: 1px solid #a51f28;
}
.fee-tabs .left-tabs .tablinks{
    background-color: white;
    border: none;
    /* border: 1px solid #a51f28; */
    padding: 1.5rem 1rem;
    text-align: left;
    color: black;
    border-bottom: 1px solid #c0c0c044;
    width: 100%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-weight: 600;
}

.fee-tabs .left-tabs .tablinks:hover{
    background-color: #a51f28;
    color: white;
    border: 1px 0px solid #a51f28;
}

.fee-tabs .left-tabs .tablinks.active{
    background-color: #a51f28;
    color: white;
    border: 1px 0px solid #a51f28;

}

.fee-tabs .left-tabs .tablinks:focus{
    outline: none;
}

.requirements{
    padding: 4rem 0;
    position: relative;
}

.requirements .schhh{
    position: absolute;
    right: 10%;
    top: 2rem;
    width: 110px;
    height: 110px;
    background-image: url('images/scholar.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.requirements .content h2{
    margin: 1.5rem 0 !important;
}

.requirements .content ul li{
    width: 49% !important;
    margin: 1rem 0 !important;
    display: flex;
    align-items: center;
}

.requirements .content ul li i{
    color: #109d50;
    margin-right: 0.5rem !important;
    font-size: 1.2rem !important;
    font-weight: bolder;
}


.requirements .content table{
    padding: 2rem 0;
    width: 100% !important;
}

.requirements .content table tr{
    border: 1px solid rgba(187, 187, 187, 0.24);
}

.requirements .content table tr:first-child{
    background-color: #a51f28;
    color: white;
}



.requirements .content table th{
    font-size: 1rem !important;
    padding: 1rem !important;

}

.requirements .content table td{
    padding: 1rem !important;
    font-size: 0.9rem !important;
}

/* About Page*/

.innerabout{
    padding: 8rem 0 ;
}

.innerabout video{
    
    object-fit: cover;
}

.innerabout .heading3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 3rem;

}
.innerabout .heading3 h2{
    width: 30%;
    height: 100%;
    font-size: 2rem;
    padding-right: 1rem;

}
.innerabout .heading3 p{
    border-left: 1px solid #C0C0C0;
    width: 70%;
    padding-left: 3rem ;
    color: #242424;
    font-size: 0.9rem !important;
    text-align: justify;
}
.innerabout .heading3 a{
    color: #a51f28;
    position: relative;
    transition: all 0.3s ease-in-out ;
}
.innerabout .heading3 a:hover{
    text-decoration: underline !important;
}
/* 
.innerabout .heading3 a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
} */
.innerabout .society .box{
    padding-top: 3rem;
    border-top: none;

}

.innerabout .society .block:nth-child(3) img{
    object-position: bottom !important;
}

.innerabout .box .image{
height: 500px;
}

.innerabout .box .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.innerabout .box .txt{
    padding: 2rem;
    background-color: #a51f28 !important;
    color: white;
    height: 500px ;
}
.innerabout .box .txt h2{
    margin-bottom: 2rem !important;
}

.innerabout .box .text{
    display: none !important;
}
.innerabout .society .box .text{
    display: block !important;
}


.innerabout .box .block{
    padding: 1rem 2rem;
    background-color: #a51f28;
    height: 150px;
    color: white;
}
.innerabout .society .box .block{
    padding: unset;
    background-color: unset;
    height: unset;
    color: unset;
}

.innerabout .box .block:nth-child(2){
    margin: 1.5rem 0 !important;
}

.innerabout .box .block h2{
    font-size: 3rem;
}
.innerabout .box .block i{
    font-size: 3rem;
}

.innerabout .box .block p{
    margin-top: 0.6rem !important;
}


/* About page - History */


.history.bout .text{
    padding-right: 3rem ;
}
.history.bout .image h2{
    font-size: 2.8rem;
    margin-bottom: 2rem !important;
    color: white;
}

.history.bout p{
    text-align: justify;
}

.history.bout .text p{
    text-align: justify;
}

.history{
    padding-top: 8rem !important;
    padding-bottom: 5rem !important;
    background-color: #a51f28;
    margin-bottom: 16rem !important;
}
.history .container1{
    position: relative;
}
.history .image{
    height: 350px;
    position: relative;
    z-index: 99890;
}

.history .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    display: block;
    border-radius: 15px;
}

.align-bottom{
    object-position: bottom !important;
}

.history .image::after{
    content: '';
    position: absolute;
    right: -3rem;
    top: 9rem;
    width: 100px;
    height: 100px;
    background-color: white;
    z-index: -1;
    border-radius: 50%;
    display: none;
}

.history .image p{
    color: white;
    margin-bottom: 2rem !important;
    font-weight: 500;
}
.history .image p a{
    color: white;
    font-family: 'para-bold';
}

.history .text{ 
    /* padding-left: 4rem; */
    color: white;
    position: relative;
    z-index: 990;
}

.history .text h2{ 
    font-size: 2.8rem;
    margin-bottom: 2rem !important;
}

.history .text p{ 
    margin: 1rem 0!important;
    
}

.history .text .ab{ 
    position: absolute;
    bottom: -11rem;
    left: -2rem;
    
}

.history .text .ab p{ 
    font-weight: 900;
    font-size: 3rem  !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #c0c0c069 !important;
    -webkit-text-stroke: 1px;
    font-family:Arial, Helvetica, sans-serif !important;
}


.history .text a{ 
    color: white; 
    font-size: 1rem !important;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    display: flex !important;
    align-items: center !important;

}
.history .text a i{ 
    font-size: 1.5rem !important;
    transform: rotate(-30deg);
    transition: all 0.3s ease-in-out;
}
.history .text a:hover i{ 
    transform: rotate(0deg);

}

.history .text a::after{ 
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 6rem;
    height: 1px;
    background-color: white;
}

.history .shapes{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.history .shapes img{
    width: 50px ;
    position: absolute;
    left: 0;
    height: 50px;
    object-fit: contain;
}

.history .shapes img:nth-child(1){
    bottom: 0rem;
    left: 25% !important;
}
.history .shapes img:nth-child(2){
    top: -4rem;
    left: 0% !important;
}
.history .shapes img:nth-child(3){
    top: unset;
    bottom: 0;
    left: unset !important;
    right: 5% !important;
}

/* VAlues */

.values{
    padding: 8rem 0;
}
.values .block{
    padding: 1rem 6rem;
} 

.values .block:nth-child(odd){
    text-align: right;
    border-right: 1px solid #C0C0C0;
    padding-top: 4rem !important;

}

.values .block:nth-child(odd) .text{
    margin-top: 2rem 0!important;
}

.values .block .img{
    width: 100% !important;
    height: 300px !important;
    overflow: hidden;
    margin: 2rem 0 !important;
    display:none !important;
}

.values .block .img img{
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center !important;
}

.values .block .text p{
    font-size: 0.9rem;
    color: #242424;
    margin: 1rem 0 !important;
}

.values .block .text h3{
    position: relative;
}
.values .block .text h3::after{
    content: '';
    position: absolute;
    right: -6rem;
    top: 50%;
    background-color: #C0C0C0;
    width: 5rem;
    height: 1px;
}

.values .block:nth-child(even) .text h3::after{
    left: -6rem;

}


/* campus */

.campus-tour{
    padding-bottom: 8rem;
}

.campus-tour .content .img{
    height: 500px !important;
    width: 100%;
}
.campus-tour .content .img img{
    height: 500px !important;
    width: 100%;
    object-fit: cover;
}

.campus-tour .content p{
    text-align: center;
    width: 70%;
    margin: 0 auto !important;
    margin-top: 2rem !important;
}

.campus-tour .content a{
    color: #a51f28;
    text-decoration:underline;
    padding-bottom: 1rem !important;
    display: flex;
    font-weight: 600;

}
.campus-tour .content i{
    transform: rotate(-30deg);
    display: block;
    margin-left: 0.5rem !important; 
    transition: all 0.3s ease-in-out;
}
.campus-tour .content a:hover{
    text-decoration: underline !important;
}
.campus-tour .content a:hover i{
    transform: rotate(0deg) !important;

}


.campus-tour .content P:nth-child(2){
    display: flex;
    justify-content: center;
}

.campus-tour .content i{
    transform: rotate(-30deg) !important;
    font-weight: 700;
    font-size: 1.1rem;
}


/* Single Program */

.program-details{
    padding-top: 3rem;
    border-top:1px solid #C0C0C0 ;
}







/* Accordion */

.cr-detail .panel .accordion {
    margin: 1rem 0 !important;
}
.cr-detail .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  
  .cr-detail .active, .cr-detail .accordion:hover {
    background-color: #ccc;
  }
  
  .cr-detail .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .cr-detail .active:after {
    content: "\2212";
  }
  
  .cr-detail .panel {
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 0 1rem;
  }
  .cr-detail .panel h4{
    font-family: 'para' !important;
    font-weight: 600;
    font-size: 1.1rem  !important;
    margin: 1rem 0 !important;
  }
  .panel p{
    font-size: 0.9rem !important;
  }
  .panel p:last-child{
    margin: 1rem 0 !important;
  }

  .panel p.font{
    margin: 1rem 0 !important;
  }
  
  .program-details .right .options{
      border: 1px solid #2424242c;
      border-bottom: 0;

  }


  .program-details .right .options h3{
    font-size: 1.1rem;
    color: white;
    background-color: #a51f28;
    padding: 1rem 1rem;
    text-align: center;
  }

  .program-details .right .options p{
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #2424242c;
    /* border: 1px solid #2424242c; */
    font-size: 0.9rem !important;
    transition: all 0.3s ease-in-out;
    color: #242424;
    cursor: pointer;

  }


  .program-details .right .options p a{
    color: #242424;
  }
  

  .program-details .right .options p:hover{
    margin-left: 5px !important;
    color: #a51f28;
    font-weight: 400;
  }
 .program-details .right .options i{
    margin-right: 0.5rem !important;
}

.program-details .right .school-contact.venue{
    background-color: #ececec;
    color: #a51f28;
    border-bottom: 3px solid #a51f28;
}
    
.program-details .right .school-contact.venue p{
    color: #333;
}
.program-details .right .school-contact.venue p a{
    color: #333;
}
.program-details .right .school-contact.venue i{
    color: #a51f28;
}

    
.program-details .right .school-contact{
    background-color: #a51f28;
    color: white;
    margin-bottom: 2rem !important;
    padding: 2rem;
}

.program-details .right .school-contact p{
    font-size: 1rem;
    color: white;
}

.program-details .right .school-contact h4{
    font-size: 1.4rem ;
    margin-bottom: 1rem !important;
}

.program-details .right .school-contact .contact{
    padding-top: 3rem ;
}

.program-details .right .school-contact .contact p{

    margin: 1rem 0 !important;

}
.program-details .right .school-contact .contact a{
    color: white;
}


.program-details .right .school-contact .contact i{
    margin-right: 0.5rem !important;
}


.program-details .right .school-contact .icon i{
    margin-right: 1rem !important;
    color: white;
}

.program-details .right .pgr-event{
    margin-top: 2rem !important;
    background-image: url('images/about2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding: 1rem;
}


.program-details .right .pgr-event::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000c9;
}


.program-details .right .pgr-event .text{
    position: relative;
    z-index: 1;    
    color: white;
    border: 1px solid #242424;
    padding: 2rem;


}

.program-details .right .pgr-event .text h3{
    margin: 3rem 0 !important;
    font-size: 1.4rem;
}

.program-details .right .pgr-event .text p{ 
    font-size: 0.9rem;
}
.program-details .right .pgr-event .text .info p{ 
    margin: 1rem 0 !important;
}

.program-details .right .pgr-event .text .info a{ 
    display: block;
    width: 100%;
}
.program-details .right .pgr-event .text .info a button{ 
    margin: 0rem auto !important;
    margin-top: 3rem!important;
    
}

.program-details .left .image img{
    height: 450px;
    object-fit: cover;
}
.program-details .left .image.evv img{
    height: auto;
    object-fit: contain !important;
}
.program-details .left .image img.putra{
    width: 100% !important;
    height:unset;
    object-fit: contain !important;
}

.program-details .left .image.fa img{
    height:unset;
    object-fit:contain !important;
}
.program-details .left .gallery{
    column-gap:0.5% !important;
}

.program-details .left .gallery img{
    height: 200px;
    width: 33%;
    margin-bottom: 0.5% !important;
}

.program-details .left ul li i{
    margin: 0 0.5rem !important;
}
.program-details .left h4{
    margin: 1rem 0 !important;
}

.program-details .left .text{
    margin: 3rem 0 !important;
}
.program-details .left .society .text{
    margin: 0rem 0 !important;
}


.program-details .left h2{
    margin: 1rem 0 !important;
    font-size: 2.4rem;
}   
.program-details .left p{ 
    font-size: 0.9rem !important;
}
.program-details .left .text p{ 
    margin-bottom: 1rem !important;
    color: #242424;
    
}
.program-details .left .text p span{ 
    font-weight: 600;

}


.program-details .left .req{

    margin-top: 2rem !important;}

.program-details .left .req ul{
    padding: 0 !important;
}


/* 
.program-details .left .req .eligible p{
    font-size: 1rem !important;
}
.program-details .left .eligible li{
    font-size: 1rem !important;
} */

.program-details .left .req p{
    font-size: 0.9rem !important;
}

.program-details .left .req li{
    list-style: none !important;
}

.cr-detail .req li strong{
    color: #a51f28 !important;
    font-weight: 400 !important;
}
.req .eligible li strong{
    color: #a51f28 !important;
    font-weight: 400 !important;
}
.program-details .left li{
    padding: 0 !important;
    list-style: none !important; 
    margin: 0.5rem 0 !important;
    color: #242424;
    font-size: 0.9rem;
}

.program-details .left .credit h2{
    margin-bottom: 1rem !important;
    font-size: 2.4rem;

}
.rowspan{
    border: 1px solid #C0C0C0;
}
.program-details .left .credit p{
    color: #242424;
    
}
.program-details .left .btn2{
    margin-bottom: 2rem !important;
}
.program-details .left .credit .cr-detail{
    margin: 1rem 0 !important;
}

.program-details .left .credit .cr-detail h4{
    font-size: 1.2rem;
}

.program-details .left .credit .cr-detail.fee .accordion.active{
    background-color: #a51f28;
    color: white;
}
.program-details .left .credit .cr-detail .accordion{
    margin: 0.5rem 0 !important;
    border: 1px solid #C0C0C0;
    background-color: transparent ;
    transition: all 0.3s ease-in-out;
    font-size: 1rem;

}

.program-details .left .credit .cr-detail .accordion.active{

    border: 1px solid #a51f28;
    font-weight: 600 ;
}



.program-details .left .credit .cr-detail .accordion:hover{
    
    border: 1px solid #a51f28;
}

.program-details .left .credit .cr-detail table{
    width: 100% !important;
    margin: 1rem 0 !important;
    border-bottom: 1px solid #C0C0C0;
    
}

.program-details .left .credit .cr-detail table th{
    padding: 1rem 1rem !important;
    background-color: #a51f28;
    color: white;
    
}

.program-details .left .credit .cr-detail table tr{ 

    border: 1px solid #C0C0C0;
    border-top: 0px;
}
.program-details .left .credit .cr-detail table td{ 
    padding: 1rem 1rem !important;
    
    color: #242424;
    font-size: 0.9rem;
    
}


.program-details .left .credit .process p{
    margin: 1rem 0 !important;
}


.program-details .left .feedback h2{
    margin: 2rem 0 !important;
}

.program-details .left .feedback .block{
    background-color: #f6f6f6;
    padding: 2rem ;
}
.program-details .left .feedback .block p{
    margin: 1rem 0!important;
}


.program-details .left .feedback .block i{
    color: #a51f28;
}
.program-details .left .feedback .block .txt img{
    width: 60px !important;
    object-fit: contain;
}
.program-details .left .feedback .block .txt p{
    margin: 0 !important;
}

.program-details .left .feedback .block .info img{
    
    width: 60px !important;
    margin-right: 0.5rem !important;
}


.program-details .left .feedback .block .info h3{
    font-size: 1.3rem;
}

.program-details .left .boxes{
    margin-top: 1rem !important;
}

.program-details .left .boxes .block{
    background-color: #a8383d;
    color: white;
    padding: 2rem;
    margin: 0.3rem 0 !important;

}

.program-details .left .boxes .block:first-child{
    background-color: white !important;
    border: 2px solid #a51f28;
    color: black;
}
.program-details .left .boxes .block:first-child p{
    color: #242424;

}
.program-details .left .boxes .block:nth-child(2),
.program-details .left .boxes .block:nth-child(5)
{
    /* border: 2px solid #a51f28; */
    background-color: #f6f6f6;
    color: black;
}
.program-details .left .boxes .block:nth-child(2) p,
.program-details .left .boxes .block:nth-child(5) p
{
    color: #242424;
}
.program-details .left .boxes .block h4{
    margin-bottom: 2rem !important;
    position: relative;

}

.program-details .left .boxes .block h4::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1rem;
    background-color: #a51f28;
    width: 30px;
    height: 3px;
}

.program-details .left .boxes .block:nth-child(2) h4::after,
.program-details .left .boxes .block:nth-child(5) h4::after{
    background-color: #a51f28;

}

.program-details .left .boxes .block:first-child h4::after{
    background-color: #a51f28;
}

.program-details .left .boxes .block h4::after{
    background-color: white;
}
.program-details .left .boxes .block p{
    color: white;
    font-size: 0.9rem;
}

.program-details .left .btn2 button:hover{
    color: #a51f28 !important;
}

.program-details .left .emaill a{
    color: #a51f28;
}
.program-details .left .emaill a:hover{
    text-decoration: underline !important;
}


/* legacy Page */


.legacy{
    padding-bottom: 0 !important;
}

.legacy .heading2{
    text-align: center;
    padding-bottom: 3rem !important;
    width: 70% !important;
    margin: 0 auto !important;
}
.legacy .heading2 h1{
    margin-bottom: 1rem !important;
}   


.legacy .heading2 p{
    color: #242424;
    
}

.legacy .box{
    padding: 3rem 0!important;
}
.legacy .box p{
    position: relative;
 
}

.legacy .box .block p::after{
    content: '';
    position: absolute;
    top: 10px;
    right: -6rem;
    width: 5rem;
    height: 1px;
    background-color: #C0C0C0;
    /* height: 2px; */
    /* background-color: #a51f28; */
}
.legacy .box .block{
    padding: 2rem 6rem !important;

    /* border-color: #a51f28 !important;
    border-width: 2px !important; */
}
.legacy .box .block:nth-child(even) p::after{
    content: '';
    right: 0 !important;
    left: -6rem !important;
  
}


.innerabout.study{
    padding-bottom: 0 ;
}


/* about-advisory */

.about-advisory.chhar h2{
    font-size: 2.8rem ;
}

.about-advisory.chhar h2:nth-child(2){
    margin-left: 0 !important;
}

.about-advisory{
    padding: 0rem 0;
}

.about-advisory p{
    font-size: 0.9rem !important;
    color: #242424;
    margin: 2rem 0 !important;
}

.about-advisory .txt{
    margin-bottom: 2rem !important;
}


.about-advisory .txt li{
margin: 0.5rem 0 !important;
list-style: disc;
font-size: 0.9rem;

}

.about-advisory h2{
    font-size: 4rem;
}
.about-advisory h2:nth-child(2){
    margin-left: 4rem !important;
}
.about-advisory .text{
    position: relative;
    padding-left: 2rem;
}

.about-advisory .text::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 80%;
    background-color: #a51f28;
}
.pb-0{
    padding-bottom: 0 !important;
}
.about-advisory .image{
    height: 400px;
}
.about-advisory .image img{
    height: 400px;
    object-fit: cover;
}
.about-advisory .btn2:hover button{    
    color: #a51f28 !important;
}

/* key-objectives */

.key-objectives.upper .heading2 p{
    font-size: 0.9rem !important;
    width: 70%;
}

.key-objectives.upper .container1{
    border-top: 1px solid #C0C0C0;
    padding-top: 3rem;
    
}

.key-objectives.mentor .heading2 h1{
    margin-bottom: 1rem !important;
}

.key-objectives.mentor .heading2 p{
    margin-bottom: 1rem !important;
    font-size: 0.9rem ;
    color: #242424;
}

.key-objectives.mentor .box{
    padding-top: 2rem;
}

.key-objectives.upper .heading2{
    text-align: center;
    padding: 3rem 0 !important;
}


.key-objectives.study .container1{
border-top: 1px solid #C0C0C0;
padding-top: 3rem !important;
}

.key-objectives.study .container1 .block{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 0.5rem !important;
    color: black;
}
.key-objectives.study .block .txt h3{
    color: white !important;

}
.key-objectives.study .block .txt p{
    color: white !important;
}
.key-objectives.study .block svg{
    fill: white !important;
}
.key-objectives.study .block .num p{
    color: white !important;

}
/* 
.key-objectives.study .block .txt h3{
    text-shadow: unset !important;
}
.key-objectives.study .block .txt p{
    text-shadow: unset !important;
    color: white;
}
.key-objectives.study .block .num p{
    text-shadow: unset !important;
}
.key-objectives.study .block:hover .txt h3{
    text-shadow: 1px 1px #0000008c !important;
}
.key-objectives.study .block:hover .txt p{
    text-shadow: 1px 1px #0000008c !important;
}
.key-objectives.study .block .num{
    display: none;
}
.key-objectives.study .block:hover .num p{
    text-shadow: 1px 1px #0000008c !important;
}
.key-objectives.study .container1 .block:hover{
    background-image: url('images/uni.webp');
    color: white;

}
.key-objectives.study .container1 .block:hover svg{
    fill: white;
}
.key-objectives.study .container1 .block:hover h3{
    color: white;
}
.key-objectives.study .container1 .block::after{
    background-color: #a51f28e1 !important;
}
.key-objectives.study .container1 .block:hover::after{
    background-color: rgba(0, 0, 0, 0.748) !important;
}
.key-objectives.study .container1 .block svg{
    fill: white;
}

.key-objectives.study .container1 h3{
    color: white;
}
.key-objectives.study .container1 .num p{
    position: absolute !important;
    right: -2.5rem !important;
    top: -1.3rem !important;
    background-color: white;
    color: white;
    border: 3px solid #a51f28;
    width: 60px;
    height: 60px;
    font-size: 1.5rem !important;
    padding: 0 !important;
    -webkit-text-fill-color: unset !important;
    -webkit-text-stroke-color: unset !important;
    -webkit-text-stroke: unset !important;
    display: flex ;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.key-objectives.study .container1 .block:hover .num p{
    background-color: #a51f28;
    color: white;
    border: 3px solid white;
} */

.key-objectives{
    padding-bottom: 8rem !important;
}

.key-objectives .block:nth-child(2){
    margin: 0.5rem 1rem !important;
}
.key-objectives .block:nth-child(5){
    margin: 0.5rem 1rem !important;
}
.key-objectives .block:nth-child(8){
    margin: 0.5rem 1rem !important;
}

.key-objectives h1{
    margin-bottom: 2rem !important;
}

.key-objectives .block{
    cursor: pointer;
    margin: 0.5rem 0 !important;
    padding: 1rem 2rem;
    /*background-image: url('new/new\(15\).png');*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    color: white;
    height: 330px !important;
    border: 1px solid white;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.3s ease-in-out;

}
.key-objectives .block::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #a51f28ef;
    transition: all 0.3s ease-in-out;
}

/*.key-objectives .block:hover::after{*/
/*    background-color: #00000098;*/

/*}*/

/* Advisory  */

.key-objectives .adv .block svg{
    fill: white;
}

/*.key-objectives .adv .block:nth-child(1){*/
/*    background-image: url('new/new\(13\).jpg') !important;*/

/*}*/

/*.key-objectives .adv .block:nth-child(2){*/
/*    background-image: url('new/new\(4).jpg') !important;*/

/*}*/
/*.key-objectives .adv .block:nth-child(3){*/
/*    background-image: url('new/new\(4).png') !important;*/

/*}*/
/*.key-objectives .adv .block:nth-child(4){*/
/*    background-image: url('new/new\(14).png') !important;*/

/*}*/
/*.key-objectives .adv .block:nth-child(5){*/
/*    background-image: url('new/debate.jpg') !important;*/

/*}*/

/* QAE */

.key-objectives .qae .block{
    height:360px !important;
}

.key-objectives .qae .block svg{
    fill: white;
    text-shadow: 1px 1px #3100718c;

}


/*.key-objectives .qae .block:nth-child(1){*/
/*    background-image: url('new/new\(10\).png') !important;*/

/*}*/
/*.key-objectives .qae .block:nth-child(2){*/
/*    background-image: url('images/academics.jpg') !important;*/

/*}*/
/*.key-objectives .qae .block:nth-child(3){*/
/*    background-image: url('new/new\(12\).png') !important;*/
    
/*}*/

/*.key-objectives .qae .block:nth-child(4){*/
/*    background-image: url('images/art.jpg') !important;*/
    
/*}*/
/*.key-objectives .qae .block:nth-child(5){*/
/*    background-image: url('new/new\(8\).jpg') !important;*/
    
/*}*/
/*.key-objectives .qae .block:nth-child(6){*/
/*    background-image: url('images/uni.webp') !important;*/
    
/*}*/
/*.key-objectives .qae .block:nth-child(7){*/
/*    background-image: url('new/new\(1\).jpg') !important;*/
    
/*}*/
/*.key-objectives .qae .block:nth-child(8){*/
/*    background-image: url('images/drop1.jpg') !important;*/
    
/*}*/
/*.key-objectives .qae .block:nth-child(9){*/
/*    background-image: url('new/eco.jpg') !important;*/
    
/*}*/
/*.key-objectives .qae .block:nth-child(10){*/
/*    background-image: url('new/new\(16\).jpg') !important;*/
    
/*}*/


/* Giving */
.key-objectives .giv .block svg{
    fill: white;
}

/*.key-objectives .giv .block:nth-child(1){*/
/*    background-image: url('new/new\(5\).png') !important;*/
    
/*}*/
/*.key-objectives .giv .block:nth-child(2){*/
/*    background-image: url('new/study.png') !important;*/
    
/*}*/
/*.key-objectives .giv .block:nth-child(3){*/
/*    background-image: url('new/moot.webp') !important;*/
    
/*}*/


/*.key-objectives.give2 .block:nth-child(1){*/
/*    background-image: url('new/value/sch.jpg') !important;*/
    
/*}*/
/*.key-objectives.give2 .block:nth-child(2){*/
/*    background-image: url('new/value/event.jpg') !important;*/
    
/*}*/
/*.key-objectives.give2 .block:nth-child(3){*/
/*    background-image: url('new/value/qae.jpg') !important;*/
    
/*}*/
/*.key-objectives.give2 .block:nth-child(4){*/
/*    background-image: url('new/value/faculty.jpg') !important;*/
    
/*}*/
/*.key-objectives.give2 .block:nth-child(5){*/
/*    background-image: url('new/value/value8.png') !important;*/
    
/*}*/

/* Why */

/*.key-objectives .why .block:nth-child(1){*/
/*    background-image: url('new/excellence.avif') !important;*/
    
/*}*/

/*.key-objectives .why .block:nth-child(2){*/
/*    background-image: url('new/uol.jpg') !important;*/
    
/*}*/
/*.key-objectives .why .block:nth-child(4){*/
/*    background-image: url('new/new\(14\).jpg') !important;*/
    
/*}*/
/*.key-objectives .why .block:nth-child(5){*/
/*    background-image: url('new/new\(11\).png') !important;*/
    
/*}*/
/*.key-objectives .why .block:nth-child(6){*/
/*    background-image: url('images/llb.jpg') !important;*/
    
/*}*/
/*.key-objectives .why .block:nth-child(7){*/
/*    background-image: url('new/new\(4\).jpg') !important;*/
    
/*}*/
/*.key-objectives .why .block:nth-child(8){*/
/*    background-image: url('images/scholarship.jpg') !important;*/
    
/*}*/
/*.key-objectives .why .block:nth-child(9){*/
/*    background-image: url('images/uni3.webp') !important;*/
    
/*}*/

/* Mentor */



/*.key-objectives.mentor .block:nth-child(1){*/
/*    background-image: url('new/web\ \(1\).jpg') !important;*/

/*}*/
/*.key-objectives.mentor .block:nth-child(2){*/
/*    background-image: url('new/web\ \(6\).jpg') !important;*/

/*}*/
/*.key-objectives.mentor .block:nth-child(3){*/
/*    background-image: url('new/web\ \(13\).jpg') !important;*/

/*}*/
/*.key-objectives.mentor .block:nth-child(4){*/
/*    background-image: url('new/web\ \(18\).jpg') !important;*/
    
/*}*/

/*.key-objectives.mentor .block:nth-child(5){*/
/*    background-image: url('new/new\(12\).png') !important;*/

/*}*/


.key-objectives .block img{
    width: 50px;
}
.key-objectives .block .num{

    position: relative;
    z-index: 5;
}
.key-objectives .block .num p{
    font-size: 3rem !important;
    font-weight: 800;
    font-weight: 100;
   -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #DEDEDE;
    -webkit-text-stroke: 1px;
    text-shadow: 1px 1px #0000008c;

}
.key-objectives .block .txt{
    margin-top: 1rem !important;
    position: relative;
    z-index: 5;
}
.key-objectives .block .txt h3{
        text-shadow: 1px 1px #0000008c;
        font-size: 1.5rem !important; 
}

.key-objectives .block .txt p{
    font-size: 0.9rem !important;
    margin-top: 1rem !important;
    text-shadow: 1px 1px #0000008c;

}


.faculty .filter{
    background-color: #f6f6f6;
    padding: 2rem 2rem;
    margin-bottom: 3rem !important;
}

.faculty .filter label{
    font-weight: 600;
    margin-bottom: 1rem !important;
}

.faculty .filter .btn2 button{
    padding: 0.5rem 2rem;
}
.faculty .filter .btn2:hover button{
    color: #a51f28;
}

.inner.faculty{

    padding: 8rem 0 !important;
}

.faculty.advv .block .text{
    height:215px ;
}
.faculty.advv .block .text strong{
    font-size:0.9rem !important;
}

.faculty.advv .block:nth-child(1) img{
    object-position: top;
}
.faculty.advv .block:nth-child(2) img{
    object-position: top;
}


.faculty{
    padding-bottom: 8rem;
}

.faculty .heading2 h1{
    margin-bottom: 4rem !important;
    text-align: center;
}

.faculty h3{
    margin: 2rem 0!important;
}
.faculty.advv .box{
    column-gap: 20px !important;
}
.faculty .box{
    column-gap: 8px !important;
}
.faculty .block{
    margin: 0.8rem 0 !important;
    transition: all 0.3s ease-in-out;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    cursor: pointer;
}

.faculty .block .image{
    overflow: hidden;
}

.faculty .block .image img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.faculty .block:hover img{
    transform: scale(1.05);
}


.faculty .block .text{
    padding: 2rem 2rem;
    background-color: white;
    position: relative;
    min-height: 180px;
    height: 180px;
}

.faculty .block .text h4{
    position: relative;
    font-size: 1.3rem !important;
    margin-bottom: 1rem !important;
}

.faculty .block .text p{
    color: #242424;
}
.faculty .block .text h4::after{
    content: '';
    position: absolute;
    left: -30px;
    top: 15px;
    background-color: #a51f28;
    width: 20px;
    height: 2px;
}
.faculty .block .text .icons{
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.faculty .block .text .icons i{
    color: #a51f28;
}


.advbutton{
    background-color: white;
    padding: 2rem 1rem;
    text-align: center;
}

.advbutton a{
    color: white;
    background-color: #a51f28;
    width: 100%;
    display: block;
    padding: 0.5rem 0;
    border: 1px solid #a51f28;
    transition: all 0.3s ease-in-out;
}
.advbutton a:hover{
    background-color: transparent;
    border: 1px solid #a51f28;
    color: #a51f28;

}

.athletics.camp{
 padding:3rem 0;
}



.athletics.camp .container1{
    border-top: 1px solid #C0C0C0;
    padding-top: 5rem;
    padding-bottom: 6rem;
}


.athletics{
    padding-top: 8rem;
}

.athletics h1{
    margin-bottom: 4rem !important;
}

.athletics .block{
    flex-direction: row-reverse;
    text-align: left !important;
}
.athletics .block:nth-child(1){
    text-align: left !important;

}
.athletics .block .img{
    width: 50%;
    height: 350px;
}
.athletics .block .img img{
    height: 350px;
    object-fit: cover;
}

.athletics .block:nth-child(1) .txt{
    text-align: right;
}
.athletics .block .txt{
width: 50%;
padding: 0 2rem ;
}


.athletics .block p{
    font-size:1rem !important;
    color: #242424; 
    margin: 1rem 0 !important;
    /* padding: 4rem 0; */
    line-height: 2;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* Executive */

.executive{
    padding: 10rem 0 ;
}

.executive .heading2{
    margin-bottom: 2rem !important;
}

.executive .image img{
    height: 400px;
    object-fit: cover;
}
.executive .image{
    text-align: center;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}
.executive .image h3{
    margin-top: 1rem !important;
}
.executive .image .icon{
    margin: 1rem 0 !important;
    color: #242424;
}
.executive .image .icon a{
    color: unset;
}
.executive .image .icon i{
    
    cursor: pointer;
}
.executive .image p{
    margin-bottom: 1rem !important;
    color: #242424;

}

.executive .image p a{
    text-decoration: none;
    color: #242424;

}

.executive .image i{
    margin-right: 0.5rem !important;
}

.executive .text{
    padding: 0 2rem;
    color: #242424;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    padding-top: 4rem;

}

.executive .text i{
    color: #a51f28;
    font-size: 2rem !important;
    text-align: left !important;
}


.executive .text p{
    margin: 1rem 0 !important;
    text-align: justify !important;
    text-justify: inter-word !important;
    font-size: 1rem !important;
}

.executive .text img{
    width: 50px;
    transform: rotate(-180deg);
}



.faculty-content{
    padding-top: 8rem;
}

.faculty-content .image{
    height: 450px;
    margin: 3rem 0 !important;
}
.faculty-content .image img{
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.faculty-content .text p:nth-child(2){
    margin-top: 2rem !important;
    display: flex;
    justify-content: center;

}

.faculty-content .text p:nth-child(2) a{
    display: flex;
    justify-content: space-between;
    color: #a51f28;
    font-weight: 600;
    position: relative;
    text-decoration: none;


}


.faculty-content .text p:nth-child(2) a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background-color: #a51f28;
}

.faculty-content .text p:nth-child(2) a i{
    transform: rotate(-30deg);
    transition: all 0.3s ease-in-out;    
    margin-left: 0.5rem !important;
    display: block;
}

.faculty-content .text p:nth-child(2) a:hover i{
    transform: rotate(0deg);

}

.faculty-content p{
    text-align: justify;
    width: 100%;
    margin: 0 auto !important;
    line-height: 2;
    color: #242424;
    
}

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

.collab{
    padding: 8rem 0;
}
.collab.logo .container1{
    background-image: unset !important;

}

.collab.logo .container1::after{
    background-color: #C0C0C0 !important;
}

.collab:nth-child(2){
    padding-top: 1rem !important;

}

.collab .container1{
    background-image: url('images/uni2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 8rem 8rem;
    position: relative;
    border-radius: 50px !important;
}

.collab .container1::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: #a51f28d2 !important; */
    background-color: #000000ab !important;
    border-radius: 50px !important;

}

.collab.sec .container1{
    background-image: url('images/innerslide.jpg');
}
.collab.thir .container1{
    background-image: url('new/value/ucl.png');
}


.collab .container1 .text{
    position: relative;
    z-index: 1;
    color: white;
}



.collab .container1 .text h2{
    margin-bottom: 3rem !important;
    font-size: 2rem !important;
}


.collab .container1 .text p{
    color: #C0C0C0;
    line-height: 2;
    margin: 1rem 0 !important;
    /* text-align: left; */
    text-align: justify;
  text-justify: inter-word;
}

.collab .container1 .btnn{
    display: flex;
    justify-content: center;
    margin-top: 2rem !important;

}

.collab .container1 .btnn .newbtn{
    padding: 1rem;
    border-radius: 15px;
    background-color: #a51f28;
    color: white !important;
    position: relative;
    border: 1px solid #a51f28;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
}

.collab .container1 .btnn .newbtn i{
    transform: rotate(-30deg) !important;
    display: block;
    margin-left: 0.5rem !important;
    transition: all 0.3s ease-in-out;

}

.collab .container1 .btnn .newbtn:hover{
    background-color:transparent ;
}
.collab .container1 .btnn .newbtn:hover i{
    transform: rotate(0deg) !important;

}

.collab.fir img{
    width: 10rem !important;
    margin-bottom: 3rem !important;
}
.collab .text .img img{
    width: 10rem !important;
    margin-bottom: 3rem !important;
}

.collab .text img:nth-child(2){
    margin-left: 2rem !important;
}
.collab .clients{
    position: relative;
    z-index: 11;
}
.collab .clients p{
    color: white;
}
.collab .clients .slide img{
    /* filter: grayscale(0) !important; */
}
.collab .clients p{
    color: #C0C0C0 !important;
    text-align: justify;
    line-height: 2;
}
.collab .clients .customer-logos{
    background-color: rgba(255, 255, 255, 0.774);
    width: 100% !important;
    justify-content: space-between;
    margin-bottom: 2rem !important;
    padding: 0 2rem;
    border-radius: 50px;
}
p.last{
    padding: 4rem 0 !important;
}
.contact-form{
    padding-top: 3rem;
    padding-bottom: 8rem;
}
.contact-form .container1{
    padding-top: 5rem;
    border-top: 1px solid #C0C0C0;
}

.contact-form .container1 h2{
    margin-bottom: 4rem !important;
}

.contact-form .container1 .form label{
    display: block;
    font-weight: 600;
    margin: 0.5rem 0 !important;
}

.contact-form .container1 .form input,
.contact-form .container1 .form select,
.contact-form .container1 .form textarea
{
    width:100%;
    padding: 0.5rem;
    border: 1px solid #C0C0C0;
}

.contact-form .container1 .form input:focus,
.contact-form .container1 .form select:focus,
.contact-form .container1 .form textarea:focus{
    border: 1px solid #C0C0C0;
    outline: none !important;
}



.contact-form .container1 .form div{
    margin: 0.2rem 0 !important;
}

.contact-form .container1 .text .info{
    padding-top: 1rem !important;
    padding-right: 4rem ;
}
.contact-form .container1 .text .info i{
    display: block;
    color: #a51f28;
    font-size: 2rem;
}
p strong,li strong{
    color: black !important;
}
.contact-form .container1 .text .info li{
    margin: 1rem 0 !important;
    display: flex;
    align-items: center;
}
.contact-form .container1 .text .info li a{
    margin-left: 1rem !important;
    color: #242424;
    text-decoration: none;
    font-size: 1rem !important;
}

.contact-btn{
    font-size: 1rem;
    width: 100%;
    padding: 0.7rem 1rem;
    text-align: center;
    background-color: #a51f28;
    border: 1px solid #a51f28;
    transition: all 0.3s ease-in-out;
    color: white;
    font-weight: 600;
}

.contact-btn:hover{
    color: #a51f28;
    background-color: transparent;

}
.contact-btn i{
    margin-left:0.5rem !important;
}


.text-left{
    text-align: left !important;
}


.society.non{
    padding-top: 4rem !important;
}
.society{
    padding: 8rem 0;
}

.society.career .heading2 h1{
    margin-bottom: 1rem !important;
    font-size: 2.5rem !important;
}
.society.career .heading2 p{
    margin-bottom: 2rem !important;
    width: 70%;
    font-size: 0.9rem !important;
}

.society .heading2 h1{
    margin-bottom: 4rem !important;
}

.society .box{
    padding-top: 1rem !important;
}


.society .block{
    cursor: pointer;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative ;
    margin: 0.2rem !important;
}


.society .block::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #c0c0c069;
    width: 100%;
    transition: all 0.3s ease-in-out;

}

.society .block:hover::after{
    background-color: #a51f28;

}

.society.camp .image{
    height: 250px !important;

}
.society.camp .image img{
    height: 250px !important;

}

.society.camp .block .text{
    /* padding: 2rem 1rem; */

    height: 120px !important;
}
.society.camp .block .text h4{
    font-size: 1.4rem !important;
}


.society .block .image{
    overflow: hidden;
    height: 300px;
}
.society .block .image img{
    transition: all 0.3s ease-in-out;
    height: 300px;
    object-fit: cover;
    
}
.society .block:hover .image img{
    transform: scale(1.07);
}

.society .block .text{
    padding: 2rem 1rem;

    height: 230px;
}

.society.allevents .block .text{
    height: 330px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.society.allevents .block .text .flex{
    justify-content: space-between !important;
    /* align-items: flex-end; */
    width: 100%;
}

.society.allevents .block .text h4{
    margin-bottom: 2rem !important;
}
.society .block .text h4{
    margin-bottom: 1.5rem !important;
    position: relative;
}
.society .block .text h4::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.5rem;
    background-color: #a51f28;
    width: 30px;
    height: 3px;

}
.society.allevents .block .text h4{
    text-transform: capitalize !important;

}
.society.allevents .block .text .desc{
    margin-bottom:1rem !important;
}


.society.allevents .block .text .flex{
    margin-top:1rem !important ;
}
.society.allevents .block .text i{
    margin-right: 0.5rem !important;
    color: #a51f28 !important;
}
.society.allevents .block .text .flex p{
    color: #a51f28;
    font-weight: 600;
}

.society .block .text p{
    font-size: 0.9rem !important;
    color: #242424;
}


.code .heading3 p{
    color: #242424;
    margin-top: 2rem !important;
    font-size: 0.9rem !important;
}

.code{
    padding:8rem 0;
}

.code.ent .panel li, .code.ent .panel p{
    color: #242424;
}   

.code .content{
    padding-top: 4rem;

}

.code .content .cr-detail{
    margin: 1rem 0 !important;
    border: 1px solid #a51f28;
    overflow: hidden;
}

.code .content .cr-detail .accordion{
    background-color: transparent;
    color: #a51f28;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.code .content .cr-detail .accordion:hover{
    background-color: #a51f28;
    color: white;
}

.code .content .cr-detail .accordion.active{
    background-color: #a51f28;
    color: white;
}
.code .content .cr-detail .panel ul{
    padding: 0 !important ;
}

.code .content .cr-detail .panel ul li{
    font-size: 0.9rem;
    margin: 0.5rem 0 !important;
    color: #242424;
}
.code .content .cr-detail .panel ul li strong{
    font-weight: 400 !important;
    color: #a51f28 !important;
}
.code .content .cr-detail .panel p{
    margin: 1rem 0 !important;
    font-size: 0.9rem !important;
    color: #242424;
}
.code .content .cr-detail .panel p.font{
    font-size: 1rem !important;
    color: black;
    font-weight: 600;
}

.code .content .cr-detail .panel ul li i{
    margin-right: 0.5rem !important;
}

.code .content .cr-detail .panel p{
    font-size: 0.9rem !important;
}   
.code .content h2{
        
    margin: 2rem 0 !important;
}


.code .content .policy li{

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


.code .content .policy li a{
    color: #242424;
    font-weight: 600;
    font-size: 0.9rem !important;
    transition: all 0.3s ease-in-out;
}
.code .content .policy a:hover{
    color: #a51f28 !important;
    font-weight: 600;

}


.dash{
    background-color: #000000 !important;
}
.dash .left{
    background-color: #a51f28;
    width: 20% !important;
    text-align: center;
    padding: 3rem 0;
}

.dash .left h2{
    margin-bottom: 2rem !important;
    color: white;
}
.dash .left .tablinks{
    width: 100% ;
    padding: 1rem 0;
    background-color: #a51f28;
    border: 2px solid #a51f28;
    color: white;
    font-weight: 600;
}
.dash .left .tablinks.active{
    background-color: white;
    color: #a51f28;
}


.dash .right{   
    width: 80% !important;
    background-color: white;
}


.dash .right .tabcontent{   
    padding: 3rem;
}

.dash .right .tabcontent h2{   
    margin-bottom: 3rem !important;
    color: #333;
    font-weight: 600;
    position: relative;

}

.dash .right .tabcontent h2::after{   
    content: '';
    position: absolute;
    left: 0;
    bottom: -1rem ;
    width: 30px;
    height: 3px;
    background-color: #a51f28;
}


.dash .right .tabcontent label{   
    margin: 1rem 0 !important;
    font-weight: 500;
}
.dash .right .tabcontent input:focus{   
    border: 1px solid #a51f28;
    box-shadow: none !important;
    outline: none !important;
}

.dash .right .tabcontent button{   
    background-color: #a51f28;
    border: 1px solid #a51f28;
    color: white ;
    margin-top: 2rem !important;
}
button{
    cursor: pointer !important;

}
button:focus{
    outline: none !important;
}




.dash .right .tabcontent table{   
    width: 100%;
}

.dash .right .tabcontent table tr:nth-child(1){   
    margin-bottom: 1rem !important;
    background-color: #a51f28;
    color: white;
}
.dash .right .tabcontent table tr:nth-child(1) th{   
    padding: 1rem 0.5rem;

}
.dash .right .tabcontent table td{   
    overflow:  hidden;
    /* max-width: 100px !important; */

    padding: 1rem 0.5rem;
}
.dash .right .tabcontent table td img{   
    max-width: 100px !important;

}
.dash .right .tabcontent table td .flex{   
    display: flex;
}

.dash .right .tabcontent table td i{   
    display: block;
    color: #a51f28;
    margin: 0 10px !important;
    cursor: pointer;
}

.dash .right .tabcontent table td button{   
    background-color: unset;
    border: none;
    margin: 0 !important;
}



.privacy{
    padding: 8rem 0;
}

.privacy .contents{
    line-height: 1.5;
}

.privacy .contents h2{
    font-size: 1.6rem;
    margin: 1rem 0 !important;

}

.privacy .contents p{
    font-size: 0.9rem !important;
    color: #242424;
    margin: 0.5rem 0 !important;
    text-align:justify;

}

.privacy .contents ul{
    padding-left: 22px;
}

.privacy .contents li{
    color: #242424;
    margin: 0.5rem 0 !important;
    font-size: 0.9rem !important;
    list-style: disc;
    text-align:justify;
}

.privacy .contents a{
    color: #a51f28;
}


.profile{
    padding: 8rem 0;
}
.profile h1{
    width:83%;
    margin:0 auto !important;
    margin-bottom:4rem !important;
    
}
.profile .container1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}

.profile .container1 .image{
    
    width: 30%;
}

.profile .container1 .image h2{
    margin:1rem 0 !important;
    font-size:1.6rem;
}

.profile .container1 .image p{
    font-size:1rem ;
    color: #242424;

}


.profile .container1 .image img{
    object-fit: cover;
    height: 400px;
}

.profile .container1 .descri{

    width: 65%;
}

.profile .container1 .descri p{
    color: #242424;
    line-height: 2;


}


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


.profile .container1 .image{
    
    width: 100%;
}

.profile .container1 .descri{
    
    width:100%;
}


    .head{
        text-align:center;
    }

    .customer-logos.slider .slide{
        width: auto !important;
    }
    .collab{
        padding-top: 4rem !important;
        margin-top: 8rem !important;
    }
    .collab .container1{
        padding: 4rem 1rem;
    }   


    .navbar-nav .nav-item.dropdown:nth-child(2) .dropdown-menu{
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu{
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-nav .nav-item.dropdown:nth-child(4) .dropdown-menu{
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar-nav .nav-item.dropdown:nth-child(5) .dropdown-menu{
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .dropdown-menu .custom{
        width: auto !important;
    }
    .dropdown-menu .custom img{ 
        display: none;
    }
    .navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .list.w-48{
        width: 100% !important;

    }
    .navbar-nav .nav-item.dropdown:nth-child(3) .dropdown-menu .list.w-48 h4{
        display: none;

    }
    .dropdown-menu .custom .list .w-48{
        width: 100% !important;
    }
   
    .navbar{
        padding: 1rem 0 !important;
        border-bottom:1px solid #a51f28 ;
        
    }
  
    .navbar .container::after{
        display: none !important;
    }
    .navbar-collapse.show{
        height:100% ;
    }
    .navbar-collapse.show .navbar-nav {
        border-top: 1px solid #a51f28;
        margin-top: 1rem !important;
        
    }

    .navbar .nav-link{
        padding: unset !important;
    }
    .md-item-center{
        align-items: center;
    }
    .md-mb0{
        margin-bottom: 0 !important;
    }
    .about .image img{
        width: 100% !important;
    }
    
    .contact-form .container1 h2{
        text-align: center;
    }

    .contact-form .container1 .info{
        padding: 0 !important;
        margin-bottom: 4rem !important;
    }
    .contact-form .container1 .info li{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .contact-form .container1 .info li a{
        margin: 2rem 0 !important;
    }

    .contact-form .container1 .form input,
    .contact-form .container1 .form select,
    .contact-form .container1 .form textarea
    {
        width:100%;
        padding: 0.5rem;
        border: 1px solid #C0C0C0;
    }
    .contact-form .container1 .w-48{
        width: 100%;
    }
    .code .content h2{
        
        margin: 2rem 0 !important;
    }
    .program-details .left .boxes .block:nth-child(even),
    .program-details .left .boxes .block:nth-child(even)
    {
        /* border: 2px solid #a51f28; */
        background-color: #f6f6f6;
        color: black;
    }
    .program-details .left .boxes .block:nth-child(even) p,
    .program-details .left .boxes .block:nth-child(even) p
    {
        color: black;
    }
    .program-details .left .boxes .block:nth-child(5){
        background-color: #a51f28;
        color: white;

    }   

    .program-details .left .boxes .block:nth-child(5) p{
        color: white;

    }
    .program-details .left{
        width: 100%;
    }
    .program-details .left .eligible p,
    .program-details .left .eligible li{
        font-size: 0.9rem !important;
    }
    .program-details .left h2{
        font-size:1.8rem !important; 
    }
    .program-details .left p{
        font-size: 0.9rem !important;
    }
    .program-details .left li{
        font-size: 0.9rem !important;
    }
    .program-details .right{
        width: 100%;
    }
    .feedback .block{
        margin: 0.5rem 0!important;
    }
    .innerabout .heading3{
        flex-wrap: wrap;
    }
    .innerabout .heading3 h2{
        width: 100%;
    }
    .innerabout .heading3 p{
        width: 100%;
        font-size:0.9rem !important;
    }
    .athletics.camp .block:nth-child(1){
        flex-direction: column-reverse !important;
    }
    .athletics.camp .block:nth-child(2){
        flex-direction: column;
    }

    .athletics .block:nth-child(1) .txt{
        text-align: center;
    }
    .athletics .block:nth-child(even){
        flex-direction: column-reverse;
    }
    .athletics .block{
        flex-wrap: wrap;
        text-align: center;
    }

    .athletics .block .txt{
        padding: 0;
        width: 100%;
        text-align: center;
    }
    
    .athletics .block .img{
        width: 100%;
    }

    .about-advisory .text{
        width: 100%;
        padding-bottom: 2rem ;
        margin-bottom: 2rem !important;
        padding-left: 0 !important;
        text-align: center;
    }    
    .about-advisory .text .btn2{
        justify-content: center;
    }
    .about-advisory .text::after{
        width: 100%;
        height: 2px;
        left: 0;
        bottom: 0;
    }
    .about-advisory .text h2{
        text-align: center;
        margin: unset !important;
        font-size: 2rem ;
        width: 100%;
    }
    
    .about-advisory .image{
        width: 100%;
    }    
    
    .key-objectives .block:nth-child(2){
       margin: unset !important;
    }
    .key-objectives .block:nth-child(5){
       margin: unset !important;
    }
    .key-objectives .block:nth-child(8){
       margin: unset !important;
    }
    .key-objectives .block{
        width: 100%;
         margin: unset !important;
    }
    .faculty .block{
        width: 100%;
    }
    .executive .text p{
        text-align: center;
    }
    .page-info .container1 .txt p{
        font-size: 0.9rem !important;
    }
    .page-info .container1 .txt h2{
        font-size:1.6rem !important ;
    }

    .values .block{
        padding: 0 ;
        border: none !important;

    }
    .values .block .text{
        margin: 0 !important;
        text-align: center;
        border: none !important;

    }
    .values .block .text h3::after{
        display: none;
    }
    .values .block:nth-child(odd) .text{
        margin-top: 0 !important;
        text-align: center;
        
    }
    .values .block:nth-child(even) .text{
        margin-top: 0 !important;
        text-align: center;
        
    }
    .values .block:nth-child(odd){
        padding: 0 !important;
    }
    .stats{
        margin-top: 9rem !important;
    }
    .history{
        height: auto;
    }
    .history .image::after{
        display: none;
    }

    .history .text{
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .history .text p a{
        justify-content: center;
        margin-bottom: 1rem !important;
    }
    .history .text p a::after{
        left: 50%;
        transform: translate(-50%);
    }

    .history .text .ab{
        display: none;
    }
    .history .image p{
        text-align: center !important;
    }
    .history .image{
        width: 100%;
    }

    
    .innerabout .heading3{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 3rem;
    
    }
    
    .innerabout .heading3 h2{
        width: 100%;
        height: 100%;
        font-size: 2rem;
        padding-right: 0rem;
        margin-bottom: 1rem !important;
        padding-bottom: 1rem ;
    
    }
    .innerabout .heading3 p{
        border: none;
        padding-top: 2rem ;
        border-top: 1px solid #C0C0C0;
        width: 100%;
        padding-left: 0rem ;
        color: #242424;
        font-size: 0.9rem;
    }
    .programs .text{
        padding: 0 !important;
    }
    .programs .text{
        text-align: center;
    }
    .campus .heading1{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .campus .heading1 h2{
        font-size: 2.5rem;
        margin-bottom: 2rem !important;
    }

    footer.footer .container1 .subs h2{
        margin-bottom: 2rem !important;
        font-size: 1.8rem !important;
        text-align: center;
    }

    footer.footer .copy p{
        text-align: center !important;
        padding: 0 ;
    }

    .stats .box .block{
        padding: 3rem 0 !important;

    }
    .news .block{
        margin: 1rem 0 !important;
    }
    .news .block .txt{
        padding: 2rem 0;
    }
    .test .block{
        margin: 1rem 0 !important;
    }

    .heading,.heading1,.heading2,.heading3,head{
        text-align: center !important;
        width: auto;
    }
    .heading p,.heading1 p,.heading2 p,.heading3 p,head p{
        text-align: center !important;

    }
    .heading h2,.heading1 h2,.heading2 h2,.heading3 h2,head h2{
        text-align: center !important;

    }
    .heading h1,.heading1 h1,.heading2 h1,.heading3 h1,head h1{
        text-align: center !important;

    }
    
    .stats .box .block:nth-child(2){
        border-top:1px solid #c0c0c03d;
        border-bottom:1px solid #c0c0c03d;
    }

    

    
    
    .md-none{
        display: none !important;
    }
    
    .md-block{
        display: block !important;
    }
    
    .d-nonee {display: block !important;}

    .dropdown-menu{
        /* display: none !important; */
    }

    .bur{
        display: none  !important;
    }

    .navbar .navbar-nav{
        padding: 1rem 0 !important;
        align-items: flex-start;
    }

    .navbar .navbar-nav .nav-item{
        margin: 1rem 0 !important;
    }
    .heading1 h2,
    .heading h2{
        text-align: center !important;
    }
    .heading1 h1,
    .heading h1{
        text-align: center !important;
    }
     h1,
    h1{
        text-align: center !important;
    }

    .campus .heading1{
        margin-bottom: 1rem !important;
        width: 100% !important;
        flex-direction: column-reverse !important;
        text-align: center;
    }

    .campus .heading1 p{
        margin: 0 !important;
    }
    .campus .heading1 h1{
        margin: 0 !important;
    }
    .md-mt2{
        margin-top: 1rem !important;
    }
    .md-mt4{
        margin-top: 3rem !important;
    }

    .campus .heading1 h2 a{
        font-family: "freight-bold" !important;
    }
    .campus .heading1 a::after{
        right: -20px;
        top: -40px;
    }

    .campus .block{
        margin: 1rem 0 !important;
    }

    .events .block{
        flex-direction: column !important;
    }

    .events .block .num{
        border-right: 0 !important;
        border-bottom:  1px solid white !important;

    }   

    .events .block .text{
        padding-top: 1rem 0;
        padding-bottom: 2rem ;
        text-align: center;

    }   
    .events .block .text h2{
        margin-top: 1rem !important;
    }
    .events .block .text p{
        margin: 1rem 0 !important;
    }

    .events .block .flex{
        flex-direction: column !important;
    }

    .hero .container1::after{
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        background-image: unset !important;
        background-size: 20rem;
        background-repeat: no-repeat;
        background-position: right;
        width: 100%;
        height: 100%;
    }


    .hero .container1::before{
        content: 'CRICKETX';
        position: absolute;
        bottom: -2rem;
        left: 50%;
        transform: translateX(-50%);
        color: rgba(180, 180, 180, 0.219);
        font-size: 5rem;
        letter-spacing: 2px;
        font-style: italic;
        font-family:Arial, Helvetica, sans-serif;
        z-index: 100;
        text-shadow: 1px 1px #3100718c;
        
    }

    .video{
        width: 95% !important;
        margin: 0 auto !important;

    }
    .video iframe{
        height: 350px !important;
    }
    .w-52{
        width: 100% !important;
    }
    .w-25{
        width: 100% !important;
    }
    .about .container1{
        flex-direction: column;
    }
    .about .container1 .text{
        width: 100% !important;

    }
    .about .container1 .image{
        width: 100% !important;

    }
    .md-text-center{
        text-align: center !important;
    }
    .md-full{
        width: 100% !important;
    }

    .hero h2{
        font-size: 2rem !important;
    }
    .hero .text{
        text-align: center ;
    }
    
    .mission h2{
        font-size: 2rem !important;
    }

    .heading h2 a{
        font-size: 2rem !important;

    }

    .about .text h2{
        font-size: 2rem !important;

    }

    .md-justify-center{
        justify-content: center !important;
    }
    
    .dropdown-menu .custom .list a{
        display:block !important;
    }
    
}



@media only screen and (max-width:500px){
    .packages .box .block .text{
       
        height: 600px !important;
    
        
    }
    .container{
    width: 90% !important;

    }
    .container1{
    width: 90% !important;

    }

    .slider-content__item .text{
        text-align: center;
    }
    .slider-content__item .text h2{
        font-size: 2.5rem !important;
    }


    }







    .anim {
        opacity: 0; /* Initially hide sections */
        transition: opacity 2.5s ease; /* Smooth transition for opacity */
    }
    
    .visible {
        opacity: 1; /* Show sections when visible */
    }


    /* Main Slider */

    .slider.main {
        position: relative;
        height: 100%;
        width: 100%;
        overflow:hidden;
        height: 100vh;

    }

    
    
    /*Окно со слайдами*/
    .slider-content {
        position: relative;		
        width: 100%;
        height: 100vh;
        /* z-index: 10; */
    }
    

    .slider-content .text{
        position: relative;
        left: 0;
        z-index: 1000000 !important;
    }
    
    /*Контейнер для слайдов (передвигаем)*/
    .slider-content-wrapper {
        display: flex;
        /* height:300px; */
        transition: transform 0.5s ease-in-out;
        height: 100vh;

    }
    
    /*Слайд*/
   
    .slider-content__item .text{
        /* margin-bottom: 5em !important; */
        position: relative;
        z-index: 999 !important;
      animation: 1.2s ease-out 0s 1 slideInLeft;
      margin-top: 4rem !important;
    
    }
    .slider-content__item .text p{
        color: white;
    }
    .slider-content__item .text p i{
        font-size: 1.5rem;
        margin-right: 0.5rem !important;
        color: white;
    }

    .slider-content__item .text h2{
        font-size: 3.5rem;
        color:white;
        /* background: -webkit-linear-gradient(#310071, #ff00a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    position: relative;
    z-index: 1000 !important;
    padding-bottom: 1rem;
    margin-bottom: 1rem !important;
    text-shadow: 1px 1px #000000;

    }
    
    .slider-content__item .text p span{
        /* font-weight: 600 !important; */
        color: white;
        font-family: "para-med" !important;
     
    }
    .slider-content__item .text p strong{
        font-weight: unset !important;
        color: white !important;
        font-family: "para-bold";
    
    }

    .slider-content__item .text .btn2{
        position: relative;
        z-index: 1000082189 !important;
    }
    
    .slider-content__item {
        flex: 1 0 100%;
        width: 100%;
        /* height: 100%; */
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 100px;
        color: rgba(0,0,0,0.2);
        display: flex;
        align-items: center;
        justify-content: start;
        height: 100vh;
        position: relative;

    }

    .slider-content__item::after{
        content: '';
        position: absolute;
        left: 0;
        top:0;
        background-color: rgba(0, 0, 0, 0.45);
        width: 100%;
        height: 100%;
    }
    
    .image-1 {
        background-image: url('images/slide1.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100vh;
      
    }
    .image-2 {
        background-image: url('images/slide2.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100vh;
      

    }
    .image-3 {
        background-image: url('images/slide3.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100vh;
      
    }
   
    
    
    
    /* Блок с контролами */
    .slider-controls {
        padding:20px;
        text-align: center;
        
    }
    
    /* Блок с контролами внутри окна */
    .slider-content__controls {
        position:absolute;
        top:0;left:0;
        width: 100%;
        height: 100%;
        z-index:-1 !important;
        /*transform: translateY(-50%);*/
        /*padding:0 15px;*/
    }
    
    /* Arrows */
    .prev-arrow, .next-arrow {
        position:absolute;
        top:50%;
        transform: translateY(-50%);
        cursor: pointer;
        color:#242424;
        width: 20px;
        transition: all 0.3s;
    }
    .prev-arrow {left: 20px;}
    .next-arrow {right: 20px;}
    
    .prev-arrow:hover,
    .next-arrow:hover {
        cursor: pointer;
        color:#a51f28;
    }
    
    /* Dots */
    .dots {
        position:absolute;
        display: flex;
        left:50%;
        transform: translateX(-50%);
        bottom:10%;
    }
    
    .dot {
        cursor: pointer;
        width: 8px;
        height: 8px;
        margin-right: 4px;
        background-color: rgba(0,0,0, 0.3);
        /*box-shadow: 0 0 5px 0px rgba(0,0,0,0.9);*/
        border-radius: 50%;
        transition:all 0.3s;
    }
    
    .dot:last-child {margin-right: 0;}
    .dot:hover {background-color: #fff;}
    .dot--active {background-color: rgba(255,255,255, 0.5);}
    
   
    
    /* Mods */
    .disabled {
        background-color: #DCCFCF;
        color:#B0A8A8;
        cursor: default;
        pointer-events:none;
    }
    
    .d-none {display: none ;}
    .d-nonee {display: none !important;}
    
    .active {opacity: 1;}
    .centered {
        position:relative;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);	
    }


    .notify{
        position:fixed;
        right: 2rem;
        top: 6rem;
        background-color: #a51f28;
        color: white;
        z-index: 33;
        padding: 1rem 2rem;
        width: 300px;
    }

    .notify i{
        color: white;
        position: absolute;
        right: 1rem ;
        top: 0.8rem ;
        font-size: 1.3rem;
        z-index: 123;
        cursor: pointer;
    }