*{
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

:root{
    --primary-color: #534deb;
    --secondary-color: #fe992f;
    --primary-gradient: linear-gradient(319deg, rgba(31,42,171,1) 33%, rgba(1,124,197,1) 100%);
    --secondary-gradient: linear-gradient(120deg, rgba(254,47,47,1) 0%, rgba(254,153,47,1) 62%);

    --text-grey: #ffffffad;
}

.btn{
    transition: 0.3s ease-in-out;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--secondary-color) !important;
    --bs-btn-border-color: var(--secondary-color) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color) !important;
    --bs-btn-hover-border-color: var(--primary-color) !important;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color) !important;
    --bs-btn-active-border-color: var(--primary-color) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary-color) !important;
    --bs-btn-disabled-border-color: var(--primary-color) !important;
}

p{
    font-size: 14px;
    margin-bottom: 0 !important;
    font-weight: 300;
    line-height: 1.7;
}

.section--header p{
    margin-bottom: 1.5rem !important;
}

h1, h2{
    margin-bottom: clamp(1rem, 1.8vw, 1.8rem) !important;
}

.list li {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.5rem;
}

li.footer-nav--item .disabled {
    pointer-events: none;
    opacity: 0.4;
    color: #b1b1b1;
    font-weight: 500;
}

.list li::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border: 1px solid #0b6cdf;
    background-color: #0b6cdf;
    left: 0;
    top: 6px;
    transform: rotate(45deg);
    animation: blink .4s infinite .8s;
    transition: all .8s ease-out;
}

.upc_txt{
    text-transform: capitalize;
}

.p-large {
    font-size: 18px;
    margin-bottom: 20px !important;
}

/*.card01:hover {*/
/*    background: linear-gradient(120deg, rgba(254,47,47,1) 0%, rgba(254,153,47,1) 62%);*/
/*    color: #fff;*/
/*}*/

/*.card01:hover .list li::before {*/
   
/*    border: 1px solid #fff;*/
/*    background-color: #fff;*/
  
/*}*/

img{
    max-width: 100%;
}

.cards-wrapper.kbCwrap{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 2rem;
}

section.section.paddingCustom {
    padding: clamp(.5rem, 4.5rem, .5rem);
}


/*.bg-primary{*/
/*    background: linear-gradient(319deg, rgba(103,114,241,1) 33%, rgba(81,183,243,1) 100%);*/
/*    color: #fff;*/
/*}*/

.bg-primary{
    background: linear-gradient(319deg, rgba(31,42,171,1) 33%, rgba(1,124,197,1) 100%);
    color: #fff;
}

.bg-secondary{
    background: linear-gradient(0deg, rgba(254,47,47,1) 0%, rgba(254,153,47,1) 62%);;
    color: #fff;
}

.bg-light{
    background: linear-gradient(0deg, rgba(242,247,251,1) 8%, rgba(251,252,254,1) 56%, rgba(253,254,255,1) 100%);
}

 .hosp_card {
    box-shadow: 1px 1px 11px 4px #e5e5e5;
    padding: 10px;
    border-radius: 10px;
 }


.footer{
    padding-top: clamp(.5rem, 4.5vw, 1rem);
}

.solutionList {
    flex-direction: column;
    align-items: self-start;
    position: relative;
    top: -38px;
}

.bgGrey{
    background: #f7f7f7;
}

.footer-nav .solutionList li a {
    padding: 1rem 0rem;
}

.bssWrapper00 .section-header.custheight111{
    max-height:331px;
}

.bssWrapper00 .section-header.custheight222{
    max-height: 200px;
}

.bssWrapper00 .section-header.custheight333{
    max-height: 175px;
}

.section{
    padding: clamp(2rem, 4.5vw, 4.5rem) 0;
}

.aboutusCard00{
    box-shadow: 1px 1px 11px 4px #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    margin: 1px 111px;
}

.RMore{
    font-weight: 600;
    font-size: 12px;
}

.bssWrapper00 .section-header.ls003 {
    padding: 1rem;
    background: #fff;
    color: #000;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    position: relative;
    text-align: left;
    height: 340px;
    margin-bottom: 20px;
}


.bssWrapper00 .section-header.ls003:hover {
    background: var(--secondary-gradient);
    color: #fff;
}

.ls003 .margin-bottom00 {
    margin-bottom: 8px !important;
    font-size: 14px;
    text-align: justify;
}

