/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/
body {
	font-family: Inter;
	line-height: 26px;
	font-size: 16px;
}
section .container {
	max-width: 1190px;
}
.sticky-header {
    border-bottom: 1px solid #1e1e1e;
	background: #000;
}
header li.current-menu-item > a {
    color: #f58220;
}
.black-bg {
	background-color: #000;
}

.orange-button {
	background-color: #F58220;
	color: #fff;
	padding: 8px 30px;
}

.rounded-btn {
	border: none;
	border-radius: 100px;
}

.orange-text {
	color: #F69120;
}

.banner-section h1 {
	font-size: 64px;
	margin-bottom: 30px;
	line-height: 64px;
	font-weight: 700;
	color: #fff;
}
h2 {
	font-size: 48px;
	font-weight: 600;
}
h3 {
	font-size: 32px;
	font-weight: 600;
}
.light-grey {
	color: #9B9CA1;
}

.text-white h2 {
	color: #fff;
}
.light-grey p {
	font-size: 18px;
}
.banner-section p {
	max-width: 900px;
	margin: auto;
}

.subs-form form input[type="email"] {
    background: #fff;
    border-radius: 100px;    
    padding: 15px 25px;
    border-right-style: none;
    border: 1px solid #fff;
}

.subs-form form input.submit-btn {
    background: #F69120;
    color: #fff;
    border: none;
    padding: 9px;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 1);
    margin-top: 7px;
}
.subs-form form input.submit-btn:focus {
	outline: none;
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 1);
}
.btn-control {
    right: 0;
    border-radius: 100px;
}
.width-100 {
	width: 100%;
}

.h-card {
	border-radius: 24px;
	padding: 40px;
	border:1px solid #222222;
}

.sprite-dot {
    background-image: url(assets/images/dotted.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.dark-grey {
	background-color: #171717;
}
.br-24 {
	border-radius: 24px;
}
.br-30 {
	border-radius: 30px;
}
.pl-5 {
	padding-left: 50px !important;
}

.bottom-subs-form .wpcf7 {
	margin-left: 0 !important;
}

#wrapper-footer i.fa-brands {
    width: 30px;
    height: 30px;
    background: #4B4B4B;
    margin-right: 10px;
    text-align: center;
    padding: 7px;
    border-radius: 100px;
}

.footer-subs-form input {
	height: 50px;

}
.footer-subs-form input[type="email"] {
	border-radius: 6px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border:none;
	background-color: #242424;
	color: #fff;
}
.footer-subs-form input[type="submit"] {
	border-radius: 6px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #F58220;
	border:1px solid #F58220;
	color:#fff;

}
.footer-sm a {
	color: #fff;
}
.footer-sm a .fa-brands:hover {
	background-color: #F69120 !important;
}
#wrapper-footer h4 {
	font-size: 18px;
}
.footer-menu ul {
	list-style: none;
	padding: 0;
}
.footer-menu ul > li a{
	text-decoration: none;	
	font-size: 18px;
	color: #fff;
}
.footer-menu ul.sub-menu {
	padding-top: 15px;
}

.footer-menu ul.sub-menu li {
	padding-bottom: 7px;
}
.footer-menu ul.sub-menu li a {
	color: #9B9CA1;
	text-decoration: none;	
}
.company-page.sprite-dot {
	padding-bottom:200px !important
}
/* GLOBAL */
.banner-top.innerpage h1 {
	font-size: 64px;
	font-weight: 700;
}
.banner-top.innerpage .page-title p {
	font-size: 20px;
	color: #CFCFD0;
}
.services-tab .nav-tabs .nav-link.active {
	background-color: #F69120 !important;
	border: 1px solid #f69120 !important;
	border-radius: 100px;
	color: #fff;
}
.services-tab .nav button {
	padding: 8px 20px 8px 40px;
	border-radius: 100px !important;
	background-color: #343434 !important;
	border: none ;
	color: #fff;
	font-size: 14px;
}
.services-tab button:hover {
	color: #fff;
	background-color: #f69120 !important;
}
#servicesTabs {
	margin-bottom: 45px;
	border-bottom: none;
}
.tab-inside-box-content h2 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 48px;
	line-height: 54px;
}
.services-tab-text p {
	font-size: 16px;
	line-height: 24px;
	color: #CFCFD0;
}

