@charset "utf-8";
/* CSS Document */

a {
    color: inherit;
    text-decoration: none
}

a:active {
    color: #ffe479;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- SCROLL BAR FOR DIV ----------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.scrollbar
{
    margin-left: 0px;
    float: left;
    height: 540px;
    width: 100%;
    overflow-y: scroll;
}

.force-overflow
{
    min-height: auto;
}

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

.ticker-wrapper-h{
	display: flex;
    position: relative;
    overflow: hidden;
    background: #444444;
    padding: 3px 0 3px 0;
}

.news-ticker-h{
	display: flex;
	margin:0;
	padding: 0;
	padding-left: 100%;
	z-index: 999;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: tic-h;
	animation-duration: 30s;
}
.news-ticker-h:hover { 
	animation-play-state: paused; 
}

.news-ticker-h li{
	display: flex;
	width: 100%;
	align-items: center;
	white-space: nowrap;
	padding-left: 20px;
}

.news-ticker-h li a{
	color: #FFFFFF;
	font-size: 15px;
}

@keyframes tic-h {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

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


::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #fdefb8;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-track:hover {
    background-color: #fff7d7;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #828282;
}

::-webkit-scrollbar-thumb:hover {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffcb05;
}



::-webkit-scrollbar:horizontal {
    height: 8px;
}


::-webkit-input-placeholder {
    /* Edge */
    color: #cccccc !important;
    font-size: 14px !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cccccc !important;
    font-size: 14px !important;
}

::placeholder {
    color: #cccccc !important;
    font-size: 14px !important;
}

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

.yellow {
    background: #ffcb05;
    border-color: #ffcb05;
    color: #444444;
}

.yellow:hover {
    background: #eaba02;
    border-color: #eaba02;
    color: #444444;
}

.yellow:active {
    background: #eaba02 !important;
    border-color: #eaba02 !important;
}

.yellow:focus {
    background: #eaba02;
    border-color: #eaba02;
    box-shadow: 0 0 0 0.2rem rgba(255, 205, 5, .5) !important;
}

.btn-big {
    background: #ffcb05;
    border-radius: 3px;
    border: none;
    border-bottom: 3px solid #444444;
    padding: 7px 15px 7px 15px;
    color: #444444;
}

.btn-big:hover {
    background: #ffe374;
    color: #000000;
}

.btn-big:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 208, 0, 0.264);
}

.btn-big-dark {
    background: #444444;
    border-radius: 3px;
    border: none;
    border-bottom: 3px solid #ffcb05;
    padding: 7px 15px 7px 15px;
    color: #ffffff;
}

.btn-big-dark:hover {
    background: #a9a9a9;
    color: #000000;
}

.btn-big-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(151, 151, 151, 0.264);
}

.page-container {
    padding: 50px 120px 50px 120px;
}
.navbar-toggler {
	outline: none !important;
}

/*.modal-header {
  .close {
    margin-top: -1.5rem;
  }
}

.form-title {
  margin: -2rem 0rem 2rem;
}

.subscribe-form {
  margin: 0rem 0rem 1rem;
}*/


/*--------------------------------------------------------------------------------------*/
/*----------------------------------------HOME PAGE-------------------------------------*/
/*--------------------------------------------------------------------------------------*/

/*------------------------------------------ TOPBAR ------------------------------------*/

.top-bar {
    width: 100%;
    background: #ffcb05;
    padding: 0px 120px 0px 120px;
}

.country-icon {
    padding: 3px 0px 5px 0px;
}

.country-name {
    padding: 4px 0px 5px 5px;
    font-weight: 500;
	font-size: 12px;
	display: block;
}

.country-name-1 {
    padding: 8px 0px 5px 5px;
    font-weight: 500;
    font-size: 12px;
	display: none;
}
.service-alert {
	padding: 8px 0px 5px 5px;
	font-weight: 500;
	font-size: 12px;
	display: block;
}

.flag-unactive {
    padding: 3px 0 4px 0;
    margin-right: 10px;
}

.flag-active {
    padding: 3px 0 4px 0px;
}

.mobile-social {
    display: none;
}

/*------------------------------------------------------------------------------------*/
/*------------------------------------- NAVBAR ---------------------------------------*/

.top-navegation-bar {
    width: 100%;
    height: 100px;
    z-index: 1;
    background: #ffffff;
    padding: 0px 105px 0px 105px;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .3);
}

.company-logo {
    width: auto;
    padding: 2px 0 0px 0;
    cursor: pointer;
}

.logo-img {
    width: 153px;
    height: 63px;
}

.swift-logo-img {
    margin-left: 19px;
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}

.social-nav {
    display: block;
    position: absolute;
    top: 8px;
    right: 105px;
}

.login-btn {
    display: block;
    position: absolute;
    top: 37px;
    right: 105px;
}

.linkdin-icon-navbar {
    font-size: 20px;
    color: #444444;
    padding-right: 3px;
}

.linkdin-icon-navbar:hover {
    font-size: 20px;
    color: #0077b7;
}

.facebook-icon-navbar {
    font-size: 20px;
    color: #444444;
    padding-right: 3px;
}

.facebook-icon-navbar:hover {
    font-size: 20px;
    color: #32579d;
}

.insta-icon-navbar {
    font-size: 20px;
    color: #444444;
    padding-right: 3px;
}

.insta-icon-navbar:hover {
    font-size: 20px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.whatsapp-icon-navbar {
    font-size: 20px;
    color: #444444;
    padding-right: 3px;
}

.whatsapp-icon-navbar:hover {
    font-size: 20px;
    color: #1ca811;
}

.youtube-icon-navbar {
    font-size: 20px;
    color: #444444;
    padding-right: 0px;
}

.youtube-icon-navbar:hover {
    font-size: 20px;
    color: #ff0000;
}

/*-------------------------------------- NAVIGATION -------------------------------------*/

.navbar {
    padding: 0;
    margin-top: 0px;
}

.navbar-top {
    position: relative;
    top: 19.7px;
}

.navbar-toggler {
	padding: 0.25rem 0.45rem !important;
	font-size: 1rem !important;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.2rem;
}

/*-----------------------------------------------------------------------------------------------*/
/*---------------------------------------- BANNER SECTION ---------------------------------------*/
.page-banner{
    position: relative;
    width: 100%;
}

.banner {
    width: 100%;
    height: auto;
    position: relative
}

.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: black;
    opacity: 0.2;
    z-index: 1;
}

.overlay-page-banner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: black;
    opacity: 0.2;
    /*z-index: 1;*/
}

