@import url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../font/font.css);@import url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../css/lity.css);

/*FILESTART   */

/* 10Web Booster optimized this CSS file */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


/*FILESTART  /home/c369d25/public_html/wp-content/plugins/litespeed-cache/assets/css/litespeed-dummy.css */
/* To be replaced in `head` to control optm data location */

/*FILESTART   */

/* 10Web Booster optimized this CSS file */


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */


/*FILESTART   */

/* 10Web Booster optimized this CSS file */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */


/*FILESTART   */

/* 10Web Booster optimized this CSS file */

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


/*FILESTART  /home/c369d25/public_html/wp-content/plugins/contact-form-7/includes/css/styles.css */
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}


/*FILESTART  /home/c369d25/public_html/wp-content/plugins/add-search-to-menu/public/css/ivory-search.min.css */

.is-menu a,.is-menu a:focus,.is-menu a:hover,.is-menu:hover>a{background:0 0!important;outline:0}.is-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);color:#000;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.is-menu,form .is-link-container{position:relative}.is-menu a{line-height:1}.is-menu a::after,.is-menu a::before{display:none!important}.is-menu.default form{max-width:310px}.is-menu.is-dropdown form{display:none;min-width:310px;max-width:100%;position:absolute;right:0;top:100%;z-index:9}.is-menu.full-width-menu form,.is-menu.sliding form{min-width:0!important;overflow:hidden;position:absolute;right:0;top:25%;width:0;z-index:99;padding:0;margin:0}.is-menu.full-width-menu form:not(.is-search-form) input[type=search],.is-menu.full-width-menu form:not(.is-search-form) input[type=text],.is-menu.is-dropdown form:not(.is-search-form) input[type=search],.is-menu.is-dropdown form:not(.is-search-form) input[type=text],.is-menu.sliding form:not(.is-search-form) input[type=search],.is-menu.sliding form:not(.is-search-form) input[type=text],.is-popup-search-form form:not(.is-search-form) input[type=search],.is-popup-search-form form:not(.is-search-form) input[type=text]{background:#fff;color:#000}.is-menu.is-first form{right:auto;left:0}.is-menu.full-width-menu.open .search-close,.is-menu.full-width-menu:not(.open) form,.is-menu.is-dropdown form[style="display: block;"]+.search-close,.is-menu.sliding.open .search-close,.is-menu.sliding:not(.open) form,form:hover+.is-link-container,form:hover>.is-link-container{display:block}.is-form-style-2 .is-search-submit,.is-link-container,.is-menu form .screen-reader-text,.search-close{display:none}.is-menu form label{margin:0;padding:0}.is-menu-wrapper{display:none;position:absolute;right:5px;top:5px;width:auto;z-index:9999}.popup-search-close,.search-close{cursor:pointer;width:20px;height:20px}.is-menu-wrapper.is-expanded{width:100%}.admin-bar .is-menu-wrapper{top:51px}.is-menu-wrapper .is-menu{float:right}.is-menu-wrapper .is-menu form{right:0;left:auto}.gsc-cse-search-menu{max-width:310px;float:right}.gsc-cse-search-menu .cse .gsc-control-cse,.gsc-cse-search-menu .gsc-control-cse{padding:0}.is-menu .search-icon-path{fill:#848484}.search-close{position:absolute;right:-22px;top:33%;z-index:99999}.is-menu.is-first .search-close{right:auto;left:-22px}.is-menu.is-dropdown .search-close{top:calc(100% + 7px)}.popup-search-close{z-index:99999;float:right;position:relative;margin:20px 20px 0 0}#is-popup-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(4,4,4,.91);z-index:999999}.is-popup-search-form form{width:80%;margin:20% auto 0}.is-popup-search-form form.is-ajax-search{margin:10% auto 0}.popup-search-close:after,.search-close:after{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-search-close:before,.search-close:before{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.is-highlight{background-color:#ffffb9;color:#222}@media screen and (max-width:910px){.is-menu form{left:0;min-width:50%;right:auto}.is-menu.default form{max-width:100%}.is-menu.full-width-menu.active-search{position:relative}.is-menu-wrapper{display:block}}.is-form-style label,.is-menu.full-width-menu.is-first button.is-search-submit,.is-menu.sliding.is-first button.is-search-submit{display:inline-block!important}form .is-link-container div{position:absolute;width:200px;bottom:-25px;left:5px;z-index:99999;height:auto;line-height:14px;padding:10px 15px}form .is-link-container a{text-decoration:none;font-size:14px;font-weight:100;font-family:arial;box-shadow:none}form .is-link-container a:hover{text-decoration:underline}form .is-link-container a.is-customize-link{margin-left:15px}.is-form-style label{padding:0;vertical-align:middle;margin:0;width:100%;line-height:1}.is-form-style{line-height:1;position:relative;padding:0!important}.is-form-style.is-form-style-3 label{width:calc(100% - 36px)!important}.is-form-style input.is-search-input{background:#fff;background-image:none!important;color:#333;padding:0 12px;margin:0;outline:0!important;font-size:14px!important;height:36px;min-height:0;line-height:1;border-radius:0;border:1px solid #ccc!important;font-family:arial;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0}.is-form-style input.is-search-input::-ms-clear{display:none;width:0;height:0}.is-form-style input.is-search-input::-ms-reveal{display:none;width:0;height:0}.is-form-style input.is-search-input::-webkit-search-cancel-button,.is-form-style input.is-search-input::-webkit-search-decoration,.is-form-style input.is-search-input::-webkit-search-results-button,.is-form-style input.is-search-input::-webkit-search-results-decoration{display:none}.is-form-style.is-form-style-3 input.is-search-input{border-right:0!important}.is-form-style button.is-search-submit{background:0 0;border:0;box-shadow:none!important;opacity:1;padding:0!important;margin:0;line-height:0;outline:0;vertical-align:middle;width:36px;height:36px}.is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]),.is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]){visibility:hidden}.is-form-style .is-search-submit path{fill:#555}.is-form-style input.is-search-submit{text-decoration:none;position:absolute;top:0;right:0;padding:0 10px!important;width:auto}.is-search-icon{width:36px;padding-top:6px!important}.is-search-icon svg{width:22px;display:inline}.is-form-style input.is-search-submit,.is-search-icon{display:inline-block!important;color:#666;background:#ededed;box-shadow:none!important;outline:0;margin:0;font-size:14px!important;border:1px solid #ccc;border-radius:0;line-height:1;height:36px;text-transform:capitalize;vertical-align:middle;-webkit-transition:background-color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.is-search-icon:hover,form.is-form-style input.is-search-submit:hover{background:#dcdcdc}

/*FILESTART  /home/c369d25/public_html/wp-content/themes/sangpress-2.0/assets/css/bootstrap-grid.css */

.container,
.container-fluid
 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
.container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
.container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
.container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
.container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
.container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}


.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}


.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}


.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
 
}
@media (min-width: 768px) {
  
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  
 
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
}
@media (min-width: 1400px) {
 
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}



.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}


.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 768px) {
  
  .d-md-block {
    display: block !important;
  }

  .d-md-flex {
    display: flex !important;
  }
  
  .d-md-none {
    display: none !important;
  }
 
}
@media (min-width: 992px) {
  
  .d-lg-block {
    display: block !important;
  }
 
  .d-lg-flex {
    display: flex !important;
  }
  
  .d-lg-none {
    display: none !important;
  }
  
  
}


/*FILESTART  /home/c369d25/public_html/wp-content/themes/sangpress-2.0/assets/css/slick-theme.min.css */
@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/fonts/slick.eot);src:url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/fonts/slick.woff) format('woff'),url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/fonts/slick.ttf) format('truetype'),url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/*# sourceMappingURL=slick-theme.min.css.map */

/*FILESTART  /home/c369d25/public_html/wp-content/themes/sangpress-2.0/assets/css/slick.min.css */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


/*FILESTART  /home/c369d25/public_html/wp-content/themes/sangpress-2.0/assets/css/style.css */


/**************************************
                General
**************************************/
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 100%;
  box-sizing: inherit;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
  scroll-padding: 65px;
}
html::-webkit-scrollbar{
  width: 6px;
  background-color: #7595ff4d;
}
html::-webkit-scrollbar-thumb{
  background-color: #7595ff;
  border-radius: 50rem;
}
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
a,
button {
  cursor: pointer;
  border: none;
  outline: none;
  user-select: none;
  background: none;
  box-shadow: none;
}

ol,
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

body {
  font-size: 16px;
  font-family: 'Proxima Nova';
  font-weight: 400;
  color: #131313;
  padding-bottom: 32%;
}

a,
a:hover,
a:focus {
  /* color: inherit; */
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Proxima Nova';
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

main {
  overflow: clip;
  z-index: 1;
  position: relative;
}
section{
  background-color: #fff;
  margin-top: -2px;
}
img {
  max-width: 100%;
  height: auto;
}

span.wpcf7-spinner{display:none !important;}

/* .container-fluid {
  padding: 0 50px;
} */

/**************************************
                Helper Class
**************************************/
p {
  font-size: 18px;
  line-height: 28px;
  color: rgb(19, 19, 19);
  font-weight: 500;
}

.primary-btn {
  border-radius: 28px;
    background-image: linear-gradient(0deg, #ff6568 0%, #e70003 100%);
    padding: 13px 35px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    display: inline-block;
    position: relative;
    overflow: clip;
    z-index: 2;
    font-size: 20px;
    line-height: 30px;
    color: rgb(255 255 255);
    isolation: isolate;
}
.secondary-btn {
  border-radius: 28px;
  background-color: #fff;
    border:1px solid #e70003;
    padding: 13px 35px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    display: inline-block;
    position: relative;
    overflow: clip;
    z-index: 1;
    font-size: 20px;
    line-height: 30px;
    color: #e70003;
}

.secondary-btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  background: #e70003;
  pointer-events: none;
  transition: all 0.5s ;
  scale: 0;
}
.secondary-btn .char,.primary-btn .char {
  font-style: normal;
  display: inline-block;
  height: 100%;
  padding-left: 1px;
  padding-right: 1px;
  transition: all 0.5s;
}
.secondary-btn .char:hover,
.primary-btn .char:hover {
  transform: translate3d(0, -6px, 0);
  transition: all 0.5s;
  font-weight: bold;
}
.secondary-btn:hover {
  color: #ffffff;
}
.secondary-btn:hover:after {
  transform: translate3d(0, 0, 0);
  scale: 1;
}

.primary-btn:after,
.primary-btn::before {
  content: '';
  content: '';
  position: absolute;
  z-index: -1;
  background: #e70003;
  inset: 0;
  scale: 1 0;
  transition: scale 450ms;
  transform-origin: top;
  /* box-shadow: inset 0px 0px 37px 5px #3b0000; */
}

.primary-btn:hover {
  color: #fff;
}

.primary-btn:hover::after,
.primary-btn:focus-visible::after {
  scale: 1 1;
  transform-origin: right;
}

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

.container {
  max-width: 1400px;
}

/* Modal */
.fade {
  transition: opacity .15s linear;
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px);
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 1.75rem;
  pointer-events: none;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1.75rem * 2);
  height: 100%;
}

.modal-dialog {
  max-width: 1030px;
  margin-right: auto;
  margin-left: auto;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #f5f4eb;
  box-shadow: 0px 0px 18px 0px rgb(0, 0, 0);
  background-clip: padding-box;
  border-radius: 20px;
  outline: 0;
  overflow: clip;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  overflow-y: auto;
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out;
  width: 400px;
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  border-left: 1px solid #1313132d;
  transform: translateX(100%);
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/form-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.offcanvas-header,
.offcanvas .offcanvas-header.form-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  position: relative;
}

.offcanvas .heading-section h2 {
  position: relative;
  bottom: unset;
  font-size: 40px;
}

.offcanvas .heading-section {
  margin: 0;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-body::-webkit-scrollbar {
  width: 0;
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.show {
  opacity: .5;
}

.fade {
  transition: opacity .15s linear;
}

button.btn-close img {
  border-bottom: 1px solid #6f5036;
  padding-bottom: 4px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%) hue-rotate(132deg) brightness(110%) contrast(101%);
}

button.btn-close {
  width: 50px;
  height: 50px;
  opacity: 1;
  color: #ffffff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border-radius: 50%;
  flex-direction: column;
  gap: 5px;
  background-color: #eb1014;
  transition: all .5s;
  /* position: absolute;
    right: 9px;
    top: 10px; */

}

button.btn-close:hover {
  background-color: #000;
}

.popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999;
}
.popup .popup__content {
  width: 50%;
  overflow: auto;
  padding: 50px;
  background: white;
  color: black;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 20px;
}
.popup .popup__content .close {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 20px;
  display: block;
  width: 50px;
  height: 50px;
  opacity: 1;
  color: #ffffff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border-radius: 50%;
  flex-direction: column;
  gap: 5px;
  background-color: #eb1014;
  transition: all .5s;
}
.popup .popup__content .close span {
  cursor: pointer;
  position: fixed;
  width: 20px;
  height: 3px;
  background: #ffffff;
}
.popup .popup__content .close span:nth-child(1) {
  transform: rotate(45deg);
}
.popup .popup__content .close span:nth-child(2) {
  transform: rotate(135deg);
}
.form-group{
  margin-bottom: 15px;
}
.form-input{
  width: 100%;
    font-size: 18px;
    padding: 22px 22px;
    background-color: #0000000d;
    border: 0;
    border-radius: 10px;
    outline: none;
}
input.primary-btn {
  border: 0;
  padding-inline: 35px;
}
.popup h3{
  font-size: 32px;
  margin-bottom: 20px;
}
/*******************************
	Menu
*******************************/
.header-area {
  position: relative;
}


.enq-btn {
  position: fixed;
    top: 40%;
    right: 5px;
    height: 47px;
    font-weight: 400;
    text-align: center;
    z-index: 9;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    border-radius: 0px;
    overflow: clip;
    display: flex;
    box-shadow: 0px 0px 10px 0px #1313133d;
    border-radius: 10px;
    background-image: linear-gradient(0deg, #ff6568 0%, #e70003 100%);
}
.enq-btn::after,
.enq-btn::before{
  content: '';
  content: '';
  position: absolute;
  z-index: -1;
  background: #e70003;
  background-image: linear-gradient(0deg, #ff6568 0%, #e70003 100%);
  inset: 0;
  scale: 1 0;
  transition: scale 450ms;
  transform-origin: top;
  /* box-shadow: inset 0px 0px 37px 5px #3b0000; */
}

.enq-btn:hover::after,
.enq-btn:focus-visible::after {
  scale: 1 1;
  transform-origin: right;
}

.enq-btn a{
  font-size: 20px;
letter-spacing: 0px;
line-height: 48px;
color: #ffffff;
font-weight: bold;
padding: 0 20px;
}
.header-area.sticky {
  background: #fff;
  animation: slideDown 0.35s ease-out;
}

.header-area.sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  box-shadow: 0px 0px 10px 0px #000;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

.main-menu {
  display: flex;
  align-items: center;
  gap: 26px;
}

.search-box {
  text-align: center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

.search-box img {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}

.search-box:hover img {
  transform: scale(1.3);
  filter: brightness(0) saturate(100%) invert(20%) sepia(91%) saturate(2842%) hue-rotate(343deg) brightness(80%) contrast(96%);
}

.overlay {
  height: 12%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.overlay-content {
  position: relative;
  top: 0%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.find-area {
  padding: 10px 10px 10px 25px;
  width: 50%;
  height: 53px;
  background: #FFFFFF;
  border-radius: 50px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 80px;
  position: relative;
}
.find-area .form-control{
  border: 0;
}
.form-group {
  position: relative;
}

.search-control {
  height: 33px;
  font-weight: 300;
  color: #636A88;
  font-size: 16px;
  padding-right: 100px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  border: 0;
  outline: none;
  border-radius: 50rem;
}

.search-btn {
  padding: 10px 25px;
  background: #eb1014;
  border-radius: 25px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
  border: oldlace;
  outline: none;
  position: absolute;
  top: 7px;
  right: 12px;
}

header {
  position: relative;
  width: 100%;
  background: #fff0;
  z-index: 100;
  transition: ease-in-out .4s;
  padding-top: 8px;
  padding-bottom: 8px;
}
.sticky .logo img {
  transition: all .5s;
  width: auto;
  height: 60px;
}
.logo img {
  transition: all .5s;
}

.logo {
  filter: drop-shadow(0px 7px 5px rgba(0,0,0,0.19));
}

nav {
  position: relative;
  margin: 0 auto
}

#menu,
#menu .main-menu ul,
#menu .main-menu ul li,
#menu .main-menu ul li a,
#menu #head-mobile {
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#menu:after,
#menu>.main-menu ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

#menu #head-mobile {
  display: none
}

#menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

#menu>.main-menu>ul>li {
  float: left;
  padding-inline: 13px;
}

#menu>.main-menu>ul>li>a {
  padding-block: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  line-height: inherit;
  color: #131313;
  font-size: 20px;
font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}

#menu>.main-menu>ul>li>a::after {
  content: '';
    height: 1px;
    display: block;
    background: #eb1014;
    width: 0;
    position: absolute;
    inset: 0;
    top: auto;
    left: 2px;
    bottom: 14px;
    right: 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

#menu>.main-menu>ul>li>a:hover::after,
#menu .main-menu ul li.current-menu-item a::after {
  width: 70%;
}

#menu>.main-menu>ul>li:hover>a,
#menu .main-menu ul li.current-menu-item a {
  color: #eb1014;
}

#menu>.main-menu>ul>li.has-sub>a::before {}

#menu>.main-menu>ul>li:hover,
#menu .main-menu ul li.current-menu-item:hover,
#menu .main-menu ul li.current-menu-item,
#menu .main-menu ul li.has-sub.current-menu-item:hover{
/*   background: #e9cba400 !important; */
  -webkit-transition: background .3s ease;
  -ms-transition: background .3s ease;
  transition: background .3s ease
}
#menu .main-menu ul ul li.current-menu-item,
#menu .main-menu ul ul li.current_page_parent{
	color: #fff;
    background-image: linear-gradient(#e70104, #ff6467) !important;
}
#menu .main-menu ul ul li.current-menu-item a,
#menu .main-menu ul ul li.current_page_parent a{
	color: #fff;
}
#menu .main-menu ul li.current-menu-parent a,
#menu .main-menu ul li.current-menu-ancestor a{
	color: #eb1014;
}
#menu .main-menu ul li.current-menu-parent li a,
#menu .main-menu ul li.current-menu-ancestor li a{
	color: #000;
	
}
#menu>.main-menu>ul>li.has-sub.current-menu-parent>a::before,
#menu .main-menu ul li.has-sub.current-menu-ancestor a::before{
   
    border-top: 2px solid #eb1014;
    border-left: 2px solid #eb1014;
   
}
/* #menu>.main-menu>ul>li.current-menu-parent li.current-menu-item {

   background-image: linear-gradient(#e70104, #ff6467);
} */
#menu>.main-menu>ul>li.has-sub>a {}

#menu>.main-menu>ul>li.has-sub>a::before {
  top: 24px;
    right: -13px;
    content: '';
    transition: all .4s;
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(-135deg);
}

#menu>.main-menu>ul>li.has-sub:hover>a::before,
#menu>.main-menu>ul>li.has-sub.current-menu-item>a::before {
  border-top-color: #eb1014;
  border-left-color: #eb1014;
}

#menu>.main-menu>ul>li.has-sub:hover>a::before {

}

#menu .main-menu ul ul {
  position: absolute;
  left: -9999px;
  box-shadow: 0px 12px 10px 0px #1313134f;
  width: 160px;
}

#menu .main-menu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  background: #ffffff;
  transition: all .25s ease
}

#menu ul ul li:hover {}

#menu li:hover>ul {
  left: auto
}

#menu li:hover>ul>li {
  height: 50px;
  width: 300px;
}

#menu ul ul ul {
  margin-left: 100%;
  top: 0
}

#menu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 15px 15px;
  width: auto;
  font-size: 18px;
  line-height: 19px;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  white-space: nowrap;
}

#menu .main-menu ul ul li:last-child>a,
#menu .main-menu ul ul li.last-item>a {
  border-bottom: 0
}

#menu .main-menu ul ul li:hover>a,
#menu .main-menu ul ul li a:hover {
  color: #fff;
  background-image: linear-gradient(#e70104, #ff6467);
}

#menu .main-menu ul ul li.has-sub>a:after {
  position: absolute;
  top: 13px;
  right: 11px;
  width: 8px;
  height: 8px;
  display: block;
  content: '';
  border-bottom: 1px solid;
  border-right: 1px solid;
  transform: rotate(-45deg);
  transition: all .4s;
}


#menu .main-menu ul ul li.has-sub:hover,
#menu .main-menu ul li.has-sub ul li.has-sub ul li:hover {
  background: #fff;
}

#menu ul ul ul li.active a {
  border-left: 1px solid #333
}

#menu>.main-menu>ul>li.has-sub>ul>li.active>a,
#menu .main-menu>ul ul>li.has-sub>ul>li.active>a {
  border-top: 1px solid #333
}

#menu .main-menu ul li.current-menu-item ul li a {
  color: #000;
}

#menu .main-menu ul li.current-menu-item ul li a:hover {
  color: #ffffff;
}
.admission {
  width: 146px;
  height: 108px;
  border-radius: 13px;
  background-color: #fff000;
  color: #131313;
  text-align: center;
  position: absolute;
  right: 45px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  z-index: 100;
}
.admission p{
  font-size: 20px;
line-height: 19px;
color: #131313;
font-weight: bold;
}
.admission h4{
  font-size: 44px;
  line-height: 19px;
  color: #131313;
  font-weight: bold;
}

