/*----------------------------------------*/

/*  01. Template default CSS

/*----------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {

	font-family: "Inter", sans-serif !important;

}

.row {

 --bs-gutter-x: 1.9rem !important;

}

.title {

    font-size: 45px;

    font-weight: 700;

    position: relative;

    font-family: "Inter", sans-serif;

    line-height: 50px;

}

.title-small {

	font-size: 28px;

}

.title-subtitle {

	font-weight: 400;

	padding-top: 38px;

	display: block;

	font-size: 16px;

}

.subtitle {

	font-size: 14px;

	line-height: 24px;

	font-weight: 400;

	margin-top: 30px;

	display: block;

}

.title:after {

	/* content: " ";

	background-image: url(../images/diamond.png);

	position: absolute;

	width: 90px;

	height: 18px;

	display: inline-block;

	top: 46px;

	left: 0;

	right: 0;

	margin: 0 auto; */

}

.no_after:after {

	display: none;

}

.text_light {

	color: #777777;

}

.text_dark {

	color: #000000;

}

.text_white {

	color: #ffffff;

}

.primary_dark {

	background: #262626;

}

.primary_dark_btn {

	background: #262626;

}

.primary_dark_btn:hover {

	background: #3561FF;

	color: #ffffff;

}

.color-scheme-dark ul li a, .color-scheme-dark a, .color-scheme-dark span, .color-scheme-dark .widget-title, .color-scheme-dark h3, .color-scheme-dark h4, .color-scheme-dark h5 {

	color: #000000;

}

.color-scheme-white ul li a, .color-scheme-white a, .color-scheme-white h4, .color-scheme-white span {

	color: #ffffff;

}

.color-scheme-light ul li a {

	color: #ffffff;

}

a, a:hover, a:focus, a:active, button, button:focus, .btn, .btn:focus, input, input:focus, select, textarea {

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	text-decoration: none;

	outline: 0;

}

ul, ol {

	padding: 0;

	list-style: none;

	margin: 0;

}

/*-- Common Style --*/

*, *::after, *::before {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

html, body {

	height: 100%;

}

a, button {

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	outline: 0;

}

a:focus, button:focus, .btn-close:focus, input:focus {

	outline: 0 !important;

	box-shadow: none !important;

}

a {

	text-decoration: none;

	color: inherit;

}

ul, ol {

	padding: 0;

	list-style: none;

	margin: 0;

}

/* Section Style */

.section {

	float: left;

	width: 100%;

}

/* Section Spacing */

.section-padding {

	padding-top: 90px;

}

.section-padding-02 {

	padding-bottom: 90px;

}

.section-padding-03 {

	padding-top: 60px;

}

.section-padding-04 {

	padding-bottom: 60px;

}

.section-padding-05 {

	padding-top: 90px;

	padding-bottom: 90px;

}

.section-padding-06 {

	padding-bottom: 100px;

}

.mt-55 {

	margin-top: 55px;

}

 @media only screen and (max-width: 575px) {

div .pb-m {

	padding-bottom: 0;

}

div .mb-m {

	margin-bottom: 0 !important;

}

div .mt-m {

	margin-top: 0px !important;

}

 	}

 @media only screen and (max-width: 767px) {

.title {

	font-size: 21px;

	line-height: 26px;

}

.title-small {

	font-size: 20px;

}

.title-subtitle {

	font-size: 14px;

}

.title:after {

	top: 32px;

}

.section-padding-05 {

	padding-top: 40px;

	padding-bottom: 40px;

}

.section-padding {

	padding-top: 40px;

}

.section-padding-02 {

	padding-bottom: 40px;

}

.section-padding-03 {

	padding-top: 40px;

}

.section-padding-04 {

	padding-bottom: 40px;

}

.section-padding-06 {

	padding-bottom: 40px;

}

.row {

    --bs-gutter-x: 1.5rem !important;

}

}

 @media (min-width: 768px) and (max-width: 991px) {

.title {

	font-size: 35px;

}

.title-subtitle {

	font-size: 14px;

}

.title:after {

	top: 32px;

}

.section-padding-05 {

	padding-top: 40px;

	padding-bottom: 40px;

}

.section-padding {

	padding-top: 40px;

}

.section-padding-03 {

	padding-top: 40px;

}

.section-padding-04 {

	padding-bottom: 40px;

}

.section-padding-02 {

    padding-bottom: 40px;

}

.section-padding-06 {

	padding-bottom: 40px;

}

}

/*----------------------------------------*/

/*  02. Header CSS

/*----------------------------------------*/



/*====================  

    2.1 Header Top CSS

====================*/

.header-top {

	padding: 9px 0;

}

.header-top-info a {

	font-size: 15px;

	font-weight: 400;

	margin-right: 10px;

	text-decoration: none;

}

.header-top-info a:hover {

	color: #3561FF;

}

.header-top-links ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: flex-end;

	margin: 0;

	list-style: none;

}

.header-top-links ul li {

	padding: 0 22px;

}

.header-top-links a {

	font-size: 14px;

	font-weight: 400;

	text-decoration: none;

	text-transform: uppercase;

}

.header-top-links a:hover {

	color: #3561FF;

}

@media only screen and (max-width: 991px) {

.header-top-info {

	justify-content: center;

}

.header-mobile .header-action .action .num {

    font-size: 14px;

    top: 9px;

    left: 6px;

}

}

/*====================  

    2.2 Header Bottom CSS

====================*/

.header-bottom {

	padding: 15px 0;

	position: relative;

    z-index: 99;

}

.adcounty-menu ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	margin: 0;

	padding: 0;

}

.adcounty-menu ul li {

	position: relative;

	list-style: none;

	padding: 0 22px;

	cursor: pointer;

}

.adcounty-menu ul>li.menu-item-has-children:before {

	content: "\f107";

	position: absolute;

	font: normal normal normal 16px/1 FontAwesome;

	right: 7px;

	top: 7px;

	color: #777777;

}

.adcounty-menu ul>li .page-item-has-children {

	position: relative;

}

.adcounty-menu ul>li .page-item-has-children:before {

	content: "\f107";

	position: absolute;

	font: normal normal normal 16px/1 FontAwesome;

	right: -15px;

	top: 0px;

	color: #777777;

}

.mega-menu .menu-item-has-children:before {

	display: none;

}

.adcounty-menu ul li a {

    font-size: 17px;

    color: #262626;

    font-weight: 500;

    text-decoration: none;

    font-family: "Inter", sans-serif;

}

.adcounty-menu ul li:hover a, .adcounty-menu ul .active a {

	color: #3561FF;

}

.header-action {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: end;

	-webkit-justify-content: flex-end;

	-ms-flex-pack: end;

	justify-content: flex-end;

}

.header-action a.action {

	margin-left: 25px;

	position: relative;

	align-self: center;

	text-decoration: none;

	color: #262626;

}

.header-action .slider-btn {

    padding: 14px 30px;

    font-size: 17px;

    color: #fff;

    text-decoration: none;

    border-radius: 50px;

    font-weight: 500;

}

.header-action a.action:hover {

	color: #262626;

}

.header-action .action .num {

	line-height: 21px;

	text-align: center;

	border-radius: 50%;

	color: #262626;

	font-size: 16px;

	display: inline-block;

	position: absolute;

	top: 8px;

	left: 6px;

	font-weight: 400;

}

.adcounty-cart-subtotal {

	padding-top: 7px;

	padding-left: 4px;

}

.header-action .action img {

	height: 20px;

}

.header-action .action.cart .flaticon-shopping-bag:before {

	content: "\f115";

	font-size: 23px;

}

.adcounty-cart-subtotal {

	font-size: 16px;

	color: #262626;

	font-weight: 400;

}

.header-action img {

	height: 20px;

}

.nt_count_wishlist {

	padding: 0;

	width: 15px;

	height: 15px;

	line-height: 16px;

	text-align: center;

	border-radius: 50%;

	background-color: #3561FF;

	overflow: hidden;

	position: absolute;

	z-index: 1;

	font-size: 12px;

	color: #000;

	top: -4px;

	right: -13px;

}

/* Sticky Menu */

.sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    -webkit-animation: sticky 1s;

    animation: sticky 1s;

    background-color: #ffffffe3;

    box-shadow: 2px 4px 8px rgba(29, 30, 30, 0.15);

}

.header-two .sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    -webkit-animation: sticky 1s;

    animation: sticky 1s;

    background-color: #0000001c;

    box-shadow: 2px 4px 8px rgba(29, 30, 30, 0.15);

}

 @-webkit-keyframes sticky {

 0% {

 -webkit-transform: translateY(-100%);

 transform: translateY(-100%);

}

 100% {

 -webkit-transform: translateY(0%);

 transform: translateY(0%);

}

}

 @keyframes sticky {

 0% {

 -webkit-transform: translateY(-100%);

 transform: translateY(-100%);

}

 100% {

 -webkit-transform: translateY(0%);

 transform: translateY(0%);

}

}

/* Sub Menu */



.adcounty-menu .sub-menu {

    position: absolute;

    top: 50px;

    text-align: left;

    left: 0;

    width: 185px;

    background-color: #ffffff;

	display: block;

	z-index: 9;

	padding: 8px 0;

	-webkit-box-shadow: 0px 2px 8px rgba(29,30,30,0.1);

	box-shadow: none !important;

	-webkit-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

	-o-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%;

	transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateX(-90deg);

	transform: rotateX(-90deg);

	opacity: 0;

	visibility: hidden;

}

.adcounty-menu li:hover .sub-menu {

	opacity: 1;

	visibility: visible;

	-webkit-transform: rotateX(0);

	transform: rotateX(0);

}

.adcounty-menu .sub-menu li a {

	font-size: 14px !important;

	color: #777777 !important;

	text-transform: capitalize !important;

	font-weight: 400;

	text-decoration: none;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	padding: 7px 0px

}

.adcounty-menu .sub-menu li {

	list-style: none;

	line-height: 31px;

}

.adcounty-menu .sub-menu li:hover {

	background-color: inherit !important;

}

.adcounty-menu .sub-menu li:hover a {

	color: #3561FF !important;

	margin-left: 5px;

}

/* Mega Menu */



.mega-menu .menu-item-has-children {

	width: 18%;

	padding: 0px;

}

.mega-menu .menu-item-has-product {

	width: 28%;

	padding: 0 !important;

}

.mega-menu {

	position: absolute;

	width: 100%;

	background: #efefef;

	left: 0;

	z-index: 300;

	top: 94px;

	opacity: 0;

	visibility: hidden;

	border-bottom: 2px solid #3561FF;

	-webkit-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

	-o-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%;

	transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateX(-90deg);

	transform: rotateX(-90deg);

}

.adcounty-menu ul>li:hover .mega-menu {

	opacity: 1;

	visibility: visible;

	-webkit-transform: rotateX(0);

	transform: rotateX(0);

}

.mega-menu h3 {

	font-size: 15px;

	font-weight: 500;

	text-transform: uppercase;

	margin-top: 40px;

	margin-bottom: 10px;

}

.sub-sub-menu {

	display: block !important;

	margin: 0;

	padding: 0;

}

.sub-sub-menu li {

	list-style: none;

	padding: 0 0 !important;

	line-height: 31px;

}

.sub-sub-menu li:hover {

	background-color: inherit !important;

}

.sub-sub-menu li a {

	font-size: 14px !important;

	color: #777777 !important;

	text-transform: capitalize !important;

	font-weight: 400;

	text-decoration: none;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	padding: 7px 0px

}

.sub-sub-menu li:hover a {

	color: #3561FF !important;

	margin-left: 5px;

}

/*====================  

    2.3 Header Mobile CSS

====================*/





/* HEADER STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.page-header {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: 999;

  }

  

  

  /* STICKY STYLES

  –––––––––––––––––––––––––––––––––––––––––––––––––– */

  .page-header.is-sticky {

    position: fixed;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);

    backdrop-filter: blur(10px);

    animation: slideDown 0.35s ease-out;

    z-index: 999;

  }

  @media (max-width: 991px) {

  .page-header.is-sticky {

      height: 57px;

  }

  .col-md-12.ai-brains.text-center {

    display: none !important;

}

  }

  

  @keyframes slideDown {

    from {

      transform: translateY(-100%);

    }

    to {

      transform: translateY(0);

    }

  }



.header-mobile {

	padding: 15px 0;

	clear: both;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    background: #ffffff;

}

.mob-header-two {

    background: #0c0c0c;

}



.offcanvas-menu {

	position: fixed;

	top: 0;

	left: -330px;

	width: 280px;

	height: 100%;

	background-color: #262626;

	z-index: 999;

	-webkit-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

	overflow-y: scroll;

}

.offcanvas-menu.open {

	left: 0;

}

.menu-close {

	width: 20px;

	height: 20px;

	position: absolute;

	top: 12px;

	right: 15px;

}

.menu-close span {

	width: 20px;

	height: 2px;

	background-color: #1d1e1e;

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	display: block;

	position: relative;

}

.menu-close span:nth-of-type(1) {

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	top: 8px;

}

.menu-close span:nth-of-type(2) {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	top: 6px;

}

.offcanvas-menu-wrapper {

	padding: 0;

}

.mobile-adcounty-menu {

	padding-top: 0px;

}

.mobile-adcounty-menu ul > li {

	position: relative;

}

.mobile-adcounty-menu ul {

	padding-left: 0 !important;

}

.mobile-adcounty-menu ul > li > a {

	font-size: 15px;

	font-weight: 400;

	padding: 12px 25px;

	display: block;

	-webkit-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

	border-bottom: 1px solid #6b6b6b;

	text-decoration: none;

}

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

.mobile-adcounty-menu ul > li > a {

	font-size: 16px;

}

}

.mobile-adcounty-menu ul > li:hover > a {

	color: #3561FF;

}

.mobile-adcounty-menu ul > li .mobile-menu-expand {

    width: 17px;

    height: 23px;

    position: absolute;

    top: 10px;

    right: 23px;

    cursor: pointer;

}

.mobile-adcounty-menu ul > li .mobile-menu-expand::before {

	position: absolute;

	content: '';

	width: 13px;

	height: 1px;

	background-color: #ffffff;

	top: 15px;

	left: 1px;

}

.mobile-adcounty-menu ul > li .mobile-menu-expand::after {

position: absolute;

    content: '';

    width: 1px;

    height: 13px;

    background-color: #ffffff;

    left: 7px;

    bottom: 1px;

    -webkit-transition: all 0.1s linear;

    -o-transition: all 0.1s linear;

    transition: all 0.1s linear;

}

.mobile-adcounty-menu ul > li.active-expand > .mobile-menu-expand::after {

	height: 0;

}

.mobile-adcounty-menu ul > li ul li a {

	padding-left: 11%;

}

.mobile-adcounty-menu ul > li ul li ul li a {

	padding-left: 16%;

}

.mobile-adcounty-menu ul > li ul li ul li ul li a {

	padding-left: 22%;

}

.mobile-adcounty-menu ul > li ul li ul li ul li ul li a {

	padding-left: 27%;

}

.mobile-adcounty-menu .sub-menu, .mobile-adcounty-menu .mega-sub-menu {

	display: none;

}

.menu-overlay {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 99;

	background-color: #000;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.menu-overlay.open {

	opacity: 0.4;

	visibility: visible;

}



 @media only screen and (max-width: 991px) {

.header-mobile {

	padding: 0 0;

}

.header-logo {

	padding: 8px 0;

}

.header-action {

	padding: 12px 0;

}

}

/*====================  

    2.4 Header Cart CSS

====================*/



/*  Cart Offcanvas Wrapper */

.cart-offcanvas-wrapper {

	position: fixed;

	top: 0;

	right: 0;

	height: 100vh;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	-webkit-transition-duration: 700ms;

	-o-transition-duration: 700ms;

	transition-duration: 700ms;

	z-index: 9999;

}

/* Offcanvas Overlay */

.offcanvas-overlay {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	background: #212121;

	opacity: .6;

}





/* -------------------------------------Banner---------------------------------- */

.banner {

    padding-top: 115px !important;

    padding: 0 15px;

    /* background: #FCF5EB; */

}
.men .banner {
    background: #FCF5EB;
}

video {

    width: 100%;
    height: 83vh;
    border-radius: 20px;
    object-fit: cover

}







/* -------------------------------------meets-purpose---------------------------------- */

.meets-purpose {

    background: #FCF5EB;

}

.meets-text {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    height: 100vh;

}

  

.meets-text .text {

    font-size: 9vw;

    letter-spacing: -.01em;

    line-height: 100%;

    margin: 0;

    font-weight: 800;

    text-transform: uppercase;

    width: 100%;

    color: rgb(182, 182, 182, 0.2);

    background: linear-gradient(to right, #000000, #000000) no-repeat;

    -webkit-background-clip: text;

    background-clip: text;

    background-size: 0%;

    transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    position: relative;

  }

  

/* -------------------------------------who-we-are----------------------------------- */

  .who-we-are img {

    width: 320px;

    padding-right: 40px;

}

.who-we-are {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    height: 100vh;

	position: relative;

}

.who-we-are p {

    font-size: 22px;

}

.rbt img.vert-move {

    -webkit-animation: mover 1s infinite  alternate;

    animation: mover 1s infinite  alternate;

}

.rbt img.vert-move {

    width: 210px;

    padding: 0;

}

.rbt {

    position: absolute;

    top: 50%;

    left: 22%;

	z-index: 99;

}

.rbt img.vert-move {

    -webkit-animation: mover 1s infinite  alternate;

    animation: mover 1s infinite  alternate;

}

@-webkit-keyframes mover {

    0% { transform: translateY(0); }

    100% { transform: translateY(-20px); }

}

@keyframes mover {

    0% { transform: translateY(0); }

    100% { transform: translateY(-20px); }

}







/* --------------------------------------------------------------------- */



.homepage-slider__article-image img {

    width: 320px;

}

.homepage-slider__article-image {

    padding-left: 40%;

}

.homepage-slider {

    height: auto !important;

}

@media (min-width: 769px) {

    .homepage-slider__articles article:not(:last-of-type) {

        padding-bottom: 33vh !important;

        padding-top: 10vh !important;

    }

}















.overlay {

	position: sticky;

	height: 100vh;

	top: 0;

  }

  

  .track .text {

	 /* display: flex; */

	height: 100%;

	width: 100%;

	justify-content:center;

	align-items: center;

	position: absolute; 

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

    height: 100vh;

    overflow: scroll;

  }

  /* Hide scrollbar for Chrome, Safari and Opera */

  .track .text::-webkit-scrollbar {

    display: none;

}



/* Hide scrollbar for IE, Edge and Firefox */

.track .text {

  -ms-overflow-style: none;  /* IE and Edge */

  scrollbar-width: none;  /* Firefox */

}

  .track .text-inner {

	/* transform: translatex(50vw);

	font-size: 2.5rem; */

  }

  

  .track{ 

   height: 300vh;

  }

  

  .track .gradient {

	width: 100%;

	height: 100%;

    background-image: url(https://www.ppctrace.com/assets/img/404);

	/* background: linear-gradient(

	  255deg,

	  #facb0e,

	  #f06ba8 30%,

	  #78bae6 65%,

	  #fff

	); */

	  z-index: -1;

	  width: 100%;

	  height: 100vh;

	  position: absolute;

	  top: 0%;

	  bottom: 0%;

	  left: 0%;

	  right: 0%;

      background-size: cover;

  }

  

  .track .shape {

	display: flex;

	justify-content:center;

	align-items: center;

	height: 100%;

	mix-blend-mode: multiply;

	background: black;

  }

  

  /* .track .shape .img {

	width: 20rem;

	height: 20rem;

	transform: rotate(45deg);

  } */

  

  .track .img svg{

	width: 100%;

	height: 100%;

  }

  

  .track .img svg .hsc-img-path {

	fill: white;

  }

  

  .track .overlay {

	overflow: hidden;

  }















.testimonial-sec {

    /* margin-top: 190px; */

    height: auto;

    background-image: url(../img/advertiser-back.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.testimonial-author img {

    width: 70px;

    height: 70px;

    max-width: 70px;

}

.testimonial-author {

    display: flex;

	align-items: center;

}



.testimonial-author .name {

    font-size: 25px;

    font-weight: 700;

    position: relative;

    font-family: "Inter", sans-serif;

    line-height: 25px;

    color: #fff;

    display: block;

}

.testimonial-author .des {

    font-size: 16px;

    font-weight: 500;

    position: relative;

    font-family: "Inter", sans-serif;

    line-height: 30px;

    color: #fff;

    display: block;

}

.name-des {

    margin-left: 15px;

}

.testimonial p {

    font-size: 18px;

    color: #fff;

    font-weight: 300;

	margin-top: 15px;

	line-height: 30px;

}



.owl-carousel-two {

    margin-top: 50px !important;

}





/* -----------------------------------------Preee---------------------------------------------- */



.owl-carousel.owl-carousel-three .owl-stage-outer {

    padding: 0 10px !important;

}

.press-author {

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);

    border-radius: 5px;

}

.press-author img {

    border-radius: 5px 5px 0 0;

}

.press-author a.read-more.primary_dark_btn {

    background-color: inherit;

    font-size: 18px;

    text-decoration: none;

    color: #111111;

    font-weight: 400;

    border: 1px solid #000;

    padding: 6px 15px;

    margin: 10px 15px 25px;

    display: inline-block;

}

.press-author svg#Layer_1 {

    width: 20px;

    height: 20px;

}

.press-author h3 {

    font-size: 24px;

    color: #000;

    font-weight: 500;

    line-height: normal;

    padding: 20px 15px 10px 15px;

}

.press-author p {

    font-size: 16px;

    color: #5f5f5f;

    padding: 0 15px;

    line-height: 24px;

}

.press {

    padding: 20px;

}

.title {

    margin-bottom: 30px;

}





/* ------------------------------------------------------------ */

.newsletter {

	margin-top: 110px;

    height: auto;

    background-image: url(../img/CTA-Banner.png);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 340px;

    border-radius: 15px;

	position: relative;

    align-items: center;

    display: grid

;

}

.right-part img {

    position: absolute;

    right: 4%;

    top: -40%;

    z-index: 9;

}

.newsletter-title h4.title {

    padding: 0 0 0 60px;

    margin-bottom: 0;

}

.newsletter-title a {

    padding: 10px 40px;

    font-size: 20px !important;

    line-height: 34px !important;

    margin-top: 20px;

    display: inline-block;

    color: #000000;

    text-decoration: none;

    border-radius: 50px;

    font-weight: 500;

    background: #fff;

    margin-left: 60px;

}

.newsletter-title a:hover {

    color: #fff !important;

    background: #2e2e2e;

}









  /*============================== 

      Footer

  *==============================*/

  footer#Footer {

	min-height: 100vh;

	display: flex;

	flex-direction: column;

	color: #fff;

	position: relative;

}



footer#Footer.is-active * {

	color: #000;

	transition: 0.15s;

}



/*--single page last section yellow--*/