.custImgS{
    width: 360px;
}

/*.aboutusCard00:hover {*/
/*    background: var(--secondary-gradient);*/
/*    color: #fff;*/
/*}*/

.section.section-banner{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.abtUsWrapper {
    display: grid !important;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1rem;
    margin-bottom: 15px;
}


/* header starts here */
header{
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

header nav{
    padding: 0 !important;
}

.iwf00{
   background: #f3f3f3;
    text-align: center; 
} 

.iwfTxt00 {
    font-size: 20px;
    margin-top: 30px;
}

/*.iwfArch_Img, .bssArch_Img{*/
/*    width: 625px;*/
/*}*/

.logo img{
    width: 280px;
}

.bssWrapper00 .section-header.sh00 h4{
    font-size: 1.4rem;
}

.header-nav{
    justify-content: end;
}

.section-banner.realEstate_wrapper{
    height:auto;
}

.nav-link {
    padding: 1.5rem 1.5rem !important;
}

.nav-link:hover{
    color: var(--primary-color) !important;
}


.dropdown-nav__target-left,.dropdown-nav__target-right {
    transform: translateY(30px);
    transition: 0.3s;
}

.dropdown-nav__target-right {
    background-color: var(--secondary-color);
}


.nav-item.nav-dropdown:hover .dropdown-nav__target .dropdown-nav__target-left,.nav-item.nav-dropdown:hover .dropdown-nav__target .dropdown-nav__target-right {
    transform: translateY(0px);
    transition: 0.3s;
}

.dropdown-nav__list li {
    /*width: 100%;*/
    display: block;
    text-align: left;
    padding: 0;
    margin-right: 1rem;
}

.dropdown-nav__list li a {
    color: inherit;
    display: inline-block;
    padding: 0.525rem !important;
    font-size: inherit;
    transition: color 0.3s;
}

.primary-menu {
    display: flex;
    align-items: center;
    /* position: relative; */
    justify-content: flex-end;
}

.open-nav .navbar-nav{
    flex-direction: column !important;
}

.dropdown-nav__list {
    display: flex;
}

/***********************************/

/* Tooltip container */
.tooltip00 {
  position: relative;
  display: inline-block;
}


.expoHead {
    font-weight: 500;
    font-size: 19px;
    height: 45px;
    padding: 7px 4px;
    text-align: center;
}

.snp_wrap ul li {
    width: 50%;
    float: left;
    display: block;
    margin-bottom: 20px;
}

.snp_wrap {
    margin-top: 16px;
}
    
.ExpoCard {
    padding: 10px;
    border-radius: 9px;
    box-shadow: 1px 1px 4px 2px #f1ecec;
}

.expo_img {
    text-align: center;
}

.secPadding {
    padding: clamp(1rem, 4.5vw, .5rem) 0;
}

.tdbannerImg img {
    width: 325px;
}

.expo_img img {
    width: 80px;
}

.ExpoWrapper {
    display: grid !important;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1rem;
    margin-bottom: 15px;
}

.expoBody.txtJ {
    padding: 3px 6px;
    font-size: 14px;
}

.ExpoCard:hover{
    background: var(--secondary-gradient);
    color: #fff;
    transition: 0.3s ease all;
}


.aboutbannerImg img {
    width: 475px;
}

.subperagraphTxt{
    margin-top: 20px;
}

.aboutTopbanner {
    align-items: center;
}
.about_banner_Text {
    text-align: left;
}

.about_banner_Text p {
    font-size: 30px;
}

.IwF_KeyFeatures .cards-wrapper .card h4{
    font-size: 1.4rem;
}

.IwF_KeyFeatures .cards-wrapper .card .margin-bottom00{
    font-size: 14px;
}
.contentCards .sub-content .contact__icn i {
    color: #000 !important;
}

.txtJ{
    text-align: justify;
}

.customSize{
    width: 530px;
}


.margin-bottom00{
    font-size: 14px;
}

.tooltip00 .tooltiptext00 {
    visibility: hidden;
    width: 136px;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    right: 17px;
    top: -26px;
    font-size: 12px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip00:hover .tooltiptext00 {
  visibility: visible;
}
/***********************************/

.RowReverse{
   flex-direction: row-reverse; 
}
.subnav-box{
    /*padding: 1rem;*/
    padding: 4px;
    /* background-color: var(--secondary-color); */
    background: var(--primary-gradient);
    background-color: rgba(83, 77, 235, 0.1);
    color: #fff;
    position: relative;
}

.subnav-box p{
    color: #fff;
    font-size: 14px;
}

.subnav-box h6{
    color: #fff;
    font-size: 14px;
}

.subnav-box>a{
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Highlight_wrap .card00:hover {
    background: var(--secondary-gradient);
    color: #fff;
}

.footer-nav .quickLinkList li a{
      padding: 1rem 0rem;
}  

.socialLinks {
    margin-top: -16px;
}

.quickLinkList {
    flex-direction: column;
    align-items: self-start;
}


.caterCardWrap .feature-card:hover {
    background: var(--secondary-gradient);
    color: #fff;
}

.entBenefitsCards .cards-wrapper .card.entKeyB .icon {
    margin: 2px 14px 2px 2px;
}

.entTopbanner, .eduTopbanner {
    align-items: center;
}

.entBenefitsCards .cards-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 1rem;
}

.bssWrapper00 .section-header.sh00.customHeight{
    height:290px;
}

.bssWrapper00 .section-header.sh00.customHeight01{
    height:310px;
}

.bssWrapper00 .section-header.sh00.customHeight02{
    height:380px;
}

.card.entKeyB {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px !important;
    border: none;
}

.entbannerImg img {
    width: 370px;
}

/*.bssbannerImg img {*/
/*    width: 315px;*/
/*}*/

.edubannerImg img {
    width: 360px;
    padding: 15px;
}

.bss_banner_Text {
    text-align: left;
}

.subnav-box:before{
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    width: 0;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    transform: skewX(-25deg);
}

.subnav-box:hover:before{
    width: 120%;
    background-color: rgba(255,255,255,0);
    
      -webkit-transition: all 0.4s ease-in-out;
         -moz-transition: all 0.4s ease-in-out;
              transition: all 0.4s ease-in-out;
}

footer.section.section-footer {
    padding-top: 0;
}

.subscriber_wrap {
    padding-top: 3rem;
}

.HospibannerImg img {
    width: 370px;
    padding: 6px;
}

.HospiTopbanner {
    align-items: center;
}


.p-pulse
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight:500;
}

.pulse {
    background: #1151b8;
    color: #fff;
    margin: 4px;
    padding: 3px 15px;
    border-radius: 16px;
}


.caterCardWrap .feature-card{
    padding: 7px;
    background: #fff;
    color: #000;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    position: relative;
    text-align: center;
    width: 100%;
    box-shadow: 1px 1px 4px 2px #f1ecec;
}

.socialSectionBanner{
    height: auto;
}

.Industrywrap .caterCardWrap{
    display: grid !important;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 0.5rem;
    margin-bottom: 0px;
}

.Industrywrap .caterCardWrap .feature-card img {
    padding: 8px;
}

.b_oss_banner_Text p {
    font-size: 25px;
}

.b_ossTopbanner {
    align-items: center;
}

.b_ossbannerImg img {
    width: 100%;
    padding: 40px;
}

.caterCardWrap .cardHeight {
    margin-bottom: 0 !important;
}

.subnav-box:first-child{
    border-bottom: 2px solid #fff;
}

.pmsWrapper00 .card00:hover {
    background: var(--secondary-gradient);
    color: #fff;
}

.foodieWrapper00 .card00:hover {
    background: var(--secondary-gradient);
    color: #fff;
}
.foodieWrapper00{
    padding: clamp(0.5rem, 4.5vw, 0.5rem) 0;
}

.pmsTopbanner {
    display: flex;
    align-items: center;
}

.foodiebannerImg img {
    width: 280px;
    margin: 0px;
}

.pmsbannerImg img {
    width: 315px;
    margin: 12px;
}

.tavernbannerImg img {
    width: 455px;
    margin: 12px;
}

.tavern_banner_Text p {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 400;
}

.tavernTopbanner {
    display: flex;
    align-items: center;
}

.grdnt{
        color: #e51937;
    background: linear-gradient(to bottom right, #e51937, #f9a61d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Industrywrap{
    padding: clamp(1.5rem, 4.5vw, 0.5rem) 0;
    height:280px;
}

.feature-card--body h5 {
    font-size: 17px;
}


/*.benefit-card:hover{*/
/*background: var(--secondary-gradient);*/
/*    color: #fff;*/
/*}*/

.benefit-card:hover .benefit-card-header {
    background: var(--secondary-gradient);
    color: #fff;
    transition: 0.3s ease all;
}

.realEstate_wrapper{
    height: auto;
}

.smartphonesWrap{
     padding: clamp(0.5rem, 4.5vw, 0.5rem) 0;   
}

.benefitSystem_wrap{
    padding: clamp(0.5rem, 4.5vw, 0.5rem) 0;  
}

section.smartplans_Wrap {
    padding: 8px;
}



.tsvernbannerImg img {
   width: 455px;
    margin: 12px;
}

section.section.firstStep_wrapper {
    padding-bottom: 30px;
}

section.cbp_section{
    padding-top: 30px;
}

.card.tavernCard {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 3px !important;
    border: none;
}

section.section.foodieMgmt {
    padding: 20px 5px;
}

.card.tavernCard .icon.img-circle {
    padding: 0;
    margin: 0 12px 0px 3px;
}

.firstStep_wrapper .cards-wrapper {
    grid-template-columns: repeat(2,1fr);
    
}

h2.first_step{
    font-weight: 600;
    font-size: 35px;
}

.pms_banner_Text p {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 400;
}

.heighlight_ul li {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 5px;
    padding : 10px 1px;
      background: #fff;
    color: #000;
}

.foodieWrapper00 .card00 {
    justify-content: space-around !important;
}


.foodieWrapper00.flexREverse .card00 .section-header
 {
    margin-left: 80px;
}

.foodieWrapper00 .card00 .imgSection {
    text-align: center;
}

.foodieWrapper00 .card00 img {
    width: 250px;
}


.pmsWrapper00 .card00 img {
    width: 350px;
}

.pmsWrapper00 .card00 {
    justify-content: space-around !important;
}


.pmsWrapper00.flexREverse .card00 .section-header
 {
    margin-left: 80px;
}

.pmsWrapper00 .card00 .imgSection {
    text-align: center;
}



.flexREverse .card00 {
    flex-direction: row-reverse;
}

.subnav-header>a{
    font-weight: 500;
    font-size: 14px !important;
    text-transform: uppercase;
}

.subnav-child a{
    font-weight: 400;
    font-size: 14px !important;
    padding: 0.2rem 0.2rem 0.2rem 0.625rem !important;
}

.dropdown-nav__list-bottom li a{
    font-weight: 400;
    font-size: 14px !important;
    padding: 0.5rem 0 !important;
}

.dropdown-nav__list-bottom>li:first-child a{
    cursor: inherit;
}

.dropdown-nav__list-bottom>li:first-child a:hover{
    color: inherit;
}

.dropdown-nav__list-bottom a{
    color: inherit;
    display: inline-block;
    padding: 0.625rem 0;
    font-size: inherit;
    transition: color 0.2s;
}

.dropdown-nav__list-bottom a:hover{
    color: var(--secondary-color);
}

.dropdown-nav__list-bottom>span{
    padding: 0.625rem;
    font-size: 14px;
    font-weight: 400;
}

.dropdown_toggle{
    position: relative;
}

.dropdown_toggle:after{
    position: absolute;
    content: "" !important;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    right: 8px;
    top: 41%;
}

.hospitality-wifi{
    align-items: center;
}

.cards-wrapper .card:hover {
    background: var(--secondary-gradient);
    color: #fff;
}

.txtbold00 {
    font-size: 26px;
    font-weight: 700;
}

.cards-wrapper.socilaCArd_Wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2rem;
}

.section.subsection01 {
    padding: 15px 0 0 0!important;
}

.contact__icn i {
    color: #fff !important;
}

.bssInfo00, .iwfInfo00
{
    background: linear-gradient(319deg, rgba(31,42,171,1) 33%, rgba(1,124,197,1) 100%);
    color: #fff;
    padding: 20px 5px;
    margin-bottom: 10px;
}

.borderBtm{
    /*border-bottom: 1px solid #cdcdcd;*/
}

.billing_pltrm img {
    width: 300px;
}

#bluejay-banner {
    height: 56vh;
}
/*.bssbannerImg img {*/
/*    width: inherit;*/
/*}*/

.section-header.sh00 .list li {
    margin-bottom: 6px;
    position: relative;
    padding-left: 1.5rem;
    font-size: 14px;
}

.bssTopbanner{
    align-items: center;
}
.sh00 .margin-bottom00{
    margin-bottom: 8px !important;
    font-size: 14px;
    text-align: justify;
}
.bssBenefitsCards .cards-wrapper .card.bssKeyB .icon {
    margin: 2px 14px 2px 2px;
}

.card.bssKeyB {
    border: none;
}

.zoomINeffct{
   -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; 
}

.zoomINeffct:hover{
        -webkit-transform: scale(1.5);
    transform: scale(1.05);
}



.pms-banner h1 {
    margin-bottom: 0 !important;
    font-weight: 600;
    color: #fff;
    font-size: 32px;
    text-shadow: 6px 4px 4px #161616;
    text-align: justify;
    width: 543px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.card00:hover {
    border-radius: 8px;
    /*border: 1px solid #eaeaea;*/
    box-shadow: 0 0.5rem 1.2rem rgba(0,0,0,.2);57
    padding: 0.75rem 1.25rem;
    transition-duration: 0.5s;
}

.bg-primary_new {
    background: linear-gradient(319deg, rgba(31,42,171,1) 33%, rgba(1,124,197,1) 100%);
    color: #fff;
}

.heading_h2{
    font-weight: 600;
}

.card00 {
    box-shadow: 1px 1px 11px 4px #e5e5e5;
    padding: 10px;
    border-radius: 10px;
}

.margin-btm{
    margin-bottom: 20px !important;
}

.margin-bottom00 {
    margin-bottom: 20px !important;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
}

.pms-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: calc(100vh - 50%);
}

.pmsWrapper00{
    padding: clamp(.5rem, 4.5vw, .5rem) 0;
}

.icon.img-circle img{
    filter: brightness(0) invert(1);
    padding: 12px;
}

.Key_Benefits_wrapper.cards-wrapper .card {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: none;
    padding: 4px;
}

.heighlight_ul li:hover {
    background: var(--secondary-gradient);
    color: #fff;
}

.Key_Benefits_wrapper.cards-wrapper .card .icon {
    margin: 0 10px 0 0;
}

.Key_Benefits_wrapper.cards-wrapper .card p{
   width: 80%;
   text-align: left;
}

.Arch_txt{
    text-align: justify;
    margin-top: 33px;
}

    .OrgTxt {
     color: #f58209 ;
     font-weight: 500;
    }
    
    .blueTxt{
        color: #0f1dc5;
        font-weight: 500;
    }

   .Key_Benefits_wrapper.cards-wrapper { 
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: .5rem;
    } 

.bluejay_architecture {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px !important;
    flex-direction: column-reverse;
}

.bssWrapper00 {
    padding: clamp(1rem, 4.5vw, 1.5rem) 0;
}

.card01 {
    box-shadow: 1px 1px 11px 1px #e5e5e5;
    padding: 10px;
    border-radius: 10px;
}

.bss_banner_Text p{
    font-size: 30px;
}

.bssBenefitsCards .cards-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 1rem;
}



