/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
*{
    text-transform: initial!important;
}
.mega-menu-content{
	width:100%!important;
	/* background: rgba(25,25,25,0.94); */
	/* background:rgb(55 96 146 / 80%); */
	/*background:rgb(55 96 146); */
	background:#223d7c;
}
.dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content {
    
	background: rgba(25,25,25,0.70);
    border-color: rgba(255,255,255,.94);
    border-top-color: #1abc9c;
}
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover>.menu-link {
    color: #f3be00!important;
	
}
.read-more-wrap .read-more-trigger {
    position: absolute;
    display: block !important;
    z-index: 10;
    top: auto;
    bottom: -20px!important;
    padding-bottom: 20px!important;
    left: 0px!important;
    margin: 0 !important;
}
#top-cart>a{
	width:150px;
	display: inline-grid!important;
}
.sub-menu-container .menu-item > .menu-link{
	color: #F7F7F7;
	font-weight: 100;
}
@media (min-width: 992px){
	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link{
		background: rgb(25 25 25 / 0%);
		font-weight: 100;
	}
	.mega-menu-content .sub-menu-container.mega-menu-dropdown {
		padding: 0px;
		width: 220px;
	}
	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
		color: #F7F7F7;
	}
	.sub-menu-container.mega-menu-column:not(:first-child){
		border:none;
	}
	.sub-menu-container .menu-item:hover > .menu-link{
		background: rgba(25,25,25,0.70);
		font-weight: 100;
	}
	.primary-menu.style-main .menu-container > .menu-item:hover > .menu-link::after, .primary-menu.style-main .menu-container > .menu-item.current > .menu-link::after {
		width: 100%;
		left: 0;
	}
	.primary-menu.style-main .menu-container > .menu-item > .menu-link::after {
		position: absolute;
		content: '';
		top: auto;
		left: 50%;
		bottom:0px;
		width: 0px;
		height: 2px;
		/*background-color:#223d7c; */
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	.menu-container > .menu-item > .menu-link {
		position: relative;
		letter-spacing: 1px;
		margin-top: 10px;
		margin-bottom:10px;
	}
	.header-size-md .menu-container > .menu-item > .menu-link {
        padding-top: 20px;
        padding-bottom: 20px;
    }
	.dots-menu.dots-menu-border .page-menu-item.current div{
		opacity:1;
	}
	.dots-menu.dots-menu-border .page-menu-item > a {
		background-color: transparent !important;
		border:none;
	}
	.dots-menu .page-menu-item a::after {
		content: '';
		display: block;
		border-left: 2px solid #000;
		border-top: 2px solid #000;
		height: 268px;
		width:20px;
		position: absolute;
		right: -1px;
		top: 2px;
	}
	.dots-menu .page-menu-item > a {
		position: absolute;
		width:40px;
		height:2px;
		padding: 0;
		margin: 0;
		background-color: rgba(0,0,0,0.4);
		border-radius:0px;
		color: #777;
	}
	
	.dots-menu .page-menu-item span{
		padding-left:50px;
		margin: -8px 0;
		color: #000;
		position: absolute;
		font-weight: bold;
	}
	
	.dots-menu.dots-menu-border .page-menu-item.current > a {
		background-color: transparent;
        padding-left: 1em;
		font-size: 30px;
		font-weight: bold;
		transition: all 0.50s ease-out;
	}
	.dots-menu.dots-menu-border .page-menu-item.current a::after{
		
		content: ''; 
		width: 39px;
		right: -20px;
	}
	.dots-menu.dots-menu-border .page-menu-item.current{
		height:200px;
		
	}
	.milestones-card h4{
		
	}
	.dots-menu .page-menu-item div {
		position: relative;
		width:350px;
		top:65%;
		display: inline-block;
		right: -69px;
		background-color:transparent;
		font-size: 0.75rem;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: #000;
		padding: 6px 14px;
		white-space: inherit;
		pointer-events: none;
		text-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
		border-radius: 2px;
		opacity: 0;
		transform: translateY(-50%);
	}
	.dots-menu .page-menu-item div  h4{
		color:#000;
		font-size: 20px;
		font-weight:normal;
	}

	.dots-menu .page-menu-item div::after {
		position: absolute;
		content: '';
		top: 50%;
		left: auto;
		right: -5px;
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left:none;
		transform: translateY(-50%);
	}
	.page-menu-wrap-clone{
		height: 45px;
	}
	/*.dots-menu .page-menu-container{
		height:480px;
		overflow-y: scroll;
		overflow-x: hidden;
		width: 495px;
		display: block;
	}*/
	
}

