@font-face {
  font-family: 'Satoshi';
  src: url("../fonts/Satoshi-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../fonts/Satoshi-Black.ttf");
  font-weight: 700;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../fonts/Satoshi-Bold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: 'Satoshi';
  src: url("../fonts/Satoshi-Medium.ttf");
  font-weight: 500;
}


body {    font-family: 'Satoshi'; position: relative; margin: 0; 
  line-height: 1.5; }

html {font-size: 16px;  font-family: 'Satoshi';}
*{box-sizing: border-box;  font-family: 'Satoshi';}
ul { margin: 0; padding: 0;}
a {color: inherit;}


/* global */
:root{
/* colors */
--white: hsl(0, 0%, 100%);
--white10: hsla(0, 0%, 100%, 0.01);
--white20: hsla(0, 0%, 100%, 0.02);
--white30: hsla(0, 0%, 100%, 0.03);
--white40: hsla(0, 0%, 100%, 0.04);
--white50: hsla(0, 0%, 100%, 0.05);
--white100: hsla(0, 0%, 100%, 0.10);
--white200: hsla(0, 0%, 100%, 0.20);
--white300: hsla(0, 0%, 100%, 0.30);
--white400: hsla(0, 0%, 100%, 0.40);
--white500: hsla(0, 0%, 100%, 0.50);
--white600: hsla(0, 0%, 100%, 0.60);
--white700: hsla(0, 0%, 100%, 0.70);
--white800: hsla(0, 0%, 100%, 0.80);
--white900: hsla(0, 0%, 100%, 0.90);

--black: hsl(0, 0%, 0%);
--black10: hsla(0, 0%, 0%, 0.01);
--black20: hsla(0, 0%, 0%, 0.02);
--black30: hsla(0, 0%, 0%, 0.03);
--black40: hsla(0, 0%, 0%, 0.04);
--black50: hsla(0, 0%, 0%, 0.05);
--black100: hsla(0, 0%, 0%, 0.10);
--black200: hsla(0, 0%, 0%, 0.20);
--black300: hsla(0, 0%, 0%, 0.30);
--black400: hsla(0, 0%, 0%, 0.40);
--black500: hsla(0, 0%, 0%, 0.50);
--black600: hsla(0, 0%, 0%, 0.60);
--black700: hsla(0, 0%, 0%, 0.70);
--black800: hsla(0, 0%, 0%, 0.80);
--black900: hsla(0, 0%, 0%, 0.90);

/* --theme-color: hsl(160, 48%, 49%); */

--primary-color: rgb(255, 107, 0);
--secondary-color:rgb(24, 74, 152);
--dark-color:rgb(21, 21, 24);



--text-color: #343438;
--danger: #FF0000;
/* colors end */
--theme-color-yellow:#ffb703;
--theme-color: rgb(180, 27, 24);
--theme-color:#1FAB70;
/* --theme-color10: hsla(155, 82%, 67%, 0.01);
--theme-color20: hsla(155, 82%, 67%, 0.02);
--theme-color30: hsla(155, 82%, 67%, 0.03);
--theme-color40: hsla(155, 82%, 67%, 0.04);
--theme-color50: hsla(155, 82%, 67%, 0.05);
--theme-color100: hsla(155, 82%, 67%, 0.10);
--theme-color200: hsla(155, 82%, 67%, 0.20);
--theme-color300: hsla(155, 82%, 67%, 0.30);
--theme-color400: hsla(155, 82%, 67%, 0.40);
--theme-color500: hsla(155, 82%, 67%, 0.50);
--theme-color600: hsla(155, 82%, 67%, 0.60);
--theme-color700: hsla(155, 82%, 67%, 0.70);
--theme-color800: hsla(155, 82%, 67%, 0.80);
--theme-color900: hsla(155, 82%, 67%, 0.90); */

--theme-color-blue:#344196;
/* --theme-color-blue10: hsla(232, 65%, 59%, 0.01);
--theme-color-blue20: hsla(232, 65%, 59%, 0.02);
--theme-color-blue30: hsla(232, 65%, 59%, 0.03);
--theme-color-blue40: hsla(232, 65%, 59%, 0.04);
--theme-color-blue50: hsla(232, 65%, 59%, 0.05);
--theme-color-blue100: hsla(232, 65%, 59%, 0.10);
--theme-color-blue200: hsla(232, 65%, 59%, 0.20);
--theme-color-blue300: hsla(232, 65%, 59%, 0.30);
--theme-color-blue400: hsla(232, 65%, 59%, 0.40);
--theme-color-blue500: hsla(232, 65%, 59%, 0.50);
--theme-color-blue600: hsla(232, 65%, 59%, 0.60);
--theme-color-blue700: hsla(232, 65%, 59%, 0.70);
--theme-color-blue800: hsla(232, 65%, 59%, 0.80);
--theme-color-blue900: hsla(232, 65%, 59%, 0.90); */


}
.theme_color_yellow {color: var(--theme-color-yellow);}

.theme_color_blue {color: var(--theme-color-blue);}
.theme_color { color: var(--theme-color);}




.font10{font-size: 0.625rem;}/*10px*/
.font11{font-size: 0.688rem;}/*11px*/
.font12{font-size: 0.750rem;}/*12px*/
.font13{font-size: 0.813rem;}/*13px*/
.font14{font-size: 0.875rem;}/*14px*/
.font15{font-size: 0.938rem;}/*15px*/
.font16{font-size: 1.000rem;}/*16px*/
.font17{font-size: 1.063rem;}/*17px*/
.font18{font-size: 1.125rem;}/*18px*/
.font19{font-size: 1.188rem;}/*19px*/
.font20{font-size: 1.250rem;}/*20px*/
.font21{font-size: 1.313rem;}/*21px*/
.font22{font-size: 1.375rem;}/*22px*/
.font23{font-size: 1.438rem;}/*23px*/
.font24{font-size: 1.500rem;}/*24px*/
.font25{font-size: 1.563rem;}/*25px*/
.font26{font-size: 1.625rem;}/*26px*/
.font27{font-size: 1.688rem;}/*27px*/
.font28{font-size: 1.750rem;}/*28px*/
.font29{font-size: 1.813rem;}/*29px*/
.font30{font-size: 1.875rem;}/*30px*/
.font31{font-size: 1.938rem;}/*31px*/
.font32{font-size: 2.000rem;}/*32px*/
.font33{font-size: 2.063rem;}/*33px*/
.font34{font-size: 2.125rem;}/*34px*/
.font35{font-size: 2.188rem;}/*35px*/
.font36{font-size: 2.250rem;}/*36px*/
.font37{font-size: 2.313rem;}/*37px*/
.font38{font-size: 2.375rem;}/*38px*/
.font39{font-size: 2.438rem;}/*39px*/
.font40{font-size: 2.5rem !important;}/*40px*/
.font45{font-size: 2.813rem;}/*45px*/
.font46{font-size: 2.875rem;}/*46px*/
.font48{font-size: 3rem;}/*48px*/
.font49{font-size: 3.063rem;}/*49px*/
.font50{font-size: 3.125rem;}/*50px*/
.font54{font-size: 3.375rem;}/*54px*/
.font55{font-size: 3.438rem;}/*55px*/
.font58{font-size: 3.625rem;}/*58px*/
.font60{font-size: 3.75rem;}/*60x*/
.font63{font-size: 3.938rem;}/*63px*/
.font64{font-size: 4rem;}/*64px*/
.font65{font-size: 4.063rem;}/*65px*/
.font74{font-size: 4.625rem;}/*74px*/
.font80{font-size: 5rem;}/*80px*/
.font88{font-size: 5.5rem;}/*88px*/
.font108{font-size: 6.75rem;}/*108px*/


