/*-------------Noto--Open+Sans----*/

/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Lobster&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Tenor+Sans&display=swap'); */


@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Bold.eot');
    src: url('../fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/Mulish-Bold.woff') format('woff'),
        url('../fonts/Mulish-Bold.ttf') format('truetype'),
        url('../fonts/Mulish-Bold.svg#Mulish-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Medium.eot');
    src: url('../fonts/Mulish-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-Medium.woff2') format('woff2'),
        url('../fonts/Mulish-Medium.woff') format('woff'),
        url('../fonts/Mulish-Medium.ttf') format('truetype'),
        url('../fonts/Mulish-Medium.svg#Mulish-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Regular.eot');
    src: url('../fonts/Mulish-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/Mulish-Regular.woff') format('woff'),
        url('../fonts/Mulish-Regular.ttf') format('truetype'),
        url('../fonts/Mulish-Regular.svg#Mulish-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tenor Sans';
    src: url('../fonts/TenorSans.eot');
    src: url('../fonts/TenorSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TenorSans.woff2') format('woff2'),
        url('../fonts/TenorSans.woff') format('woff'),
        url('../fonts/TenorSans.ttf') format('truetype'),
        url('../fonts/TenorSans.svg#TenorSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*----------Elements--------*/

body
{
    opacity:0;
}
body.active
{
    opacity:1;
}

:root {
  --ironbrown: #645656;
  --lightblue: #6daffb;
  /* --blue: #0080fb; */
  --blue: #4a4444;
  --darkblue: #0d4fbc;
  --green: #8DC740;
  --white: #ffffff;
  --grey: #e4e4e4;
  --black: #000;
  --orange: #ff6900;
  --filterblue: invert(38%) sepia(93%) saturate(2629%) hue-rotate(191deg) brightness(94%) contrast(112%);
  --filterlightgrey: invert(99%) sepia(5%) saturate(23%) hue-rotate(232deg) brightness(112%) contrast(80%);
  --filtergrey: invert(24%) sepia(5%) saturate(563%) hue-rotate(314deg) brightness(96%) contrast(87%);
  --filterbrown: invert(35%) sepia(3%) saturate(1912%) hue-rotate(314deg) brightness(90%) contrast(81%);
}

*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html {margin-top: 0 !important;}
body
{
    position: relative;
    color: #000;
    font-family: 'Mulish';
    font-weight: 400;
    font-size: 20px;
    background-color: #fff;
    padding-top: 141.83px;
    padding-top: 0px;
    overflow-x: hidden;
}
a
{
    text-decoration: none;
    color: #000; 
}
a:hover
{
    color: var(--blue); 
}
p
{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 400;
}
h1
{
    font-size: 58px;
    line-height: 72px;
}
h2
{
    font-size: 46px;
    line-height: 60px;
}
h3
{
    font-size: 38px;
    line-height: 48px;
}
h4
{
    font-size: 32px;
    line-height: 42px;
}
h5
{
    font-size: 24px;
    line-height: 32px;
}
h6
{
    font-size: 18px;
    line-height: 26px;
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'Tenor Sans';
    font-weight: 600;
    margin: 35px 0 15px;
}
ul, ol
{
    padding-left: 35px;
    margin-bottom: 20px;
}
li
{
    margin-bottom: 15px;
}
img
{
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.hide{display: none;}

/*body.postid-857 .inner-page-wrapper, body.postid-344 .inner-page-wrapper {overflow-x: hidden;}*/

/*--------------------------------Custom Style--------*/
.iffel-container-fluid
{
    width: 100%;
    padding: 0 20px;
}
.fullwidth .iffel-container-fluid {padding: 0;}
.iffel-lg-container
{
    width: 100%;
    max-width: 1698px;
    margin: 0 auto;
    padding: 0 40px;
}
.iffel-container, .iffel-container-gb > .wp-block-group__inner-container, .iffel-container-lg-gb > .wp-block-group__inner-container
{
    width: 100%;
    max-width: 1424px;
    margin: 0 auto;
    padding: 0 40px;
}
.iffel-container-lg-gb > .wp-block-group__inner-container {max-width: 1698px;}
.iffel-row
{
    display: flex;
    flex-flow: row wrap;
}
.iffel-row .col
{
    width: 100%;
}
.iffel-jc-sb {justify-content: space-between; align-items: center;}
.iffel-ac-c {align-items: center;}
.p-0
{
    padding: 0 !important;
}
.m-0
{
    margin: 0 !important;
}
.mb-0
{
    margin-bottom: 0 !important;
}

.pb-0
{
    padding-bottom: 0 !important;
}

.mt-0
{
    margin-top: 0 !important;
}

.pt-0
{
    padding-top: 0 !important;
}

.iffel-button
{
    width: auto; 
    height: 61px;
    /*min-width: 182px;*/
    padding: 0 32px;
    background-color: #000000;
    border: 2px solid #000000;
    color: #fff;
    font-size: 20px;
    line-height: 21px;
    font-family: 'Mulish';
    font-weight: 400;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    transition: all 0.2s linear;
    
    text-decoration: none;
    text-rendering: geometricprecision;
    transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1),background-color 100ms cubic-bezier(.694, 0, 0.335, 1),color 100ms cubic-bezier(.694, 0, 0.335, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.iffel-button:hover
{
    color: #fff;
    /* background: var(--blue); */
    border: 2px solid var(--blue);
    transition: all 0.2s linear;
}

.iffel-link-button, .nav-links a
{
    position: relative;
    color: #fff;
    font-size: 28px;
    line-height: 86px;
    text-transform: none;
    padding-right: 60px;
    font-weight: 600;
    transition: all 0.2s linear;
}
.iffel-link-button.blk, .nav-links a {color: #000;}
.iffel-link-button:hover, .iffel-link-button.blk:hover, .nav-links a:hover {color: var(--blue);color:#c5bec0;}
.iffel-link-button:after, .iffel-link-button:before, .nav-links a:after
{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 46px;
    height: 26px;
    background-image: url(../../assets/images/arrow-long.svg);
    background-position: center right;
    background-size: 56px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    transition: all 0.2s linear;
    filter: var(--filterbrown);
}
.iffel-link-button:before {display: none; right: 10px; opacity: 0; background-image: url(../../assets/images/arrow-long-wht.png);}
.iffel-link-button.blk:before {background-image: url(../../assets/images/arrow-long-blk.png);}
.iffel-link-button:hover:before {right: 0px; opacity: 1; transition: all 0.2s linear 0.1s;}
.iffel-link-button:hover, .nav-links a:hover {padding-right: 70px; transition: all 0.2s linear;}
.iffel-link-button:hover:after, .nav-links a:hover:after {width: 56px; transition: all 0.2s linear;}

.inner-page-wrapper div .iffel-link-button {line-height: 1.2;}
.inner-page-wrapper div.inner-lcs-c .iffel-link-button {line-height: 86px;}

.iffel-link-button, .iffel-link-button:hover, .nav-links a, .nav-links a:hover {padding-right: 70px !important;}
.iffel-link-button:after {right: 10px;}
.iffel-link-button:hover:after {right: 0;}
.nav-links a:after {right: 10px;}
.nav-links a:hover:after {right: 0;}


.iffel-button:before {
  animation: opacityFallbackOut .5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--blue);
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1);
  width: 100%;
  z-index: -1;
}
.iffel-button:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
}


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

header
{
    background-color: rgba(255,255,255,0.65);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    width: 100%;
    height: auto;
	padding: 28px 0 32px;
    z-index: 99999;
    transition: all 0.2s linear;
}
body.nf-shad header
{
    box-shadow: 0 3px 6px #00000029;
}
header.header_pos {
    background: #FFF;
}
.navbar-fixed header {position: fixed; /*animation: navtrans 0.6s linear;*/ transition: all 0.2s linear;}
.d-menu 
{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
}
.d-menu ul
{
    padding: 0;
    margin: 0;
}
.d-menu li
{
    list-style-type: none;
    margin-bottom: 0;
}
.d-menu .hdr-call li  {margin: 0;} 
.d-menu ul:not(.hdr-call) li a
{
    color: #000000;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    transition: all 0.2s linear;
}
.d-menu ul:not(.hdr-call) li:hover > a {color: var(--blue); transition: all 0.2s linear;}
.d-menu > ul:not(.hdr-call) {display: flex; flex-flow: row wrap; align-items: center;}
.d-menu > ul:not(.hdr-call) > li {margin-right: 70px;}
.d-menu > ul:not(.hdr-call) > li > a {position: relative; display: inline-block;} 
.d-menu > ul:not(.hdr-call) > li > a:before {content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 4px; background-color: var(--blue); transition: all 0.2s linear;}

/*** solution menu ***/
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.dashicons-megaphone.mega-menu-link, #menu-item-109>a, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:first-of-type > a.mega-menu-link{ pointer-events: none; cursor: pointer;}
#menu-item-109>a+a, #menu-item-109>a.arrow-nav { pointer-events: auto; }
.d-menu > ul:not(.hdr-call) > li:hover > a:before {left: 0; right: auto; width: 100%; transition: all 0.2s linear;}
.d-logo
{
    width: 100%;
    max-width: 280px;
    height: auto;
    transition: all 0.2s linear;
}
.d-menu ul.hdr-call {margin-left: 15px;} 
.hdr-call, .hdr-call li {line-height: 1;}
.hdr-call li {display: inline-flex; align-items: center;}
.hdr-call li a {font-size: 24px; line-height: 1; color: #000000; font-weight: 600; transition: all 0.2s linear;}
.hdr-call li a:hover {color: var(--blue); transition: all 0.2s linear;}
.hdr-call li img {width: 100%; max-width: 25px; height: auto; margin-right: 6px; margin-top: -1px;}
.hdr-call li a:hover img{ filter: var(--filtergrey); }

@-webkit-keyframes navtrans
{
    0%{-webkit-transform: translateY(-100%);}
    100%{-webkit-transform: translateY(0%);}
}
@keyframes navtrans
{
    0%{transform: translateY(-100%);}
    100%{transform: translateY(0%);}
}

/*---------LG Menu*/

.menu-item
{
    position: relative;
}
.d-menu ul.sub-menu
{
    position: absolute;
    left: 0%;
    width: auto;
    min-width: 250px;
    height: auto;
    z-index: 99;
    background-color: #fff;
    padding: 20px 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-origin: top;
    transform-origin: top;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(.165,.84,.44,1);
    transition: all 0.2s cubic-bezier(.165,.84,.44,1);
    box-shadow: 0 6px 15px rgba(0,0,0,0.05);
}
.d-menu .menu-item:hover>ul.sub-menu
{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s cubic-bezier(.165,.84,.44,1);
    transition: all 0.2s cubic-bezier(.165,.84,.44,1);
}
.d-menu ul.sub-menu > li
{
    display: block;
    list-style-type: none;
    padding: 0 18px 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.2s linear;
}
.d-menu ul.sub-menu > li:last-child
{
    padding: 0 18px 0;
    margin: 0;
    border-bottom: none;
}
.d-menu .menu-item >ul.sub-menu > li {transform: translateY(5px) ; opacity: 0; transition: all 0.2s linear;}
.d-menu ul.sub-menu > li:last-child {margin: 0;}
.d-menu .menu-item:hover>.sub-menu li
{
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s linear 0.1s;
}
.d-menu ul.sub-menu:not(.hdr-call) li a
{
    display: inline-block;
    list-style-type: none;
    color: #000000;
    padding: 0;
    width: 100%;
    position: relative;
    font-size: 18px;
    line-height: 26px;
    text-transform: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.d-menu ul.sub-menu li a:hover
{
    color: var(--blue);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.d-menu ul.sub-menu ul.sub-menu {right: -250px; left: auto; top: 0;}

/*---------XS*/

.mobile-navbar {display: none;}
.mobile-navbar .mn-cols
{
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
}
.mn-cols .mn-col.mnc-l {width: 154px; transition: all 0.2s linear;}
.mn-cols .mn-col.mnc-r {width: calc(100% - 154px); display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end;}
.menu-open {width: 35px;}
img.mobile-logo
{
    max-width: 150px;
}
.mobile-navbar .hdr-call {margin-right: 30px;}
.mobile-navbar .hdr-call img {width: 19px; margin-right: 6px;}
.mobile-navbar .hdr-call a {font-size: 18px; line-height: 30px;  font-weight: 600; display: inline-flex; flex-flow: row nowrap; align-items: center;}
.mobile-navbar .hdr-call a:hover img{filter: var(--filtergrey); }
.mobile-menu
{
    display: none;
    position: fixed;
    top: 102.5px;
    left: 0%;
    width: 100%;
    height: calc(100% - 102.5px);
    padding: 30px;
    background-color: #fff;
    border-top: 1px solid #ccc;
    z-index: -999;
    visibility: hidden;
    transition: top 0.2s linear;
}
.menu-xs header {box-shadow: none; background: #FFF; }
.menu-xs .mobile-menu
{
    top: 102.5px !important;
    visibility: visible;
    display: none;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    transition: top 0.1s linear;
    z-index: 99999999;
}
.menu-xs .mobile-menu>div {position: relative; width: 100%; z-index: 9}
.mobile-menu ul
{
    padding: 0;
    margin: 0;
}
.mobile-menu>div>ul
{
    position: relative;
    height: auto;
    max-height: calc(100vh - 242.5px);
    width: 100%;
    overflow-y: auto;
    padding-right: 5px;
    z-index: 9;
}
.mobile-menu ul li
{
    margin: 0 0 15px;
    text-align: center;
    list-style-type: none;
}
.mobile-menu ul.sub-menu li
{
    margin: 0 0 10px;
}
.mobile-menu>div>ul>li
{
    transform: translateY(10px) ; opacity: 0; transition: all 0s linear;
}
.menu-xs .mobile-menu>div>ul>li
{
    transform: translateY(0);opacity: 1;transition: all 0.2s linear 0.1s;
}
.menu-xs .mobile-menu>div>ul>li:nth-child(2) {transition-delay: 0.1s}
.menu-xs .mobile-menu>div>ul>li:nth-child(3) {transition-delay: 0.2s}
.menu-xs .mobile-menu>div>ul>li:nth-child(4) {transition-delay: 0.3s}
.menu-xs .mobile-menu>div>ul>li:nth-child(5) {transition-delay: 0.4s}
.menu-xs .mobile-menu>div>ul>li:nth-child(6) {transition-delay: 0.5s}
.menu-xs .mobile-menu>div>ul>li:nth-child(7) {transition-delay: 0.6s}
.menu-xs .mobile-menu>div>ul>li:nth-child(8) {transition-delay: 0.7s}
.menu-xs .mobile-menu>div>ul>li:nth-child(9) {transition-delay: 0.8s}
.menu-xs .mobile-menu>div>ul>li:nth-child(10) {transition-delay: 0.9s}
.menu-xs .mobile-menu>div>ul>li:nth-child(11) {transition-delay: 1s}

.mobile-menu li a
{
    display: inline-block;
    color: #000000;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}
.mobile-menu .sub-menu li a {font-size: 26px;cursor: pointer;}
.mobile-menu:before
{
    content: '';
    position: absolute;
    bottom: 50px;
    right: 50px;;
    width: 200px;
    height: 150px;;
    background-image: url(https://www.iffelinternational.com/wp-content/uploads/2024/06/Iffel-logo.png);
    opacity: 0;
    background-size: 200px;
    background-position: right bottom;
    background-repeat: no-repeat;
    transform: translateY(50px);
    transition: all 0s linear;
    z-index: 1;
}
.mobile-menu li#menu-item-120 a {
    text-transform: capitalize;
}
.menu-xs .mobile-menu:before{opacity: 0.1; transform: translateY(0px); transition: all 0.3s linear 0.3s;}

.d-menu .menu li.current-menu-ancestor > a, .d-menu .menu > li.current_page_item > a, .d-menu .menu > li:hover > a { color: #000000; transition: all 0.2s linear;}
.d-menu .menu .sub-menu li:hover > a, .d-menu .menu > li.current-menu-parent > a, .d-menu .menu .sub-menu li.current-menu-item a, .mobile-menu .menu > li.current_page_item>a, /* .mobile-menu .menu > li.current-menu-parent > a, .mobile-menu .menu .sub-menu li.current-menu-item>a, .mobile-menu .menu li.current-menu-ancestor > a, */ .mobile-menu .menu li > a:hover
{
    color: var(--blue);
    transition: all 0.2s linear;
}
.d-menu .menu > li.current-menu-ancestor > a, .d-menu .menu > li.current_page_item > a:before, .d-menu .menu > li:hover > a, .d-menu .menu > li.current-menu-parent > a:before {left: 0; right: auto; width: 100%; transition: all 0.2s linear;}

@media screen and (max-width: 1340px)
{
    .mobile-navbar, .mobile-menu
    {
        display: block;
    }
    .menu-xs .mobile-menu {display: flex;}
    .desktop-navbar
    {
        display: none;
    }
    .mobile-navbar {width: 100%; max-width: 100%;}
    .mobile-menu .sub-menu > li:last-child {margin: 0;}
    body.menu-xs {overflow: hidden;}
}

/*-------------/// Mobile Nav Submenu ///-------------------*/

/*
.mobile-menu li.menu-item-has-children > a:not(.arrow-nav)
{
    width: calc(100% - 40px);
}
*/
.mobile-menu>li>a:before
{
    display: none;
}
.mobile-menu li>a.arrow-nav
{
    width: 23px;
    height: 21px;
    text-align: right;
    padding-right: 0;
    margin-left: 5px;
    display: inline-block;
/*    transition: all 0.2s linear;*/
}
.mobile-menu li ul.sub-menu li a.arrow-nav
{
top: 3px;
}

/*
.mobile-menu li>a.arrow-nav svg
{
    transition: all 0.2s linear;
}
*/
.mobile-menu li>a.arrow-nav i {opacity: 0;}
.mobile-menu li>a.arrow-nav {position: relative;}
.mobile-menu li>a.arrow-nav:after {content: ''; position: absolute; top: 0; left: 0; width: 23px; height: 100%; background-image: url(../images/menu-arw.png); background-size: 16px; background-repeat: no-repeat; background-position: center;}
.mobile-menu li>a.arrow-nav:hover:after, .mobile-menu li>a.arrow-nav:focus:after, .mobile-menu .menu > li.current_page_item>a.arrow-nav:after, .mobile-menu .menu > li.current-menu-parent > a.arrow-nav:after, .mobile-menu .menu .sub-menu li.current-menu-item>a.arrow-nav:after, .mobile-menu .menu li.current-menu-ancestor > a.arrow-nav:after, .mobile-menu .menu li > a.arrow-nav:hover:after {background-image: url(../images/menu-arw.png); filter:var(--filtergrey);}

.mobile-menu li>a.arrow-nav.rotate-90 svg, .mobile-menu li>a.arrow-nav.rotate-90
{
    transform: rotateZ(180deg);
    transform-origin: center;
/*    transition: all 0.2s linear;*/
}
.mobile-menu li>ul.sub-menu
{
    position: relative;
/*    padding: 0 0 0 15px; */
    display: none;
    width: 100%;
    margin: 25px 0;
}
.mobile-menu li>ul.sub-menu.xs-d-cont,.mobile-menu li:hover>ul.sub-menu.xs-d-cont
{
    display: block;
    transform: scaleY(1);
    transition: all 0.2s linear;
}

.mobile-menu>div>ul::-webkit-scrollbar {
	width: 3px;
    border-radius: 6px;
}

.mobile-menu>div>ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

.mobile-menu>div>ul::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  outline: 0px solid slategrey;
}

/*Hamburger-menu*/

.hamburger-menu 
{
    position: relative;
    display: inline-block;
	cursor: pointer;
	width: 100%;
	z-index: 999;
}
.hamburger-menu span {
	background: var(--black);
	width: 100%;
	height: 2px;
	display: block;
	margin: 6px 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 6px;
}
.hamburger-menu span:last-child {
	margin: 6px 0 0;
}
.hamburger-menu:hover span, .hamburger-menu span.current {
    background: var(--blue);
}
.hamburger-menu .line-top {margin-top: 0;}
.hamburger-menu .line-top.current {
	-webkit-transform: translateY(8px) rotate(135deg);
	-ms-transform: translateY(8px) rotate(135deg);
	transform: translateY(8px) rotate(135deg);
}
.hamburger-menu .line-center.current {
	opacity: 0;
}
.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-8px) rotate(-135deg);
	-ms-transform: translateY(-8px) rotate(-135deg);
	transform: translateY(-8px) rotate(-135deg);
}

/*** mega Menu ***/
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
    color: #222;
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0px 10px 0px 10px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:before{
    content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background-color: var(--blue); transition: all 0.2s linear;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:hover > a.mega-menu-link:before{
    left: 10%; right: auto; width: 80%; transition: all 0.2s linear;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu{
    border-radius: 0 0px 4px 4px;
    box-shadow: 1px 1px 21px rgba(120, 120, 120, 0.15);
    overflow: clip;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    background: #fff;
    color: #262626;
    font-size: 16px;
    line-height: 1.125;
    padding: 13px 16px 13px;
    border-bottom: 1px solid #f1f1f1;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child  > a.mega-menu-link{
    border-bottom: 0px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #fff;
    font-weight: 500;
    text-decoration: none;
    color: var(--blue);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
    background: transparent;
    color: var(--blue);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 250px;
    max-width: none;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #f1f1f1;
    border-radius: 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{ display: inline; display: none;}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
    background: transparent;
    color: var(--blue);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before{
    content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background-color: var(--blue); transition: all 0.2s linear;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before{
    left: 10%; right: auto; width: 80%; transition: all 0.2s linear;
}

@media only screen and (min-width: 769px) {
    #mega-menu-wrap-header-menu {
        background: transparent;
    }
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
        background: transparent;
        color: var(--blue);
        font-weight: 500;
        text-decoration: none;
        border-color: #fff;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu{
        left: auto;
        right: 0;
        width: 100%;
        min-width: 780px;
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu{
    background: #fff;
    border: 0;
    padding: 10px 15px 10px 15px;
    border-radius: 0 0 4px 4px;
    box-shadow: 1px 1px 21px rgba(120, 120, 120, 0.15);
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column{
    padding: 0px 10px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 10px 10px 10px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:last-child {
    border-bottom: 0px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.125;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
    color: var(--blue);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    display: none;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget h2 {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a{ 
    text-transform: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a:hover{
    color: var(--blue);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a img {
    width: 24px;
    object-fit: contain;
    filter: invert(0) brightness(0);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a:hover img {
    filter: var(--filtergrey);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a p {
    /* width: calc(100% - 25px); */
    width: 100%;
    /* padding-left: 6px; */
    font-size: 16px;
    margin: 0;
    line-height: 1.125;
}


/*-----------Slider---------*/
body.home {padding-top: 134px;}

/*---------Client Logos-------*/

#h-clients-blk {padding: 30px 0; background-image: none !important; background-color: var(--black); background-position: center; background-repeat: no-repeat; background-size: cover;}

.clientlogo-slider .slick-track {display: flex; flex-flow: row wrap; align-items: center;}

.clnt-logo {padding: 0 25px;}
.clnt-logo a { cursor: default; }
.clnt-logo a img {/*filter: brightness(0) invert(1);*/ width: auto; max-width: 155px; max-height: 70px; height: auto; margin: 0 auto; transition: all 0.2s linear; filter: invert(19%) brightness(622%) }
/*.clnt-logo a:hover img {filter: invert(75%) sepia(18%) saturate(1379%) hue-rotate(4deg) brightness(93%) contrast(81%); transition: all 0.2s linear;}*/


.clientlogo-slider .slick-prev, .clientlogo-slider .slick-next
{
    background-color: #FBFBFB;
    background: #FBFBFB;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #706F6F;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    z-index: 9;
    transition: all 0.2s linear;
}
.clientlogo-slider .slick-prev
{
    left: -20px;
}
.clientlogo-slider .slick-next
{
    right: -20px;
}
.clientlogo-slider .slick-prev:before, .clientlogo-slider .slick-next:before
{
    font-size: 14px;
    color: #000;
    opacity: 1;
    font-family: "FontAwesome";
}
.clientlogo-slider .slick-prev:before
{
    content: '\f053';
}
.clientlogo-slider .slick-next:before
{
    content: '\f054';
}
.clientlogo-slider .slick-prev:hover:before, .clientlogo-slider .slick-next:hover:before, .clientlogo-slider .slick-prev:focus:before, .clientlogo-slider .slick-next:focus:before
{
    color: #fff;
}
.clientlogo-slider .slick-prev:hover, .clientlogo-slider .slick-next:hover, .clientlogo-slider .slick-prev:focus, .clientlogo-slider .slick-next:focus
{
    background-color: var(--blue);
    background: var(--blue);
    transition: all 0.2s linear;
}


/*---------Solutions-------*/

#h-solutions {padding: 160px 0;}
#h-solutions {padding-bottom: 0px !important;}
#h-solutions .iffel-row {flex-flow: row wrap; align-items: center;}
.h-sln-cnt, .h-sln-img {width: 50%;}
.h-sln-cnt {padding-right: 170px;padding-right: 90px;}
.h-sln-cnt h2 {color: #000000; font-size: 38px; line-height: 40px; margin: 0 0 25px; text-transform: uppercase;}
.h-sln-cnt p {color: #000000; font-size: 20px; line-height: 32px; margin: 0;}

.sln-img-t {position: relative;}
.sln-img-t a.playicon {position: absolute; bottom: 30px; right: 30px; text-transform: uppercase; font-weight: 700; color: #3B3B3B; font-size: 30px; line-height: 28px; display: inline-flex; align-items: center; flex-flow: row nowrap;}
.sln-img-t .playicon img {width: 58px; height: auto; margin-right: 10px;}

.h-sln-img h5, .sln-img-t-img-cap {position: relative; display: flex; flex-flow: row nowrap; align-items: flex-end; justify-content: flex-end; font-size: 28px; line-height: 38px; margin: 50px auto 0; padding-right: 20px; font-family: 'Tenor Sans'; font-weight: 600;}
.h-sln-img h5 img, .sln-img-t-img-cap img {width: 200px; margin-left: 25px; filter: var(--filterbrown); }

.sln-accord {margin-top: 32px;}

/*-----------Play Icon*/

span.play {display: inline-block; position: relative; width: 58px; height: 58px;}
@keyframes spin { to { transform: rotate(360deg); }}
.stroke-solid {stroke-dashoffset: 0; stroke-dashArray: 300; stroke-width: 9px; transition: stroke-dashoffset 1s ease, opacity 1s ease;}
.stroke-solid1 {stroke-dashoffset: 300; stroke-dashArray: 300; stroke-width: 11px; transition: stroke-dashoffset 0.5s ease, opacity 0.5s ease; fill: transparent; stroke: var(--blue);}
path.icon {transform: scale(.8); transform-origin: 50% 50%; transition: transform 200ms ease-out;}
path.icon.h-icon {fill: transparent; transition: transform 200ms ease-out;}
.playicon:hover path.icon.h-icon {fill: var(--blue); transition: transform 200ms ease-out;}
.playicon:hover .play .stroke-solid1 {opacity: 1; stroke-dashoffset: 0;}
.playicon:hover .play .icon {transform: scale(.9);}
#play {cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.playicon span.txt 
{
    position: relative;
    display: inline-block;
    text-transform: uppercase; 
    font-size: 30px;
    font-weight: 700;
    line-height: 28px;
    color: #3B3B3B;
    overflow: hidden;
    margin-left: 10px;
    background: linear-gradient(to right, var(--blue), var(--blue) 50%, #3B3B3B 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    text-decoration: none; /* text decorations are clipped in WebKit browsers */
}
.playicon.clr2 span.txt 
{
    position: relative;
    display: inline-block;
    text-transform: uppercase; 
    font-size: 30px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    overflow: hidden;
    margin-left: 10px;
    background: linear-gradient(to right, var(--blue), var(--blue) 50%, #fff 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    text-decoration: none; /* text decorations are clipped in WebKit browsers */
}
.playicon:hover span.txt {background-position: 0 100%;}

/*** AI Action ****/
#h-ai-sec { padding: 160px 0 0; text-align: center }
#h-ai-sec .h-heading-s2{ margin: 0 0 0px; }
#h-ai-sec .h-heading-s2 h2{ margin: 15px 0 50px; }
#h-ai-sec .h-heading-s2 span.tag-line{ font-size: 17px; font-weight: 500; color: #868686; }
.iffel-button.iffel-ai-btn { width: auto;}
.iffel-ai-btn img {
    width: 28px;
    margin: 0 10px 0px 0;
    transition: all 0.4s ease;
    /* filter: brightness(100) sepia(10); */
}
.iffel-ai-btn:hover img {
    /* filter: brightness(1) sepia(0); */
    transform: rotate(360deg);
}

/*** AI popup ***/
.popupaisearch-container {
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99999999;
	display:none;
}
.popupaisearch-container.active{
    display:block;
}
.popupaisearch-content h4, .ai-chat-box h4 {
    margin: 20px 0 10px;
}
.popupaisearch-content p:empty,
.ai-chat-box p:empty{
    display: none;
}
.popAi-tab-content ul,
.ai-chat-box ul{
    margin: 0;
}

.popAi-tab-head {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 20px;
}
.popAi-tab-head ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin: 0 0 -2px;
    padding: 0;
}
.popAi-tab-head ul li {
    margin: 0px 6px 0px 0px;
}
.popAi-tab-head ul li a {
    display: block;
    padding: 5px 12px 5px 12px;
    color: #868686;
    /* border: 1px solid #d4d4d4;
    border-radius: 4px 4px 0px 0px;
    */
}
.popAi-tab-head ul li a:hover{
    /* background: #d4d4d4; */
    color: #222;
}
.popAi-tab-head ul li.active a {
    /*background: #222;
    border-color: #222;*/
    color: var(--blue);
    border-bottom: 3px solid #222;
}
.popAi-tab-head ul li a img {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    filter: invert(53%) sepia(0%) saturate(1%) hue-rotate(85deg) brightness(99%) contrast(96%);
}
.popAi-tab-head ul li.active a img,
.popAi-tab-head ul li a:hover img{
    filter: var(--filtergrey);
}

.popupaisearch-sec {
    width: calc(100% - 60px);
    display: flex;
    max-height: calc(100% - 100px);
    max-width: 780px;
	max-width: 880px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -25%);
    opacity: 0;
    min-height: 220px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 20px;
    background: #FFF;
    border-radius: 10px;
}
.active .popupaisearch-sec{
    transform: translate(-50%, -50%);
    opacity: 1;
    transition-delay: 0.25s;
}
.popupaisearch-content {
    width: 100%;
    position: relative;
    text-align: left;
}
.popAi-content-wrap {
    display: block;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 20px;
}
.popAi-content-wrap::-webkit-scrollbar {
	width: 10px;
}
.popAi-content-wrap::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
    background: #dbdbdb;
}
.popAi-content-wrap::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  outline: 0px solid slategrey;
}
.ai-chat-box h1, .ai-chat-box h2,
.search-resultss-inner h1, .search-resultss-inner h2{
    font-size: 28px;
    margin: 5px 0 12px;
}
.ai-chat-box h3, .ai-chat-box h4, .ai-chat-box h5, .ai-chat-box h6,
.search-resultss-inner h3, .search-resultss-inner h4, .search-resultss-inner h5, .search-resultss-inner h6{
    margin: 5px 0 10px;
}
.ai-chat-content {
    width: 100%;
    padding: 0px;
    text-align: left;
}
.ai-chat-content h3 {
    margin: 0 0 15px;
}
.popAi-tab-content{
    display: none;
}
.popAi-tab-content.active{
    display: block;
}
.popAi-tab-content li a, .popAi-tab-content p a {
    font-weight: 500;
    color: var(--blue);
}
.popAi-tab-content li a:hover, .popAi-tab-content p a:hover{
    color: var(--black);
}

.popupaisearch-close-icon {
    font-size: 24px;
    color: #FFF;
    position: absolute;
    background-color: var(--blue);
    opacity: 1 !important;
    transition: all 0.2s linear;
    border-radius: 50%;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    right: -16px !important;
    top: -16px !important;
    cursor: pointer;
}
.popupaisearch-content h3 {
    margin: 0 0 10px;
}
.popupaisearch-content input[type="text"],
.ai-chat-box input[type="text"],
.popupaisearch-content input[type="email"],
.ai-chat-box input[type="email"],
.popupaisearch-content input[type="tel"],
.popupaisearch-content select, .ai-chat-box select
.popupaisearch-content textarea, .ai-chat-box textarea{
    height: 52px;
    padding: 8px 15px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 6px;
    width: 100%;
    border: 1px solid #d6d6d6;
    font-size: 16px;
}
.popupaisearch-content input[type="text"],
.ai-chat-box input[type="text"]
{
    width: calc(100% - 100px);
    border-radius: 5px 0px 0px 5px;
    font-family: 'Mulish';
}
.popupaisearch-content textarea, .ai-chat-box textarea{
    height: 100px;
    resize: none;
}
.popupaisearch-content form#searchform, .ai-chat-box form{
    display: flex;
    flex-wrap: wrap;
}
.popupaisearch-content input[type="submit"],
.ai-chat-box input[type="submit"],
.ai-chat-box button[type="submit"], .ai-chat-box #openai-form button  {
    background-color: #000;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    padding: 8px 16px;
    font-family: 'Mulish';
    height: 52px;
    width: 100px;
    max-width: 180px;
    border-radius: 0px 5px 5px 0px;
    text-transform: uppercase;
    border: none;
    margin: 10px 0 0;
    text-align: center;
    cursor: pointer;
}
.popupaisearch-content #loading-icon {
    width: 50px;
    position: absolute;
    right: 0;
    transform: translate(-18px, -38px);
	transform: translate(-107px, 16px);
}
#autocomplete-suggestions {
    background-color: rgb(255, 255, 255);
    margin-top: -7px !important;
    position: relative !important;
    padding: 20px !important;
    box-shadow: rgba(0, 0, 0, 0.125) 0px 2px 5px;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    width: calc(100% - 0px);
    max-height: 250px;
    overflow-y: auto;
}
#autocomplete-suggestions::-webkit-scrollbar {
	width: 6px;
}
#autocomplete-suggestions::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
#autocomplete-suggestions::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  outline: 0px solid slategrey;
}
#autocomplete-suggestions .suggestion-item {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
}
#autocomplete-suggestions .search-result-item a {
    display: block;
    padding: 6px 16px 6px;
}
#autocomplete-suggestions .suggestion-item:hover {
    color: var(--blue);
}
.ai-chat-box {
    position: relative;
}
.ai-chat-box img#loading-icons {
    position: absolute;
    width: 60px;
    right: -20px;
    top: -50px;
    width: 50px;
    right: 0;
    top: auto;
    transform: translate(-107px, 16px);
}
#search-resultss {
    width: 100%;
    padding: 20px 20px 20px 60px;
    background: #fbfbfb;
    border-radius: 10px;
    margin: 30px 0 0;
    position: relative;
}
#search-resultss::before {
    position: absolute;
    content: "";
    left: 14px;
    top: 24px;
    width: 32px;
    height: 32px;
    background: url(../images/ai-bot.png) center no-repeat;
    background-size: 20px;
    padding: 8px;
    box-sizing: border-box;
    /* border: 1px solid #d9d9d9; */
    border-radius: 50%;
}
#answer {
    color: #fbfbfb;
    width: 100%;
    padding: 20px 20px 20px 60px;
    background: #fbfbfb;
    border-radius: 10px;
    margin: 30px 0 0;
    position: relative;
}
#answer::before {
    position: absolute;
    content: "";
    left: 14px;
    top: 24px;
    width: 32px;
    height: 32px;
    background: url(../images/ai-bot.png) center no-repeat;
    background-size: 20px;
    padding: 8px;
    box-sizing: border-box;
    /* border: 1px solid #d9d9d9; */
    border-radius: 50%;
}
#answer :where(h1,h2,h3,h4,h5,h6,p,ul,li,span){
    color: #222;
}
#search-resultss:empty, #answer:empty {
    display: none;
}
.search-resultss-contact, .answer-contact {
    padding: 15px 25px 15px;
    background: #FFF;
    box-shadow: 1px 1px 12px 0px rgba(60, 60, 60, 0.04);
    border-radius: 6px;
    margin: 20px 0 15px;
    border: 1px solid #e4e4e4;
}
.search-resultss-contact p, .answer-contact p {
    margin: 0 0 0px;
}
.search-resultss-contact p a, .answer-contact p a{
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    font-weight: 600;
    color: #8e6666;
}
.service-response {
    padding: 20px 25px 20px;
    margin: 15px 0 15px;
    background: #FFF;
    border-radius: 6px;
    box-shadow: 1px 1px 12px 0px rgba(60, 60, 60, 0.04);
    border: 1px solid #e4e4e4;
}
.service-response p, .service-response li{ line-height: 1.5; }
.service-response p:last-of-type{ margin-bottom: 0;}

/**** ai pop responsive ****/
@media screen and (max-width: 991px){
    .popupaisearch-content{ width: 100%; padding: 0 0 20px; border-right: none; border-bottom: 1px solid #e4e4e4; }
    .ai-chat-content { width:100%; margin: 0; border-left: none; }
}

@media screen and (max-width: 767px){
    .popupaisearch-sec {
        width: calc(100% - 40px);
        padding: 10px;
    }
    .popupaisearch-content h3, .ai-chat-content h3{ padding-right: 30px;}
    .popupaisearch-content #loading-icon,
    .ai-chat-box img#loading-icons{
        transform: translate(10px, -30px);
    }
    .popupaisearch-content input[type="text"], .ai-chat-box input[type="text"]{
        height: 42px;
    }
    .popupaisearch-content input[type="submit"], .ai-chat-box input[type="submit"],
    .ai-chat-box button[type="submit"], .ai-chat-box #openai-form button{
        height: 42px;
    }
    .ai-chat-box h1, .ai-chat-box h2, .search-resultss-inner h1, .search-resultss-inner h2 {
        font-size: 24px;
        margin: 5px 0 5px;
    }
    .ai-chat-box h3, .ai-chat-box h4, .ai-chat-box h5, .ai-chat-box h6, .search-resultss-inner h3, .search-resultss-inner h4, .search-resultss-inner h5, .search-resultss-inner h6 {
        margin: 5px 0 0px;
    }
    #search-resultss, #answer{
        width: 100%;
        padding: 10px 10px 10px 30px;
        margin: 15px 0px 10px;
    }
    #search-resultss::before, #answer::before{
        left: 2px;
        top: 18px;
        width: 22px;
        height: 22px;
    }
    .search-resultss-contact, .answer-contact{
        padding: 10px 15px 10px;
        margin: 10px 0 5px;
    }
}