.flxRight{
    width: 74%;
    text-align: left;
}

.bss_banner_Text.col-12 {
    width: 60%;
    margin-left: 480px;
    text-align: left;
}

.bssWrapper00 .card01 {
    display: flex;
    align-items: baseline !important;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: none;
    justify-content: flex-start !important;
}

.bssWrapper00 .section-header.sh00:hover {
    background: var(--secondary-gradient);
    color: #fff;
}

.bssWrapper00 {
    /*background: #1c34ae;*/
    box-shadow: none;
    }
    
    .card.bssKeyB{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 4px !important;
    }

.bssWrapper00 .section-header.sh00 {
    padding: 1rem;
    background: #fff;
    color: #000;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    position: relative;
    text-align: left;
    height: 375px;
    margin-bottom: 20px;
}

.icon img{
    filter: brightness(0) invert(1);
    padding: 12px;
}

/*.bss_banner_Text{*/
/*    text-align: right;*/
/*    padding-left: 591px;*/
/*}*/

.IwF_KeyFeatures .cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 24px;
    justify-content: space-between;
    margin: 12px;
}

.iwfTopbanner, .AaaTopbanner {
    display: flex;
    align-items: center;
}

.foodieTopbanner {
    display: flex;
    align-items: center;
}

.IwF_KeyFeatures .cards-wrapper .card{
    text-align: left;
    padding: 1rem;
}

