@font-face {
    font-family: 'yekan';
    src: url('/asset/public/font/1.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('/asset/public/font/OpenSans-Medium.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
body, body * {font-family: system-ui;}
body {
    margin: 0px;
    padding: 0px;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.42rem;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    height: 39px;
}
.header-navbar{border-bottom: 1px solid #b1abab;margin: 0px 18px;}
.navbar-container{direction: rtl;display: grid;grid-template-columns: 1fr 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;justify-items: center;}
.navbar-item{display: inline-block;}
.bars-solid{display: none;}
.bars-logo{display: inline-block;}
.bars-solid img{

}
.bars-logo img{width: 50px;height: 50px;vertical-align: middle;}
.horizontal-menu{position: relative;display: block;padding-bottom: 8px;z-index: 222;background-color: #FFFFFF;border-bottom: 2px solid #5349d87d;}
.horizontal-menu .main-navbar{position: relative;}
.horizontal-menu .navbar-brand{

}
.horizontal-menu .logomainpage{

}
.horizontal-menu .navbar-brand h2{

}
.horizontal-menu .main-menu-content{position: relative;}
.horizontal-menu .navbar-nav{text-align: left;padding: 0px;margin: 0;list-style-type: none;font-size: 0;padding-left: 300px;}
.horizontal-menu .navbar-nav ul {
    display:none;
    text-align: center;
    list-style-type: none;
}
.horizontal-menu .nav-item{display: inline-block;position: relative;}
.horizontal-menu .nav-link{
    color: #6E6B7B;
    line-height: 1.5;
    font-size: 21px;
    padding: 0.715rem 1.25rem;
    margin-left: 0.715rem;
    text-decoration: none;
    position: relative;
}
.horizontal-menu .nav-link img{width: 23px;vertical-align: middle;}
.horizontal-menu .nav-link span {margin-right: 4px;text-transform: uppercase;transition: all ease-in-out 400ms;font-weight: 500;color: rgb(155 150 150);font-size: 14px;font-style: normal;text-transform: uppercase;}

.horizontal-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
.horizontal-menu ul.dropdown-menu {
    top: 100%;
    left: 0;
    margin-top: .5em;
    margin-bottom: .5em;
    box-shadow: 0 0 4px 0px #ffffff;
    border-radius: 7px;
}
.horizontal-menu ul.dropdown-menu .dropdown-menu {
    top: -.5em;
    left: 100%;
}
.horizontal-menu ul li {
    color: black;
    position: relative;
    white-space: nowrap;
    list-style: none;
}
.horizontal-menu a {
    display:block;
    padding:0 10px;
    color: black;
    font-size:20px;
    line-height: 60px;
    text-decoration:none;
    text-align: left;
    white-space: nowrap;
    /* padding: 9px 52px 7px 33px; */
    border: none;
    color: #5c63ab;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
    position: relative;
}

.horizontal-menu ul ul {
    display: none;
    position: absolute;
    margin-left: -14px;
}
.horizontal-menu ul ul li{
    background-color: white;
}
.horizontal-menu ul ul li:first-child{
    border-top-left-radius:7px;
    border-top-right-radius:7px;
}
.horizontal-menu ul ul li:last-child{
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

.horizontal-menu ul ul li{
}
.horizontal-menu ul li:hover > ul {
    display:block;
}
.horizontal-menu ul ul li {
    width: 148px;
    /* float:none; */
    /* display:list-item; */
    /* position: relative; */
}
.horizontal-menu ul ul ul li {
}

.horizontal-menu ul.dropdown-menu li {
    padding: .2em 1.5em;
    font-size: .9rem;
}
.horizontal-menu .nav-link:after {
    transition: all ease-in-out .2s;
    background: none repeat scroll 0 0 #db54e1;
    content: "";
    display: block;
    height: 2px;
    width: 0;
}
.horizontal-menu .nav-link:hover:after {
    width: 100%;
}
.horizontal-menu .arrow {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 22px;
    right: 3px;
}
.horizontal-menu .dropdown-menu .arrow{
    right: 23px;
    top: 24px;
    border: solid #a39d9d;
    border-width: 0 2px 2px 0;
}
.horizontal-menu .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.horizontal-menu .dropdown-menu .down {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.horizontal-menu .dropdown-menu a:hover span.menutxt_txt{

    animation: myanim 0.3s linear;
    animation-fill-mode: forwards;
}


.vertical-menu{
    display: none;
    position: absolute;
    top: 68px;
    right: 0px;
    width: 100%;
    background-color: white;
    /* padding-top: 20px; */
    z-index: 2;
}
.vertical-menu ul{
}
.vertical-menu .navbar-nav ul{
    display:none;
}
.vertical-menu .main-navbar{

}
.vertical-menu .navbar-brand{direction: rtl;text-align: right;display: block;padding-right: 63px;}
.vertical-menu .logomainpage{width: 74px;}
.vertical-menu .navbar-brand h2{margin-top: 11px;}
.vertical-menu .main-menu-content{

}
.vertical-menu .navbar-nav{direction: ltr;text-align: left;}
.vertical-menu .nav-item{
    margin-top: 0px;
}
.vertical-menu .nav-link{
    color: #000000bd;
    line-height: 1.5;
    font-size: 21px;
    padding: 0.715rem 0px;
    width: 100%;
    display: block;
    position: relative;
}
.vertical-menu .nav-link:hover{
    border-radius: 4px;
}
.vertical-menu .nav-link img{width: 23px;vertical-align: middle;}
.vertical-menu .nav-link span {margin-left: 11px;}
.closeverticalmenu{position: absolute;top: 20px;left: 20px;width: 31px;cursor: pointer;}
.vertical-menu a,.horizontal-menu a,.header-navbar a{
    text-decoration:none;
}

.vertical-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
.vertical-menu ul li {
    display: block;
    background-color: white;
    color: black;
}
.vertical-menu a {
    display:block;
    padding:0 10px;
    color: black;
    font-size:20px;
    line-height: 60px;
    text-decoration:none;
    position: relative;
}
.vertical-menu ul a:hover {
}
.vertical-menu ul ul {
    display: none;
}
.vertical-menu ul li:hover > ul {

}
.vertical-menu ul ul li {
    padding-left: 32px;
}
.vertical-menu ul ul ul li {
    position: relative;
}
.vertical-menu .arrow {
    border: solid #716c6c;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;

}
.vertical-menu .dropdown-menu .arrow{

}
.vertical-menu .outerarrow{
    position: absolute;
    top: 2px;
    right: 18px;
    line-height: 2px;
    padding: 10px;
}
.vertical-menu .dropdown-menu .outerarrow{
    right: 23px;
}
.vertical-menu .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.vertical-menu .dropdown-menu .down {
}

.toggle_menu{position: absolute;top: 20px;left: 33px;cursor: pointer;z-index: 3;display: none;}
.toggle_menu div {
    width: 35px;
    height: 3px;
    background-color: black;
    margin: 6px 0;
    display: block;
}
.navbar-logo{position: absolute;top: 15px;left: 61px;z-index: 423;}
.logomainpage{
    width: 200px;
}


@keyframes myanim {
    from {
        border-left: none;
        padding-left: 0px;
    }
    to {
        border-left: 2px solid #0d30dd;
        padding-left: 7px;
    }
}
.outer-dropdown-menu{

}
.slideshow{

}
.slideshow .innerslideshow{justify-items: center;}
.slideshow .lefttxt,.slideshow .rightimg{position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;}
.slideshow .lefttxt{
    /* align-self: center;    <---- REMOVE */
    /* <---- NEW    */
    width: 100%;
}
.slideshow .buttomtxt,.slideshow .toptxt{
    width: 84%;
    padding-left: 15px;
    margin: auto;
    padding-top: 115px;
}
.slideshow .txtslides{
    text-align: center;
    margin: auto;
}
.slideshow .toptxt{}
.slideshow .toptxt .txta {height: auto;color: black;text-decoration: none;white-space: normal;min-height: 0px;min-width: 0px;max-height: none;max-width: none;text-align: inherit;line-height: 60px;letter-spacing: 0px;font-weight: 800;font-size: 50px;transform-origin: 50% 50%;opacity: 1;transform: translate(0px, 0px);visibility: visible;}
.slideshow .toptxt .txta .innertxt{color: #5349D8;}
.slideshow .toptxt .txtb{
    padding-top: 24px;
    color: #8ea5f5;
    text-decoration: none;
    white-space: normal;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: inherit;
    line-height: 44px;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 18px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}
.slideshow .rightimg{
}
.slideshow .imgslides{

}
#imgslide1{
    position: relative;
    width: 100%;
    display: block;
}
.slideshow .outerimg{position: relative;width: 70%;margin: auto;}
.slideshow .outerimg img{width: 100%;padding-left: 21px;margin-top: 51px;}
.slideshow{background-color: white;position: relative;}
.slideshow:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.toptxt > div{
    display: block;
}
.whatiscloud {background-color: white;position: relative;display: grid;grid-template-columns: 3fr 4fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;padding-top: 42px;}
.whatiscloud .leftsection{/* display: flex; */text-align: right;}
.whatiscloud .leftsection img{width: 400px;}
.whatiscloud .rightsection{padding-top: 31px;width: 80%;}
.whatiscloud .rightsection .titleclw{font-size: 46px;font-weight: 900;}
.whatiscloud .rightsection .titleclw span {color: #5349D8;}
.whatiscloud .rightsection .txtdesc{color: #a8a8a8;line-height: 26px;font-size: 17px;padding-top: 21px;text-align: justify;}

.mainfeatures{margin-top: 57px;padding: 32px;position: relative;overflow: hidden;background: #f0f2ff;border-radius: 75px;}
.mainfeatures .txt1{color: rgba(51,51,51,1);font-size: 15px;font-style: normal;font-weight: 300;text-align: center;}
.mainfeatures .txt2{color: black;letter-spacing: -.885px;font-size: 3.375rem;font-style: normal;font-weight: 600;text-align: center;}
.homephone .mainfeatures .txt2{font-size: 2rem;}
.mainfeatures .section_features{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;justify-items: end;padding: 14px;text-align: center;margin: auto;/* justify-content: space-evenly; *//* align-content: stretch; */}
.mainfeatures .features_item{margin-bottom: 2rem;box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;/* min-width: 0; */word-wrap: break-word;background-color: #FFFFFF;background-clip: border-box;border: 0 solid rgba(34, 41, 47, 0.125);border-radius: 29px;padding: 18px;border: 1.5px solid #9faeec;}
.topfeatures .features_item:hover{
    /* box-shadow: 0 4px 20px 20px rgb(34 41 47 / 10%); */
}
.mainfeatures .icon_features {text-align: left;}
.mainfeatures .icon_features img{width: 62px;}
.mainfeatures .title_features{padding: 18px 0 15px;margin: 0;transition: all 0.3s ease 0s;color: #2E325B;font-size: 1.375rem;font-style: normal;font-weight: 600;color: #5349D8;padding-top: 10px;padding-bottom: 11px;}
.mainfeatures .content_features{font-style: normal;font-weight: 300;line-height: 22px;text-rendering: optimizeLegibility;color: #718494;font-size: 1rem;}
.findoutfeature {display: grid;grid-template-columns: 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;padding: 34px;background-color: #f0f2ff;margin-top: 98px;border-radius: 73px;}
.findoutfeature .leftfindoutfeature{text-align: right;}
.findoutfeature .leftfindoutfeature img{/* width: 100%; */}
.findoutfeature .rightfindoutfeature{text-align: left;padding-left: 42px;}
.findoutfeature .titleright{font-style: normal;font-weight: 600;letter-spacing: -.885px;color: black;font-size: 2.375rem;line-height: 1.2;}
.findoutfeature .mainitemsright{
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4;
    color: #718494;
}
.findoutfeature .itemright{
    margin-top: 28px;
}
.findoutfeature .txtpercentage{
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: #001774;
}
.findoutfeature .txtpercentage span{
}
.findoutfeature .txtrightright{

}
.findoutfeature .txtleftright{text-align: right;}
.findoutfeature .progresspercentage{position: relative;width: 100%;height: 5px;background-color: #e9eeff;}
.findoutfeature .fillright{height: 100%;}
.progresspercentage.rightitem1 .fillright {width: 80%;background-color: #3a46d1;}
.progresspercentage.rightitem2 .fillright {width: 85%;background-color: #000000;}
.progresspercentage.rightitem3 .fillright {width: 90%;background-color: #ff337f;}
.progresspercentage.rightitem4 .fillright {width: 80%;background-color: #3a46d1;}
.pricinglist{margin-top: 31px;padding: 32px;}
.pricinglist .title1price{color: rgba(51,51,51,1);font-size: 15px;font-style: normal;font-weight: 300;text-align: center;}
.pricinglist .title2price{color: black;letter-spacing: -.885px;font-size: 3.375rem;font-style: normal;font-weight: 600;text-align: center;}
.pricinglist .innerpricinglist{display: grid;grid-template-columns: 1fr 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;padding: 14px;margin-top: 69px;position: relative;}
.pricinglist .innerpricinglist .outeritemprice{
    margin-bottom: 30px;
    border-radius: 8px;
    position: relative;
    transition: margin 400ms;
    box-shadow: 0 0 15rem 0 rgba(0,37,64,.15);
    padding-bottom: 41px;
    width: 100%;
    border-radius: 60px;
    border-top-left-radius: 0px;
}
.pricinglist .innerpricinglist .outeritemprice:hover{
    margin-top: -20px;
    margin-bottom: 50px;
}
.pricinglist .itemprice{color: #2a2828;transition: margin 400ms;border-radius: 16px;position: relative;width: 100%;border-radius: 60px;border-top-left-radius: 0px;}
.pricinglist .itemprice .listrowprice{
    color: white;
}
.pricinglist .itemprice:hover{
    /* margin-top:-20px; */
}
.pricinglist .titleitem{font-size: 31px;font-style: normal;font-weight: 600;text-align: center;}
.pricinglist .priceitem{text-align: center;font-size: 43px;font-weight: 700;}
.pricinglist .peruser{
    text-align: center;
    margin-top: 20px;
}
.pricinglist .peruser span{
    padding: 2px 17px;
    border-radius: 34px;
    font-size: 16px;
    color: white;
}
.pricinglist .linebreak{width: 100%;height: 3px;background-color: white;margin: 15px 0px;display: none;}
.pricinglist .fitemrow{padding: 0px 19px;padding-bottom: 19px;}
.pricinglist .leftfitemrow{display: flex;line-height: 15px;padding-top: 7px;font-size: 16px;}
.pricinglist .leftfitemrow .svgiconcheck{
    width: 1em;
    min-width: 1em;
    display: inline-block;
    margin-top: 3px;
    fill: white;
    margin-right: 10px;
}
.pricinglist .leftfitemrow .txtleftfitemrow{
    line-height: 28px;
}
.pricinglist .checkmark{
    text-align: right;
}
.pricinglist .innercheckmark{
    display: inline-block;
    transform: rotate(51deg);
    height: 17px;
    width: 7px;
    border-bottom: 4px solid black;
    border-right: 4px solid black;
}
.pricinglist .headitem{
    padding: 26px;
    width: 263px;
    margin: auto;
    margin-top: -43px;
    color: black;
    border-radius: 50px;
    border-top-right-radius: 0px;
    background-color: white;
}

.whyus{

}
.whyus .features_item{box-shadow: none;}
.whyus .icon_features{text-align: left;}
.whyus .icon_features img{}
.whyus .title_features{text-align: left;}
.whyus .content_features{text-align: left;}
.ourclients{padding: 40px;display: grid;grid-template-columns: 1fr 4fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;background: #f9faff;margin-top: 127px;}
.ourclients .titleourclients{color: #5349D8;letter-spacing: -.885px;font-size: 3.375rem;font-style: normal;font-weight: 600;}
.ourclients .titleourclients .title1{color: black;}
.ourclients .titleourclients .title2{color: #909093;font-size: 19px;margin-top: 20px;}
.ourclients .mainitemclient{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-items: center;padding-top: 67px;}
.ourclients .itemclient{position: relative;width: 100%;}
.ourclients .clientlogo{text-align: center;}
.ourclients .clientlogo img{width: 72%;height: 44px;}
.ourclients .clientcompany{padding-bottom: 20px;font-style: normal;font-weight: 300;line-height: 1.714;text-rendering: optimizeLegibility;color: #718494;font-size: 1.05rem;text-align: center;}
.footer {background-color: #d4e5fd;background: #1C1C1E;padding: 20px;font-size: 15px;font-style: normal;font-weight: 300;color: white;padding-bottom: 0px;}
.footer .topfooter {display: grid;grid-template-columns: 1fr 1fr 1fr;border-bottom: 1px solid white;padding-bottom: 21px;}
.footer .aboutfooter{padding-right: 24px;}
.footer .aboutfooter img{

}
.footer .aboutfooter p{}
.footer .businesshours{

}
.footer .titlebh{color: #0095FF;border-bottom: 2px solid #FFF;display: inline-block;padding-bottom: 4px;margin-top: 30px;font-weight: 600;font-size: 1.375rem;margin-bottom: 0.5rem;line-height: 1.2;}
.footer .footerbs{

}
.footer .footerbs div{

}
.footer .footerbs div a{
    text-decoration: none;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    color: white;
    transition: all .2s ease-in-out;
}
.footer .footerbs div span{
    color:white;
    font-weight: 300;
}
.footer .footerbs div a:hover{
    color: #FF337F !important;
}
.footer .ttitlebs{font-size: .875rem;font-weight: 600;font-style: normal;color: #0095FF;}
.footer .linkarea{

}
.footer .titlelk{color: #0095FF;border-bottom: 2px solid #FFF;display: inline-block;padding-bottom: 4px;margin-top: 30px;font-weight: 600;font-size: 1.375rem;margin-bottom: 0.5rem;line-height: 1.2;}
.footer .footerlk{

}
.footer .footerlk a{position: relative;display: block;text-decoration: none;font-size: 15px;font-style: normal;font-weight: 300;color: white;transition: all .2s ease-in-out;}

.footer .footerlk a:hover{
    padding-left: 5px;
    color: #FF337F !important;
}
.buttomfooter{text-align: center;padding: 13px;}
.buttomfooter .allright{

}
.tile {
    -webkit-transform: translateY(50px) rotate(-5deg) translateZ(0);
    transform: translateY(50px) rotate(-5deg) translateZ(0);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
}
.inView {
    -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0);
    opacity: 1;
}
.backgroundtext{
    position: absolute;
    font-size: 193px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    opacity: 0.02;

    font-style: normal;
    font-weight: 600;
}
.pricinglistsontactsale{position: absolute;bottom: 12px;left: 25px;text-decoration: none;background-color: white;font-size: 13px;padding: 11px 16px;border-radius: 36px;left: 50%;transform: translate(-50%);}

.portingmain {padding: 100px 0px 100px 0px;}
.portingmain *{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.portingmain form{width: 50%;margin: auto;}
.portingmain .require input{
    border:1px solid red;
}
.txtcolorblue{
    color: #5349D8;
}
.ournetwork{padding: 23px;display: grid;grid-template-columns: 2fr 4fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;background: #5A75DE1A;margin-top: 76px;}
.ournetwork .leftsection{line-height: 24px;padding-left: 39px;}
.ournetwork .leftsection .title1{font-size: 11px;}
.ournetwork .leftsection .title2{font-size: 23px;color: black;font-family: Lato;font-size: 34px;font-weight: 800;line-height: 41px;letter-spacing: 0em;text-align: left;}
.ournetwork .leftsection .txt11{line-height: 19px;margin-top: 13px;width: 70%;color: #0000008A;}
.ournetwork .rightsection{

}
.ournetwork .rightsection .boxes{display: grid;grid-template-columns: 1fr 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;}
.ournetwork .rightsection .box_item{padding: 20px;text-align: center;border: 3px solid #0527FF;border-radius: 16px;}
.ournetwork .rightsection .title12{font-family: Lato;font-size: 60px;font-weight: 800;line-height: 72px;letter-spacing: 0em;color: #0527FF;}
.ournetwork .rightsection .desc1{font-family: Lato;font-size: 15px;font-weight: 700;color: #0527FF61;}
.innerpricinglist .outeritemprice.greenclass .headitem
{
    color: #4BB891;
    border: 2px solid #4BB891;
}
.innerpricinglist .outeritemprice.greenclass .peruser span{
    background-color:#4BB891;
}
.innerpricinglist .outeritemprice.greenclass{
    background-color:#4BB891;
}
.innerpricinglist .outeritemprice.greenclass .pricinglistsontactsale{
    color:#4BB891;
}

.innerpricinglist .outeritemprice.blueclass .headitem
{
    color: #3298E0;
    border: 2px solid #3298E0;
}
.innerpricinglist .outeritemprice.blueclass .peruser span{
    background-color:#3298E0;
}
.innerpricinglist .outeritemprice.blueclass{
    background-color:#3298E0;
}
.innerpricinglist .outeritemprice.blueclass .pricinglistsontactsale{
    color:#3298E0;
}

.innerpricinglist .outeritemprice.pinkclass .headitem
{
    color: #EA9C52;
    border: 2px solid #EA9C52;
}
.innerpricinglist .outeritemprice.pinkclass .peruser span{
    background-color:#EA9C52;
}
.innerpricinglist .outeritemprice.pinkclass{
    background-color:#EA9C52;
}
.innerpricinglist .outeritemprice.pinkclass .pricinglistsontactsale{
    color:#EA9C52;
}
.homephone .whatiscloud{padding-top: 50px;}
.homephone .findoutfeature{
    margin-top: 50px;
}
.homephone .whatiscloud img{

}
.homephone .findoutfeature img{width: 83%;}
.homephone .whatiscloud .rightsection{

}
.homephone .whatiscloud .rightsection .titleclw{font-size: 30px;}
.homephone .whatiscloud .rightsection .txtdesc{

}
.homephone .findoutfeature .titleright{font-size: 30px;}
.homephone .findoutfeature .mainitemsright{

}
.maintophomephone{
    padding: 0px 100px;
}
.maintophomephone h3{
    text-align: center;
    color: #5349D8;
    font-size: 34px;
    padding: 0px;
    margin: 0px;
}
.maintophomephone p{
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.7;
    color: #718494;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.maintophomephone .imgehomephone{position: relative;text-align: center;}
.maintophomephone .imgehomephone img{width: 432px;}
.homephone .features_item {
    width: 79%;
    margin-bottom: 1em;
    padding: 10px;
}
.homephone .features_item .icon_features{
    text-align: center;
}
.homephone .mainfeatures{
    margin-top: 9px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.smsmarketing .mainfeatures{
    padding: 24px 0px;
}
.btnactionhome{
    text-align: center;
}
a.ahomebtn{text-decoration: none;background-color: #5349D8;font-size: 13px;padding: 11px 16px;border-radius: 36px;color: white;display: inline-block;}
.smsmarketing .maintophomephone{
    padding: 55px 100px;
}
.homephone .mainfeatures .section_features {
    justify-items: center;
}
.whatsapp_contact{display: inline-block;position: fixed;bottom: 20px;left: 20px;}
.whatsapp_contact a{

}
.whatsapp_contact img{
    background: #39C75A;
    width: 69px;
    border-radius: 22px;
}
.pagepageitem {
    padding: 32px;
	min-height: 500px;
}
.pagepageitem .heattitlepage {
    justify-content: space-between;
    display: flex;
}
.pagepageitem > table {
    margin: auto;
    border: none;
}
@media screen and (max-width: 1123px){
    .slideshow .outerimg img{
        width: 95%;
        height: 400px;
    }

    .mainfeatures .section_features{
        grid-template-columns: 1fr 1fr ;-webkit-column-gap: 1rem;-moz-column-gap: 1rem;column-gap: 1rem;
    }
}

@media screen and (max-width: 1100px){
    .pricinglist .innerpricinglist{
        grid-template-columns: 1fr;

    }
}
@media screen and (max-width: 1000px){
    .portingmain form{width: 70%;}
}
@media screen and (max-width: 900px){
    .maintophomephone .imgehomephone img{
        width: 250px;
    }
    .maintophomephone{
        padding:20px 50px;
    }
    .whatiscloud {
        display: grid;
        grid-template-columns: 1fr;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        padding: 42px;
    }
    .ourclients {
        padding: 40px;
        display: grid;
        grid-template-columns: 1fr;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        background: #f9faff;
        margin-top: 50px;
    }
    .findoutfeature .leftfindoutfeature img{
        width:100%;
    }
    .ournetwork {
        grid-template-columns: 1fr;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        background: #5A75DE1A;
        margin-top: 30px;
    }
    .ournetwork .rightsection .boxes {
        grid-template-columns: 1fr;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    .ournetwork .rightsection .box_item{
        margin-top:10px;
    }
    .pricinglist .itemprice{
        margin-top:45px;
    }
    .footer{
        margin-top:50px;
    }
    .pricinglist .title2price{
        font-size: 20px;
    }
    .pricinglist .innerpricinglist{
        grid-template-columns: 1fr;
    }
    .ourclients .titleourclients{
        font-size:27px;
    }
    .ourclients{
        padding: 2px 20px;
    }
    .mainfeatures .features_item{
        margin-bottom: 14px;
    }
    .mainfeatures{
        margin-top:10px;
    }
    .findoutfeature .rightfindoutfeature{
        padding-top:20px;
        padding-left:0px;
    }
    .findoutfeature .txtpercentage span{
        font-size:15px;
    }
    .findoutfeature .titleright{
        font-size:20px;
    }
    .mainfeatures .features_item{
        padding: 20px;
        /* min-width: 96%; */
    }
    .homephone .features_item{
        margin: auto;
        margin-top:20px;
    }
    .mainfeatures .title_features{
        padding: 8px 0 5px;
    }
    .mainfeatures .txt2{
        font-size: 26px;
    }
    .footer .aboutfooter img {
        width:100%;
    }
    .footer .topfooter {
        grid-template-columns: 1fr 1fr;
    }
    .ourclients .mainitemclient {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .findoutfeature {
        display: grid;
        grid-template-columns: 1fr ;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        padding: 20px;
    }
    .mainfeatures .section_features{
        grid-template-columns: 1fr;
        column-gap: 0px;
        padding: 0px;
        justify-items: stretch;
    }
    .slideshow .outerimg img{
        width: 346px;
        max-width:100%;
        height: 217px;
    }
    .toggle_menu{
        display: block;
    }
    .bars-logo,.cardbuttom,.loginbuttom,.horizontal-menu{
        display: none;
    }
    .navbar-logo{
        top: 15px;
        right: 30px;
        left: inherit;
    }
    .slideshow .innerslideshow{
        grid-template-columns: 1fr;
    }
    .slideshow{
        padding-top:80px;
    }
    .slideshow .toptxt .txta {
        font-size: 35px;
    }
    .slideshow .toptxt .txtb {
        font-size: 21px;
    }
    .slideshow .lefttxt{
        padding-bottom: 21px;
    }
    .whyus .features_item{
        padding: 2px 6px 2px 6px;
    }

}
@media screen and (max-width: 750px){
    .portingmain form{width: 80%;}
    .ourclients .mainitemclient {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .footer .topfooter {
        grid-template-columns: 1fr ;
    }
}
@media screen and (max-width: 616px){
    .portingmain form{width: 95%;}
    .ourclients .mainitemclient {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}