.footer-yellow #Footer .footer_action:before {

	display: none;

}



.footer-yellow .footer_action {

	background: #ffd900 !important;

}



.footer-yellow .footer_action * {

	color: black !important;

}



/*---*/

#Footer .footer_copy .copyright a:hover {

	color: #000;

}



#Footer .footer_copy .copyright {

	width: 100%

}



#Footer .footer_copy {

	border-top: none;

}



.footer-last-section {

	display: flex;

	font-size: 10px;

	padding: 15px 20px;

}



.footer-last-section .footer_last_inner {

	font-family: neue-haas-grotesk-text, sans-serif;

}



.footer_last_inner.footer_last_end {

	text-align: right;

}



#Footer .footer_copy .copyright .text-slide-animate-row:hover .text-slide-row.toright-animation {

	animation-play-state: paused;

}



.copyright {

	margin: 0 !important;

}



#Footer .footer_action {

    background: #f8f8f8;

    flex-grow: 1;

    display: flex;

    height: 100%;

    transition: 0.3s !important;

    margin-top: 150px;

}



.footer_action .container .column.one {

	margin: 0;

	max-width: unset !important;

	width: 100%;

	justify-content: space-between;

	padding: 0 !important;

}



.footer_copy .container,

.footer_action .container {

	max-width: unset !important;

	width: 100%;

	padding: 0 !important;

}



.footer_action .container {

	display: flex;

	margin: 0;

}



p.footer-text {

	font-size: calc(80px + 87 * ((100vw - 380px) / 380)) !important;

	line-height: 1 !important;

	font-family: 'termina';

	font-weight: 800;

	text-align: center;

	margin: 0;

	/* transform: translateX(-25px); */

}



#Footer .footer_copy .one {

	margin: 0;

	width: 100%;

}



#Footer .footer_copy .copyright .text-slide-animate-row {

	border-left: 0 !important;

	border-right: 0 !important;

	border: 2px solid black;

	padding: 10px 0;

}



.footer-contact {

	display: flex;

	flex-wrap: wrap;

	width: 50%;

	justify-content: space-between;

	height: 10%;

	align-items: end;

}



.footer-contact p,

.footer-contact a {

	font-size: 18px;

	font-weight: 500;

}



.fist-bump-section {

	position: absolute;

	display: flex;

	bottom: 0;

	left: 0;

	right: 0;

	align-items: center;

	justify-content: center;

    top: 570px;

}



.bear-hand-img, .hooman-hand-img {

	transition: 1s;

	z-index: 0;

	width: 50vw;

		height:100%;

}



.bear-hand-img {

	transform: translate(-30%, 0%);

}



.hooman-hand-img {

	transform: translate(30%, -30%);

}



.footer-contact,

.footer-text-section {

	padding: 0 2vw;

}



.footer-text-section {

	height: 80%;

	width: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



#Footer.is-active a.footer-white-btn {

	opacity: 1 !important;

	transition-delay: .5s;

	background: #ffe54d;

}



#Footer.is-active .bear-hand-img {

	transform: translate(0%, 0%) !important;

}



#Footer.is-active .hooman-hand-img {

	transform: translate(0%, -30%);

}



#Footer .footer_action:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 200%;

	background: #F8F8F8;

	bottom: 0;

	left: 0;

	margin: auto;

	transition: .5s;

	transform: scale(1);

	clip-path: circle(0% at 50% 77%);

	z-index: 0;

}



#Footer.is-active .footer_action:before {

	/* clip-path: circle(100% at 50% 77%); */

}



.copy-year {

	height: 10%;

	justify-content: end;

	display: flex;

	align-items: center;

	width: 96%;

	text-align: right;

	padding: 0 !important;

}



/*============================== 

	Button

*==============================*/

a.dont-click-btn {

	position: absolute;

	bottom: 17.5%;

	max-width: 8.2vw;

	min-width: 85px;

	left: 0;

	right: 2%;

	margin: 0 auto;

}



.button-solid {

	font-weight: 900;

	background-color: #fff !important;

	border-radius: 40px;

	display: inline-block;

	color: rgb(0, 0, 0) !important;

	padding: 16px 70px 16px 28px !important;

	font-size: 14px !important;

	position: relative;

	text-transform: uppercase !important;

	margin-bottom: 0px !important;

}



.button-solid:before {

	content: '';

	position: absolute;

	background-image: url(https://www.ppctrace.com/wp-content/uploads/2022/08/404);

	background-size: contain;

	background-position: center;

	background-repeat: no-repeat;

	right: 25px;

	align-items: center;

	width: 15px;

	height: 15px;

	transition: .2s;

	top: 0;

	bottom: 0;

	margin: auto 0;

	transform: translateY(-2px);

}



.button-solid:after {

	content: '';

	background-image: url(https://www.ppctrace.com/wp-content/uploads/2022/10/404);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 13px;

	width: 50px;

	height: 50px;

	position: absolute;

	background-color: #3add8a;

	border-radius: 100%;

	display: flex;

	right: 5px;

	top: 0;

	bottom: 0;

	margin: auto 0;

	transform: scale(0);

	transition: .2s;

}



.button-solid:hover:after {

	transform: scale(1);

	transition-delay: .2s;

}



.button-solid:hover:before {

	rotate: 90deg;

	scale: 0;

}



.button-interactive {

	transition: 0s;

	display: inline-block;

}



.white-btn-col {

	text-align: center;

	margin: 0 !important;

	background: white;

	width: fit-content !important;

	height: fit-content;

	border-radius: 100%;

	overflow: hidden;

}



.portfolio-btn-col {

	position: absolute;

	top: 0%;

	right: 10%;

	transform: translate(-50%, -50%);

}



.white-btn-inner {

	position: relative;

	width: 150px !important;

	height: 150px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: black;

	font-weight: 500;

	rotate: 10deg;

}



.white-btn-inner:before {

	content: '';

	position: absolute;

	width: 0%;

	height: 0%;

	background: #24de81;

	z-index: -1;

	border-radius: 100%;

	transition: .3s;

}



.white-btn-inner:hover {

	color: white;

}



.white-btn-inner:hover:before {

	height: 100%;

	width: 100%;

}



/*============================== 

	Footer Button

*==============================*/

.footer-white-btn {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	transform: translate(0, -20%) rotate(0deg);

	z-index: 10;

	height: 150px;

	width: 150px;

	transform-origin: center;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #ffe54dbd;

	font-weight: 900;

	border-radius: 50%;

}



.footer-white-btn span {

	position: relative;

	width: 100%;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-weight: 600;

}



.footer-white-btn span:before {

    content: '';

    position: absolute;

    background: #00000000;

    height: 165px;

    width: 165px;

    z-index: -999999;

    transition: .3s;

    border-radius: 100%;

    /* scale: 0; */

    border: 2px solid #FFE54D;

    box-shadow: 0px 0px 30px 0px #FFEB3B;

}



.footer-white-btn:hover span:before {

	scale: 1;

}



.footer-white-btn:hover span {

	color: #000 !important;

}







/* ---------------------------------Footer Button--------------------------------- */

section.footer {

    background: rgb(184, 215, 255);

    background: linear-gradient(0deg, rgba(184, 215, 255, 1) 34%, rgba(248, 248, 248, 1) 100%);

}

ul.g2-badges-wrap {

    display: flex;

    justify-content: center; 

	align-items: center;

}

img.lazyloaded {

    width: auto;

    height: auto;

}

.g2-badges-wrap li {

    list-style: none;

    padding: 0 20px;

}







.support a.btn {

    background: #000 !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    color: #fff !important;

    padding: 10px 17px;

    border-radius: 5px;

    margin-bottom: 10px;

    border: none;

    text-decoration: none !important;

	line-height: 25px !important;

}

.support a.btn:hover {

    background: #0A52BF !important;

    color: #fff !important;

	padding: 10px 17px;

}

.support i.fab {

    border-right: 1px solid #606060;

    padding-right: 8px;

    margin-right: 10px !important;

}







.footer-start p {

    font-size: 16px;

    color: #000;

    margin-top: 20px !important;

    display: block;

}

.middle-bt h5 {

    font-size: 16px;

    color: #000;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.middle-bt a {

    text-decoration: none;

    color: #000000 !important;

    font-weight: 500 !important;

    font-size: 16px !important;

    line-height: 35px !important;

}

.middle-bt a:hover {

    color: #0A52BF !important;

    padding-left: 5px;

	text-decoration: none !important;

}

.container.bt {

    border-top: 1px solid #243752;

    margin-top: 40px;

}



.bt p {

    padding-top: 20px;

    font-size: 16px;

    color: #000;

}









/* ===========================================================Advertisers=============================================================== */



.banner-two {

    background-image: url(../img/advertisers/banner-two.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 140px 0 80px;
    height: 100vh;


}

.banner-two h2 {

    font-size: 125px;
    color: #000;
    font-weight: 600;
    text-align: right;

}
.banner-two h2 img {
    height: 14vh;
}
.banner-two .container {
    position: relative;
}
.banner-two .primary_dark_btn {

	background: #000 !important;

    font-size: 24px !important;

    font-weight: 500 !important;

    color: #fff !important;

    padding: 16px 35px;

    border-radius: 0;

    margin-bottom: 10px;

    border: none;

    text-decoration: none !important;

    line-height: 25px !important;

}

@-webkit-keyframes blinker {

	from {opacity: 1.0;}

	to {opacity: 0.0;}

  }

  .blink{

	  text-decoration: blink;

	  -webkit-animation-name: blinker;

	  -webkit-animation-duration: 0.6s;

	  -webkit-animation-iteration-count:infinite;

	  -webkit-animation-timing-function:ease-in-out;

	  -webkit-animation-direction: alternate;

  }

  .btn-more {

    position: absolute;

    bottom: 0%;

    left: 3%;

}

  .arrow-container {

	width: 25px;

    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);

    cursor: pointer;

    height: 20px;

    position: absolute;

    bottom: 225px;

    right: 45%;

  }

  

  /* .arrow-down {

	height: 6px;

	background: black;

	transform: rotate(45deg);

	transform-origin: 0% 0%;

	border-radius: 5px;

  } */

  /* .arrow-down:after {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	bottom: 0;

	left: 100%;

	border-radius: 5px;

	background: black;

	transform: rotate(-90deg);

	transform-origin: 0% 100%;

  } */

  

  @keyframes bounce {

  50% {

	  transform: translateY(-15px);

	}

  }

  











/* ----------------backed-best------------------- */

.backed-best .item {

    padding: 10px 10px;

    height: 100px;

    text-align: -webkit-center;

}

  .backed-best .item img {

    width: auto !important;

    padding: 16px 25px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);

    border-radius: 9px;

    height: 60px;

}











/* ----------------backed-best------------------- */



.ai-banner {

    padding: 0 20px;

}

.ai-banner .container-full {

    background-image: url(../img/advertisers/ai-bg.png);

    text-align: center;

    padding: 100px 0;

    background-size: cover;

    background-repeat: no-repeat;

    border-radius: 40px;

}



/* ----------------backed-best------------------- */

.targeting-unlocked .row {

    padding: 100px 0;

}

.targeting-unlocked .row img {

    width: 80%;

}

.targeting-unlocked .row p {

    margin-top: 0;

    margin-bottom: 1rem;

    font-size: 22px;

    color: #000000;

    width: 80%;

}













/* ----------------testimonial------------------- */

.testimonial-logo {

    background: #FBFBFB;

    padding: 80px 0;

}

.testimonial-logo .item {

    padding: 10px 10px;

}

.testimonial-logo .testimonial {

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);

    border-radius: 20px;

}



.testimonial-logo .success-stories-slider__item-image {

    padding: 0;

    margin: 0;

    border-radius: 20px 0px 0px 20px;

    justify-content: left !important;

}

.testimonial-logo .owl-carousel .owl-item img {

    display: block;

    height: 450px;

    width: auto;

}

.success-stories-slider__item-text.text-secondary {

    color: #000 !important;

}





.testimonial-logo .success-stories-slider__item-body {

    padding: 0 90px !important;

}

.testimonial-logo .owl-theme .owl-dots .owl-dot.active span, .testimonial-logo .owl-theme .owl-dots .owl-dot:hover span {

    background: #3561FF;

    width: 70px;

    height: 13px;

}

.testimonial-logo .owl-theme .owl-dots .owl-dot span {

    width: 13px;

    height: 13px;

}







/* ------------------newsletter-two------------------ */



.newsletter-two {

    margin-top: 140px;

    height: auto;

    background-image: url(../img/CTA-Banner.png);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 200px;

    border-radius: 30px;

    position: relative;

    margin-bottom: 150px;

}

.newsletter-two a {

    padding: 10px 40px;

    font-size: 20px !important;

    color: #000000;

    text-decoration: none;

    border-radius: 50px;

    font-weight: 500;

    background: #fff;

    margin-left: 60px;

    line-height: 34px !important;

}

.newsletter-two a:hover {

    color: #fff !important;

    background: #2e2e2e;

}

.newsletter-two .right-part {

    text-align: center !important;

    align-items: center;

    display: flex;

    justify-content: center;

}

.footer-two {

    background: rgb(184, 215, 255);

    background: linear-gradient(0deg, rgba(184, 215, 255, 1) 34%, rgb(255 255 255) 100%) !important;

}







/* ===========================================================publisher=============================================================== */

.publisher-banner {

    background-image: url(../img/publisher/publisher-banner.png);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 140px 0 80px;

    position: relative;

    height: 100vh;

    align-items: center;

    display: flex;

}

.publisher-banner::after {

    background-image: url(../img/publisher/publisher-banner-l.png);
    content: "";
    position: absolute;
    height: 100vh;
    width: 630px;
    background-repeat: no-repeat;
    top: 0;
    background-size: auto;
    right: 0;
    background-position-x: right;

}

.banner h2 {color: #000;font-size: 50px;font-weight: 500;margin-bottom: 0;text-transform: uppercase;}

.know-more {

    background: #000 !important;

    font-size: 18px !important;

    font-weight: 500 !important;

    color: #fff !important;

    padding: 15px 30px;

    border-radius: 0;

    margin-bottom: 10px;

    border: none;

    text-decoration: none !important;

    line-height: 25px !important;

    margin-top: 20px;

    display: inline-block;

}















  #slider {

    margin: 0;

    width: 100%;

    height: 960px;

    overflow: hidden;

    position: relative;

    text-align: center;

}

#slides::after {

    background-image: url(../img/publisher/r5.png);

    content: "";

    position: absolute;

    height: 330px;

    background-size: 100%;

    width: 110px;

    background-repeat: no-repeat;

    left: 45%;

    bottom: 2%;

}

.slide-box {

    background: #fff url(../img/publisher/box-bg.png);
    width: 500px;
    height: 320px;
    border-radius: 20px;
    margin: 0 auto;
    padding: 60px 70px;
    text-align: left;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 260px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);

}

.slide {
    opacity: 1;
    transition: opacity 0.8s;
    position: absolute;
    height: 960px;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
}

  .slide-box p {

    font-size: 18px;

    color: #000;

    line-height: 26px;

}

.slide-box h4 {

    font-size: 25px;

    font-weight: 700;

    color: #000;

    margin-bottom: 10px;

}

  .slide-one {

	background-image: url(../img/publisher/1opt.png);

  }

  .slide-two {

	background-image: url(../img/publisher/2opt.png);

  }

  .slide-three {

	background-image: url(../img/publisher/3opt.png);

  }

  .slide-four {

	background-image: url(../img/publisher/4opt.png);

  }

  

  #slides button {

	font-size: 64px;

	color: rgb(225, 22, 22);

	background: transparent;

	border: none;

	outline: none;

	cursor: pointer;

	position: absolute;

	top: 110px;

	transition-duration: 0.3s;

  }

  

  #next {

	left: 760px;

    opacity: 0;

  }

  

  #previous {

	left: 20px;

    opacity: 0;

  }

  

  button:hover {

	color: lightgreen;

  }

  

  #slides ul {

	position: absolute;

	left: 40%;

	bottom: 20px;

	display: flex;

	justify-content: space-between;

	width: 120px;

  }

  

  .thumbnail {

	width: 20px;

	height: 20px;

	background-color: rgba(255, 255, 255, 0.7);

	border-radius: 50%;

	cursor: pointer;

	transition: background-color 0.3s;

  }

  

  #slides .thumbnail:hover,

  #slides .active {

	background-color: lightgreen;

  }

  









/* -------------------------- */

.key-features {

    background-image: url(../img/publisher/features-back.png);

    background-size: 100%;

    background-repeat: no-repeat;

}

  .feature-item {

	background: #fff;

    padding: 60px 30px 50px;

    text-align: center;

    position: relative;

    transition: .5s;

    border-radius: 8px;

    margin-bottom: 30px;

    min-height: 350px;

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 31%);

}

.feature-item .fea-icon {



    transition: .5s;

}

.feature-item h3 {

    font-size: 20px;

    color: #000;

    font-weight: 600;

    padding: 0 12%;

}



/* ------------------------------- */

.newsletter-three {

    margin-top: 90px;

    height: auto;

    background-image: url(../img/CTA-Banner.png);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 140px;

    border-radius: 0;

    position: relative;

    margin-bottom: 110px;

}

.newsletter-three h4.title {

    padding: 40px 0 0 0px;

}

.testimonial-logo-two {

    background: #fff;

    padding: 0;

}





/* ===================================================About Us================================================= */





.header-two .adcounty-menu ul li a {

    color: #fff;

}

.header-two .adcounty-menu ul>li.menu-item-has-children:before {

    color: #ffffff;

}







.about-us {

    background: #000;

}







.banner.about-banner {

    background: #000;

}

.text.we-are {

	position: absolute;

    width: 60%;

    left: 50%;

    margin-left: -225px;

    height: 40px;

    top: 35%;

    margin-top: -20px;

}

  



  

  .word {

    position: absolute;

    opacity: 0;

    line-height: 50px;

  }

  

  .letter {

	display: inline-block;

	position: relative;

	float: left;

	transform: translateZ(25px);

	transform-origin: 50% 50% 25px;

  }

  

  .letter.out {

	transform: rotateX(90deg);

	transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  

  .letter.behind {

	transform: rotateX(-90deg);

  }

  

  .letter.in {

	transform: rotateX(0deg);

	transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  }

  

  .wisteria {

	color: #8e44ad;

  }

  

  .about-banner p {

    font-size: 110px;

    color: #fff;

    font-weight: 500;

	display: inline-block;

	vertical-align: top;

	margin: 0;

}







/* ------------------------------------------------------- */

.our-story.cl-dark.section-padding-05 {

    background: #000;

}



.our-story .line {

	position: relative;

    width: 100%;

    height: 1px;

    background: #fff;

    display: block;

    margin: 40px 0 40px;

}



.our-story .line::before {

    content: "";

    background-image: url(../img/about-us/pointer.png);

    position: absolute;

    height: 19px;

    width: 100%;

    background-repeat: no-repeat;

    top: -8px;

}

.item-box h3 {

    font-size: 50px;

    color: #fff;

    font-weight: 500;

}

.item-box p {

	font-size: 20px;

    color: #fff;

    font-weight: 300;

    padding-right: 80px;

    min-height: 172px;

}



.our-story .title {

    margin-bottom: 60px;

}

.our-story .owl-nav {

    position: absolute;

    top: -40%;

    right: 0;

}

.our-story button {

    background: #fff !important;

    height: 40px;

    width: 40px;

    border-radius: 50% !important;

    line-height: 0px !important;

}

.our-story button:hover {

    background: #3461FF !important;

	color: #fff;

}





/* --------------------meet-the-team-------------------- */

.meet-the-team {

    background: #000;

	position: relative;

}

.meet-the-team .owl-item:nth-child(odd) {

	margin-top: 100px;

}

.meet-the-team .owl-carousel .owl-item img {

    border-radius: 15px;

}







.meet-the-team .owl-stage {

    padding: 80px 0 90px;

}



.wrap {

	float: left;

	margin: 0 20px 0 0;

	border-bottom: 1px solid #999999;

  }

  .content {

    width: 100%;

    height: auto;

    display: none;

    color: #fff;

    font-size: 15px;

    font-weight: 300;

    text-align: justify;

    padding-bottom: 20px;

}

  

  .hitter{

   width:500px;

   height:500px;

   border:1px solid #ee0000;

   display:none;

  }

  



  button.but {

    background: inherit;

    box-shadow: none;

    border: none;

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

    /* justify-content: flex-start; */

    width: 100%;

	margin-top: 40px;

}



  .bUVzcQ {

    font-weight: 300;

    line-height: 1.2;

    letter-spacing: -0.01em;

    font-size: 25px;

    color: #fff;

    text-align: left;

    float: left;

}

.fiegiR .TextBodySmall-sc-1qqpy3q-7 {

    position: relative;

    flex: 1 1 0%;

    margin-left: 0.4em;

    padding-left: 0.75em;

}



.iiiZqt {

    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 0.01em;

    font-size: 15px;

    color: #fff;

    float: left;

    margin-left: 10px;

}



.meet-the-team .rot {

    position: absolute;

    top: 5%;

    right: 5%;

    z-index: 99;

}



.rotate2 {

	animation: rotation 8s infinite linear;

  }

  

  @keyframes rotation {

	from {

	  transform: rotate(0deg);

	}

	to {

	  transform: rotate(359deg);

	}

  }







/* ------------------------------------------------------ */

.about-press-sec {

    background: #000;

}

.about-press-sec .press-author {

    background: #fff;

}



/* -----------------------------county-wall-------------------------- */

.county-wall {

    background: #000;

}

.spancediv{

	height:300px;  

	border-radius:30px;

	color:#fff;

	font-size:50px;

	text-align:center;

	display:flex;

	align-items:center;

	justify-content:center;

  }

  /* .spancediv{

	background-color:#000;

  }

  .spancediv2{

	background-color:#50915e;

  }

  .spancediv3{

	background-color:#485c8b;

  }

  .spancediv4{

	background-color:#e15858;

  } */

  .big-title,.big-titles,.big-titlesw{

	font-size:150px;

	position:relative;

	left:10px;

	white-space: nowrap;

	right: 81vw;

  }

  

  .Frist {

    margin-bottom: 20px;

}



/* ------------------------------------------------------ */





.awards .slide {

    height: auto !important;

}

.awards {

    background: #000;

	position: relative;

	padding-top: 30px;

}

.awards img {

    width: 100%;

}



.awards h4.title {

    position: absolute;

    top: 0%;

    width: 300px;

}

.awards h3 {

    position: absolute;

    bottom: 40%;

    right: 10%;

    width: 200px;

    font-size: 30px;

    color: #fff;

    font-weight: 300;

    line-height: 45px;

}



/* --------------------------footer------------------------ */



.footer.footer-three {

    background: #000;

	padding-top: 130px;

}

.footer.footer-three .middle-bt h5 {

    color: #fff;

}



.footer.footer-three .middle-bt a {

    color: #ffffff !important;

}

.footer.footer-three .footer-start p {

    color: #ffffff;

}

.footer.footer-three .support a.btn {

    background: #ffffff !important;

    color: #000 !important;

}

.footer.footer-three .support a.btn:hover {

    background: #0A52BF !important;

    color: #fff !important;

}

.footer.footer-three .newsletter-two {

    margin-top: 0;

}

.footer.footer-three .bt p {

    color: #ffffff;

}

/* .awards .slider{

	position:relative;

	width: 100%;

  }

.awards .items{

	position: relative;

	overflow: hidden;

	width: 100%;

	padding-bottom: 56.25%;

  }

.awards .item{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: opacity .6s ease-in-out;

	&.current{

	  opacity: 1;

	}

.awards img{

	  width: 100%;

	  height: 100%;

	  object-fit: cover;

	}

  }

  

.awards .buttons{

	position:absolute;

	z-index: 1;

	top:0;

	left:0;

	width:100%;

	height:100%;

	display:flex;

	justify-content:space-between;

	align-items:center;

  }

.awards .button{

	width:32px;

	height:32px;

	border:none;

	outline:none;

	padding:0;

	background:transparent center no-repeat;

	cursor:pointer;

	opacity:.4;

	&.prev{

	  background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png);

	}

	&.next{

	  background-image:url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png);

	}

	&:hover{

	  opacity:.8;

	}

  }

  

.awards .dots{

	position: absolute;

	bottom: -20px;

	left: 0;

	width: 100%;

	display: flex;

	justify-content: center;

	margin-top: 10px;

  }

.awards .dot{

	display: block;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	border: none;

	outline: none;

	padding: 0;

	background: #777;

	cursor: pointer;

	opacity: .5;

	transition: opacity .4s ease-in-out;

	&:nth-child(n+2){

	  margin-left: 5px;

	}

	&.current{

	  opacity: 1;

	}

  } */



  /* ---------------------------------------------------------------- */

  .genwin-banner .row {

    position: relative;

    z-index: 9;

}

.genwin-banner  .col-md-7 {

	align-content: center;

}

  .genwin-banner {

    background-image: url(../img/genwin/g-bg.png);

    background-repeat: no-repeat;

    background-size: 100%;

	padding-top: 165px !important;

    padding: 90px 15px;

	background-size: cover;

}

  .genwin-banner::after {

    background-image: url(../img/genwin/g.png);

    content: "";

    position: absolute;

    height: 100%;

    width: 630px;

    background-repeat: no-repeat;

    top: 0;

    background-size: 100%;

    right: 0;

}

.genwin-banner::before {

    background-image: url(../img/genwin/af.png);

    content: "";

    position: absolute;

    height: 500px;

    width: 460px;

    background-repeat: no-repeat;

    top: 30%;

    background-size: 100%;

    left: 20%;

    -webkit-animation: mover 1s infinite alternate;

    animation: mover 1s infinite alternate;

}

/* .rbt img.vert-move {

    -webkit-animation: mover 1s infinite  alternate;

    animation: mover 1s infinite  alternate;

} */

.publisher-banner {

    background-image: url(../img/genwin/g-bg.png);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 140px 0 80px;

    position: relative;

    height: 100vh;

    align-items: center;

    display: flex;

}

.publisher-banner h2 {

    font-size: 60px;
    position: relative;
    z-index: 99; 

}

.genwin-banner .form-group {

    text-align: left;

}

#msform fieldset {

    background: #ffffff8f;

    border: 0.5px solid #CBCBCB;

    border-radius: 30px;

    padding: 20px 30px;

    box-sizing: border-box;

    width: 90%;

    position: relative;

    margin-left: 10%;

}

