@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'TwCenMTBold';
    src: url('fonts/tw-cen-mt-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


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: "TwCenMTBold", serif;
     font-weight: 600;
}
 a{
     font-family: "Montserrat", sans-serif;
}

li{
     font-family: "Roboto", sans-serif;
     line-height: 1.2;
}
p{
    margin:0;
    font-family: "Roboto", sans-serif;
}

 .img-responsive{
     width:100%;
 }



section.main-header .container-fluid {
    padding: 0;
}

p.text {
    font-size: 25px;
}
.prem-tit, .sub-tit {
    color: #023798;
}
.prem-tit {
    font-weight: bold;
    font-size: 28px;
}
.sub-tit {
    font-size: 22px;
}
.pre {
    width: 100%;
}
/*.pre {*/
/*    width: 20%;*/
/*    float: left;*/
/*}*/

.title {
    font-size: 42px;
    font-weight: 400;
}
button.btn {
    font-family: "Roboto", serif;
    font-size: 30px;
    font-weight: 500;
    padding: 1% 5%;
    margin-top: 8%;
    border-radius: 0;
    background:#2b94e1;
    border-radius:25px;
    /*background-image: radial-gradient(circle, #0483d4 50%, #0359c6 100%);*/
    color: #fff;
    position: relative; /* Needed for absolute positioning of pseudo-element */
    overflow: hidden; 
    cursor: pointer;
    transition: background-color 0.3s ease; /* Optional: for other effects */
}


.btn:hover {
    color: #ffffff !important;
    background: #57a8e5;
}


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;
}


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;*/
/*}*/