.overlay-slider {
    position: absolute;
    width: 100%;
    /* background-image: url(../img/tile4020.png); */
	background: rgb(25 25 25 / 39%);
    padding: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.slider-caption{
	/*max-width: 600px;*/
	max-width: 100%;
	justify-content: center;
	/*bottom:50px; */
	top:50px;
}
.slider-caption h2 {
	font-size:22px;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 22px;
	
	border-radius:5px;
	box-shadow: inset 0 -3px 0 rgb(0 0 0 / 15%);
	z-index: 7;
    white-space: nowrap;
	color: rgb(255, 255, 255);
    letter-spacing: 0px;
     /* background-color:rgb(0 0 0 / 55%);  */
    background-color:#223d7c;
    visibility: inherit;
    transition: none 0s ease 0s;
    border-width: 0px;
    margin: 0px;
    padding:5px 10px;
    min-height: 0px;
    min-width: fit-content;
    max-height: none;
    max-width: fit-content;
	
	
}

.slider-caption .zuari_bx{
	border-radius:5px;
	box-shadow: inset 0 -3px 0 rgb(0 0 0 / 15%);
	z-index: 7;
    white-space: nowrap;
	color: rgb(255, 255, 255);
    letter-spacing: 0px;
     background-color:rgb(0 0 0 / 55%); 
    /* background-color:#223d7c; */
    visibility: inherit;
    transition: none 0s ease 0s;
    border-width: 0px;
    margin: 0px;
    padding:10px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
	position: absolute;
}
.slider-caption h1{
	font-size: 70px;
    line-height: 70px;
	margin-bottom:10px;
	font-weight:normal;
}
.slider-caption h3{
	font-size:18px;
	margin-bottom:10px;
	/*letter-spacing: 2px;*/
	font-weight:normal;
}
.slider-caption p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size:25px;
	font-weight:normal;
}
.slider-caption .button{
	width: fit-content;
	text-transform: capitalize;
}
.inner-banner-section{
	position:relative;
}
.inner-banner-section .img-title{
	position: absolute;
	color: #fff!important;
	/* text-align: center; */
	/* left: 0; */
	/* right: 0; */
	top:15%;
	z-index:199;
}
.inner-banner-section .img-title h2, .inner-banner-section .img-title p{
	color:#fff;
}
.inner-banner-section .img-title h2{
    color: #cccccca1;
    font-size: 150px;
}
.overlay-inner-banner {
    position: absolute;
    width: 100%;
    /* background-image: url(../img/tile4020.png); */
	background: rgb(25 25 25 / 39%);
    padding: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.inner-banner-section video {
  width:100%;
  
}

.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a, .menu-link{
	color:#000;
}
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 , .fbox-content h3, .fbox-content p, h1, h2, h3, h4, h5, h6, .entry-title h2 a, .entry-title h3 a, .entry-title h4 a, .tab-nav li a{
    text-transform: capitalize;
    color: #000;
}
.heading-block h2, .title-block h2{
    font-size: 37px;
	font-weight:bold;
}
.menu-link {
    font-weight: normal;
	text-transform: capitalize;
}
.counter-section {
    position: relative;
    /* padding: 30px 0; */
    padding: 0;
    background-color: #f9f9f9;
    overflow: hidden;
}
.content-wrap {
    position: relative;
    padding: 30px 0;
    overflow: hidden;
}
.counter.counter-large {
    font-size: 30px;
}
.video-section{
	position: relative;
    padding:0px 0;
    background-color: #fff;
    overflow: hidden;
}
.business_section, .announcements-section{
	background-color: #f9f9f9;
	padding: 30px 0;
}

.corporate-section{
	padding: 30px 0 0;
	background-color: #fff;
	overflow: hidden;
}
#footer.dark ul> li > a {
    display: inline-block;
    padding: 0 3px 0 0px;
    border: none !important;
}
#footer.dark ul> li::before {
    content: "";
    font-family: 'font-icons';
    display: inline-block;
    position: relative;
    top: 1px;
    left: 0;
}
#copyrights {
    padding:0px;
    background-color: #ddd;
    font-size: 14px;
    line-height: 1.8;
}
.dark #copyrights, #copyrights.dark {
    color: rgb(255 255 255 / 73%);
    background-color: rgba(0,0,0,0.2);
}
.dark #footer, #footer.dark {
    color: rgba(255,255,255,.75);
    background-color:#223d7c;
    border-top-color: rgba(255,255,255,.15);
}
#footer.dark .title-bottom-border h1, #footer.dark .title-bottom-border h2, #footer.dark .title-bottom-border h3, #footer.dark .title-bottom-border h5, #footer.dark .title-bottom-border h6 {
    width: 100%;
    padding: 0 0 0.75rem;
    border-bottom: 2px solid #9999999c;
}
#footer.dark .title-bottom-border h4{
    width: 100%;
    padding: 0 0 0.75rem;
    border-bottom: 2px solid #9999999c;
    text-transform: uppercase!important;
}
#footer.dark h4{
    text-transform: uppercase!important;
}
#footer .fbox-plain.fbox-sm .fbox-icon i{
	font-size:20px;
	color:#000;
	line-height:1.7;
}
#footer {
    position: relative;
    background-color: #EEE;
    border-top:none;
}
#footer .footer-widgets-wrap {
    position: relative;
    padding: 40px 20px;
}
#footer.dark .input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), #footer.dark .input-group > .form-floating:not(:first-child) > .form-control, #footer.dark .input-group > .form-floating:not(:first-child) > .form-select {
    margin-left: -20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
