/*
Theme Name: Doob Child Theme
Theme URI: http://rainbowit.net/
Description: Child theme for Parent Theme.
Author: whello
Author URI: https://whello.nl
Template: doob
Version: 2.0.2
*/
/* -------------------------------
			ROOT STYLING
---------------------------------*/
:root {
	--dark-blue: #12151C;
	--black-800: #181818;
	--white: #ffffff;
	--white-smoke: #F5F8FA;
	--grey-300: #D1D5DB;
	--grey-400: #b6b6b6;
	--grey-800: #65676B;
	--red: #CF1B1B;
	--green: #78a318;
	--purple: #A134E3;
	--transparent: rgba(0, 0, 0, 0);

	--text-xl: 2.4rem;
	--text-lg: 2rem;
	--text-md: 1.8rem;
	--text-base: 1.6rem;
	--text-sm: 1.4rem;
	--text-xs: 1.2rem;


	--rounded-sm: 0.8rem;
	--rounded: 1.6rem;
	--rounded-3xl: 2.8rem;
	--rounded-full: 9999px;
}

.rainbow-section-gap {
    padding: 0px 0 !important;
}

.page-content, .entry-content, .entry-summary {
	margin-top:0px;
}

/*----- PRELOADER -----*/

.loader .circle:after {
	background-color: #9742ff !important;
}

.active-light-mode .preloader {
	background-color: #1f2937 !important;
}

/*----- END PRELOADER -----*/

/*----- SCROLLBAR -----*/

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	-webkit-border-radius: 9999px;
	        border-radius: 9999px;
	background: #fff;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 9999px;
	        border-radius: 9999px;
	background: #d1d5db;
}

/*----- END SCROLLBAR -----*/

/*----- HEADER -----*/

body.active-light-mode .rainbow-header.sticky,
body.error404.active-light-mode .header-default:not(.sticky) {
	background-color: var(--dark-blue) !important;
}

/* Navigation */
.mainmenu-nav .mainmenu > li > a, 
.mainmenu-nav .mainmenu > li > a.active {
	color: #9ca3af !important;
}

.mainmenu-nav .mainmenu > li > a:hover,
.mainmenu-nav .mainmenu > li.current > a {
	color: #fff !important;
}

.mainmenu-nav.onepagenav .mainmenu > li > a::after {
	background: #fff;
}

/* Burgermenu Button */
body.active-light-mode .menutrigger {
	background-color: transparent;
	color: white !important;
}

/* Mobile Menu */
body.active-light-mode .popup-mobile-menu .inner {
	background-color: #1f2937;
}

body.active-light-mode {
	color: #9ca3af;
}

body.active-light-mode .popup-mobile-menu .mainmenu-item li a {
	color: #fff;
}

body.active-light-mode .popup-mobile-menu .mainmenu-item li + li {
  border-color: rgba(255, 255, 255, 0.1);
}

.highlighted {
	-webkit-text-fill-color: #9742ff;
	color: #9742ff !important;
}
/*----- END HEADER -----*/

/*----- KEY FEATURES -----*/

body.active-light-mode .service.service__style--1.icon-circle-style .icon {
	background-color: #6b7280 !important;
		color: white !important;
}

/*----- END KEY FEATURES -----*/

/*----- BACK TO TOP BUTTON -----*/

body.active-light-mode .rainbow-back-top {
	background-color: #1f2937 !important;
}

body.active-light-mode .rainbow-back-top i {
	color: #9ca3af;
}

.rainbow-back-top:hover i {
	color: #fff !important;
}

/*----- END BACK TO TOP BUTTON -----*/

/*----- FOOTER -----*/

body.active-light-mode .copyright-style-one {
	background: #12151C;
}

body.active-light-mode .copyright-style-one .ft-menu li a {
	color: #9ca3af;
}

body.active-light-mode .copyright-style-one .ft-menu li + li::after {
	background: #6b7280;
}

body.active-light-mode .copyright-style-one .ft-menu li a:hover {
	color: #fff;
}

