/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* industry section CSS start */

#industry h2 {
	text-align: center;
}

#industry-inr .flip-box-front, #industry-inr .flip-box-back {
    min-height: 320px !important;
    max-height: 320px !important;
}
#industry-inr .nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner {
    padding: 20px !important;
}

#industry-inr .flip-box-back:before {
	content: '';
	position: absolute;
	background: #000000de;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

div#industry-inr .vc_column-inner {
    overflow: hidden;
}

#industry-inr .flip-box-back {
    text-align: center;
}

#industry-inr .flip-box-back h3, #industry-inr .flip-box-back p {
    color: #fff;
}

/* industry section CSS start */

/* sales section CSS start */

#sales h2 {
	font-size: 75px;
	line-height: 83px;
}

#about-us-banner p {
	color: #fff;
}

#sales h3 {
	color: #fff;
	font-size: 40px;
	line-height: 48px;
}

#sales p, #sales a {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}

#sales-inr .vc_column-inner {
    background: transparent;
    backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: #ffffff59 0px 7px 29px 1px;
    padding: 40px 40px;
	transition: all 0.5s;
}

#sales-inr .vc_column-inner:hover {
	transform: scale(0.9);
}

#sales-inr .invisible .vc_column-inner {
    background: unset !important;
    backdrop-filter: unset !important;
    border-radius: unset !important;
    box-shadow: unset !important;
    padding: unset !important;
}

#sales-inr {
    padding-bottom: 15px;
}

#sales-inr img {
    border: 6px solid #F4EA33;
    border-radius: 50%;
}

/* sales section CSS end */

/* text-img section CSS start */
 
div#text-inr {
	padding: 30px 30px;
	background: #08181F;
	border: 1px solid #013558;
	border-radius: 7px;
}

#text-inr img {
	width: 100%;
}


/* Hero section and general css  */
.container-wrap {
    background: transparent !important;
}

.ocm-effect-wrap {
    background: url("https://preview.screwsindustries.com/wp-content/uploads/2026/01/body-bg-scaled.webp");
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
   
}
h1 {
    color: #fff;
}

.yellow {
    color: #F4EA33;
}

div#hero-sec p {
    max-width: 640px;
    margin: auto;
}

a#cta-btn {
    background: #F4EA33 !important;
    font-size: 24px;
    line-height: 32px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 70px !important;
    border-radius: 5px !important;
    border: 1px solid #000;
    box-shadow: 0 0 10px #F4EA33,         0 0 30px rgba(220, 249, 101, 0.6);
    transition: 0.3s ease-in-out;
    font-weight: 200;
}

a#cta-btn:hover {
    transform: unset !important;
    opacity: 1;
     box-shadow: 
        0 0 20px #F4EA33, 
        0 0 50px #f4ea33e8 !important;

}

div#hero-sec .row-bg {
    position: relative;
    background-size: cover;
}

div#hero-sec .row-bg:before {
    content: "";
    background: #013558;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
}

div#header-outer.small-nav, body #header-outer, body[data-header-color="dark"] #header-outer {
    background: #01355882;
   
}
div#header-outer.small-nav {
   
    backdrop-filter: blur(10px);
}

header#top nav ul li a span {
    color: #fff;
}

#header-outer .cart-menu .cart-icon-wrap .icon-salient-cart, #top nav ul #nectar-user-account a span, #top nav ul #search-btn a span {
    color: #fff;
}

li#menu-item-18 a {
    background: linear-gradient(#223D51, #223D51) padding-box, linear-gradient(to right, #d8d8d8, #8c8c8c) border-box;
    
    
    border: 2px solid transparent;
    color: #fff; 
    font-family: 'Anton';
    letter-spacing: 1px;
    padding: 15px 30px !important;
    border-radius: 5px !important;
    transition: 0.3s ease-in-out;
    display: inline-block; 
}
li#menu-item-25 span {
    display: none;
}
header#top nav ul li a {
    POSITION: RELATIVE;
}

header#top nav ul li a:hover span {
	color: #f0ff41;
}

header#top nav ul li a span {
	transition: all 0.5s;
}

li#menu-item-18 a:before, li#menu-item-25 a:before {
    display: none !important;
}
li#menu-item-25 img.nectar-menu-icon-img {
    max-height: unset !important;
    width: 150px;
}
div#hero-sec .row-bg:after {
    content: "";
    background: url("https://preview.screwsindustries.com/wp-content/uploads/2026/01/hero-bar.webp");
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 15%;
    bottom: 20px;
}
div#hero-sec  .row-bg-wrap .inner-wrap {
    position: relative;
}
div#hero-sec .row-bg-wrap .inner-wrap:before {
    content: "";
    background: radial-gradient(circle, rgba(1, 53, 88, 0.7) 20%, rgba(1, 53, 88, 0) 70%);
    
   
    height: 530px;
    width: 1230px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1; 
    border-radius: 50%;
    
  
    filter: blur(40px); 
    opacity: 1;     
    pointer-events: none; 
    
  
    box-shadow: 0 0 100px 50px rgba(1, 53, 88, 0.4);
}
/* Hero section and general css  */




/* feature section css start  */



div#features-sec .vc_column-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 30px 10px;
    border-radius: 15px;
    background: linear-gradient(150deg, #1c6b8ee0 20%, transparent 130%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* Smooth look ke liye transition */
    transition: all 0.3s ease;
}



div#features-sec .vc_column-inner h5 {
    color: #fff;
    font-size: 44px;
    line-height: 54px !important;
    font-family: 'Anton';
    font-weight: 200;
}

div#features-sec .vc_column-inner p {
    font-weight: 100 !important;
    font-family: 'Lexend' !important;
}
/* Widget Container Styling */
.video-container {
    cursor: pointer;
    margin: unset !important;
    position: relative;
    overflow: hidden;
    min-width: 300px;
}

video.custom-video {
    height: 140px;
    object-fit: cover; /* Video ko container mein fit karne ke liye */
}

div#features-sec .video-col .vc_column-inner {
    background: #000 !important;
    position: relative;
    padding: unset;
}

div#features-sec .video-col .vc_column-inner .video-overlay {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    pointer-events: none; /* Click video container par hi jaye */
    width: 100%;
}

div#features-sec .video-col .vc_column-inner .video-overlay h3 {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    width: 100%;
}

/* --- POPUP (MODAL) STYLING --- */
.video-modal {
    display: none; 
    position: fixed; /* Poori screen par fix rahega */
    z-index: 9999999; /* Sabse top par layer banayega */
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.95); /* Peeche ka content chhupane ke liye dark background */
    overflow: hidden;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Bilkul center mein alignment */
    width: 90%;
    max-width: 900px;
    background: #000 !important;
}

.modal-content video {
    width: 100%;
    height: auto;
    background: #000 !important;
    box-shadow: 0px 0px 42px 20px #013558;
}