.IwF_KeyFeatures .cards-wrapper .card:last-child{
    min-width: 206%;
}

.iwf_banner_Text p, .Aaa_banner_Text p {
    font-size: 30px;
}

.foodie_banner_Text p {
    font-size: 30px;
}

.iwfbannerImg img, .AaabannerImg img {
    width: 315px;
}

.IwF_KeyFeatures{
    
}

ul.iwf_ul {
    column-count: 2;
    /*transition: all 0.8s ease;*/
}

ul.iwf_ul li {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    transition: all 0.8s ease;
}

ul.iwf_ul li p {
    width: 80%;
}

.heighlight_ul{
     column-count: 2;
     transition: all 0.8s ease;
}

.heighlight_ul li{
      display: flex;
    align-items: center;
    margin-bottom: 10px;
    transition: all 0.8s ease;
}

.heighlight_ul li .heighlight_right{
     width: 80%;
}

.heighlight_ul li .heighlight_right p{
    font-size: 12px;
}

.heighlight_ul .img-circle {
    border-radius: 8px;
}

.iwf_ul li:hover .icon.img-circle {
    background:linear-gradient(319deg, rgba(31,42,171,1) 33%, rgba(1,124,197,1) 100%) !important; 
    transition: all 0.8s ease !important;
    background-position: -130px !important;
}