.admission h4 .char {
  /* transform: translate(0, 1%) rotate(1deg); */
  animation: jump 2s linear infinite;
  -webkit-transform: translate(0, 1%) rotate(1deg);
  -moz-transform: translate(0, 1%) rotate(1deg);
  -ms-transform: translate(0, 1%) rotate(1deg);
  -o-transform: translate(0, 1%) rotate(1deg);
  -webkit-animation: jump 2s linear infinite;
}
.admission h4 .char:nth-child(1) {
  animation-delay: .2s;
}
.admission h4 .char:nth-child(2) {
  animation-delay: .3s;
}
.admission h4 .char:nth-child(3) {
  animation-delay: .4s;
}
.admission h4 .char:nth-child(4) {
  animation-delay: .5s;
}
/* .wrapper span:nth-child(5) {
  animation-delay: 600ms;
}
.wrapper span:nth-child(6) {
  animation-delay: 720ms;
}
.wrapper span:nth-child(7) {
  animation-delay: 840ms;
} */
@keyframes jump {
  33% {
    text-shadow: 0 6px #f63d40, 0 10px #0a6dd3;
   
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
    text-shadow: 0 0px #0a6dd3, 0 0px #0a6dd3;
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg);
}
  66.67% {
    text-shadow: 0 -6px #f63d40, 0 -10px #0a6dd3;
    
}
}


@media screen and (max-width:992px) {
  header {
    position: relative;
    width: 100%;
    height: 70px;
  }
#menu .main-menu ul li.current-menu-parent li a, #menu .main-menu ul li.current-menu-ancestor li a {
    color: #fff;
}
	#menu .main-menu ul ul li.current-menu-item,
	#menu .main-menu ul ul li.current_page_parent li{
    color: #fff;
    background-image: linear-gradient(45deg, #202650, #202650) !important;
}
	#menu .main-menu ul ul li.current_page_parent li.current_page_item,
	#menu .main-menu ul ul li.current_page_item{
		background-image: linear-gradient(#e70104, #ff6467) !important;
	}
  .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    text-align: center;
    padding: 10px 0 0;
    float: none
  }

  .logo2 {
    display: none
  }

  #menu .main-menu ul li.current-menu-item ul li a {
    color: #ffffff;
  }

  nav {
    width: 100%
  }

  #menu {
    width: 100%
  }

  #menu ul {
    width: 100%;
    display: none;
  
  }

  #menu .main-menu {
    width: 100%;
    position: fixed;
    height: 100% !important;
    background: #141a47;
    transform: translateX(-100%);
    transition: all .4s;
    top: 90px;
    left: 0;
    overflow: auto;
  }

  #menu .main-menu.open {
    transform: translateX(0%);

  }

  #menu .main-menu ul li {
    width: 100%;
    border-top: 1px solid #444
  }

  #menu .main-menu ul li:hover {
    background: #363636
  }

  #menu .main-menu ul ul li,
  #menu li:hover>ul>li {
    height: auto
  }

  #menu .main-menu ul li a,
  #menu .main-menu ul ul li a {
    width: 100%;
    border-bottom: 0;
    color: #ffffff;
  }

  #menu>.main-menu>ul>li {
    float: none
  }

  #menu ul ul li a {
    padding-left: 25px
  }

  #menu ul ul li {
    background: #1b268600 !important
  }

  /* #menu ul ul li:hover {
    background: #d84514 !important
  } */

  #menu ul ul ul li a {
    padding-left: 15px
  }

  #menu ul ul li a {
    color: #ddd;
    background: none
  }

  #menu ul ul li:hover>a,
  #menu ul ul li.active>a {
    color: #fff
  }

  #menu .main-menu ul ul {
    box-shadow: none;
  }

  #menu .main-menu ul ul,
  #menu .main-menu ul ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
    top: 0;
    transform: unset;
    height: auto;
  }

  #menu .main-menu ul ul.open {
    transform: unset;
    background: #ffffff0d;
    overflow: hidden;
  }

  #menu>ul>li.has-sub>a:after,
  #menu>ul>li.has-sub>a:before,
  #menu ul ul>li.has-sub>a:after,
  #menu ul ul>li.has-sub>a:before {
    display: none
  }

  #menu #head-mobile {
    display: block;
    padding: 23px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700
  }

  .hamburger {
    width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 12px;
    cursor: pointer;
    z-index: 12399994;
  }

  .hamburger:after {
    position: absolute;
    top: 24px;
    right: 10px;
    display: block;
    height: 14px;
    width: 35px;
    border-top: 2px solid #cf2519;
    border-bottom: 2px solid #cf2519;
    content: '';
  }

  .hamburger:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    height: 2px;
    width: 35px;
    background: #cf2519;
    content: '';
  }

  .hamburger.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 35px;
    background: #cf2519;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .hamburger.menu-opened:before {
    top: 23px;
    background: #cf2519;
    width: 35px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  #menu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #44444400;
    height: 50px;
    width: 100%;
    cursor: pointer
  }

  #menu .submenu-button.submenu-opened {
    background: #1b268600;
  }

  #menu ul ul .submenu-button {
      height: 44px;
      width: 100%;
  }

  #menu .submenu-button:after {
    position: absolute;
    top: 16px;
    right: 22px;
    width: 14px;
    height: 14px;
    display: block;
    content: '';
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    transition: all .4s;
  }

  #menu ul ul .submenu-button:after {
    top: 11px;
    right: 11px;
  }

  #menu ul ul .submenu-button.submenu-opened:after {
    top: 16px;
  }

  #menu .submenu-button.submenu-opened:after {
    transform: rotate(-135deg);
    top: 24px;
  }


  #menu ul ul .submenu-button:before {
    top: 12px;
    right: 16px
  }

  #menu .submenu-button.submenu-opened:before {
    display: none
  }

  #menu ul ul ul li.active a {
    border-left: none
  }

  #menu>ul>li.has-sub>ul>li.active>a,
  #menu>ul ul>li.has-sub>ul>li.active>a {
    border-top: none
  }
}

.menu-info {
  display: none;
}

.sec-gap {
  padding: 60px 0;
}
main{
  margin-top: -107px;
}
/* Loader */
.loader {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
  background: #575757;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0%;
}
.loader .loading-text {
  position: relative;
  top: 5rem;
  color: #f1f1f1;
  font-size: 1.8rem;
  font-weight: 700;
}

.loader .line {
  position: relative;
  width: 40rem;
  height: 0.6rem;
  border-radius: 3rem;
  background: #0f0f0f3b;
}

.loader .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  border-radius: 3rem;
  height: 100%;
  background: #f95959;
  -webkit-animation: line_drow 10s ease-out infinite;
          animation: line_drow 10s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
          animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}

.loader .line .pen {
  position: absolute;
  top: 0;
  left: 0;
  width: 17rem;
    height: 3rem;
    line-height: 2rem;
  background: rgba(249, 89, 89, 0.07);
  text-align: center;
  -webkit-transform: translate(1%, -365%) rotate(-45deg);
          transform: translate(1%, -365%) rotate(-45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: pen_move 10s ease-out infinite;
          animation: pen_move 10s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
          animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}

.loader .line .pen .pen_overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.loader .line .pen .pen_overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f95959;
  z-index: -1;
  -webkit-animation: color_empty 10s ease-out infinite;
          animation: color_empty 10s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
          animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}

.loader .line .pen .pen_overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0%;
  background: #f95959;
  z-index: -1;
  -webkit-animation: color_full 10s ease-out infinite;
          animation: color_full 10s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
          animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}

.loader .line .pen .pen_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 8%;
  height: 100%;
  -webkit-transform: translateX(-95%);
          transform: translateX(-95%);
  background: #34374c;
}

.loader .line .pen .pen_top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.8rem;
  border-style: solid;
  border-color: transparent #34374c transparent transparent;
  border-width: 1.6rem 3.5rem 1.6rem 0;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
}

.loader .line .pen .pen_top::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -100%;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem 0 0 1rem;
  background: #f95959;
  -webkit-transform: translate(-215%, -50%);
          transform: translate(-215%, -50%);
}

.loader .line .pen .pen_bottom {
  position: absolute;
  top: 0;
  right: 0;
  width: 12%;
  height: 102%;
  border-radius: 0 0.8rem 0.8rem 0;
  -webkit-transform: translate(90%, -1%);
          transform: translate(90%, -1%);
  background: #34374c;
}

@-webkit-keyframes line_drow {
  0%,
  90%,
  100% {
    width: 0;
  }
  50%,
  60% {
    width: 100%;
  }
}

@keyframes line_drow {
  0%,
  90%,
  100% {
    width: 0;
  }
  50%,
  60% {
    width: 100%;
  }
}

@-webkit-keyframes color_empty {
  0% {
    left: 0;
  }
  50%,
  60% {
    left: -100%;
  }
  90%,
  100% {
    left: -100%;
  }
}

@keyframes color_empty {
  0% {
    left: 0;
  }
  50%,
  60% {
    left: -100%;
  }
  90%,
  100% {
    left: -100%;
  }
}

@-webkit-keyframes color_full {
  0% {
    width: 0;
  }
  50%,
  60% {
    width: 0;
  }
  90%,
  100% {
    width: 100%;
  }
}

@keyframes color_full {
  0% {
    width: 0;
  }
  50%,
  60% {
    width: 0;
  }
  90%,
  100% {
    width: 100%;
  }
}

@-webkit-keyframes pen_move {
  0% {
    left: 0;
    -webkit-transform: translate(1%, -365%) rotate(-45deg);
            transform: translate(1%, -365%) rotate(-45deg);
  }
  50% {
    left: 100%;
    -webkit-transform: translate(1%, -365%) rotate(-45deg);
            transform: translate(1%, -365%) rotate(-45deg);
  }
  55% {
    left: 100%;
    -webkit-transform: translate(1%, -385%) rotate(-45deg);
            transform: translate(1%, -385%) rotate(-45deg);
  }
  60% {
    left: 100%;
    -webkit-transform: translate(-8%, -310%) rotate(140deg);
            transform: translate(-8%, -310%) rotate(140deg);
  }
  90% {
    left: 0%;
    -webkit-transform: translate(-8%, -310%) rotate(140deg);
            transform: translate(-8%, -310%) rotate(140deg);
  }
  95% {
    left: 0%;
    -webkit-transform: translate(-8%, -450%) rotate(140deg);
            transform: translate(-8%, -450%) rotate(140deg);
  }
  100% {
    -webkit-transform: translate(1%, -365%) rotate(315deg);
            transform: translate(1%, -365%) rotate(315deg);
  }
}

@keyframes pen_move {
  0% {
    left: 0;
    -webkit-transform: translate(1%, -365%) rotate(-45deg);
            transform: translate(1%, -365%) rotate(-45deg);
  }
  50% {
    left: 100%;
    -webkit-transform: translate(1%, -365%) rotate(-45deg);
            transform: translate(1%, -365%) rotate(-45deg);
  }
  55% {
    left: 100%;
    -webkit-transform: translate(1%, -385%) rotate(-45deg);
            transform: translate(1%, -385%) rotate(-45deg);
  }
  60% {
    left: 100%;
    -webkit-transform: translate(-8%, -310%) rotate(140deg);
            transform: translate(-8%, -310%) rotate(140deg);
  }
  90% {
    left: 0%;
    -webkit-transform: translate(-8%, -310%) rotate(140deg);
            transform: translate(-8%, -310%) rotate(140deg);
  }
  95% {
    left: 0%;
    -webkit-transform: translate(-8%, -450%) rotate(140deg);
            transform: translate(-8%, -450%) rotate(140deg);
  }
  100% {
    -webkit-transform: translate(1%, -365%) rotate(315deg);
            transform: translate(1%, -365%) rotate(315deg);
  }
}
/*******************************
	Hero
*******************************/
.banner {
  position: relative;
  margin-bottom: 0;
  padding-top: 150px;
    padding-bottom: 200px;
}
.banner::after{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/banner-bg.webp);
  width: 1920px;
  height: 1406px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.banner :is(div,.banner-right-wave){
  z-index: 2;
}
.banner-right-wave{
  position: absolute;
  right: 0;
  top: 28%;
}
.hero-img {
  text-align: right;
  position: relative;
  animation: 1.5s slide-left;
}
/* .hero-img img{
  animation: opaciyt linear forwards;
  animation-timeline: view();
    animation-range: exit;
    transform-origin: bottom;
} */
@keyframes opaciyt {
  25%{
    opacity: 1;
}
30%,100%{
    opacity: 1;
    transform: scale(1.4);
}
}
@keyframes slide-left {
  from {
    transform:scale(.5);
  }
  to {
    transform:scale(1);
  }
}
.happy-student{
  width: 181px;
    height: 58px;
  border-radius: 13px;
  filter: drop-shadow(0px 8px 17.5px rgba(0,0,0,0.11));
  background-color: #ffffff;
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  top: 30%;
  left: -28px;
  transition: all .5s;
  overflow: clip;
  isolation: isolate;
}
.happy-student::after{
  content: '';
    background-color: #f63d40;
    inset: 0;
    scale: 0 1;
    transition: scale 450ms;
    z-index: -1;
    position: absolute;
    inset: 0;
    transform-origin: right;

}
.happy-student:hover::after{
  transform-origin: left;
  scale: 1 1;
  
}
.happy-student:hover h4{
  color: #fff;
}
.happy-student:hover{
  transform: scale(1.1);
}
.happy-student img {
  position: absolute;
  top: 5px;
  right: 13px;
  transition: all .4s;
}
.happy-student:hover img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7474%) hue-rotate(74deg) brightness(97%) contrast(106%);
}
.happy-student h4{
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  font-weight: bold;
  width: 40%;
  text-align: left;
  transition: all .4s;
}
.happy-student span{
width: 42px;
height: 42px;
border-radius: 21px;
background-color: #f63d40;
font-size: 16px;
line-height: 18px;
color: #ffffff;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
transition: all .4s;
}
.happy-student:hover span{
  background-color: #fff;
  color: #f63d40;
}
h1{
  font-size: 63px;
line-height: 71px;
color: #131313;
font-weight: bold;
margin-top:20px;
position: relative;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
animation: bounce 2s ease 0s 1 normal forwards;
}
@keyframes bounce {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(45px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}
/* h1 .word{
  transform: translateY(115px);
  -webkit-transform: translateY(115px);
  -moz-transform: translateY(115px);
  -ms-transform: translateY(115px);
  -o-transform: translateY(115px);

} */
h1 span{
  color: #ea1323;
  font-style: italic;
  font-size: 52px;

}
.banner-content{
  position: relative;
}
.banner-content .primary-btn{
  animation: bounce 2s ease 0s 1 normal forwards;
  animation-delay: .5s;
  opacity: 0;
}

@keyframes bounce {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-45px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}
.heading-arrow{
  position: absolute;
    left: 41%;
    top: -30px;
}

.user-rating{
  display:flex;
  margin-top:20px;
  animation: bouncerev 2s ease 0s 1 normal forwards;
  animation-delay: .7s;
  opacity: 0;
}
@keyframes bouncerev {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(45px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}
.user-rating img{
  border-radius: 50%;
  border: 2px solid #e91a2b;
  margin-left: -14%;
}
.user-rating img:first-child{
  margin-left: 0%;
}
.left-balloon{
  position: absolute;
  left: 0;
  top: 37%;
  z-index: 0;
  width: 223px;
}
.balloon{
  position: absolute;
  left: 63%;
  top: -106px;
  -webkit-animation:balloon1 6s ease-in-out infinite;
  -moz-animation:balloon1 6s ease-in-out infinite;
  -o-animation:balloon1 6s ease-in-out infinite;
  animation:balloon1 6s ease-in-out infinite;
}

@keyframes balloon1 {
  0%,100%{ transform:translateY(0) rotate(-10deg);}
  50%{ transform:translateX(0px) rotate(10deg); }
}
.bline{
  position: absolute;
  left: 0%;
  top: 0px;
}
.scroll-down{
  position: absolute;
  left: 50%;
  top: 85%;
  transform: translate(-50%,-50%);
  font-size: 14px;
line-height: 32px;
color: #131313;
z-index: 2;
}
.scroll-downs {
  margin: auto;
  width :22px;
  height: 34px;
}
.mousey {
  width: 22px;
  height: 34px;
  border: 2px solid #eb0c10;
  border-radius: 25px;
  box-sizing: content-box;
}
.scroller {
  width: 1px;
    height: 7px;
    border-radius: 25%;
    background-color: #ea1323;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
    transform: translate(-50%,-50%);
    left: 52%;
    position: absolute;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
/* p{
  animation-range-start: cover 22vh;
  animation-range-end: cover 50vh;
  color: hsl(0 0% 100% / 0.2);
    background: linear-gradient(90deg, rgb(0, 0, 0),rgb(0, 0, 0));
    background-clip: text;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    animation: scroll-text linear forwards;
    animation-timeline: view();
}
@keyframes scroll-text{
  to{
      background-size: 100% 100%;
  }
} */
/*****************************
About
*****************************/
.sub-title{
  font-size: 33px;
  color: rgb(246, 61, 64);
  margin-bottom: 8px;
  animation: reval linear both;
  animation-timeline: view();
  animation-range: contain;
}
.about p a,p a{
	color:#551a8b !important;
}
footer p a{
	color: #fff !important;
}
footer p a:hover{
	color: #eb1014 !important;
}
@keyframes reval {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
    letter-spacing: 1px;
  }
 45%, 100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
    letter-spacing: normal;
  }
}
h2{
  font-size: 44px;
  color: rgb(19, 19, 19);
  font-weight: bold;
  line-height: 1.021;
  margin-bottom: 10px;
  animation: revall linear both;
  animation-timeline: view();
  animation-range: contain;
}
@keyframes revall {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
    /* letter-spacing: -4px; */
  }
 25%, 100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
    letter-spacing: normal;
  }
}
.relative{
  position: relative;
}

.relative .heading-arrow {
  -webkit-animation: move1 1s infinite  alternate;
    animation: move1 1s infinite  alternate;
  -webkit-animation: move1 1s infinite  alternate;
    animation: move1 1s infinite  alternate;
}

@-webkit-keyframes move1 {
  0% { transform: translateY(0) rotate(345deg); }
  100% { transform: translateY(-20px) rotate(345deg); }
}
@keyframes move1 {
  0% { transform: translateY(0) rotate(345deg); }
  100% { transform: translateY(-20px) rotate(345deg); }
}

.relative .heading-arrow2, .heading-arrow2 {
  -webkit-animation: move2 1s infinite  alternate;
    animation: move2 1s infinite  alternate;
  -webkit-animation: move2 1s infinite  alternate;
    animation: move2 1s infinite  alternate;
}

@-webkit-keyframes move2 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
@keyframes move2 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

.about .about-sec-slider {
  position: relative;
  z-index: 2;
}

.about .about-sec-slider .about_img {
  border: 8px solid ;
  border-image: linear-gradient(0deg, #ff6568 0%, #e70003 100%) 1;
}

.about .about-sec-slider .about_img img {
  width: 100%;
  height: auto;
}

.about .heading-arrow {
  position: absolute;
  left: -38px;
  top: -48px;
  transform: rotate(341deg);
}
.about :is(.circle,.ai,.ps,.pr){
    position: absolute;
}
.about :is(.circle,.ai,.ps,.pr):hover{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.about-img {
  position: relative;
  text-align: center;
  z-index: 1;
  animation: fade-in-left linear forwards;
  animation-timeline: view();
  animation-range: cover 10px 500px;
  margin-left: -535px;
}
@keyframes fade-in-left{
  to{
    margin-left: 0px;
  }
}
.about-img .circle {
    z-index: -1;
    top: 11%;
    transform: scale(.5);
    opacity: 0.1;
    animation: fade-in linear forwards;
    animation-timeline: view();
    animation-range: contain 10px 500px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
}
@keyframes fade-in{
  to{
      transform: scale(1);
      opacity: 1;
  }
}

.about-img .ai {
  z-index: 1;
    top: 25%;
    left: 6%;
    transform: scale(.5);
    opacity: 0;
    animation: fade-in linear forwards;
    animation-timeline: view();
    animation-range: contain 200px 500px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
}
.about-img .ps {
  z-index: 1;
  top: 12%;
  left: 62%;
  transform: scale(.5);
    opacity: 0;
    animation: fade-in linear forwards;
    animation-timeline: view();
    animation-range: contain 200px 500px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
}
.about-img .pr {
  z-index: 1;
  top: 35%;
  left: 75%;
  transform: scale(.5);
    opacity: 0;
    animation: fade-in linear forwards;
    animation-timeline: view();
    animation-range: contain 200px 400px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
}
.about-img .counter-box{
display: block;
width: 231px;
height: 95px;
border-radius: 13px;
filter: drop-shadow(0px 8px 17.5px rgba(0,0,0,0.11));
background-color: #ffffff;
position: absolute;
padding: 10px;
text-align: left;
}
.about-img .counter-box h3{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  color: #f63d40;
  font-weight: bold;
  margin-top: 5px;
}
.about-img .counter-box h3::after{
  content: '+';
}
.about-img .counter-box p{
  font-size: 24px;
line-height: 28px;
color: #2e2e2e;
font-weight: bold;
}
.about-img .counter img{
  right: 14px;
  top: 12px;
  position: absolute;
}
.about-img .counter .counter-box:nth-child(1){
  top: 42%;
  left: -5%;
}
.about-img .counter .counter-box:nth-child(2){
  top: 77%;
  left: 0%;
}
.about-img .counter .counter-box:nth-child(3){
  top: 50%;
    left: 58%;
}
.about::after{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/about-right-bg.webp);
  position: absolute;
  right: 0;
  top: -23%;
  display: block;
  width: 440px;
  height: 770px;
  background-repeat: no-repeat;
}
.about .container::after{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/about-bottom-right-bg.webp);
  position: absolute;
  right: 0;
  top: -23%;
  display: block;
  width: 1087px;
  height: 2013px;
  background-repeat: no-repeat;
  z-index: 1;
}
.about::before{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/about-left-bg.webp);
  position: absolute;
  left: 0;
  top: -23%;
  display: block;
  width: 861px;
  height: 1433px;
  background-repeat: no-repeat;
  z-index: 1;
}
.about{
  position: relative;
}
.about p{
	position:relative;
	z-index:9;
}
/*********************************
About
*********************************/
.premium{
  position: relative;
}
.premium-box{
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/premium-arena-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 55px 70px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  margin-top: 90px;
  margin-bottom: 75px;
  position: relative;
  padding-top: 37px;
  box-shadow: 4px 6.928px 21px 0px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.premium-box h2 {
  width: 56%;
  margin: auto;
  margin-bottom: 25px;
}
.premium-box .heading-arrow {
  position: relative;
  left: unset;
  top: unset;
  transform: rotate(341deg);
  margin-bottom: -20px;
}
.rocket,.charecter,.fish{
position: absolute;
}
.rocket{
  top: -7%;
  left: -6%;
  animation: alternate infinite rotate 5s;
}
@keyframes rotate {
  30%,50%{
    transform: rotate(-45deg) translateY(-30px);
  }
  40%{
    transform: rotate(40deg);
  }
  60%{
    transform: translateY(-50px) rotate(50deg);
  }
  80%{
    transform: translateX(50px);
  }
  100%{
    transform: rotate(40deg);
  }
  
}
.charecter{
  bottom: -12%;
  left: -11%;
  animation: alternate infinite move-right 5s;
  transform: translateX(-1vw);
}
@keyframes move-right {
  to{
    transform: translateX(1vw);
  }

}
.fish{
  bottom: -8%;
  right: .91%;
  animation: alternate infinite move 5s;
}
@keyframes move {
  0%,70%{
    transform: translateX(-45vw);
  }
  50%{
    transform: translateX(-40vw);
  }
  70%{
    transform: translateX(-10vw) rotateY(177deg);
  }
  100%{
    transform: rotateY(177deg);
  }
}

.right-balloon {
  position: absolute;
  right: 159px;
  width: 200px;
  top: -28%;
}
.right-balloon .balloon{
  left: 85%;
  top: -157px;
  z-index: 10;
}
/**************************************
Courses
**************************************/
.courses{
  padding-bottom: 60px;
  position: relative;
}
.courses .container{
  position: relative;
  z-index: 2;
}
.courses::before{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/popular-course-left-bg.webp);
  position: absolute;
    left: 0;
    top: -50%;
    display: block;
    width: 727px;
    height: 1292px;
    background-repeat: no-repeat;
}
.courses::after{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/popular-course-right-bg.webp);
  position: absolute;
    right: 0;
    bottom: -40%;
    display: block;
    width: 446px;
    height: 858px;
    background-repeat: no-repeat;
    z-index: 1;
}
.courses-item {
  border-radius: 25px;
  box-shadow: 0px 8px 17.5px rgba(0,0,0,0.14);
  background-color: #ffffff;
  padding: 15px;
  margin-bottom: 50px;
  margin-top: 10px;

}