.banner-field-body {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.card-button-banner {
    width: 85px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100&0.9+0,1+100;Grey+Gloss+%231 */
    background: -moz-linear-gradient(45deg,  rgba(226,226,226,0.9) 0%, rgba(219,219,219,0.95) 50%, rgba(209,209,209,0.95) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(226,226,226,0.9) 0%,rgba(219,219,219,0.95) 50%,rgba(209,209,209,0.95) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(226,226,226,0.9) 0%,rgba(219,219,219,0.95) 50%,rgba(209,209,209,0.95) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 5px 5px 5px 5px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 1px;
    margin: 0 2px 0 2px;
    border-radius: 3px;
    text-align: center;
    border-top: 3px solid #444444;
    cursor: pointer;
    transition-duration: 0.5s;
}

.card-button-banner:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1b1b+0,383838+13,4e4e4e+24,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100&0.8+0,0.8+100 */
    background: -moz-linear-gradient(45deg,  rgba(27,27,27,0.8) 0%, rgba(56,56,56,0.8) 13%, rgba(78,78,78,0.8) 24%, rgba(13,13,13,0.8) 46%, rgba(1,1,1,0.8) 50%, rgba(10,10,10,0.8) 53%, rgba(78,78,78,0.8) 76%, rgba(56,56,56,0.8) 87%, rgba(27,27,27,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(27,27,27,0.8) 0%,rgba(56,56,56,0.8) 13%,rgba(78,78,78,0.8) 24%,rgba(13,13,13,0.8) 46%,rgba(1,1,1,0.8) 50%,rgba(10,10,10,0.8) 53%,rgba(78,78,78,0.8) 76%,rgba(56,56,56,0.8) 87%,rgba(27,27,27,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(27,27,27,0.8) 0%,rgba(56,56,56,0.8) 13%,rgba(78,78,78,0.8) 24%,rgba(13,13,13,0.8) 46%,rgba(1,1,1,0.8) 50%,rgba(10,10,10,0.8) 53%,rgba(78,78,78,0.8) 76%,rgba(56,56,56,0.8) 87%,rgba(27,27,27,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1b1b', endColorstr='#cc1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-top: 3px solid #ffcb05;
    transition-duration: 0.5s;
}

.card-button-banner .icon1 {
    background: url("../images/svg/locate-us.svg");
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 12px;
    transition-duration: 0.5s;
    position: relative;
}

.card-button-banner .icon2 {
    background: url("../images/svg/calculator.svg");
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 5px;
    transition-duration: 0.5s;
    position: relative;
}

.card-button-banner .icon3 {
    background: url("../images/svg/pickup.svg");
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 0px;
    transition-duration: 0.5s;
    position: relative;
    top: -3px;
}

.card-button-banner .icon4 {
    background: url("../images/svg/inquiry.svg");
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 9px;
    transition-duration: 0.5s;
    position: relative;
}

.card-button-banner .icon5 {
    background: url("../images/svg/dublicate.svg");
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 0px;
    transition-duration: 0.5s;
    position: relative;
    top: -3px;
}

.card-button-banner .icon6 {
    background: url("../images/svg/cod.svg");
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 9px;
    transition-duration: 0.5s;
    position: relative;
}

.card-button-banner .button-tab-text{
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0px;
    transition-duration: 0.5s;
    line-height: 14px;
}

.card-button-banner .h4 {
    font-weight: 700;
}

.card-button-banner:hover .icon1 {
    background: url("../images/svg/locate-us-hover.svg");
    transition-duration: 0.5s;
}

.card-button-banner:hover .icon2 {
    background: url("../images/svg/calculator-hover.svg");
    transition-duration: 0.5s;
}

.card-button-banner:hover .icon3 {
    background: url("../images/svg/pickup-hover.svg");
    transition-duration: 0.5s;
}

.card-button-banner:hover .icon4 {
    background: url("../images/svg/inquiry-hover.svg");
    transition-duration: 0.5s;
}

.card-button-banner:hover .icon5 {
    background: url("../images/svg/dublicate-hover.svg");
    transition-duration: 0.5s;
}

.card-button-banner:hover .icon6 {
    background: url("../images/svg/cod-hover.svg");
    transition-duration: 0.5s;
}

.card-button-banner:hover .button-tab-text {
    color: #ffffff;
    transition-duration: 0.5s;
}

.card-button-banner .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 5px 0;
    position: absolute;
    top: -37px;
    font-size: 11px;
    left: 0px;
    font-weight: 600;
}

.card-button-banner:hover .tooltiptext {
    visibility: visible;
}

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

.track-mobile {
    display: none;
}

.banner-field {
    padding: 24px 0 26px 20px;
    opacity: 0.90;
}

.banner-field:focus {
    background-color: #fff;
    border-color: #ffcb05 !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 205, 5, .25) !important;
}

.img-responsive-banner-main-1920 {
    display: block;
}

.img-responsive-banner-main-1280 {
    display: none;
}

.img-responsive-banner-main-990 {
    display: none;
}

.img-responsive-banner-main-768 {
    display: none;
}

.ticker {
    display: flex;
    height: 25px;
    /*flex-wrap: wrap;
    width: 80%;
    height: 50px;
    margin: 0 auto*/
}

.news {
    width: auto;
    padding: 0px 5px 0px 0px;
    position: relative;
}

.ticker {
    width: 100%;
    overflow: hidden;
}

.ticker-track {
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
    animation: scroll 40s linear infinite;
}

.ticker-track span {
    display: inline-block;
    margin-right: 50px;
}

.ticker:hover .ticker-track {
    animation-play-state: paused;
}

@keyframes scroll {
    0% {
        transform: translateX(50%);
    }
    100% {
        transform: translateX(-100%);
    }
}


.title {
    width: 127px;
    text-align: center;
    background: #ffcb05;
    position: relative;
    font-size: 20px;
    font-weight: 600;
}

.title h5 {
    font-size: 18px;
    margin: 6% 0
}

.news marquee {
    font-size: 15px;
    margin-top: 6px
}

.news-content p {
    margin-right: 100px;
    display: inline
}
.dark-gray {
	background: #444444;
	border-color: #444444;
}
.dark-gray:hover {
	background: #545454;
	border-color: #545454;
}

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


.owl-theme .owl-nav {
    margin-top: -30px !important;
    font-size: 30px;
    padding: 0;
}

.owl-theme .owl-dots .owl-dot span {
    background: #ffcb0542 !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffcb05 !important;
}

/*------------------------------------------------------------------------------------------------*/
/*---------------------------------------- BUTTON SECTION ----------------------------------------*/

.button-section {
    width: 100%;
    height: auto;
    padding: 25px 80px 25px 80px;
    background: #f9f9f9;
    position: relative;
    z-index: 0;
}

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

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

	#wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.content-SG {
		width: 100%;
		min-width: 260px;
		margin-top: 4%;
		transition: 0.3s ease;
		box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
	}
	@media screen and (max-width: 512px) {
		.content-SG {
			margin: 0 4%;
			margin-top: 5%;
		}

		.country-name {
			padding: 8px 0px 5px 5px;
			font-weight: 500;
			font-size: 12px;
			display: none;
		}

		.country-name-1 {
			padding: 8px 0px 5px 5px;
			font-weight: 500;
			font-size: 12px;
			display: block;
		}
	}

	.tabs {
		margin: 0;
		background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
		display: flex;
		justify-content: space-between;
		align-items: end;
		height: 80px;
		border-radius: 2px 2px 0px 0px;
	}
	@media screen and (max-width: 512px) {
		.tabs {
			height: 40px;
		}
	}

	.tablinks {
		background: #eeeeee;
		background-image: linear-gradient(90deg, transparent 80%, rgba(255, 205, 5, 0.2) 100%);
		border: none;
		outline: none;
		cursor: pointer;
		width: 50%;
		height: 80px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 25px;
		overflow: hidden;
		transition: 0.3s ease;
		z-index: 0;
	}
	@media screen and (max-width: 512px) {
		.tablinks {
			height: 40px;
			font-size: 12px;
		}
	}

	.tablinks:before {
		background-image: linear-gradient(135deg, #ffcb05 0%, #fff0b7 100%);
		content: "";
		width: 100%;
		height: 0px;
		position: absolute;
		top: 0;
		left: 0;
		transition: 0.3s ease-in-out;
		z-index: 2;
	}

	.tablinks:hover::before {
		height: 100%;
		z-index: 2;
		bottom: 0;
	}
	@media screen and (max-width: 512px) {
		.tablinks:hover::before {
			height: 0;
		}
	}

	.tablinks.active {
		background-color: #ffffff;
		z-index: 0;
		border-right: 0px;
		border-left: 0px;
		height: 95px;
		bottom: 0px;
		overflow: hidden;
	}
	@media screen and (max-width: 512px) {
		.tablinks.active {
			height: 60px;
		}
	}

	.tablinks.active:before {
		content: "";
		width: 100%;
		height: 5px;
		top: 0;
		left: 0;
	}

	.tablinks.active p,
	.tablinks.active:hover p {
		opacity: 1;
		background: -webkit-linear-gradient(90deg, #ffcb05 0%, #b08b00 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.tablinks p {
		opacity: 0.6;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
		transition: 0.5s ease;
		padding: 0;
		margin: 0;
		color: #686868;
		backface-visibility: hidden;
		font-weight: 400;
	}

	.tablinks:hover p {
		color: white;
		opacity: 1;
	}
	@media screen and (max-width: 512px) {
		.tablinks:hover p {
			color: #686868;
			opacity: 0.6;
		}
	}

	.tablinks p:before {
		content: attr(data-title);
		position: absolute;
		height: auto;
		width: auto;
		color: #828282;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0.1;
		font-size: 40px;
		transition: 1s ease-out;
		z-index: -1;
		font-weight: 600;
		top: 100%;
	}
	@media screen and (max-width: 512px) {
		.tablinks p:before {
			display: none;
		}
	}

	.tablinks:hover p:before {
		opacity: 0.1;
		font-size: 40px;
		top: -80%;
	}

	/* tab content */
	.wrapper_tabcontent {
		background-color: #ffffff;
		margin-top: 0px;
		/*z-index: -3;*/
		position: relative;
		opacity: 1;
		padding: 40px 60px;
		overflow: hidden;
		transition: all 1s ease;
		top: 0;
	}

	.tabcontent {
		display: none;
		min-height: 180px;
	}

	@keyframes tabEffect {
		from {
			top: -40px;
		}
		to {
			top: 0px;
		}
	}
	.tabcontent.active {
		transition: all 1s ease;
		display: block;
	}

	.wrapper_tabcontent:after {
		content: "";
		height: 5px;
		width: 100%;
		position: absolute;
		background-image: linear-gradient(135deg, #ffcb05 0%, #b08b00 100%);
		left: 0;
		bottom: 0;
		z-index: -2;
		transition: all 1s ease;
	}

	.tabcontent h3 {
		font-size: 40px;
		top: 130px;
		transform: rotate(90deg);
		position: absolute;
		left: -90px;
		opacity: 0.1;
		width: 220px;
		height: 60px;
		background: -webkit-linear-gradient(135deg, #ffcb05 0%, #b08b00 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 0;
		animation: city 1s ease;
	}
	@keyframes city {
		from {
			left: -150px;
		}
		to {
			left: -90px;
		}
	}
	.tabcontent div {
		margin: 0;
		transition: all 1s;
		animation: fadeEffect 0.6s;
		width: 100%;
	}
	@media screen and (max-width: 512px) {
		.tabcontent p {
			font-size: 14px;
			line-height: 26px;
		}
	}

	@keyframes fadeEffect {
		from {
			opacity: 0;
			margin-top: 30px;
		}
		to {
			opacity: 1;
			margin-left: 0;
		}
	}


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

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

.signup {
	background: #ffcb05;
	padding: 35px 0 35px 0;
}

.signup-text {
	font-size: 25px;
	color: #ffffff;
	padding: 11px 0 11px 0;
	font-weight: 600;
	text-align: end;
	margin-bottom: 0rem !important;
}

.signup-field {
	padding: 24px 0 26px 20px;
}

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

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

.input-field-style {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 10px 8px 10px;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #828282;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #efefef;
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.input-field-style::-webkit-input-placeholder {
	/* Edge */
	color: #cccccc !important;
	font-size: 13px !important;
}

.input-field-style:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #cccccc !important;
	font-size: 13px !important;
}

.input-field-style::placeholder {
	color: #cccccc !important;
	font-size: 13px !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.input-group {
	z-index: 0;
}

.field-lable {
	font-size: 12px;
	margin-bottom: 2px;
}

.field-style {
	display: block;
	width: 100%;
	height: calc(1rem + 1.3rem + 3px);
	padding: 7px 10px 8px 10px;
	font-size: 13px;
	font-weight: 400;
	/* line-height: 1.5; */
	color: #444444;
	background-color: #f7f7f7;
	background-clip: padding-box;
	border: 1px solid #dadada;
	border-radius: 0.15rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.field-style:focus{
	border-color: #ffcb059c;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgb(255 205 5 / 20%);
	-moz-box-shadow: 0 0 0 0.2rem rgb(255 205 5 / 20%);
	box-shadow: 0 0 0 0.2rem rgb(255 205 5 / 20%);
}

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

.snip1571 {
    background-color: #ffffff;
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    border-radius: 4px;
}

.snip1571 *,
.snip1571 *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1571 img {
    backface-visibility: hidden;
    max-width: 100%;
    vertical-align: top;
    border-radius: 4px;
}

.snip1571 figcaption {
    bottom: 15px;
    left: 0;
    position: absolute;
    z-index: 0;
}

.snip1571 figcaption:before {
    background-color: #FFCB05;
    bottom: -5px;
    content: '';
    left: 0;
    position: absolute;
    right: 100%;
    top: -5px;
    z-index: -1;
}

.snip1571 h3 {
    background-color: #444444;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin: 0;
    padding: 3px 10px 5px 10px;
    text-transform: capitalize;
    z-index: 1;
}

.snip1571 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.snip1571:hover>img,
.snip1571.hover>img {
    opacity: 0.35;
}

.snip1571:hover figcaption:before,
.snip1571.hover figcaption:before {
    right: -5px;
}


.footer {
    background: #444444;
    padding: 60px 90px 60px 90px;
}

.footer-heading {
	font-size: 18.72px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	margin-top: 30px;
}

.footer-link {
    position: relative;
    display: block;
    padding: 2px 0 2px 0;
    background-color: transparent;
    border: none;
    color: #ffffff;
}

.footer-link-text {
    padding: 0px 0 0px 12px;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}

.footer-link-text:hover {
    color: #ffcb05 !important;
}

.footer-link-bar {
    font-size: 11px;
    color: #ffcb05;
}

.LCS-office {
    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
}

.LCS-address {
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
}

.linkdin-icon-footer {
    font-size: 30px;
    color: #ffffff;
    padding-right: 5px;
}

.linkdin-icon-footer:hover {
    font-size: 30px;
    color: #0077b7;
}

.facebook-icon-footer {
    font-size: 30px;
    color: #ffffff;
    padding-right: 5px;
}

.facebook-icon-footer:hover {
    font-size: 30px;
    color: #32579d;
}

.insta-icon-footer {
    font-size: 30px;
    color: #ffffff;
    padding-right: 5px;
}

.insta-icon-footer:hover {
    font-size: 30px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.whatsapp-icon-footer {
    font-size: 30px;
    color: #ffffff;
    padding-right: 5px;
}

.whatsapp-icon-footer:hover {
    font-size: 30px;
    color: #1ca811;
}

.youtube-icon-footer {
    font-size: 30px;
    color: #ffffff;
    padding-right: 0px;
}

.youtube-icon-footer:hover {
    font-size: 30px;
    color: #ff0000;
}

.footer-bottom {
    background: #ffcb05;
    padding: 10px 40px 10px 40px;
    color: #000000;
    font-size: 15px
}

.copyright {
    padding: 4px 0 5px 0;
}

.footer-link-bottom {
    position: relative;
    display: block;
    padding: 5px 12px 5px 12px;
    background-color: transparent;
    border: none;
    color: #000000;
    font-weight: 600;
}
/*--------------------------------------------- LEOPARDS STORIES ------------------------------*/


.leopards-stories {
	width: 100%;
	overflow: hidden;
	height: auto;
    background: url("../images/Untitled-1.jpg") no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	padding: 71px 80px 50px 80px;
}

.heading-top-bar-LS {
	width: 100px;
	height: 8px;
	background: #ffcb05;
	border-radius: 50px
}

.LS-heading {
	font-size: 35px;
	color: #ffffff;
	font-weight: 500;
}

.LS-text {
	width: 100%;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	padding-top: 15px;
}

.card-LCS {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 0px;
	line-height: 1.42857143;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	transition: box-shadow .25s;
}

.card-LCS:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.img-card-LCS {
	position: relative;
  padding-bottom: 56.25%;
}

.img-card-LCS iframe {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	border-radius: 3px 3px 0px 0px
}

.card-LCS-content {
	padding: 15px;
	text-align: left;
	/*height: 120px;*/
}

.card-LCS-title {
	margin-top: 0px;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 25px;
}

.card-LCS-title a {
	color: #000;
	text-decoration: none !important;
}

.card-LCS-read-more {
	border-top: 0px solid #D4D4D4;
	padding: 0 10px 5px 0;
	position: absolute;
	bottom: 20px;
    right: 16px;
}

.card-youtube-link {
	background: rgba(0, 0, 0, .4);
	padding: 7px 15px 9px 15px;
	border-radius: 3px;
	color: #ffffff;
	text-decoration: none;
}

.card-youtube-link:hover {
	text-decoration: none;
}


/*------------------------------------- NEW PAGE ------------------------------------*/

.page-services {
	padding: 10px 80px 50px 80px;
}

.services-page-text{
	/* font-size: 14px; */
	font-weight: 400;
	text-align: left;
}

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

.service-page-detail-heading{
	font-size: 40px;
    line-height: 35px;
    padding-bottom: 10px;
    font-weight: 500;
}

.service-detail-text {
	/* font-size: 16px; */
	padding: 15px 0px 15px 0px;
	color: #444444;
	font-weight: 300;
}

.services-tr-job-posted-section-padding {
	padding: 0 30px 0 30px;
}

.service-responsive {
    display: block;
    min-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px 0px 15px 0px;
	z-index: 0;
	position: relative;
}

.service-tabbable {
	min-width: 100%;
	padding: 10px 0 10px 0;
}

.service-tabbable .nav-tabs {
	white-space: nowrap;
	display: inline-block;
	min-width: auto;
	/* padding: 0px 21px; */
}

.service-tabbable .nav-tabs .nav-item {
	display: inline-block;
}

.service-tabbable .nav-tabs .nav-item .nav-link {
	display: inline-block;
}

.service-tab .nav-tabs {
	border-bottom: 0;
}

.service-tab .nav-tabs>li {
	float: none;
	display: inline-flex;
	margin-right: 0px;
}
.service-tab-bg {
	width: 100px;
	height: 40px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
	background: linear-gradient(135deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 5px 0px 5px 0px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 1px;
    margin: 0 4px 0 4px;
    border-radius: 3px;
    text-align: center;
	border-top: 3px solid #444444 !important;
	cursor: pointer;
	transition-duration: 0.3s;
	box-shadow: rgba(17, 17, 26, 0.2) 2px 2px 2px;
}

.service-tab-bg.active,
.service-tab-bg:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1b1b+0,383838+13,4e4e4e+24,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100&0.8+0,0.8+100 */
	background: -moz-linear-gradient(45deg,  rgba(27,27,27,1) 0%, rgba(56,56,56,1) 13%, rgba(78,78,78,1) 24%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(27,27,27,1) 0%,rgba(56,56,56,1) 13%,rgba(78,78,78,1) 24%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(27,27,27,1) 0%,rgba(56,56,56,1) 13%,rgba(78,78,78,1) 24%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1b1b', endColorstr='#cc1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-top: 3px solid #ffcb05 !important;
	transition-duration: 0.3s;
}

.icon-service {
    background: url("../images/svg/locate-us.svg");
    height: 46px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
	margin-bottom: 0px;
	transition-duration: 0.3s;
	position: relative;
}

.service-tab-bg.active .icon-service,
.service-tab-bg:hover .icon-service {
    background: url("../images/svg/locate-us-hover.svg");
	transition-duration: 0.3s;
}


.service-tab-text {
	font-size: 11px;
    font-weight: 600;
    /* text-transform: uppercase; */
    /* padding-bottom: 0px; */
    transition-duration: 0.3s;
    line-height: 13px;
    white-space: initial;
    height: 30px;
    place-items: center;
    display: grid;
    position: absolute;
    width: 100%;
    padding: 0 5px 0 5px;
    text-align: center;
    bottom: 5px;
}

.service-tab-bg.active .service-tab-text,
.service-tab-bg:hover .service-tab-text {
    color: #ffffff;
	transition-duration: 0.3s;
}

.shadow {
	box-shadow: 3px 3px 15px 1px rgba(0, 0, 0, .07) !important;
}

.service-tabs {
	padding: 0 20px 20px 20px;
}

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

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #444444;
    background-color: #ffcb05;
    border-color: #ffcb05 #ffcb05 #fff;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #ffcb05 #ffcb05 #dee2e6;
    color: #444444;
    background-color: #ffffff;
}

.tabbable-responsive {
    display: block;
    min-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px 0px 30px 0px;
	z-index: 0;
	position: relative;
}
  .tabbable {
	min-width: 100%;
  }
  .tabbable .nav-tabs {
    white-space: nowrap;
    display: inline-block;
    min-width: auto;
    /* padding: 0px 21px; */
}

.tabbable .nav-tabs .nav-item {
	display: inline-block;
}

.tabbable .nav-tabs .nav-item .nav-link {
	display: inline-block;
}

/*----------------------------------------- MEDIA WATCH PAGE -----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.card-MW {
	display: block;
	margin-bottom: 0px;
	/*padding-bottom: 15px;*/
	line-height: 1.42857143;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	transition: box-shadow .25s;
}

.card-MW:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.img-card-MW {
	position: relative;
  	padding-bottom: 56.25%;
}

.img-card-MW iframe {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	border-radius: 4px 5px 0px 0px;
}

.card-MW-content {
	padding: 15px;
	text-align: left;
	/*height: 120px;*/
}

.card-MW-title {
	margin-top: 0px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    /* margin-bottom: 25px; */
    padding-top: 10px;
}

.card-MW-title a {
	color: #000;
	text-decoration: none !important;
}

.card-MW-read-more {
	border-top: 0px solid #D4D4D4;
	padding: 0 10px 5px 0;
	position: absolute;
	bottom: 20px;
    right: 16px;
}
/*-------------------------------------CAREER PAGE-----------------------------------*/
/*-----------------------------------------------------------------------------------*/


.job-item {
    background-color: #f0f0f0;
	border-radius: 3px;
	position: relative;
	margin-bottom: 30px;
	z-index: 0;
}

.job-tab .nav-tabs {
	margin-bottom: 15px;
	border-bottom: 0;
}

.job-tab .nav-tabs>li {
	float: none;
	display: inline;
}

.job-tab .nav-tabs li {
	margin-right: 15px;
}

.job-tab .nav-tabs li:last-child {
	margin-right: 0;
}

.job-tab .nav-tabs {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.job-tab .nav-tabs:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #f0f0f0;
	z-index: -1;
}

.job-tab .nav-tabs>li a {
	display: inline-block;
    background-color: #f0f0f0;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    color: #000;
    padding: 5px 25px 6px 25px;
}

.job-tab .nav-tabs>li>a.active, 
.job-tab .nav-tabs>li a.active>:focus, 
.job-tab .nav-tabs>li>a.active:hover {
	border: none;
	background-color: #ffcb05;
	color: #fff;
}

.job-tab .nav-tabs>li>a:hover {
	border: none;
	background-color: #8a8a8a;
	color: #fff;
}

.job-item .btn.btn-primary {
	text-transform: capitalize;
}

.job-item .job-info {
	font-size: 14px;
	color: #000;
	overflow: hidden;
	padding: 25px 20px 10px;
}

.job-info .company-logo {
	margin-bottom: 30px;
}

.job-info .tr-title {
	margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.job-info .tr-title span {
	font-size: 14px;
	display: block;
}

.job-info .tr-title a {
	color: #000;
}

.job-info .tr-title a:hover {
	color: #008def;
}

.job-info ul {
	margin-bottom: 30px;
}

.job-meta li,
.job-meta li a {
	color: #646464;	
}

.job-meta li a:hover {
	color: #008def;
}

.job-meta li {
	font-size: 12px;
	margin-bottom: 10px;
}

.job-meta li span i {
	color: #000;
}

.job-meta li i {
	margin-right: 10px;
    width: 15px;
    height: auto;
    text-align: center;
}

.job-item .time {
	position: relative;
}

.job-item .time:after {
	position: absolute;
	content: "";
	bottom: 35px;
	left: -50px;
	width: 150%;
	height: 1px;
	background-color: #f5f4f5;
	z-index: -1;
}

.job-item:hover .time,
.job-item:hover .time:after {
	opacity: 0;
}

.job-item .time span {
	font-size: 12px;
	color: #bebebe;
	line-height: 25px;
}

.job-item .btn.btn-primary,
.role .btn.btn-primary,
.job-item .time a span {
	padding: 3px 7px 4px 7px;
    border-radius: 3px;
    line-height: 11px;
    font-size: 11px;
}

.job-item .time a span {
	color: #fff;
    background-color: #f1592a;
    border-color: #f1592a;	
}

.job-item .time a span.part-time {
	background-color: #00aeef;
	border-color: #00aeef;
}

.job-item .time a span.freelance {
	background-color: #92278f;
	border-color: #92278f;	
}

.job-item .item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: #ffcb05;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	-ms-transition: all 800ms;
	-o-transition: all 800ms;
	transition: all 800ms;
}

.job-item:hover .item-overlay {
	opacity: 1;
}



small {
	font-size: 12px;
}
  
.card-style-form{
	border: none;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px;
	border-radius: 3px;
}

.card-body-style-form{
	padding: 10px 20px 20px 20px;
}

.card-style-heading-form{
    font-size: 25px;
    padding: 10px 10px 10px 15px;
    border-bottom: 1px solid #eeeeee;
    font-weight: 300;
}


/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*-------------------------------------- RESPONSIVE MEDIA QUERIES ------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

@media (min-width: 991px) and (max-width: 1280px) {

    .top-bar {
		padding: 0px 70px 0px 70px;
	}

    .page-container {
        padding: 50px 70px 50px 70px;
    }
    .page-services {
		padding: 35px 65px 50px 65px;
	}
    .top-navegation-bar {
        padding: 0px 70px 0px 70px;
    }
    .company-logo {
        width: auto;
        padding: 2px 0 0 0;
        cursor: pointer;
    }
    .logo-img {
        width: 153px;
        height: 63px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 7px 10px 8px 10px;
    }
    .img-responsive-banner-main-1920 {
        display: none;
    }
    .img-responsive-banner-main-1280 {
        display: block;
    }
    .img-responsive-banner-main-990 {
        display: none;
    }
    .img-responsive-banner-main-768 {
        display: none;
    }
    .social-nav {
        display: block;
        position: absolute;
        top: 8px;
        right: 70px;
    }
    .login-btn {
        display: block;
        position: absolute;
        top: 37px;
        right: 70px;
    }
    .banner-field-body {
        display: block;
    }
    .track-mobile {
        display: none;
    }
    .leopards-stories {
		width: 100%;
		overflow: hidden;
		height: auto;
        background: url("../images/Untitled-1.jpg") no-repeat center center; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		  padding: 70px 80px 70px 80px;
	}
    .copyright {
		padding: 4px 0 5px 0;
	}
    .footer {
		background: #444444;
		padding: 60px 90px 60px 90px;
	}

	.footer-heading {
		font-size: 25px;
		font-weight: 600;
		color: #ffffff;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.footer-link {
		position: relative;
		display: block;
		padding: 2px 0 2px 0;
		background-color: transparent;
		border: none;
		color: #ffffff;
	}

	.footer-link-text {
		padding: 0px 0 0px 12px;
		font-weight: 400;
		font-size: 15px;
		cursor: pointer;
	}

	.footer-link-text:hover {
		color: #ffcb05 !important;
	}

	.footer-link-bar {
		font-size: 11px;
		color: #ffcb05;
	}
    .LCS-office {
		color: #ffffff;
		font-weight: 600;
		font-size: 17px;
	}

	.LCS-address {
		color: #ffffff;
		font-weight: 400;
		font-size: 15px;
	}

	.linkdin-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.linkdin-icon-footer:hover {
		font-size: 30px;
		color: #0077b7;
	}

	.facebook-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.facebook-icon-footer:hover {
		font-size: 30px;
		color: #32579d;
	}

	.insta-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.insta-icon-footer:hover {
		font-size: 30px;
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
		-webkit-background-clip: text;
		/* Also define standard property for compatibility */
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.whatsapp-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.whatsapp-icon-footer:hover {
		font-size: 30px;
		color: #1ca811;
	}

	.youtube-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 0px;
	}

	.youtube-icon-footer:hover {
		font-size: 30px;
		color: #ff0000;
	}

    .footer-bottom {
		background: #ffcb05;
		padding: 10px 80px 10px 80px;
		color: #000000;
		font-size: 15px
	}
    .footer-link-bottom {
		position: relative;
		display: block;
		padding: 5px 12px 5px 12px;
		background-color: transparent;
		border: none;
		color: #000000;
		font-weight: 600;
	}
}


@media (min-width: 768px) and (max-width: 990px) {

    .top-bar {
		padding: 0px 55px 0px 55px;
	}

    .page-services {
        padding: 10px 35px 50px 35px;
    }
    .social-nav {
        display: block;
        position: absolute;
        top: 5px;
        right: 50px;
    }
    .login-btn {
        display: block;
        position: absolute;
        top: 30px;
        right: 50px;
    }
    .top-navegation-bar {
        height: 90px;
		padding: 0px 40px 0px 40px !important;
    }
    .navbar-toggler {
		margin-top: 4px;
	}
    .company-logo {
        padding: 2px 0 0px 0;
        width: auto;
        cursor: pointer;
    }
    .logo-img {
        width: 150px;
        height: 60px;
    }
    .img-responsive-banner-main-1920 {
        display: none;
    }
    .img-responsive-banner-main-1280 {
        display: none;
    }
    .img-responsive-banner-main-990 {
        display: block;
    }
    .img-responsive-banner-main-768 {
        display: none;
    }
    .ticker {
        display: flex;
        /*flex-wrap: wrap;
        width: 80%;
        height: 50px;
        margin: 0 auto*/
    }
    .news {
        width: auto;
        padding: 0px 5px 0px 0px;
        position: relative;
    }
    .title {
        width: 127px;
        font-size: 17px;
        font-weight: 500;
        padding: 4px 0 0 0;
    }
    .news marquee {
        font-size: 14px;
        margin-top: 6px;
    }
    .banner-field-body {
        display: block;
    }
    .track-mobile {
        display: none;
    }
    .footer {
		background: #444444;
		padding: 60px 90px 60px 90px;
	}

	.footer-heading {
		font-size: 25px;
		font-weight: 600;
		color: #ffffff;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.footer-link {
		position: relative;
		display: block;
		padding: 2px 0 2px 0;
		background-color: transparent;
		border: none;
		color: #ffffff;
	}

	.footer-link-text {
		padding: 0px 0 0px 12px;
		font-weight: 400;
		font-size: 15px;
		cursor: pointer;
	}

	.footer-link-text:hover {
		color: #ffcb05 !important;
	}

	.footer-link-bar {
		font-size: 11px;
		color: #ffcb05;
	}
    .LCS-office {
		color: #ffffff;
		font-weight: 600;
		font-size: 17px;
	}

	.LCS-address {
		color: #ffffff;
		font-weight: 400;
		font-size: 15px;
	}

	.linkdin-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.linkdin-icon-footer:hover {
		font-size: 30px;
		color: #0077b7;
	}

	.facebook-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.facebook-icon-footer:hover {
		font-size: 30px;
		color: #32579d;
	}

	.insta-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.insta-icon-footer:hover {
		font-size: 30px;
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
		-webkit-background-clip: text;
		/* Also define standard property for compatibility */
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.whatsapp-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 5px;
	}

	.whatsapp-icon-footer:hover {
		font-size: 30px;
		color: #1ca811;
	}

	.youtube-icon-footer {
		font-size: 30px;
		color: #ffffff;
		padding-right: 0px;
	}

	.youtube-icon-footer:hover {
		font-size: 30px;
		color: #ff0000;
	}

    .footer-bottom {
		background: #ffcb05;
		padding: 10px 40px 10px 40px;
		color: #000000;
		font-size: 15px
	}

	.copyright {
		padding: 4px 0 5px 0;
	}

	.footer-link-bottom {
		position: relative;
		display: block;
		padding: 5px 12px 5px 12px;
		background-color: transparent;
		border: none;
		color: #000000;
		font-weight: 600;
	}
}

@media (max-width: 767px) {

    .top-bar {
		padding: 0px 20px 0px 20px;
	}
    .navbar-toggler {
		margin-top: 4px;
	}

    .page-container {
        padding: 30px 30px 30px 30px;
    }
    .page-container-d-slip-mobile {
		padding: 50px 30px 50px 30px;
	}
	
	.page-services {
	padding: 15px 20px 50px 20px !important;
	}

	.service-page-detail-heading{
		font-size: 20px;
		line-height: 15px;
		padding-bottom: 5px;
		font-weight: 600;
	}

	.services-page-text{
		/* font-size: 12px; */
		font-weight: 400;
	}

	.service-detail-text {
		/* font-size: 13px; */
		padding: 15px 0px 15px 0px;
		color: #444444;
		font-weight: 400;
	}
		
		.service-tabs {
		padding: 0 0px 20px 0px;
	}
		
		.card-service {
		margin: 15px 0 0 0;
	}
		
		.card-service-heading {
		font-size: 13px;
		font-weight: 700;
	}
		
		.card-service-text {
		font-size: 12px;
		font-weight: 400;
		margin-top: 5px;
	}

	.card-d-heading {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 20px;
	}

	.page-sub-heading {
		font-size: 25px;
		font-weight: 400;
	}

	.page-sub-heading-top-bar {
		width: 70px;
		height: 4px;
		background: #ffcb05;
		border-radius: 50px;
		margin: auto;
	}

	.nav-pills-custom .text {
		position: relative;
		font-size: 11px;
		transform: translateY(-50%);
	}

	.nav-pills-custom .nav-link {
		color: #444444;
		background: #ffffff;
		position: relative;
		padding: 5px 5px 5px 5px;
		margin-bottom: 10px;
		font-weight: 400;
		width: 100px;
		margin: 0px 3px 10px 3px;
	}

	.nav-pills-custom .nav-link:hover {
		color: #828282;
		background: #fff3c7;
		position: relative;
	}

	.nav-pills-custom .icon {
		width: 100%;
		height: auto;
		padding-bottom: 15px;
	}

	.nav-pills-custom .icon img {
		width: 35px;
		height: auto;
	}

	.nav-pills-custom .nav-link.active {
		color: #ffffff;
		background: #828282;
		font-weight: 500;
	}
    .shadow {
        box-shadow: 3px 3px 15px 1px rgba(0, 0, 0, .07) !important;
    }
    .top-bar {
        padding: 0px 20px 0px 20px;
    }
    .top-navegation-bar {
        height: 70px;
        padding: 0px 10px 0px 10px !important;
    }
    .button-section {
        padding: 25px 20px 25px 20px;
    }
    .ticker {
        display: flex;
        /*flex-wrap: wrap;
        width: 80%;
        height: 50px;
        margin: 0 auto*/
    }
    .news {
        width: auto;
        padding: 0px 5px 0px 0px;
        position: relative;
    }
    .title {
        width: 127px;
        font-size: 14px;
        font-weight: 500;
        padding: 4px 6px 0 6px;
    }
    .news marquee {
        font-size: 13px;
        margin-top: 4px;
    }
    .card-button-banner {
        width: 95px;
        height: 95px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100&0.75+0,1+100;White+Gloss */
        background: -moz-linear-gradient(45deg,  rgba(246,248,249,0.75) 0%, rgba(229,235,238,0.88) 50%, rgba(215,222,227,0.88) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgba(246,248,249,0.75) 0%,rgba(229,235,238,0.88) 50%,rgba(215,222,227,0.88) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgba(246,248,249,0.75) 0%,rgba(229,235,238,0.88) 50%,rgba(215,222,227,0.88) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bff6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding: 5px 7px 5px 7px;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 1px;
        margin: 0px 5px 10px 5px;
        border-radius: 3px;
        text-align: center;
        border-top: 3px solid #444444;
        cursor: pointer;
        transition-duration: 0.5s;
    }
    .card-button-banner:hover {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1b1b+0,383838+13,4e4e4e+24,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100&0.8+0,0.8+100 */
        background: -moz-linear-gradient(45deg,  rgba(27,27,27,0.8) 0%, rgba(56,56,56,0.8) 13%, rgba(78,78,78,0.8) 24%, rgba(13,13,13,0.8) 46%, rgba(1,1,1,0.8) 50%, rgba(10,10,10,0.8) 53%, rgba(78,78,78,0.8) 76%, rgba(56,56,56,0.8) 87%, rgba(27,27,27,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgba(27,27,27,0.8) 0%,rgba(56,56,56,0.8) 13%,rgba(78,78,78,0.8) 24%,rgba(13,13,13,0.8) 46%,rgba(1,1,1,0.8) 50%,rgba(10,10,10,0.8) 53%,rgba(78,78,78,0.8) 76%,rgba(56,56,56,0.8) 87%,rgba(27,27,27,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgba(27,27,27,0.8) 0%,rgba(56,56,56,0.8) 13%,rgba(78,78,78,0.8) 24%,rgba(13,13,13,0.8) 46%,rgba(1,1,1,0.8) 50%,rgba(10,10,10,0.8) 53%,rgba(78,78,78,0.8) 76%,rgba(56,56,56,0.8) 87%,rgba(27,27,27,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1b1b', endColorstr='#cc1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        border-top: 3px solid #ffcb05;
        transition-duration: 0.5s;
    }
    .card-button-banner .icon1 {
        background: url(../images/svg/locate-us.svg);
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 13px;
        transition-duration: 0.5s;
        position: relative;
        margin-top: 5px;
    }
    .card-button-banner .icon2 {
        background: url(../images/svg/calculator.svg);
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 7px;
        transition-duration: 0.5s;
        position: relative;
        margin-top: 3px;
    }
    .card-button-banner .icon3 {
        background: url(../images/svg/pickup.svg);
        height: 54px;
        width: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 0px;
        transition-duration: 0.5s;
        position: relative;
        top: -3px;
    }
    .card-button-banner .icon4 {
        background: url(../images/svg/inquiry.svg);
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 13px;
        transition-duration: 0.5s;
        position: relative;
        margin-top: 5px;
    }
    .card-button-banner .icon5 {
        background: url(../images/svg/dublicate.svg);
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 8px;
        transition-duration: 0.5s;
        position: relative;
        /* top: -3px; */
        margin-top: 5px;
    }
    .card-button-banner .icon6 {
        background: url(../images/svg/cod.svg);
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 13px;
        transition-duration: 0.5s;
        position: relative;
        margin-top: 5px;
    }
    .card-button-banner .button-tab-text{
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        padding-bottom: 0px;
        transition-duration: 0.5s;
        line-height: 14px;
    }
    .card-button-banner .h4 {
        font-weight: 700;
    }
    .card-button-banner:hover .icon1 {
        background: url("../images/svg/locate-us-hover.svg");
        transition-duration: 0.5s;
    }
    .card-button-banner:hover .icon2 {
        background: url("../images/svg/calculator-hover.svg");
        transition-duration: 0.5s;
    }
    .card-button-banner:hover .icon3 {
        background: url("../images/svg/pickup-hover.svg");
        transition-duration: 0.5s;
    }
    .card-button-banner:hover .icon4 {
        background: url("../images/svg/inquiry-hover.svg");
        transition-duration: 0.5s;
    }
    .card-button-banner:hover .icon5 {
        background: url("../images/svg/dublicate-hover.svg");
        transition-duration: 0.5s;
    }
    .card-button-banner:hover .icon6 {
        background: url("../images/svg/cod-hover.svg");
        transition-duration: 0.5s;
    }
    .card-button-banner:hover .button-tab-text {
        color: #ffffff;
        transition-duration: 0.5s;
    }
    .card-button-banner .tooltiptext {
        visibility: hidden;
        width: 100%;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        padding: 5px 0;
        position: absolute;
        top: -37px;
        font-size: 11px;
        left: 0px;
        font-weight: 600;
    }
    .card-button-banner:hover .tooltiptext {
        visibility: visible;
    }
    .social-nav {
        display: block;
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .login-btn {
        display: block;
        position: absolute;
        top: 35px;
        right: 10px;
    }
    .swift-logo-img {
        margin-left: 10px;
        width: 70px;
        height: auto;
        margin-bottom: 7px;
    }
    .company-logo {
        padding: 2x 0 0px 0;
        width: auto;
        cursor: pointer;
    }
    .logo-img {
        width: 135px;
        height: 51px;
    }
    .btn-big {
        background: #ffcb05;
        border-radius: 3px;
        border: none;
        border-bottom: 3px solid #444444;
        padding: 4px 9px 5px 9px;
        color: #444444;
        font-size: 13px;
    }
    .img-responsive-banner-main-1920 {
        display: none;
    }
    .img-responsive-banner-main-1280 {
        display: none;
    }
    .img-responsive-banner-main-990 {
        display: none;
    }
    .img-responsive-banner-main-768 {
        display: block;
    }
    .banner-field-body {
        display: none;
    }
    .track-mobile {
        display: block;
    }
    .banner-field {
        padding: 15px 0 20px 10px;
        opacity: 1;
    }
    .yellow {
        background: #ffcb05;
        border-color: #ffcb05;
        font-size: 14px
    }
    .leopards-stories {
		width: 100%;
		overflow: hidden;
		height: auto;
        background: url("../images/Untitled-1.jpg") no-repeat center center; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding: 45px 15px 35px 15px;
	}
    .heading-top-bar-LS {
		width: 70px;
		height: 5px;
		background: #ffcb05;
		border-radius: 50px
	}
    .footer {
		background: #444444;
		padding: 60px 70px 60px 70px;
	}
	
	.copyright {
		padding: 4px 0 5px 0;
		text-align: center;
	}	
	.footer-bottom {
		padding: 10px 15px 10px 15px;
		font-size: 12px;
	}	
	.footer-mobile{
		display: flex;
		flex-direction: inherit;
		justify-content: center !important;
	}
}


@media (min-width: 576px){
    .modal-dialog-1 {
        max-width: 400px;

        .modal-content {
            padding: 1rem;
        }
    }
}

.modal-header {
.close {
    margin-top: -1.5rem;
}
}

.form-title {
    margin: -2rem 0rem 2rem;
}

.btn-round {
    border-radius: 3rem;
}

.delimiter {
    padding: 1rem;
}

.social-buttons {
.btn {
    margin: 0 0.5rem 1rem;
}
}

.signup-section {
    padding: 0.3rem 0rem;
}
/* new css added by asim for new frontend  */
body {
    margin: 0;
    font-family: Arial, "Helvetica", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    text-align: left;
    background-color: #ffffff;
}

h1, .h1 {
    font-size: 32px !important;
}

h2, .h2 {
    font-size: 24px  !important;
}

h3, .h3 {
    font-size: 18.72px !important;
}

h4, .h4 {
    font-size: 16px !important;
}

h5, .h5 {
    font-size: 13.28px !important;
}

h6, .h6 {
    font-size: 10.72px !important;
}

.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
}

/* Parent container */
.region-switcher {
    position: relative;
    display: inline-block;
}

/* Toggle Button */
.custom-dropdown-toggle {
    cursor: pointer;
    color: inherit;
}

/* Dropdown Menu */
.custom-dropdown-menu {
    display: none;
    position: absolute;
    background: #fff;
    width: 180px;
    padding: 10px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    z-index: 5000;
    margin: 10px 0 0 -40px;
}

/* Dropdown Items */
.custom-dropdown-item {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    text-decoration: none;
}

.custom-dropdown-item:hover {
    background: #f5f5f5;
}

.custom-dropdown-item.active {
    font-weight: bold;
    background-color: #ffcb05 !important; /* Leopards brand color */
}

/* Show dropdown on toggle (JS controlled) */
.region-switcher.open .custom-dropdown-menu {
    display: block;
}


/* Mobile Fix */
@media (max-width: 768px) {
    /* .region-switcher {
        display: block;
        width: 100%;
    } */

    .custom-dropdown-menu {
        /* position: static !important;
        width: 100% !important; */
        margin-top: 7px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        margin: 7px 0 0 -93px;

        /* min-width: unset; removes fixed width */

    }

    .custom-dropdown-item {
        padding: 12px 15px;
        font-size: 12px;
    }

    .custom-dropdown-item img {
        width: 22px;
        height: auto;
    }
}
.iframe-body{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.popup-heading {
    width: 100%;
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
}

.popup-text {
    width: 100%;
    display: inline-block;
    font-weight: 100;
}

.modal-content {
    margin-top: 85px;
}

.popup-btn-heading {
    width: 100%;
    display: inline-block;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}

/*---------- TOP NAVIGATION ----------*/	
/* Base dropdown menu */
.dropdown-menu {
    border-top: 2px solid #444444;
    border-radius: 1px;
    width: max-content;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    padding: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(25px);
    transition: all 0.4s ease;
    top: 95%;
}

/* Submenu positioning */
.dropdown-submenu {
    position: relative;
}

/* ------------------- SERVICES DROPDOWN ARROWS ------------------- */
#services-dropdown > .nav-link > .submenu-arrow,
#services-dropdown .submenu-arrow {
    float: right;
    margin-left: 0.5rem;
    transition: transform 0.3s ease, color 0.3s ease;
    font-size: 0.8rem;
    color: #333;
    position: relative;
    top: 5px;
}

#services-dropdown:hover > .nav-link,
#services-dropdown:focus-within > .nav-link {
    background-color: #ffcb05;   /* yellow */
    color: #444;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Arrow color when active */
#services-dropdown:hover > .nav-link > .submenu-arrow,
#services-dropdown:focus-within > .nav-link > .submenu-arrow {
    color: #444;
}

/* ------------------- Desktop Hover ------------------- */
@media (min-width: 992px) {
    /* Show dropdown on hover */
    #services-dropdown:hover > .dropdown-menu,
    #services-dropdown .dropdown-submenu:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Rotate top-level Services arrow on hover */
    #services-dropdown:hover > .nav-link > .submenu-arrow {
        /* transform: rotate(90deg); */
        color: #444444;
    }

    /* Rotate submenu arrows on hover */
    #services-dropdown .dropdown-submenu:hover > a > .submenu-arrow {
        transform: rotate(90deg);
        color: #ffffff;
    }
}
/* Submenu positioning for desktop */
#services-dropdown .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.038rem;
}

/* Level-2 & Level-3 submenu active highlight */
#services-dropdown .dropdown-submenu:hover > .dropdown-item,
#services-dropdown .dropdown-submenu:focus-within > .dropdown-item {
    background-color: #ffcb05;
    color: #000;
}

/* Keep submenu arrow active */
#services-dropdown .dropdown-submenu:hover > .dropdown-item > .submenu-arrow,
#services-dropdown .dropdown-submenu:focus-within > .dropdown-item > .submenu-arrow {
    color: #000;
    transform: rotate(90deg);
}

/* Smooth effect */
#services-dropdown .dropdown-item {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ------------------- Mobile Behavior ------------------- */
@media (max-width: 991px) {
    #services-dropdown .dropdown-menu {
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: none;
        width: 100%
    }

    #services-dropdown .dropdown-submenu > .dropdown-menu {
        left: 0;
        margin-left: 0;
    }

    /* Rotate top-level arrow when dropdown is open */
    #services-dropdown.show > .nav-link > .submenu-arrow {
        transform: rotate(90deg);
        color: #444444;
    }

    /* Rotate submenu arrows when submenu is open */
    #services-dropdown .dropdown-submenu.show > a > .submenu-arrow {
        transform: rotate(90deg);
        color: #444444;
    }
}
/* Optional: smooth background hover for items */
#services-dropdown .dropdown-item:hover {
    background-color: rgba(0, 123, 255, 0.1);
}

.service-alert {
    padding: 8px 0px 5px 5px;
    font-weight: 500;
    font-size: 12px;
    display: block;
}



.country-icon {
    padding: 5px 0px 1px 0px;
}

.country-name {
    padding: 8px 0px 5px 5px;
    font-weight: 500;
    font-size: 12px;
    display: block;
}

.flag-active {
    padding: 3px 4px 4px 15px;
}

.navbar {
    padding: 0;
    margin-top: 0px;
}

.navbar-top {
    position: relative;
    top: 0px;
}

.navbar-light .navbar-brand {
    color: #000000;
}

.navbar-light .navbar-nav .nav-link {
    color: #444444;
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #1ebdc2;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #000000;
    font-weight: 400;
}

.navbar-light .navbar-nav .nav-link {
    transition: 0.3s;
    font-size: 15px;
    font-weight: 400;
    padding: 7px 15px 8px 15px;
}


.page-header{
    position: relative;
    width: 100%;
    height: auto;
    padding: 35px 0 35px 0;
    /* background:url("../images/page-heading-bg.png") repeat-x #cccccc; */
    background:#444444;
    text-align: center;
    border-bottom: 4px solid #ffcb05;
}

.page-header-navigation{
    position: relative;
    width: 100%;
    height: auto;
    padding: 35px 0 35px 0;
    /* background:url("../images/page-heading-bg.png") repeat-x #cccccc; */
    background:#444444;
    text-align: center;
    /* border-bottom: 4px solid #ffcb05; */
}

.page-header-top-bar {
    width: 100px;
    height: 8px;
    color: #333333;
    background: #ffcb05;
    border-radius: 50px;
    font-size: 13.28px;
    margin: auto;
}

.page-header-heading {
    font-size: 45px;
    color: white;
    font-weight: 600;
    line-height: 60px;
}


.box {
    border-radius: 40px;
    /* background: #fff; */
    background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(224,224,224,1) 100%);
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer;
}

.box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    border-radius: 40px;
    box-shadow: inset 0 0 25px #ffc107;
    transition: all 0.3s ease;
    background-image: linear-gradient(to right, #ffcb05 0%, #ffeca3 100%);
}

.box:hover:before {
    width: 100%;
}

.box:hover .image-wrapper {
    padding:0;
}

.box:hover .box-desc {
    color:#444444;
}

.image-wrapper {
    position: relative;
    max-width: 135px;
    max-height: 135px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    padding: 9px 9px 9px 9px;
    transition: all 0.5s ease;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.20);
}

.image-wrapper img {
    border-radius: 50%;
    transition: all 500ms ease;
}

.box-desc {
    position:relative;
}

.mg-modal-header {
    padding: 7px 15px 8px 15px;
    background-color: #fdf8e6;
}

.mg-modal-header .close {
    padding: 1.2rem 1rem;
}

.mg-modal-title {
    font-size: 18px;
    font-weight: 400;
    padding: 5px 0 2px 0;
}

.mg-modal-name {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.02rem;
    line-height: 20px;
    padding-top: 5px;
}

.mg-modal-designation {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.025rem;
    line-height: 20px;
}

.mg-modal-text {
    font-size: 15px;
    font-weight: 300;
    max-height: 450px;
    overflow-y: auto;
    padding-right: 10px
}

.mg-padding-left {
    padding-left: 0;
}

.mg-img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) and (max-width: 990px) {
    .mg-body {
        padding: 0px 80px 0 80px;
    }
    .mg-modal-dialog {
        max-width: 900px;
        margin: 1.75rem auto;
    }
}
@media (max-width: 767px) {
    .mg-body {
        padding: 0px 65px 0 65px;
    }
    .mg-img {
        width: 45%;
        height: auto;
    }
    .mg-modal-name {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal;
        padding-top: 10px;
    }
    .mg-modal-designation {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .mg-modal-text {
        font-size: 15px;
        font-weight: 300;
        max-height: 300px;
        overflow-y: auto;
        padding-right: 10px
    }
    .mg-padding-left {
        padding-left: 15px;
    }
    .page-header{
        position: relative;
        width: 100%;
        height: auto;
        padding: 25px 0 25px 0;
        /* background:url("../images/page-heading-bg.png") repeat-x #cccccc; */
        background:#444444;
        text-align: center;
        border-bottom: 4px solid #ffcb05;
	}
	.page-header-top-bar {
		width: 70px;
		height: 5px;
		background: #ffcb05;
		border-radius: 50px;
		margin: auto;
	}
	.page-header-heading {
		font-size: 30px;
		color: white;
		font-weight: 600;
		line-height: 45px;
	}
    .navbar-light .navbar-nav .nav-link {
		padding: 7px 35px 8px 35px;
	}

	.dropdown-item {
		padding: 5px 45px 5px 45px;
	}

	.navbar-toggler {
		margin-top: 4px;
	}

	.img-responsive-banner-main-1920 {
		display: none;
	}

	.img-responsive-banner-main-1280 {
		display: none;
	}

	.img-responsive-banner-main-990 {
		display: none;
	}

	.img-responsive-banner-main-768 {
		display: block;
	}

}	
/******************* Timeline Demo - 9 *****************/
.right-people-section{
    padding: 0 150px 0 150px;
    position: relative;
    z-index: 0;
}
			
.main-timeline9 {
    position: relative
}

.main-timeline9:after,
.main-timeline9:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline9:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #302124;
    position: absolute;
    top: 0;
    left: 50%
}