.fs-subtitle {

	font-weight: 600;

    font-size: 40px;

    color: #171717;

    margin-bottom: 35px;

    text-align: left;

    margin-top: 10px !important;

}

#msform label {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    color: #171717;

    margin-bottom: 7px;

}

#msform input, #msform textarea, #msform select {

    padding: 15px;

    border: 0.5px solid #979797;

    border-radius: 10px;

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0px 0px 1px #000000cf;

    font-size: 18px;

    color: #171717;

    margin-bottom: 25px;

}

#msform  button.btn.btn-primary {

    background: #3561FF !important;

    font-size: 18px !important;

    font-weight: 500 !important;

    color: #fff !important;

    padding: 15px 30px;

    border-radius: 10px;

    margin-bottom: 10px;

    border: none;

    text-decoration: none !important;

    line-height: 25px !important;

    margin-top: 10px;

    display: inline-block;

}





.homepage-slider__article-image img {

    width: 100%;

}

.genwin-slider .homepage-slider__article-image img {

    width: 100%;

}

.genwin-slider .homepage-slider__article-image {

    padding-left: 0;

}

.genwin-slider h3 {

    font-size: 35px;

    font-weight: 600;

    color: #000;

    margin-bottom: 20px;

}



/* -----------expert-solutions---------------- */

.expert-solutions ul#pills-tab {

    margin: -5px 0 50px !important;

    padding: 12px;

    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

    background: #fff;

    border-radius: 10px;

    display: inline-flex;

}

.expert-solutions .nav-link {

	padding: 12px 32px !important;

    background: #E9EEFF !important;

    box-shadow: none;

    border-radius: 10px !important;

    opacity: 1;

    letter-spacing: 0px;

    color: #000000 !important;

    font-size: 16px !important;

    border: none;

    font-weight: 500 !important;

    margin-left: 15px;

}

.expert-solutions .nav-pills .nav-link.active {

    background: #3561FF !important;

    color: #fff !important;

}









/* ------------categories------------ */



.key-features.categories  {

    background-image: url(../img/genwin/categories-bg.png);

    background-size: 100%;

    background-repeat: no-repeat;

}

.categories .feature-item .fea-icon {

    transition: .5s;

    height: 150px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.categories .feature-item {

    padding: 60px 40px 50px;

}

.categories .feature-item:hover {

    background: #c1fff985;

    cursor: pointer;

}



/* ================================================inatix=============================================== */



.inatix-banner {

    background-image: url(../img/inatix/inatix-bg.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding-top: 165px !important;

    padding: 90px 15px;

    background-size: cover;

}

.inatix-banner::after {

    background-image: url(../img/inatix/in-x.png);

    content: "";

    position: absolute;

    height: 100%;

    width: 630px;

    background-repeat: no-repeat;

    top: 0;

    background-size: 100%;

    right: 0;

}

section.inatix-banner.banner h2 {

    font-size: 50px;

    font-weight: 500;

    margin-bottom: 30px;

    text-transform: uppercase;

}

.inatix-banner .row {

    position: relative;

    z-index: 9;

}

.inatix-banner .col-md-7 {

    align-content: center;

}



/* ----------------------------------- */



.targeting-unlocked.boost .row {

    padding: 50px 0;

}

.targeting-unlocked.boost {

    background: rgb(255, 255, 255);

    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 57%, rgba(239, 255, 252, 1) 80%, rgba(183, 240, 230, 1) 100%);

}

.owl-carousel.owl-carousel-omni.owl-theme.owl-loaded.owl-drag .owl-dots {

    text-align: left;

}

.text-all {

    display: inline-block;

}

.text-box {

    display: inline-block;

    width: 80%;

    align-items: flex-start;

    position: relative;

    display: inline-grid;

    margin-right: 15px;

}

.owl-carousel.owl-carousel-omni {

    margin-top: 40PX;

}

.text-box h4 {

    font-size: 25px;

    color: #000;

    font-weight: 700;

}



.targeting-unlocked .text-box p {

    font-size: 18px;

    color: #000000;

    width: 100%;

}



.btn-demo button {

    font-size: 17px;

    background: #3561FF;

    color: #fff;

    border: none;

    padding: 7px 30px;

    border-radius: 30px;

    margin-top: 20px;

    margin-right: 20px;

}

.targeting-unlocked .btn-demo a {

    background: #3561FF;

    padding: 8px 34px;

    border-radius: 50px;

    color: #fff;

    text-decoration: none;

    margin-top: 10px !important;

    display: inline-block;

    margin: 0 0;

    font-size: 17px;

}



/* =========================================================opsis======================================================== */

.op-sis a img {

    /* width: 130px; */

}

.op-sis a {

    background-color: inherit !important;

    padding: 0 10px !important;

}

.opsis-banner {

    background-image: url(../img/opsis/op-bg.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding-top: 155px !important;

    padding: 90px 15px;

    background-size: cover;

	padding-bottom: 0;

}

.opsis-banner .col-md-6 {

    align-content: center;

}



.our-story.opsis {

    background: rgb(235, 249, 255);

    background: linear-gradient(180deg, rgba(235, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 61%, rgba(235, 249, 255, 1) 100%) !important;

}

.asyn-img {

    position: relative;

}

.asyn-img img {

    width: 64%;

    margin: 0 auto;

}

.asyn-img::after {

    position: absolute;

    left: 50%;

    top: 50%;

    content: "";

    height: 370px;

    width: 370px;

    border: 60px solid #5483F1;

    z-index: -1;

    border-radius: 50%;

    margin-left: -186px;

    margin-top: -175px;

    animation: UpDown 2s linear infinite;

}



@keyframes UpDown {

	0% {

		-webkit-transform: translateY(0px);

		transform: translateY(0px);

	}



	50% {

		-webkit-transform: translateY(-25px);

		transform: translateY(-25px);

	}



	100% {

		-webkit-transform: translateY(0px);

		transform: translateY(0px);

	}

}



.our-story.opsis .item-box p {

    font-size: 20px;

    color: #000000;

    font-weight: 300;

    padding-right: 80px;

    min-height: 172px;

}

.our-story.opsis .line {

    background: #000000;

}

.our-story.opsis .item-box h3 {

    font-size: 50px;

    color: #000000;

    font-weight: 500;

}







/* -----------------Re-targeting---------------- */



.re-targeting .tab-content>.tab-pane {

    background: #fff;

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);

    position: relative;

    background: rgb(84, 131, 241);

    background: linear-gradient(180deg, rgba(84, 131, 241, 0) 0%, rgba(147, 130, 255, 1) 100%);

    padding: 2px 5px 6px;

    border-radius: 40px;

}



/* .re-targeting .tab-content>.tab-pane:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    background: #000;

    left: 0;

    right: 0;

    z-index: -9;

} */

.re-targeting .tab-content .pills-box {

    background: #fff;

    border-radius: 40px;

    padding: 70px 50px;

}

.re-targeting h3 {

    margin-top: 60px;

    margin-bottom: 30px !important;

}

.pills-box img {

    width: 100%;

}

.pills-box h3 {

    text-align: left;

    padding: 0;

    margin-top: 80px;

    font-size: 30px;

    margin-bottom: 20px !important;

    padding: 0 50px;

}

.pills-box p {

    font-size: 20px;

    text-align: left;

    color: #000;

    padding: 0 50px;

}



.btn-demo a {

    background: #497BF0;

    padding: 8px 34px;

    border-radius: 50px;

    color: #fff;

    text-decoration: none;

    margin-top: 10px !important;

    display: inline-block;

    margin: 0 10px;

    font-size: 20px;

}

.btn-demo a:hover {

    color: #fff;

}

.btn-demo a.web-btn {

    background: #EF6C3F !important;

    padding: 10px 40px !important;

}



.btn-demo a.mob-btn {

background: #497bf0 !important;

padding: 10px 40px !important;

}

.op-sis .btn-demo a.mob-btn:hover {

    background: #618cf1 !important;

}

.op-sis .btn-demo a.web-btn:hover {

    background: #f1815c !important;

}

/* -------------------------mobsis--------------------------- */



.mobsis h4.title.text_dark {

    color: #497BF0;

}

.mobsis h3 {

    font-size: 30px;

    color: #000;

    font-weight: 600;

    margin-bottom: 70px;

}





.mobsis-left .mob-text {

    text-align: right;

    margin-bottom: 20px;

	min-height: 180px;

}

.mobsis-right .mob-text {

    text-align: left;

    margin-bottom: 20px;

	min-height: 180px;

}

.mobsis-left h4 {

    background-image: url(../img/opsis/right.png);

    background-repeat: no-repeat;

    background-size: 30px;

    background-position-x: right;

    background-position-y: center;

    font-size: 25px;

    color: #000;

    font-weight: 600;

    padding-right: 40px;

}

.mobsis-right h4 {

    background-image: url(../img/opsis/right.png);

    background-repeat: no-repeat;

    background-size: 30px;

    background-position-x: left;

    background-position-y: center;

    font-size: 25px;

    color: #000;

    font-weight: 600;

    padding-left: 40px;

}





















#web {

    background-image: url(../img/opsis/op-back.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding: 90px 15px;

    background-size: cover;

    padding-bottom: 0;

    background-position-y: bottom;

}

#web .owl-carousel.owl-carousel-three.owl-theme.owl-loaded.owl-drag {

    background-image: url(../img/opsis/lp.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding-top: 65px !important;

    padding: 90px 15px;

    padding-bottom: 40px;

    width: 800px;

    margin: 0 auto;

    height: 460px;

    text-align: center;



}

h3.cps {

    margin-top: 90px;

    z-index: 999;

    position: absolute;

    left: 0;

    right: 0;

    color: #fff;

}

#web .owl-carousel.owl-carousel-three .press {

    padding: 20px;

    margin-top: 100px;

}

#web h4.title.text_dark {

    color: #EF6C3F;

}

#web .owl-carousel .owl-item img {

    display: block;

    width: 120px;

    text-align: center;

    margin: 0 auto;

}

#web .owl-carousel ul {

    display: flex;

    text-align: center;

    justify-content: center;

}

#web .owl-carousel li {

    list-style: disc;

    color: #fff;

    margin: 0 17px;

    font-size: 11px;

    font-weight: 400;

}

.press-author {

    box-shadow: none;

    border-radius: 0;

    text-align: left;

}

#web .owl-carousel.owl-drag .owl-item {

    /* width: 220px !important;

    margin: 0 auto; */

}

#web h3 {

    font-size: 25px;

    color: #fff;

    font-weight: 500;

}

#web .owl-carousel-three h3 {

    text-align: center;

}

#web .item {

    width: 760px;

}

.press-author h3 {

    margin-bottom: 0;

}



.cpl {

    background: rgb(1, 1, 1);

    background: linear-gradient(180deg, rgba(1, 1, 1, 1) 0%, rgba(12, 15, 20, 1) 100%);

}

.cpl h3 {

    font-size: 25px;

    color: #fff;

    font-weight: 500;

    text-align: center;

}

.cpl img {

    -webkit-filter: grayscale(100%) brightness(110%) contrast(0.9);

    filter: grayscale(100%) brightness(110%) contrast(0.9);

	cursor: pointer;

}

.cpl img:hover {

    -webkit-filter: grayscale(100%) brightness(110%) contrast(0.9);

    filter: inherit;

}



/* ==================================================Career==================================================== */



