@font-face {
    font-family: 'Hind';
    src: url('../fonts/Hind-Bold.eot');
    src: url('../fonts/Hind-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hind-Bold.woff') format('woff'),
        url('../fonts/Hind-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/Hind-Regular.eot');
    src: url('../fonts/Hind-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hind-Regular.woff') format('woff'),
        url('../fonts/Hind-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff'),
        url('../fonts/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.eot');
    src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff'),
        url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

	* {
	 -webkit-appearance: none;
	}

	body,
	p,
	h1,
	h2,
	h3,
	h4,
	h5 {
	    margin: 0;
	    padding: 0;
	}
	h1,
	h2,
	h3,
	h4,
	h5 {
		font-weight: normal;
	}
	ul {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	input:focus, button:focus {
		outline: none;
	}
	textarea:focus {
		outline: none;
	}
	body {
	    color: #000;
	    font-family: 'SF Pro Display';
	    font-size: 14px;
	    margin: 0 auto;
	    width: 100%;
	}
	*, :before, :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	
	.container {
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
	}
.top-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.top-container .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 45px;
}
.logo-container img {
    display: block;
}
header {
/*     background: #FFFFFF url(../images/bg_logo.svg) center no-repeat; */
	background: url("https://nexusgulf.tech/bg.jpeg") no-repeat center center;
	background-size: cover; 
    color: #131619;
    text-align: center;
    min-height: 700px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99;
    height: 100vh;
}
.header-container a img {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    top: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.header-container a {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.04em;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 45px;
}
.header-container a:before {
    position: absolute;
    content: '';
    width: 110px;
    height: 110px;
    background: url(../images/shadow.png) no-repeat;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -60%;
}
.header-container a:hover img {
    top: 5px;
}
.name-site {
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.04em;
    max-width: 60%;
    margin: 0 auto;
    font-size: 38px;
    line-height: 50px;
}
.name-site span {
    font-weight: bold;
}
.txt-n {
    color: #FFFFFF;
}
.btn {
    font-weight: normal;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #131619;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 222px;
    height: 51px;
    border: 1px solid #000000;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.btn_n {
    font-weight: normal;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 222px;
    height: 51px;
    border: 1px solid #C30018;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.btn:hover {
    background: #ff8c00;
}
#productive {
    background: #F2F2F2;
    color: #131619;
    padding-top: 105px;
    padding-bottom: 15px;
}
.productive-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.productive-left {
    max-width: 385px;
}
.productive-left p {
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.04em;
    margin-bottom: 45px;
}
.productive-left > span {
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.04em;
}
.productive-right {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 765px;
    justify-content: space-between;
}
.productive-img img {
    display: block;
    margin: 0 auto;
}
.productive-img {
    min-height: 75px;
    margin-bottom: 15px;
}
.productive-box p {
    font-weight: normal;
    font-size: 23px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.04em;
}
.productive-box {
    width: 33%;
    text-align: center;
    margin-bottom: 120px;
}
#parentVerticalTab {display: flex !important;flex-wrap: wrap;align-items: flex-start;}
#services {
    background: #ff8c00;
    color: #fff;
}
.resp-tabs-list li > span {
    padding: 30px 0;
    display: block;
    background: #ff8c00;
    position: relative;
}
.resp-tab-active > span:before {
    position: absolute;
    content: '';
    width: 200%;
    height: 15px;
    right: 0;
    top: 0;
    background: linear-gradient(to top, rgb(254 252 234 / 0%), #ffffff38);
    z-index: 9;
}
.resp-tab-active > span:after {
    position: absolute;
    content: '';
    width: 200%;
    height: 15px;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgb(254 252 234 / 0%), #ffffff38);
    z-index: 9;
}
.resp-vtabs .resp-tabs-list li:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 100%;
    right: -15px;
    top: 0;
    background: linear-gradient(to left, rgb(254 252 234 / 0%), #ffffff38);
    z-index: 9;
}
.resp-vtabs li.resp-tab-active:before {
   display: none;
}
.resp-vtabs li.resp-tab-active:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 0;
    right: -10px;
    background: linear-gradient(to top left, rgb(254 252 234 / 0%), #ffffff38);
}
.resp-vtabs li.resp-tab-active:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    bottom: 0;
    right: -10px;
    background: linear-gradient(to bottom left, rgb(254 252 234 / 0%), #ffffff38);
    display: block !important;
    top: initial;
}
.resp-tab-active > span span:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 12px;
    background: url(../images/arrow2.png) no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -55px;
}
.resp-tab-active > span span {
    position: relative;
}
ul.resp-tabs-list p {
    font-weight: bold;
    font-size: 34px;
    line-height: 41px;
    letter-spacing: 0.04em;
    margin: 0;
    padding: 25px 0;
}
#apps {
    background: #FFFFFF;
    color: #131619;
    padding-top: 55px;
    padding-bottom: 75px;
}
.zag {
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0.04em;
    margin-bottom: 35px;
}
.resp-tab-content p {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.04em;
    margin-bottom: 25px;
}
.zag-min {
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.04em;
    margin-bottom: 55px;
}
#apps .zag-min {
    max-width: 840px;
}
.apps-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    text-align: center;
}
.apps-box p {
    font-weight: normal;
    font-size: 21px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.04em;
    margin-top: 15px;
}
#industries {
    background: #F2F2F2;
    color: #131619;
}
.industries-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.industries-box {
    width: 33.3333%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    cursor: pointer;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	position: relative;
}
.industries-text {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.industries-box:hover .industries-text {
    opacity: 1;
}
.industries-box > p {
    font-weight: normal;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0.04em;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 1;
    max-width: 60%;
}
.industries-box:hover > p {
    opacity: 0;
}
.industries-box:nth-child(1) {
    order: 1;
	cursor: initial;
}
.industries-box:nth-child(2) {
    order: 0;
}
.industries-box:nth-child(3) {
    order: 2;
}
.industries-box:nth-child(4) {
    order: 3;
}
.industries-box:nth-child(5) {
    order: 4;
}
.industries-box:nth-child(6) {
    order: 5;
}
.industries-box:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}
.industries-box:nth-child(1) > p {
    font-weight: bold;
    font-size: 32px;
    line-height: 51px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #ff8c00;
	opacity: 1 !important;
}
.industries-text p {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.04em;
	max-width: 250px;
}
.industries-box:nth-child(1):hover {
    box-shadow: none;
}
#busines {
    background: #FFFFFF;
    color: #131619;
    padding-top: 50px;
    padding-bottom: 45px;
}
.busines-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.busines-left {
    max-width: 445px;
}
.busines-left .zag {
    position: relative;
    padding-bottom: 75px;
    margin-bottom: 70px;
    font-size: 28px;
    line-height: 45px;
}
.busines-left .zag:before {
    position: absolute;
    content: '';
    width: 280px;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #2F2B83;
}
.busines-box p {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.04em;
}
.busines-box p span {
    font-weight: bold;
}
.busines-right {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 650px;
    margin-left: auto;
    justify-content: space-between;
}
.busines-boxing:nth-child(5n) {
    margin-right: 0;
}
.busines-img img {
    display: block;
}
.busines-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #131619;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 7px;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.busines-boxing p {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.5);
}
.busines-boxing {
    text-align: center;
    margin-bottom: 55px;
    width: 20%;
	cursor: pointer;
}
.busines-boxing:hover .busines-img {
    background: #C30018;
    border: 1px solid #C30018;
}
.busines-boxing.active .busines-img {
    background: #ff8c00;
    border: 1px solid #ff8c00;
}
.busines-text {
    display: none;
}
.busines-text.active {
    display: block;
}
#way {
    background: #ff8c00;
    color: #fff;
    padding-top: 55px;
    padding-bottom: 100px;
}
#way .zag {
    text-align: center;
    margin-bottom: 50px;
}
.way-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    max-width: 1015px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 200px;
}
.way-boxing > p {
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.7);
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.way-kub p {
    font-weight: bold;
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0.04em;
    color: #FFFFFF;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.way-kub {
    background: #cf7200;
    border: 1px solid #FFFFFF;
    width: 80px;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	position: relative;
}
.way-box:hover .way-kub {
    background: #fff;
}
.way-box:hover .way-kub p {
    color: #000;
}
.way-box {
    cursor: pointer;
    min-width: 135px;
}
.way-box.active .way-kub {
    background: #fff;
}
.way-box.active .way-kub p {
    color: #000;
}
.way-box:hover .way-kub {
    background: #fff;
}
.way-box.active .way-kub {
    background: #fff;
    width: 90px;
    height: 90px;
    top: -5px;
    margin-bottom: 5px;
}
.way-row:before {
    position: absolute;
    content: '';
    width: 80%;
    height: 2px;
    background: #fff;
    left: 0;
    right: 0;
    margin: auto;
    top: 40px;
}
.way-text {
    max-width: 610px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    opacity: 0;
    background: #ff8c00;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.way-text.active {
    opacity: 1;
}
.way-text p {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.04em;
}
input[type="text"]::-webkit-input-placeholder {color:#13161980;}
input[type="text"]::-moz-placeholder          {color:#13161980;}
input[type="text"]:-moz-placeholder           {color:#13161980;}
input[type="text"]:-ms-input-placeholder      {color:#13161980;}
footer {
    background: #F2F2F2;
    color: #131619;
    padding-top: 50px;
    padding-bottom: 0;
}
.footer-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.footer-text {
    width: 375px;
}
.footer-text .zag-min {
    margin-bottom: 25px;
}
.footer-form {
    width: 685px;
    margin-left: auto;
}
input[type="text"] {
    width: 100%;
    background: transparent;
    border: 1px solid #ccc;
    padding-left: 20px;
    height: 50px;
    margin-bottom: 25px;
    font-size: 16px;
    letter-spacing: 0.04em;
	color:#13161980;
}
.footer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.footer-row input[type="text"] {
    width: 330px;
}
textarea {
    width: 100%;
    background: transparent;
    border: 1px solid #ccc;
    padding-left: 20px;
    height: 150px;
    margin-bottom: 25px;
    font-size: 16px;
    letter-spacing: 0.04em;
    padding-top: 15px;
    color: #fff;
    resize: none;

}
button.btn {
    background: #ff8c00;
    cursor: pointer;
    margin-top: 35px;
}
button.btn:hover {
    background: transparent;
}
button.btn_n {
    background: #c30018;
    cursor: pointer;
    margin-top: 35px;
}
button.btn_n:hover {
    background: transparent;
}
ul.resp-tabs-list p {
    position: relative;
}
ul.resp-tabs-list p:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 100%;
    right: -15px;
    top: 0;
    background: linear-gradient(to left, rgb(254 252 234 / 0%), #ffffff38);
    z-index: 9;
}
.services-container > p {
	display: none;
}
.icon {
	display: none;
}
.more-btn {
	display: none;
}
.footer-bottom p a {
    color: #fff;
    text-decoration: none;
}
.footer-bottom {
    background: #131619;
    text-align: center;
    margin-top: 45px;
    padding: 25px 0;
}
.active .way-boxing > p {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
.footer-boxing p {
    font-size: 14px;
    text-align: left;
    line-height: 24px;
}
.footer-left {
    width: 30%;
    text-align: left;
}
.footer-right {
    width: 30%;
    text-align: left;
}
.footer-right br {
    display: none;
}
.footer-boxing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.footer-boxing .logo-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.switcher {
	position: relative;
	margin-right: 10px;
	margin-left: auto;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.25;
	text-transform: uppercase;
	text-align: center;
}

.switcher > a {
	display: block;
	padding: 10.5px 10px;
	color: #191919;
	text-decoration: none;
}

.switcher > a::after {
	display: inline-block;
	margin-left: 8px;
	border-left: 4px solid transparent;
 	border-right: 4px solid transparent;
	border-top: 4px solid #2F2B83;
	vertical-align: middle;
	content: '';
}

.switcher-dropdown {
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	width: 80px;
	transform: translateX(-50%);
}

.switcher.open .switcher-dropdown {
	display: block;
}

.switcher-dropdown > a {
	display: block;
	padding: 5px 8px;
	background-color: #131619;
	color: #fff;
	text-decoration: none;
}