/*
Theme Name: Remote
Theme URI: https://wordpress.com/theme/remote
Author: Automattic
Author URI: https://automattic.com
Description: Remote is a dark, minimal block theme ideal for bloggers. Its default styles - a sans-serif font and dark background - contribute for a comfortable, immersive reading experience. It features a set of bold block patterns such as a large posts list and bordered categories and tags.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.7
Version: 1.1.4
License: GNU General Public License v2 or later
License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
Text Domain: remote
Tags: one-column, block-patterns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, threaded-comments, translation-ready, wide-blocks, style-variations
*/
/* @font-face {
font-family: "Segoe UI";
src: url("./fonts/SegoeUI-Italic.woff2") format("woff2"), url("./fonts/SegoeUI-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
src: url("./fonts/SegoeUI-BoldItalic.woff2") format("woff2"), url("./fonts/SegoeUI-BoldItalic.woff") format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
src: url("./fonts/SegoeUI-Bold.woff2") format("woff2"), url("./fonts/SegoeUI-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
src: url("./fonts/SegoeUI.woff2") format("woff2"), url("./fonts/SegoeUI.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
} */
@font-face {
font-family: "Segoe UI";
/* UPDATED PATH: Assumes 'assets/fonts' folder is within the theme root */
src: url("./assets/fonts/SegoeUI-Italic.woff2") format("woff2"), url("./assets/fonts/SegoeUI-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
/* UPDATED PATH */
src: url("./assets/fonts/SegoeUI-BoldItalic.woff2") format("woff2"), url("./assets/fonts/SegoeUI-BoldItalic.woff") format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
/* UPDATED PATH */
src: url("./assets/fonts/SegoeUI-Bold.woff2") format("woff2"), url("./assets/fonts/SegoeUI-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
/* UPDATED PATH */
src: url("./assets/fonts/SegoeUI.woff2") format("woff2"), url("./assets/fonts/SegoeUI.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--white: #fff;
--purple: #2e1a46;
--orange: #ff8672;
--background-color: #211531;
--title_h1: clamp(2.8rem, 4.2vw, 7rem);
--big_h2: clamp(2.6rem, 4.0vw, 6rem);
--title_h2: clamp(2.4rem, 4.2vw, 4.8rem);
--big_h3: clamp(2.1rem, 4.2vw, 3.4rem);
--title_h3: clamp(2rem, 4.2vw, 3.2rem);
--title_h4: clamp(1.8rem, 4.2vw, 2.4rem);
--title_h1_lineheight: 115%;
--big_h3_lineheight: 135%;
--big_h2_lineheight: 110%;
--title_h2_lineheight: 125%;
--title_h3_lineheight: 131.25%;
--title_h4_lineheight: 141.7%;
--normal_font: clamp(1.6rem, 4.2vw, 1.8rem);
--forteen_font: 1.4rem;
--sixteen-font: 1.6rem;
--eighteen_p: 1.8rem;
--twenty-font: 2rem;
--normal_font_lineheight: 155.6%;
--forteen_font_lineheight: normal;
--sixteen_font_lineheight: 150%;
--twenty_font_lineheight: normal;
--eighteen_font_lineheight: normal;
}
.bg_color {
background-color: var(--background-color);
}
.bg_purple {
background-color: var(--purple);
}
html {
font-size: 10px;
scroll-behavior: smooth;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Segoe UI";
color: var(--white);
background: var(--purple);
font-style: normal;
}
.container {
max-width: 1630px;
margin: 0 auto;
width: 100%;
padding: 0 clamp(20px, 5vw, 50px);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Segoe UI";
font-weight: normal;
line-height: normal;
}
h1,
.title_h1 {
font-size: var(--title_h1);
line-height: var(--title_h1_lineheight);
font-weight: 700;
background: linear-gradient(90deg, #2e1a46 -85%, #fff 43.18%, #fff 92%, #2e1a46 107.35%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h2,
.title_h2 {
font-size: var(--title_h2);
line-height: var(--title_h2_lineheight);
}
h2,
.big_h2 {
font-size: var(--big_h2);
line-height: var(--big_h2_lineheight);
}
h3,
.title_h3 {
font-size: var(--title_h3);
line-height: var(--title_h3_lineheight);
}
.big_h3 {
font-size: var(--big_h3);
line-height: var(--big_h3_lineheight);
}
h4,
.title_h4 {
font-size: var(--title_h4);
line-height: var(--title_h4_lineheight);
font-weight: bold;
}
p,
li {
font-size: var(--normal_font);
line-height: var(--normal_font_lineheight);
}
.twenty_p p, .about_service_box_description.twenty_p li
{
font-size: var(--twenty-font);
line-height: var(--twenty_font_lineheight);
}
.sixteen_font p, .content_description ul li, .content_description ol li {
font-size: var(--sixteen-font);
line-height: var(--sixteen_font_lineheight);
}
.eighteen_p p {
font-size: var(--eighteen_p);
line-height: var(--eighteen_font_lineheight);
}
.fourtenn_font p {
font-size: var(--forteen_font);
line-height: var(--forteen_font_lineheight);
}
li {
list-style-type: none;
}
a {
font-size: var(--sixteen-font);
line-height: var(--sixteen-font_lineheight);
text-decoration: none;
color: var(--white);
font-family: "Segoe UI";
}
.btn,
.normal_text p,
.form_btn .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18.5px 34px;
font-size: var(--forteen_font);
line-height: var(--forteen_font_lineheight);
color: var(--purple);
background-color: var(--orange);
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
border-radius: 8px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
.btn:hover,
.form_btn .btn:hover {
background: var(--white);
}
.normal_white {
color: var(--white);
border: 1px solid var(--white);
background-color: transparent;
}
.normal_white:hover {
color: var(--purple);
background-color: var(--orange);
border: 1px solid transparent;
}
.orange_bor_btn p {
padding: 11px 23.5px;
color: var(--orange);
border: 1px solid var(--orange);
background-color: transparent;
text-transform: initial;
font-weight: normal;
border-radius: 500px;
cursor: initial;
}
img {
max-width: 100%;
height: auto;
display: block;
user-select: none;
}
/*********************************** Header ***********************************/
.header_menu li:hover a {
color: var(--wp--preset--color--primary);
}
.header {
padding: 29px 0 28px;
position: fixed;
top: 38px;
left: 0;
width: 100%;
z-index: 9999;
background: transparent;
transition: background 0.3s ease, padding 0.3s ease;
}
.menu-scrolled header {
background: #2e1a46;
padding: 20px 0;
box-shadow: -6px 12px 14px 6px rgba(0, 0, 0, 0.3);
}
.header_main {
display: flex;
justify-content: space-between;
gap: 30px;
}
.header_logo {
width: max-content;
display: flex;
}
.header_logo a {
display: flex;
}
.mobileIcon {
display: none;
}
.header_right {
display: flex;
align-items: center;
flex: 1;
justify-content: space-between;
}
.header_menu {
margin: 0px auto;
}
.header_menu ul {
display: flex;
width: max-content;
gap: 55px;
}
.header_menu li,
a.hover_btn {
position: relative;
}
.header_menu li:after,
a.hover_btn:after {
content: "";
position: absolute;
left: 0;
width: 0%;
height: 1px;
background: var(--orange);
bottom: -7px;
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
}
.header_top_bar .header_top_main_otr .header_top_link a img{
transition:all ease-in-out 0.3s;
}
.header_top_bar .header_top_main_otr .header_top_link a:hover img {
filter: brightness(0) saturate(100%);
}
.header_menu li:hover:after,
a.hover_btn:hover:after,
.header_menu li.active:after {
opacity: 1;
visibility: visible;
width: 100%;
}
.last_menu_hide {
display: flex;
align-items: center;
gap: 30px;
}
/* Hero Banner */
.hero_banner {
position: relative;
aspect-ratio: 1920 / 1205;
padding-top: 12.5vw;
}
.banner_bg_image {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: -1;
padding-top: 265px;
}
.banner_bg_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero_banner_top {
display: flex;
max-width: 1000px;
flex-direction: column;
margin: 0px auto;
gap: 20px;
text-align: center;
align-items: center;
}
.banner_description_btn {
display: flex;
flex-direction: column;
gap: 48px;
align-items: center;
}
.banner_description_btn h4 {
font-weight: normal;
}
/* Problem Section */
.problem_otr {
padding: 70px 0 0px;
display: flex;
flex-direction: column;
gap: 170px;
overflow: hidden;
}
#problem .problem_btn_title_otr .problem_btn_title_main {
max-width: 1360px;
position: relative;
}
#problem .problem_btn_title_otr .problem_btn_title_main .problem_title {
background: linear-gradient(180deg, #fff 33.18%, #2e1a46 113.35%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.problem_otr .problem_btn_title_otr .problem_title h2 {
font-weight: 700;
}
.problem_otr .problem_title h2 span {
font-weight: 400;
}
.single_span h2 span {
color: var(--orange);
font-weight: bold;
}
.problem_btn_title_main {
display: flex;
flex-direction: column;
gap: 20px;
}
.hiden_hover_content {
width: 51%;
padding: 153px 207px 153px 185px;
display: flex;
flex-direction: column;
gap: 40px;
}
.hover_bg_content_main {
max-width: 1920px;
margin: 0px auto;
display: flex;
align-items: stretch;
position: relative;
justify-content: flex-end;
}
.hover_bg_content_image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.hover_bg_content_image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.7s ease-in-out;
z-index: 1;
}
.hover_bg_content_image:before {
content: "";
position: absolute;
left: 0;
width: 932px;
height: 100%;
background: linear-gradient(60.61deg, #2e1a46 9.28%, rgba(46, 26, 70, 0) 50.57%);
}
.hover_bg_content_image:after {
content: "";
position: absolute;
right: -1px;
bottom: -1px;
width: 77px;
height: 105px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.hover_bg_content_main:hover .hover_bg_content_image {
width: 49%;
}
.problem_description {
max-width: 544px;
display: flex;
flex-direction: column;
gap: 24px;
}
.problem_description_btn {
display: flex;
flex-direction: column;
gap: 80px;
}
.problem_btn {
display: flex;
align-items: center;
gap: 50px;
}
.problem_otr .problem_title h2 span.dash_orange {
color: var(--orange);
-webkit-text-fill-color: var(--orange);
}
/* Key Capabilities */
.key_capability {
padding: 180px 0;
}
.key_capability_main {
display: flex;
flex-direction: column;
gap: 80px;
}
.key_capability .problem_btn_title_main {
max-width: 857px;
}
.capability_box_otr {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px 50px;
}
.capability_box {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 40px;
border-top: 1px solid var(--orange);
}
/* Slider Section */
.strategic_value .problem_title span {
font-style: italic;
}
.strategic_value .problem_title {
max-width: 597px;
}
.value_slider_otr {
display: flex !important;
flex-direction: column;
gap: 35px;
width: 100%;
}
.value_slide {
display: flex !;
flex-direction: column;
gap: 16px;
}
.value_slider_main .value_slide:last-child {
padding-right: 20px;
}
.strategic_value_container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
max-width: 1920px;
margin: 0px auto;
}
.strategic_value_right {
width: 41.875%;
display: flex;
flex-direction: column;
gap: 34px;
}
.strategic_value_image {
flex: 1;
max-width: 48.6%;
position: relative;
}
.potrait_image {
max-width: 487px;
margin-right: 41px;
margin-left: auto;
overflow: hidden;
}
.potrait_image img {
scale: 1;
overflow: hidden;
transition: all 0.3s ease-in-out;
width: 100%;
height: 100%;
}
.potrait_image:after {
content: "";
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
right: 41px;
bottom: -2px;
position: absolute;
width: 64px;
height: 88px;
background-size: 100% 100%;
}
.lanscape_image {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.lanscape_image:after {
content: "";
position: absolute;
left: 0;
top: 0;
background: linear-gradient(60.61deg, #2e1a46 9.28%, rgba(46, 26, 70, 0) 50.57%);
height: 100%;
width: 100%;
}
.skill_progress_pag {
position: unset !important;
margin: 0 !important;
padding: 0 !important;
max-width: 70%;
background: var(--orange) !important;
height: 1px !important;
}
.skill_progress_pag span {
height: 6px !important;
top: -3px !important;
background: var(--orange) !important;
}
/* Security Perimeter */
.security_perimeter {
padding: 144px 0 0 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.security_perimeter_top_main {
max-width: 855px;
margin: 0px auto;
text-align: center;
display: flex;
flex-direction: column;
gap: 26px;
}
.security_perimeter_top_main span {
font-style: italic;
}
.security_hover_image {
position: relative;
aspect-ratio: 1920 / 739;
}
.security_image_inr {
width: 57%;
transition: all 0.7s ease-in-out;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.security_hover_image:hover .security_image_inr {
width: 100%;
}
.security_hover_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.security_hover_image:after {
content: "";
position: absolute;
left: 0;
top: -1px;
width: 100%;
height: 40%;
background: linear-gradient(180deg, #2e1a46 30.6%, rgba(46, 26, 70, 0) 75.9%);
}
/* How Its Work */
.how_its_work {
padding: 186px 0 160px;
}
.how_its_work h2 {
font-weight: 700;
}
.how_its_work h2 span {
font-weight: 400;
display: block;
}
.how_its_work .problem_title {
position: relative;
overflow: hidden;
}
.how_its_work .problem_title:after {
content: "";
position: absolute;
left: -310px;
top: 0;
background: linear-gradient(90deg, #0a0e2e -2.3%, #fffcfc 41.59%, #fffcfc 60.31%, #0a0e2e 109.1%);
background-blend-mode: darken;
mix-blend-mode: darken;
width: 100%;
height: 100%;
}
.capability_box ul {
display: flex;
flex-direction: column;
gap: 6px;
}
.capability_box ul li {
padding-left: 32px;
position: relative;
}
.capability_box ul li:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 9px;
height: 9px;
background: var(--orange);
border-radius: 100%;
transform: translateY(-50%);
}
/************trust section**************/
.trust_bg_img {
position: absolute;
inset: 0;
}
.trust_section {
position: relative;
min-height: 765px;
padding: 100px 0;
display: flex;
justify-content: center;
align-items: center;
}
.trust_bg_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.trust_main {
position: relative;
}
.trust_inner {
max-width: 987px;
margin: 0 auto;
text-align: center;
}
.trust_title .title_h2 span {
font-style: italic;
}
.trust_title {
padding: 20px 0 40px;
}
.trust_inner_title .title_h3 span:first-child {
color: var(--orange);
}
.trust_inner_title .title_h3 span {
font-weight: 700;
}
.trust_inner_title .title_h3 {
padding-bottom: 40px;
}
/*********logo section ******/
.logo_section {
padding: 127px 0 106px;
position: relative;
display: none;
}
.logo_section .cmn_border_img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.logo_img img {
width: 100%;
height: 100%;
}
.logo_img {
max-width: 1353px;
margin: 0 auto;
}
.logo_tablet,
.logo_mb {
display: none;
}
/***************experience section*****************/
.experience_section {
overflow: hidden;
position: relative;
}
.experience_bg_img img {
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 1;
}
.experience_inner_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.experience_inner_img {
position: absolute;
inset: 0;
transition: all ease-in-out 0.4s;
max-width: 1920px;
margin: 0 auto;
}
.experience_main {
position: relative;
padding: 100px 0;
min-height: 1088px;
display: flex;
align-items: center;
justify-content: center;
}
.experience_bg_img::after {
content: "";
position: absolute;
background: linear-gradient(180deg, #2e1a46 30.6%, rgba(46, 26, 70, 0) 75.9%);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 100%;
inset: 0;
opacity: 0.999;
}
.experience_bg_img {
position: relative;
z-index: 2;
}
.experience_content {
position: relative;
opacity: 0;
transition: all ease-in-out 0.4s;
z-index: 1;
}
.experience_row {
max-width: 725px;
text-align: center;
}
.experience_main::after {
content: "";
position: absolute;
height: 100%;
width: 1080px;
/* background: url(./images/rounded_patch.png); */
background: url("/wp-content/uploads/2025/12/rounded_patch.png");
left: 50%;
transform: translateX(-50%);
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transition: all ease-in-out 0.4s;
}
.experience_otr:hover .experience_main::after {
opacity: 1;
}
.experience_otr:hover .experience_inner_img {
opacity: 0;
}
.experience_main::before {
content: "";
position: absolute;
width: 100%;
height: 521px;
/* background: url(./images/orange_patch.png); */
background: url("/wp-content/uploads/2025/12/orange_patch.png");
z-index: 1;
background-repeat: repeat-x;
background-size: 100%;
background-position: bottom;
bottom: 0;
}
.experience_description {
padding: 40px 0 60px;
}
.experience_otr:hover .experience_content {
opacity: 1;
}
.experience_otr {
margin-top: -264px;
}
.cmn_border_img {
width: max-content;
margin: 0 auto;
}
.experience_title {
padding-top: 60px;
}
.experience_btn.problem_btn {
justify-content: center;
}
/****************footer****************/
/*
.footer .container {
max-width: 1570px;
}
.footer_main {
display: flex;
align-items: stretch;
}
.cmn_footer {
padding: 57px 80px 57px 0;
border-right: 1px solid #FF8672;
margin-right: 130px;
}
.cmn_footer:last-child {
border: none;
margin: 0;
padding-right: 0;
}
.footer_links_top p span {
color: var(--orange);
}
.footer_links_top p span,
.footer_links_top p a {
font-size: var(--twenty-font);
line-height: var(--twenty_font_lineheight);
font-weight: 400;
}
.footer_links_top p:last-child a {
font-weight: 700;
}
.footer_links_btm {
padding-top: 28px;
}
.footer_links_btm p,
.footer_links_btm p a {
font-size: 12px;
}
.footer_links {
min-width: 450px;
}
.footer_content .title_h3 {
color: var(--orange);
font-weight: 700;
}
.footer_content {
display: flex;
align-items: end;
} */
/****************form*******************/
.contact_form {
background: linear-gradient(180deg, #ff8672 0%, #2e1a46 92.72%);
position: fixed;
right: 0;
left: auto;
top: 0;
bottom: 0;
max-width: 786px;
width: 100%;
z-index: 9999;
transform: translateX(100%);
transition: all 0.3s ease-in-out;
}
.open_popup_form .contact_form {
transform: translate(0);
}
.form_top {
display: flex;
justify-content: space-between;
gap: 30px;
align-items: center;
}
.form_title {
display: flex;
align-items: center;
gap: 7px;
}
.form_text .title_h4 {
font-size: 2.8rem;
font-weight: 700;
line-height: 1.2;
}
.form_icon {
width: 19px;
height: 19px;
}
.close_icon {
display: flex;
align-items: center;
gap: 7px;
cursor: pointer;
}
.close_icon p {
font-size: var(--twenty-font);
line-height: var(--twenty_font_lineheight);
font-weight: 400;
}
.close_svg,
.close_svg svg {
width: 19px;
height: 19px;
}
.contact_form::after {
content: "";
background: rgb(177 95 98 / 54%);
position: absolute;
width: 100%;
height: 100%;
inset: 0;
}
.form_main {
position: relative;
z-index: 2;
}
.form_inner {
max-width: 476px;
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 40px;
}
.form_row p {
display: flex;
gap: 40px;
align-items: center;
}
.form_row p br {
display: none;
}
.form_inner input,
.form_inner input::placeholder,
.form_inner label,
.form_inner textarea {
background: transparent;
box-shadow: none !important;
outline: none !important;
border: none;
border-bottom: 1px solid white;
font-size: 16px;
font-weight: 400;
color: var(--white);
padding: 0 10px 10px 0;
width: 100%;
font-family: "Segoe UI";
}
.contact_form .container {
padding: 45px 50px 50px 98px;
}
.form_inner label {
border: none;
padding: 0;
}
.form_inner textarea {
border: 1px solid white;
resize: none;
min-height: 220px;
margin-top: 12px;
padding: 10px;
}
.radio_button .wpcf7-radio {
display: flex;
margin-top: 30px;
align-items: center;
gap: 34px;
flex-wrap: wrap;
}
.radio_button .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 10px;
}
.radio_button .wpcf7-list-item {
margin: 0;
}
.form_inner .wpcf7-not-valid-tip {
position: absolute;
font-size: 16px;
margin: 0;
line-height: 1;
color: var(--purple);
top:100%;
}
.radio_button .wpcf7-list-item input[type="radio"] {
width: 16px;
height: 16px;
appearance: none;
-webkit-appearance: none;
border: 2px solid #ff8672;
border-radius: 50%;
position: relative;
cursor: pointer;
outline: none;
}
.radio_button .wpcf7-list-item input[type="radio"]:checked::before {
content: "";
width: 7px;
height: 7px;
background-color: #ff8672;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.radio_button .wpcf7-list-item span {
line-height: 30px;
flex: 1;
}
.form_btn .btn {
cursor: pointer;
font-family: "Segoe UI";
}
.form_btn {
width: max-content;
}
/* .footer_links_btm p a {
transition: all ease-in-out 0.4s;
}
.footer_links_btm p a:hover {
color: var(--orange);
} */
/**************cmn page**************/
.cmn_page_section {
padding: 150px 0 100px;
}
.cmn_page_main_title {
padding-bottom: 50px;
}
.cmn_page_row .title_h3 {
font-weight: 700;
padding-bottom: 24px;
}
.cmn_page_description p:not(:last-child),
.cmn_page_description:not(:last-child) {
padding-bottom: 16px;
}
.cmn_page_row {
padding-bottom: 40px;
}
.cmn_page_row_content .title_h4 {
padding-bottom: 16px;
font-weight: 500;
}
.cmn_page_description ul li {
position: relative;
padding: 0 0 10px 24px;
}
.cmn_page_description ul li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 12px;
height: 12px;
background: var(--orange);
border-radius: 100%;
}
.cmn_page_row_content,
.cmn_pad {
padding-bottom: 20px;
}
.cmn_page_description ul li:last-child {
padding-bottom: 0;
}
.cmn_top_pad {
padding-top: 16px;
}
.cmn_page_row_content:last-child {
padding-bottom: 0;
}
.cmn_page_row_content p a,
.cmn_page_row_content ul li a {
text-decoration: underline;
transition: all ease-in-out 0.4s;
}
.cmn_page_row_content p a:hover,
.cmn_page_row_content ul li a:hover {
color: var(--orange);
}
.italic_font {
font-style: italic;
}
.cmn_page_btm_text .title_h4 {
padding-top: 30px;
}
/*************** new footer******************/
.footer_bg_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.footer_bg_img {
position: absolute;
inset: 0;
}
.footer {
position: relative;
}
.footer_main {
position: relative;
z-index: 1;
}
.footer_top {
padding: 110px 0 95px;
max-width: 1000px;
}
.footer_title {
padding: 75px 0 95px;
}
.session_box_main {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
position: relative;
padding-bottom: 60px;
margin-bottom: 60px;
}
.session_inner_title {
padding-bottom: 33px;
}
.session_box_main::after {
content: "";
position: absolute;
/* background: url(./images/vertical_line.svg); */
background: url(/wp-content/uploads/2025/12/vertical_line.svg);
width: 2px;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
left: 50%;
transform: translatex(-50%);
}
span.orange_text {
color: var(--orange);
}
.session_inner_title p,
.address_top p {
font-size: var(--twenty-font);
font-weight: 300;
}
.address_box_main {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 140px;
}
.address_top p span {
font-weight: 400;
display: block;
color: var(--orange);
}
.address_box {
display: flex;
flex-direction: column;
gap: 20px;
}
.address_btm {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 4px;
}
.session_btn .hover_btn,
.address_btm a {
font-size: var(--twenty-font);
}
.footer_btm {
border-top: 1px solid #1d133a;
padding: 30px 0;
}
.footer_btm_main {
display: flex;
gap: 50px;
align-items: center;
justify-content: space-between;
}
.footer_btm_left {
width: 42%;
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.footer_btm_right {
width: 45%;
display: flex;
gap: 20px;
align-items: center;
}
.footer_btm_left_title .title_h3 {
color: var(--orange);
font-weight: 700;
}
.footer_right_content p {
font-size: 10px;
font-weight: 300;
}
.footer_right_content {
flex: 1;
}
.footer_social {
display: flex;
gap: 16px;
align-items: center;
}
.social_img a img {
transition: all ease-in-out 0.4s;
}
.social_img a:hover img {
transform: scale(1.1);
}
.address_btm a span {
color: var(--orange);
}
.copyright_left a {
font-size: var(--twenty-font);
}
.copyright {
background: #0a0e2e;
padding: 15px 0;
}
.copyright_main {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
}
.copyright_left {
width: max-content;
}
.copyright_right {
width: max-content;
}
.copyright_right ul {
display: flex;
align-items: center;
}
.copyright_right li,
.copyright_right li a {
font-size: 10px;
font-weight: 300;
}
.copyright_right li:not(:last-child) {
border-right: 1px solid #ffffff91;
padding-right: 8px;
margin-right: 8px;
}
/* New Page Css */
.product_banner {
position: relative;
aspect-ratio: 1920 / 782;
display: flex;
align-items: center;
padding: 100px 0 51px;
z-index: 1;
}
.product_banner_img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.product_banner_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.product_banner_main {
height: 95%;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-end;
}
.product_banner_title {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
text-align: center;
gap: 69px;
max-width: 1293px;
margin: 0 auto;
z-index: 1;
justify-content: center;
}
.product_banner_btn {
width: max-content;
position: relative;
z-index: 1;
padding: 5px 10px;
border: 1px solid var(--orange);
border-radius: 16px;
}
.product_banner_btn h5 {
font-size: 24px;
font-weight: 700;
}
.product_banner_btn h5 span {
color: var(--orange);
}
.product_banner .container {
height: 100%;
}
.product_banner:after {
content: '';
background: transparent linear-gradient(181deg, #371C5880 0%, #211531 100%) 0% 0% no-repeat padding-box;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
}
.product_banner_title h4 {
max-width: 740px;
font-weight: 300;
}
.enterprise_case_section {
position: relative;
overflow: hidden;
padding-top: 68px;
background: transparent;
}
.enterprise_case_bg_img img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.enterprise_case_bg_img {
position: absolute;
height: 78.2%;
width: 100%;
bottom: 0;
}
.enterprise_case_title .big_h2 {
text-align: center;
padding-bottom: 6rem;
font-weight: 600;
}
.enterprise_case_row {
display: grid;
grid-template-columns: 45.752% 45.752%;
gap: 95px;
justify-content: space-between;
}
.enterprise_case_content {
padding-top: 24px;
display: flex;
flex-direction: column;
gap: 16px;
}
.enterprise_content_row p {
padding-bottom: 16px;
}
.enterprise_content_row p:last-child {
padding-bottom: 0;
}
.enterprise_content_row:not(:last-child) p {
padding-bottom: 16px;
}
.enterprise_content_row .title_h4 {
padding-bottom: 8px;
position: relative;
font-weight: 400;
}
.enterprise_case_main {
position: relative;
z-index: 1;
}
.enterprise_content_row {
padding-left: 20px;
}
.enterprise_content_row .title_h4::before {
content: '';
position: absolute;
left: -20px;
top: 13px;
background: #FF8672;
width: 10px;
height: 10px;
border-radius: 50%;
}
.blind_spots_heading {
display: flex;
align-items: flex-start;
gap: 111px;
padding-bottom: 77px;
}
.blind_spots_heading .title_h2 {
width: 45%;
}
.blind_spots_heading p {
flex: 1;
}
.blind_spots_section {
padding: 13px 0 21px;
background: #211531;
}
.blind_spots_grid_main {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 34px;
margin-bottom: 78px;
}
.blind_spots_grid_main .blind_spots_box {
padding: 24px;
background: rgb(78 63 96 / 20%);
border-radius: 24px;
display: flex;
flex-direction: column;
gap: 21px;
}
.blind_spots_icon {
width: 77px;
display: flex;
align-items: center;
justify-content: center;
padding: 13px 15px;
background: rgb(78 63 96 / 41%);
border-radius: 16px;
aspect-ratio: 1/1;
}
.edition_section {
padding: 42px 0 0;
position: relative;
overflow: hidden;
}
.edition_main {
display: flex;
align-items: center;
position: relative;
}
.edition_main:before {
content: '';
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1392' height='787' viewBox='0 0 1392 787'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.438' cy='0.5' r='0.366' gradientTransform='matrix(-1, 0, 0, 1.365, 0.875, -0.182)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23211531' stop-opacity='0'/%3E%3Cstop offset='0' stop-color='%23211531' stop-opacity='0.043'/%3E%3Cstop offset='1' stop-color='%23211531'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect id='Rectangle_5324' data-name='Rectangle 5324' width='1392' height='787' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
width: 92%;
height: 100%;
z-index: 1;
top: 0;;
background-size: 100% 100%;
left: auto;
right: -50px;
}
.edition_left {
width: 60.654%;
position: relative;
z-index: 2;
}
.edition_right {
flex: 1;
margin-right: -3%;
margin-left: -48.635%;
/* position: relative; */
}
.edition_right img {
mix-blend-mode: luminosity;
width: 100%;
height: 100%;
object-fit: cover;
}
.edition_left_accordian {
max-width: 700px;
padding: 24px 0 53px;
}
.edition_left .title_h2 {
padding-bottom: 24px;
}
.edition_left .title_h2+p {
color: var(--orange);
}
.edition_left_btm {
padding-bottom: 40px;
}
/* .edition_left_btm p {
color: var(--orange);
} */
.edition_left_btm a {
color: var(--orange);
font-size: 20px;
position: relative;
transition: all ease-in-out 0.4s;
}
.edition_left_btm a:after {
content: '';
position: absolute;
width: 0;
height: 1px;
background: var(--orange);
left: 0;
bottom: -2px;
transition: all ease-in-out 0.4s;
}
.edition_left_btm a:hover:after {
width: 100%;
}
.edition_left_row {
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.edition_left_title .title_h4 {
font-weight: 400;
}
.edition_left_row p {
opacity: 0.8;
transition: all ease-in-out 0.3s;
display: none;
}
.edition_left_title {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 8px;
}
.edition_left_row:last-child {
border: unset;
padding: 0;
margin: 0;
}
.edition_left_row.active .edition_accordian_arrow {
transform: rotate(-180deg);
}
.edition_accordian_arrow svg {
transition: all ease-in-out 0.8s;
}
.edition_accordian_arrow svg path {
transition: all ease-in-out 0.8s;
}
.edition_accordian_arrow {
transition: all ease-in-out 0.3s;
cursor: pointer;
}
.edition_left_row.active p {
display: block;
}
.enterprise_main_box .title_h4 {
color: var(--orange);
font-weight: 400;
padding-bottom: 10px;
}
.enterprise_main_box p {
font-weight: 200;
opacity: 80%;
}
.enterprise_main_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4.4rem 6rem;
padding-top: 6rem;
}
.enterprise_main .big_h2 {
text-align: center;
font-weight: 600;
}
.enterprise_main .big_h2 span {
color: var(--orange);
}
.enterprise_section {
padding-bottom: 36px;
position: relative;
}
.enterprise_section::after {
content: '';
position: absolute;
background: #FF8672;
height: 1px;
width: 31.094%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.enterprise_proof_main {
padding: 31px 0 52px;
}
.enterprise_proof_cmn_border svg {
width: 90%;
height: 1.15px;
margin: 0 auto;
}
.enterprise_proof_cmn_border {
height: max-content;
display: flex;
}
.enterprise_proof_section {
padding: 110px 0 23px;
position: relative;
z-index: 1;
background: transparent;
}
.enterprise_proof_main .big_h2 {
font-weight: 600;
}
.enterprise_proof_main .big_h2,
.enterprise_proof_content .title_h2 {
text-align: center;
}
.enterprise_proof_content p {
max-width: 700px;
margin: 0 auto;
font-weight: 200;
text-align: center;
opacity: 80%;
}
.enterprise_proof_content .title_h2 {
padding: 52px 0 16px;
}
.problem_btn.enterprise_proof_btns {
justify-content: center;
padding-top: 50px;
}
.enterprise_partnership_title .title_h1 {
text-align: center;
padding: 42px 0 72px;
}
.enterprise_partnership_content .title_h2 {
color: var(--orange);
font-weight: 400;
}
.enterprise_partnership_content .title_h4 {
padding: 28px 0 16px;
font-weight: 200;
}
.enterprise_parntership_row {
padding-top: 50px;
}
.enterprise_partnership_content {
max-width: 800px;
}
.enterprise_partnership_content p {
opacity: 80%;
}
.enterprise_parntership_row .title_h3 {
color: var(--orange);
padding-bottom: 38px;
}
.partnership_steps {
display: flex;
gap: 25px;
align-items: center;
}
.partnership_steps .title_h4 {
font-weight: 400;
opacity: 80%;
}
.partnership_steps:not(:last-child) {
padding-bottom: 22px;
}
.partnership_btn_otr .btn {
min-width: 190px;
}
.stories_section .trust_title .title_h2 {
font-style: italic;
}
.stories_section .trust_inner_title h3 {
font-style: italic;
}
.stories_section .trust_inner_title .title_h4 {
font-weight: 400;
}
.faq_otr {
padding: 75px 0 150px;
position: relative;
z-index: 1;
background: transparent;
}
.faq_image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.faq_image img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 15%;
}
.faq_otr_main {
max-width: 1000px;
margin: 0px auto;
display: flex;
align-items: center;
flex-direction: column;
gap: 50px;
}
.faq_main_title .big_h2 {
font-weight: 600;
}
.faq_row_otr {
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
z-index: 2;
}
.faq_image::after {
content: '';
position: absolute;
background: transparent radial-gradient(closest-side at 50% 50%, #2E1A4600 0%, #2E1A46 100%) 0% 0% no-repeat padding-box;
inset: 0;
}
.faq_image::before {
content: '';
position: absolute;
background: url(/wp-content/uploads/2025/12/faq_bg_top_patch.png );
width: 100%;
height: 100%;
inset: 0;
background-repeat: no-repeat;
background-size: 100%;
z-index: 1;
}
.faq_row {
display: flex;
flex-direction: column;
padding: 24px;
background: #FFFFFF0D;
border-radius: 16px;
}
.faq_row_title {
display: flex;
justify-content: space-between;
align-items: center;
}
.faq_row.active {
background: #FF8672;
}
.faq_row_answer {
overflow: hidden;
max-height: 0;
transition: max-height 0.4s ease, padding 0.3s ease;
}
.faq_row.active .faq_row_answer {
padding-top: 8px;
}
.faq_icon {
transition: transform 0.3s ease;
}
.faq_row.active .faq_icon {
transform: rotate(180deg);
}
.faq_row.active svg path {
fill: #2E1A46;
}
.faq_row_title {
cursor: pointer;
}
.faq_row_title h4 {
font-weight: 400;
}
.faq_row_answer p {
opacity: 0.8;
}
.otr_section_patch {
position: relative;
}
.otr_section_patch:after {
content: '';
position: absolute;
background: url('data:image/svg+xml,');
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
background-size: cover;
}
.platform_btm .right-to-left .swiper-slide.platform_logo {
width: auto !important;
}
.platform_btm {
margin-top: 63px;
}
.platform_section .big_h2 {
position: relative;
z-index: 1;
text-align: center;
font-weight: 600;
}
.platform_section {
position: relative;
padding-top: 28px;
background: var(--background-color);
padding-bottom: 50px;
}
.platform_section:before {
content: '';
position: absolute;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
z-index: 1;
}
.platform_section:after {
content: '';
position: absolute;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: cover;
inset: 0;
width: 100%;
height: 100%;
}
.right-to-left .swiper-wrapper {
transition-timing-function: linear !important;
}
/* Pricing page */
.pricing_otr {
padding-top: 200px;
}
.pricing_grid {
display: flex;
justify-content: space-between;
}
/* .pricing_features_col {
width: 28.25%;
} */
.pricing_plan_right {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
flex: 1;
gap: 16px;
}
.pricing_otr {
padding-top: 0;
transition: padding-top 0.2s ease;
background: var(--background-color);
padding-bottom: 120px;
position: relative;
}
.pricing_otr:after {
position: absolute;
content: '';
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 972px;
z-index: 0;
inset: 0;
mix-blend-mode: luminosity;
background-position: top;
top: -170px;
}
.pricing_main {
position: relative;
z-index: 1;
}
/* .pricing_plan_col {
display: flex;
flex-direction: column;
background: rgb(46 26 70 / 58%);
padding: 0;
border-radius: 32px;
} */
.pricing_plan_top {
display: flex;
flex-direction: column;
}
.pricing_plan_btn {
display: inline-block;
margin-top: 10px;
padding: 25px 34px;
text-decoration: none;
border: 1px solid var(--orange);
margin-top: auto;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
background: var(--orange);
color: #2E1A46;
border-radius: 8px;
transition: all ease-in-out 0.3s;
}
.pricing_plan_btn:hover {
background: transparent;
color: var(--orange);
}
.pricing_top_btn {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.pricing_tab_btn {
font-size: 20px;
color: white;
border: 1px solid var(--white);
outline: unset;
padding: 14px;
font-weight: 700;
border-radius: 0 0 22px 22px;
background-color: #2E1A46;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 210px;
border-top: unset;
font-family: "Segoe UI";
}
.pricing_tab_btn.is-active {
background: var(--orange);
}
.pricing_tab_btn {
cursor: pointer;
}
.pricing_change_btn {
display: flex;
align-items: center;
gap: 14px;
}
.pricing_toggle_btn {
width: 86px;
height: 45px;
border-radius: 999px;
border: 1px solid #707070;
background: #fff;
cursor: pointer;
position: relative;
}
.pricing_toggle_knob {
width: 44px;
height: 44px;
border-radius: 999px;
position: absolute;
top: 0;
left: 0;
background-color: var(--orange);
}
.pricing_toggle_btn.is-on .pricing_toggle_knob {
left: auto;
}
.pricing_tab_panel {
display: none;
}
.pricing_tab_panel.is-active {
display: block;
}
.pricing_features_list {
display: flex;
flex-direction: column;
gap: 10px;
}
.pricing_feature_item,
.pricing_plan_feature_item {
min-height: 24px;
display: flex;
align-items: center;
}
.pricing_plan_title {
font-size: 40px;
text-align: left;
}
.pricing_plan_desc {
font-size: 16px;
margin-top: 8px;
font-weight: 500;
color: var(--orange);
margin-bottom: 24px;
text-align: left;
}
/* .pricing_price {
font-size: 26px;
font-weight: 800;
} */
.pricing_badge {
margin-left: 25px;
font-size: 20px;
border-radius: 999px;
width: 54%;
color: var(--orange);
display: flex;
align-items: center;
}
.pricing_suffix {
font-size: 20px;
margin-top: 8px;
width: 100%;
text-align: left;
}
.pricing_plan_features {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 50px;
}
/* .pricing_feature_item {
position: relative;
gap: 12px;
} */
.pricing_row .pricing_td_feature {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
}
.pricing_feature_info_btn {
width: 22px;
height: 22px;
border-radius: 999px;
border: 1px solid var(--orange);
background: transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--orange);
}
.pricing_feature_tooltip {
position: absolute;
left: 40px;
top: 10px;
transform: translateY(-100%);
max-width: 225px;
/* padding: 10px 12px; */
border-radius: 10px;
z-index: 50;
background: #ff8a7a;
color: #fff;
font-size: 12px;
line-height: 16px;
width: 100%;
padding: 4px;
text-align: center;
}
.pricing_features_head {
padding: 12px;
}
.pricing_feature_item button.pricing_feature_info_btn:hover+span.pricing_feature_tooltip {
display: flex !important;
}
/* new css */
.title_tag_otr {
display: flex;
flex-direction: column;
gap: 40px;
}
.pricing_change_btn_otr {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding-top: 60px;
margin-bottom: 56px;
}
.title_tag_otr .tag {
width: max-content;
border: 1px solid var(--orange);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-top: -60px;
padding: 8px 15px;
}
.title_tag_otr .tag a{
gap:16px;
padding: 8px 16px;
}
.knowledge_hub_top .tag a{
gap:16px;
padding: 8px 16px;
}
.title_tag_otr .tag span {
font-size: 24px;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
}
.pricing_change_btn .pricing_toggle_label {
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
}
.title_tag_otr .title .title_h2 {
color: #FF8672;
font-weight: 500;
}
.pricing_row .pricing_td_feature .pricing_feature_text {
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.pricing_feature_info_btn .pricing_info_icon {
color: var(--orange);
}
.pricing_price_line {
display: flex;
flex-wrap: wrap;
}
.pricing_plan_feature_item .pricing_feature_label {
font-size: 24px;
font-weight: 600;
display: none;
}
.pricing_feature_value .pricing_text {
font-size: 24px;
font-weight: 600;
}
.pricing_plan_price {
flex: 1;
margin-bottom: 40px;
min-height: 95px;
}
.pricing_plan_feature_item {
position: relative;
padding: 0 24px;
}
/* .pricing_td_value:after {
content: '';
position: absolute;
width: 16px;
height: 100%;
background: #2E1A46;
right: -16px;
opacity: 0;
visibility: hidden;
left: auto;
}
.pricing_td_value:hover.pricing_td_value:after {
opacity: 1;
visibility: visible;
}
.pricing_td_value:last-child.pricing_td_value::after {
content: none;
} */
.footer_logo {
width: max-content;
}
.pricing_row .pricing_td_value {
background: rgb(46 26 70 / 58%);
padding: 12px 24px;
border-right: 16px solid var(--background-color);
vertical-align: middle;
}
.pricing_th_plan {
width: 23.203%;
background: rgb(46 26 70 / 58%);
border-radius: 32px 32px 0 0;
padding: 24px;
border-right: 16px solid var(--background-color);
}
.pricing_row .pricing_td_value .pricing_text {
font-size: 24px;
font-weight: 600;
}
.pricing_th_plan:last-of-type .pricing_plan_top {
margin-right: 0;
}
.pricing_th_plan:last-child {
border-right: unset;
}
.pricing_table .pricing_th_feature {
width: 30.40%;
}
/* .pricing_table .pricing_th_feature {
width: auto;
} */
.pricing_row .pricing_td_value:last-child {
border-right: unset;
}
.pricing_row {
position: relative;
z-index: 1;
}
/* .pricing_row::after {
content: '';
position: absolute;
background: #2E1A46;
inset: 0;
opacity: 0;
transition: all ease-in-out 0.4s;
width: calc(100% - 16px);
} */
/* .pricing_row:hover::after {
opacity: 1;
} */
.pricing_row th,.pricing_row td {
position: relative;
z-index: 1;
}
.pricing_row:last-child .pricing_td_value {
border-radius: 0 0 32px 32px;
}
/* .pricing_row:last-child::after {
border-radius: 0 0 32px 0px;
} */
tr.pricing_row:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: var(--row-line-width, 100%);
background: #2E1A46;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
}
tr.pricing_row:hover:after {
opacity: 1;
visibility: visible;
}
tr.pricing_row:last-child:hover:after {
border-radius: 0 0 32px 32px;
}
.header_menu ul li.menu-item-has-children .sub-menu {
position: absolute;
flex-direction: column;
gap: 10px;
padding: 20px;
background: #402c58;
min-width: 200px;
top: 50px;
border-radius: 10px;
transition: all ease-in-out 0.3s;
opacity: 0;
visibility: hidden;
}
.header_menu ul li.menu-item-has-children:before {
content: '';
position: absolute;
width: 100%;
height: 28px;
bottom: -22px;
background: transparent;
}
/* .header_menu ul li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
} */
/* Contact Page */
.cam_space_top {
padding-top: 225px;
}
.contact_us_top {
display: flex;
flex-direction: column;
gap: 46px;
position: relative;
z-index: 1;
}
.contact_us_top .title_tag_otr .tag , .contact_locations_parent .tag {
margin: unset;
}
.contact_top_main_box {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 53px;
}
.contact_card_img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.contact_card_img {
position: relative;
padding-top: 42.3%;
}
.contact_card_content {
display: flex;
flex-direction: column;
padding-top: 24px;
align-items: flex-start;
height: 100%;
}
.contact_card_cotent.twenty_p {
padding: 14px 0 30px;
}
.contact_card_cotent ul {
margin-left: 20px;
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 6px;
}
.contact_card_content .btn {
margin-top: auto;
}
.contact_top_card {
display: flex;
flex-direction: column;
}
.contact_card_cotent ul li {
list-style-type: inherit;
font-size: 16px;
}
.contact_card_cotent p {
font-weight: 600;
}
.contact_card_content .title_h4 {
color: var(--orange);
}
.contact_locations {
position: relative;
background: var(--background-color);
}
.contact_locations .contact_map_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 671px;
z-index: 1;
margin-top: -191px;
}
.contact_locations .contact_map_bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contact_us_section {
padding-bottom: 191px;
background: var(--background-color);
}
.contact_locations .contact_locations_parent {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 173px;
}
.contact_location_btm {
display: grid;
grid-template-columns: repeat(2, 1fr);
position: relative;
padding-bottom: 62px;
z-index: 2;
}
.contact_location_btm:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
background: url('data:image/svg+xml,');
z-index: 1;
}
.contact_location_btm:after {
content: '';
position: absolute;
left: 0;
bottom: 61px;
width: 100%;
height: 1px;
background: url('data:image/svg+xml,');
z-index: 1;
}
.contact_location_btm .contact_location_btm_box {
padding: 78px 74px 65px 74px;
display: flex;
gap: 53px;
}
.contact_location_btm .contact_location_btm_box .contact_locations_icon {
height: max-content;
background: rgb(78 63 96 / 38%);
padding: 12.7px 13.5px;
border-radius: 9px;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
width: 77px;
}
.contact_location_btm .contact_location_btm_box .contact_locations_right_content {
display: flex;
flex-direction: column;
gap: 10px;
}
.contact_location_btm .contact_location_btm_box .contact_locations_right_content .title_h4 {
font-weight: 600;
color: var(--orange);
}
.contact_location_btm .contact_location_btm_box .contact_locations_right_content .contact_location_text {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact_btm_parent {
position: relative;
}
.contact_btm_patch:before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.contact_btm_patch:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 2px;
height: 100%;
background: url('data:image/svg+xml,');
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: bottom;
}
.contact_both_patch {
position: relative;
}
.contact_both_patch:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,');
inset: 0;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
}
.contact_location_btm .contact_location_btm_box .contact_locations_right_content .contact_location_text p {
font-size: 16px;
opacity: 0.8;
}
.contact_location_btm .contact_location_btm_box .contact_locations_right_content .contact_location_text p a {
transition: all ease-in-out 0.3s;
}
.contact_location_btm .contact_location_btm_box .contact_locations_right_content .contact_location_text p a:hover {
color: var(--orange);
}
/* about us page css */
.about_banner {
background: var(--background-color);
position: relative;
}
.about_banner .title_tag_otr .tag {
margin-top: 0;
}
.about_banner_main .about_banner_top {
display: flex;
gap: 130px;
align-items: flex-end;
margin-bottom: 80px;
}
.about_banner_main .about_banner_top .about_banner_title {
width: 42.484%;
gap: 18px;
}
.about_banner_main .about_banner_top .about_banner_description {
flex: 1;
max-width: 727px;
}
.about_banner_main .about_banner_top .about_banner_title .title_h2 {
font-weight: 400;
}
.about_banner_main .about_banner_top .about_banner_title .big_h2 {
font-weight: 400;
background: unset;
-webkit-text-fill-color: unset;
}
.about_banner_bg {
position: absolute;
top: 110px;
left: 0;
width: 100%;
height: 671px;
z-index: 1;
}
.about_banner_bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about_banner .about_banner_main {
position: relative;
z-index: 1;
}
.about_banner_main .about_banner_top .about_banner_description p {
padding-bottom: 25px;
}
.about_banner_main .about_banner_top .about_banner_description p:last-child {
padding-bottom: 0;
}
.about_banner_main .about_banner_btm {
display: flex;
gap: 130px;
align-items: center;
}
.about_banner_main .about_banner_btm .about_banner_btm_left {
width: 47.517%;
display: flex;
flex-direction: column;
gap: 24px;
}
.about_banner_main .about_banner_btm .about_banner_right_image {
flex: 1;
}
.about_banner_main .about_banner_btm .about_banner_btm_left .about_left_description p {
padding-bottom: 25px;
}
.about_banner_main .about_banner_btm .about_banner_btm_left .about_left_description p:last-child {
padding-bottom: 0;
}
.about_service_main {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 50px;
position: relative;
z-index: 1;
}
.about_service_otr {
padding-top: 50px;
position: relative;
background: var(--background-color);
}
.about_service_box {
display: flex;
flex-direction: column;
gap: 35px;
}
.about_service_box_description {
display: flex;
flex-direction: column;
gap: 16px;
}
.about_service_box_description ul li {
list-style-type: initial;
}
.about_service_box_description ul {
margin-left: 18px;
}
.about_service_box_description span.text-orange {
color: #FF8672;
font-weight: 600;
}
.about_service_box .problem_btn {
padding-top: 50px;
}
.color_title h2 {
color: #FF8672;
}
.enterprise_content_row ul li {
list-style-type: disc;
}
.enterprise_content_row ol li{
list-style-type: decimal;
}
.enterprise_content_row ul {
padding-left: 18px;
}
/* blog */
.knowledge_hub_otr {
position: relative;
background: var(--background-color);
}
.contact_both_patch.blog_patch::after {
background-position: 50% 100%;
}
.knowledge_hub_top_main_loop {
width: 64.445%;
}
.knowledge_hub_top_main_loop .cmn_blog_listing {
display: flex;
width: 100%;
gap: 33px;
flex-direction: row;
}
.knowledge_hub_top_main_loop .cmn_blog_listing .cmn_listing_image {
width: 50%;
padding-top: 20.409%;
}
.knowledge_hub_top_main_loop .cmn_blog_listing .cmn_listing_content {
flex: 1;
}
.knowledge_hub_top_main_loop {
width: 64.445%;
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 30px;
}
.knowledge_hub_otr .knowledge_hub_top .tag {
margin: unset;
padding:unset;
}
.knowledge_hub_main {
display: flex;
flex-direction: column;
gap: 75px;
position: relative;
z-index: 1;
}
.knowledge_hub_blog_otr {
display: flex;
flex-direction: column;
gap: 30px;
}
.knowledge_hub_top.template {
display: flex;
}
.left_line_patch {
flex: 1;
padding-left: 44px;
padding-top: 30px;
position: relative;
margin-left: 40px;
}
.left_line_patch:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 120%;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.knowledge_hub_single {
width: 64.445%;
padding-top: 30px;
}
.knowledge_hub_btm_otr {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 50px;
}
.cmn_patch_lines {
position: relative;
padding-bottom: 25px;
}
.cmn_patch_lines:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 2px;
top: 0;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.cmn_patch_lines:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background:url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.cmn_listing_image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
top: 0;
border-radius: 8px;
}
.cmn_listing_image {
position: relative;
padding-top: 40%;
}
.knowledge_hub_single .cmn_listing_image {
padding-top: 43.1%;
}
.left_line_patch ul {
display: flex;
flex-direction: column;
gap: 16px;
}
.left_line_patch li a {
font-size: var(--eighteen_p);
font-weight: 600;
transition: all ease-in-out 0.3s;
}
.left_line_patch ul li.active a , .left_line_patch ul li a:hover{
color: var(--orange);
}
.knowledge_hub_single .cmn_listing_content {
max-width: 468px;
}
.cmn_blog_title h2 {
font-weight: 600;
color: #FF8672;
}
.cmn_listing_content p {
font-size: var(--sixteen-font);
line-height: normal;
opacity: 0.8;
}
.cmn_blog_title {
display: flex;
flex-direction: column;
gap: 8px;
}
.cmn_blog_listing {
display: flex;
flex-direction: column;
gap: 16px;
}
.category_date_btn_otr {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 8px;
}
.category_date_otr {
display: flex;
align-items: center;
gap: 10px;
opacity: 0.8;
}
.category_date_otr span.sperator_orange {
color: #FF8672;
}
.category_date_otr span {
font-size: 12px;
}
.category_date_btn_otr a {
color: #FF8672;
font-weight: 400;
opacity: 0.8;
width: max-content;
transition: all ease-in-out 0.2s;
}
.category_date_btn_otr a:hover {
opacity: 1;
}
.blog_down_main {
display: flex;
align-items: center;
justify-content: space-between;
position:relative;
z-index: 9;
}
.knowledge_hub_otr .blog_down_main {
margin-top: 10px;
}
.blog_count.left_section span , .pagination span {
display: flex;
font-size: 20px;
color: #FF8672;
font-weight: 700;
}
.blog_down_main .pagination {
display: flex;
align-items: center;
gap: 16px;
}
.blog_down_main .pagination a , .pagination span , .btm_back_line a {
color: #FF8672;
font-size: 20px;
font-weight: 700;
}
.back-to-category a {
display: flex;
}
.kh-category-select {
width: 100%;
}
.is-hidden {
display: none;
}
.single_blog_main {
position: relative;
z-index: 1;
}
.single_blog_title {
display: flex;
flex-direction: column;
gap: 8px;
}
.single_blog_title h2{
color: #FF8672;
}
.single_blog_image img {
border-radius: 8px;
width: 100%;
}
.single_blog_content_otr {
display: flex;
flex-direction: column;
gap: 50px;
}
.title_content_image {
display: flex;
flex-direction: column;
gap: 24px;
}
.content_description img {
width: 100%;
border-radius: 8px;
margin: 16px 0 8px;
}
.btm_back_line {
position: relative;
z-index: 1;
display: flex;
justify-content: flex-end;
padding-top: 8px;
}
.back-to-category span {
position: relative;
display: flex;
margin: 0 16px;
}
.back-to-category span:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 3px;
height: 60%;
background: white;
transform: translateY(-50%);
}
.content_description p:not(:last-child) {
padding-bottom: 8px;
}
.content_description h2, .content_description h3, .content_description h4, .content_description h5, .content_description h6 {
padding: 16px 0;
color: #FF8672;
}
.content_description ul, .content_description ol {
display: flex;
flex-direction: column;
gap: 8px;
margin-left: 24px;
margin-bottom: 16px;
margin-top: 8px;
}
.content_description h4 + ul , .content_description h5 + ul , .content_description h4 + h6 {
margin-top: 0;
}
.content_description ul li, .content_description ol li {
list-style-type: inherit;
}
/* new forms css */
.form_row p select {
padding: 10px 16px;
background: transparent;
border: 1px solid #fff;
width: 100%;
font-size: 16px;
font-weight: 400;
color: var(--white);
font-family: "Segoe UI";
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M10,0,20,17H0Z' transform='translate(20 17) rotate(180)' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: 94% 60%;
outline: none;
}
.form_inner .form_dropdown p .wpcf7-form-control-wrap {
width: 50%;
}
.form_row p select option {
color: black;
}
.form_checkbox .wpcf7-checkbox {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
column-gap: 15px;
row-gap: 9px;
margin-top: 12px;
margin-bottom: 15px;
}
.form_checkbox .wpcf7-checkbox .wpcf7-list-item {
margin-left: 0;
}
.form_checkbox .wpcf7-checkbox .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 14px;
}
.form_inner .form_checkbox .wpcf7-list-item input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
background-color: transparent !important;
margin: 0;
width: 19px;
height: 19px;
border: 2px solid #FF8672 !important;
border-radius: 2px;
display: inline-block;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.form_inner .form_checkbox .wpcf7-list-item input[type="checkbox"]:checked::before {
content: '';
position: absolute;
left: 20%;
top: 43%;
width: 5px;
height: 10px;
border: solid #FF8672;
border-width: 0 2px 2px 0;
transform: rotate(45deg) translate(-50%, -50%);
}
.form_inner .form_checkbox .wpcf7-list-item input[type="checkbox"]:focus {
outline: none;
}
.form_dif_checkbox .wpcf7-checkbox {
display: flex;
}
.form_massage_short textarea {
min-height: 112px;
max-height: 112px;
}
.build_partner_sub_title .tag {
margin-top: 0;
}
.build_partner_row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 57px;
position: relative;
z-index: 1;
}
.partner_section .title_tag_otr {
position: relative;
z-index: 1;
}
.build_partner_box {
padding: 18px 20px;
background: rgb(78 63 96 / 20%);
border-radius: 24px;
}
.build_partner_box .title_h4 {
color: var(--orange);
}
.partner_main_title {
margin: 24px 0 45px;
position: relative;
z-index: 1;
}
.partner_value_sub_title.title_tag_otr .tag {
margin-top: 0;
}
.partner_section {
padding: 111px 0;
}
.partner_value_main {
display: flex;
align-items: center;
gap: 27px;
position: relative;
z-index: 1;
}
.partner_value_main .partner_value_content {
width: 47.517%;
}
.partner_value_main .partner_value_img {
flex: 1;
margin-right: -16%;
}
.partner_value_section {
overflow: hidden;
}
.partner_value_main .partner_value_content .partner_value_title {
padding: 42px 0 36px;
}
.partner_value_main .partner_value_content .partner_value_inner_title {
padding: 25px 0;
}
.partner_value_main .partner_value_content .partner_value_inner_title .title_h4 {
color: var(--orange);
}
.partner_value_list ul {
padding-left: 20px;
}
.partner_value_list ul li {
list-style-type: disc;
font-size: 20px;
}
.partner_value_list {
padding-bottom: 42px;
}
.enterprise_section.partner_enterprise {
padding-top: 30px;
padding-bottom: 60px;
}
.partner_value_section {
padding-bottom: 60px;
background: var(--background-color);
}
.enterprise_section.partner_enterprise::after {
content: none;
}
.partner_banner .about_banner_top {
margin-bottom: 0 !important;
}
.partner_banner .about_banner_top .partner_banner_right_content {
padding-bottom: 32px;
}
.partner_section {
background: var(--background-color);
}
.partner_work_main {
display: flex;
flex-direction: column;
gap: 28px;
}
.partner_work_main .partner_work_list_main {
padding-bottom: 25px;
}
.partner_work_list h3 {
font-size: 22px;
padding-bottom: 12px;
}
.partner_work_list h3 span {
color: var(--orange);
}
.partner_work_list h3:last-child {
padding-bottom: 0;
}
.enterprise_section.partner_enterprise .enterprise_main_grid {
padding-top: 4.8rem;
}
/* solutions page */
.solution_banner .solution_banner_btns {
padding-top: 30px;
display: flex;
align-items: center;
gap: 54px;
}
.solution_banner .about_banner_top {
margin-bottom: 0 !important;
align-items: center;
}
.solution_banner .about_banner_top .about_banner_description .title_h4 {
color: var(--orange);
padding-bottom: 23px;
}
.partner_problem {
padding: 68px 0 86px;
}
.partner_problem .partner_value_content .partner_value_description {
padding: 24px 0 40px;
}
.partner_problem .partner_value_content .partner_value_inner_title {
padding: 0 !important;
}
.partner_problem .partner_value_content .partner_value_list {
padding: 42px 0;
}
.partner_problem .partner_value_content .partner_value_description p {
padding-bottom: 24px;
}
.partner_problem .partner_value_content .partner_value_description p:last-child {
padding-bottom: 0;
}
.partner_problem .partner_value_img {
margin-right: -27.517%;
}
.partner_problem .partner_value_main {
gap: 188px;
}
.partner_solve {
background: var(--background-color);
}
.partner_solve .partner_solve_main {
display: flex;
flex-direction: column;
gap: 62px;
position: relative;
z-index: 1;
}
.partner_solve_heading {
display: flex;
flex-direction: column;
gap: 25px;
max-width: 727px;
}
.partner_solve_btm {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 107px;
row-gap: 52px;
}
.partner_solve_btm .partner_solve_box {
display: flex;
gap: 42px;
padding: 24px;
background: rgb(78 63 96 / 20%);
border-radius: 24px;
}
.partner_solve_btm .partner_solve_box .partner_solve_box_left {
width: 49.135%;
}
.partner_solve_btm .partner_solve_box .partner_solve_box_right {
flex: 1;
}
.partner_solve_btm .partner_solve_box .partner_solve_box_left .title_h4 {
color: var(--orange);
padding-bottom: 20px;
}
.solution_btm_patch .faq_otr {
padding: 75px 0 100px;
}
/* teams page css */
.teams_banner .product_banner_title {
gap: 30px;
height: 70%;
}
.teams_banner .product_banner_title .title_h1 {
background: unset;
-webkit-text-fill-color: unset;
}
.teams_banner .product_banner_title .big_h2 {
color: var(--orange);
font-weight: 600;
}
.team_build .partner_value_main {
gap: 183px;
align-items: flex-start;
}
.team_build .partner_value_main .partner_value_content {
width: 50%;
}
.team_build .partner_value_main .partner_value_img {
margin-right: 0;
width: 30%;
flex: unset;
}
.team_build .partner_value_main .partner_value_content .partner_value_description {
display: flex;
flex-direction: column;
gap: 20px;
padding-bottom: 71px;
}
.team_build .partner_value_main .partner_value_content .partner_value_inner_title {
padding: 0 !important;
}
.team_build .partner_value_main .partner_value_content .partner_value_inner_title .big_h3 {
color: var(--orange);
font-weight: 600;
}
.team_build .partner_value_main .partner_value_content .partner_value_inner_description {
padding: 34px 0 40px;
display: flex;
flex-direction: column;
gap: 20px;
}
.team_edge_top {
display: flex;
flex-direction: column;
gap: 30px;
padding-bottom: 51px;
}
.team_edge_top .big_h3 {
color: var(--orange);
font-weight: 600;
}
.team_edge_top .build_partner_row {
grid-template-columns: repeat(2, 1fr);
}
.team_edge_btm {
display: flex;
flex-direction: column;
gap: 45px;
}
.partner_value_section.team_build {
padding-bottom: 50px;
}
.team_edge_btm > .title_h4 {
font-weight: 400;
}
.team_build .partner_value_main .partner_value_content .partner_value_description p {
opacity: 0.8;
}
.teams_enterprise {
padding: 51px 0 42px;
}
.teams_enterprise::after {
content: none;
}
.teams_enterprise .enterprise_main_grid {
margin-bottom: 28px;
padding-bottom: 25px;
position: relative;
}
.teams_enterprise .enterprise_main_grid:after {
content: '';
position: absolute;
background: #FF8672;
height: 1px;
width: 31.094%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.teams_partnership .enterprise_partnership_title .title_h1 {
background: transparent;
-webkit-text-fill-color: unset;
}
/* header new css */
.header_top_bar {
padding: 10px 0;
background: var(--orange);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
transition: background 0.3s ease, padding 0.3s ease;
}
.header_top_main {
position: relative;
}
.header_top_bar .header_top_main_otr {
display: flex;
justify-content: flex-end;
}
.header_top_bar .header_top_main_otr .header_top_link {
padding: 0 12px;
border-left: 2px solid var(--background-color);
}
.header_top_bar .header_top_main_otr .header_top_link:last-child {
padding-right: 0;
}
.header_top_bar .header_top_main_otr .header_top_link:first-child {
padding-left: 0;
border-left: unset;
}
.header_top_bar .header_top_main_otr .header_top_link a {
line-height: 1;
transition: all ease-in-out 0.3s;
display: flex;
align-items: center;
gap: 6px;
}
.header_top_bar .header_top_main_otr .header_top_link a .header-top-icon {
width: 18px;
height: 18px;
}
.header_top_bar .header_top_main_otr .header_top_link a:hover {
color: var(--background-color);
}
/* .menu-scrolled .header_top_bar {
padding: 16px 0;
} */
/* 12-01 */
.partner_login {
background: radial-gradient(circle at top, #3b2a4a, #1a1026);
overflow: hidden;
padding: 170px 0 60px;
min-height: 100vh;
}
.partner_login .partner-login-wrap {
gap: 100px;
}
.partner_login .partner-login-wrap .partner-login-box {
width: 29%;
}
.partner_login .partner-login-wrap .partner_login_right {
flex: 1;
margin-right: -2.671%;
display: flex;
flex-direction: column;
gap: 13px;
}
.partner_login .partner-login-wrap .partner-login-box form input {
width: 100%;
padding: 8px 12px;
background: var(--white) !important;
outline: none;
box-shadow: none;
border: 1px solid var(--white);
font-family: "Segoe UI";
font-size: 24px;
font-weight: 600;
color: var(--orange);
margin-bottom: 24px;
line-height: 30px;
}
.partner_login .partner-login-wrap .partner-login-box form input::placeholder {
color: var(--orange);
}
.partner_login .partner-login-wrap .partner-login-box .tag {
margin-top: 0;
}
.partner_login .partner-login-wrap .partner-login-box .partner_left_heading {
padding-bottom: 43px;
display: flex;
flex-direction: column;
padding-top: 18px;
gap: 12px;
}
.partner_login .partner-login-wrap .partner-login-box .partner_left_heading p {
font-weight: 600;
color: rgb(231 228 233 / 88%);
}
.partner_login .partner-login-wrap .partner-login-box form input:nth-of-type(2) {
margin-bottom: 0;
}
.partner_login .partner-login-wrap .partner-login-box form .forgot-link {
margin: 14px 0 36px;
}
.partner_login .partner-login-wrap .partner-login-box form .forgot-link a {
font-size: 20px;
opacity: 1;
font-weight: 600;
text-decoration: none;
color: var(--orange);
}
.partner-login-box button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18.5px 34px;
font-size: var(--forteen_font);
line-height: var(--forteen_font_lineheight);
color: var(--purple);
background-color: var(--orange);
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
border-radius: 8px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
.partner-login-box button:hover {
background-color: var(--white);
}
.partner-login-box .note {
margin-top: 30px;
font-size: 20px;
color: rgb(231 228 233 / 88%);
font-weight: 400;
font-style: italic;
}
.partner_login .container {
margin-right: 0;
padding-right: 0;
}
.partner_login .partner-login-wrap .partner_login_right .partner_right_content {
max-width: 650px;
}
.partner_login .partner-login-wrap .partner_login_right .partner_right_content p {
padding: 14px 0 32px;
font-weight: 600;
color: rgb(231 228 233 / 88%);
}
.partner_login .partner-login-wrap .partner_login_right .partner_right_content .big_h3 {
color: var(--orange);
}
/* why remote page css */
.partner_value_main .why_remote_problem .partner_value_sub_title {
padding-bottom: 42px;
}
.why_team_edge .build_partner_row {
row-gap: 25px;
column-gap: 17px;
}
.why_team_edge .team_edge_top {
padding-bottom: 0;
}
.stack_section {
position: relative;
}
.stack_top {
padding: 64px 0 35px;
}
.stack_top_heading {
display: flex;
flex-direction: column;
gap: 15px;
padding-bottom: 30px;
}
.stack_top_heading .title_h2 {
color: var(--orange);
}
.stack_top_row {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 25px;
column-gap: 17px;
}
.stack_top_row .stack_top_row_box {
padding: 18px 20px;
background: rgb(78 63 96 / 20%);
border-radius: 24px;
display: flex;
flex-direction: column;
gap: 20px;
}
.stack_top_row .stack_top_row_box .text-orange {
font-size: 20px;
color: var(--orange);
font-weight: 600;
}
.stack_top_row .stack_top_row_box p {
font-weight: 600;
}
.stack_btm_main .stack_top_heading .title_h2 {
color: var(--white);
}
.stack_btm_main .stack_top_heading p {
color: var(--orange);
}
.stack_btm_main .stack_top_row_box ul {
padding-left: 20px;
}
.stack_btm_main .stack_top_row_box ul li {
list-style-type: disc;
font-weight: 600;
}
.stack_btm_main .stack_top_row_box p span {
color: var(--orange);
}
.stack_btm_main .stack_top_row_box:last-child p {
font-weight: 400;
}
.stack_btm_last {
display: flex;
flex-direction: column;
gap: 55px;
padding-top: 43px;
}
.stack_btm_last .stack_btns {
display: flex;
gap: 54px;
align-items: center;
}
.stack_btm_last .title_h3 {
font-size: 28px;
font-weight: 600;
color: var(--orange);
}
.why_both_patch::after {
background: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
opacity: 0.850;
}
/* support page */
.support_banner {
position: relative;
padding-bottom: 87px;
}
.support_banner_parent_main {
display: flex;
flex-direction: column;
gap: 94px;
position: relative;
z-index: 1;
}
.support_banner_parent_main .title_tag_otr .tag {
margin-top: 0;
}
.support_banner_parent_main .support_banner_main .title_h4 {
padding: 18px 0 20px;
color: var(--orange);
font-weight: 600;
margin-bottom: 41px;
position: relative;
}
.support_banner_parent_main .support_banner_main .title_h4:after {
content: '';
position: absolute;
background: url('data:image/svg+xml,');
height: 1px;
width: 100%;
left: 0;
bottom: 0;
}
.support_banner_parent_main .support_banner_main p {
padding-bottom: 16px;
font-weight: 600;
}
.support_banner_parent_main .support_banner_main p:last-child {
padding-bottom: 0;
}
.support_banner_parent_main .support_banner_btm {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.support_banner_parent_main .support_banner_btm .support_banner_btm_left {
width: 50.066%;
display: flex;
flex-direction: column;
gap: 16px;
}
.support_banner_parent_main .support_banner_btm .support_banner_btm_right {
flex: 1;
}
.support_banner_parent_main .support_banner_btm .support_banner_btm_right img {
margin-left: auto;
}
.support_banner_parent_main .support_banner_btm .support_banner_btm_left .title_h3 {
font-size: 30px;
font-weight: 600;
}
.support_banner_parent_main .support_banner_btm .support_banner_btm_left p {
font-weight: 600;
}
.support_box_list_main {
position: relative;
}
.support_box_main {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 60px;
row-gap: 29px;
position: relative;
z-index: 1;
}
.support_box_main .support_box {
padding: 18px 20px;
background: rgb(78 63 96 / 20%);
border-radius: 24px;
transition: all ease-in-out 0.3s;
}
.support_box_main .support_box:hover {
box-shadow: 0px 1px 5px 0px rgb(255 255 255 / 10%);
}
.support_box_main .support_box .title_h4 {
color: var(--orange);
}
.support_both_patch::after {
background-position: bottom;
}
/* bundles page css */
.turn_into_main {
display: flex;
gap: 86px;
align-items: center;
}
.turn_into_left {
width: 49.478%;
display: flex;
flex-direction: column;
gap: 24px;
}
.turn_info_right {
flex: 1;
}
.turn_into_left .big_h3 {
color: var(--orange);
font-weight: 600;
}
.turn_into_description p {
color: #E7E4E9;
padding-bottom: 25px;
}
.turn_into_description p:last-child {
padding-bottom: 0;
}
.turn_info_right p {
color: #E7E4E9;
}
.turn_info_right ul {
padding-left: 20px;
margin: 25px 0;
}
.turn_info_right ul li {
font-size: 20px;
color: #E7E4E9;
list-style-type: disc;
}
.bundles_product {
padding: 66px 0 40px;
}
.bundles_product .team_edge_top {
padding-bottom: 0 !important;
}
.bundles_product .team_edge_top .build_partner_box .title_h3 {
font-size: 30px;
font-weight: 600;
color: var(--orange);
padding-bottom: 15px;
}
.bundles_product .team_edge_top .build_partner_box .title_h4 {
padding-bottom: 15px;
}
.bundles_product .team_edge_top .problem_btn {
margin-top: 19px;
}
.bundles_get_section {
padding-bottom: 60px;
}
.bundles_get_section .big_h2 {
text-align: center;
font-weight: 600;
}
.bundles_main {
display: flex;
align-items: center;
gap: 77px;
padding-top: 30px;
}
.bundles_main .bundles_get_left {
width: 49.478%;
display: flex;
flex-direction: column;
gap: 24px;
}
.bundles_main .bundles_get_right {
flex: 1;
padding: 18px;
background: rgb(78 63 96 / 20%);
border-radius: 16px;
}
.bundles_main .bundles_get_left .big_h3 {
color: var(--orange);
font-weight: 600;
}
.bundles_left_description {
display: flex;
flex-direction: column;
gap: 20px;
}
.bundles_left_description p:first-child {
font-weight: 600;
}
.bundles_left_description p {
color: #E7E4E9;
opacity: 0.8;
}
.bundles_main .bundles_get_right .title_h3 {
padding-bottom: 15px;
color: var(--orange);
font-weight: 600;
font-size: 30px;
}
.bundles_right_content p {
padding-bottom: 18px;
color: #E7E4E9;
}
.bundles_right_content p:last-child {
padding-bottom: 0;
}
.choose_right .team_edge_top .big_h2 {
text-align: center;
font-weight: 600;
}
.choose_right .team_edge_top .build_partner_box {
display: flex;
flex-direction: column;
gap: 20px;
}
.choose_right .team_edge_top .build_partner_box .partner_box_description p {
font-size: 24px;
font-weight: 600;
}
.choose_right .team_edge_top .problem_btn {
margin-top: 35px;
}
.enterprise_case_section.ztna_enterprise {
background-color: var(--background-color);
padding-top: 0;
}
.enterprise_case_section.ztna_enterprise .enterprise_case_bg_img {
top: 0;
}
.enterprise_case_section.ztna_enterprise .enterprise_case_bg_img img {
opacity: 0.8;
}
.partner_value_section.team_build.twingate_section {
padding-bottom: 60px;
}
.twingate_section .partner_value_main {
align-items: center;
}
.twingate_section .partner_value_description {
padding-bottom: 0 !important;
}
/* partner blog */
.partner_blog_space .knowledge_hub_main {
gap: 15px;
}
.partner_search_bar {
display: flex;
align-items: stretch;
gap: 31px;
justify-content: flex-start;
}
.partner_search_bar input {
padding: 15px 20px;
resize: none;
width: 31%;
font-size: 18px;
font-weight: 600;
font-family: "Segoe UI";
line-height: 1;
box-shadow: none;
outline: none;
}
.partner_search_bar .search_btn {
width: max-content;
}
.help_categories_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.help_categories_grid .category_card_item {
display: flex;
gap: 21px;
padding: 0;
border: unset;
}
.help_categories_grid .category_card_item .cat_icon {
width: 78px;
height: 78px;
}
.help_categories_grid .category_card_item .cat_content {
flex: 1;
}
.help_categories_grid .category_card_item .cat_icon img {
width: 100%;
height: 100%;
}
.help_categories_grid .category_card_item .cat_content h3 .category-filter-link {
font-size: 30px;
font-weight: 600;
color: #E7E4E9;
}
.help_categories_grid .category_card_item .cat_content h3 .article_count {
font-size: 18px;
font-weight: 600;
color: var(--orange);
}
.help_categories_grid .category_card_item .cat_content h3 {
display: flex;
justify-content: space-between;
padding-bottom: 15px;
padding-top: 0;
}
.partner_results .partner_top_row .partner_single_card {
width: 71.7%;
gap: 30px;
}
.partner_top_row .partner_sidebar {
padding-left: 34px;
padding-top: 24px;
}
.partner_top_row .partner_sidebar ul {
margin-top: 16px;
}
.partner_top_row .partner_sidebar .title_h4 {
color: var(--orange);
}
.partner_results .partner_top_row .partner_single_card .category_selected_header {
display: flex;
gap: 21px;
}
.partner_results .partner_top_row .partner_single_card .title_h3 {
color: var(--orange);
font-size: 30px;
font-weight: 600;
}
.partner_results .partner_top_row .partner_single_card .category_selected_header .category_select_content {
display: flex;
flex-direction: column;
gap: 15px;
}
.partner_results .partner_top_row .partner_single_card .category_selected_header .category_select_content .title_h3 {
display: flex;
gap: 15px;
font-weight: 600;
color: #E7E4E9;
font-size: 30px;
}
.partner_top_row::before {
content: none;
}
.partner_results .partner_top_row .partner_single_card .category_selected_header .category_select_content .title_h3 span {
color: var(--orange);
font-size: 18px;
line-height: 1;
display: flex;
align-items: center;
}
.category_card_item {
padding-bottom: 22px;
border-bottom: 1px solid rgb(206 206 206 / 39%);
}
/* .category_card_item:last-child {
border-bottom: 1px solid rgb(206 206 206 / 39%);
} */
.category_card_item h3 {
line-height: 1;
padding-bottom: 15px;
padding-top: 16px;
}
.category_card_item h3 a {
font-size: 30px;
font-weight: 600;
}
.partner_results .partner_top_row .partner_single_card .back-navigation-otr {
border-bottom: 1px solid rgb(206 206 206 / 39%);
margin-bottom: 0 !important;
padding-bottom: 24px;
}
.partner_results .partner_top_row .partner_single_card .back-navigation-otr .back-link {
display: flex;
gap: 14px;
font-size: 20px;
color: var(--orange);
font-weight: 600;
width: max-content;
}
.partner_blog_space .title_tag_otr .tag {
gap: 9px;
}
.partner_results .partner_top_row .partner_single_card .back-navigation-otr .back-link img {
width: 35px;
height: 35px;
}
.partner_top_row .partner_sidebar ul li .sidebar-active-link {
color: var(--orange);
}
.partner_results .partner_top_row .partner_single_card .article-content-body .title_h3 {
color: #E7E4E9;
padding-bottom: 20px;
}
.partner_results .partner_top_row .partner_single_card .article-content-body p {
padding-bottom: 20px;
}
.partner_results .partner_top_row .partner_single_card .article-content-body p:last-child {
padding-bottom: 0;
}
/* home new css */
.our_product_main {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px;
padding-top: 54px;
}
.our_product {
padding-top: 54px;
}
.our_product_main .our_product_box {
display: flex;
gap: 21px;
}
.our_product_main .our_product_box .our_product_icon {
width: 78px;
height: max-content;
}
.our_product_main .our_product_box .our_product_content {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
}
.our_product_main .our_product_box .our_product_content .big_h3 {
color: var(--orange);
font-weight: 600;
}
.our_product_main .our_product_box .our_product_content p {
font-weight: 600;
}
.our_product_main .our_product_box .our_product_content a {
font-size: 24px;
font-weight: 600;
color: var(--orange);
transition: all ease-in-out 0.4s;
width: max-content;
position: relative;
}
.our_product_main .our_product_box .our_product_content a:after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
height: 1px;
width: 0;
background: var(--orange);
transition: all ease-in-out 0.4s;
}
.our_product_main .our_product_box .our_product_content a:hover:after {
width: 100%;
}
.home_platform {
background: transparent;
}
.home_platform .title_h2 {
text-align: center;
font-style: italic;
position: relative;
}
.home_platform .title_h2:before {
content: '';
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
left: 50%;
position: absolute;
width: 467px;
height: 1px;
transform: translateX(-50%);
}
.home_platform .container {
position: relative;
z-index: 1;
}
.home_platform::before {
display: none;
}
.home_platform::after {
display: none;
}
.home_blogs {
padding-bottom: 50px;
}
.new_post_home .cmn_blog_listing {
height: 100%;
}
.new_post_home .cmn_blog_listing .cmn_listing_content {
height: 100%;
display: flex;
flex-direction: column;
}
.new_post_home .cmn_blog_listing .cmn_listing_content .category_date_btn_otr {
height: 100%;
}
.new_post_home .cmn_blog_listing .cmn_listing_content .category_date_btn_otr a {
margin-top: auto;
}
/* new blog */
.partner_results .partner_top_row .partner_single_card .article-content-body .entry-content h1, .partner_results .partner_top_row .partner_single_card .article-content-body .entry-content h2, .partner_results .partner_top_row .partner_single_card .article-content-body .entry-content h3, .partner_results .partner_top_row .partner_single_card .article-content-body .entry-content h4, .partner_results .partner_top_row .partner_single_card .article-content-body .entry-content h5, .partner_results .partner_top_row .partner_single_card .article-content-body .entry-content h6 {
color: var(--orange);
background: transparent;
-webkit-text-fill-color: unset;
padding-bottom: 15px;
}
.partner_results .partner_top_row .partner_single_card .article-content-body .entry-content h1 {
line-height: unset;
}
.help_categories_grid .category_card_item:last-child {
border: unset;
}
.password-field-wrapper .toggle-password {
top: 36%;
color: var(--orange);
}
.password-field-wrapper .toggle-password:hover {
color: var(--orange);
}
/* Common Template */
.cmn_banner_title {
text-align: center;
}
.privacy_content_main {
display: flex;
flex-direction: column;
gap: 60px;
}
.cmn_banner_content h3, .cmn_banner_content h4, .cmn_banner_content h5, .cmn_banner_content h6, .cmn_banner_content h2 {
padding: 16px 0;
}
.cmn_banner_content p:not(:last-child) {
padding-bottom: 8px;
}
.cmn_banner_content a {
color: var(--orange);
text-decoration: underline;
transition: all 0.2s ease-in-out;
}
.cmn_banner_content a:hover {
text-decoration: unset;
}
.cmn_banner_content ul , .cmn_banner_content ol {
display: flex;
flex-direction: column;
gap: 8px;
margin-left: 24px;
margin-bottom: 16px;
margin-top: 8px;
}
.cmn_banner_content ul li, .cmn_banner_content ol li {
list-style-type: inherit;
}
.cmn_banner_content ul + h3, .cmn_banner_content ul + h4, .cmn_banner_content ul + h5, .cmn_banner_content ul + h6, .cmn_banner_content ul + h2, .cmn_banner_content ol + h3, .cmn_banner_content ol +h4, .cmn_banner_content ol + h5, .cmn_banner_content ol + h6 {
padding-top: 8px;
}
/* eco page css */
.eco_value {
position: relative;
z-index: 1;
margin-top: -2%;
}
.eco_value .partner_value_content {
width: 100%;
}
.eco_description p {
text-align: center;
padding-bottom: 20px;
}
.eco_description p:last-child {
padding-bottom: 0;
}
.eco_app_otr {
display: flex;
flex-direction: column;
gap: 97px;
}
.eco_app_otr .eco_app_box {
display: flex;
gap: 56px;
align-items: center;
}
.eco_app_otr .eco_app_box .eco_app_box_left {
width: 48.105%;
display: flex;
gap: 26px;
}
.eco_app_otr .eco_app_box .eco_app_box_right {
flex: 1;
}
.eco_app_otr .eco_app_box .eco_app_box_left .eco_box_left_icon {
width: 76px;
height: 76px;
}
.eco_app_otr .eco_app_box .eco_app_box_left .eco_box_right {
flex: 1;
}
.eco_app_otr .eco_app_box .eco_app_box_left .eco_box_right .big_h3 {
color: var(--orange);
font-weight: 600;
padding-bottom: 18px;
}
.eco_box_right_description p {
padding-bottom: 16px;
opacity: 80%;
}
.eco_box_right_description p:last-child {
padding-bottom: 0;
}
.eco_box_right_description {
margin-bottom: 40px;
}
.eco_box_right_btm p {
color: var(--orange);
padding-bottom: 37px;
}
.eco_box_right_btm_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 35px;
}
.eco_app_otr .eco_app_box:nth-child(even) {
flex-direction: row-reverse;
}
.eco_app_otr .eco_app_box:nth-child(even) .eco_app_box_right .eco_app_box_right_img img {
margin: 0 auto;
}
.eco_application_btm_content {
padding-top: 102px;
padding-bottom: 80px;
}
.eco_application_btm_content .eco_app_otr {
flex-direction: row;
gap: 128px;
}
.eco_application_btm_content .eco_app_otr .eco_app_box {
width: 100%;
}
.eco_application_btm_content .eco_app_otr .eco_app_box .eco_app_box_left {
width: 100%;
}
a:not([class]):not(header a):not(footer a) {
color: white;
text-decoration: none;
position: relative;
transition: all ease-in-out 0.3s;
}
a:not([class]):not(header a):not(footer a):hover {
color: var(--orange);
}
a:not([class]):not(header a):not(footer a):after {
content: '';
background: #fff;
position: absolute;
left: 0;
bottom: -4px;
height: 1px;
width: 100%;
}
a:not([class]):not(header a):not(footer a):hover:before {
width: 100%;
}
a:not([class]):not(header a):not(footer a):before {
width: 0;
height: 1px;
z-index: 1;
transition: all ease-in-out 0.3s;
background: var(--orange);
content: '';
position: absolute;
left: 0;
bottom: -4px;
}
a:not([class]):not(header a):not(footer a):hover:after {
opacity: 0;
}
/* updated */
.support_box_main_otr {
position: relative;
z-index: 1;
display:flex;
flex-direction:column;
gap:60px;
}
/* 26-01-2026 */
.article-content-body ul li {
list-style-type: disc;
}
.article-content-body ol li{
list-style-type: decimal;
}
.article-content-body ul, .article-content-body ol {
padding-left: 20px;
padding-bottom: 20px;
}
.article-content-body .entry-content img {
margin-bottom: 20px;
}
/* MP 4 */
.banner_bg_video {
mix-blend-mode: lighten;
display: flex;
position: absolute;
width: 100%;
z-index: -1;
aspect-ratio: 16 / 9;
margin-top: 100px;
}
/* .banner_bg_video:before {
content: '';
position: absolute;
background: radial-gradient(transparent 0%, #2F1B46 77%);
width: 100%;
height: 100%;
top: 119px;
left: 0;
} */
video {
width: 100%;
height: 100%;
}
/* Iframe */
.banner_bg_video.iframe_video {
margin-top: 20px;
position: relative;
}
.banner_bg_video iframe {
width: 100%;
height: 100%;
top: 0;
position: absolute;
left: 0;
}
/* Latest */
.form_massage_short span.wpcf7-form-control-wrap {
display: flex;
}
.form_inner ::placeholder {
font-size: 16px;
font-weight: 400;
color: var(--white);
}
span.wpcf7-spinner {
display: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output , .wpcf7 form.sent .wpcf7-response-output {
background: var(--orange);
border: 1px solid var(--orange) !important;
color: white;
margin: 1em 0 0 0;
padding: 0.3em 0.8em;
font-size: 16px;
line-height: normal;
}
.wpcf7 form .wpcf7-response-output {
background: var(--orange);
border: 1px solid var(--orange) !important;
color: white;
font-size: 1.2rem;
padding: 0.5em 0.7em;
line-height: normal;
margin: 1em 0 0 0 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
background: #61d961db;
border: 1px solid transparent !important;
}
.deal_registration_form .form_inner .form_dropdown p .wpcf7-form-control-wrap {
width: 100%;
}
.wrap_content p {
flex-wrap: wrap;
gap: 20px;
}
.wrap_content p span {
display: flex;
width: 100%;
}
.form_checkbox.wrap_content span.wpcf7-checkbox {
display: flex;
margin: unset;
}
.partner_articles_btn {
margin-top: 16px;
}
.form_main .form_inner h4 {
margin: 12px 0 0px;
}
.knowledge_hub_top a.category-link:hover span {
color: var(--orange);
}
.error_otr_div {
display: flex;
flex-direction: column;
gap: 30px;
align-items: center;
justify-content: center;
}
.error_img {
max-width: 40%;
}
.error_main.cam_space_top {
padding-top: 150px;
}
.articles_list_container {
display: grid;
column-gap: 30px;
grid-template-columns: repeat(2 ,1fr);
}
/* Welcome Page */
.welcome_section_otr {
padding-bottom: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.welcome_section_title h1 {
background: unset;
-webkit-background-clip: inherit;
-webkit-text-fill-color: inherit;
}
.welcome_section_main{
max-width: 630px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap:60px;
}
.welcome_section_title {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
text-align: center;
}
.welcome_login_otr {
display: flex;
flex-direction: column;
gap: 30px;
max-width: 550px;
margin: 0px auto;
}
.welcome_login_top {
display: grid;
gap: 30px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.welcome_login_box {
padding: 30px;
background: #f3e8ff;
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
text-align: center;
}
.welcome_login_box:nth-child(2) {
background: #dcfce7;
}
.welcome_login_otr *{
color: #4b5563;
}
.welcome_login_otr h2 {
color: #111827;
}
.welcome_img_title {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
justify-content: center;
}
.description_btn {
display: flex;
flex-direction: column;
gap: 24px;
}
.description_btn a , .login_btm_box_link a {
display: flex;
align-items: center;
justify-content: center;
width: max-content;
font-size: 16px;
font-weight: 500;
color: white;
background: #7e22ce;
padding: 10px 20px;
border-radius: 4px;
margin: 0 auto;
font-weight: 600;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
outline:unset;
}
.welcome_login_box:nth-child(2) .description_btn a {
background: #15803d;
}
.welcome_login_otr p {
line-height: 130%;
font-size:16px;
}
.login_box_btm {
background: #eff6ff;
border-radius: 4px;
display: flex;
align-items: center;
padding: 20px;
justify-content: space-between;
gap: 16px;
}
.login_btm_box_link a {
background: #ff8572;
color: black;
width: 100%;
max-width: 60%;
margin-right: 0;
}
.login_btm_description_title {
display: flex;
flex-direction: column;
gap: 4px;
}
.login_btm_box_link {
flex: 1;
}
.description_btn a:hover {
background: transparent;
border: 1px solid #7e22ce;
color: #7e22ce;
}
.welcome_login_box:nth-child(2) .description_btn a:hover{
background: transparent;
border: 1px solid #15803d;
color: #15803d;
}
.login_btm_box_link a:hover{
background: transparent;
color: #ff8572;
border:1px solid #ff8572;
}
.view_btn a {
color: var(--orange);
text-transform: capitalize;
}
.view_btn {
display: flex;
align-items: center;
justify-content: end;
}
.orange_title h3 a {
color: var(--orange);
}
.partner_logo_icon .tag {
padding: 8px 16px !important;
}
.eco_btm_right_grid_item {
display: flex;
flex-direction: column;
gap: 16px;
}
.eco_btm_text {
flex: 1;
display: flex;
justify-content: center;
align-items: end;
}
.eco_btm_text a{
color:var(--orange)
}