.heighlight_ul li:hover .icon.img-circle {
    background:linear-gradient(319deg, rgba(31,42,171,1) 33%, rgba(1,124,197,1) 100%) !important; 
    transition: all 0.8s ease !important;
    background-position: -130px !important;
}

.trove_banner_Text.col-12 {
    padding-left: 550px;
}


@media only screen and (min-width: 1440px) and (max-width: 1920px) {
    .bssWrapper00 .section-header.sh00.customHeight02 {
        /*height: 400px;*/
    }

}

/* MEDIA */
@media screen and (min-width:1200px){
    .nav-toggle-wrapper {
        display: none;
    }

    .nav-item.nav-dropdown:hover .dropdown-nav__target {
        opacity: 1;
        visibility: visible;
    }
    
    .nav-item.nav-dropdown:hover .nav-link {
        color: var(--primary-color)
    }
    
    .dropdown-nav__target {
        margin: 0;
        background: #fff;
        width: 100%;
        opacity: 0;
        position: absolute;
        top: 100%;
        visibility: hidden;
        left: 1px;
        z-index: 1;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        min-height: 220px;
        display: flex;
        overflow: hidden;
        transition:height 0.3s ease-in-out;
        transition-delay: 0.1s;
        padding: 0.5rem;
    }

    .dropdown-nav__target {
        /* left: 50%!important;
        transform: translateX(-50%); */
        /* position: relative; */
        border-top: 3px solid #fe992f;
    }

    /* .dropdown-nav__list::before {
        content: "";
        border-bottom: 7px solid #fe992f;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        height: 0;
        left: 50%;
        margin-left: -6px;
        position: absolute;
        top: -9px;
        width: 0;
    } */

    .dropdown-nav__list li a:hover {
        /* color: var(--primary-color); */
        background-color: rgba(254, 153, 47, 0.1);
        border-radius: 4px;
        color: var(--secondary-color);
    }

    nav.navigation {
        position: relative;
        width: 100%;
    }

    .dropdown-nav__list-bottom li a{
        font-weight: 400;
        font-size: 14px !important;
        padding: 1rem 0 !important;
        text-transform: uppercase;
        position: relative;
    }

    .dropdown-nav__list-bottom ul li a{
        padding: 1rem !important;
    }
    
    .dropdown-nav__list-bottom ul li a:before{
        position: absolute;
        content: "";
        height: 28px;
        width: 1px;
        border-right: 1px solid #ddd;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .dropdown-nav__target-left {
        max-width: 75%;
        flex: 0 0 75%;
        padding: 0 1rem 0 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .dropdown-nav__list-bottom ul{
        display: flex;
    }
    
    .dropdown-nav__list-bottom{
        display: flex;
        align-items: center;
    }

    .border-t{
        border-top: 1px solid #ddd;
    }

    .nav-link.header-contact{
        padding: 0 !important;
    }
}

@media screen and (min-width: 992px){
    .brand-theme{
        position: relative;
        z-index: 2;
        text-wrap: nowrap
    }
    
    .brand-theme:before{
        position: absolute;
        content: "";
        top: 55%;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgb(135 139 243 / 38%);
        opacity: 0.8;
        z-index: -1;
    }
}

@media (max-width: 1199px){
    .nav-item.nav-dropdown{
        position: relative;
    }

    .dropdown-nav__list{
        flex-direction: column;
    }

    .dropdown-nav__target, .sub-navigation__target{
        display: none;
        margin-bottom: 1rem;
    }

    .subnav-header-dropdown>a,.subnav-header-dropdown>span{
        position: relative;
        font-size: 14px;
        display: block;
    }
    
    .subnav-header-dropdown>span{
        margin-right:17px;
    }

    .subnav-header-dropdown>a::after,.subnav-header-dropdown>span::after{
        position: absolute;
        content: "" !important;
        width: 8px;
        height: 8px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(135deg);
        right: 8px;
        top: 35%;
    }

    .footer-nav {
        flex-direction: column;
        gap: 2rem;
    }

    .navigations__overlay {
        z-index: 99;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.7);
        display: none;
    }

    .navigation {
        background: #fff;
        bottom: 0;
        box-shadow: 0 0 10px rgba(51,51,51,.38);
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        transform: translate3d(0,0,350px);
        transition: all .3s ease 0s;
        width: 350px;
        opacity: 0;
        visibility: hidden;
        z-index: 99999999;
        padding: 0;
        padding-top: 0;
    }

    .open-nav .navigation, .show-nav .navigation {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0,0,0);
        background-color: #fff !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    }

    .dropdown-nav__list li a {
        padding: 0.25rem 0.875rem;
        font-size: inherit;
        text-transform: inherit;
        font-weight: 400;
        border: none;
    }

    .open-nav .navigations__overlay {
        display: block;
    }

    .primary-menu{
        display: block !important;
        text-align: left;
    }

    /* .dropdown-nav__list {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0.625rem;
        margin-bottom: 0.5rem;
        position: relative;
        left: unset;
        top: unset;
        right: unset;
        box-shadow: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        display: none;
    } */

    .dropdown-nav__list>li>a,.subnav-header-dropdown>a,.dropdown-nav__list>li>a, .subnav-header-dropdown>span{
        padding: .5rem 2rem 0.5rem 2.8rem!important;
        display:block;
    }
    

    .sub-navigation li a, .dropdown-nav__list-bottom li a{
        padding: .5rem 2rem 0.5rem 2.8rem!important;
    }

    .sub-navigation, .sub-navigation__target{
        padding-left: 1rem !important;
    }

    .primary-menu > li{
        border-bottom: 1px dashed #dcd9d9;
    }

    .dropdown-nav__list li{
        color: #000;
        font-size: 14px;
    }

    .dropdown-nav__list li:hover{
        color: var(--primary-color);
        font-size: 14px;
    }

    .dropdown_toggle:after{
        right: 25px;
        top: 35%;
    }
}



