@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url("css/ma5-menu.min.css");
@import url("css/responsive.css");
@import url("css/slick-theme.css");
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);

h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px;   font-family: "Work Sans", sans-serif; color: #323C8A;}

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

li{padding: 0px; margin: 0px; font-size: 15px;    font-family: "Work Sans", sans-serif;}

a{font-size: 15px;   font-family: "Work Sans", sans-serif;}

a:hover{text-decoration: none;}

p{font-size: 14px; padding: 0px; margin: 0px;  font-family: "Work Sans", sans-serif;}

body{padding: 0px; margin: 0px; box-sizing: content-box; }

span{padding: 0px; margin: 0px;   font-family: "Work Sans", sans-serif;}

button{  font-family: "Work Sans", sans-serif;}

b{  font-family: "Work Sans", sans-serif;}

input{  font-family: "Work Sans", sans-serif;}

textarea{  font-family: "Work Sans", sans-serif;}

:root {    --color-primary: #0056a4;    --color-primary-hover: #cc75dd;    --color-secondary: #10a36f;    --color-secondary-hover: #02754d;    --font-primary: 'Poppins', sans-serif;   --transition-time: .35s;    --container-width: 1200px;        --dark-gray: #444444;    --light-gray: #c9c9c5;}

/*Css*/

header{ position: relative; background-color: #323C8A;}

.email-and-phone-number ul li a{color: #fff;}

/*navigation*/

.fensnec-mobile-nav .navbar-nav {    overflow-y: auto;    height: 428px;}

.fennec-nav .navbar .navbar-nav .nav-item {    position: relative;    padding: 0;    line-height: 25px;}

.fennec-nav .navbar .navbar-nav .nav-item a {    color: #282828; transition: 0.5s;   font-size: 14px;    padding: 0px 13px;    transition: 0.4s all;    font-weight: 600;    text-transform: uppercase;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover{color: #eda267;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {    opacity: 1;    visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background-color: #fff;  position: absolute;    border: none;    top: 80px;    left: 0;    width: 300px;    z-index: 99;    display: block;    opacity: 0;    visibility: hidden;    border-radius: 0;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;    padding-top: 8px;    padding-left: 5px;    padding-right: 5px;    padding-bottom: 10px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {    background-position: 0% 50%;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {    text-transform: capitalize;    padding: 5px 15px;    display: block;    color: #000;    font-size: 14px;  font-weight: 400;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover{color: #323C8A !important;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {    display: none;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {    color: #000;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {    opacity: 1;    visibility: visible;    -webkit-transform: scale(1);    transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {    margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: 100%;    margin-top: 0;     top: 35px;}

.navbar {    padding: 0px;}

.box-shadow-type{    background: #fff;    border: 1px solid #ebebeb;    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.04);}

.background-shape-container {    position: absolute;    top: 0;    left: 0;    z-index: -1; width: 98vw;    height: 100vw; overflow:hidden;  z-index: 9;}

.background-shape--default-white .background-shape {    fill: #fff;}

.background-shape {    fill: #fff;    position: absolute;    z-index: -1;}

.sticky {    z-index: 99;    position: relative;}

.sticky.fixed {width: 100%; position: fixed; top: 0px; z-index: 999; margin-top: 0px !important; background-color: #fff;}

/*.header_logo img {position: absolute; width: 85%; top: -30px; left: 40px;}*/



/* Overlay style */

.overlay {    background: #f77f00 url(img/bg-4.svg);  position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background-repeat: no-repeat;    background-size: cover;}

/* Overlay closing cross */

.overlay .overlay-close {	width: 80px;	height: 80px;	position: absolute;	right: 20px;	top: 20px;	overflow: hidden;	border: none;	background: url(img/cross.png) no-repeat center center;	text-indent: 200%;	color: transparent;	outline: none;	z-index: 100;}

/* Menu style */

.overlay nav {	text-align: center;	position: relative;	top: 50%;	height: 60%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);}

.overlay ul {	list-style: none;	padding: 0;	margin: 0 auto;	display: inline-block;	height: 100%;	position: relative;}

.overlay ul li {	display: block;	-webkit-backface-visibility: hidden;	backface-visibility: hidden; line-height: 60px;}

.overlay ul li a {	color: #fff;    font-size: 35px;    font-weight: 600;    letter-spacing: .1em;    line-height: 1.2;        font-family: Simplifica Font;    text-decoration: none;    text-transform: uppercase;    -webkit-transition: color .3s ease;    -o-transition: color .3s ease;    -moz-transition: color .3s ease;    transition: color .3s ease;}

.media-part a{	color: #fff;    display: inline-block;    font-size: 18px;    font-weight: 800;    letter-spacing: .1em;    line-height: 1;    margin: 0;    padding: 0;    position: relative;    text-transform: uppercase;    -webkit-transition: color .3s ease;    -o-transition: color .3s ease;    -moz-transition: color .3s ease;    transition: color .3s ease;    }   .media-part a:hover{color: #f4a808;}

.media-part img{height: auto; width: 25px;}

.imag_side img {    filter: grayscale(1); transition: 0.5s;}

.imag_side img:hover{filter: grayscale(0);}

.overlay ul li a:hover,.overlay ul li a:focus {	color: #fff;}

/* Effects */.overlay-door {/*background:url(img/bg-4.svg);*/	visibility: hidden;	width: 0;	left: 50%;	z-index: 999;	-webkit-transform: translateX(-50%);	transform: translateX(-50%);	-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;	transition: width 0.5s 0.3s, visibility 0s 0.8s;}

.overlay-door.open {	visibility: visible;	width: 100%;	-webkit-transition: width 0.5s;	transition: width 0.5s;}

.overlay-door nav {	position: absolute;	left: 50%;	-webkit-transform: translateY(-50%) translateX(-50%);	transform: translateY(-50%) translateX(-50%);}

.overlay-door nav,.overlay-door .overlay-close {	opacity: 0;	-webkit-transition: opacity 0.3s 0.5s;	transition: opacity 0.3s 0.5s;}

.overlay-door.open nav,.overlay-door.open .overlay-close {	opacity: 1;	-webkit-transition-delay: 0.5s;	transition-delay: 0.5s;}

.overlay-door.close nav,.overlay-door.close .overlay-close {	-webkit-transition-delay: 0s;	transition-delay: 0s;}

@media screen and (max-height: 30.5em) {

.overlay nav {height: 70%;	font-size: 34px;}

.overlay ul li {min-height: 34px;}

}

.set-zindex {    position: relative;    z-index: 99;}

li.last-child_pro {    background: #f77f00; color: #000; }

button:focus{outline: none;}

.content-with-images {position: absolute;   z-index: 99;    width: 100%;    padding-left: 55px;    padding-top: 100px;    width: 40%;}

.content-with-images span{ font-size: 25px; color: #f4a808;}

.content-with-images h1 {     font-size: 65px;  text-transform: capitalize;    font-weight: 800;    display: block;   margin-bottom: 8px;}

.content-with-images p {    padding-right: 110px;}



.under-setup {    position: absolute;    top: 160px;    left: 21%;}

.under-setup ul {    color: #282828;    display: block;    font-size: 15px;    font-weight: 500;   margin-top: 15px;    text-transform: uppercase;}

.some-vector {    position: absolute;    bottom: 0;}

.some-vector li:first-child {    width: 30px;    height: auto;    left: 290px;    bottom: 238px;    position: absolute;    -webkit-animation: rescale 3s infinite;    animation: rescale 3s infinite;}

.some-vector li:nth-child(2) {	width: 30px;    height: auto;    left: 0;    bottom: -60px;    position: absolute;    -webkit-animation: rescale 3s infinite;    animation: rescale 3s infinite;}

.some-vector li:nth-child(3) {    width: 30px;    height: auto;    left: 1200px;    bottom: 230px;    position: absolute;    -webkit-animation: rescale 3s infinite;    animation: rescale 3s infinite;}

@keyframes rescale {

0% {transform: rotate(0deg) scale(1);}

10% {transform: rotate(36deg) scale(1.1);}

20% {transform: rotate(72deg) scale(1);}

30% {transform: rotate(108deg) scale(1.1);}

40% {transform: rotate(144deg) scale(1);}

50% {transform: rotate(180deg) scale(1.1);}

60% {transform: rotate(216deg) scale(1);}

70% {transform: rotate(252deg) scale(1.1);}

80% {transform: rotate(288deg) scale(1);}

90% {transform: rotate(334deg) scale(1.1);}

100% {        transform: rotate(360deg) scale(1.3);}

}

.hero-btn a{ box-shadow: rgba(247, 127, 0, 0.5) 0px 7px 29px 0px;   background: #f77f00;    padding: 10px 30px;    display: inline-block;    margin-top: 18px;    border-radius: 50px; transition: 0.5s;}

.hero-btn a:hover{ box-shadow: rgba(60, 132, 224, 0.2) 0px 7px 29px 0px; background-color: #3c84e0;}

.why-young-scholar{background: url(img/image-1.jpg)no-repeat; background-size: cover; background-attachment: fixed;     position: relative;}

.hwhy-box_content-name {    width: 565px;    color: #fff;    z-index: 2;    position: relative;}

.why-box_content-name h2 {    font-size: 19px;    font-weight: 800;    padding: 0 0 15px;    position: relative;}

.why-box_content-name h3 {font-size: 28px;   line-height: 50px;    text-align: justify;}

.why-box_content-name p {    font-size: 15px;    line-height: 25px;  margin-bottom: 15px;    text-align: justify;}

.why-box_content-name ol {    margin: 0;    padding: 0 0 30px; }

.why-box_content-name ol li {    font-size: 15px;    margin: 0 0 10px;}

.why-box_content-name ol li:before {    position: absolute;    left: 2px;    top: 4px; }

.why-box_content-name ol li:after {    position: absolute;    content: "";    left: 10px;    top: 0;    width: 1px;    height: 100%;    background: #bfbfbf;}

.why-box_content-name ol li{	font-size: 16px;    font-weight: 400;    padding: 3px 0 3px 20px;    position: relative;    margin: 0 0 15px;    line-height: 20px;}

a.btn {    display: inline-block;    height: 36px;    line-height: 36px;    color: #fff;    font-size: 13px;    font-weight: 700;    padding: 0 24px;    background: #ffad93;    border-radius: 30px;    -webkit-border-radius: 30px;    -moz-border-radius: 30px;    -ms-border-radius: 30px;    -o-border-radius: 30px;    box-sizing: border-box;}

.sticky-sidebar {		position: fixed;		z-index: 102;		right: 15px;		bottom: 15px;border-radius: 24px;		width: 72px;		padding: 8px;		padding-top: 15px;		transition: all .3s ease;		-webkit-transition: all .3s ease;	}

.sticky-sidebar .list-item .item:first-child,

.sticky-sidebar .list-item .item:nth-child(2),

.sticky-sidebar .list-item .item:nth-child(3),

.sticky-sidebar .list-item .item:nth-child(4),

.sticky-sidebar .list-item.active .item {max-height: 100px;margin-bottom: 8px;}

.sticky-sidebar .list-item .item:first-child {background: #25d366;}

.sticky-sidebar .item {	display: block;	color: #fff;		max-height: 0;		overflow: hidden;   background-color: #eda267;	border-radius: 100px;		font-size: 12px;	}

.sticky-sidebar .item .text {		width: 56px;		display: flex;		align-items: center;		height: 56px;		padding: 0 15px;		position: relative;}

.svg {		display: inline-block;	}

.w-24 {		width: 24px;	}

.mr-14 {		margin-right: 14px;	}

.sticky-sidebar .item .svg svg {		fill: #fff;		width: 100%;		display: block;	}

.svg>svg {		max-width: 100%;		height: auto;		display: block;		width: 100%;		fill: #323f4b;	}

.sticky-sidebar .text .t {display: none;	color: #000;	transition: all .2s ease;		white-space: nowrap;		line-height: 1.3;		padding: 20px 0px;		position: absolute;		width: 100%;		align-items: center;		height: 100%;		padding-left: 35px;		top: 50%;		transform: translateY(-50%); font-size: 16px;}

@media  only screen and (min-width: 1024px) {

.sticky-sidebar:hover {width: 198px;}

.sticky-sidebar:hover .item .t,

.sticky-sidebar:hover .item-bottom .t,

.sticky-sidebar:hover .item-top .t {display: flex;}

#back-to-top {			position: relative;			bottom: unset;			right: unset;			opacity: initial;			box-shadow: none;			display: block;			color: #fff;			overflow: hidden;			background: rgba(255, 255, 255, 0.24);			border-radius: 100px;			font-size: 12px;			width: auto;		height: auto;		}		

#back-to-top:before {			display: none;		}

.fixed-link {			animation: unset;			position: unset;		}

.fixed-dang-ky {			bottom: unset;			position: unset;	}

.fixed-dang-ky img {			width: 130px;			width: unset;		}

}



.about-content p { position: relative; z-index: 9;}

span.about-us-small{color: #005198;}

.about-btn a{ background-color: #1e3e85; padding: 10px 30px;    display: inline-block;    margin-top: 18px;    /*border-radius: 50px;*/    transition: 0.5s; border-radius: 50px; border-radius: 50px;}

.about-btn a:hover {color: #000  !important;      background: #ff993a;}

/* -------------------------------------------------------------------------------------------------------- */

.success-story {    padding: 50px 0 60px 0;    overflow: hidden;}

.success-story .title {    text-align: center;    position: absolute;    left: 0;    right: 0;    margin: 0 auto;      z-index: 1;}

.success-story .title h2 { font-size: 20px;    font-weight: 400; color: #ffad93;}

.success-story .title h3 {    font-size: 150px;    font-weight: bold;    line-height: 130px;    letter-spacing: -3px;   text-transform: uppercase;    background: url(img/color-bg.png);    -webkit-text-fill-color: transparent;    -webkit-background-clip: text;    background-clip: text;    background-repeat: no-repeat;    background-size: cover;    margin: 0;}

.success-story .title p{background: url(img/color-bg.png); background-clip: text;   -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    animation-iteration-count: infinite;    font-weight: 900;    font-size: 95px;    line-height: 70px;    text-transform: uppercase;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    -webkit-animation-name: masked-animation;    animation-name: masked-animation;    -webkit-animation-duration: 10s;    animation-duration: 10s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    -webkit-box-reflect: below 1px linear-gradient(transparent,transparent, #000);}

@keyframes masked-animation {

0% {background-position: 50% 35%;}

50% {background-position: 50% 65%;}

100% {background-position: 50% 35%;}

}

.success-block {    position: relative;    height: 800px;    max-width: 1600px;    margin: 0 auto;}

.success-block img:not(.bottom) {    position: absolute; top: 50px;}

.success-block img.test {    opacity: .5;}

.success-block .birds {    top: 36%;    left: 34.5%;}

.success-block .parachoot {    right: 6%;   top: 41%;   animation: scale 3s ease-in-out infinite alternate;    -webkit-animation: scale 3s ease-in-out infinite alternate;}

.success-block .pslv {    right: 21%;    top: 80.5%;}

.success-block .earth {    top: 33.5%;    left: 17.5%;    animation: rotate 20s linear infinite;}

.success-block .moon {    right: 19.5%;    top: 35%;    animation: rotate 20s linear infinite;}

.success-block .jet {    top: 20%;    left: 3.5%; width: 75%;   z-index: 2;    animation: jet-animation 10s infinite;}

.success-block .book {    top: 29%;    right: 24.8%;}

.success-block .cloud {    left: 6%;    top: 37%;    z-index: 1;    animation: jet-animation 10s infinite;}

.success-block .cloud2 {    left: 50%;    top: 78%;    z-index: 3;    animation: jet-animation 10s infinite;}

.success-block .cloud3 {    right: 4%;    top: 38%;    z-index: 1;    animation: jet-animation 10s infinite;}

.button-block {    position: absolute;    left: 0;    right: 0;    bottom: 0;    margin: 0 auto;    z-index: 9;    display: flex;    justify-content: center;}

.button-block [class*="button-"] {    width: 175px;    height: 52px;    line-height: 52px;    font-size: 13px;    text-align: center;    text-transform: uppercase;    font-weight: 600;   -webkit-border-radius: 40px;    -moz-border-radius: 40px;    border-radius: 40px;}

.button-fill {    color: #ffffff;     background-color: #74d1ed;   transition: color ease-in-out var(--transition-time), background ease-in-out var(--transition-time);}

.button-fill:hover {    background: #000; color: #fff;}

.button-outline {    margin-left: 20px;    background: #ffad93;    color: #000;    transition: color ease-in-out var(--transition-time), background ease-in-out var(--transition-time);}

.button-outline:hover {    color: #ffffff;   }

/* -------------------------------------------------------------------------------------- */

@keyframes jet-animation {

0% {transform: translateX(0);}

30% {transform: translateX(30px);}

100% {transform: translateX(0);}

}

@-webkit-keyframes jet-animation {

0% {transform: translateX(0);}

30% {transform: translateX(30px);}

100% {transform: translateX(0);}

}

@keyframes rotate {

0% {transform: rotate(0);}

100% {transform: rotate(360deg);}

}

@-webkit-keyframes rotate {

0% {transform: rotate(0);}

100% {transform: rotate(360deg);}

}

/* -------------------------------------------------------------------- */

@keyframes scale {

0% {transform: scale(1);}

0% {transform: scale(1.2);}

100% {transform: scale(1);}

}

@-webkit-keyframes scale {

0% {transform: scale(1);}

100% {transform: scale(1.2);}

}

/* -------------------------------------------------------------------- */

@keyframes move-down {

0% {transform: translateY(0);}

100% {transform: translateY(10px);}

}



@-webkit-keyframes move-down {

0% {transform: translateY(0);}

100% {transform: translateY(10px);}

}

.right-img {    position: absolute; right: 10%; top: 20%; text-align: right;}

.right-img img{width: 60%;}

.about-vector {    position: absolute;    top: 0;    right: 0;}

.about-us {    position: relative;}

.inspiring-excellence .content {	max-width: 665px;    margin: 0px auto;    text-align: center;}

.inspiring-excellence h2 { margin-bottom: 12px;}

.pos-list-outer {    position: relative;}

.pos-list-outer>span {    position: absolute;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    /* z-index: 2; */}

.pos-list-outer .bubble1,

.pos-list-outer .bubble5,

.pos-list-outer .bubble8 {    width: 40px;    height: 40px;}

.pos-list-outer .bubble1,

.pos-list-outer .bubble2,

.pos-list-outer .bubble7 {    background-color: #ffad93;}

.pos-list-outer .bubble4,

.pos-list-outer .bubble6,

.pos-list-outer .bubble7 {    width: 105px;    height: 105px;}

.pos-list-outer .bubble4,

.pos-list-outer .bubble5 {    background-color: #3df2a2;}

.pos-list-outer .bubble3,

.pos-list-outer .bubble6,

.pos-list-outer .bubble8 {        background-color: #74d1ed;}

.pos-list-outer .bubble1 {    left: 45.5%;    top: 5.2%;}

.pos-list-outer .bubble2 {    width: 33px;    height: 33px;    right: 14.4%;    top: 5.4%;}

.pos-list-outer .bubble3 {    width: 75px;    height: 75px;    right: -4%;    top: 14.2%;}

.pos-list-outer .bubble4 {    right: 7.7%;    top: 30.2%;}

.pos-list-outer .bubble5 {    left: -6px;    top: 56.5%;}

.pos-list-outer .bubble6 {    left: 3.4%;    bottom: 22%;}

.pos-list-outer .bubble7 {    left: 48.3%;    bottom: 1.2%;}

.pos-list-outer .bubble8 {    right: 6px;    bottom: 14.6%;}

.pos-list {    margin: 0;    list-style: none;    padding: 0;    display: flex;    flex-wrap: wrap;    row-gap: 15px;}

.pos-list li {    overflow: hidden;    position: relative;    display: flex;    align-items: start;    justify-content: center;    cursor: pointer; position: relative; top: 15px;         }

.pos-list li:first-child {    width: 568px;    height: 439px;    -webkit-border-radius: 220px;    -moz-border-radius: 220px;    border-radius: 220px; transform: scale(0.8);}

.pos-list li:nth-child(2) {    width: 401px;    height: 289px;    -webkit-border-radius: 144px;    -moz-border-radius: 144px;    border-radius: 144px;   position: relative;    top: 50px;    left: -65px; transform: scale(0.8);}

.pos-list li:nth-child(3) {    width: 401px;    height: 269px;    -webkit-border-radius: 144px;    -moz-border-radius: 144px;    border-radius: 144px;    margin-left: auto;    margin-right: 10px; transform: scale(0.8);     position: relative;    top: -52px;     margin: 0px auto;}

.pos-list li:nth-child(4) {    width: 311px;    height: 235px;    -webkit-border-radius: 144px;    -moz-border-radius: 144px;    border-radius: 144px;    position: relative;    margin-top: -140px; transform: scale(0.8); position: relative;    left: -32px;}

.pos-list li:nth-child(5) {    width: 311px;    height: 235px;    -webkit-border-radius: 144px;    -moz-border-radius: 144px;    border-radius: 144px;    margin-left: 18px;    position: relative;    margin-top: -100px; transform: scale(0.8); position: relative;    left: -80px;    top: -47px;}

.pos-list li::after {    content: "";    width: 100%;    height: 100%;    position: absolute;    z-index: 1;    background: rgba(3, 3, 3, 0);    transition: background ease-in-out var(--transition-time);}

.pos-list span {    position: absolute;    z-index: 2;    font-size: 26px;    text-align: center;    line-height: 30px;}

.pos-list span a,.pos-list span {    color: #000;    max-width: 250px;}

.pos-list li:hover::after {    background-color: #4fd3ebbf;}

ul.pos-list li a {    font-size: 20px;    line-height: 40px;     font-weight: 600 ; position: relative; top: 15px;  }

.three-button-show { 	position: fixed;	bottom: 39px;    left: 43%;    cursor: pointer;    transition: 0.5s;    z-index: 99;}

.three-button-show {   background: #FFFFFFA1;    padding: 10px 20px;    box-shadow: 0 10px 35px -3px rgba(0,0,0,.1);    border-radius: 50px;}

a.bg-gradients {   background: #1e3e85; padding: 5px 10px;    border-radius: 50px;     box-shadow: rgba(240, 112, 63, 0.2) 0px 7px 29px 0px;}

.inspiring-excellence {background: url(img/bg-4.svg);}

.testimonial{background: url(img/testimonial.jpg); background-attachment: fixed; background-size: cover; position: relative;}

.feedback {    margin: 10px;     background: #fff; padding: 15px;}

.accordian {  max-width: 100%;  width: 100%;  color: #b9b9b9;  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);  font-weight: 100;  letter-spacing: 0.035em;  font-size: 14px;  margin: 0 auto;}

.accordian ul > li {  margin-bottom: 8px;}

.accordian ul > li:first-child h3 {  border-top: 1px solid rgba(0, 0, 0, 0.1);}

.accordian h3 {  cursor: pointer;  background-color: #1e3e85;      padding: 10px 15px; margin: 0;  border-bottom: 1px solid rgba(0, 0, 0, 0.07);  display: block; letter-spacing: 0.035em;  position: relative;  font-size: 16px;  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);  border-radius: 3px;    font-family: "Work Sans", sans-serif;}

.accordian h3:hover .arrow {  border-top: 2px solid #fff;  border-right: 2px solid #fff;}

.accordian ul ul {  display: none;  height: 100%;  margin-bottom: -7px;}

.accordian ul ul li {  background-color: #fff;  padding: 1rem 1.8rem;  color: var(--dark-gray);  box-shadow: none;  border-left: 1px solid #dfdfdf;  border-right: 1px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf;}

.accordian ul ul li p {  opacity: 0;  transition: all 0.5s;  transform: translatey(-20px);}

.accordian ul ul.open p {  opacity: 1;  transform: translatey(0px); font-weight: 400;}

.accordian .arrow {  display: inline-block;  width: 8px;  height: 8px;  border-top: 2px solid #fff;  border-right: 2px solid #fff;  transform: rotate(135deg);  transform-origin: center;  margin-right: 8px;  transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1);}

.accordian .arrow.closed {  margin-top: 4px;  transform: rotate(-45deg);  border-top: 2px solid #fff;  border-right: 2px solid #fff;}

.sidebarNav {  max-width: 300px;  border: 1px solid #9999993b;}

.sidebarNav h3 {  border-radius: 0;  box-shadow: none;  background: none;  margin-bottom: 0;}

.sidebarNav h3:hover, .sidebarNav h3.closed {  background: none;}

.sidebarNav ul > li {  margin: 0;}

.sidebarNav ul ul li {  padding: 0;  background: none; border: 0;}

.sidebarNav ul ul li a {  color: var(--darkgray);  padding: 1rem 0 1rem 3em;  display: block;  text-decoration: none;}

.sidebarNav ul ul li a:hover {  text-decoration: underline;}

.faqs-and-videos{background: url(img/bg-4.svg);     position: relative;}

.video_img-and-pop .play-btn {    position: absolute;    top: 55%;    left: 50%;    z-index: 10;    cursor: pointer;    width: auto;    height: auto;    display: block;    transform: translateX(-50%) translateY(-50%);    box-sizing: content-box;    border-radius: 50%;    padding: 18px 20px 18px 28px;}

.video_img-and-pop .play-btn:before {    content: "";    position: absolute;    z-index: 0;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 100px;    height: 100px;    background: #fff;    border-radius: 50%;    animation: ripple 0.7s linear infinite;}

.video_img-and-pop .play-btn span {    display: block;    position: relative;    z-index: 3;    width: 0;    height: 0;    border-top: 15px solid transparent;    border-bottom: 15px solid transparent;   border-left: 25px solid #ffc01a;}

.mvideo_img-and-pop .play-btn:after {    content: "";    position: absolute;    z-index: 1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 80px;    height: 80px;    background: #fff;    border-radius: 50%;   transition: all 200ms;}

@keyframes ripple {

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

}

.form-design span{   color: #00286a;}

.form-design h6{   font-size: 30px;}

.home-filed input{    color: black;    width: 100%;    outline: 0;    font-size: 14px;    font-weight: 500;    margin-bottom: 15px;    border-radius: 0;    background: #0c4da20d;    border: 1px solid #e0e0e0;    appearance: auto;    padding: 15px 20px 15px 20px;     }

.home-filed select{    color: black;    width: 100%;    outline: 0;    font-size: 14px;    font-weight: 500;    margin-bottom: 15px;    border-radius: 0;    background: #0c4da20d;    border: 1px solid #e0e0e0;    appearance: auto;    padding: 15px 20px 15px 20px;    }

.home-filed textarea{    color: black;    width: 100%;    outline: 0;    font-size: 14px;    font-weight: 500;    margin-bottom: 15px;    border-radius: 0;    background: #0c4da20d;    border: 1px solid #e0e0e0;    appearance: auto;    padding: 15px 20px 15px 20px; }

.home-filed button {    width: 100%;    border: none;   color: #fff;    background-color:#000; }

.home-filed button {   border-radius: 50px;   padding: 10px 0;    color: #fff;}

.vector-set {    position: absolute;    top: -118px;}

.feedBack-content {   text-align: justify;}

.kangaroo_img img {    margin: 0px auto; width: 100%;}

footer {    position: relative; background-color: #00286a;    display: flex;    align-items: center;}

.footer-img {    position: absolute;}

.footer-logo img{margin-bottom: 5px; border-radius: 5px;}

.widget span{font-size: 20px;   display: block;    margin-bottom: 15px;}

.widget ul li {    line-height: 28px;}

.widget_icons i {    width: 33px;    height: 33px;    font-size: 16px;    display: block;    line-height: 33px;    margin-right: 10px;    border-radius: 50%;    text-align: center;    transition: all 0.5s;    color: #323C8A;    background-color: #ffffff;}

ul.f_social_icon li a i{	    width: 33px;    height: 33px;    font-size: 16px;    line-height: 29px;  border-radius: 50%;    text-align: center;    color: #000;    transition: all 0.4s;    border: 2px solid #ffb08f;    background-color: #eb7d39;}

ul.f_social_icon li a i:hover {    color: #ff7829 !important;    background-color: #fff;    border: 2px dotted #fff;}

p.copy-right-para {    font-size: 14px;}

.overlay {    height: 100vh;    align-items: center;   display: flex;}

.search-bar form input[type=text]{background: transparent;    border: none;    border-left: 1px solid hsla(0,0%,100%,.2);    color: #fff;    font-size: 18px;    font-weight: 400;    line-height: 1;    margin: 0;    outline: none;    padding: 10px 110px 10px 40px;    text-transform: capitalize;    width: 325px;}

.search-bar form input[type=submit]{    background: transparent;    border: 1px solid hsla(0,0%,100%,.2);    cursor: pointer;    display: block;    height: 45px;    left: -75px;    margin-left: 10px;    position: relative;    -webkit-transform: skew(-45deg);    -moz-transform: skew(-45deg);    -ms-transform: skew(-45deg);    -o-transform: skew(-45deg);    transform: skew(-45deg);    width: 45px;    z-index: 1;}

.search-bar form:after{    content: "";    left: 280px;    opacity: 0;    position: absolute;    top: 13px;    -webkit-transition: opacity .3s ease;    -o-transition: opacity .3s ease;    -moz-transition: opacity .3s ease;    transition: opacity .3s ease;}

/* .list-nav {   background: #014682;}*/

.imag_side span{    font-size: 50px; color: #fff;}

.filed-more input{	color: #000;    width: 100%;    outline: 0;    font-size: 14px;    font-weight: 500;    margin-bottom: 15px;    border-radius: 0;    background: #0c4da20d;    border: 1px solid #000;    appearance: auto;    padding: 8px 20px 8px 10px;    font-family: 'Poppins', sans-serif;}

.filed-more input::placeholder{color: #000;}

.filed-more textarea::placeholder{color: #000;}

.filed-more textarea{    color: #000;    width: 100%;    outline: 0;    font-size: 14px;   font-weight: 500;    margin-bottom: 15px;    border-radius: 0;    background: #0c4da20d;    border: 1px solid #000;    appearance: auto;    padding: 15px 20px 15px 10px;    font-family: 'Poppins', sans-serif;}

.filed-more button {background-color: #eda267; color: #000;   width: 45%;    /*border-radius: 50px; */   height: 43px;    font-size: 15px;    margin: 0px auto; border-radius: 50px; font-weight: bold; margin-bottom: 15px;}

/*.modal-header{background-color: #74d1ed;}*/

.content-blue{  background: #323C8A;    padding: 20px;}

.modal-header h5 { font-weight: 700;}

.img-side ul li {    line-height: 26px;}

button.top-setup {    position: relative;    top: 15px;    color: #000;    opacity: 1;}

.position-left {    position: absolute;    right: 0;}

.position-left img {    width: 50%;    position: relative;    left: 122px;    opacity: 0.1;    bottom: -136px;}

.midd-range{margin: 0px auto;}

.midd-range h4 {    font-size: 40px;    font-weight: 800;}

.midd-range {    border: 2px dashed #005495;}



.join-home .join-item video{width: 100%; height:auto;}

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

.icons-watch-img img {    margin: 0px auto;}

/*.why-junior-scholars .row {box-shadow: 0 4px 40px rgba(53,43,92,.1);}*/

.why-junior-scholars .title span{  color: #ffad93;}

 .why-junior_box {margin-bottom: 15px;}



.blink-btn a{	-webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;    box-shadow: rgba(0, 81, 152, 0.2) 0px 7px 29px 0px;      background-image: linear-gradient(to right, #eb7d39, #dc651c);   transition: 0.5s;    padding: 8px 18px;    border-radius: 50px;    font-size: 14px; color: #000;}

.blink-btn a:hover{color: #000;   background: #00286a;}

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

}

*/

.border-gray {    border-right: 1px solid #e5e5e5;}

.gooogle-review .content {    max-width: 100%;    margin: 0px auto;}

.gooogle-review .content h5 {    max-width: 100%;    margin: 0px auto;  margin-bottom: 10px;}

.gooogle-review-item {    background: #fff;        padding: 18px;}

.google-review-home img {    width: 40%;   text-align: center;    margin: 0px auto;    margin-bottom: 12px;}

.review-start ul li i {    color: #fab458;}

.review-small-img img {    width: 12%;}

.review-para p {    font-size: 13px;}

.review-media-img img {     width: 15%;  border-radius: 50px;  border: 1px solid #ccc;}

.review-media-img span {    font-size: 14px;}

.review-media-img p {    font-size: 11px;}

.review-start {    margin-bottom: 5px;}

.about-vector-left {    position: absolute;    top: 0;    left: 0;}

.about-vector-left img {    width: 85%;}

img.slider_more {    position: absolute;    top: 0;    right: 0;    width: 100%; }

.gooogle-review {    position: relative;}





.quize{	max-width: 100%;	width: 100%; background: #ffffff;	border-radius: 10px;}

.quize ul{	margin: 0;	list-style: none; border: 1px solid #ddd;	padding: 20px;	border-radius: 10px;	background: #0387da;}

.quize ul li+li{	margin-top: 16px;	border-top: 1px solid #efeeff;	padding-top: 16px;}

.quize ul li input[type="radio"] {    display: none;}

.quize ul li input[type="radio"]+label{  color: #000;  position:relative;    padding-left: 25px;}

.quize ul li input[type="radio"]+label::before{    content:"";    position: absolute;    left: 1px;    background: #ffffff;    height: 15px;    width: 15px;    border-radius: 50%;    top: 2px;    border: 1px solid #c3c3c3;} 

.quize ul li input[type="radio"]:checked+label::before {    content: "";    background: #005394;    border-color: #005394;}

.quize ul li input[type="radio"]:checked+label::after {    content: "";    position: absolute;    left: 5px;    top: 6px;    height: 7px;    width: 7px;    background: #fff;    border-radius: 50%;}

.quize label{	font-size: 15px;	cursor: pointer;}

.quize .footer-button{	margin-top: 20px;}

.quize .btn,.submitBtn{	padding: 10px 45px;	background-color: #ff7829;	color: #fff;	border: 0;	cursor: pointer;	text-transform: uppercase;	font-size: 11px;	font-weight: bold; color: #fff; border-radius: 10px;	transition: all .3s ease-in-out;   font-size: 16px;}

.quize .btn:hover,

.submitBtn:hover {    box-shadow: 0 14px 18px rgb(255, 183, 85, .28);}

.quize .question-bar.hidden{	display: none;}

.quize .scoreCount {    color: #000;    border-radius: 50%;    height: 100px;    width: 100px;    display: block;  line-height: 3.3;    font-size: 30px;    margin: 0 auto;    background: #FFBA00;    font-weight: bold;}

.quize div#showscore {    text-align: center;}

.quize .scoreBoard {    background: #fffbf1;    border-radius: 10px;    padding: 50px 20px;    max-width: 300px;    margin: 20px auto 50px;    border: 1px solid #ffe6a1;}

.quize .wrongAwnswer {    margin-top: 30px;    font-weight: bold;    font-size: 15px;    margin-bottom: 30px;}

.quize svg {    fill: #fff;    height: 9px;    margin-right: 6px;}

.question-bar h2 {    font-size: 30px;  font-weight: bold;  margin-bottom: 15px;}

.pure-metter-account {    width: 1000px;    max-width: 1000px;}



.modal-header{border-bottom: 1px solid #fff;}

.why-junior_box span {    font-size: 13px;    line-height: 20px;    display: block;}

a.download_design {   background: #ffad93;    /* display: block; */    padding: 10px;}



.hero-slider {    position: relative; }

.slider_owl span {    font-size: 25px;}

.midd-content-slide {    position: absolute;  top: 85px;    left: 44%;    width: 15%;}

.slider-owl {/*position: absolute; */  /* top: -268px;       left: 32.9%;*/    width: 315px;    text-align: center;  z-index: 99;     margin: 0px auto;}

.slider-owl p{padding-left: 15px; padding-right: 15px; text-align: center; font-size: 13px;}

.slider-setup {    position: absolute;   top: 30%;    left: -2%;  }

/*Colors*/

.color-1{color: #10a0b6;}

.color-2{color: #f39317;}

.color-3{color: #42ae18;}

.color-4{color: #d74726;}

.color-5{color: #00a1de;}

.color-6{color: #8d33aa;}

.color-7{color: #00b971;}

.color-8{color: #e9681b;}

.color-9{color: #0b863c;}

.color-10{color: #eabc00;}

.color-11{color: #7027a5;}

.color-12{color: #c83131;}

.color-13{color: #147cc4;}

.color-14{color: #0bc1b6;}



.main-item h3 {     font-size: 20px; display: block;  margin-bottom: 14px}

.fl ul li {    margin-bottom: 15px;}

.fl ul li {    text-align: justify; list-style-type: disc; line-height: 25px;}

.text.fl ul {    padding-left: 15px;}

img.circle-design {    position: absolute;    z-index: 99; top: 15px;     width: 378px;     left: 34.5%;}

a.item.fixed-link.lotrinhhoctapmoi { background-color: #323C8A;}


/*.sign-up input {    width: 100%;}*/

/*form.sign-up_form {    display: flex;    justify-content: center;}*/

/*.sign-up {    margin: 0px auto;}*/

/*.sign-up form input{width: 100%; border: 1px solid #ccc;     font-family: 'Poppins', sans-serif; font-size: 14px;}

.sign-up form textarea{width: 100%; border: 1px solid #ccc;     font-family: 'Poppins', sans-serif; font-size: 14px;}*/

.sign-up {    margin: 0px auto;}

.sign-up input{width: 100%;       font-size: 14px; padding-left: 10px; border: 1px solid #ccc; height: 30px;}

.sign-up ul li {    display: inline-block;    margin-left: 10px;}

.checkbox_sign input {    height: auto;}

.inner-midd {    margin: 0px auto; display: flex;  justify-content: end;}

.sign-up input:focus{outline: none;}

.sign-up button {    font-size: 13px;    padding: 5px 18px;    background: #74d1ed;}



.dropdown-menu-click {  position: relative;}

.dropdown-menu-click > span {  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

.ddropdown-menu-click > span,.dropdown-menu-click > div {  cursor: pointer;  outline: 0;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.dropdown-menu-click > div {  background-color: rgba(0, 0, 0, 0);  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: none;}

.dropdown-menu-click > span:focus ~ div {  display: block;}

.dropdown-menu-click > ul {visibility: hidden;transition: visibility 0.5s;opacity: 0;background: #fff;left: 0px;border: 1px solid #808080;box-shadow: 3px 3px 0 rgba(0,0,0,.12);padding: 3px 0;position: absolute;top: 33px;width: 137px;z-index: 950;background-color: #fff;}

.dropdown-menu-click ul li a{	color: #000;    cursor: pointer;    display: block;    font-size: 11px;    line-height: 15px;    padding: 5px 0 5px 0px;    text-decoration: none;}

.dropdown-menu-click > span:focus ~ ul {  visibility: visible;  opacity: 1;}

.checkbox_sign label {    font-size: 13px;    position: relative;    top: -2px;}



.breadcumb {    position: relative;    padding: 100px 0px;    background: url(img/breadcumb.png);    background-attachment: fixed;    background-size: cover;}

/*.breadcumb_area {    position: absolute;    z-index: 99;    top: 22%;}*/

.breadcumb_area ul li a {    color: #fff;}

.breadcumb_area h1 {    font-size: 30px;}

/*.contact_metter {    margin: 0px auto;}*/



.contact-filed input{width: 100%; height: 45px; border: 1px solid #ccc; margin-bottom: 15px;       font-size: 16px;     padding-left: 15px;}

.contact-filed select{width: 100%; height: 45px; border: 1px solid #ccc; margin-bottom: 15px;       font-size: 16px;  padding-left: 15px;} 

.contact-filed-message textarea{width: 100%; height: 100px; border: 1px solid #ccc; margin-bottom: 15px;       font-size: 16px; padding-left: 15px; padding-top: 5px;}

.contact-filed input:focus{outline: none;}

.contact-filed select:focus{outline: none;}

.contact-filed-message textarea:focus{outline: none;}

.contact-filed-submit button {padding: 10px 0;   color: #fff;  background-color: #323C8A; border-radius: 50px;}



.ContactInfo .inner_info {   background-color: #323C8A; margin-left: 13px;    margin-bottom: 20px;    padding: 10px;}

.ContactInfo .inner_info i {    width: 55px;    height: 55px;    font-size: 26px;    line-height: 55px;    margin-right: 20px;    border-radius: 50%;    text-align: center;    transition: all 0.5s;   color: #fff;   background-color: #000;   transition: background 0.2s, color 0.2s;    position: relative;}

.ContactInfo .inner_info span {    color: #fff;    font-size: 18px;    font-weight: 600;   transition: all 0.5s;}

ul.SocialIcon li i.fa-instagram {   background: #f09433; 

background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 

background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );    width: 40px;    height: 40px;   text-align: center;    display: flex;    justify-content: center;    align-items: center; border-radius: 50px;}

ul.SocialIcon li i.fa-linkedin {    background: #0069bd;    width: 40px;    height: 40px;   text-align: center;    display: flex;    justify-content: center;    align-items: center; border-radius: 50px;}

ul.SocialIcon li i.fa-twitter {    background: #00a4ed;    width: 40px;    height: 40px;   text-align: center;    display: flex;    justify-content: center;    align-items: center; border-radius: 50px;}

ul.SocialIcon li i.fa-facebook-f {    background: #007aeb;    width: 40px;    height: 40px;   text-align: center;    display: flex;    justify-content: center;    align-items: center; border-radius: 50px;}

ul.SocialIcon li i.fa-pinterest {    background: #f90027;    width: 40px;    height: 40px;   text-align: center;    display: flex;    justify-content: center;    align-items: center; border-radius: 50px;}

ul.SocialIcon li i.fa-youtube {    background: #ff0013;    width: 40px;    height: 40px;   text-align: center;    display: flex;    justify-content: center;    align-items: center; border-radius: 50px;}

ul.SocialIcon li i.fa-wordpress {    background: #087b9b;    width: 40px;    height: 40px;   text-align: center;    display: flex;    justify-content: center;    align-items: center; border-radius: 50px;}

.wheel-circle{	width:600px;	height:600px;	background-color: #ccc;	border-radius: 50%;	border:15px solid #dde;	position: relative;	overflow: hidden;	transition: 5s;	margin: 0px auto;	transform: rotate(-40deg);}

.wheel-circle div{	height:50%;	width:200px;	position: absolute;	clip-path: polygon(100% 0 , 50% 100% , 0 0 );	transform:translateX(-50%);	transform-origin:bottom;	text-align:center;	display:flex;	align-items: center;	justify-content: center;	font-size:20px;	font-weight:bold;	font-family:sans-serif;	color:#fff;	left:185px;}



.wheel-circle .one{	background-color: #3f51b5;    transform: rotate(40deg);  background: rgba(55,83,176, 0.2); 	}



.wheel-circle .two{	background-color: #ff9800;	transform: rotate(80deg); background: rgba(255,152,0, 0.3);}



.wheel-circle .three{	background-color: #e91e63;	transform:rotate(120deg); background: rgba(233,30,99, 0.3);}



.wheel-circle .four{	background-color: #4caf50;	transform: rotate(160deg); background: rgba(76,175,80, 0.3);}



.wheel-circle .five{	background-color: #009688;	transform: rotate(200deg); background: rgba(0,150,136, 0.3);}



.wheel-circle .six{	background-color: #795548;	transform: rotate(240deg); background: rgba(121,85,72, 0.3);}



.wheel-circle .seven{	background-color: #9c27b0;	transform: rotate(280deg); background: rgba(156,39,176, 0.3);}



.wheel-circle .eight{	background-color: #f44336;	transform: rotate(320deg); background: rgba(244,67,54, 0.3);}



.wheel-circle .nine{	background-color: #4fd3eb;	transform: rotate(360deg); background: rgba(0,214,233, 0.3);}

.arrow-spin{position: absolute;    top: 4%;    left: 55%;    transform: translateX(-50%);    color: #fff;    z-index: 9;}

.arrow-spin::before{	content:"\f0d7"; font-family: FontAwesome;	font-size:85px;	color: #74d1ed;}

#spin{	position: absolute;	top:50%;	left:50%;	transform:translate(-50%,-50%);	z-index:10;	background-color: #e2e2e2;	text-transform: uppercase;	border:8px solid #fff;	font-weight:bold;	font-size:20px;	color:#a2a2a2;	width: 80px;	height:80px;	font-family: sans-serif;	border-radius:50%;	cursor: pointer;	outline:none;	letter-spacing: 1px;}

.spiner p {    margin: 0px;    padding: 0;    position: relative;    top: -70px;    font-size: 15px;        font-family: 'Poppins', sans-serif;}

/**/

/*#panel, #flip { padding: 5px;  text-align: center; cursor: pointer;}*/

#set-1-1 {  padding: 10px;  display: block;  background: rgba(55,83,176, 0.3); /*background-color: #3f51b5;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-2-2 {  padding: 10px;  display: none; background: rgba(255,152,0, 0.3); /*background-color: #ff9800;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-3-3 {  padding: 10px;  display: none;  background: rgba(233,30,99, 0.3); /*background-color: #e91e63;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-4-4 {  padding: 10px;  display: none; background: rgba(76,175,80, 0.3); /*background-color: #4caf50;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-5-5 {  padding: 10px;  display: none; background: rgba(0,150,136, 0.3); /*background-color: #009688;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-6-6 {  padding: 10px;  display: none; background: rgba(121,85,72, 0.3); /*background-color: #795548;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-7-7 {  padding: 10px;  display: none; background: rgba(156,39,176, 0.3); /*background-color: #9c27b0;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-8-8 {  padding: 10px;  display: none; background: rgba(244,67,54, 0.3); /*background-color: #f44336;*/ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

#set-9-9 {  padding: 10px;  display: none;     background: rgba(0,214,233, 0.3); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}

.common-styling {    cursor: pointer;    font-size: 14px;    position: relative;    /* top: -45px; */    left: -2px;    color: #000;    display: block;    width: 60px;    height: 100px;    text-align: center;    width: 100%;}

button#spin img {    width: 100%; transform: rotate(45deg);}

.spiner {    padding: 100px 0;     position: relative;}

.wheel-content span{font-size: 35px; font-family: Simplifica Font; color: #333;}

.wheel-content ul {   padding-top: 10px;}

.wheel-content ul li {    line-height: 32px; color: #333;}



.button-blocks a {    background: #74d1ed;       padding: 8px 18px;    position: relative;    top: 4px; transition: 0.5s;     font-size: 14px;}

.button-blocks a:hover{background: #ffad93;}

.pitch-box {    margin-bottom: 35px;}

.pitch-box img{cursor: pointer;}

.pitch-box img {    border: 1px dashed #74d1ed;    padding: 5px;}



@keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}

.pulse {    animation: 3s linear infinite;    transform-origin: 50% 50%;}

@keyframes blink{

0%{opacity: 0;}

50%{opacity: .5;}

100%{opacity: 1;}

}

.pitch-box a {    display: block;    text-align: center;    background: #74d1ed;    padding: 5px 0;    color: #fff;}

.pitch-box-gallery {    margin-bottom: 35px;}

.pitch-box-gallery img{border: 1px dashed #74d1ed; padding: 5px;    cursor: pointer;}



.common-styling i {animation: blink 1s linear infinite;  font-size: 20px;    position: relative;    top: -60px; color: #fff;}

@keyframes blink{

	0%{opacity: 0;}

	50%{opacity: .5;}

	100%{opacity: 1;}

}

.box-shadow-mode{box-shadow: 0 0 10px 0 rgba(0,0,0,.3);transition: 0.5s;}

.box-shadow-mode span {    display: block;    padding: 15px;    margin-bottom: 22px;    background: #dd9da0;    font-size: 21px;}

.design-1{	border: 2px solid #dd9da0;}

.design-2{	border: 2px solid #e0ba9d ;}

.design-3{	border: 2px solid #94c3aa;}

.design-2 span{background-color: #e0ba9d;}

.box-shadow-mode p{   font-size: 16px;    color: #545454;    margin-bottom: 24px;}

.box-shadow-mode ul li{    display: block;    font-size: 40px;}

.box-shadow-mode small{    display: block;    font-size: 12px;    }

/*.design-1 a {    background: #dd9da0;    display: block ;    width: 50%;    margin: 0px auto;    line-height: 45px;    border-radius: 5px;}

.design-2 a {background-color: transparent; border: 1px solid #e0ba9d;  display: block ;    width: 50%;    margin: 0px auto;    line-height: 45px;    border-radius: 5px;}

.design-3 a {background-color: transparent; border: 1px solid #94c3aa;  display: block ;    width: 50%;    margin: 0px auto;    line-height: 45px;    border-radius: 5px;}*/



.design-3 span {    background: #94c3aa;}



.box-shadow-mode:hover{transform: scale(1.02);}

.box-shadow-mode{	position: relative;}

/*.design-1::after {    display: block;    content: '';    position: absolute;    top: -7px;    right: -6px;    width: 81px;    height: 77px;    background-image: url(img/best-value-banner.png);    background-repeat: no-repeat;    background-size: 100%;}*/



.form-payment span{margin-bottom: 20px;    color: #000;   font-size: 24px;}



.form-ibput input { outline: none;   border: none;    height: 40px;   outline: none; padding-left: 15px;}  

.form-ibput label {  outline: none;  font-size: 14px;}

.form-ibput select {    width: 100%;    padding: 5px;    border: 1px solid #ccc;}

.form-ibput select { outline: none;}

.security-code  input{height: 40px; outline: none; padding-left: 15px;}

.security-code label {    outline: none;    font-size: 14px;}



.join-btn button {    border: 0;    width: 100%;    padding: 10px 0;     background: #74d1ed;}

.form-payment {    background: #ffaa96;    padding: 25px;}



.one-monthly{    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);     background: #8ed0d4;}

.our-gaurnted {    padding-left: 15px;    padding-right: 15px;}

.our-gaurnted span {    font-weight: 600;    font-size: 18px;}

.our-gaurnted p {    font-size: 13px;}



.appy-form input {    border: 1px solid #ccc;    padding: 8px 15px; outline: none;   }

.appy-form {    margin-bottom: 30px;}

.appy-form label {    font-size: 13px;}



.appy-form{font-family: 'Poppins', sans-serif;}

.appy-form select{outline: none; font-size: 14px;}

.appy-form input {    font-size: 12px;}

.appy-form-btn button{width: 100%; border: 0px; padding: 10px 0px;  font-family: 'Poppins', sans-serif; background-color:#ffaa96;}



.job-box h4{font: 500 30px/1.2 Poppins,sans-serif;  margin: 0; padding-top: 30px;}

.job-box span{color: #757575; font: 500 22px Poppins,sans-serif; margin: 0 0 15px;}

.job-box p {margin-top: 10px;    line-height: 25px;    text-align: justify;}

.extra-content b{ font-family: 'Poppins', sans-serif; display: block; width: 100%; }

.extra-content span{color: #00AEEF;  margin-top: 10px; display: block;  font: 600 24px/1.2 Poppins,sans-serif;}

.job-box ul{padding-left: 15px;}

.job-box ul li {    margin-bottom: 15px;    list-style-type: disc;}

.extra-content em {    line-height: 25px;}

.apply-btn a {    background-color: #ffaa96;    padding: 10px 30px;     animation: blink 1s linear infinite;}

.white-box {    width: 18%;    margin: 0px auto;    background: #ffad93;    padding: 0;}

.white-box ul li a {display: block;    padding: 10px 0;    position: relative;    top: -5px;    color: #000; font-weight: 700;}

.white-box p {    font-size: 30px;}



.benefites-and-perks{background: url(img/bg-1.png)no-repeat;}

.benefites_box img {    margin-bottom: 15px;}

.text-description p {    font-size: 16px;}

.benefites_box .bg-white {    min-height: 190px;}



.setup-1 {    border: 5px solid #56ad3a;}

.setup-2 {    border: 5px solid #00c7c8;}

.setup-3 {    border: 5px solid #ff8167;}



.f-cat {  color: #fff;  padding: 1em;  border: 5px solid #fff;}

.f-cat[data-cat=cat-red] {background: #74d1ed;}

.box-shadow{box-shadow: 0 0 10px 0 rgba(0,0,0,.12);}

.f-cat[data-cat=cat-blue] {  background: #ffad93;}

/*.f-cat[data-cat=cat-blue] {  background: #0074d9;}*/

.filter-cat-results .f-cat {  opacity: 0;  display: none;}

.filter-cat-results .f-cat.active {  opacity: 1;  display: block;  -webkit-animation: fadeIn 0.65s ease forwards;  animation: fadeIn 0.65s ease forwards;}

@-webkit-keyframes fadeIn {

  0% {    opacity: 0;  }  

  100% {    opacity: 1;  }

}

@keyframes fadeIn {

  0% {    opacity: 0;  }

  100% {    opacity: 1;  }

}

.filter-cat {    width: 15%;    margin: 0px auto;}

.filter-cat select {    background: #e0e0e0;	font-family: 'Poppins', sans-serif; box-shadow: none; }

.filter-cat select:focus{outline: none; box-shadow: none; border: 1px solid #74d1ed;}

.filter-cat-results h4 {    color: #000;    font-weight: 800;    margin-bottom: 15px;}

.filter-cat-results ul {    text-align: left;}

.filter-cat-results ul li{line-height: 28px;}

.f-cat ul li {    border-bottom: 1px solid #65c4e1;    margin-bottom: 15px;    line-height: 35px; margin-bottom: 10px;}



.border-style ul li {    border-bottom: 1px solid #f19a7f}



a.apply-now {    background: #323232;    display: block;    padding: 10px;    color: #fff !important;}



li.price-box {    width: 32%;    float: left;    margin-right: 14px;}



ul.select-target  li.active a{    background:#74d1ed;    color:#fff;}



.button-design a {    background: transparent;    padding: 10px 30px;    border: 1px solid #74d1ed;    color: #000; border-radius: 5px;}

.button-design {    position: relative;    top: 10px;}

.privacy-policy_content p {    line-height: 25px;}

.terms-and-conditions_content p { text-align: justify;   margin-bottom: 20px;     line-height: 24px;}

.under-content-mode h4 {    margin-bottom: 10px;}

.under-content-mode ul li { text-align: justify;   margin-bottom: 12px;    list-style-type: disc;}

.under-content-mode ul {    padding-left: 15px;}

.under-content-mode ul {    margin-top: 15px;}

.under-content-mode a {  text-decoration: underline;  color: #000;    font-weight: 700;}

nav.mobile-menu {    display: none;}

img.only-mobile {   display: none;}



div#color-21 {    background: #abb4c5;   padding: 20px;}

div#color-22 {    background: #e0ba9d;   padding: 20px;}

div#color-23 {    background: #da8eab;   padding: 20px;}

div#color-24 {    background: #94c3aa;   padding: 20px;}

div#color-25 {    background: #8ebcb7;   padding: 20px;}

div#color-26 {    background: #b4a7a4;   padding: 20px;}

div#color-27 {    background: #c098c1;   padding: 20px;}

div#color-28 {    background: #dd9da0;   padding: 20px;}

div#color-29 {    background: #8ed0d4;   padding: 20px;}

.content_part {    margin-bottom: 30px;}

.mobile-version {    display: none;}

/*slider*/

.slider {    height: auto;    background-size: cover;    position: relative;}

.slider h1 {margin: 0;    color: #282828;    font-size: 50px;   font-weight: 500;   line-height: 65px;}

.slider span {    font-size: 22px;    padding-left: 80px;    color: #0c4da2;    margin-bottom: 0.5rem;    display: block;}


.business-plan {    position: relative;}
.content_business span {    font-size: 18px;    margin-bottom: 5px;    color: #fff;}

.read-btn a {	background-color: #1e3e85;    padding: 10px 20px;   border-radius: 50px;   color: #fff; }

/*.content-top {    position: absolute;    top: 18px;    text-align: center;    left: 25%;    color: #fff;}*/

.counter-box {    position: relative;}

.content-top p {    font-size: 14px;    margin-bottom: 0;    font-weight: 500;    color: #333;    transition: 0.5s;}

.content-top span {  font-size: 17px;    display: block;    line-height: 1.1;    font-weight: 600;    color: #000;    display: block;    margin-bottom: 0px;}

 .why-choose-us {    background: url(img/founder_bg.jpg)repeat;    background-attachment: fixed;    background-size: cover;}

.bg-light-color span {    font-size: 22px;    display: block;    text-transform: capitalize;}

.bg-light-color {    background: #ffffff21;    padding: 30px;    margin-bottom: 30px;    box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;}

footer{background: url(img/fotoer-bg.jpg)no-repeat; background-attachment: fixed; background-position: 50% 50%; background-position: center; background-size: cover;}

.about_img img {    width: 500px;    float: left;     margin-right: 35px;}

.about-content p{margin-bottom: 20px; line-height: 28px;}

.modal-header .close{top: 8px;    color: #fff; box-shadow: none !important; opacity: 0.9; text-shadow: none !important;}

.footer-line img { position: absolute;    right: 0;    width: 33%;    top: 5px;    height: 391px;}

.feedBack-content > span {    font-size: 20px;    display: block;    margin-bottom: 11px;}





.blog-btn a {font-weight: 600;  border-radius: 50px; color: #fff;  margin-top: 15px;    background-color: #323C8A;    padding: 5px 15px; }

.blog-content a span {    font-size: 20px;   margin-bottom: 6px;}





.view {   width: 100%;   height: 100%;   float: left;   border: 5px solid #fff;   overflow: hidden;   position: relative;   text-align: center;   -webkit-box-shadow: 1px 1px 2px #e6e6e6;   -moz-box-shadow: 1px 1px 2px #e6e6e6;   box-shadow: 1px 1px 2px #e6e6e6;   cursor: default;   background: #fff url(img/bgimg.jpg) no-repeat center center;}

.view .mask,.view .content {   width: 100%;   height: 100%;   position: absolute;   overflow: hidden;   top: 0;   left: 0;}

.view img {   display: block;   position: relative;}

.view h3 { text-transform: capitalize;    color: #fff;    text-align: center;    position: relative;    font-size: 18px;   padding: 10px;    background: rgba(0, 0, 0, 0.8);    margin: 20px 0 0 0;}

.view p {   font-style: italic;   font-size: 14px;   position: relative;   color: #fff;   padding: 10px 20px 20px;   text-align: justify;}



.view a.info {   display: inline-block;   text-decoration: none;   padding: 5px 15px; border-radius: 50px;    background-color: #ff993a;  color: #000;   text-transform: capitalize;   -webkit-box-shadow: 0 0 1px #000;   -moz-box-shadow: 0 0 1px #000;   box-shadow: 0 0 1px #000;}

.view a.info:hover {   -webkit-box-shadow: 0 0 5px #000;   -moz-box-shadow: 0 0 5px #000;   box-shadow: 0 0 5px #000;}

.view-fourth img {   -webkit-transition: all 0.4s ease-in-out 0.2s;   -moz-transition: all 0.4s ease-in-out 0.2s;   -o-transition: all 0.4s ease-in-out 0.2s;   -ms-transition: all 0.4s ease-in-out 0.2s;   transition: all 0.4s ease-in-out 0.2s;   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";   filter: alpha(opacity=100);   opacity: 1;}

.view-fourth .mask {   background-color: rgba(0,0,0,0.8);   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   -webkit-transform: scale(0) rotate(-180deg);   -moz-transform: scale(0) rotate(-180deg);   -o-transform: scale(0) rotate(-180deg);   -ms-transform: scale(0) rotate(-180deg);   transform: scale(0) rotate(-180deg);   -webkit-transition: all 0.4s ease-in;   -moz-transition: all 0.4s ease-in;   -o-transition: all 0.4s ease-in;   -ms-transition: all 0.4s ease-in;   transition: all 0.4s ease-in;   -webkit-border-radius: 0px;   -moz-border-radius: 0px;   border-radius: 0px;}

.view-fourth h2 {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   border-bottom: 1px solid rgba(0, 0, 0, 0.3);   background: transparent;   margin: 20px 40px 0px 40px;   -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out;   -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}

.view-fourth p {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out;   -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}

.view-fourth a.info {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out;   -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}

.view-fourth:hover .mask {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";   filter: alpha(opacity=100);   opacity: 1;   -webkit-transform: scale(1) rotate(0deg);   -moz-transform: scale(1) rotate(0deg);   -o-transform: scale(1) rotate(0deg);   -ms-transform: scale(1) rotate(0deg);   transform: scale(1) rotate(0deg);  -webkit-transition-delay: 0.2s;   -moz-transition-delay: 0.2s;   -o-transition-delay: 0.2s;   -ms-transition-delay: 0.2s;   transition-delay: 0.2s;}

.view-fourth:hover img {   -webkit-transform: scale(0);   -moz-transform: scale(0);   -o-transform: scale(0);   -ms-transform: scale(0);   transform: scale(0);   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition-delay: 0s;   -moz-transition-delay: 0s;   -o-transition-delay: 0s;   -ms-transition-delay: 0s;   transition-delay: 0s;}

.view-fourth:hover h2,

.view-fourth:hover p,

.view-fourth:hover a.info {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";   filter: alpha(opacity=100);   opacity: 1;   -webkit-transition-delay: 0.5s;   -moz-transition-delay: 0.5s;   -o-transition-delay: 0.5s;   -ms-transition-delay: 0.5s;   transition-delay: 0.5s;}

.our-services {    position: relative;}



.slider-item .slick-next {    right: 2%;    top: 50%;    border: 1px solid #ccc;    width: 50px;    height: 50px;    border-radius: 50px;   border: 1px solid rgba(255, 255, 255, 0.2);}

.slider-item .slick-prev {    left: 2%;   z-index: 9;    top: 50%;    border: 1px solid #ccc;    width: 50px;    height: 50px;    border-radius: 50px;    border: 1px solid rgba(255, 255, 255, 0.2);}

.slider-item .slick-next:hover {    background-color: #323C8A; color: #000;}
.slider-item .slick-prev:hover {    background-color: #323C8A; color: #000;}

.overlay-side::after {    position: absolute;    content: '';    width: 100%;    height: 78vh;    background: #000;    opacity: 0.7;}

.overlay-side {    position: relative;}

.hero-slider-1 {    background: url(img/tru-new-banner1.jpg);    height: 83vh;    background-attachment: fixed;    background-size: cover;}
.hero-slider-2 {    background: url(img/tru-new-banner2.jpg);    height: 83vh;    background-attachment: fixed;    background-size: cover;}
.hero-slider-3 {    background: url(img/tru-new-banner3.jpg);    height: 83vh;    background-attachment: fixed;    background-size: cover;}

a.orange_btn { background-color: #ff993a;   padding: 12px 45px; /*   border-radius: 30px; */   box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%); border-radius: 50px;}

a.green-btn {    background:#1e3e85;    padding: 12px 45px;/*   border-radius: 30px;*/    box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%); border-radius: 50px;}

.slider-caption {    margin: 0px auto;    padding-top: 220px;}

color.orange {    color: #fff;}

.header_logo {    position: relative;}

.header_logo img {   background: #fff;}

.widget a:hover {    color: #323C8A !important;}

.color-site {background-color: #0056a4;}

.skin-color {    background: #ff993a;}

.black-color { background-color: #000;}



ul.coloring li a {    background-color: #323C8A;  padding: 15px;    color: #fff;    font-size: 18px;}

.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}

ul.coloring {    text-align: center;}

.inner-left-side-product h3 {    padding-bottom: 20px;}

.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}

.full-width-type {   background-color: #000;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}

.inner-states a {    color: #fff;    width: 100%;    text-align: center;    color: #fff;}

/* Rectangle In */

.hvr-rectangle-in {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;background-color: #000;   -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}

.hvr-rectangle-in:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-color: #000;    -webkit-transform: scale(1);    transform: scale(1);    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {    color: white;}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {    -webkit-transform: scale(0);    transform: scale(0);}

.service_box {    margin-bottom: 30px;}

.sitema-links-item h2 {    font-size: 22px;}

.sitema-links-item h3 {    font-size: 22px;}

.sitema-links-item h4 {    font-size: 22px;}

.ser-img img {    float: left;    width: 300px;}

.ser-img img {    margin-right: 15px;}

.service-text h3 {    font-size: 22px;    margin-bottom: 12px;}

.service-text h4 {    font-size: 22px;    margin-bottom: 12px;}

.service-text h5 {    font-size: 22px;    margin-bottom: 12px;}

.service-text h6 {    font-size: 22px;    margin-bottom: 12px;}

.service-text p {margin-bottom: 15px; text-align: justify;}

.service-text ul li {  list-style-type: disc;  line-height: 32px;}

.service-text ul {       padding-left: 15px; margin-bottom: 20px;}



.link-decide a {background-color: #000;   display: block;    padding: 10px;    transition: 0.5s;}

/*.link-decide a:hover {    background-color: #1549ab !important;}*/

.accredited_employer-form input{	    width: 100%;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    -ms-box-sizing: border-box;    box-sizing: border-box;    background: none;    height: 50px;    font-size: 15px;    padding: 8px 8px 8px 8px;    background-color: #ffffff;    border: solid #d1d1d2 1px;    border-radius: 0px;    vertical-align: middle;    margin: 0 0 0 0;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    -ms-box-sizing: border-box;    box-sizing: border-box;  width: 100%;    border-radius: 4px; }

.accredited_employer-form textarea{    border: solid #d1d1d2 1px;   }

.accredited_employer-form input:focus{outline: none;}

.accredited_employer-form textarea:focus{outline: none;}

input.inherit-width {    width: 2%;}

.radio-button ul li {    border: 1px solid #ccc;    padding-left: 10px;}

.button-part button {	background-image: linear-gradient(to right, #de1e25, #8a000a);   outline: none;    cursor: pointer;    color: #fff;    padding: 8px 40px;    border-radius: 5px;}

.request-filed-input {    margin-bottom: 30px;}

.three-accredited {       background-image: linear-gradient(to right, #de1e25, #8a000a);}

.newzlead-content span {    font-size: 19px;    font-weight: 600;    display: block;    margin-bottom: 15px;}

.newzlead-content p {    text-align: justify;    margin-bottom: 15px;}

.go-btn a {         background-image: linear-gradient(to right, #de1e25, #8a000a);  padding: 10px 20px;    border-radius: 50px;}

.newzlead-img .border {    min-height: 400px;    margin-bottom: 30px;}

.under-terms-conditions p {    margin-bottom: 15px;    text-align: justify;    line-height: 25px;}

.list-terms ul {    margin-bottom: 10px;}

.list-terms ul li{line-height: 25px; list-style: disc;}

.list-terms span {      font-weight: 700;}

.under-terms-conditions span {     font-weight: 700;}

.list-terms ul {    padding-left: 15px;}

.termns-and-conditions p {    margin-bottom: 15px;    text-align: justify;}

.list-item-privacy-policy ul {padding-left: 15px;}

.list-item-privacy-policy ul li {    line-height: 30px;    list-style-type: disc;}

.list-item-privacy-policy span {    font-weight: 600;    display: block;    margin-bottom: 10px;}

.make-payment a {       background-image: linear-gradient(to right, #eb7d39, #dc651c);    padding: 10px 30px;     border-radius: 50px;}

.stucky-content ul li {    margin-bottom: 15px;    list-style-type: disc;}



.emplyment{background-image: linear-gradient(to right, #de1e25, #8a000a);}

.emplyment ul li{color: #fff; margin-bottom: 15px;}

.emplyment_content ul li {    list-style-type: disc;}

.services-content-img img{width: 500px; float: left; margin-right: 22px;}

.services-content h2 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.services-content h3 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.services-content h4 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.services-content h5 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.services-content h6 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.services-content p {    margin-bottom: 12px;}



.inner-form-setting input {    height: 50px;    border: 1px solid #ccc;    border-radius: 0;    -webkit-box-shadow: none;    box-shadow: none;    padding-left: 20px;    font-family: 'Work Sans', sans-serif;    outline: none;}

.inner-form-setting textarea {    border: 1px solid #ccc;    border-radius: 0;    -webkit-box-shadow: none;    box-shadow: none;    padding-left: 20px;    outline: none;    min-height: 126px;    font-family: 'Work Sans', sans-serif;    padding-top: 14px;    position: relative;    padding-left: 20px;}

.inner-form-input-btn button {   background-image: linear-gradient(to right, #de1e25, #8a000a);  padding: 8px 20px 8px 20px;    border-radius: 50px;    cursor: pointer;    outline: none;}

.contact-form-inner-page .title ul a {    font-size: 26px;    color: #000;    text-decoration: underline;    line-height: 32px;    margin-top: 0;}

.blog-box img {    margin-bottom: 15px;}

.blog-content a {    font-weight: 600;    color: #000;    margin-bottom: 15px; }

.blog-btn-new a {        background-image: linear-gradient(to right, #de1e25, #8a000a); padding: 8px 18px;    border-radius: 50px;}

.blog-large img {    margin-bottom: 15px;}

.blog-content span {    font-size: 25px;    font-weight: 600;    display: block;    margin-bottom: 8px;}

.blog-content p {margin-bottom: 15px; line-height: 25px; text-align: justify;}

.blog-content h3 {    font-size: 22px;    margin-bottom: 15px;}

.blog-content ul li {  margin-bottom: 15px; }
.blog-content ul li ul{ margin-left: 15px;    line-height: 15px;    margin-top: 15px;}
.blog-content ul li ul li{ list-style: circle;}

.news-leter input{   font-size: 14px; padding-left: 10px; height: 30px;}

.news-leter input:focus{outline: none;}

.news-leter button {background: #000; font-size: 14px;    border-radius: 50px;    padding: 5px 15px;}



.search-bar-blog input{ padding-left: 10px; height: 35px;}

.search-bar-blog input:focus{outline: none;}

.search-bar-blog {    position: relative; margin-bottom: 30px;}

.search-bar-blog button {   background: #000; position: absolute;    right: 0;    height: 35px;}



.recent-post  span {    font-size: 21px;    text-align: center;    display: block;    margin-bottom: 20px;}

.recent-post a{color: #000;}



.news-leter {background-color: #1e3e85;}



.products_widget b{color: #ff993a;}

.blank-mode {    margin-bottom: 25px;}

.blank-mode span {    font-size: 17px;    font-weight: 700;}



.bg-color-design {    background: #eda267;    padding: 15px;    border-radius: 5px;}

/*.bg-color-design img {    filter: brightness(1) invert(1);}*/



.mask ul li{line-height: 25px;}



ul.design-flex li a {   font-size: 14px; padding: 5px 12px;    display: block;    border-radius: 5px;}

ul.design-flex li:first-child a {background-color: #323C8A;}

ul.design-flex li:last-child a {background-color: #eda267;}



ul.spacifications li {    margin-bottom: 10px; }

.join-home .slick-dots {    display: none;}

/* .fragement {    min-height: 325px;} */



table {    font-family: "Work Sans", sans-serif;  border-collapse: collapse;  width: 100%;}

td, th {  border: 1px solid #dddddd;  text-align: left;  padding: 8px;}

tr:nth-child(even) {  background-color: #dddddd;}

.setting-more span {    font-size: 22px;   font-weight: 600;   display: block;    margin-bottom: 15px;}

.setting-more ul li {    margin-bottom: 15px;    list-style-type: disc;}

.setting-more ul {    padding-left: 15px;}

.mission-time{background-color: #eda267;}

.mission-box p {    text-align: justify;    line-height: 25px;}

.mission-box span {    font-size: 18px;  color: #323C8A;   font-weight: 700;    display: block;    margin-bottom: 10px;   text-align: center;}

.mission-box .bg-white {    min-height: 348px;}

a.blog-title {    font-size: 20px;    font-weight: 600;    color: #000;    display: block;}

.blog-content-design li {    font-size: 14px;}

.full-flat h2 {    font-size: 22px;    margin-bottom: 10px;}

.full-flat p {   margin-bottom: 10px;     text-align: justify;}

.full-flat span strong {    margin-bottom: 10px;    display: block;}





.fragment-design .row{  background: #f8f8f8;  border-color: rgba(0, 0, 0, 0.13);     box-shadow: 0 0 10px rgba(204, 204, 204, 0.67);}





#content {

width: 100%;

background: #fff;

padding: 20px;

font-family: Sans-Serif;

font-size: 18px;

color: #444;

margin: 0 auto;

max-height: 475px;

overflow: hidden;

transition: max-height 0.7s;

}



#content.open {

max-height: 1000px;

transition: max-height 0.7s;

}



#show-more {

width: 100%;

color: #fff;

  font-family: "Work Sans", sans-serif;

display: block;

cursor: pointer;

text-align: center;

margin: 0px auto;

}



div#content table {

    font-size: 14px;

}



.description-text h2 a {    font-size: 25px;   display: block;    margin-bottom: 8px;}



.description-text b {

    color: #0c55a4;

}

table.w100.formTable {

    margin-top: 20px;

}

a#show-more {

		margin-top: 15px;

		margin-bottom: 10px;

		background: #1e3e85;

		padding: 10px 30px;

}

.collab span {

    display: block;

    margin-bottom: 15px;

    color: #0c55a4;

    font-size: 17px;

}



a#show-more b {

    background: #1e3e85;

    padding: 10px 30px;

    color: #fff;

}



.btn-modal a {    background: #ff993a;    padding: 10px 30px;    border-radius: 5px;}

a.design-class {color: #000;    font-weight: 700;    display: inline-block;    margin-top: 10px;    border: 1px solid #0c55a4;    padding-left: 15px;    padding-right: 15px;    padding-top: 5px;    padding-bottom: 5px;     font-size: 14px;}





.discritpion-design li:first-child a {    background: #1e3e85;  color: #fff;  padding: 10px 30px;    border-radius: 5px;}

.discritpion-design li:last-child a {    background: #ff993a;    padding: 10px 30px;    border-radius: 5px;}





.design-part-table{    border-color: rgba(0, 0, 0, 0.13); box-shadow: 0 0 10px rgba(204, 204, 204, 0.67);     border: 1px solid #ccc;}



.modal-btn a{background-color: #1e3e85; padding: 10px 30px;}

.dark-color {    background: #1e3e85;}



.dark-color input{color: #fff;}

.dark-color input::placeholder{color: #fff;}

.dark-color textarea{color: #fff;}

.dark-color textarea::placeholder{color: #fff;}



.detail-owl .slick-dots {    display: none;}

.detail-blog .slick-dots {    display: none;}



a.details-title {    display: block;    text-align: center;    font-size: 18px;    color: #000;    font-weight: 800;    margin-bottom: 15px;}





ul.view-btn-design li:first-child{    background: #1e3e85;    padding: 5px 8px;}

ul.view-btn-design li:last-child {    background: #ff993a;    padding: 5px 8px;}





.mobile-three-item {    text-align: center;   text-align: center;    display: none;    position: fixed;   z-index: 999;    bottom: 0;    width: 100%;}

.mobile-three-item li {    display: inline-block;    margin-right: 0;   padding: 5px 0px;    width: 32%;}

.mobile-three-item li:first-child {       background: #f99f6e;}
.mobile-three-item li:first-child a{color: #000;}

.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:nth-child(2) a{   color: #000;}

.mobile-three-item li:last-child {    background-color: #323C8A;}
.mobile-three-item li:last-child a{   color: #000;}

.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    border-radius: 4px;    box-shadow: 0 0 2px 1px white;    z-index: 1000;       background-image: linear-gradient(to right, #393286 , #0457b2);}

.mobile-btn-animation a {    color: white;}

#mobile-call-container a {    width: 100%;    min-width: 100%;}

.mobile-three-item ul li a {    color: #fff;    font-weight: 500;}
.about-content strong {      font-weight: 600; color: #000;}
.about-content a {  color: #000;  font-weight: 600;  text-decoration: underline;}
.mask li {  color: #fff;}
.about-content h2 {  margin-bottom: 10px;}
.business-plan {  background: #323C8A;  padding: 50px 0;}
.content_business h2 {  color: #fff;  margin-bottom: 12px;  text-align: center; font-size: 22px;}
.content_business h3 {  color: #fff;  margin-bottom: 12px;  text-align: center; font-size: 22px;}
.content_business h4 {  color: #fff;  margin-bottom: 12px;  text-align: center; font-size: 22px;}
.content_business h5 {  color: #fff;  margin-bottom: 12px;  text-align: center; font-size: 22px;}
.content_business h6 {  color: #fff;  margin-bottom: 12px;  text-align: center; font-size: 22px;}
.content_business p {  margin-bottom: 15px;  text-align: justify;  color: #fff;}
.content_business ul {  padding-left: 15px;}
.content_business ul li { list-style-type: disc; margin-bottom: 8px;  text-align: justify;  color: #fff;}
.content_business strong {  color: #fff;  text-decoration: underline;}
.content_business a {  color: #fff;  text-decoration: underline;  font-weight: 600;}
.fragement ul {  margin-bottom: 20px;}

.ziehharmonika span {	background: #323C8A;	color: #fff;	display: block;	text-align: left;	border-radius: 4px;	padding: 5px 12px;	cursor: pointer;	margin-top: 0;	font-size: 16px;	margin-bottom: 9px;	padding-right: 40px;	transition: 0.25s all;	position: relative;}
.ziehharmonika span.active {	margin-bottom: 21px;	color: #fff;	background: #000;}
.ziehharmonika span::before {	content: attr(data-prefix);	font-size: 22px;	margin-right: 9px;}
.ziehharmonika span.alignLeft {	padding-left: 35px;}
.ziehharmonika > div {	display: none;	background: #fff;	border-radius: 4px;	border: 1px solid #cdcdcd;text-align: left;	padding: 31px 33px;	margin-bottom: 9px;}
.ziehharmonika .arrowDown {	width: 0;	height: 0;	border-style: solid;	border-width: 13.0px 7.5px 0 7.5px;	border-color: #272e35 transparent transparent transparent;	position: absolute;	bottom: 0;	left: 40px;	transition: 0.25s all;	opacity: 0;}
.ziehharmonika .active .arrowDown {	bottom: -13px;	border-color: #000 transparent transparent transparent;	opacity: 1;}
.ziehharmonika .collapseIcon {	position: absolute;	right: 20px;	top: 45%;	font-size: 35px;	font-weight: 300;	-ms-transform: translate(0, -50%);	    transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {	right: initial;	left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {      list-style-type: circle; font-size: 14px;line-height: 28px;}
.ziehharmonika p {  text-align: justify;}
.form-design h6 {  text-align: center;}
/* .bg-color-design img {  filter: brightness(0.0) invert(1);} */

.full-flat ul {  padding-left: 15px; margin-bottom: 15px;}
.full-contnet ul li {  margin-bottom: 15px;  list-style-type: disc;}


.full-flat h2{font-size: 22px; margin-bottom: 10px;}
.full-flat h3{font-size: 22px; margin-bottom: 10px;}
.full-flat h4{font-size: 22px; margin-bottom: 10px;}
.full-flat h5{font-size: 22px; margin-bottom: 10px;}
.full-flat h6{font-size: 22px; margin-bottom: 10px;}
.full-flat table {  margin-bottom: 22px;}

.certificate_box img{cursor: pointer;  border: 1px solid #ccc;}
.certificate_box{margin-bottom: 30px;}
.client-logo {  margin-bottom: 30px;}

.pagination {    display: flex;    justify-content: center;    padding: 20px 0;}
.pagination .page-item {    margin: 0 5px;}
.pagination .page-link {    padding: 10px 15px;    border: 1px solid #ddd;    color: #007bff;    text-decoration: none;    border-radius: 5px;    transition: background-color 0.3s, color 0.3s;}
.pagination .page-link:hover {    background-color: #007bff;    color: white;}
.pagination .page-item.active .page-link {    background-color: #007bff;    border-color: #007bff;    color: white;}
.pagination .page-item.disabled .page-link {    color: #9ebcd7;    pointer-events: none;    background-color: #f8f9fa;    border-color: #ddd;}
.blog-large {     float: left;  margin-right: 20px;  width: 35%;  border: 1px solid #ccc;}
.form-color-change {  background-color: #000;  margin-bottom: 30px;}
.form-color-change input {
  -webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;
  -o-transition: border linear .2s,box-shadow linear .2s;
  transition: border linear .2s,box-shadow linear .2s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 15px 5px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #fff;
  outline: none;
  box-shadow: 0 0 3px 0 rgb(43 52 59 / 8%);
  height: 40px;
}

.form-color-change textarea {
  -webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;
  -o-transition: border linear .2s,box-shadow linear .2s;
  transition: border linear .2s,box-shadow linear .2s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 15px 5px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #fff;
  outline: none;
  box-shadow: 0 0 3px 0 rgb(43 52 59 / 8%);
}

form#home-form input {
  background: #f1f1f1;
}

form#contact-form input {
  background: #f1f1f1;
  height: 45px;
  border: none;
}

.inputBox button {
  background-color: #323C8A;
  color: #000;
  border: 0;
  padding: 7px 0;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
  background: #323C8A;
}
.inner-column-website ul li a {
  color: white;
}
.inner-column-website ul {
  column-count: 2;
}
.inner-column-website h2 {
  font-size: 25px;
  margin-bottom: 0px;
  padding: 10px;
  color: white;
}
.inner-column-website ul li {
  line-height: 25px;
  border-bottom: 1px solid #00000045;
  margin-bottom: 14px;
}
/* i.fa.fa-hand-o-right {
  margin-right: 10px;
  color: black;
} */



.goog-logo-link {
   display:none !important;
}



.goog-te-gadget .goog-te-combo {
   color: #010110 !important;
   font-weight: bolder;
   font-size: 14px;
}


.VIpgJd-ZVi9od-l4eHX-hSRGPd{
  display: none;
}

.goog-te-combo{
  background: #fff;
  width: 100%;
  height: 30px;
  color: #fff;
  border: 2px dotted #000;
  border-radius: 8px;
}
h5#myLargeModalLabel {  color: #000;}
ul.pop-form-calling li a {  color: #000;}
.blog-content ul li {  list-style-type: disc;}


.about-content h2{
  color: #323C8A;
}
.our-services h5{
  color: #323C8A;
}

.blank-mode span{
  color: #000;
}

.widget a:hover{
  color: #eda267 !important;
}

.footer-head{
  color: #eda267;
}
/* 
.my-product-des h2{
  text-align: center;
} */

.my-product-image img{
  width: 100%;
  border: 1px solid #ccc;
}

.my-product-image{
  position: relative;
}

.my-product-des{
  position: absolute;
  
  top: 253px;
  background-color: #5a62a1;
  padding: 15px;
  height: 200px;
  width: 292px;
  border-radius: 10px;
}

.my-product-heading-one{
  color: #eda267;
  font-size: 18px;
}

/* .marg{
  margin-top: 120px;
} */

.usp-section h3{
  text-align: center;
  color: #000;
  font-size: 20px;
}

.usp-section{
  margin: 0px 15px;
  background-color: #fff;
  border: 1px dotted #323C8A;
  border-radius: 16px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 16px;
  
}
.usp-heading h2{
  color: #323C8A;
}
#positive{
  padding: 50px 0px;
}

.usp-icon  i{
  font-size: 48px;
  margin-bottom: 15px;
  color: #eda267;
}

.usp-icon h3{
  font-size: 20px;
}



div#homepopupenquiry-form input {  border: 1px solid #ccc; color:#fff;}
div#homepopupenquiry-form textarea {  border: 1px solid #ccc; color:#fff;}

div#homepopupenquiry-form input::placeholder { color:#fff;}
div#homepopupenquiry-form textarea::placeholder {color:#fff;}
.form-contact-color { background-color: #323C8A; padding: 15px;  margin-bottom: 35px;}

.query-form-field input {
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: 22px;
  background: transparent;
  color: #fff;
}
.query-form-field textarea {
  width: 100%;
  resize: none;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  height: 100px;
  background: transparent;
  color: #fff;
  padding-top: 0px;
}
.query-form-field-btn input {
  border: none;
  cursor: pointer;
  padding: 10px 30px 10px 30px;
  text-transform: uppercase;
  background: #ffff;
  width: 100%;
}
.form-contact-color p {
  padding-bottom: 10px;
  line-height: 46px;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  text-align: center;
}

.query-form-field input::placeholder {color: #fff; opacity: 1; /* Firefox */}
.query-form-field input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff;}
.query-form-field input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff;}
.query-form-field textarea::placeholder {color: #fff; opacity: 1; /* Firefox */}
.query-form-field textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff;}
.query-form-field textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #fff;}

.query-form-field input:focus{outline: none;}
.query-form-field textarea:focus{outline: none;}



.for-img {  float: left;  width: 42%;}

.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #323C8A;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}
.related-products .container {    padding: 0;}
.related-products .container {    padding-top: 20px;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 30px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
.related_content p {  margin-bottom: 20px;}
.our-website i {  color: #fff !important;}

.inputBox button {  color: #fff;}
.marg {  margin-bottom: 230px;}
.for-img img {  border: 1px solid #ccc;}


.header-social li{
  margin: 10px 10px;
}

.socio-icons{
  font-size: 22px !important;
}

.my-lang{
  display: flex;
}

.lango-conv{
  margin-left: 80px;
}

.soc-lang{
  margin-top: 10px;
}

.full-contnet a span {
    color: #0056b3 !important;
    font-weight: 600;
}

.full-contnet span {
    color: #0056b3 !important;
    font-weight: 600;
}
.related_content a span {
    color: #0056b3 !important;
    font-weight: 600;
}
.blog-content a {
    color: #0056b3;
    font-size: 14px;
    font-weight: 600 !important;
}
section.blog-details p span span {
    font-size: 16px !important;
    font-weight: 400;
}