.courses-item .courses-img{
  border-radius: 25px;
  width: 100%;
  margin-bottom: 15px;
}
.courses-item h4{
  font-size: 24px;
  line-height: 30px;
  color: #131313;
  font-weight: bold;
  margin-bottom: 20px;
  min-height: 60px;
}
.courses-item p{
font-size: 18px;
line-height: 23px;
color: #343434;
}
.courses-info p{
  margin-bottom: 10px;
  font-size: 20px;
  color: #686868;
}
.courses-info p span{
  color: #1b1b1b;
}
.courses-info p .icon{
  position: relative;
  width: 20px;
  display: inline-block;
}
.btn-group {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: -45px;
  margin-top: 20px;
}
.courses-item .btn-group img{
  width: 25px;
	height:25px;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
.courses-item .btn-group .primary-btn{
  padding-inline: 30px;
}
.courses .text-center{
  margin-top: 0;
}
.courses .heading-arrow {
  position: relative;
  left: unset;
  top: unset;
  transform: rotate(-17deg);
  width: 9%;
  margin-left: 50px;
  margin-bottom: -25px;
}
.popular-courses-slider .slick-list{
  margin: 0 -20px;
}
.popular-courses-slider .slick-list{
  margin: 0 -20px;
}
.popular-courses-slider .slick-slide{
  margin: 0 20px;
}
.slick-arrow{
  width: 45px;
height: 45px;
border-radius: 22px;
filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.12));
background-color: #ffffff;
border: 1px solid #ffffff;
z-index: 1;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.slick-arrow:hover{
  background-color: rgb(246, 61, 64);
  offset: 10px;
}
.slick-arrow:after{
  content: '';
    outline: 1px solid rgb(246, 61, 64);
    width: 45px;
    height: 45px;
    position: absolute;
    border-radius: 50%;
    scale: .90;
    transition: all .5s;
    transition-delay: .2s;
    z-index: -1;
    opacity: 0;
}
.slick-arrow:hover:after{
    scale: 1.1;
    opacity: 1;
}
.slick-arrow:hover::before{
  border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.slick-arrow::before{
  content: '';
    width: 15px;
    height: 15px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    display: inline-block;
    transform: rotate(135deg);
    margin-right: 5px;
    opacity: 1;
}
.slick-arrow.slick-prev::before {
  transform: rotate(316deg);
  margin-left: 8px;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{
  background-color: rgb(246, 61, 64);
}
/********************************
Recruiters
*********************************/
.recruiters{
  position: relative;
    padding-top: 4%;
    padding-bottom: 16%;
}
.recruiters .rc-wave{
  position: absolute;
  z-index: 0;
  width: 100%;
  top: -10%;
  z-index: 1;
}
.recruiters .container{
  z-index: 2;
  position: relative;
}
.recruiters h2{
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
}
.recruiters h2 span{
  background-color: #05a7a7;
  position: relative;
  padding-inline: 2%;
}
.recruiters h2::after{
  content: '';
    width: 38%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-63%);
    left: 31%;
    z-index: -1;
}
.brand .slick-list{
  margin: 0 -10px;
}
.brand .slick-slide{
  margin: 0 10px;
}
.brand-logo{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.11);
  height: 106px;
  transition: all .5s;
}
.brand-logo:hover{
  transform: scale(1.1);
}
/*************************************
  Why we are
**************************************/
.why-we-are{
  position: relative;
  padding-bottom: 8%;
}
.why-we-are .container{
  z-index: 1;
  position: relative;
}
.why-we-are-bg{
  position: absolute;
    top: -20%;
    width: 100%;
    z-index: 0;
}
.why-we-are p{
  font-size: 22px;
  color: rgb(39, 39, 39);
  line-height: 1.318;
  text-align: left;
  font-weight: 600;
}
.why-we-are-list p{
  color: rgb(52, 52, 52);
  line-height: 1.045;
  position: relative;
  font-weight: normal;
  padding-left: 40px;
}
.why-we-are-list p::before{
  content: '';
    background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/list-arrow.webp);
    width: 24px;
    height: 28px;
    display: block;
    position: absolute;
    left: 0;
}
.why-we-are-list{
  margin-bottom: 40px;
}
.why-we-are .heading-arrow {
  position: absolute;
  left: unset;
  top: unset;
  transform: rotate(-20deg);
  margin-bottom: 0;
  margin-top: -60px;
}
.why-we-are-img{
  position: relative;
}
.why-we-are-img :is(.img1,.img2,.img3) {
    border-radius: 53px;
    view-timeline-name: --revealing-image;
    view-timeline-axis: block;
    animation: linear reveal both;
    animation-timeline: --revealing-image;
    animation-range: entry 36% cover 33%;
}

@keyframes reveal {
  from {
      opacity: 0;
      clip-path: inset(45% 20% 45% 20%);
  }
  to {
      opacity: 1;
      clip-path: inset(0% 0% 0% 0%);
  }
}
.why-we-are-img .img1{
  margin-bottom: 40px;
}
.why-we-are-img .img2{
  position: absolute;
  right: -7%;
  top: 20%;
}
.why-we-are-img .img2 img{
    border-radius: 53px;
}
.why-we-are-img .img3{
    margin-left: -10px;
    border-radius: 53px;
}
.why-we-are-img .art-icon{
  position: absolute;
  top: -5%;
  left: 71%;
}
.why-we-shape{
  position: absolute;
  right: 0;
  bottom: 20%;
  z-index: 0;
}
.why-we-are-img .primary-btn {
  position: absolute;
  bottom: -40px;
  left: 43px;
}
/*************************************
Why Choose
*************************************/
.student-work{
  position: relative;
  padding-top: 4%;
  padding-bottom: 6%;
}
.student-work::before{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/student-work-left-bg.webp);
  width: 679px;
  height: 1428px;
  position: absolute;
  left: 0;
  top: -48%;
  z-index: 1;
}
.student-work .heading-arrow {
  position: absolute;
  left: unset;
  top: unset;
  transform: rotate(-20deg);
  margin-bottom: 0;
  margin-top: -60px;
}
.image-icon{
  position: absolute;
    margin-top: -8%;
    margin-left: 10%;
}
.student-work h2{
  width: 95%;
}
.student-work-item{
  height: 450px;
  position: relative;
  overflow: clip;
  border-radius: 30% 10% 0 2%;
  transition: all .5s;
}
.student-work-item:hover img{
  transform: scale(1.2);
}
.student-work-item.slick-current{
  border-radius: 2% 0 10% 30%;
}
.student-work-item img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s;
}
.student-work-item .content{
  background-color: rgba(255, 255, 255, 0.904);
  position: absolute;
  height: 91px;
  font-size: 28px;
  color: rgb(19, 19, 19);
  line-height: 1.036;
  z-index: 7;
  bottom: 10%;
  right: 0;
  border-radius: 20px 0 0 20px;
  padding: 17px 30px 17px 24px;
  left: 20%;
}
.student-work-slider .slick-list{
  margin: 0 -20px;
}
.student-work-slider .slick-slide{
  margin: 0 20px;
}
.student-work .left-balloon {
  position: absolute;
  left: 0;
  top: -35%;
  z-index: 0;
  width: 134px;
}
.student-work .left-balloon  .balloon {
  z-index: 1;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background-image: linear-gradient(0deg, #ff6568 0%, #e70003 100%);
  border-radius: 50%;
  transition: all .5s;
}

.video-play-button:hover:after {
  background-image: linear-gradient(0deg, #e70003 0%, #ff6568 100%);
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
/*******************************
Courses Offers
*******************************/
.courses-offers{
  position: relative;
  padding-top: 6%;
  padding-bottom: 8%;
}
.courses-offers h2{
  margin-bottom: 30px;
}
.courses-list{
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.14);
  position: relative;
  /* padding-left: 120px; */
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  /* transition: all ease .5s; */
  overflow: clip;
  animation: slideup linear 1s;
  animation-timeline: view();
  animation-range: entry 0 entry;
}
@keyframes slideup {
  from {
    opacity: 0;
    transform: scale(.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}


.courses-list::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 10px;
  transition: all.5s;
  background-image: linear-gradient(270deg, #0a6dd3 0%, #7595ff00 100%);
  transform-origin: left;
}
.courses-list:hover::after{
  width: 100%;
}
/* .courses-list:hover{
  transform: translateY(-8px);
} */
.courses-list:hover img{
  /* transform: scale(2.4); */
  opacity: 1;
  z-index: -1;
}
.courses-list img{
  /* position: absolute;
  left: 24px; */
  width: 80px;
  height: auto;
  transition: all .5s;
}
.courses-list h4 {
  font-size: 26px;
  color: rgb(19, 19, 19);
  line-height: 1.263;
  position: relative;
  z-index: 2;
}
.courses-offer-bg{
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
}
.courses-offers .container{
  position: relative;
  z-index: 2;
}
.courses-offers .heading-arrow {
  position: absolute;
  left: unset;
  top: unset;
  transform: rotate(-20deg);
  margin-bottom: 0;
  margin-top: -60px;
  width: auto;
}
.courses-charector{
  position: absolute;
    right: 0;
    width: auto;
    bottom: -228px;
    right: -29.9%;
    padding: 0;
    animation: slideright linear 1s;
  animation-timeline: view();
  animation-range: entry 0 entry;
}
@keyframes slideright{
  from {
    opacity: 0;
    transform: translateX(50%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.courses-shape{
  position: absolute;
    right: -4%;
    width: auto;
    bottom: 98px;
    z-index: 1;
    padding: 0;
}
.col-lg-10{
  position: relative;
}
.courses-offers .fish{
  position: absolute;
  bottom: unset;
  right: 65%;
  top: -8%;
  z-index: 2;
  animation: alternate infinite course-fish 5s;
  -webkit-box-reflect: below 15px linear-gradient(to bottom, rgba(0,0,0,0.0), rgb(0 0 0 / 11%));
}

@keyframes course-fish {
  0%,70%{
    transform: translateX(50vw);
  }
  50%{
    transform: translateX(40vw);
  }
  70%{
    transform: translateX(10vw) rotateY(177deg);
  }
  100%{
    transform: rotateY(177deg);
  }
}
/*********************************
Students Placements 
**********************************/
.students-placements {
  position: relative;
  padding-bottom: 7%;
}
.students-placements .container{
  position: relative;
  z-index: 1;
}
.students-placements::before{
  content: '';
    background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/student-placement-left-bg.webp);
    background-repeat: no-repeat;
    width: 745px;
    height: 1826px;
    position: absolute;
    left: 0;
    top: -98%;
    z-index: 0;
}
.students-placements::after{
  content: '';
    background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/student-placement-right-bg.webp);
    background-repeat: no-repeat;
    width: 648px;
    height: 1441px;
    position: absolute;
    right: 0;
    top: -48%;
    z-index: 0;
}
.student{
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.14);
  padding: 15px;
  margin-bottom: 50px;
  margin-top: 10px;
  text-align: center;
}
.student img{
  border-radius: 25px;
  margin-bottom: 10px;
}
.student h4{
  font-size: 24px;
  color: rgb(19, 19, 19);
  line-height: inherit;
  margin-bottom: 6px;
}
.student p {
  font-size: 19px;
  color: rgb(104, 104, 104);
  line-height: 1.474;
  margin: 0;
}
.student p span{
  text-transform: uppercase;
  font-size: 18px;
  color: rgb(246, 61, 64);
  line-height: 1.556;
}
.student-placement-slider .slick-list{
  margin: 0 -15px;
}
.student-placement-slider .slick-slide{
  margin: 0 15px;
}
.students-placements h2{
  margin-bottom: 30px;
}
.students-placements .heading-arrow {
  position: relative;
  left: 39px;
  top: 21px;
  transform: rotate(-18deg);
}
.students-placements .left-balloon {
  position: absolute;
  left: 0;
  top: 11%;
  z-index: 0;
  width: 227px;
}
.students-placements .left-balloon .balloon {
  position: absolute;
  left: 83%;
  top: -126px;
}
/**************************************
Miss Call
**************************************/
.misscall{
  position: relative;
  width: 85%;
  margin: auto;
  margin-top: 4%;
  z-index: 2;
}
.misscall .bg{
  width: 100%;
}
.misscall-content {
  position: absolute;
  left: 43%;
  top: 14%;
  right: 10%;
}
.misscall-content :is(h2,p,.call){
  color: #fff;
}
.misscall-content h2{
  margin-bottom: 5px;
}
.misscall-content .btn-group {
  display: flex;
  gap: 15px;
  justify-content: start;
  margin-bottom: unset;
  margin-top: 20px;
  align-items: center;
}
.misscall-content .btn-group .primary-btn{
background: #ffff00;
color: #000;
}
.misscall-content .btn-group .primary-btn:after, 
.misscall-content .btn-group .primary-btn::before{
  background: #fff;
}
.misscall-content .btn-group span {
  font-size: 35px;
  color: rgb(255, 255, 255);
}
.call{
  font-size: 35px;
  font-weight: bold;
  transition: all .5s;
  display: flex;
  align-items: center;
}
.call img{
  margin-right: 10px;
  transition: all 0.5s;
}
.call:hover img{
  filter: brightness(0) saturate(100%) invert(93%) sepia(62%) saturate(5645%) hue-rotate(353deg) brightness(107%) contrast(103%);
}
.call .char:hover {
  transform: translate3d(0, -6px, 0);
  transition: all 0.5s;
  font-weight: bold;
}
.call:hover{
  color:  #ffff00;
}
.misscall .balloon {
  position: absolute;
  left: 81%;
  top: 50%;
}
/**************************************
Advantage
**************************************/
.our-advantage .heading-arrow {
  position: relative;
  left: 39px;
  top: 21px;
  transform: rotate(-18deg);
}
.our-advantage h2{
  margin-bottom: 30px;
}
.advantage-box{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(234, 234, 234);
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding: 20px;
  transition: all .5s;
  animation: appear linear;
  animation-timeline: view();
  animation-range: entry 0% entry;
}
@keyframes appear {
  from {
      opacity: 0;
      translate: 0 -50% 0;
      clip-path: inset(100% 100% 0% 0%);
  }
  to {
      opacity: 1;
      clip-path: inset(0% 0% 0% 0%);
  }
}
.advantage-box:hover {
  background-color: rgb(246 60 63);
transform: translateY(-5px);
}
.advantage-box:hover img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1453%) hue-rotate(120deg) brightness(109%) contrast(100%);
}
.advantage-box:hover h4:after{
  background-color: #fff;
}
.advantage-box:hover :is(h4,p){
  color: #fff;
}
.advantage-box h4{
  font-size: 23px;
  color: rgb(19, 19, 19);
  font-weight: bold;
  line-height: 1.146;
  position: relative; 
}
.advantage-box h4:after{
  content: '';
    display: block;
    width: 20%;
    height: 1px;
    background-color: rgb(246, 61, 64);
    margin: auto;
    margin-top: 4px;
    margin-bottom: 10px;
}
.advantage-box img{
  margin-bottom: 10px;
}
.our-advantage{
  /* background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/our-advantage-bg.webp); */
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 10%;
  position: relative;
}
.our-advantage .container{
  position: relative;
  z-index: 1;
}
.our-advantage-bg {
  position: absolute;
  left: 12%;
  top: -40%;
}
/**************************************
Testimonials
**************************************/
.testimonials{
  position: relative;
  padding-bottom: 3%;
  margin-top: -6%;
  background: transparent;

}
.testimonials .container{
  position: relative;
  z-index: 2;
}
.testimonials .testi-bg{
  position: absolute;
  width: 100%;

}
.testimonials .right-balloon {
  position: absolute;
  right: 0px;
  width: 150px;
  top: 30%;
}
.testimonials .right-balloon .balloon {
  left: -54%;
  top: -157px;
  z-index: 10;
}

.testi-wrap {
  position: relative;
  height: 725px;
  margin-top: -80px;
}
.arrows {
  text-align: center;
}
.arrow-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  z-index: 11;
}

.prev-arrow,
.next-arrow {
  cursor: pointer;
  position: relative;
  width: 45px;
    height: 45px;
    border-radius: 22px;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.12));
    background-color: #ffffff;
    border: 1px solid #ffffff;
    
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
.prev-arrow:hover,
.next-arrow:hover{
  background-color: rgb(246, 61, 64);
}
.prev-arrow:hover::before,
.next-arrow:hover::before {
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.prev-arrow:hover:after,
.next-arrow:hover:after {
  scale: 1.1;
  opacity: 1;
}
.prev-arrow::before,
.next-arrow::before {
  content: '';
    width: 15px;
    height: 15px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    display: inline-block;
    transform: rotate(135deg);
    margin-right: 5px;
    opacity: 1;
}
.prev-arrow::after,
.next-arrow::after{
  content: '';
    outline: 1px solid rgb(246, 61, 64);
    width: 45px;
    height: 45px;
    position: absolute;
    border-radius: 50%;
    scale: .90;
    transition: all .5s;
    transition-delay: .2s;
    z-index: -1;
    opacity: 0;
} 
.prev-arrow::before {
  transform: rotate(316deg);
  margin-left: 8px;
  left: 0;
}

.next-arrow::before {
  right: 0;
}
.dot-wrap {
  position: absolute;
    bottom: 20%;
    text-align: center;
    width: 100%;
    z-index: 11;
}
.dot-wrap .dot{
    border-radius: 50%;
    background-color: rgba(246, 61, 64, 0.205);
    width: 8px;
    height: 8px;
    margin: 4px;
}
.dot-wrap .dot.active{
  background-color: rgb(246, 61, 64);
}
.client-single {
  margin-top: 20px;
  text-align: center;
  position: absolute;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.client-info, .client-comment {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.client-single.inactive .client-comment, .client-single.inactive .client-info {
  display: none;
}
.client-single.inactive .client-comment, .client-single.inactive .client-info {
  opacity: 0;
  visibility: hidden;
}
.client-single.position-1 {
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}
.client-single.position-2 {
  left: 15px;
  top: 0px;
}
.client-single.position-3 {
  left: -46px;
  top: 450px;
}
.client-single.position-4 {
  right: -46px;
  top: 180px;
}
.client-single.position-5 {
  bottom: 30px;
  right: -64px;
}
.client-single.position-6 {
  bottom: 30px;
  right: 19%;
}
.client-single.position-7 {
  bottom: 30px;
  right: 35%;
  -webkit-transform: scale(0.5) !important;
  transform: scale(0.5) !important;
}
.client-single.position-8 {
  bottom: 40px;
  right: 45%;
  -webkit-transform: scale(0.5) !important;
  transform: scale(0.5) !important;
}
.client-single.position-9 {
  bottom: 30px;
  right: 55%;
  -webkit-transform: scale(0.5) !important;
  transform: scale(0.5) !important;
}
.client-single.position-10 {
  bottom: 0px;
  right: 28%;
  -webkit-transform: scale(0.5) !important;
  transform: scale(0.5) !important;
}
.client-single.active {
  top: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  width: 100%;
}
.client-single.active .client-comment, .client-single.active .client-info {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.client-single:not(.active) {
  -webkit-transform: scale(0.55);
  transform: scale(0.55);
  z-index: 99;
}
.client-single:not(.active) .client-img{
  width: 150px;
  height: 150px;
  animation: slower infinite alternate 10s;
}
@keyframes slower{
  0%{
    transform: translateX(10px);
  }
  20%{
    transform: translateY(-10px);
  }
  40%{
    transform: translateX(-10px);
  }
  60%{
    transform: translateY(10px);
  }
  80%{
    transform: translateX(-10px);
  }
  100%{
    transform: translateX(0px);
  }
 
}
.client-single.active .client-img {
    width: 370px;
    height: 483px;
    margin: 0 auto;
    position: relative;
    border-radius: 150rem;
    animation: brdadious linear forwards;
  animation-timeline: view();
  animation-range: entry 0 entry 80%;
}
.client-single.active .client-img img{
  width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
    object-fit: cover;
    object-position: center top;
    transform: scale(1.02);
    z-index: 1;
    border-radius: 150rem;
    
}
@keyframes brdadious{
  from{
    transform: translateX(-20%);
  }
  100%{
    transform: translateX(0%);
  }
}
.client-single.active .client-img:before {
  border-radius: 150rem;
    content: "";
    background-color: rgb(246, 61, 64);
    inset: 0;
    position: absolute;
    z-index: 0;
    top: 0px;
    margin-bottom: -10px;
    margin-right: -7px;
}
.client-single.active .client-img::after{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/quote-icon.webp);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 61px;
  height: 48px;
  position: absolute;
  right: 0;
  top: 36px;
}
.client-single .client-img img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid rgb(246, 61, 64);
  cursor: pointer;
}

.client-comment {
  padding: 0 30px;
  text-align: left;
}
.client-comment h2{
  font-size: 40px;
}
.client-comment p{
  font-size: 22px;
  line-height: 1.2;
}
.client-comment .heading-arrow {
  left: 0%;
  top: 22px;
  position: relative;
  transform: rotate(-18deg);
}
.client-info{
  padding: 0 30px;
  text-align: left;
}
.client-info::before{
  content: '';
    width: 50px;
    height: 1px;
    background-color: rgb(246, 61, 64);
    display: block;
    margin-bottom: 2px;
    margin-top: 20px;
}
.client-info h4 {
  color: #000;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 24px;
  color: rgb(19, 19, 19); 
}
.client-info p {
    font-size: 20px;
    color: rgb(19, 19, 19);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonials {
    z-index: 0;
  }
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }
  .client-comment h3 {
    font-size: 18px;
    line-height: 28px;
  }
  .client-single.active {
    width: 60%;
  }
  .client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.35);
  }
  .client-single.position-3, .client-single.position-7 {
    -webkit-transform: scale(0.3) !important;
    transform: scale(0.3) !important;
  }
  .client-single.active .client-img img {
    max-width: 100px;
  }
  .client-single.active .client-img::before {
    padding: 5px;
    width: 108px;
    height: 108px;
    top: -4px;
    left: 6px;
  }
  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }
  .testi-wrap {
    height: 580px;
  }
  #testimonial-area {
    padding: 100px 0 0;
  }


  .vfx_sec .vfx_box ul li {
    grid-template-columns: 20% 80%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testimonials {
    z-index: 0;
  }

  .order1 {
    order: 1;
  }
  
  .order2 {
    order: 2;
  }
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }
  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }
  .client-single.active {
    width: 60%;
  }
  .client-comment span i {
    font-size: 40px;
  }
  .client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.35);
  }
  .client-single.position-5, .client-single.position-7 {
    right: 0;
  }
  .client-single.position-4 {
    left: 0;
  }
  .client-single.position-3, .client-single.position-7 {
    -webkit-transform: scale(0.3) !important;
    transform: scale(0.3) !important;
  }
  .client-single.active .client-img img {
    max-width: 80px;
  }
  .client-single.active .client-img::before {
    padding: 5px;
    width: 88px;
    height: 88px;
    top: -4px;
    left: 16px;
  }
  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }
  .testi-wrap {
    height: 630px;
  }


  .vfx_sec .vfx_box ul li .icon1 img {
    width: 50%;
  }
  
  .vfx_sec .vfx_box ul li .icon1 {
    width: 105px;
    height: 105px;
  }
  
  .vfx_sec .vfx_box ul li .icon {
    width: 120px;
    height: 120px;
  }



  .quick_ul {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .quick_ul li {
    width: 50%;
  }



  .about .about-sec-slider {
    margin-top: 30px;
}

.vfx_sec table tr th, .vfx_sec table tr td {
  font-size: 14px;
}



  .vfx_sec table {
   margin: auto;
   border-collapse: collapse;
   overflow-x: auto;
   display: block;
   width: fit-content;
   max-width: 100%;
 }
 
 .vfx_sec table td {
   white-space: nowrap;
   border-bottom: none;
   color: rgb(20, 20, 20);
 }
 

 .home_form .vfx_sidebar {
  margin: 0 0px;
}
.why-we-are-img .img2 {
    right: 10px;
}
  
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }
  .client-single.active {
    width: 100%;
  }
  .client-comment span i {
    font-size: 40px;
  }
  .client-single:not(.active) {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 0;
  }
  .dot-wrap {
    bottom: 20px;
}
.prev-arrow, .next-arrow {
  width: 30px;
  height: 30px;
}
.prev-arrow::before, .next-arrow::before {
  width: 10px;
  height: 10px;
}
  
  .client-single.active .client-img::before {
    margin-bottom: -5px;
    margin-right: -4px;
  }
  .client-single.active .client-img::after {
    background-size: 40px;
    right: -39px;
    top: 0px;
}
  .client-single.active .client-img {
    width: 160px;
    height: 170px;
    margin-top: 10px;
  }
  .testi-wrap {
    height: 600px;
  }

  
  
}