.main-timeline9 .timeline {
    width: 50%;
    float: left;
    position: relative;
    z-index: 1
}

.main-timeline9 .timeline:after,
.main-timeline9 .timeline:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline9 .timeline:first-child:before,
.main-timeline9 .timeline:last-child:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #ffcb05;
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1
}

.main-timeline9 .timeline:last-child:before {
    top: auto;
    bottom: 0
}

.main-timeline9 .timeline:last-child:nth-child(even):before {
    right: auto;
    left: -11px;
    bottom: -2px
}

.main-timeline9 .timeline-content {
    text-align: center;
    margin-top: 8px;
    position: relative;
    transition: all .3s ease 0s
}

.main-timeline9 .timeline-content:before {
		content: "";
		width: 100%;
		height: 5px;
		background: #ffcb05;
		position: absolute;
		top: 86px;
		left: 0;
		z-index: -1
}

.main-timeline9 .circle {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    border: 8px solid #ffcb05;
    float: left;
    margin-right: 25px;
    position: relative;
    top: -2px;		
}

.main-timeline9 .circle span:after,
.main-timeline9 .circle span:before,
.main-timeline9 .circle:before {
    content: "";
    margin: auto;
    position: absolute;
    right: -33px;
    bottom: 0;
    z-index: -1
}

