/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.r89_ads_list_container {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}

.r89_ads_list_container .ad-format-items {
    position: relative;
    width: 25%;
    top: 30%;
}

.r89_ads_list_container .loader {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2000;
    background: #00000044;
    height: 100vh;
}

.r89_ads_list_container .ad-format-device-item a {
	display: flex;
	justify-content: center;
	align-items: start;
	padding: 40px 0px;
	border-bottom: 1px solid black;
}

.r89_ads_list_container .ad-format-device-item:last-child {
	border: 0;
}

.r89_ads_list_container .ad-format-device-item svg g {
	opacity: 1;
}

.r89_ads_list_container .ad-format-device-item svg path {
	opacity: 0.5;
}

.r89_ads_list_container .ad-format-device-item svg {
	opacity: 0.6;
}

.r89_ads_list_container .ad-format-device-item.active svg,
.r89_ads_list_container .ad-format-device-item.active path {
	opacity: 1;
}

.r89_ads_list_container .ad-format-device-item svg path:first-child {
	fill: #6E8FA3;
}

.r89_ads_list_container .ad-format-device-item.active svg path:first-child {
	fill: #DDF3FF;
}

.r89_ads_list_container .ad-format-device-item h2 {
	font-family: Poppins;
	font-size: 24.05px;
	font-weight: 700;
	line-height: 36.08px;
	text-align: left;
	color: #6E8FA3;
	margin-left: 10px;
	margin-bottom: 0;
	opacity: 0.5;
}

.r89_ads_list_container .ad-format-device-item.active h2 {
	color: #0068A0;

}


.r89_ads_list_container .ad-format-devices {
	display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 60px;
    grid-template-columns: repeat(4, 1fr);
}

.r89_ads_list_container .ad-format-devices-item {
	display: flex;
    align-items: center;
    justify-content: center;
}

.r89_ads_list_container .ad-format-devices-item img {
	     box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.15);
}


.r89_ads_list_container .ad-format-devices-item a {
	position: relative;
}

.r89_ads_list_container .ad-format-devices-item img {
	max-width: 100%;
	max-height: 150px;
	margin: 0 auto;
	display: block;
}

.r89_ads_list_container .ad-format-overlay {
	background-color: rgba(0,0,0,0.48);
	position: absolute;
	top: 0;
	display: none;
	width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 100%;
}

.r89_ads_list_container .ad-format-overlay p { 
	font-family: Poppins;
	font-size: 20.74px;
	font-weight: 700;
	line-height: 31.11px;
	color: white;
	text-align: center;
	margin-bottom: 0;
	padding: 10px;
}

.r89_ads_list_container img.mobile + .ad-format-overlay p,
.r89_ads_list_container img.app + .ad-format-overlay p { 
	font-size: 14px;
	line-height: 1.1;
}

.r89_ads_list_container .ad-format-devices-item:hover .ad-format-overlay {
	display: flex;
}

.r89_ads_list_container .modal-lg {
	max-width: 90%;
    padding: 20px 20px 60px 20px;
}

.r89_ads_list_container .modal-content {
	background-color: transparent;
	border: 0;
}

.r89_ads_list_container .modal-body {
	background: linear-gradient(254.76deg, rgba(0, 24, 37, 0.89) 14.2%, rgba(3, 60, 91, 0.89) 67.91%);
	backdrop-filter: blur(37.29999923706055px);
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 16px;
	max-width: 1550px;
    margin: 0 auto;
}

.r89_ads_list_container .card {
	background-color: transparent;
	border: 0;
}

.r89_ads_list_container .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2380B3D0'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	float: right;
	opacity: 1;
	z-index: 300;
	position: relative;
	position: sticky;
    right: 4%;
    top: 5%;
}

.r89_ads_list_container .carousel-inner {
	padding-top: 24px;
}