/*--Arrow--*/
.arrows-wrap {
  position: unset;
}

.arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 80%;
  background-color: #494949;
  cursor: pointer;

}

.left-arrow {
  float: left;
  left: 30px;
  clip-path: polygon(40% 0%, 40% 20%, 100% 33%, 100% 67%, 40% 80%, 40% 100%, 0% 50%);
}

.right-arrow {
  float: right;
  right: 30px;
  clip-path: polygon(0 33%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0 67%);

}



@media (min-width:640px){
  .col-active {
      width: 75% !important;
      height: unset!important;
      transform: translate(-50%, -50%)!important;
      top: 50%!important;
      left: 50%!important;
  }
}

@media (min-width:840px){
  .col-active {
      width: 50% !important;
  }
}

@media (min-width:1080px){
  .col-active {
      width: 33.33% !important;
  }
}

@media (max-width:640px){
  
  .quote-column{
      width: 90% !important;
      top:50%;
      position: absolute;
      opacity: 0;
      transform:translate(-50%, -50%)!important;
      left: 50%;
      height: auto!important;
      z-index: 0;
      transition: .5s all;
  }

  .col-active {
     opacity: 1;
      z-index: 1;
  }

  .col-inner {
      max-width: 100%;
  }
  .author-meta{
      width: 100%;
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.432);
  }
  .image-cover{
      position: relative;
      width:30%;
      max-width: 140px;
      float: left;
      aspect-ratio: 1/1;
      overflow: hidden;
      border-radius: 1.3rem 0rem 1.3rem 0rem;
      z-index: 1;
  }
  .quote-wrapper{
      visibility: visible;
  }
  

  .quote-wrapper .quote-symbol{
      font-size:34vh;
  }

}
/**************************************
Blogs
**************************************/
.blogs{
  position: relative;

}
.blogs .container{
  z-index: 2;
  position: relative;
}
.blogs::before{
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/blog-left-bg.webp);
  background-repeat: no-repeat;
  width: 723px;
  height: 1690px;
  position: absolute;
  left: 0;
  top: -68%;
  z-index: 0;
}
.blogs .heading-arrow {
  position: relative;
  left: 18px;
  top: 21px;
  transform: rotate(-18deg);
}
.blogs h2{
  margin-bottom: 30px;
}
.blog-item {
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 8px 3px rgb(0 0 0 / 22%);
  overflow: clip;
  animation: appear linear;
  animation-timeline: view();
  animation-range: entry 0% entry 60%;
  margin: 10px 10px;
}
.blog-image {
  position: relative;
  overflow: hidden;
  height: 277px;
}
.blog-image img{
  height: 100%;
  width: 100%;
  object-fit: fill;
  transition: all 1s;
}
.blog-content {
  padding: 15px;
  position: relative;
}
.blog-tag{
  background-color: rgb(9, 208, 208);
  height: 36px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  display: inline-block;
  position: absolute;
  top: -18px;
  right: 30px;
  padding-inline: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50rem;
  z-index: 1;
}
.blog-content h4{
  font-size: 24px;
  color: rgb(19, 19, 19);
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 10px;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: calc(1.2em * 2);
}
.blog-content P.date {
  color: rgb(101, 101, 101);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.blog-content :is(p,h4){
  z-index: 1;
  position: relative;
}
.blog-content::after{
  content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4%;
    height: 16%;
    background-color: #f63d40;
    z-index: 0;
    border-radius: 0% 179% 0% 0%;
    transition: all .5s;
}
.blog-item:hover .blog-content::after{
  width: 100%;
  height: 100%;
  border-radius: 0% 0% 0% 0%;
}
.blog-item:hover .blog-image img{
  transform: scale(1.3);
}
.blog-item:hover :is(p,h4){
  color: #fff;
}
.blog-item:hover p.date{
  opacity: .8;
}
.read-more{
  font-size: 20px;
  color: rgb(246, 61, 64);
  font-weight: bold;
  text-decoration: underline;
  transition: all  .5s;
  z-index: 1;
  position: relative;
}
.read-more::after{
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid rgb(246, 61, 64);
  border-left: 2px solid rgb(246, 61, 64);
  display: inline-block;
  transform: rotate(135deg);
  margin-left: 4px;
}
.read-more:hover{
  text-decoration: underline;
  letter-spacing: 2px;
}
.text-end{
  text-align: right;
}
.blogs {
  margin-top: -5%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.blogs .text-center{
  padding-top: 40px;
}
.blog-item:hover .read-more,
.blog-item a:hover h4{
  color: #fff000;
}
.blog-item:hover .read-more::after{
  border-top: 2px solid #fff000;
  border-left: 2px solid #fff000;

}
/**************************************
Free Camp
**************************************/
.animation-camp{
  position: relative;
  border-radius: 0 0 100% 100%;
  background-color: #fff;
  z-index: 1;
  margin-top: -1%;
}
.container-fluid {
  padding-inline: 50px;
}
.free-camp{
  position: relative;
}
.free-camp-bg{
  width: 100%;
  margin-bottom: -4px;
}
.free-camp .misscall-content {
  position: absolute;
  left: 50%;
  top: 53%;
  right: 15%;
}
.animation-camp .right-balloon {
  position: absolute;
  right: 36%;
  width: 200px;
  top: 25%;
}
.animation-camp .fish{
  bottom: 55%;
  right: 8.91%;
  z-index: 1;
}

/**************************************
Footer
**************************************/

footer {
  background-color: #001d25;
  width: 100%;
  padding-top: 24%;
  position: relative;
  margin-top: -17%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}


.footer-box {
  text-align: left;
}

.footer-logo {
  margin-bottom: 25px;
}

footer p {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #f4f4f4;
  font-weight: 500;
  text-align: left;

}

.footer-title {
  font-size: 24px;
  letter-spacing: 0px;
  line-height: 50px;
  color: #eb1014;
  font-weight: 500;
  position: relative;
  margin-bottom: 25px;
}

.footer-title:after {
  content: '';
  width: 35px;
  height: 2px;
  background-color: #ffffff;
  display: inherit;
  margin-top: -9px;
}

.list-item {
  position: relative;
  padding-left: 45px;
  margin-bottom: 10px;
  min-height: 44px;
  display: flex;
    align-items: center;
}

.list-item p {
  text-align: left;
  margin: 0;
}

.list-item span {
  position: absolute;
  left: 0;
  top: 5px;
  width: 37px;
  height: 37px;
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 1px;
  border-color: rgb(64, 64, 64);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer ul li a,
.contact-info a {
  font-size: 18px;
  line-height: 2.05;
  color: #f4f4f4;
  font-weight: 500;
  position: relative;

}

footer ul li a:hover,
.contact-info .list-item P a:hover {
  color: #eb1014;
}

footer ul li {
  position: relative;
}

footer h5 {
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.278;
  margin-bottom: 4PX;
}

footer .social {
  display: flex;
  gap: 10px;
  margin-top: 25px;
}

footer .social a:hover {
  transform: scale(1.2);
}
.footer-map iframe{
  width: 100%;
  height: 280px;
  border-radius: 30px;
}
.copyright {
  color: #fff;
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  padding-top: 40px;
  border-top: 1px solid rgb(255 255 255 / 10%);
  margin-top: 3%;
}

.copyright p,
.copyright a {
  font-size: 18px;
  color: #fff;
}

.copyright p a {
  color: #eb1014;
}

.copyright p a:hover {
  color: #eb1014;
}

.dp {
  display: flex;
  align-items: center;
  gap: 10px;
}

.copyright .dp a {
  color: #e07c21;
  text-decoration: underline;
}

/**********************************
About Page
**********************************/
.banner.inner-banner::after {
  content: '';
    background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/inner-banner-bg.webp);
    width: 1920px;
    height: 894px;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    z-index: 1;
    background-size: cover;
}
.ab-ch {
  position: absolute;
  left: 0;
  bottom: 0;
}
.ab-small {
  position: absolute;
  left: 19%;
  bottom: -10%;
  z-index: 1;
}
.inner-banner .happy-student {
  top: 9%;
  left: 10%;
}

.happy-student p {
	margin-bottom: 0;
}
.dots {
  position: absolute;
  top: -44px;
  left: 21%;
  z-index: -1;
}
.inner-banner h1{
  margin-top: 0;
  font-weight: bold;
}
.about-page .about-img .dots{
  left: -12%;
    top: -6%;
    border-radius: 0;
}
.about-page .about-img{
  animation: none;
  margin:0;
}
.about-page .about-img img{
  border-radius: 20px;
}
.about-page .about-img .video-box img{
  border-radius: 0px;
}

.about-page .about-img::after{
  content: '';
    border-radius: 20px;
    background-color: rgb(244, 197, 49);
    position: absolute;
    left: -9%;
    bottom: -7%;
    width: 326px;
    height: 268px;
    z-index: -1; 
}
.about-page .about-img::before{
  content: '';
  background-color: rgb(236, 19, 23);
  opacity: 0.2;
  position: absolute;
  right: 4%;
  top: -11%;
  width: 156px;
  height: 139px;
  z-index: 266;
}
.about-page .about-img.right-about .dots {
  right: -12%;
  top: -6%;
  border-radius: 0;
  left: auto;
}
.about-page .about-img.right-about::after {
  content: '';
  background-color: #ff7901;
  right: -9%;
  bottom: -7%;
  left: auto;
}
.about-page .about-img::before {
  left: 10%;
  right: auto;
}
.blank-height {
  width: 100%;
  height: 30px;
}
.bold-italic {
  font-weight: bold;
  font-style: italic;
  font-size: 28px;
  line-height: 1.2;
  margin-top: 30px;
  margin-bottom: 50px;
}
.about-page .left-balloon{
  left: auto;
    right: 4%;
    bottom: 55%;
    top: auto;
}
.about-page .about_head {
  text-align: center;
  margin-bottom: 40px;
}
.counter-section .box{
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/counter-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2%;
    border-radius: 20px;
    padding-block: 40px;
}
.counter-icon{
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    width: 82px;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.counter-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.counter-box h3{
  font-size: 50px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1;
}
.counter-box h3::after{
  content: '+';
}
.counter-box p{
  color: #fff;
  margin-bottom: 0;
}

.explore{
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/explore-carve.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 70%;
  padding-top: 70px;
  padding-bottom: 70px;
}
.explore .text-center{
  width: 50%;
  margin: auto;
  margin-bottom: 40px;
}

.fw-video iframe{
  width: 100%;
  height: 625px;
  border-radius: 40px;
  position: relative;
  z-index: 9;
}
.director{
  position: relative;
}
.director .left-balloon{
  left: -50px;
  top: 27%;
}
.director .about-img::after{
  display: none;
}
.director .about-img::before{
  display: none;
}
.about-page.director .about-img.right-about .dots {
  right: -7%;
  top: -18%;
}
.director-name{
  width: auto;
    height: auto;
    border-radius: 13px;
    filter: drop-shadow(0px 8px 17.5px rgba(0, 0, 0, 0.11));
    background: #fff;
    width:300px;
    text-align: left;
    padding: 10px;
    padding-bottom: 15px;
    padding-top: 13px;
    padding-left: 90px;
    position: absolute;
    bottom: -30px;
    left: -40px;
}
.director-name span{
  background-color: #03b9b9;
  width: 65px;
    height: 65px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    position: absolute;
    left: 10px;
    top: 7px;
}
.director::before {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/director-right-bg.webp);
  width: 689px;
  height: 1806px;
  position: absolute;
  right: 0;
  top: -25%;
  z-index: 0;
}

.director .happy-student{
  top: unset;
  bottom: 0%;
}
.director .happy-student img{
  position: relative;
}
.director-name h4{
  font-size: 24px;
  color: rgb(0, 0, 0);
}
.director-name p{
  font-size: 16px;
  color: rgb(126, 126, 126);
  margin: 0;
}
.director .misscall{
  width: 100%;
  margin-top: 7%;
}
.director .misscall-content{
  display: flex;
    align-items: center;
    left: 35%;
    right: 2%;
    top: 21%;
    justify-content: space-between;
}
.director .misscall-content h2{
  width: 62%;
}
.why-choose{
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}
.why-choose .right-balloon {
  position: absolute;
  right: -70px;
  width: 208px;
  top: 53%;
}
.why-choose .right-balloon .balloon {
  left: -40%;
  top: -158px;
  z-index: 10;
}
.why-choose::before {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/student-work-left-bg.webp);
  width: 679px;
  height: 1428px;
  position: absolute;
  left: 0;
  top: -18%;
  z-index: 0;
}
.why-choose .text-center{
  margin-bottom: 40px;
}
.choose-box{
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 11px 25px 0px rgba(0, 0, 0, 0.09);
  overflow: clip;
}
.choose-box img{
  border-radius: 20px;
}
.choose-content{
  padding: 20px;
  position: relative;
  padding-top: 8%;
}
.choose-content span{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(244, 244, 244);
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  position: absolute;
  right: 8%;
  top: -44%;
  width: 100px;
  height: 100px;
  box-shadow: 0px 0px 0px 10px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.choose-content span img{
  border-radius: 0;
}
.choose-content h4{
    font-size: 24px;
    color: rgb(19, 19, 19);
    font-weight: bold;
    margin-bottom: 10px;
}
.slick-dots li button,.slick-dots li button:hover,
.slick-dots li button:focus{
  border-style: solid;
  border-width: 0px;
  border-color: rgb(255 245 240);
  border-radius: 50%;
  background-color: rgb(246, 242, 255);
  width: 18px;
  height: 18px;
  z-index: 98;
  outline: 1px solid rgb(93, 93, 93);
}
.slick-dots li button:hover{
  background-color: #ec131777;
}
.slick-dots li button:before{
  display: none;
}
.slick-dots li.slick-active button {
  opacity: 1;
  background-color: #ec1317;
  border-width: 3px;
}
.awards{
  padding: 60px 0;
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/awards-bg.webp);
  background-repeat: no-repeat;
}
.award-slider .slick-list{
  margin: 0 -15px;
}
.award-slider .slick-slide{
  margin: 0 15px;
}
.award-item{
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 11px 25px 0px rgba(0, 0, 0, 0.09);
    padding: 20px;
    text-align: center;
    margin: 20px 0;
}
.award-item img{
  margin: auto;
  margin-bottom: 10px;
}
.award-item p{
    font-size: 20px;
    color: rgb(24, 24, 24);
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 0;
}
.students-placements.about-page {
  padding-bottom: 7%;
}
.students-placements.about-page .left-balloon {
  right: auto;
  left: 0%;
  bottom: 85%;
  top: auto;
}
.about-page.students-placements::before,
.about-page.students-placements::after{
  display: none;
}
.testimonials.about-page {
  padding-bottom: 0;
  margin-bottom: -2%;
}
.testimonials.about-page .right-balloon {
  position: absolute;
  right: -70px;
  width: 150px;
  top: -31%;
}
.top-recruiters {
  padding-top: 3%;
  padding-bottom: 6%;
}
.top-recruiters .brand-logo{
  box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.11);
}
.top-recruiters .slick-list{
  margin: 0 -15px;
}
.top-recruiters .slick-slide{
  margin: 20px 15px;
}