.main-timeline9 .circle:before {
    width: 26px;
    height: 30px;
    background: #ffcb05;
    top: 0;
    box-shadow: inset 7px 0 9px -7px #444
}

.main-timeline9 .circle span img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* line-height: 160px; */
    /* border: 3px solid #adabab; */
    /* font-size: 80px; */
    /* color: #454344 */
        
}

.main-timeline9 .circle span:after,
.main-timeline9 .circle span:before {
    width: 28px;
    height: 50px;
    background: #fff;
    border-radius: 0 0 0 21px;
    top: -54px
}

.main-timeline9 .circle span:after {
    border-radius: 21px 0 0;
    top: 0;
    bottom: -56px
}

.main-timeline9 .content {
    display: table;
    padding-right: 30px;
    position: relative
}

.main-timeline9 .year {
    display: block;
    padding: 10px;
    margin: 25px 0 30px;
    background: #ffcb05;
    border-radius: 7px;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

.main-timeline9 .title-timeline {
    font-size: 18px;
    font-weight: 600;
    color: #444444;
    margin-top: 0
}

.main-timeline9 .icon span:after,
.main-timeline9 .icon span:before,
.main-timeline9 .icon:before {
    content: "";
    height: 25px;
    margin: auto;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -15px
}

.main-timeline9 .description {
    font-size: 14px;
    color: #a6a6a6;
    text-align: justify
}

.main-timeline9 .icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #ffcb05;
    position: absolute;
    top: 78px;
    right: -14px
}