.close-modal {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    cursor: pointer;
    z-index: 10000000;
    transition: 0.3s;
}

.close-modal:hover {
    color: #ff0000; /* Hover par red ho jayega */
}

/* feature section css end  */

/* cold-headed-fastner css start  */

h2 {
    font-size: 72px;
    line-height: 80px !important;
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
}

div#cold-headed-fastner h2 {
    text-align: center;
}



p {
    color: #fff;
}

h3 {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
    font-size: 34px;
    line-height: 42px;
}

div#cold-headed-fastner-inr {
    margin-top: 70px;
}

div#cold-headed-fastner-inr .hover-wrap-inner {
    position: relative;
}

div#cold-headed-fastner-inr .hover-wrap-inner:before {
    content: "";
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -10px;
    bottom: -10px;
    z-index: -1;
    border-radius: 8px;
    box-shadow: 0px 0px 42px 20px #013558;
}

div#cold-headed-fastner-inr img {
    margin-bottom: 40px;
}

.cold-headed-fastner-right-col .vc_column-inner {
    margin-top: 50px;
}
#cold-headed-fastner-inr .vc_column-inner {
    position: relative;
    transition: all 0.5s;
}

#cold-headed-fastner-inr .vc_column-inner:hover {
    transform: scale(0.95);
}


div#features .vc_column-inner {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 20px;
    box-shadow: 0px 4px 15px 10px rgba(1, 53, 88, 0.6);
    transition: all 0.5s;
    position: relative;
    top: 0;
}

h4 {
    font-family: 'Anton';
    font-size: 26px;
    line-height: 34px;
    font-weight: 200;
}

div#features .vc_column-inner h4 {
    color: #000;
}

div#features .vc_column-inner li {
    color: #000;
    font-family: 'Lexend';
    font-size: 16px;
    line-height: 24px;
    opacity: 0.7;
}

div#features .vc_column-inner li strong {
    font-weight: unset;
}

div#features .vc_column-inner .wpb_text_column, div#features  a#arrow-btn {
    margin-left: 10px;
}

a#arrow-btn {}

a#arrow-btn {
    background: unset !important;
    color: #000;
    font-family: 'Lexend';
    font-size: 19px;
    line-height: 24px;
    padding-top: unset;
    padding-bottom: unset;
    font-weight: 400;
    transition: all 0.5s;
}

div#features .vc_column-inner .wpb_text_column {
    margin-bottom: 10px !important;
    min-height: 240px;
}

div#features .vc_column-inner ul {
    margin-left: 20px;
}

a#arrow-btn:hover {
    box-shadow: unset !important;
    transform: unset !important;
    opacity: 1;
}

div#features .vc_column-inner:hover {
    transform: scale(0.95) !important;
}


/* cold-headed-fastner css end  */









/* Why Choose use section start  */
.text-head h2 {
    text-align: center;
}

.text-des p {
    text-align: center;
    max-width: 50%;
    margin: auto;
}
div#why-choose-listing ul {
    margin: unset;
}

div#why-choose-listing ul li {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100 !important;
    margin: 0 0 20px 0;
    transition: all 0.5s;
}

.list-blk li {
    list-style: none;
    position: relative;
    margin-left: 20px !important;
}

.list-blk li:before {
    content: "\e909";
    font-family: 'icomoon';
    position: absolute;
    left: -30px;
    color: #F4EA33;
}

div#why-choose-content {
    background: #08181F;
    padding: 40px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 42px 20px #1c6b8e9e;
}

div#why-choose-listing .mid-col {
   
}

div#why-choose-listing .mid-col .vc_column-inner {
    position: relative;
}

div#why-choose-listing .mid-col .vc_column-inner:before {
    content: "";
    background: #1C6B8E;
    height: 100%;
    width: 1px;
    position: absolute;
    left: -40px;
}

div#why-choose-listing .mid-col .vc_column-inner:after {
    content: "";
    background: #1C6B8E;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 30px;
    top: 0;
}

div#why-choose-img {
    border-top: 1px solid #1C6B8E;
    padding-top: 20px;
}

div#why-choose-listing ul li:hover {
    color: #1C6B8E;
}

div#why-choose-listing ul li:hover:before {
    color: #1C6B8E;
}

div#why-choose-img img {
    transition: all 0.5s;
}

div#why-choose-img img {
    min-width: 260px;
}

div#why-choose-img img:hover {
    transform: scale(1.05);
}
/* Why Choose use section end  */


/* Map section css start  */


div#map-sec  .section-title h4 {
    background: #F4EA33;
    color: #000;
    padding: 20px;
    max-width: 60%;
    margin: auto;
    border-radius: 4px;
    box-shadow: 0px 4px 15px 10px rgba(1, 53, 88, 0.6);
    transition: all 0.5s;
}



div#map-sec .section-title h4:hover {
    transform: scale(0.95);
}

/* Map section css end  */



/* Industries Served section start  */
div#industry-served .owl-item {
    padding: 0 10px;
}

div#industry-served .carousel-item img {
    border-radius: 10px;
}

div#industry-served .carousel-item {
    position: relative;
    top: 0;
    transition: all 0.5s;
}

div#industry-served .carousel-item .wpb_text_column {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 99;
}

div#industry-served .carousel-item  h4 {
    color: #fff;
}

div#industry-served .carousel-item  .hover-wrap-inner {
    position: relative;
}

div#industry-served .carousel-item .hover-wrap-inner:before {
    content: "";
    background: linear-gradient(25deg, black 0%, transparent 30%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

div#industry-served .carousel-item:hover {
    position: relative;
    top: -20px;
    box-shadow: 0px 0px 42px 20px #1c6b8e6e;
}

.slider-arrow .owl-nav.disabled {
    display: flex !important;
    justify-content: space-between !important;
    position: absolute;
    top: 45%;
    width: 100%;
}

.slider-arrow .owl-nav.disabled button.owl-prev {
    margin-left: -40px;
}

.slider-arrow .owl-nav.disabled button.owl-next {
    margin-right: -40px;
}
.slider-arrow .owl-theme[data-desktop-cols] .owl-nav [class*=owl-] span {
    transform: scale(0.8);
}
.slider-arrow .owl-theme[data-desktop-cols] .owl-nav [class*=owl-] {
    border: unset;
    height: 40px;
    width: 40px;
    border-radius: 50% !important;
    background: #F4EA33;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Industries Served section end  */
/* testimonial section css start  */

div#testimonials .carousel-item {
    background: #fff;
    text-align: center;
    padding: 40px;
    border-radius: 140px 0 140px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}
div#testimonials .carousel-item:hover{
    box-shadow: 0px 0px 42px 20px #1c6b8e6e;
    transform: scale(1.05);
}
div#testimonials .carousel-item p {
    color: #5D616F;
}