/*************************************
 Blog
 **************************************/
 .blog-page {
  padding-bottom: 6%;
  position: relative;
  z-index: 1;
}

 .blog-banner .ab-small {
  position: absolute;
  left: 4%;
  bottom: -7%;
  z-index: 1;
}
.blog-banner .ab-ch {
  position: absolute;
  left: -18%;
  bottom: 5%;
}
 .bb-phone{
  position: absolute;
    left: 8%;
    top: 24%;
 }
 .blog-list{
  border-radius: 34px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 11px 25px 0px rgba(0, 0, 0, 0.09);
  padding: 15px;
  margin-bottom: 35px;
 }
 .blog-list .blog-img img{
  border-radius: 30px;
}
.blog-list .blog-tag{
  position: relative;
    left: unset;
    right: unset;
    display: inline-flex;
    top: unset;
    margin-bottom: 10px;
}
.blog-list p.date{
  font-size: 18px;
  color: rgb(101, 101, 101);
  line-height: 0.001;
  text-transform: unset;
  display: flex;
  align-items: center;
  gap: 20px;
}
.blog-list .tags{
  font-size: 15px;
  color: rgb(101, 101, 101);
  line-height: 1.2;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.blog-list .tags img{
  position: absolute;
  left: 0;
  top: 3px;
}
.blog-list .blog-content{
  padding: 0;
}
.blog-list .blog-content::after{
  display: none;
}
.blog-list .blog-content p.dec{
    font-size: 18px;
    color: rgb(94, 94, 94);
    line-height: 22px;
    text-align: left;
  
}
.blog-list .blog-content h4 {
  line-height: 24px;
  margin-bottom: 10px;
}
.blog-list .blog-content h4:hover{
  color: rgb(246, 61, 64);
}
.title {
  font-size: 20px;
  color: rgb(16, 16, 16);
  line-height: 28px;
}
.title:after {
  content: '';
  width: 35px;
  height: 2px;
  background-color: rgb(246, 61, 64);
  display: inherit;
  margin-top: 0px;
}
.search-bar{
    margin-top: 20px;
    margin-bottom: 20px; 
}
.search-bar form{
  position: relative;
}
.search-bar form img{
  position: absolute;
  top: 18px;
  right: 18px;
}
.search-bar input{
  border-style: solid;
    border-width: 1px;
    border-color: rgb(216, 216, 216);
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 57px;
    position: relative;
    outline: none;
    padding: 10px 20px;
}

.contact-box{
  border-radius: 30px;
  background-color: rgb(30, 184, 185);
  text-align: center;
  padding: 5px;
  padding-top: 16px;
  overflow: clip;
}
.contact-box h2{
  font-size: 36px;
line-height: inherit;
color: #ffffff;
font-weight: 700;
z-index: 1;
position: relative;
}
.contact-box p{
  font-size: 19px;
letter-spacing: 0px;
line-height: 22px;
color: #ffffff;
z-index: 1;
position: relative;
margin-bottom: 0;
}
.contact-box form{
  filter: drop-shadow(0px 12px 13px rgba(0,0,0,0.09));
  background-color: #ffffff;
  padding: 30px 15px;
  border-radius: 10px;
  margin-bottom: 8px;
  position: relative;
  padding-bottom: 30px;
}
.contact-box form::after,
.contact-box form::before{
  content: '';
    position: absolute;
    top: -36px;
    left: 1.5%;
    width: 97%;
    height: 57px;
    border-radius: 100%;
    background-color: rgb(30, 184, 185);
}
.contact-box .primary-btn{
  cursor: pointer;
  padding-inline:45px;
}
.form-btn::after {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/submit-icon.webp);
  width: 45px;
  height: 45px;
  position: absolute;
  right: 5px;
  z-index: 2;
  top: 6px;

}
.form-btn {
  display: inline-block;
  position: relative;
}
.contact-box form::after{
  bottom: -39px;
  top: unset;
}
.form-group{
  position: relative;
  margin-bottom: 10px;
}
.contact-box .form-group img{
  position: absolute;
  right: 18px;
  top: 18px;
}
.form-control{
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #1eb8b9;
  font-size: 18px;
  line-height: 26px;
  color: #1d1f1f;
  outline: none;
  padding: 13px 50px 13px 15px;
}
select{
  appearance: none;
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/form-arrow.webp);
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: 15px;
}
.form-control::placeholder{
  color: #1d1f1f;
}
.recent-post{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(216, 216, 216);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.15);
  padding: 15px; 
  margin-top: 20px;
}
.recent-post .title{
  margin-bottom: 10px;
}
.recent-post-list{
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgb(231, 231, 231);
  
}
.recent-post-list:last-child{
  border-bottom: 0;
}
.recent-post-list .blog-content{
  padding: 0;
  width: 78%;
}
.blog-content a:hover h4{
  color: #fff000;
}
.recent-post-list .blog-content::after{
  display: none;
}
.recent-post-list p.date{
  text-transform: unset;
  margin-bottom: 0;
}
.recent-post-list h4{
  font-size: 18px;
  color: rgb(19, 19, 19);
  font-weight: bold;
  line-height: 1.25; 
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8%;
}

.pagination a {
  color: black;
  padding: 0px 16px;
  text-decoration: none;
  transition: background-color .3s;
}
.pagination a.active {
  background-color: rgb(235, 15, 19);
  color: #fff;
}

.pagination a {
  padding: 2px 7px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(235, 15, 19);
    margin: 5px;
}
.pagination a:hover{
  background-color: rgb(235, 15, 19);
  color: #fff;
}
.pagination a.pegi_btn{
  width: auto;
  height: auto;
  color: rgb(235, 15, 19);
  border: 0;
  font-size: 24px;
}
.pagination a.pegi_btn:hover{
  background-color: transparent;
  color: rgb(235, 15, 19);
}
.blog-details-banner.banner {
  position: relative;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 120px;
}

.breadcrumbs li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline;
}
.breadcrumbs li:not(:first-of-type) {
  margin-left: 12px;
}
.breadcrumbs li::after {
  content: '/';
  margin-left: 12px;
}
.breadcrumbs li:last-of-type::after {
  content: "";
}
.breadcrumbs li:last-of-type a{
  color: #000;
  font-weight: bold;
}
.breadcrumbs a {
  text-decoration: none;
  color: inherit;
    font-size: 15px;
    color: rgb(101, 101, 101);
    line-height: 0.001;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs {
  padding: 29px 0;
  position: relative;
  z-index: 1;
}
.banner.inner-banner.blog-details-banner {
  overflow: hidden;
}
.blog-details .blog-content{
  padding: 0;
}
.blog-details .blog-img img{
  width: 100%;
  border-radius: 30px;
  margin-bottom: 20px;
}
.blog-details .blog-content::after{
  display: none;
}
.blog-details h4 {
  font-size: 48px;
  color: rgb(19, 19, 19);
  font-weight: bold;
  line-height: 1.021;
  display: block;
  height: auto;
}
.blog-details h1 {
    font-size: 50px;
    line-height: 60px;
    animation: none;
}
.blog-details p.date {
  font-size: 15px;
  color: rgb(101, 101, 101);
  line-height: 1.2;
  text-transform: unset;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.content-box{
  border-style: solid;
    border-width: 1px;
    border-color: rgb(216, 216, 216);
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.15);
    padding: 15px;
    padding-top: 8%;
    margin-top: -9%;
    margin-bottom: 30px;
}
.content-box ol{
  list-style-type: numeric;
  padding-left: 16px;
  margin-bottom: 20px;
}
.content-box ol li,.blog-details ul li{
  margin-bottom: 8px;
}
.content-box p,.content-box ol li,.blog-details ul li {
  font-size: 20px;
  color: rgb(94, 94, 94);
  line-height: 1.4;
}
.content-box p strong{
  color: #000;
}
.blog-details h3{
	font-size:26px;
	margin-bottom: 8px;
}
.blog-details ul {
    list-style-type: disc;
    padding-left: 22px;
}
.blog-details ul ::marker {
    color: rgb(236 9 9);
    font-size: 20px;
}
.content-box h4{
  font-size: 34px;
  margin-bottom: 10px;
}
.content-box h5{
  font-size: 24px;
  margin-bottom: 10px;
}
.share-blog{
  border-top: 1px solid rgb(221, 221, 221);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
.share-blog .social a{
  border: 1px solid rgb(200, 200, 200);
  border-radius: 50%;
  background-color: rgba(0, 156, 203, 0);
  width: 49px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-blog .social a:hover{
  background-color: #e70003;
  border-color: #e70003;
}
.share-blog .social a:hover img{
  filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(0%) hue-rotate(320deg) brightness(114%) contrast(100%);
}
.share-blog .social a img{
  filter: brightness(0) saturate(100%) invert(65%) sepia(3%) saturate(20%) hue-rotate(8deg) brightness(92%) contrast(80%);
}
.share-blog .social {
  display: flex;
  gap: 10px;
}
.share-blog p{
  font-size: 17px;
  color: rgb(19, 19, 19);
  line-height: 1.647;
}
.leave-comment{
  border-style: solid;
    border-width: 1px;
    border-color: rgb(216, 216, 216);
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.15);
    padding: 15px;
}
.leave-comment .form-control{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 219, 219);
    border-radius: 4px;
    background-color: rgb(247, 247, 247); 
}
.leave-comment .primary-btn{
  cursor: pointer;
}
.related-post{
  margin-top: 50px;
}
.related-post .blog-image {
  position: relative;
  overflow: hidden;
  height: 175px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.related-post .blog-list {
  border-radius: 25px;
  padding: 11px;
  margin-bottom: 0;
  position: relative;
}
.related-post .blog-list .blog-tag {
  position: absolute;
  top: 20px;
  right: 25px;
}
.related-post .blog-list p.date {
  font-size: 14px;
}
.related-post .blog-list .blog-content h4 {
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}
.left-balloon.bdetails {
  position: absolute;
  left: -80px;
  top: 20%;
  z-index: 0;
  width: 223px;
}
.bdr-bg::after {
  content: '';
    background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/about-right-bg.webp);
    position: absolute;
    right: 110px;
    top: -4%;
    display: block;
    width: 440px;
    height: 770px;
    background-repeat: no-repeat;
    transform: scale(1.5);
    z-index: -1;
}

.contact-page .blog-list{
  border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 11px 25px 0px rgba(0, 0, 0, 0.09);
    margin-bottom: 20px;
    padding-left: 16%;
    position: relative;
}
.contact-page .blog-list h4{
  font-size: 30px;
  color: rgb(217, 55, 30);
  font-weight: bold;
  line-height: inherit;
  margin-bottom: 5px;
}
.contact-page .blog-list p,
.contact-page .blog-list p a{
  font-size: 21px;
  color: rgb(52, 52, 52);
  line-height: 1.364;
}
.contact-page .blog-list p a:hover{
  color: rgb(217, 55, 30);
}
.contact-page .icon {
  border-radius: 50%;
  background-color: rgb(255, 240, 0);
  position: absolute;
  width: 63px;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 15px;
}
.contact-page .icon img{
  filter: brightness(0) saturate(100%);
  transform: scale(1.7);
}
.contact-page h2{
  margin-bottom: 30px;
}
.map{
  padding-top: 5%;
}
.map iframe{
  width: 100%;
  height: 600px;
  border-radius: 30px;
  border: 0;
}
.contact-page.blog-page {
  padding-bottom: 3%;
  position: relative;
  z-index: 1;
}
.payment-details{
    background-color: rgb(245, 245, 245);
    padding: 10px;
    margin-bottom: 40px;
    border-radius: 4px;
}
.payment-details .title{
  font-size: 24px;
  color: rgb(19, 19, 19);
  font-weight: bold;
  line-height: inherit;
  margin-bottom: 12px;
}
.payment-details .title:after {
  margin-top: 6px;
}
.payment-details p{
    font-size: 20px;
    color: rgb(19, 19, 19);
    line-height: 24px;
}
.payment-details h5 {
  font-size: 20px;
  color: rgb(19, 19, 19);
  line-height: inherit;
  margin-bottom: 10px;
}
.payment-details h5::after,.form-area h2:after{
  content: '';
    width: 35px;
    height: 2px;
    background-color: rgb(246, 61, 64);
    display: inherit;
    margin-top: 6px;
}
.payment-details .bank-details{
  font-size: 16px;
    color: rgb(48, 48, 48);
    line-height: 26px;
}
.qr {
  text-align: right;
}
.qr-box {
  background: #fff;
  width: 70%;
  text-align: center;
  padding-top: 15px;
  margin-left: auto;
  margin-top: 10px;
}
.qr-code-img{
  margin-right: 10%;
}
.qr h6{
  font-size: 18px;
  color: rgb(19, 19, 19);
  margin-bottom: 10px;

}
.form-area h2{
  margin-bottom: 20px;
}
label {
  font-size: 18px;
  color: rgb(19, 19, 19);
  margin-bottom: 10px;
  display: inline-block;
}

.form-icon{
  position: absolute;
    right: 10px;
    top: 15px;
	z-index: 9;
}
.form-area .form-control{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(227, 227, 227);
    border-radius: 10px;
    background-color: rgb(252, 252, 252);
    width: 100%;
    font-size: 18px;
    color: #000;
}
.form-area .form-control::placeholder{
    color: rgb(93, 93, 93);
}
.form-area .form-group{
  margin-bottom: 0;
}
.file-btn{
  border-radius: 4px;
    font-size: 20px;
    color: rgb(147, 147, 147);
  
}
.file-btn::file-selector-button{
  border: none;
  color: rgb(167, 167, 167);
  border-radius: 10px;
  background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(226,226,226) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(226,226,226) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(226,226,226) 100%);
  border: 1px solid rgb(161, 161, 161);
  cursor: pointer;
  transition: all .25s ease-in;
  cursor: pointer;
  padding: 13px 20px;
  font-size: 18px;
}
.file-btn::file-selector-button:hover{
  background-image: linear-gradient(0deg, #ff6568 0%, #e70003 100%);
  color: #fff;
  border-color: #e70003;
}
.form-check-input,.form-check-label{
  accent-color: #e70003;
  cursor: pointer;
}
.form-area {
  padding-inline: 20px;
  padding-bottom: 30px;
}
.admission-page .blog-list{
  border-radius: 20px;
  padding-top: 30px;
}

.apply-courses{
  border-radius: 10px;
  background-color: rgb(4, 29, 49);
  padding: 20px;
}
.apply-courses label{
  color: #fff;
}
.apply-courses .form-control{
  border: 0;
}
.apply-courses h4{
  font-size: 30px;
    color: rgb(255, 234, 0);
    font-weight: bold;
    text-decoration: underline;
    line-height: 1.467;
    text-align: center;
    margin-bottom: 15px;
}
.eligibility-box{
  position: relative;
  border-radius: 10px;
  padding: 15px; 
  margin-top: 25px;
  overflow: clip;
}
.eligibility-box h4{
  font-size: 24px;
  color: rgb(16, 16, 16);
  font-weight: bold;
  line-height: 2.292;
}
.eligibility-box p{
  font-size: 18px;
  color: rgb(56, 56, 56);
  line-height: 1.5;
  padding-right: 30px;
}

.eligibility-box span {
  border-radius: 50%;
    background-color: rgb(4, 29, 49);
    position: absolute;
    right: -25px;
    top: -25px;
    width: 101px;
    height: 101px;
    display: flex;
    align-items: end;
    padding: 18px;
}
.bg1{
  background-color: rgb(170, 245, 240); 
}
.bg2{
  background-color: rgb(253, 217, 185);
}
.bg3{
  background-color: rgb(217, 233, 255); 
}
.bg4{
  background-color: rgb(255, 225, 225); 
}
.primary-btn{
  cursor: pointer;
}
.gb-img img{
  width: 100%;
}
.gb-img{
  display: flex;
  gap: 3%;
}
.gb-img .small-img{
  width: 37%;
}
.gb-img .small-img img{
margin-bottom: 20px;
}
.gb-img .big-img{
  width: 60%;
}
.filters-button-group {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  border: 1px solid rgb(215, 215, 215);
  border-radius: 50rem;
  background: rgb(255, 255, 255);
  color: #222;
  cursor: pointer;
  color: rgb(56, 54, 54);
  font-size: 20px;
  padding: 10px 35px;
}
.button:hover {
    background-color: rgb(11, 191, 183);
    color: #fff;
}
.button:active,
.button.is-checked {
  background-color: rgb(11, 191, 183);
  color: #fff;
}
.button.is-checked {
  color: white;
}
.grid {
  border: 0;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.element-item {
  position: relative;
  float: left;
  border-radius: 10px;
  margin: 5px;
  padding: 0;
  overflow: hidden;
  height: 376px;
  width: 24%;
}

.element-item.w-49{
  width: 49%;
}

.element-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .item-name {
  position: absolute;
    left: 0px;
    bottom: 40px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    background: #0bbfb7;
    padding: 10px 28px;
    color: #fff;
    font-size: 20px;
    z-index: 1;
}
.item-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(20 20 20 / 40%);
  opacity: 0;
  transition: all .5s;
}
.item-overlay img{
  width: auto;
  height: auto;
}
.element-item:hover .item-overlay{
  opacity: 1;
}
.video-banner::before{
  content: '';
    background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/inner-banner-wave.webp);
    width: 635px;
    height: 395px;
    display: block;
    position: absolute;
    right: 0;
    z-index: 2;
}

.video-grid .element-item{
  width: 32.6%;
  height: 288px;
}
.video-box a{
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  border-radius: 50%;
  width: 95px;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-box a img{
  position: relative;
  z-index: 2;
  width: 20px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(84deg) brightness(96%) contrast(101%);

}
.video-box a:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 55px;
  height: 55px;
  background: #ffffff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  z-index: 0;
}
.video-box a:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 55px;
  height: 55px;
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  border-radius: 50%;
  transition: all .5s;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-grid .element-item .item-name {
  position: absolute;
  left: 14px;
  bottom: 20px;
  background: #ff0000;
  padding: 10px 28px;
  color: #fff;
  font-size: 18px;
  z-index: 1;
}
.video-grid .element-item .item-name h4::before {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/play-icon.webp);
  width: 20px;
  height: 20px;
  background-size: 15px;
  background-repeat: no-repeat;
  display: block;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(151deg) brightness(104%) contrast(101%);
  position: absolute;
  left: 7px;
}

/*************************************
Recruitment
*************************************/
.recruitment{
  position: relative;
  padding-bottom: 100px;
}
.recruitment h2::after{
  margin: auto;
  margin-top: 6px;
}
.recruitment .blog-list{
  position: relative;
  z-index: 2;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 181, 182);
  border-radius: 34px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 11px 25px 0px rgba(0, 0, 0, 0.09);
}
.recruitment-charector{
  position: absolute;
  right: 0;
  bottom: 0;
  animation: slideright linear 1s;
  animation-timeline: view();
  animation-range: entry 0 entry;
}