.main-timeline9 .icon:before {
    width: 15px;
    background: #ffcb05;
    top: -1px
}

.main-timeline9 .icon span:after,
.main-timeline9 .icon span:before {
    width: 21px;
    background: #fff;
    border-radius: 0 0 21px;
    top: -30px
}

.main-timeline9 .icon span:after {
    border-radius: 0 21px 0 0;
    top: 0;
    left: -15px;
    bottom: -30px
}

.main-timeline9 .timeline:nth-child(2n) .circle,
.main-timeline9 .timeline:nth-child(2n) .timeline-content {
    float: right
}

.main-timeline9 .timeline:nth-child(2n) .circle {
    margin: 0 0 0 25px
}

.main-timeline9 .timeline:nth-child(2n) .circle:before {
    right: auto;
    left: -33px;
    box-shadow: -7px 0 9px -7px #444 inset
}

.main-timeline9 .timeline:nth-child(2n) .circle span:after,
.main-timeline9 .timeline:nth-child(2n) .circle span:before {
    right: auto;
    left: -33px;
    border-radius: 0 0 21px
}

.main-timeline9 .timeline:nth-child(2n) .circle span:after {
    border-radius: 0 21px 0 0
}

.main-timeline9 .timeline:nth-child(2n) .content {
    padding: 0 0 0 30px;
    margin-left: 2px
}