div#testimonials .carousel-item p strong {
    font-weight: 400 !important;
    color: #380045;
    margin-bottom: -10px !important;
    display: block;
}

div#testimonials .carousel-item .nectar-star-rating {
    justify-content: center;
}

div#testimonials .nectar-star-rating * {
    color: #ffa100;
}

#testimonials .nectar-split-heading p {
    font-size: 25px;
    line-height: 33px;
}

div#testimonials .owl-dots {
    display: none !important;
}

div#testimonials .carousel-item:before {
    content: "❝";
    position: absolute;
    left: 80px;
    top: 30px;
    font-size: 200px;
    line-height: 208px;
    font-weight: 400;
    color: #bfb8ce2b;
}

div#testimonials .owl-stage-outer {
    overflow: visible;
}

div#testimonials .owl-item {
    padding: 0 50px;
    transition: all 0.5s;
}
div#testimonials .owl-item.active {
    transform: scale(1.05);
}
/* testimonial section css start  */





/* --- Blogs Carousel Container Start --- */

div#blogs .carousel-item {
    position: relative;
    transition: all 0.5s;
}

div#blogs .carousel-item .hover-wrap-inner {
    position: relative;
}

div#blogs .carousel-item .hover-wrap-inner:before {
    content: "";
    background: linear-gradient(0deg, #00000099 -10%, transparent 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}



#blogs .carousel-item img {
    box-shadow: 0px 0px 25px 5px rgba(28, 107, 142, 0.35);
    border-radius: 20px;
    width: 100%;
}

div#blogs .carousel-item .wpb_text_column {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9;
}

#blogs .owl-item {
    padding: 0 10px;
}

div#blogs .carousel-item h3 {
    text-shadow: 2px 2px 28px rgba(28, 107, 142, 0.9);
}

div#blogs .carousel-item a {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none; /* Underline khatam karne ke liye */
    
    /* 2-Color Border Logic */
    background-image: linear-gradient(to right, #FA7B05 50%, #00FFF0 50%);
    background-position: bottom left;
    background-size: 100% 2px; /* 2px border ki thickness hai */
    background-repeat: no-repeat;
    padding-bottom: 4px; /* Text aur border ke beech ka gap */
}

#blogs .carousel-item:hover {transform: scale(1.05);}

/* --- Blogs Carousel Container end --- */

/* === START: CUSTOM CONTACT FORM & MAP STYLING === */

.nectar-global-section.before-footer {
    background: transparent;
}

/* --- List Items Styling --- */
div#cta-form .list-item li {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

div#cta-form .nectar-fancy-ul li {
    color: #fff;
    padding-left: unset;
    margin-bottom: 15px;
}

div#cta-form .nectar-fancy-ul li strong {
    font-family: 'Anton';
    font-weight: 100;
    color: #F4EA33;
    display: inline-block;
    width: 80px;
}

/* --- Form Container Styling --- */
.form {
    background: #08181F;
    padding: 50px !important;
    border-radius: 20px;
     /* Softer shadow */
    transition: transform 0.3s ease;
    box-shadow: 0px 0px 42px 20px #1c6b8e6e;
}

/* --- Input & Textarea Fields --- */
.form .row input, 
.form .row textarea {
    background: #0b222b !important; /* Slightly lighter than form bg */
    padding: 15px !important;
    border-radius: 10px;
    border: 1px solid rgba(28, 107, 142, 0.3); /* Subtle border */
   box-shadow: 0px 0px 20px 2px rgba(28, 107, 142, 0.5); /* Blue glow on focus */
    color: #fff;
    font-weight: 100;
    font-size: 18px;
    line-height: 26px;
    transition: all 0.3s ease-in-out;
}

/* --- Focus & Active States for Inputs --- */
.form .row input:focus, 
.form .row textarea:focus {
    outline: none !important;
    border-color: #F4EA33; /* Glow border on focus */
    background: #0d2a35 !important;
    box-shadow: 0px 0px 20px 2px rgba(28, 107, 142, 0.5); /* Blue glow on focus */
    transform: translateY(-2px); /* Slight lift */
}

.form .row input::placeholder, 
.form .row textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 100;
}

.form .row textarea {
    height: 220px;
}

/* --- Submit Button Styling --- */
body[data-form-submit=regular] .container-wrap .form .btn-row input[type=submit] {
    background: #F4EA33 !important;
    font-size: 24px;
    line-height: 32px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 70px !important;
    border-radius: 5px !important;
    border: 2px solid transparent;
    box-shadow: 0 5px 15px rgba(244, 234, 51, 0.4);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Bouncy effect */
    font-weight: 200;
    cursor: pointer;
}

/* --- Submit Button Hover --- */
body[data-form-submit=regular] .container-wrap .form .btn-row input[type=submit]:hover {
    transform: scale(1.05) !important;
    opacity: 1;
  
    box-shadow: 0 0 25px #F4EA33, 0 0 50px rgba(244, 234, 51, 0.6) !important;
    border-color: #000;
}

/* --- Map & Image Styling --- */
div#map-row img {
    border-radius: 50%;
    transition: transform 0.5s ease;
     /* Blue glow on focus */
    box-shadow: 0px 0px 42px 20px #1c6b8e6e;
}

div#map-row img:hover {
    transform: rotate(5deg) scale(1.02); /* Subtle tilt on hover */
}

div#map-row a.link_text {
    font-family: 'Anton';
    font-weight: 100;
    text-decoration: underline;
    color: #F4EA33;
    transition: color 0.3s ease;
}

div#map-row a.link_text:hover {
    color: #fff;
    text-decoration: none;
}

/* === END: CUSTOM CONTACT FORM & MAP STYLING === */





/* === Start:FOOTER STYLING === */



img.logo-ft {
    max-width: 400px !important;
    display: block;
    margin: auto;
}



div#ft-main .wpb_raw_html ul {
    display: flex;
    justify-content: center;
    margin: 40px 0 !important;
    align-items: center;
}

div#ft-main .wpb_raw_html ul li {
    list-style: none;
    color: #fff;
    font-family: 'Anton';
    font-size: 24px;
    line-height: 32px;
    margin: 0 10px;
}

div#ft-main .wpb_raw_html ul li i {
    background: #fff;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    -webkit-text-fill-color: #000;
    transition: all 0.5s;
}

div#ft-main .wpb_raw_html ul li i:hover {
    background: #F4EA33;
}

div#ft-main .wpb_text_column ul {
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#ft-main .wpb_text_column ul li {
    list-style: none;
    margin: 0 10px;
}

div#ft-main .wpb_text_column ul li a {
    color: #fff;
    font-family: 'Lexend';
    font-weight: 500;
    transition: all 0.5s;
}