.r89_ads_list_container .carousel-control-next, 
.r89_ads_list_container .carousel-control-prev {
	width: auto;
	z-index: 200;
	height: 32px;
	margin-top: auto;
    margin-bottom: auto;
    top: -15%;
    background-color: transparent!important;
}

.r89_ads_list_container .carousel-item {
	height: 75vh;
}

.r89_ads_list_container .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 35' fill='%2380B3D0'%3e%3cpath d='M24.633 27.3283C22.4523 25.7258 20.3122 24.103 18.2025 22.4599C16.0928 20.8168 13.9528 19.2142 11.7721 17.6624C13.0805 16.5974 14.3889 15.5527 15.6973 14.5385C17.0057 13.5242 18.3344 12.4998 19.6935 11.4855C20.0282 11.2421 20.4542 10.948 20.9613 10.6133C21.4685 10.2786 21.9959 9.90328 22.5233 9.48743C23.0609 9.07158 23.568 8.65573 24.0447 8.2196C24.5315 7.78347 24.8967 7.32705 25.1401 6.8402C25.5762 6.01865 25.7689 5.16667 25.7182 4.2944C25.6675 3.42214 25.4444 2.63101 25.0285 1.93117C24.6127 1.23132 24.0244 0.693762 23.2536 0.328627C22.4827 -0.0365083 21.58 -0.0973722 20.5658 0.146051C19.6935 0.338761 18.8719 0.764752 18.091 1.41388C17.3201 2.06301 16.5898 2.66144 15.9103 3.199C14.7946 4.07126 13.6789 4.94353 12.5632 5.8158C11.4475 6.68807 10.3318 7.58061 9.21615 8.50359C8.48588 9.08172 7.9686 9.49757 7.65418 9.741C7.33976 9.98442 7.0456 10.2177 6.78189 10.4307C6.51818 10.6437 6.19362 10.9074 5.79806 11.1914C5.41264 11.4855 4.82436 11.9419 4.05352 12.5708C3.13054 13.2503 2.29887 13.9198 1.54832 14.5689C0.797762 15.218 0.300772 16.1309 0.0573483 17.2973C-0.08465 18.1188 0.0370483 18.8795 0.422468 19.5895C0.807888 20.2894 1.30488 20.9182 1.91344 21.476C2.522 22.0339 3.18127 22.5309 3.91154 22.967C4.64181 23.4031 5.24023 23.819 5.72708 24.2044C7.4209 25.4621 9.09444 26.7198 10.7375 27.9876C12.3807 29.2453 14.0542 30.503 15.748 31.7708C16.4783 32.3084 17.1984 32.8764 17.9287 33.4748C18.6589 34.0833 19.4501 34.4992 20.3325 34.7426C21.5395 35.0773 22.5841 35.0773 23.4564 34.7426C24.3287 34.4079 24.9778 33.8703 25.4139 33.1401C25.8501 32.4098 26.0428 31.5578 25.9921 30.5638C25.9414 29.5699 25.6067 28.586 24.9778 27.6225L24.6127 27.3283H24.633Z'/%3e%3c/svg%3e");
}