.recruitment .text-center{
  margin-bottom: 70px;
}
.recruitment form .text-center{
  margin-bottom: 0;
}
.recruitment form .primary-btn{
  padding-inline: 50px;
}
.rec-img .big-img {
  text-align: center;
  transform: translateY(-100px);
}
.rec-img .big-img img{
  transform: translateY(35px);
  animation: opaciyt linear forwards;
    animation-timeline: view();
    animation-range: exit;
    transform-origin: bottom;
}
.rec-img .dots {
  position: absolute;
  top: 19px;
  left: 38%;
  z-index: -1;
}
.rec-banner{
  padding-bottom: 70px;
}
.rec-banner .banner-content {
  position: relative;
  margin-top: -175px;
}
.noti-banner .dots {
  position: absolute;
  top: 48px;
  left: 9%;
  z-index: -1;
  width: 35%;
}
.noti-items .element-item {
  position: relative;
  float: unset;
  margin: 0px;
  padding: 0;
  overflow: hidden;
  height: auto;
  width: 100%;
  border-style: solid;
  border-width: 7px;
  border-color: rgb(196, 196, 196);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.17);
}
.noti-items .element-item{
  width: 100%;
}
.placement-banner .ab-small {
  position: absolute;
  left: -14%;
  bottom: -10%;
  z-index: 1;
}
.placement-banner .ab-ch {
  position: absolute;
  left: -20%;
  bottom: auto;
}
.placement-banner .dots {
  position: absolute;
  top: 56px;
  left: 2%;
  z-index: -1;
}
.right-placement::after{
  display: none;
}
.about-page .right-placement::before{
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/100.webp);
  opacity: 1;
    background-color: transparent;
    width: 151px;
    height: 171px;
    left: -13%;
    top: -5%;
}
.about-page .right-placement .dots {
  left: auto;
  top: -7%;
  right: -60px;
  border-radius: 0;
}
.right-placement .happy-student {
  top: auto;
  bottom: 0;
}
.placement-cell{
  padding-top: 60px;
}
.placement-cell .box{
  border-radius: 10px;
  background-image: -moz-linear-gradient( -94deg, rgb(255,205,203) 0%, rgb(255,237,192) 100%);
  background-image: -webkit-linear-gradient( -94deg, rgb(255,205,203) 0%, rgb(255,237,192) 100%);
  background-image: -ms-linear-gradient( -94deg, rgb(255,205,203) 0%, rgb(255,237,192) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  padding-right: 70px;
  position: relative;
  z-index: 1;
}
.placement-cell :is(h4,a){
  font-size: 30px;
  color: rgb(15, 14, 14);
  font-weight: bold;
  line-height: 1.133;
  display: flex;
  align-items: center;
  gap: 10px;
}
.placement-cell h4 span{
  border-radius: 50%;
  background-color: rgb(246, 61, 64);
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.placement-cell a span{
  border-radius: 50%;
  background-color: rgb(237, 19, 22);
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.placement-cell a:hover{
  color: rgb(237, 19, 22);
}
.flex-box {
  display: flex;
  align-items: center;
  gap: 35px;
}
.placement-desk::before {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/popular-course-left-bg.webp);
  position: absolute;
  left: 0;
  top: -18%;
  display: block;
  width: 727px;
  height: 1292px;
  background-repeat: no-repeat;
}
.placement-records {
  padding-block: 60px;
  position: relative;
}
.placement-records .text-center{
  margin-bottom: 60px;
}
.tab-item{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
.tab-item .tab{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(215, 215, 215);
  background-color: rgb(255, 255, 255);
  width: 112px;
  height: 45px;
  font-size: 20px;
  color: rgb(56, 54, 54);
  line-height: 1.35;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50rem;
  cursor: pointer;
}
.tab-item .tab.active {
  background-color: rgb(11, 191, 183);
  color: #fff;
}
.placement-records .tab-content {
  display: none;
  position: relative;
  z-index: 1;
}
.tab-content.active {
  display: block;
}
.placement-records .student{
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/placement-student-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.placement-records .col-lg-3{
  width: 100%;
}
.placement-records .student .courses-img{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  margin: auto;
  margin-bottom: 15px;
}
.placement-records .student .logo{
  border-radius: 0;
  margin: auto;
  margin-bottom: 20px;
}
.plcmt .misscall{
  margin-top: 0;
  padding-top: 5%;
  width: 100%;
}
.plcmt .misscall-content {
  display: flex;
  align-items: center;
  left: 35%;
  right: 2%;
  top: 43%;
  justify-content: space-between;
}
.plcmt .misscall-content h2 {
  margin-bottom: 5px;
  width: 65%;
}
.procedure-item{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(234, 234, 234);
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.14);
  padding: 20px;
  text-align: center;
  padding-inline: 10px;
  height: 184px;
  transition: all .5s;
  position: relative;
  z-index: 1;
}
.procedure-item:hover{
  background-color: #6991fa0f;
  transform: translateY(-5px);
}
.procedure-item img{
  margin-bottom: 15px;
}
.procedure-item p{
  font-size: 22px;
  color: rgb(19, 19, 19);
  line-height: 1.208;
  text-align: center;
  margin: 0;
}
.plcmt .left-balloon {
  top: 29%;
}
.current-job {
  padding-block: 60px;
  padding-bottom: 120px;
}
.placement-procedure .text-center,.current-job .text-center{
  margin-bottom: 50px;
}
.job-item{
  position: relative;
  z-index: 1;
  padding-block: 8px;
  padding-inline: 10px;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 11px 25px 0px rgba(0, 0, 0, 0.09);
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}
.job-item p{
  margin-bottom: 6px;
  display: flex;
  align-items: start;
}
.job-item p span {
  font-size: 20px;
  color: rgb(116, 116, 116);
  line-height: 1.25;
  text-align: left;
  width: 160px;
}

.job-item p span:first-child{
  color: rgb(19, 19, 19);
  font-weight: bold;
  width: 160px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.job-item p.post {
  font-size: 16px;
  color: rgb(128, 128, 128);
  text-align: right;
  position: absolute;
  right: 20px;
  bottom: 8px;
  align-items: center;
  gap: 5px;
  margin-bottom: 0;
}

.job-item .job-img{
  width: 180px;
  height: 180px;
  border-radius: 20px;
  overflow: clip;
}
.job-item .job-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.job-item .primary-btn{
  position: absolute;
    right: 10px;
    top: 8px;
    padding-inline: 14px;
    padding-block: 10px;
    font-size: 16px;
}
.job-content {
  padding-top: 10px;
  padding-bottom: 40px;
}
.job-slider .slick-list{
  margin: 0 -15px;
}
.job-slider .slick-slide{
  margin: 0 15px;
}
.student-placement-slider2 .slick-list {
  margin: 0 -15px;
}
.student-placement-slider3 .slick-list {
  margin: 0 -15px;
}
.student-placement-slider2 .slick-slide {
  margin: 0 15px;
}
.student-placement-slider3 .slick-slide {
  margin: 0 15px;
}







/* Animation VFX Prime css start */


.vfx_banner::after {
  height: 800px !important;
}

.vfx_banner .hero-img {
  width: 95% !important;
  margin-left: auto;
}

.vfx_banner .happy-student {
  top: 5% !important;
  left: -26% !important;
}

.vfx_banner .dots {
  left: -13% !important;
  top: -30px !important;
}

.vfx-small {
  position: absolute;
  left: -21%;
  bottom: -10%;
  z-index: 1;
  width: 42%;
}

.vfx_bnr_shape {
  position: absolute;
  right: -5%;
  bottom: -7%;
  z-index: -1;
  width: 55%;
}

.vfx_banner .primary-btn1 {
  background: #ffff00;
  color: #000;
}

.vfx_banner .primary-btn1:after, .vfx_banner .primary-btn1::before {
  background: #fff !important;
}

.vfx_banner .btn-group {
  justify-content: flex-start;
  align-items: center;
}

.vfx_banner .vfx_primary_btn img {
  width: 25px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}



.vfx_sec {
  padding: 50px 0;
  position: relative;
  z-index: 2;
}

.vfx_sec::before {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/popular-course-left-bg.webp);
  background-repeat: no-repeat;
  width: 727px;
  height: 1292px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  z-index: 0;
}

.vfx_sec_con, .vfx_sidebar {
  position: relative;
  z-index: 1;
}

.vfx_sec .vfx_box ul li .icon {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #ffffff7c;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -60px;
  transition: 0.5s all ease-in-out;
}

.vfx_sec .vfx_box ul li:hover .icon {
  background-color: #e6ffff83;
}

.vfx_sec .vfx_box ul li .icon1 {
  width: 135px;
  height: 135px;
  border-radius: 50%;
  border: 1px solid #d8d5d5;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s all ease-in-out;
}

.vfx_sec .vfx_box ul li:hover .icon1 {
  background-color: #e6ffff;
}

.vfx_sec .vfx_box ul li .icon1 img {
  transition: 0.7s all ease-in-out;
}

.vfx_sec .vfx_box ul li:hover .icon1 img {
  transform: rotateY(360deg) scale(1.06);
}

.vfx_box_txt p {
  font-weight: 500;
  text-align: left !important;
}

.vfx_box_txt h3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  transition: 0.5s all ease-in-out;
}

.vfx_sec .vfx_box ul li:hover .vfx_box_txt h3 {
  color: #ba1f24;
}

.vfx_sec .vfx_box ul li {
  border-radius: 25px;
  margin: 20px 0 20px 20px;
  display: grid;
  grid-template-columns: 15% 85%;
  align-items: center;
  box-shadow: 0 0 6px 0 #00000080;
  padding: 0 5px;
  transition: 0.5s all ease-in-out;
}

.li_box1 {
  background-color: #ffcdcd;
}

.li_box2 {
  background-color: #ffd6a5;
}

.li_box3 {
  background-color: #fff4c2;
}

.vfx_sec .vfx_box ul li .vfx_box_txt {
  padding: 25px 0;
}

.vfx_box {
  margin-bottom: 30px;
}



.vfx_tab {
  margin-bottom: 50px;
}

.vfx_tab .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.vfx_tab .tab button {
  border-radius: 20px;
  background-color: #f0f0f0;
  padding: 10px 55px;
  transition: all 0.5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  display: inline-block;
  position: relative;
  overflow: clip;
  z-index: 2;
  font-size: 17px;
  font-weight: bold;
  color: #000;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 240px;
}

.vfx_tab .tab button:hover {
  background-color: #bef2ff;
  color: #000;
}

.vfx_tab .tab button.active {
  background-color: #bef2ff;
  color: #000;
}

.vfx_tab .tabcontent {
  display: none;
  padding: 20px;
  border: 1px solid #d8d8d8;
  background-color: #fcfcfc;
  border-radius: 15px;
  margin-top: 15px;
}

.vfx_tab .tabcontent h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
  transition: 0.5s all ease-in-out;
}

.vfx_tab .tabcontent ul li {
  display: grid;
    grid-template-columns: auto auto;
  align-items: center;
  margin-bottom: 10px;
justify-content: start;
}

.vfx_tab .tabcontent ul li p {
  font-size: 17px;
  margin-bottom: 0;
}

.vfx_tab .tab_btn_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #fff;
  padding: 7px;
}

.vfx_tab .tab_con_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #fff;
  padding: 7px;
  border: 1px solid #d3d3d3;
  transition: 0.5s all ease-in-out;
	margin-right: 10px;
}

.vfx_tab .tabcontent ul li:hover .tab_con_img {
  border-color: #b8565a;
  background-color: #ffdfe0;
}

.vfx_tab .primary-btn img {
  width: 25px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}



.vfx_sidebar .apply-courses {
  background-color: #bef2ff;
}

.vfx_sidebar .apply-courses h4 {
  color: #000;
  text-decoration: dashed;
  margin-bottom: 0px;
}

.vfx_sidebar .apply-courses p {
  color: #000;
  text-align: center;
}

.vfx_sidebar .apply-courses form .form-control::placeholder, .vfx_sidebar .apply-courses form select {
  font-size: 14px;
  color: #000;
}

.vfx_sidebar .form-control {
  padding: 8px 11px;
}

.vfx_sidebar .form-group {
  margin-bottom: 0;
}




.pop_course {
  margin: 30px 0;
}

.pop_course h4 {
  font-size: 24px;
  position: relative;
  margin-bottom: 15px;
}

.pop_course h4::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: #f63d40;
}



.faq {
  position: relative;
  overflow: hidden;
}

.faq-item {
  width: 100%;
  transition: 0.3s
}

.faq-item details {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  background-image: linear-gradient(0deg, #ffe9c1 0%, #ffd1ca 100%);
  border-radius: 15px;
  margin-bottom: 15px;
}

.faq-item:hover details{
}

.faq-item h3 {
  padding: 15px 50px 15px 15px;
  cursor: pointer;
  color: #000;
  position: relative;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  font-size: 20px;
}

.faq-item:focus h3{
  color: #01386f;
}

.faq-item summary {
  padding: 10px 50px 10px 15px;
  cursor: pointer;
  color: #000;
  position: relative;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: bold;
  font-size: 20px;
}

.faq-item summary:before {
  content: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/vfx_icon3.webp);
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.faq-item [open] summary:before {
  content: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/vfx_icon3.webp);
  transform: translateY(-50%) rotate(-90deg);
}

.faq-item [open] {
  background-image: linear-gradient(0deg, #ffe9c1 0%, #ffd1ca 100%);
}

.faq-item details[open] {
  border-bottom: 0;
  margin-top: -1px
}

.faq-ans {
  padding: 0 10px 10px;
  position: relative;
  animation: sweep .5s ease-in-out;
}

.faq-ans ul {
  margin: 0 10px 10px;
  background-color: #fff;
  border-radius: 15px;
  padding: 15px;
}

.faq-ans ul li {
  display: grid;
  grid-template-columns: auto auto;
  align-items: flex-start;
  justify-content: start;
}

.faq-ans ul li img {
  margin-right: 10px;
}

[open] summary~.faq-ans {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}


.vfx_register {
  position: relative;
}

.vfx_register img {
  width: 100%;
}

.vfx_register .vfx_reg_txt {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
}

.vfx_register .vfx_reg_txt h4 {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.vfx_register .vfx_reg_txt .primary-btn {
  background-color: #fff000 !important;
  background-image: none;
  color: #000;
}

.vfx_register .vfx_reg_txt .primary-btn::after, .vfx_register .vfx_reg_txt .primary-btn::before {
  background-color: #fff !important;
}

.vfx_info {
  position: relative;
  margin-top: 100px;
}

.vfx_info img {
  border-radius: 7px;
}

.vfx_info_lay {
  background-color: #bef2ff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 99%;
  z-index: 0;
  opacity: 0.8;
  border-radius: 7px;
}

.vfx_info_txt {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  z-index: 1;
}

.vfx_info_txt h2 {
  color: #000;
}

.vfx_info_txt .vfx_info_btn1 {
  background-color: #0bb5b5;
  background-image: none;
}

.vfx_info_txt .vfx_info_btn2 {
  background-color: #fd5459;
  background-image: none;
}

.vfx_info_txt .vfx_info_btn2::after, .vfx_info_txt .vfx_info_btn2::before {
  background-color: #fff !important;
}

.vfx_info_txt .vfx_info_btn2:hover {
  color: #000;
}




.vfx_sec_One {
  padding-bottom: 70px;
  position: relative;
  z-index: 1;
}

.vfx_sec_One .heading-arrow {
  position: relative;
  left: 18px;
  top: 21px;
  transform: rotate(-18deg);
}

.vfx_sec_One::after {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/vfx_img29.webp);
  background-repeat: no-repeat;
  width: 575px;
  height: 894px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%);
  z-index: -1;
}

.vfx_course_box {
  background-color: #fff;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 0px 0px 5px 0px #757575;
  position: relative;
  text-align: center;
  z-index: 1;
  transition: all .5s;
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% entry;
  margin: 10px;
}

.vfx_course_txt {
  padding: 10px 0;
}

.vfx_course_txt h4 {
  font-size: 18px;
  font-weight: 900;
  transition: 0.5s all ease-in-out;
  color:#000;
}

.vfx_course_box:hover h4 {
  color: #ba1f24;
}

.vfx_course_box img {
  transition: 0.5s all ease-in-out;
}

.vfx_course_box:hover img {
  transform: scale(0.95);
}








/* Animation VFX Prime css end */

/* FAQ css start */

.faq_shape {
  position: absolute;
  left: -25%;
}

.faq-page {
  position: relative;
  padding-bottom: 120px !important;
}

.faq-page::before {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/popular-course-left-bg.webp);
  background-repeat: no-repeat;
  width: 727px;
  height: 1292px;
  position: absolute;
  left: 0;
  top: 30%;
  transform: translatey(-50%);
  z-index: 0;
}

.faq-page::after {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/vfx_img29.webp);
  background-repeat: no-repeat;
  width: 500px;
  height: 800px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%);
  z-index: 0;
}

.faq_img_box {
  position: relative;
}

.faq_img {
  position: relative;
  z-index: 2;
  animation: fade-in-left linear forwards;
  animation-timeline: view();
  animation-range: cover 10px 500px;
  margin-left: -535px;
}

.faq_shape_img {
  position: absolute;
  bottom: 3%;
  left: 0%;
  z-index: 1;
}

.faq_img_txt {
  margin-left: 60px;
}


.faq_con {
  position: relative;
  z-index: 1;
}

.faq_con .accordion {
  max-width: 600px;
  margin: 0 auto;
}

.faq_con .accordion-item {
  border-bottom: none;
  overflow: hidden; /* Add overflow property to prevent content from affecting layout */
}

.faq_con .accordion-title {
  padding: 15px 15px 15px 25px;
  cursor: pointer;
  border-top: none;
  color: #000;
  position: relative;
  transition: background-color 0.3s ease;
  margin-left: 15px;
}

.faq_con .accordion-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  width: 2px;
  height: 15px;
  background-color: #f63d40;
}

.faq_con .accordion-title::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  width: 15px;
  height: 2px;
  background-color: #f63d40;
}

.faq_con .accordion-content {
  padding: 15px;
  display: none;
  transition: max-height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.faq_con .accordion-item.active .accordion-title {
  color: #fff;
  border-bottom: 1px solid #d1d1d1;
}

.faq_con .accordion-item.active .accordion-title::after {
  content: '';
  transform: translateY(-50%) rotate(180deg);
  background-color: #fff;
}

.faq_con .accordion-item.active .accordion-title::before {
  content: '';
  background-color: transparent;
}

.faq_con .accordion-item.active .accordion-content {
  display: block;
  padding-top: 0;
  padding-bottom: 15px;
}

.faq_con .accordion-item {
  border-bottom: none;
  overflow: hidden;
  background-image: none;
  border-radius: 15px;
  margin-bottom: 15px;
}

.faq_con .accordion-item.active {
    background-color: #f63d40;
    margin-top: 15px;
}

.faq_con .accordion-item.active .accordion-content {
  display: block;
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: transparent;
}

.faq_con .accordion-item.active .accordion-content p {
  color: #fff;
}



/* FAQ css end */



/* feedback css start */

.feedback-banner .feed_bnr_shape {
  position: absolute;
  top: 0;
  left: 0;
}

.feedback-banner .vfx-small {
  position: absolute;
  left: 0;
  bottom: -10%;
  z-index: 1;
  width: 32%;
}

.feedback-banner .dots {
  position: absolute;
  top: -22px;
  left: 21%;
  z-index: -1;
  width: 35%;
}



.feedback-page {
  position: relative;
}

.feedback_con {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.feedback_img {
  width: 60%;
}

.feed_form {
  width: 40%;
  background-color: #fff;
  margin-left: -100px;
  padding: 27px;
  border-radius: 20px;
  border: 1px solid #fbc7c8;
  box-shadow: 0px 0px 5px 0px #80808036;
}

.feed_form_txt {
  text-align: center;
}

.feed_form_txt h2 {
  position: relative;
  margin-bottom: 20px;
}

.feed_form_txt h2::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #eb0f13;
  width: 25%;
  height: 2px;
}

.feed_form .form-control {
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #1eb8b9;
  font-size: 16px;
  line-height: 26px;
  color: #1d1f1f;
  outline: none;
  padding: 10px 15px 10px 15px;
}

.feedback_shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 13%;
  height: auto;
}

.move3 {
  -webkit-animation: mover1 3s infinite alternate;
  animation: mover1 3s infinite alternate;
}

@keyframes mover1 {
0% {
  transform: translateX(0px);
}
100% {
  transform: translateX(-60px);
}

}

/* feedback css end */



/* workshop css start */

.workshop-page .feed_form {
  padding: 38px;
}

/* workshop css end */



/* events css start */

.events-page {
  position: relative;
}

.tab {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab button {
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  margin: 0 5px;
  border: 1px solid #ccc;
  border-radius: 50px;
  color: #000;
  text-align: center;
  width: 180px;
  font-size: 18px;
}

.tab button:hover {
  background-color: #06b7b6;
  color: #fff;
}

.tab button.active {
  background-color: #06b7b6;
  color: #fff;
}

.tabcontent {
  display: none;
  margin-top: 30px;
}

.slider .tab_slide_con {
  margin: 0 10px;
  background-color: #fb8440;
  text-align: center;
  padding: 5px;
  border-radius: 20px;
  overflow: hidden;
}

.slider .tab_slide_con img {
  border-radius: 20px;
  padding: 5px;
  transition: all ease-in-out 0.5s;
}

.slider .tab_slide_con:hover img {
  transform: scale(1.1);
}

.slider .tab_slide_con h4 {
  color: #fff;
  padding: 10px 0;
}

.slider .tab_slide_con:hover h4 {
  color: #ee1a1e;
}

.events-page .slick-dots li button  {
  background-color: #fcd1d2;
  outline: 1px solid transparent;
}

.events-page .slick-dots li.slick-active button {
  background-color: #ee1a1e;
  outline: 1px solid #ee1a1e;
}

.events-page .slick-dots {
  bottom: -35px;
}

/* events css end */



/* animation css start */

.animation_sec {
  position: relative;
}

.ani_con .ani_con_box h3 {
  font-size: 34px;
  line-height: 44px;
  font-weight: bold;
  margin-bottom: 10px;
}

.ani_con_box h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  margin-bottom: 10px;
}

.ani_con_box ul li {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}

.ani_con_box .dics {
  list-style: disc;
  margin-left: 20px;
}

.ani_con .ani_con_box {
    margin-bottom: 30px;
}

.ani_sub_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}

.ani_sub_head .ani_icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #ececec;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s all ease-in-out;
  margin-right: 15px;
}

.ani_sub_head .ani_icon1 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #858585;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s all ease-in-out;
}

.ani_sub_head h4 {
  font-size: 25px;
  color: #f8474b;
}

.animation_sec p a {
  color: #f8474b;
}

.ani_choose_txt h3 {
  font-size: 34PX;
  line-height: 44PX;
  font-weight: bold;
}

.ani_choose_img img {
  width: 100%;
}

.ani_choose {
  background-color: #ccffff;
  border: 1px solid #d8d8d8;
  padding: 10px;
  border-radius: 10px;
  margin: 50px 0;
}




.accordion__header {
  padding: 12px 18px;
  background-color: #ccc;
  margin-top: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: 10px;
  margin-bottom: 20px;
}

.accordion__header1 {
  background-color: #ffd1d1;
}

.accordion__header2 {
  background-color: #ffebd7;
}

.accordion__header3 {
  background-color: #fec784;
}

.accordion__header4 {
  background-color: #ffdc98;
}

.accordion__header > * {
    padding: 15px;
    cursor: pointer;
    color: #000;
    position: relative;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: 24px;

}

.accordion__header.is-active {
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 0px;
}

.accordion__toggle {
  position: relative;
}

.accordion__toggle::after {
  content: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/vfx_icon3.webp);
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s ease;
}

.is-active .accordion__toggle::after {
  transform: rotate(-90deg);
  top: 0%;
}



.accordion__body {
  display: none;
  padding: 1em;
  border: 1px solid #ccc;
  border-top: 0;
  margin-bottom: 20px;
  background-color: #f6f6f6;
}

.accordion__body.is-active {
  display: block;
  border-radius: 0px 0px 10px 10px;
}

.special-sec h4 {
  font-size: 22px;
  margin-bottom: 20px;
}

.special-sec .primary-btn img {
  width: 25px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}


.ani_girl {
  width: 90%;
  height: auto;
  margin-left: 50px;
}

.animation_sec_One {
  padding-top: 20px;
}

.animation_sec_One a {
	color: rgb(236 9 9);
}
.animation_sec_One .primary-btn{
  color: rgb(255 255 255);
}
/* animation css end */


.vfx_banner h1 {
  width: 90%;
}



.vfx_sec table {
  border-collapse: collapse;
}

.vfx_sec table tr th {
  font-weight: bold;
  margin-bottom: 10px;
  transition: 0.5s all ease-in-out;
  color: #eb1014;
}

.vfx_sec table tr th,
.vfx_sec table tr td {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

.vfx_sec_con h4 {
  font-size: 22px;
  margin-bottom: 10px;
}




.home_form {
  background-color: #fff;
  position: relative;
  margin: -20px 0;
  padding: 50px 0;
}

.home_form::before {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/about-left-bg.webp);
  position: absolute;
  left: 0;
  top: -140%;
  display: block;
  width: 861px;
  height: 1433px;
  background-repeat: no-repeat;
  z-index: 1;
}

.home_form::after {
  content: '';
  background-image: url(https://www.arenash.com/wp-content/themes/sangpress-2.0/assets/css/../img/about-right-bg.webp);
  position: absolute;
  right: 0;
  top: -80%;
  display: block;
  width: 440px;
  height: 770px;
  background-repeat: no-repeat;
}

.home_form .vfx_sidebar {
  margin: 0 300px;
  text-align: center;
}

.commentlist .reply{
    display: none;
}
.commentlist{
    p{
        font-size: 20px;
        color: rgb(94, 94, 94);
        line-height: 1.4;
}
    }
.comment-author.vcard {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-block: 10px;
    font-size: 18px;
}

/************************************************************************************************************/
/**************************************
             Responsive
**************************************/
.mob {
   display: none !important;
}

.desktop {
  display: block;
}

@media (max-width: 1920px) {
  .main-menu .infobar {
    display: none;
  }

  .feedback_img {
    width: 53%;
  }

  .feed_form {
    width: 45%;
  }

  .faq_shape {
    position: absolute;
    left: 13%;
  }
	
	.vfx_tab .tab button {
		    padding: 10px 25px;
	}

	#menu li:hover>ul>li {
    height: 50px;
    width: 360px;
}
}

