@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/chapaza');

@font-face {
  font-family: 'Chapaza';
  src: url('/fonts/chapaza-regular.woff2') format('woff2'),
       url('/fonts/chapaza-regular.woff') format('woff'),
       url('/fonts/chapaza-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Keeps text visible while loading */
}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}


/*h1, h2, h3, h4{*/
/*     font-family: 'Century Gothic Paneuropean', sans-serif;*/
/*}*/

h1, h2, h3, h4{
    font-family: 'Chapaza';
     font-weight: 600;
}

 a{
      font-family: "Montserrat", sans-serif;;
}

li{
     font-family: 'Source Sans 3 Variable';
     line-height: 1.2;
}
p{
    margin:0;
    font-family: 'Source Sans 3 Variable';
}

 .img-responsive{
     width:100%;
 }


.col-md-12.mt {
    margin: -1% 0 0 0;
}
section.main-header .container-fluid {
    padding: 0;
}

.text {
    font-size: 1.2vw;
    line-height: 1.2em;
}
.text li {
    font-size: 1.2vw;
}
.prem-tit, .sub-tit {
    color: #000000;
    text-align: center;
}
.prem-tit {
    font-weight: bold;
    font-size: 1.2vw;
}
.sub-tit {
    font-size: 1vw;
}
.pre {
    width: 100%;
}
/*.pre {*/
/*    width: 20%;*/
/*    float: left;*/
/*}*/

.title {
    font-size: 42px;
    font-weight: 400;
}
button.btn {
    font-family: 'Source Sans 3 Variable';
    font-size: 25px;
    font-weight: 500;
    padding: 0 2%;
    margin-top: 4%;
    border-radius: 0;
    background: #f99c24;
    border-radius: 25px;
    /* background-image: radial-gradient(circle, #0483d4 50%, #0359c6 100%); */
    color: #000000;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background-color 0.3s ease;
}


.btn:hover {
    color: #000000 !important;
    background: #f99c24;
}


button.btn::before {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
   );
   transform: skewX(-20deg); 
   transition: left 0.5s ease; 
}

button.btn:hover::before {
   left: 100%; 
}


/*button.btn:hover {*/
/*   background-color: #2980b9; */
/*}*/



h1.white-button {
    display: inline-block;
    padding: 1% 3%;
    color: #023798;
}







/*section.why-attend {*/
/*    padding: 5% 10%;*/
/*    background-color: #dff4ff;*/
/*    margin: 5% 0 0 0;*/
/*}*/
h1.black-button {
    font-weight: 300;
    display: inline-block;
    border: 4px solid;
    padding: 1% 3%;
    letter-spacing: 4px;
}

.arro:before {
    content: "";
    background-image: url("../image/arrow.png");
    display: inline-flex;
    width: 71px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin: -8px 0 0 0;
}

.arro{
    font-size:30px;
    font-weight:700;
}


p.text.PTR {
    margin: 0 4.9rem;
}

.PTR{margin: 0 4.9rem;}
.PTR li{
    font-size:30px;
}

.pl .col-md-12{
    padding-left:0;
}



.black{
     font-weight: 300;
    display: inline-block;
    padding: 1% 3%;
    letter-spacing: 4px;
    color:#fff;
}

/*.tab th, td {*/
/*    border: 2px solid #fff;*/
/*}*/
.tab .wht{
    background:#d9d9d9;
    color:#000;
}
.card-wrap p {
    text-align: center;
    font-size: 24px;
}
.tab .gre{
     background-color: #545454;
     color:#fff;
}
.tab th {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
    padding: 1%;
    width: 68%;
}


.tab td {
    font-size: 30px;
    padding:1%;
    text-align:center;
}
tr {
    font-size: 1.2vw;
}
.middle-text {
    font-size: 29px !important;
    /*font-size: 1.2vw!important;*/
}
p.bt {
    color: #fff;
    font-size: 20px;
}

p.foz {
    color: #fff;
    font-size: 22px;
    text-align: center;
}

button.white {
    border: 5px solid #545454;
    color: #545454;
    background:#fff;
}
p.foz {
    font-size: 25px;
  
}

/*button.btn:hover {*/
/*    border: 5px solid!important;*/
/*}*/