.fw100{font-weight: 100!important;}
.fw200{font-weight: 200!important;}
.fw300{font-weight: 300!important;}
.fw400{font-weight: 400!important;}
.fw500{font-weight: 500!important;}
.fw600{font-weight: 600!important;}
.fw700{font-weight: 700!important;}
.fw800{font-weight: 800!important;}
.fw900{font-weight: 900!important;}

.color_dark{color: var(--black)!important;}
.color_dark10{color: var(--black10)!important;}
.color_dark20{color: var(--black20)!important;}
.color_dark30{color: var(--black30)!important;}
.color_dark40{color: var(--black40)!important;}
.color_dark50{color: var(--black50)!important;}
.color_dark100{color: var(--black100)!important;}
.color_dark200{color: var(--black200)!important;}
.color_dark300{color: var(--black300)!important;}
.color_dark400{color: var(--black400)!important;}
.color_dark500{color: var(--black500)!important;}
.color_dark600{color: var(--black600)!important;}
.color_dark700{color: var(--black700)!important;}
.color_dark800{color: var(--black800)!important;}
.color_dark900{color: var(--black900)!important;}

.color_light{color: var(--white)!important;}
.color_light10{color: var(--white10)!important;}
.color_light20{color: var(--white20)!important;}
.color_light30{color: var(--white30)!important;}
.color_light40{color: var(--white40)!important;}
.color_light50{color: var(--white50)!important;}
.color_light100{color: var(--white100)!important;}
.color_light200{color: var(--white200)!important;}
.color_light300{color: var(--white300)!important;}
.color_light400{color: var(--white400)!important;}
.color_light500{color: var(--white500)!important;}
.color_light600{color: var(--white600)!important;}
.color_light700{color: var(--white700)!important;}
.color_light800{color: var(--white800)!important;}
.color_light900{color: var(--white900)!important;}

.bg_dark{background-color: var(--black)!important;}
.bg_dark10{background-color: var(--black10)!important;}
.bg_dark20{background-color: var(--black20)!important;}
.bg_dark30{background-color: var(--black30)!important;}
.bg_dark40{background-color: var(--black40)!important;}
.bg_dark50{background-color: var(--black50)!important;}
.bg_dark100{background-color: var(--black100)!important;}
.bg_dark200{background-color: var(--black200)!important;}
.bg_dark300{background-color: var(--black300)!important;}
.bg_dark400{background-color: var(--black400)!important;}
.bg_dark500{background-color: var(--black500)!important;}
.bg_dark600{background-color: var(--black600)!important;}
.bg_dark700{background-color: var(--black700)!important;}
.bg_dark800{background-color: var(--black800)!important;}
.bg_dark900{background-color: var(--black900)!important;}

.bg_light{background-color: var(--white)!important;}
.bg_light10{background-color: var(--white10)!important;}
.bg_light20{background-color: var(--white20)!important;}
.bg_light30{background-color: var(--white30)!important;}
.bg_light40{background-color: var(--white40)!important;}
.bg_light50{background-color: var(--white50)!important;}
.bg_light100{background-color: var(--white100)!important;}
.bg_light200{background-color: var(--white200)!important;}
.bg_light300{background-color: var(--white300)!important;}
.bg_light400{background-color: var(--white400)!important;}
.bg_light500{background-color: var(--white500)!important;}
.bg_light600{background-color: var(--white600)!important;}
.bg_light700{background-color: var(--white700)!important;}
.bg_light800{background-color: var(--white800)!important;}
.bg_light900{background-color: var(--white900)!important;}
a:any-link, a:-webkit-any-link {
  color: inherit;
}





.primary_color{color: var(--primary-color) !important;}
.secondary_color{color: var(--secondary-color) !important;}
.read_more { font-weight: 600; transition: 0.5s; text-decoration: underline; text-transform: uppercase; display: inline-block; }
.read_more:hover {transform: translateX(5px);}
.theme_radius { border-radius: 12px;}






.menu_opend {overflow: hidden;}


.has-droapdown>ul>.has-droapdown>ul {
  top: -9px;
  left: calc(100% + 12px);
  transform: none;
}
.has-droapdown>ul>.has-droapdown>ul:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  top: 0;
  right: calc(100% - 11px);
}
.has-droapdown>ul>.has-droapdown>ul:before {
  right: 100%;
  left: auto;
  top: 50%;
  transform: rotate(-90deg) translateX(50%);
}
.has-droapdown>ul>.has-droapdown::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.has-droapdown>ul>.has-droapdown:hover::after {
  transform: translateY(-50%) rotate(-90deg);
}
/* header end */

.common_padding  {padding-block: 5rem;}



.confsubmithub_banner { margin-bottom: 5rem;}

.banner_slider_lg { position: relative;}
/* .slider_lg_sec { position: absolute; width: calc(var(--screen-mac-width) + 2px);
  top: var(--topPosotion);
  left: calc(var(--leftPosotion) - 1px);
  height: calc(var(--screen-mac-height) + 2px);} */


  /* .slider_lg_sec { position: absolute; width: calc(var(--screen-mac-width) - 3px);
    top: 28px;
    left: 2px;
    height: calc(var(--screen-mac-height) + -30px);} */



/* HEADER CSS  */