div#servicesTabsContent .dark-box-wraper, .dark-box-wraper  {
   border-radius: 24px;
   border: 1px solid #1c1c1c;
	background: rgb(3,5,6);
	background: -moz-linear-gradient(320deg, rgba(3,5,6,1) 0%, rgba(18,18,18,1) 100%);
	background: -webkit-linear-gradient(320deg, rgba(3,5,6,1) 0%, rgba(18,18,18,1) 100%);
	background: linear-gradient(320deg, rgba(3,5,6,1) 0%, rgba(18,18,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#030506",endColorstr="#121212",GradientType=1);   
    margin: auto;
}
section.banner-top.services-page {
    height: 800px;
}
.tab-content-option {
    position: relative;
    width: 100%;
    margin-top: -470px;	
}
.container-full-width h2 {
	font-size: 32px;
	line-height: 34px;
}
.content-text-services h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.content-text-services {
    max-width: 1030px;
    margin: auto;
}
.content-text-services p {
	margin-bottom: 20px;
}
.icon-content {
	max-width: 975px;
}
.rounded-list .list-box {
	background-color: #343434;
    color: #C5EFCB;
    border-radius: 20px;
    font-size: 12px;
	line-height:18px;
    padding: 10px 14px 10px 30px;
}
.rounded-list .list-box:before {
    content: url(assets/images/green-check.svg);
    margin-left: -20px;
    margin-right: 6px;
    position: relative;
    top: 2px;
}
#servicesTabsContent #mobile-app {
    margin-bottom: 80px;
}
h2.fs-48 {
	font-size: 48px !important;
}
.icon-box-options {
    padding: 30px;
    background: red;
    background: rgb(239, 243, 249);
    background: -moz-linear-gradient(100deg, rgba(239, 243, 249, 1) 0%, rgba(239, 243, 249, 0) 100%);
    background: -webkit-linear-gradient(100deg, rgba(239, 243, 249, 1) 0%, rgba(239, 243, 249, 0) 100%);
    background: linear-gradient(100deg, rgba(239, 243, 249, 1) 0%, rgba(239, 243, 249, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff3f9",endColorstr="#eff3f9",GradientType=1);
    border-radius: 20px;
    border: 1px solid #A7AEB916;
        height: 100%;
}
button#wireless-system-tab:before {
    content: ""url(assets/images/sprite/wifi-icon.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;    
}
button#embbeded-services-tab:before {
    content: ""url(assets/images/sprite/gear-icon.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;	
}
button#networking-tab:before {
    content: ""url(assets/images/sprite/networking-icon.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;	
}
button#iot-tab:before {
    content: ""url(assets/images/sprite/iot-icon.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;	
}
button#ai-tab:before {
    content: ""url(assets/images/sprite/microchip-icon.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;	
}
button#mobile-cloud-tab:before {
    content: ""url(assets/images/sprite/mobile-cloud-icon.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;	
}
button#test-engineering-tab:before {
    content: ""url(assets/images/sprite/user-tie.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;	
}
button#hardware-tab:before {
	content: ""url(assets/images/sprite/computer-classic.svg)"";
    margin-left: -20px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.resources-content img {
	border-radius: 15px;
	width:100%;
}
.resources-content h2 {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;	
}
.resources-card  {
	border-radius: 20px;
	padding: 25px;
	border: 1px solid #1c1c1c;
	height: 460px;
}
.box-content-off {
	border: 1px solid #F58220;
}
section.box-content {
    margin-top: -150px;
}
.content-text-pages h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.content-text-pages .icon-box-options img {
	margin-bottom: 15px;
}
.team-section h2 {
	font-size: 64px;
	line-height: 64px;
	color: #fff;
	font-weight: 700;
}
.team-wrapper {
    border: 1px solid #1c1c1c;
    border-radius: 24px;
}
.adc-prog-wrapper {
    border-radius: 20px;
    padding: 30px;
    height: 340px;
    border: 1px solid #1c1c1c;
}
.team-wrapper h3 {
	font-size: 20px;
	line-height: 38px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
	margin-top: 10px;
}
.adc-prog-wrapper img {
	margin-bottom: 15px;
	    width: 81px;
}
.services-tab-text h3 {
	font-size: 26px;
	color: #fff;
}
.team-wrapper.position,.fs-24 {
	font-size: 24px;
}
.gradient-effect {
    background: rgb(3, 5, 6);
    background: -moz-linear-gradient(320deg, rgba(3, 5, 6, 1) 0%, rgba(18, 18, 18, 1) 100%);
    background: -webkit-linear-gradient(320deg, rgba(3, 5, 6, 1) 0%, rgba(18, 18, 18, 1) 100%);
    background: linear-gradient(320deg, rgba(3, 5, 6, 1) 0%, rgba(18, 18, 18, 1) 100%);	
}
.career-top h2 {
	font-size: 64px;
	line-height: 64px;
}
.career-content {
    border-radius: 20px;
    padding: 20px 30px;
}
.career-content h3 {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 0;
}
.orange-text a {
    color: #F69120 !important;
    text-decoration: none;
}
.form-wrapper {
    background-color: #151313;
    padding: 40px;
    border-radius: 20px;
       border: 1px solid #1c1c1c;
}
.form-wrapper input {
	background-color: #1D1C1C;
	border-radius: 6px;
}
.form-wrapper input:focus, .form-wrapper textarea:focus{
	outline: none !important;
	box-shadow: none !important;
}
.form-wrapper input, .form-wrapper textarea {
    background-color: #1D1C1C !important;
    border-radius: 6px !important;
    padding: 20px 25px !important;
    border: none !important;
    color:#fff !important
}
.form-wrapper textarea {
	height: 245px;
}

.wpcf7-response-output {
    color: #fff;
}
.g-map img {
    width: 20px;
}
.mapswrapper {
    margin-bottom: 25px;
}
.mapswrapper iframe {
    border-radius: 13px;
}
.g-map {
    padding: 25px;
    border-radius: 20px;
    border: 1px solid #1c1c1c;    
}
.form-wrapper input::placeholder, .form-wrapper textarea::placeholder {
    color: #fff !important; /* Replace with your desired color */
    opacity: 1; /* Ensure the color is fully visible */
}
input.form-submit {
    background: #f58220 !important;
    color: #fff !important;
    font-size: 26px !important;
}
.fw-600 {
	font-weight: 600;
}
.workflow-box {
	text-align: center;
}

.workflow-content {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.workflow-box.dashed-line {
    padding: 10px;
    border: 1px #F69120 dashed;
    border-radius: 5px;
    background-color: transparent;
}
.workflow-box {
    padding: 10px;
    color: #fff;
    border-radius: 5px;    
}

.workflow-box.orange-box-lighter {
	background-color: #FBB173;
}
.workflow-box.orange-box-light {
	background-color: #FF9C47;
}
.workflow-box.orange-box {
	background-color: #F58220;
}
.important-element {
	color: #F69120 !important;
}
.v-hidden {
	visibility: hidden;
}
.pb-200 {
	padding-bottom: 200px;
}
.float-left {
	float: left;
}

.content-text-pages.embedded-page h2, .box-wrapper-embedded h2 {
	margin-bottom: 25px;

}
.box-wrapper-embedded h2 {
	font-size: 24px;
	line-height: 32px;
}
.box-wrapper-embedded h3 {
	font-size: 24px;
	line-height: 32px;	
}
.box-wrapper-embedded .embedded-page {
/*    max-width: 1100px;*/
    margin: auto;
}
.dark-box-content h2 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 25px;
}
.dsp-box {
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    border: 1px solid #1c1c1c;
}
.dsp-box img {
	margin-bottom: 15px;
}
.wpcf7-response-output {
   color: #fff;
   text-align: center;
	    border: none !important;
	margin:0 !important
}

form input.wpcf7-submit:hover {
	background: #F69120 !important;
	border:none
}
header a.dropdown-item:hover {
    background: #f58220;
    color: #fff;
}
#wrapper-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    /* padding-bottom: 88px !important; */
}
.banner-top, .banner-section {
    padding-top: 120px !important;
}

/* CAREER ACCORDION */
.career-section .accordion-item, .career-section button.accordion-button {
	border-radius:20px !important;
}

.career-section .accordion-button {
    background-color: #222; /* Match your black background */
    color: #fff;
    font-weight: bold;
}

.career-section .accordion-button:hover {
    background-color: #333; /* Slightly lighter for hover effect */
    color: #fff;
}


.orange-text span {
    color: #ff6600; /* Keep your orange styling */
}

.career-section .accordion-body {
    background-color: #000; /* Maintain consistent dark theme */
    color: #fff;
    padding: 0 30px 30px 30px;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
.career-section button.accordion-button {
    background-color: #000 !important;
}
.career-section button.accordion-button {
    color: #fff !important;
    box-shadow: none;
    padding: 30px;        
}
.accordion-button::after {
	position: absolute;
    right: 30px;
}
.career-section .accordion-button:not(.collapsed)::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F69120'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat center center;
    background-size: contain; /* Ensures the SVG fits within the container */
}
.accordion-button::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F69120'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat center center;
    background-size: contain;
}
.accordion-header span {
	font-weight: 500;
}
.career-section button.accordion-button:focus {
    box-shadow: none;
    outline: none;
}
.icon-box-options img {
    width: 51px;
}
.contact-form-btm .submit-btn {
    background: #f58220 !important;
    color: #fff !important;
    border: none !important;
}
.contact-form-btm input {
    border-radius: 20px !important;
    padding: 8px 15px !important;
}
.dark-box-content-list h2 {
	font-size: 48px;
}
.light-gray-box-wraper {
	background: rgb(239,243,249);
	background: linear-gradient(320deg, rgba(239,243,249,1) 0%, rgba(239,243,249,0.6251750700280112) 35%);
	border-radius: 20px;
	border: 2px solid #A7AEB916;
}
.container-fluid-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;	
}


