/* Custom 2 CSS */
.result-icon {
position: absolute;
right: 10px;
top: -9px;
}
.last-para p:last-child {
margin-bottom: 0;
}
.button-primary .elementor-button,
.event_froms .elementor-field-group button.elementor-button,
.fhc-meet-widget div[data-meet-step="form"] button.fhc-event-signle-bookingmeet.fhc-event-single__cta {
min-width: clamp(120px, 16.319vw, 235px) !important;
}
.button-primary.button-primary2 .elementor-button {
min-width: 198px !important;
}
.button-primary .elementor-button:hover {
box-shadow: none !important;
}
.help-desk-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
/* background-color: #1E8162; */
opacity: 1;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg width='473' height='493' viewBox='0 0 473 493' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_284_2' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='473' height='493'%3E%3Cpath d='M0 0H473V493H0V0Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_284_2)'%3E%3Cg opacity='0.294986'%3E%3Cpath d='M55.3283 492.136C50.3202 492.136 45.4175 490.19 41.6516 486.475C35.7895 480.694 34.1898 472.113 37.5766 464.615L66.6418 400.266C66.7317 400.067 66.6898 399.835 66.5347 399.674C24.5865 356.221 1.18493 299.084 0.640676 238.789C0.35375 207.051 6.35766 176.167 18.4849 146.996C30.1858 118.85 47.0511 93.5165 68.6123 71.6983C90.1633 49.8898 115.3 32.7128 143.325 20.6436C172.375 8.1343 203.229 1.70397 235.031 1.53316C267.146 1.3524 298.285 7.515 327.631 19.8239C355.957 31.706 381.371 48.7783 403.168 70.5669C424.964 92.3541 442.024 117.738 453.875 146.014C466.155 175.313 472.258 206.407 472.017 238.433C471.782 269.699 465.282 300.16 452.698 328.968C440.582 356.705 423.398 381.669 401.625 403.168C379.854 424.666 354.653 441.553 326.723 453.361C297.887 465.552 267.469 471.733 236.314 471.733C236.131 471.733 235.953 471.733 235.769 471.733C205.938 471.662 176.855 466.093 149.327 455.178C145.943 453.834 142.135 453.929 138.88 455.437L63.6147 490.294C60.9398 491.532 58.1173 492.136 55.3283 492.136ZM235.115 17.1464L235.199 32.7601C180.645 33.0539 129.401 54.6674 90.9081 93.6197C52.3939 132.594 31.4544 184.049 31.9457 238.508C32.4183 290.79 52.7106 340.334 89.085 378.013C98.1677 387.42 100.562 401.191 95.1852 413.094L79.107 448.69L125.698 427.113C136.72 422.008 149.549 421.659 160.892 426.159C184.747 435.618 209.964 440.444 235.841 440.505C235.989 440.505 236.148 440.505 236.297 440.505C346.328 440.505 439.885 347.968 440.712 238.199C441.125 183.223 419.922 131.523 381.008 92.6248C342.36 53.9925 291.019 32.7571 236.336 32.7571C235.956 32.7571 235.58 32.7582 235.199 32.7601L235.115 17.1464Z' fill='%233BB54A'/%3E%3Cpath d='M235.115 17.1464L235.199 32.7601M235.199 32.7601C180.645 33.0539 129.401 54.6674 90.9081 93.6197C52.3939 132.594 31.4544 184.049 31.9457 238.508C32.4183 290.79 52.7106 340.334 89.085 378.013C98.1677 387.42 100.562 401.191 95.1852 413.094L79.107 448.69L125.698 427.113C136.72 422.008 149.549 421.659 160.892 426.159C184.747 435.618 209.964 440.444 235.841 440.505C235.989 440.505 236.148 440.505 236.297 440.505C346.328 440.505 439.885 347.968 440.712 238.199C441.125 183.223 419.922 131.523 381.008 92.6248C342.36 53.9925 291.019 32.7571 236.336 32.7571C235.956 32.7571 235.58 32.7582 235.199 32.7601ZM55.3283 492.136C50.3202 492.136 45.4175 490.19 41.6516 486.475C35.7895 480.694 34.1898 472.113 37.5766 464.615L66.6418 400.266C66.7317 400.067 66.6898 399.835 66.5347 399.674C24.5865 356.221 1.18493 299.084 0.640676 238.789C0.35375 207.051 6.35766 176.167 18.4849 146.996C30.1858 118.85 47.0511 93.5165 68.6123 71.6983C90.1633 49.8898 115.3 32.7128 143.325 20.6436C172.375 8.1343 203.229 1.70397 235.031 1.53316C267.146 1.3524 298.285 7.515 327.631 19.8239C355.957 31.706 381.371 48.7783 403.168 70.5669C424.964 92.3541 442.024 117.738 453.875 146.014C466.155 175.313 472.258 206.407 472.017 238.433C471.782 269.699 465.282 300.16 452.698 328.968C440.582 356.705 423.398 381.669 401.625 403.168C379.854 424.666 354.653 441.553 326.723 453.361C297.887 465.552 267.469 471.733 236.314 471.733C236.131 471.733 235.953 471.733 235.769 471.733C205.938 471.662 176.855 466.093 149.327 455.178C145.943 453.834 142.135 453.929 138.88 455.437L63.6147 490.294C60.9398 491.532 58.1173 492.136 55.3283 492.136Z' stroke='%231E8162' stroke-width='2'/%3E%3Cellipse cx='243.638' cy='141.161' rx='30.4606' ry='34.5397' fill='%233BB54A'/%3E%3Cpath d='M191.063 193.207H255.096C264.941 193.207 272.337 203.397 270.443 214.352L250.152 331.804C248.249 342.815 257.662 352.052 266.964 348.221C272.001 346.148 277.114 343.642 281.235 340.76C282.489 339.882 283.968 339.457 285.433 339.658C287.478 339.939 289.656 341.369 288.703 346.506C287.033 355.495 269.034 378.331 233.623 375.369C197.539 372.349 194.705 350.635 193.565 342.722C192.352 334.302 204.993 258.552 210.696 227.098C211.999 219.911 207.437 213.061 200.982 212.509L191.063 211.66C191.063 211.66 188.896 211.66 186.562 209.27C182.802 205.418 182.712 198.579 186.67 194.989C187.825 193.94 189.274 193.207 191.063 193.207Z' fill='%233BB54A'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right -83px bottom 72px;
width: 32.9%;
height: 133.4%;
max-width: 473px;
max-height: 493px;
}
.help-desk-section>.e-con-inner {
z-index: 2;
}
.help-desk-title:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59.372' height='61.861' viewBox='0 0 59.372 61.861'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M375.442,357.861a2.382,2.382,0,0,1-2.161-3.358l3.537-7.851a.065.065,0,0,0-.013-.072,28.692,28.692,0,1,1,49.35-19.674,28.032,28.032,0,0,1-2.351,11.047,29.259,29.259,0,0,1-15.332,15.178,28.05,28.05,0,0,1-11,2.242H397.4a28.542,28.542,0,0,1-10.521-2.02,1.614,1.614,0,0,0-1.271.032l-9.16,4.253A2.392,2.392,0,0,1,375.442,357.861Zm21.881-57.956.01,1.905a24.874,24.874,0,0,0-17.783,42.126,3.857,3.857,0,0,1,.742,4.28l-1.957,4.343,5.67-2.633a5.44,5.44,0,0,1,4.283-.116,24.744,24.744,0,0,0,9.122,1.75h.055a25.236,25.236,0,0,0,24.879-24.684,24.876,24.876,0,0,0-24.874-25.067h-.138Z' transform='translate(-368.785 -298)' fill='%23fff' stroke='%231e8162' stroke-width='2'/%3E%3Ccircle cx='4.214' cy='4.214' r='4.214' transform='translate(25.482 12.823)' fill='%23fff'/%3E%3Cpath d='M1587.085,1627.925h8.859a2.164,2.164,0,0,1,2.123,2.58l-2.807,14.331a1.765,1.765,0,0,0,2.326,2,11.056,11.056,0,0,0,1.974-.91.9.9,0,0,1,.581-.134c.283.034.584.209.452.836-.231,1.1-2.721,3.883-7.62,3.522-4.992-.368-5.385-3.018-5.542-3.983-.168-1.027,1.581-10.27,2.37-14.108a1.486,1.486,0,0,0-1.344-1.78l-1.372-.1a1.02,1.02,0,0,1-.623-.292,1.148,1.148,0,0,1,.015-1.743A.952.952,0,0,1,1587.085,1627.925Z' transform='translate(-1564.663 -1604.537)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 60px;
height: 62px;
display: inline-block;
position: absolute;
top: -20px;
right: -70px;
}
.challenge-card-title span {
color: var(--e-global-color-0a07c0d);
}
.serve-title span,
.hero_title span {
color: var(--e-global-color-primary);
}
.bottom-arrow img {
width: 66px !important;
}
.bottom-arrow {
animation: custom_move 1.3s infinite;
}
@keyframes custom_move {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0px);
}
}
[data-elementor-type="wp-page"]>.elementor-element.challenge-section {
position: sticky;
top: 0;
z-index: 1;
}
/* .serve-section {
background: transparent linear-gradient(180deg, #85CAE68D 0%, #85CAE600 100%) 0% 0% no-repeat padding-box !important;
background-color: #fff !important;
} */
.serve-section::before {
background-image: linear-gradient(180deg,
#85cae699 0%,
#85cae600 30%,
#85cae600 70%,
#85cae699 100%) !important;
}
/* .serve-section:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: -150px;
background: transparent linear-gradient(360deg, #85CAE698 0%, #85CAE600 100%) 0% 0% no-repeat padding-box;} */
.cloud-section:after {
content: "";
background: url("../images/cloud-image.webp") no-repeat top center;
background-size: 120%;
position: absolute;
pointer-events: none;
top: -250px;
left: 0;
right: 0;
width: 100%;
bottom: 0;
}
@media screen and (min-width: 1441px) {
.cloud-section:after {
top: -16.146vw;
}
}
@media screen and (min-width: 3000px) {
.cloud-section:after {
top: -14vw;
background-size: 115%;
}
}
@media screen and (max-width: 1200px) {
.cloud-section:after {
background-size: cover;
}
}
.approach-title span,
.approach-desc p strong,
.approach-desc p b {
color: #85cae6;
}
.home [data-elementor-type="wp-page"]>.elementor-element {
z-index: 2;
background: #fff;
}
.approach-step-card:not(:last-child):after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg id='Group_416' data-name='Group 416' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.533' height='80.507' viewBox='0 0 24.533 80.507'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_314' data-name='Rectangle 314' width='24.533' height='80.507' transform='translate(0 0)' fill='none' stroke='%233bb54a' stroke-linecap='round' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_415' data-name='Group 415' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_137' data-name='Path 137' d='M.431.253l23.522,40-23.522,40' fill='none' stroke='%233bb54a' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: 25px;
height: 80px;
position: absolute;
display: inline-block;
right: -69px;
top: 50%;
transform: translateY(-50%);
}
.serve-button .elementor-button {
width: 100%;
}
.serve-column:after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(0deg,
rgb(255 255 255 / 50%) 0%,
#fff 20%,
#fff 40%,
rgb(255 255 255 / 50%) 50%,
transparent);
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.serve-btn-icon {
pointer-events: none;
}
.serve-bottom-button:after,
.serve-bottom-button:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='73' viewBox='0 0 41 73'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_396' data-name='Rectangle 396' width='41' height='73' transform='translate(491 3116)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_6' data-name='Mask Group 6' transform='translate(-491 -3116)' clip-path='url(%23clip-path)'%3E%3Cg id='Rectangle_395' data-name='Rectangle 395' transform='translate(500 3125)' fill='none' stroke='%23004d79' stroke-width='2'%3E%3Crect width='224' height='53' rx='14' stroke='none'/%3E%3Crect x='1' y='1' width='222' height='51' rx='13' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: 41px;
background-repeat: no-repeat;
position: absolute;
width: 41px;
height: 71px;
top: -3px;
left: 0;
}
.serve-bottom-button:after {
left: inherit;
right: 0;
transform: scaleX(-1);
}
.serve-bottom-button .elementor-heading-title {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 1200px) {
.help-desk-title:after {
width: 50px;
height: 52px;
top: -14px;
right: -52px;
}
.approach-step-card:not(:last-child):after {
width: 18px;
right: -18px;
}
}
@media screen and (max-width: 1100px) {
.approach-step-card:not(:last-child):after {
display: none;
}
}
@media screen and (max-width: 1023px) {
.help-desk-title:after {
width: 43px;
height: 47px;
}
}
@media screen and (max-width: 767px) {
.serve-bottom-button:after,
.serve-bottom-button:before {
display: none;
}
.help-desk-section:after {
background-size: 0;
}
}
.cloud-touched .challenge-section {
opacity: 0;
}
/* Banner Animation CSS Start */
.hero_banner_leftcol .elementor-element .animated {
animation-duration: 2.5s !important;
animation-timing-function: ease-out;
}
.hero_title span {
color: inherit !important;
}
/* Blue word */
.hero_title .highlight {
color: var(--e-global-color-primary) !important;
}
/* Second line animation */
.hero_title .line2 {
opacity: 0;
transform: translateY(20px);
transition: all 1s ease;
}
.hero_title .line2.show {
opacity: 1;
transform: translateY(0);
}
/* Banner Animation CSS End */
.service-content {
height: 100%;
}
.service-button {
margin-top: auto;
}
/** Language Dropdown **/
header .custom-lang-switcher {
position: relative;
display: inline-block;
cursor: pointer;
}
header .current-lang {
background: var(--e-global-color-primary);
color: #fff;
padding: 5px 18px;
border-radius: 6px;
min-width: 65px;
text-align: center;
}
header .lang-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
list-style: none;
padding: 0px 0;
margin: 0;
border: 1px solid #ddd;
min-width: 65px;
text-align: center;
border-radius: 5px;
}
header .lang-dropdown li a {
text-decoration: none;
color: #333;
padding: 5px 15px;
display: block;
}
header .custom-lang-switcher:hover .lang-dropdown {
display: block;
}
/** Language Dropdown END **/
/* Service page CSS Start */
.para_list li {
position: relative;
padding-left: 63px;
}
.para_list li::before {
content: "";
width: 5px;
height: 5px;
background: currentColor;
position: absolute;
left: 3px;
top: 10px;
border-radius: 50%;
}
.our-work-content-2.para_list li::before {
width: 4px;
height: 4px;
left: 4px;
}
.para_list p:last-of-type {
margin-block-end: 5px !important;
}
.para_list ul:not(:last-child),
.para_list ol:not(:last-child) {
margin-block-end: clamp(12px, 1.111vw, 16px);
}
.reg-para ul {
margin-top: -15px;
margin-bottom: 20px;
}
.trim-text p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.coneimages_col {
max-height: 460px;
}
.navigate-sec::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, #0000 0%, #18181899 100%);
z-index: 0;
}
@media screen and (max-width: 1366px) {
.coneimages_col {
max-height: 400px;
}
}
@media screen and (max-width: 1200px) {
.para_list li {
padding-left: 40px;
}
}
@media screen and (max-width: 1366px) {
.coneimages_col {
max-height: 300px;
}
}
@media screen and (max-width: 767px) {
.para_list li {
padding-left: 30px;
}
}
/* 20 MAY CODE START */
.elementor-element-edit-mode.our_team_list {
display: flex;
}
.our_team_list {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
grid-template-rows: repeat(4, auto);
gap: 16px;
}
/* Reset all items first */
.our_team_item {
grid-column: auto;
grid-row: auto;
}
/* LEFT COLUMN */
.our_team_item:nth-child(1) {
grid-column: 1;
grid-row: 1 / 3;
}
/* MIDDLE COLUMN */
.our_team_item:nth-child(2) {
grid-column: 2;
grid-row: 1 / 3;
}
.our_team_item:nth-child(5) {
grid-column: 1;
grid-row: 3 / 5;
}
.our_team_item:nth-child(6) {
grid-column: 2;
grid-row: 3 / 5;
}
/* RIGHT COLUMN TOP */
.our_team_item:nth-child(3) {
grid-column: 3;
grid-row: 1;
}
/* RIGHT COLUMN SECOND */
.our_team_item:nth-child(4) {
grid-column: 3;
grid-row: 2;
}
/* RIGHT COLUMN THIRD */
.our_team_item:nth-child(7) {
grid-column: 3;
grid-row: 3;
}
/* RIGHT COLUMN FOURTH */
.our_team_item:nth-child(8) {
grid-column: 3;
grid-row: 4;
}
.our_team_item .elementor-icon-box-icon {
position: absolute;
right: 15px;
bottom: 15px;
}
.our_team_item .elementor-widget-icon-box {
height: 100%;
}
.our_team_item:nth-child(3) .elementor-icon-box-icon {
top: 15px;
bottom: unset;
}
.our_team_item:nth-child(3):before {
transform: scaleX(-1);
}
.green_box:before,
.green_box:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
border-radius: 14px;
bottom: 0;
pointer-events: none;
background: linear-gradient(90deg,
#3bb54a 12.04%,
#3bb54a 64.59%,
rgba(59, 181, 74, 0) 76.19%);
}
.green_box:before {
opacity: 0.6515;
background: linear-gradient(90deg,
rgba(0, 77, 121, 0.83) 12.09%,
rgba(30, 129, 98, 0.04) 56.66%,
rgba(30, 129, 98, 0) 80.86%);
mix-blend-mode: multiply;
z-index: 1;
background-color: transparent !important;
}
.green_box>div {
z-index: 2;
}
.green_box {
background-size: auto 100% !important;
}
.green_box p {
color: #fff;
}
.green_box p strong {
color: #fff;
font-family: "DM Serif Display";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 35px;
/* 134.615% */
}
.our_team_item:last-child .elementor-widget-icon-box {
align-content: center;
}
.help_desk_form:not(.event_help_desk_form)>.e-con-inner {
border-bottom: 1px solid #1e8162;
}
.help_desk_form .contact_form .elementor-field-type-checkbox .elementor-field-label {
padding-top: 0 !important;
}
.help_desk_form .contact_form .elementor-field-type-submit {
margin-top: 20px;
}
.help_desk_form .form-title {
color: #004d79;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 25px;
margin-bottom: 7px;
}
.help_desk_form .form-title+p {
display: none;
margin: 0;
}
.help_desk_form .elementor-field-type-html.elementor-col-80 {
margin-top: 0 !important;
}
.how_it_works_row .benefit_icon {
min-height: 87px;
align-content: center;
}
.help_desk_form .contact_form .elementor-field-type-html.elementor-col-75 {
margin: 0;
position: absolute;
bottom: 18px;
left: 32px;
width: max-content;
max-width: 242px;
}
.help_desk_form .contact_form .elementor-field-type-text.elementor-col-50 input:first-child {
margin-top: auto;
}
.contact_form .elementor-field-type-submit .elementor-button {
transition: all 0.3s;
box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5058823529411764);
}
.contact_form .elementor-field-type-submit .elementor-button:hover {
box-shadow: none !important;
}
.contact_form .elementor-field-type-acceptance .elementor-field-option {
display: flex;
gap: 9px;
flex-wrap: wrap;
}
.contact_form .elementor-field-type-acceptance .elementor-field-option input {
max-width: 40px;
}
.cust_link a {
text-decoration: underline;
}
/*
.last-para.cust_link p strong {
font-size: 10px;
margin-right: 4px;
left: 4px;
display: inline-block;
position: relative;
top: -4px;
}
.contact_form .elementor-field-type-checkbox .elementor-field-label b {
font-size: 10px;
margin-right: 0;
left: 0px;
display: inline-block;
position: relative;
top: -5px;
} */
.the_result_help_desk_sec::before {
max-width: 54.45%;
}
.help_desk_form .contact_form:has(.elementor-message) .elementor-field-type-html.elementor-col-75 {
/* bottom: 55px; */
position: static;
}
@media (min-width: 768px) and (max-width: 1024px) {
.our_team_list {
grid-template-columns: 1fr 1fr !important;
}
.our_team_item {
grid-column: unset !important;
grid-row: unset !important;
}
}
@media screen and (max-width: 1200px) {
.green_box p strong {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width: 1024px) {
.green_box p strong {
font-size: 18px;
line-height: 26px;
}
}
@media screen and (max-width: 880px) {
.help-desk-section::after {
background-position: right -83px bottom 48%;
width: 41.9%;
height: 100%;
max-width: 473px;
max-height: 493px;
}
}
@media screen and (max-width: 767px) {
.our_team_list {
display: flex !important;
flex-direction: column !important;
}
.our_team_item:nth-child(3) .elementor-icon-box-icon {
top: unset;
bottom: 15px;
}
.help_desk_form .contact_form .elementor-field-type-html.elementor-col-75 {
position: static;
}
}
/* Custom 2 CSS */
/* Custom CSS */
/* --e-global-color-primary: #004D79;
--e-global-color-secondary: #3BB54A;
--e-global-color-text: #686868;
--e-global-color-accent: #004D79;
--e-global-color-0a07c0d: #FBFB24;
--e-global-color-21e1282: #FFFFFF;
--e-global-color-9b2a694: #000000; */
:root {
--trans: 0.4s ease;
--admin-bar-height: 32px;
--header-height: calc(84px + 24px);
--min-input-height: 40px;
}
::selection {
background: var(--e-global-color-secondary);
color: var(--e-global-color-21e1282);
}
/* Chrome, Edge, Safari, Opera */
::-webkit-scrollbar {
width: 4px;
height: 2px;
}
::-webkit-scrollbar-track {
background: #fff;
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
background-color: var(--e-global-color-primary);
border-radius: 0px;
}
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: var(--e-global-color-primary) #fff;
}
html {
scroll-behavior: smooth;
/* scroll-padding-top: var(--header-height); */
}
a,
* {
-webkit-tap-highlight-color: transparent;
}
ul,
ol {
padding: 0;
margin: 0;
list-style: none;
}
a {
text-decoration: none;
transition: var(--trans);
}
/** Global Popup code Start **/
body.dialog-prevent-scroll {
max-height: none;
}
.elementor-popup-modal {
overflow: hidden;
overflow-y: auto;
}
.elementor-popup-modal.dialog-type-lightbox>.dialog-widget-content.dialog-lightbox-widget-content>.dialog-message.dialog-lightbox-message {
height: 100% !important;
max-height: 100%;
}
.contact_form .elementor-form-fields-wrapper.elementor-labels-above {
align-items: flex-start;
}
/** Global Popup code End **/
/* Header */
.elementor-location-header:before,
.elementor-location-footer:before {
display: none;
}
header[data-elementor-type="header"] {
position: sticky;
top: 0;
/* left: 0;
width: 100%; */
transition: var(--trans);
z-index: 99;
}
/* New ADA Fix */
/* header[data-elementor-type="header"] {
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: var(--trans);
z-index: 99;
} */
/* div[data-elementor-type="wp-page"] {
margin-top: 84px;
} */
/* New ADA Fix End */
header[data-elementor-type="header"].bottom {
transform: translateY(-120%);
}
header[data-elementor-type="header"].top {
transform: translateY(0%);
}
.main_navigation {
flex-direction: row !important;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>a>span.sub-arrow svg {
display: none;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>a>span.sub-arrow {
width: 14px;
height: 7px;
background: url('data:image/svg+xml,') no-repeat center/contain;
padding: 0;
margin: 2px 0 0;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>a {
gap: 6px;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>a:hover>span.sub-arrow {
background-image: url('data:image/svg+xml,');
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>ul.sub-menu>li>a.elementor-sub-item {
border: none;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children.open>ul.sub-menu {
opacity: 1;
visibility: visible;
transform: unset;
pointer-events: unset;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children::after {
content: "" !important;
display: block !important;
width: 100%;
height: 32px;
background: transparent;
position: absolute;
left: 0;
top: 100%;
border: none;
visibility: hidden;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children.open::after {
visibility: visible;
}
/* html[lang="es-ES"] header .elementor-element.main_navigation .elementor-nav-menu > li.menu-item-has-children > ul.sub-menu {
margin-top: 0 !important;
z-index: 35;
} */
/* Hero Banner */
.banner_video .e-hosted-video {
aspect-ratio: 700 / 624;
}
.banner_video .e-hosted-video>video.elementor-video {
background: #fff !important;
}
.normal_btn a.elementor-button span.elementor-button-icon {
font-size: 10px;
position: relative;
bottom: -2px;
}
.hero_title.elementor-heading-title span {
display: inline-block;
color: var(--e-global-color-primary);
}
/* Article Slider */
.articles_slider .swiper {
border-radius: 14px;
}
/* .articles_slider .elementor-widget-theme-post-featured-image::after,
.articles_slider .elementor-widget-image::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(
0deg,
#fff 0%,
#fff 20%,
rgb(255 255 255 / 50%) 50%,
transparent
);
position: absolute;
left: 0;
bottom: 0;
} */
.articles_slider .fdm_postslider_featured.elementor-widget-theme-post-featured-image,
.articles_slider .fdm_postslider_featured {
position: static;
}
.articles_slider .elementor-widget-theme-post-featured-image a,
.articles_slider .fdm_postslider_featured .elementor-shortcode a {
display: flex;
}
.articles_slider .elementor-widget-theme-post-featured-image a:after,
.articles_slider .fdm_postslider_featured .elementor-shortcode a:after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent;
content: "";
z-index: 2;
}
/* .articles_slider .swiper .elementor-heading-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 52px;
} */
.articles_slider .fdm_postslider_featured img {
aspect-ratio: 1200 / 763;
}
.articles_slider .elementor-swiper-button {
top: 50% !important;
transform: translateY(-50%) !important;
}
.articles_slider .elementor-swiper-button>svg {
height: auto !important;
}
.newsletter_header.article_link a {
color: var(--e-global-color-text);
font-weight: 600;
}
.newsletter_header.article_link a:hover {
color: var(--e-global-color-accent);
}
/* Newsletter */
.newsletter_form .elementor-field-group input {
min-height: var(--min-input-height);
padding: 6px 20px;
font-size: 16px;
font-weight: 400;
}
.newsletter_form .elementor-field-group button.elementor-button {
min-height: var(--min-input-height);
padding: 4px 20px !important;
}
.newsletter_form .elementor-field-group button.elementor-button,
.single-foodman_event .contact_form .elementor-field-group button.elementor-button,
.event_froms .elementor-field-group button.elementor-button {
position: relative;
}
.newsletter_form .elementor-field-group button.elementor-button span.elementor-form-spinner,
.single-foodman_event .contact_form .elementor-field-group button.elementor-button span.elementor-form-spinner,
.event_froms .elementor-field-group button.elementor-button span.elementor-form-spinner {
position: absolute;
left: calc(50% - 12px);
top: calc(50% - 12px);
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.newsletter_form .elementor-message-success {
padding: 10px;
background: #e7ffea;
}
.newsletter_form .elementor-message-danger {
padding: 10px;
background: #fff6f6;
}
.newsletter_form .elementor-field-group input::placeholder {
opacity: 1;
}
.newsletter_form .elementor-field-group input:-webkit-autofill {
-webkit-background-clip: text;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: #ffffff !important;
}
.newsletter_form .elementor-field-group .elementor-message.elementor-help-inline:before {
/* color: rgb(255 255 255) !important;
fill: rgb(255 255 255) !important; */
filter: brightness(100);
}
/* Before Footer */
.partner_col:not(:last-child):after {
content: "";
width: 1px;
height: 100%;
position: absolute;
right: -16px;
top: 0;
background: #85cae6;
}
/* Footer START */
.social_icons svg {
width: max-content;
height: max-content;
}
.social_icons .elementor-icon.elementor-social-icon {
width: max-content;
min-width: 23px;
height: 23px;
}
.social_icons .elementor-social-icons-wrapper,
.social_icons .elementor-social-icons-wrapper .elementor-grid-item {
display: flex;
align-items: center;
}
.privacy_menu li.elementor-inline-item::after {
border-radius: 50%;
}
/* Footer END */
.articles_slider .elementor-swiper-button svg path {
transition: stroke ease-in 0.2s;
}
.articles_slider .elementor-swiper-button:hover svg path {
stroke: var(--e-global-color-accent);
}
.newsletter_form .elementor-form-fields-wrapper {
align-items: flex-start;
}
.newsletter_form .elementor-message.elementor-message-danger {
padding: 0 !important;
background: transparent !important;
}
/* .newsletter_form .elementor-message.elementor-message-danger::before {
content: "â";
} */
.newsletter_form .elementor-message.elementor-message-danger {
color: #ff2727 !important;
}
.newsletter_form .elementor-message.elementor-message-danger::before {
display: none;
content: "";
width: 10px;
height: 10px;
background: url('data:image/svg+xml,') no-repeat center / contain;
margin-top: -2px;
}
.newsletter_form .elementor-form>.elementor-message.elementor-message-danger {
display: none;
}
.newsletter_form .elementor-form>.elementor-message.elementor-message-success {
text-align: center;
}
/* Service Page */
/* .page-id-28825 div[data-elementor-type="wp-page"]{
overflow: hidden;
} */
.hexagon_small {
clip-path: polygon(98.89711% 47.75%,
99.22862% 48.46091%,
99.43163% 49.21858%,
99.5% 50%,
99.43163% 50.78142%,
99.22862% 51.53909%,
98.89711% 52.25%,
76.39711% 91.22114%,
75.9472% 91.86369%,
75.39254% 92.41834%,
74.75% 92.86826%,
74.03909% 93.19976%,
73.28142% 93.40278%,
72.5% 93.47114%,
27.5% 93.47114%,
26.71858% 93.40278%,
25.96091% 93.19976%,
25.25% 92.86826%,
24.60746% 92.41834%,
24.0528% 91.86369%,
23.60289% 91.22114%,
1.10289% 52.25%,
0.77138% 51.53909%,
0.56837% 50.78142%,
0.5% 50%,
0.56837% 49.21858%,
0.77138% 48.46091%,
1.10289% 47.75%,
23.60289% 8.77886%,
24.0528% 8.13631%,
24.60746% 7.58166%,
25.25% 7.13174%,
25.96091% 6.80024%,
26.71858% 6.59722%,
27.5% 6.52886%,
72.5% 6.52886%,
73.28142% 6.59722%,
74.03909% 6.80024%,
74.75% 7.13174%,
75.39254% 7.58166%,
75.9472% 8.13631%,
76.39711% 8.77886%);
}
.navigation_items ul.elementor-icon-list-items {
margin: 0 !important;
--gap: clamp(24px, 3.333vw, 48px);
gap: 12px var(--gap);
}
.navigation_items ul.elementor-icon-list-items>li.elementor-icon-list-item {
margin: 0 !important;
/* max-width: 220px; */
display: block;
}
@media (min-width: 1024px) {
.page-id-28609 .navigation_items ul.elementor-icon-list-items>li.elementor-icon-list-item:first-child {
max-width: 180px;
}
}
.navigation_items ul.elementor-icon-list-items>li.elementor-icon-list-item span.elementor-icon-list-text {
text-decoration: underline;
display: inline-block;
}
/* Listing to Dropdown converter START */
.navigation_dropdown {
position: relative;
}
.navigation_dropdown ul.elementor-icon-list-items.listdropdown_items {
display: block;
background: #ffffff;
border: 1px solid #e9e9e9;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
border-radius: 8px;
margin-inline: 0 !important;
position: absolute;
left: 0;
top: calc(100% + 10px);
width: 100%;
max-width: 280px;
max-height: 320px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: 0.3s ease;
z-index: 2;
overflow: auto;
}
.navigation_dropdown.dropdown_open ul.elementor-icon-list-items.listdropdown_items {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.listdropdown_title.elementor-icon-list-item {
gap: 10px;
cursor: pointer;
width: max-content;
}
.navigation_dropdown ul.elementor-icon-list-items.listdropdown_items>li.elementor-icon-list-item {
margin: 0 !important;
padding: 0 !important;
}
.navigation_dropdown ul.elementor-icon-list-items.listdropdown_items>li.elementor-icon-list-item>a {
padding: 14px 20px;
color: var(--e-global-color-primary);
background-color: #004d7900;
font-weight: 500;
width: 100%;
}
.navigation_dropdown ul.elementor-icon-list-items.listdropdown_items>li.elementor-icon-list-item:not(:last-child) {
border-bottom: 1px solid #e9e9e9;
}
.listdropdown_title .droparrow {
color: var(--e-global-color-primary);
transition: var(--trans);
width: 14px;
height: 7px;
display: flex;
align-items: center;
justify-content: center;
}
.listdropdown_title:hover .elementor-icon-list-text {
transition: var(--trans);
}
.db-single-wrap {
display: flex;
}
span.db-single-text {
color: var(--e-global-color-primary);
font-weight: 700;
text-decoration: underline;
line-height: 1.4em;
}
a.db-single-link {
text-decoration: underline;
}
.listdropdown_title .droparrow>svg {
width: 100%;
height: 100%;
}
.navigation_dropdown.dropdown_open .droparrow {
transform: rotateX(180deg);
}
.listdropdown_title:hover .elementor-icon-list-text,
.listdropdown_title:hover .droparrow,
a.db-single-link:hover,
.navigation_dropdown ul.elementor-icon-list-items.listdropdown_items>li.elementor-icon-list-item>a:hover {
color: var(--e-global-color-secondary) !important;
}
/* Listing to Dropdown converter END */
.ws_para p strong {
font-size: clamp(18px, 1.389vw, 20px);
}
.wws_col::before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent 30%,
#ffffff 50%,
#ffffff 100%) !important;
position: absolute;
left: 0;
top: 0;
border: none;
z-index: 2;
border-radius: 0;
}
.wws_para p:last-of-type,
.ws_para p:last-of-type,
.story_para p:last-child {
margin: 0 !important;
}
.wws_para ul {
margin: 6px 0 0;
}
/* .para_list li:not(:last-child) {
margin-bottom: 2px;
} */
.ws_para p a {
text-decoration: underline;
}
.wws_image {
height: 100%;
}
.elementor-kit-9 .work_para :is(h1, h2, h3, h4, h5, h6) {
font-size: clamp(18px, 1.389vw, 20px);
font-family: var(--e-global-typography-e1fcf9f-font-family);
font-weight: 700;
margin: 24px 0 6px;
}
.work_para ul {
margin-bottom: 16px;
margin-top: -10px;
}
.work_para.financial_less_margin ul {
margin-top: 0px;
}
.span_lightblue .elementor-heading-title>span {
color: #85cae6;
}
.model_list li:not(:last-child) {
margin-bottom: 6px;
}
/* .articles_slider .e-loop-item > .elementor-element {
border: 3px solid #707070 !important;
} */
.hero_content {
padding-left: calc(((100vw - var(--container-max-width)) / 2) - 32px);
}
.gradient_1::before {
background-image: linear-gradient(180deg,
rgb(133 202 230 / 0%) 0%,
rgb(133 202 230 / 60%) 80%,
rgb(133 202 230 / 35%) 100%) !important;
}
.gradient_2::before {
background-image: linear-gradient(180deg,
rgb(133 202 230 / 34%) 0%,
rgb(133 202 230 / 0%) 30%,
rgb(133 202 230 / 60%) 100%) !important;
}
.story_para ul {
list-style: disc;
padding-left: 24px;
}
/* Text with underline */
.text_w_linelink a {
color: currentColor !important;
text-decoration: underline;
font-weight: 700;
transition: 0.3s;
}
.text_w_linelink a:hover {
color: var(--e-global-color-secondary) !important;
}
/* Privacy Policy */
.elementor-kit-9 .terms_para :is(h1, h2, h3, h4, h5, h6) {
font-size: clamp(20px, 1.667vw, 24px);
line-height: 1.2;
font-family: var(--e-global-typography-e1fcf9f-font-family);
color: var(--e-global-color-primary);
font-weight: 700;
margin: clamp(24px, 1.667vw, 32px) 0 clamp(12px, 1.111vw, 16px);
}
.elementor-kit-9 .terms_para> :is(h1, h2, h3, h4, h5, h6):first-of-type {
margin-top: 0;
}
.para_list.terms_para p:last-of-type {
margin-block-end: 0px !important;
}
.hexagon_wrapper {
aspect-ratio: 636 / 551;
}
.main_hexagon {
height: 100%;
}
/* Error 404 */
.not_found_section .not_found_paragraph p:last-child {
margin-bottom: 0px !important;
}
.not_found_section .navigation_link a span {
text-decoration: underline 2px;
text-underline-offset: 5px;
}
/* Error 404 */
/* Footer links */
.fm_legal_links>* {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
row-gap: 5px;
}
.fm_legal_links>*>a:not(:last-child) {
margin-right: 8px;
padding-right: 12px;
position: relative;
display: inline-block;
}
.fm_legal_links>*>a:not(:last-child)::after {
content: '';
width: 4px;
height: 4px;
background: #fff;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
/* Responsive asa */
@media (min-width: 1504px) {
.hero_content {
padding-left: 120px;
}
}
@media (min-width: 1440px) {
.language_btn>.elementor-button {
padding: 6px 21px !important;
}
.learning_btn>.elementor-button {
padding: 6px 26px !important;
}
.clr_btn>.elementor-button {
padding: 15px 38.5px !important;
}
.nowrap .elementor-heading-title {
text-wrap-mode: nowrap;
}
}
@media (min-width: 1366px) {
.event_froms .elementor-field-group button.elementor-button {
padding: 12px 12px !important;
}
}
@media (min-width: 1201px) {
/* Header */
.main_navigation .elementor-nav-menu>li.menu-item-has-children>ul.sub-menu {
display: block !important;
width: auto !important;
min-width: 260px !important;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(10%);
transition:
transform ease 0.2s,
opacity ease 0.2s,
visibility ease 0.2s,
pointer-events ease 0s;
pointer-events: none;
/* padding: 20px; */
}
/* Newsletter */
.newsletter_form .elementor-form-fields-wrapper {
flex-wrap: nowrap;
}
.newsletter_form .elementor-field-group {
width: 100%;
}
.newsletter_form .elementor-field-group.e-form__buttons {
width: max-content;
padding-left: 85px !important;
}
}
@media (max-width: 1200px) {
/* Header */
body.menu_open {
overflow: hidden;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>ul.sub-menu {
opacity: 1;
visibility: visible;
border-radius: 0;
width: 100% !important;
min-width: auto !important;
transform: unset;
pointer-events: unset;
border-left: none;
border-right: none;
}
body .elementor-17 .elementor-element .main_navigation nav.elementor-nav-menu__container.elementor-nav-menu--dropdown {
margin-top: 0 !important;
position: fixed;
left: 0;
top: 72.23px;
height: calc(100dvh - 72.23px);
width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
}
.main_navigation .elementor-menu-toggle {
border-radius: 8px;
}
.main_navigation .elementor-nav-menu>li.menu-item>a.elementor-item {
justify-content: space-between;
font-size: 16px !important;
line-height: 24px !important;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>a.elementor-item-anchor.has-submenu span.sub-arrow {
margin: 0;
padding: 0;
font-size: 18px;
transition: var(--trans);
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>a.elementor-item-anchor.has-submenu span.sub-arrow svg path {
fill: currentColor;
transition: var(--trans);
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>ul.sub-menu>li>a.elementor-sub-item::before {
content: "";
width: 0px;
border-bottom: 2px solid;
margin-right: 12px;
}
.main_navigation .elementor-nav-menu>li.menu-item-has-children>a.elementor-item-anchor.has-submenu[aria-expanded="true"]>span.sub-arrow {
transform: rotateX(180deg);
}
.btns_header a.elementor-button {
/* width: 100%; */
/* max-width: 240px; */
padding: 10px 20px !important;
font-size: 16px !important;
line-height: 1.2 !important;
}
.btns_header a.elementor-button:hover,
.btns_header .clr_btn a.elementor-button {
color: var(--e-global-color-21e1282) !important;
background: var(--e-global-color-accent) !important;
}
span.db-single-text {
font-size: 15px;
}
.event_froms .elementor-field-group button.elementor-button {
padding: 10px 12px 10px 12px !important;
}
}
@media (max-width: 1024px) {
/* .articles_slider .swiper .elementor-heading-title {
min-height: 50px;
} */
.wws_col::before {
background: linear-gradient(180deg,
transparent 100px,
#ffffff 180px,
#ffffff 100%) !important;
}
}
@media (max-width: 880px) {
.event_froms .elementor-field-group button.elementor-button {
padding: 8px 12px 8px 12px !important;
}
}
@media (max-width: 767.98px) {
.hexagon_wrapper {
max-width: 360px;
}
/* Before Footer */
.partner_col:not(:last-child):after {
width: 100%;
max-width: 260px;
height: 1px;
right: auto;
top: auto;
left: 50%;
transform: translateX(-50%);
bottom: -16px;
background: linear-gradient(90deg, #fff0 0%, #85cae6 50%, #fff0 100%);
}
.newsletter_form .elementor-field-group input {
padding: 6px 12px;
}
.multi_images {
max-width: 320px;
}
.navigation_items ul.elementor-icon-list-items {
flex-direction: column;
}
.navigation_items ul.elementor-icon-list-items>li.elementor-icon-list-item,
.navigation_items.column__3 ul.elementor-icon-list-items>li.elementor-icon-list-item,
.navigation_items ul.elementor-icon-list-items>li.elementor-icon-list-item>a,
.navigation_items.column__3 ul.elementor-icon-list-items>li.elementor-icon-list-item>a {
width: max-content;
}
/* Foodman Cpas Advisors Page CSS Start */
.our_team_list {
display: flex;
flex-direction: column;
}
/* Foodman Cpas Advisors Page CSS End */
}
/** Contact Form **/
.contact_form .elementor-field-type-checkbox {
align-items: flex-start;
}
.contact_form .elementor-field-type-checkbox .elementor-field-label {
width: calc(100% - 40px);
order: 2;
padding: 10px 0 0 10px !important;
font-weight: 500 !important;
}
.contact_form .elementor-field-type-checkbox .elementor-field-label strong {
font-weight: 700 !important;
}
/* .contact_form .elementor-field-type-checkbox .elementor-field-subgroup {
width: 40px;
flex-basis: inherit !important;
order: 1;
} */
/* .contact_form .elementor-field-type-checkbox .elementor-field-subgroup input[type="checkbox"] {
cursor: pointer;
accent-color: #1a73e8;
} */
.contact_form .elementor-field-type-checkbox .elementor-field-option {
display: flex;
}
.contact_form .elementor-field-type-checkbox .elementor-field-label {
cursor: default;
}
.contact_form input[type="checkbox"] {
width: 100%;
height: 40px;
}
.contact_form .elementor-field-type-submit .elementor-button {
border: 2px solid #3bb54a;
}
.contact_form .elementor-field-label:after {
color: var(--e-global-color-primary);
padding: 0;
}
.contact_form textarea,
.contact_form input,
.contact_form select {
padding: 8px 14px;
}
.custom-richtextbox p a {
text-decoration: underline;
color: var(--e-text-color-primary);
}
.custom-richtextbox p a:hover {
color: var(--e-global-color-primary);
}
.contact_form input::placeholder,
.contact_form textarea::placeholder {
opacity: 0.8 !important;
}
.contact_form input::-moz-placeholder,
.contact_form textarea::-moz-placeholder {
opacity: 0.8 !important;
}
.contact_form input:-ms-input-placeholder,
.contact_form textarea:-ms-input-placeholder {
opacity: 0.8 !important;
}
.contact_form input:-moz-placeholder,
.contact_form textarea:-moz-placeholder {
opacity: 0.8 !important;
}
.contact_form .elementor-field-type-select .select-caret-down-wrapper svg {
display: none;
}
.contact_form .elementor-field-type-select .select-caret-down-wrapper {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cmask id='mask0_41_1556' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='8'%3E%3Cpath d='M13.0791 6.80078L1 6.80078V1L13.0791 1V6.80078Z' fill='black' stroke='%23686868' stroke-width='2' stroke-linecap='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_41_1556)'%3E%3Cpath d='M14.0352 0.136719L7.04011 7.61556L0.0447197 0.136719' stroke='%23686868' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
height: 8px;
width: 15px;
}
.contact_form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contact_form textarea {
height: 160px;
font-family: "Manrope", Sans-serif !important;
}
/* .contact_form .elementor-field-type-html {
margin-top: -12px;
} */
.contact_form:not(.simple_titleform) .elementor-field-type-html {
margin-top: -12px;
}
.contact_form .elementor-message {
margin: 10px 0 0;
font-size: 14px !important;
line-height: 1.5 !important;
}
.contact_form .elementor-message::before,
.event_froms .elementor-message::before {
content: unset;
}
@media screen and (max-width: 767px) {
.contact_form:not(.event_froms) .elementor-field-type-submit .elementor-button {
border: 2px solid #3bb54a;
font-size: 18px !important;
padding: 10px 40px !important;
}
.contact_form textarea,
.contact_form input,
.contact_form select {
padding: 8px 23px 8px 12px !important;
font-size: 14px !important;
}
.contact_form .elementor-field-type-checkbox .elementor-field-label {
width: calc(100% - 24px);
padding: 3px 0 0 8px !important;
}
/* .contact_form .elementor-field-type-checkbox .elementor-field-subgroup {
width: 24px;
} */
/* .contact_form input[type="checkbox"] {
height: 23px;
} */
}
/* Broucure Popup Form CSS Start*/
#elementor-popup-modal-34869 .elementor-field-type-html,
#elementor-popup-modal-35024 .elementor-field-type-html {
display: none;
}
#elementor-popup-modal-34869 .contact_form .elementor-field-type-checkbox .elementor-field-label,
#elementor-popup-modal-35024 .contact_form .elementor-field-type-checkbox .elementor-field-label {
width: calc(100% - 20px) !important;
padding: 6px 0 0 10px;
}
#elementor-popup-modal-34869 .contact_form .elementor-field-type-checkbox .elementor-field-subgroup,
#elementor-popup-modal-35024 .contact_form .elementor-field-type-checkbox .elementor-field-subgroup {
width: 20px !important;
}
#elementor-popup-modal-34869 .contact_form .elementor-field-group,
#elementor-popup-modal-35024 .contact_form .elementor-field-group {
margin-bottom: 16px;
}
/* Broucure Popup Form CSS End*/
/* custom CSS */
/* Custom 3 CSS */
:root {
--hww-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
--e-global-color-primary: #004d79;
--e-global-color-secondary: #3bb54a;
--e-global-color-text: #686868;
--e-global-color-accent: #004d79;
--e-global-color-0a07c0d: #fbfb24;
--e-global-color-21e1282: #ffffff;
--e-global-color-9b2a694: #000000;
}
/* KEYFRAMES */
@keyframes hww-fadeScaleIn {
from {
opacity: 0;
transform: scale(0.63);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes hww-fadeUp {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes hww-dropIn {
from {
opacity: 0;
transform: translateY(-16px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes hww-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes hww-slideFromLeft {
from {
opacity: 0;
transform: translateX(-140px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes hww-borderGrow {
from {
width: 0;
}
to {
width: 100%;
}
}
/* Reset */
.hww-section *,
.hww-section *::before,
.hww-section *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* ROOT & CONTAINER */
.hww-section {
display: flex;
align-items: flex-start;
justify-content: center;
font-family: "Manrope", sans-serif;
-webkit-font-smoothing: antialiased;
}
.hww-section .hww-section__container {
max-width: 1049px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
/* TOP NAVIGATION */
.hww-section .hww-service-nav {
display: flex;
align-items: center;
gap: 10px 30px;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
}
.hww-section .hww-service-nav__link {
font-family: "Manrope", sans-serif;
font-weight: 500;
font-size: 16px;
text-align: center;
letter-spacing: 0.8px;
line-height: 25px;
text-transform: uppercase;
color: var(--e-global-color-primary);
text-decoration: underline;
text-underline-offset: 1px;
text-decoration-thickness: 1px;
border: none;
background: none;
cursor: pointer;
transition: all 0.2s;
position: relative;
}
.hww-section .hww-service-nav__link:after {
position: absolute;
content: "";
background: #004d79;
width: 5px;
height: 5px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
right: -15px;
}
.hww-section .hww-service-nav__link:last-of-type:after {
display: none;
}
.hww-section .hww-service-nav__link:hover {
text-shadow:
0 0 0.7px currentColor,
0 0 0.7px currentColor;
color: #0e3a52;
}
.hww-section .hww-service-nav__link.is-active {
text-shadow:
0 0 0.7px currentColor,
0 0 0.7px currentColor;
color: #004d79;
text-decoration: none;
}
.hww-section .hww-service-nav__dot {
color: var(--e-global-color-primary);
font-size: 16px;
line-height: 25px;
}
/* DEFAULT GRID */
.hww-section .hww-grid-wrapper {
background: #ffffffb4;
border-radius: 14px;
padding: 24px;
width: 100%;
}
.hww-section .hww-grid-wrapper.is-hidden {
display: none;
}
.hww-section .hww-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
width: 100%;
max-width: 850px;
margin: 0 auto;
}
.hww-section .hww-service-card {
border-radius: 14px;
overflow: hidden;
display: flex;
flex-direction: column;
cursor: pointer;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.hww-section .hww-service-card__header {
padding: 16px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hww-section .hww-service-card__title {
font-family: "Manrope", sans-serif;
font-size: 26px;
font-weight: 600;
color: #fff;
line-height: 35px;
}
.hww-section .hww-service-card__header--green {
background: linear-gradient(115deg, #0a4a6b 0%, #247a5a 100%);
}
.hww-section .hww-service-card__header--purple {
background: linear-gradient(115deg, #0e365e 0%, #6972a5 100%);
}
.hww-section .hww-service-card__header--violet {
background: linear-gradient(115deg, #023c66 0%, #965ca5 100%);
}
.hww-section .hww-service-card__icon-panel {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 42px 20px;
}
.hww-section .hww-service-card__icon-panel--dark {
background: linear-gradient(131deg, #0a4666 0%, #052f4c 100%);
}
.hww-section .hww-service-card__icon-panel--purpledark {
background: linear-gradient(276deg, #0e577e 0%, #092d43 100%);
}
.hww-section .hww-service-card__icon-panel--violetdark {
background: #062f4f;
}
.hww-section .hww-service-card__icon {
width: 91px;
height: 91px;
}
/* EXPANDED DETAIL PANELS */
.hww-section .hww-detail-wrapper {
width: 100%;
display: none;
}
.hww-section .hww-detail-wrapper.is-visible {
display: block;
}
.hww-section .hww-detail-panel {
display: none;
background: #ffffffb4;
border-radius: 14px;
overflow: visible;
width: 100%;
padding: 24px 0 24px 27px;
gap: 0;
}
.hww-section .hww-detail-panel.is-visible {
display: flex;
}
/* Left Column */
.hww-section .hww-detail-panel__left {
width: 43%;
min-width: 270px;
border-radius: 12px;
/* padding: 29px 43px 52px 43px; */
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
overflow: visible;
opacity: 0;
transform: scale(0.93);
z-index: 5;
min-height: 321px;
}
.hww-section .hww-detail-panel__left.anim-enter {
animation: hww-fadeScaleIn var(--_dur, 700ms) var(--hww-ease-out) both;
}
/* .hww-section .hww-detail-panel__left--green { background: linear-gradient(160deg, #246b50 0%, #0e3a28 100%); } */
.hww-section .hww-detail-panel__left--purple .hww-detail-panel__head {
background: linear-gradient(115deg, #113150 0%, #5865aa 100%);
height: 100%;
}
.hww-section .hww-detail-panel__left--violet .hww-detail-panel__head {
height: 100%;
background: linear-gradient(115deg, #023c66 0%, #965ca5 100%);
}
.hww-section .hww-detail-panel__badge {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: -10px;
top: -15px;
}
.hww-section .hww-detail-panel__badge .hww-detail-panel__badge-icon {
width: 60px;
height: 60px;
}
.hww-section .hww-detail-panel__head {
width: 100%;
padding: 29px 43px 36px 43px;
background: linear-gradient(115deg, #0a4a6b 0%, #2f8f6b 100%);
border-radius: 14px 14px 0 0;
display: flex;
align-items: center;
}
.hww-detail-panel__left.hww-detail-panel__left--green .hww-detail-panel__inner_content {
padding: 6px 43px 52px;
}
.hww-detail-panel__inner_content {
padding: 26px 43px 52px;
text-align: left;
background: #003259;
width: 100%;
height: 100%;
border-radius: 0 0 14px 14px;
}
.hww-section .hww-detail-panel__service-name {
font-family: "Manrope", sans-serif;
font-size: 26px;
font-weight: 600;
color: #fff;
line-height: 35px;
/* margin: 30px 0 36px; */
text-align: left;
opacity: 0;
/* transform: translateY(12px); */
}
.hww-section .hww-detail-panel__service-name.anim-enter {
animation: hww-fadeIn var(--_dur, 500ms) var(--hww-ease-out) both;
}
.hww-section .hww-detail-panel__service-description {
font-family: "Manrope", sans-serif;
font-size: 16px;
color: #fff;
line-height: 25px;
text-align: left;
display: flex;
font-weight: 500;
align-items: center;
height: 100%;
opacity: 0;
transform: translateY(12px);
}
.hww-section .hww-detail-panel__service-description.anim-enter {
animation: hww-fadeIn var(--_dur, 500ms) var(--hww-ease-out) both;
}
.hww-section .hww-detail-panel__tab-prompt {
font-family: "Manrope", sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 500;
color: #fff;
margin-bottom: 18px;
opacity: 0;
/* transform: translateY(12px); */
}
.hww-section .hww-detail-panel__tab-prompt.anim-enter {
animation: hww-fadeIn var(--_dur, 400ms) var(--hww-ease-out) both;
}
/* Sub-tab List */
.hww-section .hww-subtab-list {
list-style: none;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.hww-section .hww-subtab-list__item {
width: 100%;
opacity: 0;
transform: translateY(-16px);
}
.hww-section .hww-subtab-list__item.anim-enter {
animation: hww-dropIn var(--_dur, 400ms) var(--hww-ease-out) both;
}
.hww-section .hww-subtab-list__btn {
width: 100%;
background: #fff;
border: none;
border-radius: 14px;
padding: 5px 7px;
display: flex;
align-items: flex-start;
gap: 10px;
color: var(--e-global-color-primary);
font-family: "Manrope", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px;
cursor: pointer;
transition: all 0.3s;
text-align: left;
white-space: normal;
}
.hww-section .hww-subtab-list__btn:hover,
.hww-section .hww-subtab-list__btn.is-active {
background: #1e8062;
color: #fff;
}
.hww-section .hww-subtab-list__btn-icon {
width: 25px;
height: 21px;
flex-shrink: 0;
display: flex;
margin-top: 2px;
}
.hww-section .hww-subtab-list__btn .hww-subtab-list__btn-icon svg path,
.hww-section .hww-subtab-list__btn .hww-subtab-list__btn-icon svg path,
.hww-section .hww-subtab-list__btn .hww-subtab-list__btn-icon svg path+path,
.hww-section .hww-subtab-list__btn .hww-subtab-list__btn-icon svg path+path {
transition: all 0.3s;
}
.hww-section .hww-subtab-list__btn.is-active .hww-subtab-list__btn-icon svg path,
.hww-section .hww-subtab-list__btn:hover .hww-subtab-list__btn-icon svg path {
fill: #fff !important;
stroke: #fff !important;
}
.hww-section .hww-subtab-list__btn.is-active .hww-subtab-list__btn-icon svg path+path,
.hww-section .hww-subtab-list__btn:hover .hww-subtab-list__btn-icon svg path+path {
stroke: #fff;
}
.hww-section .hww-subtab-list__btn-icon--minus {
display: none;
}
.hww-section .hww-subtab-list__btn.is-active .hww-subtab-list__btn-icon--plus {
display: none;
}
.hww-section .hww-subtab-list__btn.is-active .hww-subtab-list__btn-icon--minus {
display: flex;
}
/* Right Column */
.hww-section .hww-detail-panel__right {
flex: 1;
position: relative;
overflow: hidden;
}
.hww-section .hww-detail-panel__content-block {
display: none;
flex-direction: column;
gap: 0;
text-align: left;
width: 100%;
height: 100%;
justify-content: center;
opacity: 0;
padding-left: 70px;
}
.hww-section .hww-detail-panel__content-block--visible {
display: flex;
}
.hww-section .hww-detail-panel__content-block.anim-enter {
animation: hww-fadeIn var(--_dur, 500ms) ease both;
}
.hww-section .hww-detail-panel__content-inner {
width: 100%;
padding-right: 27px;
}
.hww-section .hww-detail-panel__content-heading {
font-family: "Manrope", sans-serif;
font-size: 20px;
font-weight: 700;
color: #1e8062;
line-height: 25px;
margin-bottom: 15px;
opacity: 0;
transform: translateX(-24px);
}
.hww-detail-panel__content-block--default .hww-detail-panel__content-heading {
margin-bottom: 30px;
}
.hww-section .hww-detail-panel__content-heading.anim-slide {
animation: hww-slideFromLeft var(--_dur, 400ms) var(--hww-ease-out) both;
}
.hww-section .hww-detail-panel__content-heading--purple {
color: #4b558f;
}
.hww-section .hww-detail-panel__content-heading--violet {
color: #a06dad;
}
.hww-section .hww-detail-panel__content-divider {
border: none;
border-top: 1px solid #1e8062;
margin-bottom: 45px;
}
.hww-section .hww-detail-panel__content-body p {
font-family: "Manrope", sans-serif;
font-size: 16px;
color: var(--e-global-color-primary);
line-height: 25px;
margin-bottom: 12px;
font-weight: 500;
}
.hww-section .hww-detail-panel__browse-row {
text-align: right;
margin-top: 4px;
}
/* Bullet Lists */
.hww-section .hww-service-bullet-list {
list-style: none;
display: flex;
flex-direction: column;
}
.hww-section .hww-service-bullet-list--compact {
margin-bottom: 18px;
}
.hww-section .hww-service-bullet-list__item {
font-family: "Manrope", sans-serif;
font-size: 16px;
color: var(--e-global-color-primary);
padding: 10px 0;
line-height: 22px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
font-weight: 600;
position: relative;
border-bottom: none;
opacity: 0;
transform: translateX(-24px);
}
.hww-section .hww-service-bullet-list__item.anim-slide {
animation: hww-slideFromLeft var(--_dur, 350ms) var(--hww-ease-out) both;
}
.hww-section .hww-service-bullet-list__item::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 0;
background: #1e8062;
}
.hww-section .hww-service-bullet-list--purple .hww-service-bullet-list__item::after {
background: #5e67a0;
}
.hww-section .hww-service-bullet-list--violet .hww-service-bullet-list__item::after {
background: #a16dae;
}
.hww-section .hww-service-bullet-list__item:last-of-type:after {
display: none;
}
.hww-section .hww-service-bullet-list__item.anim-border::after {
animation: hww-borderGrow 500ms var(--hww-ease-out) both;
animation-delay: inherit;
}
.hww-section .hww-service-bullet-list__learn-more {
font-family: "Manrope", sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: #1e8062;
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
text-align: right;
margin-top: auto;
padding-right: 27px;
}
.hww-section .hww-service-bullet-list__learn-more:hover {
text-decoration: underline;
}
.hww-section .hww-service-bullet-list__learn-more--purple {
color: #4b558f;
}
.hww-section .hww-service-bullet-list__learn-more--violet {
color: #a06dad;
}
/* Course Slider */
.hww-section .hww-course-slider {
padding: 12px 40px 12px 10px;
margin-bottom: 5px;
margin-left: 0;
opacity: 0;
transform: translateX(-24px);
}
.hww-course-slider .slick-list {
border-radius: 8px;
margin: 0 -4px;
}
.hww-course-slider .slick-slide {
margin: 0 4px;
}
.hww-course-slider:after {
position: absolute;
content: "";
background: #69696927;
width: calc(100% + 97px);
height: 100%;
top: 0;
left: -70px;
z-index: -1;
}
.hww-section .hww-course-slider.anim-slide {
animation: hww-slideFromLeft var(--_dur, 400ms) var(--hww-ease-out) both;
}
.hww-section .hww-course-slider .slick-prev,
.hww-section .hww-course-slider .slick-next {
width: auto;
height: auto;
border-radius: 50%;
border: none;
background: transparent !important;
z-index: 2;
transition:
background 0.2s ease,
border-color 0.2s ease;
top: 50%;
transform: translateY(-50%);
}
.hww-section .hww-course-slider .slick-prev {
left: -50px;
}
.hww-section .hww-course-slider .slick-next {
right: -20px;
}
.hww-section .hww-course-slider .slick-next::before {
transform: rotate(180deg);
}
.hww-section .hww-course-slider .slick-prev:hover,
.hww-section .hww-course-slider .slick-next:hover {
background: #eef6fa;
border-color: #8ab8d0;
}
.hww-section .hww-course-slider .slick-prev::before,
.hww-section .hww-course-slider .slick-next::before {
color: #2a5a72;
font-size: 16px;
line-height: 1;
opacity: 1;
content: "";
background: url("/wp-content/uploads/2026/03/slider_arrow.svg");
background-size: 30px;
width: 31px;
height: 45px;
display: block;
background-repeat: no-repeat;
background-position: center;
}
.hww-section .hww-course-card {
background: #fff;
border: 1.5px solid #1e8062;
border-radius: 10px;
overflow: hidden;
display: flex !important;
}
.hww-section .hww-course-card__thumbnail {
width: 140px;
/* flex-shrink: 0; */
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.hww-section .hww-course-card__thumbnail img {
/* width: 100%;
height: 100%; */
object-fit: cover;
/* margin-left: -34px; */
}
.hww-section .hww-course-card__info {
flex: 1;
padding: 9px 10px 5px 20px;
display: flex;
flex-direction: column;
gap: 5px;
}
.hww-section .hww-course-card__tag {
font-family: "Manrope", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: #1e8162;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
}
.hww-section .hww-course-card__name {
font-family: "Manrope", sans-serif;
font-size: 18px;
font-weight: 700;
color: #000;
line-height: 22px;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hww-section .hww-course-card__divider {
border: none;
border-top: 1px solid #d0e4f0;
margin: 2px 0;
}
.hww-section .hww-course-card__meta {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 2px solid #1e8062;
padding-top: 5px;
flex-wrap: wrap;
gap: 3px;
}
.hww-section .hww-course-card__lessons {
font-family: "Manrope", sans-serif;
font-size: 14px;
color: var(--e-global-color-text);
line-height: 22px;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hww-section .hww-course-card__price {
font-family: "Manrope", sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: 700;
color: #000;
}
.hww-course-slider {
/* display: flex; */
/* opacity: 0;
max-height: 145px; */
transition: all 0.3s;
}
.hww-course-slider .slick-arrow:hover {
opacity: 0.8;
}
/* .hww-course-slider.slick-initialized.anim-slide {
opacity: 1;
max-height: 100%;
display: block;
} */
.hww-course-slider .slick-track {
display: flex;
}
.hww-course-slider:not(.slick-initialized) .hww-course-card {
min-width: 100% !important;
}
.hww-course-slider:not(.slick-initialized) {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
/* Our Work */
.our_work_sec .hww-section .hww-detail-panel__service-name {
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.our_work_sec .hww-section .hww-detail-panel__head {
padding: 40px 44px 36px;
/* background: linear-gradient(135deg, #003E68 0%, #05405C 30%, #1E8162 100%); */
background: url("/wp-content/uploads/2026/04/gradient-bg.svg") no-repeat center / cover;
}
.our_work_sec.gradient_bg2 .hww-section .hww-detail-panel__head {
background-image: url("/wp-content/uploads/2026/04/gradient-bg2.svg");
}
.our_work_sec.gradient_bg3 .hww-section .hww-detail-panel__head {
background-image: url("/wp-content/uploads/2026/04/gradient-bg3.svg");
}
.our_work_sec .hww-detail-panel__left.hww-detail-panel__left--green .hww-detail-panel__inner_content {
padding: 30px 44px;
}
.our_work_sec .our-work-content-1 {
font-size: 20px;
line-height: 1.3;
color: var(--e-global-color-c91b62e);
padding: 0;
background: transparent;
border: none;
font-style: normal;
font-family: "Manrope";
font-weight: 700;
border-radius: 0;
}
.our_work_sec .our-work-content-2 {
font-size: 16px;
font-weight: 500;
color: var(--e-global-color-primary);
}
.our_work_sec .our-work-content-2>*:not(:last-child),
.our_work_sec .para_list p:last-of-type {
margin-bottom: 16px !important;
}
.our_work_sec .hww-detail-panel__content-inner>div:not(:last-child) {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid;
}
.our_work_sec .our-work-content-2 ul {
margin: 0;
padding-left: 0;
}
.our_work_sec .our-work-content-2 li {
margin-bottom: 8px;
}
.our_work_sec .our-work-content-1>*:last-child,
.our_work_sec .our-work-content-2>*:last-child,
.our_work_sec .our-work-content-2 li:last-child {
margin: 0;
}
.our_work_sec .hww-section .hww-subtab-list__btn.is-active,
.hww-section .hww-subtab-list__btn.is-active {
pointer-events: none;
}
/* Insights Hub Page CSS Start */
section.custom_blog_grid_section {
width: 100%;
max-width: 100%;
}
section.custom_blog_grid_section .custom_blog_grid_container {
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 43px;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar {
width: 100%;
max-width: 25.6%;
min-height: calc(100vh);
max-height: calc(100vh);
overflow: auto;
border-right: 10px solid #68686826;
position: sticky;
top: 0px;
}
section.custom_blog_grid_section .custom_blog_grid_container:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
max-width: calc(25.6% - 10px);
height: 60px;
background: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
z-index: 99;
pointer-events: none;
}
/* section.custom_blog_grid_section .custom_blog_grid_container:before {
content: "";
bottom: auto;
top: 0;
background: linear-gradient(to bottom, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
} */
section.custom_blog_grid_section .custom_blog_grid_container .custom__blog-wrapper {
width: 100%;
max-width: calc(73.3% - 43px);
padding-bottom: 34px;
}
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar .blog-grid-custom-filter {
padding-right: 50px;
}
.blog-grid-custom-filter .blog-filter-heading {
font-family: "Manrope", sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 66.6px;
letter-spacing: -0.5px;
color: #004d79;
border-bottom: 3px solid #686868;
margin-bottom: 0px !important;
margin-top: 6px !important;
padding-bottom: 0;
}
.blog-grid-custom-filter .filter-group {
border-bottom: 1px solid #707070;
}
.blog-grid-custom-filter .filter-group:last-child {
border: none;
}
.blog-grid-custom-filter .filter-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 22px 20px 16px 0px;
background: none;
border: none;
cursor: pointer;
text-align: left;
outline: none;
gap: 8px;
}
.blog-grid-custom-filter .filter-toggle:focus-visible {
outline: 2px solid #1b6b8a;
outline-offset: 2px;
border-radius: 2px;
}
.blog-grid-custom-filter .filter-toggle-label {
font-size: 18px;
font-family: "Manrope", sans-serif;
font-weight: 800;
letter-spacing: -0.01px;
color: #686868;
text-transform: uppercase;
line-height: 25px;
}
.blog-grid-custom-filter .filter-toggle-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform 0.3s ease;
margin-right: -15px;
}
.blog-grid-custom-filter .filter-toggle[aria-expanded="true"] .filter-toggle-icon {
transform: rotate(180deg);
}
.blog-grid-custom-filter .filter-panel {
overflow: hidden;
max-height: 0;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.blog-grid-custom-filter .filter-panel.is-open {
max-height: 3000px;
transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.blog-grid-custom-filter .filter-panel-inner {
padding-bottom: 16px;
}
.blog-grid-custom-filter .filter-child-taxonomy-title {
font-family: "Manrope", sans-serif;
font-size: 16px;
font-weight: 800;
color: #686868;
margin: 15px 0px;
line-height: 22px;
}
.blog-grid-custom-filter .filter-option {
/* overflow: hidden;
max-height: 60px; */
opacity: 1;
transition:
max-height 0.3s ease,
opacity 0.3s ease,
margin-top 0.3s ease;
}
.blog-grid-custom-filter .filter-option:not(:first-child) {
margin-top: 15px;
}
.blog-grid-custom-filter .filter-option:last-child {
margin-bottom: 15px;
}
.blog-grid-custom-filter .filter-option.is-hidden {
max-height: 0;
opacity: 0;
margin-top: 0;
pointer-events: none;
}
.blog-grid-custom-filter .filter-checkbox-label {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
line-height: 1.4;
}
.blog-grid-custom-filter .filter-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.blog-grid-custom-filter .filter-checkbox-custom {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
min-width: 22px;
border: 1px solid #707070;
background-color: #ffffff;
border-radius: 5px;
transition:
border-color 0.2s ease,
background-color 0.2s ease;
position: relative;
}
.blog-grid-custom-filter .filter-checkbox:checked+.filter-checkbox-custom {
background-color: #1b6b8a;
border-color: #1b6b8a;
}
.blog-grid-custom-filter .filter-checkbox:checked+.filter-checkbox-custom::after {
content: "";
display: block;
width: 9px;
height: 5px;
border-left: 1.8px solid #ffffff;
border-bottom: 1.8px solid #ffffff;
transform: rotate(-45deg) translateY(-1px);
}
.blog-grid-custom-filter .filter-checkbox-label:hover .filter-checkbox-custom {
border-color: #004d79;
}
.blog-grid-custom-filter .filter-checkbox:checked~.filter-option-text {
color: #004d79;
}
.blog-grid-custom-filter .filter-option-text {
font-size: 16px;
font-family: "Manrope", sans-serif;
font-weight: 500;
color: #686868;
line-height: 22px;
}
.blog-grid-custom-filter .filter-checkbox-label:hover .filter-option-text {
color: #004d79;
}
.blog-grid-custom-filter .show-more-btn {
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 8px;
padding: 0;
background: none;
border: none;
cursor: pointer;
outline: none;
overflow: hidden;
max-height: 40px;
opacity: 1;
transition:
max-height 0.3s ease,
opacity 0.3s ease,
margin-top 0.3s ease;
}
.blog-grid-custom-filter .show-more-btn.is-hidden {
max-height: 0;
opacity: 0;
margin-top: 0;
pointer-events: none;
}
.blog-grid-custom-filter .show-more-btn:focus-visible {
outline: 2px solid #1b6b8a;
outline-offset: 2px;
border-radius: 2px;
}
.blog-grid-custom-filter .show-more-text {
font-family: "Manrope", sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.01px;
color: #686868;
text-transform: uppercase;
line-height: 19px;
transition: color 0.2s ease;
text-decoration: underline;
text-decoration-thickness: 2px;
margin-left: 25px;
}
.blog-grid-custom-filter .show-more-btn:hover .show-more-text {
color: #374151;
}
.blog-grid-custom-filter .show-more-btn .show-more-icon {
flex-shrink: 0;
transition: transform 0.3s ease;
}
.blog-grid-custom-filter .show-more-btn[aria-expanded="true"] .show-more-icon {
transform: rotate(180deg);
}
.blog-search-results-heading {
font-family: "Manrope", sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 66.6px;
letter-spacing: -0.5px;
color: #004d79;
border-bottom: 3px solid #686868;
margin-bottom: 25px !important;
margin-top: 6px !important;
padding-bottom: 0;
}
.blog-search-results-section .blog_results_counter p {
color: #686868;
font-size: 16px;
font-family: "Manrope" !important;
font-weight: 500;
letter-spacing: -0.1px;
line-height: 22px;
margin-bottom: 30.8px;
}
/* .blog-search-results-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30.8px 46.42px;
margin-bottom: 41px;
} */
.blog-search-results-grid {
display: flex;
flex-wrap: wrap;
gap: 30.8px 46.42px;
margin-bottom: 41px;
width: 100%;
max-width: 100%;
}
.blog-search-results-grid a.article_card_link_wrapper {
width: 100%;
max-width: calc(50% - 24px);
}
.blog-search-results-section .article-card {
width: 100%;
height: 100%;
border-radius: 14px;
overflow: hidden;
border: 2px solid #85cae6;
justify-self: center;
position: relative;
}
.blog-search-results-section .article-card .article-featured_image-wrapper {
width: 100%;
height: auto;
aspect-ratio: 1200 / 763;
position: relative;
overflow: hidden;
}
/* .blog-search-results-section .article-card .article-featured_image-wrapper::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(
0deg,
#fff 0%,
#fff 20%,
rgb(255 255 255 / 50%) 50%,
transparent
);
position: absolute;
top: 0px;
display: block;
} */
/* .blog-search-results-section .article-card .article-featured_image-wrapper::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(180deg, transparent 60%, rgb(255 255 255 / 50%) 80%, #fff 100%);
position: absolute;
top: 0px;
display: block;
} */
.blog-search-results-section .article-card .article-featured_image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-search-results-section .date-badge {
position: absolute;
top: 10px;
left: 10px;
background: #686868;
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: 14px;
line-height: 22.4px;
font-weight: 500;
padding: 3px 9px;
border-radius: 8px;
z-index: 1;
backdrop-filter: blur(4px);
}
.blog-search-results-section .article-card-content {
background: #fff;
border-radius: 0;
padding: 12px;
width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
/* word-wrap: break-word;
overflow-wrap: break-word; */
}
/* .fdm-es-postcontent {
overflow-wrap: break-word;
word-wrap: break-word;
} */
.blog-search-results-section .article-card-title {
font-family: "Manrope", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: 0%;
color: #000000;
/* margin-bottom: 30px; */
margin-bottom: 0px;
}
.blog-search-results-section .article-card-description {
font-family: "Manrope", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 22.4px;
letter-spacing: 0%;
color: #686868;
margin-bottom: 0px !important;
}
.blog-search-results-section .load-more-wrapper {
display: flex;
justify-content: center;
}
.blog-search-results-section .load-more-btn {
font-family: "Manrope", Sans-serif;
font-size: clamp(14px, 1.389vw, 20px);
font-weight: 500;
line-height: clamp(21px, 1.875vw, 27px);
box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5058823529411764);
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #3bb54a;
border-radius: 0px 14px 0px 0px;
padding: 14px 12px 14px 12px;
background: #004d79;
color: #fff;
text-align: center;
transition: all 0.3s;
text-decoration: none;
min-width: clamp(120px, 16.319vw, 235px) !important;
}
.blog-search-results-section .load-more-btn:hover {
box-shadow: none !important;
}
/* Insights Hub Page CSS End */
/* Media Details Page CSS Start */
.media_post_content ul,
.media_post_content ol {
margin-left: 20px;
margin-bottom: 15px;
}
.media_post_content ul li {
list-style: none;
position: relative;
}
.media_post_content ul li:not(.elementor-icon-list-item):before {
content: "";
height: 5px;
width: 5px;
background-color: #686868;
position: absolute;
left: -15px;
top: 10px;
border-radius: 50%;
}
.media_post_content ol li {
list-style: auto;
}
.media_post_content p {
margin-bottom: 16px;
}
.media_post_content p a,
.media_post_content h2 a {
color: #686868;
font-weight: 700;
text-decoration: underline;
}
.media_post_content p a:hover,
.media_post_content h2 a:hover {
color: #1e8162;
}
.media_post_content h2,
.media_post_content h3 {
margin-top: 40px;
margin-bottom: 15px;
font-size: 20px;
font-family: "Manrope";
font-weight: 700;
line-height: 25px;
}
.media_post_content h2:first-child {
margin-top: 0;
}
.media_post_content h4,
.media_post_content h5 {
margin-top: 40px;
margin-bottom: 15px;
font-size: 18px;
font-family: "Manrope";
font-weight: 700;
line-height: 22px;
}
.media_post_content h6 {
margin-top: 40px;
margin-bottom: 15px;
font-size: 17px;
font-family: "Manrope";
font-weight: 700;
line-height: 22px;
}
.media_post_content p:has(+ h1),
.media_post_content p:has(+ h2),
.media_post_content p:has(+ h3),
.media_post_content p:has(+ h4),
.media_post_content p:has(+ h5),
.media_post_content p:has(+ h6) {
margin-bottom: 0px;
}
.media_post_content blockquote {
border: 2px solid #f4f4f4;
border-radius: 16px;
margin: 55px 0px 30px;
padding: 40px 30px 30px;
background: white;
position: relative;
}
.media_post_content blockquote::before {
content: "";
display: inline-block;
position: absolute;
height: 50px;
width: 50px;
border-radius: 10px;
background: #004d79;
left: 25px;
top: -25px;
background-image: url("https://foodman.sandboxsite.online/wp-content/uploads/2026/06/quote-icon.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 26px;
}
.media_post_content blockquote p {
margin-bottom: 0px;
}
.media_post_content blockquote p:not(:last-child) {
margin-bottom: 10px;
}
.media_post_content img:not(.post_featured_image img) {
width: 100%;
max-width: 100% !important;
height: 350px;
object-fit: cover;
border-radius: 16px;
margin: 10px 0 0;
}
.post_featured_image img {
width: 100%;
max-width: 100%;
object-fit: cover;
/* height: 192px; */
height: auto;
aspect-ratio: 924 / 190;
margin-bottom: 16px;
}
.published_date span.elementor-icon-list-text {
padding-left: 10px !important;
}
.insight-topics-addressed {
margin: 5px 0px 16px;
}
.insight-topics-addressed__items {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.insight-topics-addressed__tag {
display: inline;
align-items: center;
gap: 6px;
background-color: #f0f6fa;
border: 1.5px solid #6dd5ed;
border-radius: 6px;
padding: 6px 14px;
font-family: "Manrope", sans-serif;
font-size: 14px;
font-weight: 600;
color: #004d79;
line-height: 1.4;
}
.insight-topics-addressed__separator {
color: #1b6b8a;
font-weight: 400;
}
.insight-topics-addressed__child {
color: #1b6b8a;
font-weight: 500;
}
/* Media Details Page CSS End */
/* RESPONSIVE asa*/
@media (max-width: 1199px) {
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar .blog-grid-custom-filter {
padding-right: 30px;
}
.blog-grid-custom-filter .filter-toggle-label {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 1024px) {
.hww-section .hww-grid-wrapper {
padding: 24px 30px;
}
.hww-section .hww-detail-panel__content-block {
padding-left: 30px;
}
.hww-section .hww-course-slider .slick-prev::before,
.hww-section .hww-course-slider .slick-next::before {
background-size: 20px;
height: 22px;
}
.hww-section .hww-course-slider {
padding: 12px 30px 12px 20px;
}
.hww-section .hww-course-slider .slick-prev {
left: -25px;
}
.hww-detail-panel__inner_content {
padding: 20px 23px 52px;
}
.hww-section .hww-detail-panel__head {
width: 100%;
padding: 29px 23px 26px 23px;
background: linear-gradient(115deg, #0a4a6b 0%, #2f8f6b 100%);
border-radius: 14px 14px 0 0;
}
.hww-section .hww-detail-panel__badge .hww-detail-panel__badge-icon {
width: 45px;
height: 45px;
}
.hww-section .hww-service-card__title {
font-size: 24px;
line-height: 32px;
}
.hww-section .hww-detail-panel__service-name {
font-size: 24px;
line-height: 32px;
}
.hww-section .hww-subtab-list__btn {
font-size: 18px;
line-height: 22px;
}
.hww-detail-panel__left.hww-detail-panel__left--green .hww-detail-panel__inner_content {
padding: 6px 23px 52px;
}
.hww-section .hww-course-card__info {
padding: 9px 10px 5px 20px;
}
.hww-section .hww-course-card__name {
font-size: 16px;
line-height: 21px;
}
.hww-section .hww-service-card__icon {
width: 71px;
height: 71px;
}
.hww-section .hww-service-nav__link {
font-size: 14px;
}
.hww-section .hww-course-card__thumbnail {
width: 120px;
}
.hww-section .hww-subtab-list__btn-icon {
margin-top: 0px;
}
.blog-search-results-grid a.article_card_link_wrapper {
width: 100%;
max-width: calc(50% - 10px);
}
.blog-search-results-grid {
gap: 20px;
margin-bottom: 20px;
}
/* .post_featured_image img{
aspect-ratio: 3 / 0.625 !important;
} */
}
@media (max-width: 991px) {
.blog-grid-custom-filter .filter-checkbox-custom {
width: 16px;
height: 16px;
min-width: 16px;
}
.blog-grid-custom-filter .filter-option-text {
font-size: 15px;
line-height: 18px;
}
.blog-search-results-grid a.article_card_link_wrapper {
width: 100%;
max-width: calc(100%);
}
.blog-search-results-grid {
/* grid-template-columns: repeat(1, 1fr); */
gap: 16px;
}
.blog-search-results-section .article-card-title {
/* margin-bottom: 10px; */
font-size: 16px;
line-height: 22px;
}
.blog-search-results-section .article-card-description {
font-size: 14px;
line-height: 20px;
}
.blog-search-results-section .article-card-content {
gap: 8px;
}
section.custom_blog_grid_section .custom_blog_grid_container {
gap: 20px;
}
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar {
max-width: 35%;
}
section.custom_blog_grid_section .custom_blog_grid_container:after {
max-width: calc(35% - 10px);
}
section.custom_blog_grid_section .custom_blog_grid_container .custom__blog-wrapper {
width: 100%;
max-width: calc(65% - 20px);
}
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar .blog-grid-custom-filter {
padding-right: 20px;
}
.blog-search-results-section .date-badge {
font-size: 12px;
line-height: 18px;
padding: 2px 6px;
border-radius: 6px;
}
}
@media (max-width: 880px) {
.hww-section .hww-service-card__title {
font-size: 20px;
line-height: 28px;
}
.blog-search-results-section .load-more-btn {
padding: 8px 12px 8px 12px;
}
.our_work_sec .hww-detail-panel__left.hww-detail-panel__left--green .hww-detail-panel__inner_content,
.our_work_sec .hww-section .hww-detail-panel__head {
padding: 20px;
}
span.db-single-text {
font-size: 14px;
}
}
@media (max-width: 767px) {
.hww-section .hww-grid {
grid-template-columns: 1fr;
}
.our_work_sec .hww-detail-panel__left.hww-detail-panel__left--green .hww-detail-panel__inner_content,
.our_work_sec .hww-section .hww-detail-panel__head {
padding: 24px;
}
.hww-section .hww-detail-panel {
flex-direction: column;
padding: 24px 20px 24px 20px;
}
.hww-section .hww-detail-panel__left {
width: 100%;
min-width: unset;
min-height: auto;
}
/* .hww-section .hww-detail-panel__right { padding: 24px 20px; } */
.hww-section .hww-service-nav {
flex-direction: column;
gap: 6px;
}
.hww-section .hww-service-nav__dot {
display: none;
}
.hww-section .hww-detail-panel__content-block {
padding-left: 0;
padding-top: 30px;
}
.hww-section .hww-detail-panel__content-heading {
margin-bottom: 20px;
}
.hww-section .hww-service-card__title {
font-size: 22px;
line-height: 30px;
}
.hww-section .hww-course-card {
flex-direction: column;
}
.hww-section .hww-course-card__thumbnail {
width: 100%;
}
.hww-section .hww-course-card__info {
padding: 10px;
}
.hww-section .hww-detail-panel__content-inner {
padding-right: 0;
}
.hww-section .hww-course-slider {
padding: 12px 40px 12px 40px;
}
.hww-section .hww-course-slider .slick-prev {
left: 0;
}
.hww-section .hww-course-slider .slick-next {
right: 0;
}
.hww-section .hww-subtab-list__btn {
font-size: 16px;
}
.hww-section .hww-service-nav__link:after {
display: none;
}
.our_work_sec .hww-detail-panel__content-inner>div:not(:last-child) {
margin-bottom: 16px;
padding-bottom: 16px;
}
}
@media (max-width: 650px) {
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar {
max-width: 100%;
min-height: unset;
max-height: unset;
position: unset;
}
section.custom_blog_grid_section .custom_blog_grid_container:after {
display: none;
}
section.custom_blog_grid_section .custom_blog_grid_container .custom__blog-wrapper {
width: 100%;
max-width: 100%;
}
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar .blog-grid-custom-filter {
padding-right: 0px;
}
section.custom_blog_grid_section .custom_blog_grid_container .filter__sidebar {
border: none;
}
}
@media (max-width: 550px) {
.testimonials_mobile_featured_image img {
height: 290px !important;
}
.casestudy_mobile_featured_image img {
height: 340px !important;
}
.blog-search-results-section .article-card-title {
font-size: 18px;
line-height: 24px;
}
}
.newsletter_header strong {
font-weight: 600;
}
@media screen and (max-width: 389px) {
.hww-section .hww-service-nav__link {
font-size: 12px;
}
.testimonials_mobile_featured_image img {
height: 250px !important;
}
.casestudy_mobile_featured_image img {
height: 240px !important;
}
}
@media (max-width: 400px) {
.fdm-es-insight-logo.elementor-element.elementor-element-4df0dd4 img {
height: 100px;
}
}
/* Custom 3 CSS */
.event_upcoming_section {
background: linear-gradient(0deg, rgba(133, 202, 230, 0.60) 3.33%, rgba(133, 202, 230, 0.00) 89.06%);
}
.event-post-listing {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 50px;
}
.event-post-item {
background: #fff;
border-radius: 14px;
display: flex;
align-items: center;
gap: 22px;
padding: 24px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border: 1px solid #707070;
}
.event-post-details {
flex: 1.22;
min-width: 260px;
}
.elementor-page .event-post-date {
font-family: "Manrope", Sans-serif;
display: block;
color: #686868;
font-size: 20px;
font-weight: 700;
margin-bottom: 22px;
}
.elementor-page .event-post-title {
font-family: "DM Serif Display", Sans-serif;
color: #004D79;
font-size: 26px;
font-weight: 400;
margin: 0 0 24px 0;
line-height: 30px;
}
.elementor-page .event-post-description {
color: #686868;
font-size: 16px;
line-height: 22px;
margin: 0;
}
.event-post-image {
min-width: 343px;
max-width: 343px;
display: flex;
align-items: center;
}
.event-post-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 14px;
display: block;
border: 1px solid #707070;
}
.event-post-location {
flex: 1.2;
min-width: 260px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.elementor-page .event-post-location-title {
font-family: "Manrope", Sans-serif;
color: #686868;
font-size: 20px;
font-weight: 700;
line-height: 22px;
margin: 0 0 2px;
}
.elementor-page .event-post-address {
margin: 0;
font-size: 16px;
color: #686868;
line-height: 22px;
font-weight: 500;
}
.event-post-available {
color: #1E8162;
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-top: 24px;
}
.elementor-page .event-post-button {
font-family: "Manrope", Sans-serif;
font-size: 20px !important;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.2px;
background: #004D79;
color: #fff;
border: 2px solid #3bb54a;
border-radius: 0px 14px 0px 0px;
display: inline-block;
transition: all ease-in 0.3s;
padding: 13px 59px;
box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5058823529411764);
}
.event-post-button-wrapper {
text-align: right;
padding-top: 15px;
margin-top: 24px;
border-top: 1px solid #707070;
}
.elementor-page .event-post-button:hover {
box-shadow: none;
}
@media (max-width: 1199px) {
.event-post-listing {
gap: 30px;
}
.elementor-page .event-post-button {
font-size: 16px !important;
line-height: 24px;
}
.past-events .event-name {
font-size: 20px;
}
.past-events .event-date,
.past-events .event-location {
font-size: 16px;
}
.event-post-image {
max-width: 100%;
min-width: auto;
}
}
@media (max-width: 900px) {
.event-post-item {
flex-direction: column;
align-items: flex-start;
}
.event-post-image {
max-width: 400px;
}
.event-post-location,
.event-post-details {
min-width: auto;
order: 1;
}
}
/** Past Events **/
.past-events h2 {
color: #0b4f6c;
font-size: 28px;
font-weight: 700;
margin: 0 0 15px 0;
}
.past-events .events-header {
border-bottom: 1px solid #707070;
padding-bottom: 12px;
}
.past-events .event-row {
display: flex;
align-items: center;
padding: 22px 0;
border-bottom: 1px solid rgb(112 112 112 / 40%);
gap: 20px;
}
.past-events .event-name {
flex: 0 0 calc(35% - 15px);
font-family: "DM Serif Display", Sans-serif;
color: #004D79;
font-size: 26px;
font-weight: 400;
}
.past-events .event-date {
flex: 0 0 calc(22% - 15px);
color: #686868;
font-size: 20px;
font-weight: 600;
}
.past-events .event-location {
flex: 0 0 calc(25% - 15px);
color: #686868;
font-size: 20px;
font-weight: 600;
}
.past-events .event-action {
flex: 0 0 calc(18% - 15px);
text-align: left;
}
.past-events .event-action a {
color: #1E8162;
font-size: 20px;
line-height: 22px;
display: inline-block;
font-weight: 700;
text-decoration: underline;
transition: all 0.3s ease;
}
/* .past-events .event-action a:hover {
color: #2e7d5b;
} */
.past-events .event-action a:hover {
color: var(--e-global-color-primary);
}
@media (max-width: 991px) {
.past-events .event-name {
flex: 0 0 100%;
margin-bottom: 6px;
}
.past-events .event-date {
flex: 0 0 45%;
}
.past-events .event-location {
flex: 0 0 55%;
}
.past-events .event-action {
flex: 0 0 100%;
margin-top: 8px;
}
.past-events .event-row {
flex-wrap: wrap;
gap: 10px;
}
.past-events .event-action a {
font-size: 18px;
}
}
@media (max-width: 767px) {
.past-events h2 {
font-size: 22px;
}
.past-events .event-row {
flex-direction: column;
align-items: flex-start;
padding: 16px 0;
gap: 0;
}
.past-events .event-name,
.past-events .event-date,
.past-events .event-location,
.past-events .event-action {
flex: 0 0 100%;
}
.past-events {
margin: 0;
}
.past-events .event-name {
font-size: 18px;
}
.past-events .event-date,
.past-events .event-location {
font-size: 14px;
}
.elementor-page .event-post-location-title {
font-size: 16px;
line-height: 20px;
}
.elementor-page .event-post-date {
font-size: 16px;
margin-bottom: 12px;
}
.elementor-page .event-post-title {
font-size: 24px;
margin: 0 0 10px;
}
.elementor-page .event-post-description {
font-size: 14px;
line-height: 20px;
}
.event-post-item {
gap: 18px;
padding: 18px;
}
.event-post-available {
font-size: 14px;
line-height: 20px;
margin-top: 14px;
}
.event-post-button-wrapper {
padding-top: 16px;
margin-top: 12px;
}
.elementor-page .event-post-button {
padding: 10px 40px;
font-size: 16px !important;
line-height: 26px;
}
.past-events .event-action a {
font-size: 16px;
}
}
/* ==========================================================================
Meet With Us — booking widget (calendar / time slots / form / thank-you)
Every rule below is scoped under .fhc-meet-widget / .fhc-event-single__*
and resets its own button chrome (background/border/outline/appearance)
so nothing here depends on — or fights with — the theme's global button
styles. Colors are a starting point tuned to the dark green sidebar card;
adjust freely to match final design.
========================================================================== */
/* .fhc-meet-widget {
margin-top: 16px;
} */
.fhc-meet-step[hidden] {
display: none !important;
}
.fhc-meet-label {
color: #fff;
/* font-size: 14px; */
margin: 0 0 14px;
}
.fhc-meet-label span {
font-weight: 700;
}
/* Month nav row */
.fhc-meet-calendar__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-bottom: 14px;
}
.fhc-meet-calendar__month {
color: #fff;
font-weight: 700;
font-size: 16px;
min-width: 130px;
text-align: center;
}
.fhc-meet-calendar__nav-btn {
background: transparent !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
color: rgba(255, 255, 255, .6);
font-size: 18px;
line-height: 1;
padding: 4px 6px;
cursor: pointer;
}
.fhc-meet-calendar__nav-btn:disabled {
opacity: .25;
cursor: default;
}
.fhc-meet-calendar__nav-btn:not(:disabled):hover {
color: #fff;
}
/* Weekday header — its own grid so the letters line up with the day grid below */
.fhc-meet-calendar__weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
text-align: center;
margin-bottom: 8px;
}
.fhc-meet-calendar__weekday {
color: rgba(255, 255, 255, 1);
font-size: 16px;
font-weight: 700;
}
/* Day-number grid */
.fhc-meet-calendar__grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
row-gap: 3px;
text-align: center;
}
.fhc-meet-calendar__day {
background: transparent !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0 auto;
border-radius: 50%;
color: #fff;
font-size: 16px;
font-weight: 500;
cursor: pointer;
}
.fhc-meet-calendar__day--empty {
visibility: hidden;
cursor: default;
}
.fhc-meet-calendar__day--disabled {
color: #239B76;
cursor: default;
pointer-events: none;
}
.fhc-meet-calendar__day:not(.fhc-meet-calendar__day--disabled):not(.fhc-meet-calendar__day--empty):not(.fhc-meet-calendar__day--selected):hover {
background: rgba(255, 255, 255, .12) !important;
}
.fhc-meet-calendar__day--selected {
background: #3BB54A !important;
font-weight: 700;
}
/* Time slots */
.fhc-meet-slots {
display: flex;
flex-direction: column;
gap: 10px;
margin: 16px 0;
}
.fhc-meet-slots-heading {
font-size: 22px;
font-weight: 700;
color: #fff;
text-align: center;
margin: 16px 0 6px;
pointer-events: none;
}
.fhc-meet-slots-heading:first-child {
margin-top: 0;
}
.fhc-meet-slots p.fhc-meet-slots-heading {
margin-bottom: 6px;
font-size: 16px;
line-height: 22px;
}
.fhc-meet-slot {
background: #fff !important;
outline: none !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
border: 1px solid #3BB54A !important;
color: #1E8162;
padding: 4px 14px;
border-radius: 8px;
font-size: 16px;
line-height: 22px;
font-weight: 700;
text-align: center;
cursor: pointer;
width: 100%;
max-width: max-content;
min-width: 98px;
margin: 0 auto;
}
.fhc-meet-slot:hover {
background: #3BB54A !important;
color: #fff;
}
.fhc-meet-slot--selected {
background: #3BB54A !important;
border-color: #3BB54A !important;
color: #fff;
}
/* Step actions ("Select time ›", "Complete booking ›", "Change date") */
.fhc-event-single__cta {
display: block;
width: 100%;
background: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
color: #fff;
text-decoration: underline;
text-align: right;
/* font-size: 14px; */
max-width: max-content;
padding: 0;
margin: 6px 0 0 auto;
cursor: pointer;
}
.fhc-event-single__cta:disabled {
opacity: .4;
cursor: default;
text-decoration: none;
}
.fhc-event-single__link-back {
display: block;
width: 100%;
background: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
text-align: center;
color: #fff;
text-decoration: underline;
margin: 12px 0 0 auto;
padding: 0;
max-width: max-content;
font-size: 14px;
cursor: pointer;
}
.fhc-event-single__external-link {
color: #fff;
text-decoration: underline;
}
/* Social Share START */
.event_share_block {
text-align: left;
}
.share_heading {
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
}
.share_icons {
display: flex;
gap: 4px;
}
.share_icon {
width: 24px;
height: 24px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: 0.4s ease;
}
.share_icon.share_email {
padding: 4px;
}
.share_icon:hover {
transform: translateY(-4px);
}
.share_linkedin {
background: #004D79;
}
.share_whatsapp {
background: #1E8162;
}
.share_sms {
background: #3BB54A;
}
.share_email {
background: #965CA5;
}
.share_copy {
background: #4B558F;
cursor: pointer;
}
.share_copy_msg {
display: block;
font-size: 14px;
line-height: 1;
font-weight: 500;
color: #004d79;
position: absolute;
right: 0;
top: calc(100% + 5px);
}
/* Social Share END */
/*Single Page Event */
.request_material_text ul li {
position: relative;
padding-left: 12px;
}
.request_material_text ul li:before {
content: '';
width: 4px;
height: 4px;
background: #fff;
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
.event_froms .elementor-field-label:after {
color: var(--e-global-color-21e1282);
}
.event_froms .elementor-field-type-html {
color: #fff;
margin-top: 6px;
}
.pre-event .elementor-heading-title>a {
text-decoration: underline;
}
.event_froms .elementor-field-group input,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field .fhc-meet-inputdiv input {
padding: 6px 11px !important;
/* height: unset !important; */
}
.event_froms .elementor-field-group input::placeholder,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field .fhc-meet-inputdiv input::placeholder {
opacity: 1;
color: #686868CC;
}
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field .fhc-meet-inputdiv input:focus {
outline: none;
border-color: inherit;
}
/* .fhc-meet-widget div[data-meet-step="form"] .fhc-meet-inputdiv input.is-invalid {
border-color: #ff8282 !important;
} */
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field-error {
display: block;
margin-top: 4px;
margin-bottom: 0;
}
.contact_form .elementor-field-group span.elementor-field-option,
.event_froms .elementor-field-group span.elementor-field-option,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox {
display: flex;
align-items: flex-start;
gap: 9px;
margin-top: 7px;
flex-wrap: wrap;
}
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"],
.event_froms .elementor-field-group span.elementor-field-option input[type="checkbox"],
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 40px;
height: 40px;
border: 1px solid #707070;
border-radius: 10px !important;
margin-top: 0px;
background: #fff;
cursor: pointer;
overflow: hidden !important;
position: relative;
}
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"] {
padding: 6px 11px !important;
}
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::after,
.event_froms .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::after,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 44%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 10px;
height: 21px;
border: solid #fff;
border-width: 0 4px 4px 0;
}
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked,
.event_froms .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox input[type="checkbox"]:checked {
border-color: #fff !important;
}
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::before,
.event_froms .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::before,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox input[type="checkbox"]:checked::before {
content: "";
position: absolute;
top: 0%;
left: 0%;
width: 40px;
height: 40px;
background: #004d79;
}
/* Broucure Popup Form CSS Start*/
.elementor-popup-modal .contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"] {
width: 24px;
height: 24px;
border-radius: 4px !important;
}
.elementor-popup-modal .contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::before {
width: 24px !important;
height: 24px !important;
}
.elementor-popup-modal .contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::after {
width: 8px;
height: 14px;
border-width: 0 3px 3px 0;
}
/* Broucure Popup Form CSS End*/
.contact_form .elementor-field-group span.elementor-field-option label,
.event_froms .elementor-field-group span.elementor-field-option label,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox .fhcmeet-checkbox-text {
font-size: 16px !important;
line-height: 20px !important;
width: calc(100% - 40px - 9px);
cursor: pointer;
font-weight: 500 !important;
}
.contact_form .elementor-field-group span.elementor-field-option label a,
.event_froms .elementor-field-group span.elementor-field-option label a,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox .fhcmeet-checkbox-text a {
font-size: 600 !important;
}
.event_froms .elementor-field-group span.elementor-field-option label a,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox .fhcmeet-checkbox-text a,
.link__block a {
color: white !important;
text-decoration: underline;
text-decoration-thickness: 1px;
}
.event_froms .elementor-field-group span.elementor-field-option label a:hover,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox .fhcmeet-checkbox-text a:hover,
.link__block a:hover {
/* color: var( --e-global-color-0a07c0d ) !important; */
text-decoration: unset;
}
/* .event_froms .elementor-message {
margin-bottom: 0px;
color: white !important;
} */
.contact_form .elementor-field-type-acceptance .elementor-field-option input {
width: 40px;
}
.contact_form .elementor-field-type-acceptance .elementor-field-option label {
width: calc(100% - 50px);
}
.single-foodman_event .event_froms .elementor-message,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-error {
margin-top: 6px;
width: 100%;
color: #ff8282 !important;
font-size: 14px !important;
font-weight: 400;
line-height: 1.3 !important;
/* padding: 4px 10px;
width: 100%;
color: #ffffff;
background: rgb(255 0 0 / 40%);
text-shadow: unset;
border-radius: 6px;
letter-spacing: 0.3px; */
}
.single-foodman_event .event_froms .elementor-field-group.elementor-field-type-submit {
justify-content: flex-start;
}
.fhc-meet-thankyou-content strong {
font-weight: 400;
}
.fhc-meet-thankyou-content {
font-size: 16px;
line-height: 30px;
}
.fhc-meet-step[data-meet-step="thankyou"] {
color: #fff;
}
.fhc-meet-step[data-meet-step="thankyou"] h2 {
font-size: 20px;
line-height: 22px;
font-family: 'Manrope';
font-weight: 700;
margin: 16px 0 20px;
}
.fhc-meet-step[data-meet-step="thankyou"] span.fhc-meet-thankyou-team {
display: block;
margin: 10px 0 0;
}
.fhc-meet-step[data-meet-step="thankyou"] .fhc-meet-thankyou-links {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-top: 24px;
padding-top: 32px;
border-top: 1px solid #3BB54A;
}
.fhc-meet-step[data-meet-step="thankyou"] .fhc-meet-thankyou-links a {
text-decoration: underline;
}
.fhc-meet-step[data-meet-step="thankyou"] .fhc-meet-thankyou-links a:hover {
color: var(--e-global-color-21e1282);
text-decoration: unset;
}
.contactt_text a:hover {
text-decoration: underline;
}
.request_material_text p:last-child {
margin-bottom: 0 !important;
}
/* Meeting Form */
.fhc-meet-widget {
color: #fff;
}
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-inputdiv {
width: 100%;
}
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field>span {
padding-bottom: 4px;
display: inline-block;
}
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field .fhc-meet-inputdiv input {
margin-bottom: 0;
color: var(--e-global-color-text);
text-transform: lowercase;
}
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-inputdiv,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-error {
margin-bottom: 16px;
}
.fhc-meet-widget div[data-meet-step="form"] button.fhc-event-signle-bookingmeet.fhc-event-single__cta.is-loading {
opacity: 0.45;
color: inherit !important;
}
.fhc-meet-widget .fhc-meet-error {
width: 100%;
color: #ff8282 !important;
font-size: 14px !important;
line-height: 1.3 !important;
}
.fhc-meet-widget .fhc-meet-legend em {
font-style: normal;
}
.fhc-meet-widget div[data-meet-step="form"] button.fhc-event-signle-bookingmeet.fhc-event-single__cta:hover {
box-shadow: none !important;
}
/* @media (min-width: 881px) {
.event_postcontent {
position: sticky;
top: 32px;
}
} */
@media (max-width: 1024px) {
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"],
.event_froms .elementor-field-group span.elementor-field-option input[type="checkbox"],
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox input[type="checkbox"] {
width: 24px;
height: 24px;
border-radius: 4px !important;
}
p.fhc-meet-legend {
font-size: 14px;
line-height: 20px;
}
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field>span {
font-size: 14px;
line-height: 20px;
}
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-field .fhc-meet-inputdiv input {
font-size: 14px;
}
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::after,
.event_froms .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::after,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox input[type="checkbox"]:checked::after {
width: 8px;
height: 14px;
border-width: 0 3px 3px 0;
}
.contact_form .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::before,
.event_froms .elementor-field-group span.elementor-field-option input[type="checkbox"]:checked::before,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox input[type="checkbox"]:checked::before {
width: 24px;
height: 24px;
}
.event_froms .elementor-field-group span.elementor-field-option label,
.contact_form .elementor-field-group span.elementor-field-option label,
.fhc-meet-widget div[data-meet-step="form"] .fhc-meet-checkbox .fhcmeet-checkbox-text {
width: calc(100% - 24px - 9px);
font-size: 14px !important;
}
}
/* Speaker Sessions Section */
.fm-speaker-sessions__title {
font-size: clamp(24px, 2.22vw, 32px) !important;
color: var( --e-global-color-primary );
margin: 0 0 clamp(20px, 1.67vw, 24px);
}
.fm-speaker-sessions__grid {
display: block;
}
.fm-speaker-card {
background-color: var( --e-global-color-primary );
border-radius: 8px;
padding: clamp(20px, 1.94vw, 28px) clamp(16px, 1.67vw, 24px);
color: var(--e-global-color-21e1282);
position: relative;
overflow: hidden;
}
.fm-speaker-card::before {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, var( --e-global-color-primary ) 0%, #1E816200 68.02%);
position: absolute;
left: 0;
top: 0;
z-index: 1;
/* mix-blend-mode: multiply; */
}
.fm-speaker-card > * {
position: relative;
z-index: 1;
}
.fm-speaker-card:not(:last-child) {
margin-bottom: clamp(10px, 1.11vw, 16px);
}
.fm-speaker-card__header {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
padding-bottom: clamp(12px, 1.11vw, 16px);
margin-bottom: clamp(12px, 1.11vw, 16px);
}
.fm-speaker-card__name {
font-size: clamp(18px, 1.39vw, 20px) !important;
font-weight: 700 !important;
margin: 0;
color: var(--e-global-color-21e1282);
}
.fm-speaker-card__body > p.fm-speaker-card__topic {
font-size: clamp(15px, 1.11vw, 16px);
line-height: 1.4;
font-weight: 600;
color: var(--e-global-color-21e1282);
}
.fm-speaker-card > p.fm-speaker-card__role,
.fm-speaker-card__body > p.fm-speaker-card__meta {
font-size: clamp(13px, 0.97vw, 14px);
line-height: 1.4;
margin: 6px 0 0 !important;
color: rgb(255 255 255 / 80%);
letter-spacing: 0.5px;
}
.fm-speaker-card__body > p {
margin: 0;
}
.fm-speaker-card__body > p.fm-speaker-card__topic:not(:first-child) {
margin-top: 16px;
}
div[data-elementor-type="popup"] .elementor-form label.elementor-field-label {
pointer-events: none;
}