.hero__text-3 {
max-width: 370px !important;
}
.hero__area-3 .sec-sub-title::after {
position: absolute;
content: "";
width: 90px;
height: 3px !important;
left: 100%;
top: 12px;
background-color: #ae2eff !important;
}
.hero__area-3 .scroll-down img {
-webkit-filter: invert(1) !important;
filter: invert(1) !important;
} .main-menu-3 > li > a {
color: #ffffff !important;
}
.main-menu-3 > li > a .menu-text {
text-shadow: 0 16px 0 #ffffff !important;
}
#search_icon:hover {
-webkit-filter: invert(0.2) !important;
filter: invert(0.2) !important;
}
.header__nav-icon-3 button {
color: var(--white) !important;
}
.header__nav-icon-3 img {
-webkit-filter: invert(1) !important;
filter: invert(1) !important;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-3 .sec-title {
font-size: 260px !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-3 .sec-title {
font-size: 260px !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .sec-title {
font-size: 180px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .sec-title {
font-size: 130px !important;
}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .sec-title {
font-size: 90px !important;
}
}
.header__area-3.sticky-3 {
background-color: var(--black-2) !important;
border-color: var(--secondary) !important;
}
.hero__about-info {
display: -ms-grid;
display: none !important;
}
.hero__about-row {
display: none !important;
}
.story__area .from-text {
background-color: #530087 !important;
color: #ffffff !important;
}
.hero__about {
background-image: url(https://cognoscentix.com/wp-content/uploads/2024/01/about-bg-01.png) !important;
background-repeat: no-repeat;
background-position: top right;
overflow: hidden;
}
.development__content {
border-bottom: 1px solid #530087 !important;
}
.development__area {
overflow: hidden;
background-image: url(https://cognoscentix.com/wp-content/uploads/2024/01/about-bg-01.png) !important;
background-repeat: no-repeat;
background-position: top right;
overflow: hidden;
}
.hero__area-3::after {
position: absolute;
content: "";
width: 100% !important;
height: 100% !important;
right: 0px !important;
top: 0px !important;
background-image: url(https://cognoscentix.com/wp-content/uploads/2024/01/about-bg-03.png) !important;
background-repeat: no-repeat;
background-position: right top;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .hero3-img {
position: relative !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .hero3-img {
position: relative !important;
}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .hero3-img {
position: relative !important;
}
}
.contact__area-6 {
background-image: url(https://cognoscentix.com/wp-content/uploads/2024/01/about-bg-04.png) !important;
background-repeat: no-repeat;
background-position: top right;
overflow: hidden;
}
.header__area {
mix-blend-mode: normal !important;
}
.blog__detail-content {
width: 80% !important;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.blog__detail-content {
width: 80% !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.blog__detail-content {
width: 80% !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__detail-content {
width: 90% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__detail-content {
width: 90% !important;
}
}
@media only screen and (max-width: 767px) {
.blog__detail-content {
width: 90% !important;
}
}