#footer.dark .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), #footer.dark .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), #footer.dark .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, #footer.dark .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}
#footer.dark .input-group .btn {
    position: relative;
    z-index: 2;
    background:#9aca3c;
    color:#fff;
    padding: 0px 30px;
}
#footer.dark .form-control:not(.not-dark), #footer.dark .sm-form-control:not(.not-dark), #footer.dark .form-select:not(.not-dark) {
    color: #999;
    background-color: rgb(255 255 255);
    border-color: rgba(255,255,255,0.15);
}
#footer .fbox-content p{
	color:#000!important;
	text-transform: initial;
}
#footer .fbox-content p>strong{
	color:#000!important;
}
.value-section{
	padding: 30px 0 0;
    background-color: #fff;
    overflow:hidden;
    position: relative
}
/*
.value-section .feature-box{
	padding:10px;
	border-radius:5px;
	height:125px;
}
.value-section .fbox-icon i, .value-section .fbox-icon img {
    border-radius: 50%;
    background-color: #223d7c;
}
.value-section .fbox-content p{
	text-align:justify;
}
.value-section .feature-box:hover, .value-section .feature-box:hover i, .value-section .feature-box:hover h3, .value-section .feature-box:hover p{
	background:#0e70b7;
	color:#fff!important;
	box-shadow: inset 0 -0px 0 rgb(0 0 0 / 15%); 
}
*/
.contact_us_section .feature-box{
    height:200px;
}
.contact_us_section .feature-box span{
    margin-top:0px!important;
}
.value-section .feature-box .fbox-content h3> span{
	color:#000!important;
}
.value-section .feature-box .fbox-outline .fbox-icon a {
    border: 1px solid #000;
    padding: 0.25rem;
    border-radius: 50%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.value-section .feature-box .fbox-icon i, .value-section .feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: #000;
	padding:10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.value-section .fbox-effect .fbox-icon img:hover, .value-section .fbox-effect:hover .fbox-icon img{
	background-color: #223d7c;
	color:#fff;
}
.dark #header.transparent-header.full-header #header-wrap, #header.transparent-header.full-header.dark #header-wrap{
	border:none;
}
#header.transparent-header.full-header #logo {
    border-right-color: rgba(0,0,0,.1);
    border: none;
}
.transparent-header.full-header .primary-menu .menu-container, .dark #header.full-header, #header.full-header.dark{
	border: none;
}
@media(max-width:992px){
	#top-cart>a {
		width:100px!important;
		/* display: inline-grid!important; */
	}
	#logo img {
		display: block;
		max-height:55%!important;
		height: 40px!important;
		margin-top:0px;
	}
	
}
#header.transparent-header.full-header #header-wrap{
	border:none;
}
#page-title {
    position: relative;
    padding: 2rem 0;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}
#page-title .tabs {
    position: relative;
    margin: 0 0 0px 0;
}
#page-title .tab-nav.tab-nav2 {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 20px;
}
.showcase-section .showcase-target { display: none; }

.showcase-section .showcase-target.showcase-target-active { display: block; }

.showcase-section ul { list-style: none; }

.showcase-section ul li {
	display: block;
	position: relative;
	padding: 24px 0;
	cursor: pointer;
	border-top: 1px solid #F0F2F6;
}

.showcase-section ul li:first-child {
	padding-top: 0;
	border-top: 0;
}

.showcase-section ul li h3 {
	display: block;
	position: relative;
	font-size:21px;
	font-weight:normal;
	margin-bottom: 5px;
	text-transform: initial;
}

.showcase-section ul li p {
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0;
	color: #777;
}

.showcase-section ul li h3::before {
	opacity: 0;
	content: "\e77d";
	font-family: 'font-icons';
	position: absolute;
	margin-left: -20px;
	top: -2px;
	-webkit-transition: margin-left .3s ease, opacity .3s ease;
	-ms-transition: margin-left .3s ease, opacity .3s ease;
	-o-transition: margin-left .3s ease, opacity .3s ease;
	transition: margin-left .3s ease, opacity .3s ease;
}

.showcase-section ul li.showcase-feature-active h3::before {
	opacity: 1;
	margin-left: -15px;
	color:#223d7c;
}

.showcase-section ul li.showcase-feature-active h3 { color: #223d7c;font-weight:bold; /*box-shadow: inset 0 -3px 0 rgb(0 0 0 / 15%);*/}

.showcase-section .showcase-target {
	display: block;
	position: absolute;
	top: 0;
	right: -40px;
	opacity: 0;
	width: 100%;
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: all .3s .1s ease;
	-o-transition: all .3s .1s ease;
	transition: all .3s .1s ease;
	-webkit-backface-visibility: hidden;
}

.showcase-section .showcase-target.showcase-target-active {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	z-index: 9;
}

.showcase-section .showcase-target:first-child { position:  relative; }

#ytb-video { cursor: pointer;border-radius: 6px; }

#ytb-video-button.play-icon {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	line-height: 61px;
	margin-top: -31px;
	margin-left: -31px;
	transition: transform .3s ease;
}

#ytb-video:hover .play-icon {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#ytb-video-button.play-icon i {
	width: 60px;
	height: 60px;
	line-height: 61px;
	font-size: 24px;
	color: #000;
	text-align: center;
	border-radius: 50%;
	background-color: #FFF;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 2;
	transition: all .3s ease;
}

#ytb-video:hover .play-icon i {
	background-color: red;
	color: #FFF;
}

#ytb-video-button.play-icon i.icon-play { padding-left: 4px; }

#ytb-video-button.play-icon i:nth-of-type(2),
.video-played #ytb-video-button.play-icon i:nth-of-type(1) { display: none; }

.video-played #ytb-video-button.play-icon i:nth-of-type(2) { display: block; }

#ytb-video:not(:hover) i:nth-of-type(2) { opacity: 0; }
.video-section .ytb-card {
    height: 427px;
    border-radius: 0px!important;
    position: absolute;
}
.video-section .ytb-card video{
    height: 427px;
}
.bx_img_area [class^=col-] > a {
    display: block;
    position: relative;
    height: 340px;
    background-color: #EEE;
    border-radius: 6px;
}
.bx_img_area [class^=col-] > a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.4);
    opacity: 0.4;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-radius: 6px;
}
.bx_img_area [class^=col-] > a:hover::before {
    opacity: 1;
}
.bx_img_area .card-title{
	font-size:18px;
	color: #EEE;
    margin-bottom: 10px;
}
.card-inner-txt {
	padding:1.2rem;
	top:35%!important;
}
.bx_img_area .heading-block p {
    font-size: 1rem;
    margin-bottom: 0;
    color: rgba(255,255,255,0.95);
}
.menu-link , .sub-menu-container .menu-item > .menu-link{
    font-size: 16px;
	
}
h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
    color: #223d7c;
}
a {
    text-decoration: none !important;
    color: #223d7c;
}
.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
    color: #f3be00;
}
.tab-nav.tab-nav2 li.ui-state-active a {
    top: 0;
    background-color: #223d7c;
    color: #FFF;
   
}
.tab-nav.tab-nav2 li a{
    border-radius: 7px!important;
}
.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
    border: none;
    background-color: transparent !important;
    color: #223d7c;
    border-radius: 0;
}
.fbox-bg.fbox-center .fbox-icon {
    background-color:#f5f5f5;
}

