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

.container {
	width: 90%;
	margin: auto;
}

.header {
	background-color: #ff673e;
	color: #fff;
	padding: 10px 0;
	text-align: center;
}

.nav p {
	 font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	font-size: 18px;
}

.hero{
    background-image: url(../image/bg.png);
}

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

.hero-text h1 {
	color: #fff;
	font-family: "Noto Sans", sans-serif;
	font-size: 54px;
	font-weight: 900;
    padding: 20px 0;
}

.hero-text h1 span {
	color: #ff0000;
}

.hero-text p {
	color: #fff;
	font-size: 18px;
    font-family: "Noto Sans", sans-serif;
}

.experience {
	background-color: #fff;
	display: flex;
	border-radius: 20px 20px 0px 0px;
}

.exper {
	background-color: #fff;
	border-radius: 20px 20px 0px 0px;
}

.exper p {
	text-align: center;
	padding: 18px 0;
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
	font-weight: 600;
}

.experience img {
	width: 110px;
}


.gjs-listitem-row {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
}

.hero_grid_section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 170px;
	margin-top: 50px;
	padding: 61px 0;
}

.Public {
	background-color: #2d2c2c;
	padding: 12px 60px;
	border-radius: 0 0 20px 20px;
}

.Public ul {
	display: flex;
}

.experience h4 {
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
}

.experience p {
	color: #d32f2f;
	font-size: 18px;
    font-family: "Noto Sans", sans-serif;
}

#iov4b {
	padding: 10px 0;
}

.Public ul li {
	background-color: #414040;
	list-style: none;
	margin: 10px 5px;
	border-radius: 10px;
	font-family: "Noto Sans", sans-serif;
	color: #fff;
	padding: 5px 30px 5px 19px;
}

.Public ul li img {
	margin-right: 10px;
	width: 14px;
}

.Public p {
	color: #fb9c06;
    font-family: "Noto Sans", sans-serif;
}

.list li {
	font-family: "Noto Sans", sans-serif;
	padding: 4px 0;
	list-style: none;
    color: #fff;
}

.Public h3 {
	font-family: "Noto Sans", sans-serif;
	padding: 13px 0;
    color: #fff;
    text-align: center;
}

.firm_grid.smart {
	padding-left: 50px;
}

.smart img {
	margin-right: 50px;
}
.ytp-cued-thumbnail-overlay-image {
	background-image: url("../image/sddefault.jpg");
}

#ihwlk {
	color: #000000;
	background-image: none;
	background-color: #FFFFFF;
	font-size: 24px;
	font-family: Source Sans Pro, sans-serif;
	font-weight: 700;
	padding-bottom: 8px;
	padding-top: 8px;
	border-radius: 20px 20px 0 0;
	margin-bottom: 0px;
}

.brand_card img {
	width: 140px;
}


/* MAIN CARD */
.video-card{
    border-radius:14px;
    overflow:hidden;
    background:#111;
}


/* VIDEO SECTION */
.video-wrapper{
    position:relative;
    padding-top:56.25%;
    background-image:url("../image/sddefault.jpg");
    background-size:cover;
    background-position:center;
    cursor:pointer;
}

/* DARK OVERLAY */
.video-wrapper::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
}

/* PLAY BUTTON */
.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:90px;
    height:90px;
    background:#ff0000;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    color:#fff;
    box-shadow:0 0 25px rgba(255,0,0,0.7);
}

.brand_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 30px;
	border-radius: 0 0 4px 20px;
	box-shadow: 0px 12px 9px 0px #e7e7e7;
	padding: 30px 0px;
}

.Journey {
	margin-top: 50px;
}


.Strategy h2 {
	text-align: center;
	font-size: 24px;
	font-family: "Noto Sans", sans-serif;
	text-transform: capitalize;
}


.Strategy h2 span {
	color:red;
}

.chack {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top: 30px;
}

.dev ul li {
	font-family: "Noto Sans", sans-serif;
	font-size: 16px;
}

.dev ul li {
	background: #e9ecec;
	margin: 20px 12px;
	padding: 20px 29px;
	list-style: none;
	border-radius: 10px;
}

.dev ul li img {
	width: 14px;
	margin-right: 10px;
}

