/* Theme Name: Barebones */
/* === Global === */
:root{
    --font_body: "Inter", sans-serif;
}
h1,h2,h3,h4,h5{
    font-family: var(--font_body);
    font-weight: 900;
}
html,
body {
    font-family: var(--font_body);
}
h1{
    font-size: 56px;
    text-transform: uppercase;
}
h2{
    font-size: 50px;
    text-transform: uppercase;
    font-style: italic;
}
h3{
    font-size: 20px;
}

/* === Header/Nav === */
body {
    overflow: auto;
    position: relative;
}
body.ip{
    background-color: #ebebeb;
}
.primary-header{
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    top: 5em;
    z-index: 4;
    transition: all ease .3s;
}
body.scrolled .primary-header{
    top: 1em;
}
body.scrolled .primary-header .nav-wrap,
body.scrolled .primary-header .links-wrap{
    box-shadow: 0 0 6px #777777;
}
.primary-header .nav-wrap .logo {
    position: relative;
    width: 225px;
    transition: all ease .3s;
}
body.scrolled .primary-header .nav-wrap .logo {
    width: 175px;
}
.primary-header .nav-wrap .logo a {
    display: block;
    background: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.primary-header .nav-wrap .logo img {
    max-height: 225px;
    width: auto;
    transition: all ease .3s;
}
.primary-header .nav-wrap{
    border-radius: 6px;
    background-color: #fff;
    padding: 0;
}
.primary-header .nav-wrap .main-nav .menu{
    justify-content: space-around;
    align-items: center;
    text-transform: uppercase;
}
.primary-header .nav-wrap .main-nav .menu li a{
    font-weight: 900;
    padding: 16px 14px;
}
.primary-header .nav-wrap .main-nav .menu li a:has(.image) {
    padding: 15px 10px;
}
.primary-header .nav-wrap .main-nav .menu li {
    margin: 0;
}
.primary-header .nav-wrap .main-nav .menu li:not(.logo) a:hover {
    border-radius: 24px;
    background-color: var(--color-2);
    color:#fff;
    padding: 12px 14px;
}
.primary-header .nav-wrap .main-nav .menu-item-has-children .sub-menu {
    border-radius: 10px;
}
.primary-header .nav-wrap .main-nav .menu-item-has-children:first-child .sub-menu {
    left: 100%;
    transform: translateX(-45%);
}
.primary-header .nav-wrap .main-nav li.logo>a:hover,
.primary-header .nav-wrap .main-nav li.logo>a:focus {
    background: none;
}
.primary-header .links-wrap{
    width: 500px;
    margin-bottom: 10px;
    border-radius: 16px;
    background-color: var(--color-3);
    transform: translateX(22px);
}
.primary-header .links-wrap .header-links{
    justify-content: space-between;
}
.primary-header .links-wrap .header-links .link{
    padding: 6px 0;
}
.primary-header .links-wrap .header-links .link a:hover {
    border-radius: 24px;
    padding: 5px 12px;
    font-weight: 600;
    background-color: var(--color-1);
    color: #fff;
}
.banner-section .content {
    position: absolute;
    top: 75%;
    transform: translateY(-50%);
    left: 5%;
    z-index: 3;
    border-radius: 41px;
    padding: 20px 50px;
    background: linear-gradient(90deg, #F5F5F5 40.87%, rgba(153, 153, 153, 0.00) 100%);
}
.banner-section .content h1{
    font-size: 52px;
    font-style: italic;
    font-weight: 800;
}
.ip .banner-section{
    background: linear-gradient(180deg, #222161 12.5%, rgba(70, 68, 199, 0.00) 86.54%);
}
.ip .banner-section .image{
    background-color: #000;
    padding: 0
}
.ip .banner-section .image img{
    opacity: .85;
}
.ip .banner-section .content {
    position: absolute;
    top: 100%;
    transform: translateY(-17em);
    left: 7%;
    z-index: 3;
    border-radius: 0px;
    color: #fff;
    padding: 20px 50px;
    background: transparent;
}
/* === Footer === */
.primary-footer{
    background-color: #010122;
    color: #fff;
}
.primary-footer{
    text-transform: uppercase;
}
.primary-footer a{
    color: #fff;
}
.primary-footer a:hover,
.primary-footer a:focus {
    color: var(--color-3);
}
.primary-footer .primary-footer-inner{
    padding: 30px 60px 60px 60px;
}
.primary-footer .footer-row{
    gap: 30px;
    justify-content: space-between;
}
.primary-footer .footer-row .logo{
    max-width: 150px;
}
.primary-footer .footer-row .social{
    justify-content: space-around;
    font-size: 24px;
    margin-top: 24px; 
}
.primary-footer ul {
    list-style-type: none;
    padding: 0
}
.primary-footer ul li{
    padding: 0 0 12px 0;
}
.primary-footer .footer-row .contact-col .contact-info{
    padding: 0 0 20px 0;
    display: flex;
    gap: 8px;
}
.primary-footer .footer-row .contact-col .contact-info.email a{
    text-decoration: underline;
}
.primary-footer .footer-row .heading,
.copyright {
    font-style: italic;
}
.primary-footer .copyright-inner {
    padding: 30px 60px 60px 60px;
    position: relative;
}
.primary-footer .copyright-inner::before{
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    background-color: #c2c2c2;
    width: 100%;
    height: 1px;
}
.primary-footer .copyright a {
    font-weight: 900;
}
/* === Home Page === */
.services-section{
    padding: 60px 0px;
}
.services-section .services{
    gap: 27px;
    flex-wrap: wrap;
}
.services-section .services .service{
    flex: 1 1 calc(25% - 20.25px);
    position: relative;
}
.services-section .services .service .heading {
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
    z-index: 3;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
    font-size: 20px;
}
.services-section .services .service .image{
    position: relative;
    z-index: 1;
}
.services-section .services .service .image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    transition: all ease .5s;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.17%, rgba(0, 0, 0, 0.50) 100%);
}
.services-section .services .service:hover .image::after {
    background: linear-gradient(0deg, rgba(43, 0, 197, 0.2) 0%, rgba(35, 0, 192, 0.2) 100%),
        linear-gradient(180deg, rgba(54, 0, 202, 0) 58.17%, rgba(21, 0, 212, 0.7) 100%);
}
.services-section .services .service:hover .heading{
    text-decoration: underline;
}
.services-section .services .service .image img{
    border-radius: 8px;
}
.about-section{
    padding: 80px 0;
    margin-bottom: 80px;
    background: linear-gradient(90deg, #F5F5F5 25.28%, #434279 100%);
}
.about-section .about-row{
    align-items: center;
    flex-wrap: wrap;
}
.about-section .about-row .image-col {
    flex: 1 1 20%;
    position: relative;
    min-height: 0;
}
.about-section .about-row .image-col .inner {
    position: absolute;
    width: calc(100% + 90px);
    top: -220px;
    z-index: 3;
}
.about-section .about-row .content-col {
    flex: 1 1 60%;
    position: relative;
    padding: 60px 120px;
    border-radius: 40px;
    background: rgba(245, 245, 245, 0.85);
}
.animation-wrap.fly-in-left .animation {
	animation-name: fly-in-left;
	animation-duration: 2s;
	animation-play-state: paused;
	animation-iteration-count: 1;
	position: relative;
}
.animation-wrap.run .animation {
    animation-play-state: running;
}
@keyframes fly-in-left {
	from {
		left: 0;
	}
	0% {
		left: -100vw;
	}
	to {
		left: 0;
	}
}
.feature-section{
    padding: 40px 0;
    background-color: var(--color-1);
}
.feature-section h2{
    margin-bottom: 60px;
}
.feature-section-inner {
    padding: 60px 100px;
    color: var(--color-1);
    background-color: #fff;
    border-radius: 40px;
}
.feature-section .features{
    flex-wrap: wrap;
    gap: 60px;
}
.feature-section .features .feature{
    flex: 1 1 calc(33.33% - 40px);
    padding: 30px;
    border-radius: 25px;
    border: 0.5px solid #cfcfcf;
    box-shadow: 5px 5px 10px 0px rgba(218, 218, 218, 0.6);
    position: relative;
}
.feature-section .features .feature .icon{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 50px;
    color: var(--color-3);
    transform: translate(50%, -50%);
}
.offers-section{
    padding: 80px 0;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}
.offers-section h2{
    color: #fff;
    margin-bottom: 60px;
}
.offers-section .items{
    flex-wrap: wrap;
    gap: 10px
}
.offers-section .item {
    flex: 1 1 calc(33.33% - 40px);
    padding: 60px 30px;
    border-radius: 60px;
    background-color: #fff;
}
.offers-section .item .price{
    font-size: 64px;
    font-weight: 700;
    text-align: center;
    padding: 40px 10px;
    border-radius: 24px;
    background: rgba(245, 245, 245, 0.85);
}
.offers-section .item .content {
    font-size: 20px;
    margin-top: 20px;
}
.reviews-section{
    padding: 80px 0;
    background: linear-gradient(180deg, #e1e1e2 23.97%, #090044 92.09%)
}
.reviews-section .reviews {
    background-color: #040036;
    color: #fff;
    padding: 140px 60px 60px 60px;
    border-radius: 40px;
}
.reviews-section .owl-carousel {
    overflow: hidden;
}
.reviews-section .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.reviews-section .owl-carousel .owl-item{
    background-color: var(--color-1);
    padding: 60px 30px 40px 30px;
    border-radius: 30px;
    transition: all ease .3s;
    z-index: 3;
    position: relative;
}
.reviews-section .owl-carousel .owl-item.active.center{
    transform: scale(1.3);
    background-color: var(--color-2);
    z-index: 4;
}
.reviews-section .owl-carousel .owl-item .heading{
    text-align: center;
}
.reviews-section .owl-carousel .owl-item .content {
    text-transform: uppercase;
    font-size: 14px;
}
.reviews-section .owl-carousel .owl-item .quote-icon {
    color: var(--color-3);
    font-size: 90px;
    position: absolute;
    top: -15%;
    right: 40%;
}
.reviews-section .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    column-gap: .5em;
    margin-top: 90px;
}
.reviews-section .owl-carousel .owl-dots .owl-dot {
    border: 1px solid var(--color-3);
    border-radius: 50%;
    width: 11px;
    height: 11px;
}
.reviews-section .owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--color-3);
}
.brands-section{
    padding: 60px 0 30px 0;
    background-color: var(--color-1);
}
.brands-section .brands-section-inner {
    padding: 0 120px;
}
.brands-section .brands{
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    border-radius: 11px;
    background-color: #fff;
    padding: 15px 35px;
}
.brands-section .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}
.form-section {
    padding: 30px 0;
    background: linear-gradient(0deg, #010122 29.92%, #090044 100%);
}
.form-section h3 {
    font-weight: 500;
}
.form-section .form {
    border-radius: 11px 11px 0 0;
    background-color: #fff;
    padding: 60px 120px;
}
.form-section .form h2 {
    font-size: 87px;
}
.form-section .gsection_title{
    margin: 30px 0 0 0;
    text-transform: uppercase;
}
.form-section .gform_wrapper.gravity-theme .gsection{
    border-bottom: none;
}
.form-section input,
.form-section textarea,
.form-section select{
    border-radius: 10px;
    background: #F5F5F5;
    border: none;
    padding: 20px !important;
    text-transform: uppercase;
}
.form-section select {
    -webkit-appearance: none; /* Chrome, Safari */
    -moz-appearance: none;    /* Firefox */
    appearance: none;
    background-image: none;   /* Remove default arrow in some browsers */
}
.form-section input::placeholder,
.form-section textarea::placeholder,
.form-section option,
.form-section option::placeholder {
    text-transform: uppercase;
}
.form-section .gform_button{
    text-transform: uppercase;
    background-color: var(--color-1);
    color: #fff;
    font-weight: 600;
    transition: all ease .3s;
    padding: 10px 14px !important;
}
.form-section .gform_button:hover,
.form-section .gform_button:focus {
    color: var(--color-1);
    background-color: var(--color-3);
}
.careers-block{
    padding: 30px 0;
    background: linear-gradient(90deg, #FDE744 0%, #FFF 100%);
}
.careers-block .careers-row {
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.careers-block .careers-row .content-col {
    font-style: italic;
    text-transform: uppercase;
}
.btn{
    background-color: var(--color-1);
    color: #fff;
    border-radius: 10px;
    padding: 10px 14px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all ease .3s;
}
.btn:hover,
.btn:focus {
    color: var(--color-1);
    background-color: var(--color-3);
}
.mobile-header .mobile-c2a {
    background-color: var(--color-2);
}
.mobile-header .mobile-c2a .home-link {
    border-right: 1px solid var(--color-1);
}
.mobile-header .nav-wrap {
    background-color: var(--color-2);
}
.mobile-header .menu a:hover,
.mobile-header .menu a:focus {
    color: var(--color-3);
}
.mobile-header .toggle-nav:after{
    content: none;
}
.mobile-header .logo-col img {
    max-height: 150px;
}
.mobile-header .mobile-nav a:focus,
.mobile-header .nav-toggler .toggle-less,
.mobile-header .nav-toggler.active .icon{
    color: #fff;
}
.mobile-logo img{
    max-width: 200px;
}
/* === Interior Pages === */
.ip-sections .ip-row {
	row-gap: 20px;
}
.ip-sections .sidebar-col {
	flex: 0 0 310px;
	position: relative;
	margin-top: 40px;
}
.ip-sections .sidebar-col h3 {
	font-size: 24px;
	border-top: 5px solid var(--color-2);
	padding-top: 10px;
	text-align: center;
}
.ip-sections .sidebar-col .inner {
	top: calc(var(--headerHeight) - 0px);
	left: 0;
	right: 0;
}
.ip-sections .sidebar-col .sidebar_content {
	padding: 38px 24px;
	background-color: var(--color-1);
	color: #fff;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme {
	color: var(--color-text);
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme input,
.ip-sections .sidebar-col .gform_wrapper.gravity-theme textarea,
.ip-sections .sidebar-col .gform_wrapper.gravity-theme select {
    border-radius: 6px;
    background: #F5F5F5;
    border: none;
    padding: 10px !important;
    text-transform: uppercase;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme input.gform_button{
    width: 100%;
    font-weight: 700;
    transition: all ease .3s;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme input.gform_button:hover {
    background-color: var(--color-3);
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme .gform_footer {
	margin: 10px 0 0;
	padding: 0;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme .ginput_container_consent {
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 10px;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme .ginput_container_consent a {
	color: #fff;
	font-weight: 400;
	text-decoration: underline;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme .ginput_container_consent input {
	margin: 0;
  /* Add if not using autoprefixer */
	-webkit-appearance: none;
  /* Remove most all native input styles */
	appearance: none;
  /* For iOS < 15 */
	background-color: var(--form-background);
  /* Not removed via appearance */
	margin: 0;
	font: inherit;
	color: #fff;
	width: 1.15em;
	height: 1em;
	border: 2px solid #fff;
	border-radius: .15em;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme .ginput_container_consent input::before {
	content: '';
	width: .5em;
	height: .5em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 20ms transform ease-in-out;
  /* Windows High Contrast Mode */
	background-color: #fff;
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme .ginput_container_consent input:checked::before {
	transform: scale(1);
}
.ip-sections .sidebar-col .gform_wrapper.gravity-theme .ginput_container_consent label {
	font-weight: 400;
	font-size: 12px;
}
.ip-sections .sidebar-col .sidebar-menu {
	padding: 38px 24px;
    background-color: #d7d7d7;
}
.ip-sections .sidebar-col .sidebar-menu .menu {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 16px;
}
.ip-sections .sidebar-col .sidebar-menu .menu li {
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}
.ip-sections .sidebar-col .sidebar-menu .menu a {
	font-weight: 400;
}
.ip-section {
	margin-top: var(--margin_top);
	margin-bottom: var(--margin_bottom);
	padding-top: var(--padding_top);
	padding-bottom: var(--padding_bottom);
}
.ip-services-section{
    padding: 25px;
    position: relative;
    z-index: 1;
    background-position: 50%;
}
.ip-services-section:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--color-2);
    opacity: .7;
    z-index: -1;
}
.ip-services-section .services{
    gap: 25px;
    flex-wrap: wrap;
	justify-content: center;
}
.ip-services-section .services .service{
    padding: 10px;
    background-color: #fff;
    flex: 0 1 calc(50% - 25px);
}
.ip .btn{
    color: var(--color-1);
    background-color: var(--color-3);
    white-space: break-spaces;
}
.ip .btn:hover {
    color: var(--color-4);
    background-color: var(--color-1)
}
.ip-icon-section .icons{
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.ip-icon-section .icons .icon{
    display: flex;
    flex-direction: column;
    flex: 0 1 calc(25% - 15px);
    margin: 6px 0 0 0;
}
.ip-icon-section .icons .icon h3{
    margin-top: 60px;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
}
.ip-icon-section .icons .icon .fa-icon {
    margin: 0 auto;
    text-align: center;
}
.ip-icon-section .icons .icon .fa-icon span{
    font-size: 82px;
}
.ip-background-section{
    background-attachment: fixed;
    background-size: cover;
	background-position: 50% 50%;
    padding: 65px 80px;
}
.ip-background-section .content{
    padding: 35px;
    background-color: #fff;
    border-radius: 10px;
}
.ip-services-section .services .service {
    border-radius: 10px;
}
.ip-offers-section .offers-section-inner{
    position: relative;
}
.ip-offers-section .offers-section-inner .offers{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 60px 0
}
.ip-offers-section .offers-section-inner .offers .offer{
    gap: 30px;
    background-color: #fff;
    border-radius: 12px;
}
.ip-offers-section .offers-section-inner .offers .offer .image-col {
    flex: 1 1 40%;
}
.ip-offers-section .offers-section-inner .offers .offer .image{
    height: 100%;
    object-fit: cover;
}
.ip-offers-section .offers-section-inner .offers .offer .content-col{
    flex: 1 1 60%;
}
.ip-offers-section .offers-section-inner .offers .offer .image img{
    border-radius: 12px 0 0 12px;
    height: 100%;
    object-fit: cover;
}
.ip-offers-section .offers-section-inner .offers .offer .content-col {
    padding: 40px 25px;
}
.ip-offers-section .offers-section-inner .offers .offer .date {
    padding: 0 0 20px 0;
    font-weight: 700;
}
.ip-offers-section .offers-section-inner .offers .offer .price {
    font-size: 36px;
    font-style: italic;
    font-weight: 900;
    padding: 0 0 20px 0;
}
.ip-offers-section .offers-section-inner .offers .offer .content-col .btn {
    border-radius: 30px;
    font-style: italic;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: normal;
    padding: 10px 30px;
}
.toggle-nav {
    padding: 60px 0;
	justify-content: center;
    column-gap: 40px;
    row-gap: 6px;
	flex-wrap: wrap;
    position: relative;
}
.toggle-nav:after{
    content: '';
    position: absolute;
    bottom: 11%;
    border-bottom: 2px solid #c4c4c4;
    width: 100%;
    transition: all ease .3s;
    z-index: -1;
}
.toggle-nav .nav-item {
	background-color: var(--color-4);
    border-radius: 30px;
	cursor: pointer;
	transition: all ease .3s;
}
.toggle-nav .nav-item {
    position: relative;
    color: #fff;
    background-color: var(--color-1);
    transition: all ease .3s;
}
.toggle-nav .nav-item.active{
    background-color: var(--color-2);
}
.toggle-nav .nav-item.active:after {
    content: '';
    position: absolute;
    bottom: -109%;
    border-bottom: 2px solid #575757;
    width: 100%;
    transform: translate(-89%, -50%);
    transition: all ease .3s;
}
.toggle-nav .nav-item:hover {
	background-color: var(--color-2);
    transition: all ease .3s;
}
.toggle-nav .nav-item:hover:after {
    content: '';
    position: absolute;
    bottom: -109%;
    border-bottom: 2px solid #6d6d6d;
    width: 100%;
    transform: translate(-89%, -50%);
    transition: all ease .3s;
}
.toggle-section {
	display: none;
}
.toggle-section.active {
	display: block;
}
.toggle-section .section-heading {
	text-align: center;
	color: var(--color-1);
	padding: 10px 0;
	font-weight: 700;
}
.ip-coral-services-section .services {
	flex-wrap: wrap;
	column-gap: 12px;
	row-gap: 12px;
    justify-content: center;
}
.ip-coral-services-section .services .service {
	background-color: var(--color-4);
	flex: 0 1 calc(50% - 6px);
}
.ip-coral-services-section .services .service .heading {
	background-color: var(--color-3);
	text-align: center;
    text-transform: uppercase;
	padding: 12px;
}
.ip-coral-services-section .services .service .content {
	padding: 12px 24px;
}
.ip .content-section .content-row{
    gap: 25px;
    flex-wrap: wrap;
}
.ip .content-section .content-row .content-col{
    flex: 1 1 65%;
    padding-right: 20px;
}
.ip .content-section .content-row .image-col {
    flex: 1 1 30%;
}
.ip-form-section h3 {
    font-weight: 500;
}
.ip-form-section .form {
    border-radius: 11px 11px 0 0;
    background-color: #fff;
    padding: 60px 120px;
}
.ip-form-section .form h2 {
    font-size: 87px;
}
.ip-form-section .gsection_title{
    margin: 30px 0 0 0;
    text-transform: uppercase;
}
.ip-form-section .gform_wrapper.gravity-theme .gsection{
    border-bottom: none;
}
.ip-form-section input,
.ip-form-section textarea,
.ip-form-section select{
    border-radius: 10px;
    background: #F5F5F5;
    border: none;
    padding: 20px !important;
    text-transform: uppercase;
}
.ip-form-section input::placeholder,
.ip-form-section textarea::placeholder,
.ip-form-section option,
.ip-form-section option::placeholder {
    text-transform: uppercase;
}
.ip-form-section .gform_button{
    text-transform: uppercase;
    background-color: var(--color-1);
    color: #fff;
    font-weight: 600;
    transition: all ease .3s;
    padding: 10px 14px !important;
}
.ip-form-section .gform_button:hover,
.ip-form-section .gform_button:focus {
    color: var(--color-1);
    background-color: var(--color-3);
}
.ip-form-section .gfield_label,
.ip-form-section .gfield_description{
    padding: 30px 0 15px 0 !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 20px !important;
}
.blog-section {
	margin: 20px 0;
}
.blog-section .blog h2{
    font-size: 34px;
}
.blog-section .pagination {
	margin: 10px 0 0;
}
.blog-section .blogs-row {
	column-gap: 10px;
	row-gap: 10px;
}
.blog-section .blogs-col {
	margin-right: 0;
	flex: 1 1 75%;
}
.blog-section .sidebar-col {
	flex: 0 1 25%;
    display: block;
}
.blog-section .blogs {
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
	justify-content: center;
}
.blog-section .blog {
	flex: 0 1 calc(50% - 5px);
	margin-bottom: 0;
	min-width: (360px, 100%);
	max-width: 820px;
}
.blog-section .blog:nth-child(4n - 2),
.blog-section .blog:nth-child(4n - 1) {
	background-color: var(--color-3);
}
.blog-section .blog:nth-child(4n - 3),
.blog-section .blog:nth-child(4n) {
	background-color: var(--color-4);
}

.blog-section .blog .content-wrap {
	padding: 20px;
}
.blog-section .blog .image img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.blog-section .sidebar {
	text-align: center;
	border: 2px solid;
}
.blog-section .sidebar .screen-reader-text {
	display: none;
}
.blog-section .sidebar .search-form {
	display: inline-flex;
	width: auto;
	position: relative;
	margin: 15px 10px;
}
.blog-section .sidebar .search-form button {
	position: absolute;
	right: 0;
	top: 0;
}
.blog-section .sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-section .sidebar li {
	padding: 15px 0;
}
.blog-section .sidebar li:not(:last-child) {
	border-bottom: 1px solid;
}
.blog-section .sidebar h2 {
	border-bottom: none;
	margin-top: 8px;
	font-size: 22px;
}
.blog-section .sidebar a:hover, .blog-section .sidebar a:focus {
	text-decoration: none;
}
.single h1{
    font-style: italic;
}
.single .banner-inner{
    margin: 13em auto 0 auto;
}
.single .banner-inner img{
    border-radius: 12px;
}
.faq-section {
	background-color: var(--color-4);
}
.faq-section .faq-section-inner{
    padding: 40px;
}
.faq-section .faq {
	border: none;
	border-bottom: 1px solid var(--color-1);
	margin-bottom: 0;
	padding: 40px 0;
}
.faq-section .faq .toggle-heading {
	padding: 0;
	border: none;
	transition: color ease .3s;
}
.faq-section .faq .toggle-content {
	border: none;
	padding: 0;
	padding-top: 20px;
}
.faq-section .faq h3 {
	margin-bottom: 0;
}
.faq-section .faq.active .toggle-heading .icon {
	color: var(--color-3);
}
.faq-section .faq.active .toggle-heading .heading {
	color: var(--color-2);
}
.toggle-item {
	border: 2px solid var(--color-1);
	margin-bottom: 5px;
}
.toggle-item .toggle-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 30px;
	cursor: pointer;
}
.toggle-item .icon {
	transition: transform ease-in-out .4s;
	font-size: 22px;
}
.toggle-item>.toggle-content {
	display: none;
	border-top: 1px solid var(--color-1);
	padding: 5px 15px;
}
.toggle-item.active>.toggle-content {
	display: block;
}
.toggle-item .toggle-content p {
	margin: 10px 0;
}
.toggle-item .icon.active {
	transform: rotate(180deg);
}
.gradient-section {
	padding: 100px 0;
    background-image: linear-gradient(90deg, var(--color-2) -20%, rgba(0, 0, 0, 0) 100%);
}
.gradient-section p:last-child {
	margin-bottom: 0;
}
/* === Media Queries === */
@media screen and (min-width: 992px) {
    .banner-section {
        margin-top: -116px;
    }
    .ip .banner-section .carousel .item:not(:has(.image)){
        min-height: 800px;
    }
    .ip .banner-section .image{
        margin: 18em auto 0 auto;
        border-radius: 12px;
        padding: 0;
    }
    .ip .banner-section .image img{
        border-radius: 12px;
    }
}
@media screen and (max-width: 991px) {
    body p{
        font-size: 16px;
    }
    .form-section .form h2 {
        font-size: 47px;
    }
    .services-section .services .service {
        flex: 1 1 calc(50% - 14px);
    }
    .services-section,
    .about-section .about-row .content-col,
    .form-section .form,
    .feature-section-inner{
        padding: 20px 40px;
    }
    .banner-section .content h1 {
        font-size: 36px;
    }
    .primary-footer .footer-row{
        flex-direction: column;
        justify-content: center;
    }
    .primary-footer .footer-row .social {
        justify-content: flex-start;
        gap: 20px;
    }
    .banner-section .image img{
        min-height: 350px;
        object-fit: cover;
    }
    .ip .banner-section .image{
        width: 100%;
    }
    .ip-form-section .form {
        padding: 10px 20px;
    }
    .ip-form-section .form h2 {
        font-size: 47px;
    }
    .ip-offers-section .offers-section-inner .offers .offer .image img{
        border-radius: 12px;
    }
    .ip-icon-section .icons{
        flex-direction: column;
    }
    .ip-icon-section .icons .icon{
        flex: 1 1 calc(25% - 15px);
    }
}
@media screen and (max-width: 767px) {
    .about-section .about-row {
        flex-direction: column;
    }
    .about-section .about-row .image-col .inner {
        position: relative;
        width: 100%;
        top: 0;
    }
    .careers-block {
        padding: 30px;
    }
    .services-section .services .service {
        flex: 1 1 100%;
    }
    .reviews-section .owl-carousel .owl-item .content {
        font-size: 10px;
    }
    .banner-section .content h1 {
        font-size: 26px;
    }
    .ip .banner-section .content h1 {
        font-size: 34px;
    }
    .feature-section .features{
        flex-direction: column;
    }
    .offers-section .item {
        padding: 30px 15px;
    }
    .offers-section .items{
        flex-direction: column;
    }
    .offers-section .item .price {
        font-size: 44px;
    }
    .brands-section .brands-section-inner {
        padding: 0 20px;
    }
    .toggle-nav{
        flex-direction: column;
    }
    .toggle-nav .nav-item.active:after{
        content: none;
    }
    .ip-sections .ip-row {
        flex-direction: column-reverse;
    }
    h2 {
        font-size: 32px;
    }
    .ip-services-section .services,
    .ip-coral-services-section .services{
        flex-direction: column;
    }
    .ip-services-section .services .service {
        flex: 1 1 calc(50% - 25px);
    }
    .ip-background-section {
        padding: 25px;
    }
    .ip-background-section .content {
        padding: 10px;
    }
    .blog-section .blogs{
        flex-direction: column;
    }
    .toggle-nav .nav-item.active:after{
        content: none;
    }
    .single h1{
        font-size: 38px;
    }
}
@media screen and (max-width: 425px) {
    .banner-section .content h1 {
        font-size: 20px;
    }
    .ip .banner-section .content h1 {
        font-size: 30px;
    }
}