.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color:#fff;
    font-weight:bold;
    background:#223d7c;
    border-radius:10px;
}

.sub-menu-container, .mega-menu-content{
	border-top: 2px solid #f3be00;
}
.mega-menu-style-2 .mega-menu-title > .menu-link{
    margin-bottom: 0px;
}
.dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content {
    /* background: rgba(25,25,25,0.70); */
    background: rgb(55 96 146 / 80%);
    /* border-color: rgba(255,255,255,.05); */
    /* border-top-color: #223d7c; */
	border:none!important;
}
@media (min-width: 992px){
	.sub-menu-container .menu-item:hover > .menu-link {
		 background: rgba(25,25,25,0);
		padding-left: 18px;
		/* color: #223d7c; */
		color:#fff;
		border:none;
	}
	.sub-menu-container, .mega-menu-content{
		border:none;
		padding:5px 0px;
	}
	.mega-menu-style-2 .mega-menu-column {
        padding: 20px 20px;
    }
}
@media (max-width: 991.98px){
	.swiper_wrapper .slider-caption p {
		font-size: 14px;
	}
	.swiper_wrapper .slider-caption h2 {
		font-size: 12px;
	}
}
.bottom_spacing{
    margin-bottom:15px;
}
.card-inner {
    background-color: #F9F9F9;
    border-bottom: 3px solid #EEE;
    border-radius: 7px!important;
    border:none;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    padding:0px;
}
.card-inner .card-body{
    padding:10px 15px;
}
.card-inner p, .card-inner p>a{
    color: #000;
    font-size:14px;
    margin-bottom:0px!important;
    font-weight: 700;
}
.card-inner p:hover, .card-inner p>a:hover, .card-inner:hover i{
    color:#223d7c;
}
.pdf_icon{
	font-size:14px!important;
	color: #000;
}
.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
    color: #223d7c;
}



.service-feature  .grid-inner .more-link {
	/* opacity: 0; */
	visibility: hidden;
	transition: all .3s ease;
	margin-top: 0;
	display:none;
}

.service-feature .grid-inner:hover .more-link {
	/* opacity: 1; */
	visibility: visible;
	transform: translateY(4px);
	will-change: transform;
	display:block;
}
.service-feature .grid-inner:hover{
	background-image: url('../img/img-noise-361x370.png')!important;
	transform: scale(1.1);
	transition: 500ms linear;
	height:425px;
}
.service-feature .grid-inner .f-b-desc {
	transform: translateY(10px);
	transition: transform .3s ease;
	will-change: transform;
}

.service-feature .grid-inner:hover .f-b-desc {
	transform: translateY(-4px);
	
}

.grid-border { overflow: hidden; }

.grid-border [class^=col-]:before {
	content: '';
	position: absolute;
}

.grid-border [class^=col-]:before {
	height: 100%;
	top: 0;
	left: -2px;
	border-left: 2px solid rgba(var(--themecolorrgba),0.1);
}

.dark .grid-border [class^=col-]:before { border-color: rgba(255,255,255,0.15); }


.investors_sec .color1 {
	background: #f8f9fa;
	color: #000 !important;
}

.investors_sec .nav-pills .nav-item {
	margin:0px;
	padding:0px;
	background: #f8f9fa;
}
.investors_sec .nav-pills .nav-item .nav-link {
	position: relative;
	border-radius: 16px;
	opacity:  0.8;
	font-family: var(--p-f-family);
	font-size: 14px;
	font-weight: 600;
	color:#fff;
	width:100%;
}

.investors_sec .nav-pills .nav-item .nav-link.active::after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 12px transparent;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}


.investors_sec .nav-pills .nav-item .nav-link.color1::after {
	border-top-color: #223d7c;
}



.investors_sec .nav-pills .nav-item .nav-link span {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2px;
}

.investors_sec .nav-pills .nav-item .nav-link:hover,
.investors_sec .nav-pills .nav-item .nav-link.active {
	opacity: 1;
}

.investors_sec .tab-pane .card {
	border-radius: 20px;
}

.investors_sec .tab-pane .card .card-header {
	border-radius: 20px 20px 0 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff!important;
    background-color: #223d7c;
}
@media (max-width: 767.98px) {
	.investors_sec .nav-pills .nav-item .nav-link {
	    width: 100%;
	}
	.dots-menu .page-menu-item div  h4{
		display:none;
	}
	.inner-banner-section .img-title{
		top:10%;
	}
	.inner-banner-section .img-title h2{
		font-size:18px;
	}
	.slider-caption h1 {
		font-size: 20px;
	}
	.slider-caption h3 {
		font-size:16px;
	}
	.slider-caption p{
		font-size:14px;
	}
	.header-size-md #header-wrap #logo img {
        height: 60px;
    }
}


.txt-big{
	font-size:24px;
}

#content p{
	margin-bottom: 10px;
	text-align:justify;
}

.story-timeline {
	position: relative;
	padding-top: 60px;
}