.save {
	border: 0px solid rgba(0, 0, 0, 0.2);
	border-radius: 7px 7px 7px 7px;
	width: 100%;
	margin-top: 14px;
	padding-bottom: 22px;
	padding-top: 22px;
	background-image: -webkit-linear-gradient(top, rgb(217, 131, 166) 0%, rgb(242, 140, 40) 2.30769%, rgb(252, 101, 78) 100%);
	font-size: 25px;
}

.save:hover {
	background-image: -webkit-linear-gradient(top, rgb(217, 131, 166) 0%, rgb(253, 101, 78) 1.53846%, rgb(242, 140, 40) 100%);
}

.save h2 {
	text-align: center;
	color: #fff;
	font-family: "Noto Sans", sans-serif;
	font-size: 24px;
}

.learn{
	background-color: #000000;
}

.text_learn {
	color: #fff;
	text-align: center;
}

.text_learn h2 {
	font-family: "Noto Sans", sans-serif;
	font-size: 30px;
}

.text_learn h3 {
	font-size: 54px;
	line-height: 86px;
	font-family: "Noto Sans", sans-serif;
}

.text_learn h3 span {
	color: red;
}


.firm_grid {
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-color: #19151a;
	padding: 30px 0;
	border-radius: 20px;
	margin-bottom: 30px;
}

.firm_grid_text h3 {
	color: #ac4f4f;
	font-family: "Noto Sans", sans-serif;
}

.firm_grid_text p {
	color: #fff;
	font-family: "Noto Sans", sans-serif;
}

.learn {
	background-color: #000000;
	padding: 50px 0;
	margin-top: 50px;
}

.wer h2 {
	text-align: center;
	color: #fff;
	padding: 12px 0;
	font-family: "Noto Sans", sans-serif;
}

.prop_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 84px;
	padding-top: 40px;
}

.meet_host {
	text-align: center;
	margin-top: 50px;
}

.meet_host h2 {
	font-size: 24px;
	font-family: "Noto Sans", sans-serif;
}

.meet_host h3 {
	font-size: 45px;
	font-family: "Noto Sans", sans-serif;
}

.meet_host h3 span {
	color: red;
}

.prop_card h2 {
	font-family: "Noto Sans", sans-serif;
}

.prop_card ul li {
	padding: 10px 0;
	font-family: "Noto Sans", sans-serif;
	list-style: none;
}

.prop_card p {
	font-size: 16px;
	font-weight: bold;
	font-family: "Noto Sans", sans-serif;
}

.prop_card img {
	width: 100%;
}

.register {
	text-align: center;
	margin-top: 50px;
	border: 5px dashed #1d2b43;
	padding: 50px 0;
}

.register h2 {
	font-size: 60px;
	font-family: "Noto Sans", sans-serif;
}

.register p {
	font-size: 18px;
	font-family: "Noto Sans", sans-serif;
	line-height: 30px;
}

.register p span {
      color: red;
}

.register form ul li input {
	width: 40%;
	padding: 10px 9px;
	border-radius: 10px;
	border: 2px solid;
	font-size: 16px;
	margin: 11px 0;
}

form button {
	background-image: -webkit-linear-gradient(top, rgb(217, 131, 166) 0%, rgb(242, 140, 40) 2.30769%, rgb(252, 101, 78) 100%);
	padding: 10px 71px;
	font-size: 20px;
	color: #fff;
	border: 0;
	border-radius: 10px;
}

form ul li {
	list-style: none;
}

.time {
	background-image: url(../image/mximage.png);
	padding: 80px 0;
	margin-top: 50px;
}

.time_day h2 {
	color: #fff;
	text-align: center;
	font-size: 60px;
	font-family: "Noto Sans", sans-serif;
}

.time_day h2 span{color: red;}

.real-time h2 {
	font-family: "Noto Sans", sans-serif;
	text-align: center;
	font-size: 24px;
}

.real-time h2 span {
	color: red;
}

.real-time {
	padding-top: 50px;
}