/* header ends here */

.section-banner{
    padding: 2rem 0;
    display: flex;
    align-items: center;
}


/* footer starts here */
.footer-contact .contact:hover .contact__icn i{
    transition: all 0.65s;
    transform: rotateY(360deg);
}

/* animation */
.blink{
    animation: blinker 1s step-end infinite;
}

@keyframes blinker {
    50% {
      opacity: 0;
    }
}

/* About Us Page*/
 .section-banner{
        height: 100%;
    }
#about-us--banner h1{
    color: #000;
    z-index: 10;
    font-size: clamp(2.5rem,4.5vw,4.5rem);
}

#about-us--banner{

    border-bottom: 1px solid #ddd;
    background-position: right;
    background-size: contain;
}


@media screen and (max-width: 991px){
    .about-img{
        margin-bottom: 1.5rem;
    }

}

@media screen and (max-width: 767px){
    .banner-img{
        margin-bottom: 1.5rem;
    }
}

/*#about-us--banner:after{*/
/*    position: absolute;*/
/*    content: "";*/
/*    background-color: #000;*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    opacity: 0.3;*/
/*}*/

@media screen and (max-width: 576px){
    
    .subscribe-btn{
        width: 78% !important;
    }
    
    .abtUsWrapper {
        grid-template-columns: repeat(1,1fr);
       
    }
    
    .section-banner.ppBanner{
         height: auto;
    }
    
    .section-banner.tcBanner{
        height: auto;
    }
    
 
    .devServices .ExpoWrapper {
        grid-template-columns: repeat(1,1fr);
    }
    
    .firstStep_wrapper .cards-wrapper {
        grid-template-columns: repeat(1,1fr);
    }
        
    .bssWrapper00 .section-header.ls003 {
        height: auto;
    }
    .solutionList {
        flex-direction: column;
        align-items: center;
        position: relative;
        top: 0;
    }
    .ExpoWrapper {
        grid-template-columns: repeat(1,1fr);
    }
   
    .cards-wrapper.kbCwrap {
        grid-template-columns: repeat(1,1fr);
    }
    
    .bssWrapper00 .section-header.sh00.custheight111 {
        padding: .5rem 1rem;
    }
    
     .bssWrapper00 .section-header.sh00.custheight222 {
        padding: .5rem 1rem;
    }
    
     .bssWrapper00 .section-header.sh00.custheight333 {
        padding: .5rem 1rem;
    }
    
    .quickLinkList {
        align-items: center;
    }
    
    .pmsWrapper00.flexREverse .card00 .section-header {
        margin-left: 0;
    }
    
    .foodieWrapper00.flexREverse .card00 .section-header {
        margin-left: 0;
    }
    
    .cards-wrapper.socilaCArd_Wrapper {
        grid-template-columns: repeat(1,1fr);
    }
    
    .CloudWiFi_wrapper .cards-wrapper {
        grid-template-columns: repeat(1,1fr); 
    }
    
    .IwF_KeyFeatures .cards-wrapper .card:last-child{
        min-width: 100%;
    }
    
    .Industrywrap .caterCardWrap {
        grid-template-columns: repeat(1,1fr);
    }
    
    .IwF_KeyFeatures .cards-wrapper {
        grid-template-columns: repeat(1,1fr);
    }
    
    .b_oss_banner_Text p {
        font-size: 18px;
    }
    
    .telecom-router-type-info div {
        margin-bottom: 10px;
    }
    .b_oss_banner_Text, .Aaa_banner_Text, .about_banner_Text, .Hospi_banner_Text, .ent_banner_Text   {
        text-align: center;
    }
    .entBenefitsCards .cards-wrapper {
        grid-template-columns: repeat(1,1fr);
    }
    
    .iwfTxt00 {
        margin-top: 1px;
    }
    
    .bssbannerImg, .AaabannerImg, .aboutbannerImg, .iwfbannerImg, .HospibannerImg, .pmsbannerImg, .tavernbannerImg,.b_ossbannerImg, .entbannerImg, .foodiebannerImg{
        display: none;
    } 
    
    .pms_banner_Text p {
        font-size: 26px;
        margin: 23px 1px;
    }
    
    .foodie_banner_Text h2 {
       font-size: 26px;
        margin: 23px 1px;
        text-align: center;
    }
    
     .tavern_banner_Text p {
        font-size: 26px;
        margin: 23px 1px;
    }
    
    .section-banner.topbssSection{
        /*background-image: none !important;*/
        background: linear-gradient(319deg, rgba(31,42,171,1) 33%, rgba(1,124,197,1) 100%);
        color: #fff;
    }
    
    .bss_banner_Text.col-12 {
        width: auto;
        margin-left: auto;
        text-align: center;
    }
    
    .Key_Benefits_wrapper.cards-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    
    .bssBenefitsCards .cards-wrapper{
        grid-template-columns: repeat(1,1fr);
    }
    
    .Key_Benefits_wrapper.cards-wrapper .card {
        padding: 12px;
    }
    
    .bss_banner_Text p , .about_banner_Text p, .Aaa_banner_Text p{
        font-size: 18px;
    }
    
    .iwf_banner_Text{
        text-align: center;
    }
    
    .Key_Benefits_wrapper.cards-wrapper {
        grid-template-columns: repeat (1,1fr) ;
    }
    
    .iwf_banner_Text  p {
        font-size: 18px;
    }
    
    .bssWrapper00 .section-header.sh00 {
        height: auto;
    }
    
    
    .bssBenefitsCards .cards-wrapper .card { 
        padding: 10px;
    }
    
 
    
    ul.iwf_ul {
        column-count: 1;
    }
    
    .icon.img-circle img {
        width: 55px;
    }
    
    .heighlight_ul {
        column-count: 1;
    }
    
    .bss_banner_Text {
        text-align: center;
    } 
    .navigation{
        width: 240px;
    }
    .pms-banner h1 {
        font-size: 27px;
        text-align: center;
        width: 100%;
    }
}