/* MOBILE */
@media (min-width:992px) {
	.embedded-page .pl-0:first-child {
		padding-left: 0;
	}
	.botton-end {
		bottom:30px;
		position: absolute;
	}		
}
@media (max-width:991px) {
	.resources-card {
	    border-radius: 20px;
	    padding: 25px;
	    border: 1px solid #1c1c1c;
	    height: auto;
	}	
	h2.fs-48 {
	    font-size: 32px !important;
	    line-height: 36px !important;
	}	
	.embedded-page .pl-0 {
		padding-left: 0;
		padding-right:0;
	}	
	.company-page.sprite-dot {
	    padding-bottom: 0 !important;
		display:none
	}	
	ul#main-menu .nav-link {
	    font-size: 24px;
	    padding: 10px 0;
	}	
	.pl-5 {
	    padding-left: 20px !important;
	}
	section.box-content {
		margin-top: 40px;
	}
	.sprite-dot {
		padding-bottom: 40px !important
	}
	.offcanvas-body, .offcanvas-header {
	    background: #171717;
	}	
}

@media (max-width:767px) {
	.banner-section h1 {
	    font-size: 48px;
	    margin-bottom: 30px;
	    line-height: 52px;
	    font-weight: 700;
	    color: #fff;
	}	
	h3 {
		font-size: 28px;
	}
	.adc-prog-wrapper {
    	height: auto;
	}

	.form-wrapper {
		padding: 20px;
	}
	.banner-top.innerpage h1 {
	    font-size: 36px;
	    font-weight: 700;
	}
	.banner-top.innerpage .page-title p {
	    font-size: 16px;
	}	
	.services-tab button {
	    padding: 5px 20px 5px 40px;
	}	
	h2 {
		font-size: 24px !important;
		line-height: 30px !important;
	}		
}
@media (max-width:575px) {
	.btn-control {
		position: relative !important;
	}
	.subs-form form input.submit-btn {
		box-shadow: none;
		padding: 15px;
	}

	.h-card p {
		text-align: center !important;
	}
}

section.banner-section:before {
    content: url(assets/images/round-gradient.png);
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.rounded-ico .adc-prog-wrapper img {
	background: #1F1F1F;
    width: 90px;
    height: 90px;
    padding: 22px;
    border-radius: 100px;
}
.page-template-privacy-policy #wrapper-navbar {
    background: #000;
    /* margin-bottom: 100px; */
}
.privacy-policy-wrapper {
    padding-top: 100px;
}
.privacy-policy-wrapper h2 {
    font-size: 28px;
}
.privacy-policy-wrapper {
	margin-bottom:70px
}
.privacy-policy-wrapper h1 {
	text-align:center;
	margin-bottom:50px
}