.career-banner {

    background-image: url(../img/career/career-back.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding-top: 155px !important;

    padding-bottom: 220px;

    background-size: 100%;

}

.career-banner h2 {

    font-size: 60px;

    color: #ffffff;

    font-weight: 800;

    text-shadow: 1px 1px 11px rgb(0 0 0);

    line-height: 80px;

    margin-top: 280px;

}

/* ------------------------------------------------ */

.life.cl-dark.section-padding-05 {

    margin-top: -130px;

}









.mission .accordion-button {

    display: flex;

    text-decoration: none;

    color: inherit;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    border-top: 1px solid transparent;

    border-left: 1px solid transparent;

    border-right: 1px solid transparent;

    margin-left: -1px;

    margin-right: -1px;

    font-size: 20px !important;

    color: #191414 !important;

    padding: 16px 30px 30px !important;

    border: none;

	background-color: #ffffff00 !important;

    box-shadow: none !important;

}

.mission .accordion-item {

    background-color: #fff;

    border-top: 1px solid rgb(0 0 0 / 27%) !important;

    border: none;

	margin-top: -15px;

}

.mission span.folderflip_index__wi81E {

    border: 1px solid;

    border-radius: 1000px;

    width: 30px !important;
    height: 30px !important; 

    margin-right: .5em;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



.mission .accordion-button:not(.collapsed) {

    background-color: #e7f1ff00 !important;

} 

.mission .accordion-item.one {

    background-color: #FFFEDD;

}

.mission .accordion-item.two {

	background-color: #CEFFCE;	

}

.mission .accordion-item.three {

	background-color: #D0E6FF;	

}







.accordion-item {

    border-radius: 20px 20px 0 0 !important;

}



.accordion-body {

    padding: 1rem 1.25rem;

    padding: 80px 20px !important;

}

.accordion-body img {

    border-radius: 20px;

}

.accordion-body .col-md-7 {

    padding: 0 0px 0px 70px;

    align-items: center;

    display: flex;

}

.mission .accordion-body p {

    color: #000;

}

/* ----------------------------Open positions---------------------- */

.open-box {

    border: 1px solid #000000;

    border-radius: 20px;

    padding: 30px 30px;

    margin-bottom: 30px;

}

.open-box-top {

    display: flex;

    width: 100%;

    justify-content: space-between;

    margin-bottom: 8px;

}

.open-box-top-l {

    display: flex;

}

.open-box-top-l span {

    background: #FAE62D;

    padding: 6px 7px;

    line-height: 19px;

    padding: 4px 16px;

    height: 28px;

    border-radius: 30px;

    color: #000;

    font-size: 12px;

    font-weight: 400;

    margin-right: 20px;

}

.open-box-top-l h3 {

    font-size: 32px;

    color: #000000;

    font-weight: 400;

    margin-right: 10px;

}

.open-box-bt {

    display: flex;

    justify-content: space-between;

}



.open-box-top-r a {

    font-size: 15px;

    color: #0F172A;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: 500;

}

.open-box-bt-r li {

    font-size: 16px;

    margin-left: 20px;

    font-weight: 600;

    color: #000;

}

.open-box-bt-r li svg {

    width: 20px;

    height: 20px;

    margin-top: -3px;

}

.open-box-bt-l p {

    font-size: 18px;

    color: #0F172A;

    font-weight: 300;

}



.open-box-bt ul {

    display: flex;

}







/* --------------------------------------------------------- */

.adcountians .testimonial {

    text-align: left;

}

.adcountians .testimonial p {

    font-size: 38px;

    color: #000000;

    font-weight: 400;

    margin-top: 15px;

    display: ruby;

    text-align: left !important;

    line-height: 65px;

}





.adcountians .testimonial {

    text-align: left;

}

.adcountians .testimonial-author {

    display: flex;

    align-items: center;

}

.adcountians .testimonial-author .name {

    font-size: 25px;

    font-weight: 700;

    position: relative;

    font-family: "Inter", sans-serif;

    line-height: 25px;

    color: #000000;

    display: block;

}

.adcountians .testimonial-author .des {

    font-size: 16px;

    font-weight: 500;

    position: relative;

    font-family: "Inter", sans-serif;

    line-height: 30px;

    color: #000000;

    display: block;

}

.adcountians .owl-carousel .owl-item img {

    display: block;

    width: 100%;

    width: 95px !important;

}

.adcountians .name-des {

    margin-left: 0;

    margin-top: 30px;

}



/* ------------------------------ */



.newsletter-career {

    margin-bottom: 200px;

}





/* ======================================================BidCounty=================================================== */

.bidcounty-banner h2 {

    padding: 15px 0;

    font-size: 50px;

    font-weight: 500;

    margin-bottom: 0;

    text-transform: uppercase;

}

.bidcounty-banner {

    background-image: url(../img/bidcounty/bidcounty-back.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding-top: 155px !important;

    padding: 90px 15px;

    background-size: cover;

    padding-bottom: 90px;

}
.bidcounty-banner video {
    height: auto !important;
}

.stuff {

    background-image: url(../img/bidcounty/stuff-bg.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding: 90px 15px;

    background-size: cover;

}

.stuff p {

    font-size: 14px;

    line-height: 22px;

    color: #000000;

    font-weight: 400;

}

.stuff h5 {

    font-size: 16px;

}

.content-gallery .nav-item {

    border-top: 1px solid #e5e6ec;

    padding: 0 !important;

    text-align: left;

}

.content-gallery .nav-item::before {

    content: "\f107" !important;

    position: absolute;

    font: normal normal normal 16px / 1 FontAwesome !important;

}

.content-gallery__tab-title {

    padding-top: 12px;

}

.bidcounty-banner .know-more {

    padding: 15px 50px;

    border-radius: 9px;

    line-height: 25px !important;

    margin-top: 20px;

    margin-bottom: 50px;

}

.first-campaign {

    background: #000000;

}

.first-campaign .row.expert-solutions.re-targeting {

    position: relative;

}

.first-campaign .accordion-header {

    margin-bottom: 0;

    position: absolute;

    top: 104px;

    background: #fff;

    padding: 6px 20px;

    width: 250px;

    left: 60px;

    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

}

.first-campaign .accordion-body {

    padding: 1rem 1.25rem;

    padding: 20px 20px !important;

}

.first-campaign .accordion-item:nth-child(1) h2 {

    border-radius: 10px 10px 0 0;

}

.first-campaign .accordion-item:nth-child(2) h2 {

    top: 194px;

}

.first-campaign .accordion-item:nth-child(3) h2 {

    top: 284px;

    border-radius: 0px 0px 10px 10px;

}

.first-campaign .accordion-item {

    background-color: #ffffff00;

    border: 1px solid rgb(0 0 0 / 0%);

}

.first-campaign .accordion-item p {

    font-size: 20px;

    color: #000;

    font-weight: 700;

    padding-left: 80px;

    width: 200px;

}



    .first-campaign span.d-flex img {

        width: 60px;

        height: 60px;

        position: absolute;

        top: 8px;

    }

.first-campaign .accordion-item p span {

    font-size: 16px !important;

}

.first-campaign .accordion-button::after {

    display: none;

}





.impactful button.accordion-button {

    font-weight: 400;

    line-height: 1.66667;

    font-size: 18px;

    color: #000000;

    padding: 15px 0;

}

.impactful h3.h-c-headline.h-c-headline--one.h-has-bottom-margin {

    color: #000000;

    font-weight: 400;

    line-height: 1.17857;

    font-size: 35px;

    letter-spacing: -.5px;

    margin-bottom: 20px;

}

.impactful .accordion-body {

    padding: 20px 0px !important;

}

.impactful .accordion-button:not(.collapsed) {

    background-color: inherit !important;

}

img.expert-solutions-img {

    padding: 0 20px;

}

/* ====================================================appl======================================================== */



.mindful h3 {

    font-size: 27px;

    margin: 20px 0 20px !important;

    font-weight: 600;

    color: #000;

}

.mindful .row.expert-solutions {

    margin-top: 70px !important;

}

.appl-banner {

    background-image: url(../img/apple-search/apple-back2.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding-top: 165px !important;

    padding-bottom: 225px;

    border-color: inherit;



}

.appl-banner.banner h2 {

    color: #fff;

    font-size: 65px;

}

.appl-banner a.know-more {

    background: #fff !important;

    color: #000 !important;

}

.appl-banner.banner h3 {

    font-size: 40px;

    font-weight: 400;

    margin-bottom: 30px;

}

.journey {

    background: rgb(255, 255, 255);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(242, 236, 188, 0.28895308123249297) 62%, rgba(227, 212, 102, 0.5046393557422969) 100%);

}

.journey .title {

    margin-bottom: 50px;

}

.journey h3 {

    font-size: 27px;

    margin: 20px 0 5px !important;

    font-weight: 600;

    color: #000;

}





/* --------------------------------- */

.holistic .appl-banner {

    background-image: url(../img/opsis/op-back.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding: 90px 15px;

    background-size: cover;

    padding-bottom: 0;

    background-position-y: bottom;

}

.holistic {

    padding: 0 20px;

    position: relative;

}

.holistic .container-full {

    background-image: url(../img/opsis/op-back.png);

    text-align: center;

    padding: 100px 0;

    background-size: cover;

    background-repeat: no-repeat;

    border-radius: 40px;

    background-position-x: center;

    background-position-y: top;

}

.all_highlights img.logo-back {

    position: absolute;

    left: 0;

    right: 0;

    left: 10%;

    width: 80%;

    top: 29%;

    /* text-decoration: blink;

    -webkit-animation-name: blinker;

    -webkit-animation-duration: 0.6s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-direction: alternate; */

}

.holistic-logo {

    padding: 120px 0 150px;

}



.holistic.growing-sec li.icon.show:nth-child(1) {

    position: absolute;

    top: 30%;

    left: 27%;

    animation: moving 7s infinite linear !important;

    z-index: 10;

}

.holistic.growing-sec li.icon.show:nth-child(2) {

    position: absolute;

    top: 28%;

    left: 67%;

    animation: translateY2 4s forwards infinite alternate !important;

    z-index: 9;

}

.holistic.growing-sec li.icon.show:nth-child(3) {

    position: absolute;

    top: 56%;

    left: 13%;

    z-index: 8;

    animation: bounce-x 5s infinite linear !important;

}

.holistic.growing-sec li.icon.show:nth-child(4) {

    position: absolute;

    top: 80%;

    left: 27%;

    animation: moving 9s linear infinite !important;

    z-index: 7;

}

.holistic.growing-sec li.icon.show:nth-child(5) {

    position: absolute;

    top: 74%;

    left: 67%;

    z-index: 6;

}

.holistic.growing-sec li.icon.show:nth-child(6) {

    position: absolute;

    top: 54%;

    left: 77%;

    animation: moving 9s infinite linear !important;

    z-index: 5;

}

.holistic.growing-sec .row.text-center.align-items-center {

    padding-top: 0;
    height: auto !important;

}

.holistic.growing-sec li img {

    width: 190px;

}

.holistic img.adc-logo {

    width: 280px;

    z-index: 9999;

    position: relative;

}

.holistic.growing-sec li {

    position: absolute;

    top: 46%;

    left: 45%;

    transition: 1s all;

}

/* ====================================================================Services======================================================== */

/* HTML CSS JSResult Skip Results Iframe

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

} */

/* .col-md-12.ai-brains.text-center {

    margin-top: -500px;

    position: relative;

    z-index: 9;

} */

.sv-back {

    background-image: url(../img/services/sv-back.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.services-mn.section-padding-05 .row {

    padding: 132px 0;

    padding-bottom: 0;

}

.col-md-5.text-center.pillars {

    padding-top: 260px;

}

.col-md-12.ai-brains.text-center h2 {

    font-size: 70px;

    color: #fff;

    font-weight: 500;

}

.wrapper,

.content {

  position: relative;

  width: 100%;

  z-index: 1;

}



.content {

  overflow-x: hidden;

}



.content .section {

  width: 100%;

  height: 100vh;

}



.content .section.hero {

  /* background-image: url(../img/services/s5.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover; */

}

.pin-spacer {

    /* background-image: url(../img/services/s5.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover; */

  }

.targeting-unlocked.services-mn.section-padding-05 {

    /* background-image: url(../img/services/s4.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover; */

  }

.image-container {

  width: 100%;

  height: 100vh;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 2;

  perspective: 500px;

  overflow: hidden;

}



.image-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center center;

}







/* ----------------------------------- */



.services-mn .row p {

    margin-top: 0;

    margin-bottom: 1rem;

    font-size: 18px;

    color: #ffffff;

    width: 80%;

}

.services-mn.section-padding-05 .row {

    padding: 132px 0;

    padding-top: 0;

}



.gsap-marker-scroller-start {

    display: none !important;

}

.gsap-marker-scroller-end {

    display: none !important;

}

.gsap-marker-start {

    display: none !important;

}







/* ----------------------------------- */



.what-more owl-nav {

    display: none;

}

.what-more .owl-nav {

    display: none !important;

}





.what-more .item-box h3 {

    margin: 20px 0 10px;

    font-size: 25px;

    color: #fff;

    font-weight: 500;

}









.what-more .owl-carousel .owl-item img {

    display: block;

    width: 100%;

    border-radius: 10px;

}



/* =============================================================contact-us=========================================================== */

.contact-banner {

    background-image: url(../img/contact-us.png);

    background-repeat: no-repeat;

    background-size: 100%;

    padding-top: 155px !important;

    padding: 90px 15px;

    background-size: cover;

    padding-bottom: 90px;

    height: auto;



}

.contact-banner .container {
    height: 75vh;
}

.contact-banner {

    

}

.contact-banner #msform input, .contact-banner #msform textarea, .contact-banner #msform select {

    padding: 10px 10px !important;

    border: 0.5px solid #979797;

    border-radius: 8px;

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0px 0px 1px #000000cf;

    font-size: 18px;

    color: #171717;

    margin-bottom: 16px;

}



.contact-banner .col-md-7 h2 {

    font-size: 80px;
    color: #FFF;
    font-weight: 900;
    line-height: 90px;
    margin-top: 170px;



}

.heading-top a {

    padding: 12px 25px !important;

    border: 0.5px solid #979797;

    border-radius: 8px;

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0px 0px 1px #000000cf;

    font-size: 18px;

    color: #fff;

    margin-bottom: 16px;

    background: #000 !important;

    text-decoration: none;

    margin: 0 auto;

    width: 340px !important;

    display: block;

    text-align: center;

    margin-top: 30px;

    margin-bottom: 20px;

}

p.b-p {

    font-size: 15px;

    text-align: left;

    color: #000;

    border-top: 1px solid #a6a6a6;

    padding-top: 25px;

    margin-top: 10px;

}

.contact-banner input.next.action-button {

    background: #000;

    color: #fff !important;

    padding: 10px 0px !important;

    width: 135px !important;

    border-radius: 8px !important;

    margin-top: 20px;

}

#msform input.previous.action-button-previous {

    background: #ffffff;

    color: #fff !important;

    padding: 10px 0px !important;

    width: 51px !important;

    border-radius: 8px !important;

    margin: 20px 10px 0px 0px !important;

    padding: 0;

    font-weight: 300 !important;

    height: 53px;

    position: absolute;

    top: -40px;

    left: 25px;

    background-image: url(../img/rt-arrow.svg);

    background-size: 45px;

    background-repeat: no-repeat;

    border: none;

    box-shadow: none;

}

/* .pr-next {

    display: flex;

    justify-content: center;

    display: block !important;

    opacity: 1 !important;

} */

.contact-banner .card {

    background: #fff;

    border: 1px solid #191919;

    border-radius: 10px;

}

.heading-top p {

    font-size: 20px;

    text-align: center;

    color: #000;

}

.heading-top h2 {

    font-size: 35px !important;

    font-weight: 600 !important;

    text-align: center;

}

/* 

* {

    margin: 0;

    padding: 0

}



html {

    height: 100%

}



p {

    color: grey

} */



#heading {

    text-transform: uppercase;

    color: #673AB7;

    font-weight: normal

}



#msform {

    text-align: center;

    position: relative;

    margin-top: 20px

}



#msform fieldset {

    background: white;

    border: 0 none;

    border-radius: 0.5rem;

    box-sizing: border-box;

    width: 100%;

    margin: 0;

    padding-bottom: 20px;

    position: relative

}



.form-card {

    text-align: left

}



#msform fieldset:not(:first-of-type) {

    display: none

}



/* #msform input,

#msform textarea {

    padding: 8px 15px 8px 15px;

    border: 1px solid #ccc;

    border-radius: 0px;

    margin-bottom: 25px;

    margin-top: 2px;

    width: 100%;

    box-sizing: border-box;

    font-family: montserrat;

    color: #2C3E50;

    background-color: #ECEFF1;

    font-size: 16px;

    letter-spacing: 1px

}



#msform input:focus,

#msform textarea:focus {

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: 1px solid #673AB7;

    outline-width: 0

}



#msform .action-button {

    width: 100px;

    background: #673AB7;

    font-weight: bold;

    color: white;

    border: 0 none;

    border-radius: 0px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 0px 10px 5px;

    float: right

}



#msform .action-button:hover,

#msform .action-button:focus {

    background-color: #311B92

} */



#msform .action-button-previous {

    width: 100px;

    background: #616161;

    font-weight: bold;

    color: white;

    border: 0 none;

    border-radius: 0px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 5px 10px 0px;

    float: right

}



#msform .action-button-previous:hover,

#msform .action-button-previous:focus {

    background-color: #000000

}



.card {

    z-index: 0;

    border: none;

    position: relative

}



.fs-title {

    font-size: 25px;

    color: #673AB7;

    margin-bottom: 15px;

    font-weight: normal;

    text-align: left

}



.purple-text {

    color: #673AB7;

    font-weight: normal

}



.steps {

    font-size: 25px;

    color: gray;

    margin-bottom: 10px;

    font-weight: normal;

    text-align: right

}



.fieldlabels {

    color: gray;

    text-align: left

}



#progressbar {

    margin-bottom: 30px;

    overflow: hidden;

    color: lightgrey

}



#progressbar .active {

    color: #673AB7

}



#progressbar li {

    list-style-type: none;

    font-size: 15px;

    width: 25%;

    float: left;

    position: relative;

    font-weight: 400

}



#progressbar #account:before {

    font-family: FontAwesome;

    content: "\f13e"

}



#progressbar #personal:before {

    font-family: FontAwesome;

    content: "\f007"

}



#progressbar #payment:before {

    font-family: FontAwesome;

    content: "\f030"

}



#progressbar #confirm:before {

    font-family: FontAwesome;

    content: "\f00c"

}



#progressbar li:before {

    width: 50px;

    height: 50px;

    line-height: 45px;

    display: block;

    font-size: 20px;

    color: #ffffff;

    background: lightgray;

    border-radius: 50%;

    margin: 0 auto 10px auto;

    padding: 2px

}



#progressbar li:after {

    content: '';

    width: 100%;

    height: 2px;

    background: lightgray;

    position: absolute;

    left: 0;

    top: 25px;

    z-index: -1

}



#progressbar li.active:before,

#progressbar li.active:after {

    background: #673AB7

}



.progress {

    height: 20px

}



.progress-bar {

    background-color: #673AB7

}



.fit-image {

    width: 100%;

    object-fit: cover

}











.md-country-picker-item {

    position: relative;

    line-height: 20px;

    padding: 10px 0 10px 40px;

}



.md-country-picker-flag {

    position: absolute;

    left: 0;

    height: 20px;

}



.mbsc-scroller-wheel-item-2d .md-country-picker-item {

    transform: scale(1.1);

}





.dropdown-select {

    padding: 15px;

    border: 0.5px solid #979797;

    border-radius: 10px;

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0px 0px 1px #000000cf;

    font-size: 18px;

    color: #171717;

    margin-bottom: 25px;

}



/* ===============================================================apply-now=================================================================== */





section.apply-banner.banner {

    position: relative;

    background: #fff;

    height: 87vh;

    margin-bottom: 50px;

}

section.apply-banner.banner:before {

    /* content: "";

    background-image: url(../img/career/ap-bg.png);

    position: absolute;

    left: 0;

    top: 0;

    width: 55%;

    height: 100vh;

    background-repeat: no-repeat;

    background-size: cover; */

}



.apply-banner.banner h2 {

    font-size: 80px;

    color: #000;

    font-weight: 500;

    text-align: left;

    padding-left: 17%;

    padding-top: 220px;

}

.singlejob_left__TV5G_ {

    background-image: url(../img/career/ap-bg.png);

    align-self: flex-start;

    transform: translate3d(0px, 0px, 0px);

    left: 0px;

    top: 0.001px;

    margin: 0px;

    width: 50%;

    height: 100%;

    padding: 0px;

    box-sizing: border-box;

    position: absolute;

    background-size: 100%;

    background-repeat: no-repeat;

}





.singlejob_introText__5cBwM span {

    font-size: 24px !important;

    text-align: left !important;

}



.col-md-6.right {

    padding-left: 80px;

}

p.ma-0.mb-10.size-8.size-9-mobile.line-120.fw-normal.color-gray-300 {

    font-size: 20px;

    color: #A8A8A8;

    font-weight: 600;

}

p.ma-0.size-6.size-7-mobile.line-150 {

    font-size: 25px;

    color: #000;

    font-weight: 600;

    margin-top: -17px;

}

.row.link-light-bg h3 {

    color: #000000;

    font-size: 20px;

    margin-bottom: 10px;

}

.row.link-light-bg p {

    font-size: 18px;

    color: #888888;

    margin-top: 13px;

}













.file_container__ULHd7 button {

    cursor: pointer;

    transition: all .25s ease;

    max-height: 70px;

    width: 100%;

    padding: 22px 20px 21px;

    border-radius: 20px;

    background: #96f0b6;

    outline: 1px solid transparent;

    border: 1px solid rgba(16, 16, 24, .12);

    display: flex;

    color: #000;

    align-items: center;

    position: relative;

    outline: unset;

    letter-spacing: .01em;

    line-height: 150%;

    text-align: start;

    font-size: 1rem;

}

.file_container__ULHd7 button p {

    width: 10px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    flex-basis: calc(100% - 30px);

    flex-grow: 0;

    flex-shrink: 1;

}

.file_container__ULHd7 button i {

    flex-basis: 30px;

    flex-grow: 0;

    flex-shrink: 0;

    height: 30px;

    aspect-ratio: 1;

    background-color: #000;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

}