.story-timeline > .story-timeline-line {
    position: absolute;
	display: block;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 5px;
    border-radius: 0 0 6px 6px;
    background-image: linear-gradient(to bottom, #FFE640 0%, #fE9603 100%);
}

.story-timeline .story-timeline-dots {
    position: absolute;
	display: block;
    top: 0;
    left: 26px;
    z-index: 1;
    width: 26px;
    height: 36px;
    margin-left: -13px;
    background-image: linear-gradient(#FFE640 0%, #fE9603 100%);
    border: 6px solid #FFF;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: border-color .3s ease;
}

.story-timeline > .row {
	position: relative;
	padding-left: 40px;
}

.story-timeline > .row:hover .story-timeline-dots {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	background: #555;
}


@media (min-width: 768px) {
	.story-timeline > .story-timeline-line {
	    left: 50%;
	    transform: translateX(-50%);
	}

	.story-timeline .story-timeline-dots {
	    left: 50%;
	    transform: translateX(-50%);
	    margin-left: 0;
	}

	.story-timeline > .row {
		margin-right: -50px;
		margin-left: -50px;
		padding-left: 0;
	}

	.story-timeline > .row > .col,
	.story-timeline > .row > [class*="col-"] {
		padding-right: 50px;
		padding-left: 50px;
	}
}
.what-dr{
	background:#fff;
	padding:30px 0px;
}
.what-dr .card{
	height:330px;
}

.main-line-section{
    padding: 10px 0;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}
.main-line-section h4.highlight-me{
    margin-bottom:0px;
}
.investors_sec .page-title-mini{
	border-radius:6px;
}
.mobile_section_breadcrumb{
	padding:20px 0px 0px;
}
.mobile_section_breadcrumb .toggle-bg .toggle-content{
	margin-bottom:5px;
	padding: 10px 0px 0px
}
.mobile_section_breadcrumb .toggle{
	margin-bottom:5px;
	
}
#page-title .breadcrumb{
	right: auto !important;
}
@media (max-width: 767.98px){
	#page-title .breadcrumb{
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0px 0 0 !important;
		justify-content: center;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.comman_breadcrumb_section{
		padding: 10px 0!important;
	}
}

.media-box .fbox-media, .media-box .fbox-media a, .media-box .fbox-media img {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
	border-radius: 6px;
}
.side-fixed-bx{
	/* height:450px; */
	/* overflow-x: hidden; */
    /* overflow-y: scroll; */
	background-color: #F5F5F5;
	border:none;
}

.side-fixed-bx .card-body .widget_links li{
    display: flex;
    padding: 5px 10px;
    font-size: 15px;
    /* background: burlywood; */
    margin:5px 0px;
}
.side-fixed-bx .card-body .widget_links li:hover, .side-fixed-bx .card-body .widget_links li:hover a{
	color:#223d7c;
}
.entry{
	margin-bottom: 25px;
}
.table-wrapper table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}
.table-wrapper table tr {
    border: 1px solid #ddd;
    padding: 0.35em;
}
.table-wrapper table th:first-child {
    background-color:#f8f9fa;
}
.table-wrapper table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.table-wrapper table th {
    background-color:#223d7c;
    color: #fff;
    font-size: 15px;
}
.table-wrapper table th, .table-wrapper table td {
    padding: 0.625em;
    text-align: center;
    border: 1px solid #ffffff;
}
.table-wrapper table tr {
    border: 1px solid #ddd;
    padding: 0.35em;
}
.table-wrapper table td {
    background-color:#f8f9fa;
}
.table-wrapper table th, .table-wrapper table td {
    padding: 0.625em;
    text-align: center;
    border: 1px solid #ffffff;
}
.table-wrapper table td.text-td {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    background-color:#223d7c;
    text-align: left;
}
.table-wrapper table td .disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
    filter: grayscale(50%);
}
ul.zuari-list {
    padding-left: 20px !important;
    counter-reset: list;
	list-style: none;
}
ul.zuari-list li {
    background: #fff !important;
    padding: 0px 0 0 13px !important;
    margin: 0 0 10px;
    position: relative;
}
ul.zuari-list li a {
    font-size: 16px;
    color: #707174;
}
ul.zuari-list li:before {
    content: "(" counter(list, lower-alpha) "). ";
    counter-increment: list;
    position: absolute;
    left: -21px;
    top: 0px;
    width: 30px;
    text-align: center;
}

ul.zuari-list li ol li:before{
	display:none;
}
ul.zuari-list li ol {
    list-style-type: lower-latin;
    padding-left: 20px;
    margin: 10px 0 0;
}

ul.zuari-list li ol li {
    list-style-type: lower-roman;
}
.lead {
    font-size: var(--bs-body-font-size);
}
.comman_p_tag{
	text-align:justify;
}
.title-block {
    padding: 2px 0 3px 20px;
    border-left: 7px solid #000;
    margin-bottom: 30px;
}
.product-bx h3 span.subtitle {
    font-size: 12px;
}
.media-box.fbox-bg .product-media{
	box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.media-box.fbox-bg .product-media{
	display: block;
    overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.media-box.fbox-bg .product-media > a, .product-media img {
    display: block;
    width: 100%;
	
}
.media-box.fbox-bg .product-media img{
	transform: scale(1);
	transition: all 1s ease;
	height:auto!important;
	border-radius: 5px 5px 0 0;
}
.media-box.fbox-bg .product-media:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	
}
.product-bx .color{
	color: #000!important;
}
.product-bx .button-link {
    display: inline-block;
    position: relative;
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #223d7c !important;
}
.product-bx h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #000;
    font-weight: 300;
    text-transform: none;
}
@media (min-width: 992px){
	#header.transparent-header:not(.sticky-header) #header-wrap {
		background: white;
		border-bottom: 1px solid transparent;
		z-index: 999;
	}
}

