@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1;100;200;300;400;500;600;700;800;900&display=swap'); /*font-family: 'Hepta Slab', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap'); /*font-family: 'Caveat', cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800;900&display=swap'); /*font-family: 'Barlow', sans-serif;*/
@import url('https://cdn.jsdelivr.net/npm/@flaticon/flaticon-uicons@3.3.1/css/all/all.min.css'); 

@import url('creato.css');
:root {
    /*Colors*/
  
    --primary:rgb(247, 244, 204);
    --yellow:#FFD93D;
    --white:#FFFFFF;
    --red:#D2202B;
    --gray-1:#2B2B2B;
    --green:#4BA45D;
  
    /*Font Family*/
    --primary-font:'Creato Display';
    --secondary-font:'Roboto Condensed','sans-serif';
}

body{font-family:var(--primary-font);font-size:15px;font-weight:normal;color:000;background:var(--primary);letter-spacing: -0.02rem;}


/* Global css */ 
*{margin:0;padding:0;} 
p{line-height:normal;}
img{max-width:100%;}
a{color:#000;text-decoration:none;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
ul,ol{padding:0;margin:0;}
a:focus,button:focus{outline:none;}
:focus{outline:none;box-shadow:none;}
.form-control:focus{color:#212529;background-color:#fff;border-color:transparent;outline:0;box-shadow:none;}


.btn{font-weight:500;border-radius:4px;transition:all 0.3s ease;padding:0px 15px;height:42px;line-height:42px;position:relative;min-width:160px;max-width:100%;text-transform:uppercase;}
.btn:focus{outline:none;box-shadow:none;}
.btn-close:focus{outline:none;box-shadow:none;}

.btn-yellow{background:var(--yellow);}
.btn-yellow:hover {background:var(--Red);color:#fff;}

/*Headings*/
h1{font-weight:900;line-height:normal;}
.yellow{color:var(--yellow);}

/* Page */
header {
	padding:6px 0;
	background: #fff;
	margin-bottom: 30px;
}
.logo-bar {
	display: grid;
	grid-template-columns: 220px max-content;
	align-items: center;
	padding: 0;
	justify-content: space-between;
}
.tsname{font-size:46px;font-weight:900;text-align:center;}

.left-top{display:flex;flex-wrap:wrap;gap:20px;}
.left-top h1{text-transform:uppercase;font-size:110px;line-height:100%;margin:0;}
.pt{text-align:center;font-size:26px;font-weight:500;letter-spacing:2.6px;border-radius:30px;background:rgba(0,0,0,0.50);display:inline-block;padding:6px 40px;}
.utg{font-family:'Caveat','cursive';font-size:40px;font-weight:700;line-height:100%;}
.left-top h2 {
	flex: 100%;
	font-size: 56px;
	margin: 0;
}

.day{font-family:'Barlow',sans-serif;font-size:80px;font-weight:700;line-height:100%;position:relative;display:block;}
.day sup{top:-.05em;font-size:38px;vertical-align:super;margin-left:-10px;}
.time-info dt{font-size:20px;text-transform:uppercase;font-weight:800;letter-spacing:0;}
.time-offer{display:grid;grid-template-columns:110px auto;gap:20px;align-items:center;}
.glass-hr{background:#3B3486;display:flex;align-items:center;justify-content:center;border-radius:50%;width:110px;height:110px;}
.hurry{font-size:25px;font-style:italic;font-weight:800;color:var(--primary);background:url('../images/Register/strap.svg') no-repeat;height:37px;display:flex;align-items:center;justify-content:end;max-width:250px;padding-right:60px;margin-top:15px;}
.aspirants{font-size:22px;font-weight:700;margin-top:50px;}

.durations .title1{font-size:18px;line-height:100%;letter-spacing:2px;}
.durations .title1 span{display:block;font-weight:600;margin-bottom:5px;color:var(--red);}
.offer_mode{display:flex;align-items:center;gap:50px;margin-top:50px;}
.durations{display:grid;gap:20px;padding-top:15px;}


/* Right */
.right{max-width:440px;width:100%;margin-left:auto;}
.free-regist{position:relative;font-size:24px;font-weight:400;line-height:normal;text-align:center;max-width:375px;margin:0 auto;}
.arrowcurv{position:absolute;left:-25px;top:18px;}
.form-wrap{background:#fff;padding:25px;border-radius:20px;margin-top:20px;}
.tile-one{font-size:26px;color:var(--gray-1);font-family:'Hepta Slab',serif;font-weight:700;line-height:100%;text-align:center;}
.title-two{font-size:18px;color:var(--gray-1);font-weight:600;text-transform:none;text-align:center;line-height:normal;letter-spacing:0.9px;padding:10px 0 0;}
.msir{font-family:'Caveat','cursive';font-size:44px;font-weight:700;line-height:100%;color:var(--red);text-align:center;margin-top:-5px;}

/* Form */
.main-form{padding:15px 5px;}
.main-form .form-control{background:transparent;border:none;border-radius:0;border-bottom:solid 1px #ccc;font-size:14px;padding:5px 0;}

  /* Radio */

  .user-type-radio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

 .user-sel input, .mode-item input {
    display: none;
  }

  .user-sel input + label {
    background: #FFFFFF;
    border: 1px solid #939393;
    border-radius: 7px;
    padding: 10px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 16px;
    align-items:center;
    gap: 7px;
    cursor: pointer;
  }


.user-sel input:checked + label {
    background: #F2FFF8;
    border: 1px solid #A7D6B2;
  }

  .user-sel input:checked + label .round {
    border: none;
    background: #4BA45D url(../images/Register/check.svg) no-repeat;
    background-position: center center;
    background-size: 13px;
  }

  .user-sel input:checked + label .text-name {color:#4BA45D;}
  
  .text-name {
    color: #939393;
    display: grid;
    line-height: 100%;
  }
  .text-name span {
    font-weight: bold;
    text-transform:none;
    font-size: 14px;
    line-height: 100%;
    display: block;
  }
.round {
	width: 18px;
	height: 18px;
	background: #EEF5FF;
	border: solid 1px #939393;
	border-radius: 50px;
}

/* Online */


.mode-type {
  display: grid;
  grid-template-columns:repeat(3,11fr);
  gap: 15px;
}

.mode-item input + label {
	color: #8EACCD;
	display: grid;
	grid-template-columns: 16px 1fr;
	align-items: center;
	gap: 11px;
}

.mode-name {
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
}

.mode-item input:checked + label .round {
  border: none;
  background: #4BA45D url(../images/Register/check.svg) no-repeat;
  background-position: center center;
}

.mode-item input:checked + label .mode-name {color:#4BA45D;}



.btn_row {
	text-align: center;
	margin-top: 2rem;
}

.alsphone a {
	display: block;
	font-size: 28px;
	font-weight: 600;
	background: #d2202b;
	color: #fff;
	line-height: 100%;
	padding: 7px 20px;
	border-radius: 7px;
  display:flex;
  align-items: center;
  gap:12px;
}
.alsphone a i {
	display: inline-flex;
}
.ourfacutlytitle h2 {
	margin-top: 20px;
}
.ourfacutlytitle h2 span {
	display: block;
	background: #323F8D;
	color: #fff;
	line-height: normal;
	padding: 3px 0 0 0;
	width: 65%;
	margin: 10px auto 0 auto;
}

/* Responsive */

@media only screen and (max-width:1280px){   
} 

@media only screen and (max-width:1200px){  
} 

@media only screen and (max-width:1199px){
 

}

@media only screen and (max-width:992px){ 


}

@media only screen and (max-width:991px){ 


}

@media only screen and (max-width:767px){
.logo-bar {
	grid-template-columns: 1fr;
}
.alsphone {
	padding: 15px 0;
}
.alsphone a {
	max-width: 280px;
	margin: 0 auto;
}
.right {
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	margin-top: 2rem;
}
.arrowcurv {
	display: none;
}
.tslogo {
	padding: 1.5rem;
	padding-bottom: 0;
}
.mode-type {
	grid-template-columns: 1fr;
	gap:10px;
}
.user-type-radio {
	padding: 0;
}

}

