/* fonts */
@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Bold.ttf") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-BoldItalic.ttf") format("woff2");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Italic.ttf") format("woff2");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Light.ttf") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-LightItalic.ttf") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Medium.ttf") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-MediumItalic.ttf") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Regular.ttf") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


video{
    width:100%;
    height:auto
}


.owl-prev i,
.owl-next i{
    color: var(--blackColor);
    font-size: 26px;
}

/* main setting */

p{
    padding: 0px;
    margin: 0px
}

section{
    padding-bottom: 70px;
    padding-top: 70px;
    position: relative;
}

.main-title{
    font-size: 32px;
    font-weight: 700;
    line-height: 37px;
    text-align: left;
    color: var(--blackColor);
    margin-bottom: 36px;
}

.main-title span{
    color: var(--mainColor);
}


.myModalPrev.modal.show .modal-dialog{
    height: 96%;
    justify-content: center;
    display: flex;
    align-items: center;
}

/* heading styles for blog */

.contentMainPost .ql-align-center {
   text-align: center;
}

a {
    color: #3a3985 !important;
}

.contentMainPost .ql-align-justify {
   text-align: justify;
}
.contentMainPost > h2 {
    color: #3a3985 !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    padding: 15px 0px;
}

.contentMainPost > h2 > span {
    color: #3a3985 !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    padding: 15px 0px;
}

.contentMainPost > h3 {
    color: #3a3985 !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 0px;
}

.contentMainPost > h3 > span {
    color: #3a3985 !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 0px;
}

.contentMainPost > h4 {
    color: #3a3985 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 14px 0px;
}

.contentMainPost > h4 > span {
    color: #3a3985 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 14px 0px;
}

.contentMainPost > p {
    font-size: 12pt;
}

.contentMainPost > p > span {
    font-size: 12pt;
}

/* heading styles for blog */




.sub-main-title{
    color:var(--secondColor);
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color: var(--mainColor);
}


main.page-main{
    margin-top: 100px;
}


.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}
.mainContactLinks{
    display: flex;
    align-items: center;
}


.owl-theme .owl-nav [class*='owl-']{
    background-color: transparent;
}

.mainBtn{
    padding: 16px 60px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    background: var(--mainColor);
    color: #fff !important;
    border-radius: 100px;
    line-height: 21px;
    outline: 2px solid var(--mainColor);
    border: 2px solid var(--whiteColor);
}


.mainBtnNot{
    padding: 16px 60px;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    background: var(--mainColor);
    color: #fff;
    border-radius: 100px;
    line-height: 21px;
}


.mainBtn:hover,
.mainBtnNot:hover{
    color: #fff;
}

.videoShow{
    width: 61px;
    height: 61px;
    display: inline-block;
    background: var(--secondColor);
    border-radius: 50%;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.videoShow img{
    margin-left: 4px;
}

.videoShow i{
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    color: #E8E9F2;
    margin-left: 5px;
}
/* .videoShow svg{
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  position: absolute;
} */

.videoShow:hover{
    background: var(--mainColor);
}

footer::after,
.makes-different::after,
.provide-reach::after,
.main-header::after,
.trusted-world::after,
.about-reach .about-boxes::after
{
    content: "";
    position: absolute;
    width: 296px;
    height: 296px;
    background: rgb(58, 57, 133);
    filter: blur(150px);
    top: 50%;
    transform: translateY(-50%);
}

.about-reach .about-boxes::after{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;

}

.about-reach .about-boxes{
    position: relative;
}

.main-header::after {
    left: -250px;
    z-index: 1;
}

/* fonts */
:root{
    --mainColor: #3A3985;
    --secondColor : #7549AD;
    --blackColor : #000;
    --whiteColor : #fff;
    --grayColor : #7F858E;
    --yallowColor : #FFC501;
    --borderSide : #3a39857d;
    --bgSinglePage : #FBFBFB
}


.bgSinglePage {
    background-color: #FBFBFB;
}

*,
body {
    font-family: 'Ubuntu', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin: 0;
    padding: 0;

}

a, a:hover {
    text-decoration:none;
    color: var(--blackColor);
}




.header-area{
    min-height: 100px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 10px 0 rgba(0, 166, 175, 0.05);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}


.header-area .container {
    position: relative;
}

.header-logo img{
    width: 190px;
}

.header-action a{
    margin-left: 12px;
}

.header-action .demo{
    background-color: #FFC501;
    border-radius: 100px;
    padding: 10px 24px;
    color: #000;
    text-transform: capitalize;
    text-decoration: none;
}

.header-action a:not(:last-of-type){
    margin-left: 12px;
}

.header-action a:not(.demo){
    background-color: #3a3985;
    border: 1px solid #3a3985;
    width: 42px;
    height: 42px;
    border-radius: 50%;
}


.header-nav nav > ul {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.header-nav  nav > ul > li.active > a{
    color: var(--secondColor);
}


.header-nav nav > ul > li:not(:last-of-type) {
    margin-right: 30px;
}

.header-nav nav > ul > li{
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-nav nav > ul > li.dsHasChild:hover > a::after {
    color:var(--secondColor)
}


.header-nav nav > ul > li.dsHasChild >  a::after{
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    margin-left: 3px;
}


.header-nav nav > ul > li > a {
    color: #000000;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    font-size: 18px;
}

.header-nav nav > ul > li > a span{
    display: inline-block;
    margin-right: 5px;
}


.header-nav nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    box-shadow: 0 3px 5px 1px rgba(60, 58, 134, 0.15);
    border-radius: 0 0 8px 8px;
    padding: 40px;
    transition: all .25s ease 0s;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
}

.header-nav nav > ul > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}


.mobile-menu{
    position: absolute;
    top: 60px;
    background-color: #FFFFFF;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease 0s;
}

body.mobile-menu-active  .mobile-menu{
    opacity: 1;
    visibility: visible;
    height: 100vh;
    overflow: scroll;
}

.mobile-menu > ul > li{
    padding: 20px;
}


.mobile-menu ul li a{
    display: block;
    position: relative;
    color: #0C0C0C;
    text-transform: capitalize;
    text-decoration: none;

}
.mobile-menu > ul > li.menu-item-has-children.active {
    background-color: #FBFBFB;
}


.mobile-menu ul li.menu-item-has-children.active > a{
    color: #7549AD;
}

.mobile-menu > ul > li.menu-item-has-children > a::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNi41IDYuNUwxMiAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K")  ;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: center;
    transform: translateY(-50%);

}

.mobile-menu > ul > li.menu-item-has-children.active > a::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80XzIpIj4KPHBhdGggZD0iTTEgMUw2LjUgNi41TDEyIDEiIHN0cm9rZT0iIzc1NDlBRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF80XzIiPgo8cmVjdCB3aWR0aD0iMTMiIGhlaWdodD0iOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
    transform: translateY(-50%) rotate(180deg);

}

.mobile-menu .dropdown{
    padding-left: 30px;
    padding-top: 20px;
    list-style: none;
    font-size: 14px;
}

.mobile-menu .dropdown li:not(:last-of-type){
    margin-bottom: 20px;
}

.mobile-menu .dropdown li a{
    padding-left: 20px;
}

.mobile-menu .dropdown li a::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEyTDYuNSA2LjVMMSAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}

.mobile-menu .dropdown li.active > a::before{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEyTDYuNSA2LjVMMSAxIiBzdHJva2U9IiM3NTQ5QUQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
}


.header-nav nav > ul > li:hover > a {
    color: var(--mainColor);
}


@media (max-width: 1199.98px) {
    .header-logo img {
        width: 160px;
    }

    .header-action .demo svg{
        display: none;
    }

    .header-action-icon:not(:last-of-type){
        margin-right: 10px;
    }

    .header-nav nav > ul > li:not(:last-of-type){
        margin-right: 24px;
    }

    .header-nav nav > ul > li > a{
        font-size: 16px;
    }

}

@media (max-width: 991.98px) {
    .header-area {
        min-height: 80px;
    }

    .header-logo img {
        width: 152px;
    }
}



/** Start Mega Menu **/

.title-mega{

    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: var(--secondColor);

}

.main-mega-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
.main-mega-menu ul li {
    position: relative;
}

.main-mega-menu ul li::after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--secondColor);
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 3px;
}

.main-mega-menu ul li a{
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    color: var(--secondColor);
    padding: 8px 10px 8px 20px
}


.main-mega-menu .dropdown-item:focus,
.main-mega-menu .dropdown-item:hover{
    background-color: transparent;
    color: var(--blackColor);
}

.main-mega-menu ul li:hover::after{
    background: var(--blackColor);
}


.btnMega {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    background: #EBDCFF;
    border-radius: 8px;
    display: block;
    color: var(--secondColor);
    font-size: 18px;
    font-weight: 500;
    width: 200px;
    margin-top: 27px;
    position: relative;
}

.btnMega::after{
    content: url(../images/megaMenu/arrawLong.svg);
    position: relative;
    left: 10px;
    bottom: -3px;
}



.multipleTarget .content-list li {
    margin-bottom: 12px;
    color: #7F858E;
}

.btnMega:hover{
    color:var(--secondColor);
}

.btnMega svg {
    fill: var(--secondColor);
    margin-left: 10px;
    width: 28px;
}

.navbar .main-mega-menu{
    padding: 40px 100px;
}



.main-mega-menu .solMenuleft{
    padding-right: 20px;
}



.main-mega-menu .solMenuRight {
    border-left: 1px solid var(--borderSide);
    padding-left: 37px;
}


.main-mega-menu .boxPartners{
    background: #FAF6FF;
    border-radius: 8px;
    text-align: center;
    padding: 25px 0;
}

.main-mega-menu .boxPartners .title-mega{
    font-size: 24px;
    font-weight: 400;
}


.main-mega-menu .boxPartners .imgCenterMega {
    margin-bottom: 20px;
}
.main-mega-menu .boxPartners .imgCenterMega  img{
    width: 58px;
}


.main-mega-menu img {
    width: 80%;
    margin: auto;
    display: block;
}

.main-mega-menu .platLeft {
    padding-right: 45px;
    border-right: 1px solid var(--borderSide);
}


.main-mega-menu .iconBoxMega {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px;
}

.main-mega-menu .iconBoxMega .imgBox {
    display: flex;
    width: 56px;
    height: 56px;
    background: #EBDCFF;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.main-mega-menu .iconBoxMega .imgBox img{
    width: 35px;
}

.main-mega-menu .iconBoxMega .titleBox{
    width: 70%;
}
.xeroInegra  .xeroBox{
    background: var(--whiteColor);
    border: 0.948898px solid #E4E4E4;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.xeroInegra .xeroBox img{
    width: 100%;
}
.xeroInegra .imgbox.img2{
    text-align: center;
}