.main-timeline9 .timeline:nth-child(2n) .icon {
    right: auto;
    left: -15px
}

.main-timeline9 .timeline:nth-child(2n) .icon span:after,
.main-timeline9 .timeline:nth-child(2n) .icon span:before,
.main-timeline9 .timeline:nth-child(2n) .icon:before {
    left: auto;
    right: -15px
}


.main-timeline9 .timeline:nth-child(2n) .icon span:before {
    border-radius: 0 0 0 21px
}

.main-timeline9 .timeline:nth-child(2n) .icon span:after {
    border-radius: 21px 0 0
}

.main-timeline9 .timeline:nth-child(2) {
    margin-top: 180px
}

.main-timeline9 .timeline:nth-child(odd) {
    margin: -175px 0 0
}

.main-timeline9 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline9 .timeline:first-child,
.main-timeline9 .timeline:last-child:nth-child(even) {
    margin: 0
}

@media screen and (max-width: 512px) {
    .content-SG {
        margin: 0 4%;
        margin-top: 5%;
    }

    .country-name {
        padding: 8px 0px 5px 5px;
        font-weight: 500;
        font-size: 12px;
        display: none;
    }

    .country-name-1 {
        padding: 8px 0px 5px 5px;
        font-weight: 500;
        font-size: 12px;
        display: block;
    }
}