.team-second .button{
	background-color: #223d7c;
}
.team-second .team-title span {
    display: block;
    color: #223d7c;
    font-weight: 400;
	font-family: 'Lato', sans-serif;
    font-style: italic;
    font-size: 1rem;
    margin-top: 5px;
}
.team-title h4{
	text-transform: capitalize;
}
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/logo/logo.png) 50% 50% no-repeat rgb(249,249,249);
}


@media (min-width: 992px){
	.top-links-container > .top-links-item {
		border: 0;
	}
	.top-links-container {
		justify-content: flex-start;
		margin-left:21%;
	}
	.top-links-container > .top-links-item > a {
		padding-left: 17px;
		padding-right: 17px;
		color: #F7F7F7;
		font-weight: normal;
		text-transform: capitalize;
		font-size: 16px;
	}
	
	.mega-menu-style-2 .mega-menu-title > .menu-link{
		text-transform: capitalize!important;
		font-size:18px;
        font-weight: 500;
	}
	.mega-menu-style-2 .mega-menu-title > .menu-link:hover {
        color: #fff;
        font-weight: 500;
    }
}

.topic {
    padding: 5px 0;
    border-bottom:1px solid #ced4da;
}
.topic:first-child {
    border-top:none;
}
.topic .entry h3 {
    font-size: 14px;
    font-weight: 700;
}
.topic .entry h3>a{
	color:#000;
}
.topic .entry h3>a:hover, .topic:hover .entry, .topic:hover i{
	color:#223d7c;
}

.bbp-author a, .bbp-author i {
    /* display: inline-block; */
    width: 36px;
    height: 36px;
	font-size:14px;
	color:#000;
    border-radius: 50%;
}

.bbp-author i {
    box-shadow: 0 0 0 3px #fff;
    z-index: 1;
}

.bg-alt, .h-bg-alt:hover, .page-item:not(.disabled):hover .page-link, .page-item.active .page-link {
    background-color: #2F2E41 !important;
    border-color: #2F2E41 !important;
}
.tabs.advanced-real-estate-tabs { margin: 0; padding-top:25px;}

.advanced-real-estate-tabs ul.tab-nav { border-bottom: none;padding:0px; }

.advanced-real-estate-tabs ul.tab-nav li {
	margin-left: 2px;
	border: 0;
	height: 42px;
	border-left: 0 !important;
}

.advanced-real-estate-tabs ul.tab-nav li:first-child { margin-left: 0; }

.advanced-real-estate-tabs ul.tab-nav li a {
	padding: 0 20px;
	color: #FFF;
	height: 42px;
	line-height: 42px;
	background-color: #2C3E50;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Rubik', sans-serif;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.advanced-real-estate-tabs ul.tab-nav li.ui-tabs-active a {
	top: 0;
	background-color:#000;
}

.advanced-real-estate-tabs ul.tab-nav li.ui-tabs-active a .badge.bg-warning { background-color: #2C3E50; }

.advanced-real-estate-tabs ul.tab-nav li .badge { margin-left: 5px; }


.btn-tab-content, .btn-tab-content:hover{
	background-color: #223d7c!important;
	text-transform:capitalize;
}
.group-companies-modal .modal-content, .team-modal-popup .modal-content{
	/* background:rgb(55 96 146); */
}
.group-companies-modal .modal-header, .team-modal-popup .modal-header{
	/* background:rgb(55 96 146); */
	/* color:#fff!important; */
	padding-top:0px;
	padding-bottom:0px;
	border:none;
}

.group-companies-modal .modal-header .modal-title{
	/* color:#fff!important; */
}
.group-companies-modal .iconlist li {
    position: relative;
    display: flex;
    align-items: baseline;
    line-height: 50px;
}
.group-companies-modal .iconlist li a:hover {
    color: #fff;
	padding-left: 12px;
}
.group-companies-modal .iconlist li a {
    color: #fff;
	padding-left: 5px;
	display:flex;
	transition: all .2s ease-in-out;
	transition: margin .4s ease, padding .4s ease;
}
.group-companies-modal .modal-content .modal-body h4, .team-modal-popup .modal-content .modal-body h3, .team-modal-popup .modal-content .modal-body p{
	/* color: #fff; */
}
.group-companies-modal .btn-close, .team-modal-popup .btn-close {
	background:#fff;
    border: 0;
    border-radius: 0.375rem;
    margin-top: 0px;
	opacity:1;
	font-size:22px;
}

.team-modal-popup{
	/*top:20%; */
	border:none;
}
.team-modal-popup .modal-content{
	border:none;
}
.team-modal-popup .modal-content .modal-body{
	padding-top:0px;
}

.team-modal-popup .team-list .team-title {
	position:absolute;
	margin-top: auto;
    margin-left: 0px;
    padding: 30px 0px;
}
.announcements-section .media-box .fbox-content h3>a{
	color: #000;
	font-size:18px;
}
.announcements-section .media-box .fbox-content h3>a:hover{
	color:#223d7c; 
}
.team-list .team-desc .team-title a{
	color:#000;
}
.team-list .team-desc .team-title a:hover{
	color:#223d7c;
}
.team-title span{
	color:#223d7c; 
}

.px-custom-5 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
}
@media (max-width: 767.98px){
   .px-custom-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    } 
    .our_h_videos{
        height:195px!important;
        border-radius: 6px;
    }
    .video-section .ytb-card {
        height: auto!important;
        border-radius: 0px!important;
        position: inherit;
    }
    .video-section .ytb-card video {
        height: auto;
    }
    .showcase-section .showcase-target{
        right:0!important;
    }
    .vertical-home-image {
        height: 150px!important;
        width: 100%;
    }
    .contact_us_section .feature-box{
        padding: 0px;
    }
}
.team-image > a, .team-image img, .custom-img-fluid, .overlay_area{
	border-radius: 6px;
}