.r89_ads_list_container .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 35' fill='%2380B3D0'%3e%3cpath d='M1.36705 27.3283C3.54772 25.7258 5.68781 24.103 7.79748 22.4599C9.90715 20.8168 12.0472 19.2142 14.2279 17.6624C12.9195 16.5974 11.6111 15.5527 10.3027 14.5385C8.99431 13.5242 7.66563 12.4998 6.30651 11.4855C5.9718 11.2421 5.54581 10.948 5.03868 10.6133C4.53155 10.2786 4.00412 9.90328 3.47671 9.48743C2.93915 9.07158 2.43201 8.65573 1.95531 8.2196C1.46846 7.78347 1.10334 7.32705 0.859917 6.8402C0.423784 6.01865 0.231066 5.16667 0.281779 4.2944C0.332493 3.42214 0.555639 2.63101 0.971487 1.93117C1.38734 1.23132 1.97559 0.693762 2.74643 0.328627C3.51727 -0.0365083 4.41996 -0.0973722 5.43423 0.146051C6.3065 0.338761 7.12805 0.764752 7.90904 1.41388C8.67988 2.06301 9.41017 2.66144 10.0897 3.199C11.2054 4.07126 12.3211 4.94353 13.4368 5.8158C14.5525 6.68807 15.6682 7.58061 16.7838 8.50359C17.5141 9.08172 18.0314 9.49757 18.3458 9.741C18.6602 9.98442 18.9544 10.2177 19.2181 10.4307C19.4818 10.6437 19.8064 10.9074 20.2019 11.1914C20.5874 11.4855 21.1756 11.9419 21.9465 12.5708C22.8695 13.2503 23.7011 13.9198 24.4517 14.5689C25.2022 15.218 25.6992 16.1309 25.9427 17.2973C26.0847 18.1188 25.963 18.8795 25.5775 19.5895C25.1921 20.2894 24.6951 20.9182 24.0866 21.476C23.478 22.0339 22.8187 22.5309 22.0885 22.967C21.3582 23.4031 20.7598 23.819 20.2729 24.2044C18.5791 25.4621 16.9056 26.7198 15.2625 27.9876C13.6193 29.2453 11.9458 30.503 10.252 31.7708C9.52171 32.3084 8.80159 32.8764 8.07132 33.4748C7.34105 34.0833 6.54993 34.4992 5.66752 34.7426C4.46055 35.0773 3.41587 35.0773 2.5436 34.7426C1.67133 34.4079 1.0222 33.8703 0.586062 33.1401C0.149928 32.4098 -0.0427895 31.5578 0.00792371 30.5638C0.0586369 29.5699 0.393344 28.586 1.02219 27.6225L1.38732 27.3283H1.36705Z'/%3e%3c/svg%3e");
}



.r89_ads_list_container .carousel-item .cat_name {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #A5DEFF;
    padding: 5px 30px;
    border: 1px solid #A5DEFF;
    border-radius: 50px;
    max-width: 133px;
    margin-bottom: 30px;
    margin-left: 20px;
}

.r89_ads_list_container .carousel-item .card {
	padding: 0 60px;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 120px;
    grid-row-gap: 40px;
}

.r89_ads_list_container h5.card-title,
.r89_ads_list_container h6.card-title {
	font-family: Poppins;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	color: white;
}

.r89_ads_list_container h5.card-title.opacity,
.r89_ads_list_container h6.card-title.opacity {
	color: rgba(255,255,255,0.5);
}

.r89_ads_list_container h5.card-title.small,
.r89_ads_list_container h6.card-title.small {
	font-family: Poppins;
	font-size: 26.48px;
	line-height: 32px;
    margin-bottom: 0;
}

.r89_ads_list_container .card-desc {
	font-family: Poppins;
	font-size: 12.87px;
	font-weight: 300;
	line-height: 19.31px;
	text-align: left;
	color: rgba(255,255,255,0.8);
	/*max-width: 80%;*/
}

.r89_ads_list_container .ad_format_body {
	grid-area: 2;
}

.r89_ads_list_container .ad_format_format_devices ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.r89_ads_list_container .ad_format_format_devices ul li {
	opacity: 0.5;
	display: flex;
    align-items: center;
}

.r89_ads_list_container .ad_format_format_devices ul li.active {
	opacity: 1;
}

.r89_ads_list_container .ad_format_format_devices ul li.active a {
	cursor: auto;
}

.r89_ads_list_container .ad_format_format_devices ul li a svg {
	max-width: 65px;
}

.r89_ads_list_container .ad_format_format_devices ul li svg path {
	fill: white;
	opacity: 1;
}

.r89_ads_list_container .ad_format_format_devices ul li svg g {
	opacity: 1;
}