@media only screen and (max-width:1280px) {
    .right-people-section{
    padding: 0 50px 0 50px;
    position: relative;
    z-index: 0;
}
}

@media only screen and (max-width:990px) {
    .main-timeline9:before {
        left: 100%;
        height: 99%;
    }

    .main-timeline9 .timeline {
        width: 100%;
        float: none;
        margin-bottom: 20px !important
    }

    .main-timeline9 .timeline:first-child:before,
    .main-timeline9 .timeline:last-child:before {
        left: auto !important;
        right: -13px !important
    }

    .main-timeline9 .timeline:nth-child(2n) .circle {
        float: left;
        margin: 0 25px 0 0
    }

    .main-timeline9 .timeline:nth-child(2n) .circle:before {
        right: -33px;
        left: auto;
        box-shadow: 7px 0 9px -7px #444 inset
    }

    .main-timeline9 .timeline:nth-child(2n) .circle span:after,
    .main-timeline9 .timeline:nth-child(2n) .circle span:before {
        right: -33px;
        left: auto;
        border-radius: 0 0 0 21px
    }

    .main-timeline9 .timeline:nth-child(2n) .circle span:after {
        border-radius: 21px 0 0
    }

    .main-timeline9 .timeline:nth-child(2n) .content {
        padding: 0 40px 0 0;
        margin-left: 0
    }

    .main-timeline9 .timeline:nth-child(2n) .icon {
        right: -14px;
        left: auto
    }

    .main-timeline9 .timeline:nth-child(2n) .icon span:after,
    .main-timeline9 .timeline:nth-child(2n) .icon span:before,
    .main-timeline9 .timeline:nth-child(2n) .icon:before {
        left: -15px;
        right: auto
    }

    .main-timeline9 .timeline:nth-child(2n) .icon span:before {
        border-radius: 0 0 21px
    }

    .main-timeline9 .timeline:nth-child(2n) .icon span:after {
        border-radius: 0 21px 0 0
    }

    .main-timeline9 .timeline:nth-child(2),
    .main-timeline9 .timeline:nth-child(even),
    .main-timeline9 .timeline:nth-child(odd) {
        margin: 0
    }
}