.basicscontent_checkboxGroup__5II6J, .basicscontent_inputs__b8iX5 {

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.basicscontent_checkboxGroup__5II6J {

    margin-top: 40px;

    margin-bottom: 70px;

}

.checkboxgroup_container___VoqI {

    display: flex;

    flex-direction: column;

}

.checkboxgroup_container___VoqI span {

    margin-bottom: 20px;

}

.checkboxgroup_group__WYSh3 {

    display: flex;

    flex-wrap: wrap;

    gap: 25px;

}

.checkbox_custom__54WJT.checkbox_center__fIzlM {

    align-items: center;

}

.checkbox_custom__54WJT {

    display: flex;

    gap: 10px;

    position: relative;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

}

.fw-normal {

    font-weight: 400;

}

.checkbox_custom__54WJT input[type=checkbox] {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}

.checkbox_custom__54WJT .checkbox_box__kMGrn {

    position: relative;

    top: 0;

    left: 0;

    height: 20px;

    aspect-ratio: 1;

    border: 1px solid #000;

    border-radius: 4.5px;

    transition: all .25s;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: transparent;

}

.checkbox_custom__54WJT .checkbox_box__kMGrn .checkbox_svg__lBY9f {

    opacity: 0;

}

.checkbox_custom__54WJT input:checked+.checkbox_box__kMGrn {

    background-color: #96f0b6;

    border: 1px solid #96f0b6;

    border-radius: 4.5px;

}

.checkbox_custom__54WJT input:checked+.checkbox_box__kMGrn .checkbox_svg__lBY9f {

    opacity: 1;

}



.basicscontent_line__4lECB {

    height: 1px;

    width: 100%;

    background-color: rgba(16, 16, 24, .12);

}

.textfield_container__451oD {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    position: relative;

    width: 100%;

}

.textfield_container__451oD input[type=text] {

    float: left;

    clear: left;

    width: inherit;

    height: 70px;

    padding: 22px 20px 21px;

    border-radius: 15px;

    outline: none;

    border: 1px solid rgba(16, 16, 24, .12);

    line-height: 150%;

    transition: border .25s ease, height .25s ease;

}

.textfield_container__451oD label {

    opacity: 0;

    position: absolute;

    top: 14px;

    left: 20px;

    line-height: 120%;

    color: rgba(16, 16, 24, .6);

}

.textfield_container__451oD input[type=text]:focus+label, .textfield_container__451oD input[type=text]:not(:placeholder-shown)+label {

    opacity: 1;

}

.textfield_container__451oD input[type=text]:focus:not(:focus-visible) {

    border-color: rgba(16, 16, 24, .12);

}

.textfield_container__451oD input[type=text] ::placeholder {

    color: rgba(16,16,24,.6)

}

.textfield_container__451oD input[type=text]:focus::placeholder {

    color: transparent

}

.textarea_container__kSB0F textarea:focus::placeholder {

    color: transparent

}

.textfield_container__451oD input[type=text]:not(:placeholder-shown) {

    padding: 32px 20px 11px !important;

}

span.size-6.fw-normal.line-150 {

    font-size: 20px;

    font-weight: 600 !important;

    color: #000;

}

.textarea_container__kSB0F label:has(+textarea:focus),.textarea_container__kSB0F label:has(+textarea:not(:placeholder-shown)) {

    opacity: 1

}



.col-md-7.text-start.begin-lts-left {

    padding-right: 80px;

}

.basicscontent_container__lFhup {

    margin-top: 50px;

}

.file_container__ULHd7 button p {

    width: 10px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    flex-basis: calc(100% - 30px);

    flex-grow: 0;

    flex-shrink: 1;

}

.file_container__ULHd7 button i {

    flex-basis: 30px;

    flex-grow: 0;

    flex-shrink: 0;

    height: 30px;

    aspect-ratio: 1;

    background-color: #000;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

}

.file_container__ULHd7 button {

    cursor: pointer;

    transition: all .25s ease;

    max-height: 70px;

    width: 100%;

    padding: 22px 20px 21px;

    border-radius: 20px;

    background: #96f0b6;

    outline: 1px solid transparent;

    border: 1px solid rgba(16, 16, 24, .12);

    display: flex;

    color: #000;

    align-items: center;

    position: relative;

    outline: unset;

    letter-spacing: .01em;

    line-height: 150%;

    text-align: start;

    font-size: 1rem;

}





.variants {

    display: flex;

    justify-content: center;

    align-items: center;

  }

  

  .variants > div {

    margin-right: 5px;

  }

  

  .variants > div:last-of-type {

    margin-right: 0;

  }

  

  .file {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  

  .file > input[type='file'] {

    display: none

  }

  

  .file > label {

    font-size: 1rem;

    font-weight: 300;

    cursor: pointer;

    outline: 0;

    user-select: none;

    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);

    border-style: solid;

    border-radius: 4px;

    border-width: 1px;

    background-color: hsl(0, 0%, 100%);

    color: hsl(0, 0%, 29%);

    padding-left: 16px;

    padding-right: 16px;

    padding-top: 16px;

    padding-bottom: 16px;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  

  .file > label:hover {

    border-color: hsl(0, 0%, 21%);

  }

  

  .file > label:active {

    background-color: hsl(0, 0%, 96%);

  }

  

  .file > label > i {

    background: #000;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    padding: 4px 8px;

  }

  

  .file--upload > label {

    cursor: pointer;

    transition: all .25s ease;

    max-height: 70px;

    width: 100%;

    padding: 22px 20px 21px;

    border-radius: 20px;

    background: #96f0b6;

    outline: 1px solid transparent;

    border: 1px solid rgba(16, 16, 24, .12);

    display: flex;

    color: #000;

    align-items: center;

    position: relative;

    outline: unset;

    letter-spacing: .01em;

    line-height: 150%;

    text-align: start;

    font-size: 1rem;

    justify-content: space-between;

    font-size: 20px;

    font-weight: 500;

    line-height: 18px;

  }

  

  .file--upload > label:hover {

    border-color: hsl(204, 86%, 53%);

    background-color: hsl(204, 86%, 96%);

  }

  

  .file--upload > label:active {

    background-color: hsl(204, 86%, 91%);

  }

  

  .file--uploading > label {

    color: hsl(48, 100%, 67%);

    border-color: hsl(48, 100%, 67%);

  }

  

  .file--uploading > label > i {

    animation: pulse 5s infinite;

  }

  

  .file--uploading > label:hover {

    border-color: hsl(48, 100%, 67%);

    background-color: hsl(48, 100%, 96%);

  }

  

  .file--uploading > label:active {

    background-color: hsl(48, 100%, 91%);

  }

  

  .file--success > label {

    color: hsl(141, 71%, 48%);

    border-color: hsl(141, 71%, 48%);

  }

  

  .file--success > label:hover {

    border-color: hsl(141, 71%, 48%);

    background-color: hsl(141, 71%, 96%);

  }

  

  .file--success > label:active {

    background-color: hsl(141, 71%, 91%);

  }

  

  .file--danger > label {

    color: hsl(348, 100%, 61%);

    border-color: hsl(348, 100%, 61%);

  }

  

  .file--danger > label:hover {

    border-color: hsl(348, 100%, 61%);

    background-color: hsl(348, 100%, 96%);

  }

  

  .file--danger > label:active {

    background-color: hsl(348, 100%, 91%);

  }

  

  .file--disabled {

    cursor: not-allowed;

  }

  

  .file--disabled > label {

    border-color: #e6e7ef;

    color: #e6e7ef;

    pointer-events: none;

  }

  

  @keyframes pulse {

    0% {

      color: hsl(48, 100%, 67%);

    }

    50% {

      color: hsl(48, 100%, 38%);

    }

    100% {

      color: hsl(48, 100%, 67%);

    }

  }







  .diversitycontent_actions__6sbqn {

    margin-top: 30px;

}

  .buttons_filled__uuK0X {

    text-decoration: none;

    background-color: #191414;

    border-radius: 100px;

    border: 1px solid transparent;

    padding: 12px 35px;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    border-radius: 8px;

  }



























@media (min-width: 1400px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

        max-width: 1250px !important;

    }

}



@media (max-width: 767px) {



    /* ----------------------------Home----------------------------- */

    #Footer.is-active .bear-hand-img {

        transform: translate(0%, -100%) !important;

    }

    body.home {

        /* overflow-x: hidden !important; */

    }
    .homepage-slider h4.title.text_dark {
        margin-bottom: 5px;
    }
    .homepage-slider__articles article {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .homepage-slider__articles p {
        font-size: 16px;
    }
    article#homepage-slider__article-1 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
   .banner #MuteButton {

        position: absolute;

        top: 70px;

        right: 25px;

        background: rgba(0, 0, 0, .5);

        border: 2px solid #fff;

        color: #fff;

        z-index: 5;

        font-size: 2rem;

        border-radius: 2rem;

        width: 4rem;

        height: 4rem;

        line-height: 3.5rem;

        text-align: center;

        z-index: 9999;

        border-radius: 50%;

        text-decoration: none;

    }

    #MuteButton.muted::before {
        /* content: '🔇'; */
        background-image: url(../img/music1.png);
        content: "";
        width: 20px !important;
        height: 20px !important;
        position: absolute;
        left: 9px !important;
        right: 0;
        z-index: 999;
        background-size: 100%;
        top: 8px !important;
        background-repeat: no-repeat !important;
    }
    #MuteButton::before {
        /* content: '🔈'; */
        background-image: url(../img/music2.png);
        content: "";
        width: 20px !important;
        height: 20px !important;
        position: absolute;
        left: 9px !important;
        right: 0;
        z-index: 999;
        background-size: 100%;
        top: 8px !important;
        background-repeat: no-repeat !important;
    }

    video {

        border-radius: 15px !important;

        height: auto !important;

    }

    .meets-text {

        height: 20vh;

    }

    .pt-md-120, .py-md-120 {

        padding-top: 2rem !important;

    }

    .testimonial-sec {

        margin-top: 0;

    }

    .col-md-6.text-start.glob-img img {

        width: 100%;

    }

    .footer-text img {

        width: 100%;

    }

    .g2-badges-wrap img.lazyloaded {

        width: 85%;

        height: auto;

    }

   .footer-white-btn {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

        transform: translate(0, -20%) rotate(0deg);

        z-index: 10;

        height: 100px;

        width: 100px;

        transform-origin: center;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #ffe54dbd;

        font-weight: 900;

        border-radius: 50%;

    } 

    .footer-white-btn span:before {

        content: '';

        position: absolute;

        background: #00000000;

        height: 115px;

        width: 115px;

        z-index: -999999;

        transition: .3s;

        border-radius: 100%;

        border: 2px solid #FFE54D;

        box-shadow: 0px 0px 30px 0px #FFEB3B;

    }

    .fist-bump-section {

        position: absolute;

        display: flex;

        bottom: 10px;

        left: 0;

        right: 0;

        align-items: center;

        justify-content: center;

        top: 260px !important;

        display: none;

    }

    .footer-text-section {

        height: 100%;

    }

    .growing-sec h3 {

        font-size: 24px !important;

        line-height: 40px !important;
        z-index: 999;
        position: relative;

    }
    .growing-sec h4.title.text_dark {
        margin-bottom: 100px;
        position: relative;
        z-index: 99;
    }
    .growing-sec li img {

        width: 30px !important;

    }

    .growing-sec.cl-dark.section-padding-05 {

        height: auto !important;

        padding-top: 0 !important;

        margin-top: 0 !important;

        margin-bottom: 20px !important;

    }

    .growing-sec .row.text-center.align-items-center {

        padding-top: 0 !important;
        height: auto !important;

    }

    #Footer.is-active a.footer-white-btn {

        opacity: 1 !important;

        transition-delay: .5s;

    }

    footer#Footer {

        min-height: 200px;

        display: flex;

        flex-direction: column;

        color: #fff;

        position: relative;

    }

    /* img.lazyloaded {

        width: 80%;

        height: auto;

    } */

    .g2-badges-wrap li {

        list-style: none;

        padding: 0 0;

    }

    .banner {

        padding: 0 10px;

        padding-top: 65px !important;

    }

    .header-logo img {

        width: 140px;

    }

    .right-part img {

        position: absolute;

        right: 0%;

        top: -40%;

        z-index: 9;

        width: 70%;

        bottom: -50px !important;

        top: inherit;

    }

    .newsletter-title a {

        padding: 10px 30px;

        margin-left: 30px;

    }

    .newsletter-title h4.title {

        padding: 50px 0 0 30px;

        padding-left: 0;

        text-align: center;

        padding: 40px 10px 15px;

    }



    section.homepage-slider.pb-60.pt-sm-60.pb-md-20.pt-md-120 {

        padding-top: 2rem !important;

    }



    .bear-hand-img, .hooman-hand-img {

        transition: 1s;

        z-index: 0;

        width: 50vw;

        height: 100%;

    }

    .bear-hand-img {

        transform: translate(-30%, -100%);

    }

    .hooman-hand-img {

        transform: translate(30%, -100%);

    }

    #Footer.is-active .hooman-hand-img {

        transform: translate(0%, -100%);

    }

    #Footer.is-active .bear-hand-img {

        transform: translate(0%, -100%) !important;

    }





    .newsletter {

        margin-top: 0px;

                display: block;

    }

    .middle-bt h5 {

        margin-bottom: 15px;

        margin-top: 15px;

    }

    #Footer .footer_action {

        margin-top: 70px;

    }

    /* .fist-bump-section {

        display: none;

    } */

    .meets-text .text {

        font-size: 10vw;

        color: #000;

    }

    .questions .owl-nav {

        display: none;

    }

    .row>* {

        padding-right: 15px !important;

        padding-left: 15px !important;

    }

    .footer-contact, .footer-text-section {

        padding: 0 4vw;

    }

    .glob-img canvas#rotatingGlobe {

        width: 100%;

        height: 100%;

        margin-left: 0;

    }

    .glob-img img.glob-after {

        width: 100% !important;

        left: 0;

        right: 0;

    }

    .col-md-6.text-start.glob-img {

        /* margin-left: 0px;

        margin-bottom: -50px;

        padding-right: 0 !important; */

    }

    .contact-banner .col-md-7 h2 {
        font-size: 40px !important;
        line-height: 40px !important;
        margin-top: 20px !important;
    }

    /* ----------------------------Inatix----------------------------- */

    .backed-best .item img {

        height: 50px;

    }

    section.genwin-banner.banner h2 {

        font-size: 25px;

    }

    section.genwin-banner.banner br {

        display: none;

    }

    .banner h2 {

        font-size: 30px;

    }

    .banner .know-more {

        font-size: 16px !important;

        padding: 12px 25px;

    }

    section.inatix-banner.banner .col-md-5 img.w-100 {

        /* display: none; */

        margin-bottom: 20px;

    }

    .text-box h4 {

        font-size: 21px;

    }

    .targeting-unlocked.boost .row p {

        margin-top: 0;

        margin-bottom: 1rem;

        font-size: 16px;

        color: #000000;

        width: 100%;

    }

    .targeting-unlocked.boost h4.title.text_dark.text-center {

        font-size: 25px;

        margin-bottom: 30px;

    }

    .targeting-unlocked.boost .title {

        margin-bottom: 15px;

    }

    .inatix-banner.banner img.mb-4 {

        width: 50%;

    }

    .inatix-banner::after {

        background-image: url(../img/inatix/in-x.png);

        content: "";

        position: absolute;

        height: 20%;

        width: 70px;

        background-repeat: no-repeat;

        top: 10%;

        background-size: 100%;

        right: 6%;

        display: none;

    }

    

    section.inatix-banner.banner {

        padding-top: 55px !important;

    }

    .targeting-unlocked.boost .row {

        padding: 0px 0 30px;

    }

    .targeting-unlocked .row p {

        width: 100%;

    }

    .text-box {

        width: 100%;

    }

    .targeting-unlocked .row img {

        width: 100%;

        margin-bottom: 20px;

    }

    .sv-back {

        background-position: right;

    }

    .col-md-5.text-center.pillars h4 {

        font-size: 28px;

    }

    .targeting-unlocked.services-mn .row img {

        background-color: #00000030;

        margin-top: 20px;

    }

    .targeting-unlocked .row {

        padding: 10px 0;

    }

    .newsletter-two a {

        margin-left: 0;

    }

    .newsletter-two {

        margin-bottom: 60px;

    }

    .footer-start p {

        width: 100% !important;

    }

    .targeting-unlocked.boost {

        padding-bottom: 0;

    }





    /* ----------------------------Bidcounty----------------------------- */

    .impactful h3.h-c-headline.h-c-headline--one.h-has-bottom-margin {

        font-size: 23px;

        margin-top: 20px;

    }

    .impactful .accordion-body {

        padding: 20px 0px !important;

        font-size: 16px;

    }

    .bidcounty-banner h2 {

        font-size: 25px;

        line-height: 30px;

        padding: 0 0;

    }

    .bidcounty-banner .know-more {

        margin-bottom: 20px;

    }

    .accordion-body img {

        width: 100%;

    }

    .bidcounty-banner.banner {

        padding: 0 10px;

        padding-top: 75px !important;

        padding-bottom: 20px !important;

    }

    .accordion-banner.banner .col-md-8 img.mb-4 {

        width: 50%;

    }

    section.bidcounty-banner.banner img.mb-4 {

        width: 80%;

    }

    .first-campaign .accordion-item p {

        display: none;

    }



    .first-campaign .accordion-item:nth-child(3) h2 {

        top: 86px;

        border-radius: 0px 0px 10px 10px;

    }

    .first-campaign .accordion-item:nth-child(2) h2 {

        top: 46px;

    }

    .first-campaign .accordion-header {

        margin-bottom: 0;

        position: absolute;

        top: 7px;

        background: inherit;

        padding: 0;

        width: 40px;

        left: 20px;

        box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

    }

    .first-campaign span.d-flex img {

        width: 40px;

        height: 40px;

        position: absolute;

        top: 8px;

    }

    .accordion-button {

        padding: 0 !important;

    }





    .expert-solutions .nav-link {

        padding: 9px 12px !important;

        background: #E9EEFF !important;

        box-shadow: none;

        border-radius: 10px !important;

        font-size: 13px !important;

        border: none;

        font-weight: 500 !important;

        margin-left: 15px;

        margin-bottom: 10px;

    }

    .expert-solutions ul#pills-tab {

        margin: -5px 0 0px !important;

        padding: 12px;

        box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

        background: #fff;

        border-radius: 10px;

        display: inline-flex;

        text-align: center;

        justify-content: center;

    }

    .pills-box h3 {

        text-align: left;

        padding: 0;

        margin-top: 30px;

        font-size: 24px;

        margin-bottom: 10px !important;

        padding: 0 0px;

    }

    .pills-box p {

        font-size: 16px;

        text-align: left;

        color: #000;

        padding: 0 0px;

    }

    .testimonial-logo {

        padding: 50px 0;

    }

    .testimonial-logo .owl-carousel .owl-item img {

        display: block;

        height: auto;

        width: 100%;

        margin-top: 11px;

        border-radius: 10px 10px 0 0;

        margin-bottom: 10px;

    }

    .testimonial-logo .success-stories-slider__item-body {

        padding: 0 20px !important;

    }





/* ------------------------------------Opsis----------------------------------------- */

span.mn {

    font-size: 20px !important;

    font-weight: 800;

    color: #000;

    line-height: 25px !important;

    height: 30px !important;

    margin-bottom: 8px;

}

.cpl .press-author h3 {

    margin-bottom: 0;

    font-size: 20px;

    padding-bottom: 0;

}

.performance-content__count.is-visible {

    font-size: 20px !important;

    font-weight: 800;

    color: #000;

    height: 30px !important;

}

.performance-content__text.font-18 {

    font-size: 18px;

    color: #000;

    text-align: center;

    line-height: 20px;

    padding: 0 15px;

}

    .opsis-banner .col-md-6 img.mb-4 {

        width: 60%;

    }

    .our-story .owl-nav {

        display: none;

    }

    .our-story.opsis .item-box h3 {

        font-size: 20px;

        color: #000000;

        font-weight: 500;

    }

    .our-story.opsis .item-box p {

        font-size: 20px;

        color: #000000;

        font-weight: 300;

        padding-right: 0;

        min-height: 172px;

    }

    .btn-demo a {

        padding: 8px 28px;

    }

    .mobsis h3 {

        margin-bottom: 20px;

    }

    .mobsis-left h4 {

        background-image: url(../img/opsis/right.png);

        background-repeat: no-repeat;

        background-size: 26px;

        background-position-x: left;

        background-position-y: center;

        font-size: 23px;

        color: #000;

        font-weight: 600;

        padding-left: 35px;

        text-align: left;

    }

    .mobsis-right h4, .mobsis-left h4 {

        background-image: url(../img/opsis/right.png);

        background-repeat: no-repeat;

        background-size: 24px;

        background-position-x: left;

        background-position-y: center;

        font-size: 20px;

        color: #000;

        font-weight: 600;

        padding-left: 34px;

    }

    .re-targeting h3 {

        margin-top: 10px;

        margin-bottom: 30px !important;

    }

    .mobsis-left .mob-text {

        text-align: left;

    }

    .mobsis .col-md-4.text-start img {

        display: none;

    }

    .re-targeting .tab-content>.tab-pane {

        padding: 2px 5px 6px;

        border-radius: 10px;

        margin-top: 20px;

    }

    .re-targeting .tab-content .pills-box {

        border-radius: 10px;

        padding: 0px 5px;

    }





    #web .owl-carousel.owl-carousel-three.owl-theme.owl-loaded.owl-drag {

        background-repeat: no-repeat;

        background-size: 113%;

        padding-top: 25px !important;

        padding: 30px 0px 0;

        padding-bottom: 0px;

        width: 100%;

        margin: 0 auto;

        background-position-x: center;

        background-position-y: 62%;

        height: 240px;

    }

    .col-md-4.asyn-img {

        display: none;

    }

    h3.cps {

        margin-top: 0;

        z-index: 999;

        position: absolute;

        left: 0;

        right: 0;

    }

    #web .owl-carousel.owl-carousel-three .press {

        padding: 20px;

        margin-top: 0;

    }

    #web .owl-carousel ul {

        display: inline-block;

        margin-top: -20px;

        margin-left: -30px;

    }

    #web h3 {

        font-size: 20px;

        color: #fff;

        font-weight: 500;

    }

    #web {

        background-position-x: center;

        padding-top: 40px;

    }

    #web .owl-carousel li {

        list-style: none;

    }

    #web .owl-carousel .owl-item img {

        display: none;

        width: 100px;

        text-align: center;

        margin: 0 auto;

    }

.top-performance {

        margin-bottom: 40px;

    }

    section.cpl.cl-dark.section-padding-05 {

        padding-bottom: 0;

    }



    section.inatix-banner.banner h2 {

        font-size: 30px;

        font-weight: 500;

        margin-bottom: 5px;

    }

    .targeting-unlocked.bid-county .row p {

        font-size: 16px;

        width: 100%;

    }

/* -----------------------------------Genwin------------------------------------ */

.genwin-banner .col-md-7 img.mb-4 {

    width: 150px;

}

.expert-solutions img {

    width: 100%;

}

.expert-solutions ul#pills-tab {

    margin-bottom: 20px !important;

}

.categories .feature-item {

    padding: 10px 20px;

    min-height: 280px;

}

.genwin-banner::after {

    background-image: url(../img/genwin/g.png);

    content: "";

    position: absolute;

    height: 20%;

    width: 90px;

    background-repeat: no-repeat;

    top: 10%;

    background-size: 100%;

    right: 0px;

}

.fs-subtitle {

    font-weight: 600;

    font-size: 31px;

    color: #171717;

    margin-bottom: 15px;

    text-align: left;

    margin-top: 10px !important;

}

#msform fieldset {

    padding: 20px 15px;

}

#msform input, #msform textarea, #msform select {

    padding: 10px;

    border: 0.5px solid #979797;

    border-radius: 10px;

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0px 0px 1px #000000cf;

    font-size: 15px;

    color: #171717;

    margin-bottom: 10px;

}

.genwin-banner::before {

    display: none;

}

.genwin-banner::after {

    display: none;

}

.genwin-banner {

    padding-bottom: 40px !important;

}

.homepage-slider__articles article {

    padding-bottom: 0;

}

.genwin-slider h3 {

    font-size: 20px;

    font-weight: 600;

    color: #000;

    margin-bottom: 20px;

}

.genwin-slider .homepage-slider__articles article img {

    height: auto;

    width: 100%;

}

.genwin-slider .homepage-slider__articles article {

    padding-bottom: 0;

}



/* -------------------------------------------apple-search--------------------------------------------- */







.journey .re-targeting img.w-75 {

    margin-bottom: 20px;

}



.journey {

    padding-bottom: 1px;

    margin-bottom: 40px;

}

.holistic .container-full {

    padding: 40px 0;

}

.all_highlights img.logo-back {

    position: absolute;

    left: 0;

    right: 0;

    left: 10%;

    width: 80%;

    top: 49%;

}

img.logo-back {

    width: 100%;

    margin-top: 0;

}

.holistic-logo img {

    width: 40%;

    margin-top: 0px;

}

.holistic img.adc-logo {

    width: 90px;

}

.holistic .container-full {

    padding: 40px 0 0;

    border-radius: 20px;

    margin-bottom: 30px;

}

.holistic-logo {

    padding: 30px 0 10px;

}

.appl-banner {

    background-size: cover;

    background-position-x: 69%;

    padding-bottom: 25px;

}

.appl-banner.banner h3 {

    font-size: 25px;

    font-weight: 400;

    margin-bottom: 10px;

}

.journey h3 {

    font-size: 27px;

    margin: 0px 0 0 !important;

    font-weight: 600;

    color: #000;

}

.journey p {

    margin-bottom: 30px;

}

.journey {

    overflow-x: hidden;

}

/* ------------------------------------advertisers------------------------------------ */

.banner-two {

    padding: 80px 0 0px;

}

.banner-two img {

    width: auto;

    height: 30px;

}

.banner-two h2 {

    font-size: 43px;

}

.arrow-down {

    display: none;

}

.arrow-container {

    display: none;

}

.btn-more {

    position: absolute;

    bottom: 0%;

    left: 15%;

    top: 30%;

    left: 4%;

}

.banner-two .primary_dark_btn {

    background: #000 !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    color: #fff !important;

    padding: 9px 15px;

    border-radius: 0;

    margin-bottom: 10px;

    border: none;

    text-decoration: none !important;

    line-height: 25px !important;

    margin-top: -50px;

}

.ai-banner .container-full {

    background-image: url(../img/advertisers/ai-bg.png);

    text-align: center;

    padding: 20px 0;

    background-size: cover;

    background-repeat: no-repeat;

    border-radius: 10px;

}

.ai-banner img {

    width: 100%;

}

section.backed-best.cl-dark.section-padding-05 {

    padding-bottom: 0;

}





/* ------------------------------------publisher------------------------------------ */

.publisher-banner::after {

    display: none;

}

section.publisher-banner.banner {

    padding: 100px 10px 50px !important;

    height: auto;

}

.slide-box {

    background: #fff url(../img/publisher/box-bg.png);

    width: 90%;

    height: 320px;

    border-radius: 20px;

    margin: 0 auto;

    padding: 30px 20px;

    margin-top: 0;

    background-size: contain;

    background-repeat: no-repeat;

}

.slide {

    background-image: none !important;

}

#slides::after {

    display: none;

}

#slider {

    margin: 0;

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: relative;

    text-align: center;

    height: 45vh;

    padding-top: 10px;

}

.feature-item {

    background: #fff;

    padding: 10px 10px 40px;

    text-align: center;

    position: relative;

    transition: .5s;

    border-radius: 8px;

    margin-bottom: 30px;

    min-height: auto;

}



/* ------------------------------------About Us------------------------------------ */

.about-banner p {

    font-size: 23px;

}

.text.we-are {

    position: absolute;

    width: 60%;

    left: 100%;

    margin-left: -225px;

    height: 40px;

    top: 15%;

    margin-top: -20px;

}

.text.we-are {

    margin-top: -20px;

}

.item-box p {

    font-size: 16px;

    color: #fff;

    font-weight: 300;

    padding-right: 0;

    min-height: 112px;

}

.item-box h3 {

    font-size: 40px;

    color: #fff;

    font-weight: 500;

}

.our-story.cl-dark.section-padding-05 {

    padding-bottom: 0;

}

.meet-the-team .rot img.rotate2 {

    width: 70px !important;

    height: auto !important;

}

.meet-the-team .owl-stage {

    padding: 20px 0 0px;

}

.meet-the-team .owl-item:nth-child(odd) {

    margin-top: 0;

}

.press {

    padding: 20px 0;

}

.slide-mor h1.big-title {

    font-size: 0px;

}

.slide-mor h1.big-title {

    font-size: 0px;

}

.slide-mor h1.big-title {

    font-size: 0px;

}

.slide-mor img {

    /* width: 100%; */

    height: 190px !important;

}

.awards h3 {

    position: absolute;

    bottom: 5%;

    right: 0%;

    width: 200px;

    font-size: 17px;

    color: #fff;

    font-weight: 300;

    line-height: 23px;

}

.footer.footer-three {

    background: #000;

    padding-top: 50px;

}





/* -------------------------------------------Career------------------------------------- */

.career-banner h2 {

    font-size: 60px;

    color: #ffffff;

    font-weight: 800;

    text-shadow: 1px 1px 11px rgb(0 0 0);

    line-height: 30px;

    margin-top: 5px;

    font-size: 25px !important;

}

.career-banner .know-more {

    font-size: 15px !important;

    padding: 10px 25px;

}

.life.cl-dark.section-padding-05 {

    margin-top: 0;

}

.life.cl-dark.section-padding-05 img.mt-5 {

    width: 100%;

}

.mission .accordion-body {

    padding: 1rem 1.25rem;

    padding: 20px 20px !important;

}

.mission .accordion-body .col-md-7 {

    padding: 20px 0px 20px 70px;

}



.open-box {

    padding: 30px 30px 20px;

}

.open-box-top {

    display: block;

}

.open-box-top-l {

    display: block;

}

.open-box-bt {

    display: block;

}

.open-box-bt ul {

    display: block;

    padding: 0;

}

.open-box-bt-r li {

    margin-left: 0;

}



section.open-positions.cl-dark.section-padding-05 {

    padding: 0;

}

.adcountians .testimonial p {

    font-size: 16px;

    color: #000000;

    font-weight: 400;

    margin-top: 0;

    display: ruby;

    text-align: left !important;

    line-height: 35px;

}

.adcountians .testimonial-author .name {

    font-size: 20px;

}

.adcountians .testimonial-author .des {

    font-size: 14px;

}

.adcountians .owl-carousel .owl-item img {

    width: 65px !important;

}

section.adcountians.cl-dark.section-padding-05 {

    padding-top: 10px;

}

.newsletter-career {

    margin-bottom: 100px;

}





/* ----------------------------------------apply-now-------------------------------------- */



.singlejob_left__TV5G_ {

    position: inherit;

    width: 100%;

}

section.apply-banner.banner {

    height: auto;

    margin-bottom: 50px;

}

.apply-banner.banner h2 {

    font-size: 30px;

    font-weight: 600;

    padding-left: 0;

    padding-top: 0;

    padding: 15px 15px;

}

.apply-banner .col-md-6.right {

    padding: 7px !important;

}

.singlejob_introText__5cBwM span {

    font-size: 15px !important;

    text-align: left !important;

}