header.sml-header.scrolling-up{box-shadow:0 2px 12px #00000042;background-color:var(--white)}
header.sml-header.scrolling-up .bottom_header {padding: 0.5rem 0 0.5rem 0;}
.close_menu,.menu_icon{display:none}
.backdrop{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:rgba(0,0,0,.5);display:none;z-index:2}
.bottom_header{background-color:transparent;    padding: 1.5rem 0 0.5rem 0;}
.top_nav{display:flex;list-style:none;padding-left:0;       margin-top: 1rem;   align-items: center;}
.bottom_header .header_logo img{height:4rem}
.close_menu_large{background:var(--theme-color-light);display:none;padding:.5rem;border-radius:1px;position:absolute;right:1rem;top:4px;display:none}
.close_menu_large img{height:15px}
.menu_option,.search_option{position:relative}
.header-nav,.side_options{display:flex}
.header-nav{align-items:center}
@media(min-width:991px){
  .top_nav>li {    padding: 1rem 1rem 1rem;}
}


.top_nav>li>a{color:var(--black500);text-decoration:none;display:block;transition:.5s;font-weight:600;width:100%}
.top_nav>li>a:hover{color:var(--theme-color-blue)}

.round_btn{--size:2.563rem;width:var(--size);height:var(--size);background-color:var(--theme-color);border:none;color:var(--white);border-radius:50%;padding-top:2px;margin-left:2rem}
.menu_btn{width:2.438rem;cursor:pointer;margin-left:1.2rem}
.side_options{align-items:center}
.sub_menu{position:absolute;left:0;top:100%;padding:0;width:100%;list-style:none;
  background-color:var(--white);min-width:52.5rem;transform:translateX(0) translateY(6rem);
  opacity:0;pointer-events:none;box-shadow:0 0 30px var(--black50);transition:all ease .5s;z-index:1;border-radius:8px; display: grid
;
    grid-template-columns: repeat(2, 1fr);     padding: 2rem 2rem;
    grid-gap: 0px;     border-top: solid 4px var(--theme-color-blue);
    border-bottom: solid 4px var(--theme-color);}
/* .sub_menu li:hover>a{color:var(--theme-color-light);border-left:solid 5px var(--theme-color-yellow);border-top-left-radius:4px;border-bottom-left-radius:0} */
.sub_menu a{padding:.5rem 1.1rem; text-decoration: none; display:flex;align-items:center;justify-content:space-between; transition: 0.5s;     border: solid 1px transparent;     border-radius: 5px; }
.sub_menu a .menu_icon{position:relative;top:-1px;margin-right:.938rem}
.sub_menu a:hover { border-color: var(--theme-color-blue); color: var(--theme-color-blue);     -webkit-text-stroke-width: 0.3px;}

.sub_menu a:before{display:none}
.has_submenu .sub_menu .sub_menu{background-color:var(--white);top:0;left:100%;padding:0;margin:0}
.menu_icon_angle{height:8px;width:8px;border:solid 2px var(--black600);display:inline-block;transform:rotate(136deg);border-left:0;border-bottom:0;transition:.5s}
.sub_menu li:hover a .menu_icon_angle{transform:rotate(45deg)}
.top_nav>.has_submenu>.sub_menu:after{height:15px;width:15px;   
    clip-path: polygon(100% 0, 0 0, 0 100%); background-color:var(--theme-color-blue);position:absolute;top:-11px;left:50px;content:'';transform:rotate(45deg)}
.top_nav li:not(.has_submenu) .menu_icon_angle{display:none}
.has_submenu:hover>a:after{transform:rotate(180deg)}
.top_nav li{position:relative}


.top_nav li:nth-last-child(2) {padding-right: 0;}

.top_nav > li:last-child { padding-right: 0; padding-left: 0.5rem;}

.top_nav>li:last-child .has_submenu .sub_menu{left:-100%}
.caret_icon{height:15px;width:15px;background-color:var(--theme-color-yellow);position:absolute;top:3.13rem;right:3rem;content:'';transform:rotate(45deg);z-index:-1}
.ddp-click{display:none}
.top-social{padding:0;margin:0;display:flex}
.top-right{display:flex;padding:0;margin:0}
.header-top{display:flex;justify-content:space-between;padding:.65rem 2.5rem;background-color:var(--theme-color);color:var(--white)}
.main-header{display:flex;align-items:center}
.headerinner{display:flex;align-items:center}
.header_nav_inner{margin-left:auto}
.header_nav{padding:0;list-style:none;display:flex}
.main-header{display:flex;align-items:center;padding:.65rem 2.5rem}
header{position:fixed;top:0;left:0;width:100%;z-index:5;transition:all ease .5s}
.scrolling-down{transform:translateY(-100%)}

.theme_btn{padding:1rem 1.8rem;display:inline-block;text-decoration:none;font-size:1rem;font-weight:500;border-radius:12px;text-transform:uppercase;transition:.5s ease;color:var(--white)!important}
.solid_btn{background-color:var(--theme-color);border:solid 2px var(--theme-color)}
.solid_btn:hover{background-color:transparent;color:var(--theme-color)!important}
.outline_btn_blue{border:solid 2px var(--theme-color-blue);color:var(--theme-color-blue)!important}
.outline_btn_blue:hover{background-color:var(--theme-color-blue);color:var(--white)!important}
.solid_btn_blue{background-color:var(--theme-color-blue);border:solid 2px var(--theme-color-blue)}


.btn_ripple_blue {padding:1rem 1.8rem; margin: 0; border: 2px solid var(--theme-color-blue); background-color: var(--white); font-size: 1rem; color: var(--theme-color-blue) !important; border-radius: 12px; display: inline-block; cursor: pointer; text-transform: uppercase; position: relative; overflow: hidden; text-decoration: none;    font-weight: 500 !important; }
.btn_ripple_blue:focus, .btn_ripple_blue:active {background-color: #f3f5ff;outline: none;}
.btn_ripple_blue:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 100%; background-color: var(--theme-color-blue); border-radius: 50%; aspect-ratio: 1/1; transform: translate(-50%, 0%) scale(0); transform-origin: bottom  center; transition: 0.5s; z-index: 0; }
 .btn_ripple_blue span { position: relative; z-index: 1; }
.btn_ripple_blue:hover:after { transform: translate(-50%, 65%) scale(1.5); }
.btn_ripple_blue:hover span {color: var(--white) !important;}


.btn_ripple_theme {padding:1rem 1.8rem; margin: 0; border: 2px solid var(--theme-color); background-color: var(--theme-color); font-size: 1rem; color: var(--white) !important; border-radius: 12px; display: inline-block; cursor: pointer; text-transform: uppercase; position: relative; overflow: hidden; text-decoration: none;    font-weight: 500 !important; }
.btn_ripple_theme:focus, .btn_ripple_theme:active {background-color: #f3f5ff;outline: none;}
.btn_ripple_theme:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 100%; background-color: var(--white); border-radius: 50%; aspect-ratio: 1/1; transform: translate(-50%, 0%) scale(0); transform-origin: top  center; transition:1s; z-index: 0; }
 .btn_ripple_theme span { position: relative; z-index: 1; }
.btn_ripple_theme:hover:after { transform: translate(-50%, 46%) scale(1.5); }
.btn_ripple_theme:hover span {color: var(--theme-color) !important;}

.btn_sm {     font-size: 0.938rem;    padding: 0.8em 1.8rem;}





.slider_lg_sec{position:absolute;width:calc(100% - 5px);top:50px;left:2px;height:calc(100% - 54px)}
.banner_right_inner{position:relative}
.banner_inner{display:flex;justify-content:space-between;align-items:center;padding-block:4rem}
.banner_inner .btn_group{margin-top:2rem;display:flex;gap:0 1rem}
.banner_inner .lg_text{line-height:1.2;padding-block:1rem}
.banner_inner>div{width:48%}
.banner_inner svg{width:100%; height: 100%;}
.slider_lg_sec img{max-width:100%;display:block;height:100%}
.screen_mac{width:100%}
.bannerSwiperMac,.bannerSwiperMob{height:100% !important;}
.banner_slider_sm{position:absolute;bottom:-3rem;right:0;z-index:1}
/* .slider_sm_sec{position:absolute;width:calc(var(--screen-mob-width) - 18px);top:7px;left:9px;height:calc(var(--screen-mob-height) - 14px);overflow:hidden;border-radius:20px} */
.slider_sm_sec{position:absolute;width:92%;top:7px;left:9px;height:97%;overflow:hidden;border-radius:20px; z-index: -1;}



.slider_sm_sec img{border-radius:20px}
.confsubmithub_banner{padding-top:var(--header-height);background:linear-gradient(180deg,#eafff6 0,#fbfffe 100%)}
.banner_right{margin-right:calc(2rem - var(--white-space));width:calc(45% + var(--white-space))!important}
.home_step{background:linear-gradient(180deg,#e9fff6 0,#fbfffe 100%),#d9d9d9;border-radius:50px;padding:5rem;margin-top:1.5rem}
.home_step_list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4rem}
.home_step_box{background-color:var(--white);height:100%;padding:3rem 4rem;border-radius:44px; position: relative; border:solid 1px var(--theme-color); overflow: hidden;}
.background_gradient { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #F0FFF9 0%, #C3EBE9 100%); transform: scale3d(0, 0, 1); transform-origin: bottom right; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); z-index: 0; }
.home_step_box .content {position: relative;}

.home_step_box:hover .background_gradient {
  transform: scale3d(1.2, 1.2, 1);
}

.home_step_box .number{font-weight:600;padding:.5rem 0 0 0;font-size:1.5rem;color:var(--black800)}
.home_step_box .text{font-weight:600}
.max_width1100{max-width:1100px;margin:0 auto}
.max_width1000{max-width:1000px}
.max_width800{max-width:800px;margin:0 auto}
.max_width865{max-width:865px}
.max_width745{max-width:745px}
.sec_heading .lg_head{font-size:1.875rem;font-weight:600;line-height:1.2}
.sec_heading .sm_head{font-size:1.125rem;font-weight:600}
.conferenc_feature_inner{display:flex}
.conferenc_feature_list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}
.conferenc_feature_left{width:calc(30% + var(--white-space));position:relative;margin-left:calc(0px - var(--white-space))}
.conferenc_feature_right{width:calc(100% - 30%);padding-left:8rem}
.conferenc_feature_home{padding:2rem;border-radius:24px; transition: 0.5s; text-decoration: none; background-color:#fde186;display:flex;align-items:center;gap:0 1rem}
.conferenc_feature_home:hover { border-radius: 12px; transform: translateY(-1rem);}
.conferenc_feature_home .text{font-weight:600;     font-size: 1.25rem;}
.conferenc_feature_list .conferenc_feature_home:nth-child(2){background-color:#fed4c3}
.conferenc_feature_list .conferenc_feature_home:nth-child(3){background-color:#e8d0ff}
.conferenc_feature_list .conferenc_feature_home:nth-child(4){background-color:#d0e2ff}
.conferenc_feature_list .conferenc_feature_home:nth-child(5){background-color:#fbc6e3}
.conferenc_feature_list .conferenc_feature_home:nth-child(6){background-color:#fac0c5}
.conferenc_feature_list .conferenc_feature_home:nth-child(7){background-color:#c3d6ff}
.conferenc_feature_list .conferenc_feature_home:nth-child(8){background-color:#dac5ff}
.home_testimonial_card{display:flex;align-items:center}
.home_testimonial_card .user_img{height:9.375rem;width:9.375rem;min-width:9.375rem;border-radius:50%;overflow:hidden;border:solid 1px var(--black);position:relative}
.home_testimonial_card .user_img img{height:100%;width:100%;object-fit:cover;object-position:top center}
.home_testimonial{background-color:var(--theme-color-blue);border-radius:44px;padding:6rem 10rem 3rem 10rem;position:relative;overflow:hidden; }
.review_graph{position:absolute;top:0;height:100%;width:100%}
.testimonial_data{padding-left:4rem}
.testimonial_data .text_lg{font-size:1.625rem;line-height:1.4;margin-bottom:2rem;color:var(--white)}
.testimonial_data .name{font-size:1.2rem;font-weight:500;color:var(--white)}
.book_demo_cta .solid_btn_blue:hover { transform: scale(1.3);  transform-origin: top center; background-color: transparent; color: var(--theme-color-blue) !important; }
.nav_testiomonial{display:flex;gap:0 1.5rem;justify-content:flex-end;margin-top:3rem}
.nav_testiomonial i{font-size:2rem;color:var(--white)}
.home_blog_wrap{background:linear-gradient(180deg,#f5ffff 0,#eaebff 100%)}
.home_blog_list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;list-style:none;margin:0;padding:0}
.home_blog_box{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}
.blog_img{overflow:hidden;position:relative;flex-grow:1}
.blog_img .thum_img{aspect-ratio:380/235;transition:.5s;width:100%;height:100%;object-fit:cover;border-radius:12px}
.blog_content{padding:1rem 1.5rem}
.blog_content .title{font-weight:600}
.blog_content .date{font-weight:600}
.blog_content a{text-decoration:none;color:var(--theme-color-blue);font-weight:600}
.read_more_link {text-decoration:underline;color:var(--theme-color-blue)  !important;font-weight:600 }
.hightlight_text span { position: relative;}
.hightlight_text span img { position: absolute; width: 110%; padding: 0 0; left: -8px; top: 8px;}

.footer_sections{position:relative;display:flex}
.ftr_ntro_logo img {height: 4rem; }
.ftr_social_icons ul{list-style:none;margin:1.5rem 0 0 0;padding:0;display:flex;gap:0 1rem}
.ftr_social_icons ul li a{border:solid 1px var(--black200);height:3.438rem;width:3.438rem;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}
.ftr_social_icons ul li a i{font-size:1.4rem}
.ftr_sec_intro{margin-right:11rem}
.ftr_sec1{margin-right:1rem}
.ftr_sec{flex:1}
.f_head{font-size:1.5rem;font-weight:600;color:var(--black800);margin-bottom:1rem}
.ftr_sec:last-child{min-width:fit-content}
footer{background:#ebedff}
footer .footer_link{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem 0}
footer .footer_link li a{text-decoration:none;font-size:1.063rem;color:var(--black600);font-weight:600; transition: 0.5s;}
footer .footer_link li a:hover {color: var(--theme-color-blue);}
.footer_bg{background:url(/themes/images/bg_dark_blue.svg);background-repeat:no-repeat;background-size:100%;padding:9rem 0 4rem 0;position:relative;z-index:1}
.footer_bg:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:#fff;z-index:-1}
.bootom_menu_footer{margin-top:1rem;pointer-events:none; position: relative;}
.ftr_social_icons{margin-top:3rem}
.graph_left_top{position:absolute;top:3rem;left:10rem}
.graph_left_middle{position:absolute;top:14rem;left:0}
.graph_left_bottom{position:absolute;bottom:3rem;left:4rem}
.footer_grap_one{position:absolute;left:29%;top:-1rem;z-index:1}
.footer_grap_two{position:absolute;left:60%;top:-1rem;z-index:1}
.footer_grap_three{position:absolute;right:9%;bottom:9rem;z-index:1}
.footer_grap_four{position:absolute;right:2rem;top:4rem;z-index:1}
.container_full{width:100%}
.home_client .organisations_logo_inner {    background: transparent; border-radius: 0; padding: 0; }

/* INNER PAGE CSS */
.inner_banner_top {display: flex;
justify-content: space-between;}
.inner_banner_bg { padding-top: var(--header-height);
background: linear-gradient(180deg, #eafff6 0, #fbfffe 100%);}
.inner_banner_top {    padding-block: 4rem;}
.inner_banner_bg .inner_banner_left {width: 50%;}
.inner_banner_bg .inner_banner_left .lg_text   {line-height: 1.1;margin-bottom: 0.5rem; }
.inner_banner_bg .inner_banner_left ul { list-style: none; margin: 1rem 0 2rem 0; padding: 0; text-align: left;}
.inner_banner_bg .inner_banner_left ul li {position: relative; color: var(--black800); padding-left: 1.25rem; font-weight: 500;}
.inner_banner_bg .inner_banner_left ul li:not(:last-child) { margin-bottom: 1rem;}
.inner_banner_bg .inner_banner_left ul li:before { content: ''; position: absolute;    top: 50%;
    transform: translateY(-50%); left: 0; width: 10px; height: 10px; background-color: var(--theme-color);}
.inner_banner_bg .inner_banner_right{    margin-right: calc(0rem - var(--white-space));
width: calc(45% + var(--white-space)) !important;}
.inner_banner_bg .inner_banner_right img {border-radius: 49px 0 0 49px; max-width: 100%;}
.services_list_wrap  {margin-top: 3rem;}
.services_list_wrap .services_content_main .services_content_main_inner {display: flex; }
.services_list_wrap .services_content_main:nth-child(even) .services_content_main_inner  {    flex-direction: row-reverse;}
.services_list_wrap .services_content_main .services_content_main_inner .image {    width: calc(45% + var(--white-space));
position: relative;

margin-left: calc(0px - var(--white-space)); }
.services_list_wrap .services_content_main .services_content_main_inner .data  {    padding-left: 6.125rem;
width: 55%;}




.services_list_wrap .services_content_main:nth-child(even) .services_content_main_inner .image   {    margin-right: calc(0px - var(--white-space));
width: calc(45% + var(--white-space));
margin-left: 0; text-align: right;}
.services_list_wrap .services_content_main:nth-child(even) .data { padding-right: 6.125rem;
padding-left: 0;}
.services_list_wrap .services_content_main {padding-bottom: 7rem; position: relative;}
.services_content_main_inner .data ul {list-style: none; margin: 0; padding: 0;}
.services_content_main_inner .data ul li {  position: relative; color: var(--black800);     padding-left: 4rem;  font-size: 1.375rem; font-weight: 600;}
.services_content_main_inner .data ul li:before { background:url(/themes/images/icon/arrow-list.png); content: ''; position: absolute; top: 0; left: 0; width: 37px; height: 38px; }
.services_content_main_inner .data ul li:not(:last-child) {margin-bottom: 1.5rem;}
.services_content_main_inner .data .title_sm_sec  { margin-bottom: 2.5rem;   font-size: 2.125rem;
font-weight: 600;     position: relative;
line-height: 1.2; color: var(--theme-color-blue);}
.services_list_wrap .image .image_inner {position: relative;     padding-top: 5rem;}
.services_list_wrap .image .image_inner:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 5rem); 
background: linear-gradient(180deg, #EAFFFF 0%, #EAEBFF 100%);
border-radius: 40px;
}
.services_list_wrap .image img {position: relative; z-index: 1;}
.services_list_wrap .services_content_main:last-child:before {position: absolute; top: 5rem; left: 0; width: 100%;  height: 100%;     background: linear-gradient(180deg, #f5ffff 0, #eaebff 100%); content: '';}
/* .services_list_wrap .image  img {width: 100%;} */
.swiper-button-disabled {opacity: 0.5;}

/* NOT FOUND PAGE */
.not_found_page { background: linear-gradient(180deg, #f5ffff 0, #eaebff 100%);}

/* FEATURES CSS START */
.organisations_logo_inner{background:linear-gradient(180deg,#e9fff6 0,#fbfffe 100%),#d9d9d9;border-radius:50px;padding:5rem;margin-top:1.5rem}
.features_list_wrap .features_list_inner{display:flex}
.features_list_wrap .features_list_inner:not(:last-child){margin-bottom:4rem}
.features_list_img{position:relative; width: 50%;}
.features_list_data{padding-top:4rem;padding-left:6.125rem;width:50%}
.features_list_wrap .features_list_inner:nth-child(2n){flex-direction:row-reverse}
.features_list_wrap .features_list_inner:nth-child(2n) .features_list_img{margin-left:0}
.features_list_wrap .features_list_inner:nth-child(2n) .features_list_data{padding-right:6.125rem;padding-left:0}
.features_list_wrap .features_list_inner img{width:100%}
.without_image_box .features_list_data{     width: 100%; padding-left: 0;}
.without_image_box .features_list_data {padding-top:0rem;}
.features_list_data ul{list-style:none;margin:0;padding:0}
.features_list_data ul li{position:relative;color:var(--black800);padding-left:3rem;font-size:1.125rem;font-weight:600}
.features_list_data ul li:before{background:url(/themes/images/icon/arrow-list.png);content:'';position:absolute;top:50%;left:0;width:37px;height:38px;    transform: translateY(-50%) scale(.7);}
.features_list_data ul li:not(:last-child){margin-bottom:1.5rem}
.features_list_wrap{background:linear-gradient(180deg,#f5ffff 0,#eaebff 100%)}
.features_list_data .content_title{ margin-bottom: 2.5rem; font-size: 2.125rem; font-weight: 600; position: relative; line-height: 1.2; color: var(--theme-color-blue);}
.book_demo_inner { margin-top: 8rem;}
/* Pricing  PAGE CSS */
.pricing_wrap {    background: linear-gradient(180deg, #f5ffff 0, #eaebff 100%); }
.pricing_bg { background-color: var(--theme-color-blue);      padding-top: 4.563rem;   min-height: 18rem; }
.pricing_box {background-color: var(--white);  border-bottom: solid 15px var(--theme-color-blue); box-shadow: 0 3px 32px 0 rgba(0, 0, 0, .19); border-radius: 16px; display: flex;     flex-direction: column;     height: 100%;    padding: 2.5rem 1.5rem;}
.pricing_list {list-style: none;margin: -6rem 0 0 0; padding: 0;  display: flex;gap: 0 1rem;}
.pricing_box .title {font-size: 1.75rem; font-weight: 600; color: var(--theme-color-blue); }
.pricing_box .amount {font-size: 1.5rem; font-weight: 600; color: var(--theme-color); margin-bottom: 1rem;}
.pricing_box .pricing_top  {text-align: center;}
.pricing_box ul{list-style:none;margin:1rem 0 2rem 0;padding:0;    text-align: left;}
.pricing_box ul li{position:relative;color:var(--black800);padding-left:1.5rem;font-weight:500}
.pricing_box ul li:before{content:'';position:absolute;    top: 6px;left:0;width:10px;height:10px;background-color: var(--theme-color);}
.pricing_box ul li:not(:last-child) {margin-bottom: 1rem;}
.pricing_box .btn_ripple_blue { margin-top: auto;border-radius: 8px;font-size: 0.875rem;padding: 0.5rem 1.8rem;     width: max-content;
    margin-inline: auto;}
@media(min-width:992px){
  .pricing_box .title+div{ min-height: 55px; }
}

/* BOOK A DEMO CSS  */
.bookdemo_bg { background-color: var(--theme-color-blue);      padding-bottom: 6rem;    padding-top: 4.563rem; }
.or_text { font-size: 1.2rem; font-weight: 600;  position: relative; width: max-content; padding: 0 6rem; margin: 1.5rem auto;}
.or_text span { aspect-ratio: 1/1; padding: 1rem; z-index: 1; background-color: var(--white); border-radius: 50%; position: relative; }
.or_text:after {position: absolute; content: ''; width: 100%; height: 2px; background-color: var(--white); left: 0; top: 50%; transform: translateY(-50%); }
.book_demo_form{ background-color: var(--white);border-bottom: solid 15px var(--theme-color-blue);box-shadow: 0 3px 32px 0 rgba(0, 0, 0, .19);border-radius: 16px;     padding: 3.5rem 1.5rem;     max-width: 50rem;
    margin: -6rem auto 0 auto;}
.form-control:focus{ box-shadow: none; border-color: var(--theme-color);}
.book_demo_form textarea {height: 7rem !important;}
.book_demo_form .form-floating>.form-control {height: calc(3rem + 2px);}
.book_demo_form .form-floating>label {top: -4px;}
.book_demo_form .btn_ripple_blue {    padding: 0.8rem 1.8rem;}
.gradient_bg_common {     background: linear-gradient(180deg, #f5ffff 0, #eaebff 100%);}

/* ABOUT US PAGE CSS */
.vision_data_inner { display: flex ; justify-content: space-between; margin-top: -7rem; }
.vision_data_box_inner { border-radius: 15px; transition: .5s; height: 100%;  background-color: #fff; box-shadow: 0 0 37px 0 rgba(0, 0, 0, .06); overflow: hidden; display: flex ; flex-direction: column; }
.vision_data_box_inner .vision_data_img { height: 17.813rem; overflow: hidden; }
.vision_data_box_inner .vision_data_img img { width: 100%; transition: .5s; height: 100%; object-fit: cover; }
.vision_data_content { padding: 3rem; flex-grow: 1; display: flex ; flex-direction: column; }
.vision_data_content .title { font-size: 1.75rem; font-weight: 600; color: var(--theme-color-blue);}
.vision_data_inner .vision_data_box {width: 48%;}

.values_wrap { background-color: var(--white); border: solid 1px var(--black100); border-radius: 12px; padding: 2.5rem 2.5rem;    display: grid; grid-template-columns: repeat(3, 1fr);     box-shadow: 0 0 37px 0 rgba(0, 0, 0, .06);}
.values_wrap .title{font-size:1.5rem;font-weight: 600; color: var(--theme-color-blue);}
.values_box {text-align: center;     padding: 0 2rem;}
.values_box .icon { background: #c3d6ff; width: max-content; margin: 0 auto 1rem auto; border-radius: 12px; padding: 0.5rem; }

.why_choose_wrap{display: grid; grid-template-columns: repeat(4, 1fr);     gap: 0 2rem;}
.why_choose_box{ box-shadow: 0 .75rem 2.25rem -.25rem #1018281f; padding: 2rem; border: 1px solid #e4e8ef; border-radius: 1rem; background-color: var(--white); font-size: 1.125rem;  font-weight: 500; display: flex ; align-items: center; justify-content: center; text-align: center;}

/* CONTACT US PAGE CSS */
.contact_add_wrap {     display: grid;grid-template-columns: repeat(3, 1fr); gap: 0 2rem;}
.contact_add_wrap .contact_add_box {box-shadow: 0 .75rem 2.25rem -.25rem #1018281f;
    padding: 3rem 2rem 2rem 2rem;text-align: center;
    border: 1px solid #e4e8ef;
    border-radius: 1rem;
    background-color: var(--white); position: relative; }
    .contact_add_wrap .contact_add_box .icon {width: 50px; height: 50px; background-color: var(--theme-color-blue); display: flex ; align-items: center; justify-content: center; border-radius: 50%; /* margin: -6rem auto 0 auto; */ position: absolute; top: -1.3rem; left: 50%; transform: translatex(-50%);}
  .contact_add_wrap .contact_add_box .icon i {color: var(--white); font-size: 1.5rem;}
@media(min-width:992px){
.has_submenu:hover>.sub_menu{opacity:1;transform:translateX(0) translateY(0);pointer-events:all}
.caret_icon_mob{display:none}
}

/* FAQ PAGE CSS */
.faq_list {list-style: none; margin: 0; padding: 0;}
.faq_list li { background-color: var(--white);padding: 1rem 1.5rem;border-radius: 5px; }
.faq_list li:not(:last-child) { margin-bottom: 0.5rem;}
.faq_list li .answer  {padding-top: 0.5rem; }
.faq_list li .question::after  { content: "\f107";transition: 0.5s;    margin-left: auto;  font-family: "Font Awesome 5 Free"; font-weight: 900;}
.faq_list li .question {cursor: pointer; display: flex;}
.faq_list li.active .question::after   {    transform: rotate(180deg);}

.home-logo-wrapper{grid-column-gap:1rem;grid-row-gap:1rem;justify-content:flex-start;align-items:center;margin-top:1rem;display:flex;position:relative;overflow:hidden}
.clients-grid.logo-animate{grid-column-gap:1rem;opacity:1;flex:none;grid-template-columns:1fr;margin-top:0;margin-bottom:0;margin-right:0;display:flex}
@keyframes slide{
0%{transform:translateX(calc(0 + 50px))}
100%{transform:translateX(-100%)}
}
.logo-animate{animation:slide 5s infinite linear}
.clients-grid{list-style:none;margin:0;padding:0}
.clients-grid li{border:solid 1px var(--theme-color);background:var(--white);display:flex;padding:.5rem;border-radius:6px}
.client_logo { border:solid 1px var(--theme-color);background:var(--white);display:flex;padding:.5rem;border-radius:6px; align-items: center;
   justify-content: center;   width: 100%;}
.client_logo  img{height:5rem;object-fit:contain}
.clients-grid li img{height:5rem;object-fit:contain}
.home-logo-wrapper:after{content:'';position:absolute;right:0;top:0;background:linear-gradient(to right,transparent 13%,#f4fffb 100%);height:100%;width:55px}
.home-logo-wrapper::before{content:'';position:absolute;left:0;top:0;background:linear-gradient(to left,transparent 13%,#f4fffb 100%);height:100%;z-index:1;width:55px}

.swiper.marquee-swiper { margin-top: 4rem; mask-image: linear-gradient( to right, transparent 0%, white 10%, white 90%, transparent 100% ); } .swiper-wrapper.marquee-swiper { transition-timing-function: linear; align-items: center; }
 .swiper-slide.marquee-swiper { width: 12rem; display: flex; align-items: center; justify-content: center; }


.blog_single_box {
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 13%);
    padding: 2rem;
    background-color: rgb(255, 255, 255);
    max-width: 68.75rem;
    margin: 5rem auto 0 auto;
    border-radius: 15px;
}
.go_back {
    font-size: 1.25rem;
    cursor: pointer;
    margin-bottom: 1rem;
}
.blog_single a {
    text-decoration: underline;
}
.res_msg {    font-weight: 500;
    text-align: center; color: var(--theme-color);}

    .thankyou_msg p { margin-bottom: 0;}
dotlottie-player { margin: 0 auto;}
.thankyou_msg {text-align: center;}
.blog_single_box h2 {font-size: 1.875rem;font-weight: 600;}
.blog_single_box h3 {font-size: 1.625rem;font-weight: 600;  } 
.blog_single_box h4 {font-size: 1.375rem;font-weight: 600; } 
.blog_single_box h5 {font-size:1.125rem;} 
.error {color: #dc3545 !important;    font-size: 12px;}

/* TOOLTIP CSS */
.tooltip_btn img,table tbody td.user_icon_top .tooltip_btn img{position:static}
.tooltip_wrap{display:inline-block;position:relative;cursor:pointer;--side-offset: 0px;}
.tooltip_content {position: absolute;background-color: #fff;border-radius: 4px;box-shadow: 2px 2px 10px #00000029;left: 100%;top: 50%;transform: translateY(-50%);z-index: 1;     min-width: 7rem;
  font-size: 12px;
  padding: 0.5rem;
  text-align: center;}
.tooltip_wrap[arrow]{--arrow-offset: 10px; --side-offset: 20px;}
.tooltip_wrap[arrow] .tooltip_content:before { content: ""; position: absolute; border: 10px solid transparent; border-right-color: #ffffff; filter: drop-shadow(-7px 0px 6px #00000029); top: 50%; right: 100%; transform: translateY(-50%); }
.tooltip_wrap[arrow] .tooltip_content { left: calc(100% + var(--arrow-offset)); }

.tooltip_wrap[position*=top] .tooltip_content, 
.tooltip_wrap[position*=top][arrow] .tooltip_content { left: 50%; right: auto; bottom:100%; top: auto; transform: translatex(-50%); }
.tooltip_wrap[position*=top][arrow] .tooltip_content { bottom: calc(100% + var(--arrow-offset)); }
.tooltip_wrap[position*=top][arrow] .tooltip_content:before { top: 100%; left: 50%; transform: translateX(-50%) rotate(-90deg); }

.tooltip_wrap[position*=bottom] .tooltip_content, 
.tooltip_wrap[position*=bottom][arrow] .tooltip_content {top: 100%;bottom: auto;left: 50%;transform: translateX(-50%);}
.tooltip_wrap[position*=bottom][arrow] .tooltip_content { top: calc(100% + var(--arrow-offset)); }
.tooltip_wrap[position*=bottom][arrow] .tooltip_content:before {bottom: 100%;top: auto;left: 50%;transform: translateX(-50%) rotate(90deg);}

.tooltip_wrap[position*=left] .tooltip_content, 
.tooltip_wrap[position*=left][arrow] .tooltip_content{right:100%; left: auto;}
.tooltip_wrap[position*=left][arrow] .tooltip_content { right: calc(100% + var(--arrow-offset)); }
.tooltip_wrap[position*=left][arrow] .tooltip_content:before { bottom: 100%; left: 100%; transform: translatey(-50%) rotate(180deg); }

.tooltip_wrap[position="left middle"] .tooltip_content,
.tooltip_wrap[position="right middle"] .tooltip_content,
.tooltip_wrap[position="left middle"][arrow] .tooltip_content,
.tooltip_wrap[position="right middle"][arrow] .tooltip_content{top:50%; bottom: auto; transform:translateY(-50%)}

.tooltip_wrap[position="bottom middle"] .tooltip_content,
.tooltip_wrap[position="top middle"] .tooltip_content,
.tooltip_wrap[position="bottom middle"][arrow] .tooltip_content,
.tooltip_wrap[position="top middle"][arrow] .tooltip_content{left:50%; right: auto; transform:translatex(-50%)}

.tooltip_wrap[position*=right] .tooltip_content,
.tooltip_wrap[position*=right][arrow] .tooltip_content{left:100%; right: auto;}
.tooltip_wrap[position*=right][arrow] .tooltip_content {left: calc(100% + var(--arrow-offset)); }

.tooltip_wrap[position="right top"] .tooltip_content,
.tooltip_wrap[position="right top"][arrow] .tooltip_content{transform: none;left: calc(0px - var(--side-offset));}
.tooltip_wrap[position="right top"][arrow] .tooltip_content:before {transform: rotate(-90deg);left: var(--side-offset);top: 100%;}

.tooltip_wrap[position="right bottom"] .tooltip_content,
.tooltip_wrap[position="right bottom"][arrow] .tooltip_content {transform: none;left: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="right bottom"][arrow] .tooltip_content:before {transform: rotate(90deg);left: var(--side-offset);bottom: 100%;}

.tooltip_wrap[position="left top"] .tooltip_content,
.tooltip_wrap[position="left top"][arrow] .tooltip_content { transform: none; right: calc(0px - var(--side-offset)); }
.tooltip_wrap[position="left top"][arrow] .tooltip_content:before {transform: rotate(-90deg);left: auto;right: var(--side-offset);top: 100%;}

.tooltip_wrap[position="left bottom"] .tooltip_content,
.tooltip_wrap[position="left bottom"][arrow] .tooltip_content {transform: none;right: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="left bottom"][arrow] .tooltip_content:before {transform: rotate(90deg);left: auto;right: var(--side-offset);top: auto;bottom: 100%;}

.tooltip_wrap[position="top left"] .tooltip_content,
.tooltip_wrap[position="top left"][arrow] .tooltip_content { transform: none; right: calc(0px - var(--side-offset)); }
.tooltip_wrap[position="top left"][arrow] .tooltip_content:before { transform: rotate(-90deg); left: auto; right: var(--side-offset); top: 100%; bottom: auto; }

.tooltip_wrap[position="top right"] .tooltip_content,
.tooltip_wrap[position="top right"][arrow] .tooltip_content { transform: none; left: calc(0px - var(--side-offset)); }
.tooltip_wrap[position="top right"][arrow] .tooltip_content:before { transform: rotate(-90deg); right: auto; left: var(--side-offset); top: 100%; bottom: auto; }

.tooltip_wrap[position="bottom left"] .tooltip_content,
.tooltip_wrap[position="bottom left"][arrow] .tooltip_content {transform: none;right: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="bottom left"][arrow] .tooltip_content:before {transform: rotate(90deg);left: auto;right: var(--side-offset);top: auto;bottom: 100%;}

.tooltip_wrap[position="bottom right"] .tooltip_content,
.tooltip_wrap[position="bottom right"][arrow] .tooltip_content {transform: none;left: calc(0px - var(--side-offset));top: calc(100% + var(--arrow-offset));}
.tooltip_wrap[position="bottom right"][arrow] .tooltip_content:before {transform: rotate(90deg);right: auto;left: var(--side-offset);top: auto;bottom: 100%;}
.tooltip_wrap:hover .tooltip_content { opacity: 1; pointer-events: all; }
.tooltip_content {transition: 0.5s;opacity: 0;pointer-events: none;}
/* TOOLTIP CSS END */

.pagination_btn_wrap { display: flex ; align-items: center; margin-top: 2rem; justify-content: center; }
.pagination_btn_wrap .pagination_btn { margin: 0 0.2rem; height: 3.125rem; width: 3.125rem; border: solid 2px var(--secondary-color); font-size: 1.2rem; display: flex ; transition: 0.5s; align-items: center; justify-content: center; border-radius: 50px; text-decoration: none; color: var(--secondary-color);}
.tooltip_wrap {text-decoration: none;}
.tooltip_content {font-weight: 600;}
.pagination_btn_wrap .pagination_btn:hover { background-color: var(--secondary-color);color: var(--white);}


@media(max-width:767px){
  .banner_inner { flex-wrap: wrap;}
  .banner_inner>div {width: 100%;}
  .home_step {     margin-top: 1.5rem; padding: 2rem;}
  .home_step_list {    grid-gap: 1rem; display: flex; overflow: auto;}
  .home_step_list li {min-width: 55%;}
  .home_step_box .content img {width: 3rem;}
  .home_step_box { padding: 2rem;}
  .conferenc_feature_right {padding-left: 0; width: 100%;}
  .conferenc_feature_inner {flex-wrap: wrap;}
  .conferenc_feature_left {width: 100%; margin-bottom: 2rem; margin-left: 0;}
  .home_testimonial {     padding: 3rem 3rem 3rem 1rem;}
  .home_testimonial_card {flex-wrap: wrap;}
  .heading_btn  {flex-wrap: wrap;}
  .home_blog_list { grid-template-columns: repeat(1, 1fr);}





  .header-nav { position: fixed; align-items: flex-start; top: 0; width: 17rem; z-index: 9; right: 0;height: 100%; background-color: var(--white);     transform: translate(100%, 0); transition: 0.5s;     flex-direction: column;}
    body.menu_opend  .header-nav {    transform: translate(0, 0);}
    .top_nav>li>a { display: block;border-bottom: solid 1px #ccc;         padding: 1rem 1rem;}
    /* .top_nav > li:nth-last-child(-n+2) > a {border-bottom: none;} */


  .close_menu {background-color: var(--theme-color-dark); display: inline-block; padding: 0.5rem; float: right; width: fit-content; margin: 1rem;}
  .close_menu img { height: 24px;}
  body.menu_opend { overflow: hidden;}
  .menu_opend .backdrop_menu {display: block;}
  .menu_content { min-width: 15rem; position: fixed; right: 0; top: 0; width: 15rem;  height: 100vh;margin-top: 2.65rem; opacity: 1; transform: translateY(0rem); pointer-events: all;     transform: translate(100%, 0);}
  .menu_content.active {transform: translate(0, 0); z-index: 5;background: #fff;box-shadow: 0 0 15px #0000004a; }
  .menu_content ul {height: 100%;border-radius: 0; background-color: transparent; box-shadow: none;    margin-top: 3rem; overflow: auto; width: 100%;}
  .menu_content i{display: none;} .menu_content ul li a {   border-bottom: solid 1px #ccc;padding: 1rem 1rem;}
  .menu_icon {display: block;color: var(--white);}
  .top_nav > li:last-child, .top_nav > li:nth-last-child(2) {    padding: 0 1rem;}
  .top_nav > li:nth-last-child(2)  {margin-block: 1rem;}
  .top_nav > li:last-child > a, .top_nav > li:nth-last-child(2) a{text-align: center;}

  .top_nav > li:last-child > a {  border: 2px solid var(--theme-color);   }
  .top_nav > li:nth-last-child(2) > a{ border: 2px solid var(--theme-color-blue);}

   .banner_inner .lg_text {    font-size: 2.5rem;}
   .sm_text  {font-size: 1.2rem;}

   .confsubmithub_banner { margin-bottom: 0 ;}
  .slider_lg_sec img {width: 100%;}
  .banner_slider_sm {width: 25%;}
  .slider_sm_sec img {max-width: 100%;}
  .slider_lg_sec {height: calc(100% - 25px); top: 24px;}
  .banner_right {width: 100% !important; margin: 2rem 0 0 0 !important; } 
  .slider_sm_sec {width: 93%; top: -2px;left: 2px; height: 100%;}
  .testimonial_data { padding-left:0}
  .home_testimonial_card .user_img { height: 5.375rem; width: 5.375rem; min-width: 5.375rem; margin-bottom: 1.5rem;}
  .testimonial_data .text_lg {     font-size: 1.125rem;}
  .blog_btn_mob {text-align: center;}
.conferenc_feature_home {      padding: 2rem 1rem;   flex-direction: column;
    align-items: center;
    text-align: center;         justify-content: center;}
.conferenc_feature_home .icon { margin-bottom: 1rem;}
.conferenc_feature_home .text br {display: none;}



  .footer_grap_one, .graph_left_bottom {z-index: -1;}
  .footer_bg {     padding: 0px 0 4rem 0; background-color: var(--white);}

    .inner_banner_top {flex-wrap: wrap; flex-direction: column-reverse; padding-block: 2rem;}
    .inner_banner_bg .inner_banner_left {width: 100% !important; margin-top: 2rem;}
    .inner_banner_bg .inner_banner_right {width: 100% !important;}
    .inner_banner_bg .inner_banner_right img {border-radius: 0;}
    .inner_banner_bg .inner_banner_left .lg_text {font-size: 2.2rem;}
    .organisations_logo_inner {  padding: 2rem;}

    .swiper.marquee-swiper {     margin-top: 2rem;}
    .organisations_logo_inner .mb-5 { margin-bottom: 0rem !important;}
    .bottom_header .header_logo img {height: 3rem;}
    .features_list_wrap .features_list_inner {flex-wrap: wrap;}
    .features_list_img {width: 100%;}
    .features_list_data {width: 100%; padding-left: 0;     padding-block: 2rem;}
    .features_list_data .content_title {font-size: 1.5rem;}
    .features_list_wrap .features_list_inner:nth-child(2n) .features_list_data {padding-right: 0;}
    .features_list_wrap .features_list_inner:not(:last-child){margin-bottom: 2rem;}
    .book_demo_inner { margin-top: 3rem;}
    .pricing_list { gap: 1rem;flex-wrap: wrap;}
    .vision_data_inner{flex-wrap: wrap; gap: 1rem 0;}
    .vision_data_inner .vision_data_box {width: 100%;}
    .values_wrap {     padding: 2.5rem 1.5rem;   flex-wrap: nowrap; overflow: auto; display: flex;}
     .values_wrap .values_box {min-width: 65%;    padding: 0 1rem;}
      .why_choose_wrap {display: flex; flex-wrap: nowrap; overflow: auto;}
     .why_choose_box {min-width: 55%;}
     .contact_add_wrap { grid-template-columns: repeat(1, 1fr); gap: 2rem 2rem;}
    
}