@media only screen and (max-width:480px) {
    .main-timeline9:before {
        left: 0;
    }

    .main-timeline9 .year {
        padding: 5px 0 6px 0;
        margin: 10px 0 10px 0 !important;
        border-radius: 4px;
    }

    .main-timeline9 .timeline:first-child:before,
    .main-timeline9 .timeline:last-child:before {
        left: -12px !important;
        right: auto !important
    }

    .main-timeline9 .circle,
    .main-timeline9 .timeline:nth-child(2n) .circle {
        width: 110px;
        height: 110px;
        float: none;
        margin: 0 auto;
        border: 5px solid #ffcb05;
    }

    .main-timeline9 .timeline-content:before {
        width: 35%;
        top: 52px;
        left: 1%;
        height: 4px;
    }

    .main-timeline9 .circle span {
        line-height: 115px;
        font-size: 60px
    }

    .main-timeline9 .circle span:after,
    .main-timeline9 .circle span:before,
    .main-timeline9 .circle:before,
    .main-timeline9 .icon {
        display: none
    }

    .main-timeline9 .content,
    .main-timeline9 .timeline:nth-child(2n) .content {
        padding: 0 10px
    }

    .main-timeline9 .year {
        margin-bottom: 15px
    }

    .main-timeline9 .description {
        text-align: center
    }
}
.accordion {
    overflow-anchor: none;
}
.accordion > .card {
    overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
}
.card-header .title {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #444444 !important;
    background-color: transparent !important;
}
.card-header .accicon {
    float: right;
    font-size: 20px;  
    width: 1.2em;
}
.card-header{
    cursor: pointer;
}
.card{
    border: 1px solid #ddd !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #ddd!important;
    border-radius: 3px !important;
}
.card-body{
    border-top: 1px solid #ddd;
}
.card-header:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}
.title {
    width: 127px;
    text-align: center;
    /* background: #ffcb05; */
    position: relative;
    font-size: 20px;
    font-weight: 600;
}
.title h5 {
    font-size: 18px;
    margin: 6% 0
}
.card-style{
    border: none;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px;
    padding: 15px 10px 12px 10px;
    border-radius: 3px;
}
.card-body-style{
    padding: 0px 0px 0px 12px;
}
.card-style-FO{
    border: none;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px;
    padding: 15px 15px 15px 15px;
    border-radius: 3px;
}
.vision-mission {
    width: 100%;
    overflow: hidden;
    height: auto;
    background: url("../images/bg-career-success.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
    padding: 70px 120px 80px 120px;
}

.vision-mission-heading {
    font-size: 45px;
    color: #444444;
    font-weight: 600;
    line-height: 60px;
}

.vision-mission-heading-top-bar {
    width: 100px;
    height: 8px;
    background: #ffffff;
    border-radius: 50px;
    margin: auto;
}

.baseBlock {
    /*margin: 0px 0px 10px 0px;
    padding: 0 0 10px 0px;*/
    border-radius: 5px;
    overflow: hidden;
    /*min-height: 390px;*/
    background: #fff;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 0px solid #f3f3f3;
    border-bottom: 10px solid #ffcb05;
}

.baseBlock:hover {
    transform: translate(0, -8px);
    box-shadow: 0 40px 40px rgba(0, 0, 0, 0.2);
}

.card-body-height {
    height: 120px;
}

.card-cover {
    position: relative;
    background: none no-repeat center center/cover;
}

.card-cover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.circle-image {
    position: absolute;
    background: none no-repeat center center/cover;
    width: 90px;
    height: 90px;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}

.circle-image:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0 0 0 6px #fff;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 50%;
}

.card-OF {
    width: 220px;
	margin: 0 14px 28px 14px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
}
.card-OF__thumb {
    height: 210px;
    overflow: hidden;
    background-color: #000;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}
.card-OF__thumb img {
    width: 100%;
    display: block;
	height: -webkit-fill-available;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.card-OF:hover .card-OF__thumb {
    height: 50px;
}
.card-OF:hover .card-OF__thumb img {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.card-OF__body {
    position: relative;
    height: 60px;
    padding: 18px;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}
.card-OF:hover .card-OF__body {
    height: 220px;
}
.card-OF__category {
    position: absolute;
    top: -25px;
    left: 0;
    height: 25px;
    padding: 0 18px;
    background-color: coral;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 25px;
}
.card-OF__title {
	margin: 0px;
    padding: 0px 0px 10px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.card-OF__subtitle {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 19px;
    color: coral;
}
.card-OF__description {
	position: absolute;
    left: 10px;
    right: 10px;
    top: 50px;
    margin: 0;
    padding: 0;
    color: #666C74;
    line-height: 21px;
    opacity: 0;
    font-size: 14px;
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
	word-wrap: break-word;
}
.card-OF:hover .card-OF__description {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.card-OF__footer {
    position: absolute;
    bottom: 12px;
    left: 20px;
    right: 20px;
    font-size: 11px;
    color: #A3A9A2;
}
.icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 2px;
    font-size: 18px;
}
.icon+.icon {
    padding-left: 10px;
}