div#ft-main .wpb_text_column ul li a:hover {
    color: #F4EA33;
}

div#ft-main .badges-blk {}

div#ft-main .badges-blk .wpb_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

div#ft-main .badges-blk .wpb_wrapper p {
    padding: unset;
}



div#copyright ul {
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#copyright ul li {
    list-style: none;
    margin: 0 10px;
}

div#copyright ul li a {
    color: #fff;
}

div#partners {
    border-bottom: 1px solid #013558;
}

div#copyright {
    padding-bottom:  20px !important;
}

.nectar-global-section.before-footer {
    position: relative;
    overflow: hidden;
}

.nectar-global-section.before-footer::before {
    content: "";
    position: absolute;
    width: 110%;
    height: 520px;
    left: 50%;
    bottom: -120px; /* thora neeche, footer se chipka hua na lage */
    transform: translateX(-50%);
    background: radial-gradient(ellipse at center, rgb(1 53 88 / 69%) 0%, rgb(1 53 88 / 48%) 40%, rgb(1 53 88 / 26%) 65%, #00000000 75%);
    filter: blur(40px);
    pointer-events: none;
}
/* === END :FOOTER STYLING === */


/* === START :ABOUT STYLING === */

div#about-us-banner .row-bg {
    position: relative;
}

div#about-us-banner .row-bg:before {
       content: "";
       position: absolute;
       width: 110%;
       height: 800px;
       left: 0;
       bottom: 0;
       background: radial-gradient(ellipse at center, rgb(1 53 88 / 87%) 0%, rgb(1 53 88 / 65%) 40%, rgb(1 53 88 / 26%) 65%, #00000000 75%);
       filter: blur(40px);
       pointer-events: none;
       transform: translateX(-50%);
       top: 0;
       margin: auto 0;
}
div#about-us-banner .row-bg:after {
       content: "";
       position: absolute;
       width: 110%;
       height: 800px;
       right: 0;
       bottom: 0;
       background: radial-gradient(ellipse at center, rgb(1 53 88 / 87%) 0%, rgb(1 53 88 / 65%) 40%, rgb(1 53 88 / 26%) 65%, #00000000 75%);
       filter: blur(40px);
       pointer-events: none;
       transform: translateX(50%);
       top: 0;
       margin: auto 0;
}

.history-inner .wpb_wrapper {
    column-count: 2;
}

.bg-dark .vc_column-inner {
    background: radial-gradient(#1c6b8e4d 100%, #FFFFFF 0%);
    padding: 20px !important;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    border: 1px solid #1c6b8e7d;
}

.nectar-fancy-box h3 {
    font-size: 27px;
    line-height: 35px;
}

.nectar-fancy-box {
    padding: 20px !important;
}



.bg-dark-light {
    background: radial-gradient(#a5bdff0d 100%, #806EF4 22%, #8146D4 0%);
    padding: 30px !important;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    border: 1px solid #1c6b8e7d;
}


div#learn-more-abt-hist img {
    width: 100%;
}

.Overview p {
    COLOR: #000;
    OPACITY: 0.7;
}

div#features.Overview .vc_column-inner .wpb_text_column {
    min-height: unset;
    margin-left: 20px;
}

div#features.Overview img {
    width: 100%;
}

div#features.Overview .vc_column-inner:hover {
    top: unset;
    transform: scale(0.95) !important;
}

div#features.Overview .vc_column-inner .wpb_text_column h4 strong {
    background: #F4EA33;
    padding: 4px 20px;
    border-radius: 0 20px 20px 0;
}
/* === END :ABOUT STYLING === */


/* === START :MANUFACTURER SIDEBAR === */

div#mfg-content .col-sec {
    width: 18%;
}

div#mfg-content .mfg-post {
    background: #fff;
    border-radius: 10px !important;
    text-align: center;
    padding-top: 30px;
    box-shadow: 0px 0px 20px 2px rgba(28, 107, 142, 0.5);
    transition: all 0.5s;
}

div#mfg-content .mfg-post-content {
    padding: 20px 10px;
    text-align: left;
    background: #F6F6F6;
    border-radius: 0 0 10px  10px;
}

div#mfg-content .mfg-post-content p {
    color: #000;
    FONT-FAMILY: 'Anton';
    padding-bottom: unset;
}

button.mfg-learn-btn {
    font-family: 'Lexend';
    border: unset;
    padding-left: unset;
    text-decoration: underline;
}

.mfg-learn-btn i {
    text-decoration: unset;
}

.mfg-learn-wrap {
    margin-top: unset;
}



.mfg-popup {
    color: #ffffff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px !important;
    background: #0b222b !important;
    padding: 15px !important;
    border-radius: 10px;
    border: 1px solid rgba(28, 107, 142, 0.3);
    box-shadow: 0px 0px 20px 2px rgba(28, 107, 142, 0.5);
}

.sidebar {
    background: linear-gradient(150deg, #011A2B 60%, transparent 130%);
    border: 1px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}

.sidebar-header {
    background: #F4EA33;
    padding: 15px 20px;
}

.sidebar-header h3 {
    color: #1C1C1C;
    font-size: 30px;
    line-height: 38px !important;
    font-family: 'Lexend';
    font-weight: 400;
}

.sidebar-menu {
    padding: 20px 15px;
}

.menu-title {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.menu-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    bottom: 0;
    background: #F4EA33;
    height: 5px;
    width: 5px;
    margin: auto 0;
    border-radius: 50%;
    transform: scale(2.5);
}

.submenu li {
    color: #fff;
    list-style: none;
    font-size: 16px;
    line-height: 24px;
    transition: all 0.5s;
}

.submenu {
    margin: unset;
    padding-left: unset;
    transition: all 0.5s;
}

.submenu li:hover {
    color: #F4EA33;
}

.menu-item:last-child .menu-title {
    border-bottom: unset;
}

/* === END :MANUFACTURER SIDEBAR === */

/* beneicial section CSS start */

#beneficial ul li {
    position: relative;
    list-style: none;
    padding-bottom: 15px;
    padding-left: 35px;
    color: #fff;
}

#beneficial ul {
    margin: unset;
}

#beneficial ul li:before {
    content: '\f00c';
    position: absolute;
    font-family: 'FontAwesome';
    background: #F4EA33;
    color: #000;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

/* beneficial section CSS end */

/* blogs-main section CSS start */

#blogs-main h4 {
    color: #fff;
}

#blogs-main h5 {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Anton';
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#blogs-main img.nectar-text-inline-images__image {
    height: 60px;
    width: 60px;
}

#blogs-main h2 {
	text-align: center;
}

#blogs-main h4 {
	font-size: 30px;
	line-height: 38px;
}

#blogs-main .nectar-text-inline-images__marker {
    width: 70px !important;
    height: 70px !important;
}