.team-image img {
	-webkit-filter: brightness(85%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	height:185px;
	
}

.team-image img:hover{
	-webkit-filter: brightness(100%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.widget > h4 {
   
    text-transform: capitalize;
}

@media (min-width: 992px){
	#page-menu.dots-menu {
		position: fixed;
		top:58%;
		left: auto;
		right: auto;
		width: 24px;
		line-height: 1.5;
		text-shadow: none;
		transform: translateY(-50%);
		z-index: 299;
	}
}

.flip-card-front::after, .flip-card-back::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.6;
    background-color: #00000054;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
}
.list-content-item{
	padding-top:10px;
}
.list-content-item li{
	display:flex;
	font-size:14px;
}
.list-content-item i{
	font-size:10px;
	padding-right:10px;
	color:#000;
	margin-top: 5px;
}
.bg-theme-custom-table{
	background:#223d7c;
}
.txt-warning{
	color:#f3be00;
}
.button{
	text-transform: capitalize;
}
.counter {
    font-size:55px;
}
.counter-section h5{
	font-size: 25px;
	text-transform: capitalize;
}
.min-vh-35 {
    min-height:35vh !important;
}
.sidebar-active >a, .sidebar-active li, .sidebar-active li::before, .sidebar-active{
    color: #223d7c !important;
}

.main-inner-active, .main-menu-color-active {
    color: #9aca3c!important;
}
.footer-menu-color-active {
    color: #fff!important;
    font-weight:bold;
}
.vertical-home-image {
    height:400px;
    width: 100%;
}
@media (min-width: 992px){
    .full-header .primary-menu .menu-container {
        padding-right: 0px!important;
        margin-right: 0.5rem;
        border-right: 1px solid #EEE;
    }
}
.header-misc {
    position: initial;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-left:-10px;
}
.fbox-outline .fbox-icon a {
    border: 1px solid #223d7c;
    padding: 0.25rem;
    border-radius: 50%;
}
#gotoTop {
    display: none;
    z-index: 599;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #223d7c;
    /*background-color: rgb(5 107 180);*/
    font-size: 1.25rem;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    border-radius: 2px;
}

.owl-carousel .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -36px;
    zoom: 1;
    width: 36px;
    height: 36px;
    line-height: 32px;
    color: #fff;
    background-color: #223d7c;
    font-size: 18px;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.side-tabs .tab-container{
    padding:10px 0 0 20px;
}
.bg-info{
    background:#223d7c!important;
}
.our_h_videos{
    height:350px;
    border-radius: 6px;
    margin-top:20px;
}
#slider .title-block {
    padding: 2px 0 3px 20px;
    border-left: 2px solid #9aca3c!important;
    margin-bottom: 30px;
}
.border-title-block p{
    padding: 2px 0 3px 20px;
    border-left: 2px solid #9aca3c!important;
    margin-bottom: 30px;
}
.megamenu_active a{
    display: flex;
}
.megamenu_active a > .inn_menu{
   border-left: 2px solid #9aca3c!important;
    
}
.megamenu_active a > .inn_menu div{
    padding-left:10px;
    color: #fff;
    font-weight: bold;
}
#footer.dark .title-block {
    padding: 2px 0 3px 20px;
    border-left: 2px solid #9aca3c!important;
    margin-bottom: 30px;
}
#footer.dark .fbox-content h3 {
    color: #000000;
}
.custom_ethic_bx_head{
    padding:40px 30px;
    text-align:center;
}
.custom_ethic_bx_body{
    padding:10px 30px;
    position: relative;
    z-index: 9;
    height:300px;
}
.custom_ethic_before::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    opacity:1;
}
.custom_ethic_bx_body .main-content{
    transform: translateY(0%);
    transition: all .4s ease;
    position: absolute;
    bottom:0px;
    left: 30px;
}
.custom_ethic_bx_body h3, .custom_ethic_bx_body .main-content h3{
    font-size:25px;
    font-weight: bold;
    color: #fff;
    margin-bottom:5px;
   
}
.custom_ethic_bx_body .hover-content {
    position: absolute;
    top: 20px;
    left: 30px;
    opacity: 0;
   
}
.custom_ethic_bx_body .hover-content h3, .video-section .title-bottom-border h3{
    width: 100%;
    padding: 0 0 0.75rem;
    border-bottom: 2px solid #e7eaed;
}
.video-section .title-bottom-border h3{
    font-size: 25px;
}
.custom_ethic_bx_body .hover-content h3{
    color: #fff;
    font-size:25px;
    line-height: 30px;
    display: block;
}
.custom_ethic_bx_body .hover-content p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    display: block;
    /*margin-top:65%; */
}
.main_custom_area:hover .custom_ethic_bx_body .hover-content {
    opacity: 1;
   
}
.main_custom_area:hover .custom_ethic_bx_body .main-content{
    opacity: 0;
}
.ethics_border_top{
    border-left:15px;
    border-left-style: solid;
}
.ethic_red{
    border-color:red;
}
.ethic_blue{
    border-color:#223d7c;
}
.ethic_green{
    border-color:#9aca3c;
}

.ethics_border_bottom{
    border-left:15px solid #fff;
    border-bottom:15px solid #fff;
    
    
}
.main_bx_img_area [class^=col-] > a{
    border-radius: 0px;
    height: 427px;
    width: 100%;
    padding: 0px;
    margin:0px;
}
.main_bx_img_area [class^=col-] > a::before{
    border-radius: 0px;
}
.video-section .video_icon_bx{
    display: flex;
    justify-content: flex-end;
    margin-top: -28px;
    font-size: 25px;
}
@media (min-width: 768px){
    .min-vh-md-100 {
        min-height: 90vh !important;
    }
}
.title-bottom-border .mini {
    width: 100%;
    padding: 0 0 0.75rem;
    border-bottom: 2px solid #9999999c;
}