.indicator {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.in_grid img{
	width: 100%;
}

.real-time img {
	width: 100%;
}

.Powerful_text {
	padding: 18px 0;
	font-size: 30px !important;
}

.biggest{
	background-image: url(../image/bg2.png);
	padding: 50px 0px;
	margin-top: 50px;
}

.masterclass h5 {
	color: #fff;
	text-align: center;
	font-size: 50px;
	font-family: "Noto Sans", sans-serif;
}

.masterclass h5 span {
	color: red;
}

.masterclass p {
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 70px;
	text-transform: capitalize;
	font-family: "Noto Sans", sans-serif;
}

.learn_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	margin-top: 40px;
}

.learn_card {
	background-color: #fff;
	padding: 80px 45px;
	border-radius: 10px;
	text-align: center;
}

.learn_img img {
	width: 50%;
}

.learn_img h2 {
	font-family: "Noto Sans", sans-serif;
	font-size: 24px;
	margin-top: 20px;
}

.learn_img p {
	font-family: "Noto Sans", sans-serif;
	line-height: 24px;
	padding-top: 10px;
}

#io8wi9 {
	background-image: url(../image/bbg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	margin-top: -42px;
	padding-top: 10px;
	height: 376px;
}

#iak2hl {
	text-align: center;
	margin-top: 30px;
}
.gjs-ft-column {
	flex-grow: 1;
	flex-basis: 100%;
	min-height: 1px;
	padding: 10px 15px;
	word-break: break-word;
}

#ifxmnr {
	font-size: 93px;
	font-family: Oswald, sans-serif;
	color: #ffdb0b;
	text-shadow: -6px 6px 0px #b00d01;
	font-weight: 600;
}

#iy5p9j {
	font-size: 41px;
	font-family: Oswald, sans-serif;
	color: #ffffff;
	margin-top: 40px;
	text-align: center;
}

#iak2hl a {
	background-color: #ffdb0b;
	text-decoration: none;
	padding: 8px 26px;
	display: inline-block;
	color: #000;
	border-radius: 40px;
	font-size: 30px;
}

.foot_one {
	text-align: center;
}

.foot_one p {
	font-family: "Noto Sans", sans-serif;
}

.foot_one ul li {
	display: inline-block;
	padding: 0 15px;
	margin-top: 20px;
}

.foot_one ul li a {
	font-family: "Noto Sans", sans-serif;
	text-decoration: none;
}

.footer {
	padding: 30px 0;
}

/* =-======================sdfsdfdsf=sdf=sdf=sdf======= */

@media only screen and (max-width: 600px) {
 
	.hero-text p {
	line-height: 30px;
}

.hero_grid_section {
	grid-template-columns: 1fr;
	gap: 30px;
	margin-top: 50px;
	padding: 50px 0;
}

.brand_grid {
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	text-align: center;
}

.chack {
	display: grid;
	grid-template-columns: 1fr;
}

.firm_grid {
	display: block;
	padding: 30px 26px;
}

.Firm_card img {
	margin: 10px 0;
	width: 70px;
}

.smart img {
	margin: 20px 0;
	width: 70px;
}

.prop_grid {
	grid-template-columns: 1fr;
	gap: 16px;
}

.register h2 {
	font-size: 24px;
}

.register {
	padding: 50px 50px;
}
.register form ul li input {
	width: 100%;
}

form button {
	font-size: 16px;
}

.time_day h2 {
	font-size: 40px;
}

.real-time h2 {
	font-size: 20px;
}

.learn_grid {
	grid-template-columns: 1fr;
	gap: 20px;
}
#ifxmnr {
	font-size: 40px;
}
}

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

	.hero-text h1 {
	font-size: 27px;
}

.Public {
	padding: 12px 10px;
}
.text_learn h3 {
	font-size: 23px;
	line-height: 30px;
}

.register {
	padding: 50px 16px;
}

.time_day h2 {
	font-size: 24px;
}

.save h2 {
	font-size: 18px;
}

.indicator {
	grid-template-columns: 1fr;
	gap: 20px;
}

.masterclass h5 {
	font-size: 30px;
}
.Public ul li {
	padding: 10px 20px 10px 19px;
	font-size: 12px;
}
.list li {
	font-size: 12px;
}
.prop_card ul li {
	font-size: 12px;
}
}