/* Created By : ZAYSMASTER Date : 23012019
 Rev. Date : 10112022 Ver : 1.7.3 Project : ZM2022 */

 /* RESPONSIVE DESIGN */
/* ================================ */
/* Small Phones: from 0 to 480px */
@media only screen and (max-width: 480px){
}
/* ================================ */
/* Small Phones to Small Tablets: from 481px to 767px */
@media only screen and (max-width: 767px){
	.zm-cn { margin-left: 2% !important; margin-right: 2% !important; }
	.mg-zm { margin: 0 0.5% 0 0.5% !important; } .md-zm { width: 98% !important; }
	/* TITLE */
	.zm-t1 { font-size: 0.9em !important; }
	.zm-tx { font-size: 1.5em !important; margin-top: 8px !important; line-height: 99%; }
	.zm-dv { color: darkblue !important; margin: 5px 0px 0px -10px !important; }
	.zm-m1 { margin-left: -5px !important; } .zm-m2 { margin-left: 5px !important; }
	/* NAVBAR */
	.zm-hd, .nv-ht { height: 58px !important; }	.nv-ht { border-bottom: solid purple 2px !important; }
	/* SLIDER */
	.sl-i, .zm-sl, .sl-ht { height: 30vh !important; }	.sl-mg { margin: 0 -10% 0 -10% !important; }
	.sl-t1 { font-size: 1em !important; }	.sl-t2 { font-size: 0.7em !important; }
	.sl-bt { font-size: 10px !important; height: 33px !important; width: 105px !important;
		padding: 0px !important; }
	/* ABOUT */
	.ab-ig { height: 120px !important; width: auto !important;} .ab-fn { font-size: 2.3em !important; }
	/* CHIPS */
	.cp-fn { font-size: 10px !important; }
	/* COURSE */
	.cs-d0 { height: 245px !important; } .cs-d1 { height: 175px !important; } 
	.cs-fn { font-size: 10px !important; }
	.cs-f1 { font-size: 0.8em !important; }	.cs-ig { height: 115px !important; width: 115px !important;}
	/* EBOOK */
	.eb-dv { height: 225px !important; }
	.eb-ig { width: auto !important; height: 130px !important; border-radius: 5px !important; }
	.eb-fn { font-size: 1em !important;}	.eb-f1 { font-size: 0.8em !important;}
	/* FORM */
	.fm-bt { font-size: 18px !important; font-weight: 500 !important; height: 45px; border-radius: 30px; 
		width: 200px; background: #ee0979; background: -webkit-linear-gradient( to left, #ff6a00, #ee0979 );
		background: linear-gradient( to left, #ff6a00, #ee0979 ); }
	.fm-b1, .fm-b2 { font-size: 12px !important; height: 35px !important; width: 150px !important; 
	padding: 0px !important; margin-left: auto !important; margin-right: auto !important;}
	.fm-b4 { font-size: 12px !important; height: 30px !important; width: 60px !important; }
	.fm-i1 { font-size: 16px !important; margin-top: -2px !important; }
	/* BENEFITS */
	.bf-ig { height: 180px !important; width: auto !important; } .bf-fn { font-size: 3em !important; } 
	.bf-tx { font-size: 0.9em !important; } .bf-t2 { font-size: 0.7em !important; }
	/* FOLLOW UP */
	.fu-pd { font-size: 2.5em !important; padding: 12px !important; }
	/* TESTIMONIAL */
	.ts-ig { height: 60px !important; width: 60px !important; } .ts-f1 { font-size: 0.6em !important;}
	/* NEWSLETTER */
	.zm-nl, .nl-dv { height: 37vh !important; } .nl-dv { width: 93% !important; }
	.nl-rw { margin-top: 10px !important; } .nl-fn { font-size: 1.3em !important;}
	.nl-mg { margin-top: 15px !important; margin-left: 10px !important; margin-right: 10px !important; }
	/* FOOTER */
	.ft-mg { margin-bottom: 20px !important; }
	/* PAGE : HEADER */
	.zm-ph { height: 75px !important; background: white !important;}
	/* PAGE : ICON HEADER */
	.ic-dv { margin-top: 30px; color: darkblue !important; }	.ic-p { color: darkblue !important; }
	/* SEARCH SECTION */
	.sc-dv { width: 93% !important; margin: 15px 1.3% 50px 1.3% !important; }
	/* PAGE : COURSES */
	.cr-mg { margin: 10px 0px 0px -5px !important;}	.zm-cr { margin-top: -10px !important; }
	/* PAGE : SINGLE COURSE */
	.cr-m1 { margin-top: 0px !important; border-radius: 30px 30px 0px 0px !important;
		z-index: 2 !important; position: relative !important;}
	.cr-dv { height: auto !important; }	.cr-ic { font-size: 1.5em !important; }
	/* PAGE : CONTACT */
	.ct-us { margin-top: -5px !important; }
	/* TABLE */
	.tb-1 { width: 35% !important; }	.tb-2 { width: 7% !important; }	
	.tb-3 { width: 8% !important; }		.tb-4 { width: 8% !important; }	
	.tb-m { margin: 0px 0px 0px 0px !important; }	.tb-d { margin-top: -15px !important; }
	/* FORM */
	.fm-m1 { margin: 0px 0px 0px 0px !important; }
	/* CART */
	.dt-m1 { margin-top: 0px !important; }
	.dt-m3 { margin-top: -17px !important; }
	.dt-m4 { margin-left: 0px !important; }
	/* FLEX SEARCH - CAT */
	.sc-fl { margin: 0px 2% 0px 2% !important; }
	/* #fx-3 { flex: 100% !important; } */
}
/* ================================ */
/* Small Tablets to Big Tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
}
/* ================================ */
/* Large Screen : above 1023px */
@media only screen and (max-width: 1580px) {
}
/* /////////////////////////////////////////////////////////////////////////// */
/* GENERAL */
.zm-cn { margin-left: 10%; margin-right: 10%; }
/* Overflow */ .of-hd { overflow: hidden !important; }
/* CLEAR */ .cl0 { clear: both; height: 0; overflow: hidden; }
/* FONTS */ body { font-family: 'Montserrat', sans-serif;}

/* TITLE & BORDER */
.zm-t1 { font-size: 1.3em; margin-left: 15px; } .zm-t2 { font-size: 1.3em; margin-left: 15px; }
.zm-tx { font-size: 2.2em; font-weight: 900; margin: -8px 0px 0px 15px; } 
.zm-br { border-left: 7px solid red; border-radius: 5px; margin-bottom: 5px;}
.zm-dv { color: white; margin: 15px 0px 0px 20px; }	.zm-fn { font-family: 'Montserrat', sans-serif; }
.zm-m1 { margin-left: 20px; }	.zm-m2 { margin-left: 30px; }	.zm-cl { background-color: #ecfafc;}
.zm-bc { display: block !important;}

/* MODAL MASTER */
.md-zm { border-radius: 10px; }

/* FLASH MSG */
.fh-m1, .fh-m2 { font-size: 1.3em !important; font-weight: 800 !important; margin: 0 0 20px 0 !important; text-align: center !important;} .fh-m1 { color: #76ff03; text-shadow: 1px 1px black;} .fh-m2 { color: red;}

/* HEADER */
.zm-hd, .nv-ht { height: 30px; } .nv-sn { min-height: 150px; }
.nv-tp { height: 47px; background-color: purple; margin-top: -12px;}
.nv-sc { padding-right: 15px; } .nv-i1 { height: 70px; width: auto !important; }
.nv-i2 { height: 55px; width: auto !important; padding: 2px;} .nv-i3 { width: 100px; }

/* NAVBAR BOTTOM */
.nv2 { position: fixed; bottom: 0; width: 100%;	height: 55px; overflow-x: auto; display: flex;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: whitesmoke; z-index: 1000;}
.nv-lk { display: flex; flex-direction: column; align-items: center; justify-content: center;
	flex-grow: 1; min-width: 50px; overflow: hidden; white-space: nowrap; font-size: 13px;
	font-family: sans-serif; color: #444444; text-decoration: none;
	-webkit-tap-highlight-color: transparent; transition: background-color 0.1s ease-in-out; }
.nv-lk:hover { background: rgba(0, 0, 0, 0.2); }
.nv-lk:active { background-color: greenyellow; }
.nv-ic { font-size: 48px !important; text-shadow: 0.7px 0.7px black; }
.nv-tx { font-size: 10px; } .nv-ig { width: 50px; height: 50px;}
.nv-dv { width: 50px; height: 50px; border-radius: 50%; text-align: center; padding: 5px; }
.nv-i { font-size: 37px !important;}

/* SECTION SLIDER */
.zm-sl, .sl-ht, .sl-i { height: 550px; }
.sl-ig { width: 170px !important; height: 170px !important; }
.sl-t1 { font-size: 1.5em; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.sl-t2 { font-size: 0.98em; }

/* MEDIA SCROLLABLE */
.md-sl { display: grid; gap: 1rem; grid-auto-flow: column; grid-auto-columns: 21;
	overflow-x: auto; overscroll-behavior-inline: contain; }
.md-el { display: grid; grid-template-rows: min-content; gap: 1rem; border-radius: 50%; padding: 2px; }
.md-el > img { height: 65px; width: 65px; border-radius: 50%; object-fit: cover; }
.md-tx { font-size: 10px; margin-top: -10px !important;}

/* SECTION ABOUT */
.zm-abt { background-color: #301934; } .ab-fn { font-size: 3.4em; }
.ab-ig { width: 50%; height: 190px; border-radius: 30px 0px 30px 0px;}

/* SECTION COURSES */
.zm-crs { margin-top: 50px !important; }	.cs-cn { display: block; text-align: center; }
.cs-dv { display: block; border-radius: 30px; text-align: center; height: 45px; width: 90%; }
.cs-d0 { height: 300px; } .cs-d1 { height: 225px; }
.cs-ig { height: 150px; width: 100%; border-radius: 10px; }
.cs-a { display: inline-block; text-align: center; padding: 12px; }
.cs-a a:hover { background: red; }	.cs-fn { font-size: 12px; }
/* INSTRUCTOR AV */
.av-is { height: 100px; width: 100px; border-radius: 50%; }

/* SECTION COURSE SEARCH */
.gd-sc { display: grid; grid-template-columns: repeat(auto-fit, minmax(1em, 1fr)); grid-gap: 0.5em; }
.gd-dv { position: relative; overflow: hidden; z-index: 99; height: 50px; border-radius: 20px !important; padding: 3px; }

/* SECTION EBOOKS */
.zm-eb { background-color: #f7f7f7; } .eb-fn { font-size: 1.3em; }
.eb-ig { border-radius: 10px; width: 165px; height: 195px; }

/* SECTION BENEFIT */
.bf-ig { width: 430px; height: auto; } .bf-fn { font-size: 4em; } .bf-tx { font-size: 1.1em; }

/* SECTION FOLLOW US */
.zm-fs { background-repeat: no-repeat; background-attachment: fixed; background-position: center;
	background-size: cover;	} .fu-tx { padding-top: 40px; } .fu-pd { padding: 20px; font-size: 65px; }

/* SECTION TESTIMONIAL */
.ts-fn {  font-style: italic;} .ts-ig { width: 100px; height: 100px; border-radius: 50%; }
.ts-f1 { font-size: 0.8em; }

/* SECTION NEWSLETTER */
.zm-nl { background-image: linear-gradient( to bottom, #FFFFFF 0%, #FFFFFF 50%,
	#301934 50%, #301934 100% ); height: 50vh; }
.nl-dv { background-color: #BF40BF; width: 80%; height: 45vh; border-radius: 10px; }
.nl-mg { margin-top: 45px; margin-left: 20px; margin-right: 20px; }
.nl-rw { margin-top: 20px; margin-left: 20px; margin-right: 20px; }
.nl-ig { background-position: center; width: 270px; height: 270px; }

/* GRADIENT */
.gr-ft { background: #301934 }
.gr-hd { background: #ADA996; background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB,
	#F2F2F2, #ADA996); background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); }
.gr-bl { background: #2980b9; background: -webkit-linear-gradient(to right, #2c3e50, #2980b9); 
	background: linear-gradient(to right, #2c3e50, #2980b9); }
.gr-zm { background: #ee0979; background: -webkit-linear-gradient( to left, #ff6a00, #ee0979 ); background: linear-gradient( to left, #ff6a00, #ee0979 ); }
.gr-tb { background: #ADA996; background: -webkit-linear-gradient(to left, #EAEAEA, #DBDBDB,
	#F2F2F2, #ADA996); background: linear-gradient(to left, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); }

/* FOOTER */
.ft-ig { height: 50px; width: auto; }

/* PAGE : MENU */
.zm-pm { height: 70px; } .zm-p2 { height: 95px; }

/* PAGE : HEADER */
.zm-ph { height: 85px; background: #710585; background: -webkit-linear-gradient(to right, #301934, #710585); 
	background: linear-gradient(to right, #301934, #710585); }
.zm-zx { background: #710585; background: -webkit-linear-gradient(to right, #301934, #710585); 
	background: linear-gradient(to right, #301934, #710585); }

/* ICON APPS */
.ic-ap { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 3fr)); grid-gap: 0.8em; }

/* ICONS HEADER SECTION */
.ic-a { height: 40px; width: 40px; border-radius: 50%; padding: 2px; } .ic-dv { margin-top: 0px; color: white; }
.ic-fn { font-size: 25px !important; font-weight: 600; } .ic-p { font-size: 9px; margin-top: -12px; }

/* SECTION SEARCH */
.sc-dv { display: none; width: 33%; position: absolute; margin: -55px 25% 0px 25%; }
.sc-cn { display: grid; grid-template-columns: 2rem 6fr 2fr; width: auto; height: 45px;
  border-radius: 30px; overflow: hidden; margin-left: auto; margin-right: auto;
	background-color: white; }
.sc-cn input[type='text'] { margin-left: 20px !important; border-bottom: none !important; 
	outline: none !important; box-shadow: none !important; }
.sc-ic, .sc-bx { padding: 0.5rem; grid-row:1; }
.sc-ic { grid-column:1/2; font-size: 35px; } .sc-bx { grid-column:2/3; }
.sc-bt { margin-top: -5px; border: 0; color: white; border-radius: 0; grid-column:3/6; }

/* PAGE : COURSES */
.cr-mg { margin: 30px 0px 0px 0px;}

/* PAGE : SINGLE COURSE */
.cr-m1 { margin-top: -20px; }	.cr-dv { height: 150px; } .cr-fn { font-size: 1.2em; }
.cr-d0 { margin-bottom: -30px; } .cr-i0 { height: 180px; width: 100%; z-index: 1; }
.cr-d1 { height: auto; border: 1px solid grey; border-radius: 10px; } 
.cr-d2 { height: 430px; margin-top: -170px; border-radius: 10px; border: 1px solid grey; }
.cr-i2 { height: 250px; width: 100%; border-radius: 10px; }
.cr-t2 { font-size: 1.2em; margin-bottom: 0px; }
.cr-bt { border: none; border-radius: 20px; height: 35px; width: 150px; }
.cr-b2 { border-radius: 20px; height: 35px; width: 90%;border: none; }
.cr-m2 { margin-left: 10px; margin-top: -5px; }	.cr-f2 { font-size: 13px; margin-bottom: -10px; }
.cr-c2 { font-size: 16px; }	.cr-p2 { margin: -21px 0px 0px 23px; }

/* PAGE : CART - Details */
.dt-m1 { margin-top: 20px; }
.dt-m2 { margin-top: -6px; }
.dt-m3 { margin-top: -20px; }
.dt-m4 { margin-left: 10px; }

/* PAGE : CONTACT */
.ct-us { margin-top: 20px; }

/* FONT SIZE */
.fs4 { font-size: 4em; }	.fs3 { font-size: 3em; } .fs2 { font-size: 2em; } .fs1 { font-size: 1em; } 
.fs-15 { font-size: 1.1em; } .fs-20 { font-size: 1.3em; } .fs-30 { font-size: 3.5em; }
.fs-12 { font-size: 0.75em; } .fs-13 { font-size: 0.88em; }	.fs-14 { font-size: 1em; }
.fs-10 { font-size: 0.5em; } .fs-8 { font-size: 0.2em; }

/* FONT WEIGHT */
.fw7 { font-weight: 700; } .fw5 { font-weight: 500; }

/* BORDER RADIUS */
.br-30 { border-radius: 30px; }	.br-20 { border-radius: 20px; }	.br-10 { border-radius: 10px; }

/* FORM MASTER */
.fm-dv { height: 45px; width: 100%; border-radius: 25px; background-color: white; align-items: center; margin-left: auto; margin-right: auto; }
.fm-bx { height: 45px; border-radius: 25px; background-color: white; }
.fm-ip input[type='text'], .fm-ip input[type='password'], .fm-ip textarea.materialize-textarea,
.fm-dv input[type='text'] { border-bottom: none !important; outline: none !important; box-shadow: none !important; } 
.fm-ip input[type='text'] { margin-left: 5px; } .fm-m1 { margin: 0px 0px 0px 20px; }
/* Textarea */
.ta-zm  { border-radius: 20px; background-color: white; }
.fm-ta { height: 200px; width: 98%; margin: 5px; border-radius: 10px; outline: none !important; border: none !important; }

/* FORM ICONS */
.fm-ic { font-size: 30px !important; margin-left: 10px; margin-top: 8px; } 

/* FORM BUTTON */
.fm-b1 { font-size: 18px; width: 200px; } .fm-b2 { width: 200px; } .fm-b3 { width: 100px; } 
.fm-b2, .fm-b3 { font-size: 18px; text-align: center; display: block; padding: 5px; }
.fm-b1, .fm-b2, .fm-b3 { font-weight: 500 !important; height: 45px; border-radius: 30px; } 
.fm-b4, .fm-b5 { font-weight: 500 !important; border-radius: 30px; } 
.fm-b4 { font-size: 16px; width: 100px; height: 35px; } 
.fm-b5 { font-size: 20px; width: 230px; height: 42px; padding: 3px; } 
.fm-b1, .fm-b2, .fm-b3, .fm-b4, .fm-b5 { background: #ee0979; background: -webkit-linear-gradient( to left, #ff6a00, #ee0979 ); background: linear-gradient( to left, #ff6a00, #ee0979 );}
/* Error */
.fm-er { margin-top: -40px; margin-right: 10px;} .fm-er2 { margin-top: -40px; } 
.fm-e1 { margin-top: -40px; margin-right: -20% !important; }

/* MARGIN */
.mg-zm { margin: 0 10% 0 10%; }
.mga { margin-left: auto !important; margin-right: auto !important; }
.mgt40n { margin-top: -40px !important; } 
.mgt30n { margin-top: -30px !important; } .mgt25n { margin-top: -25px !important; }
.mgt20n { margin-top: -20px !important; } .mgt15n { margin-top: -15px !important; }
.mgt10n { margin-top: -10px !important; } .mgt4n { margin-top: -4px !important; } 
.mgt3n { margin-top: -3px !important; } 	.mgt0 { margin-top: 0px !important; } 
.mgt3 { margin-top: 3px !important; }			.mgt5 { margin-top: 5px !important; }			
.mgt7 { margin-top: 7px !important; }		.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }		.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }		.mgt40 { margin-top: 40px !important; }
.mgt50 { margin-top: 50px !important; }		.mgt60 { margin-top: 60px !important; }
.mgt70 { margin-top: 70px !important; }		.mgt100 { margin-top: 100px !important; }
/* MARGIN LEFT */
.mgl30n { margin-left: -30px !important; }	.mgl25n { margin-left: -25px !important; }
.mgl20n { margin-left: -20px !important; }	.mgl15n { margin-left: -15px !important; }
.mgl10n { margin-left: -10px !important; }	.mgl5n { margin-left: -5px !important; }
.mgl0 { margin-left: 0px !important; }			.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }		.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl30 { margin-left: 30px !important; }		.mgl40 { margin-left: 40px !important; }
.mgl50 { margin-left: 50px !important; }
/* MARGIN RIGHT */
.mgr10n { margin-right: -10px !important; }	.mgr5n { margin-right: -5px !important; }
.mgr0 { margin-right: 0px !important; }			.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }		.mgr20 { margin-right: 20px !important; }
.mgr30 { margin-right: 30px !important; }		.mgr50 { margin-right: 50px !important; }
/* MARGIN BOTTOM */
.mgb15n { margin-bottom: -15px !important; }	.mgb10n { margin-bottom: -10px !important; }
.mgb0 { margin-bottom: 0px !important; }			.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }		.mgb30 { margin-bottom: 30px !important; }
.mgb100 { margin-bottom: 100px !important; }

/* PADDING */
.pd5 { padding: 5px !important; }	.pd7 { padding: 7px !important; }	.pd8 { padding: 8px !important; }
.pd9 { padding: 9px !important; }	.pd10 { padding: 10px !important; }	.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }

/* TABLE MASTER */
table { border-radius: 1em !important; overflow: hidden; }
table > thead {  border-bottom: 2px solid orangered }
.tbl3 { width: 3% !important; }		.tbl4 { width: 4% !important; }	
.tbl5 { width: 5% !important; }		.tbl7 { width: 7% !important; }		.tbl8 { width: 8% !important; }
.tbl10 { width: 10% !important; }	.tbl12 { width: 12% !important; }	.tbl15 { width: 15% !important; }
.tbl20 { width: 20% !important; }	.tbl25 { width: 25% !important; }	.tbl30 { width: 30% !important; }
.tbl35 { width: 35% !important; }	.tbl40 { width: 40% !important; }	.tbl45 { width: 45% !important; }
.tbl50 { width: 50% !important; }	.tbl-fn { font-size: 16px; }			.tbl-icn { font-size: 20px; }
/* Table Width */
.tbl-avt { width: 22%; } .tbl-agn { width: 45%; }

/* TABLE CART */
.tb-1 { width: 45%; }	.tb-2 { width: 10%; }	.tb-3 { width: 15%; }	.tb-4 { width: 15%; }	
.tb-c { text-align: right !important; } .tb-m { margin: 0px 20px 0px 20px; }
.tb-q input[type='text']{ border-bottom: none !important; border-radius: 25px !important; 
	outline: none !important; box-shadow: none !important; text-align: center !important; 
	background-color: lightgray; }

/* SELECT */
/* #sl-bx .browser-default .dropdown-content {
	top: -50px; border-radius: 30px !important;
} */

#sl-bx { border-radius: 30px; padding: 0 7px 0 7px; border: 2px solid purple; }
/* #sl-bx .select-dropdown { border-radius: 50px !important; }
#sl-bx .dropdown-content {
	color: #fb8c00 !important;
	border-radius: 30px !important;

} */

#sl-bx option {
	border-radius: 20px !important;
	margin-top: 10px !important;
	border: 2px solid purple;
}

/* SEARCH FLEX */
.sc-fl { margin: 0px 11% 0px 11%; }
.sc-fx {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
	align-items: center;
}

.sc-dn { border-radius: 10px; height: 45px; justify-self: center; 
	flex-grow: 1; 
}
.sc-dn select { padding: 10px; border-radius: 10px; }

.sc-g2 { display: grid; grid-template-columns: 2rem 6fr 2fr; width: auto; height: 45px;
  border-radius: 10px; overflow: hidden; margin-left: auto; margin-right: auto; }
.sc-g2 input[type='text'] { margin-left: 20px !important; border-bottom: none !important; 
	outline: none !important; box-shadow: none !important; }