@media (max-width: 1440px),
(max-width: 1366px) {
  .container {
    max-width: 1200px;
}
.noti-banner .dots {
  position: absolute;
  top: 13px;
  left: -29%;
  z-index: -1;
  width: 50%;
}
.noti-banner.video-banner::before {
  background-repeat: no-repeat;
  background-position: right;
  background-size: 400px;
}
  #menu>.main-menu>ul>li {
    padding-inline: 12px;
  }

  #menu>.main-menu>ul>li>a,
  .menu-contact p,
  #menu ul ul li a {
    font-size: 15px;
  }
  .main-menu {
    gap: 18px;
}
#menu {
  justify-content: start;
  gap: 30px;
}
.admission {
  right: 20px;
}
#menu>.main-menu>ul>li.has-sub>a::before {
  top: 20px;
  right: -10px;
  width: 7px;
  height: 7px;
}
#menu .main-menu ul ul {
  width: 120px;
}
.banner::after {
  width: 1440px;
  height: 1190px;
  top: -27%;
  z-index: 1;
}
h1 {
  font-size: 53px;
  line-height: 57px;
  margin-bottom: 20px;
}
h1 span {
  font-size: 44px;
}
.banner {
  padding-top: 110px;
  padding-bottom: 200px;
}
.hero-img {
  width: 85%;
  margin-left: auto;
}

.happy-student {
  left: -100px;
}
.banner-right-wave {
  width: 34%;
}
.scroll-down {
  top: 72%;
}
.heading-arrow {
  left: 37%;
  top: -37px;
}
.left-balloon {
  top: 26%;
  width: 78px;
}
.right-balloon {
  position: absolute;
  right: 80px;
  width: 80px;
  top: 0%;
}
.right-balloon .balloon {
  left: 92%;
  top: -116px;
  z-index: 10;
  width: 90px;
  height: auto;
}
.rocket {
  width: 130px;
  height: auto;
}
.charecter {
  bottom: -10%;
  left: -7%;
  width: 160px;
  height: auto;
}
.fish {
  width: 134px;
  height: auto;
  bottom: -6%;
}
.sub-title {
  font-size: 28px;
}
h2 {
  font-size: 37px;
}
.primary-btn,.secondary-btn{
  font-size: 16px;
  padding: 10px 25px;
}
.about-img .ai {
  left: -1%;
}
.about-img .pr {
  left: 79%;
}
.about-img{
  z-index: 2;
}
.recruiters {
  padding-top: 3%;
}
.why-we-are p {
  font-size: 18px;
}
.why-we-are-bg {
  top: 0%;
  width: 100%;
  z-index: 0;
  height: 100%;
}
.why-we-shape {
  position: absolute;
    right: -110px;
    bottom: 18%;
    z-index: 0;
    width: 52%;
}
.why-we-are-img .img2 {
  top: 28%;
  width: 250px;
  height: auto;
}
.student-work .left-balloon {
  top: -10%;
  width: 89px;
}
.student-work .left-balloon .balloon {
  z-index: 1;
  left: 91%;
  top: -74px;
}
.student-work h2 {
  width: 53%;
}
.student-work-item {
  height: 360px;
}
.student-work-item .content {
  height: 75px;
  font-size: 22px;
}
.courses-offer-bg {
  height: 100%;
}
.courses-charector {
  bottom: -150px;
  right: -26.9%;
  width: 36%;
}
.courses-shape {
  right: -7%;
  bottom: 97px;
  width: 30%;
}
.students-placements .left-balloon {
  top: 12%;
  width: 130px;
}
.students-placements .left-balloon .balloon {
  position: absolute;
  left: 93%;
  top: -106px;
}
.misscall-content p {
  font-size: 16px;
  line-height: 24px;
}
.call {
  font-size: 28px;
}
.misscall-content {
  left: 41%;
  top: 9%;
}
.misscall .balloon {
  width: 18%;
  height: auto;
}
.testimonials .testi-bg {
  width: 100%;
  height: 100%;
}
.testimonials {
  margin-top: -7%;
}
.testimonials .right-balloon {
  width: 100px;
  top: 20%;
}
.testimonials .right-balloon .balloon {
  left: -65%;
  top: -121px;
  z-index: 10;
}
.blog-content h4 {
  font-size: 20px;
}
p {
  font-size: 16px;
  line-height: 22px;
}
.free-camp .misscall-content {
  position: absolute;
  left: 48%;
  top: 49%;
  right: 10%;
}
body {
  padding-bottom: 45%;
}
.copyright {
  padding: 6px 0;
  padding-top: 20px;
  margin-top: 2%;
}
.inner-banner .hero-img {
  width: 70%;
  margin-left: auto;
}
.inner-banner.banner {
  padding-top: 180px;
  padding-bottom: 210px;
}
.ab-small {
  left: -20%;
}
.ab-ch {
  left: -205px;
}
.inner-banner .happy-student {
  top: -8%;
  left: -35%;
}
.choose-content h4 {
  font-size: 22px;
}
.choose-content span{
  transform: scale(.7);
    right: 10px;
}
.why-choose .right-balloon {
  position: absolute;
  right: 0px;
  width: 60px;
}
.why-choose .right-balloon .balloon {
  left: -69%;
  top: -78px;
  z-index: 10;
}
.fw-video iframe {
  height: 530px;
}
.award-item p{
  font-size: 17px;
}
.testimonials.about-page .right-balloon {
  width: 100px;
}
.testimonials.about-page .right-balloon .balloon {
  width: 70px;
  left: -50px;
  top: -88px;
}
.testimonials.about-page {
  padding-bottom: 0;
  margin-bottom: -4%;
}
.blog-banner .ab-small {
  left: -40%;
}
.blog-banner .ab-ch {
  position: absolute;
  left: -71%;
  bottom: 9%;
}
.qr h6 {
  font-size: 15px;
}
.apply-courses h4 {
  font-size: 24px;
}
.blog-list .blog-img img {
  border-radius: 30px;
  height: 310px;
  object-fit: cover;
}
.blog-details-banner.banner {
  position: relative;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 120px;
}
.blog-details .blog-content h4 {
  font-size: 42px;
}
.blog-details .blog-content p.date {
  font-size: 18px;
}
.left-balloon.bdetails {
  position: absolute;
  left: -120px;
}
.recent-post-list .blog-content h4 {
  font-size: 18px;
}
.element-item {
  height: 324px;
}
.video-grid .element-item {
  width: 32.45%;
  height: 250px;
}
.rec-img .big-img img {
  transform: translateY(-12px) scale(.96);
}
.rec-banner.video-banner::before {
  background-size: 400px;
  background-repeat: no-repeat;
  background-position: right;
}
.recruitment-charector {
  width: 375px;
}
.rec-banner.inner-banner.banner {
  padding-bottom: 10px;
}
.placement-banner .ab-small {
  position: absolute;
  left: -55%;
  bottom: -17%;
  z-index: 1;
  width: 77%;
  height: auto;
}
.placement-banner .ab-ch {
  position: absolute;
  left: -76%;
  bottom: auto;
  width: 58%;
}
.placement-banner .dots {
  position: absolute;
  top: 40px;
  left: -48%;
  z-index: -1;
}
.plcmt .left-balloon {
  top: 32%;
  width: 150px;
}
.plcmt .left-balloon .balloon {
  z-index: 1;
  left: 76%;
}
.job-item {
  gap: 10px;
}
.job-item p {
  margin-bottom: 10px;
}
.job-item p span {
  font-size: 16px;
  width: 130px;
}
.job-item p span:first-child {
  width: 130px;
}
.job-item .primary-btn {
  padding-inline: 10px;
  padding-block: 5px;
  font-size: 12px;
}
.procedure-item p {
  font-size: 20px;
}
.procedure-item {
  height: 170px;
}


.vfx_tab .tab button {
  padding: 10px 30px;
}



.feedback-banner .feed_bnr_shape {
  left: -150px;
}

.feedback-banner .dots {
  left: -9%;
  top: -20px;
}

.feedback-banner .vfx-small {
  left: -130px;
  width: 35%;
}

.feedback_img {
  width: 60%;
}

.feed_form {
  width: 40%;
}

.faq_shape {
  position: absolute;
  left: -25%;
}

.contact-page .blog-list {
  padding-left: 20%;
}
}

@media (max-width: 1199.98px) {
.faq_img_txt {
  margin-left: 130px;
}
.vfx_tab .tab button {
  padding: 5px 13px;
  width: 200px;
}

.vfx_tab .tab_btn_img {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.why-we-are-img .img2 {
    position: absolute;
    right: 1%;
    top: 20%;
}

}

@media (max-width: 1024px) {
 .why-we-are-img .img2 {
        position: absolute;
        right: 1%;
        top: 28%;
        width: 42%;
    }
}

@media (max-width: 991.98px) {

  #menu .main-menu ul ul {
    width: 100%;
  }
  #menu li:hover>ul>li {
    height: auto;
    width: 100%;
  }
  #menu .main-menu ul ul li.has-sub>a:after{
    display: none;
  }
  
  .client-single:not(.active) .client-img {
    animation: unset;
}
  .main-menu {
    display: block;
    align-items: center;
  }

  .mob {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }

  #menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  header {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-inline: 20px;
  }

  .logo {
    width: 200px;
    position: relative;
    margin-bottom: 10px;
  }

  .search-box {
    width: auto;
    position: absolute;
    right: 43px;
    border-left: 0;
  }

  #menu>.main-menu>ul>li>a {
    justify-content: start;
  }

  #menu>.main-menu>ul>li>a::after,
  #menu>.main-menu>ul>li.has-sub>a::before {
    display: none;
  }

  #menu .main-menu ul li.current-menu-item {
    background: linear-gradient(to right, #eb1014, rgb(200 32 43 / 0%)) !important;
  }

  #menu .main-menu ul li.current-menu-item a {
    color: #fff;
  }

  .footer-box,
  .footer-box p {
    text-align: center;
  }

  footer .social {
    justify-content: center;
    margin-bottom: 30px;
  }

  .copyright {
    flex-wrap: wrap;
    justify-content: center;
  }
  .element-item{
    width: 48%;
  }
  .element-item.w-49 {
    width: 98%;
}
.recruitment-charector {
  display: none;
}


.vfx_sec .vfx_box ul li .icon1 img {
  width: 50%;
}

.vfx_sec .vfx_box ul li .icon1 {
  width: 105px;
  height: 105px;
}

.vfx_sec .vfx_box ul li .icon {
  width: 120px;
  height: 120px;
}

.faq_img_box {
  text-align: center;
}

.faq_img_txt {
  margin-left: 0px;
}

.faq_shape_img {
  top: 30%;
}

.faq-page {
  padding-bottom: 50px !important;
}


.feedback-banner .vfx-small {
  left: -80px;
  width: 28%;
}

.feedback-banner .dots {
  left: 1%;
}


.feedback_con {
  flex-wrap: wrap;
}

.feedback_img {
  width: 70%;
  margin-bottom: 20px;
}

.feed_form {
  width: 70%;
  margin-left: 0px;
}


.vfx_tab .tab_btn_img {
  width: 40px;
  height: 40px;
}

.vfx_tab .tab_btn_img img {
  width: 70%;
  height: auto;
}

.ani_con_box h4 {
  font-size: 20px;
  line-height: 30px;
}


.home_form .vfx_sidebar {
  margin: 0 100px;
}

}
.gallery-img {
  position: relative;
}
@media (max-width: 991.98px), (max-width: 575.98px) {
  .logo {
    width: 66px;
    position: relative;
    margin-bottom: 1px;
    height: auto;
    padding-top: 4px;
  }

.admission {
  width: 100px;
  height: 60px;
  border-radius: 10px;
  right: 37%;
  padding: 10px;
  z-index: 100;
}
.admission p {
  font-size: 14px;
  line-height: 13px;
  margin-bottom: 6px;
}
.admission h4 {
  font-size: 22px;
  line-height: 16px;
  margin: 0;
}
.banner-content {
  position: relative;
  text-align: center;
}
.user-rating {
  justify-content: center;
  text-align: left;
}
  .search-box img {
    width: 20px;
    height: auto;
  }

  .hamburger {
    width: 27px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 15px;
    cursor: pointer;
    z-index: 12399994;
  }

  .hamburger:before {
    top: 0px;
    right: 0px;
    height: 2px;
    width: 25px;
  }

  .hamburger:after {
    top: 8px;
    right: 0px;
    height: 10px;
    width: 25px;
  }

  header {
    padding-bottom: 3px;
  }

  .find-area {
    width: 100%;
  }
  h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
}
  h1 span {
    font-size: 30px;
    display: block;
    width: 100%;
    height: 30px;
}
.heading-arrow {
  left: 38%;
  top: -18px;
  width: 23%;
}
.left-balloon {
  top: 40%;
  width: 44px;
}
.balloon {
  left: 76%;
  top: -57px;
}
.banner-bg {
  height: 100%;
  object-fit: cover;
}
.banner {
  padding-top: 125px;
  padding-bottom: 60px;
}
.hero-img {
  width: 85%;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
}
.scroll-down {
  display: none;
}
.happy-student {
  width: 140px;
  height: 38px;
  border-radius: 4px;
  gap: 5px;
  padding: 7px;
  top: 40%;
  left: -28px;
}
.happy-student span {
  width: 35px;
  height: 34px;
  font-size: 14px;
}
.happy-student h4 {
  font-size: 14px;
  line-height: 16px;
}
.happy-student img {
  top: 3px;
  right: 6px;
}
.enq-btn {
  top: 30%;
  right: 2px;
  height: 30px;
  border-radius: 4px;
}
.enq-btn a {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  padding: 0 15px;
}
.banner-right-wave {
  width: 80%;
  top: 62%;
}
.about-img .counter-box h3 {
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 25px;
  margin-top: 0px;
  margin-bottom: 0;
}
.about-img .counter-box p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}
.about-img .counter-box {
  width: 150px;
  height: 60px;
  border-radius: 8px;
  padding: 8px;
}
.about-img .counter img {
  right: 8px;
  top: 5px;
  width: 25px;
  height: auto;
}
.about-img .counter .counter-box:nth-child(1) {
  top: 45%;
  left: -1%;
}
.about-img .counter .counter-box:nth-child(3) {
  top: 59%;
  left: 49%;
}
.sub-title {
  font-size: 18px;
  position: relative;
  z-index: 2;
}
h2 {
  font-size: 22px;
  z-index: 2;
}
p {
  font-size: 14px;
  line-height: 18px;
}
.premium .right-balloon {
  display: none;
}
.primary-btn, .secondary-btn {
  font-size: 14px;
  padding: 5px 20px;
}
.premium-box {
  padding: 20px 20px;
  border-radius: 20px;
  padding-top: 30px;
 
}
.client-comment h2 {
  font-size: 20px;
  text-align: center;
}
.client-comment p ,.client-info p{
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}
.testimonials .right-balloon {
  width: 50px;
  top: 33%;
}
.blogs .text-center {
  padding-top: 15px;
}
.premium-box h2 {
  width: 95%;
  margin: auto;
  margin-bottom: 15px;
}
.testimonials .right-balloon .balloon {
  left: -70%;
  top: -64px;
  z-index: 10;
}
.client-single.active .client-img img,
.client-single.active .client-img,
.client-single.active .client-img::before {
  border-radius: 40px;
}
.client-info {
  padding: 0 30px;
  text-align: center;
}
.client-info::before {
  margin: auto;
  margin-bottom: 2px;
  margin-top: 20px;
}
.client-info h4 {
  font-size: 20px;
}
.rocket {
  top: -4%;
  left: 0%;
  width: 80px;
  height: auto;
}
.charecter {
  bottom: -14%;
  left: -2%;
  width: 100px;
  height: auto;
}
.fish {
  width: 100px;
  height: auto;
  bottom: -4%;
}
.courses-item h4 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  min-height: unset;
}
.courses-item p {
  font-size: 14px;
  line-height: 18px;
}
.courses-info p {
  font-size: 16px;
}
.courses::before {
  top: -110%;
}
.slick-arrow:after,.slick-arrow {
  width: 35px;
  height: 35px;
}
.slick-arrow::before {
  width: 12px;
  height: 12px;
}
.slick-next {
  right: -7px;
}
.slick-prev {
  left: -7px;
}
.recruiters h2::after {
  width: 54%;
  left: 23%;

}
.courses {
  padding-bottom: 30px;
}
.recruiters .rc-wave {
  height: 100%;
  object-fit: cover;
}
.recruiters {
  padding-bottom: 25%;
}
.brand-logo {
  height: 60px;
}
.brand-logo img{
  width: 100%;
    height: 100%;
    object-fit: contain;
}
.why-we-are p {
  font-size: 14px;
}
.why-we-are-img .art-icon {
  position: absolute;
  top: -5%;
  left: 80%;
  width: 70px;
}
.why-we-are-img .img3 {
  margin-left: 0px;
}
.why-we-are-img .img2 {
  right: -7px;
}
.student-work::before {
  z-index: 0;
}
.student-work-slider {
  margin-top: 10%;
}
.student-work {
  position: relative;
  padding-top: 25%;
  padding-bottom: 26%;
  text-align: center;
}
.student-work h2 {
  width: 145px;
  margin: auto;
  margin-bottom: 10px;
}
.image-icon {
  position: absolute;
  margin-top: -15%;
  margin-left: 16%;
  width: 60px;
}
.student-work .heading-arrow {
  margin-top: -31px;
}
.student-work-item .content {
  height: 55px;
  font-size: 18px;
  left: 45%;
  border-radius: 10px 0 0 10px;
  text-align: left;
  padding: 10px;
}
.courses-offers .fish {
  right: 78%;
  top: -9%;
  z-index: 2;
  width: 70px;
}
.courses-offers .heading-arrow {
  margin-top: -30px;
  width: 30%;
  left: 50%;
  transform: translateX(-50%) rotate(-20deg);
}
.courses-offers h2 {
  text-align: center;
}
.courses-offers {
  padding-bottom: 17%;
}
.courses-list {
  gap: 15px;
  padding: 10px;
}
.courses-list img {
  width: 50px;
}
.courses-list h4 {
  font-size: 18px;
}
.courses-charector,.courses-shape {
  display: none;
}
.students-placements .left-balloon {
  top: 6%;
  width: 50px;
}
.students-placements .left-balloon .balloon {
  top: -40px;
}
.brand .slick-slide {
  margin: 0 5px;
  margin-bottom: 30px;
}
.brand .slick-arrow{
  top: 34%;
}
.popup .popup__content {
  width: 80%;
  overflow: auto;
  padding: 20px;
}
.popup h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.popup .popup__content .close {
  width: 35px;
  height: 35px;
}
.form-input {
  font-size: 14px;
  padding: 14px 16px;
}
.student {
  border-radius: 15px;
  padding: 7px;
}
.student-placement-slider .slick-slide {
  margin: 0 7px;
}
.student img {
  border-radius: 10px;
  margin-bottom: 10px;
}
.student h4 {
  font-size: 18px;
  margin-bottom: 2px;
}
.student p {
  font-size: 14px;
}
.student p span {
  font-size: 13px;
}
.student-placement-slider .slick-prev {
  left: 2px;
}
.student-placement-slider .slick-next {
  right: 2px;
}
.misscall .bg {
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.misscall-content {
  left: 23%;
  top: 6%;
}
.misscall-content p {
  font-size: 12px;
  line-height: 15px;
}
.misscall-content .btn-group {
  display: block;
  margin-top: 0px;

}
.misscall {
  width: 100%;
  margin-top: 0%;
}
.misscall-content {
  left: 20%;
  top: 6%;
}
.call {
  font-size: 22px;
  margin-top: 10px;
}
.misscall .balloon {
  width: 23%;
  height: auto;
  position: absolute;
  left: 74%;
  top: 67%;
}
.advantage-box h4:after {
  margin-bottom: 5px;
}
.advantage-box h4 {
  font-size: 14px;
}
.advantage-box p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
}
.advantage-box img {
  margin-bottom: 10px;
  width: 40px;
  height: auto;
  margin-top: 8px;
}
.advantage-box {
  border-radius: 16px;
  padding: 6px;
}
.our-advantage {
  z-index: 3;
}
.our-advantage-bg {
  position: absolute;
  left: 3%;
  top: 30%;
}
.testimonials .testi-bg {
  top: -11%;
}
.blog-content h4 {
  font-size: 16px;
}
  .overlay-content {
    top: 10%;
    width: 90%;
  }

  footer p {
    line-height: 18px;
  }

  .footer-logo {
    margin-bottom: 15px;
    width: auto;
    height: auto;
}
body {
  padding-bottom: 0;
}
.animation-camp .container-fluid {
  padding-inline: 0px;
}
.animation-camp .right-balloon {
  display: none;
}
.animation-camp .fish {
  width: 70px;
}
.sticky .logo img {
  transition: all .5s;
  width: auto;
  height: auto;
}
.free-camp-bg {
  width: 100%;
  margin-bottom: -4px;
  height: 400px;
  object-fit: cover;
  object-position: 90%;
}
.free-camp {
  position: relative;
  margin-top: 0%;
}
.read-more {
  font-size: 16px;
}
.blog-tag {
  height: 30px;
  font-size: 14px;
  padding-inline: 20px;
}
.free-camp .misscall-content {
  position: absolute;
  left: 20%;
  top: 46%;
  right: 10%;
}
  footer {
    padding-top: 50px;
    text-align: center;
    position: relative;
    margin-top: 0;
}

  .footer-title:after {
    margin: auto;
    margin-top: -7px;
  }

  .contact-info h5 {
    text-align: left;
  }

  .copyright p,
  .copyright a {
    font-size: 14px;
  }

  footer ul li a,
  .contact-info a {
    font-size: 16px;
  }

  .list-item {
    margin-bottom: 6px;
    min-height: 43px;
  }

  #menu .main-menu {
    top: 50px;
    left: 0;
  }

  .hamburger.menu-opened:after,
  .hamburger.menu-opened:before {
    top: 10px;
    width: 25px;
  }
  .inner-banner.banner {
    padding-top: 120px;
    padding-bottom: 210px;
}
.inner-banner.banner .heading-arrow2{
  width: 80px;
}
.inner-banner h1 {
  margin-bottom: 5px;
}
.inner-banner .banner-content{
  margin-bottom: 80px;
}
.inner-banner .hero-img {
  width: 70%;
  margin-left: auto;
  margin-right: 5%;
}
.ab-ch {
  left: -90px;
  width: 58%;
}
.ab-small {
  left: -7%;
  width: 50%;
}
.about-page .about-img {
  animation: none;
  width: 85%;
  margin: auto;
}
.about-page .about-img::after {
  width: 200px;
  height: 180px;
}
.about-page .about-img::before {
  width: 60px;
  height: 60px;
}
.about-page .about-img .dots {
  left: -9%;
  width: 40%;
}
.heading-arrow2 {
  width: 25%;
}
.about-page .about-img.right-about .dots {
  right: -9%;
}
.about-page.about .col-lg-12 {
  display: none;
}
.counter-section {
  padding-top: 50px;
}
.counter-box h3 {
  font-size: 28px;
}
.counter-icon {
  width: 55px;
  height: 55px;
  padding: 15px;
}
.counter-box {
  gap: 6px;
}
.counter-box .counter-content {
  width: 56%;
}
.counter-section .box {
  border-radius: 15px;
  padding-block: 20px;
}
.explore {
  background-position: center 70%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.explore .text-center {
  width: 90%;
  margin: auto;
  margin-bottom: 25px;
}
.fw-video iframe {
  height: 154px;
  border-radius: 15px;
}
.director .left-balloon {
  display: none;
}
.about-page.director .about-img.right-about .dots {
  right: -7%;
  top: -8%;
}
.director-name span {
  background-color: #03b9b9;
  width: 45px;
  height: 45px;
  padding: 12px;
}
.director-name {
  width: 220px;
    padding: 10px;
    padding-bottom: 10px;
    padding-top: 13px;
    padding-left: 64px;
    bottom: -16px;
    left: -25px;
}
.director-name h4 {
  font-size: 18px;
}
.director-name p {
  font-size: 12px;
}
.director .misscall {
  width: 100%;
  margin-top: 15%;
}
.director .misscall-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  left: 2%;
  right: 2%;
  top: 21%;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
.director .misscall-content h2 {
  width: 100%;
}
.director .misscall .bg {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.why-choose {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}
.why-choose::before,
.why-choose .right-balloon,
.testimonials.about-page .right-balloon{
  display: none;
}
.choose-content h4 {
  font-size: 18px;
}
.choose-content {
  padding: 10px;
  position: relative;
  padding-top: 8%;
}
.choose-content span {
  transform: scale(.6);
  right: 0px;
}
.students-placements h2 {
  margin-bottom: 1px;
}
.students-placements.about-page .left-balloon {
  bottom: 98%;
}
.testimonials.about-page {
  padding-bottom: 0;
  margin-bottom: 0%;
  padding-top: 1%;
}
.top-recruiters {
  padding-top: 0%;
  padding-bottom: 0%;
  position: relative;
  z-index: 9;
}
.about-page .left-balloon {
  display: none;
}
.gb-img .small-img img {
  margin-bottom: 3px;
}
.gallery-banner.inner-banner .banner-content {
  margin-bottom: 30px;
}
.gallery-banner.banner.inner-banner::after {
  width: 1640px;
  height: 620px;
}
.gallery-banner.inner-banner.banner {
  padding-top: 120px;
  padding-bottom: 100px;
}
.filters-button-group {
  gap: 0px 9px;
}
.button{
  font-size: 16px;
  padding: 8px 25px;
}
.element-item {
  height: 185px;
  width: 47%;
}
.element-item .item-name {
  bottom: 14px;
  padding: 7px 12px;
  font-size: 14px;
  z-index: 1;
}
.overlay .closebtn {
  top: -10px;
  right: 10px;
}
.blog-banner .ab-small {
  left: -30%;
}
.blog-banner .ab-ch {
  position: absolute;
  left: -43%;
  bottom: 20%;
}
.banner.inner-banner.blog-banner {
  padding-bottom: 110px;
}
.payment-details p {
  font-size: 14px;
  line-height: 18px;
}
.payment-details h5 {
  font-size: 16px;
}
.payment-details .title {
  font-size: 18px;
}
.qr {
  text-align: center;
}
.qr-box {
  margin-left: auto;
  margin-top: 10px;
  margin-right: auto;
}
.form-area {
  padding-inline: 8px;
}
label {
  font-size: 14px;
}
.form-area .form-control {
  font-size: 14px;
  padding-block: 8px;
}
.file-btn,.file-btn::file-selector-button {
  font-size: 14px;
}
.apply-courses h4 {
  font-size: 20px;
}
.form-control {
  font-size: 14px;
  padding-block: 10px;
}
.eligibility-box h4 {
  font-size: 20px;
}
.eligibility-box p {
  font-size: 14px;
  padding-right: 35px;
}
.offcanvas .heading-section h2 {
  font-size: 20px;
  margin-bottom: 0;
}
button.btn-close {
  width: 30px;
  height: 30px;
}
.enq {
  margin-left: 10px;
}
#menu ul ul li a {
  padding-left: 8px;
}
.inner-banner .happy-student {
  top: -10%;
  left: 5%;
}
.blog-list {
  border-radius: 15px;
  margin-bottom: 20px;
}
.blog-list .blog-img img {
  height: auto;
}
.blog-list p.date {
  font-size: 16px;
}
.blog-list .tags {
  font-size: 13px;
}
.blog-list .blog-content h4 {
  line-height: 20px;
  margin-bottom: 10px;
}
.blog-list .blog-content p.dec {
  font-size: 14px;
  line-height: 18px;
}
.blog-details-banner.banner {
  position: relative;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 120px;
}
.breadcrumbs {
  padding: 16px 0;
}
.breadcrumbs li:not(:first-of-type) {
  margin-left: 0px;
}
.breadcrumbs li::after{
  margin-left: 4px;
}
.blog-details .blog-content h4 {
  font-size: 20px;
}
.blog-details .blog-content p.date {
  font-size: 15px;
}
.content-box p {
  font-size: 14px;
}
.blog-details .blog-img img {
  border-radius: 12px;
  margin-bottom: 12px;
}
.left-balloon.bdetails{
  display: none;
}
.content-box h4 {
  font-size: 22px;
  margin-bottom: 10px;
}
.content-box h5 {
  font-size: 18px;
  margin-bottom: 10px;
}
.share-blog .social a {
  width: 38px;
  height: 38px;
}
.recent-post-list .blog-content h4 {
  font-size: 15px;
}
.footer-title {
  font-size: 20px;
  line-height: 40px;
}
footer h5 {
  font-size: 16px;
}
.recent-post-list {
  margin-bottom: 5px;
}
.inner-banner.contact-banner .banner-content {
  margin-bottom: 30px;
}
.contact-page .icon {
  width: 40px;
  height: 40px;
  left: 6px;
}
.contact-page .icon img {
  transform: scale(1.1);
}
.contact-page .blog-list h4 {
  font-size: 20px;
}
.contact-page .blog-list p, .contact-page .blog-list p a {
  font-size: 16px;
  margin-bottom: 0px;
}
.contact-page h2 {
  margin-bottom: 6px;
  font-size: 24px;
}
.contact-box p {
  font-size: 15px;
}
.map iframe {
  height: 300px;
  border-radius: 10px;
}
.pagination a {
  width: 25px;
  height: 25px;
}
.pagination a.pegi_btn {
  font-size: 16px;
}
.video-grid .element-item {
  width: 47%;
    height: 120px;
}
.inner-banner.banner.video-banner {
  padding-top: 120px;
  padding-bottom: 130px;
}
.video-banner::before {
  background-size: 220px;
  background-position: right;
  background-repeat: no-repeat;
  bottom: 50px;
}
.video-grid .element-item .item-name {
  position: absolute;
  left: 6px;
  bottom: 4px;
  background: #ff0000;
  padding: 6px 18px;
  color: #fff;
  font-size: 10px;
  z-index: 1;
  padding-right: 6px;
}
.video-grid .element-item .item-name h4::before {
  background-size: 10px;
  left: 5px;
}
.video-box a:before,.video-box a:after{
  width: 35px;
  height: 35px;
}
.video-box a img {
  width: 12px;
}
.recruitment-charector {
  display: none;
}
.rec-banner.inner-banner.banner {
  padding-bottom: 10px;
}
.recruitment .text-center {
  margin-bottom: 30px;
}
.recruitment {
  position: relative;
  padding-bottom: 0px;
}
.rec-banner .banner-content {
  position: relative;
  margin-top: 0;
}
.noti-banner.inner-banner .banner-content {
  margin-bottom: 5px;
}
.noti-banner.video-banner::before {
  background-size: 250px;
}
.noti-banner.inner-banner.banner.video-banner {
  padding-bottom: 70px;
}
.placement-banner .ab-small {
  position: absolute;
  left: -37%;
  bottom: -8%;
  z-index: 1;
  width: 67%;
  height: auto;
}
.placement-banner .ab-ch {
  position: absolute;
  left: -39%;
  bottom: auto;
  width: 41%;
  top: 11%;
}
.banner.inner-banner.placement-banner {
  padding-bottom: 110px;
}
.about-page .right-placement::before {
  width: 60px;
  height: 60px;
  background-size: 52px;
  background-repeat: no-repeat;
  left: -8%;
}
.placement-cell .box {
  padding: 20px;
  padding-right: 20px;
  flex-wrap: wrap;
}
.placement-cell :is(h4,a) {
  font-size: 20px;
  gap: 6px;
}
.placement-cell h4 span {
  width: 48px;
  height: 48px;
  padding: 10px;
}
.flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 0px;
  align-items: center;
  margin-top: 20px;
}
.plcmt .left-balloon {
  top: 29%;
  display: none;
}
.placement-records .text-center {
  margin-bottom: 30px;
}
.student-placement-slider2 .slick-list,
.student-placement-slider3 .slick-list{
  margin: 0 -7px;
}
.student-placement-slider2 .slick-slide,
.student-placement-slider3 .slick-slide{
  margin: 0 7px;
}
.tab-item .tab{
  width:90px;
  height: 38px;
  font-size: 16px;
}
.placement-records .student{
  margin-bottom: 25px;
}
.procedure-item{
  height: 150px;
}
.procedure-item p{
  font-size: 15px;
}
.plcmt .misscall-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  left: 4%;
  right: 4%;
  top: 23%;
  justify-content: center;
}
.plcmt .misscall-content h2 {
  margin-bottom: 5px;
  width: 100%;
  text-align: center;
}
.plcmt .misscall .bg {
  width: 100%;
  height: 130px;
  object-fit: cover;
}
.job-item {
  gap: 10px;
  flex-direction: column;
}
.job-item .job-img {
  width: 100%;
  height: 180px;
}
.job-content {
  position: relative;
}
.job-item p span {
  font-size: 14px;
  width: 112px;
}
.job-item p span:first-child {
  width: 116px;
}
.job-item .primary-btn {
  padding-inline: 7px;
  padding-block: 1px;
  font-size: 10px;
  right: 0;
  top: 0;
}
.job-item p.post {
  font-size: 14px;
  right: 10px;
}
.placement-procedure .text-center, .current-job .text-center {
  margin-bottom: 20px;
}
.current-job {
  padding-block: 30px;
  padding-bottom: 90px;
}
.placement-banner.inner-banner .banner-content {
  margin-bottom: 30px;
}
.placement-desk{
  padding-top: 30px;
}