.r89_ads_list_container .ad_format_format_devices ul li svg path:first-child {
	fill: #FFB703;
}

.device_display {
	margin: 0 auto;
}

.r89_ads_list_container .dd_bg {
	background-size: contain;
	background-position: center	center;
	background-repeat: no-repeat;
	position: relative;
}

.r89_ads_list_container .dd_bg_desktop {
	background-image: url('../img/desktop.png');
	margin-bottom: 112px;
}

.r89_ads_list_container .dd_bg_mobile,
.r89_ads_list_container .dd_bg_app {
	background-image: url('../img/mobile.png');
	max-width: 300px;
	max-height: 365.11px;
	margin: 0 auto;
}

.r89_ads_list_container .dd_bg_app {

}

.r89_ads_list_container .ad_image {
	width: 75%;
    position: absolute;
    margin: 0 auto;
    left: 4px;
    right: 0;
    top: 8%;
}

.r89_ads_list_container .dd_bg_mobile .ad_image,
.r89_ads_list_container .dd_bg_app .ad_image {
    top: 64px;
    left: 0;
    width: 50%;
}

.r89_ads_list_container .select-container {
	display: flex;
    margin: 60px auto 120px auto;
    width: 50%;    	
}

.r89_ads_list_container .select2-container {
	min-width: 100%;
}

.r89_ads_list_container .select-container select,
.r89_ads_list_container .select2-container .select2-selection {
	min-width: 100%;
	border-radius: 8px;
	border-color: #0068A05C;
	line-height: 21px;
	font-size: 14px;
	font-weight: 300;
	font-family: "Poppins", Sans-serif;
	padding: 10px 20px 10px 30px;
	border-width: 1px;
	background-color: transparent;
	color: #B8B8BC;
	display: flex;
	align-items: center;
}

.r89_ads_list_container .select2-container .selection {
	width: 100%;
}

.select2-results>.select2-results__options {
    overflow: -moz-scrollbars-vertical !important; 
    overflow-y: scroll !important;
    border: 1px solid #0068A05C;
    border-radius: 8px;
}

.select2-results>.select2-results__options::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
  background-color: #0068A047;
}

.select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #0068A0;
}

.r89_ads_list_container .select2-container .selection:after {
    border: 0;
    background-size: contain;
    right: 0;
    left: 8px;
    top: 13px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M9 3.5C5.96243 3.5 3.5 5.96243 3.5 9C3.5 12.0376 5.96243 14.5 9 14.5C10.519 14.5 11.893 13.8852 12.8891 12.8891C13.8852 11.893 14.5 10.519 14.5 9C14.5 5.96243 12.0376 3.5 9 3.5ZM2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9C16 10.6625 15.4197 12.1906 14.4517 13.3911L17.7803 16.7197C18.0732 17.0126 18.0732 17.4874 17.7803 17.7803C17.4874 18.0732 17.0126 18.0732 16.7197 17.7803L13.3911 14.4517C12.1906 15.4197 10.6625 16 9 16C5.13401 16 2 12.866 2 9Z" fill="%23717984"/%3e%3c/svg%3e');
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 10px;
}

li.select2-results__option {
	cursor: pointer;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	font-size: 14px;
	font-weight: 300;
	font-family: "Poppins", Sans-serif;
	color: #0068A05C;
	border-top: 1px solid #0068A05C;
	display: flex;
  	align-items: center;
}

.select2-dropdown {
	/*margin-top: 32px;*/
}

.select2-container--open .select2-dropdown--below {
	    box-shadow: none;
    	border: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 8px!important;
	border-bottom-right-radius: 8px!important;
}

li.select2-results__option:hover, 
li.select2-results__option.focus,
li.select2-results__option.selected.focus {
	font-weight: 500;
	color: #0068A0;
	font-size: 15px;
	background-color: #DFE6EC;
}

li.select2-results__option::before {
   content: '';
   display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 14px;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
   background-color: transparent;
   border: 1px solid #B8B8BC;
   margin-right: 5px;
}