.testimonial-12 {
    display: flex;
}
.testimonial-12 .testimonial-pic {
    padding: 10px;
    background: #dc3545bd;
    width: 200px;
    min-width: 200px;
    height: 200px;
    border: 0;
    margin: 30px -80px 30px 0;
}
.testimonial-pic {
    background: #FFF;
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    border: 5px solid #FFF;
}
.testimonial-12 .testimonial-pic img{
    margin-top: -30px;
    margin-left: 15px;
    height: 195px;
}
.testimonial-12 .testimonial-detail {
    background-color:#fff;
    padding: 50px 30px 50px 110px;
    color:#000;
}
.testimonial-12 h4.testimonial-name {
    font-size: 22px;
    margin-bottom: 5px;
    color: #dc3545bd;
}
.testimonial-name, .testimonial-position {
    display: block;
}
.testimonial-12 .testimonial-position {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
}
.testimonial-text {
    padding: 15px;
    position: relative;
    font-size: 15px;
    font-weight: 400;
}
.testimonial-12 .testimonial-text {
    padding: 0;
}
.testimonial-text p:last-child {
    margin: 0;
}
/*
.career_testimonial .owl-carousel .owl-dots, .career_testimonial .owl-carousel .owl-nav {
    text-align: right;
    -webkit-tap-highlight-color: transparent;
    line-height: 1;
    position: sticky;
    margin-top: -48px;
    padding-right: 30px;
}
.career_testimonial .owl-carousel .owl-nav [class*=owl-] {
    position: inherit!important;
    margin-left: 30px;
}
.career_testimonial .owl-carousel.owl-loaded {
    display: inherit;
}
.career_testimonial .owl-carousel {
    display: inherit;
} */
.carrer_form_section .form-control {
    border-radius: 20px;
    padding: 20px 20px;
    background-color: #ffffff94;
}
.carrer_form_section{
    overflow:hidden;
    position:relative;
}
.carrer_form_section{
    overflow:hidden;
    position:relative;
}
.carrer_form_section .bg-overlay, .carrer_form_section .bg-overlay-bg, .bg-overlay-content {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.2);
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.carrer_form_section .port_blank{
    max-width:400px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -160px;
    right: 135px;
    background-color: rgb(34 61 124);
    opacity: 1;
}
.carrer_form_section .portfolio-desc {
    position: relative;
    z-index: 6;
    top:66px;
    width:400px;
    height:100%;
    max-height:500px;
    padding:75px;
    background: #dc3545bd;
}
.btn-career{
    background:#9aca3c;
    padding:10px 50px;
    border-radius:20px;
}
.btn-career:hover{
    background:#9aca3c;
}
.tbl_ul_list{
    padding-left: 0px;
    margin-left: 15%;
}
.tbl_ul_list > li{
    border-bottom: 2px solid #9999999c;  
    display: block;
}
.time_list_section .story-timeline > .story-timeline-line {
    position: absolute;
    display: block;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 5px;
    border-radius: 0 0 6px 6px;
    background-image: linear-gradient(to bottom, #9aca3c 0%, #9aca3c 100%);
}
.time_list_section .story-timeline .story-timeline-dots {
    position: absolute;
    display: block;
    top: 0;
    left: 26px;
    z-index: 1;
    width: 26px;
    height: 36px;
    margin-left: -13px;
    background-image: linear-gradient(#df1f26 0%, #df1f26 100%);
    border: 6px solid #FFF;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: border-color .3s ease;
}
@media (min-width: 768px){
    .time_list_section .story-timeline > .story-timeline-line {
        left: 0%!important;
        transform: translateX(0%);
    }
    .time_list_section .story-timeline .story-timeline-dots {
        left: 0%;
        transform: translateX(90%);
        margin-left: 0;
    }
    
}
@media (max-width: 768px){
    .testimonial-12 {
        display: initial!important;
    }
    .testimonial-12 .testimonial-detail {
        background-color: #fff;
        padding: 10px;
        color: #000;
    }
}

.csr_effect_bx {
    position: relative;
}
.csr_effect_bx .csr_effect_image {
    position: relative;
    overflow: hidden;
}
.csr_effect_image > a, .csr_effect_image img {
    display: block;
    width: 100%;
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .csr_effect_image > a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.csr_effect_image > a, .csr_effect_image img {
    display: block;
    width: 100%;
}

.csr_effect_bx .csr_effect_image .bottom_heading{
    position: absolute;
    bottom: 10px;
    color:#fff;
    left: 10px;
    z-index: 5;
}
.csr_effect_bx .csr_effect_image .bg-overlay .bg-overlay-content{
    display: block;
}
.csr_effect_bx .csr_effect_image .bg-overlay .bg-overlay-content h4{
    margin-bottom: 10px;
    color:#fff;
}
.csr_effect_bx .csr_effect_image .bg-overlay .bg-overlay-content p{
    margin-bottom: 10px;
    color:#fff;
}
.csr_effect_bx:hover .csr_effect_image .bottom_heading{
    position: absolute;
    bottom: 10px;
    color:#fff;
    left: 10px;
    z-index: 5;
    opacity:0.7;
}
.pt-menu li{
    list-style: none;
    float: left;
    margin: 0px 5px 0px;
}
.pt-menu li a{
    color: rgb(255 255 255 / 73%);
    text-decoration: none;
}