@media screen and (max-width: 600px){
    .popupaisearch-content input[type="text"], .ai-chat-box input[type="text"]{
        width: 100%; border-radius: 5px;
    }
    .popupaisearch-content input[type="submit"], .ai-chat-box input[type="submit"], .ai-chat-box button[type="submit"], .ai-chat-box #openai-form button{
            width: 100%; max-width: initial; border-radius: 5px;
    }
}
/*---------Partnership-------*/

#h-partnership {padding: 100px 0;}

.h-part-img, .h-part-cnt {width: 50%;}
.h-part-cnt {padding-left: 92px;}
.h-part-cnt h2 {color: #000000; font-size: 38px; line-height: 40px; margin: 0 0 25px; text-transform: uppercase;}
.h-part-cnt > p {color: #000000; font-size: 20px; line-height: 32px; margin: 0;}
ul.h-part-lst { list-style: none;}
ul.h-part-lst li{ position: relative;}
ul.h-part-lst li:before {
    content: '-';
    position: absolute;
    top: 2px;
    left: -25px;
    width: 25px;
    height: 25px;
    font-size: 25px;
    line-height: 25px;
}

/*--------GTEOS------------*/

.h-heading-s2 {margin: 0 0 90px;}
.h-heading-s2 h2 {color: #000000; font-size: 50px; line-height: 80px; margin: 0;}
.h-heading-s2 p {color: #000000; font-size: 26px; line-height: 36px; margin: 0 0 10px; font-family: 'Mulish'; font-weight: 700;}

.h-gteos-blocks {position: relative; display: flex; flex-flow: row wrap;}
.h-gteos-blk {position: relative; width: calc(25% - 18px); padding: 70px 10px; margin-right: 24px; overflow: hidden; background-size: 100%; background-position: center; transition: all 0.2s linear; border: 1px solid #e5e5e5;}
.h-gteos-blk:last-child {margin-right: 0;}
/*.h-gteos-blk:hover {box-shadow: 0 38px 15px -30px rgb(0 0 0 / 50%); transition: all 0.2s linear;}*/
.h-gteos-blk:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #562e24;
    background-color: #FFF;
    transition: all 0.2s linear 0.1;
}
.h-gteos-blk:hover:before
{
    background-color: var(--black);
    transition: all 0.1s linear;
}
.h-gteos-blk:after
{
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--blue);
    transition: all 0.1s linear;
}
.h-gteos-blk:hover:after
{
    height: 8px;
    transition: all 0.1s linear 0.1s;
}

.hg-img {position: relative; height: 152px; width: 152px; margin: 0 auto; display: table; background-image: url(../images/sprites_img.webp); background-size: 600px;}
/* .h-gteos-blk img {position: relative; height: 152px; width: 152px; margin: 0 auto; display: table;} */
.hg-img img {display: none;}
.h-gteos-blocks .h-gteos-blk:nth-child(1) .hg-img {background-position: 0 0; }
.h-gteos-blocks .h-gteos-blk:nth-child(2) .hg-img {background-position: 452px 0;}
.h-gteos-blocks .h-gteos-blk:nth-child(3) .hg-img {background-position: 304px 0;}
.h-gteos-blocks .h-gteos-blk:nth-child(4) .hg-img {background-position: 152px 0;}
.h-gteos-blocks .h-gteos-blk:nth-child(1):hover .hg-img {background-position: 0 152px; }
.h-gteos-blocks .h-gteos-blk:nth-child(2):hover .hg-img {background-position: 452px 152px;}
.h-gteos-blocks .h-gteos-blk:nth-child(3):hover .hg-img {background-position: 304px 152px;}
.h-gteos-blocks .h-gteos-blk:nth-child(4):hover .hg-img {background-position: 152px 152px;}
/* .h-gteos-blk:hover img:not(.hover-img) {visibility: hidden;}
.hg-img img.hover-img {position: absolute; top: 0; left: 50%; transform: translate(-50%, 20px); visibility: hidden; will-change: transform; transition: 0s linear; filter: invert(1);}
.h-gteos-blk:hover .hg-img img.hover-img {transform: translate(-50%, 0px); visibility: visible; will-change: transform; transition: 0.2s linear;} */
.h-gteos-blk h2 {position: relative; color: #000; font-size: 28px; line-height: 48px; text-align: center; text-transform: capitalize; margin: 43px 0 20px; font-weight: 600;}
.h-gteos-blk p {position: relative; color: #000; font-size: 20px; line-height: 28px; text-align: center; margin: 0; padding: 0 20px;}
.h-gteos-blk:hover h2{ color: #FFF; }
.h-gteos-blk:hover p{ color: #FFF; }

/*---------H-Sectors--------*/

#h-sectors {position: relative; padding: 148px 0 170px; background-repeat: no-repeat; background-size: cover; background-position: 50% 100%;}
#h-sectors:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, #FFFFFF 12%, #FFFFFF00 100%); opacity: 100%;}

#h-sectors .h-heading {position: relative; margin: 0 0 70px;}

.h-sector-blocks {position: relative; display: flex; flex-flow: row wrap; width: 100%; max-width: 1125px; margin: 0 auto -36px;}
.h-sector-blk {position: relative; width: calc(50% - 18px); margin-bottom: 36px; background-color: #fff; border-radius: 20px; padding: 28px; box-shadow: 0 3px 6px #00000029; overflow: hidden;}
.h-sector-blk:before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background-color: rgba(0,0,0,0.08);
    opacity: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    transition: all 0.1s linear;
}
.h-sector-blk:hover:before
{
    animation-name: spread;
    animation-duration: 0.4s;
    animation-timing-function: linear;
}

@keyframes spread {
  0%   {opacity: 0; transform: translate(-50%, -50%) scale(0.1);}
  60%   {opacity: 1; transform: translate(-50%, -50%) scale(4);}
  100%   {opacity: 0; transform: translate(-50%, -50%) scale(6);}
}

.h-sector-blk:nth-child(odd) {margin-right: 36px;}

.hsb-top {display: flex; flex-flow: row nowrap; align-items: center; margin-bottom: 10px;}
.hsb-top img {width: 100%; max-width: 64px; height: 64px; flex-grow: 1; margin-right: 5px; filter: var(--filterbrown); /* filter color brown */ }
.hsb-top h2 {font-size: 26px; line-height: 30px; margin: 0; font-weight: 600;}
.hsb-btm p {color: #242424; font-size: 20px; line-height: 32px; margin: 0; padding-right: 25px;}

/*---------H-JOF--------*/

#h-jof {padding: 100px 0 0;}
#h-jof .h-heading {margin: 0 0 40px;}

/* .hjg-top, .hjg-btm {display: flex; flex-flow: row nowrap; margin-left: -3px; margin-right: -3px; width: calc(100% + 6px);} */
.hjg-top a, .hjg-btm a {position: relative; display: inline-block; line-height: 0; height: 100%; width: 100%; pointer-events: none; text-align: center;}
/* .hjg-top > div, .hjg-btm > div {width: 50%; line-height: 0;}
.hjg-top > div, .hjg-btm > div {padding: 3px;}
.hjg-top > div:nth-child(even) a, .hjg-btm > div:nth-child(odd) a {height: calc(50% - 3px); width: 100%;}
.hjg-top > div:nth-child(even) a:last-child, .hjg-btm > div:nth-child(odd) a:last-child {margin-top: 6px;} */
.hjg-top > div img, .hjg-btm > div img {height: 100%; width: 100%; object-fit: cover;}
/*
.hjg-top a img {transition: all 0.2s linear;}
.hjg-top a:hover img {filter: grayscale(1); transition: all 0.2s linear;}
*/

.h-btn-grp {margin-top: 70px; text-align: center;}
#h-jof .h-btn-grp{ display: none; }

/*----H-JOF Option2-----*/

.h-jof-grid { /* column-count: 2;border-radius: 80px; */ gap: 12px; column-fill: initial; display: flex; flex-wrap: wrap;}
.h-jof-grid .hjg-top {display:inline-block; margin-bottom:0px; overflow:hidden; width:calc(20% - 10px); background-color: #fff; border: 1px solid #cacaca; overflow: hidden; padding: 20px 0;}
.h-jof-grid .hjg-top > div {width: 100%;height: 100%;}
.h-jof-grid .hjg-top:nth-child(8) img:not(.logo-port) { /* border-radius: 0 0 80px 0; */ }
/*.h-jof-grid .hjg-top:nth-child(3) img:not(.logo-port) {border-radius: 0 0 0 80px;}*/
.h-jof-grid > div.hjg-top:nth-child(2), .h-jof-grid > div.hjg-top:nth-child(3), .h-jof-grid > div.hjg-top:nth-child(5), .h-jof-grid > div.hjg-top:nth-child(6) { /* height: 50%; width: 100%; */}
.h-jof-grid .hjg-top:nth-child(4) {margin-bottom: 0;}
.h-jof-grid .hjg-top:nth-child(4) img:not(.logo-port) { /* height: 380px; border-radius: 0 0 0 80px; */}
.h-jof-grid .hjg-top a img:not(.logo-port) {transform: scale(1.01); will-change: transform; transition: .3s cubic-bezier(.39,.575,.565,1); }
.h-jof-grid .hjg-top a:hover img:not(.logo-port) {transform: scale(1.06); will-change: transform; transition: .3s cubic-bezier(.47,0,.745,.715); }
/* .h-jof-grid .hjg-top a img.logo-port {position: absolute; left: 0; bottom: 50px; width: 90%; height: auto; max-width: 280px; z-index: 1;} */
.h-jof-grid .hjg-top a img.logo-port {position: static; width: 90%; height: auto; max-width: 280px; z-index: 1;}

/*-------H-LCS-------------*/

#h-lcs {position: relative;}
#h-lcs:before {content: ''; position: absolute; top: 0; left: 0; width: 70%; height: 100%; background-image: linear-gradient(90deg, #000000,  #54545400); opacity: 73%;}
#h-lcs .lcs-contents {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}

#h-lcs > img {height: 600px; object-fit: cover;}
.lcs-contents > .iffel-container {max-width: 1150px;}
.inner-lcs-c {max-width: 700px; /*margin-left: 132px;*/ margin-left: 0 !important;}
.inner-lcs-c h2 {color: #fff; font-size: 56px; line-height: 1.4; margin: 0 0 20px;}
.inner-lcs-c p {margin: 0;}
.inner-lcs-c p a+a {margin-left: 80px;}
span.grn-ur {display: inline-block; position: relative;}
span.grn-ur:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; transform-origin: right; height: 6px; background-color: var(--blue); transition: all 0.2s linear;}
span.grn-ur:hover:before {animation-name: line-draw; animation-duration: .6s; animation-fill-mode: forwards; }
.inner-lcs-c span.grn-ur:before {bottom: 6px;}
.inner-lcs-c a.iffel-link-button::after {
    filter: invert(1);
}

@keyframes line-draw {
    0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}40%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}60%{-webkit-transform-origin:left;transform-origin:left}80%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}}

/*--------H Testimonials--------*/

#h-woc {padding: 90px 0 150px;}

#h-woc .h-heading {margin: 0 0 100px;}
.h-heading h2 {color: #242424; font-size: 38px; line-height: 60px; margin: 0 0 13px; text-transform: uppercase; text-align: center;}
.h-heading p {display: table; color: #242424; font-size: 20px; line-height: 32px; margin: 0 auto; text-align: center; width: 100%; max-width: 820px;}

.h-video-testy {margin: 0 !important;}
.hvt-cols {display: flex; flex-flow: row wrap; align-items: flex-start;}
.hvt-col {width: calc(50% - 33px);}
.hvt-col:first-child {margin-right: 66px;}

.hvtc-img {position: relative; overflow: hidden; border-radius: 10px;}
.hvtc-img:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.hvtc-img a.playicon {position: absolute; bottom: 30px; right: 30px; text-transform: uppercase; font-weight: 700; color: #fff; font-size: 30px; line-height: 28px; display: inline-flex; align-items: center; flex-flow: row nowrap;}
.hvtc-img .playicon img {width: 58px; height: auto; margin-right: 10px;}

.hvtc-ttl {padding: 20px 10px 0;}
.hvtc-ttl h2 {color: #141414; font-size: 28px; line-height: 42px; margin: 0 auto; display: table; width: 100%; max-width: 380px; text-align: center;}

.h-testy-slider.slick-dotted.slick-slider {margin: 0;}
.h-testy-slide .inner-hts, blockquote- {position: relative; width: 100%; max-width: 1060px; display: table; margin: 0 auto; padding: 44px 40px 40px;}
.h-testy-slide img.testy-qt {height: 120px; width: auto; opacity: 0.4; position: absolute; top: 0;}
.h-testy-slide img.qt-l {left: 0;}
.h-testy-slide img.qt-r {right: 0;}

/*blockquote{padding: 0; margin: 32px auto 40px; }
blockquote p-{padding: 10px 40px;}*/

.h-testy-slide p, blockquote p- {position: relative; text-align: center; color: #242424; font-size: 20px; line-height: 38px; margin: 0;}
.h-testy-slide p.author, blockquote cite {font-size: 17px; line-height: 32px; margin: 50px 0 0;}
blockquote cite{ margin: 25px 0 0; }
blockquote p strong {font-weight:normal;}
.h-testy-slider .slick-dots
{
    bottom: 0;
}
.h-testy-slider .slick-dots li
{
    margin: 0 6px;
    width: 18px;
    padding: 0;
    height: auto;
}
.h-testy-slider .slick-dots li button
{
    background: #C8C8C8;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
}
.h-testy-slider .slick-dots li button:before
{
    opacity: 0 !important;
}
.h-testy-slider li.slick-active button, .h-testy-slider .slick-dots li button:hover
{
    background: var(--blue);
}

.hvtc-img .playicon img, .sln-img-t a.playicon img {transition: all 0.2s linear;}
.hvtc-img .playicon:hover img, .sln-img-t a.playicon:hover img {transform: scale(0.92); transition: all 0.2s linear;}

/*---------Accordian---------*/

.accordian {list-style: none; margin: 0; padding: 0;}
.accordian li {margin: 0 0 50px;}
.accordian li:last-child {margin: 0;}
.accordian h2.accodian-title 
{
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 30px;
    line-height: 1.2;
    color: #000000;
    text-transform: none;
    margin: 0;
    padding-right: 40px;
    transition: all 0.2s linear;
}
.accordian h2.accodian-title:after 
{
    content: '\2b';
    position: absolute;
    top: 50%;
    right: 0px;
    font-family: "FontAwesome";
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;

    font-size: 26px !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: auto !important;
    height: auto !important;
    background-image: url(../../assets/images/plus-solid-full.svg);
    color: transparent;
    top: 71%;
}
.accordian h2.accodian-title.active:after {content: '\f068';}
.accordian section.accodian-cnts 
{
  display: none;
  padding: 20px 40px 0 0;
}
.accordian section.accodian-cnts.active {display: block;}
section.accodian-cnts p{
    /* margin: 0; */
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}
.faq-block section.accodian-cnts p:empty {display: none;}
.faq-block section.accodian-cnts p:last-child {margin: 0;}

.faq-deatail-top h2 {margin-top: 0; margin-bottom: 25px;}

.accordian .accodian-cnts ol, .accordian .accodian-cnts ul {
    margin: 15px 0 5px;
}
.accordian .accodian-cnts li{
    font-size: 20px;
    margin: 5px 0;
}

.accordian h2.accodian-title:hover, .accordian h2.accodian-title.active {color: var(--ironbrown); transition: all 0.2s linear;}

#journey {
    padding: 0 0 90px;
}
#journey h2 {
    margin-top: 0;
}
#journey .ctp-form > div {
    padding: 10px 0 0;
    border-top: none;
}
.ctp-form h2, .ctp-info h2 {position: relative; margin: 0 0 40px; padding-bottom: 15px;}
.ctp-form h2:before, .ctp-info h2:before {content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 3px; background-color: var(--blue);}

.ctp-form form {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center; margin: 0 -15px;}
.ctp-form .f-group {width: calc(50% - 20px); margin: 0 10px;}
.ctp-form .f-group.col-100 {width: calc(100% - 20px);}
.ctp-form form p {margin: 0;}

.ctp-form input[type="text"], .ctp-form input[type="email"], .ctp-form input[type="password"], .ctp-form input[type="tel"], .ctp-form input[type="file"], .ctp-form textarea, .ctp-form select 
{
    height: 56px;
	border: none;
    border-bottom: 1px solid rgb(202 202 202);
    border-radius: 0;
    background-color: rgb(254 254 254 / 5%);
    font-size: 20px;
    padding: 10px 0;
    margin-bottom: 40px;
    width: 100%;
    color: #000;
    outline: none;
    box-shadow: none;
    font-family: 'Mulish';
}
.ctp-form textarea {height: 132px; resize: none;}
.ctp-form select {-webkit-appearance: none; appearance: none; padding-right: 30px; color: #000; font-size: 18px; background-image: url(../images/down-arrow-blk.png); background-position: calc(100% - 0px) center; background-repeat: no-repeat; background-size: 26px; appearance: none; font-family: 'Mulish'; cursor: pointer;}
.ctp-form select option {background-color: #fff; padding: 0 15px !important;}

.ctp-form .f-group.submit {margin: 20px 0 0;}
.ctp-form .submit p {position: relative; text-align: center;}
.ctp-form .submit input[type="submit"], .ctp-form .submit input[type="button"]
{
	background-color: #000;
    border-radius: 0;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    padding: 10px;
    font-family: 'Mulish';
    height: 56px;
    width: 100%;
	max-width: 180px;
    border-radius: 6px;
    text-transform: uppercase;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s linear;
}
.ctp-form .submit input[type="submit"]:hover, .ctp-form .submit input[type="button"]:hover {background-color: var(--blue); color: #fff;}
.ctp-form .wpcf7-response-output
{
    margin: 0 !important;
    margin-top: 20px !important;
}
.ctp-form .wpcf7-spinner
{
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 8px;
    top: 50%;
    left: 50%;
    margin: 0 !important;
	transform: translate(-50%, -50%);
    z-index: 9;
}
.ctp-form .wpcf7-form.invalid .wpcf7-response-output {display: none !important;}

.ctp-form input::-webkit-input-placeholder{color:#000;}
.ctp-form input::-moz-placeholder{color:#000;}
.ctp-form input:-ms-input-placeholder{color:#000;}
.ctp-form input:-moz-placeholder{color:#000;}

.ctp-form select::-webkit-input-placeholder{color:#000;}
.ctp-form select::-moz-placeholder{color:#000;}
.ctp-form select:-ms-input-placeholder{color:#000;}
.ctp-form select:-moz-placeholder{color:#000;}

.ctp-form textarea::-webkit-input-placeholder{color:#000;}
.ctp-form textarea::-moz-placeholder{color:#000;}
.ctp-form textarea:-ms-input-placeholder{color:#000;}
.ctp-form textarea:-moz-placeholder{color:#000;}

.ctp-form .wpcf7-not-valid-tip {position: absolute; font-size: 15px; bottom: -40px; right: 0; padding: 2px 8px 2px;   padding-left: 24px; line-height: 1.4; color: #f34949; border: 1px solid;}
.ctp-form .wpcf7-not-valid-tip:before {content: '\f06a'; position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; color: #f34949; font-size: 14px; line-height: 1; font-family: "FontAwesome";}

.ctp-form .wpcf7-not-valid-tip::after {
    position: absolute;
    content: "";
    top: -10px;
    right: 8px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f34949 transparent;
}

/**** *****/
.popupyesno-container.active {
    display: block;
}
.popupyesno-container {
    display: none;
}
a.iffel-button.popupyesno-open {
    margin: 20px 0 0;
}

/**** custom radio ***/
.f-group .wpcf7-radio {
	display: flex;
	margin-bottom: 36px;
    position: relative;
    margin: 5px 0 5px;
}

.f-group .wpcf7-radio .wpcf7-list-item {
    margin: 0;
}
.f-group .wpcf7-radio input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.f-group .wpcf7-radio .wpcf7-list-item-label {
    display: inline-block;
    min-width: 85px;
	background-color: #fbfbfb;
	line-height: 1;
    color: #222;
    font-size: 14px;
    font-weight: 600;
	text-align: center;
	padding: 7px 8px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	transition: all 0.1s ease-in-out;
    position: relative;
}

.f-group .wpcf7-radio .wpcf7-list-item-label:hover {
	cursor: pointer;
}
.f-group .wpcf7-radio input:checked + .wpcf7-list-item-label {
	color: #FFF;
	box-shadow: none;
}

.f-group .wpcf7-radio input:checked + .wpcf7-list-item-label::before{
    font: normal normal normal 13px / 1 FontAwesome;
    display: inline-block;
    margin-right: 6px;
    position: absolute;
}
.f-group .wpcf7-radio .first .wpcf7-list-item-label{
	border-radius: 4px 0 0 4px;
}
.f-group .wpcf7-radio .last .wpcf7-list-item-label {
	border-radius: 0 4px 4px 0;
}
.f-group .wpcf7-radio .first input:checked + .wpcf7-list-item-label{
    background-color: #55a758;
}
.f-group .wpcf7-radio .last input:checked + .wpcf7-list-item-label{
    background-color: #dd4f4f;
}
.f-group .wpcf7-radio .first input:checked + .wpcf7-list-item-label::before{
    content: "\f00c";
    left: 10px;
    top: 8px;
}
.f-group .wpcf7-radio .last input:checked + .wpcf7-list-item-label::before{
    content: "\f00d";
    left: 14px;
    top: 8px;
}

.h-part-cnt .f-group .wpcf7-not-valid-tip { position: relative; font-size: 15px; left: 5px; min-width: 200px; width: fit-content; padding: 2px 8px 2px; padding-left: 24px; line-height: 1.4; color: #f34949; border: 1px solid;}
.h-part-cnt .f-group .wpcf7-not-valid-tip:before {content: '\f06a'; position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; color: #f34949; font-size: 14px; line-height: 1; font-family: "FontAwesome";}

.h-part-cnt .f-group .wpcf7-not-valid-tip::after {
    position: absolute;
    content: "";
    top: -10px;
    left: 8px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f34949 transparent;
}


#popupyesno-content {
    width: 100%;
    position: relative;
    background: #f3f3f3;
    padding: 40px 40px 20px;
}
#popupyesno-content h3 {
    margin: 0 0 20px;
}
#popupyesno-content .popupyesno-close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: var(--blue);
    opacity: 1 !important;
    transition: all 0.2s linear;
    /* border-radius: 50%; */
    width: 42px;
    height: 42px;
    color: #FFF;
    font-size: 25px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}
#popupyesno-content input[type="email"], #popupyesno-content input[type="text"] {
    height: 50px;
    padding: 8px 15px;
    color: #000;
    border-radius: 6px;
    width: 100%;
    font-family: 'Mulish';
    font-size: 16px;
}
#popupyesno-content input[type="submit"], #popupyesno-content input[type="button"] {
    background-color: #000;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    padding: 10px;
    font-family: 'Mulish';
    height: 56px;
    width: 100%;
    max-width: 160px;
    border-radius: 6px;
    text-transform: uppercase;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s linear;
    margin: 15px 0 0;
}
#popupyesno-content input[type="submit"]:hover, #popupyesno-content input[type="button"]:hover {
    background-color: var(--blue);
}

.h-part-cnt form.invalid .wpcf7-response-output{ display: none; }
.h-part-cnt form.sent .wpcf7-response-output{ display: none; }
.h-part-cnt form.sent #popupyesno-content .wpcf7-response-output{ display: block; }

/**---- home ai marketing -----**/
.home-page.ai-marketing {
    margin: 60px 0 40px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-image: url(../../assets/images/iffel-ai-marketing-bg.webp);
    padding: 90px 0 60px;
    background-attachment: fixed;
}
.ai-marketing-wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1080px;
}
.ai-marketing-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 15px;
}
.ai-marketing-text {
    text-transform: uppercase;
    color: #FFF;
    font-family: 'Tenor Sans';
}
.ai-marketing-text .subTitle {
    font-size: 42px;
    font-family: 'Tenor Sans';
    font-weight: 400;
}
.ai-marketing-text .aiTitle {
    font-size: 100px;
    font-family: 'Tenor Sans';
    font-weight: 600;
}
.ai-marketing-text .ai_subDiscb {
    font-size: 22px;
    font-family: 'Tenor Sans';
    font-weight: 400;
    letter-spacing: 0.45em;
}
.ai-marketing-text .button-hldr {
    margin: 30px 0 0;
}
.ai-marketing-text .button-hldr a.iffel-link-button {
    font-family: 'Mulish';
    font-weight: 400;
    letter-spacing: 0.15em;
}
.ai-marketing-text .button-hldr a.iffel-link-button::after {
    filter: invert(1);
}
/*------Footer----------*/

#ebook-f {position: relative; padding: 120px 0 100px; background-size: cover; background-position: top center;}
#ebook-f:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
#ebook-f > div {position: relative; z-index: 1;}

#ebook-f h2 {font-size: 56px; line-height: 60px; color: #fff; margin: 0 0 30px;}
#ebook-f p {font-size: 20px; line-height: 30px; color: #fff; margin: 0;}
a.iffel-button-lg {padding: 16px 33px; font-size: 24px; line-height: 34px; text-align: center; background-color: rgba(0,0,0,0.6); color: #fff; border: 1px solid #fff; border-radius: 6px; display: inline-block; margin: 30px 0 0; transition: all 0.2s linear;}
a.iffel-button-lg:hover {background-color: var(--blue); color: #fff; transition: all 0.2s linear;}

footer {padding: 36px 0 30px; background-color: var(--black);background: rgba(0, 0, 0, 0.04);overflow: hidden; position: relative;}
footer h2, footer p, footer li {color: rgba(0, 0, 0, 0.72);}
footer p, footer li {font-weight: 500;}

.f-top {padding-bottom: 85px;display: none;}
.f-top img {width: 206px; height: auto;}

.f-mid {padding-bottom: 30px; padding-top: 15px; margin-bottom: 50px; /*border-bottom:1px solid #707070;*/ display: flex; flex-flow: row nowrap; align-items: flex-start;}
.f-mid > div.f-mid-blk1 {width: 25%;}
.f-mid > div.f-mid-blk2 {width: 20%; padding-right: 24px;}
.f-mid > div.f-mid-blk3 {width: 20%; padding-right: 24px;}
.f-mid > div.f-mid-blk4 {width: 25%;}
.f-mid h2 {font-size: 18px; line-height: 1.5; margin: 0 0 8px; font-weight: 600;}
.f-mid ul {padding: 0; margin: 0;}
.f-mid ul li {list-style-type: none; margin: 0; font-size: 16px; line-height: 1.4; padding: 0 0 6px; }
.f-mid ul li a {color: rgba(0, 0, 0, 0.72);}
.f-mid-blk1 li:not(:last-child){ /*margin-bottom: 20px;*/ }
.f-mid > div.f-mid-blk2 h2, .f-mid > div.f-mid-blk3 h2 {margin: 0 0 10px;}
.f-mid-blk4 p {font-size: 18px; line-height: 1.4; margin: 0;}
.f-mid-blk4 .nl-form {margin-top: 15px;}

.f-mid-addr li.first-addr {padding-left: 25px;position: relative;}
.f-mid-addr li.first-addr::before { position: absolute; content: ""; background-image: url(../images/pin.png); left: 0; top: 2px; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; filter: invert(0.8);}

.f-mid .f-mid-blk2 ul li a, .f-mid .f-mid-blk3 ul li a {position: relative;}
.f-mid .f-mid-blk2 ul li a:before, .f-mid .f-mid-blk3 ul li a:before {content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background-color: var(--ironbrown); transition: all 0.2s linear;}
.f-mid .f-mid-blk2 ul li a:hover:before, .f-mid .f-mid-blk3 ul li a:hover:before {right: auto; left: 0; width: 100%; transition: all 0.2s linear;}
.f-mid .f-mid-blk2 ul li a:hover, .f-mid .f-mid-blk3 ul li a:hover {color: var(--ironbrown); transition: all 0.2s linear;}

.f-mid > div.f-mid-blk1 > div.f-mid-blk4{ margin-top: 40px; } 
.f-mid ul.foot-mega-menu { column-count: 1; }
.foot-mega-menu > li > a { cursor: pointer; }
.f-mid-blk4 .nl-form form > label {display: none;}
.f-btm { text-align: center; }
.f-btm p {font-size: 16px; line-height: 1.5; margin: 0;}
.fot-logo {
    width: fit-content;
}
.fot-logo img {
    max-width: 210px;
}

.footer-area-we-serve-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.footer-area-we-serve-wrap::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 60%;
    background: rgba(0, 0, 0, 0.28);
    top: 15%;
    left: calc(50% - 20px);
}

.f-mid-addr {padding-top: 30px;}
.nl-form .es-form-field-container {display: flex; flex-flow: wrap; flex-direction: column; width: 100%; max-width: 380px; padding: 0 !important;}
.nl-form .gjs-row:nth-child(1) {display: none;}
.nl-form .gjs-row:nth-child(2) {width: calc(100% - 0px);}
.nl-form .gjs-row:nth-child(3) {width: 120px; margin: 15px 0 0 !important;}
.nl-form .gjs-row, .nl-form .gjs-cell input {margin: 0 !important;}
.nl-form .gjs-cell input[type="email"] {background-color: #ffffff; border-radius: 6px 6px; font-size: 15px; line-height: 1.5; color: #000000; padding: 8px 10px 8px 15px; height: 46px; width: 100%; font-family: 'Mulish'; border: none;}
.nl-form .gjs-cell input[type="submit"] {background-color: var(--blue); border-radius: 6px 6px; font-size: 15px; line-height: 1.5; color: #fff; padding: 10px; font-family: 'Mulish'; height: 42px; width: 100%; border: none; text-align: center; cursor: pointer; transition: all 0.2s linear;}
.nl-form .gjs-cell input[type="submit"]:hover {background-color: var(--ironbrown); transition: all 0.2s linear;}

.nl-form .gjs-cell input[type="email"]::-webkit-input-placeholder{color:#000;}
.nl-form .gjs-cell input[type="email"]::-moz-placeholder{color:#000;}
.nl-form .gjs-cell input[type="email"]:-ms-input-placeholder{color:#000;}
.nl-form .gjs-cell input[type="email"]:-moz-placeholder{color:#000;}

#cpfh {
    z-index: 9999999 !important;
}

.footer-logo-container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 15px 0;
    overflow: inherit;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 25px;
    z-index: 1;
    border-bottom: 1px solid #b6b6b6;
    border-top: 1px solid #b6b6b6;
}
.footer-logo-container::after {
    position: absolute;
    content: "";
    width: 200%;
    height: 100%;
    left: -50%;
    top: 0px;
    background: inherit;
    z-index: -1;
}

.footer-logo-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    gap: 24px;
}
.footer-logo-wrap > a {
    display: block;
    padding: 0 20px 15px 0;
    padding: 0;
}
.footer-logo-wrap a + a {
    
}
.footer-logo-wrap > a > img {
    max-width: 180px;
    max-height: 40px;
}
.grecaptcha-badge {
    z-index: 99;
}

/*----------Go Top---------*/

.gotop {
	position: fixed;
	bottom: 80px;
	right: 40px;
	width: auto;
	height: auto;
	z-index: 99;
	opacity: 0;
    line-height: 0;
	transform: translateX(40px);
	transition: all 0.2s linear;
}
.gotop a {
	background-color: var(--blue);
	display: inline-block;
	position: relative;
	color: #fff;
	text-decoration: none;
	line-height: 0;
	padding: 18px;
    border-radius: 4px;
	box-shadow: 0 6px 10px -4px rgb(0 0 0 / 60%) !important;
	overflow: hidden;
}
.gotop a svg.ar, .gotop a i.ar {
    height: 15px;
	transition: all 0.2s linear 0.2s;
}
.gotop a i.ar {height: auto; font-size: 14px;}
.gotop a:hover svg.ar, .gotop a:hover i.ar {
	transform: translateY(-25px) rotateY(360deg);
	opacity: 0;
	transition: all 0.3s linear 0.2s;
}
.gotop a svg.ar1, .gotop a svg.ar2, .gotop a i.ar1, .gotop a i.ar2 {
	position: absolute;
	bottom: 0%;
	left: 50%;
	width: auto;
	height: 15px;
	transform: translate(-50%, -50%) rotateZ(360deg);
	opacity: 0;
	transition: all 0.2s linear 0.2s;
}
.gotop a i.ar1, .gotop a i.ar2 {height: auto; font-size: 14px;}
.gotop a svg.ar2, .gotop a i.ar2 {
	transform: translate(-50%, -50%) rotateZ(0deg);
	transition: all 0.2s linear 0s;
}
.gotop a:hover svg.ar1, .gotop a:hover svg.ar2, .gotop a:hover i.ar1, .gotop a:hover i.ar2 {
	bottom: 25%;
	opacity: 1;
	transform: translate(-50%, -50%) rotateZ(0deg);
	transition: all 0.2s linear 0.2s;
}
.gotop a:hover svg.ar2, .gotop a:hover i.ar2 {
	bottom: 14%;
	transform: translate(-50%, -50%) rotateZ(0deg);
	transition: all 0.2s linear 0.4s;
}
.top-class {
	display: inline-block;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.2s linear;
}
.top-class-op {
	display: inline-block;
	transform: translateX(40px);
	opacity: 0;
	transition: all 0.2s linear;
}

/*--------Others-------*/

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  outline: 0px solid slategrey;
}

::selection
{
	background-color: var(--blue);
	color: var(--white);
}

/*------Social Link--------*/

.social-link {position: relative; transform: translateY(10px); opacity: 1; width: 100%; z-index: 9; padding-top: 30px; transition: all 0s linear;}
.mobile-menu .social-link{ visibility: hidden; opacity: 0; z-index: -1; }
.menu-xs .mobile-menu .social-link {visibility: visible; transform: translateY(0); opacity: 1; z-index: 9; transition: all 0.2s linear 0.7s;}
.social-link ul {padding: 0; margin: 0; list-style-type: none; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.social-link ul li {padding: 0; margin: 0; margin-right: 15px;}
.social-link ul li:not(:last-child){ margin-bottom: 0}
.social-link ul li:last-child {margin: 0;}
.social-link ul li a {position: relative;}
.social-link ul li a img {width: auto; height: 18px;}
.social-link ul li a img:first-child {visibility: visible; transform: translateY(0px); opacity: 1; transition: all 0.2s linear 0.2s;}
.social-link ul li a:hover img:first-child {visibility: hidden; transform: translateY(6px); opacity: 0; transition: all 0.2s linear;}
.social-link ul li a img:last-of-type {position: absolute; top: 0; left: 0; width: 100%; height: auto; visibility: hidden; transform: translateY(-6px); opacity: 0; transition: all 0.2s linear;}
.social-link ul li a:hover img:last-of-type {visibility: visible; transform: translateY(6px); opacity: 1; transition: all 0.2s linear 0.2s;}

.f-mid-blk1 .social-link ul li a img:first-child{ filter: invert(0.2); }
.f-mid-blk1 .social-link ul li a img:last-of-type{ /*filter: var(--filterlightgrey); */}
.f-mid-blk1 .social-link ul li a:hover img:last-of-type {transform: translateY(0);}
.f-mid-blk1 .social-link ul{ justify-content: flex-start; }

/*---------ADA Update-----------*/

a:focus, button:focus
{
    outline: 2px dashed var(--blue) !important;
	outline: 2px dashed transparent !important;
    outline-offset: 3px;
	transition:All 0s !important;
}
.mobile-menu li a {outline-offset: -2px;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="submit"]:focus,
textarea:focus, select:focus 
{
    outline: 2px dashed var(--blue) !important;
	outline: 2px dashed transparent !important;
    outline-offset: 3px;
	transition:All 0s !important;
}
.lighthouse-text {
    display: none !important;
}

/*------Others--------*/

.animate__delay-1s {--animate-duration: 0.5s;}
.fancybox-container {z-index: 99999999 !important;}

/* .h-sln-img h5 img {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
} */

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 9999999999 !important;
}

body .uwy {z-index: 9999999 !important;}

/*--------BoxZilla---------*/

.mc4wp-form label {font-size: 24px;}
.mc4wp-form input[type="email"] {height: 56px; padding: 8px 15px; color: #000; margin-top: 10px; margin-bottom: 25px; border-radius: 6px; width: 100%; }
.mc4wp-form input[type="submit"]
{
	background-color: #000;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    padding: 10px;
    font-family: 'Mulish';
    height: 56px;
    width: 100%;
	max-width: 160px;
    border-radius: 6px;
    text-transform: uppercase;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s linear;
}
.mc4wp-form input[type="submit"]:hover {background-color: var(--blue); color: #fff;}

.boxzilla-content h3 {font-size: 38px;  margin-bottom: 40px;}
.boxzilla {padding: 50px 40px 40px 40px !important; border-radius: 6px;}
.mc4wp-form-fields p {margin: 0;}

.boxzilla-close-icon { font-size: 0px !important; position: absolute; background-color: var(--blue); opacity: 1 !important; transition: all 0.2s linear; border-radius: 50%; display: block; width: 42px; height: 42px; right: -16px !important; top: -16px !important;}

.boxzilla-close-icon:before {content: '\f00d'; position: absolute; font-family: "FontAwesome"; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 26px;-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--blue); transition: all 0.2s linear;}
.boxzilla-close-icon:hover {background-color: var(--ironbrown); transition: all 0.2s linear;}
.boxzilla-close-icon:hover:before {-webkit-text-stroke-color: var(--ironbrown); transition: all 0.2s linear;}

#boxzilla-overlay, .boxzilla-overlay {background: rgba(0,0,0,.85) !important; z-index: 9999999999 !important;}
.boxzilla-center-container {z-index: 9999999999 !important;}

.mc4wp-form input[type="email"]::-webkit-input-placeholder{color:#989898 !important;}
.mc4wp-form input[type="email"]::-moz-placeholder{color:#989898 !important;}
.mc4wp-form input[type="email"]:-ms-input-placeholder{color:#989898 !important;}
.mc4wp-form input[type="email"]:-moz-placeholder{color:#989898 !important;}

.mc4wp-response {margin-top: 15px;}
.mc4wp-response p {font-size: 14px; max-width: 400px; width: 100%; line-height: 1.2; margin: 0;}

.es_subscription_message.success {display: inline-block; font-size: 20px; padding: 15px; border: 1px solid #008000;}

body.page-id-26 .contact-page-blocks .ctp-hide
{
	display:none !important;
}

body.page-id-26 .contact-form-grp .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child
{
	display:none !important;
}

.h-sln-cnt h2 br {
    display: none;
}
#h-partnership ul.h-part-lst {
    margin-bottom: 25px;
    display: none;
}
.h-sln-cnt > h2 
{
	color: #645656;
}
/*blockquote.is-layout-flow:before {
    content: '';
    background-image: url(../images/Qt-l.png);
    height: 32px;
    width: 32px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 8px;
    top: 12px;
	opacity:0.9;
    filter: brightness(0) saturate(100%) invert(19%) sepia(3%) saturate(2595%) hue-rotate(165deg) brightness(99%) contrast(93%);
}
blockquote.is-layout-flow:after {
    content: '';
    background-image: url(../images/Qt-r.png);
    height: 32px;
    width: 32px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: 8px;
    top: 12px;
	opacity:0.9;
    filter: brightness(0) saturate(100%) invert(19%) sepia(3%) saturate(2595%) hue-rotate(165deg) brightness(99%) contrast(93%);
}*/
blockquote cite
{
	font-weight:bold;
	line-height:1;
    text-align: center;
}
blockquote p strong sup
{
	font-size:12px;
}

body.postid-857 .ii-2col-l.wp-block-columns.al-s,
body.postid-850 .ii-2col-l.wp-block-columns.al-s.leftcenter-alignitem
{
	align-items:center !important;
}
.about_video {
    position: relative;
}
.about_video a {
    display: block;
    position: relative;
    z-index: 9;
}
.about_video img {
    display: block;
    height: 420px;
    height: auto;
    border-radius: 0px;
    object-fit: cover;
    object-position: 50% 14%;
    width: 100%;
}
.about_video .playicon.clr2
{
	text-decoration:none;
}

table tbody tr td:first-child { /* width: 20%; */ }
body.postid-1402 table tbody tr td:first-child {
    width: 45%;
}

.info-grap-sec {
    margin-left: auto !important;
    margin-right: auto !important;
}
.service-sub-list.ssl-single > div:first-child h3 
{
	margin-top:5px;
}

.service-sub-list.ssl-single h3 
{
	margin: 0px 0px;
    margin-bottom: 20px;
	font-size: 22px !important;
    line-height: 1 !important;
    margin-top: 20px;
}
.service-sub-list.ssl-single .ssl-img {
    border: 1px solid black;
    border-left: 0px;
    border-right: 0px;
    padding: 10px 0px;
	border-bottom:0px;
}
.service-sub-list.ssl-single .ssl-img img {
	height: 24px;
        width: 24px;
        margin-right: 5px;
        object-fit: cover;
        transform: none;
}
.service-sub-list.ssl-single.strategy {
    flex-wrap: wrap;
    flex-direction: column !important;
}
.service-sub-list.ssl-single .ssl-img a {
    text-decoration: none !important;
    font-size: 16px !important;
}
.ss-pg-flex-col .service-sub-list.ssl-single .ssl-blk + .ssl-blk {
    margin-top: 0px !important; 
}
.service-sub-list.ssl-single > div 
{
	width:100% !important;
}
.service-sub-list.ssl-single .ssl-blk:last-child .ssl-img
{
	border-bottom:1px solid black;
}
.three-team-box-style{
	
}
.three-team-box-style1 img
{
	width:100px;
	height:100px;
	margin:auto;
	display:block;
	text-align:center;
}
.three-team-box-style1 {
    border: none;
    padding: 30px 20px;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 21%);
    background-color: #f9f6f6;
}
.three-team-box-style1 .wp-block-heading
{
	font-size: 20px;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 0px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.gorup_full_list
{
	padding-bottom:30px;
	padding-top:20px;
}
.gorup_lisy_last figure
{
	max-width:1024px !important;
}

@media screen and (max-width:767px)
{
	.three-team-box-style1 .wp-block-heading {
    font-size: 18px;
    line-height: 1.3;
}
}

.footer-area-we-serve {
    border-bottom: 1px solid #707070;
    padding: 0px 15px 20px;
    margin: 0 0 20px;
    width: 50%;
}
.footer-area-we-serve:first-of-type {
    padding-left: 0;
}
.footer-area-we-serve:last-of-type {
    padding-right: 0;
}
.footer-area-we-serve h4, .footer-area-we-serve h2 {
    color: rgba(0, 0, 0, 0.72);
    margin: 0;
    font-size: 18px;
}
.area_serve_Lst {
    display: block;
/*  flex-wrap: wrap;
    justify-content: center;
*/
    margin: 0;
    padding: 0;
    gap: 12px;
    column-count: 3;
}
.area_serve_Lst li {
    list-style: none;
    margin: 0;
    padding: 6px 12px;
    font-size: 16px;
    padding: 3px 0px;
    font-weight: 500;
}
.area_serve_Lst li a {
    color: rgba(0, 0, 0, 0.72);
}
.area_serve_Lst li a:hover {
    color: var(--ironbrown);
}


/* video style */

.video-list-wrap {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0px 0px;
    margin-left: -10px;
    margin-right: -10px;
}
.video-list-text
{
    width: calc(33.33% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 25px;
    box-shadow: 0 11px 20px -8px rgb(0 0 0 / 20%);
}
.video-list-text:hover
{
    box-shadow: 0 2px 20px -8px rgb(0 0 0 / 20%);
}
.video-list-text .video-box {
    height: 250px;
    overflow: hidden;
}
.video-list-text .video-box a
{
    display: block;
    position: relative;
}
.video-list-text .video-box a img,
.video-list-text .video-box img
{
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: 10% 50%;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}
.video-list-text .video-box a:hover img,
.video-list-text .video-box:hover img
{
    transform: scale(1.3);
}
.video-list-text .blog-content h4, .video-list-text .blog-content h3 
{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 15px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Mulish';
}
.video-list-text .video-box a.play-btn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 20%);
    z-index: 1;
}
.video-list-text .video-box a.play-btn:after {
    content: '';
    position: absolute;
    z-index: 2;
    /* top: 50%;
    left: 0px;
    right: 0; */
    transform: translateY(-50%);
    right: 30px;
    bottom: 10px;
    text-align: center;
    background-image: url('https://www.iffelinternational.com/wp-content/uploads/2024/12/circle-play-regular.svg');
    background-size: 50px;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin: auto;
}
.video-list-text .video-box a:hover:after
{
    opacity: 0.8;
}

.podcast-grp .podcast-columns h4 {
    margin: 10px 0 0;
    line-height: 1.25;
}

.wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.home-page.inner-page-wrapper:not(.ip-podcast).ip-video {
    padding-bottom: 0;
}
.home-page.inner-page-wrapper.ip-podcast.ip-video {
    padding-top: 0;
}
.home-page.ip-video .video-list-wrap{ width: auto; justify-content: center;}
.home-page.ip-video .video-list-text {
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.home-page.ip-video .video-list-text .video-box {
    height: 180px;
}
.home-page.ip-video .video-list-text .video-box a img, .home-page.ip-video .video-list-text .video-box img {
    height: 180px;
}
.home-page.ip-video .h-heading {position: relative; margin: 0 0 70px;}
.home-page.ip-video h2 {
    text-transform: uppercase;
}

@media screen and (min-width:1600px)
{
    .video-list-text .video-box {
    height: 275px;
}
    .video-list-text .video-box a img, .video-list-text .video-box img { height: 275px; }
    
    .ai-marketing-text .aiTitle{ font-size: 110px; }
    .ai-marketing-text .subTitle{ font-size: 46px;}
    .ai-marketing-text .ai_subDiscb { font-size: 24px; letter-spacing: 0.5em;}
}

@media screen and (min-width:1900px){
    .ai-marketing-text .aiTitle{ font-size: 120px; }
    .ai-marketing-text .subTitle{ font-size: 50px;}
    .ai-marketing-text .ai_subDiscb { font-size: 26px;}
}


@media screen and (max-width:1300px)
{
    .video-list-text .video-box {
    height: 235px;
}
    .video-list-text .video-box a img,
.video-list-text .video-box img
{
    height: 235px;
}
    
    
}

@media screen and (max-width:1080px)
{
    .video-list-text .video-box {
    height: 200px;
}
    .video-list-text .video-box a img,
.video-list-text .video-box img
{
    height: 200px;
}
    .video-list-text .blog-content h4, .video-list-text .blog-content h3{ font-size: 18px; }
    
    .ai-marketing-text .aiTitle{ font-size: 82px; }
    .ai-marketing-text .subTitle{ font-size: 34px;}
    .ai-marketing-text .ai_subDiscb { font-size: 20px;}
}

@media screen and (max-width:1000px){
    .home-page.ip-video .video-list-text {
        width: calc(50% - 20px);
    }
    .home-page.ip-video .video-list-text .video-box {
        height: 220px;
    }
    .home-page.ip-video .video-list-text{ margin-bottom: 25px;}
    .home-page.ip-video .video-list-text .video-box a img, .home-page.ip-video .video-list-text .video-box img {
        height: 220px;
    }
}

@media screen and (max-width:850px)
{
     .video-list-text .video-box {
    height: 230px;
}
    .video-list-text .video-box a img,
.video-list-text .video-box img
{
    height: 230px;
}
   .video-list-text {
    width: calc(50% - 20px);
    margin-bottom: 25px;
}
}


@media screen and (max-width:767px)
{
.video-list-wrap {
    margin-left: 0px;
    margin-right: 0px;
}
     .video-list-text {
    width: calc(100% - 0px);
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
}
 .video-list-text .video-box {
    height: 260px;
}
    .video-list-text .video-box a img,
.video-list-text .video-box img
{
    height: 260px;
}
    .iffel-container, .iffel-container-gb > .wp-block-group__inner-container, .iffel-container-lg-gb > .wp-block-group__inner-container {max-width: 100%;}

.grecaptcha-badge {display: none !important;}
    
    .home-page.ai-marketing{ padding: 60px 0 40px;}
    .ai-marketing-text .aiTitle{ font-size: 72px; line-height: 1; margin: 20px 0 30px; }
    .ai-marketing-text .subTitle{ font-size: 30px;}
    .ai-marketing-text .ai_subDiscb { font-size: 18px;}
    .video-list-text .blog-content h4, .video-list-text .blog-content h3{ font-size: 17px; }
}

@media screen and (max-width:560px){
    .ai-marketing-text .aiTitle{ font-size: 52px; }
    .ai-marketing-text .subTitle{ font-size: 22px;}
    .ai-marketing-text .ai_subDiscb { font-size: 17px;}
}
    
    
@media screen and (max-width:499px)
{
    .video-list-text .video-box {
    height: 210px;
}
    .video-list-text .video-box a img,
.video-list-text .video-box img
{
    height: 210px;
}
    
    .home-page.ip-video .video-list-text {
        width: calc(100% - 0px);
        margin-left: 10px;
        margin-right: 0px;
    }
    
}

@media screen and (max-width:400px)
{
    .video-list-text .video-box {
    height: 185px;
}
    .video-list-text .video-box a img,
.video-list-text .video-box img
{
    height: 185px;
}
    
    .ai-marketing-text .aiTitle{ font-size: 48px; }
    .ai-marketing-text .subTitle{ font-size: 20px;}
    .ai-marketing-text .ai_subDiscb { font-size: 15px;}
}

.mobile-hero-img
{
    display: none !important;
}



/* Video Podcast Single */

.video-podacast-single .blog-detail-midd {padding-top: 0px !important;}
.video-podacast-single .blog-detail-midd figure.wp-block-embed {margin-bottom: 40px;}
.video-podacast-single .blog-detail-midd figure.wp-block-embed iframe {width: 100%; min-height: 450px;}
.video-podacast-single .blog-detail-wrapper ul, .video-podacast-single .blog-detail-wrapper ol {transform: translateX(0px);}
.video-podacast-single .blog-detail-wrapper ul ul, .video-podacast-single .blog-detail-wrapper ol ol, .video-podacast-single .blog-detail-wrapper ul ol, .video-podacast-single .blog-detail-wrapper ol ul {margin-top: 15px;}
.video-podacast-single .blog-detail-wrapper ol {padding-left: 35px;}

.single-cpt-videos #inner-banner-block .ibb-content h1 {max-width: 100%;}

@media (max-width: 991px)
{
    .video-podacast-single .blog-detail-midd figure.wp-block-embed iframe {min-height: 380px;}
}

@media (max-width: 575px)
{
    .video-podacast-single .blog-detail-midd figure.wp-block-embed iframe {min-height: 300px;}
}

.ft-hipaa-logo {
    margin: 0;
    display: inline-block;
    padding: 0px;
}
.ft-hipaa-logo img {
    width: 90px;
}

.iffel-custom-popup-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 999999999;
}

.iffel-custom-popup
{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 20px;
    overflow-y: auto;
}

.iffel-custom-popup-content
{
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    width: 100%;
    max-width: 450px;
    height: auto;
    padding: 25px;
}
.iffel-custom-popup-content.speak-form-wrap {max-width: 920px;}
.iffel-custom-popup-close {cursor: pointer; font-size: 22px; color: #000; position: absolute; top: 20px; right: 20px; z-index: 1;}
.iffel-custom-popup-content h3
{
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1;
    font-size: 22px;
}
.flatpickr-calendar {display: none !important;}

.h-testy-wrapper .h-testy-slider 
{
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 40px;
}
.h-testy-wrapper .h-testy-slider > .h-testy-slide
{
    padding: 30px 30px 0;
    border: 1px solid #cacaca;
    border-radius: 12px;
}

@media (max-width: 1365px)
{
    .h-testy-wrapper .h-testy-slider{gap: 30px;}
    .h-testy-wrapper .h-testy-slider > .h-testy-slide {padding: 25px 25px 0;}
}

@media (max-width: 680px)
{
    .h-testy-wrapper .h-testy-slider{grid-template-columns: 1fr; gap: 20px;}
    .h-testy-wrapper .h-testy-slider > .h-testy-slide {padding: 20px 20px 0;}
}

.accordian h2.accodian-title.active:after {
    top: 62%;
    content: '\f068';
    background-image: url(../../assets/images/minus-solid-full.svg);
    font-size: 22px !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: auto !important;
    height: auto !important;
    color: transparent;
}

.blog-detail-midd table th {
    text-align: center;
}

.gotop svg
{
    display: block;
    width: 17px;
    height: 17px;
    fill: #fff;
    color: #fff;
}

/*---------------Video Custom Popup-------------*/

.video-modal {
  display: none;
  position: fixed;
  z-index: 999999;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  align-items: center;
  justify-content: center;
  padding: 50px;
}

.video-modal-content {
  position: relative;
  width: 100%;
  max-width: 900px;
  max-height: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}

.video-modal-content iframe {
  width: 100%;
  height: 100%;
}

.video-close {
  position: absolute;
  top: -40px;
  right: 0px;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}

@media (max-width: 767px)
{
    .video-modal {padding: 30px;}
}

@media (max-width: 575px)
{
    .video-modal {padding: 15px;}
}

#h-ovl {padding-top: 120px;}
#h-ovl .h-heading {margin: 0 0 40px;}
.ovl-blocks {gap: 12px; column-fill: initial; display: flex; flex-wrap: wrap; justify-content: center;}
.ovl-blocks .ovl-blk {position: relative; display:inline-block; margin-bottom:0px; overflow:hidden; width:calc(20% - 10px); background-color: #fff; border: 1px solid #cacaca; overflow: hidden; padding: 20px 0; text-align: center;}
.ovl-blocks .ovl-blk a {position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%;}
.ovl-blocks .ovl-blk img {position: static; width: 90%; height: auto; max-width: 280px; z-index: 1;}

@media screen and (max-width: 1400px)
{
    #h-ovl {padding-top: 100px;}
    .ovl-blocks .ovl-blk img {max-width: 220px;}
}
@media screen and (max-width: 1199px)
{
    .ovl-blocks .ovl-blk img {max-width: 200px;}
}
@media screen and (max-width: 991px)
{
    #h-ovl {padding-top: 80px;}
}
@media screen and (max-width: 860px)
{
    .ovl-blocks .ovl-blk{width: calc(33.33% - 8px); }
}
@media screen and (max-width: 767px)
{
    #h-ovl {padding-top: 60px;}
    #h-ovl .h-heading {margin: 0 0 30px;}
}
@media screen and (max-width: 680px)
{
    .ovl-blocks .ovl-blk{width: calc(50% - 6px);}
}
@media screen and (max-width: 575px)
{
    .ovl-blocks .ovl-blk {padding: 15px 0;}
    .ovl-blocks .ovl-blk img {max-width: 160px;}
    #h-ovl .h-heading {margin: 0 0 20px;}
}
@media screen and (max-width: 480px)
{
    .ovl-blocks .ovl-blk img {max-width: 150px;}
}
@media screen and (max-width: 380px)
{
    #h-sectors {padding-top: 40px !important;}
}

/*** Signal2Phygital landing page ***/
.wp-block-group.s2p-grp {
    padding: 80px 0;
}
.wp-block-group.s2p-grp blockquote p strong{
    font-weight: 700;
}
.wp-block-group.s2p-grp.s2p-grp-01{
    padding-top: 0;
}
.s2p-sub-title {
    line-height: 1.2;
    padding: 4px 8px;
    border: 1px solid #efefef;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin: 0px;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}
.s2p-col-img figure img {
    border-radius: 10px;
}

.wp-block-group.s2p-grp.s2p-grp-02 {
    background: #000f26;
}
.s2p-grp-02 .s2p-cols .s2p-col {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.15);
    color: #FFF;
    backdrop-filter: blur(4px);
    text-align: center;
}
.s2p-grp-02 .s2p-cols .s2p-col h2 {
    margin: 0 0 10px;
}
.s2p-separator{
    border-color: #bfb8ac;
}

.s2p-trust-cols {
    padding: 20px 40px 40px;
}
.s2p-trust-cols .s2p-col {
    background: rgba(0, 0, 0, 0.02);
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.s2p-trust-cols .s2p-col .wp-block-heading {
    margin: 12px 0 8px;
}

.wp-block-group.s2p-grp.s2p-grp-04{
    background: #f7f6fa;
}
.wp-block-group.s2p-grp.s2p-grp-04 .s2p-sub-title{
    background: #FFF;
}
.s2p-frame-wk-cols {
    padding: 20px 40px 0px;
    gap: 0;
}
.s2p-frame-wk-cols .s2p-col {
    background: rgba(0, 0, 0, 0.68);
    padding: 24px;
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #FFF;
}
.s2p-frame-wk-cols .s2p-col:nth-child(2) {
    background: rgba(0, 0, 0, 0.74);
}
.s2p-frame-wk-cols .s2p-col:nth-child(3) {
    background: rgba(0, 0, 0, 0.80);
}
.s2p-frame-wk-cols .s2p-col:nth-child(4) {
    background: rgba(0, 0, 0, 0.86);
}
.s2p-frame-wk-cols .s2p-col .wp-block-heading {
    margin: 12px 0 8px;
}
.s2p-frame-wk-cols .s2p-col p{
    margin: 0;
}
.s2p-frame-wk-cols .s2p-col figure {
    display: inline-block;
    padding: 12px;
    background: rgba(255, 255, 255, 0.9);
    margin: 0 0 10px;
}
.s2p-frame-wk-cols .s2p-col img {
    width: 32px;
}

.s2p-grp-05 .wp-block-columns.s2p-cols {
    align-items: flex-start !important;
}
.wp-block-column.s2p-col.s2p-col-stick {
    position: sticky;
    top: 140px;
}

.wp-block-columns.s2p-works-list {
    gap: 0;
    padding: 32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 0 0 40px;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.04);
}
.wp-block-columns.s2p-works-list:last-of-type{
    margin: 0;
}
.wp-block-columns.s2p-works-list h5.wp-block-heading{
    margin: 0 0 12px;
}
.wp-block-columns.s2p-works-list h6 {
    margin: 0 0 0 -12px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    background: #4a4444;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
}

.wp-block-group.s2p-grp.s2p-grp-06 {
    background: #f7f6fa;
}
.s2p-col.s2p-col-truth{
    
}
.s2p-col.s2p-col-truth.s2p-box {
    padding: 32px;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 10px;
}
.s2p-col.s2p-col-truth.s2p-box h5 {
    margin: 0 0 15px;
}

.wp-block-group.s2p-grp.s2p-grp-07 {
    background: #242020;
}
.s2p-col.s2p-col-download {
    color: #FFF;
}
.s2p-col.s2p-col-download-form {
    padding: 32px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.24);
}
.s2p-col-download-form input[type="text"], .s2p-col-download-form input[type="email"], .s2p-col-download-form input[type="password"], .s2p-col-download-form input[type="tel"], .s2p-col-download-form input[type="file"], .s2p-col-download-form textarea, .s2p-col-download-form select{
    color: #FFF;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 17px;
    padding: 8px 14px;
    margin-bottom: 15px;
}
.s2p-col-download-form textarea{
    height: 90px;
    resize: none;
}
.s2p-col-download-form input::placeholder,
.s2p-col-download-form textarea::placeholder{
    color: #e4e4e4;
}
.s2p-col-download-form .wpcf7 form.sent .wpcf7-response-output{
    color: #FFF;
}
.s2p-col-download-form .f-fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}
.s2p-col-download-form .f-fieldset .f-group {
    width: 100%;
}
.s2p-col-download-form .f-fieldset .f-group.col-2 {
    width: calc(50% - 10px);
}
.s2p-col-download-form .f-fieldset .f-group p{
    margin: 0;
}
.s2p-col-download-form .f-fieldset .f-group.f-chk label span{
    padding-left: 8px;
    color: #FFF;
}
.s2p-col-download-form .f-group.submit input[type="submit"] {
    background: #FFF;
    color: #000;
}
.s2p-col-download-form .f-group.submit input[type="submit"]:hover {
    background: #000;
    color: #FFF;
}

.s2p-downlod-list-wrap{
    padding: 60px 40px 0;
    gap: 0;
}
.s2p-downlod-list-wrap .s2p-col-download-list{
    background: rgba(255, 255, 255, 0.96);
    padding: 24px;
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.s2p-downlod-list-wrap .s2p-col-download-list:nth-child(2){
    background: rgba(255, 255, 255, 0.90);
}
.s2p-downlod-list-wrap .s2p-col-download-list:nth-child(3){
    background: rgba(255, 255, 255, 0.96);
}
.s2p-downlod-list-wrap .s2p-col-download-list:nth-child(4){
    background: rgba(255, 255, 255, 0.90);
}
.s2p-downlod-list-wrap .s2p-col-download-list .wp-block-heading {
    margin: 0px 0 12px;
}
.s2p-downlod-list-wrap .s2p-col-download-list p {
    margin: 0;
}

.s2p-iffel-cols {
    padding: 40px 40px 0px;
}
.s2p-iffel-cols .s2p-col {
    background: rgba(0, 0, 0, 0.02);
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.s2p-iffel-cols .s2p-col h2 {
    margin: 0 0 20px;
    display: inline-block;
}
.s2p-iffel-cols .s2p-col h5 {
    margin: 0 0 12px;
}

.wp-block-group.s2p-grp.s2p-grp-09 {
    background: #f7f6fa;
}
.wp-block-group.s2p-grp.s2p-grp-06 .s2p-sub-title,
.wp-block-group.s2p-grp.s2p-grp-09 .s2p-sub-title {
    background: #FFF;
}
.wp-block-group.s2p-grp.s2p-grp-10 {
    background: #000;
}
.s2p-grp.s2p-grp-10 .s2p-cols .s2p-col {
    color: #FFF;
}

/** **/
@media screen and (min-width: 782px) and (max-width: 1023px){
    .wp-block-columns.s2p-cols.s2p-trust-cols {
        flex-wrap: wrap !important;
        padding-bottom: 30px;
    }
    .s2p-trust-cols .s2p-col{
        width: calc(50% - 16px);
        flex-basis: auto !important;
        flex-grow: initial !important;
    }
    .s2p-frame-wk-cols,
    .s2p-downlod-list-wrap{
        flex-wrap: wrap !important;
    }
    .s2p-downlod-list-wrap{ margin-top: 30px; gap: 20px 0; }
    .s2p-frame-wk-cols .s2p-col,
    .s2p-downlod-list-wrap .s2p-col-download-list{
        width: 50%;
        flex-basis: auto !important;
        flex-grow: initial !important;
    }
    .s2p-iffel-cols{ margin: 30px 0 0; }
    .s2p-trust-cols{ margin: 0 0 30px; }
}
@media screen and (max-width: 781px){
    .wp-block-group.s2p-grp { padding: 40px 0; }
    .s2p-trust-cols .s2p-col{ width: 100%; }
    .wp-block-column.s2p-col.s2p-col-stick{ position: static; }
    .wp-block-columns.s2p-works-list{ padding: 20px; }
    .wp-block-columns.s2p-works-list h6{ margin: -2px 0 8px -2px; }
    
    .s2p-iffel-cols{ margin: 30px 0 0; }
    .s2p-trust-cols{ margin: 0 0 30px; }
    .s2p-downlod-list-wrap{ margin: 40px 0 0; }
}

@media screen and (max-width: 600px){
    .s2p-col-download-form .f-fieldset .f-group.col-2{ width: 100%; }
}

/*** Book & Speaker Landing page ***/
/*** bs header ***/
.book-speaker-pg-secetion{ }
body:has(.book-speaker-header) {
    padding-top: 0 !important;
}
.bs-hdr-top {
    display: flex;
    width: 100%;
    background: #000f26;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 10px 20px;
}
.bs-hdr-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    color: #b3b7be;
}
.bs-hdr-right p {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
}
.bs-hdr-right p a{
    color: #b3b7be;
}
.bs-hdr-right p a:hover{
    color: #FFF;
}
.bs-button {
    padding: 8px 16px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    border-radius: 4px;
    transition: all 0.4s ease;
}
.bs-button.help-btn {
    background: #263246;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
}
.bs-hdr-bottom {
    padding: 16px 0;
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.08);
}
.bs-hdr-bottom nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bs-hdr-bottom nav .bs-menu {
    display: flex;
    gap: 16px;
    align-items: center;
}
.bs-hdr-bottom .bs-menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    gap: 24px;
    padding: 0;
}
.bs-hdr-bottom .bs-menu ul li {
    font-size: 17px;
    margin: 0;
    font-weight: 700;
}

.orange-btn {
    background: var(--orange);
    color: #FFF;
}
.orange-btn:hover {
    background: var(--blue);
    color: #FFF;
}

.bs-marquee-sec {
    background: var(--orange);
    padding: 18px 0;
    overflow: hidden;
}
.marquee-wrapper {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    gap: 0 64px;
}
.marquee-wrapper p {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    letter-spacing: 0.185em;
}

/*** bs banner ***/
.bs-banner-sec {
    position: relative;
    background: #000f26;
    padding: 70px 0;
}

.bs-ban-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30%;
    z-index: 2;
}
.bs-ban-img::before {
    width: 30%;
    height: 100%;
    background: linear-gradient(to left, #000f2600, #000f26);
    left: 0px;
    top: 0;
    backdrop-filter: blur(2px);
    position: absolute;
    content: "";
    z-index: 3;
}
.bs-ban-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bs-ban-content{
    width: 100%;
    max-width: 1480px;
    padding: 0 50px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}
.bs-ban-content-inner {
    max-width: 760px;
}
.bs-ban-text {
    color: #acb8cb;
}
.bs-ban-text h2 {
    color: #FFF;
    font-size: 2.75em;
    font-weight: 400;
    line-height: 1.2;
}
.bs-ban-text .bs-sub-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    color: var(--orange);
}
.bs-ban-text p + p {
    font-size: 0.85em;
    letter-spacing: 0.025em;
}
.bs-ban-text p strong{
    font-weight: 700;
    color: #eff2f4;
}
.bs-ban-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 40px 0 0;
}
.bs-button.stroke-btn{
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    color: #FFF;
}
.bs-button.stroke-btn:hover {
    background: var(--orange);
    border-color: var(--orange);
}
.list-orange li::marker {
    color: var(--orange);
}

.bs-ban-stats{
    margin: 40px 0 0;
}
.bs-ban-stats ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 16px;
}
.bs-ban-stats ul li {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    padding: 4px 20px;
    line-height: 1.4;
    margin: 0;
    font-size: 13px;
    color: #acb8cb;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.125em;
}

.navbar-fixed .bs-hdr-bottom {
    position: fixed;
    transition: all .2s linear;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    width: 100%;
    background: #FFF;
    padding: 20px 0;
    z-index: 99;
}
.bs-menu .menu-open {
    width: 36px;
    margin: 6px 0 0 8px;
}
/*** bs header END ***/

.wp-block-group.hd_bs-grp {
    padding: 80px 0;
}
.wp-block-group.hd_bs-grp-01 .wp-block-buttons {
    margin: 40px 0 0;
}
.wp-block-group.hd_bs-grp:first-of-type {
    padding: 0px 0 50px;
}
.wp-block-group.hd_bs-grp:last-of-type {
    padding-bottom: 0;
}
.hd_bs-sub-title {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.2px;
    color: #ff6900;
    margin: 0 0 10px;
    letter-spacing: 0.185em;
}
.hd_bs-sub-title + h2 {
    margin: 0 0 24px;
    padding: 0 0 24px;
    position: relative;
    color: #000;
}
.hd_bs-sub-title + h2::after {
    position: relative;
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #ff6900;
    top: 23px;
}
.hd_bs-sub-title + h2.has-text-align-center::after {
    left: 50%;
    transform: translateX(-50%);
}
.wp-block-group.hd_bs-grp.hd_bs-grp .wp-block-buttons{
    gap: 16px 24px;
}
.wp-block-buttons.orange-buttons .wp-block-button__link {
    background-color: #ff6900;
    padding: 12px 24px;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid var(--orange);
}
.wp-block-buttons.orange-buttons .is-style-outline .wp-block-button__link{
    background: transparent none;
    border-color: #ff6900;
    border-width: 2px;
    border-style: solid;
    color: #ff6900;
    padding: 12px 24px;
    font-size: 18px;
    font-weight: 700;
}
.wp-block-buttons.orange-buttons .wp-block-button__link:hover{
    border-color: var(--blue);
}
.wp-block-buttons.orange-buttons .is-style-outline .wp-block-button__link:hover{
    background: var(--blue);
    border-color: var(--blue);
    color: #FFF;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-02 {
    padding: 20px 0;
    background: #efefef;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.wp-block-group.hd_bs-grp.hd_bs-grp-02 .hd_bs-sub-title{
    color: #666;
}
.seen-in strong {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 52px;
    color: #aaa;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-03 {
    background: #f6f6f6;
}
figure.border-shadow img {
    border-radius: 8px;
    box-shadow: 1px 4px 18px rgba(0, 0, 0, 0.28);
}
.wp-block-columns.sp-stats-cols {
    padding: 30px 0 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 0 50px;
    gap: 15px;
}
.wp-block-columns.sp-stats-cols h2 {
    margin: 0 0 8px;
    color: #ff6900;
}
.wp-block-columns.sp-stats-cols p {
    font-size: 13px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    margin: 0;
}
.sp-cat-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: 12px;
}
.sp-cat-list li {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 12px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 24px;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-04 {
    background: #000f26 url("https://www.iffelinternational.com/wp-content/uploads/2026/04/speak-hema-sec-01.webp") center no-repeat;
    background-size: cover;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-04 h2 {
    font-size: 2.75em;
    line-height: 1.25em;
    color: #FFF;
    text-align: right;
    text-transform: uppercase;
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 4px solid #ff6900;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-04 p{
    font-size: 1.65em;
    line-height: 1.4;
    color: #FFF;
    text-align: right;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-04 .wp-block-buttons {
    margin: 60px 0 0;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-05 {
    background: url("https://www.iffelinternational.com/wp-content/uploads/2026/04/speak-hema-sec-02.webp") center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-05 h2 {
    font-size: 2.75em;
    line-height: 1.4;
    color: #FFF;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
}
.wp-block-group.hd_bs-grp.hd_bs-grp-05 p{
    font-size: 1.5em;
    line-height: 1.4;
    color: #FFF;
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
}
.wp-block-group.hd_bs-grp.hd_bs-grp-05 .bs-cols .wp-block-column {
    margin: 0 auto;
    min-height: 640px;
    position: relative;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-05 .wp-block-buttons {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0px);
    bottom: 20px;
    gap: 24px;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-04 .wp-block-buttons a.wp-block-button__link,
.wp-block-group.hd_bs-grp.hd_bs-grp-05 .wp-block-buttons a.wp-block-button__link {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-06{
    background: #f5f5f5;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-06 .wp-block-buttons {
    margin: 30px 0 0;
}
.bs-check-list {
    padding: 0 0 0 42px;
}
.bs-check-list li {
    list-style: none;
    position: relative;
    padding: 0 0 8px;
}
.bs-check-list li::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%23ff6900'/><path d='M8 12.5l2.5 2.5L16 9' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-size: 24px;
    left: -36px;
    top: 1px;
}
.bs-events-cols {
    margin-top: 50px;
}
.hd_bs-col.bs-events-intro {
    margin: 0 auto;
    max-width: 680px;
}
.bs-events-cols .bs-events-col {
    padding: 30px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 4px solid var(--orange);
}
.bs-events-cols .bs-events-col h2 {
    margin: 0;
    color: var(--orange);
}
p.bs-event-status {
    font-size: 14px;
    text-transform: uppercase;
    color: #767676;
    font-weight: 700;
    letter-spacing: 0.175em;
}
.bs-events-cols .bs-events-col p:last-of-type {
    margin: 0;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-07 .wp-block-buttons,
.wp-block-group.hd_bs-grp.hd_bs-grp-09 .wp-block-buttons {
    margin: 50px 0 0;
}

.wp-block-group.hd_bs-grp.hd_bs-grp-08{
    background: #000f26;
}
.hd_bs-grp-08 .hd_bs-col h2 {
    color: #FFF;
}
.bs-testi-cols .bs-testi-col {
    padding: 80px 30px 30px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-top: 4px solid var(--orange);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
    position: relative;
}
.bs-testi-cols .bs-testi-col::before {
    position: absolute;
    content: '"';
    left: 30px;
    top: 20px;
    font-size: 2.5em;
    color: var(--orange);
}
.wp-block-columns.bs-testi-cols {
    margin-top: 40px;
}
.bs-testi-cols .bs-testi-col p.testi-author {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}
.bs-testi-cols .bs-testi-col p.testi-author strong {
    font-size: 16px;
    color: #eff2f4;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-09{
    background: #f5f5f5;
}
.wp-block-columns.bs-book-cols {
    margin: 40px 0 0;
    gap: 20px;
    flex-wrap: wrap !important;
}
.bs-book-cols .bs-book-col {
    padding: 24px;
    background: #FFF;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 4px solid var(--orange);
    width: calc(50% - 10px);
    flex-basis: auto !important;
    flex-grow: unset !important;
}
.bs-book-cols .bs-book-col h2 {
    margin: 0;
    color: var(--orange);
}
.bs-book-cols .bs-book-col p {
    margin: 0;
    line-height: 1.4;
}
.wp-block-group.hd_bs-grp.hd_bs-grp-10 .wp-block-buttons {
    margin: 30px 0;
}


.text-xl{ font-size: 24px}
.text-lg{ font-size: 20px}
.text-md{ font-size: 18px}
.text-sm{ font-size: 16px}
.text-xs{ font-size: 14px}
.color-grey {
    color: #666;
}

/*** bs footer ***/
.book-speaker-footer-sec{ background: #000f26;}
.bs-footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.bs-footer-top .fot-logo img {
    filter: contrast(0) brightness(1) invert(1);
    filter: brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(3%) hue-rotate(130deg) brightness(113%) contrast(100%);
}
.bs-fot-menu {
    
}
.bs-fot-links{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 32px;
}
.bs-fot-links li{
    margin: 0;
    font-size: 16px;
}
.bs-fot-links li a {
    color: #7a8699;
}
.bs-fot-links li a:hover,
.bs-fot-links li a:hover,
.bs-area-list li a:hover{
    color: #b5becb;
}
.bs-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
}
.bs-fot-copy p {
    margin: 0;
    color: #7a8699;
    font-size: 14px;
}
.bs-area-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 32px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.bs-area-list li {
    margin: 0;
    font-size: 14px;
}
.bs-area-list li a {
    color: #7a8699;
}
footer:has(.book-speaker-footer-sec) {
    padding: 0 0;
}

/***  bs responsive  ***/
@media screen and (min-width: 782px){
    .wp-block-columns.s2p-cols { gap: 80px; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-01 .wp-block-columns.s2p-cols,
    .wp-block-group.hd_bs-grp.hd_bs-grp-09 .wp-block-columns.s2p-cols { gap: 60px; }
    .bs-menu .menu-open { display: none;}
}
@media screen and (min-width: 1600px){
    .wp-block-group.hd_bs-grp.hd_bs-grp-05 .bs-cols .wp-block-column { min-height: 720px; }
    .bs-ban-content{ max-width: 1580px;}
}
@media screen and (min-width: 1900px){
    .wp-block-group.hd_bs-grp.hd_bs-grp-05 .bs-cols .wp-block-column { min-height: 800px; }
    .bs-ban-content{ max-width: 1680px;}
}

@media screen and (max-width: 1279px){
    .bs-ban-content-inner { max-width: 600px; }
    .bs-ban-img{ width: 40%; }
    .seen-in strong{ gap: 12px 42px; }
    .wp-block-group.hd_bs-grp { padding: 60px 0; }
    .wp-block-buttons.orange-buttons .wp-block-button__link, 
    .wp-block-buttons.orange-buttons .is-style-outline .wp-block-button__link{ font-size: 17px; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-04 h2{ font-size: 2.125em; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-04 p{ font-size: 1.5em; }
    .bs-fot-links{ gap: 8px 24px; justify-content: center; }
}

@media screen and (max-width: 1199px){
    .bs-menu .menu-open { display: block;}
    .book-speaker-header { width: 100%; overflow: hidden; }
    .open-bs-menu .bs-hdr-bottom{ z-index: 99999; }
    .bs-hdr-bottom .bs-menu ul {
        position: fixed;
        width: 100%;
        max-width: 420px;
        height: 100vh;
        background: #FFF;
        right: -100%;
        top: 0;
        box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.24);
        padding: 100px 40px 40px 40px;
        z-index: 99;
        flex-direction: column;
        transition: all 0.5s ease-in-out;
    }
    .open-bs-menu .bs-hdr-bottom .bs-menu ul { right: 0; }
    
}
@media screen and (max-width: 1079px){
    .bs-ban-content-inner { max-width: 560px; }
    .bs-footer-top{ padding: 30px 0; gap: 24px; justify-content: center; }
    .bs-footer-bottom{ justify-content: center; }
    .bs-fot-copy, .bs-fot-area { }
}

@media screen and (min-width: 782px) and (max-width: 1023px){
    .seen-in strong{ gap: 10px 32px; }
}

@media screen and (max-width: 781px){
    .bs-ban-img{ height: auto; width: 100%; }
    .bs-hdr-bottom .bs-menu ul{ max-width: 380px; }
    .bs-ban-img img { object-fit: cover; object-position: 50% 25%; }
    .bs-ban-img::before { width: 100%; height: 40%; background: linear-gradient(to bottom, #000f2600, #000f26); left: 0px; top:auto; bottom:-5px;}
    .bs-ban-content{ margin-top: 100%; padding: 0 20px; }
    .bs-marquee-sec{ padding: 12px 0; }
    .seen-in strong{ gap: 6px 24px; }
    .wp-block-group.hd_bs-grp { padding: 50px 0; }
    .wp-block-buttons.orange-buttons .wp-block-button__link, 
    .wp-block-buttons.orange-buttons .is-style-outline .wp-block-button__link{ font-size: 16px; }
    .wp-block-columns.sp-stats-cols{ margin: 0 0 40px; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-03 .wp-block-buttons { justify-content: center; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-04 .wp-block-buttons { margin: 40px 0 0; justify-content: center; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-05 h2{ font-size: 2.125em; }
    
    .wp-block-group.hd_bs-grp.hd_bs-grp-04{ background-size: 150%; background-position: 0% 10%;}
    .wp-block-group.hd_bs-grp.hd_bs-grp-04 .bs-cols .wp-block-column { margin-top: 47.5%; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-04 h2{ font-size: 1.825em; text-align: center; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-04 p { font-size: 1.35em; text-align: center; }
    .wp-block-group.hd_b s-grp.hd_bs-grp-04 .wp-block-buttons { margin: 40px 0 0; justify-content: center; }
    
    .bs-footer-top{ padding: 20px 0; }
}
@media screen and (max-width: 600px){
    .bs-hdr-bottom .bs-menu ul{ max-width: 300px; }
    .bs-footer-top{ justify-content: flex-start; }
    .bs-fot-menu { width: 100%; }
    .bs-btns { display: none; }
    .wp-block-group.hd_bs-grp.hd_bs-grp-05 h2{ font-size: 1.825em; }
    .bs-fot-links{ align-items: flex-start; flex-flow: column; }
    .bs-footer-bottom{ flex-flow: column-reverse; }
    .bs-fot-copy { border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 10px 0 0; padding: 15px 0 0; text-align: center; }
    .bs-fot-area{ width: 100%; gap: 12px 16px; }
    .bs-hdr-bottom .d-logo { max-width: 180px; }
    .bs-area-list{ gap: 8px 16px; flex-flow: column; align-items: flex-start; }
    
}
@supports (-webkit-touch-callout: none) {
  .wp-block-group.hd_bs-grp.hd_bs-grp-05 {
    background-attachment: scroll;
  }
}