li.select2-results__option:hover::before, 
li.select2-results__option.focus::before,
li.select2-results__option.selected.focus::before {
   background-color: #69b6d5;
   background-size: 80%;
   background: radial-gradient(ellipse at center,  #0068A0 0%,#0068A0 14%,#DFE6EC 40%);
}

li.select2-results__option.select2-results__option--selected::before {
   	background: radial-gradient(ellipse at center,  #0068A044 0%,#0068A044 39%,#DFE6EC 40%);
}

li.select2-results__option:has(span.ad_category) {
	background-color: #DFE6EC;
	color: #0068A0;
	font-size: 15px;
	font-weight: 500;
}

.select2-container--default li.select2-results__option--selected {
	background-color: white;
}


ul.select2-selection__rendered {
	margin-bottom: 0;
}

.select2-container--default .select2-selection--multiple li.select2-selection__choice {
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}


/* RESPONSIVE */
@media(max-width:1140px) {
	.r89_ads_list_container .ad-format-devices {
		grid-template-columns: repeat(3, 1fr);
	}

	.r89_ads_list_container .carousel-item .card,
	.r89_ads_list_container .ad_format_body {
		display: block!important;
		grid-row-gap: 0px;
		grid-column-gap: 0px;
	}

	.r89_ads_list_container .carousel-item .card {
		order: 1;
		padding: 0 30px;
	}

	.r89_ads_list_container .carousel-item .cat_name {
		order: 2;
		margin-left: 30px;
        margin-top: 20px;
	}

	.r89_ads_list_container .carousel-item .card-container {
		display: flex;
		flex-direction: column;
	}

	.r89_ads_list_container .ad_format_format_devices ul {
		display: flex;
	}

	.r89_ads_list_container .ad_format_format_devices li {
		margin-left: 20px;
	}

	.r89_ads_list_container h5.card-title,
	.r89_ads_list_container h6.card-title {
		font-size: 2.5rem;
	}

	.r89_ads_list_container .ad_format_header.specs {
		margin-top: 30px;
	}

	.r89_ads_list_container .modal-lg {
		padding: 0;
		max-width: 100%;
	}

	.r89_ads_list_container .ad_format_format_devices ul li a svg {
		max-width:	45px;
	}

	.r89_ads_list_container .ad_image {
		width: 75%;
	}
}

@media(min-width:768px) {
	.select2-container--open .select2-dropdown--below {
		margin-top: 32px;
	}
}

@media(max-width:767px) {
	.r89_ads_list_container .select-container {
		margin-bottom: 0;
	}

	.r89_ads_list_container .ad-format-items {
	    position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 40px 0px;
	}

	.r89_ads_list_container .ad-format-devices {
		padding-right: 0!important;
		padding-left: 0!important;
		grid-template-columns: repeat(2, 1fr);
	}

	.r89_ads_list_container .ad-format-device-item a {
		padding: 10px 0px;
    	margin: 0 20px;
	}

	.r89_ads_list_container .ad-format-device-item a svg {
		max-width: 50px;
        max-height: 51px;
	}

	.r89_ads_list_container .select-container {
		width: 100%;
		padding: 0 20px;
	}

	.r89_ads_list_container .carousel-item {
		height: 130vh;
	}
}

@media (max-width: 550px) {
   .r89_ads_list_container .ad-format-device-item a {
 		margin: 0 10px;
    }

    .r89_ads_list_container .ad-format-device-item a h2 {
    	font-size: 14px;
    	line-height: 1;
    }

    .r89_ads_list_container .ad-format-device-item a svg {
        max-width: 32px;
        max-height: 32px;
    }

    .r89_ads_list_container .ad_image {
		top: 6%;
	}
}

.animate__animated {
  --animate-duration: 0.6s; /* Change this value for faster or slower animations */
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px!important;
  }
}