#blogs-main .nectar-text-inline-images {
    background: #08181F;
    padding: 20px 20px;
    border-radius: 0px 0px 20px 20px;
}

#blogs-main .hover-wrap {
    margin: unset;
}

#blogs-main #cta-btn {
    font-size: 18px;
    line-height: 26px;
    padding: 12px 40px !important;
    position: absolute;
    top: 86%;
    right: 4%;
}

#blogs-inr .vc_column-inner {
    position: relative;
    box-shadow: #1C6B8E 0px 7px 29px 0px;
	border-radius: 20px;
	transition: all 0.5s;
}


#blogs-inr .vc_column-inner:hover {
	transform: scale(0.95);
}

#blogs-main .type-blk {
    text-align: center;
}

/* blogs-main section CSS end */

/* powerpoint section CSS start */

#powerpoint.blogss {
    margin-top: 100px;
}

div#powerpoint {
    padding: 40px 50px !important;
    background: linear-gradient(45deg, #1c6b8e54, #1c6b8e5e, #1c6b8e26);
    border-radius: 18px;
}

#powerpoint h4 {
    color: #fff;
    font-family: 'Lexend';
    font-size: 42px;
    line-height: 50px;
}

#powerpoint button.owl-dot.active span {
    background: #fff !important;
    transform: unset;
}

#powerpoint button.owl-dot span {
    background: #ffffff63;
    height: 20px;
    width: 20px;
    margin: 5px 3px;
}

#cta-btn.black {
	background: #0000007a !important;
	margin-left: 15px;
	color: #fff;
}

/* powerpoint section CSS end */

/* tabs section CSS start */

#tabs h2 {
    text-transform: capitalize;
    text-align: center;
}

#tabs-inr .hover-wrap {
    margin: unset;
}

#tabs-inr .wpb_text_column {
    padding: 20px 20px;
    background: #08181F;
    border-radius: 0px 0px 20px 20px;
}

#tabs-inr p {
    font-size: 18px;
    line-height: 26px;
}

#tabs-inr .vc_column-inner {
    border-radius: 20px;
    box-shadow: #1C6B8E 0px 7px 29px 0px;
}

#tabs ul.wpb_tabs_nav {
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 15px 20px !important;
    display: flex;
    justify-content: center;
    justify-content: space-between;
}

#tabs ul.wpb_tabs_nav li a {
    font-size: 30px;
    line-height: 38px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'Anton';
    color: #fff;
    padding: 12px 60px;
    border-radius: 13px;
}

#tabs ul.wpb_tabs_nav li.active-tab a {
    background: #F4EA33;
    color: #000;
    border: 1px solid #000;
}

/* tabs section CSS end */

/* linkedin section CSS start */

div#linkedin {
	padding: 50px 50px !important;
	background: #08181F;
	border: 1px solid #013558;
    box-shadow: #1C6B8E 0px 7px 29px 0px;
	border-radius: 8px !important;
}

/* linkedin section CSS start */

/* watch section CSS start */

#watch .nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow):before {
    opacity: 1 !important;
}

#watch .nectar_video_lightbox svg path {
    fill: #000 !important;
}

#watch .owl-dots {
    display: block;
}

#watch button.owl-dot.active span {
    transform: unset;
}

#watch button.owl-dot span {
	background: #fff;
    height: 20px;
    width: 20px;
}

/* watch section CSS end */

/* links section CSS start */

#links-inr .vc_column-inner {
    background: linear-gradient(45deg, #a5bdff2e, #806ef447, #8146d447);
    padding: 60px 60px;
    border: 1px solid #fff;
}

#links-inr ul li {
    font-size: 17px;
    line-height: 25px;
    padding-bottom: 15px;
    color: #fff;
    list-style: none;
}

#links-inr ul {
    margin: unset;
}

#links-inr h3 {
    font-size: 32px;
    line-height: 40px;
}

#links-inr .vc_col-sm-4 {
    padding: unset;
}

#links h2, #links p {
    text-align: center;
}

div#links-inr {
    text-align: left !important;
}

#links-inr .mid-col .vc_column-inner {
    border-radius: unset !important;
}

#links-inr .left-col .vc_column-inner {
    border-radius: 11px 0px 0px 11px !important;
}

#links-inr .right-col .vc_column-inner {
    border-radius: 0px 11px 11px 1px !important;
}

.page-id-243 div#cta-form {
    padding-top: 100px !important;
}

/* links section CSS end */

/* job-listing section CSS start */

#job-listing th {
    background: #F4EA33;
    font-size: 30px;
    line-height: 38px;
    font-family: 'Anton';
    color: #000;
    letter-spacing: 1px;
    padding: 20px 20px;
    border-color: #000;
}

#job-listing td, #job-listing tr {
    background: transparent;
    font-size: 26px;
    line-height: 34px;
    padding: 30px 20px;
    color: #fff;
    font-family: 'Lexend';
    backdrop-filter: blur(10px);
}

#job-listing table.job-table {
    background: transparent !important; 
    backdrop-filter: blur(10px);
    border-radius: 15px !important;
    box-shadow: #1C6B8E 0px 7px 29px 0px
}

#job-listing tbody {
    border-radius: 15px !important;
}

#job-listing a.apply-btn {
    background: #F4EA33 !important;
    font-size: 24px;
    line-height: 32px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 70px !important;
    border-radius: 5px !important;
    border: 1px solid #000;
    box-shadow: 0 0 10px #F4EA33,         0 0 30px rgba(220, 249, 101, 0.6);
    transition: 0.3s ease-in-out;
    font-weight: 200;
}

#job-listing a.apply-btn:hover {
    transform: unset !important;
    opacity: 1;
     box-shadow: 
        0 0 20px #F4EA33, 
        0 0 50px #f4ea33e8 !important;
}

#job-listing h2 {
    text-align: center;
}

/* job-listing section CSS end */

/* carrer-apply section CSS start */

#carrer-apply input, #carrer-apply textarea {
    background: transparent;
    border: 1px solid #013558;
    box-shadow: #1C6B8E 0px 7px 29px 0px;
    padding: 20px 20px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    border-radius: 8px;
}

#carrer-apply input::placeholder, #carrer-apply textarea::placeholder {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}

#carrer-apply .cf7-upload-box {
    text-align: center;
    border: 1px solid #013558;
    padding: 24px 22px;
    box-shadow: #1C6B8E 0px 7px 29px 0px;
    border-radius: 8px;
}

#carrer-apply .cf7-upload-box input {
    box-shadow: unset;
    border: unset;
}


#carrer-apply .btn {
    padding: unset;
}

#carrer-apply .btn {
    text-align: right;
}

