:root{
--primary:#F58634;
--secondary:#1C425C;
--text : #020D26;
--text-light : #3F485D;
--white : #ffffff;
--dark : #000000;
--light :#F6F6F6;
--inter : "Inter", sans-serif;
--poppins : "Poppins", sans-serif;
--plus : "Plus Jakarta Sans", sans-serif;
}
body{
margin: 0;
font-family: "Rubik", sans-serif;
font-size: 16px;
line-height: 140%;
overflow-x: hidden;
}
a {
color: var(--primary);
text-decoration: none !important;
transition: all 0.4s;
}
a:hover {
color: var(--text);
text-decoration: none;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
p {
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: var(--text);
}
p:last-child {
margin-bottom: 0;
}
::selection {
color: var(--white);
background: var(--primary);
}
img {
max-width: 100%;
width: auto;
height: auto;
z-index: 1;
}
html .container {
max-width: 1520px;
width: 100%;
padding: 0px;
}
section {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.title h3 {
font-size: 48px;
font-weight: 600;
line-height: 54px;
text-transform: uppercase;
color: var(--secondary);
}
.title p{
font-size: 18px;
line-height: 24px;
}
html .btn{
height: 52px;
line-height: 18px;
padding: 0px 38px;
background-color: rgba(198, 205, 217, 1);
box-shadow: 0px 6px 25px -14px rgba(0, 0, 0, 0.16);
font-size: 16px;
font-weight: 700;
color: var(--secondary);
border-radius: 0px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
border: 0px;
}
html .btn:hover,
html .btn:focus,
html .btn:active{
background-color: var(--white);
box-shadow: 0 0 40px -10px var(--primary) !important;
color: var(--primary);
}
html input.form-control,
html select.form-control,
html textarea.form-control{
height: 50px;
background-color: var(--white);
border: 1px solid #E0E0E0;
padding: 0px 26px;
font-size: 14px;
color: var(--secondary);
border-radius: 0px;
}
html textarea.form-control{
height: 186px;
padding: 16px 26px;
}
html input.form-control::placeholder{
color: #4D5765;
}
html input:focus,
html select:focus,
html textarea:focus {
box-shadow: unset !important;
border: 1px solid #E0E0E0 !important;
}
.contact_form_wrap .txt_wrap .form-field:has(select.form-control),
.job-application-modal .modal-dialog .form-field p:has(select.form-control){
position: relative;
}
.contact_form_wrap .txt_wrap .form-field:has(select.form-control):after,
.job-application-modal .modal-dialog .form-field p:has(select.form-control):after {
position: absolute;
content: "";
height: 8px;
width: 8px;
top: -4px;
bottom: 0;
margin: auto;
right: 20px;
border-right: 2px solid #4D5765;
border-bottom: 2px solid #4D5765;
transform: rotate(45deg);
}
header {
padding: 18px 0px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
transition: all 0.5s;
background-color: var(--white);
}
.main_header_wrap .cnt_btn{
margin-left: 20px;
}
.main_header_wrap .navbar ul{
display: flex;
gap: 5px;
}
.main_header_wrap .navbar ul li a {
color: var(--secondary);
padding: 0px 14px 12px;
font-size: 18px;
position: relative;
font-weight: 500;
text-transform: capitalize;
}
.main_header_wrap .navbar ul li a:before{
position: absolute;
content: "";
height: 4px;
width: 0%;
background-color: var(--primary);
inset: auto 0 0 0;
margin: auto;
transition: all 0.5s;
}
.main_header_wrap .navbar ul li.current-menu-item a,
.main_header_wrap .navbar ul li:hover a{
color: var(--primary);
}
.main_header_wrap .navbar ul li.current-menu-item a:before,
.main_header_wrap .navbar ul li:hover a:before{
width: 100%;
}
nav.headermenu .social_wrap ul.social_media_ul img {
height: 20px;
width: 20px;
object-fit: contain;
}
.about_company_section{
padding: 160px 0px 122px;
}
.about_company_section .container{
max-width: 1420px;
}
.about_company_wrap .content{
margin-left: 40px;
}
.about_company_wrap .content p{
line-height: 24px;
color: var(--text-light);
font-size: 18px;
}
.about_us_company_section .content p{
max-width: 534px;
width: 100%;
}
.about_company_wrap .content p:has(b){
margin: 25px 0px;
color: var(--secondary);
font-size: 18px;
}
.about_company_wrap .content a.btn{
margin-top: 24px;
}
.counter_section{
background-image: url(../images/counter-section-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 140px 0px;
}
.counter_box{
text-align: center;
}
.counter_box h3{
font-size: 61px;
font-weight: 700;
line-height: 76px;
color: var(--secondary);
letter-spacing: 1.92px;
font-family: var(--inter);
margin-bottom: 15px;
}
.counter_box p{
font-size: 23px;
font-weight: 500;
font-family: var(--poppins);
color: var(--secondary);
margin-bottom: 0px;
}
.capabilities_section{
padding: 90px 0px;
}
.capabilities_section .container{
max-width: 1520px;
width: 100%;
}
.capabilities_section .title{
margin-bottom: 37px;
}
.capabilities_section .title h3{
margin-bottom: 14px;
}
.capabilities_section .title p,
.tranformation_section .title p,
.solution_section .title p{
max-width: 770px;
width: 100%;
color: var(--text-light);
}
.capabilities_wrap .capabilities_box{
background-color: var(--light);
box-shadow: 0px 4px 19.8px 1px #00000014;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
height: 100%;
transition: all 0.5s;
}
.tsf_slider .item{
background-color: var(--white);
box-shadow: 0px 4px 19.8px 1px #00000014;
}
.capabilities_box .image,
.tsf_slider .item .image{
height: 280px;
position: relative;
overflow: hidden;
}
.capabilities_box .image:before, .tsf_slider .item .image:before {
content: '';
width: 100%;
height: 140px;
position: absolute;
left: 0;
bottom: 0;
clip-path: polygon(
0 0,
0 100%,
100% 100%,
85% 96%,
70% 90%,
55% 80%,
40% 66%,
25% 48%,
12% 26%
);
background-color: var(--light);
}
.tsf_slider .item .image:before {
filter: brightness(0) invert(1);
}
.capabilities_box .image img, .tsf_slider .item .image img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.5s;
border-left: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}
.capabilities_wrap .capabilities_box a.btn,
.tsf_slider .item a.btn{
border: 1px solid rgba(198, 205, 217, 1);
}
.capabilities_wrap .capabilities_box:hover a.btn,
.tsf_slider .item:hover a.btn{
border: 1px solid var(--secondary);
background-color: transparent;
color: var(--secondary);
box-shadow: unset;
}
.capabilities_box .content, .tsf_slider .item .content {
padding: 12px 28px 26px 28px;
background-color: var(--light);
}
.tranformation_section .tsf_slider .item .content {
background-color: var(--white);
}
.tsf_slider .item .content{
padding-top: 0px;
}
.capabilities_box h3 {
max-width: 365px;
width: 100%;
}
.capabilities_box h3,
.tsf_slider .item h3 {
font-size: 32px;
font-weight: 500;
line-height: 40px;
margin-bottom: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: var(--secondary);
transition: all 0.5s;
}
.capabilities_box:hover h3,
.tsf_slider .item:hover h3{
color: var(--primary);
}
.capabilities_box h3 a:before,
.tsf_slider .item h3 a:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 3;
display: none;
}
.tsf_slider .item h3 {
line-height: 38px;
height: 76px;
max-width: 420px;
width: 100%;
color: var(--secondary);
}
.capabilities_box h3 a,
.tsf_slider .item h3 a{
color: var(--secondary);
}
.capabilities_box p, .tsf_slider .item p {
font-size: 16px;
color: var(--text-light);
margin-bottom: 36px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.capabilities_box p {
-webkit-line-clamp: 2;
}
.tsf_slider .item p{
margin-bottom: 18px;
}
.connect_section{
background-image: url(../images/lets-talk.gif);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
.connect_section:before{
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #1C425CBF;
z-index: -1;
}
.connect_section a.btn {
padding: 0px 78px;
height: 100px;
font-size: 32px;
font-weight: 700;
background-color: rgb(198 205 217);
}
.connect_section a.btn:hover{
background-color: var(--white);
color: var(--text);
}
.connect_section h3{
font-size: 100px;
font-weight: 600;
line-height: 110px;
color: var(--white);
margin-bottom: 0px;
}
.tranformation_section {
background-image: url(../images/technology-tranformation-bg-image.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0px 72px;
}
.tranformation_section .title,
.solution_section .title{
margin-bottom: 74px;
}
.tranformation_section .title h3,
.solution_section .title h3{
margin-bottom: 26px;
}
.solution_section {
padding-bottom: 72px;
}
.solution_section .tsf_slider .item{
background-color: var(--light);
}
.solution_section .tsf_slider .item p {
margin-bottom: 36px;
}
.solution_section .tsf_slider .item .image::before {
filter: unset;
}
.tsf_slider .owl-dots {
margin-top: 58px;
text-align: center;
}
.tsf_slider .owl-dots button.owl-dot,
.gallery_list_sec .gallery_slider .owl-dots button.owl-dot {
height: 7.5px;
width: 7.5px;
border: 2px solid #1C425C;
border-radius: 50%;
margin: 0px 9px;
transition: all 0.5s;
}
.tsf_slider .owl-dots button.owl-dot.active,
.gallery_list_sec .gallery_slider .owl-dots button.owl-dot.active {
background-color: #1C425C;
}
footer {
padding: 88px 0px 56px;
font-family: var(--poppins);
color: var(--secondary);
background-color: #F5F5F5;
}
footer .footer_top p{
font-size: 28px;
line-height: 43px;
max-width: 860px;
width: 100%;
color: var(--secondary);
}
footer .footer_bottom{
margin-top: 60px;
}
footer ul.links{
display: flex;
justify-content: end;
gap: 25px;
margin-bottom: 25px;
}
footer ul.links li a{
font-size: 15px;
color: var(--secondary);
}
footer ul.links li:hover a,
footer ul.links li.current-menu-item a{
color: var(--primary);
}
footer .txt_wrap {
padding-top: 25px;
margin-top: 25px;
border-top: 2px solid var(--secondary);
max-width: 810px;
width: 100%;
margin-left: auto;
}
footer .txt_wrap p{
font-size: 14px;
line-height: 21px;
color: var(--secondary);
}
footer .social_wrap {
display: flex;
justify-content: end;
align-items: center;
}
footer .social_wrap ul.social_media{
display: flex;
align-items: center;
gap: 25px;
margin-right: 25px;
}
footer .social_wrap ul.social_media li a{
color: var(--secondary);
}
footer .social_wrap ul.social_media li a img{
transition: all 0.5s;
}
footer .social_wrap ul.social_media li a:hover img {
filter: brightness(0) invert(0);
}
footer .social_wrap p{
font-size: 14px;
color: var(--secondary);
}
footer ul.links li:before {
position: absolute;
content: "";
height: 15px;
width: 2px;
background-color: var(--secondary);
top: 0;
bottom: 0;
margin: auto;
right: -14px;
}
footer ul.links li {
position: relative;
}
footer ul.links li:last-child:before{
display: none;
}
.sticky header {
padding: 14px 0px;
box-shadow: 0px 0px 10px -2px #0000002b;
}
header .header_logo img {
transition: all 0.5s;
max-width: 150px;
width: 100%;
}
.sticky header .header_logo img {
transform: scale(0.96);
}
.scrollToTop {
width: 50px;
height: 50px;
position: fixed;
bottom: 50px;
border-radius: 55px;
right: 30px;
line-height: 40px;
color: var(--white);
text-align: center;
-webkit-transition: all 0.5s;
transition: all 0.5s;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
opacity: 0;
background: var(--primary);
z-index: 9;
padding: 18px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--primary);
transform: scale(0.8) translateY(40px);
}
.scrollToTop:hover{
background-color: var(--light);
}
.sticky .scrollToTop {
opacity: 1;
transform: scale(1) translateY(0);
}
.inner_banner_sec.about_inner_banner {
background-image: url(../images/about-us-banner-img.png);
background-position: center;
}
.inner_banner_sec.contact_inner_banner,
.inner_banner_sec.career_inner_banner{
opacity: 1;
}
.inner_banner_sec.contact_inner_banner{
background-image: url(../images/contact-us-bg.png);
}
.inner_banner_sec.career_inner_banner{
background-image: url(../images/career-banner-bg.png);
}
.inner_banner_sec.gallery_inner_banner{
background-image: url(../images/gallery-banner-img.png);
}
.inner_banner_sec.contact_inner_banner:before,
.inner_banner_sec.career_inner_banner:before{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -73.85%, rgba(0, 10, 76, 0.7) 100%);
}
.inner_banner_sec.gallery_inner_banner:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -73.85%, rgba(0, 10, 76, 0.7) 100%);
}
.inner_banner_sec.capability_inner_banner{
background-image: url(../images/our-capability-bg.png);
opacity: 1;
}
.inner_banner_sec.capability_inner_banner:before {
background: linear-gradient(180deg, rgba(28, 66, 92, 0) -45.3%, rgba(28, 66, 92, 0.7) 100%);
}
.inner_banner_sec.strategic_solutions_inner_banner {
background-image: url(../images/strategic-solutions-bg.png);
background-position: center;
}
.inner_banner_sec.strategic_solutions_inner_banner:before{
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -44.11%, rgba(28, 66, 92, 0.97) 94.05%);
}
.inner_banner_sec.transformation_inner_banner {
background-image: url(../images/technology-transformation-bg.png);
opacity: 1;
background-position: center;
}
.inner_banner_sec.transformation_inner_banner:before{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -8.93%, #1C425C 100%);
}
.inner_banner_sec.privacy_policy_inner_banner {
background-image: url(../images/privacy-policy-bg.png);
opacity: 1;
background-position: center;
}
.inner_banner_sec.privacy_policy_inner_banner:before{
background: linear-gradient(180deg, rgba(28, 66, 92, 0) -45.3%, rgba(28, 66, 92, 0.4) 100%);
}
.inner_banner_sec {
padding: 250px 0px 140px;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
opacity: 85%;
}
.inner_banner_sec:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.47) -73.85%, rgba(0, 10, 76, 0.76) 100%);
}
.inner_banner_sec .inner_banner_wrap {
margin: 0px auto;
max-width: fit-content;
padding: 25px 120px;
}
.inner_banner_wrap h3{
font-size: 64px;
font-weight: 700;
color: var(--white);
text-transform: uppercase;
margin-bottom: 0px;
line-height: 66px;
}
.about_us_company_section {
padding: 110px 0px 114px;
}
.about_us_company_section .container {
max-width: 1456px;
}
.highlight_section{
background-image: url(../images/highlight-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 77px 0px;
}
.what_we_do_sec {
padding: 110px 0px;
}
.what_we_do_sec .content h3 {
margin-bottom: 25px;
}
.what_we_do_sec .content p:has(b) {
font-size: 18px;
color: var(--secondary);
margin-bottom: 22px;
}
.what_we_do_sec .content p {
font-size: 18px;
line-height: 24px;
color: var(--text-light);
max-width: 660px;
width: 100%;
margin: 0px auto;
}
.our_mission_sec{
padding: 130px 0px;
background-image: url(../images/our-mission-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.our_mission_sec .content{
margin-left: 0px;
}
.consulting_sec .content p:has(b) {
max-width: 734px;
}
.consulting_sec .content p {
max-width: 1095px;
}
.our_approach_sec{
padding: 122px 0px;
background-image: url(../images/our-mission-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.our_approach_sec .title h3 {
margin-bottom: 16px;
}
.our_approach_sec .title p {
max-width: 734px;
width: 100%;
color: var(--secondary);
}
.our_approach_sec .title {
margin-bottom: 36px;
}
.our_approach_wrap .row {
box-shadow: 0px 5px 30px 0px #0000000D;
background-color: var(--white);
}
.our_approach_wrap .approach_box {
height: 100%;
border-right: 1px solid #EDEDED;
padding: 47px 70px 63px;
}
.approach_box .icon img {
height: 66px;
width: 66px;
object-fit: contain;
}
.approach_box .icon {
margin-bottom: 22px;
}
.approach_box h4 {
font-size: 26px;
font-weight: 500;
color: #06163A;
line-height: 29px;
margin-bottom: 14px;
}
.approach_box p {
font-size: 16px;
color: var(--text-light);
line-height: 24px;
}
.cnt_sec{
padding: 115px 0px 60px;
}
.map_sec{
padding-bottom: 86px;
}
.cnt_sec .cnt_wrap {
background-color: var(--light);
box-shadow: 0px 4px 19.8px 0px #00000021;
padding: 60px 80px;
}
.cnt_wrap .cnt_info_wrap ul li {
box-shadow: 0px 4px 19.8px 1px #00000014;
margin-bottom: 19px;
border: 1px solid #E9E9E9;
padding: 38px 45px;
display: flex;
align-items: center;
gap: 32px;
}
.cnt_wrap .cnt_info_wrap ul li:last-child{
margin-bottom: 0px;
}
.cnt_wrap .cnt_info_wrap ul li h5 {
font-size: 20px;
font-weight: 600;
margin-bottom: 4px;
line-height: 28px;
color: var(--secondary);
}
.cnt_wrap .cnt_info_wrap ul li p{
line-height: 21px;
font-size: 16px;
}
.cnt_wrap .cnt_info_wrap ul li a {
color: var(--text-light);
}
.cnt_wrap .cnt_info_wrap ul li a:hover{
color: var(--primary);
}
.cnt_wrap .cnt_info_wrap ul li .icon {
height: 70px;
min-width: 70px;
background-color: #C6CDD9;
display: flex;
justify-content: center;
align-items: center;
}
.cnt_wrap .cnt_info_wrap{
max-width: 487px;
width: 100%;
}
.cnt_wrap .contact_form_wrap {
padding-right: 32px;
}
.contact_form_wrap .txt_wrap {
display: flex;
gap: 31px;
}
.contact_form_wrap .txt_wrap .form-field {
width: 50%;
}
.contact_form_wrap .form-field {
margin-bottom: 20px;
}
.contact_form_wrap .submit_btn input.btn {
max-width: 304px;
width: 100%;
}
.our_rules_sec .container {
max-width: 1430px;
}
.our_rules_sec {
padding: 85px 0px 56px;
}
.our_rules_sec .title h3 {
margin-bottom: 16px;
}
.our_rules_sec .row .title h3 {
text-transform: capitalize;
}
.our_rules_sec p {
font-size: 18px;
color: var(--secondary);
line-height: 24px;
margin-bottom: 20px;
}
.our_rules_sec h5 {
font-size: 22px;
font-weight: 700;
line-height: 24px;
color: var(--secondary);
}
.our_rules_sec ul {
list-style: disc;
padding-left: 18px;
margin-bottom : 10px
}
.our_rules_sec ul + p{
padding-bottom: 52px;
border-bottom: 1px solid #DBDBDB;
margin-bottom: 48px;
}
.our_rules_sec ul + p a {
color: var(--secondary);
border-bottom: 1px solid var(--secondary);
}
.our_rules_sec ul + p a:hover {
color: var(--primary);
border-color: var(--primary);
}
.our_rules_sec ul li {
font-weight: 500;
color: var(--secondary);
}
.our_rules_sec .row > *:first-child {
height: fit-content;
top: 150px;
position: sticky;
}
.rules_accordian_wrap .accordion-item .accordion-header {
display: flex;
align-items: center;
}
.rules_accordian_wrap .accordion-item:first-child .accordion-header .accordion-button {
padding-top: 25px;
}
.rules_accordian_wrap .accordion-item .accordion-header .accordion-button {
display: block;
position: relative;
padding: 38px 0px;
}
.rules_accordian_wrap .accordion-item .accordion-header .accordion-button:not(.collapsed){
box-shadow: unset;
background-color: unset;
}
.rules_accordian_wrap .accordion-item .accordion-header h4 {
font-size: 22px;
font-weight: 700;
line-height: 25px;
color: var(--secondary);
margin-bottom: 16px;
}
.rules_accordian_wrap .accordion-item .accordion-header p {
max-width: 613px;
width: 100%;
margin-bottom: 0px;
}
.rules_accordian_wrap .accordion-item .accordion-body p,
.rules_accordian_wrap .accordion-item .accordion-header p {
font-size: 18px;
line-height: 24px;
color: var(--text-light);
}
.rules_accordian_wrap .accordion-item .accordion-body p {
margin-bottom: 10px;
}
.rules_accordian_wrap .accordion-item .accordion-body p:last-child {
margin-bottom: 0px;
}
.rules_accordian_wrap .accordion-item .accordion-header a.btn {
max-width: 193px;
width: 100%;
position: relative;
box-shadow: 0px 0px 25px -14px #FF5E14;
}
.rules_accordian_wrap .accordion-item .accordion-header .accordion-button::after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 25px;
height: 44px;
width: 44px;
border: 1px solid #CECECE;
border-radius: 48px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: 12px;
}
.rules_accordian_wrap .accordion-item .accordion-header .accordion-button:focus{
box-shadow: unset;
}
.rules_accordian_wrap .accordion-item .accordion-header:focus-visible{
outline: 0px;
}
.rules_accordian_wrap .accordion-item{
border-color: #DBDBDB;
}
.rules_accordian_wrap .accordion-item .accordion-body {
padding: 0px;
padding-bottom: 30px;
}
.job-application-modal .modal-dialog {
max-width: 1440px;
width: 100%;
position: relative;
}
.job-application-modal .modal-dialog .modal-content {
background-color: #F6F6F6;
box-shadow: 0px 4px 19.8px 0px #00000021;
border-radius: 0px;
border: 0px;
padding: 55px 80px;
margin: 0px 30px;
}
.job-application-modal .modal-dialog .modal-header,
.job-application-modal .modal-dialog .modal-body {
padding: 0px;
border-bottom: 0px;
}
.job-application-modal .modal-dialog h3 {
margin-bottom: 24px;
}
.job-application-modal .modal-dialog button.btn-close {
position: absolute;
right: -8px;
top: -8px;
height: 20px;
width: 20px;
background-color: var(--secondary);
color: #fff;
opacity: 1;
border-radius: 50%;
background-image: url('data:image/svg+xml,');
background-size: 14px;
}
.job-application-modal .modal-dialog .txt_wrap {
display: flex;
gap: 18px;
}
.job-application-modal .modal-dialog .txt_wrap .form-field {
width: 50%;
}
.job-application-modal .modal-dialog .form-field {
margin-bottom: 20px;
}
.job-application-modal .modal-dialog input.form-control,
.job-application-modal .modal-dialog select.form-control,
.job-application-modal .modal-dialog textarea.form-control {
border: 0px;
}
.job-application-modal .modal-dialog input.form-control:focus,
.job-application-modal .modal-dialog select.form-control:focus,
.job-application-modal .modal-dialog textarea.form-control:focus {
border: 0px !important;
}
.job-application-modal .modal-dialog select.form-control option:checked,
.job-application-modal .modal-dialog select.form-control option:focus{
background-color: var(--primary);
color: var(--white);
}
.job-application-modal .modal-dialog textarea.form-control[name="your-message"]{
height: 128px;
}
.job-application-modal .modal-dialog textarea.form-control{
height: 50px;
}
.job-application-modal .modal-dialog a.btn{
max-width: 385px;
width: 100%;
}
.file-input {
display: none;
}
.upload-label {
width: 100%;
height: 50px;
border: 0px;
border-radius: 0px;
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
cursor: pointer;
font-size: 14px;
color: #6c757d;
background: #fff;
transition: all 0.3s ease;
padding-left: 62px;
background-repeat: no-repeat;
background-position: 25px 12px;
background-image: url('data:image/svg+xml,');
}
.gallery_list_sec {
padding-top: 90px;
}
.gallery_box .image {
position: relative;
}
.gallery_box .image:before {
position: absolute;
content: "";
height: 52%;
width: 100%;
top: auto;
bottom: 0;
background: linear-gradient(184.67deg, rgb(0 0 0 / 0%) 0%, #000000 83%);
}
.gallery_box .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery_list_wrap .row {
row-gap: 38px;
}
.gallery_box .content {
background-color: #F6F6F6;
padding: 14px 33px;
}
.gallery_box .content p {
font-size: 16px;
line-height: 20px;
color: var( --text-light);
}
.capability_list_sec {
padding: 80px 0px 116px;
}
.capability_list_sec .container {
max-width: 1260px;
}
.capability_list_sec .capability_box {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 40px;
position: relative;
margin-top: -300px;
padding-top: 300px;
}
.capability_box .image {
max-width: 438px;
width: 100%;
min-width: 438px;
overflow: hidden;
height: 248px;
}
.capability_box .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}
.capability_box:hover .image img {
transform: scale(1.1);
}
.capability_list_sec .capability_box:last-child {
margin-bottom: 0px;
}
.capability_box p {
font-size: 18px;
line-height: 24px;
color: var(--text-light);
}
.capability_box h4 {
font-size: 22px;
font-weight: 600;
line-height: 28px;
margin-bottom: 15px;
text-transform: uppercase;
color: var(--secondary);
}
.highlight_section p {
font-size: 18px;
font-weight: 700;
line-height: 23px;
margin-bottom: 70px;
max-width: 477px;
width: 100%;
color: var(--secondary);
font-family: var(--plus);
}
.highlight_section .image img {
max-width: 443px;
width: 100%;
}
.highlight_section .content_wrap {
max-width: 812px;
width: 100%;
margin-left: auto;
}
.highlight_section .content_wrap .hlt_box {
background-color: var(--white);
box-shadow: 0px 4px 19.8px 1px #00000014;
border: 1px solid #E9E9E9;
margin-bottom: 15px;
padding: 18px 35px;
}
.highlight_section .content_wrap .hlt_box:last-child{
margin-bottom: 0px;
}
.highlight_section .content_wrap .hlt_box h5 {
font-size: 22px;
font-weight: 700;
color: var(--secondary);
margin-bottom: 7px;
font-family: var(--plus);
}
.highlight_section .content_wrap .hlt_box p {
max-width: 100%;
margin-bottom: 0px;
font-size: 16px;
font-weight: 500;
color: var(--dark);
line-height: 25px;
font-family: var(--plus);
}
.cnt_sec .title h3 {
margin-bottom: 16px;
}
.cnt_sec .title p {
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 44px;
color: var(--secondary);
}
.gallery_list_sec .title h3 {
margin-bottom: 16px;
}
.gallery_list_sec p {
font-size: 18px;
line-height: 24px;
color: var(--secondary);
}
.gallery_list_sec p + p {
font-size: 16px;
font-weight: 500;
margin-bottom: 44px;
}
.gallery_slider .item .image {
overflow: hidden;
box-shadow: 0px 4px 19.8px 1px #00000014;
border: 1px solid #E9E9E9;
height: 422px;
}
.gallery_slider .item .image img{
transition: all 0.5s;
height: 100%;
object-fit: cover;
}
.gallery_slider .item:hover .image img{
transform: scale(1.1);
}
.gallery_slider .item h4 {
font-size: 32px;
font-weight: 500;
color: var(--secondary);
margin: 16px 0px 7px;
}
.gallery_slider .item p {
font-size: 18px;
color: #3F485D;
}
.gallery_list_sec .gallery_slider {
margin-bottom: 70px;
}
.gallery_list_sec .gallery_slider .owl-dots {
margin-top: 45px;
text-align: center;
}
.gallery_list_sec .gallery_slider:last-child {
margin-bottom: 0px;
}
.job-application-modal .modal-dialog input.form-control[type="file"] {
position: relative;
}
.wpcf7-not-valid-tip {
margin-left: 8px;
font-size: 13px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
background-color: #f8d7da;
color: #58151c;
font-size: 14px;
border-radius: 5px;
border: 1px solid #f1aeb5;
margin-bottom: 0px;
}
.wpcf7 form.sent .wpcf7-response-output{
border: 1px solid green;
color: green;
background-color: #0080002e;
font-size: 14px;
border-radius: 5px;
margin-bottom: 0px;
}
.job-application-modal .modal-dialog .submit_btn,
.contact_form_wrap .submit_btn {
width: fit-content;
position: relative;
}
.job-application-modal .modal-dialog .submit_btn span.wpcf7-spinner,
.contact_form_wrap .submit_btn span.wpcf7-spinner{
position: absolute;
inset: 0;
margin: auto;
}
.job-application-modal .modal-dialog .txt_wrap .form-field.resume-upload,
.job-application-modal .modal-dialog .txt_wrap .form-field.cover-letter {
position: relative;
}
.job-application-modal .modal-dialog .txt_wrap .form-field.resume-upload label.upload-label,
.job-application-modal .modal-dialog .txt_wrap .form-field.cover-letter label.upload-label{
position: absolute;
top: 0;
}
.job-application-modal .modal-dialog .txt_wrap .form-field.resume-upload input[type="file"],
.job-application-modal .modal-dialog .txt_wrap .form-field.cover-letter input[type="file"] {
z-index: 1;
opacity: 0;
}
.privacy_policy_section {
padding: 70px 0px;
}
.privacy_policy_section .container {
max-width: 1260px;
}
.privacy_policy_wrap h1,
.privacy_policy_wrap h2,
.privacy_policy_wrap h3,
.privacy_policy_wrap h4,
.privacy_policy_wrap h5,
.privacy_policy_wrap h6 {
font-size: 28px;
font-weight: 600;
color: var(--secondary);
line-height: 28px;
margin-bottom: 10px;
margin-top: 30px;
}
.privacy_policy_wrap h1:first-child,
.privacy_policy_wrap h2:first-child,
.privacy_policy_wrap h3:first-child,
.privacy_policy_wrap h4:first-child,
.privacy_policy_wrap h5:first-child,
.privacy_policy_wrap h6:first-child{
margin-top: 0px;
}
.privacy_policy_wrap p {
font-size: 18px;
color: #3F485D;
line-height: 24px;
margin-bottom: 10px;
}
.privacy_policy_wrap a{
color: #3F485D;
}
.privacy_policy_wrap a:hover{
color: var(--primary);
}
.banner_section.banner_slider_section .banner_slider .item .container {
margin-top: 108px;
}
.banner_section.banner_slider_section .banner_slider:before{
display: none;
}
.banner_section.banner_slider_section .banner_slider .item {
padding: 100px 0px;
min-height: 955px;
height: 100%;
position: relative;
display: flex;
align-items: center;
}
.banner_section.banner_slider_section .banner_slider .item .video_wrap:before{
position: absolute;
content: "";
height: 100%;
width: 100%;
top: auto;
bottom: 0px;
left: 0;
z-index: 1;
}
.banner_section.banner_slider_section .banner_slider .owl-item .item .content {
position: relative;
z-index: 1;
opacity: 0;
transform: translateY(10px);
transition: all 1000ms ease;
border: 1px solid #C3C3C300;
background-color: #ebf7ff87;
backdrop-filter: blur(5px);
padding: 25px;
width: fit-content;
}
.banner_section.banner_slider_section .banner_slider .owl-item.active .item .content{
opacity: 1;
transition-delay: 1000ms;
transform: translateY(0);
}
.banner_section.banner_slider_section .banner_slider .item .video_wrap video{
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
top: 0;
left: 0;
object-position : top;
}
.banner_section.banner_slider_section .banner_slider .item h6 {
color: var(--white);
font-size: 26px;
}
.banner_section.banner_slider_section .banner_slider .item h3 {
color: var(--secondary);
font-size: 58px;
margin-bottom: 20px;
text-transform: capitalize;
max-width: 600px;
width: 100%;
text-transform: uppercase;
}
.banner_section.banner_slider_section .banner_slider .item p{
max-width: 600px;
width: 100%;
color: var(--secondary);
font-size: 20px;
line-height: 28px;
}
.banner_slider .owl-dots {
position: absolute;
bottom: 80px;
max-width: 1520px;
width: 100%;
left: 0;
right: 0;
margin: auto;
display: flex;
gap: 8px;
}
.banner_slider .owl-dots button.owl-dot {
height: 7px;
width: 7px;
background-color: var(--white);
border-radius: 50%;
transition: all 0.5s;
}
.banner_slider .owl-dots .owl-dot.active {
background-color: var(--primary);
}
.job-application-modal .modal-dialog .txt_wrap .form-field.notice-period-wrap {
position: relative;
}
.job-application-modal .modal-dialog .txt_wrap .form-field.notice-period-wrap .notice-other-field {
position: absolute;
top: 7px;
left: 75px;
margin-bottom: 0px;
height: 38px;
}
.job-application-modal .modal-dialog .txt_wrap .form-field.notice-period-wrap .notice-other-field input.form-control {
height: 38px;
border: 1px solid #3f485d73;
padding: 0px 15px;
max-width: 250px;
width: 100%;
}
.job-application-modal .modal-dialog .txt_wrap .form-field.notice-period-wrap .notice-other-field input.form-control:focus,
.job-application-modal .modal-dialog .txt_wrap .form-field.notice-period-wrap .notice-other-field input.form-control:focus-visible{
border: 1px solid #3f485d73 !important;
}
.tsf_slider div#applied-analytics h3,
.tsf_slider div#engineering-digitization h3{
max-width: 200px;
}
.rules_accordian_wrap .accordion-item .accordion-body ul + p {
border: 0px;
padding: 0px;
}
.wp_btn {
background-color: rgb(45, 183, 66);
transform: unset;
visibility: visible;
bottom: 90px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 8px 2px rgba(0, 0, 0, .14);
transform: translateY(-20px);
position: fixed;
right: 30px;
height: 50px;
width: 50px;
cursor: pointer;
border-radius: 50px;
z-index: 10000;
}
.wp_btn svg {
height: 28px;
width: 28px;
}
.error_sec {
margin-top: 110px;
}
.error_sec h1 {
font-size: 150px;
line-height: 100%;
color: var(--secondary);
margin-bottom: 15px;
}
.error_sec p {
font-size: 20px;
color: var(--secondary);
font-weight: 600;
margin-bottom: 40px;
}