p.ma-0.size-6.size-7-mobile.line-150 {

    font-size: 17px;

    margin-top: -17px;

}

.row.link-light-bg p {

    font-size: 15px;

    color: #888888;

    margin-top: 13px;

}

section.begin-lts.bid-county.cl-dark.section-padding-05 {

    padding-top: 0;

}

.col-md-7.text-start.begin-lts-left {

    padding-top: 30px;

}



/* -----------------------------------------Services----------------------------------------- */

.services-mn.section-padding-05 .row {

    padding: 2px 0;

}

.col-md-5.text-center.pillars {

    padding-top: 0px;

}

.col-md-12.ai-brains.text-center h2 {

    font-size: 30px;

}

.services-mn .row p {

    font-size: 16px;

}





/* ------------------------------------------------Invester-------------------------------------------------- */



.sticky-nav-tabs, .spa-slide {

    padding: 0 1em !important;

}



.investors-banner .container-full {

    min-height: 100px !important;

}

.spa-slide h1 {

    font-size: 20px !important;

    margin-top: 30px !important;

    margin-bottom: 0px !important;

}

.sticky-nav-tabs, .spa-slide {

    height: auto !important;

}

.sticky-nav-tabs-container {

    display: none !important;

}

.li-custom a {

    font-size: 16px;

}

main.spa-main {

    margin-bottom: 0 !important;

}



}





@media (min-width: 500px) and (max-width: 991px) { 

    .meets-text .text {

        font-size: 45px !important;

        color: #000 !important;

    } 



}

@media (min-width: 767px) and (max-width: 991px) { 

    .meets-text .text {

        font-size: 65px !important;

        color: #000 !important;

    } 

/* ------------------------------------Opsis----------------------------------------- */

.opsis-banner .col-md-6 img.mb-4 {

    width: 170px;

}

.our-story .owl-nav {

    position: absolute;

    top: -33%;

    right: 0;

}

.our-story.opsis .item-box h3 {

    font-size: 35px;

}

.mobsis .col-md-4.text-start img {

    width: 100%;

}

.mobsis-left h4 {

    background-image: url(../img/opsis/right.png);

    background-repeat: no-repeat;

    background-size: 22px;

    background-position-x: right;

    background-position-y: center;

    font-size: 19px;

    color: #000;

    font-weight: 600;

    padding-right: 30px;

}

.mobsis-right h4 {

    background-image: url(../img/opsis/right.png);

    background-repeat: no-repeat;

    background-size: 22px;

    font-size: 19px;

    padding-right: 30px;

}

.mobsis-left p, .mobsis-right p {

    font-size: 14px;

}

#web .owl-carousel.owl-carousel-three.owl-theme.owl-loaded.owl-drag {

    background-image: url(../img/opsis/lp.png);

    width: 720px;

}

#web .owl-carousel li {

    font-size: 13px;

}

.cpl {

    margin-bottom: 50px;

}



/* -----------------------------------Genwin------------------------------------ */

.genwin-banner .col-md-7 img.mb-4 {

    width: 150px;

}

.expert-solutions img {

    width: 100%;

}

.expert-solutions ul#pills-tab {

    margin-bottom: 20px !important;

}

.categories .feature-item {

    padding: 10px 20px;

    min-height: 280px;

}

.genwin-banner::after {

    background-image: url(../img/genwin/g.png);

    content: "";

    position: absolute;

    height: 20%;

    width: 90px;

    background-repeat: no-repeat;

    top: 10%;

    background-size: 100%;

    right: 0px;

}

.fs-subtitle {

    font-weight: 600;

    font-size: 31px;

    color: #171717;

    margin-bottom: 15px;

    text-align: left;

    margin-top: 10px !important;

}

#msform fieldset {

    padding: 20px 15px;

}

#msform input, #msform textarea, #msform select {

    padding: 10px;

    border: 0.5px solid #979797;

    border-radius: 10px;

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0px 0px 1px #000000cf;

    font-size: 15px;

    color: #171717;

    margin-bottom: 10px;

}

.genwin-banner {

    padding-bottom: 40px !important;

}

.homepage-slider__articles article {

    padding-bottom: 0;

}

.genwin-slider h3 {

    font-size: 20px;

    font-weight: 600;

    color: #000;

    margin-bottom: 20px;

}

.genwin-slider .homepage-slider__articles article img {

    height: auto;

    width: 100%;

}

.genwin-slider .homepage-slider__articles article {

    padding-bottom: 0;

}





/* ------------------------------------apple-search------------------------------------ */

.appl-banner.banner {

    padding-top: 100px !important;

    padding-bottom: 10px;

}







.holistic .container-full {

    padding: 40px 0;

    border-radius: 20px;

    margin-bottom: 30px;

}

.holistic-logo {

    padding: 120px 0 10px;

}

.holistic .container-full {

    padding-bottom: 170px !important;

}

.adc-logo {

    width: 30%;

    margin-top: -90px;

}

/* ------------------------------------advertisers------------------------------------ */

.banner-two h2 {

    font-size: 105px;

    color: #000;

    font-weight: 600;

    text-align: right;

}

.banner-two {

    background-image: url(../img/advertisers/banner-two.png);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 60px 0 30px;

}

.banner-two img {

    height: 60px;

}

.arrow-container {

    display: none;

}

.btn-more {

    position: absolute;

    top: 60%;

    left: 8%;

}

.ai-banner img {

    width: 100%;

}

/* ------------------------------------publisher------------------------------------ */

.publisher-banner {

    height: 55vh;

}

.publisher-banner::after {

    background-image: url(../img/publisher/publisher-banner-l.png);

    content: "";

    position: absolute;

    height: 100%;

    width: 390px;

    background-repeat: no-repeat;

    top: 0;

    background-size: 100%;

    right: 0;

}

#slides::after {

    width: 80px;

    left: 45%;

    bottom: -13%;

}

.slide-box {

    margin-top: 20px;

}

#slider {

    height: 63vh;

}

.newsletter-two .right-part {

    margin-bottom: 20px;

}



/* ------------------------------------About Us------------------------------------ */

.text.we-are {

    position: absolute;

    width: 60%;

    left: 50%;

    margin-left: -225px;

    height: 40px;

    top: 20%;

    margin-top: -20px;

}

.slide-mor img.xm-img.lazy {

    width: 100%;

}

.about-banner p {

    font-size: 65px;

}



/* -------------------------------------------Career------------------------------------- */



.career-banner h2 {

    margin-top: 160px;

    font-size: 30px !important;

    line-height: 42px;

}

.life.cl-dark.section-padding-05 {

    margin-top: 0;

}

.life.cl-dark.section-padding-05 img.mt-5 {

    width: 100%;

}

.open-box-bt-l p {

    text-align: left;

}

.open-box-bt ul {

    display: block;

    text-align: left;

}

.adcountians .testimonial p {

    font-size: 24px;

    line-height: 45px;

}



/* ----------------------------------------apply-now-------------------------------------- */



.singlejob_left__TV5G_ {

    background-repeat: no-repeat;

    background-size: cover;

}

.singlejob_introText__5cBwM span {

    font-size: 16px !important;

    text-align: left !important;

    line-height: 18px !important;

}

.row.link-light-bg p {

    font-size: 16px;

}

p.ma-0.size-6.size-7-mobile.line-150 {

    font-size: 20px;

}

.apply-banner.banner h2 {

    font-size: 50px;

}

/* -----------------------------------------Services----------------------------------------- */

.services-mn.section-padding-05 .row {

    padding: 2px 0;

}

.col-md-5.text-center.pillars {

    padding-top: 40px;

}

.col-md-12.ai-brains.text-center h2 {

    font-size: 45px;

}









/* ------------------------------------------------Invester-------------------------------------------------- */



.sticky-nav-tabs-container--top-first {

    position: fixed;

    top: 56px !important;

}

.sticky-nav-tabs-container--top-second {

    position: fixed;

    top: 55px !important;

}

.sticky-nav-tabs-container .sticky-nav-tab {

    font-size: 12px !important;

}

}





@media (min-width: 768px) and (max-width: 1023px) { 

    .homepage-slider__articles.col-md-6.text-center.text-md-left.pt-md-30 {

        text-align: left !important;

    }

    .meets-text {

        height: 50vh;

    }

    .pt-md-120, .py-md-120 {

        padding-top: 2rem !important;

    }

    .testimonial-sec {

        margin-top: 0;

    }

    .col-md-6.text-start.glob-img img {

        width: 100%;

    }

    .footer-text img {

        width: 100%;

    }

    img.lazyloaded {

        width: 50%;

        height: auto;

    }

    .g2-badges-wrap img.lazyloaded {

        width: 50%;

        height: auto;

    }

   .footer-white-btn {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

        transform: translate(0, -20%) rotate(0deg);

        z-index: 10;

        height: 100px;

        width: 100px;

        transform-origin: center;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #ffe54dbd;

        font-weight: 900;

        border-radius: 50%;

    } 

    .footer-white-btn span:before {

        content: '';

        position: absolute;

        background: #00000000;

        height: 115px;

        width: 115px;

        z-index: -999999;

        transition: .3s;

        border-radius: 100%;

        border: 2px solid #FFE54D;

        box-shadow: 0px 0px 30px 0px #FFEB3B;

    }

    .fist-bump-section {

        position: absolute;

        display: flex;

        bottom: 10px;

        left: 0;

        right: 0;

        align-items: center;

        justify-content: center;

    }

    .footer-text-section {

        height: 50%;

    }

    #Footer.is-active a.footer-white-btn {

        opacity: 1 !important;

        transition-delay: .5s;

    }

    footer#Footer {

        min-height: 510px;

        display: flex;

        flex-direction: column;

        color: #fff;

        position: relative;

    }

    .g2-badges-wrap li {

        list-style: none;

        padding: 0 0;

    }

    .banner {

        padding: 0 10px;

        padding-top: 65px !important;

    }

    .header-logo img {

        width: 140px;

    }

    .right-part img {

        position: absolute;

        right: 0%;

        top: -40%;

        z-index: 9;

        width: 40%;

        bottom: -50px !important;

        top: inherit;

    }

    .newsletter-title a {

        padding: 10px 30px;

        margin-left: 30px;

    }

    .newsletter-title h4.title {

        padding: 50px 0 0 30px;

    }

    .fist-bump-section img.lazyloaded {

        width: 50%;

        height: auto;

    }

    /* section.homepage-slider.pb-60.pt-sm-60.pb-md-20.pt-md-120 {

        padding-top: 2rem !important;

    } */

    .fist-bump-section img.hooman-hand-img, .fist-bump-section img.bear-hand-img {

        /* width: 50%;

        height: auto; */

        /* display: none; */

    }

    .newsletter {

        margin-top: 0px;

    }

    .middle-bt h5 {

        margin-bottom: 15px;

        margin-top: 15px;

    }

    #Footer .footer_action {

        margin-top: 70px;

    }

    .fist-bump-section {

        /* display: none; */

    }

    .meets-text .text {

        font-size: 10vw;

        /* color: #000; */

    }

    .questions .owl-nav {

        display: none;

    }

    .row>* {

        padding-right: 15px !important;

        padding-left: 15px !important;

    }

    .footer-contact, .footer-text-section {

        padding: 0 4vw;

    }   





    

    /* ----------------------------Inatix----------------------------- */



    .banner h2 {

        font-size: 45px;

    }



    section.inatix-banner.banner .col-md-5 img.w-100 {

        

    }

    .targeting-unlocked.boost .title {

        font-size: 30px;

    }

    .inatix-banner.banner img.mb-4 {

        width: 50%;

    }

    .targeting-unlocked .row {

        padding: 30px 0;

    }

    .inatix-banner::after {

        background-image: url(../img/inatix/in-x.png);

        content: "";

        position: absolute;

        height: 20%;

        width: 70px;

        background-repeat: no-repeat;

        top: 10%;

        background-size: 100%;

        right: 6%;

    }

    

    section.inatix-banner.banner {

        padding-top: 75px !important;

    }

    .targeting-unlocked.boost .row {

        padding: 0px 0 30px;

    }

    .targeting-unlocked .row p {

        width: 100%;

    }

    .text-box {

        width: 100%;

    }

    .targeting-unlocked .row img {

        width: 100%;

        margin-bottom: 20px;

    }



    /* ----------------------------Bidcounty----------------------------- */

    .accordion-body img {

        width: 100%;

    }

    .bidcounty-banner.banner {

        padding: 0 10px;

        padding-top: 75px !important;

        padding-bottom: 20px !important;

    }

    .accordion-banner.banner .col-md-8 img.mb-4 {

        width: 50%;

    }

    section.bidcounty-banner.banner img.mb-4 {

        width: 80%;

    }

    .first-campaign .accordion-item p {

        display: none;

    }



    .first-campaign .accordion-item:nth-child(3) h2 {

        top: 86px;

        border-radius: 0px 0px 10px 10px;

    }

    .first-campaign .accordion-item:nth-child(2) h2 {

        top: 46px;

    }

    .first-campaign .accordion-header {

        margin-bottom: 0;

        position: absolute;

        top: 7px;

        background: inherit;

        padding: 0;

        width: 40px;

        left: 20px;

        box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

    }

    .first-campaign span.d-flex img {

        width: 40px;

        height: 40px;

        position: absolute;

        top: 8px;

    }

    .accordion-button {

        padding: 0 !important;

    }





    .expert-solutions .nav-link {

        padding: 9px 12px !important;

        background: #E9EEFF !important;

        box-shadow: none;

        border-radius: 10px !important;

        font-size: 13px !important;

        border: none;

        font-weight: 500 !important;

        margin-left: 15px;

        margin-bottom: 10px;

    }

    .expert-solutions ul#pills-tab {

        margin: -5px 0 0px !important;

        padding: 12px;

        box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

        background: #fff;

        border-radius: 10px;

        display: inline-flex;

        text-align: center;

        justify-content: center;

    }

    .pills-box h3 {

        text-align: left;

        padding: 0;

        margin-top: 30px;

        font-size: 24px;

        margin-bottom: 10px !important;

        padding: 0 0px;

    }

    .pills-box p {

        font-size: 16px;

        text-align: left;

        color: #000;

        padding: 0 0px;

    }

    .testimonial-logo {

        padding: 50px 0;

    }



    .testimonial-logo .success-stories-slider__item-body {

        padding: 0 20px !important;

    }

        /* ----------------------------Bidcounty----------------------------- */

    .accordion-body img {

        width: 100%;

    }

    .bidcounty-banner.banner {

        padding: 0 10px;

        padding-top: 75px !important;

        padding-bottom: 20px !important;

    }

    .accordion-banner.banner .col-md-8 img.mb-4 {

        width: 50%;

    }

    section.bidcounty-banner.banner img.mb-4 {

        width: 80%;

    }

    .first-campaign .accordion-item p {

        display: none;

    }



    .first-campaign .accordion-item:nth-child(3) h2 {

        top: 86px;

        border-radius: 0px 0px 10px 10px;

    }

    .first-campaign .accordion-item:nth-child(2) h2 {

        top: 46px;

    }

    .first-campaign .accordion-header {

        margin-bottom: 0;

        position: absolute;

        top: 7px;

        background: inherit;

        padding: 0;

        width: 40px;

        left: 20px;

        box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

    }

    .first-campaign span.d-flex img {

        width: 40px;

        height: 40px;

        position: absolute;

        top: 8px;

    }

    .accordion-button {

        padding: 0 !important;

    }





    .expert-solutions .nav-link {

        padding: 9px 12px !important;

        background: #E9EEFF !important;

        box-shadow: none;

        border-radius: 10px !important;

        font-size: 13px !important;

        border: none;

        font-weight: 500 !important;

        margin-left: 15px;

        margin-bottom: 10px;

    }

    .expert-solutions ul#pills-tab {

        margin: -5px 0 0px !important;

        padding: 12px;

        box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

        background: #fff;

        border-radius: 10px;

        display: inline-flex;

        text-align: center;

        justify-content: center;

    }

    .pills-box h3 {

        text-align: left;

        padding: 0;

        margin-top: 30px;

        font-size: 24px;

        margin-bottom: 10px !important;

        padding: 0 0px;

    }

    .pills-box p {

        font-size: 16px;

        text-align: left;

        color: #000;

        padding: 0 0px;

    }

    .testimonial-logo {

        padding: 50px 0;

    }

    /* .testimonial-logo .owl-carousel .owl-item img {

        display: block;

        height: auto;

        width: 100%;

        margin-top: 11px;

        border-radius: 10px 10px 0 0;

        margin-bottom: 10px;

    } */

    .testimonial-logo .success-stories-slider__item-body {

        padding: 0 20px !important;

    }

    .success-stories-slider__item-body .success-stories-slider__item-text.pt-30.pl-md-60.pb-25.text-secondary.text-center.text-md-left {

        text-align: left !important;

    }

    .newsletter-two .newsletter-title h4.title {

        padding: 50px 0 0 0px;

        text-align: center;

    }

    .newsletter-two a {

        margin-left: 0;

    }

}





@media (min-width: 1024px) and (max-width: 1199px) { 

    .adcounty-menu ul li {

        padding: 0 20px 0 9px;

    }

    .adcounty-menu ul li a {

        font-size: 15px;

    }

    .container, .container-lg, .container-md, .container-sm {

        max-width: 100% !important;

    }

.container, .container-lg, .container-md, .container-sm {

    max-width: 1270px;

}

.col-md-6.text-start.glob-img img {

    width: 100%;

}

.footer-text img {

    width: 100%;

}

.fist-bump-section img.lazyloaded {

    width: 50%;

    height: auto;

}

/* body {

    overflow-x: hidden;

} */

.meets-text .text {

    color: #000;

}

 .right-part img {

    position: absolute;

    right: 0%;

    top: -13%;

    z-index: 9;

    width: 50%;

} 

.homepage-slider__article-image {

    padding-left: 30%;

    width: 80%;

}

.rbt img.vert-move {

    width: 170px;

    padding: 0;

}

.testimonial-sec {

    margin-top: 70px;

}





/* ------------------------------------apple-search------------------------------------ */



.holistic .container-full {

    padding-bottom: 170px !important;

}

.adc-logo {

    width: 30%;

    margin-top: -90px;

}

}









@media (min-width: 992px) and (max-width: 1199px) { 



          /* ----------------------------Bidcounty----------------------------- */

          .accordion-body img {

            width: 100%;

        }

        .bidcounty-banner.banner {

            padding: 0 10px;

            padding-top: 135px !important;

            padding-bottom: 20px !important;

        }

        .accordion-banner.banner .col-md-8 img.mb-4 {

            width: 50%;

        }

        section.bidcounty-banner.banner img.mb-4 {

            width: 50%;

        }

        .first-campaign .accordion-item p {

            display: none;

        }

    

        .first-campaign .accordion-item:nth-child(3) h2 {

            top: 86px;

            border-radius: 0px 0px 10px 10px;

        }

        .first-campaign .accordion-item:nth-child(2) h2 {

            top: 46px;

        }

        .first-campaign .accordion-header {

            margin-bottom: 0;

            position: absolute;

            top: 7px;

            background: inherit;

            padding: 0;

            width: 40px;

            left: 20px;

            box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

        }

        .first-campaign span.d-flex img {

            width: 40px;

            height: 40px;

            position: absolute;

            top: 8px;

        }

        .accordion-button {

            padding: 0 !important;

        }

    

    

        .expert-solutions .nav-link {

            padding: 9px 12px !important;

            background: #E9EEFF !important;

            box-shadow: none;

            border-radius: 10px !important;

            font-size: 13px !important;

            border: none;

            font-weight: 500 !important;

            margin-left: 15px;

            margin-bottom: 10px;

        }

        .expert-solutions ul#pills-tab {

            margin: -5px 0 0px !important;

            padding: 12px;

            box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);

            background: #fff;

            border-radius: 10px;

            display: inline-flex;

            text-align: center;

            justify-content: center;

        }

        .pills-box h3 {

            text-align: left;

            padding: 0;

            margin-top: 30px;

            font-size: 24px;

            margin-bottom: 10px !important;

            padding: 0 0px;

        }

        .pills-box p {

            font-size: 16px;

            text-align: left;

            color: #000;

            padding: 0 0px;

        }

        .testimonial-logo {

            padding: 50px 0;

        }

        /* .testimonial-logo .owl-carousel .owl-item img {

            display: block;

            height: auto;

            width: 100%;

            margin-top: 11px;

            border-radius: 10px 10px 0 0;

            margin-bottom: 10px;

        } */

        .testimonial-logo .success-stories-slider__item-body {

            padding: 0 20px !important;

        }

        .success-stories-slider__item-body .success-stories-slider__item-text.pt-30.pl-md-60.pb-25.text-secondary.text-center.text-md-left {

            text-align: left !important;

        }

        .newsletter-two .newsletter-title h4.title {

            padding: 50px 0 0 0px;

            text-align: left;

        }

        .newsletter-two a {

            margin-left: 0;

        }

        .accordion-body img {

            border-radius: 20px;

            width: 100%;

        }



/* ------------------------------------Opsis----------------------------------------- */

.opsis-banner .col-md-6 img.mb-4 {

    width: 170px;

}

.our-story .owl-nav {

    position: absolute;

    top: -40%;

    right: 0;

}

.our-story.opsis .item-box h3 {

    font-size: 35px;

}

.mobsis .col-md-4.text-start img {

    width: 100%;

}

.mobsis-left h4 {

    background-image: url(../img/opsis/right.png);

    background-repeat: no-repeat;

    background-size: 22px;

    background-position-x: right;

    background-position-y: center;

    font-size: 19px;

    color: #000;

    font-weight: 600;

    padding-right: 30px;

}

.mobsis-right h4 {

    background-image: url(../img/opsis/right.png);

    background-repeat: no-repeat;

    background-size: 22px;

    font-size: 19px;

    padding-right: 30px;

}

.mobsis-left p, .mobsis-right p {

    font-size: 14px;

}

#web .owl-carousel.owl-carousel-three.owl-theme.owl-loaded.owl-drag {

    background-image: url(../img/opsis/lp.png);

    width: 720px;

}

#web .owl-carousel li {

    font-size: 13px;

}

.cpl {

    margin-bottom: 50px;

}

.newsletter-two {

    margin-top: 140px;

    min-height: 200px;

    padding: 0px 40px;

}



/* -----------------------------------Genwin------------------------------------ */

.genwin-banner .col-md-7 img.mb-4 {

    width: 150px;

}

.expert-solutions img {

    width: 100%;

}

.expert-solutions ul#pills-tab {

    margin-bottom: 20px !important;

}

.categories .feature-item {

    padding: 10px 20px;

    min-height: 280px;

}

.genwin-banner::after {

    background-image: url(../img/genwin/g.png);

    content: "";

    position: absolute;

    height: 20%;

    width: 90px;

    background-repeat: no-repeat;

    top: 10%;

    background-size: 100%;

    right: 0px;

}

.fs-subtitle {

    font-weight: 600;

    font-size: 31px;

    color: #171717;

    margin-bottom: 15px;

    text-align: left;

    margin-top: 10px !important;

}

