h2{/*margin-bottom: 60px !important;*/}
h4{font-size: 21px !important;text-transform: uppercase;margin-bottom: 30px;}
h5{font-size: 16px !important;text-transform: uppercase;}

span.spo > span {padding-bottom: 10px;}

section.about-sec-hero{color:#ffffff;padding: 180px 0vh 100px 0vh;position: relative;background: url("background-gray.jpg") #1b1a1d no-repeat top center;background-size:cover;}
 
section.about-sec-01{padding: 30px;position:relative;}
section.about-sec-01:before{content:"";position:absolute;left:30px;top:30px;width:calc(50% - 30px);height:calc(100% - 60px);background:#ececec;}
section.about-sec-01 h3{font-size: 44px;margin: 0px;}

section.about-sec-01 .about-services-nav{}
section.about-sec-01 .about-services-nav:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 40%;background: #f7f7ff;z-index: 9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+99&1+0,0.9+100 */
	background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(236,236,236,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(236,236,236,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%, rgba(236,236,236,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
}

section.about-sec-01 .about-services-nav:after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: #f7f7ff;z-index: 9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+99&0.9+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(236,236,236,0.9) 0%, rgba(236,236,236,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(236,236,236,0.9) 0%, rgba(236,236,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(236,236,236,0.9) 0%, rgba(236,236,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
section.about-sec-01 .about-services-nav .abt_ser-tab{padding: 25px 0px;}
section.about-sec-01 .about-services-nav .abt_ser-tab h3{}

section.about-sec-01 .about-services-for{}
section.about-sec-01 .about-services-for .abt_ser-content{height: 90vh;position: relative;}
section.about-sec-01 .about-services-for .abt_ser-content img{width:100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.about-sec-02{padding: 150px 0px 150px 0px;position:relative;z-index:2;}
.about-sec-02:before{content:"";position:absolute;bottom:0;left:0;width: 76%;height: 75vh;background:#f7f7f7;mix-blend-mode: darken;z-index: 3;}
.about-sec-02 h2{margin-top:100px;margin-bottom:50px;}
.about-sec-02 .lw_thumbs{overflow:hidden;}
.about-sec-02 .card-tilt_box{box-shadow:none;}
.about-sec-02 .abt-office-01{}
.about-sec-02 .abt-office-02{margin-top:80px;}
.about-sec-02 .abt-office-03{}
.about-sec-02 .abt-office-04{margin-top:180px;}

.about-sec-03{padding: 150px 0px 150px 0px;}
.about-sec-03 h2.heading-04{margin-bottom:80px;}


/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target {background:#FFF;padding: 8%;display: flex;align-content: space-between;flex-direction: column;justify-content: space-between;}
.accordion section:target:hover {}
.accordion section:target h2 {width:100%;font-size: 50px;margin-bottom:30px;}
.accordion section:target h2 a{color:#ffffff;padding:0;}
.accordion section:target p {color:#ffffff;display:block;}
.accordion section h2 a{padding:8px 10px;display:block;/* font-size: 36px; */font-weight:normal;color:#eee;text-decoration:none;}

/*set style of closed slide*/
.accordion.horizontal {display: flex;justify-content: center;}
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; background: #333; margin:3px; }
.accordion section:hover {background:#444;}
.accordion section p {display:none;font-size: 24px !important;margin-bottom: 0px !important;}
.accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
/*
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}
.accordion section:nth-child(5):after{content:'5';}
.accordion section:nth-child(6):after{content:'6';}
.accordion section:nth-child(7):after{content:'7';}
*/
.accordion section:nth-child(1){background:#8200ff;}
.accordion section:nth-child(2){background:#fd676e;}
.accordion section:nth-child(3){background:#d4b610;}
.accordion section:nth-child(4){background:#db00a0;}
.accordion section:nth-child(5){background:#0489e8;}
.accordion section:nth-child(6){background:#3a3a39;}
.accordion section:nth-child(7){background:#38b9db;}


/*End General Accordion *********************************************************************/

/*Horizontal Accordion *********************************************************************/
.horizontal section{width: 9%;height: 440px;-moz-transition:width 0.2s ease-out;-webkit-transition:width 0.2s ease-out;-o-transition:width 0.2s ease-out;-ms-transition:width 0.2s ease-out;transition:width 0.2s ease-out;}
/*Position the number of the slide*/
.horizontal section:after{top:140px;left:15px;}
/*Header of closed slide*/
.horizontal section h2 {-webkit-transform: rotate(270deg);-moz-transform:rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);width: 340px;position:relative;left: -100px;top: 180px;font-size: 36px;} 
/*On mouse over open slide*/
.horizontal :target{width: 43%;height: 440px;}
.horizontal :target h2{top:0px;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

/*End Horizontal Accordion *********************************************************************/



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {

	section.about-sec-hero{padding:180px 0vh 60px 0vh}
	section.about-sec-hero h4{}
	section.about-sec-hero h2{font-size:26px !important;}
	
	section.about-sec-01:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:50%;background:#ececec;}
		
	section.about-sec-01 h3{font-size:21px;margin-bottom:20px;}
	
	section.about-sec-01 .about-services-nav{}
	section.about-sec-01 .about-services-nav:before,
	section.about-sec-01 .about-services-nav:after{display: none;}
	section.about-sec-01 .about-services-nav .abt_ser-tab{padding:0px;}
	section.about-sec-01 .about-services-nav .abt_ser-tab h3{font-size:30px;}
	section.about-sec-01 .about-services-for .abt_ser-content{height:400px !important;}
	
	section.about-sec-02{padding:60px 0px 60px 0px;}	
	section.about-sec-02{}
	section.about-sec-02 h2,
	section.about-sec-02 p{font-size:24px;margin:10px 30px!important;}
	
	.about-sec-02 .abt-office-01{margin-bottom:30px}
	.about-sec-02 .abt-office-02{margin-top:30px}
	.about-sec-02 .abt-office-04{margin-top:30px}
	
	.about-sec-03{padding:40px 0px 80px 0px;}
	.about-sec-03 h2.heading-04{margin-bottom:30px;}

	.accordion.horizontal{flex-direction: column;}
	.horizontal section{width: 100% !important;height: 110px;padding: 5%;}
	.horizontal h2{font-size: 30px !important;top: 0px !important;left: 0px !important;-webkit-transform: rotate(0deg) !important;-moz-transform: rotate(0deg) !important;-o-transform: rotate(0deg) !important;-ms-transform: rotate(0deg) !important;transform: rotate(0deg) !important;}
	.horizontal :target{width: 100% !important;height: 370px;}
	
	
}