.xeroInegra .xeroBox .imgbox.img2 img{
    width: 70px;
}

.main-mega-menu .iconBoxMega .titleBox h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--secondColor);
    margin-bottom: 6px;
}


.main-mega-menu .iconBoxMega .titleBox h4 {
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    color: var(--blackColor);
}

.main-mega-menu .iconBoxMega  .arrowBox{
    position: relative;
}

.main-mega-menu .iconBoxMega  .arrowBox svg{
    fill: var(--secondColor);
    width: 28px;
}

.main-mega-menu .iconBoxMega  .arrowBox::after{
    left: -32px;
    content: url(../images/megaMenu/arrawLong.svg);
    position: absolute;
}



.main-mega-menu  .aboutCenter{
    padding: 0 30px;
    border-right: 1px solid var(--borderSide);
    border-left: 1px solid var(--borderSide);

}
/** End Mega Menu **/



.main-menu-icons .nav-link.request-demo{
    background: #FFC501;
    border: 1px solid #FFC501;
    border-radius: 100px;
    padding: 9px 25px;
    color: #fff;
}


.dropdown-toggle::after{
    content: url(../images/homepage/arrow-down.svg);
    vertical-align: 0;
    border-top: none;
    border-right: none;
    border-bottom: 0;
}

/* fonts */


/** Start Main Header **/

.main-header {
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}

.main-header .rightHeader{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.main-header .rightHeader h2 span,
.main-header .rightHeader h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 80px;
    color: var(--blackColor);
    position: relative;
    background: #fff;
}


.main-header .rightHeader .sec-text:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    animation: animate 4s infinite;
}
@keyframes animate{
    40%, 60%{
        left: calc(100% + 4px);
    }
    100%{
        left: 0%;
    }
}

.main-header .rightHeader h3{
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 12px;
}




.main-header .rightHeader p {
    font-size: 18px;
    line-height: 30px;
    color: var(--grayColor);
    margin-bottom: 30px;
    text-align: justify;
}

.main-header .imgRightHeader,
.main-header .imgCenterHeader{
    height: 650px;
    border-radius: 12px;
    padding: 16px;
}

.imgRightHeader img{
    position: absolute;
    bottom: 0;
    left: -15px;
}

.main-header .imgRightHeader{
    border-radius: 12px;
    background: var(--secondColor);
    position: relative;
}

.main-header .imgCenterHeader {
    background-color: var(--mainColor);
    position: relative;
    z-index: 2;
}


.main-header .imgCenterHeader h4.text-center {
    margin-top: 20px;
    font-size: 21px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 500;
    position: relative;
}

.main-header .imgCenterHeader .imgCenterIntegrate {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.main-header .imgCenterHeader .imgCenterIntegrate img {
    vertical-align: middle;
    border-style: none;
    width: 95%;
}

/* .main-header .imgCenterHeader::after {
    content: url(../images/homepage/header-center.png);
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
} */


/* .main-header .imgCenterHeader::before {
    content: url(../images/homepage/header-center.png);
    position: absolute;
    top: 0;
    left: 0;
} */

.main-header .imgRightHeader h3,
.main-header .imgRightHeader h4{
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    color: var(--whiteColor);
}

.main-header .imgRightHeader h4{
    margin-top: 60px;
}


/* .main-header .imgRightHeader::after{
  content: url(../images/homepage/man-header.png);
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-49%);
  border: 52px;
} */


/* .main-header .imgRightHeader::before{
    content: url(../images/homepage/pattern-header.png);
    position: absolute;
    top: 0;
    right: 16px;
} */


.scrollToExplore {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.scrollToExplore .scrollIcon{
    height: 68px;
    width: 68px;
    border: 3px solid #3A3985;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto 12px auto !important;
}
.scrollToExplore .scrollIcon svg{
    transform: rotate(-90deg);
}


.scrollToExplore .scrollWrite {
    width: 100px;
    font-weight: 400;
    font-size: 14px;
    color: #4544A7;
    text-align: center;
}

.scrollToExplore .scrollIcon .iconSvg{
    animation: pulseUpDown 2s infinite;
}

.scrollToExplore .scrollIcon .iconSvg i{
    font-size: 24px;
    color: var(--mainColor);
}



@keyframes pulseUpDown {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, 8px);
    }

    100% {
        transform: translate(0, 0);
    }
}


.myModalPrev.modalReachWare .modal-content {
    background: none;
    padding: 0px;
    border: 0;

}


.myModalPrev .modal-header .close {
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}


.myModalPrev.modalReachWare .close svg {
    width: 14px;
    margin-top: -8px;
}

.myModalPrev.modalReachWare .modal-body{
    padding: 0;
}


@media (min-width: 576px){
    .myModalPrev.modalReachWare .modal-dialog {
        max-width: 710px;
    }
}
.searchModal .inputSearch.input-group{
    width: 100%;
    box-shadow: none;
    margin-bottom: 20px;
    border: 1px solid #EBEBEB;
}
.menu-toggle{
    position: relative;
}


.menu-toggle span{
    transform: translate(-50%, -50%);
    left: 50%;
    width: 26px;
    height: 3px;
    background: #fff;
    margin-bottom: 4px;
    display: block;
    position: absolute;
    transition: all 0.25s ease-in-out;
}

.menu-toggle.closeToggle span.mid{
    display: none;
}

.menu-toggle.closeToggle span{
    transition: all 0.25s ease-in-out;
}


.menu-toggle.closeToggle span.top{
    transform: translate(-50%, 5px) rotate(-45deg);
}

.menu-toggle.closeToggle span.bot{
    transform: translate(-50%, -11px) rotate(45deg);
}
.menu-toggle span.mid {
    top: 50%;
}

.menu-toggle span.top{
    top: 12px;
}

.menu-toggle.closeToggle span.top{
    top: 14px;
}


.menu-toggle span.bot{
    top: 28px;
}

.menu-toggle.closeToggle span.bot{
    top: 30px;
}


.menu-toggle.closeToggle span.top{

}

.menu-toggle .fa-bars:before{
    transition: all 0.25s ease-in-out;
}

.menu-toggle.closeToggle .fa-bars:before{
    content: "\f00d";
}

/** End Main Header **/


/** Start Trusted World **/