#msform fieldset {

    padding: 20px 15px;

}

#msform input, #msform textarea, #msform select {

    padding: 10px;

    border: 0.5px solid #979797;

    border-radius: 10px;

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0px 0px 1px #000000cf;

    font-size: 15px;

    color: #171717;

    margin-bottom: 10px;

}

.genwin-banner {

    padding-bottom: 40px !important;

}

.homepage-slider__articles article {

    padding-bottom: 0;

}

.genwin-slider h3 {

    font-size: 20px;

    font-weight: 600;

    color: #000;

    margin-bottom: 20px;

}

.genwin-slider .homepage-slider__articles article img {

    height: auto;

    width: 100%;

}

.genwin-slider .homepage-slider__articles article {

    padding-bottom: 0;

}





/* ------------------------------------advertisers------------------------------------ */

.banner-two h2 {

    font-size: 130px;

    color: #000;

    font-weight: 600;

    text-align: right;

}

.banner-two {

    background-image: url(../img/advertisers/banner-two.png);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0 40px;

}

.banner-two img {

    height: 90px;

}

.arrow-container {

    display: none;

}

.btn-more {

    position: absolute;

    top: 78%;

    left: 8%;

}

.ai-banner img {

    width: 100%;

}



/* ------------------------------------publisher------------------------------------ */

.publisher-banner {

    height: 55vh;

}

.publisher-banner::after {

    background-image: url(../img/publisher/publisher-banner-l.png);

    content: "";

    position: absolute;

    height: 100%;

    width: 390px;

    background-repeat: no-repeat;

    top: 0;

    background-size: 100%;

    right: 0;

}

#slides::after {

    width: 80px;

    left: 45%;

    bottom: -13%;

}

.slide-box {

    margin-top: 20px;

}

#slider {

    height: 63vh;

}

.newsletter-two .right-part {

    margin-bottom: 20px;

}



/* ------------------------------------About Us------------------------------------ */

.text.we-are {

    position: absolute;

    width: 60%;

    left: 50%;

    margin-left: -225px;

    height: 40px;

    top: 20%;

    margin-top: -20px;

}

.slide-mor img.xm-img.lazy {

    width: 100%;

}

.about-banner p {

    font-size: 80px;

}



/* -------------------------------------------Career------------------------------------- */



.career-banner h2 {

    margin-top: 270px;

    font-size: 40px !important;

    line-height: 42px;

}

.life.cl-dark.section-padding-05 {

    margin-top: 0;

}

.life.cl-dark.section-padding-05 img.mt-5 {

    width: 100%;

}

.open-box-bt-l p {

    text-align: left;

}



.adcountians .testimonial p {

    font-size: 24px;

    line-height: 45px;

}

.career-banner {

    padding-bottom: 30px !important;

}

section.adcountians.cl-dark.section-padding-05 {

    padding-top: 0;

}



/* ----------------------------------------apply-now-------------------------------------- */



.singlejob_left__TV5G_ {

    background-repeat: no-repeat;

    background-size: cover;

}

.singlejob_introText__5cBwM span {

    font-size: 16px !important;

    text-align: left !important;

    line-height: 18px !important;

}

.row.link-light-bg p {

    font-size: 16px;

}

p.ma-0.size-6.size-7-mobile.line-150 {

    font-size: 20px;

}

.apply-banner.banner h2 {

    font-size: 50px;

}

.singlejob_maxWidth__0SwoF {

    padding-top: 70px;

}





/* ------------------------------------------------Invester-------------------------------------------------- */



/* .sticky-nav-tabs-container--top-first {

    position: fixed;

    top: 56px !important;

}

.sticky-nav-tabs-container--top-second {

    position: fixed;

    top: 55px !important;

} */

.sticky-nav-tabs-container .sticky-nav-tab {

    font-size: 12px !important;

}



    }













@media (min-width: 1200px) and (max-width: 1399px) { 

    .col-md-6.text-start.glob-img img {

        width: 100%;

    }

    .footer-text img {

        width: 100%;

    }

    .bear-hand-img, .hooman-hand-img {

        width: 50% !important;

        height: auto;

    }

    .adcounty-menu ul li {

        padding: 0 20px 0 9px;

    }

    .adcounty-menu ul li a {

        font-size: 17px;

    }

    .footer-text-section {

        height: 70%;

    }

    footer#Footer {

        min-height: 130vh;

    }



          /* ----------------------------Bidcounty----------------------------- */

          .accordion-body img {

            width: 80%;

        }

/* ----------------------------Opsis----------------------------- */

        .mobsis .col-md-4.text-start img {

            width: 60%;

            margin: 0 auto;

        }

        /* -----------------------------------Genwin------------------------------------ */

.expert-solutions img {

    width: 100%;

}





/* ------------------------------------advertisers------------------------------------ */

.banner-two h2 {

    font-size: 120px;
    color: #000;
    font-weight: 600;
    text-align: right;

}

.banner-two {

    background-image: url(../img/advertisers/banner-two.png);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0 40px;

}

.banner-two img {

    height: 90px;

}

.arrow-container {

    display: none;

}

.btn-more {

    position: absolute;

    top: 91%;

    /* left: 15%; */

}

.ai-banner img {

    width: 85%;

}



/* ------------------------------------publisher------------------------------------ */



#slides::after {

    bottom: 2%;

}



#slider {

    height: 99vh;

}



/* ------------------------------------About Us------------------------------------ */



.about-banner p {

    font-size: 95px;

}

.text.we-are {

    position: absolute;

    width: 60%;

    left: 35%;

    margin-left: -225px;

    height: 40px;

    top: 35%;

    margin-top: -20px;

}



/* -------------------------------------------Career------------------------------------- */

.life.cl-dark.section-padding-05 img.mt-5 {

    width: 100%;

}

/* ----------------------------------------apply-now-------------------------------------- */



.singlejob_left__TV5G_ {

    background-size: cover;

}

.singlejob_introText__5cBwM span {

    font-size: 22px !important;

    text-align: left !important;

}

/* ------------------------------------------------Invester-------------------------------------------------- */



/* .sticky-nav-tabs-container--top-first {

    position: fixed;

    top: 56px !important;

}

.sticky-nav-tabs-container--top-second {

    position: fixed;

    top: 55px !important;

} */

.sticky-nav-tabs-container .sticky-nav-tab {

    font-size: 18px !important;

}



}



@media (min-width: 1400px) { 

    .col-md-6.text-start.glob-img img {

        width: 100%;

    }

    .footer-text img {

        width: 100%;

    }

    .bear-hand-img, .hooman-hand-img {

        width: 50% !important;

        height: auto;

    }

    .adcounty-menu ul li {

        padding: 0 20px 0 9px;

    }

    .adcounty-menu ul li a {

        font-size: 17px;

    }

    .footer-text-section {

        height: 50%;

    }

    footer#Footer {

        min-height: 140vh;

    }

    .homepage-slider__article-image img {

        width: 80%;

    }



  

          /* ----------------------------Bidcounty----------------------------- */

          .accordion-body img {

            width: 100%;

        }

        /* -----------------------------------Genwin------------------------------------ */

.expert-solutions img {

    width: 100%;

}





#slides::after {

    bottom: 10%;

}

video {
    height: 87vh;
}



}





@media (max-width: 1199px) { 

    .targeting-unlocked.services-mn.section-padding-05 {

        /* padding-top: 90px; */

    }

    .image-container img {

        display: none;

    }

    .pin-spacer {

        padding-bottom: 0 !important;

        display: none !important;

    }

    .image-container {

        width: 100%;

        height: 100vh;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        z-index: 2;

        perspective: 500px;

        overflow: hidden;

        display: none;

    }

}





/* ---------------------------------------------terms-and-conditions------------------------------------------- */





section.banner.terms-and-conditions {

    background: #fff;

}

.terms-and-conditions .container-full {

    height: auto;

    background-image: url(../img/tnc.png);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 340px;

    border-radius: 15px;

    position: relative;

}

.terms-and-conditions h4.title.text_white {

    padding-top: 130px;

}

.tnc-text p {

    margin-bottom: 20px;

}

.cnt-t strong, .cnt-t b {

    font-size: 35px;

    color: #000;

    font-weight: 600;

}

h1.cookiebarhead {

    font-size: 35px;

    color: #000;

    font-weight: 600;

    margin-top: 45px;

}

.tnc-footer.footer {

    background: rgb(184, 215, 255);

    background: linear-gradient(0deg, rgba(184, 215, 255, 1) 34%, rgb(248 248 248 / 15%) 100%);

    padding-top: 80px;

}





@media (max-width: 767px) { 

    .terms-and-conditions h4.title.text_white {

        padding-top: 35px;

    }

    .cnt-t strong, .cnt-t b {

        font-size: 20px;

        color: #000;

        font-weight: 600;

    }

    .tnc-text p {

        margin-bottom: 20px;

        font-size: 16px;

    }

    .terms-and-conditions .container-full {

        min-height: 95px;

    }

    section.tnc-text.section-padding-05 {

        padding: 25px 0 0;

    }

}

















/* body {

    overflow-x: hidden !important;

} */

/* body.home {

    overflow-x: hidden !important;

} */

.men {

    overflow-x: hidden !important;

}

/* body {

    overflow-x: hidden;

} */

.header-top-search-logo {

    padding-top: 10px;

}

.header-top-search-logo img {

    width: 180px;

    padding-left: 20px;

}

.menu-close span {

    background: #fff;

}

.menu-close {

    margin-top: 10px;

}

.mobile-adcounty-menu {

    padding-top: 15px;

}

.homepage-slider__articles article:not(:last-of-type), .homepage-slider__articles article:not(:first-of-type) {

    text-align: left;

}



/* -----------------black header-------------------- */



.mob-header-two .header-action g {

    fill: #fff;

}

.mob-header-two {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}

.mob-header-two.sticky {

    background-color: #000;

}



.header-two {

    /* background-color: #0000001f !important; */

}











/* =============================================== */



#overlay {

    width:100%; 

    height:100vh; 

    display:block; 

    z-index:10000; 

    position:absolute;

background: rgba(254,203,0,0.77);

background: -moz-linear-gradient(left, rgba(254,203,0,0.77) 0%, rgba(254,203,0,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,203,0,0.77)), color-stop(100%, rgba(254,203,0,1)));

background: -webkit-linear-gradient(left, rgba(254,203,0,0.77) 0%, rgba(254,203,0,1) 100%);

background: -o-linear-gradient(left, rgba(254,203,0,0.77) 0%, rgba(254,203,0,1) 100%);

background: -ms-linear-gradient(left, rgba(254,203,0,0.77) 0%, rgba(254,203,0,1) 100%);

background: linear-gradient(to right, rgba(254,203,0,0.77) 0%, rgba(254,203,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb00', endColorstr='#fecb00', GradientType=1 );

}

#rotatingGlobe {

  /* width: 990px;

  height: 990px;

  margin: auto; */

  cursor: move;

  /* border: 0px solid red;

  position:absolute; */

  /* z-index:9999; */

}





.questions {

    position: relative;

}

canvas#rotatingGlobe {

    margin-top: 0;

    height: 500px;

    background-image: url(../img/glob2.png);

    background-size: 100%;

    background-repeat: no-repeat;

    width: 500px;

    margin-left: 110px;

    position: relative;

}

canvas#rotatingGlobe::after {

    content: "";

    background-image: url(../img/glob-after.png) !important;

    height: 180px;

    width: 100%;

    position: absolute;

}

img.glob-after {

    position: absolute;

    z-index: 9999;

    width: 640px !important;

    left: 54%;

}



/* ----------------------------------------------- */

section.growing-sec.cl-dark.section-padding-05 {

    position: relative;

}

img.growing-img {

    width: 100%;

    position: absolute;

    top: 0;

    z-index: -9;

}



.growing-sec.cl-dark.section-padding-05 {

    height: 100vh;

    padding-top: 0;

    margin-top: 70px;

    margin-bottom: 20px;

}

.growing-sec .row.text-center.align-items-center {

    /* padding-top: 24%; */
    height: 100vh;

}

.growing-sec h4.title.text_dark {

    font-size: 25px;

    font-weight: 600;

    margin-bottom: 40px;

}



.growing-sec h3 {

    font-size: 45px;

    color: #000;

    font-weight: 500;

    line-height: 70px;

}



.growing-sec li img {

    width: 100px;

}

.growing-sec li {

    position: absolute;

    top: 23%;

    left: 47%;

    transition: 1s all;

}



.icons {

    display: flex;

    justify-content: center;

    gap: 20px;

    margin-top: 50px;

  }

  .icon {

    /* width: 80px;

    height: 80px;

    background: #007bff;

    border-radius: 50%; */

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

    color: white;

    transform: translateX(0vw);

    opacity: 1;

    transition: transform 0.4s ease-out, opacity 0.4s ease-out;

    /* animation: none !important; */

  }

  .icon.show {

    transform: translateX(0);

    opacity: 1;

  }

 /* .growing-sec li {

    position: absolute;

    top: 0;

    top: 24% !important;

    left: 0 !important;

    right: 0 !important;

}  */

.icon img {

    animation: none;

}











.growing-sec li.icon.show:nth-child(1) {

    position: absolute;

    top: 17%;

    left: 26%;

    animation: moving 7s infinite linear !important;

    z-index: 10;

}



.growing-sec li.icon.show:nth-child(2) {

    position: absolute;

    top: 76%;

    left: 27%;

    animation: translateY2 4s forwards infinite alternate !important;

    z-index: 9;

}



.growing-sec li.icon.show:nth-child(3) {

    position: absolute;

    top: 40%;

    left: 17%;

    z-index: 8;

    animation: bounce-x 5s infinite linear !important;



}



.growing-sec li.icon.show:nth-child(4) {

    position: absolute;

    top: 60%;

    left: 79%;

    animation: moving 9s linear infinite !important;

    z-index: 7;

}

.growing-sec li.icon.show:nth-child(5) {

    position: absolute;

    top: 4%;

    left: 13%;

    z-index: 6;

}

.growing-sec li.icon.show:nth-child(6) {

    position: absolute;

    top: 59%;

    left: 10%;

    animation: moving 9s infinite linear !important;

    z-index: 5;

}



.growing-sec li.icon.show:nth-child(7) {

    position: absolute;

    top: 17%;

    left: 79%;

    z-index: 4;

}

.growing-sec li.icon.show:nth-child(8) {

    position: absolute;

    top: 11%;

    left: 50%;

    animation: moving 9s infinite linear !important;

    z-index: 3;

}

.growing-sec li.icon.show:nth-child(9) {

    position: absolute;

    top: 85%;

    left: 65%;

    z-index: 2;

    animation: bounce-x 5s infinite linear !important;

}

.growing-sec li.icon.show:nth-child(10) {

    position: absolute;

    top: 24%;

    left: 66%;

    z-index: 1;

    -webkit-animation-name: float-bob-y !important;

    -webkit-animation-duration: 6s !important;

    animation-iteration-count: infinite !important;

    -webkit-animation-timing-function: linear !important;

}







.growing-sec li:nth-child(1) {

    z-index: 10;

    animation: none !important;

}



.growing-sec li:nth-child(2) {

    z-index: 9;

    animation: none !important;

}



.growing-sec li:nth-child(3) {

    z-index: 8;

    animation: none !important;

}



.growing-sec li:nth-child(4) {

    z-index: 7;

    animation: none !important;

}

.growing-sec li:nth-child(5) {

    z-index: 6;

    animation: none !important;

    animation: translateY2 4s forwards infinite alternate !important;

}

.growing-sec li:nth-child(6) {

    z-index: 5;

    animation: none !important;

}



.growing-sec li:nth-child(7) {

    z-index: 4;

    animation: none !important;

    animation: bounce-x 5s infinite linear !important;

}

.growing-sec li:nth-child(8) {

    z-index: 3;

    animation: none !important;

}

.growing-sec li:nth-child(9) {

    z-index: 2;

    animation: none !important;

}

.growing-sec li:nth-child(10) {

    z-index: 1;

    animation: none !important;

}







.growing-sec li:nth-child(10) img {

    width: 80px;

}



  /* ===================================Header================================== */

  .header-logo {

    text-align: left;

}

  .selector {

    /* background: rgb(255 255 255 / 48%); */

    /* box-shadow: 0px 1px 8px #777; */

    left: 0;

    right: 0;

    margin: 0;

    position: fixed;

    text-align: center;

    /* min-height: 44px; */

    transition: ease 0.3s;

    z-index: 999;

  }

  

  header {

    top: 0;

    /* max-height: 44px; */

  }

  

 

  /* when shift is added move element up 100% */

  header.shift {

    transform: translateY(-100%);

  }



  

  .content {

    max-width: 320px;

    margin: 0px auto 10px;

  }



  /* ===============================muted================================ */

  #bgVideo {

    width: 100%; 

    background: #000;

    /* position: fixed; */

    /* object-fit: cover;

    height: 86vh; */

  }

  

  #MuteButton::before {

    /* content:  '🔈'; */
    background-image: url(../img/music2.png);
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    left: 11px;
    right: 0;
    z-index: 999;
    background-size: 100%;
    top: 9px;
      

  }

  

  #MuteButton.muted::before {

    /* content: '🔇'; */
    background-image: url(../img/music1.png);
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    left: 11px;
    right: 0;
    z-index: 999;
    background-size: 100%;
    top: 9px;
  }

  

  #MuteButton {

    position: absolute;
    top: 130px;
    right: 45px;
    background: rgba(0, 0, 0, .5);
    border: 1.5px solid #fff;
    color: #fff;
    z-index: 5;
    font-size: 4rem;
    border-radius: 2rem;
    width: 45px;
    height: 45px;
    line-height: 7.5rem;
    text-align: center;
    z-index: 99;
    border-radius: 50%;
    text-decoration: none;

  }

  

  @media (min-width: 992px) {

  .menu-item-has-children.hover{

position: relative;

  }

  .menu-item-has-children.hover::after  {

    content: "" !important;

    position: fixed !important;

    background: #000 !important;

    opacity: .25 !important;

    width: 1000% !important;

    height: 100vh !important;

    top: 98px !important;

    left: 0 !important;

    right: 0 !important;



}

  }





  @media (min-width: 1300px) and (max-width: 1400px) { 



  }





  #formats .expert-solutions img {

    border-radius: 15px;

}









/* ---------------------------Invester------------------------------ */