#carrer-apply input.wpcf7-submit {
    background: #F4EA33 !important;
    font-size: 24px;
    line-height: 32px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 70px !important;
    border-radius: 5px !important;
    border: 1px solid #000;
    box-shadow: 0 0 10px #F4EA33,         0 0 30px rgba(220, 249, 101, 0.6);
    transition: 0.3s ease-in-out;
    font-weight: 200;
    position: relative;
    right: -5%;
}

#carrer-apply input.wpcf7-submit:hover {
    transform: unset !important;
    opacity: 1;
     box-shadow: 
        0 0 20px #F4EA33, 
        0 0 50px #f4ea33e8 !important;
}

#carrer-apply h2 {
	text-align: center;
}
 
#about-us-banner p {
	color: #fff;
}

.page-id-248 div#cta-form {
    display: none !important;
}

/* carrer-apply section CSS end */




@media only screen and (min-width: 1366px) and (max-width: 1599px){

#header-outer[data-full-width="true"] header > .container

 {
        padding: 0 20px 0 0;
    }

#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 90px;
}

header#top nav ul li a {
    font-size: 16px;
    line-height: 24px;
}
li#menu-item-25 img.nectar-menu-icon-img {
    max-height: unset !important;
    width: 110px;
}
li#menu-item-18 a {
    background: linear-gradient(#223D51, #223D51) padding-box, linear-gradient(to right, #d8d8d8, #8c8c8c) border-box;
    border: 2px solid transparent;
    color: #fff;
    font-family: 'Anton';
    letter-spacing: 1px;
    padding: 13px 20px !important;
    border-radius: 5px !important;
    transition: 0.3s 
ease-in-out;
    display: inline-block;
}

h1 {
    font-size: 80px !important;
    line-height: 88px !important;
}
div#hero-sec p {
    max-width: 670px;
    margin: auto;
}
a#cta-btn {
    background: #F4EA33 !important;
    font-size: 22px;
    line-height: 30px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 60px !important;
    border-radius: 5px !important;
    border: 1px solid #000;
    box-shadow: 0 0 10px #F4EA33, 0 0 30px rgba(220, 249, 101, 0.6);
    transition: 0.3s 
ease-in-out;
    font-weight: 200;
}
div#features-sec .vc_column-inner h5 {
    color: #fff;
    font-size: 30px;
    line-height: 38px !important;
    font-family: 'Anton';
    font-weight: 200;
}
div#features-sec .vc_column-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px 5px;
    border-radius: 15px;
    background: linear-gradient(150deg, #1c6b8ee0 20%, transparent 130%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s 
ease;
}
video.custom-video {
    height: 100px;
    object-fit: cover;
}
.modal-content video {
    width: 60%;
    height: auto;
    background: #000 !important;
    box-shadow: 0px 0px 42px 20px #013558;
    margin: auto;
    display: block;
}

    #header-outer.small-nav .logo-clone img, #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
        height: 85px;
    }
h2 {
    font-size: 62px;
    line-height: 70px !important;
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
}
.text-des p {
    text-align: center;
    max-width: 70%;
    margin: auto;
}
h4 {
    font-family: 'Anton';
    font-size: 22px;
    line-height: 30px;
    font-weight: 200;
}
div#features .vc_column-inner li {
    color: #000;
    font-family: 'Lexend';
    font-size: 13px;
    line-height: 21px;
    opacity: 0.9;
}
div#features .vc_column-inner .wpb_text_column {
    margin-bottom: 10px !important;
    min-height: 210px;
}
a#arrow-btn {
    background: unset !important;
    color: #000;
    font-family: 'Lexend';
    font-size: 14px;
    line-height: 22px;
    padding-top: unset;
    padding-bottom: unset;
    font-weight: 400;
    transition: all 0.5s;
}
div#why-choose-listing ul li {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100 !important;
    margin: 0 0 10px 0;
    transition: all 0.5s;
    font-size: 14px !important;
    line-height: 22px !important;
}
div#why-choose-img img {
    transition: all 0.5s;
    transform: scale(0.7);
}
div#why-choose-img img:hover {
    transform: scale(0.85);
}
h3 {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
    font-size: 30px;
    line-height: 38px;
}
div#blogs .carousel-item .wpb_text_column {
    position: absolute;
    bottom: 20px;
    left: 10px;
    z-index: 9;
}
div#cta-form .list-item li {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
}
div#cta-form .nectar-fancy-ul li {
    font-size: 14px;
    line-height: 22px;
    padding-left: unset;
    margin-bottom: 15px;
    color: #fff;
}
.form {
    background: #08181F;
    padding: 30px !important;
    border-radius: 20px;
    transition: transform 0.3s 
ease;
    box-shadow: 0px 0px 42px 20px #1c6b8e6e;
}
body[data-form-submit=regular] .container-wrap .form .btn-row input[type=submit] {
    background: #F4EA33 !important;
    font-size: 20px;
    line-height: 28px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 60px !important;
    border-radius: 5px !important;
    border: 2px solid transparent;
    box-shadow: 0 5px 15px rgba(244, 234, 51, 0.4);
    transition: all 0.4s 
cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 200;
    cursor: pointer;
}

p {
    font-size: 18px !important;
    line-height: 26px !important;
}
div#copyright ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}
	
#industry-inr .nectar-flip-box .flip-box-front .inner {
    padding: 40px 40px !important;
    top: 65% !important;
}

#sales p, #sales a {
    font-size: 17px;
    line-height: 25px;
}
	
#blogs-main .nectar-text-inline-images {
    padding: 15px 15px !important;
}

#blogs-main h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}

#blogs-main .nectar-text-inline-images__marker {
    width: 50px !important;
    height: 50px !important;
}

#blogs-main img.nectar-text-inline-images__image {
    height: 40px !important;
    width: 40px !important;
}

#blogs-main #cta-btn {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 10px 25px !important;
}

div#powerpoint {
    padding: 40px 40px !important;
}

div#powerpoint {}

#tabs ul.wpb_tabs_nav li a {
    font-size: 25px !important;
    line-height: 33px !important;
}

#tabs-inr p {
    font-size: 15px !important;
    line-height: 23px !important;
}

#links-inr .vc_column-inner {
    padding: 40px 40px !important;
}

#links-inr ul li {
    font-size: 15px !important;
    line-height: 23px !important;
    padding-bottom: 10px !important;
}	
	
#job-listing th {
    font-size: 25px !important;
    line-height: 33px !important;
}

#job-listing td, #job-listing tr {
    font-size: 22px !important;
    line-height: 30px !important;
}

#carrer-apply textarea {
    height: 300px !important;
}	
	
div#why-choose-img img {
    min-width: 270px !important;
}

}




@media only screen and (min-width:1200px) and (max-width:1365px){

#header-outer[data-full-width="true"] header > .container

 {
        padding: 0 20px 0 0;
    }

#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 80px;
}