.copyright-style-one .copyright-text {
	color: #9ca3af !important;
}

/*----- END FOOTER -----*/


/* --------------------------------
			GENERAL
-----------------------------------*/
.entry-content, 
.page-entry-content-footer-wrapper {
    padding: 0 0px;
}

.container, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
	padding: 0;
}

.row {
    --bs-gutter-x: 2.4rem;
}

.rn-blog-details p a, 
.entry-content p a {
	--color-heading: initial;
}

.elementor-element.e-parent,
.elementor-element.e-parent > .e-con-inner {
	padding: 0;
}

.elementor-element.e-parent > .e-con-inner > .elementor-element.e-child {
	padding: 12px;
}

.text-md *:not(h2):not(h3):not(h4) {
	font-size: var(--text-md);
}

.inner.Collaborate-inner {
	padding-right: 22px;
}

.thumbnail.image-right-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.thumbnail.image-right-content img {
	margin-left: auto;
}

.rb-separator {
	width: -webkit-calc(100% - 12px);
	width: -moz-calc(100% - 12px);
	width: calc(100% - 12px);
}

a.btn-default.btn-large, 
button.btn-default.btn-large, 
div.btn-default.btn-large {
	height: 50px;
	padding: 16px 32px;
	line-height: 1;
	font-size: var(--text-md);
	font-weight: 600;
}

.button-group {
	margin: -12px;
}

.button-group a, 
.button-group button {
	margin: 12px;
}

body.active-light-mode a.btn-default.btn-border, 
body.active-light-mode button.btn-default.btn-border {
	border-color: var(--grey-300);
	color: var(--grey-300);
}

.display-block {
	display: block !important;
}

.elementor-element[data-widget_type="doob-split\.default"] .inner.Collaborate-inner .description {
	color: var(--grey-800);
}

body {
	--color-body: var(--grey-800);
}

/* --------------------------------
			SITE HEADER
-----------------------------------*/
.mainmenu-nav.onepagenav .mainmenu li {
	margin-left: 16px;
	margin-right: 16px;
}

.header-default .header-right .header-btn {
	margin-left: 16px;
}

header .header-btn .btn-default {
	-webkit-border-radius: 16px !important;
	   -moz-border-radius: 16px !important;
	        border-radius: 16px !important;
	font-size: var(--text-md);
	height: 50px;
	padding: 16px 32px;
	line-height: 1;
}

header > .header-wrapper > .row {
	padding: 0 24px;
}

/* -------------------------------
		HERO BANNER
----------------------------------*/
.slider-creative-agency.slider-area .inner {
	padding: 0 24px;
}

.slider-creative-agency.slider-style-1 .inner .description {
	line-height: 1.5;
	margin-bottom: 32.6px;
}

/* --------------------------------
			SITE FOOTER
----------------------------------*/
.site-footer {
	background-color: var(--dark-blue);
	color: var(--white);
}

body .heading-footer p {
	color: var(--white);
	font-size: var(--text-xl);
	margin-bottom: 32px;
	font-weight: 700;
	line-height: 1.1;
}

body .text-bottom-footer p {
	color: var(--grey-400);
	font-size: var(--text-sm);
	line-height: 1.5;
	margin-bottom: 0;
}

body .separator-footer .divider-separator {
	background: var(--grey-400);
}

.icon-list-footer.elementor-widget-icon-list {
	--e-icon-list-icon-size: 24px !important;
}

.icon-list-footer.elementor-widget-icon-list .elementor-icon-list-item + .elementor-icon-list-item {
	margin-top: 1.6rem;
}

