/*
Theme Name: Visual Composer Starter Child
Theme URL: https://visualcomposer.com/visual-composer-starter-theme/
Description: Visual Composer Starter Child Theme
Theme Author: Visual Composer
Author URL: https://visualcomposer.com/
Template: visual-composer-starter
Version: 1.0.0
Text Domain: visual-composer-starter-child
*/
/* fonts */
@font-face {
font-family: Montserrat-Regular;
src: url(assets/fonts/Montserrat-Regular.otf);
}
@font-face {
font-family: Montserrat-Bold;
src: url(assets/fonts/Montserrat-Bold.otf);
}
:root {
--font-1-font-family: 'Montserrat-Regular';
--font-2-font-family: 'Montserrat-Bold';
--font-3-font-family: 'Montserrat-Regular';
--font-4-font-family: 'Montserrat-Regular';
--font-5-font-family: 'Montserrat-Regular';
--font-6-font-family: 'Montserrat-Regular';
--font-7-font-family: 'Montserrat-Regular';
--font-8-font-family: 'Montserrat-Regular';
--font-9-font-family: 'Montserrat-Regular';
--font-10-font-family: 'Montserrat-Regular';
--font-11-font-family: 'Montserrat-Regular';
--font-12-font-family: 'Montserrat-Regular';
--color-2: #084776;
--color-3: #0000;
--color-4: #007ac6;
--color-5: #057ab3;
--color-6: #00aff0;
--link-color-normal: #f59a40;
--link-color-hover: #ca3328;
}
/* general css */
.sticky {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1030;
max-width: 100%;
}
/* body */
html {
font-size: 1rem;
}
body {
font-family: 'Poppins', sans-serif;
line-height: 1.2;
letter-spacing: .01rem
}
a {
color: #6c757d;
text-decoration: none;
}
a:hover {
color: #007ac6;
text-decoration: none;
}
h1 {
font-size: 3.75rem;
}
h2 {
font-size: 3.5rem;
}
h3 {
font-size: 3rem;
}
h4 {
font-size: 2.5rem;
}
h5 {
font-size: 2rem;
}
h6 {
font-size: 1rem;
}
p {
font-family: 'Poppins', sans-serif;
color: black;
font-size: 1rem;
}
.font-1,
.font-2,
.font-3,
.font-4,
.font-5,
.font-6,
.font-7,
.font-8,
.font-9,
.font-10,
.font-11,
.font12 {}
.font-1 {
font-family: var(--font-1-font-family);
}
.font-2 {
font-family: var(--font-2-font-family);
}
.font-3 {
font-family: var(--font-3-font-family);
}
.font-4 {
font-family: var(--font-4-font-family);
}
.font-5 {
font-family: var(--font-5-font-family);
}
.font-6 {
font-family: var(--font-6-font-family);
}
.font-7 {
font-family: var(--font-7-font-family);
}
.font-8 {
font-family: var(--font-8-font-family);
}
.font-9 {
font-family: var(--font-9-font-family);
}
.font-10 {
font-family: var(--font-10-font-family);
}
.font-11 {
font-family: var(--font-11-font-family);
}
.font-12 {
font-family: var(--font-12-font-family);
}
.color-white {
color: #fff;
}
.color-black {
color: #000;
}
.color-3 {
color: var(--color-3);
}
.color-4 {
color: var(--color-4);
}
.color-2 {
color: var(--color-2);
}
.color-6 {
color: var(--color-6);
}
.color-5 {
color: var(--color-5);
}
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.display-7,
.display-8,
.display-9,
.display-10,
.display-11,
.display-12,
.display-13,
.display-14 {}
.display-1 {
font-size: 4rem;
}
.display-2 {
font-size: 3.75rem;
}
.display-3 {
font-size: 3.5rem;
}
.display-4 {
font-size: 3.25rem;
}
.display-5 {
font-size: 3rem;
}
.display-6 {
font-size: 2.75rem;
}
.display-7 {
font-size: 2.5rem;
}
.display-8 {
font-size: 2.25rem;
}
.display-9 {
font-size: 2rem;
}
.display-10 {
font-size: 1.75rem;
}
.display-11 {
font-size: 1.5rem;
}
.display-12 {
font-size: 1.4rem;
}
.display-13 {
font-size: 1.3rem;
}
.display-14 {
font-size: 1.2rem;
}
/*Visual Composer*/
.vce-row-container {
width: 100%;
}
/* body overlay */
.body__overlay {
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.8);
cursor: url(assets/img/close.webp) 25 25, pointer;
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s;
visibility: hidden;
width: 100%;
z-index: 99999;
}
.body__overlay.is-visible {
opacity: 1;
transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s;
visibility: visible;
}
/* preloader */
#preloader_active {
background-color: #ffffff;
height: 100%;
width: 100%;
position: fixed;
z-index: 999999;
margin-top: 0px;
top: 0px;
}
#loading-center {
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 150px;
margin-top: -25px;
margin-left: -75px;
}
.object {
width: 8px;
height: 50px;
margin-right: 5px;
background-color: #ff4136;
-webkit-animation: animate 1s infinite;
animation: animate 1s infinite;
float: left;
}
.object:last-child {
margin-right: 0px;
}
.object:nth-child(10) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.object:nth-child(9) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.object:nth-child(8) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.object:nth-child(7) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.object:nth-child(6) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.object:nth-child(5) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.object:nth-child(4) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.object:nth-child(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.object:nth-child(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
@-webkit-keyframes animate {
50% {
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@keyframes animate {
50% {
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
/* social network icons : color */
.social {}
.social ul {
list-style-type: none;
}
.social li {
display: inline-block;
}
.fa-color .fab {
border-radius: 50%;
}
.fa-color .fab.fa-facebook-f {
color: white;
background-color: #3b5998;
padding: 4px 8px;
}
.fa-color .fab.fa-linkedin-in {
color: white;
background-color: #007ab9;
padding: 4px 6px;
}
.fa-color .fab.fa-pinterest-p {
color: white;
background-color: #cb2027;
padding: 4px 7px;
}
.fa-color .fab.fa-google-plus-g {
color: white;
background-color: #dc4e41;
padding: 4px 4px;
}
.fa-color .fab.fa-twitter {
color: white;
background-color: #55acee;
padding: 4px 4px;
}
.fa-color .fab.fa-instagram {
color: white;
background-color: #6a453b;
padding: 4px 5px;
}
/* slick slider */
/* nav-arrow : general */
.slick-wrap .slick-arrow {
position: absolute;
background-color: black;
}
.slick-wrap .slick-arrow:hover {
background-color: black;
}
/* nav-arrow : top around */
.slick-wrap.nav-top-around .slick-arrow {
top: -29px;
z-index: 99;
}
.slick-wrap.nav-top-around .slick-next {
right: 0;
}
/* nav-arrow : top right */
.slick-wrap.nav-top-right .slick-arrow {
top: -20px;
right: 0px;
}
.slick-wrap.nav-top-right .slick-prev {
right: 51px;
left: unset;
}
/* nav-arrow : top center */
.slick-wrap.nav-top-center .slick-arrow {
top: -35px;
left: 44%;
}
.slick-wrap.nav-top-center .slick-next {
margin-left: 82px;
}
/* nav-arrow : center around */
.slick-wrap.nav-center-around .slick-arrow {
top: 50%;
z-index: 99;
}
.slick-wrap.nav-center-around .slick-next {
right: 0;
}
/* nav-arrow : bottom around */
.slick-wrap.nav-bottom-around .slick-arrow {
bottom: -30px;
z-index: 99;
}
.slick-wrap.nav-bottom-around .slick-next {
right: 0;
}
/* nav-arrow : bottom center */
.slick-wrap.nav-bottom-center-center .slick-arrow {
bottom: -35px;
left: 44%;
}
.slick-wrap.nav-bottom-center-center .slick-next {
margin-left: 82px;
}
/* nav-arrow : bottom right */
.slick-wrap.nav-bottom-right .slick-arrow {
bottom: -35px;
right: 0px;
}
.slick-wrap.nav-bottom-right .slick-prev {
right: 25px;
}
/* nav-arrow : bottom left */
.slick-wrap.nav-bottom-left .slick-arrow {
bottom: 0;
left: 0;
}
.slick-wrap.nav-bottom-left .slick-next {
left: 25px;
}
/*Woocommerce Product slider*/
.slick-wrap .item {
border: 1px solid gray;
text-align: center;
position: relative;
}
.slick-wrap .item img {
text-align: center;
}
.slick-wrap .item:hover .product-action .buttons {
display: block;
}
.slick-wrap .item .product-action ul.buttons {
display: none;
position: absolute;
animation: action_btns_move 0.6s ease-out;
animation-fill-mode: forwards;
background: #212529;
text-align: center;
opacity: 0.85;
padding: 0px;
}
@keyframes action_btns_move {
from {
bottom: 0%;
}
to {
bottom: 50%;
}
}
.slick-wrap .product-action {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
}
.slick-wrap .item .product-action .buttons a {
color: white;
}
.slick-wrap .item .product-action .buttons li {
display: inline-block;
padding: 15px 0px;
float: left;
text-align: center;
position: relative;
}
.slick-wrap .item .product-action .buttons i {
font-size: 20px;
padding-right: 15px;
padding-left: 15px;
text-align: center;
color: #fff;
border-right: 1px solid #5a5a5a;
}
.slick-wrap .item .product-title {
color: #101010;
font-size: 14px;
font-weight: 600;
padding: .5em .7em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.slick-wrap .item .price {
color: #77a464;
margin-bottom: .5em;
font-size: 1em;
font-weight: 600;
margin: 11px;
}
.slick-wrap .item .sales_price {
font-size: 16px;
font-weight: 600;
color: #444;
}
.slick-wrap .item .sales_price_red {
text-decoration: none;
color: #d40000;
font-weight: 700;
font-size: 16px;
margin: 10px;
}
.slick-wrap .item .cut_price {
position: relative;
}
.slick-wrap .item .cut_price:after {
content: '';
border-top: 2px solid red;
width: 100%;
position: absolute;
left: 0;
top: 50%;
}
/* mailpoet */
.mailpoet_segment_label,
.mailpoet_text_label,
.mailpoet_textarea_label,
.mailpoet_select_label,
.mailpoet_radio_label,
.mailpoet_checkbox_label,
.mailpoet_list_label,
.mailpoet_date_label {
display: block;
font-weight: bold;
}
.mailpoet_text,
.mailpoet_textarea,
.mailpoet_select,
.mailpoet_date_month,
.mailpoet_date_day,
.mailpoet_date_year,
.mailpoet_date {
display: block;
}
.mailpoet_paragraph {
line-height: 20px;
}
#mailpoet_form_3 .mailpoet_checkbox {}
#mailpoet_form_3 .mailpoet_submit input {}
#mailpoet_form_3 .mailpoet_divider {}
#mailpoet_form_3 .mailpoet_message {}
#mailpoet_form_3 .mailpoet_validate_success {
font-weight: 600;
color: #468847;
}
#mailpoet_form_3 .mailpoet_validate_error {
color: #B94A48;
}
#mailpoet_form_3 .mailpoet_form_loading {
width: 30px;
text-align: center;
line-height: normal;
}
#mailpoet_form_3 .mailpoet_form_loading>span {
width: 5px;
height: 5px;
background-color: #5b5b5b;
}
#mailpoet_form_3 .mailpoet_text,
#mailpoet_form_3 .mailpoet_textarea {}
#mailpoet_form_3 .mailpoet_form {
position: relative;
}
#mailpoet_form_3 input.mailpoet_text {
background-color: #000000;
float: left;
margin-bottom: 0;
width: 100%;
border: 1px solid white;
padding: 8px 6px 8px 6px;
}
#mailpoet_form_3 input.mailpoet_submit {
width: 38%;
height: 40px;
border: unset;
margin-top: 4%;
color: white;
background-size: contain;
}
#mailpoet_form_2 {
margin-top: 30px;
}
#mailpoet_form_2 .mailpoet_form {
text-align: center;
}
#mailpoet_form_2 input.mailpoet_text {
padding: 8px 6px 8px 6px;
background-color: transparent;
width: 800px;
height: 67px;
border: 1px solid #cdced0;
}
#mailpoet_form_2 input.mailpoet_submit {
width: 250px;
height: 67px;
background-color: #015f56;
color: white;
border: unset;
margin-left: -3px;
}
#mailpoet_form_2 .mailpoet_paragraph {
display: inline-block;
}
/* contact form 7 */
/*.wpcf7 .form-control {border-radius:0px;display: block; width: 100%; height: calc(3.0em + .75rem + 2px); margin-top :3%; padding: .375rem .75rem; line-height: 1.5; color: #495057; border: 1px solid #e1e0e0; }
.wpcf7 textarea {min-height: 160px;margin-bottom: 3%;}
.wpcf7 .wpcf7-submit {text-align:center; margin:auto; border-radius:0px; font-size: .875rem; font-weight: bold; color: white; background-color: #007ac6; border: none;letter-spacing: 4px; padding: 18px 30px;}
.wpforms-submit-container {justify-content: center;text-align: center;}*/
/* logo */
header .navbar-brand {
text-align: center;
margin-right:3rem;
}
@media screen and (max-width:1024px) and (min-width:991px){
header .navbar-brand {
margin-right:0rem !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-menu-item .mega-menu-link {
padding: 10px 14px !important;
}
}
/*header .navbar-brand img { padding: 15px 10px; }*/
/* menu icons */
.default-menu-icons ul li {
padding: 0px 15px;
}
.default-menu-icons ul {
list-style: none;
display: flex;
padding: 0;
margin: 0;
}
.default-menu-icons ul li a {
cursor: pointer;
}
/* modal full screen */
.search-form-modal .modal-full {
min-width: 100%;
height: 100vh;
margin: 0;
}
.search-form-modal .modal-full .modal-content {}
.search-form-modal .modal-content {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition: opacity .3s;
transition: opacity .3s;
background: rgba(0, 0, 0, .8);
}
.search-form-modal {
padding: 0px;
}
.search-form-modal input {
border-radius: 0px;
padding: 2rem 1rem;
}
.search-form-modal button {
border-radius: 0px;
}
/* Hamburger Menu */
.hamburger-menu {
height: 100%;
width: 0;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
text-align: center;
}
.hamburger-menu a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 20px;
color: #818181;
display: block;
transition: 0.3s;
}
.hamburger-menu a:hover {
color: #f1f1f1;
}
.hamburger-menu .hamburger-close {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.hamburger-menu .navbar-nav .dropdown-menu li a {
font-size: 14px;
padding: 0;
text-transform: capitalize;
}
.hamburger-menu .navbar-nav .dropdown-menu {
width: fit-content;
margin: 0 auto;
background-color: transparent;
text-align: center;
display: block;
}
/* sidebar */
.sidebar-popup {
height: 100%;
width: 0;
position: fixed;
z-index: 999999999;
top: 0;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidebar-popup a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #111;
display: block;
transition: 0.3s;
}
.sidebar-popup a:hover {
color: #111;
}
.sidebar-popup .sidebar-popup-close {
position: absolute;
top: 0;
}
/* sidebar : left */
.sidebar-popup.left {
left: 0;
background-color: #f2f2f2;
}
.sidebar-popup.left a {
font-size: 20px;
color: #818181;
}
.sidebar-popup.left a:hover {
color: #111;
}
.sidebar-popup.left .sidebar-popup-close {
right: 0;
left: auto;
}
/* sidebar : right */
.sidebar-popup.right {
right: 0;
background-color: #f1f1f1;
}
/*.sidebar-popup.right a { font-size: 15px; color: #111; }*/
.sidebar-popup.right a:hover {
color: #111;
}
.sidebar-popup.right .woocommerce-mini-cart__empty-message {
text-align: center;
}
.sidebar-popup .sidebar-popup-close {
left: 0px;
}
/* mean menu */
menu {
padding: 0;
margin: 0;
}
menu.open {}
/* mean menu : hide icon bar */
menu .meanmenu-reveal {
display: none;
}
.mean-container .mean-bar {
padding: 0;
}
.icon-open span {
width: 20px;
display: block;
background: #000;
height: 1px;
margin-top: 3px;
}
.icon-close {
font-size: 20px;
}
.meanmenu-reveal-outside button {
border: 0;
background: transparent;
}
.meanmenu-reveal-outside span {
display: block;
background: #000;
height: 1px;
margin-top: 3px;
width: 20px;
}
.meanmenu-reveal-outside.icon-close {
right: 0px;
left: auto;
text-align: center;
text-indent: 0px;
font-size: 18px;
}
/* mean menu : hide menu open close bar */
menu.mean-container .mean-bar {
padding: 0;
min-height: auto;
}
menu.mean-container .mean-nav {
margin: 0;
}
menu .mean-bar>a {
display: none;
}
menu.mean-container .mean-nav ul li a.mean-expand {
height: 29px;
}
/* mega menu */
.wpmm_brand_logo_wrap {
display: none;
}
.wp-megamenu-wrap {
z-index: 9;
}
#wp-megamenu-primary {
padding: 0;
}
/* accordian */
.accordion {
width: 100%;
}
.accordion .heading .col-exp-icon:before {
content: "\f068";
}
.accordion .heading.collapsed .col-exp-icon:before {
content: "\f067";
}
/* contact us : contact form */
.contact-form-container .wpcf7-form-control {
font-size: 0.9rem;
border-radius: 0px;
display: block;
width: 100%;
height: calc(3.0em + .75rem + 2px);
margin-top: 3%;
padding: .375rem .75rem;
line-height: 1.5;
color: #000;
border: 1px solid #000;
}
.contact-form-container .wpcf7-form-control.wpcf7-textarea {
min-height: 160px;
}
.contact-form-container input.wpcf7-submit {
text-align: center;
border-radius: 0px;
font-size: 14px;
font-weight: bold;
color: white;
background-color: #000;
border: none;
padding: 20px 60px;
width: auto;
margin-top: 30px;
}
/* contact us : contact info */
.contact-info .social-items {
list-style: none;
padding-left: 0px;
margin-bottom: 40px;
}
.contact-info h5.store-name {
padding-bottom: 10px;
font-size: 1.8rem;
}
.contact-info .social-items li {
line-height: 1.8;
color: #000
}
.contact-info .social-items li a {
color: #000;
}
.contact-info .social-items li span {
font-weight: 500;
}
.contact-info .social-items li i {
padding-right: 10px;
}
input#coupon_code {
width: 44%;
height: 45px;
}
.woocommerce form.checkout #payment ul.payment_methods li.woocommerce-notice {
border: none;
padding: 23px;
border-radius: 5px;
}
.woocommerce form.checkout #payment div.form-row {
padding: 1em 0;
}
.woocommerce form.checkout #payment #place_order {
float: none;
}
.woocommerce #place_order,
.woocommerce .button.checkout-button,
.woocommerce .button.wc-backward,
.woocommerce .track_order .button,
.woocommerce .vct-thank-you-footer a,
.woocommerce .woocommerce-EditAccountForm .button,
.woocommerce .woocommerce-MyAccount-content a.edit,
.woocommerce .woocommerce-mini-cart__buttons.buttons a,
.woocommerce .woocommerce-orders-table__cell .button,
.woocommerce a.button,
.woocommerce button.button {
border-radius: 0;
text-transform: uppercase;
color: #fff;
background: #557cbf;
font-size: 14px;
padding: 23px 20px;
text-decoration: none;
}
.woocommerce form.checkout .vct-side-summary {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
border: 1px solid gray;
padding: 10px;
}
.woocommerce .vct-promo {
margin: 0 0 30px;
}
.woocommerce .vct-show-promo-form {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
background: 0 0;
padding: 0;
outline: 0;
}
.woocommerce .vct-promo-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0 0;
}
.woocommerce .vct-checkout-button {
padding: 13px 68px;
}
.woocommerce .button[name=apply_coupon],
.woocommerce .button[name=update_cart],
.woocommerce .vct-checkout-button {
border: 2px solid;
border-radius: 0;
background: 0 0;
padding: 15px 68px;
text-transform: uppercase;
float: right;
font-size: 12px;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
background-color: black;
}
.woocommerce table.shop_table {
font-size: 15px;
border: none;
border-radius: 0;
}
.woocommerce table.shop_table .cart-subtotal td,
.woocommerce table.shop_table .cart-subtotal th {
padding-bottom: 10px;
}
.woocommerce table.shop_table th {
padding-left: 0;
}
.woocommerce table.shop_table .order-total td,
.woocommerce table.shop_table .order-total th {
border: none;
font-weight: 600;
font-size: 18px;
text-transform: capitalize;
white-space: nowrap;
}
.woocommerce-wishlist table.shop_table th {
text-align: center;
}
/* woocomerce : my account : Login/Register */
.woocommerce .col-1,
.woocommerce .col-2 {
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
padding: 30px;
}
div#customer_login {
padding-top: 80px;
padding-bottom: 80px;
}
.woocommerce input,
.woocommerce input {
border: 0;
border-bottom: 1px solid #343434;
padding: 10px;
}
.woocommerce form .form-row {
display: block;
margin-bottom: 20px;
}
.woocommerce h2 {
color: #000000;
font-size: 2.25rem;
margin-bottom: 50px;
}
/* woocomerce : my account : dashboard : sidebar panel */
.woocommerce-MyAccount-navigation ul {
list-style-type: none;
padding-left: 0px;
}
.woocommerce-account .entry-content {
padding-top: 70px;
}
.woocommerce-MyAccount-navigation li {
padding: 10px;
}
.woocommerce-MyAccount-navigation a {
color: #343434;
font-weight: 500;
font-size: 1rem;
}
li.woocommerce-MyAccount-navigation-link.is-active {
background: #000000;
margin: 20px 0px;
}
li.woocommerce-MyAccount-navigation-link.is-active a {
color: #fff;
font-size: 1.125rem;
}
/* woocomerce : my account : dashboard : content panel */
.woocommerce-MyAccount-content {
padding: 5px 30px 30px 30px;
}
.woocommerce-MyAccount-content p {
padding-left: 10px;
}
.woocommerce-account .addresses .title h3 {
font-size: 1.5rem;
margin-bottom: 20px;
}
.woocommerce-Addresses {
padding-top: 20px;
}
.woocommerce-form-row em {
font-size: 13px;
}
.woocommerce-cart .product-name a {
font-size: 1rem;
font-weight: 600;
margin-left: 10px;
}
/* woocomerce : cart page : items table */
.woocommerce-cart table.cart img {
width: 130px;
}
th.product-name {
border-top: medium none;
font-weight: bold;
padding: 20px 10px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
.woocommerce-cart .woocommerce-cart-form table th,
.woocommerce-cart .woocommerce-cart-form table td {
border-right: 1px solid #c1c1c1;
border-top: 1px solid #c1c1c1;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
border-left: 1px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
}
.woocommerce-cart .vcv-cart-container table.shop_table {
border: 0px solid #c1c1c1;
border-radius: 0px;
}
.woocommerce-cart table.shop_table th {
padding: 25px 12px;
text-align: left;
text-transform: uppercase;
font-size: 14px;
}
.woocommerce-cart-form__contents td,
.woocommerce-cart .cart-collaterals .cart_totals table td {
text-align: right;
}
.woocommerce-cart a.remove {
height: auto;
width: auto;
}
.woocommerce-cart .vcv-cart-container table td {
border-right: 1px solid #c1c1c1;
border-top: 1px solid #c1c1c1;
width: 0%;
height: 170px;
}
.woocommerce-cart .vcv-cart-container table tr:last-child>td {
height: auto;
}
th.product-thumbnail:after {
content: 'Image';
text-transform: uppercase;
}
.woocommerce a.remove:hover {
color: #d40000;
background: transparent;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
padding: 15px 68px;
color: #fff;
}
/* woocomerce : cart page : order details */
button#vct-show-promo-form {
display: none;
}
.cart-subtotal span.woocommerce-Price-amount.amount {
font-weight: 700;
}
a.shipping-calculator-button:hover {
color: #000;
text-decoration: none;
}
.woocommerce-cart .order-total th,
.order-total td {
border-top: 1px solid #c1c1c1;
}
.woocommerce-cart .woocommerce-shipping-totals th,
.woocommerce-cart .woocommerce-shipping-totals td {
border-top: 0px !important;
}
.woocommerce-cart .cart_totals h2 {
float: right;
border-bottom: 2px solid #c1c1c1;
display: inline-block;
font-size: 25px;
margin: 0 0 35px;
text-transform: uppercase;
}
.woocommerce-cart .order-total span.woocommerce-Price-amount.amount {
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
white-space: nowrap;
font-weight: 700;
}
.woocommerce-cart .cart_totals {
padding-top: 30px;
float: right;
width: 45%;
margin-top: 30px;
padding: 30px;
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .13);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .13);
border-radius: 5px;
background: #fff;
}
.woocommerce-cart .cart_totals .checkout-button {
font-size: 16px;
font-weight: 500;
}
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
font-size: 14px;
font-weight: 700;
background-color: #000;
}
/* woocomerce : shop page : page title */
h1.page-title {
font-size: 3rem;
text-align: center;
background: #eaeaea;
padding: 130px 20px;
}
.shop-page .col-md-9 h1.page-title {
display: none;
}
/* woocomerce : shop page : main content */
div#shop-page {
padding-top: 70px;
}
/* woocomerce : shop page : sidebar widget */
#shop-page h3.widgettitle {
display: none;
}
#shop-page .widget-woof h4 {
font-size: 1.3rem;
padding-bottom: 15px;
}
.woocommerce.widget_price_filter {
padding-bottom: 16px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #77a464;
border: 1px solid #77a464;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #c3e5b5;
}
#shop-page .widget-woof ul.woof_list.woof_list_checkbox {
padding-left: 0px;
}
.textwidget.custom-html-widget {
height: 80px;
}
#shop-page .woof_list label {
padding: 0px;
}
.woof_list li {
font-size: 0.9rem;
}
/* woocomerce : shop page : product listing */
.woof_products_top_panel li a {
display: none;
}
/* blog page : pagination */
span.page-numbers.current {
background: #000;
color: #fff;
padding: 5px 12px;
}
a.page-numbers {
background: #363636;
color: #fff;
padding: 5px 12px;
}
a.page-numbers:hover {
background: #000;
}
.pagination {
padding: 25px 7px;
}
/* woocomerce : single product*/
.single-product #shop-page .product_title {
background: transparent;
text-align: left;
margin-top: 15px;
}
.single-product div.product form.cart div.quantity {
margin: 0px 20px 0 0;
}
.single-product button.single_add_to_cart_button.button.alt {
padding: 15px;
font-size: 1rem;
background: #000;
border-radius: 0px;
}
.single-product #reviews #comments ol.commentlist li .comment-text {
border: 1px solid #000000;
border-radius: 0px;
padding: 1em 1em 0;
}
.single-product div#review_form {
padding-top: 30px;
}
.single-product #comments h2.woocommerce-Reviews-title,
.single-product #review_form_wrapper .comment-respond .comment-reply-title {
font-size: 1.2rem;
color: #000;
}
.single-product .yith-wcwl-wishlistaddedbrowse a {
padding: 15px;
color: #000;
}
/* blog page : Title */
#blog-title h2 {
text-align: center;
}
/* blog page : single post */
.single .page-bn {
margin-bottom: 50px;
}
.single .the-title {
font-size: 2.5rem;
color: #000;
font-weight: 500;
margin-top: 20px;
}
.single .the-content p {
font-size: 1rem;
color: #6c757d;
font-weight: 300;
line-height: 1.4;
padding-top: 2%;
}
.single .post-meta {
padding-top: 2%;
}
.single .post-categories a+a::before {
content: ", ";
color: #0a0a0a;
padding: 0;
}
.single .post-tags-wrap {
padding: 12px;
}
.single .post-tags .item::before {
color: #0a0a0a;
padding: 0;
}
.single .post-tags {
padding-left: 2%;
font-size: 0;
display: inline;
}
.single .post-tags span {
font-style: italic;
font-size: 11px;
color: black;
font-weight: bold;
}
.page-bn .container {
padding: 130px 20px;
text-align: center;
background: #eaeaea;
}
.single nav.header-nav {
position: absolute;
background-color: unset;
}
.comments-area .col-md-12 {
padding: 0;
}
section#text-14 {
background-color: #f7f7f7;
padding: 9%;
margin-bottom: 8%;
margin-top: 8%;
}
section#text-14 h3 {
color: #262932;
margin-bottom: 9%;
}
.single .thetitle {
line-height: 1;
font-size: 12pt;
}
.the-content {
padding-bottom: 3%;
border-bottom: 1px solid #e4e3e3;
}
.comments-area {
padding-top: 3%;
border-top: 1px solid #e4e3e3;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-subscription-form {
width: 100% !important;
float: unset !important;
margin-left: unset !important;
}
textarea#comment {
padding: 15px 15px;
width: 100%;
}
.comment-form input {
padding: 15px 15px;
width: 100% !important;
}
.post-meta * {
font-size: 0.753rem;
}
form.search-form {
background-color: #f7f7f7;
padding: 20px;
margin-bottom: 13%;
margin-top: 40px;
}
.singlebanner button {
position: absolute;
bottom: 35px;
left: 0;
right: 0;
margin: 0 auto;
background-color: unset;
color: white;
border: 2px solid white;
padding: 10px 43px;
}
/* Modal styles */
.modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 1000;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgba(0, 0, 0, 0.4);
/* Black with opacity */
}
.applyNowModal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 1000;
/* Sit on top */
left: 0;
top: 0;
width: 100% !important;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgba(0, 0, 0, 0.4);
/* Black with opacity */
}
/* Modal content */
/* Modal content */
.modal-content {
background-color: #fefefe;
margin: 50px auto;
/* Center the modal vertically and horizontally */
padding: 20px;
border: 1px solid #888;
max-width: 70%;
/* 80% width */
max-height: auto;
/* 80% height */
overflow-y: auto;
/* Enable vertical scrolling if needed */
}
.modal-content2 {
background-color: #fefefe;
margin: 50px auto;
/* Center the modal vertically and horizontally */
padding: 20px;
border: 1px solid #888;
max-width: 45%;
/* 80% width */
max-height: auto;
/* 80% height */
overflow-y: auto;
/* Enable vertical scrolling if needed */
}
.sharingJobMadal-content {
background-color: #fefefe;
margin: 50px auto;
/* Center the modal vertically and horizontally */
padding: 20px;
border: 1px solid #888;
max-width: 60%;
/* 80% width */
max-height: auto;
/* 80% height */
overflow-y: auto;
/* Enable vertical scrolling if needed */
}
/* Close button */
.close,
.job-title-main .close {
color: #000;
float: right;
font-size: 28px !important;
font-weight: bold;
}
.close:hover,
.close:focus,
.job-title-main .close:hover,
.job-title-main .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
/* Button styles */
.btn-get-in-touch {
padding: 10px 20px;
background-color: #007bff;
/* Blue */
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.btn-get-in-touch:hover {
background-color: #0056b3;
/* Darker blue */
}
#search-form-modal .modal-dialog .modal-content {
height: 100%;
}
/* blog page : single : comment form */
.comment-respond .screen-reader-text {
display: none !important;
}
.comment-respond .comment-reply-title {
color: #262932;
font-size: 1.5em;
}
.comment-respond .comment-form textarea {
width: 100%;
background: #ffffff;
border: 1px solid #000;
}
.comment-respond #wp-comment-cookies-consent {
display: none;
}
.comment-respond .comment-notes {
font-size: 18px;
}
.comment-respond .comment-notes span {
font-size: 18px;
}
.comment-respond .comment-form label {
display: none !important;
}
.comment-respond .comment-form-cookies-consent label {
font-size: 16px;
}
#respond form#commentform {
padding-top: 2%;
}
.comment-respond .comment-form input.submit {
background: #000;
color: #fff;
border: unset;
padding: 15px 20px;
}
/* blog page : single : recent-posts */
#recent-posts-2 ul li a {
line-height: 1;
font-size: 18px;
}
#recent-posts-2 ul li {
list-style: none;
}
#recent-posts-2 ul {
padding-left: 0;
}
#recent-posts-2 {
background-color: #f7f7f7;
padding: 20px;
}
#recent-posts-2 h3 {
color: #262932;
margin-top: 9%;
}
/* blog page : post category */
.category-grid .post-categories a+a::before,
.category-grid .post-tags span+span:before {
content: ',';
padding-right: 1px;
}
.category-grid .post-meta {
padding: 10px 15px;
}
.category-grid .post-tags {
display: inline;
font-size: 0.8rem;
}
.category-grid .tags-heading {
padding-bottom: 10px;
}
.category-grid .post-tags {
display: inline;
font-size: 0.8rem;
}
.category-grid .the-excerpt p {
font-size: 1rem;
color: #6c757d;
font-weight: 300;
line-height: 1.4;
}
.category-grid .tags-heading {
display: inline-block;
}
.category-grid .tags-heading {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
.category-grid .the-title a {
font-size: 1.5rem;
color: #000;
font-weight: 500;
}
.category-grid .thetitle {
line-height: 1;
font-size: 12pt;
}
.category-grid .singlepageimg img {
width: 100%;
padding-bottom: 20%;
}
.home-Get span button {
right: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section#media_image-3 img {
width: 300px;
height: 600px;
margin: 0 auto;
text-align: center;
}
.skiptranslate.goog-te-gadget img {
display: none;
}
/* Large devices (desktops, less than 1200px) */
@media screen and (max-width:991px) {
.banner-title h1,
.about-banner-title h1 {
width: 100% !important;
}
.banner-title p,
.about-banner-title p {
width: 80% !important;
}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width:991.98px) {
/* cart page */
.woocommerce-cart .vcv-cart-container table td {
width: 100%;
height: 45px;
}
.woocommerce input,
.woocommerce input {
padding: 5px;
}
/* my account : dashboard */
.woocommerce .col-1,
.woocommerce .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width:767.98px) {
#wp-megamenu-mobile-menu ul {
list-style: none;
}
#wp-megamenu-mobile-menu ul ul {
padding: 0 10px;
}
#wp-megamenu-mobile-menu .wp-megamenu-sub-menu li a {
margin-bottom: 0px;
}
/* my account : dashboard */
.title h3 {
margin-top: 30px;
}
.woocommerce-Addresses {
padding-top: 0px;
}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:575.98px) {
/* gallery grid */
.gallery-grid .item {
text-align: center;
}
}
/* Extra small devices (portrait phones, less than 480 up) */
@media (min-width:480px) {
/* base font size on 1920 screen resolution */
html {
font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.view-small .custom-logo {
max-width: calc(150px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) {}
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) {}
/* Large devices (desktops, 992px and up)*/
@media (min-width:992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {}
/* custom css */
@font-face {
font-family: "Montserrat-Black";
src: url(assets/fonts/Montserrat/static/Montserrat-Black.ttf);
}
@font-face {
font-family: "Montserrat-ExtraBold";
src: url(assets/fonts/Montserrat/static/Montserrat-ExtraBold.ttf);
}
@font-face {
font-family: "Montserrat-Bold";
src: url(assets/fonts/Montserrat/static/Montserrat-Bold.ttf);
}
@font-face {
font-family: "Montserrat-SemiBold";
src: url(assets/fonts/Montserrat/static/Montserrat-SemiBold.ttf);
}
@font-face {
font-family: "Montserrat-Medium";
src: url(assets/fonts/Montserrat/static/Montserrat-Medium.ttf);
}
@font-face {
font-family: "Montserrat-Regular";
src: url(assets/fonts/Montserrat/static/Montserrat-Regular.ttf);
}
@font-face {
font-family: "Montserrat-light";
src: url(assets/fonts/Montserrat/static/Montserrat-Light.ttf);
}
@font-face {
font-family: "Montserrat-ExtraLight";
src: url(assets/fonts/Montserrat/static/Montserrat-ExtraLight.ttf);
}
@font-face {
font-family: "Montserrat-Thin";
src: url(assets/fonts/Montserrat/static/Montserrat-Thin.ttf);
}
:root {
--Montserrat-Black: "Montserrat-Black";
--Montserrat-ExtraBold: "Montserrat-ExtraBold";
--Montserrat-Bold: "Montserrat-Bold";
--Montserrat-SemiBold: "Montserrat-SemiBold";
--Montserrat-Medium: "Montserrat-Medium";
--Montserrat-Regular: "Montserrat-Regular";
--Montserrat-light: "Montserrat-light";
--Montserrat-ExtraLight: "Montserrat-ExtraLight";
--Montserrat-Thin: "Montserrat-Thin";
--primaryColor: #FCAF17;
/* --secondaryColor: #FDC41F; */
--whiteColor: #ffffff;
--borderColor: #FFFFFF24;
--headingColor: #000000;
--textColor: #000000CC;
--blackColor: #000000;
}
/* body --global */
body{
margin: 0 !important;
/* background-color: #F5F5F5 !important; */
}
.section-gap{
padding: 50px 0px;
}
.green-section .vce-row-container{
background-color: #143A2B;
border-radius: 12px;
}
.black-section {
background-color: #000000;
border-radius: 12px;
}
.green-gradiant-section .vce-row-container{
background: linear-gradient(180deg, #143A2B 0%, #000000 100%);
}
.white-gradiant-section .vce-row-content{
background: linear-gradient(180deg, #869bb3 0%, #000000 100%);
border-radius: 12px;
}
.green-section .vce-row-container .container{
margin: auto;
}
.page-heading{
font-family: var(--Onest-SemiBold);
font-size: 48px;
line-height: 57.6px;
letter-spacing: -0.96px;
text-align: center;
color: #fff;
}
.custom-pages-wrapper{
width: 70%;
margin: 0 auto;
}
.custom-pages-wrapper h2{
font-family: var(--Onest-SemiBold);
font-size: 24px;
line-height: 31.2px;
letter-spacing: -0.48px;
color: var(--blackColor);
margin: 20px 0px;
}
.custom-pages-wrapper p,
.custom-pages-wrapper li{
font-family: var(--Onest-Regular);
font-size: 18px;
line-height: 27px;
letter-spacing: -0.54px;
color: var(--blackColor);
margin: 0px !important;
}
.custom-pages-wrapper ul{
margin: 20px 0px !important;
}
.cs-primary-btn a{
padding: 7px 10px 7px 20px;
background-color: var(--primaryColor);
color: var(--blackColor);
font-family: var(--Montserrat-Bold);
font-size: 16px;
line-height: 16px;
letter-spacing: -0.42px;
border-radius: 14px;
text-decoration: none;
}
.cs-primary-btn a:hover{
color: var(--blackColor);
/* box-shadow: 0 0 20px 1px var(--primaryColor); */
/* border: 1px solid var(--whiteColor) */
}
.cs-primary-btn a .icon-sep{
margin-left: 10px;
width: 40px;
height: 40px;
}
.cs-primary-btn a .icon-sep .icon{
width: 28px;
height: 28px;
}
.custom-label{
color: var(--whiteColor);
font-family: var(--Onest-Medium);
font-size: 16px;
line-height: 16px;
letter-spacing: -0.16px;
text-transform: uppercase;
}
.custom-label::before{
content: " ";
display: block;
width: 16px;
height: 16px;
background-color: var(--primaryColor);
border-radius: 13px;
margin-right: 10px;
}
.custom-label.icon-white::before{
background-color: var(--whiteColor);
}
.custom-heading{
color: var(--whiteColor);
font-family: var(--Montserrat-ExtraBold);
font-size: 60px;
line-height: 60px;
letter-spacing: -3.6px;
text-transform: uppercase;
}
h2.custom-heading{
font-size: 48px;
line-height: 58px;
}
.custom-paragraph{
color: var(--whiteColor);
font-family: var(--Montserrat-Regular);
font-size: 20px;
line-height: 27px;
letter-spacing: -0.54px;
}
.global-banner-main-wrapper{
background: var(--blackColor);
background: linear-gradient(180deg, #000000 73.73%, #A5D386 100%);
padding-top: 180px;
border-radius: 12px;
}
.global-banner-main-wrapper .custom-heading{
font-size: 44px;
line-height: 56px;
letter-spacing: -1.24px;
}
.section-heading,
.section-heading-sm{
font-family: var(--Montserrat-Bold);
font-size: 52px;
line-height: 49.4px;
letter-spacing: -1.08px;
}
.section-paragraph{
font-family: var(--Montserrat-Regular);
font-size: 18px;
line-height: 27px;
letter-spacing: -0.54px;
}
.section-heading-sm{
font-size: 40px;
line-height: 39.4px;
}
.text-black{
color: var(--blackColor);
}
.text-para{
color: #000000CC;
}
.text-light{
color: #FFFFFFCC;
}
.text-green{
color: #A5D386;
}
.textPrimary{
color: var(--primaryColor);
}
.font-regular{
font-family: var(--Onest-Regular);
}
.bottom-border-divider{
position: relative;
padding-bottom: 20px
}
.bottom-border-divider::after{
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 10px;
width: 121px;
border-radius: 20px;
background-color: var(--primaryColor);
}
.bottom-border-divider.center-divider::after{
width: 200px;
left:50%;
transform: translateX(-50%);
}
.bottom-border-divider.end-divider::after{
left:unset;
right: 0px;
}
.bottom-border-divider.white-divider::after{
background-color: var(--whiteColor);
}
.slick-arrow.slick-prev:before{
content: url('https://darkslategray-armadillo-113019.hostingersite.com/wp-content/uploads/2026/07/prev-arrow-icon.svg');
}
.slick-arrow.slick-next:before{
content: url('https://darkslategray-armadillo-113019.hostingersite.com/wp-content/uploads/2026/07/next-arrow-icon.svg');
}
.slick-dots{
left: 0px !important;
bottom: -15px !important;
}
.slick-dots li button:before{
font-size: 10px !important;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before{
color: var(--primaryColor) !important;
}
/* Header & Footer */
.top-bar-wrapper{
background-color: #DFDFDF;
padding: 10px 0px;
}
.top-bar-wrapper a{
color: #000;
font-family: var(--Montserrat-Regular);
font-size: 14px;
padding: 5px 15px;
text-decoration: none;
}
.main-navbar-custom{
padding: 0px 0px !important;
}
.search-icon i,
.header-voice-icon i{
color: #fff;
}
.search-icon i:before,
.header-voice-icon i:before{
font-size: 20px;
}
@media screen and (min-width: 992px){
.search-icon i,
.header-voice-icon i{
color: #000;
}
.main-navbar-custom.is_sticky .nav-custom{
/* padding-top: 20px !important; */
position: fixed;
top: 0px;
left: 0;
right: 0px;
}
.main-navbar-custom.is_sticky .nav-custom .navbar-brand{
display: none;
}
.main-navbar-custom.is_sticky .nav-custom .navbar-collapse{
justify-content: center;
}
.main-navbar-custom.is_sticky .navbar.nav-custom .header-menu-sep {
background: #000000;
}
.main-navbar-custom.is_sticky .navbar.nav-custom .search-icon i,
.main-navbar-custom.is_sticky .navbar.nav-custom .header-voice-icon i{
color: #fff;
}
.main-navbar-custom.is_sticky .navbar.nav-custom .mega-menu-wrap .mega-menu-link{
color: #ffffff !important;
}
}
.main-navbar-custom .vce-row-container{
padding: 0px !important;
}
.main-navbar-custom .navbar.nav-custom .navbar-brand{
margin-right: 90px;
}
.main-navbar-custom .navbar.nav-custom .header-menu-sep {
padding: 12px 25px;
background: #ffffff;
/* box-shadow: 0px 0px 15px 0px #00000012; */
/* backdrop-filter: blur(50px); */
border-radius: 50px;
/* border-bottom-left-radius: 50px;
border-top-left-radius: 50px; */
flex: 1;
margin-top: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary{
display: flex;
gap: 20px;
padding-left: 20px;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
background-color: unset !important;
}
/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus, */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item a.mega-menu-link{
background-color: var(--primaryColor) !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-menu-item .mega-menu-link{
padding: 10px 20px !important;
border-radius: 30px !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-menu-link{
font-family: var(--Montserrat-SemiBold) !important;
font-size: 16px !important;
line-height: 17.6px !important;
letter-spacing: -0.53px !important;
text-align: center !important;
text-transform: capitalize !important;
color: var(--blackColor) !important;
padding: 0px !important;
height: auto !important;
background-color: unset !important;
position: relative;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-menu-link:hover{
/* color: var(--blackColor) !important; */
background-color: #fcaf17c2 !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu{
padding: 20px !important;
top: 52px !important;
border-radius: 12px !important;
box-shadow: 0px 2px 10px 0 lightgray !important;
width: 315px !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu,
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu .mega-menu-link{
background: var(--whiteColor) !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu .mega-menu-link{
font-family: var(--Onest-SemiBold);
font-size: 16px;
line-height: 36px;
letter-spacing: 0px;
color: #323232 !important;
text-align: start !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu .mega-menu-link{
display: flex !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu .mega-menu-link::before{
content: url('data:image/svg+xml,') !important;
margin: 0 !important;
margin-left: 10px !important;
order: 2;
display: none !important;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu .mega-menu-item:hover .mega-menu-link{
color: var(--primaryColor) !important;
text-decoration: underline !important;
}
/* .main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu .mega-menu-item:hover .mega-menu-link::before{
display: inline !important;
} */
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-sub-menu .mega-menu-item{
position: relative !important;
padding-left: 20px !important;
padding-right: 0px !important;
}
.main-navbar-custom .navbar.nav-custom .mega-sub-menu .item-internet-service::before,
.main-navbar-custom .navbar.nav-custom .mega-sub-menu .item-enterprise-solutions::before,
.main-navbar-custom .navbar.nav-custom .mega-sub-menu .item-avaya::before{
content: url('data:image/svg+xml,');
position: absolute !important;
top: 7px;
left: 0;
margin: 0 !important;
display: block !important;
}
.main-navbar-custom .navbar.nav-custom .mega-sub-menu .item-enterprise-solutions::before{
content: url('data:image/svg+xml,');
}
.main-navbar-custom .navbar.nav-custom .mega-sub-menu .item-avaya::before{
content: url('data:image/svg+xml,');
}
#custom-search-box {
position: fixed;
top: 0px;
/* Adjust this height according to your navbar */
left: 0;
width: 100vw;
/* height: calc(100vh - 95px); */
height: 100svh;
background-color: #000000;
z-index: 99;
/* Below navbar */
display: none;
flex-direction: column;
overflow-y: auto;
animation: slideDown 0.5s ease forwards;
}
/* Active state */
#custom-search-box.active {
display: flex;
}
#custom-search-box i{
color: #fff;
}
/* Animate */
@keyframes slideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.mega-menu-toggle{
display: none !important;
}
/* Container inside the overlay */
.search-overlay-inner {
display: flex;
flex-direction: column;
color: #fff;
width: 100%;
margin: 0 auto;
margin-top: 250px;
}
/* Input box */
.custom-search-input {
width: 100%;
padding: 15px 0px;
font-family: var(--Montserrat-Regular);
font-size: 60px;
line-height: 110.00000000000001%;
letter-spacing: -2px;
border: none;
border-radius: 0 none;
outline: none;
background-color: transparent !important;
color: var(--primaryColor);
border-bottom: 1px solid var(--primaryColor);
}
.custom-search-input::placeholder {
font-family: var(--Montserrat-Regular);
font-size: 60px;
line-height: 110.00000000000001%;
letter-spacing: -2px;
color: var(--primaryColor);
}
.custom-search-input:focus,
.custom-search-input:active,
.custom-search-input:hover {
box-shadow: none;
background-color: transparent !important;
}
.input-search-cell {
border: none;
border-radius: 0 !important;
outline: none;
background-color: transparent !important;
margin-top: 50px;
}
.input-search-cell:focus {
box-shadow: none;
}
.search-overlay-icon {
width: 40px;
}
.read-more{
font-family: var(--Montserrat-Regular) !important;
font-size: 14px !important;
background-color: var(--primaryColor) !important;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 20px;
}
.close-button,
.close-button-text{
cursor: pointer;
}
.close-button-text span{
font-family: var(--Montserrat-Regular);
font-size: 16px;
line-height: 110.00000000000001%;
letter-spacing: 0px;
}
.main-navbar-custom .navbar.nav-custom .offcanvas-btn:hover{
background-color: var(--primaryColor);
}
.main-navbar-custom .navbar.nav-custom .offcanvas-btn:focus{
box-shadow: 0 0 0 .25rem var(--primaryColor);
}
.main-navbar-custom .navbar.nav-custom .offcanvas-btn .navbar-toggler-icon{
width: 30px;
height: 30px;
}
.main-navbar-custom .navbar.nav-custom .offcanvas{
top: 0;
left: 0;
height: 100vh;
width: 300px;
}
.main-navbar-custom .offcanvas #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
background-color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.main-navbar-custom .navbar.nav-custom .offcanvas .mega-menu-wrap .mega-menu-item .mega-sub-menu{
width: 250px !important;
padding: 10px !important;
}
.main-navbar-custom .navbar.nav-custom .offcanvas .mega-menu-wrap .mega-menu-item .mega-sub-menu .mega-menu-item{
padding: 10px 0px !important;
padding-left: 30px !important;
}
.main-navbar-custom .navbar.nav-custom .offcanvas a.mega-menu-link{
color: var(--blackColor) !important;
text-align: left !important;
padding: 10px 20px !important;
font-size: 18px !important;
}
.main-navbar-custom .navbar.nav-custom .offcanvas .mega-menu-wrap .mega-menu-item .mega-sub-menu .mega-menu-item a.mega-menu-link{
padding: 0px !important;
padding-left: 10px !important;
}
.main-navbar-custom .navbar.nav-custom .offcanvas .cs-primary-btn{
margin: 15px 22px;
}
.main-navbar-custom .navbar.nav-custom .modal-backdrop{
top: -60px;
left: -10px;
}
.main-navbar-custom .navbar.nav-custom .synergates-logo img{
width: 209px;
}
footer{
padding: 0px !important;
}
footer .content-wrapper{
background-color: #000000;
/* border-radius: 12px; */
}
footer p{
margin-bottom: 0;
}
.footer-heading{
font-family: var(--Montserrat-Medium);
font-size: 18px;
line-height: 19.2px;
text-transform: uppercase;
color: var(--whiteColor);
margin-bottom: 20px;
}
.footer-text{
font-family: var(--Montserrat-Regular);
font-size: 16px;
line-height: 22.4px;
letter-spacing: -0.16px;
color: var(--whiteColor);
}
.footer-link{
font-family: var(--Montserrat-Regular);
font-size: 14px;
line-height: 36px;
letter-spacing: 0px;
color: var(--whiteColor);
text-decoration: none;
margin-bottom: 10px;
}
.tnp-subscription .tnp-field-email label{
display: none;
}
.tnp-subscription .tnp-field-email input.tnp-email{
background: #000000;
/* border-radius: 50px; */
border-bottom: 1px solid #ECECEC;
font-family: var(--Montserrat-Regular);
font-size: 14px;
letter-spacing: -0.42px;
text-transform: capitalize;
padding: 10px 5px;
}
.tnp-subscription .tnp-field-button input.tnp-submit{
background-color: var(--primaryColor);
/* border-radius: 50px; */
width: auto;
font-family: var(--Montserrat-SemiBold);
font-size: 16px;
line-height: 22.4px;
text-align: center;
color: #000;
padding: 10px 20px;
}
/* Home */
.banner-slider-wrapper,
.banner-slider-item{
/* border-radius: 20px; */
}
.banner-slider-wrapper .banner-slider-item{
height: 130vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-slider-wrapper .banner-slider-item.slick-slide{
display: flex;
align-items: end;
}
.banner-slider-item .banner-slider-content{
width: 60%;
padding-bottom: 50px;
}
.banner-slider-item .banner-slider-content a span{
color: var(--blackColor);
}
.banner-slider-wrapper .slick-arrow{
z-index: 1;
width: fit-content;
height: fit-content;
}
.banner-slider-wrapper .slick-arrow.slick-prev{
left: 10px;
}
.banner-slider-wrapper .slick-arrow.slick-prev:before{
content: url('data:image/svg+xml,');
}
.banner-slider-wrapper .slick-arrow.slick-next{
right: 10px;
}
.banner-slider-wrapper .slick-arrow.slick-next:before{
content: url('data:image/svg+xml,');
}
.banner-slider-wrapper .slick-arrow.slick-prev:before,
.banner-slider-wrapper .slick-arrow.slick-next:before{
width: 40px;
height: 40px;
display: block;
opacity: 1;
}
.image-text-column-wrapper.home-about .container{
background-image: url(https://darkslategray-armadillo-113019.hostingersite.com/wp-content/uploads/2026/07/background-about.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #F5F5F5;
border-radius: 30px;
}
.client-slider-wrapper{
background-color: #F5F5F5;
border-radius: 25px;
}
.testimonial-slider-wrapper .slick-track{
display: flex !important;
}
.testimonial-slide{
border-left: 5px solid var(--primaryColor);
height: inherit !important;
}
.testimonial-slide img{
/* width: 50px; */
height: 90px;
}
.testimonial-slider-wrapper{
background-image: url(https://darkslategray-armadillo-113019.hostingersite.com/wp-content/uploads/2026/07/background-about.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #F4F4F496;
box-shadow: 0px 4px 30px 0px #00000040;
border-radius: 30px;
}
.testimonial-slider-wrapper .slick-prev,
.client-slider-wrapper .slick-prev{
left: 5px;
}
.testimonial-slider-wrapper .slick-next,
.client-slider-wrapper .slick-next{
right: 5px;
}
.performance-stats-wrapper .performance-stats-item h2{
font-family: var(--Montserrat-Bold);
font-size: 100px;
line-height: 90px;
}
.performance-stats-wrapper .performance-stats-item p{
font-family: var(--Montserrat-Medium);
font-size: 18px;
}
.client-slider-item img{
height: auto;
}
.contact-info {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 20px;
}
.contact-item {
display: flex;
align-items: center;
gap: 15px;
}
.contact-icon img {
width: 32px;
height: 32px;
object-fit: contain;
}
.contact-text h4 {
margin: 0;
font-family: var(--Montserrat-SemiBold);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #111;
line-height: 1;
}
.contact-text p {
margin: 5px 0 0;
font-family: var(--Montserrat-Regular);
font-size: 12px;
color: #666;
line-height: 1.3;
}
.partner-slider-wrapper{
display:flex;
/* flex-wrap:wrap; */
justify-content:center;
flex-direction: column;
gap: 50px;
}
.partner-slider-wrapper .partner-group{
display: flex;
justify-content: center;
gap: 50px;
}
.partner-slider-wrapper .partner-group:not(:first-child){
margin-top: -50px;
}
.partner-slider-item{
width: calc(200px - 50px);
height: calc(200px - 50px);
background:#fff;
transform:rotate(45deg);
border-radius:18px;
box-shadow:0 10px 20px rgba(0,0,0,.15);
display:flex;
justify-content:center;
align-items:center;
transition:.3s;
}
.partner-slider-item:hover{
transform:rotate(45deg) translateY(-8px);
box-shadow:0 15px 30px rgba(0,0,0,.2);
}
.partner-slider-item img{
transform:rotate(-45deg);
display:flex;
justify-content:center;
align-items:center;
width:100px;
max-width:100%;
object-fit:contain;
}
.partner-slider-wrapper-mobile{
display: none !important;
}
.partner-slider-wrapper-mobile .slick-track{
height: 200px;
display: flex;
align-items: center;
/* gap: 20px; */
}
.partner-slider-wrapper-mobile .slick-track .partner-slider-item{
height: 100px;
transform: unset;
}
.partner-slider-wrapper-mobile .slick-track .partner-slider-item img{
transform: unset;
}
.our-services-video img{
height: 420px;
object-fit: cover;
}
.our-services-caption img{
width: 300px;
}
.service-pointer{
font-family: var(--Montserrat-SemiBold);
font-size: 14px;
}
.service-pointer img{
width: 20px;
height: 20px;
}
.testimonial-slider-wrapper.container{
/* width: 60% !important; */
}
.testimonial-slider-wrapper .slide-name{
font-family: var(--Montserrat-SemiBold);
font-size: 20px;
color: #525252;
}
.testimonial-slider-wrapper .slide-position,
.testimonial-slider-wrapper .slide-review{
font-family: var(--Montserrat-Regular);
font-size: 16px;
color: #525252;
}
.our-service-wrapper{
width: 80%;
margin: 0 auto;
}
.our-service-wrapper .nav-tabs{
background-color: #F4F4F4;
border-radius: 75px;
}
.our-service-wrapper .nav-tabs .nav-item .nav-link{
font-family: var(--Montserrat-Medium);
font-size: 20px;
border: 0;
background-color: unset;
padding: 15px 50px;
color: #000 !important;
}
.our-service-wrapper .nav-tabs .nav-item:first-child .nav-link{
border-top-left-radius: 75px;
border-bottom-left-radius: 75px;
border-bottom-right-radius: 150px;
}
.our-service-wrapper .nav-tabs .nav-item:last-child .nav-link{
border-top-right-radius: 75px;
border-bottom-right-radius: 75px;
border-top-left-radius: 150px;
}
.our-service-wrapper .nav-tabs .nav-item:nth-child(2) .nav-link{
border-radius:75px !important;
}
.our-service-wrapper .nav-tabs .nav-item .nav-link.active{
background-color: var(--primaryColor);
}
.strategic-slider-wrapper .strategic-slider-item{
width: 20%;
}
.strategic-slider-item-sep{
position: relative;
margin: 0px 10px;
}
.strategic-slider-wrapper .strategic-slider-item img{
width: 100%;
border-radius: 12px;
}
.strategic-slider-wrapper .strategic-slider-item .strategic-slide-content{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 65px;
padding: 30px 10px 10px;
overflow: hidden;
text-overflow: ellipsis;
background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 30%);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.strategic-slider-wrapper .strategic-slider-item:hover .strategic-slide-content{
height: max-content;
}
.strategic-slider-wrapper .strategic-slider-item .strategic-slide-content h3,
.strategic-slider-wrapper .strategic-slider-item .strategic-slide-content p{
font-family: var(--Montserrat-ExtraBold);
font-size: 18.1px;
line-height: 24px;
}
.strategic-slider-wrapper .strategic-slider-item .strategic-slide-content p{
font-family: var(--Onest-Medium);
margin-bottom: 0;
}
.our-value-content-wrapper h2{
font-family: var(--Onest-SemiBold);
font-size: 32px;
line-height: 38.4px;
letter-spacing: -0.96px;
color: #fff;
}
.our-value-content-wrapper .our-value-content-notes .our-value-content-note p{
font-family: var(--Onest-Regular);
font-size: 18px;
line-height: 25.2px;
letter-spacing: -0.54px;
color: #FFFFFFCC;
}
.our-value-content-wrapper .our-value-content-notes .our-value-content-note p>span{
font-family: var(--Onest-Bold);
color: #fff;
}
.global-banner-wrapper .global-banner-head{
gap: 20px;
}
.global-banner-wrapper .global-banner-head .head-left,
.global-banner-wrapper .global-banner-head .head-right{
width: 50%;
}
.column-image-wrapper img{
border-radius: 16px;
width: 100%;
}
.column-box-option-wrapper{
column-count: 2;
}
.column-box-option-wrapper .column-box-option-item{
background-color: #EAEAEA;
padding: 10px 20px;
border-radius: 50px;
margin-bottom: 20px;
}
.column-box-option-wrapper .column-box-option-item p{
font-family: var(--Onest-Regular);
color: #323232;
font-size: 16px;
padding-left: 10px;
}
.column-tick-option-wrapper .column-tick-option-item{
margin-bottom: 20px;
}
.column-tick-option-wrapper .column-tick-option-item p{
font-family: var(--Onest-Medium);
color: #1D1D1D;
font-size: 18px;
line-height: 25.2px;
letter-spacing: -0.54px;
padding-left: 10px;
}
.icon-cart-box-wrapper{
row-gap: 20px;
}
.icon-cart-box-wrapper .icon-cart-box-item{
background-color: var(--whiteColor);
border-radius: 12px;
padding: 30px 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.icon-cart-box-wrapper .icon-cart-box-item img{
width: 48px;
height: 48px;
}
.icon-cart-box-wrapper .icon-cart-box-item h3{
font-family: var(--Onest-Medium);
font-size: 20px;
line-height: 24px;
letter-spacing: -0.6px;
text-transform: capitalize;
color: var(--blackColor);
}
.icon-cart-box-wrapper .icon-cart-box-item p,
.icon-cart-box-wrapper .icon-cart-box-item ul li {
font-family: var(--Onest-Medium);
font-size: 18.1px;
line-height: 25.31px;
color: #000000CC;
}
.icon-cart-box-wrapper .icon-cart-box-item .cs-primary-btn a{
height: fit-content;
}
.contact-us-wrapper .contact-address-box p{
font-family: var(--Onest-Regular);
font-size: 16px;
line-height: 16px;
}
.contact-us-wrapper .contact-address-box p a{
font-family: var(--Onest-Medium);
font-size: 20px;
line-height: 28px;
letter-spacing: -0.6px;
}
.contact-us-wrapper .contact-address-box p a:hover{
color: var(--primaryColor) !important;
}
.contact-us-wrapper .contact-us-form{
border-radius: 12px;
}
.contact-us-wrapper p{
margin: 0 !important;
}
.contact-us-wrapper label{
font-family: var(--Onest-Regular);
font-size: 16px;
line-height: 16px;
letter-spacing: -0.16px;
color: var(--blackColor);
width: 100%;
}
.contact-us-wrapper input,
.contact-us-wrapper select{
border: 1px solid #ECECEC;
border-radius: 8px;
width: 100%;
padding: 10px 20px;
margin: 10px 0px;
font-family: var(--Onest-Regular);
font-size: 14px;
line-height: 100%;
letter-spacing: -0.42px;
text-transform: capitalize;
}
.contact-us-wrapper select{
appearance: none; /* Disable the default arrow */
-webkit-appearance: none; /* For WebKit-based browsers */
-moz-appearance: none; /* For Firefox */
background-color: #fff;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 20px;
cursor: pointer;
}
.contact-us-wrapper iframe{
width: 100%;
height: 500px;
}
.contact-us-wrapper input[type="submit"]{
background-color: var(--primaryColor);
color: var(--whiteColor);
border-radius: 50px;
text-transform: uppercase;
font-family: var(--Onest-Medium);
font-size: 14px;
line-height: 14px;
letter-spacing: -0.42px;
text-align: center;
margin-bottom: 0;
}
.contact-us-wrapper input[type="submit"] ~ .wpcf7-spinner{
display: none;
}
.blog-hero-wrapper,
.blog-post-listing-hero-wrapper{
background-image:url(/wp-content/uploads/2026/07/about-banner-image.png);
/* border-radius: 12px; */
/* margin: 0px 18px; */
padding: 180px 0px 100px;
}
.blog-hero-content-wrapper .blog-hero-tag{
background-color: #01F091;
font-family: var(--Onest-Regular);
font-size: 16px;
line-height: 16px;
padding: 5px 10px;
border-radius: 32px;
}
.blog-hero-content-wrapper .blog-hero-reading-time,
.blog-hero-content-wrapper .blog-hero-publish-date{
font-family: var(--Onest-Regular);
font-size: 16px;
line-height: 16px;
letter-spacing: -0.16px;
color: #CACACA;
}
.blog-hero-content-wrapper .blog-hero-heading{
font-family: var(--Onest-SemiBold);
font-size: 48px;
line-height: 57.6px;
letter-spacing: -0.96px;
}
.blog-hero-content-wrapper .blog-hero-paragraph{
font-family: var(--Onest-Medium);
font-size: 18px;
line-height: 25.4px;
color: #F5F5F5;
}
.blog-hero-image img{
border-radius: 12px;
}
.author-box .author-avatar img{
width: 40px;
height: 40px;
border-radius: 50%;
}
.author-box .author-info{
font-family: var(--Onest-Regular);
font-size: 14px;
line-height: 14px;
}
.author-box .author-info span{
line-height: 19.6px;
color: #CACACA;
}
.blog-content-wrapper{
padding: 50px 18px;
width: 60% !important;
}
.blog-content-wrapper p{
font-size: 18px;
line-height: 27px;
letter-spacing: -0.54px;
}
/* .blog-post-listing-hero-wrapper{
background: #000;
padding-bottom: 50px;
padding-top: 180px;
} */
.blog-post-listing-wrapper .blog-card{
background-color: var(--whiteColor);
height: 100%;
}
.blog-post-listing-wrapper .blog-card img{
margin-bottom: 20px;
/* border-top-left-radius: 15px;
border-top-right-radius: 15px; */
height: auto;
}
/* .blog-post-listing-wrapper .blog-card .blog-list-label,
.blog-post-listing-wrapper .blog-card .blog-list-heading,
.blog-post-listing-wrapper .blog-card .blog-list-paragraph{
margin: 0px 20px 15px !important;
} */
.blog-post-listing-wrapper .blog-card .blog-list-label{
/* background-color: var(--blackColor); */
padding: 5px 10px;
/* font-family: var(--Onest-Regular); */
font-size: 14px;
line-height: 14px;
width: fit-content;
border-radius: 15px;
}
.blog-post-listing-wrapper .blog-card .blog-list-heading{
font-size: 24px;
line-height: 28.8px;
letter-spacing: -0.48px;
}
.blog-post-listing-wrapper .blog-card .blog-list-paragraph{
margin-bottom: 5px !important;
line-height: 22.4px;
color: #000000CC;
}
.blog-list-link{
font-family: var(--Onest-Medium);
font-size: 18px;
line-height: 18px;
}
@media screen and (max-width: 1440px){
body.header-full-width .navbar{
padding: 0px;
}
.main-navbar-custom .navbar.nav-custom .navbar-brand{
margin-right: 30px;
}
}
@media screen and (max-width: 1200px) {
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-menu-item{
/* padding: 10px !important; */
}
.main-navbar-custom .navbar.nav-custom .header-menu-sep{
padding: 10px 15px;
}
.custom-heading{
font-size: 60px;
line-height: normal;
}
#mega-menu-wrap-primary #mega-menu-primary{
display: flex;
gap: 0px !important;
padding-left: 0px;
}
.main-navbar-custom .navbar.nav-custom .synergates-logo img{
width: 150px;
height: auto;
}
.main-navbar-custom .navbar.nav-custom .navbar-brand{
margin-right: 30px;
}
.main-navbar-custom .navbar.nav-custom .mega-menu-wrap .mega-menu-link{
font-size: 14px !important;
}
}
@media screen and (max-width: 992px) {
.last-order{
order: 6 !important;
}
.main-navbar-custom{
padding: 20px 15px !important;
background-color: #000;
}
.main-navbar-custom .navbar.nav-custom .header-menu-sep{
margin-top: 0px;
padding: 0px;
}
.strategic-slider-wrapper{
flex-wrap: wrap;
justify-content: center;
}
.strategic-slider-wrapper .strategic-slider-item{
width: 33.33%;
margin-bottom: 20px;
}
.strategic-slider-wrapper .strategic-slider-item .strategic-slide-content{
/* background: unset; */
height: auto;
padding-bottom: 20px;
}
.global-banner-wrapper .global-banner-head{
flex-wrap: wrap;
}
.global-banner-wrapper .global-banner-head .head-left,
.global-banner-wrapper .global-banner-head .head-right{
width: 100%;
}
.contact-us-wrap .vce-content-background-container{
display: none !important;
}
.our-service-wrapper .nav-tabs,
.our-service-wrapper .nav-tabs .nav-item .nav-link{
border-radius: 30px !important;
}
.main-navbar-custom .navbar.nav-custom .header-menu-sep{
background:transparent;
}
.our-service-wrapper .nav-tabs .nav-item .nav-link{
padding: 15px 20px;
}
}
@media screen and (max-width: 768px) {
h1,h2,h3,h4,p,li,span{
letter-spacing: normal !important;
}
.section-gap{
padding: 30px 0px;
}
.global-banner-main-wrapper{
padding-top: 150px;
}
.banner-slider-item .banner-slider-content{
width: 100%;
}
.strategic-slider-wrapper .strategic-slider-item{
width: 50%;
}
.blog-content-wrapper,
.custom-pages-wrapper{
width: 90% !important;
}
.section-heading-sm{
font-size: 30px;
line-height: 30.4px;
}
.section-paragraph{
font-size: 16px;
}
.custom-heading{
font-size: 40px;
line-height: 40.4px;
}
.banner-slider-wrapper .banner-slider-item{
height: 95vh;
}
.performance-stats-wrapper .performance-stats-item h2{
font-size:40px;
}
.slick-prev{
left: 0 !important;
}
.slick-next{
right: 0 !important;
}
.testimonial-slider-wrapper.container{
width: 95% !important;
}
.our-service-wrapper{
width: 100%;
}
.our-service-wrapper .nav-tabs,
.our-service-wrapper .nav-tabs .nav-item .nav-link{
border-radius: 30px !important;
}
.search-overlay-inner{
margin-top: 150px;
}
.our-service-wrapper .nav-tabs .nav-item .nav-link{
padding: 15px 100px;
}
}
@media screen and (max-width: 552px) {
.blog-hero-content-wrapper .blog-hero-heading,
.custom-heading,
.page-heading,.section-heading{
font-size: 40px;
}
h2.custom-heading{
font-size: 32px;
line-height: normal;
margin-bottom: 20px;
}
.strategic-slider-wrapper{
padding: 0px !important;
}
.our-service-wrapper .nav-tabs .nav-item .nav-link{
padding: 15px 50px;
}
}
@media screen and (max-width: 450px) {
.strategic-slider-wrapper .strategic-slider-item{
width: 70%;
}
.section-heading-sm{
font-size: 24px;
line-height: 24px;
}
.section-paragraph{
font-size: 14px;
}
.custom-heading{
font-size: 30px;
line-height: 30.4px;
}
}
@media screen and (min-width: 1440px) {
.nav-custom{
/* max-width: 1320px;
margin: 0 auto; */
/* padding-left: 15% !important; */
padding: 0 !important;
}
.banner-slider-wrapper .banner-slider-item{
height: 100vh;
}
/* .main-navbar-custom .navbar.nav-custom .header-menu-sep{
border-radius: 50px;
} */
}
@media (min-width: 1440px) and (max-width: 1600px){
.banner-slider-wrapper .banner-slider-item{
height: 110vh;
}
}
@media (min-width: 1300px) and (max-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1240px !important;
}
}
@media screen and (max-width: 1300px){
#mega-menu-wrap-primary #mega-menu-primary{
gap: 0px;
}
.partner-slider-item{
width: calc(170px - 50px);
height: calc(170px - 50px);
}
.our-service-wrapper{
width: 100%;
}
}
@media screen and (max-width: 1200px){
.partner-slider-item{
width: calc(150px - 50px);
height: calc(150px - 50px);
}
}
@media screen and (max-width: 1024px){
.partner-slider-wrapper-desktop{
display: none !important;
}
.partner-slider-wrapper-mobile{
display: block !important;
}
.navbar-brand, .main-navbar-custom .navbar.nav-custom .synergates-logo img{
width:150px !important;
height:150px;
}
}
@media screen and (max-width: 450px){
.navbar-brand, .main-navbar-custom .navbar.nav-custom .synergates-logo img{
width:90px !important;
height:90px;
}
.enterprise_solutions_table td,
.enterprise_solutions_table th{
font-size:14px;
}
}
@media screen and (max-width: 767.9px){
.bottom-border-divider.end-divider::after {
left: 0px !important;
right: unset !important;
}
}
@media screen and (max-width: 375px){
.enterprise_solutions_table td,
.enterprise_solutions_table th{
font-size:11px;
}
}
/* Career form */
.career-form{
background:#fff;
border-radius:20px;
padding:22px;
padding-bottom:5px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}
.join-team-btn{
background:#000 !important;
color:#fff !important;
border:none;
border-radius:40px !important;
font-weight:600 !important;
cursor:default;
text-align:center;
padding:14px;
}
.career-form .form-input,
.career-form .form-textarea{
background:#f7f7f7 !important;
border:none !important;
border-radius:30px;
padding:16px 20px;
box-shadow:none !important;
width:100%;
}
.career-form .form-input{
height:55px;
}
.career-form .form-textarea{
border-radius:20px;
resize:none;
padding-top:18px;
min-height:180px;
height:180px !important;
}
.career-form .form-input:focus,
.career-form .form-textarea:focus{
background:#f7f7f7;
box-shadow:none;
outline:none;
}
.apply-btn{
background:#EEB61B !important;
color:#fff !important;
border:none;
border-radius:40px;
padding:14px;
font-weight:600;
text-transform:uppercase;
width:100%;
}
.apply-btn:hover{
background:#d9a617 !important;
color:#fff !important;
}.career-form .upload-wrapper label{
display:block;
margin-bottom:8px;
}
.career-form .upload-wrapper input[type="file"]{
width:100%;
background:#f7f7f7;
border:none;
border-radius:30px;
padding:14px 20px;
font-size:inherit;
color:#777;
}
.career-form .upload-wrapper input[type="file"]::file-selector-button{
background:#EEB61B;
color:#fff;
border:none;
border-radius:20px;
padding:8px 16px;
margin-right:15px;
cursor:pointer;
transition:.3s;
}
.career-form .upload-wrapper input[type="file"]::file-selector-button:hover{
background:#d9a617;
}
#el-f0e6d081 .vce-col-content,
#el-f0e6d081 .vce-raw-html,
#el-f0e6d081 .vce-raw-html-wrapper {
height:100% !important;
}
/* blog page */
.blog-featured-card a {
height: 100%;
}
/* Featured cards with background images */
.blog-featured-card {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 300px;
position: relative;
}
.blog-featured-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.blog-featured-card a {
position: relative;
z-index: 2;
padding: 5px 0px;
justify-content: flex-end;
}
.blog-featured-card .blog-list-heading {
color: #ffffff !important;
}
.blog-featured-card .blog-list-label mx-3 {
align-self: flex-start;
}
/* Regular blog cards */
.blog-post-listing-wrapper .blog-featured-card img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
object-position: top;
border-radius: 0px !important;
}
/* Sidebar styles */
.sidebar-widget {
position: sticky;
top: 31px;
}
.filter-btn {
padding: 5px 12px;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
font-family: var(--Montserrat-SemiBold);
border: none !important;
}
.post-content small,
.random-post-item small,
.blog-list-label {
font-family: var(--Montserrat-Regular);
}
.filter-btn.active {
color: #EEB61B;
border: none;
}
.filter-btn-outline {
color: #000;
}
.filter-btn:hover {
color: #EEB61B !important;
background-color: transparent !important;
}
.blog-list-label {
background-color: #EEB61B !important;
}
.filter-btn:focus {
box-shadow: none !important;
border: none;
}
.blog-post-listing-wrapper .blog-card .blog-list-heading,
.sidebar-title,
.random-post-item h6 {
font-family: var(--Montserrat-SemiBold);
}
.sidebar-title,
.random-post-item h6 {
font-size: 18px;
}
.filter-wrapper {
border-top: 2px solid #e5e5e5;
border-bottom: 2px solid #e5e5e5;
padding: 0px 10px;
}
.sidebar-widget .sidebar-title {
background-color: #000;
color: #fff;
text-transform: uppercase;
padding: 5px 10px;
}
.sidebar-title {
text-transform: uppercase;
color: #000;
}
@media screen and (min-width: 768px) {
.blog-hero-wrapper .custom-heading {
font-size: 50px !important;
width: 70%;
margin: auto;
}
}
@media (max-width: 768px) {
.filter-buttons {
width: 100%;
justify-content: flex-start;
}
.filter-btn {
font-size: 12px;
padding: 4px 12px;
}
.blog-hero-wrapper .custom-heading {
font-size: 24px !important;
}
}
@media screen and (max-width: 375px) {
.blog-hero-wrapper .custom-heading {
font-size: 22px !important;
}
.blog-post-listing-wrapper .blog-card .blog-list-heading,
.blog-list-heading{
font-size: 16px !important;
}
}
.sp-blog-page-wrapper{
background:#fff;
overflow:hidden;
}
/* .sp-blog-page-wrapper .blog-hero-wrapper{
background:#111;
padding:90px 0;
} */
.sp-blog-page-wrapper .blog-hero-tag{
display:inline-block;
background:#fff;
color:#111;
padding:7px 16px;
border-radius:50px;
font-size:.85rem;
font-weight:600;
}
.sp-blog-page-wrapper .blog-hero-reading-time,
.sp-blog-page-wrapper .blog-hero-publish-date{
color:#d7d7d7;
font-size:.95rem;
}
.sp-blog-page-wrapper .blog-hero-image img{
width:100%;
height:550px;
object-fit:cover;
border-radius:24px;
}
.sp-blog-page-wrapper .author-avatar img{
width:60px;
height:60px;
border-radius:50%;
}
.sp-blog-page-wrapper .author-info span{
color:#cfcfcf;
font-size:.9rem;
}
.sp-blog-page-wrapper .blog-content-wrapper{
padding:80px 0;
}
.sp-blog-page-wrapper .single-blog-content{
max-width:850px;
margin:auto;
}
/* Paragraph */
.sp-blog-page-wrapper .single-blog-content p{
font-size:18px;
line-height:2;
color:#505050;
margin-bottom:30px;
}
/* First Paragraph */
.sp-blog-page-wrapper .single-blog-content>p:first-of-type{
font-size:22px;
color:#2c2c2c;
}
/* Drop Cap */
.sp-blog-page-wrapper .single-blog-content>p:first-of-type::first-letter{
float:left;
font-size:70px;
line-height:58px;
font-weight:700;
margin-right:12px;
}
/* Headings */
.sp-blog-page-wrapper .single-blog-content h1,
.sp-blog-page-wrapper .single-blog-content h2,
.sp-blog-page-wrapper .single-blog-content h3,
.sp-blog-page-wrapper .single-blog-content h4,
.sp-blog-page-wrapper .single-blog-content h5,
.sp-blog-page-wrapper .single-blog-content h6{
color:#111;
margin-top:60px;
margin-bottom:20px;
line-height:1.35;
font-weight:700;
}
.sp-blog-page-wrapper .single-blog-content h2{
font-size:2rem;
}
.sp-blog-page-wrapper .single-blog-content h3{
font-size:1.6rem;
}
/* Images */
.sp-blog-page-wrapper .single-blog-content img{
width:100%;
height:auto;
margin:45px 0;
border-radius:18px;
}
/* Links */
.sp-blog-page-wrapper .single-blog-content a{
color:#111;
font-weight:600;
text-decoration:underline;
}
/* Lists */
.sp-blog-page-wrapper .single-blog-content ul,
.sp-blog-page-wrapper .single-blog-content ol{
margin:35px 0;
padding-left:30px;
}
.sp-blog-page-wrapper .single-blog-content li{
margin-bottom:15px;
line-height:1.8;
color:#555;
}
/* Quote */
.sp-blog-page-wrapper .single-blog-content blockquote{
background:#f8f8f8;
border-left:5px solid #111;
padding:30px;
margin:50px 0;
border-radius:14px;
font-size:1.3rem;
line-height:1.8;
font-style:italic;
}
/* Tables */
.sp-blog-page-wrapper .single-blog-content table{
width:100%;
border-collapse:collapse;
margin:40px 0;
}
.sp-blog-page-wrapper .single-blog-content table th,
.sp-blog-page-wrapper .single-blog-content table td{
border:1px solid #ddd;
padding:15px;
}
/* Code */
.sp-blog-page-wrapper .single-blog-content pre{
background:#111;
color:#fff;
padding:25px;
border-radius:14px;
overflow:auto;
margin:40px 0;
}
.sp-blog-page-wrapper .single-blog-content code{
background:#efefef;
padding:3px 7px;
border-radius:4px;
}
.sp-blog-page-wrapper .single-blog-content hr{
margin:60px 0;
border:none;
border-top:1px solid #e4e4e4;
}
.sp-blog-page-wrapper .author-card{
border:1px solid #ececec;
border-radius:20px;
padding:40px;
background:#fafafa;
}
.sp-blog-page-wrapper .author-card img{
width:100px;
height:100px;
border-radius:50%;
}
.sp-blog-page-wrapper .blog-post-listing-wrapper{
background:#fafafa;
}
.sp-blog-page-wrapper .blog-card{
background:#fff;
border-radius:20px;
overflow:hidden;
transition:.35s;
border:1px solid #ededed;
}
.sp-blog-page-wrapper .blog-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 45px rgba(0,0,0,.08);
}
.sp-blog-page-wrapper .blog-card img{
width:100%;
height:240px;
object-fit:cover;
}
.sp-blog-page-wrapper .blog-list-label{
display:inline-block;
background:#111;
color:#fff;
padding:6px 16px;
border-radius:40px;
font-size:.8rem;
font-weight:600;
}
.sp-blog-page-wrapper .blog-card .section-heading{
line-height:1.4;
}
.sp-blog-page-wrapper .blog-card .section-paragraph{
color:#666;
}
.sp-blog-page-wrapper .blog-list-link{
color:#111;
font-weight:600;
transition:.3s;
}
.sp-blog-page-wrapper .blog-list-link:hover{
opacity:.7;
}
.sp-blog-page-wrapper .blog-list-link img{
transition:.3s;
}
.sp-blog-page-wrapper .blog-list-link:hover img{
transform:translateX(5px);
}
.sp-blog-page-wrapper .table-of-contents{
border:1px solid #eee;
padding:25px;
border-radius:16px;
background:#fafafa;
margin-bottom:40px;
}
.sp-blog-page-wrapper ::selection{
background:#111;
color:#fff;
}
.blog-list-heading{
font-family:var(--Montserrat-SemiBold);
font-size: 18px;
line-height: 1.4;
margin: 10px 0;
color:#000;
}
@media(max-width:991px){
.sp-blog-page-wrapper .blog-hero-wrapper{
padding:70px 0;
}
.sp-blog-page-wrapper .blog-hero-image img{
height:350px;
margin-top:20px;
}
.sp-blog-page-wrapper .single-blog-content{
max-width:100%;
}
.sp-blog-page-wrapper .single-blog-content p{
font-size:17px;
}
.sp-blog-page-wrapper .single-blog-content>p:first-of-type{
font-size:20px;
}
.sp-blog-page-wrapper .single-blog-content>p:first-of-type::first-letter{
font-size:55px;
line-height:45px;
}
.sp-blog-page-wrapper .author-card{
text-align:center;
padding:30px;
}
.sp-blog-page-wrapper .author-card img{
margin-bottom:20px;
}
}
@media(max-width:767px){
.sp-blog-page-wrapper .blog-hero-wrapper{
padding:60px 0;
}
.sp-blog-page-wrapper .blog-hero-image img{
height:250px;
}
.sp-blog-page-wrapper .blog-card img{
height:220px;
}
.sp-blog-page-wrapper .single-blog-content h2{
font-size:1.7rem;
}
.sp-blog-page-wrapper .single-blog-content h3{
font-size:1.4rem;
}
.sp-blog-page-wrapper .single-blog-content blockquote{
padding:20px;
font-size:1.1rem;
}
}
/* FAQ */
.accordion-button:not(.collapsed),
.accordion-button,
.accordion-body
{
color:#000 !important;
}
.accordion-button:not(.collapsed){
background-color: #eeb61b78 !important;
}
.accordion-header{
border-left: 3px solid #eeb61b !important;
}
.accordion-body {
border-left: 3px solid #eeb61b !important;
}
.accordion-button{
background-color: #fff !important;
box-shadow:
0 2px 8px rgba(79, 70, 229, 0.08),
0 8px 24px rgba(79, 70, 229, 0.06);
}
.accordion-button:focus,
.accordion-button:hover{
border:none !important;
box-shadow:
0 2px 8px rgba(79, 70, 229, 0.08),
0 8px 24px rgba(79, 70, 229, 0.06) !important;
}
.accordion-button:not(.collapsed){
background-color: #eeb61b78 !important
}
.accordion-button:hover{
/* background-color: #fff !important; */
}
.accordion-item {
border:none !important;
margin-bottom:20px !important;
}
.wpcf7-response-output{
max-width: 1200px !important;
margin: 20px auto !important;
}
@media screen and (min-width:1025px) and (max-width:1199px){
.custom-heading_2{
font-size:53px !important;
}
}