header#top nav ul li a {
    font-size: 16px;
    line-height: 24px;
}
li#menu-item-25 img.nectar-menu-icon-img {
    max-height: unset !important;
    width: 110px;
}
li#menu-item-18 a {
    background: linear-gradient(#223D51, #223D51) padding-box, linear-gradient(to right, #d8d8d8, #8c8c8c) border-box;
    border: 2px solid transparent;
    color: #fff;
    font-family: 'Anton';
    letter-spacing: 1px;
    padding: 13px 20px !important;
    border-radius: 5px !important;
    transition: 0.3s 
ease-in-out;
    display: inline-block;
}

h1 {
    font-size: 70px !important;
    line-height: 78px !important;
}
div#hero-sec p {
    max-width: 670px;
    margin: auto;
}
a#cta-btn {
    background: #F4EA33 !important;
    font-size: 22px;
    line-height: 30px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 60px !important;
    border-radius: 5px !important;
    border: 1px solid #000;
    box-shadow: 0 0 10px #F4EA33, 0 0 30px rgba(220, 249, 101, 0.6);
    transition: 0.3s 
ease-in-out;
    font-weight: 200;
}
div#features-sec .vc_column-inner h5 {
    color: #fff;
    font-size: 28px;
    line-height: 36px !important;
    font-family: 'Anton';
    font-weight: 200;
}
div#features-sec .vc_column-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px 5px;
    border-radius: 15px;
    background: linear-gradient(150deg, #1c6b8ee0 20%, transparent 130%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s 
ease;
}
video.custom-video {
    height: 90px;
    object-fit: cover;
}
.modal-content video {
    width: 60%;
    height: auto;
    background: #000 !important;
    box-shadow: 0px 0px 42px 20px #013558;
    margin: auto;
    display: block;
}

    #header-outer.small-nav .logo-clone img, #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
        height: 75px;
    }
h2 {
    font-size: 52px;
    line-height: 60px !important;
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
}
.text-des p {
    text-align: center;
    max-width: 70%;
    margin: auto;
}
h4 {
    font-family: 'Anton';
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
}
div#features .vc_column-inner li {
    color: #000;
    font-family: 'Lexend';
    font-size: 12px;
    line-height: 20px;
    opacity: 0.9;
}
div#features .vc_column-inner .wpb_text_column {
    margin-bottom: 10px !important;
    min-height: 190px;
}
a#arrow-btn {
    background: unset !important;
    color: #000;
    font-family: 'Lexend';
    font-size: 14px;
    line-height: 22px;
    padding-top: unset;
    padding-bottom: unset;
    font-weight: 400;
    transition: all 0.5s;
}
div#why-choose-listing ul li {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100 !important;
    margin: 0 0 10px 0;
    transition: all 0.5s;
    font-size: 13px !important;
    line-height: 21px !important;
    letter-spacing: 1px;
}
div#why-choose-img img {
    transition: all 0.5s;
    transform: scale(0.7);
}
div#why-choose-img img:hover {
    transform: scale(0.85);
}
h3 {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
    font-size: 28px;
    line-height: 36px;
}
div#blogs .carousel-item .wpb_text_column {
    position: absolute;
    bottom: 20px;
    left: 10px;
    z-index: 9;
}
div#cta-form .list-item li {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
}
div#cta-form .nectar-fancy-ul li {
    font-size: 14px;
    line-height: 22px;
    padding-left: unset;
    margin-bottom: 15px;
    color: #fff;
}
.form {
    background: #08181F;
    padding: 30px !important;
    border-radius: 20px;
    transition: transform 0.3s 
ease;
    box-shadow: 0px 0px 42px 20px #1c6b8e6e;
}
body[data-form-submit=regular] .container-wrap .form .btn-row input[type=submit] {
    background: #F4EA33 !important;
    font-size: 20px;
    line-height: 28px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 60px !important;
    border-radius: 5px !important;
    border: 2px solid transparent;
    box-shadow: 0 5px 15px rgba(244, 234, 51, 0.4);
    transition: all 0.4s 
cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 200;
    cursor: pointer;
}
div#features-sec .video-col .vc_column-inner .video-overlay h3 {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    width: 100%;
}
div#features .vc_column-inner ul {
    margin-left: 10px;
}
p {
    font-size: 18px !important;
    line-height: 26px !important;
}
div#copyright ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}
div#ft-main .wpb_text_column ul li a {
    color: #fff;
    font-family: 'Lexend';
    font-weight: 500;
    transition: all 0.5s;
    font-size: 18px;
    line-height: 26px;
}

div#text-inr {
    padding: 25px 25px !important;
}

#industry-inr .nectar-flip-box .flip-box-front .inner {
    padding: 40px 40px !important;
    top: 65% !important;
}

#sales p, #sales a {
    font-size: 16px !important;
    line-height: 24px !important;
}

#sales h3 {
    font-size: 32px !important;
    line-height: 40px !important;
}

#sales-inr .vc_column-inner {
    padding: 25px 25px !important;
}	
	#blogs-main .nectar-text-inline-images {
    padding: 15px 15px !important;
}

#blogs-main h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}

#blogs-main .nectar-text-inline-images__marker {
    width: 50px !important;
    height: 50px !important;
}

#blogs-main img.nectar-text-inline-images__image {
    height: 40px !important;
    width: 40px !important;
}

#blogs-main #cta-btn {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 10px 25px !important;
}

div#powerpoint {
    padding: 40px 40px !important;
}

div#powerpoint {}

#tabs ul.wpb_tabs_nav li a {
    font-size: 25px !important;
    line-height: 33px !important;
}

#tabs-inr p {
    font-size: 15px !important;
    line-height: 23px !important;
}

#links-inr .vc_column-inner {
    padding: 40px 40px !important;
}

#links-inr ul li {
    font-size: 15px !important;
    line-height: 23px !important;
    padding-bottom: 10px !important;
}

	
#job-listing th {
    font-size: 22px !important;
    line-height: 30px !important;
}

#job-listing td, #job-listing tr {
    font-size: 20px !important;
    line-height: 28px !important;
}

#carrer-apply textarea {
    height: 300px !important;
}

#job-listing a.apply-btn {
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 12px 50px !important;
}
	
div#why-choose-img img {
    min-width: 270px !important;
    position: relative; !important;
    left: -25% !important;
}	
	
}




@media only screen and (min-width: 1000px) and (max-width: 1199px){ 

	
	
#header-outer[data-full-width="true"] header > .container

 {
        padding: 0 20px 0 0;
    }

#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 60px;
}