.icon-list-footer.elementor-widget-icon-list .elementor-icon-list-item a {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.icon-list-footer.elementor-widget-icon-list svg {
	margin-right: 14px !important;
}

.icon-list-footer.elementor-widget-icon-list .elementor-icon-list-text {
	color: var(--grey-400);
	font-size: var(--text-md);
	line-height: 1.5;
	padding-left: 0;
	-webkit-padding-start: 0 !important;
	   -moz-padding-start: 0 !important;
	        padding-inline-start: 0 !important;
	word-break: break-all;
}

.elementor-widget-image.icon-link-footer a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 40px;
	width: 40px;
	-webkit-border-radius: 100px;
	   -moz-border-radius: 100px;
	        border-radius: 100px;
	background-color: var(--grey-800);
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.icon-list-footer.elementor-widget-icon-list:hover .elementor-icon-list-text {
	color: var(--white);
}

.elementor-widget-image.icon-link-footer a img {
	width: 16px;
	height: 16px;
}

.elementor-icon-list-icon,
.elementor-widget-image img {
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.elementor-icon-list-item:hover .elementor-icon-list-icon {
	-webkit-transform: translateX(3px);
	   -moz-transform: translateX(3px);
	    -ms-transform: translateX(3px);
	     -o-transform: translateX(3px);
	        transform: translateX(3px);
}

.elementor-widget-image:hover img {
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);
}

.elementor-widget-image.icon-link-footer:hover a {
	background-color: var(--purple);
}

/* --------------------------------------
			VIDEO POPUP
-----------------------------------------*/
body .video-popup .video-icon  {
	margin-top: 0;
}

.video-square .btn-default span {
	width: 72px;
	height: 72px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 0;
	-webkit-border-radius: var(--rounded-full) !important;
	   -moz-border-radius: var(--rounded-full) !important;
	        border-radius: var(--rounded-full) !important;
	overflow: hidden;
	background: var(--transparent);
	border: 3px solid var(--white);
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.video-square .video-icon .btn-default span i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 8.52519V21.4752C10.002 22.4627 11.0895 23.0627 11.927 22.5252L22.102 16.0502C22.877 15.5627 22.877 14.4377 22.102 13.9377L11.927 7.47519C11.0895 6.93769 10.002 7.53769 10.002 8.52519Z' fill='%23FBF9F1'/%3E%3C/svg%3E") center/contain no-repeat;
}

.video-square .video-icon .btn-default span i:before {
	display: none;
}

.video-square .video-icon,
.video-square .video-icon .btn-default {
	width: 100%;
	height: 100%;
}

.video-square .video-icon .btn-default {
	background: transparent;
	border: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.video-square .video-icon .btn-default:hover span {
	background: rgba(255, 255, 255, 0.25);
}


/* --------------------------------------
			FAQ ACCORDION
-----------------------------------------*/
.rainbow-accordion-style .card .card-header {
	padding: 0;
}

.rainbow-accordion-style .card .card-header > button {
	padding: 24px;
	-webkit-border-radius: var(--rounded);
	   -moz-border-radius: var(--rounded);
	        border-radius: var(--rounded);
	padding-right: 90px;
	padding-left: 32px;
	font-weight: 600;
	color: var(--black-800);
	line-height: 1.5;
	font-size: var(--text-md);
	background-color: var(--white-smoke);
}

.accordion-item:last-of-type .accordion-button.collapsed {
	-webkit-border-bottom-left-radius: var(--rounded);
	   -moz-border-radius-bottomleft: var(--rounded);
	        border-bottom-left-radius: var(--rounded);
	-webkit-border-bottom-right-radius: var(--rounded);
	   -moz-border-radius-bottomright: var(--rounded);
	        border-bottom-right-radius: var(--rounded);
}

.rainbow-accordion-style .card .card-header > button[aria-expanded="true"] {
	-webkit-border-bottom-left-radius: 0;
	   -moz-border-radius-bottomleft: 0;
	        border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	   -moz-border-radius-bottomright: 0;
	        border-bottom-right-radius: 0;
}

.rainbow-accordion-style .card .card-header button::before {
	content: '' !important;
	width: 50px;
	height: 50px;
	min-width: 50px;
	min-height: 50px;
	-webkit-border-radius: var(--rounded-full);
	   -moz-border-radius: var(--rounded-full);
	        border-radius: var(--rounded-full);
	overflow: hidden;
	right: 24px;
	background: url(/wp-content/uploads/2025/05/icon-plus-purple.svg) center/contain no-repeat;
}

.rainbow-accordion-style .card .card-header button[aria-expanded="true"]::before {
	background-image: url(/wp-content/uploads/2025/05/icon-min-purple.svg);
}

.rainbow-accordion-style .card .card-body {
	padding: 8px 24px 32px 32px;
	border: none;
}

.accordion-button::after {
	display: none;
}

/* ------------------------------------------
				ICON SERVICE
---------------------------------------------*/
.service-wrapper {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	   -moz-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	margin-top: -24px;
	margin-left: -12px;
	margin-right: -12px;
}

.service-wrapper > .service-item {
	padding-left: 12px;
	padding-right: 12px;
	min-height: 100%;
	margin-top: 24px !important;
}

.service-wrapper > .service-item > .single-service,
.service-wrapper > .service-item > .single-service > .service {
	height: 100%;
}

.service.service__style--1 .icon {
	margin-bottom: 24px;
}

.service.service__style--1 .content .title {
    margin-bottom: 24px;
}

.service.service__style--1 .icon svg {
	width: 64px;
	height: 64px;
}

.service.service__style--1 {
	padding: 32px;
	-webkit-border-radius: var(--rounded);
	   -moz-border-radius: var(--rounded);
	        border-radius: var(--rounded);
}


/* ------------------------------------------
				LOGO SLIDER
---------------------------------------------*/
.brand-carousel-activation {
	padding: 0;
	margin-bottom: 54px !important;
	margin-top: 18px !important;
}

.rainbow-brand-area > .container > .row:last-of-type > div{
	margin-top: 0 !important;
}

.rainbow-slick-dot .slick-dots {
    bottom: -54px;
}

.rainbow-slick-dot .slick-dots li button::after {
	--color-primary: var(--purple);
}

.brand-carousel-activation li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* --------------------------------------------
			SECTION FORM
----------------------------------------------*/
.elementor-element.side-contact-content {
	padding: 12px;
    -webkit-border-radius: var(--rounded-3xl);
       -moz-border-radius: var(--rounded-3xl);
            border-radius: var(--rounded-3xl);
    overflow: hidden;
	background-color: var(--white-smoke);
}

.gform_wrapper.gravity-theme legend {
	color: var(--black-800);
	font-weight: 600;
	line-height: 1;
	margin-bottom: 16px;
}

.ginput_container.ginput_container_radio .gfield_radio,
.ginput_container.ginput_container_checkbox .gfield_checkbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: -6px -12px;
}

.ginput_container.ginput_container_radio .gfield_radio .gchoice,
.ginput_container.ginput_container_checkbox .gfield_checkbox .gchoice {
	width: 50%;
	padding: 6px 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.ginput_container input[type=checkbox] ~ label, 
.ginput_container input[type=radio] ~ label {
	font-size: var(--text-base);
	color: var(--grey-800);
	line-height: normal;
	padding-left: 0;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.ginput_container input[type=checkbox],
.ginput_container input[type=radio] {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ginput_container input[type=checkbox] ~ label::after, 
.ginput_container input[type=radio] ~ label::after {
	display: none;
}

.ginput_container input[type=checkbox] ~ label::before, 
.ginput_container input[type=radio] ~ label::before {
	display: inline-block;
	border: 1px solid rgba(24, 24, 24, 0.25);
	position: relative;
	width: 24px;
	min-width: 24px;
	min-height: 24px;
    height: 24px;
    margin-right: 12px;
	-webkit-border-radius: var(--rounded-sm);
	   -moz-border-radius: var(--rounded-sm);
	        border-radius: var(--rounded-sm);
	background: var(--transparent) center/12px 9px no-repeat;
	top: 0;
}

.ginput_container input[type=checkbox]:checked ~ label::before,
.ginput_container input[type=radio]:checked ~ label::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.38462 9.20117C4.28205 9.20084 4.18064 9.17944 4.08669 9.13831C3.99274 9.09717 3.90827 9.03717 3.83852 8.96205L0.20278 5.09866C0.0668714 4.95399 -0.00593442 4.76131 0.000378846 4.56301C0.00669211 4.36471 0.0916074 4.17704 0.236444 4.04128C0.381281 3.90552 0.574176 3.83279 0.772693 3.8391C0.97121 3.84541 1.15909 3.93023 1.295 4.07491L4.37714 7.35542L10.6686 0.480543C10.7325 0.401125 10.8119 0.335583 10.902 0.287944C10.9921 0.240305 11.0911 0.211573 11.1927 0.203515C11.2944 0.195456 11.3966 0.20824 11.4931 0.241081C11.5896 0.273923 11.6784 0.326128 11.754 0.394492C11.8296 0.462855 11.8904 0.545933 11.9327 0.638622C11.975 0.731311 11.9978 0.831656 11.9999 0.933491C12.0019 1.03533 11.9831 1.1365 11.9445 1.23081C11.906 1.32511 11.8486 1.41055 11.7758 1.48188L4.93821 8.95457C4.86912 9.03106 4.78494 9.09245 4.69096 9.13489C4.59698 9.17732 4.49523 9.19989 4.39211 9.20117H4.38462Z' fill='white'/%3E%3C/svg%3E");
	background-color: var(--purple) !important;
	border-color: var(--purple) !important;
}

.ginput_container input:not([type=checkbox]):not([type=radio]):not([type="submit"]),
.ginput_container select,
.ginput_container textarea {
	width: 100%;
	padding: 15px 20px;
	padding-right: 50px;
	font-size: 16px;
	color: var(--black-800);
	font-weight: 600;
	line-height: 1 !important;
	border: 1px solid rgba(24, 24, 24, 0.25);
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none;
	background: var(--white) center right 20.63px/ 16px 12px no-repeat;
}

.ginput_container input:not([type=checkbox]):not([type=radio]):not([type="submit"]):focus,
.ginput_container select:focus,
.ginput_container textarea:focus {
	border-color: var(--black-800);
}

body.active-dark-mode .ginput_container input:not([type=checkbox]):not([type=radio]):not([type="submit"]):focus,
body.active-dark-mode .ginput_container select:focus,
body.active-dark-mode .ginput_container textarea:focus {
	border-color: var(--white) !important;
}

.ginput_container input:not([type=checkbox]):not([type=radio]):not([type="submit"]):not([type="tel"]).LV_valid_field,
.ginput_container select.LV_valid_field,
.ginput_container textarea.LV_valid_field {
	border-color: var(--green) !important;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.61685 11.7432C5.48545 11.7428 5.35554 11.7153 5.23519 11.6626C5.11484 11.6098 5.00662 11.5329 4.91727 11.4365L0.259768 6.48195C0.0856646 6.29641 -0.00760219 6.0493 0.000485315 5.795C0.00857282 5.54069 0.117352 5.30001 0.302893 5.12591C0.488434 4.9518 0.735538 4.85854 0.989846 4.86663C1.24415 4.87471 1.48483 4.98349 1.65893 5.16903L5.60727 9.37612L13.6669 0.55945C13.7486 0.457601 13.8504 0.373548 13.9658 0.312453C14.0813 0.251358 14.208 0.214511 14.3382 0.204176C14.4685 0.193841 14.5994 0.210236 14.7231 0.252354C14.8467 0.294471 14.9604 0.361422 15.0573 0.449094C15.1541 0.536767 15.232 0.643309 15.2862 0.762179C15.3403 0.881048 15.3696 1.00973 15.3722 1.14033C15.3748 1.27093 15.3507 1.40069 15.3014 1.52163C15.252 1.64257 15.1784 1.75214 15.0852 1.84362L6.32602 11.4269C6.23751 11.525 6.12967 11.6038 6.00928 11.6582C5.88889 11.7126 5.75855 11.7416 5.62643 11.7432H5.61685Z' fill='%2378A318'/%3E%3C/svg%3E");
}

.ginput_container input:not([type=checkbox]):not([type=radio]):not([type="submit"]):not([type="tel"]).LV_invalid_field,
.ginput_container select.LV_invalid_field,
.ginput_container textarea.LV_invalid_field {
	border-color: var(--red) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='red' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
	-webkit-background-size: 32px 32px;
	   -moz-background-size: 32px;
	     -o-background-size: 32px;
	        background-size: 32px;
    background-position-x: -webkit-calc(100% - 10px);
    background-position-x: -moz-calc(100% - 10px);
    background-position-x: calc(100% - 10px);
}

.gfield .iti.iti--allow-dropdown input.error {
	border-color: var(--red) !important;
}


.gfield_label.gform-field-label {
	color: var(--black-800);
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 12px;
}

.gfield_required.gfield_required_text {
	color: var(--red);
	position: relative;
	font-size: 0;
}

.gfield_required.gfield_required_text:after {
	content: '*';
	font-size: var(--text-base);
	margin-left: 4px;
} 

.gform_wrapper.gravity-theme .gform_footer {
	margin-top: 24px;
}

body .gform_wrapper.gravity-theme .gform_fields {
	grid-column-gap: 24px;
	grid-row-gap: 20px;
}

body .gform_wrapper.gravity-theme .gfield textarea.small {
    height: 108px
}

input[type=submit] {
	padding: 16px 32px;
	height: auto;
	-webkit-border-radius: var(--rounded);
	   -moz-border-radius: var(--rounded);
	        border-radius: var(--rounded);
	background: -webkit-linear-gradient(355deg, var(--color-gradient-1) 15%, var(--color-gradient-2) 45%, var(--color-gradient-3) 75%, var(--color-gradient-4) 100%) 95% / 200% 100%;
	background: -moz-linear-gradient(355deg, var(--color-gradient-1) 15%, var(--color-gradient-2) 45%, var(--color-gradient-3) 75%, var(--color-gradient-4) 100%) 95% / 200% 100%;
	background: -o-linear-gradient(355deg, var(--color-gradient-1) 15%, var(--color-gradient-2) 45%, var(--color-gradient-3) 75%, var(--color-gradient-4) 100%) 95% / 200% 100%;
	background: linear-gradient(95deg, var(--color-gradient-1) 15%, var(--color-gradient-2) 45%, var(--color-gradient-3) 75%, var(--color-gradient-4) 100%) 95% / 200% 100%;
	color: var(--white);
	font-weight: 600;
	font-size: var(--text-md);
	line-height: 1 !important;
	letter-spacing: normal;
	border: none;
	margin-top: 32px;
}

.gform_wrapper.gravity-theme .gfield {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.gform_submission_error.hide_summary {
	font-size: var(--text-xs);
	color: var(--red);
}

/* dark mode */
body.active-dark-mode .rainbow-accordion-style .card .card-body,
body.active-dark-mode .rainbow-accordion-style .card .card-header > button {
	background-color: #0F0F11;
}

body.active-dark-mode .rainbow-accordion-style .card .card-header > button {
	color: var(--white);
}

body.active-dark-mode .rainbow-accordion-style .card .card-header button::before {
	background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25.3281' cy='25.2012' r='25' fill='%234B4B4B'/%3E%3Cpath d='M32.1853 23.4869H27.0424V18.344C27.0424 17.713 26.5306 17.2012 25.8996 17.2012H24.7567C24.1256 17.2012 23.6138 17.713 23.6138 18.344V23.4869H18.471C17.8399 23.4869 17.3281 23.9987 17.3281 24.6297V25.7726C17.3281 26.4037 17.8399 26.9155 18.471 26.9155H23.6138V32.0583C23.6138 32.6894 24.1256 33.2012 24.7567 33.2012H25.8996C26.5306 33.2012 27.0424 32.6894 27.0424 32.0583V26.9155H32.1853C32.8163 26.9155 33.3281 26.4037 33.3281 25.7726V24.6297C33.3281 23.9987 32.8163 23.4869 32.1853 23.4869Z' fill='white'/%3E%3C/svg%3E");
}

body.active-dark-mode .rainbow-accordion-style .card .card-header button[aria-expanded="true"]::before {
	background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25.3281' cy='25.2012' r='25' fill='%234B4B4B'/%3E%3Cpath d='M18.3281 25.2012H32.3281' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.active-dark-mode .ginput_container input[type=checkbox] ~ label::before, 
body.active-dark-mode .ginput_container input[type=radio] ~ label::before {
	background-color: #b4b4b4;
	border-color: #8c8c8c;
}

body.active-dark-mode .gform_wrapper.gravity-theme legend,
body.active-dark-mode .gfield_label.gform-field-label {
	color: var(--white);
}

body.active-dark-mode .ginput_container input:not([type=checkbox]):not([type=radio]):not([type="submit"]),
body.active-dark-mode .ginput_container select,
body.active-dark-mode .ginput_container textarea {
	background-color: #0F0F11;
	border-color: rgba(255, 255, 255, 0.25);
	color: var(--white);
}

body.active-light-mode .elementor-element[data-widget_type="doob-split\.default"] .thumbnail > img:last-of-type,
body.active-dark-mode .elementor-element[data-widget_type="doob-split\.default"] .thumbnail > img:first-of-type {
	display: none;
}




/* -------------------------------------------------
			******* RESPONSIVE *******
---------------------------------------------------- */
@media (min-width: 576px) {
    .container, 
	.container-sm {
        max-width: 100%;
    }
}

@media all and (min-width: 992px) {
	.list-contact-footer ul.elementor-icon-list-items > .elementor-icon-list-item:nth-child(1) {
		display: none;
	}

	.list-contact-footer ul.elementor-icon-list-items > .elementor-icon-list-item:nth-child(2)  {
		margin-top: 0;
	}

	.my_switcher {
		margin-left: 32px;
	}
}

@media all and (min-width: 1025px) {
	.icon-list-footer.elementor-widget-icon-list .elementor-icon-list-item {
		max-width: 252px;
	}
}


@media all and (min-width: 1400px) {
    .container, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container-xl, 
	.container-xxl {
        max-width: 1104px;
    }

	.brand-carousel-activation {
		margin-left: -52.5px;
		margin-right: -52.5px;
	}

	header > .header-wrapper > .row {
		margin: 0 -100px;
	}
	
	.slider-creative-agency.slider-area > .container > .row {
		margin: 0 -112px;
	}
}

@media all and (max-width: 1199px) {
	.elementor-element.e-parent > .e-con-inner {
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media all and (max-width: 991px) {
	.mainmenu-nav.onepagenav {
		display: none;
	}

	.list-contact-footer ul.elementor-icon-list-items > .elementor-icon-list-item:nth-child(2) {
		display: none;
	}

	.my_switcher {
		margin-left: 16px;
	}	
}

@media all and (min-width: 768px) and (max-width: 1025px) {
	.elementor-element[data-widget_type="doob-split\.default"] .row > .col-lg-12 {
		width: 50%;
	}

}

@media all and (min-width: 768px) and (max-width: 991px) {
	.service-wrapper > .service-item {
		width: 50%;
	}
}

@media all and (max-width: 767px) {
	body .elementor-element .slider-creative-agency.slider-area.slider-style-1 {
		padding-top: 160px !important;
		padding-bottom: 120px !important;
	}

	.section-title br {
		display: none;
	}

	.inner.Collaborate-inner {
		padding-right: 0;
	}

	.mobile-swapblock .container > .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		   -moz-box-orient: vertical;
		   -moz-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}

	.inner.Collaborate-inner {
		padding-bottom: 0;
	}

	.clltoaction-style-default.style-4 .content .title {
		font-size: 28px;
	}

	.clltoaction-style-default.style-4 .content-wrapper {
		padding: 40px 32px;
	}

	.slider-area .thumbnail img {
		width: 100%;
	}
}

@media all and (max-width: 576px) {
	.header-default .header-right .header-btn {
		display: none !important;
	}

	.ginput_container.ginput_container_radio .gfield_radio .gchoice, 
	.ginput_container.ginput_container_checkbox .gfield_checkbox .gchoice {
		width: 100%;
	}
}