.investors-banner .container-full {

    height: auto;

    background-image: url(../../../1873634302.rsc.cdn77.org/testAdcountyMedia/UpcomingEvent/investor.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 340px;

    border-radius: 15px;

    position: relative;

}

main.spa-main {

    margin-bottom: 250px;

}



.testimonial-logo .name-des {

    margin-left: 15px;

    text-align: left;

    margin-left: 0;

    margin-top: 20px;

}

.testimonial-logo span.name {

    font-size: 25px;

    font-weight: 700;

    position: relative;

    font-family: "Inter", sans-serif;

    line-height: 25px;

    color: #020202;

    display: block;

}

.testimonial-logo span.des {

    font-size: 16px;

    font-weight: 500;

    position: relative;

    font-family: "Inter", sans-serif;

    line-height: 30px;

    color: #000000;

    display: block;

}

.shift2{

    background-color: red;

}





    /* ----------------------- */



.top-performance {

        background: linear-gradient(180deg, rgb(12 14 19) 0%, rgba(12, 15, 20, 1) 100%);

    }



    .top-performance::before {

        position: absolute;

        content: "";

        width: 750px;

        height: 613px;

        background: linear-gradient(152deg, rgba(246, 246, 246, 0.2) 17.12%, rgba(242, 5, 135, 0.2) 105.91%);

        filter: blur(100px);

        right: -100px;

        top: 120px;

        z-index: -1;

    }

    .performance-content {

        display: grid;

        grid-template-columns: 0.5fr 0fr;

        justify-content: center;

    }

    .performance-content__item:nth-child(1) {

        background-color: #FDFBEB;

        border-radius: 0px 50% 0px 50%;

    }

    .performance-content__item {

        background: #ddd;

        aspect-ratio: 1;

        display: flex;

        justify-content: center;

        align-items: center;

        border-radius: 50% 0px 50% 0px;

        flex-direction: column;

        max-height: 280px;

    }

    .performance-content__text, .performance-content__count {

        color: hsl(var(--static-black));

        margin-bottom: 8px;

    }

    .performance-content__item:nth-child(2) {

        background-color: #DAD1FD;

    }

    .performance-content__item:nth-child(3) {

        background-color: #FDCDF8;

    }

    .performance-content__item:nth-child(4) {

        background-color: #D0FBFE;

        border-radius: 0px 50% 0px 50%;

    }

    .dark-version {

        display: none !important;

    }



    .circle {

        position: relative;

        margin-bottom: 24px;

        width: 158px;

        height: 158px;

        border-radius: 50%;

        display: flex

    ;

        align-items: center;

        justify-content: center;

        background-color: hsl(var(--white) / 0.5);

        backdrop-filter: blur(6px);

        z-index: 21;

        border: 1px solid hsl(var(--white));

    }

    .circle.static-circle .circle__text {

        color: hsl(var(--static-black)) !important;

    }

    .circle__text {

        position: absolute;

        width: 100%;

        height: 100%;

        color: hsl(var(--heading-color));

        font-size: 1rem;

        animation: textRotation 8s linear infinite;

    }



    .performance-content__count.is-visible {

        font-size: 38px;

        font-weight: 800;

        color: #000;

        height: 30px;

    }

    span.mn {

        font-size: 38px;

        font-weight: 800;

        color: #000;

        line-height: 45px;

        height: 30px;

        margin-bottom: 8px;

    }

    .performance-content__text.font-18 {

        font-size: 20px;

        color: #000;

    }

    .performance-content__item .d-flex {

        height: 40px;

    }





    /* ------------------------Header---------------------------- */

    header.selector.active {

        background: #ffffff;

        box-shadow: 0px 1px 8px #7777778c;

    }

    header.selector.header-two.active {

        background: #000 !important;

    }











    /* ================================================Animation============================================ */



    @-webkit-keyframes rippleOne {

        70% {

            -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

            box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

       }

        100% {

            -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

            box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

       }

   }

    @keyframes rippleOne {

        70% {

            -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

            box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

       }

        100% {

            -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

            box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

       }

   }

    @keyframes cir36 {

        100% {

            transform: rotate(360deg);

       }

   }

    @keyframes rounded {

        50% {

            transform: rotate(15deg);

       }

   }

    @keyframes up-down {

        0% {

            transform: translateY(10px);

       }

        100% {

            transform: translateY(-10px);

       }

   }

    @-webkit-keyframes spinner {

        to {

            -webkit-transform: rotateZ(360deg);

            transform: rotateZ(360deg);

       }

   }

    @keyframes spinner {

        to {

            -webkit-transform: rotateZ(360deg);

            transform: rotateZ(360deg);

       }

   }

    @-webkit-keyframes letters-loading {

        0%, 75%, 100% {

            opacity: 0;

            transform: rotateY(-90deg);

       }

        25%, 50% {

            opacity: 1;

            transform: rotateY(0deg);

       }

   }

    @keyframes letters-loading {

        0%, 75%, 100% {

            opacity: 0;

            transform: rotateY(-90deg);

       }

        25%, 50% {

            opacity: 1;

            transform: rotateY(0deg);

       }

   }

    @keyframes loaderspin {

        0% {

            transform: translate(-50%, -50%) rotate(0deg);

       }

        100% {

            transform: translate(-50%, -50%) rotate(360deg);

       }

   }

    @keyframes tpswing {

        0% {

            -webkit-transform: rotate(20deg);

            -ms-transform: rotate(20deg);

            transform: rotate(20deg);

       }

        100% {

            -webkit-transform: rotate(0deg);

            -ms-transform: rotate(0deg);

            transform: rotate(0deg);

       }

   }

    @keyframes width {

        0% {

            width: 0%;

       }

        100% {

            width: 100%;

       }

   }

    @-webkit-keyframes width {

        0% {

            width: 0%;

       }

        100% {

            width: 100%;

       }

   }

    @-webkit-keyframes loaderspin {

        0% {

            transform: translate(-50%, -50%) rotate(0deg);

       }

        100% {

            transform: translate(-50%, -50%) rotate(360deg);

       }

   }

    @keyframes loaderpulse {

        0% {

            transform: scale(1);

       }

        100% {

            transform: scale(1.2);

       }

   }

    @keyframes rounded {

        50% {

            transform: rotate(20deg);

       }

   }

    @keyframes cir36 {

        100% {

            transform: rotate(360deg);

       }

   }

    .float-bob-y {

        -webkit-animation-name: float-bob-y;

        animation-name: float-bob-y;

        -webkit-animation-duration: 3s;

        animation-duration: 3s;

        -webkit-animation-iteration-count: infinite;

        animation-iteration-count: infinite;

        -webkit-animation-timing-function: linear;

        animation-timing-function: linear;

   }

    @-webkit-keyframes float-bob-y {

        0% {

            -webkit-transform: translateY(-30px);

            transform: translateY(-30px);

       }

        50% {

            -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

       }

        100% {

            -webkit-transform: translateY(-30px);

            transform: translateY(-30px);

       }

   }

    @keyframes float-bob-y {

        0% {

            -webkit-transform: translateY(-30px);

            transform: translateY(-30px);

       }

        50% {

            -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

       }

        100% {

            -webkit-transform: translateY(-30px);

            transform: translateY(-30px);

       }

   }

    .float-bob-x {

        -webkit-animation-name: float-bob-x;

        animation-name: float-bob-x;

        -webkit-animation-duration: 3s;

        animation-duration: 3s;

        -webkit-animation-iteration-count: infinite;

        animation-iteration-count: infinite;

        -webkit-animation-timing-function: linear;

        animation-timing-function: linear;

   }

    @-webkit-keyframes float-bob-x {

        0% {

            -webkit-transform: translateX(0px);

            transform: translateX(30px);

       }

        50% {

            -webkit-transform: translateX(10px);

            transform: translateX(10px);

       }

        100% {

            -webkit-transform: translateX(30px);

            transform: translateX(30px);

       }

   }

    @keyframes float-bob-x {

        0% {

            -webkit-transform: translateX(30px);

            transform: translateX(30px);

       }

        50% {

            -webkit-transform: translateX(10px);

            transform: translateX(10px);

       }

        100% {

            -webkit-transform: translateX(30px);

            transform: translateX(30px);

       }

   }

    @keyframes bounce-x {

        0% {

            -webkit-transform: translateX(0);

            transform: translateX(0);

       }

        50% {

            -webkit-transform: translateX(30px);

            transform: translateX(30px);

       }

        100% {

            -webkit-transform: translateX(0);

            transform: translateX(0);

       }

   }

    .bounce-x {

        -webkit-animation: bounce-x 7s infinite linear;

        animation: bounce-x 7s infinite linear;

   }

    @keyframes criss-cross-left {

        0% {

            left: -20px;

       }

        50% {

            left: 50%;

            width: 20px;

            height: 20px;

       }

        100% {

            left: 50%;

            width: 375px;

            height: 375px;

       }

   }

    @keyframes criss-cross-right {

        0% {

            right: -20px;

       }

        50% {

            right: 50%;

            width: 20px;

            height: 20px;

       }

        100% {

            right: 50%;

            width: 375px;

            height: 375px;

       }

   }

    @keyframes rotated2 {

        0% {

            transform: rotate(0);

       }

        100% {

            transform: rotate(-360deg);

       }

   }

    @keyframes wave {

        0% {

            transform: translateX(0);

       }

        50% {

            transform: translateX(-25%);

       }

        100% {

            transform: translateX(-50%);

       }

   }

   /*img-animation**********************/

    .img-custom-anim-left {

        animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

        opacity: 0;

   }

    @keyframes img-anim-left {

        0% {

            transform: translateX(-5%);

            clip-path: inset(0 100% 0 0);

            opacity: 0;

       }

        100% {

            transform: translateX(0);

            clip-path: inset(0 0 0 0);

            opacity: 1;

       }

   }

    .img-custom-anim-right {

        animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

        opacity: 0;

   }

    @keyframes img-anim-right {

        0% {

            transform: translateX(5%);

            clip-path: inset(0 0 0 100%);

            opacity: 0;

       }

        100% {

            transform: translateX(0);

            clip-path: inset(0 0 0 0);

            opacity: 1;

       }

   }

    .img-custom-anim-left {

        animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

        opacity: 0;

   }

    @keyframes img-anim-left {

        0% {

            transform: translateX(-5%);

            clip-path: inset(0 100% 0 0);

            opacity: 0;

       }

        100% {

            transform: translateX(0);

            clip-path: inset(0 0 0 0);

            opacity: 1;

       }

   }

    .img-custom-anim-top {

        animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);

        opacity: 0;

   }

    @keyframes img-anim-top {

        0% {

            transform: translateY(-5%);

            clip-path: inset(0 0 100% 0);

            opacity: 0;

       }

        100% {

            transform: translateY(0);

            clip-path: inset(0 0 0 0);

            opacity: 1;

       }

   }

    .img-custom-anim-bottom {

        animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);

        opacity: 0;

   }

    @keyframes moving {

        0% {

            transform: translatey(0px);

       }

        20% {

            transform: translateX(-50px);

       }

        50% {

            transform: translatey(-40px);

       }

        100% {

            transform: translatey(0px);

       }

   }

    @keyframes translateX2 {

        0% {

            -webkit-transform: translateX(-30px);

            -moz-transform: translateX(-30px);

            -ms-transform: translateX(-30px);

            -o-transform: translateX(-30px);

            transform: translateX(-30px);

       }

        100% {

            -webkit-transform: translatXY(20px);

            -moz-transform: translateX(20px);

            -ms-transform: translateX(20px);

            -o-transform: translateX(20px);

            transform: translateX(20px);

       }

   }

    @keyframes translateY2 {

        0% {

            -webkit-transform: translateY(-30px);

            -moz-transform: translateY(-30px);

            -ms-transform: translateY(-30px);

            -o-transform: translateY(-30px);

            transform: translateY(-30px);

       }

        100% {

            -webkit-transform: translateY(20px);

            -moz-transform: translateY(20px);

            -ms-transform: translateY(20px);

            -o-transform: translateY(20px);

            transform: translateY(20px);

       }

   }

    





   /* .growing-sec li img {

    animation: bounce-x 7s infinite linear;

} */



.body-bg{

    background: #000 !important;

    opacity: .25 !important;

    position: fixed;

    top: 100px;

    left: 0;

    height: 2000px;

    width: 100%;

    display: none;

}



body.active .body-bg{

    display: block;

}



#web .press-author {

    text-align: center;

}

.owl-carousel-seven .item:hover .content {
    display: block !important;
    
}
.owl-carousel-seven .item {
    cursor: pointer;
}
/* ------------------------------ */



.cta {
    position: relative;
    margin: auto;
    padding: 13px 25px;
    transition: all 0.2s ease;
    text-decoration: none;
}

  .cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: #3561FF;
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
}
.cta span {
    position: relative;
    line-height: 10px;
    font-weight: 600;
    letter-spacing: 0;
    vertical-align: middle;
}
.cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}
.cta:hover:before {
    width: 100%;
    background: #3561FF;
}
.cta:hover svg {
    transform: translateX(0);
}
.cta:hover span {
    color: #fff;
}
.cta:hover svg {
    stroke: #ffffff;
}
.header-two .cta span {
    color: #fff;
}
.header-two .cta svg {
    stroke: #fff;
}



/* ------------------------------------------------ */


  
.slider3d__handle__rotater, .slider3d__handle__inner, .slider3d__rotater, .slider3d__inner {
    position: relative;
    height: 100%;
    transform-style: preserve-3d;
  }
  
  .slider3d {
    overflow: hidden;
    position: relative;
    height: 80vh;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
  }
  .slider3d.no-select {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .slider3d__wrapper {
    z-index: 1;
    position: relative;
    height: 100%;
  }
  .slider3d__item {
      display: flex
  ;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-color: #000;
    transform-style: preserve-3d;
  }
  .slider3d__heading p {
      padding: 32px 20% 0;
      color: #fff;
      font-size: 18px;
  }
  .slider3d__item:nth-child(1) {
      background-image: url(https://www.ppctrace.com/assets/img/404);
  }
  .slider3d__item:nth-child(2) {
    background-image: url(https://www.ppctrace.com/assets/img/404);
  }
  .slider3d__item:nth-child(3) {
      background-image: url(https://www.ppctrace.com/assets/img/404);
  }
  .slider3d__item:nth-child(4) {
      background-image: url(https://www.ppctrace.com/assets/img/404);
  }
  .slider3d__item:nth-child(5) {
      background-image: url(https://www.ppctrace.com/assets/img/404);
  }
  .slider3d__item:nth-child(6) {
      background-image: url(https://www.ppctrace.com/assets/img/404);
  }
  .slider3d__heading {
      align-content: center;
    text-align: center;
  
    transform: translateZ(3rem) scale(0.5);
    opacity: 0;
   transition: transform 0.4s, opacity 0.4s;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0.71, 0.59, 0.4, 1.5);
  }
  .slider3d.slider-ready .slider3d__heading {
    transform: translateZ(3rem);
    opacity: 1;
  }
  .slider3d__controls {
    display: none;
  }
  .slider3d.with-controls .slider3d__controls {
    display: block;
  }
  .slider3d__handle {
    z-index: 2;
    position: absolute;
    right: 0;
    top: 50%;
    width: 15rem;
    height: 7rem;
    margin-top: -3.5rem;
    perspective-origin: 100% 50%;
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuNCA0LjhsLTIuOS0yLjhoOC41djguNWwtMi44LTIuOHMtMS4yIDEuNC0xLjIgNC4zYzAgMy4xIDEuMiA0LjQgMS4yIDQuNGwyLjgtMi45djguNWgtOC41bDIuOC0yLjhzLTIuMy0yLjItMi4zLTcuMmMwLTQuOSAyLjQtNy4yIDIuNC03LjJ6Ii8+PHBhdGggZD0iTTEyLjIgNi4zcy0yLjIgMS44LTIuMiA1LjdjMCA0LjEgMi4xIDUuOCAyLjEgNS44bDEuOC0xLjh2NWgtNWwxLjgtMS44cy0yLjctMi4xLTIuNy03LjJjMC01IDIuOC03LjEgMi44LTcuMWwtMS45LTEuOWg1LjF2NS4xbC0xLjgtMS44Ii8+PC9zdmc+"), ns-resize;
  }
  .m--xAxis .slider3d__handle {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 0;
    margin-left: -7.5rem;
    margin-top: 0;
    perspective-origin: 50% 100%;
  }
  .slider3d__handle__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    text-align: center;
    font-size: 1.8rem;
    line-height: 7rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .slider3d__handle__item:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transition: opacity 0.3s;
  }
  .slider3d__handle__item.active:after {
    opacity: 0;
  }
  .slider3d__control {
    z-index: 3;
    position: absolute;
    right: 0;
    top: 50%;
    width: 15rem;
    height: 4rem;
    margin-top: -2rem;
    cursor: pointer;
  }
  .m--xAxis .slider3d__control {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 0;
    width: 6rem;
    height: 7rem;
    margin-top: 0;
    margin-left: -3rem;
  }
  .slider3d__control:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1rem;
    height: 1rem;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    border: 2px solid #fff;
    border-left: none;
    border-bottom: none;
  }
  .slider3d__control.m--up {
    transform: translateY(-6rem);
  }
  .slider3d__control.m--up:after {
    transform: rotate(-45deg);
  }
  .m--xAxis .slider3d__control.m--up {
    transform: translateX(-11.5rem);
  }
  .m--xAxis .slider3d__control.m--up:after {
    transform: rotate(-135deg);
  }
  .slider3d__control.m--down {
    transform: translateY(6rem);
  }
  .slider3d__control.m--down:after {
    transform: rotate(135deg);
  }
  .m--xAxis .slider3d__control.m--down {
    transform: translateX(11.5rem);
  }
  .m--xAxis .slider3d__control.m--down:after {
    transform: rotate(45deg);
  }
  
  
  /* ---- */
  
  .home .homepage-slider {
      margin-bottom: 180px;
  }
  /* @media (min-width: 769px) {
      .homepage-slider__articles {
          padding-bottom: 0 !important;
      }
  } */
  
  /* ----------------------------------- */
  
    
  
    .slider3d__heading img {
      width: auto;
      height: auto;
      width: 440px;
  }

  /* ------------------------404-------------------------- */
section.banner.error {
    background: #000;
    text-align: center;
    height: 100vh;
}
.banner.error h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 400;
}
.banner.error .btn-demo {
    margin-top: 20px;
}
section.banner.error a {
    background: #497BF0 !important;
    padding: 14px 34px;
}
@media (max-width: 767px) {
.banner.error img {
        width: 100%;
    }
    .banner.error h3 {
        font-size: 25px;
    }
    .banner.error .btn-demo a {
        font-size: 18px;
    }
}


/* ---------------------contact us---------------------- */

.contact-info-items h3 {
    font-size: 28px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
    line-height: 30px;
}
.contact-info-items h4 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 7px;
    margin-top: 20px;
}
section.contact-us.section-padding-05 {
    padding-bottom: 120px;
}

.content-box svg {
    height: 55px;
    margin: 0 auto;
    width: 55px;
}
.content-box {
    border: 1px solid #d9d9d9;
    min-height: 280px;
    border-radius: 10px;
    background: #f6ffff;
    padding: 30px 30px;
    text-align: center;
}
.contact-info-items {
    margin-bottom: 60px;
    margin-top: 10px;
}
.content-box p {
    font-size: 16px;
    color: #000;
    line-height: 24px;
}
.content-box a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}


@media (max-width: 767px) {
.contact-info-items {
    margin-bottom: 20px;
    margin-top: 0;
}
.contact-banner .container {
    height: auto !important;
}
}






/* -----------------------------------------------------------contact us Page-------------------------------------------------------*/
.contact-left {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
    flex-flow: column;
    overflow: hidden;
    / background: linear-gradient(#000000 0 0) padding-box, linear-gradient(253deg, #da2eef, #2B6AFF, #39D0D8) border-box; /
    border: 2px solid transparent;
    border-radius: 15px;
    border-image-slice: 1;
    background: #000;
    border-radius: 15px;
    padding: 0 40px;
    / background: linear-gradient(0deg, rgba(26, 44, 72, 1) 0%, rgba(27, 28, 41, 1) 100%) padding-box,  linear-gradient(253deg, #da2eef, #2B6AFF, #39D0D8) border-box; /
    border: 1px solid #081722;
}


.contact-banner {
    background-image: url(../img/contact-us.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 155px !important;
    padding: 90px 15px;
    background-size: cover;
    padding-bottom: 90px;
    height: auto;
    background-image: inherit !important;
    background: #000;
}
section.contact-us.section-padding-05 {
    background: #000;  
}


.contact-blur-bottom-wrap {
    pointer-events: none;
    justify-content: end;
    align-items: flex-end;
    width: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
}
/* .contact-blur-top {
    pointer-events: none;
    width: 16.25rem;
    height: 13.75rem;
    position: relative;
}
.contact-blur-bottom {
    pointer-events: none;
    width: 31.13rem;
    height: 32.19rem;
    position: relative;
} */
.contact-heading {
    z-index: 1;
    row-gap: 1.13rem;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
    flex-flow: column;
}
.contact-blur-top-wrap {
    pointer-events: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
}
.contact-banner .contact-left h2 {
    font-size: 40px;
    color: #FFF;
    font-weight: 700;
    line-height: 45px;
    margin-top: 35px;
    margin-bottom: 20px;
}
.text-link-2 {
    column-gap: 0.75rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    text-decoration: none;
}
.icon-20 {
    justify-content: center;
    align-items: center;
    width: 21px;
    height: 21px;
    display: flex;
    color: #fff;
}
.text-normal-16 {
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    color: #fff;
}


/* / =============================Right form============================== / */

#form-box #msform fieldset {
    background: #ffffff00;
}
div#form-box {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
    flex-flow: column;
    overflow: hidden;
    border: 2px solid transparent;
    border-image-slice: 1;
    / background: #000; /
    border-radius: 15px;
    padding: 40px 40px;
    / background: linear-gradient(0deg, rgba(26, 44, 72, 1) 0%, rgba(27, 28, 41, 1) 100%) padding-box,  linear-gradient(253deg, #da2eef, #2B6AFF, #39D0D8) border-box; /
    background-color:  #010E16;
    border: 2px solid #081722;
}
div#form-box .contact-blur-bottom-wrap {
    pointer-events: none;
    justify-content: end;
    align-items: flex-end;
    position: absolute;
    inset: auto 0% 0% auto;
}

.contact-banner div#form-box .col-md-7 h2 {
    margin-top: 0 !important;
}
.contact-banner .col-md-7 h2 {
    margin-top: 0 !important;
}
div#form-box .heading-top p {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}
div#form-box p.b-p {
    font-size: 13px;
    text-align: left;
    color: #ffffff;
    border-top: 0px solid #a6a6a6;
    padding-top: 8px;
    margin-top: 10px;
}
div#form-box p#user_type_text {
    color: #fff;
}
div#form-box #msform fieldset {
    padding: 20px 0;
}


div#form-box .form-group input, div#form-box .form-group textarea, div#form-box .form-group select {
    padding: 14px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 0px 1px #000000cf;
    font-size: 14px !important;
    color: #fff !important;
    margin-bottom: 16px;
    background: inherit !important;
    border-bottom: 1px solid #e5e8ec5c !important;
    border-radius: 0px;
    box-shadow: none !important;
    font-weight: 300;
    / text-transform: uppercase; /
}
/* select {
    color: #9e9e9e;
  } */
  option:not(:first-of-type) {
    color: black;
  }
  div#form-box .form-group select:required:invalid {
    color: #ffffffa3 !important;
  }
  div#form-box .form-group option[value=""][disabled] {
    display: none;
  }
  div#form-box .form-group option {
    color: black;
  }

div#form-box option {
    color: #000;
}
div#form-box input::placeholder, div#form-box textarea::placeholder {
    color: #ffffffa3 !important;
}

/ textarea /

div#form-box input.previous.action-button-previous {
    background: #ffffff;
    color: #fff !important;
    padding: 15px 11px !important;
    width: 40px !important;
    border-radius: 8px !important;
    margin: 20px 10px 0px 0px !important;
    padding: 0;
    font-weight: 300 !important;
    height: 40px;
    position: absolute;
    top: -26px;
    left: -25px;
    background-image: url(../img/rt-arrow.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    background-position-x: 5px;
    background-position-y: 3px;
}


.contact-banner div#form-box input.next.action-button {
    background: #000;
    color: #fff !important;
    padding: 10px 0px !important;
    width: 135px !important;
    border-radius: 8px !important;
    margin-top: 20px;
    background: rgb(3, 16, 28);
    background: radial-gradient(circle, rgba(3, 16, 28, 1) 0%, rgba(64, 64, 64, 1) 100%);
    border: 1px solid #ffffff73;
    font-size: 16px;
}

.contact-banner .container {
    height: auto !important;
}
.contact-banner {
    / padding-bottom: 0 !important; /
}




@media (max-width: 767px) {
    div#form-box .form-group input, div#form-box .form-group textarea, div#form-box .form-group select {
        padding: 12px 0 !important;
        margin-bottom: 11px;
    }
    .contact-banner {
        padding: 90px 0px;
    }
.contact-banner {
    padding-top: 95px !important;
}
.contact-left {
    border-radius: 6px;
    padding: 0 15px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.contact-blur-bottom-wrap, .contact-blur-top-wrap {
    display: none;
}
.contact-banner .contact-left h2 {
    font-size: 28px;
    color: #FFF;
    font-weight: 700;
    line-height: 31px;
    margin-top: 20px;
}

div#form-box p.b-p {
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    / border-top: 1px solid #a6a6a6; /
    padding-top: 0px;
    margin-top: 10px;
    line-height: 18px;
    margin: 0 0px;
}
div#form-box .heading-top p {
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    line-height: 20px;
}
div#form-box h2 {
    font-size: 20px !important;
    line-height: 40px !important;
    margin-top: 20px !important;
}
div#form-box {
    padding: 10px 15px 20px;
}
div#form-box #msform {
    text-align: center;
    position: relative;
    margin-top: 0;
}
iframe {
    height: 400px;
}
.text-danger {
    font-size: 15px;
}
}


@media (min-width: 768px) and (max-width: 1199px) { 
div#form-box {
    padding: 30px 20px;
}
.heading-top h2 {
    font-size: 35px !important;
    font-weight: 600 !important;
    text-align: center;
    line-height: 40px !important;
}
.contact-left {
    padding: 0 20px;
}
}

@media (min-width: 1200) and (max-width: 1400) { 
    .heading-top h2 {
        font-size: 45px !important;
    }
    }



.contact-banner .contact-left h2 {
    text-transform: none !important;
}
.contact-banner .col-md-7 h2 {
    text-transform: none !important;
}

.option:nth-child(1) {
    border-radius: 15px;
}

div#form-box p.b-p a {
    color: #fff;
}





/* / ================================================================================================================================================================================================ / */

.contact-banner {
    / padding-bottom: 0 !important; /
    height: 100%;
}
#form-box .col-lg-12.col-md-12 {
    width: 100%;
}

.header_logo .container {
    height: auto;
}
.header_logo .container .header-logo img {
    padding-top: 20px;
}
.header_logo {
    position: absolute;
    width: 100%;
}

.contact-banner {
    height: 108vh;
}



section.contact-us.section-padding-05.contact-us-details {
    background: #fff !important;
}
section.contact-banner.banner.banner-details {
    background-image: url(../img/contact-us.png) !important;
    height: 100vh;
}