.vfx_banner .btn-group {
  justify-content: center;
}

.vfx_banner .hero-img {
  width: 70% !important;
}

.vfx_banner .happy-student {
  left: -15% !important;
}

.vfx_banner {
  padding-bottom: 60px !important;
}

.vfx_box {
  width: 90%;
  margin: 0 auto 30px;
}



.feedback-banner.banner {
  padding-bottom: 100px;
}


.ani_con .ani_con_box h3 {
  font-size: 22px;
  line-height: 30px;
}

.ani_sub_head h4 {
  font-size: 20px;
}

.ani_choose_txt h3 {
  font-size: 22px;
  line-height: 30px;
}

.accordion__header > * {
  font-size: 20px;
}

.special-sec h4 {
  font-size: 20px;
}

.ani_girl {
  width: 80%;
  margin-left: 90px;
}  

.why-we-are .heading-arrow {
  margin-top: -40px;
  left: 50%;
  transform: translateX(-50%) rotate(-20deg);
}

.client-comment .heading-arrow {
  left: 50%;
  top: 2px;
  transform: rotate(-18deg) translateX(-50%);
}

.misscall-content .btn-group span {
  font-size: 22px;
}
.courses .heading-arrow {
  width: 15%;
  margin-left: 0px;
  margin-bottom: -10px;
}


.plcmt .misscall-content h2 {
width: 90%;
}
}

@media (max-width: 575.98px) {
  .courses .heading-arrow {
    width: 15%;
    margin-left: 0px;
    margin-bottom: -10px;
}
	
	.placement-cell :is(h4,a) {
		width: 100%;
	}
	
	.job-item p span:first-child {
        width: 130px;
    }

.happy-student {
	height: 50px;
}

.plcmt .misscall-content h2 {
	width: 90%;
}



.btn-group {
  flex-wrap: wrap;
}

.vfx_banner {
  padding-bottom: 70px !important;
}

.vfx_sec .vfx_box ul li {
  grid-template-columns: 25% 75%;
}

.vfx_box_txt h3 {
  font-size: 20px;
  margin-bottom: 7px;
}

.vfx_tab .tab button {
  font-size: 14px;
}

.vfx_tab .tab_btn_img {
  width: 40px;
  height: 40px;
}

.vfx_tab .tabcontent h3 {
  font-size: 20px;
}

.pop_course h4 {
  font-size: 20px;
}

.accordion-title {
  font-size: 16px;
}

.vfx_sec .vfx_box ul li .icon1 img {
  width: 50%;
}

.vfx_sec .vfx_box ul li .icon1 {
  width: 105px;
  height: 105px;
}

.vfx_sec .vfx_box ul li .icon {
  width: 120px;
  height: 120px;
}

.vfx_tab .tab {
  flex-wrap: wrap;
}


.vfx_info img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.vfx_banner::after {
  top: -90px !important;
}

.vfx_sec {
  padding: 20px 0;
}

.vfx_sec_One .heading-arrow {
  top: 16px;
}

.vfx_sec_One {
  padding: 10px 0 10px;
}



.vfx_info {
  position: relative;
  margin-top: 70px;
}



.faq-page {
  padding-bottom: 0px !important;
}

.feedback_img {
  width: 95%;
}

.feed_form {
  width: 95%;
  margin-bottom: 10px;
  padding: 18px;
}

.feedback-banner .feed_bnr_shape {
  left: -110px;
}

.feedback-banner .vfx-small {
  left: -80px;
  width: 30%;
}


.workshop-page .feed_form {
  padding: 21px;
}

.ani_con .ani_con_box h3 {
  font-size: 18px;
  line-height: 25px;
}

.ani_sub_head h4 {
  font-size: 18px;
}

.ani_choose_txt h3 {
  font-size: 18PX;
  line-height: 28PX;
}

.accordion__header > * {
  font-size: 18px;
  padding: 2px;
}

.special-sec h4 {
  font-size: 17px;
}



.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.ani_con .ani_con_box {
  margin-bottom: 15px;
}

.md-none {
  display: none;
}

.about .heading-arrow {
  left: -8px;
}

.student-work .heading-arrow {
  margin-top: -41px;
  left: 50%;
  transform: translateX(-50%) rotate(-20deg);
}

.blogs {
  margin-bottom: -23%;
}

.misscall-content .btn-group span {
  font-size: 16px;
}



.quick_ul {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

.quick_ul li {
  width: 50%;
}

.ani_con_box h4 {
  font-size: 16px;
  line-height: 22px;
}

.about .about-sec-slider {
  margin-top: 30px;
}


.vfx_sec table tr th, .vfx_sec table tr td {
  font-size: 14px;
}

.vfx_sec table {
  margin: auto;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  width: fit-content;
  max-width: 100%;
}

.vfx_sec table td {
  white-space: nowrap;
  border-bottom: none;
  color: rgb(20, 20, 20);
}

.vfx_sec_con h4 {
  font-size: 17px;
}

.home_form .vfx_sidebar {
  margin: 0 0px;
  text-align: center;
}
#menu .main-menu ul ul {
  width: 100%;
}
#menu li:hover>ul>li {
  height: auto;
  width: 100%;
}
#menu .main-menu ul ul li.has-sub>a:after{
  display: none;
}

.contact-info h5 {
   text-align: center;
}
	
.contact-info {
	text-align: center;
}
	
.list-item {
	display: inline-block;
	text-align: left;
}
	
.list-item p {
    text-align: center;
    margin: 0 10px 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
	
	.list-item span {
		display: none;
	}
	
	.list-item {
		padding-left: 0;
	}
	
}

@media only screen and (max-width: 480px) {
  .ani_banner .left-balloon {
    top: 60% !important;
  }

  .ani_girl {
    width: 80%;
    margin-left: 60px;
  }

  .home_form .vfx_sidebar {
    margin: 0 0px;
    text-align: center;
  }
}
.recent-post-list .blog-img {
    width: 110px;
}

@media only screen and (max-width: 455px) {
  .vfx_tab .tab button {
    width: 80%;
  }
	
.animation-camp {
    margin-top: -25%;
	background-color: transparent;
}
	
	.primary-btn img {
		height: 10px;
		width: auto;
	}
}

/* Extra CSS Code */
.wp-pagenavi {
    clear: both;
    display: flex;
}
.wp-pagenavi span.current {
    font-weight: bold;
	background-color: rgb(235, 15, 19);
    color: #fff;
	padding: 2px 7px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;;
    margin: 5px;
	border:none;
}
.ani_con_box_new ul{
	list-style-type: disc;
	margin-left: 30px;
	font-weight: 600;
	line-height: 25px;
}



.comment-respond .comment-form label {
	width: 100%;
}

.comment-respond .comment-form input,
.comment-respond .comment-form textarea {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 219, 219);
    border-radius: 4px;
    background-color: rgb(247, 247, 247);
	width: 100%;
	padding: 12px 15px;
}

.comment-respond .comment-form input:focus-visible,
.comment-respond .comment-form textarea:focus-visible {
	outline: none;
}

.comment-respond .comment-form .comment-form-cookies-consent {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	justify-content: start;
	margin-bottom: 15px;
}

.comment-respond .comment-form .comment-form-cookies-consent input {
	margin-right: 15px;
}

.comment-respond .comment-form .comment-form-cookies-consent label {
	margin-bottom: 0px;
}

.comment-respond .comment-form .form-submit input {
    border-radius: 28px;
    background-image: linear-gradient(0deg, #ff6568 0%, #e70003 100%);
    padding: 13px 35px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    display: inline-block;
    position: relative;
    overflow: clip;
    z-index: 2;
    font-size: 20px;
    line-height: 30px;
    color: rgb(255 255 255);
    isolation: isolate;
	width: fit-content;
}



.search-bar form {
    position: relative;
	width: 100%;
}

.search-bar .is-form-style.is-form-style-3 label {
    width: 100% !important;
}

.search-bar form input.is-search-input {
    border: 1px solid rgb(216, 216, 216) !important;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 57px;
    outline: none;
    padding: 10px 20px;
}

.search-bar .is-form-style.is-form-style-3 input.is-search-input {
	border-right: 1px solid rgb(216, 216, 216) !important;
}

.search-bar form button.is-search-submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
}

.search-bar form button.is-search-submit .is-search-icon {
	background: transparent;
	border: none;
}
.why-video {
    display: inline-block;
	position:relative;
	margin-bottom: 40px;
	width: 50%;
}
.why-we-are-img .img1 {
    margin-bottom: 0px;
}

.why-we-are-img .img2 .arrow-icon{
    border-radius:0px;
}



.interface-awards .events_box img {
	height: 300px;
    width: 100%;
    object-fit: cover;
}
.privacy-policy h1{
    font-size: 35px; 
    margin-top:120px;
    text
}
.privacy-policy h2{
    font-size: 30px; 
}
.privacy-policy h3{
    font-size: 20px;
    margin-bottom:18px;
}
.privacy-policy h4{
    margin-bottom: 12px;
}

@media only screen and (max-width: 768px) {
    .privacy-policy h1{
        font-size: 25px; 
        margin-top:120px;
        text-align: left;
    }
    .privacy-policy h2{
        font-size: 20px; 
    }
    .privacy-policy h3{
        font-size: 15px;
        margin-bottom:20px;
    }
    .privacy-policy h4{
        margin-bottom: 12px;
    }
}
.apply-courses .wpcf7-spinner{
	display:none;
}

.student-work-slider {
    z-index: 2;
}
.faq_con .accordion-content ul{
	display: flow;
    list-style-type: disc;
    margin-left: 20px;
}
.faq_con .accordion-content ul li{
  margin-top: 10px;
}

.fixed_chat {
  position: fixed;
    bottom: 8%;
    right: 15px;
    z-index: 1000;
    width: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.fixed-call{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color:rgb(236 9 9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}
.site-map {
    margin-bottom: 30px;
	box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.14);
  padding: 15px;
	padding-left: 30px;
	border-radius:20px;
}
.site-map ul li{
	list-style-type: disc;
}
.site-map ul ul{
	padding-left:20px;
	margin-bottom:10px;
}
.site-map ul ul li{
	list-style-type: disc;
}
.site-map ul li a{
	font-size: 18px;
    line-height: 28px;
    color: rgb(19, 19, 19);
    font-weight: 500;
}
.site-map ul li a:hover{
	    color: #eb1014;
}
@media (max-width: 575.98px) {
	.fixed_chat {
		bottom: 12%;
		right: 6px;
		width: 40px;
		gap: 5px;
	}
	.fixed-call {
		width: 35px;
		height: 35px;
		padding: 10px;
	}
	.blog-details h1 {
    font-size: 30px;
    line-height: inherit;
    animation: none;
}
	.blog-details h3 {
    font-size: 18px;
    margin-bottom: 4px;
}
}
.faq-ans ul li a{
	color:#000;
}

/*FILESTART  /home/c369d25/public_html/wp-content/plugins/wp-pagenavi/pagenavi-css.css */
/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


/*FILESTART   */

/* 10Web Booster optimized this CSS file */

			.uiux-tab .tabcontent{
	display: block !important;
}
.vfx_banner .hero-img img{
	border-radius: 15px;
}