.trusted-world{
    background: var(--bgSinglePage);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.trusted-world::after{
    right: -250px;
}

.trusted-world .main-title{
    text-align: center;
}

.trusted-world .main-img{
    background: #F6FCFC;
    border: 1px solid var(--mainColor);
    border-radius: 8px;
}


.trusted-world .sec-img.top-img img,
.trusted-world .sec-img.down-img img{
    animation: pulseUpDown 3s infinite;
}


.trusted-world .sec-img.left-img img,
.trusted-world .sec-img.right-img img{
    animation: pulseDownUp 3s infinite;
}



@keyframes pulseUpDown {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, 8px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes pulseDownUp {
    0% {
        transform: translate(0, 8px);
    }
    50% {
        transform: translate(0, 0px);
    }

    100% {
        transform: translate(0, 8px);
    }
}




.trusted-world .main-img img{
    width: 100%;
}

.trusted-world .box-trusted-world {
    position: relative;
    width: 80%;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 150px;
}

.trusted-world .sec-img{
    position: absolute;
}

.trusted-world .sec-img.top-img{
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
}

.trusted-world .sec-img.down-img{
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
}

.trusted-world .sec-img.left-img{
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
}


.trusted-world .sec-img.right-img{
    position: absolute;
    top: 50%;
    right: -100px;
    transform: translateY(-50%);
}

.trusted-world .btnDemoTrust .mainBtn {
    outline: none;
    border-color: var(--mainColor);
}

/** End Trusted World **/

/* ScrollToTop */
.scrolltotop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    background: var(--mainColor);
    padding: 10px;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    z-index: 800;
    display: none;
}
.scrolltotop:hover {
    stroke : var(--whiteColor);
}
.scrolltotop i{
    font-size: 24px;
    color: #fff;
    line-height: 50px;
}
/* End ScrollToTop */





/* Start about reach*/
.about-reach{

}

.about-reach .about-boxes{

}

.about-reach .about-boxes .row{
    margin-right: -10px;
    margin-left: -10px;
}

.about-reach .about-boxes .row > div{
    padding-right: 10px;
    padding-left: 10px;
}

.about-reach .about-boxes .box-about {
    padding: 35px 18px 40px;
    margin-bottom: 35px;
    box-shadow: 0px 0px 5px rgb(0 166 175 / 15%);
    border-radius: 8px;
    border: 2px solid var(--whiteColor);
    background-color: #fff;
}

.about-reach .about-boxes .row > div:nth-child(odd)   .box-about:hover{
    border: 2px solid var(--mainColor);
}

.about-reach .about-boxes .row > div:nth-child(even)   .box-about:hover{
    border: 2px solid var(--secondColor);
}

.about-reach .about-boxes .box-about .img-box {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-reach .about-boxes .row > div:nth-child(odd) .box-about .img-box  {
    background: var(--mainColor);
}

.about-reach .about-boxes .row > div:nth-child(even) .box-about .img-box {
    background: var(--secondColor);
}

.about-reach .about-boxes .box-about .img-box svg{
    fill: var(--whiteColor);
}

.about-reach .about-boxes .box-about h4 {
    font-weight: 700;
    font-size: 23px;
    line-height: 26px;
    margin-top: 30px;
}

.about-reach  .about-boxes  .row > div:nth-child(odd) .box-about  h4 span{
    color: var(--mainColor)
}

.about-reach  .about-boxes  .row > div:nth-child(even) .box-about  h4 span{
    color: var(--secondColor)
}


.about-boxes .box-about p{
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: var(--grayColor);
    height: 90px;
}

/* End about reach */


/* Start  Customers Trust */
.custoners-trust{
    background-color: var(--bgSinglePage);
}

.trust-boxes .row{
    margin-right: -10px;
    margin-left: -10px
;
}

.trust-boxes .row > div{
    padding-right: 10px;
    padding-left: 10px;
}

.trust-boxes .box-trust,
.trust-boxes .box-trust-last{
    box-shadow: 0px 0px 5px rgba(0, 166, 175, 0.15);
    border-radius: 8px;
    text-align: center;
    position: relative;
    height: 190px;
    margin-bottom: 35px;
    background-color: var(--whiteColor);
}


.trust-boxes .box-trust-last{
    background: var(--mainColor);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.trust-boxes .box-trust-last p{
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 24px;
    margin-right: 7px;
    margin-left: 7px;
}

.trust-boxes .box-trust-last img{
    transition: all 0.3s ease-in-out;
}

.trust-boxes .box-trust-last:hover img{
    transform: scale(1.2);
}

.trust-boxes .box-trust .img-box{
    padding-top: 25px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


.trust-boxes .box-trust:hover .img-box{
    opacity: 1;
}

.trust-boxes .box-trust .img-box  svg{
    fill: var(--mainColor);
}



.trust-boxes .box-trust .number-box {
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    color: var(--mainColor);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}


.trust-boxes .box-trust:hover .number-box{
    top: 75%;
    color: var(--whiteColor);
    z-index: 3;
}

.trust-boxes .box-trust .title-box {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: var(--blackColor);
    margin-top: 26px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trust-boxes .box-trust:hover .title-box{
    color: transparent;
}



.trust-boxes .box-trust .layer-box{
    background: #3A3985;
    border-radius: 8px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 14px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.trust-boxes .box-trust:hover .layer-box{
    height: 90px;
}

/* End Customers Trust */


/* Start Provide Reach */
.provide-reach{

}


.provide-reach::after{
    left: -250px;
    z-index: 1;
}
.provide-reach .provide-boxes .row{
    position: relative;
    z-index: 2;
}



.provide-reach .provide-boxes .box-provide {
    box-shadow: 10px 6px 50px rgb(58 57 133 / 15%);
    border-radius: 16px;
    text-align: center;
    background-color: var(--mainColor);
    position: relative;
    margin-top: 50px;
    margin-bottom: 35px;
}


.provide-reach .provide-boxes .box-provide::after{
    content: url(../images/provide-pattern.png);
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.provide-reach .provide-boxes .row > div:nth-child(odd)  .box-provide {
    background-color: var(--mainColor);
}

.provide-reach .provide-boxes .row > div:nth-child(even)  .box-provide {
    background-color: var(--whiteColor);
}

.provide-reach .provide-boxes .box-provide .img-box {
    position: absolute;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.provide-reach .provide-boxes .box-provide .img-box,
.provide-reach .provide-boxes .box-provide .title-box{
    z-index: 2;
}

.provide-reach .provide-boxes .row > div:nth-child(odd)  .box-provide .img-box {
    box-shadow: 10px 6px 50px rgba(58, 57, 133, 0.15);
    background-color: var(--whiteColor);
}

.provide-reach .provide-boxes .row > div:nth-child(even)  .box-provide .img-box {
    box-shadow: 10px 6px 50px rgba(58, 57, 133, 0.15);
    background-color: var(--mainColor);
}

.provide-reach .provide-boxes .box-provide .img-box  svg{
    width: 52px;
    height: 52px;
}


.provide-reach .provide-boxes .box-provide .title-box {
    font-weight: 700;
    font-size: 25px;
    line-height: 40px;
    color: var(--whiteColor);
    padding: 55px 20px 10px;
    height: 145px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.provide-reach .provide-boxes  .row > div:nth-child(odd)  .box-provide .title-box {
    color: var(--whiteColor);
}


.provide-reach .provide-boxes  .row > div:nth-child(even)  .box-provide .title-box {
    color: var(--mainColor);
}
/* End Provide Reach */




/* Start customers say */
.customer-say{
    background: var(--bgSinglePage);
}

.customer-say .logoImg {
    border: 1px solid #3A3985;
    border-radius: 8px;
    margin-bottom: 50px;
}

.customer-say .logoImg img{
    border-radius: 8px;
}
/* End customers say */


/* Start Makes Us Different  */
.makes-different{
    overflow: hidden;
}


.makes-different::after{
    right: -250px;
}

.makes-different .step-makes{

}

.makes-different .step-makes ul.makes-menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.makes-different .step-makes ul.makes-menu li{
    font-weight: 400;
    font-size: 24px;
    line-height: 57px;
    position: relative;
    margin-left: 63px;
}

.makes-different .step-makes ul.makes-menu li::before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    background: var(--mainColor);
    border-radius: 50%;
    top: 50%;
    left: -40px;
    transform: translate(-50%, -50%);
}

.makes-different .step-makes ul.makes-menu li::after{
    content: "";
    position: absolute;
    width: 9px;
    height: 102%;
    background: var(--mainColor);
    top: 90%;
    left: -40px;
    transform: translate(-50%, -50%);
}


.makes-different .step-makes ul.makes-menu li:last-child::after{
    content: none;
}


.makes-different .step-makes ul.makes-menu span{
    color: var(--secondColor)
}

.makes-different .img-makes{

}

.makes-different .img-makes img {
    width: 100%;
}

/* End Makes Us Different  */

/* Start testimonials */

.testimonials {
    background: var(--bgSinglePage);
}

.testimonials .img-client{
    width: 130px;
    height: 130px;
    padding: 17px;
    margin: auto;
}

.testimonials .img-client img{
    border-radius: 50%;
    object-fit: cover;
}


.testimonials .desc-clinet{
    margin-top: 25px;
}


.testimonials .desc-clinet p{
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    color: var(--grayColor);
    padding: 10px 75px 30px;
    position: relative;
}

.testimonials .desc-clinet p::after{
    content: url(../images/homepage/qout.svg);
    position: absolute;
    right: 0;
    bottom: 0;
}


.testimonials .desc-clinet p::before{
    content: url(../images/homepage/qout.svg);
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg);
}


.testimonials  .info-client{
    text-align: center;
    margin-bottom: 28px;
}

.testimonials  .info-client span{
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
}

.testimonials .owl-theme .owl-nav{
    position: absolute;
    top: 0%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}





/* End testimonials */



/* Start Our Client */
.our-clients .owl-carousel .owl-item {
    float: right;
    height: 110px !important;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0 10px !important;
}

.our-clients .owl-carousel .owl-item img {
    width: 100%;
    max-height: 100px !important;

    height: 100%;
    object-fit: cover;
    object-position: center;
}



.our-clients .owl-nav{
    position: absolute;
    top: 0%;
    width: 110%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* End Our Client */



/* Start Free Tour */

section.free-tour {
    margin-top: 130px;

}

section.free-tour .container-bg{
    position: relative;
}

section.free-tour .container-bg::after {
    content: url(../images/banner-patten.png);
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
}

section.free-tour .container-bg .row{
    position: relative;
    z-index: 2;
}



section.free-tour .container-bg{
    background: var(--secondColor);
    border-radius: 8px;
    padding-top: 58px;
    padding-bottom: 58px;
    position: relative;
}

section.free-tour  .img-tour {
    position: absolute;
    bottom: -58px;
}

section.free-tour .img-tour img {
    position: absolute;
    bottom: 0;
    /* z-index: 4; */
    height: 353px;
    width: 329px;
}


section.free-tour .title-tour{
    color: var(--whiteColor);
}

section.free-tour .title-tour h3{
    line-height: 50px;
    font-size: 35px;
}


section.free-tour .title-tour h4 {
    line-height: 50px;
    font-weight: 400;
    font-size: 30px;
}

section.free-tour .btn-tour{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

section.free-tour .btn-tour a{
    color: var(--secondColor);
    background: var(--yallowColor);
    border-radius: 8px;
    line-height: 23px;
    text-align: center;
    font-weight: 500;
    padding: 22px 32px
}

/* End Free Tour */






/* Start Footer */

footer{
    border-top: 3px solid var(--mainColor);
    margin-top: 34px;
    position: relative;
    overflow: hidden;
}

footer::after {

    right: -294px;
}

.mid-footer{
    padding: 45px 0;
    padding-bottom: 32px;
}

.mid-footer .info-footer {
    background-color: var(--mainColor);
    padding: 40px;
    border-radius: 8px;
    color: var(--whiteColor);

}

.mid-footer .info-footer .footer-logo{

}


.mid-footer .info-footer .footer-logo img{
    height: 52px;
    width: 263px;
}


.mid-footer .info-footer .desc-footer{

}

footer .desc-footer p {
    color: var(--whiteColor);
    line-height: 30px;
    padding: 21px 0;
    text-align: justify;
}
.mid-footer .info-footer .addition-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mid-footer .info-footer .addition-info .vision-logo img {
    height: 63px;
    width: 94px;
}

.mid-footer .info-footer .addition-info .more-link a{
    color: var(--whiteColor);
    font-weight: 500;

}

.mid-footer .info-footer .addition-info .more-link svg{
    margin-left: 10px;
}

.mid-footer .center-mid-footer,
.mid-footer .right-mid-footer{
    margin-top: 50px;
    margin-left: 80px;
}

.mid-footer .title-footer{
    margin-bottom: 10px;
}
.mid-footer .title-footer h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    color: var(--mainColor);
}

.mid-footer .title-footer p{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--grayColor);
}




.mid-footer-menu  li {
    margin-left: 20px;
    position: relative;
}

.mid-footer-menu li::after,
.right-mid-footer .contact-info li span.open-time::after,
.right-mid-footer .contact-info li span.close-time::after{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.mid-footer-menu li::after{
    background-color: var(--mainColor);
    left: -14px;

}

.right-mid-footer .contact-info ul li{
    margin-bottom: 20px;
}


.right-mid-footer .social-menu li{
    margin-right: 14px;
}

.right-mid-footer .contact-info li span.open-time,
.right-mid-footer .contact-info li span.close-time{
    position: relative;
}

.right-mid-footer .contact-info li span.open-time::after{
    background-color: #68DB65;
    left: 6px;
}
.right-mid-footer .contact-info li span.close-time::after{
    background-color: #FF0000;
    left: 6px;
}

.right-mid-footer .contact-info li span.open-time,
.right-mid-footer .contact-info li span.close-time{
    padding-left: 12px;
}


.bottom-footer {
    border-top: 2px solid var(--mainColor);
    padding-top: 15px;
    font-size: 13px;
    padding-bottom: 15px;
}


.bottom-footer .navbar-nav .nav-link {
    font-size: 13px;
    color: var(--blackColor);
    font-weight: 400;
}
.bottom-footer ul.links-copy-footer.navbar-nav.center-copy {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly ;
}

.bottom-footer .copyWrite.center-left {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;

}

.bottom-footer .copyWrite.center-left p{
    font-weight: 400;
}
/* End Footer */



/* @media (min-width: 992px){
  .navbar-expand-lg .navbar-nav.main-menu .nav-link {
    padding-right: 0;
    padding-left: 0;
    margin: 0 15px;
  }
} */


/* Start Single Pages Setting */

.headerSinglePage{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.headerSinglePage::after{
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgb(58, 57, 133);
    filter: blur(100px);
    top: 50%;
    transform: translateY(-50%);
    left: -200px;
    z-index: 1;
}


.headerSinglePage .mainSinglePageContent {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.headerSinglePage .social-menu{
    margin-top: 20px;
}

.headerSinglePage .social-menu li img{
    width: 47px;
    height: 47px;
}

.headerSinglePage .social-menu li{
    margin-right: 20px;
}

.headerSinglePage .titleSinglePage{
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    color: var(--blackColor);
    margin-bottom: 26px;
}

.headerSinglePage .titleSinglePage span{
    color: var(--mainColor);
}



.headerSinglePage .subTitleSinglePage {
    color: var(--blackColor);
    padding: 15px 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    width: 80%;
}

.headerSinglePage .descSinglePage{
    font-weight: 400;
    font-size: 18px;
    color: var(--grayColor);
    margin-bottom: 60px;
    width: 90%  ;
}

.imgSinglePage {
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 2;
}



.imgSinglePage img {
    max-height: 330px;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

.headerSinglePage .mainBtn{
    outline: none;
    border: none;
}

.headerSinglePage  .videoShow {
    height: 57px;
    width: 57px;
}

.innerheaderSingle{
    font-weight: 500;
    font-size: 32px;
    color: var(--mainColor);
    line-height: 50px;
    margin-bottom: 27px;
}
.innerDescSingle{
    font-size: 18px;
    line-height: 30px;
    color: var(--grayColor);
    font-family: 'Ubuntu', sans-serif;

}

.boxOffer{
    box-shadow: 0px 0px 5px rgba(0, 166, 175, 0.15);
    border-radius: 8px;
    background-color: var(--whiteColor);
    text-align: center;
    margin-bottom: 30px;
}

.boxOffer .headerOffer{
    background: #3A3985;
    border-radius: 8px 8px 0px 0px;
    padding: 5px 0;
}

.boxOffer .headerOffer h4{
    font-size: 20px;
    font-weight: 500;
    line-height: 50px;
    color: var(--whiteColor);
}


.boxOffer .bodyOffer{
    padding: 30px;
    height: 180px;
    display: flex;
    align-items: center;
}

.boxOffer .bodyOffer p{
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #535353;
}

section.aboutReachwearSingle.leftAbout .innerDescSingle{
    margin-left: 50px;
    height: 100%;
    display: flex;
    align-items: center;
}

/* End Single Pages Setting */


/* Start  Signle Page About Us */
.aboutReachwearSingle,
.aboutOfferSingle{
    background-color: var(--bgSinglePage);
}

section.aboutReachwearSingle.leftAbout {
    direction: rtl;
}


/* End Signle Page About Us */


/* Start Search  Result */
.result-boxes{
    background: var(--bgSinglePage);

}

.body-result{
    margin-bottom: 70px;
}

.conutResult{
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid #3a398566;
}


.conutResult p{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--blackColor);
}


.header-result .btnSeach {
    width: 100%;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mainColor);
    border-radius: 8px;
    border: none;
    color: var(--whiteColor);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}



.header-result .inputSearch.input-group {
    width: 100%;
    margin-bottom: 16px;
}


.body-result .boxResult {
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 166 175 / 15%);
    border-radius: 8px;
    padding: 15px 40px;
    margin-bottom: 20px;
}



.boxResult .titleBoxResult h4{
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: var(--mainColor) ;
}

.boxResult .titleBoxResult h5{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--secondColor)
}

.boxResult .titleBoxResult h5{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--secondColor)
}


.contentBoxResult p{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--grayColor);
    margin-top: 3px;
}



.body-result .boxResult   .btnSeach{
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
}

.body-result .boxResult  .btnSeach a {
    width: 64px;
    height: 64px;
    background: var(--mainColor);
    display: inline-block;
    border-radius: 50%;
    position: relative;
}
.body-result .boxResult    .btnSeach a svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




.footer-result {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #A5A5A5;
    padding-top: 17px;
    border-top: 1px solid #3a398566;
}
/* Start Search  Result */

/* Start Search Blog */
.mainSearchBlog{
    background-color: var(--bgSinglePage);
}

.mainSearchBlog .headContentBlog {
    padding-bottom: 30px;
    border-bottom: 1px solid #3a398566;
}

.mainSearchBlog .headContentBlog h3{
    height: auto;
}

.mainSearchBlog .headContentBlog h4{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--blackColor);
}

.blogSearchBoxs {
    margin-top: 16px;
    margin-bottom: 80px;
}

/* End Search Blog */


/* Start Contact Page */

.contactSec{
    background: var(--bgSinglePage);
    position: relative;
    overflow: hidden;
}


.contactSec::after{
    content: url("../images/bg-contact.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
}


.box-info-contact ul{
    max-width: 400px;
    background: var(--white);
    list-style: none;
    padding: 0;
    padding: 24px 30px;
    border-radius: 16px;
    position: relative;
}

.box-info-contact ul::before {
    content: "";
    position: absolute;
    border: 16px solid var(--mainColor);
    bottom: -32px;
    border-color: var(--whiteColor) transparent transparent;
    left: 30px;
}

.box-info-contact ul::after {
    content: url(../images/location.svg);
    position: absolute;
    bottom: -70px;
    left: 22px;
}


.box-info-contact li span{
    font-weight: 500;
    font-size: 20px;
    line-height: 47px;
    color: var(--mainColor);
}


.box-info-contact li a{

}


.contactSec .contact-form{
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    border-radius: 8px;
}
.info-contact-us{
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 87px;
}

.contactSec .contact-form form{
    padding: 40px;
}



/* End Contact Page */


/* Start  Signle Page Parterns */

.boxPartner{
    background: var(--mainColor);
    border-radius: 8px;
    min-height: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 70px;
}

.boxPartner p{
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: var(--whiteColor);

}


.partnerBenefits{
    background: var(--bgSinglePage);
    text-align: center;
}

.headerSinglePage.partnersPageHeader .descSinglePage{
    margin-bottom: 0  ;
}
.partnerBenefits .innerheaderSingle{
    color: var(--blackColor);
}

.partnerBenefits .innerDescSingle {
    width: 85%;
    margin: auto;
    font-size: 20px;
}


/* End  Signle Page Parterns */




/* Start  Signle Page Finance */

.headerSinglePage.financePageHeader .descSinglePage {
    margin-bottom: 0;
    width: 50%;
}


.headerSinglePage.financePageHeader .imgSinglePage img{
    max-height: 330px;
}


.headerSinglePage.financePageHeader .imgSinglePage{
    display: flex;
    justify-content: center;
}

.financeMore,.whyReach{
    background-color: var(--bgSinglePage);
}

.moreContent .innerDescSingle {
    width: 80%;
    margin: auto;
    margin-bottom: 0 !important;
}


.financeMore .innerheaderSingle, .whyReach .innerheaderSingle {
    color: var(--blackColor);
    font-weight: 700;
}

.financeMore .innerheaderSingle{
    margin-top: 40px;
}

.financeBox {
    background: linear-gradient(90deg, #3A3985 0%, #7549AD 100%);
    border-radius: 8px;
    padding: 40px 51px;
    margin-bottom: 20px;
}

.financeBox p{
    font-size: 20px;
    line-height: 40px;
    color: var(--whiteColor);
    font-weight: 400;

}


.whyReach .innerheaderSingle {
    font-weight: 700;
}
.whyReachList {
    list-style: none;
    counter-reset: item;
    padding: 0;
}

.whyReachList li {
    counter-increment: item 1;
    margin-bottom: 5px;
    background: var(--mainColor);
    border-radius: 4px;
    font-size: 20px;
    line-height: 23px;
    color: var(--whiteColor);
    padding: 23px 10px;
    display: flex;
    align-items: center;
}

.whyReachList li:before {
    margin-right: 15px;
    content: counter(item);
    color: white;
    text-align: center;
    display: inline-block;
    font-weight: 900;
    font-size: 40px;
    line-height: 30px;
    margin-left: 15px;
}


.xeroInegra .innerheaderSingle{

    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: var(--blackColor);
}

.xeroInegra .innerDescSingle {
    width: 80%;
    margin-bottom: 40px;
}


.xeroInegra  .xeroBox{
    background: var(--whiteColor);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.xeroInegra .xeroBox img{
    width: 100%;
    border-radius: 8px;
}
/* End  Signle Page Finance */


/* Start  Signle Page Extention IPR / PESM */

.multipleTarget{
    background-color: var(--bgSinglePage);
}

.multipleTarget .tabs-list {
    list-style: none;
    margin: 0;
    padding: 0;
}


.multipleTarget .tabs-list li{
    font-weight: 700;
    font-size: 20px;
    line-height: 60px;
    border-radius: 100px;
    color: var(--grayColor);
    background-color: var(--whiteColor);
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
}

.multipleTarget .tabs-list li.active{
    background: var(--mainColor);
    color: var(--whiteColor);
}


.multipleTarget .content-list {
    border-left: 1px solid var(--borderSide);
    padding-left: 30px;
}


.multipleTarget .content-list  h3{
    font-weight: 700;
    font-size: 30px;
}


.multipleTarget .content-list .subContent h4{
    font-weight: 700;
    font-size: 20px;
    line-height: 60px;
}

.multipleTarget .content-list .subContent p{
    color: var(--grayColor);
    line-height: 30px;
    margin-bottom: 24px;
}


/* End  Signle Page Extention IPR / PESM */


/* Start  Signle Page Xero Integrations */
.xero-integrations-page .xreoMore,
.xero-integrations-page .xeroInegra{
    background: var(--bgSinglePage);
}
.xreoMore{
    padding-bottom: 0px;
}


.xreoMore h3{
    color: var(--blackColor);
}

.xero-integrations-page .imgSinglePage img{
    max-height: 330px;
}

.xero-integrations-page  .headerSinglePage .descSinglePage{
    width: 63%;
    margin-bottom: 23px;
}

.xero-integrations-page .headerSinglePage .subTitleSinglePage {
    padding-top: 0;
}


/* End  Signle Page Xero Integrations */


/* Start  Signle Page Blog */
.mainContentBlog{
    background: var(--bgSinglePage);
}

.blog-page .imgSinglePage img{
    max-height: 330px;
}


.headContentBlog h3 {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 25px;
}

.inputSearch.input-group>.form-control:not(:first-child) {
    outline: none;
    box-shadow: none;
    border: none;
    padding-top: 17px;
    font-size: 20px;
    padding-bottom: 17px;
    height: 100%;
    padding-left: 0;
}

.inputSearch.input-group {
    box-shadow: 0px 0px 5px rgb(0 166 175 / 15%);
    border-radius: 8px;
    overflow: hidden;
    width: 80%;
    float: right;
}

.boxStikyPost{
    border-radius: 8px;
    height: 318px;
    overflow: hidden;
    background-position: center center !important;
    background-size: cover !important;
    margin-top:40px;
    position: relative;
}

.contentStikyBlog{
    bottom: 0;
    position: absolute;
    height: 121px;
    width: 100%;
    padding: 0 75px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    filter: drop-shadow(0px 0px 5px rgba(0, 166, 175, 0.15));
    border-radius: 8px;
}





.categoryMeta{
    border-radius: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    padding: 4px 10px;
}

.contentStikyBlog .metaBLog .categoryMeta{
    color: #3B6064;
    background-color: var(--whiteColor);
    opacity: 0.5;
    margin-right: 16px;
}

.dateMeta{
    font-size: 18px;
    line-height: 30px;
}


.contentStikyBlog .metaBLog .dateMeta{
    color: var(--whiteColor);
}

.contentStikyBlog .headerStiky{
    color: var(--whiteColor);
    font-weight: 500;
    font-size: 30px;
    margin-top: 18px;
}


.inputSearch.input-group  .input-group-prepend{
    cursor: pointer;
}


.inputSearch.input-group  input::placeholder{
    color: #C9C9C9;
}

.inputSearch.input-group   .input-group-prepend .input-group-text{
    background: #fff;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
}



.colboxPost {
    margin-top: 16px;
    background: var(--whiteColor);
    border: 1px solid var(--whiteColor);
    border-radius: 10px;
    padding: 13px;

}

.colboxPost .metaPost,
.rightMainPost .metaMainPost {
    padding: 13px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.colboxPost .imgPost img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    height: 210px;
}


.colboxPost .metaPost{
    padding: 13px 0;
}

.colboxPost .metaPost .categoryMeta,
.rightMainPost   .metaMainPost .categoryMeta{
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #3A3985;
    background: #3a39852e;
    border-radius: 10px;
}

.colboxPost .metaPost .dateMeta,
.rightMainPost   .metaMainPost .dateMeta{
    color: #787878;
    font-size: 18px;
    line-height: 30px;
}

.colboxPost .titlePost{
    color: var(--blackColor);
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}


.LoadMorePosts {
    margin-top: 60px;
    text-align: center;
}
.LoadMorePosts button{
    border: none;
}

.mainSinglePost{
    overflow: hidden;
}

.mainSinglePost::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgb(58, 57, 133);
    filter: blur(100px);
    transform: translateY(-50%);
    left: -200px;
    z-index: 1;
    top: 300px;
}


.mainSinglePost .rightMainPost {
    position: relative;
    z-index: 2;
}

.rightMainPost img{
    max-width: 100%;
}


.rightMainPost .titleMainPost {
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    color: var(--mainColor);
    margin-bottom: 13px;
}


.rightMainPost .metaMainPost {
    padding: 0px 0px 13px;
    margin-top: 26px;
    margin-bottom: 13px;
}


.rightMainPost   .metaMainPost .categoryMeta{
    padding: 6px 10px 9px 10px
}


.rightMainPost   .metaMainPost .dateMeta{

}


.rightMainPost .imgMainPost {
    position: relative;
}


.rightMainPost .imgMainPost figure{

}


.rightMainPost .imgMainPost figure img {
    height: 435px;
    object-fit: cover;
    border-radius: 10px;
}


.rightMainPost .imgMainPost figure figcaption {
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
    width: 70%;
    margin: auto;
}

.shareSocialMedia {
    display: flex;
    list-style: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 390px;
}




.shareSocialMedia ul{

}

ul.shareSocialMedia li{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mainColor);
    border-radius: 50%;
    margin-right: 10px;
}

ul.shareSocialMedia li a {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rightMainPost {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #090909;
}


.widgetPostOne {
    background: var(--bgSinglePage);
    border-radius: 10px;
    padding: 31px;
    margin-bottom: 40px;
}

.widgetPostOne .sideWidget{
    margin-bottom: 35px;
}

.sideWidget .titleWidget{
}

.sideWidget .titleWidget h4 {
    color: var(--blackColor);
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}


.searchWidget  .inputSearch.input-group{
    width: 100%;
    float: unset;

}


.searchWidget  .inputSearch.input-group>.form-control:not(:first-child) {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 18px;
    padding-left: 0;
}

.searchWidget  .inputSearch.input-group .input-group-prepend .input-group-text{
    padding-left: 15px;
    padding-right: 15px;
}

.listCategories {
    list-style: none;
    padding: 0;
}

.listCategories li{
    position: relative;
}

.listCategories li::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mainColor );
    top: 50%;
    transform: translateY(-50%);
    left: -26px;
}


.listCategories li{
    margin-bottom: 12px;
    margin-left: 28px;
}

.listCategories li a{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--blackColor);
}


.rowboxPost{
    background: var(--bgSinglePage);
    border-radius: 10px;
    padding: 10px;
    height: 100%;
    margin-bottom: 15px;
}

.rowboxPost img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
}

.rowboxPost  .imgPost{
    height: 100%  ;
}

.rowboxPost .row .col-4{
    padding-right: 0px;

}
.rowboxPost .categoryMeta {
    color: var(--secondColor);
    font-size: 14px;
    background: #CACADD;
    border-radius: 7.70333px;
}



.rowboxPost .dateMeta{
    font-size: 14px;
    line-height: 30px;
    color: #787878;
}

.rowboxPost .metaPost {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.rowboxPost  .titlePost{
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: var(--blackColor);
}
/* End  Signle Page Blog*/



/* End  Extention Page*/
.listExtention .boxBusiness{
    position: relative;
    filter: drop-shadow(0px 0px 5px rgba(0, 166, 175, 0.15));
    border-radius: 8px;
    height: 230px;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 17px;
}


.listExtention .boxBusiness::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0;
}

.listExtention .ClassFilter {
    background: var(--mainColor);
    border-radius: 100px;
    color: var(--whiteColor);
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    position: absolute;
    padding: 3px 14px;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}


.listExtention .titleBusiness {
    position: absolute;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    bottom: 10px;
    text-align: center;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.listExtention .row{
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.listExtention .row > div{
    padding-right: 7.5px;
    padding-left: 7.5px;
}
/* End  Extention Page*/




/* Start Connect Page */

.searchConnect{
    background: var(--bgSinglePage);
}


.searchConnect .inputSearch.input-group {
    width: 100%;
    margin-bottom: 50px;
}

.inputSearch.input-group{
    float: unset;
}


.headContentBlog .inputSearch.input-group{
    float: right;
}
.listLogosContact img{
    background: #FFFFFF;
    /* Primary Color */

    border: 1px solid #3A3985;
    /* Box */

    box-shadow: 0px 0px 5px rgba(0, 166, 175, 0.15);
    border-radius: 8px;
    margin-bottom: 20px;
    width: 100%;
}

/* End Connect Page */


ul.shareSocialMedia li.copyLinkMain{
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border-radius: 50%;
    margin-right: 10px;
    background:var(--mainColor)
}
.copy-text{
    width: 36px;
    height: 36px;
    position: relative;
}




.copy-text input.text {
    padding: 10px;
    font-size: 18px;
    color: #555;
    border: none;
    outline: none;
    transform: scale(0.0000);
    position: absolute;
}
.copy-text button {
    border: none;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    border: 1px solid var(--mainColor);
    background: #fff;
}

.copy-text button:active {
    background: #809ce2;
}

/* Start Event Page */


.mainEvent{
    background-color: var(--bgSinglePage);
    color: var(--blackColor);
}

.mainEvent .formEvents {
    background: linear-gradient(180deg, #3A3985 0%, #7549AD 100%);
    border-radius: 8px;
    padding: 41px;
}

.mainEvent .formEvents .title h3{
    font-weight: 700;
    font-size: 25px;
    line-height: 60px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mainEvent .titleEvent h3{
    font-weight: 700;
    font-size: 38px;
    line-height: 60px;
    padding-bottom:25px ;
}


.mainEvent .descEvent,
.mainEvent .descEvent2{
    padding-bottom: 35px;
}

.mainEvent .descEvent p,
.mainEvent .descEvent2 p{
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    padding-bottom: 40px;
}

.mainEvent .statisticsEvent{
    padding-bottom: 40px;
}


.mainEvent .statisticsEvent .numberStati{
    font-weight: 700;
    font-size: 30px;
    line-height: 25px;
    text-align: center;
    color: var(--mainColor);
}


.mainEvent .statisticsEvent .nameStati{
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 16px;
}


.mainEvent .timeEvent h4{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
}


.mainEvent .descEvent2 h5{
    padding-bottom: 40px;
}


.mainEvent .timeEvent h4{
    font-weight: 700;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 70px;
}

.mainEvent .sponsoredEvent {
    margin-bottom: 40px;
}

.mainEvent .sponsoredEvent h4{
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 20px;
}

.logoSponored .row {
    display: flex;
    align-items: center;
}

.mainEvent .social-menu li{
    margin-right: 20px;
}
.mainEvent .sponsoredEvent img{
    width: 100%;
    margin: auto;
}

.interstedInCheck .control {
    display: block;
    position: relative;
    padding-left: 36px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
}


.interstedInCheck   .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


.interstedInCheck  .control input:checked ~ .control__indicator {
    background: #3A3985;
}

.interstedInCheck   .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 27px;
    width: 27px;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #fff;
}

.interstedInCheck   .control input:checked ~ .control__indicator:after {
    display: block;
}


.interstedInCheck   .control--checkbox .control__indicator:after {
    left: 10px;
    top: 4px;
    width: 5px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.interstedInCheck   .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.interstedInCheck .titleCheck{
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.interstedInCheck .paragCheck{
    color: #FFFFFF;
    margin-bottom: 20px;
}

.interstedInCheck {
    margin-top: 32px ;
}


.mainEvent .btn.btnReachWear{
    background: #FFC501;
}

.mainEvent .footerForm{

}

.mainEvent .footerForm .linksForm {
    list-style: none;
    margin: 22px 0 10px;
    padding: 0;
    display: flex;
    justify-content: center;

}

.mainEvent .footerForm .linksForm li{
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    text-decoration-line: underline;

}
.mainEvent .footerForm .linksForm li a {
    color: #FFFFFF;
    padding: 0 5px;
    border-left: 1px solid #fff;
}

.mainEvent .footerForm .linksForm li:first-child a{
    border-left: none
}


.mainEvent .footerForm .hintForm{
    font-size: 12px;
    text-align: center;
    color: #fff;
}
/* End  Event Page */


/** Start  Success Stories **/
.headerSinglePage .titleSinglePage{
    margin-bottom: 0;
}

.headerSinglePage .subTitleSinglePage{
    width: 90%;
}

.headerSinglePage .descSinglePage{
    margin-bottom: 26px;
}

.success-stories .listLogosContact img{
    border: none;
}

.success-stories .listLogosContact{
    margin-bottom: 56px;
}

.btnLoadMore {
    width: 70%;
    margin: auto;
}
.btnLoadMore a,
.btnLoadMore button{
    outline: none;
    width: 100%;
    display: block;
    border: 2px solid var(--mainColor);
    padding: 12px 60px;
}


/** End  Success Stories **/


/** Start MarketPlace **/
.filterAdvance .inputSearch.input-group{
    width: 100%;
}

.filterAdvance  .searchfilterAdvance{
    margin-bottom: 30px;
}

.filterAdvance .container > .row > div:last-child{
    border-left: 1px solid #3a398566;
}

.filterAdvance  .listLogosContact img{
    width: 100%;
}
.filterAdvance{
    background: var(--bgSinglePage);
}


.filterAdvance .boxCheckFilter .interstedInCheck .control__indicator{
    border: 1px solid #000;
    background: transparent;
}

.filterAdvance .interstedInCheck .control input:checked ~ .control__indicator{
    background: transparent;
    border: 1px solid var(--mainColor);
}


.filterAdvance  .interstedInCheck .control--checkbox .control__indicator::after{
    border-color: var(--mainColor);
}

.colorBlue {
    color: var(--mainColor);
}

.filterAdvance .interstedInCheck{
    overflow: hidden;
    /* margin-bottom: 20px; */
    transition: all 0.3s ease-in-out;
}

.boxCheckFilter .showMorebtn{
    display: none;
}

.filterAdvance  .btnLoadMore{
    width: 100%;
}

.interstedInCheck .control{
    color: #000;
}
.interstedInCheck .control.colorBlue{
    color: var(--mainColor);
}



.interstedInCheck .control--check--count .control.colorBlue{
    color: var(--mainColor);
}

.interstedInCheck .control--check--count .control{
    color: #000;
}

.boxCheckFilter.filter-by-business{
    margin-top: 65px;
}

.boxCheckFilter.filter-by-category {
    margin-bottom: 30px;
}

.boxCheckFilter .showMorebtn a{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color:var(--mainColor);
}

.boxCheckFilter .interstedInCheck.showLess{
    height: 100%;
}

.filterAdvance .filterModal .filterWord{
    font-weight: 500;
    font-size: 24px;
    line-height: 65px;
    color: var(--blackColor);
    padding-left: 12px;
}
.filterAdvance .filterModal {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.filterAdvance .filterModal .svgfilter{
    display: flex;
}
.btnCheck .mainBtnNot{
    padding: 18px 40px;
}

.filterAdvance .control--check--count{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.filterAdvance .filter-vertical-business .interstedInCheck .control{
    margin-bottom: 8px;
    margin-top: 8px;
}

.filterAdvance .control--check--count .counterCheck {
    width: 26px;
    height: 26px;
    background: #000;
    color: var(--white);
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
}
.filterAdvance .control--check--count.checkcount .counterCheck{
    background-color: var(--mainColor);
}
/** End MarketPlace **/

/*
.copy-text button:hover::after{
  content: "copy Link";
	position: absolute;
	top: -45px;
	right: 0px;
	background: var(--blackColor);
	padding: 8px 10px;
	border-radius: 4px;
	font-size: 15px;
	display: none;
  color: var(--whiteColor);
}
*/


/* Start Request Demo Modal */
.modalReachWare .modal-content {
    background: var(--bgSinglePage);
    border-radius: 8px;
    padding: 30px;
}


.modalReachWare .modal-title .mainModal {
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    color: var(--mainColor);
    margin-bottom: 10px;
}

.modalReachWare  .modal-title .subModal{
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: var(--blackColor);
}

.modal-header,
.modal-footer{
    border: none;
}

.modalReachWare  .close,
.modalReachWare .close:not(:disabled):not(.disabled):focus,
.modalReachWare .close:not(:disabled):not(.disabled):hover{
    opacity: 1;
}

.modalReachWare  .close svg{
    width: 21px;
}

.form-control,
.select2-container--default .select2-selection--single{
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    font-size: 16px;
    padding: 10px 25px;
    height: 57px;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}


.form-group{
    position: relative;
}



.form-control:focus{
    background-color: none;
}

.form-control:focus {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-shadow: none;
    outline: 0;
}


.form-group label,
.form-group label.emptyInput {
    color: #ccc;
    font-size: 20px;
    position: absolute;
    left: 25px;
    top: 2px;
    padding: 10px 0;
    pointer-events: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    margin: 0;
}

/*



*/


/*
.form-group .form-control:valid~label,
.form-group .form-control:focus~label{
  top: -15px;
  font-size: 13px;
}
*/

.form-group  label.focusInput,
.form-group  label.notEmptyInput{
    top: -15px;
    font-size: 13px;
}
.form-group  label.emptyInput{

}


.btn.btnReachWear{
    height: 57px;
    background: var(--mainColor);
    width: 100%;
    border-radius: 8px;
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 500;
}


.modal-backdrop.show {
    opacity: 0.6;
}



.select2-container--default .select2-selection--single .select2-selection__arrow b::after{
    content: url("../images/arrow-select.svg");

}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: transparent;
    border-style:none;
    margin-left: -22px;
    margin-top: -2px;
}


@media (min-width: 576px){
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }

}


/* End Request Demo Modal */



.copy-text button:before {
    content: "Copied";
    position: absolute;
    top: -45px;
    right: 0px;
    background: var(--blackColor);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 15px;
    display: none;
    color: var(--whiteColor);
    width: 110px;
    z-index: 10;
}
.copy-text button:after {
    content: "";
    position: absolute;
    top: -20px;
    right: 14px;
    width: 10px;
    height: 10px;
    background: #000000;
    transform: rotate(45deg);
    display: none;
    color: var(--whiteColor);
    z-index: 10;
}
.copy-text.active button:before,
.copy-text.active button:after {
    display: block;
}


.copy-text button:hover::before {
    content: "Copy Link";
    position: absolute;
    top: -45px;
    right: 0px;
    background: var(--blackColor);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 15px;
    color: var(--whiteColor);
    width: 110px;
    display: block;
    z-index: 1;
}

.copy-text.active button:hover::before{
    content: "Copied";
}


.copy-text button:hover::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 14px;
    width: 10px;
    height: 10px;
    background: #000000;
    transform: rotate(45deg);
    display: none;
    color: var(--whiteColor);
    z-index: 10;
    display: block;
    z-index: 1;
}

.MsCond p.MsoNormal { line-height: 36px !important; }

@media (max-width: 991.98px) {
    section {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    main.page-main {
        margin-top: 50px;
    }
    .headerSinglePage .titleSinglePage {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .mainContactLinks{
        margin-bottom: 36px;
    }

    .headerSinglePage .videoShow {
        height: 52px;
        width: 52px;
    }
    .imgSinglePage{
        justify-content: center;
    }

    .mainBtnNot{
        padding: 16px 30px;
        font-size: 16px;
    }

    .xero-integrations-page .headerSinglePage .descSinglePage{
        width: 100%;
    }
    .innerheaderSingle{
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 20px;
    }


    .innerDescSingle {
        font-size: 16px;
        line-height: 26px;
    }

    .moreContent .innerDescSingle,
    .xeroInegra .innerDescSingle {

        width: 100%;
    }

    .xeroInegra .innerheaderSingle{
        margin-bottom: 10px;
    }

    .whyReachList li{
        font-size: 18px;
    }


    /** Start Home **/
    .main-header {
        margin-top: 50px;
    }

    .videoShow{
        width: 56px;
        height: 56px;
    }


    .videoShow i{
        line-height: 53px;
        font-size: 22px;
    }

    .mainBtn {
        padding: 12px 65px;
        font-size: 15px;
    }

    .main-header .imgCenterHeader{
        margin-bottom: 36px;
    }
    .scrollToExplore{
        display: none;
    }

    .trusted-world .sec-img{
        display: none
    }

    .trusted-world .box-trusted-world{
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .footer::after,
    .makes-different::after,
    .provide-reach::after,
    .main-header::after,
    .trusted-world::after{
        width: 200px;
        height: 200px;
    }


    .main-title{
        font-size: 24px;
    }

    .trusted-world .box-trusted-world{
        margin-top: 30px;
        margin-bottom: 40px
    }

    .about-reach .about-boxes .box-about{
        padding: 30px 18px 29px;
    }
    .about-reach .about-boxes .box-about .img-box{
        width: 68px;
        height: 68px;
    }
    .about-reach .about-boxes .box-about .img-box img{
        height: 40px;
    }
    .about-reach .about-boxes .box-about h4 {
        font-size: 18px;
        margin-top: 20px;
    }

    .about-boxes .box-about p{
        height: 75px;
    }

    .about-boxes .box-about p{
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }

    .trust-boxes .box-trust .layer-box {
        height: 100px;
    }

    .trust-boxes .box-trust .number-box {
        top: 75%;
        color: var(--whiteColor);
        z-index: 3;
    }

    .trust-boxes .box-trust:hover .layer-box{
        height: 100px;
    }

    .trust-boxes .box-trust .number-box{
        font-size: 30px;
        top: 120px;
    }

    .trust-boxes .box-trust:hover .number-box{
        top: 120px;
    }

    .trust-boxes .box-trust .img-box{
        padding-top: 14px;
    }
    .trust-boxes .box-trust:hover .title-box,
    .trust-boxes .box-trust .title-box{
        color: #fff;
        position: relative;
        z-index: 1;
        align-items: end;
        bottom: -24px;
    }

    .trust-boxes .box-trust:hover .img-box,
    .trust-boxes .box-trust .img-box
    {
        opacity: 1;
    }


    .trust-boxes .box-trust .title-box{
        font-size: 18px;
    }
    .provide-reach .provide-boxes .box-provide .title-box{
        font-size: 20px;
    }

    .makes-different .img-makes {
        display: none;
    }

    .makes-different .step-makes ul.makes-menu li{
        font-size: 18px;
        position: relative;
        margin-left: 30px;
    }

    .makes-different .step-makes ul.makes-menu li::before {
        top: 51%;
        left: -20px;
        width: 18px;
        height: 18px;
    }

    .makes-different .step-makes ul.makes-menu li::after {
        height: 102%;
        left: -20px;
        transform: translate(-50%, -50%);
        width: 2px;
    }


    .testimonials .desc-clinet p {
        font-size: 16px;
        font-weight: 500;
        padding: 10px 50px 30px;
    }

    .testimonials .owl-theme .owl-nav {
        top: auto;
        justify-content: center;
        bottom: -4px;
    }


    .testimonials .owl-theme .owl-nav [class*='owl-']{
        margin: 0 50px;
    }

    .our-clients{
        overflow: hidden;
    }

    .customer-say .logoImg{
        margin-bottom: 20px;
    }
    .main-header .imgRightHeader{
        background: var(--secondColor);
        border-radius: 16px;
        height: 128px;
        margin-top: 50px;
    }
    .main-header .imgRightHeader img{
        width: 120px;
        left: 10px;
    }

    /* .main-header .imgRightHeader::after{
      bottom: -148px;
      left: -70px;
      transform: scale(0.4);
    } */


    .main-header .imgRightHeader::before{
        content: "";
    }

    .main-header .imgRightHeader h4 {
        margin-top: 10px;
    }


    .main-header .imgRightHeader h3, .main-header .imgRightHeader h4 {
        font-size: 17px;
        width: 60%;
        margin-left: auto;
    }

    .scrolltotop svg{
        top: 0px;
    }

    .scrolltotop{
        width: 50px;
        height: 50px;
    }

    .mainEvent .titleEvent h3{
        font-size: 30px;
        line-height: 20px;
        padding-bottom: 25px;
    }

    .mainEvent .descEvent p, .mainEvent .descEvent2 p{
        font-size: 16px;
        line-height: 36px;
        padding-bottom: 18px;
    }

    .mainEvent .social-menu {
        margin-bottom: 50px;
    }

    .mainEvent .social-menu li {
        margin-right: 10px;
    }

    .mainEvent .social-menu li img{
        width: 35px;
    }

    .mainEvent .formEvents{
        padding: 20px;
    }

    .interstedInCheck .control{
        font-size: 16px;
    }

    .contactSec .contact-form form {
        padding: 25px;
    }



    /** End Home

    /** Start pages   **/
    .multipleTarget .tabs-list{
        display: flex;
        justify-content: space-between;
    }

    .multipleTarget .tabs-list li {
        font-size: 16px;
        line-height: 40px;
        margin-bottom: 20px;
        padding: 0px 16px;
    }

    .multipleTarget .content-list .subContent h4{
        font-size: 20px;
        line-height: 40px;
    }

    .multipleTarget .content-list h3{
        font-size: 26px;
    }

    .multipleTarget .content-list{
        margin-top: 40px;
    }

    .headerSinglePage::after{
        width: 200px;
        height: 200px;
    }

    .headerSinglePage .subTitleSinglePage{
        margin-bottom: 15px;
        padding: 0;
    }

    .headerSinglePage .subTitleSinglePage {
        width: 100%;
    }

    .scrolltotop i{
        line-height: 35px;
    }

    .headerSinglePage .descSinglePage{
        width: 100%;
        font-size: 16px;
    }

    .modalReachWare .modal-content{
        padding: 10px;
    }

    .modalReachWare .modal-title .mainModal{
        font-size: 24px;
    }

    .modalReachWare .modal-title .subModal{
        font-size: 16px;
    }

    .form-control,
    .select2-container--default .select2-selection--single
    {
        height: 54px;
        font-size: 18px;
    }

    .form-group label.focusInput, .form-group label.notEmptyInput{
        font-size: 11px;
    }

    .btn.btnReachWear{
        height: 54px;
    }

    .inputSearch.input-group>.form-control:not(:first-child){
        font-size: 18px;
    }

    .headerSinglePage .subTitleSinglePage{
        width: 100%;
        margin-bottom: 15px;
    }

    .headerSinglePage .social-menu {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .headerSinglePage::after{
        width: 200px;
        height: 200px;
    }

    .headerSinglePage .social-menu li svg{
        width: 40px;
        height: 40px;
    }

    .headerSinglePage .social-menu li {
        margin-right: 10px;
    }

    .blog-page .imgSinglePage img {
        width: 60%;
    }



    .filterAdvance .inMobile > div:first-child{
        display: none;
    }


    span.input-group-text.filterInMobile {
        margin-left: 10px;
        background: var(--mainColor);
        border-radius: 8px;
        display: flex;
        cursor: pointer;
    }

    .filterAdvance .searchfilterAdvance {
        display: flex;
    }

    .filterAdvance .filterModal .filterWord{
        line-height: 30px;
    }

    .boxCheckFilter.filter-by-business {
        margin-top: 40px;
    }

    .btnCheck .mainBtnNot {
        padding: 12px 40px;
    }


    .boxCheckFilter .showMorebtn a{
        font-size: 18px;
    }

    .headContentBlog h3{
        display: block;
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .contentStikyBlog .headerStiky{
        font-size: 22px;
        margin-top: 10px;
    }
    .contentStikyBlog{
        height: 120px;
        padding: 0 15px;
    }

    .body-result .boxResult .btnSeach a svg{
        width: 10px;
    }
    .body-result .boxResult .btnSeach a {
        width: 40px;
        height: 40px;
    }

    .footer-result{
        font-size: 16px;
    }

    .body-result {
        margin-bottom: 40px;
    }

    .header-result form .row{
        margin-right: -5px;
        margin-left: -5px;
    }

    .header-result form .row > div{
        padding-right: 5px;
        padding-left: 5px;
    }

    .header-result span.btnSearchPc {
        display: none;
    }

    .mainContentBlog .inputSearch.input-group>.form-control:not(:first-child),
    .searchWidget .inputSearch.input-group>.form-control:not(:first-child){
        padding-left: 26px;
    }

    .searchWidget .inputSearch.input-group>.form-control:not(:first-child){
        padding-left: 20px;
    }

    .mainContentBlog  .inputSearch.input-group .input-group-prepend .input-group-text,
    .widgetPostOne .inputSearch.input-group .input-group-prepend{
        display: none;
    }
    .headContentBlog .inputSearch.input-group {
        float: unset;
    }

    .mainContentBlog .btnMobileSearch {
        width: 55px;
        height: 55px;
        background-color: var(--mainColor);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        margin-left: 14px;
    }
    .mainContentBlog  .headContentBlog .row > div:last-child{
        display: flex;
        justify-content: space-between;
    }

    .rightMainPost .titleMainPost{
        font-size: 22px;
        line-height: 36px;
    }

    .rightMainPost .imgMainPost figure img{
        height: 240px;
    }

    .shareSocialMedia{
        top: 200px;
    }

    .rightMainPost .imgMainPost figure figcaption{
        width: 90%;
    }

    .rightMainPost .contentMainPost{
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

   

    .listCategories li {
        width: 37%;
        display: inline-block;
    }

    .InpuMobileWeight .btnMobileSearch{
        width: 44px;
        height: 44px;
        background: var(--mainColor);
        margin-left: 8px;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .InpuMobileWeight{
        display: flex;
    }


    .financeBox{
        padding: 15px 20px;
    }

    .financeMore .innerheaderSingle {
        margin-top: 30px;
        text-align: center;
    }

    .financeBox p {
        font-size: 18px;
    }

    .headerSinglePage.financePageHeader .descSinglePage {
        margin-bottom: 15px;
        width: 100%;
    }

    .headerSinglePage.partnersPageHeader .descSinglePage {
        margin-bottom: 15px;
    }

    .boxPartner{
        min-height: 100px;
        margin-bottom: 20px;
    }

    .partnerBenefits .innerDescSingle {
        width: 100%;
        font-size: 18px;
    }
    .partnerBenefits .innerheaderSingle{
        margin-top: 30px;
    }

    section.aboutReachwearSingle.leftAbout .innerDescSingle {
        margin-left: 0;
    }

    .aboutReachwearSingle .innerDescSingle{
        margin-bottom: 40px;
    }
    .boxOffer .headerOffer h4 {
        font-size: 18px;
    }
    .boxOffer .bodyOffer {
        height: auto;
        padding: 20px;
    }
    .boxOffer .bodyOffer p {
        font-size: 16px;
    }

    section.aboutReachwearSingle.leftAbout {
        padding-top: 0;
    }

    .filterAdvance .container > .row > div:last-child{
        border:none;
    }

    .mainSearchBlog .headContentBlog h4{
        margin-bottom: 20px;
        text-align: center;
    }


    /** End pages   **/

    /** Start Free Toure **/

    section.free-tour {
        margin-top: 30px;
    }

    section.free-tour .container-bg {
        background: var(--secondColor);
        border-radius: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
    }

    section.free-tour .img-tour img{
        height: auto;
        width: 180px;
    }

    section.free-tour .img-tour {
        bottom: -163px;
    }


    section.free-tour .title-tour h4 {
        line-height: 30px;
        font-size: 18px;
    }

    section.free-tour .title-tour h3 {
        line-height: 30px;
        font-size: 22px;
    }

    section.free-tour .title-tour {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 15px;
        text-align: right;
    }
    section.free-tour .btn-tour{
        justify-content: flex-end;
    }

    section.free-tour .btn-tour a{
        padding: 10px 14px;
        margin-right: 15px;
        border-radius: 80px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    section.free-tour .container-bg::after{
        overflow: hidden;
        right: -47px;
        top: 0px;
        transform: scaleX(0.8);
    }

    /** End Free Toure **/



    /** Start Footer **/
    .mid-footer .row > div:nth-of-type(1) {
        order: 1;
    }
    .mid-footer .center-mid-footer, .mid-footer .right-mid-footer {
        margin-top: 0px;
        margin-left: 0;
        margin-bottom: 50px;
    }

    .bottom-footer{
        text-align: center;
    }
    .bottom-footer .copyWrite.center-left{
        justify-content: center;
    }


    .bottom-footer .row > div:nth-of-type(1){
        order: 2;
    }

    .bottom-footer .row > div:nth-of-type(2){
        order: 3;
    }

    .bottom-footer .row > div:nth-of-type(3){
        order: 1;
    }
    .bottom-footer ul.links-copy-footer.navbar-nav.center-copy{
        border-top: 2px solid #3a398575;
        padding-top: 10px;

    }

    .bottom-footer {
        border-top: none;
    }
    .mid-footer {
        padding: 45px 0;
        padding-bottom: 10px;
    }

    .center-mid-footer ul.mid-footer-menu.navbar-nav{
        display: block;
    }

    .center-mid-footer  ul.mid-footer-menu.navbar-nav li{
        display: inline-block;
        width: 42%;
    }

    /** End Footer **/


    /*** mobile menu ****/

    div#navbarSupportedContent.mobile_menu {
        background: #fff;
    }

}


@media (max-width: 767.98px) {



}



@media (max-width: 991.98px) {


}



@media (min-width: 992px) {

    .header-result span.btnSearchPc {
        display: block;
    }
    .mainContentBlog .btnMobileSearch,
    .widgetPostOne .mainMobileSearch,
    .header-result span.btnSearchMb,
    span.input-group-text.filterInMobile {
        display: none;
    }

    .financeBox p{
        height: 130px;
        overflow: hidden;
    }

    .colboxPost .titlePost{
        height: 60px;
        overflow: hidden;
    }

}



/** Start Contidions Pages **/
.conditionMain {
    color: var(--blackColor);
}
.conditionMain section{
    padding-top: 70px;
}

.conditionMain  .headerSinglePage{
    background-color: #FBFBFB;
}


.conditionMain .conditionContent{
    padding-top: 50px;
}
@media (max-width: 991.98px){
    .conditionMain .conditionsHeader {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 0;
    }
}

/** Start Contidions Pages **/
.input-required::after {
    position: absolute;
    content: '*';
    color: red;
    margin-left: 2px
}


/*** Start NetSuite and Foodics Integration ***/

.singleIntag.headerSinglePage img {
    width: 100%;
}

.NetFoodicsInteg .main-title{
    text-align: center;
}


.headerNetFoodics {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}


.headerNetFoodics .headerBox {
    display: flex;
    align-items: center;
    width: 40%;
    background: #3A3985;
    border-radius: 12px;
    padding: 14px 20px;
    gap: 18px;
}


.headerNetFoodics .headerBox .imgHeader{

}

.headerNetFoodics .headerBox .imgHeader img{
    height: 75px;
    border: 0.5px solid #CDCDCD;
    border-radius: 8px;
}

.headerNetFoodics .headerBox .infoHeader{

}


.headerNetFoodics .headerBox .infoHeader h4{
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
}

.headerNetFoodics .headerBox .infoHeader .link{

}


.headerNetFoodics .headerBox .infoHeader .link a{
    font-size: 18px;
    position: relative;
    color: #FFC501;

}

.headerNetFoodics .headerBox .infoHeader .link a::before{
    content: url(../images/singleInteg/Arrow.svg);
    position: absolute;
    right: -20px;
}


.headerNetFoodics .headerBox .infoHeader .link a span{

}

.headerNetFoodics .headerBox .infoHeader .link a img{

}

.bodyNetFoodics{

}

.bodyNetFoodics .bodyBox{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
}


.bodyNetFoodics .bodyBox .itemBox{
    width: 40%;
    background: #3A3985;
    border-radius: 27px;
    text-align: center;
    padding:20px;
}

.bodyNetFoodics .bodyBox:nth-of-type(even) .itemBox{
    background: #4544A7;
}

.bodyNetFoodics .bodyBox .itemBox h4{
    color: var(--whiteColor);
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

.bodyNetFoodics .bodyBox  .reachInteg{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
    top: 50%;
}


.bodyNetFoodics .bodyBox  .reachInteg::after{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background: var(--mainColor);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
}




.bodyNetFoodics .bodyBox  .reachInteg::before{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background: var(--mainColor);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 9px;
    z-index: 1;
}


.bodyNetFoodics .bodyBox:nth-of-type(even) .reachInteg::after{
    background: #4544A7;
}
.bodyNetFoodics .bodyBox:nth-of-type(even) .reachInteg::before{
    background: #4544A7;
}

.bodyNetFoodics .bodyBox  .reachInteg .imgReach{
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(58, 57, 133, 0.15);
    border-radius: 100px;
    height: 30px;
    position: relative;
}

.bodyNetFoodics .bodyBox.rightArrow  .reachInteg .imgReach::before,
.bodyNetFoodics .bodyBox.leftArrow  .reachInteg .imgReach::before{
    content: url(../images/singleInteg/rightArrow.svg);
    position: absolute;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 60px;
}

.bodyNetFoodics .bodyBox.leftArrow  .reachInteg .imgReach::before{
    content: url(../images/singleInteg/leftArrow.svg);
}


.bodyNetFoodics .bodyBox.rightArrow  .reachInteg .imgReach::after,
.bodyNetFoodics .bodyBox.leftArrow  .reachInteg .imgReach::after{
    content: url(../images/singleInteg/rightArrow.svg);
    position: absolute;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
}

.bodyNetFoodics .bodyBox.leftArrow  .reachInteg .imgReach::after{
    content: url(../images/singleInteg/leftArrow.svg);
}


.bodyNetFoodics .bodyBox  .reachInteg .imgReach img{
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}


@media (max-width: 991.98px){

    .headerNetFoodics .headerBox{
        flex-direction: column;
        text-align: center;
        padding: 14px 5px;
        width: 48%;
    }
    .bodyNetFoodics .bodyBox .itemBox{
        padding: 9px;
    }
    .headerNetFoodics .headerBox .imgHeader img{
        height: 66px;
    }
    .headerNetFoodics .headerBox .infoHeader h4{
        font-size: 18px;
    }

    .headerNetFoodics .headerBox .infoHeader .link a {
        font-size: 16px;
    }

    .bodyNetFoodics .bodyBox .itemBox h4 {
        font-size: 14px;
    }

    .bodyNetFoodics .bodyBox .reachInteg .imgReach img{
        width: 35px;
    }

    .bodyNetFoodics .bodyBox .reachInteg .imgReach {
        height: 12px;
    }

    .bodyNetFoodics .bodyBox .reachInteg::before,
    .bodyNetFoodics .bodyBox .reachInteg::after{
        width: 7px;
        height: 7px;
    }
    .bodyNetFoodics .bodyBox .reachInteg::after {
        left: 4px;
    }

    .bodyNetFoodics .bodyBox .reachInteg::before {
        right: 4px;
    }

    .bodyNetFoodics .bodyBox.rightArrow .reachInteg .imgReach::after, .bodyNetFoodics .bodyBox.leftArrow .reachInteg .imgReach::after{
        transform: translateY(-50%) scale(0.7);
        right: 15px;
    }

    .bodyNetFoodics .bodyBox.rightArrow .reachInteg .imgReach::before, .bodyNetFoodics .bodyBox.leftArrow .reachInteg .imgReach::before{
        transform: translateY(-50%) scale(0.7);
        left: 15px;
    }
}


/*** End NetSuite and Foodics Integration ***/



/* Start Box Single Integrations */

.box-single-integ{

}

.box-single-integ .main-title{
    text-align: center;
}

.box-single-integ  .box-integ{
    border: 1px solid #E7E5EA;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
    transition: 0.5s;
}

.box-single-integ  .box-integ:hover{
    background-color: var(--mainColor);
}

.box-single-integ  .box-integ .img-box{
    margin-bottom: 30px;
}

.box-single-integ  .box-integ .img-box img{

}

.box-single-integ  .box-integ .img-box img{

}

.box-single-integ  .box-integ:hover .img-box img{
    filter: brightness(0) invert(1);
}

.box-single-integ  .box-integ h4{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    transition: 0.5s;
}

.box-single-integ  .box-integ:hover h4{
    color: #fff;

}


.box-single-integ  .box-integ:hover p{
    color: #fff;
}
.box-single-integ  .box-integ p{
    color: #676667;
    font-weight: 400;
    font-size: 14px;
    transition: 0.5s;
    height: 105px;
}

@media (max-width: 991.98px){

}


/* End Box Single Integrations */



/** Start Integration Flows **/
.integration-flows{
    position: relative;
    overflow: hidden;
}

.integration-flows .main-title{
    text-align: center;
}

.integration-flows::after{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    background: var(--mainColor);
    filter: blur(150px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.integration-flows .tabFlowBtn{
    border: 1px solid #E7E5EA;
    border-radius: 32px;
    display: flex;
    gap: 20px;
    gap: 20px;
    padding: 30px 50px;
    margin-bottom: 10px;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
    background-color: var(--whiteColor);
}
.integration-flows .tabFlowBtn:last-child{
    margin-bottom: 0;
}

.integration-flows .tabFlowBtn.active{
    background: var(--mainColor);
}

.integration-flows .tabFlowBtn .icon-flow{
    width: 35px;
    height: 35px;
    background: var(--mainColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.5s;
}

.integration-flows .tabFlowBtn.active .icon-flow{
    background: var(--whiteColor);
}

.integration-flows .tabFlowBtn .icon-flow img{
    filter: brightness(0) invert(1);
    transition: 0.5s;
}

.integration-flows .tabFlowBtn.active .icon-flow img{
    filter: unset
}

.integration-flows .tabFlowBtn h3 {
    font-size: 20px;
}

.integration-flows .tabFlowBtn.active h3{
    color: var(--whiteColor);
    transition: 0.5s;
}

.tabsflows > .row >div,
.tabsflows > .row >div .contentBoxs,
.tabsflows > .row >div .contentBoxs .contentBox {
    min-height: 100%;
}

.tabsflows > .row >div .contentBoxs{
    border: 1px solid #E7E5EA;
    border-radius: 32px;
    padding: 50px 66px;
    background: var(--whiteColor);
}

.tabsflows > .row >div .contentBoxs .contentBox h3 {
    position: relative;
    font-size: 22px;
    line-height: 40px;
    color: var(--blackColor);
    margin-bottom: 28px;

}
.tabsflows > .row >div .contentBoxs .contentBox h3::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 6px;
    width: 70px;
    background: var(--mainColor);
}

.tabsflows > .row >div .contentBoxs .contentBox p {
    font-size: 14px;
    line-height: 30px;
    color: var(--blackColor);
    font-weight: 400;
}

@media (max-width: 991.98px){
    .integration-flows  .tabsFlowsBtns{
        display: flex;
        overflow: auto;
    }
    .integration-flows .tabFlowBtn{
        padding: 10px 25px;
        gap: 10px;
        margin-right: 10px;
    }
    .integration-flows .tabFlowBtn:last-child{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .tabsflows > .row >div .contentBoxs {
        margin-top: 18px;
        padding: 20px 32px;
    }

    .integration-flows .tabFlowBtn h3 {
        font-size: 16px;
    }

/* Blogs headings section  start */
	
.contentMainPost .ql-align-center {
   text-align: center;
}
	
.contentMainPost .ql-align-justify {
   text-align: justify;
}

a {
    color: #3a3985 !important;
  
}
	
.contentMainPost > h2 {
    color: #3a3985 !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    padding: 15px 0px;
}
.contentMainPost > h2 > span {
    color: #3a3985 !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    padding: 15px 0px;
}

.contentMainPost > h3 {
    color: #3a3985 !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 0px;
}

.contentMainPost > h3 > span {
    color: #3a3985 !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 0px;
}

.contentMainPost > h4 {
    color: #3a3985 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 14px 0px;
}

.contentMainPost > h4 > span {
    color: #3a3985 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 14px 0px;
}

.contentMainPost > p {
    font-size: 12pt;
}

.contentMainPost > p > span {
    font-size: 12pt;
}

/* Blogs headings section  */



}

body > footer > div > di  v.mid-footer > div > div:nth-child(3) > div > div.contact-info > ul > li:nth-child(3) > a{
    pointer-events: none!important;
}

body > footer > div > div.mid-footer > div > div:nth-child(3) > div > div.contact-info > ul > li:nth-child(4) > a{
    pointer-events: none!important;

}

.main-div{
    height: auto;
    padding: 15px 10px 15px 10px;
    background-color: #7549ad;
    border-radius: 10px;
    /* margin-top: 20px; */
    margin-bottom: 20px;
}
.image-section{
    border-radius: 27px;
    width:300px ;
    height: 110px;    
}
.heading-section  {
    background-color: #7549ad;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20;

}
.heading-section > span {
    font-size: 16px;
    line-height: 20px;
    color: white;
    background-color: #7549ad;
    text-align: center;
    margin-top: 20px;
   

}
/** End Integration Flows  **/