header#top nav ul li a {
    font-size: 13px;
    line-height: 22px;
}
li#menu-item-25 img.nectar-menu-icon-img {
    max-height: unset !important;
    width: 110px;
}
li#menu-item-18 a {
    background: linear-gradient(#223D51, #223D51) padding-box, linear-gradient(to right, #d8d8d8, #8c8c8c) border-box;
    border: 2px solid transparent;
    color: #fff;
    font-family: 'Anton';
    letter-spacing: 1px;
    padding: 13px 14px !important;
    border-radius: 5px !important;
    transition: 0.3s 
ease-in-out;
    display: inline-block;
}

h1 {
    font-size: 60px !important;
    line-height: 68px !important;
}
div#hero-sec p {
    max-width: 670px;
    margin: auto;
}
a#cta-btn {
    background: #F4EA33 !important;
    font-size: 18px;
    line-height: 26px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 50px !important;
    border-radius: 5px !important;
    border: 1px solid #000;
    box-shadow: 0 0 10px #F4EA33, 0 0 30px rgba(220, 249, 101, 0.6);
    transition: 0.3s 
ease-in-out;
    font-weight: 200;
}
div#features-sec .vc_column-inner h5 {
    color: #fff;
    font-size: 23px;
    line-height: 31px !important;
    font-family: 'Anton';
    font-weight: 200;
}
div#features-sec .vc_column-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px 5px;
    border-radius: 15px;
    background: linear-gradient(150deg, #1c6b8ee0 20%, transparent 130%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s 
ease;
}
video.custom-video {
    height: 80px;
    object-fit: cover;
}
.modal-content video {
    width: 60%;
    height: auto;
    background: #000 !important;
    box-shadow: 0px 0px 42px 20px #013558;
    margin: auto;
    display: block;
}

    #header-outer.small-nav .logo-clone img, #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
        height: 55px;
    }
h2 {
    font-size: 42px;
    line-height: 50px !important;
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
}
.text-des p {
    text-align: center;
    max-width: 60%;
    margin: auto;
}
h4 {
    font-family: 'Anton';
    font-size: 18px;
    line-height: 26px;
    font-weight: 200;
}
div#features .vc_column-inner li {
    color: #000;
    font-family: 'Lexend';
    font-size: 10px;
    line-height: 18px;
    opacity: 1;
}
div#features .vc_column-inner .wpb_text_column {
    margin-bottom: 10px !important;
    min-height: 180px;
}
a#arrow-btn {
    background: unset !important;
    color: #000;
    font-family: 'Lexend';
    font-size: 14px;
    line-height: 22px;
    padding-top: unset;
    padding-bottom: unset;
    font-weight: 400;
    transition: all 0.5s;
}
div#why-choose-listing ul li {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100 !important;
    margin: 0 0 10px 0;
    transition: all 0.5s;
    font-size: 11px !important;
    line-height: 19px !important;
    letter-spacing: 1px;
}
div#why-choose-img img {
    transition: all 0.5s;
    transform: scale(0.7);
}
div#why-choose-img img:hover {
    transform: scale(0.85);
}
h3 {
    color: #fff;
    font-family: 'Anton';
    font-weight: 100;
    font-size: 25px;
    line-height: 33px;
}
div#blogs .carousel-item .wpb_text_column {
    position: absolute;
    bottom: 20px;
    left: 10px;
    z-index: 9;
}
div#cta-form .list-item li {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
}
div#cta-form .nectar-fancy-ul li {
    font-size: 14px;
    line-height: 22px;
    padding-left: unset;
    margin-bottom: 15px;
    color: #fff;
}
.form {
    background: #08181F;
    padding: 30px !important;
    border-radius: 20px;
    transition: transform 0.3s 
ease;
    box-shadow: 0px 0px 42px 20px #1c6b8e6e;
}
body[data-form-submit=regular] .container-wrap .form .btn-row input[type=submit] {
    background: #F4EA33 !important;
    font-size: 16px;
    line-height: 24px !important;
    color: #000;
    font-family: 'Anton';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 50px !important;
    border-radius: 5px !important;
    border: 2px solid transparent;
    box-shadow: 0 5px 15px rgba(244, 234, 51, 0.4);
    transition: all 0.4s 
cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 200;
    cursor: pointer;
}
div#features-sec .video-col .vc_column-inner .video-overlay h3 {
    font-size: 13px;
    line-height: 23px;
    color: #fff;
    width: 100%;
}
div#features .vc_column-inner ul {
    margin-left: 10px;
}
p {
    font-size: 16px !important;
    line-height: 24px !important;
}
div#copyright ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}
.form .row textarea {
    height: 120px;
}
div#map-row a.link_text {
    font-family: 'Anton';
    font-weight: 100;
    text-decoration: underline;
    color: #F4EA33;
    transition: color 0.3s 
ease;
    font-size: 17px;
    line-height: 25px !important;
}
div#cta-form .nectar-fancy-ul li strong {
    font-family: 'Anton';
    font-weight: 100;
    color: #F4EA33;
    display: inline-block;
    width: 60px;
}
div#ft-main .wpb_text_column ul li a {
    color: #fff;
    font-family: 'Lexend';
    font-weight: 500;
    transition: all 0.5s;
    font-size: 18px;
    line-height: 26px;
}

.container.main-content {
    padding: 0 40px !important;
}

div#industry-served {}

div#industry-served .owl-dots {
    display: none;
}

div#text-inr {
    padding: 20px 20px !important;
}

#industry-inr .nectar-flip-box .flip-box-front .inner {
    padding: 30px 30px !important;
    top: 70% !important;
}

#sales p, #sales a {
    font-size: 15px !important;
    line-height: 23px !important;
}

#sales h3 {
    font-size: 28px !important;
    line-height: 36px !important;
}

#sales-inr .vc_column-inner {
    padding: 20px 20px !important;
}	
	
#blogs-main .nectar-text-inline-images {
    padding: 15px 15px !important;
}

#blogs-main h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}

#blogs-main .nectar-text-inline-images__marker {
    width: 50px !important;
    height: 50px !important;
}

#blogs-main img.nectar-text-inline-images__image {
    height: 40px !important;
    width: 40px !important;
}

#blogs-main #cta-btn {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 10px 25px !important;
}

div#powerpoint {
    padding: 40px 40px !important;
}

div#powerpoint {}

#tabs ul.wpb_tabs_nav li a {
    font-size: 25px !important;
    line-height: 33px !important;
}

#tabs-inr p {
    font-size: 15px !important;
    line-height: 23px !important;
}

#links-inr .vc_column-inner {
    padding: 40px 40px !important;
}

#links-inr ul li {
    font-size: 15px !important;
    line-height: 23px !important;
    padding-bottom: 10px !important;
}	
	
div#why-choose-img img {
    min-width: 230px !important;
    position: relative; !important;
    left: -20% !important;
}	

}
@media only screen and (min-width:768px) and (max-width: 999px){ }
@media only screen and (min-width: 520px) and (max-width: 767px){ }
@media only screen and (min-width: 300px) and (max-width: 519px){ }