@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Sora:wght@300;400;500;600;700;800&display=swap');

:root {
    --white: #fff;
    --black: #000;
    --pcolor: #350964;
    --color-gray1: #D1D3D4;
    --color-gray2: #808285;
    --color-gray3: #58595B;
    --color-gray4: #231F20;
    --menudropdown: #E9E9E9;
    --dotunact: #A98BD8;
    --tabactive: #75579D;
    --submitbtn: #625094;
    --secbg: #B7AACC;
    --testsec: #8C80AF;
    --footerbg: #E6E7E8;
    --boxbg: #CFCADD;
    --slidebg: #EFEFEF;
    --iocolor: #644084;
    --blogbg: #EDEDEE;
    --trytectbg:#F1F3FF;
    --bannertext: 50px;
    --industryheading: 50px;
    --pageheading: 45px;
    --inoutheading: 40px;
    --newsheading: 36px;
    --deltypefont: 34px;
    --inouttabfont: 32px;
    --headline: 30px;
    --filtertext: 26px;
    --subheading: 24px;
    --newsdate: 22px;
    --breadcrumbfont: 21px;
    --menuheading: 20px;
    --bigpara: 18px;
    --mainpara: 16px;
    --topmenu: 15px;
    --smallfont: 12px;
}

body {
    padding: 0;
    margin: 0;
    color: #2B2B2B;
}

p {
    font-size: var(--primaryfont);
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: normal;
}

a,button {
    font-size: var(--primaryfont);
    line-height: 1.5;
    font-weight: normal;
    display: inline-block;
    color: var(--pcolor);
}

.innerpage.partnerspage .togrtherwecan-section .togrthersub{
    height: auto !important;
}

.whitetext,.whitetext > * {
    color: #fff!important;
}

.stuff-box{
    border: 1px solid #bdbdbd;
    padding: 30px;
}

.flexcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexaround {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.flexbetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flexend {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flexstrech {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

div.error {
    color: #f00;
    font-size: 12px;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.overflowinitial .wrapper {
    overflow: auto;
}

a:hover, a:focus, button:hover, button:focus {
    text-decoration: none!important;
    color: var(--pcolor);
}

header {
    width: 100%;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
}

.tophead {
    width: 100%;
    background: var(--color-gray1);
    position: relative;
}

.topheadflex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.topheadflex > a {
    font-size: var(--topmenu);
    line-height: 25px;
    color: var(--color-gray2);
    display: block;
    margin: 0 0 0 25px;
    padding: 7.5px 0;
    font-weight: 400;
}

.topheadflex > a:hover, .topheadflex > a.active {
    color: var(--pcolor);
}

.searchbar {
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    right: 8%;
    visibility: visible;
    transition: transform .85s var(--ease),visibility .8s step-start;
    transform: translate3d(0,0,0);
    height: 380px!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
}

.searchbar > form {
    display: flex;
    align-items: unset;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    border: none;
    padding: 0;
    background: 0 0;
    transition: transform .85s var(--ease);
    margin: auto;
    height: 100%;
    align-items: center;
}

.searchbar > form .form-group {
    width: 90%;
    margin: 0;
}

.searchbar > form .form-control {
    height: 100px;
    padding: 0;
    margin-bottom: 20px;
    border-bottom: 4px solid #000 !important;
    background: 0 0;
    font-size: 70px;
    font-weight: 600;
    color: #000;
    border: 0px;
    box-shadow: none;
    width: 100%;
    line-height: 24px;
}

.closesearch{
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,.05);
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    top: -10px;
}

.closesearch:hover{
    background-color: rgb(0 0 0 / 12%);
}

.searchnbtn{
    display: flex;
    align-items: center;
    gap: 30px;
}

.bottommenu {
    width: 100%;
    background: var(--white);
}

.bottommenuflex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.logo {
    width: 10%;
    padding-top:4px;
}

.logo > a {
    width: 100%;
}

.logo > a > img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.mainmenu {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.mainmenu .menuoutbox {
    width: 87%;
}

.mainmenu .menuoutbox > ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.mainmenu .menuoutbox > ul > li > a {
    font-size: var(--bigpara);
    line-height: 30px;
    color: var(--color-gray2);
    display: block;
    padding: 45px 20px;
    position: relative;
}

.getdemobtn {
    width: 130px;
    text-align: center;
    display: block;
    font-size: var(--bigpara);
    line-height: 20px;
    padding: 5px;
    color: var(--white);
    border-radius: 12px;
    background: var(--pcolor);
    font-weight: 400;
}

.getdemobtn:hover,
.getdemobtn:focus {
    background: var(--black);
    color: var(--white);
}

.dropmenu {
    width: 83.3%;
    margin: 0 auto;
    background: var(--menudropdown);
    position: absolute;
    top: 160px;
    left: 8.35%;
    padding: 45px 35px;
    display: none;
    visibility: hidden;
    opacity: 0;
}

body.innerpage.classbody .dropmenu{
    top: 120px;                                                                      
}

/*.dropmenu:after {
    content: '';
    position: absolute;
    width: 59px;
    height: 59px;
    background: var(--white);
    transform: rotate(45deg);
    top: -29.5px;
    right: 32%;
}*/

.mainmenu .menuoutbox > ul > li > a:after {
    content: '';
    position: absolute;
    width: 59px;
    height: 59px;
    background: var(--white);
    transform: rotate(45deg);
    bottom: -29.5px;
    right:30px;
    z-index:1;
    display:none;
}

.mainmenu .menuoutbox > ul > li:hover > a:after{
    display:block;
}


.dropmenuin {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
/*    flex-wrap: wrap;*/
}

.drophead .dropicon {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px 0 0;
}

.drophead .dropicon img {
    filter: brightness(55) invert(1);
}

a.drophead:hover img {
    filter: none;
}

a.drophead:hover h4 {
    color: var(--pcolor);
}

.drophead h4 {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #65737E;
    margin: 0;
}

.dropsub > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropsub > ul > li > a {
    font-size: 15px;
    font-weight: 400;
    color: #140F15;
    line-height: 32px;
}

.dropsub > ul > li > a:hover {
    color: var(--pcolor);
}

.dropmenu .dropsub > ul > li{
    border-top:0;
}

.dropmenu .drophead{
    border-bottom:1px solid var(--white) ;
}

.dropmenu.inddrop {
    width: 69%;
    left: 15.5%;
}

.dropmenu.inddrop:after {
    right: 20.5%;
}

ul.indmenul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    list-style: none;
    padding: 0;
}

ul.indmenul li {
    width: 22%;
    margin: 0 1.5%;
    /*border-bottom: 1px solid var(--white);*/
}

ul.indmenul li:last-child, ul.indmenul li:nth-last-child(2) {
    border-bottom: 0;
}

ul.indmenul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 0px 18px 45px;
    font-size: var(--menuheading);
    line-height: 27px;
    font-weight: 400;
    color: var(--black);
    min-height: 83px;
}

ul.indmenul li a img {
    margin: 0 17px 0 0;
    filter: brightness(55) invert(1);
}

ul.indmenul li a:hover {
    font-weight: 600;
    color: var(--pcolor);
}

ul.indmenul li a:hover > img {
    filter: none;
}

.dropmenu.resourcesdrop {
    width: 37%;
    left: auto;
    right: 12%;
}

.dropmenu.partnerdrop {
    width: 21.6%;
    left: auto;
    right: 9%;
    padding: 45px 65px;
}

.dropmenu.partnerdrop:after {
    right: 37%;
}

ul.indmenul.partul li {
    width: 100%;
    margin: 0;
}

/*ul.indmenul.partul li:not(:last-child) {
    border-bottom: 1px solid var(--white);
}*/

ul.indmenul.partul li a {
    padding: 18px 0;
    justify-content: center;
    font-weight: 600;
}

.dropmenu.resourcesdrop .dropsub {
    width: 50%;
}

.menuhover:hover .dropmenu {
    display: block;
    opacity: 1;
    overflow: visible;
    visibility: visible !important;
    -webkit-animation: menupop 0.2s ease-in-out forwards;
    animation: menupop 0.2s ease-in-out forwards;
}

@-webkit-keyframes menupop {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes menupop {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.homepage:not(.fp-viewing-0) .tophead, header.header.header-fixed .tophead {
    display: none;
}

/*body.homepage section.section{
    padding: 50px 0px;
}*/

body.homepage:not(.fp-viewing-1) .dropmenu {
    top: 160px;
}

.mainmenu > ul > li > a:hover, .mainmenu > ul > li.active > a {
    color: var(--pcolor);
}

.homepage-banner {
    width: 100%;
    position: relative;
}

body.homepage{
    overflow-x: hidden !important;
}
#videobanner .fp-tableCell{
    vvertical-align: bottom !important;
    display: flex !important;
    align-items:flex-end;
}

.homepage-banner .relative{
    height: calc(100vh - 80px);
    width:100%;
}

.homepage-banner video {
    width: 100%;
    height:100%;
    display: block;
    margin: 0;
    object-fit: cover;
    object-position: center;
    pointer-events:none;
}

.homepage-banner:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #180a1ecc;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
}

img.staticbanner {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.textbanner {
    width: 100%;
    position: absolute;
    bottom: 77px;
    left: 0;
}

.textbanner h1 {
    font-size: var(--bannertext);
    line-height: 78px;
    color: var(--white);
    text-shadow: 7px 7px 5px #000000BF;
    font-weight: 600;
    margin: 0;
    max-width: 713px;
}

.textbannerin {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.homepagebanner-slider {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

img.homepagebanner {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepagebanner-in {
    width: 100%;
    padding: 100px 0 200px;
}

.sliderflexx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.lefthomeslider {
    width: 52%;
}

.righthomeslider {
    width: 48%;
}

.contenttext.slick-slide {
    height: auto;
    padding: 0 35px;
}

.contenttextflexx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 15% 0 0;
}

.contenttextflexx h2 {
    font-size: var(--bannertext);
    line-height: 74px;
    margin: 0;
    color: var(--white);
    font-weight: 500;
}

.contenttextflexx h2 strong {
    font-weight: 600;
}

.contenttextflexx p {
    font-size: var(--subheading);
    line-height: 39px;
    font-weight: 300;
    margin: 0 0 40px;
    color: var(--white);
}

.contenttextflexx a.knowbtn{
    background: var(--black);
    color: var(--white);
    padding: 0px 15px;
    border-radius: 40px;
}

.topbox {
    width: 100%;
    margin: 0 0 140px;
}

.bottombox {
    width: 100%;
}

.imgbox.slick-slide {
    height: auto;
}

.imgbox.slick-slide img {
    width: 90%;
    margin: 0;
}

.righthomeslider .slick-dots {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    bottom: -80px;
    padding: 0 0 0 35px;
}

.righthomeslider .slick-dots li {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background: #a98bd859;
    margin: 0 7.35px 0 0;
}

.righthomeslider .slick-dots li.slick-active {
    background: var(--white);
}

.righthomeslider .slick-dots li button {
    display: none;
}

.futureconnectivity-section {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-image:none !important;
}

.futureconnectivity-section .container-fluid.p0{    
    padding:0;  
}

.futureconnectivity-section .fp-tableCell{
    vertical-align: bottom;
}

img.futureconnectimg {
    width: 100%;
}

.futureconnectivity-in {
    width: 100%;
    /*padding:200px 0 100px;*/
}

/*.futureconnectivity-tabs{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    margin:0 0;

    padding:0;

}*/
.futureconnectivity-tabs {
    width: 61%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 5% 0 0;
    padding:0 0 0 9%;
    position: absolute;
    bottom: 8%;
    z-index: 4;
}

.futureconnectivity-tabs li{
    width:61px;
    height:61px;
    border-radius:10px;
    background:var(--white);
    margin:0 20px;
}

/*.futureconnectivity-tabs li{

    width:31%;

    margin:0 1%;

}*/
.futureconnectivity-tabs li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 0px;
    border-radius:17px;
    background:var(--white);
    box-shadow:0 4px 4px 2px #33333326;
}

.futureconnectivity-tabs li a > img{
    width:46px;
}

/*.futureconnectivity-tabs li.active{

    width:31.5%;

}*/

.futureconnectivity-tabs li>a:focus, .futureconnectivity-tabs li>a:hover{
    background: linear-gradient(0deg, #440d66 ,#310d4f);
    color: var(--white);
    box-shadow:0 4px 4px 2px #33333326;
}

.futureconnectivity-tabs li>a:focus > img, .futureconnectivity-tabs li>a:hover > img{
    filter:invert(1) brightness(100);
}

.futureconnectivity-tabs li.active>a, .futureconnectivity-tabs li.active>a:focus, .futureconnectivity-tabs li.active>a:hover {
    background: linear-gradient(0deg, #440d66 ,#310d4f);
    color: var(--white);
    box-shadow:0 4px 4px 2px #33333326;
}



.futureconnectivity-tabs li.active>a > img, .futureconnectivity-tabs li.active>a:focus > img, .futureconnectivity-tabs li.active>a:hover > img {
    filter:invert(1) brightness(100);
}

.futureconnectflex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px 10px 10px 0px;
}

.imgleftbox {
    width: 61%;
    position: relative;
}

.videoimgbox {
    width: 555px;
    margin: 0 auto;
    position: relative;
}

.videoshowbox {
    width: 100%;
    /*height:100%;

    position:absolute;

    top:0;

    left:0;*/
}

.videoshowbox video {
    width: 100%;
    /*height: 100%;*/
}

.routerimg {
    position: absolute;
    top: 14%;
    left: 3%;
    display: none;
}

img.wfimg {
    position: absolute;
    top: 16.5%;
    left: 18%;
    display: none;
}

.imgleftbox img {
    width: 100%;
}

img.mobimgbox {
    width: auto !important;
    position: absolute;
    right: 13%;
    bottom: -39%;
}

.textrightbox {
    width: 39%;
    padding: 0 30px 0 60px;
}

.textrightbox h2 {
    font-size: var(--bannertext);
    line-height: 74px;
    color: var(--pcolor);
    margin: 0 0 10px;
    font-weight: 600;
}

.textrightbox p {
    font-size: var(--subheading);
    line-height: 33px;
    color: var(--black);
    margin: 0;
    max-width: 465px;
}

.textrightbox .knowbtn {
    margin: 35px 0 0;
    background: var(--black);
    color: var(--white);
    padding: 0px 15px;
    border-radius: 40px;
}

.brightimg {
    position: absolute;
    right: 0;
    bottom: -25%;
}

.superiorsolution-section {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0px;
    overflow: hidden;
}

.trightimg {
    position: absolute;
    right: 0;
    top: -13%;
}

.superiorsolution-in {
    width: 100%;
    z-index: 1;
    position: relative;
}

.superiorsolution-in h2 {
    font-size: var(--bannertext);
    line-height: 77px;
    color: var(--white);
    font-weight: 600;
    margin: 0 0 22px;
    padding: 0 0 0 35px;
}

.superiorsolution-tabs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 0 0 15px;
}

.superiorsolution-tabs li {
    width: 30.4%;
}

.superiorsolution-tabs li a {
    font-size: var(--pfont);
    letter-spacing: 1.79px;
    line-height: 37px;
    display: block;
    background: var(--white);
    color: var(--black);
    padding: 10px 17px;
    text-align: center;
    margin: 0 17px;
    border-radius: 0;
}

/*.superiorsolution-tabs li.active{

    width:31.5%;

}*/
.superiorsolution-tabs li.active>a, .superiorsolution-tabs li.active>a:focus, .superiorsolution-tabs li.active>a:hover {
    background: var(--tabactive);
    box-shadow: 3px 3px 2px #00000080;
    color: var(--white);
    letter-spacing: 2.4px;
}

.superiorsolution-content > .tab-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

.supproductslide.slick-slide {
    margin: 10px 35px;
    height: auto;
    padding: 35px 30px;
}

.supproductslide.slick-slide:hover {
    background: var(--tabactive);
    box-shadow: 3px 3px 2px #00000080;
}

.prothumb {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.prothumb > img {
    transition: 0.4s all ease;
}

.supproductslide.slick-slide:hover .prothumb > img {
    transform: scale(1.1);
    transition: 0.4s all ease;
}

.protext {
    width: 100%;
}

.protext h6 {
    font-size: var(--menuheading);
    line-height: 25px;
    color: var(--white);
    font-weight: 600;
    text-align: left;
    margin: 0;
}

.protext p {
    font-size: var(--mainpara);
    line-height: 25px;
    color: var(--white);
    font-weight: 300;
    text-align: left;
    margin: 0;
}

.probtn {
    width: 125px;
    background: var(--black);
    text-align: center;
    color: var(--white);
    font-size: var(--mainpara);
    border-radius: 12px;
    line-height: 24px;
    display: block;
    margin: 10px 0 0;
    font-weight: 300;
}

.probtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.flexbtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flexbtn a {
    background: var(--pcolor);
    color: var(--white);
    padding: 0px 15px;
    border-radius: 40px;
}

.flexbtn a:hover {
    color: #fff;
}

.supproductslider.thinslicksliderarrow .slick-prev {
    width: auto;
    height: auto;
    z-index: 4;
    left: -15px;
}

.supproductslider .slick-prev:before {
    content: '\f104';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

.supproductslider.thinslicksliderarrow .slick-next {
    width: auto;
    height: auto;
    z-index: 4;
    right: -15px;
}

.supproductslider .slick-next:before {
    content: '\f105';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

.lbimg {
    position: absolute;
    left: 0;
    bottom: -55%;
}

.empoweringind-section {
    width: 100%;
    background: var(--secbg);
    overflow: hidden;
    padding: 100px 0px;
}

.empoweringind-in {
    width: 100%;
    position: relative;
    z-index: 1;
}

.ltimg {
    position: absolute;
    left: 0;
    top: -55%;
}

.empoweringind-slider {
    width: 100%;
}

.empoweringind-slide.slick-slide {
    height: auto;
    margin: 0 10px;
    background: #75579d40;
}

.empowerflex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.empowercontent {
    width: 53%;
    padding: 42px 85px;
}

.empowercontent h2 {
    font-size: var(--bannertext);
    color: var(--white);
    line-height: 76px;
    font-weight: 600;
    margin: 0 0 25px;
}

.inflex {
    width: 75%;
}

.rowbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 10px;
    position: relative;
}

.rowbox .inimg {
    width: 55%;
    padding: 10px;
    background: #75579db3;
    padding: 10px;
}

.rowbox .inimg > img {
    width: 100%;
}

.rowbox .intext {
    width: 42%;
    background: var(--white);
    padding: 10px 10px 5px;
    position: absolute;
    right: 47px;
    top: 25px;
}

.rowbox .intext h4 {
    font-size: var(--menuheading);
    line-height: 24px;
    color: var(--pcolor);
    font-weight: 600;
    margin: 0;
}

.rowbox .intext p {
    font-size: var(--topmenu);
    line-height: 24px;
    color: var(--black);
    font-weight: 300;
    margin: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rowbox:nth-child(even) {
    flex-direction: row-reverse;
    padding: 0 45px 0 0;
}

.rowbox:nth-child(even) .intext {
    left: auto;
    left: 4px;
}

.rowbox:nth-child(even) .inimg {
    width: 60%;
}

.arclick {
    width: 39px;
    height: 39px;
    background: var(--pcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
}

.empowerimgbox {
    width: 47%;
    background: #75579dcc;
    padding: 20px;
    position: relative;
}

.empowerimgbox > img {
    width: 100%;
}

.textonimg {
    width: 66.5%;
    position: absolute;
    bottom: 0;
    left: -15%;
    background: var(--white);
}

.toptext {
    width: 100%;
    padding: 12px 25px;
}

.textonimg h4 {
    font-size: var(--subheading);
    line-height: 35px;
    color: var(--pcolor);
    margin: 0 0 5px;
    font-weight: 600;
}

.textonimg p {
    font-size: var(--menuheading);
    line-height: 28px;
    color: var(--black);
    margin: 0;
    font-weight: 300;
}

.clickbox {
    width: 100%;
    display: block;
    padding: 18px 25px;
    background: var(--pcolor);
    position: relative;
    font-size: var(--topmenu);
    line-height: 26px;
    color: var(--white);
}

.clickbox:after {
    content: url('../images/right-arrow.png');
    position: absolute;
    top: 18px;
    left: 25%;
}

.clickbox:hover {
    background: var(--black);
    color: var(--white);
}

.sliderdots .slick-dots {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -50px;
    padding: 0;
}

.sliderdots .slick-dots li {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background: #00000040;
    margin: 0 4.5px;
}

.sliderdots .slick-dots li:only-child{
    display:none;
}

.sliderdots .slick-dots li.slick-active {
    background: #520A76;
}

.sliderdots .slick-dots li button {
    display: none;
}

.rightbimg {
    position: absolute;
    bottom: -26%;
    right: 0;
    opacity: 0.5;
}

.headlinessection {
    width: 100%;
    background: var(--white);
    overflow: hidden;
    padding: 100px 0px;
}

.righttimg {
    position: absolute;
    top: -10%;
    right: 0;
}

.headlines-in {
    width: 100%;
    position: relative;
    z-index: 1;
}

.headlines-in h2 {
    font-size: var(--bannertext);
    color: var(--pcolor);
    line-height: 90px;
    font-weight: 600;
    margin: 0 0 22px;
}

.headlinebox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.headlineimgslider {
    width: 63%;
    position: relative;
}

.headlineimgslider:after {
    content: '';
    position: absolute;
    border-left: 50px solid #75579db3;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    right: -40px;
    top: 15%;
    z-index: 2;
}

.headlineimgslide.slick-slide {
    height: auto;
    margin: 10px;
}

.headlineimgslide.slick-slide img {
    width: 100%;
}

.headlinetextslider {
    width: 33%;
    margin: 0 0 0 4%;
}

.headlinetextslide.slick-slide {
    height: auto;
    padding: 5px 5px 5px 10px;
}

.headlinetextslide.slick-slide h3 {
    font-size: var(--headline);
    color: var(--pcolor);
    line-height: 40px;
    font-weight: 600;
}

.headlinetextslide.slick-slide p {
    font-size: var(--subheading);
    line-height: 30px;
    color: var(--black);
    font-weight: 400;
    margin: 10px 0;
}

.headlinetextslide.slick-slide a.knowbtn {
    background: var(--black);
    color: var(--white);
    margin: 40px 0 0;
    padding: 0px 15px;
    border-radius: 45px;
}

.headlinetextslide.slick-slide a.knowbtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.headlinetextslider.sliderdots .slick-dots {
    justify-content: flex-start;
    bottom: -70px;
    padding: 0 0 0 10px;
}

.testimonials-section {
    width: 100%;
    background: var(--testsec);
    padding: 100px 0px;
}

.testimonials-in {
    width: 100%;
    position: relative;
    z-index: 1;
}

.testimonials-in h2 {
    font-size: var(--bannertext);
    line-height: 90px;
    font-weight: 600;
    color: var(--white);
    text-align: center;
    margin: 0 0 20px;
}

.flipster{
    overflow:visible !important;
}

.testslider .flipster--carousel .flipster__item {
    -webkit-perspective: unset !important;
    perspective: unset!important;;
}

ul.flip-items li.testslide.flipster__item {
    width: 1006px;
    position: relative;
}

ul.flip-items li.testslide.flipster__item img {
    width: 100%;
}

.testslider .flipster__button--prev:before,.testslider .flipster__button--next:before {
    content: "";
    width: 25px;
    height: 25px;
    border-left: 3px solid #231F20;
    border-top: 3px solid #231F20;
    display: block;
}

.testslider .flipster__button--prev {
    left: -20px;
}

.testslider .flipster__button--next {
    right: 0;
}

.testslider .flipster__button--prev:before {
    transform: rotate(-45deg);
}

.testslider .flipster__button--next:before {
    transform: rotate(135deg);
}

.testslider .flipster__button svg {
    display: none;
}

.textmontext {
    width: 60%;
    height: 90%;
    position: absolute;
    background: var(--white);
    padding:35px 30px;
    left: 25px;
    top: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.textmontext:before {
    content: '';
    width: 80px;
    height: 80px;
    border-top: 8px solid #4A3E68;
    border-right: 8px solid #4A3E68;
    top: 0;
    right: 0;
    position: absolute;
}

.textmontext:after {
    content: '';
    width: 80px;
    height: 80px;
    border-bottom: 8px solid #4A3E68;
    border-left: 8px solid #4A3E68;
    bottom: 0;
    left: 0;
    position: absolute;
}

.textmontext .topcom {
    width: 100%;
}

.textmontext .botbox {
    width: 100%;
}

.textmontext p {
    font-size: var(--mainpara);
    line-height: 30px;
    color: var(--black);
    font-weight: 600;
}

.textmontext h4 {
    font-size: var(--subheading);
    line-height: 35px;
    color: var(--color-gray3);
    font-weight: 600;
    margin: 0 0 4px;
}

.textmontext h6 {
    font-size: var(--menuheading);
    line-height: 40px;
    color: var(--color-gray3);
    font-weight: 300;
    margin: 0;
}

.homecontactus-section {
    width: 100%;
    background: var(--secbg);
}

.homecontactus-in {
    width: 100%;
}

.homecontactus-in h2 {
    font-size: var(--bannertext);
    line-height: 84px;
    font-weight: 600;
    color: var(--pcolor);
    text-align: center;
    margin: 0 0 20px;
}

.contactbox {
    width: 58%;
    background: var(--white);
    padding: 22px 65px;
    margin: 0 auto;
}

.formclass {
    width: 100%;
}

.formclass .form-group .form-control {
    width: 100%;
    font-size: var(--mainpara);
    line-height: 20px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: none;
    outline: none;
    height: auto;
    font-weight: 400;
    color: var(--black);
    border: 0;
    margin-bottom: 16px;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.formclass .form-group .form-control option:selected {
    color: #A1A1A1 !important;
}

.btnbox button {
    width: 100%;
    background: #FDA929;
    box-shadow: none;
    outline: none;
    border: 0;
    border-radius: 12px;
    color: var(--white);
    font-weight: 600;
    line-height: 36px;
    padding: 10px 10px;
}

.btnbox button:hover{
    background: #ffbd59;
}

.btnbox p.redtext {
    font-size: var(--topmenu);
    line-height: 25px;
    margin: 35px 0 0;
    width: 100%;
    color: #ED1C24;
    text-align: right;
    font-weight: 400;
}

.footer {
    width: 100%;
    background: var(--footerbg);
    height: auto !important;
}

.footer .fp-tableCell {
    height: auto !important;
}

.footerin {
    width: 100%;
    padding: 60px 0;
}

.footerinflex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footsub {
    width: 20%;
}

.footsub:last-child {
    width: 20%;
}

.footsub h4 {
    font-size: var(--menuheading);
    line-height: 30px;
    color: var(--black);
    font-weight: 600;
    margin: 0 0 15px;
}

.footsub ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footsub ul li {
    margin: 0 0 10px;
}

.footsub ul li a {
    font-size: var(--menuheading);
    line-height: 30px;
    color: var(--black);
    font-weight: 400;
    margin: 0px;
    display: inline-block;
}

.footsub ul li a:hover {
    color: var(--pcolor);
}

.socailflex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.socailflex a {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 20px;
    color: var(--white) !important;
    margin: 0 15px 0 0;
}

.socailflex a:hover img {
    filter: grayscale(1);
}

.socailflex a.fb {
    background: #4267B2;
}

.socailflex a.insta {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.socailflex a.tw {
    background: #1DA1F2;
}

.socailflex a.yt {
    background: #FF0000;
}

.socailflex a.linkedin {
    background: #0077b5 ;
}

.footlogo {
    margin: 28px 0 0;
}

.footlogo > img {
    cursor: pointer;
}

.bottomfooter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 0 3.5%;
    border-top: 1px solid #565455;
    margin: 20px 0 0;
}

.botlinks{
    width:50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.copyright{
    width:50%;
}

.copyright p{
        font-size: var(--menuheading);
    line-height: 30px;
    color: var(--black);
    font-weight: 400;
    margin: 0px;
    text-align: right;
}

.bottomfooter a {
    font-size: var(--menuheading);
    line-height: 30px;
    color: var(--black);
    font-weight: 400;
    margin: 0px;
    display: inline-block;
    position: relative;
    margin: 0 35px 0 0;
}

.bottomfooter a:not(:last-child):before {
    content: '';
    position: absolute;
    top: 10%;
    width: 1px;
    height: 80%;
    background: #000;
    right: -15px;
}

.bottomfooter a:hover {
    color: var(--pcolor);
}

.innerpagebanner-section {
    width: 100%;
    position: relative;
}

img.inbanner {
    width: 100%;
}

img.cenbanimg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
}

body.accesspoints img.cenbanimg, body.industry img.cenbanimg, body.documentationpage img.cenbanimg {
    transform: translate(-35%, -50%);
}

.inbantext {
    width: 100%;
    position: absolute;
    left: 0;
    top: 53px;
}

.inbantext h1 {
    font-size: var(--pageheading);
    line-height: 55px;
    font-weight: 600;
    color: var(--pcolor);
    max-width: 765px;
}

.inbantext p {
    font-size: var(--subheading);
    line-height: 38px;
    font-weight: 400;
    color: var(--color-gray4);
    max-width: 685px;
}

.breadcrumb-section {
    width: 100%;
    background: var(--white);
}

ul.breadcrumb-in {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
}

ul.breadcrumb-in li {
    margin: 0 50px 0 0;
    position: relative;
}

ul.breadcrumb-in li a {
    font-size: var(--breadcrumbfont);
    line-height: 34px;
    font-weight: 400;
    text-decoration: none;
    color: var(--color-gray2);
}

ul.breadcrumb-in li:last-child a {
    color: var(--pcolor);
}

ul.breadcrumb-in li:not(:last-child):before {
    content: '\f105';
    font-size: 20px;
    font-family: fontAwesome;
    position: absolute;
    right: -28px;
    top: 7px;
    color: var(--color-gray2);
}

.localandglobal-section {
    width: 100%;
    position: relative;
    background: var(--white);
}

.localandglobal-in {
    padding: 15px 0 100px;
    position: relative;
    z-index: 1;
}

.localandglobal-in h2 {
    font-size: var(--bannertext);
    line-height: 90px;
    font-weight: 600;
    margin: 0;
    color: var(--pcolor);
    text-align: center;
}

.localandglobal-in p {
    font-size: var(--subheading);
    line-height: 40px;
    color: #000;
    text-align: center;
}

.localandglobalflexx {
    width: 90%;
    margin: 40px auto 0;
    display: flex;
    align-items: unset;
    justify-content: space-between;
    flex-wrap: wrap;
}

.localandglobalsub {
    width: 27.3%;
    margin: 0 10px;
    background: var(--boxbg);
    padding: 60px 30px;
}

.iconbox {
    width: 156px;
    height: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 35px;
}

.localandglobalsub h4 {
    font-size: var(--subheading);
    line-height: 34px;
    text-align: center;
    color: var(--color-gray4);
    margin: 0;
    font-weight: 600;
}

.ltimggg {
    position: absolute;
    top: 3%;
    left: 0;
    z-index: 1;
    opacity:0.4;
}

.spectrum-section {
    width: 100%;
    background: var(--menudropdown);
    position: relative;
}

.spectrum-in {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 120px 0 110px;
}

.spectrum-in h2 {
    font-size: var(--bannertext);
    line-height: 90px;
    font-weight: 600;
    margin: 0;
    color: var(--pcolor);
    text-align: center;
    margin: 0 0 44px;
}

.spectrumtabs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
/*    flex-wrap: wrap;*/
    background: #76579e80;
}

.spectrumtabs:before, .spectrumtabs:after {
    display: none;
}

.spectrumtabs li{
    width:20%;
    margin:0;
}

.spectrumtabs li a {
    font-size: var(--headline);
    line-height: 34px;
    color: var(--black);
    padding: 15px 10px;
    font-weight: 400;
    background: var(--white);
    border-radius: 0;
    text-align:center;
    width: 100%;
}

.spectrumtabs li.active>a, .spectrumtabs li.active>a:focus, .spectrumtabs li.active>a:hover {
    background: transparent;
    font-weight: 600;
    color: white;
}

.spectrumcontents {
    background: #76579e80;
}

.spectrumcontents .tab-pane {
    padding:0 65px;
    display:block;
    height:0;
    overflow: hidden;
    opacity: 1;
}

.spectrumcontents .tab-pane.active{
    height:auto;
    padding: 75px 65px;
}

.spectrum-slide.slick-slide {
    height: auto;
    margin: 5px 30px;
}

.spectrum-slider.thinslicksliderarrow .slick-prev {
    width: auto;
    height: auto;
    z-index: 4;
    left: -20px;
}

.spectrum-slider .slick-prev:before {
    content: '\f104';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

/*.spectrum-slider .slick-prev:before{

    content:url('../images/prev.png');

}

*/
.spectrum-slider.thinslicksliderarrow .slick-next {
    width: auto;
    height: auto;
    z-index: 4;
    right: -20px;
}

.spectrum-slider .slick-next:before {
    content: '\f105';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

/*

.spectrum-slider .slick-next:before{

    content:url('../images/next.png');

}

*/
.slideflexbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.spectrum-img {
    width: 40.7%;
    padding: 5px;
    height: 286px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--boxbg);
    box-shadow: 3px 3px 2px #00000080;
}

.spectrum-tex {
    width: 59.3%;
    padding: 10px 20px 10px 30px;
}

.spectrum-tex h4 {
    font-size: var(--headline);
    line-height: 40px;
    color: var(--white);
    font-weight: 600;
    margin: 0 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.spectrum-tex p {
    font-size: var(--menuheading);
    line-height: 35px;
    color: var(--white);
    font-weight: 300;
    margin: 0;
}

.spectrum-tex a.knowbtn {
    width: 125px;
    background: var(--black);
    color: var(--white);
    font-size: var(--mainpara);
    line-height: 16px;
    margin: 0 auto;
    padding: 4px 0px;
    border-radius: 50px;
    text-align: center;
    margin-top: 15px;
}

.spectrum-tex a.knowbtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.spectrum-img img {
    width: 100%;
}

.imgrbimgclass {
    position: absolute;
    bottom: -27%;
    right: 0;
}

.blogsection {
    width: 100%;
    background: var(--white);
}

.blogsinner {
    width: 100%;
    padding: 15px 0 0px;
}

.blogsinner h2 {
    text-align: center;
    line-height: 90px;
    margin: 0 0 45px;
    color: var(--pcolor);
}

.blogshowbox {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    flex-wrap: wrap;
}

.blogssub {
    width: 32%;
    margin:0 0.5%;
}

.blogthumb {
    width: 100%;
}

.blogthumb > img {
    width: 100%;
}

.blogtext {
    width: 100%;
    padding: 10px;
}

.blogtext h4, .blogtext h3 {
    font-size: var(--subheading);
    line-height: 30px;
    font-weight: 600;
    color: var(--pcolor);
    text-align: center;
    margin: 0 0 20px;
}

.widthfix li{
    min-width: 100%;
}

.commoncontact-section {
    width: 100%;
    background: #b7aacc73;
    display: none;
}

.commoncontact-in {
    width: 100%;
    padding: 100px 0;
}

.commoncontact-in h2 {
    text-align: center;
}

.aboutus-section {
    width: 100%;
    background: var(--white);
}

.aboutus-in {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 0 90px;
}

.aboutus-img {
    width: 41.2%;
    text-align: center;
}

.aboutus-img img {
    width: 100%;
}

.aboutus-text {
    width: 58.8%;
    padding: 0 0 0 65px;
}

.aboutus-text h4 {
    font-size: var(--headline);
    line-height: 36px;
    color: var(--pcolor);
    font-weight: 600;
    margin: 0 0 10px;
}

.aboutus-text p {
    font-size: var(--menuheading);
    line-height: 36px;
    font-weight: 400;
    color: var(--black);
    margin: 0 0 20px;
    padding: 0 65px 0 0;
}

.scrollbox {
    height: 540px;
    width: 100%;
    padding: 0 0 0 0;
}

.scrollbox .mCSB_inside > .mCSB_container {
    margin-right: 20px !important;
}

.scrollbox .mCSB_scrollTools {
    right: 10px !important;
}

.scrollbox .mCSB_scrollTools .mCSB_dragger {
    width: 20px;
    z-index: 1;
    min-height: 52px !important;
    height: 52px !important;
    background: #808285;
    border-radius: 0%;
    left: -10px;
}

.scrollbox .mCSB_scrollTools .mCSB_draggerRail {
    background: #808285;
    border-radius: 0;
    width: 3px;
}

.scrollbox .mCSB_scrollTools {
    right: 0;
}

.middleimg-section {
    width: 100%;
}

.middleimg-section img {
    width: 100%;
}

.hfclsection .aboutus-in {
    padding: 100px 0;
}

.hfclsection .aboutus-in .aboutus-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hfclsection .aboutus-in .aboutus-img img {
    max-width: 100%;
    width: auto;
}

.iostandards-section {
    width: 100%;
    position: relative;
}

img.iostandardsbg {
    width: 100%;
}

.iostandardsbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.iostandards-in {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 130px 0;
}

.iostandards-img {
    width: 41.2%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iostandards-text {
    width: 58.8%;
    padding: 0 0 0 65px;
}

.iostandards-text h2 {
    line-height: 90px;
    color: var(--pcolor);
    margin: 0 0 40px;
}

.iostandards-text p {
    font-size: var(--subheading);
    line-height: 38px;
    color: var(--black);
    font-weight: 400;
}

.ourpeoplespeckes-section {
    width: 100%;
    background: #3509641a;
}

.ourpeoplespeckes-in {
    width: 100%;
    padding: 100px 0 125px;
}

.ourpeoplespeckes-in h2 {
    line-height: 90px;
    margin: 0 0 75px;
    color: var(--pcolor);
    text-align: center;
}

.peoplespeks-slide.slick-slide {
    margin: 10px 75px;
    height: auto;
    position: relative;
}

.peoplespeks-slide.slick-slide:before {
    content: '';
    width: 85%;
    height: 100%;
    background: var(--slidebg);
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 6px 6px 9px 3px #00000066;
    z-index: -1;
}

.speakesflexx {
    width: 100%;
    height: 100%;
    padding: 60px 25px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.speakerimg {
    width: 25%;
}

.speakerimg img {
    width: 100%;
}

.speaker-cooment {
    width: 75%;
    height: 100%;
    padding: 0 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}

.speaker-cooment div {
    width: 100%;
}

.speaker-cooment p {
    font-size: var(--subheading);
    line-height: 34px;
    font-weight: 400;
    color: var(--pcolor);
    margin: 0;
}

.speaker-cooment h5 {
    font-size: var(--bigpara);
    line-height: 20px;
    color: var(--black);
    font-weight: 600;
    margin: 25px 0 0;
}

.speaker-cooment h6 {
    font-size: var(--bigpara);
    line-height: 20px;
    color: var(--black);
    font-weight: 400;
    margin: 0;
}

.peoplespeks-slider.thinslicksliderarrow .slick-prev {
    width: auto;
    height: auto;
    z-index: 4;
    left: -25px;
}

.peoplespeks-slider .slick-prev:before {
    content: '\f104';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

.peoplespeks-slider.thinslicksliderarrow .slick-next {
    width: auto;
    height: auto;
    z-index: 4;
    right: -25px;
}

.peoplespeks-slider .slick-next:before {
    content: '\f105';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

.corporatevideo-section {
    width: 100%;
    background: var(--white);
}

.corporatevideo-in {
    width: 100%;
    padding: 155px 0 100px;
}

.corporatevideo-in h2 {
    text-align: center;
    color: var(--pcolor);
    margin: 0 0 15px;
    line-height: 90px;
}

.cover {
    background-image: url('../images/corporatevideothumb.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 893px;
    position: relative;
    overflow: hidden;
}

.cover video {
    opacity: 0;
    width: 100%;
    transition: 1s;
    position: absolute;
    z-index: -1;
    height: 100%;
}

.delivaring-perfection-section {
    width: 100%;
    position: relative;
    background: var(--white);
    overflow: hidden;
}

.delivaring-perfection-in {
    width: 100%;
    padding: 40px 0 115px;
    position: relative;
}

.delivaring-perfection-in h2 {
    text-align: center;
    color: var(--pcolor);
    margin: 0 0 40px;
}

.delivaring-perfection-in > p{
    text-align:center;
    margin:0 0 35px;
    font-size:var(--subheading);
    line-height:30px;
}

.delivaringflex {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.delivaringsub {
    width: 26.6%;
    background: var(--white);
    border: 1px solid var(--pcolor);
    padding: 50px 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    margin: 0 20px;
}

.delicon {
    width: 165px;
    height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.delivaringsub h4, .delivaringsub h3 {
    font-size: var(--deltypefont);
    line-height: 40px;
    font-weight: 400;
    color: var(--color-gray4);
    text-align: center;
    margin: 0;
}

.horizaontalimgbg {
    position: absolute;
    left: 0;
    bottom: -40%;
}

.indoorandoutdoor-section {
    width: 100%;
    position: relative;
    background: var(--menudropdown);
}

.indoorandoutdoor-in {
    width: 100%;
    padding: 100px 0;
}

.inouttabs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.inouttabs:before, .inouttabs:after {
    display: none;
}

.inouttabs li a {
    font-size: 22px;
    line-height: 50px;
    color: var(--black);
    font-weight: 400;
    padding: 10px 20px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 0;
    background: var(--white);
    text-align: center;
}

.inouttabs li.active>a, .inouttabs li.active>a:focus, .inouttabs li.active>a:hover {
    background: var(--pcolor);
    color: #fff;
}

.inouttabscontent > .tab-pane {
    padding: 40px 0;
    opacity: 1;
}

.inoutsubbox {
    width: 100%;
    margin: 0 auto 50px;
}

.glyphicon-plus:before {
    content: "\002b";
    font-style: initial;
    font-weight: 500;
    font-size: 36px;
}

.glyphicon-minus:before {
    content: "\2212";
    font-style: initial;
    font-weight: 500;
    font-size: 36px;
}

.collapse.in {
    display: block;
}

.inouttabscontent > .tab-pane h3, .inouttabscontent > .tab-pane h2 {
    font-size: var(--inoutheading);
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    color: var(--iocolor);
    margin: 0 0 10px;
}

.inouttabscontent > .tab-pane p {
    font-size: var(--subheading);
    line-height: 36px;
    font-weight: 400;
    color: var(--black);
    margin: 0 0 35px;
    text-align: center;
}

.imgboxinout {
    width: 32%;
    background: url(../images/bgshape.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 40px;
}

.ioimg {
    width: 220px;
    height: 220px;
    margin: 0 auto 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ioimg img {
    width: 100%;
}

.imgboxinout h4 {
    font-size: var(--subheading);
    text-align: center;
    line-height: 40px;
    color: var(--white);
    font-weight: 600;
    margin: 0 0 7px;
}

.imgboxinout a.knowbtn {
    width: 125px;
    background: var(--black);
    color: var(--white);
    font-size: var(--mainpara);
    line-height: 16px;
    margin: 0 auto;
}

.imgboxinout a.knowbtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.inoutsliderbox {
    width: 80%;
    margin: 0 auto;
}

.inoutslide.slick-slide {
    margin: 10px 45px;
    background: url(../images/bgshape.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    padding: 32px 20px;
    text-align: center;
}

.inoutslideimg {
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 35px;
}

.inoutslideimg{
    width: 245px;
    height: 185px;
}

.inoutslideimg img {
    width: 100%;
}

.inoutslide.slick-slide h4 {
    font-size: var(--subheading);
    text-align: center;
    line-height: 40px;
    color: var(--white);
    font-weight: 600;
    margin: 0 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inoutslide.slick-slide a.knowbtn {
    width: 125px;
    background: var(--black);
    color: var(--white);
    font-size: var(--mainpara);
    line-height: 16px;
    margin: 0 auto;
    padding: 4px 0px;
    border-radius: 50px;
}

.inoutslide.slick-slide a.knowbtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.spectrum-slide.slick-slide {
    height: auto;
    margin: 5px 30px;
}

.inoutslider .slick-prev {
    width: auto;
    height: auto;
    z-index: 4;
    left: -10%;
}

.inoutslider .slick-prev:before {
    content: '\f104';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

/*.inoutslider .slick-prev:before{

    content:url('../images/prev.png');

}

*/
.inoutslider .slick-next {
    width: auto;
    height: auto;
    z-index: 4;
    right: -10%;
}

.inoutslider .slick-next:before {
    content: '\f105';
    font-family: fontAwesome;
    color: var(--black);
    font-size: 69px;
}

/*

.inoutslider .slick-next:before{

    content:url('../images/next.png');

}

*/
.indoorandoutdoor-section .ltimggg {
    top: 38%;
    z-index: 0;
}

.productcomparison-section {
    width: 100%;
    background: var(--white);
}

.productcomparison-in {
    width: 100%;
    padding: 100px 0 75px;
}

.productcomparison-in h2 {
    line-height: 90px;
    color: var(--pcolor);
    text-align: center;
    margin: 0 0 45px;
}

.productcomparison-tablewrap {
    width: 100%;
    overflow-x: auto;
}

.productcomparison-tablewrap table {
    width: 100%;
    border-collapse: collapse;
}

.productcomparison-tablewrap table thead tr th {
    font-size: var(--smallfont);
    line-height: 14px;
    color: var(--pcolor);
    font-weight: 600;
    vertical-align: top;
    padding: 10px 8px;
    border: 1px solid #E5E5E6;
    border-top: 0;
}

.productcomparison-tablewrap table tbody tr td {
    font-size: var(--smallfont);
    line-height: 14px;
    color: var(--color-gray3);
    font-weight: 400;
    vertical-align: top;
    padding: 20px 8px;
    border: 1px solid #E5E5E6;
}

.productcomparison-tablewrap table thead tr th:first-child, .productcomparison-tablewrap table tbody tr td:first-child {
    border-left: 0;
}

.productcomparison-tablewrap table thead tr th:last-child, .productcomparison-tablewrap table tbody tr td:last-child {
    border-right: 0;
}

.productcomparison-tablewrap table tbody tr td img {
    display: block;
    margin: 0 auto;
}

.productcomparison-tablewrap table tbody tr:last-child td {
    border-bottom: 0;
}

.faqs-section {
    width: 100%;
    background: #76579e40;
    position: relative;
}

.faqs-in {
    width: 100%;
    padding: 75px 0;
    position: relative;
    z-index: 1;
}

.faqs-in h2 {
    text-align: center;
    color: var(--pcolor);
    line-height: 90px;
    margin: 0 0 40px;
}

/*=========== Panel Collapse =============*/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #fff;
    width: 96%;
    margin-top: 1px !important;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    background-color: #fff;
    border-color: #fff;
}

.panel-title {
    font-size: var(--subheading);
    display: block;
    padding: 35px 25px;
    line-height: 35px;
    text-decoration: none;
    font-weight: 400;
    color: var(--black);
    background: var(--white);
}

.more-less {
    float: right;
    color: #000000;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff;
    background: var(--white);
}

.faqs-box .panel-body {
    border-top-color: #fff;
    background: var(--white);
    padding: 5px 25px 35px 25px;
}

.faqs-box ul,
.faqs-box ol{
    padding:0 0 0 25px;
}

.faqs-box p,
.faqs-box li {
    font-size: var(--menuheading);
    line-height: 36px;
    color: var(--black);
    font-weight: 400;
}

.faqs-list {
    width: 100%;
    max-height: 580px;
}

.faqs-list .mCSB_inside > .mCSB_container {
    margin-right: 20px !important;
}

.faqs-list .mCSB_scrollTools {
    right: 10px !important;
}

.faqs-list .mCSB_scrollTools .mCSB_dragger {
    width: 10px;
    z-index: 1;
    min-height: 25px !important;
    height: 25px !important;
    background: #808285;
    border-radius: 0%;
    left: -4px;
}

.faqs-list .mCSB_scrollTools .mCSB_draggerRail {
    background: #808285;
    border-radius: 0;
    width: 3px;
}

.faqs-list .mCSB_scrollTools {
    right: 0;
}

/*=========== Panel Collapse =============*/
.faqbgright {
    position: absolute;
    right: 0;
    top: -30%;
}

.blogsectionnew {
    position: relative;
}

img.faqsrotateimg {
    position: absolute;
    left: -23%;
    top: -50%;
    transform: rotate( 45deg );
    opacity: 0.5;
    display: none;
}

.blogsectionnew .blogsinner {
    padding: 75px 0;
    position: relative;
}

.blogsinner .blogssub p {
    min-height: 84px;
}

.blogsinner a.knowbtn {
    width: 125px;
    background: var(--black);
    color: var(--white);
    font-size: var(--mainpara);
    line-height: 16px;
    margin: 0 auto;
    padding: 4px 0px;
    border-radius: 50px;
    text-align: center;
    margin-top: 15px;
}

.inoutslide.slick-slide a.knowbtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.industrylist-section {
    width: 100%;
    background: var(--white);
    position: relative;
}

.industrylist-in {
    width: 100%;
    padding: 0 0 90px;
}

.topfiler {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.checkbox-dropdown {
    width: 340px;
    border: 0;
    padding: 2px 15px;
    position: relative;
    user-select: none;
    font-size: 20px;
    line-height: 42px;
    font-weight: 400;
    background: #DCDDDE;
    color: var(--pcolor);
    margin: 0 0 0 auto;
    z-index: 99;
    margin-bottom: 60px;
    border-radius: 6px;
}

/* Display CSS arrow to the right of the dropdown text */
.checkbox-dropdown:after {
    content: '';
    height: 12px;
    position: absolute;
    width: 12px;
    border-left: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    top: 15px;
    right: 20px;
    transform: rotate(-45deg);
    transition: 0.3s all;
}

/* Reverse the CSS arrow when the dropdown is active */
.checkbox-dropdown.is-active:after {
    transform: rotate(135deg);
    top: 27px;
    transition: 0.3s all;
}

.checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    border: inherit;
    border-top: none;
    left: -1px;
    right: -1px;
    display: none;
    background: var(--white);
    box-shadow: 3px 3px 2px #887A76BF;
    z-index: 99;
}

.checkbox-dropdown-list li {
    position: relative;
}

.checkbox-dropdown-list li label {
    display: block;
    padding: 10px 25px 10px 75px;
    font-size: 18px;
    color: #808285;
    position: relative;
    font-weight: 400;
    background: #fbfbfb;
}

.checkbox-dropdown-list li input {
    opacity: 0;
    position: absolute;
}

.checkbox-dropdown-list li label:before {
    content: '';
    width: 22px;
    height: 22px;
    border: 1px solid #808285;
    position: absolute;
    top: 22px;
    left: 25px;
}

.checkbox-dropdown-list li:hover {
    background: #f5f5f5;
}

.checkbox-dropdown-list li label:after {
    content: '';
    width: 23px;
    height: 11px;
    border-bottom: 2px solid var(--black);
    border-left: 2px solid var(--black);
    position: absolute;
    top: 21px;
    left: 30px;
    transform: rotate(-45deg);
    display: none;
}

.checkbox-dropdown-list li input:checked + label:after {
    display: block;
}

.indusrylisting {
    width: 100%;
    padding: 80px 0 0;
}

.indusrylistrow {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 70px;
}

.indusrythumb {
    width: 48%;
    position: relative;
}

.indusrythumb:after {
    content: '';
    position: absolute;
    border-left: 38px solid #35096440;
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
    top: 15px;
    right: -38px;
}
.faqs-section.linkplannn #mCSB_1_container{
    margin-right: 0 !important;
}
.faqs-section.linkplannn #mCSB_1_scrollbar_vertical{
    visibility: hidden;
}
.faqs-section.linkplannn{
    background: transparent;
}
.faqs-section.linkplannn .faqs-in{
    padding: 50px 0;
}

.faqs-section.linkplannn .panel{
    border-bottom: 1px solid #C7C7C7;
    width: 100%;
}

.faqs-section.linkplannn .panel-body{
    padding: 0px 10px 20px 10px;
}

.faqs-section.linkplannn .panel-title{
    padding: 18px 0px;
    font-size: 16px;
    font-weight: 500;
}

.faqs-section.linkplannn .panel-body p{
    color: #65737E;
    font-size: 16px;
}

.indusrythumb img {
    width: 100%;
}

.indusrytext {
    width: 52%;
    padding: 5px 10px 5px 70px;
}

.indusrytext h2 {
    font-size: var(--industryheading);
    line-height: 90px;
    color: var(--pcolor);
    margin: 0;
}

.indusrytext p {
    font-size: var(--subheading);
    line-height: 34px;
    color: var(--black);
    font-weight: 400;
    margin: 0 0 25px;
    max-width: 590px;
}

.indusrytext a.knowbtn {
    width: 125px;
    background: var(--black);
    color: var(--white);
    font-size: var(--mainpara);
    line-height: 16px;
    margin: 0;
}

.indusrytext a.knowbtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.indusrylistrow:nth-child(even) {
    flex-direction: row-reverse;
}

.indusrylistrow:nth-child(even) .indusrytext {
    padding: 5px 70px 5px 10px;
}

.indusrylistrow:nth-child(even) .indusrytext h2 {
    text-align: right;
}

.indusrylistrow:nth-child(even) .indusrytext p {
    text-align: right;
    margin: 0 0 25px auto;
}

.indusrylistrow:nth-child(even) .indusrythumb:after {
    right: auto;
    left: -38px;
    transform: scaleX(-1);
}

.indusrylistrow:nth-child(even) .indusrytext a.knowbtn {
    margin: 0 0 0 auto;
}

.article-section {
    width: 100%;
    background: var(--white);
}

.article-in {
    width: 100%;
}

.backpage {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 5px 0 0;
}

.backpage a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: var(--filtertext);
    line-height: 43px;
    font-weight: 400;
    color: var(--black);
    position: relative;
    padding: 0 30px 0 0;
}

.backpage a:before {
    content: '\f105';
    font-size: 43px;
    font-family: fontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    color: var(--color-gray2);
}

.backpage a:hover:before, .backpage a:hover {
    color: var(--pcolor);
}

.backpage a > img {
    margin: 0 0 0 12px;
}

.mainarticle-box {
    width: 100%;
    padding: 45px 0;
}

.mainarticle-box h2 {
    line-height: 78px;
    text-align: center;
    color: var(--pcolor);
}

.article-thumb {
    width: 100%;
    margin: 35px 0 50px;
}

.article-thumb img {
    width: 100%;
}

.articlebottom {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.articletext {
    width: 65%;
}

.articletext p {
    font-size: var(--subheading);
    line-height: 41px;
    color: var(--black);
    font-weight: 400;
    margin: 0 0 20px;
}

body.industrydetails .wrapper {
    overflow: initial;
}

.articlecatlist {
    width: 30.3%;
    border: 2px solid #EDEDEE;
    position: sticky;
    top: 135px;
}

.otherlisthead {
    width: 100%;
    background: #34096240;
    padding: 5px 40px;
}

.otherlisthead h4 {
    font-size: var(--subheading);
    line-height: 40px;
    font-weight: 600;
    color: #350964;
    margin: 0;
}

.bottomlistbox {
    width: 100%;
    background: var(--white);
    padding: 35px 40px;
}

.bottomlistbox ol {
    padding: 0 0 0 25px;
    margin: 0;
}

.bottomlistbox ol li {
    margin: 0 0 10px;
}

.bottomlistbox ol li a, .bottomlistbox ol li {
    font-size: var(--subheading);
    line-height: 45px;
    color: var(--black);
}

.bottomlistbox ol li a {
    display: inline-block;
}

.bottomlistbox ol li:hover, .bottomlistbox ol li:hover a {
    color: var(--pcolor);
}

.blogpage-section {
    width: 100%;
    background: var(--white);
}

.blogpage-in {
    width: 100%;
}

.serachblog {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.serachblogform button {
    width: 20%;
    background: #DCDDDE;
    outline: none;
    box-shadow: none;
    border: 0;
    text-align: center;
    font-size: 35px;
    color: #808285;
}

.mainblogflex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bloglistout {
    width: 65%;
}

.blogbox {
    width: 100%;
    background: #fff;
    transition: 0.4s all;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #c1c1c1;
}

.blogbox:hover {
    transform: translateY(-10px);
    transition: 0.4s all;
}

.blogthumbimage {
    width: 100%;
    position: relative;
}

.overly-tags{
    position: relative;
    bottom: 0;
    text-align: right;
    width: 100%;
    background: #000;
    padding: 2px 10px;
    height: 22px;
    overflow: hidden;
}

.overly-tags img{
    display: none;
}

.overly-tags a{
    margin-left: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}

/*.overly-tags ul li:first-child a:before{
    display: none;
}*/

.overly-tags a:before {
    content: ".";
    font-size: 25px;
    line-height: 0;
    position: relative;
    top: -2px;
    right: 4px;
}

.blogthumbimage > img {
    width: 100%;
    height: 285px;
    object-fit: fill;
}

.blogdesc {
    width: 100%;
    padding: 18px 30px;
}

.writerflexx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 20px;
    border-top: 1px solid #d3d3d3;
    margin-bottom: 0;
    padding: 10px 20px;
}

.writerflexx .social-below{
    margin-left: auto;
}

.writerflexx .social-below ul{
    list-style: none;
    padding: 0;
}

.writerflexx .social-below ul li{
    display: inline-block;
}

.writerflexx .social-below img{
    width: 25px;
    height: 25px;
    color: #350964;
}

.writerpic {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    /*overflow:hidden;*/
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.writerpic img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.writerflexx h5 {
    font-size: var(--mainpara);
    line-height: 20px;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 5px;
}

.blogdesc h4, .blogdesc h3 {
    margin: 0
}

.blogdesc h4 a, .blogdesc h3 a {
    font-size: var(--subheading);
    line-height: 35px;
    font-weight: 500;
    color: var(--black);
    margin: 0 0 15px;
}

.blogdesc h4 a:hover, .blogdesc h3 a:hover {
    color: var(--pcolor);
}

.blogdesc p {
    font-size: var(--mainpara);
    line-height: 26px;
    font-weight: 400;
    color: var(--black);
    margin: 0;
}

.blogwidgets {
    width: 30.3%;
    position: sticky;
    top: 135px;
}

.blogwidgetsbox {
    width: 100%;
    margin: 0 0 40px;
    border: 2px solid #EDEDEE;
}

.blogwidgethead {
    width: 100%;
    background: #34096240;
    padding: 5px 35px;
}

.blogwidgethead h4 {
    font-size: var(--subheading);
    line-height: 40px;
    font-weight: 600;
    color: #350964;
    margin: 0;
}

.blogwidgebottom {
    padding: 15px 25px 15px 35px;
}

.blogwidgebottom ul.popularlist {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.blogwidgebottom ul.popularlist li:not(:last-child) {
    border-bottom: 1px solid #EDEDEE;
}

.blogwidgebottom ul.popularlist li a {
    font-size: var(--subheading);
    line-height: 30px;
    color: var(--black);
    display: block;
    padding: 15px 0;
}

.blogwidgebottom ul.popularlist li a:hover {
    color: var(--pcolor);
}

.topicsearched {
    width: 100%;
    display: flex;
    align-items: unset;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 20px 0 0;
}

.topicsearched a {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: var(--bigpara);
    line-height: 30px;
    color: var(--black);
    margin: 0 0 40px;
}

/*.tagsnewbox .blogwidgebottom{
    padding:15px 5px;
}*/

.topicsearched a img {
    margin: 0 10px 0 0;
    /*filter: brightness(55) invert(1);*/
}

.topicsearched a:hover {
    color: var(--pcolor);
}

.topicsearched a:hover img {
    filter: none;
}

.topicsearched a span{
    width:70%;
    display: block;
}

.blogsocial {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.blogsocial > a {
    width: 33px;
    height: 33px;
    display: block;
    margin: 0 15px 0 0;
}

.blogsocial > a:hover img {
    filter: grayscale(1);
}

.pagination_blog {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: 10px 0 50px;
}

.pagination_blog a {
    width: 31px;
    height: 31px;
    background: var(--white);
    border: 1px solid #808285;
    text-align: center;
    display: block;
    font-size: var(--mainpara);
    line-height: 31px;
    color: #808285;
    margin: 0 0 0 5px;
}

.pagination_blog a.active, .pagination_blog a:hover {
    background: #34096240;
    color: var(--black);
    border-color: #34096240;
}

body.bloglistpage .wrapper, body.blogdetails .wrapper {
    overflow: initial;
}

.authurflex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.authurflex .authurimg {
    width: 33%;
}

.authurflex .authurimg img {
    width: 100%;
}

.authurflex .aboutauthor {
    width: 67%;
    padding: 0 0 0 25px;
}

.authurflex .aboutauthor h5 {
    font-size: var(--bigpara);
    line-height: 27px;
    color: var(--black);
    font-weight: 400;
    margin: 0;
}

.authurflex .aboutauthor h5 strong {
    font-weight: 600;
}

.publishbox {
    width: 100%;
    padding: 20px 35px;
    border-bottom: 1px solid #EDEDEE;
    margin: 0 0 40px;
}

.publishbox h5 {
    font-size: var(--subheading);
    line-height: 29px;
    margin: 0;
    font-weight: 400;
    color: var(--black);
}

.publishbox h5 strong {
    font-weight: 600;
}

.articletext .backpage {
    margin: 25px 0 0;
}

.allnewsandmediabox {
    width: 100%;
    padding: 90px 0 0;
}

.allnewsandmediagrid {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 64px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 64px;
    grid-row-gap: 40px;
}

.newsmediasub {
    width: 100%;
    background: var(--white);
    transition: 0.4s all;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #c1c1c1;
}

.newsmediathumb {
    width: 100%;
}

.newsmediathumb img {
    width: 100%;
}

.newsmediatext {
    width: 100%;
    padding: 18px 30px 28px 30px;
}

.newsmediatext h4, .newsmediatext h2 {
    font-size: var(--newsheading);
    line-height: 44px;
    color: var(--pcolor);
    font-weight: 600;
    margin: 0 0 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsmediatext p {
    font-size: var(--subheading);
    line-height: 36px;
    font-weight: 400;
    color: var(--black);
    margin: 10px 0 15px;
}

.newsmediatext h5 {
    font-size: var(--newsdate);
    line-height: 30px;
    font-weight: 400;
    color: var(--black);
    margin: 10px 0 15px;
}

.newsmediatext a.knowbtn {
    width: 125px;
    background: var(--black);
    color: var(--white);
    font-size: var(--mainpara);
    line-height: 16px;
    margin: 20px 0 0;
}

.newsmediatext a.knowbtn:hover {
    background: var(--pcolor);
    color: var(--white);
}

.newsandmediabox-article {
    width: 100%;
    padding: 45px 0 100px;
}

.newsandmediabox-article h2 {
    line-height: 78px;
    color: var(--pcolor);
    text-align: center;
    margin: 0 0 35px;
}

.newsandmediabox-articleflex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newsandmediabox-articleimg {
    width: 49%;
    position: sticky;
    top: 135px;
}

.newsandmediabox-articleimg img {
    width: 100%;
}

.newsandmediabox-articletext {
    width: 45%;
}

.newsandmediabox-articletext p {
    font-size: var(--subheading);
    line-height: 36px;
    color: var(--black);
    font-weight: 400;
    margin: 0 0 20px;
}

.newsandmediabox-articletext .blogwidgetsbox {
    width: 67.5%;
    margin: 50px 0 0;
}

body.newsmediadetailspagr .wrapper {
    overflow: initial;
}

body.contactuspage .breadcrumb-section {
    background: var(--footerbg);
}

body.contactuspage .inbantext {
    top: 40%;
}

.contactuspage-section {
    width: 100%;
    background: var(--footerbg);
}

.contactuspage-in {
    width: 100%;
    padding: 100px 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.contactuspage-form {
    width: 45%;
    background: var(--white);
    padding: 65px 115px;
}

.contactuspage-form .formclass .form-group {
    width: 100%;
    margin: 0 0 25px;
}

.contactuspage-form .formclass .form-group .form-control {
    font-size: var(--subheading);
    line-height: 39px;
    padding: 20px 25px;
}

.formclass .form-group select.form-control, .contact-main .contact-item select.form-control{
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

.whitepapperr input::placeholder{
    text-transform: capitalize;
}

.whitepapperr .error{
    margin-top: 8px;
}

.contactuspage-form .btnbox {
    width: 100%;
}

.contactuspage-form .btnbox button {
    font-size: var(--subheading);
    line-height: 40px;
    padding: 17px 10px;
}

.alladdresslistbox {
    width: 55%;
}

.alladdresslistbox h4 {
    font-size: var(--headline);
    line-height: 49px;
    color: var(--pcolor);
    font-weight: 600;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 0 95px;
}

.addressrow {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.addresscolumn {
    width: 50%;
    padding: 0 0 0 95px;
}

.addresscolumn {
    width: 80%;
    margin:0;
}

.addresscolumn:nth-of-type(2){
    margin: 35px 0;
    }

.addressrow h5 {
    font-size: var(--subheading);
    line-height: 30px;
    color: var(--pcolor);
    font-weight: 600;
    margin: 0 0 10px;
}

.addressrow p {
    font-size: var(--subheading);
    line-height: 40px;
    color: var(--black);
    font-weight: 400;
    margin: 0 0 10px;
}

.addressrow p a {
    font-size: var(--subheading);
    line-height: 40px;
    color: var(--black);
    display: inline-block;
}

.addressrow p a:hover, .addressrow p a:focus {
    color: var(--pcolor);
}

.address-sep {
    width: 90%;
    height: 1px;
    background: #939598;
    margin: 25px 0 25px auto;
}

.associates-section {
    width: 100%;
    background: var(--white);
}

.associates-in {
    width: 100%;
    padding: 0px 0 100px 0;
}

.associates-in h2 {
    line-height: 90px;
    text-align: center;
    color: var(--pcolor);
    margin: 0 0 10px;
}

.associatesflex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.associatesflex img {
    margin: 0 15px 15px 15px;
}

.mapsection {
    width: 100%;
    height: 465px;
}

.mapsection iframe {
    width: 100%;
    height: 100%;
}

body.contentpages .inbantext {
    top: 40%;
}

.contentpage-section {
    width: 100%;
    background: var(--white);
}

.contentpage-in {
    width: 100%;
    padding: 50px 0 0 0;
}

.contentpage-in h2 {
    margin: 0 0 20px;
    color: var(--pcolor);
}

.contentpage-in h1, .contentpage-in h3, .contentpage-in h4, .contentpage-in h5, .contentpage-in h6 {
    margin: 35px 0 20px;
}

.contentpage-in ul, .contentpage-in ol {
    padding: 0 0 0 19px;
    list-style-type: disc;
}


.contentpage-in ul.smallalpha{
    list-style: lower-roman;
    padding: 0 0 0 25px;
}

.contentpage-in ul li, .contentpage-in ol li, .contentpage-in p {
    margin: 0 0 15px;
    font-weight: 400;
    color: rgba(101, 115, 126, 1);
}

.contentpage-in ul li, .contentpage-in ol li {
    margin: 0 0 5px;
}

.contentpage-in ul.smallalpha li{
    margin:0 0 10px;
}

.contentpage-in p{
    text-align:justify;

}

.thankyoupage header {
    background: var(--color-blackshade2);
}

.thankyou {
    width: 100%;
    min-height: calc(100vh - 640px);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.thnksbg {
    position: absolute;
    bottom: -70%;
    left: 0;
    width: 100%;
}

.thankyou .main-content {
    padding: 45px 0;
    position: relative;
}

.thankyou .main-content h2 {
    text-align: center;
    margin: 0;
    line-height: 70px;
    color: var(--pcolor);
    text-shadow: none;
}

.thankyou .main-content h1:before {
    display: none;
}

.thankyou .main-content .fa {
    padding: 15px;
    color: #fff;
    border-radius: 100%;
    margin: 45px auto;
    font-size: 35px;
    background: var(--pcolor);
}

.thankyou .main-content p {
    margin: 0;
    font-size: var(--subheading);
    padding: 0 15%;
    text-align: center;
    font-weight: 400;
    color: var(--black);
    line-height: 35px;
}

.thankyou .animated p {
    font-size: var(--subheading);
    margin: 15px 0 0;
    padding: 0 15%;
    text-align: center;
    font-weight: 400;
    color: var(--black);
    line-height: 35px;
}

.thankyou .animated p span#time {
    color: var(--orange);
}

.thankyou .main-content h5{
    font-size:var(--subheading);
    line-height:30px;
    color:var(--pcolor);
    font-weight:500;
    margin:35px 0 10px
}

.thankyou .main-content h3{
    font-size:20px;
    line-height:30px;
    color:var(--pcolor);
    font-weight:500;
    margin:35px 0 10px
}

.nomtop{
    margin-top:10px!important;
}

.thankyou .main-content h6{
    font-size:var(--subheading);
    line-height:30px;
    color:var(--pcolor);
    font-weight:400;
    margin:0px 0 35px
}

.documentation-section {
    width: 100%;
    background: var(--white);
}

.documentation-in {
    width: 100%;
    padding: 110px 0;
}

.documentation-in > p{
    text-align: center;
    margin:0 0 30px;
}

form.docfilter {
    width: 45.5%;
    margin: 0 auto;
}

form.docfilter select{
    word-wrap: normal;
    width: 100%;
    border-radius: 10px;
    padding: 11px 10px;
    margin-bottom: 12px;
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.01);
    border: 1px solid rgba(217, 217, 217, 1);
    background: rgba(244, 245, 249, 1);
    color: rgba(101, 115, 126, 1);
    font-weight: 500;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1.2em + 2px), calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

form.docfilter select#sub_category_id, form.docfilter select#product_id{
  display: none;
}

form.docfilter select.visible {
    display: block !important;
}

form.docfilter .dropdown.bootstrap-select.selectpick.bs3 {
    width: 100% !important;
    margin: 0 0 25px;
}

form.docfilter .bootstrap-select>.dropdown-toggle {
    width: 100%;
    background: #35096440;
    box-shadow: none !important;
    outline: none !important;
    text-align: center;
    color: var(--pcolor) !important;
    padding: 20px 15px;
    line-height: 46px;
    font-size: var(--filtertext);
    font-weight: 400;
    text-shadow: none !important;
    border: 0 !important;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    background: #35096440;
    border-color: #35096440;
}

form.docfilter .bootstrap-select>.dropdown-toggle .filter-option-inner {
    text-align: center;
}

form.docfilter .bootstrap-select .dropdown-toggle .caret {
    right: 25px;
}

.dropdown-backdrop {
    display: none !important;
}

.caret {
    border-top: 10px dashed #350964;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.bootstrap-select .dropdown-menu li a {
    font-size: var(--bigpara);
    line-height: 25px;
    color: var(--pcolor);
    padding: 10px 20px;
}

form.docfilter .dropdown-menu>.active>a, form.docfilter .dropdown-menu>.active>a:focus, form.docfilter .dropdown-menu>.active>a:hover {
    background: var(--pcolor);
    color: var(--white);
}

form.docfilter .dropdown-menu li.disabled a {
    background: #777;
    color: var(--white) !important;
}

.documentation-in h5 {
    font-size: var(--breadcrumbfont);
    line-height: 25px;
    color: #808285;
    font-weight: 400;
    margin: 0 0 5px;
    padding: 0 0 0 17px;
}

.result-box {
    width: 100%;
    margin: 100px auto 0;
}

.result-flex {
    width: 100%;
    min-width: 100%;
    display: flex;
    align-items: unset;
    justify-content: center;
    gap: 30px;
}

.result-flex .download_box, .result-flex .download_box a{
    width: 100%;
}

.result-sub {
    width: 22.4%;
    margin: 0 17px;
    border: 1px solid #C7C7C7;
    padding: 45px;
    text-align: center;
}

.result-sub h4 {
    font-size: var(--subheading);
    line-height: 35px;
    font-weight: 400;
    color: var(--pcolor);
    margin: 22px 0;
}

.result-sub a {
    width: 190px;
    text-align: center;
    display: block;
    color: var(--white);
    margin: 0 auto;
    font-weight: 400;
    font-size: var(--menuheading);
    line-height: 25px;
    padding: 5px;
    border-radius: 17px;
    background: var(--pcolor);
}

.result-sub a:hover {
    color: var(--white);
    background: var(--black);
}

.industrybanner-section {
    width: 100%;
    position: relative;
}

.ovrly-sec{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.industrybanner-section .ovrly-sec:before {
    content: '';
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(90deg, #000000b3 10%, #00000000 100%) 0% 0% no-repeat padding-box;
    top: 0;
    position: absolute;
    left: 0;
}

body.industrydetails .inbantext {
    bottom: auto;
    top: 30%;
    z-index: 1;
}

.industrybanner-section .breadcrumb-section {
    width: 100%;
    position: absolute;
    top: 0;
    background: transparent;
    left: 0;
    z-index: 1;
}

.industrybanner-section .breadcrumb-section ul.breadcrumb-in li a {
    color: var(--white);
}

img.indimg {
    width: 100%;
}

.industrybanner-section .breadcrumb-section ul.breadcrumb-in li:not(:last-child):before {
    color: var(--white);
}

.industrybanner-section .breadcrumb-section ul.breadcrumb-in li:last-child a {
    color: var(--pcolor);
}

.industrybanner-section .backpage {
    margin: 0;
    position: absolute;
    top: 85px;
    z-index: 1;
}

.industrybanner-section .backpage a {
    color: var(--white);
}

.industrybanner-section .backpage a:before {
    color: var(--white);
}

.industrybannertext {
    max-width: 603px;
    position: absolute;
    left: 5%;
    top: 120px;
}

.industrybannertext h1 {
    font-size: var(--industryheading);
    line-height: 70px;
    font-weight: 600;
    color: var(--white);
    margin: 0;
}

.industrybannertext h1 span{
    font-size:60px;
    line-height: 70px;
    margin:20px 0 0;
    display:block;
}

.middletext-section {
    width: 100%;
    background: var(--white);
}

.middletext-in {
    width: 100%;
    padding: 50px 0;
}

.middletext-in p {
    line-height: 25px;
    color: #606060;
    margin: auto;
}

.indrow-section {
    width: 100%;
    padding: 100px 0px;
}

.indrow-in {
    width: 100%;
}

.greybg{
    background: #F4F5F9;
    padding: 100px 0px;
    margin-bottom: 100px;
}

.greybg .indrowbox{
    flex-direction: row-reverse;
}

.greybg .indrowbox .indrowtext{
    padding: 0 80px 0 0;
}

.indrowbox {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.indrowimg {
    width: 42%;
}

.indrowimg img {
    width: 100%;
    border-radius: 10px;
}

.indrowtext {
    width: 58%;
    padding: 0 0 0 80px;
}

.indrowtext h4, .indrowtext h3 {
    line-height: 35px;
    color: #343D46;
    margin: 0 0 10px;
}

.indrowtext p {
    line-height: 25px;
    color: #606060;
    margin: 0;
}

.indrowtext ol, .indrowtext ul {
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
}

.indrowtext ol li, .indrowtext ul li {
    line-height: 25px;
    font-weight: 400;
    color: #606060;
    margin: 0 0 5px;
    position: relative;
    padding: 0 0 0 20px;
}

.indrowtext ol li:before, .indrowtext ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: var(--pcolor);
    position: absolute;
    top: 11px;
    left: 0px;
}

.indrowbox:nth-child(2) {
    flex-direction: row-reverse;
    margin: 95px 0 0;
}

.indrowbox:nth-child(2) .indrowtext {
    padding: 0 80px 0 15px;
}

.iconslist {
    width: 100%;
    margin: 30px 0 0;
}

.flexbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 16px;
}

.smallbox {
    width: 27px;
    margin: 0 55px 0 0;
    text-align: center;
}

.iconslist h6 {
    font-size: var(--subheading);
    line-height: 45px;
    font-weight: 400;
    color: #606060;
    margin: 0 0 5px;
}

.hasslefree-section {
    width: 100%;
    background: var(--white);
}

.hasslefree-in {
    width: 93.3%;
    margin: 0 auto;
}

.headinglinebox {
    width: 100%;
}

.headinglinebox h2 {
    font-size: var(--industryheading);
    line-height: 82px;
    text-align: center;
    margin: 0;
    font-weight: 600;
    color: #343D46;
}

.hassleflex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 75px 0 0;
}

.hassleflex .hasslesub:last-child{
    margin-bottom: 0;
}

.hasslesub {
    width: 28%;
    margin: 0 80px 55px 0
}

.hasslesub:nth-child(3n) {
    margin: 0 0 55px;
}

/*.hasslesub:last-child{

    margin-left:75px;

}*/
.hasslesub:nth-child(7) {
    margin-left: 75px;
}

.hassleicon {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 25px;
}

.hasslesub h5 {
    margin: 0 0 10px;
}

.hasslesub p {
    color: #606060
}

/* =============== Phase 2 CSS Start =============== */
.collaborate-section {
    width: 100%;
    background: var(--white);
}

.collaborate-in {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 62px;
}

.collaborate-text {
    width: 72%;
    text-align: center;
}

.collaborate-text h3 {
    font-size: var(--pageheading);
    line-height: 74px;
    margin: 0 0 50px;
    text-align: center;
    font-weight: 600;
    color: var(--pcolor);
}

.collaborate-text p {
    text-align: center;
    line-height: 38px;
    font-size: var(--menuheading);
    color: var(--color-gray4);
    margin: 0;
}

.collaborate-tabs {
    width: 24.3%;
    border-radius: 9px;
    border: 2px solid var(--pcolor);
    overflow: hidden;
    box-shadow: 7px 7px 13px #00000033;
}

.collaborate-tabs ul.nav-tabs {
    width: 100%;
    display: flex;
    align-items: unset;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 10px solid var(--pcolor);
}

.collaborate-tabs ul.nav-tabs:before, .collaborate-tabs ul.nav-tabs:after {
    display: none;
}

.collaborate-tabs ul.nav-tabs li {
    width: 30%;
    background: var(--pcolor);
        float: none;
    margin: 0;
}

.collaborate-tabs ul.nav-tabs li a {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 600;
    color: var(--white) !important;
    text-decoration: none;
    outline: none;
    font-size: var(--bigpara);
    line-height: 22px;
    border: 0 !important;
    padding: 16px 0 10px;
    background: #C7C7C7;
     margin: 0;
     min-height:48px;
}

.collaborate-tabs ul.nav-tabs li.active a {
    background: var(--pcolor);
}

.collaborate-tabs ul.nav-tabs li.active a, .collaborate-tabs ul.nav-tabs li.active a:hover, .collaborate-tabs ul.nav-tabs li.active a:focus {
    border: 0 !important;
}

.collaborate-tabs ul.nav-tabs li.active {
    background: #C7C7C7;
    width: 70%;
}

.collaborate-tabs ul.nav-tabs li:first-child.active a {
    border-radius: 0 30px 0 0;
}

.collaborate-tabs ul.nav-tabs li:last-child a {
    border-radius: 0 0 0 30px;
}

.collaborate-tabs ul.nav-tabs li:first-child a {
    border-radius: 0 0 30px 0;
}

.collaborate-tabs ul.nav-tabs li:last-child.active a {
    border-radius: 30px 0 0 0;
}

/*.collaborate-tabs ul.nav-tabs li:last-child.active a {
    border-radius: 0px 0 0 0;
}*/

.collaborate-tabs .tab-content>.tab-pane {
    height: 361px;
}

.signinbox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signinform {
    width: 100%;
    padding: 0 30px;
}

.signinform .form-group {
    width: 100%;
    margin: 0 0 42px;
}

.signinform .form-group .form-control {
    width: 100%;
    height: auto;
    border: 1px solid #AEAEAE;
    border-radius: 6px;
    font-size: 13px;
    line-height: 24px;
    color: var(--color-gray4);
    outline: none;
    box-shadow: none;
    padding: 12px 15px;
}

.signinform .form-group .form-contro::placeholder {
    color: #AEAEAE;
}

.signinform button {
    width: 100%;
    text-align: center;
    color: var(--white);
    box-shadow: none;
    outline: none;
    background: var(--pcolor);
    font-size: var(--bigpara);
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid var(--pcolor);
    line-height: 30px;
    padding: 9px 10px;
    margin: 10px 0px;
}

.signinform button:hover, .signinform button:focus {
    background: var(--black);
}

.signinform p {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
    margin: 20px 0 0;
}

.signinform p a {
    color: #AEAEAE;
    display: inline-block;
    text-decoration: none;
    font-weight: 300;
}

.signinform p a:hover, .signinform p a:focus {
    color: var(--pcolor);
    text-decoration: none;
}

.onboardprogram-section {
    width: 100%;
    background: #c7c7c745;
}

.onboardprogram-in {
    width: 100%;
    padding: 124px 0 68px;
}

.onboardprogram-in h2 {
    text-align: center;
    line-height: 74px;
    color: var(--pcolor);
    margin: 0 0 75px;
}

.onboardprogram-flex {
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.onboardprogram-sub {
    width: 31%;
    margin: 0 1% 50px;
    text-align: center;
}

.oniconbox {
    width: 120px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}

.onboardprogram-sub h4 {
    text-align: center;
    margin: 0 auto;
    max-width: 255px;
    font-size: var(--subheading);
    line-height: 34px;
    font-weight: 500;
    color: var(--color-gray4);
}

.moveladder-section {
    width: 100%;
    background: var(--white);
}

.moveladder-in {
    width: 100%;
    padding: 70px 0 80px;
}

.moveladder-in h2 {
    line-height: 74px;
    color: var(--pcolor);
    margin: 0 0 40px;
    text-align: center;
}

.moveladder-in > p {
    font-size: var(--menuheading);
    line-height: 38px;
    margin: 0 0 40px;
    text-align: center;
}

.ladderteble-wrap {
    width: 100%;
}

.ladderteble {
    width: 100%;
    border-collapse: collapse;
}

.ladderteble tr th {
    font-size: var(--bigpara);
    color: var(--black);
    line-height: 29px;
    font-weight: 600;
    position: relative;
    padding: 11px 0;
    text-align: center;
    width: 12%;
    border-radius: 45px 0 0 0;
    border-right: 6px solid var(--white);
    border-left: 6px solid var(--white);
}

.ladderteble tr th:first-child {
    width: 40%;
}

.ladderteble tr th:after {
    content: '';
    width: 80%;
    height: 6px;
    position: absolute;
    left: 10%;
    bottom: -3px;
    z-index:1;
}

.ladderteble tr th:nth-of-type(2):after {
    background: #FF95A2;
}

.ladderteble tr th:nth-of-type(3):after {
    background: #FFB7B2;
}

.ladderteble tr th:nth-of-type(4):after {
    background: #FFDAC1;
}

.ladderteble tr th:nth-of-type(5):after {
    background: #E2F0CB;
}

.ladderteble tr th:nth-of-type(6):after {
    background: #B5EAD7;
}

.ladderteble tr th:first-child:after {
    content: '';
    width: 21.5%;
    left: 39.25%;
    height: 2px;
    background: #808080;
    position: absolute;
    bottom: 0;
}

.ladderteble tr th:nth-child(odd) {
    background: #35096421;
}

.ladderteble tr th:nth-child(even) {
    background: #EDEDED;
}

.ladderteble tr td {
    font-size: var(--menuheading);
    line-height: 33px;
    padding: 10px 5px;
    text-align: center;
    position: relative;
    color: var(--color-gray4);
    font-weight: 300;
    border-right: 6px solid var(--white);
    border-left: 6px solid var(--white);
}

.ladderteble tr td > img {
    vertical-align: middle;
}

.ladderteble tr td:after {
    content: '';
    position: absolute;
    width: 26.5%;
    left: 36.75%;
    background: var(--white);
    height: 0.5px;
    bottom: 0;
}

.ladderteble tr:first-child td {
    padding-top: 25px;
}

.ladderteble tr td:nth-child(odd) {
    background: #35096421;
}

.ladderteble tr td:nth-child(even) {
    background: #EDEDED;
}

.ladderteble tr:last-child td {
    padding-bottom: 15px;
    border-radius: 0 0 45px 0;
}

.ladderteble tr:last-child td:after {
    display: none;
}

.preidentsay-section {
    width: 100%;
    background: #3509641a;
}

.preidentsay-in {
    width: 100%;
    padding: 110px 0 95px;
}

.preidentsay-in h5 {
    text-align: center;
    font-size: var(--subheading);
    font-weight: 600;
    color: var(--pcolor);
    line-height: 38px;
    margin: 0 auto 40px;
    max-width: 1255px;
    position: relative;
}

.preidentsay-in h5 span.left {
    color: var(--white);
    font-size: 50px;
    position: absolute;
    top: -45px;
    left: -45px;
}

.preidentsay-in h5 span.right {
    font-size: 50px;
    color: var(--white);
    position: absolute;
    bottom: -45px;
    /* left: auto; */
    right: -30px;
}

.preidentsay-in h6 {
    font-size: var(--newsdate);
    line-height: 37px;
    text-align: center;
    font-weight: 400;
    color: #808080;
    margin: 0;
}

.togrtherwecan-section {
    width: 100%;
}

.togrtherwecan-in {
    width: 100%;
    padding: 90px 0 80px;
}

.togrtherwecan-in h2 {
    text-align: center;
    color: var(--pcolor);
    line-height: 74px;
    margin: 0 0 40px;
}

.togrtherwecan-in > p {
    font-size: var(--menuheading);
    line-height: 38px;
    font-weight: 300;
    color: var(--black);
    margin: 0 0 45px;
    text-align: center;
}

.togrtherwecan-in > p strong {
    font-weight: 600;
}

.togrtherflex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-wrap: wrap;
}

.togrthersub {
    width: 32%;
}

.togrthertumb {
    width: 100%;
}

.togrthertumb > img {
    width: 100%;
}

.togrthertext {
    width: 100%;
    padding: 35px 10px 20px;
    text-align: center;
}

.togrthertext h4 {
    font-size: 28px;
    line-height: 46px;
    margin: 0 0 6px;
    text-align: center;
    color: var(--pcolor);
    text-transform: uppercase;
    font-weight: 600;
}

.togrthertext p {
    text-align: center;
    font-size: var(--menuheading);
    line-height: 38px;
    margin: 0;
    color: var(--black);
}

.registrationform-section {
    width: 100%;
    background: var(--white);
}

.registrationform-in {
    width: 100%;
    padding: 75px 0;
}

.registrationform-in h3 {
    background: var(--pcolor);
    text-align: center;
    width: 648px;
    margin: 0 auto 55px;
    border-radius: 8.22px;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--filtertext);
    padding: 7px 0;
    line-height: 44px;
}

.registrationform-in > p {
    font-size: var(--breadcrumbfont);
    line-height: 38px;
    text-align: center;
    font-weight: 400;
    color: #808285;
    max-width: 1285px;
    margin: 0 auto 15px;
}

.registrationform-in h6 {
    font-size: var(--mainpara);
    line-height: 27px;
    margin: 0;
    text-align: center;
    color: #333;
    font-weight: 400;
}

.regformbox {
    width: 100%;
    margin: 55px 0 ;
}

.registrationform {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.registrationform .form-group {
    width: 48.5%;
    margin: 0 0 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.registrationform .form-group label {
    width: 37%;
    padding: 0 15px 0 0;
    font-size: var(--breadcrumbfont);
    line-height: 25px;
    margin: 0;
    font-weight: 400;
    color: #333;
}

.registrationform .form-group .form-control {
    width: 63%;
    margin: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    height: auto;
    font-size: var(--topmenu);
    line-height: 25px;
    padding: 6px 15px;
    background: var(--white);
    color: #333;
}

.registrationform .form-group .dropdown.bootstrap-select.selctpic {
    width: 63%;
    margin: 0;
    padding: 0;
    border:0;
}

.registrationform .form-group .bootstrap-select>.dropdown-toggle {
    width: 100%;
    margin: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    height: auto;
    font-size: var(--topmenu);
    line-height: 25px;
    padding: 0;
    background: var(--white);
    padding: 6px 15px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    text-shadow: none;
    color:#333;
}

.registrationform .form-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-align: center;
    color:#333;
}

.registrationform .bootstrap-select .dropdown-toggle .caret {
    top: 40%;
    border-top: 10px dashed #AEAEAE;
}

.registrationform .dropdown-menu>.active>a, .registrationform .dropdown-menu>.active>a:focus, .registrationform .dropdown-menu>.active>a:hover {
    background: var(--pcolor);
    color: var(--white);
}

.registrationform .bootstrap-select .dropdown-menu li.disabled a {
    background: var(--black);
    color: var(--white);
}

.registrationform .form-group.label100 label {
    width: 100%;
    font-size: var(--bigpara);
    margin: 0 0 20px;
}

.registrationform .form-group.label100 {
    justify-content: space-between;
}

.subgrps {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.subgrps h6 {
    width: 65%;
    text-align: left;
    font-size: var(--bigpara);
}

.registrationform .form-group .subgrps .dropdown.bootstrap-select.selctpic {
    width: 25%;
}

.subgrps span {
    width: 10%;
    text-align: center;
}

.custom-file {
    width: 63%;
    cursor: pointer;
}

.custom-file-input {
    display: none !important;
}

.registrationform .form-group label.custom-file-label {
    display: block;
    background: none;
    border: none;
    color: #2E2E2E;
    padding: 0 0 0 365px;
    margin: 11px 0 0 0;
    text-overflow: ellipsis;
    position: relative;
    line-height: 37px;
    font-weight: 400;
    width: 100%;
    font-size: 10px;
}

.registrationform .form-group label.custom-file-label::after {
    content: "Upload File";
    text-align: center;
    font-weight: 400;
    letter-spacing: 0px;
    color: #808285;
    background: #E1E1E1 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    padding: 5px 70px;
    line-height: 29px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    border: 1px solid #AEAEAE;
    width: 356px;
    font-size: var(--topmenu);
    line-height: 25px;
}

.registrationform .form-group label.custom-file-label:hover:after {
    background: var(--yellowbtn);
}

.divwrap {
    width: 48.5%;
}

.registrationform .divwrap .form-group {
    width: 100%;
}

.wrapmargin {
    margin: 80px 0 0;
}

.wrapmargin {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.registrationform .wrapmargin .form-group .form-control.textclass {
    height: 115px;
}

.registrationform .wrapmargin p {
    width: 100%;
    text-align: right;
    margin: 6px 0 0;
    color: #AEAEAE;
}

.personalinfobox {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 80px 0 0;
}

.personalinfobox h4 {
    color: var(--pcolor);
    line-height: 41px;
    font-weight: 400;
    font-size: var(--filtertext);
    margin: 0 0 25px;
    width: 100%;
}

.registrationform .personalinfobox .form-group label {
    width: 22%;
}

.registrationform .personalinfobox .form-group label span {
    font-size: 9px;
}

.registrationform .personalinfobox .form-group .form-control {
    width: 78%;
}

.tancbox {
    width: 100%;
    margin: 60px 0 0;
}

.tancbox h4 {
    color: var(--pcolor);
    line-height: 34px;
    font-weight: 400;
    font-size: var(--breadcrumbfont);
    margin: 0 0 5px;
}

.tcwrap {
    width: 100%;
}

.tcwrap input {
    display: none;
}

.tcwrap label {
    width: 100% !important;
    position: relative;
    padding: 0 0 0 50px;
    font-size: var(--breadcrumbfont);
    line-height: 34px;
    font-weight: 400;
    color: #333;
}

.tcwrap label a {
    color: #2764AF;
    text-decoration: none;
    font-size: var(--breadcrumbfont);
}

.tcwrap label a:hover, .tcwrap label a:focus {
    color: var(--pcolor);
}

.tcwrap label:before {
    content: '';
    width: 21px;
    height: 21px;
    border-radius: 4px;
    border: 1px solid #AEAEAE;
    position: absolute;
    left: 0;
    top: 5px;
}

.tcwrap label:after {
    content: '';
    width: 12px;
    height: 6px;
    border-bottom: 3px solid var(--white);
    border-left: 3px solid var(--white);
    position: absolute;
    top: 11px;
    left: 5px;
    z-index: 1;
    transform: rotate( -45deg);
}

.tcwrap input[type="checkbox"]:checked ~ label:before {
    background: var(--pcolor);
    border-color: var(--pcolor);
}

.registrationform .recaptcha-div {
    margin: 30px 0 85px;
}

.registrationform .recaptcha-div #recaptcha > div {
    margin: 0;
}

button.regsubmit {
    width: 27%;
    margin: 0 auto;
    display: block;
    background: var(--pcolor);
    border: 1px solid var(--pcolor);
    border-radius: 6px;
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--filtertext);
    line-height: 44px;
    padding: 6px;
    outline: none;
    box-shadow: none;
    font-weight: 600;
}

button.regsubmit:hover, button.regsubmit:focus {
    background: var(--black);
}


.cnmsbanner-section{
    width:100%;
    position:relative;
}

body.cnmspage .backpage,
body.emsspage .backpage{
    margin:0 0 25px;
}

img.cnmsbannerimg{
    width:100%;
}

.cnmstextbox{
    width:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(20%, -55%);
}

.cnmstextbox > img {
    transform: translateX(-26%);
}

.cnmstextbox h1{
    font-size:var(--industryheading);
    color:var(--pcolor);
    line-height:60px;
    max-width:605px;
    margin:45px 0 55px;
    font-weight:600;
}

.getdemobanbtn{
    font-size:var(--subheading);
    line-height:36px;
    background:var(--pcolor);
    text-align:center;
    border-radius:27px;
    color:var(--white);
    margin:0;
    width:238px;
    font-weight:600;
    padding:10px 0;
    display:block;
}

.getdemobanbtn:hover,
.getdemobanbtn:focus{
    background:var(--black);
    color:var(--white);
}

.yournetwork-section{
    width:100%;
    background:var(--white);
}

.yournetwork-in{
    width:100%;
    padding:85px 0 200px;
}

.yournetwork-in > h2{
    text-align:center;
    line-height:60px;
    margin:0 0 55px;
    color:var(--pcolor);
    font-weight:600;
}

.yournetwork-in > p{
    font-size:var(--subheading);
    line-height:48px;
    text-align:center;
    color:#606060;
    font-weight:400;
}

.networkslist{
    width:100%;
}

.networksflex{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:125px 0 0;
}

.networksthumb{
    width:32%;
}

.networksthumb > img{
    width:100%;
}

.networkstext {
    width: 68%;
    padding: 0 35px 0 160px;
}

.networksflex:nth-of-type(even){
    flex-direction: row-reverse;
}

.networksflex:nth-of-type(even) .networkstext{
    padding: 0 160px 0 0;
}

.networkstext h4, .networkstext h3{
    font-size:var(--deltypefont);
    line-height:42px;
    margin:0 0 25px;
    font-weight:600;
    color:var(--pcolor);
    text-transform: capitalize;
}

.networkstext p{
    font-size:var(--subheading);
    line-height:42px;
    color:#606060;
    margin:0;
    font-weight:400;
}

.intutivedashboard-section{
    width:100%;
    background-size: cover;
    background-repeat:no-repeat;
}

.intutivedashboard-in{
    width:100%;
    display:flex;  
    align-items:center;
    justify-content:flex-start;
    padding:122px 0;
}

.intutivedashboard-acc{
    width:32.5%;
    box-shadow: 7px 7px 10px #8F00FF29;
    border-radius: 17px;
    overflow:hidden;
    background:var(--white);
    margin:0 0 0 255px;
}

.headinginbox{
    width:100%;
    padding:25px 40px;
    position:relative;
}

.headinginbox:after{
    content:'';
    width:85%;
    height:1px;
    background:#94949480;
    bottom:0.5px;
    position:absolute;
    line-height:7.5%;
}

.headinginbox h1, .headinginbox h2{
    font-size:var(--industryheading);
    line-height:60px;
    text-align:center;
    font-weight:600;
    color:var(--black);
    margin:0;
}

.inaccbox{
    width:100%;
    padding:20px 40px;
}

#intutiveaccordion{
    width:100%;
}

#intutiveaccordion .panel{
    width:100%;
    border:0;
}

#intutiveaccordion .panel-title{
    padding:10px 0;
    font-size:var(--subheading);
    line-height:31px;
    position:relative;
    color:var(--pcolor);
    text-decoration:none;
}

.panel-title.collapsed i:before{
    content: "\002b";
}

.panel-title i:before{
    content: "\2212";
}

#intutiveaccordion .panel-title[aria-expanded="false"]:before{
    content:'+';
    font-size:23px;
    color:#949494;
    position:absolute;
    top:10px;
    right:10px;
}

#intutiveaccordion .panel-title[aria-expanded="true"]:before{
    content:'-';
    font-size:23px;
    color:#949494;
    position:absolute;
    top:10px;
    right:10px;
}

#intutiveaccordion .panel-body{
    border:0 !important;
}

#intutiveaccordion .panel-body p{
    font-size:var(--bigpara);
    line-height:30px;
    font-weight:400;
    color:#949494;
}

#intutiveaccordion .panel-default > .panel-heading{
    background-image: none;
}

#intutiveaccordion .panel-default > .panel-heading + .panel-collapse > .panel-body{
    padding:5px 0 10px;
}

.whycnms-section{
    width:100%;
    background:var(--white);
}

.whycnms-in{
    width:93.3%;
/*  padding:125px 0 85px;*/
    padding:125px 0 0px;
    margin:0 auto;
}

.whycnms-flex{
    width:100%;
    display:flex;
    align-items:unset;
    justify-content:center;
    flex-wrap:wrap;
    padding:75px 0 0;
}

.whycnms-sub{
    width:33.33%;
    margin:0 0 55px;
}

.cnmsicon{
    width:90px;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
}

.whycnms-sub h4{
    font-size: var(--subheading);
    line-height: 42px;
    font-weight: 400;
    color: var(--pcolor);
    margin: 0;
    text-transform: uppercase;
    text-align:center;
}

.tryourtech-section{
    width:100%;
    background:var(--trytectbg);
}

.tryourtech-in{
    width:100%;
    padding:115px 0 85px;
    text-align:center;
}

.tryourtech-in h2{
    text-align:center;
    line-height:82px;
    color:var(--pcolor);
    margin:0 0 15px;
    font-weight:600;
}

.tryourtech-in p{
    font-size:var(--subheading);
    line-height:40px;
    color:#606060;
    text-align:center;
    margin:0;
}

.tryourtech-in .getdemobanbtn{
    margin:90px auto 0;
}

/* =============== Phase 2 CSS End =============== */
.mb-0 {
    margin-bottom: 0;
}

/*.mtop {
    margin: 160px 0 0;
}*/

/*div#gallery_01{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;

}*/
div#gallery_01 > a {
    margin: 0 25px;
}

img.headhorimg {
    position: absolute;
    bottom: -30%;
    left: 5%;
}

body.innerpage.industrydetails .backpage {
    margin: 0 0 25px
}

.inoutslider.thinslicksliderarrow .slick-prev {
    left: -30px;
}

.inoutslider.thinslicksliderarrow .slick-next {
    right: -30px;
}

body.newsmediadetailspagr .mtop {
    margin: 185px 0 0;
}

.togglemenus, .moblogobox, .mobileimgbox, .mobileheading {
    display: none;
}

.contentclass{
    width:45%;
    background:var(--white);
}

.contentclass .btnbox {
    width: 25%;
}

.contentclass h2{
    font-size:var(--deltypefont);
    margin:0 0 20px;
    text-align:center;
    font-weight:600;
    color:var(--pcolor);
}

.thankyoupopup{
    width:30%;
    padding:45px 50px !important;
    text-align:center;
}

.thankyoupopup > img{
    margin:0 0 45px;
}

.thankyoupopup p{
    font-size:var(--subheading);
    font-weight:500;
    line-height:40px;
    color:var(--pcolor);
    text-align:center;

        letter-spacing:0;
}

.thankyoupopup h5,
.thankyoupopup h6{
    font-size:var(--bigpara);
    color:var(--pcolor);
    line-height:25px;

}

/*============================ Sitemap ============================*/

.sitemap-section{
    width:100%;
    background:var(--white);
}

.sitemap-in{
    width:100%;
    padding:100px 0 10px;
}

.sitemaplist{
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
}

.sitemapsub{
    width:33%;
}

.sitemaphead{
    width:100%;
    padding:6px 0;
}

.sitemaphead h3{
    font-size:var(--headline);
    line-height:47px;
    color:var(--pcolor);
    font-weight:400;
    margin:0;
}

.sitemaphead h3 a{
    font-size:var(--headline);
    line-height:47px;
    color:var(--pcolor);
    font-weight:400;
    margin:0;
    text-decoration:none;
}

.sitemaphead h3 a:hover,
.sitemaphead h3 a:focus{
    color:var(--pcolor);
    text-decoration:none;
}

.sitemaplist ul{
    list-style:none;
    border-top:2px solid #E1E1E1;
}

.sitemaplist ul li a{
    font-size:var(--newsdate);
    line-height:37px;
    color:#808080 !important;
    display:block;
    padding:15px 0;
}

.sitemaplist ul li{
    border-bottom:2px solid #E1E1E1;
}

.sitemapsub.big{
    width:63%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
}

.sitemapsubb{
    min-width: 100%;
    margin: 0 0 50px;
}

.mobbox{
    display:none;
}

.checkbox-dropdown-list{
    max-height: 60vh;
    overflow: auto;
}

.pd-application-text ol,
.pd-application-text ul{
    padding:0 0 0 25px;
}

.pd-application-text li{
    font-size:var(--bigpara);
    line-height:30px;
    margin:0 0 4px;
}
.sdppsod h4 {
    font-size: 13px;
    margin-bottom: 0;
}

/*.preidentsay-in h5 span.left i {
    color: #350964;
}*/

.pd-overviewlist h2{
    text-align:center;
    color: var(--pcolor);
    font-size:var(--bannertext);
    line-height: 66px;
    text-align: center;
    margin:30px 0 30px;
}

.pd-features-box .pd-features-text li{
    line-height:30px;
}

.pd-overviewlist p{
    font-size:var(--subheading);
    margin:25px 0 20px;
}

.dropdown.bootstrap-select.dropup .caret{
    border-top: 10px dashed #ffffff00!important;
    border-right: 10px solid transparent!important;
    border-left: 10px solid transparent!important;
    border-bottom: 10px solid #350964!important;
    top:25%;
}

.realtive{
    position:relative;
}

.mutbtn {
    background-color: #fff0;
    border: 0px;
    height: 40px;
    width: 40px;
    position: absolute;
    bottom:20px;
    left: 20px;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.5);
    outline: none;
}

.mutbtn i {
    color: #fff!important;
    font-size: 20px;
}

.indusrytext {
    position: relative;
    z-index: 1;
}

header.header.header-fixed {
    box-shadow: 0px 0px 3px #00000029;
}

.searchpage-section{
    padding: 50px 0px 0px 0px;
}

.searchpage-section .sear-details-list a{
    font-size: 16px;
    font-weight: 400;
    color: #510C76;
    transition: 0.2s all ease;
    padding: 0px;
    margin-left: -12px;
}

.divsearch{
    width: 100%;
    background: var(--white);
    border-radius: 0px;
    border-bottom: 1px solid #C7C7C7;
    padding: 25px 0px;
    transition: 0.2s all ease;
}

.divsearch h6{
    color: rgba(81, 12, 118, 1);
    font-weight: 400;
}

.divsearch h2{
    font-size:var(--headline);
    line-height:30px !important;
    margin:10px 0 10px;
    font-weight:600;
}

.divsearch a h2{
    font-size:var(--subheading);
    line-height:30px;
    font-weight:500;
    margin:0;
}

.divsearch a.newsbtn{
    color: var(--pcolor);
}

body.searchpage hr{
    display:none;
}

.dashboard-section{
    width:100%;
    background:var(--white);
}

.dashboard-in{
    width:100%;
    background:var(--white);
    box-shadow:0 15px 15px #00000033;
    padding:80px 90px;
    margin-bottom:100px;
}

.dashboard-profile{
    width:100%;
    background: #e4efcf;
    border-radius:2px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    padding:23px 40px;
}

.dashboard-profile h4{
    margin:0;
    font-size:var(--breadcrumbfont);
    line-height:30px;
    font-weight:400;
    color:var(--black);
}

.dashboard-profiledetails{
    width:50%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
}

.profiledashpic{
    width:54px;
    height:54px;
    text-align:center;
}

.profiledashname{
    margin:0 0 0 30px;
}

.dashboard-profileid{
    width:50%;
    text-align: right;
}

.dashboard-profile1{
    width:100%;
    padding:105px 55px 30px;
}

.dashboard-table{
    width:100%;
    margin:0 0 55px;
}

.dashboard-table:last-child{
    margin:0;
}

.dashboard-table table{
    width:100%;
    border-collapse: collapse;
    border:2px solid var(--black);
}

.dashboard-table.table1 table tr td:first-child,
.dashboard-table.table1 table tr th:first-child{
    width:10%;
}

.dashboard-table.table1 table tr td:nth-of-type(3),
.dashboard-table.table1 table tr th:nth-of-type(3),
.dashboard-table.table1 table tr td:nth-of-type(4),
.dashboard-table.table1 table tr th:nth-of-type(4){
    width:15%;
}

.dashboard-table.table1 table tr td:nth-of-type(2),
.dashboard-table.table1 table tr th:nth-of-type(2),
.dashboard-table.table1 table tr td:nth-of-type(5),
.dashboard-table.table1 table tr th:nth-of-type(5),
.dashboard-table.table1 table tr td:nth-of-type(6),
.dashboard-table.table1 table tr th:nth-of-type(6){
    width:20%;
}
.dashboard-table.table2 table tr td:first-child,
.dashboard-table.table2 table tr th:first-child{
    width:10%;
}

.dashboard-table.table2 table tr td:nth-of-type(3),
.dashboard-table.table2 table tr th:nth-of-type(3){
    width:15%;
}

.dashboard-table.table2 table tr td:nth-of-type(2),
.dashboard-table.table2 table tr th:nth-of-type(2){
    width:35%;
}

.dashboard-table.table2 table tr td:nth-of-type(4),
.dashboard-table.table2 table tr th:nth-of-type(4),
.dashboard-table.table2 table tr td:nth-of-type(5),
.dashboard-table.table2 table tr th:nth-of-type(5){
    width:20%;
}

.dashboard-table table thead{
    background:#e5e5e5;
}

.dashboard-table table thead tr th{
    font-size:var(--breadcrumbfont);
    font-size: 21px;
    color: #510c76;
     color: #510c76;
     line-height:30px;
     padding:15px 30px;
     text-align:center;
    border:2px solid var(--black);
}

.dashboard-table table tbody tr td{
    font-size:var(--breadcrumbfont);
    font-size: 21px;
     color: #000;
     line-height:37px;
     padding:15px 30px;
     text-align:center;
    border:2px solid var(--black);
    background:var(--white);
}

.dashboard-profile2{
    width:100%;
    padding:20px 25px 30px;
}

.dashboard-profile2 h4{
    font-size:18px;
    line-height:21px;
    color:#666666;
    margin:0 0 5px;
    font-weight:400;
}

.dashboard-table.dashtables:not(:last-child){
    margin:0 0 25px;
}

.dashboard-table.dashtables table{
    border:1px solid var(--black);
}

.dashboard-table.dashtables table thead tr th{
    padding:10px 5px;
    text-align:center;
    vertical-align:top;
    font-size:14px;
    line-height:25px;
     width:9.5%;
    border:1px solid var(--black);
    border-bottom:2px solid var(--black);
}

.dashboard-table.dashtables table tbody tr td{
    padding:10px 5px;
    text-align:center;
    vertical-align:top;
    font-size:14px;
    line-height:25px;
     width:9.5%;
    border:1px solid var(--black);
}

.dashboard-table.dashtables table thead tr th:first-child,
.dashboard-table.dashtables table tbody tr td:first-child{
    width:5%;
    text-align:center;
}

.dashboard-table.dashtables table tbody tr td .dropdown.bootstrap-select.selctpic {
    width: 100%;
    margin: 0;
    padding: 0;
}

.dashboard-table.dashtables table tbody tr td .bootstrap-select>.dropdown-toggle {
    width: 100%;
    margin: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    height: auto;
    font-size:14px;
    line-height: 25px;
    padding: 0;
    background: var(--white);
    padding: 6px 15px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    text-shadow: none;
    color: var(--color-gray4);
}

.dashboard-table.dashtables table tbody tr td .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-align: center;
    color: #C7C7C7;
}

.dashboard-table.dashtables table tbody tr td .bootstrap-select .dropdown-toggle .caret {
    top: 50%;
    border-top: 5px dashed #350964;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.dashboard-table.dashtables table tbody tr td .dropdown-menu>.active>a, 
.dashboard-table.dashtables table tbody tr td .dropdown-menu>.active>a:focus, 
.dashboard-table.dashtables table tbody tr td .dropdown-menu>.active>a:hover {
    background: var(--pcolor);
    color: var(--white);
}

.dashboard-table.dashtables table tbody tr td .bootstrap-select .dropdown-menu li.disabled a {
    background: var(--black);
    color: var(--white);
}


.dashboard-profile3{
    padding:30px 0;
}

.dashboard-profile3 h4{
    font-size:var(--filtertext);
    text-align:center;
    color:var(--pcolor);
    line-height:43px;
    margin:0 0 30px;
    font-weight:400;
}

.dashboardform{
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
}

.dashboardflex{
    width:47%;
}

.dashboardflex .form-group{
    width:100%;
    margin:0 0 14px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
}

.dashboardflex .form-group label{
    width:37%;
    font-size:14px;
    line-height:20px;
    color:#666666;
    font-weight:400;
}

.dashboardflex .form-group label span{
    font-size:10px;
}

.dashboardflex .form-group .form-control{
    width:63%;
    font-size:14px;
    line-height:20px;
    padding:4px 10px;
    height:auto;
    border: 1px solid #AEAEAE;
    border-radius:4px;
    color:#350964;
    outline:none;
    box-shadow:none;
}

.checkboxdiv{
    width:63%;
    margin:0 0 20px auto;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
}

.checkboxsub{
    width:auto;
    margin:0 35px 0 0;
    display:inline-block;
}

.checkboxsub:nth-child(2) {
    width: 40%;
}

.checkboxsub:nth-child(3) {
    margin:0 15px 0 0;
}

.dashboardflex .checkboxsub input{
    display:none;
}

.dashboardflex .checkboxsub label{
    width:100%;
    position:relative;
    padding:0 0 0 15px;
    font-size:10px;
    line-height:18px;
    color:#666666;
    font-weight:400;
    cursor: pointer;
}

.dashboardflex .checkboxsub label:before{
    content:'';
    width:10px;
    height:10px;
    border-radius:2px;
    border:1px solid #AEAEAE;
    position:absolute;
    top:3px;
    left:0;
}

.dashboardflex .checkboxsub label:after{
    content:'';
    width: 7px;
    height: 4px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: 5px;
    left: 2px;
    transform: rotate(
-45deg);
}


.dashboardflex .checkboxsub input[type="checkbox"]:checked ~ label:before{
    background:var(--pcolor);
    border-color:var(--pcolor);
}

.dashboardflex p{
    font-size:14px;
    color:var(--pcolor);
    line-height:23px;
    margin:0 0 10px;
}

.radiobox{
    width:63%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
}

.radiosub{
    margin:0 0 10px;
    width:50%;
}

.radiosub:last-child{
    margin-bottom:0;
}

.radiosub input{
    display:none;
}

.dashboardflex .radiosub label{
    font-size:10px;
    line-height:16px;
    position:relative;
    padding:0 0 0 15px;
    color:#666666;
    width:auto;
}

.dashboardflex .radiosub label:after{
    content:'';
    width:8px;
    height:8px;
    border-radius:100%;
    position:absolute;
    top:3px;
    left:0;
    border:1px solid #AEAEAE;
}

.dashboardflex .radiosub label:before{
    content:'';
    width:4px;
    height:4px;
    border-radius:100%;
    position:absolute;
        top: 5px;
    left: 2px;
    background:var(--pcolor);
    display:none;
}

.dashboardflex .radiosub input[type="radio"]:checked ~ label:after{
    border-color:var(--pcolor);
}

.dashboardflex .radiosub input[type="radio"]:checked ~ label:before{
    display: block;
}

.sgrp{
    margin:0 0 0;
}

body:not(.dashboardpages) .myacdrop{
    display: none;
}

body.dashboardpages .getdemobtn{
    display:none;
}

body.dashboardpages .mainmenu .menuoutbox > ul li:last-child{
    display:none;
}

.myacdrop {
    width: 150px;
    position:relative;
}

.myacdrop h4{
    font-size:18px;
    line-height:29px;
    background:#80828563;
    position:relative;
    color:var(--pcolor);
    padding:5px 10px 5px 12px;
    margin:0;
}
.myacdrop h4:after{
    content:'';
    width:10px;
    height:10px;
    border-bottom:1px solid #808285;
    border-left:1px solid #808285;
    transform:rotate(-45deg);
    position:absolute;
    right: 10px;
    top: 39%;
}

.myacdropdoown{
    width:100%;
    top:100%;
    background:var(--white);
    position:absolute;
    left:0;
    display:none;
    opacity:0;
    transition:0.4s all;
}

.myacdropdoown a{
    font-size:15px;
    line-height:20px;
    display:block;
    text-decoration:none;
    text-align:center;
    padding:10px 10px;
    color: #808285;
}

.myacdropdoown a:hover,
.myacdropdoown a:focus{
    color:var(--pcolor);
}

.myacdrop:hover .myacdropdoown{
    display:block;
    opacity:1;
    transition:0.4s all;
}
input[type="email"] {
    text-transform: lowercase;
}

.mobileheader{
	display:none;
}

/* Infographic Page */

body.infographicbody .infographics-page, body.infographicbody .breadcrumb-section{
    background: #474646;
    display: inline-block;
    width: 100%;
}

body.infographicbody .breadcrumb-section a{
    color: #fff;
}

body.infographicbody ul.breadcrumb-in li:last-child a{
    color: #fff !important;
}

.infobanner-section{
    position: relative;
}

.infobanner-txt{
    position: absolute;
    top: 50%;
    left: 29%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.infobanner-txt h1{
    font-size: var(--industryheading);
    line-height: 70px;
    font-weight: 600;
    color: #350964;
    margin: auto;
}

/*.infobanner-section:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/partner/banner/leftbig-gram.png);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}*/

.infographics-page h2.title{
    margin-bottom: 60px;
    color: #fff;
}

.infographics-page h4{
    color: #fff;
}

.infoc-block1, .infoc-block3{
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.infoc-block1 .infoc-rit h5{
    margin-bottom: 15px;
    color: #fff;
}

.infoc-block1 .infoc-lft:after{
    content: '';
    display: inline-block;
    background: url(../images/infographics/icons/dotted-arrow1.png) no-repeat;
    width: 78px;
    height: 34px;
    position: absolute;
    right: -79px;
    background-size: cover;
    top: 80px;
}

.infoc-block1 .infoc-rit .ovr-txt.bottom:after{
    content: '';
    display: inline-block;
    background: url(../images/infographics/icons/dotted-arrow2.png) no-repeat;
    width: 28px;
    height: 68px;
    position: absolute;
    background-size: cover;
    bottom: -69px;
    margin: auto;
    left: 0;
    right: 0;
}

.infoc-block2:before{
    content: '';
    display: inline-block;
    background: url(../images/infographics/icons/dotted-arrow3.png) no-repeat;
    width: 98px;
    height: 124px;
    position: absolute;
    left: -99px;
    background-size: cover;
    top: 80px;
}

.infoc-block3 .infoc-lft:before{
    content: '';
    display: inline-block;
    background: url(../images/infographics/icons/dotted-arrow5.png) no-repeat;
    width: 434px;
    height: 2.88px;
    position: absolute;
    right: -70px;
    top: -52px;
    background-position: top right;
}

.infoc-block3{
    margin-top: 30px;
}

.infoc-block3 .infoc-lft:after{
    content: '';
    display: inline-block;
    background: url(../images/infographics/icons/dotted-arrow6.png) no-repeat;
    height: 638px;
    width: 3px;
    position: absolute;
    right: -70px;
    top: -52px;
    background-position: top right;
}

.auto-download{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.auto-download:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.infoc-block4:before{
    content: "";
    width: 100%;
    height: 2.88px;
    display: inline-block;
    background: url(../images/infographics/icons/dotted-arrow5.png);
    background-size: cover;
    position: absolute;
    top: -39px;
}

.infoc-block3 .infoc-rit:before{
    content: '';
    display: inline-block;
    background: url(../images/infographics/icons/dotted-arrow7.png) no-repeat;
    height: 9px;
    width: 57px;
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-position: top right;
}

.bord-box{
    border: 1px solid #9f9f9f;
    padding: 20px;
    position: relative;
}

.bord-box ul{
    list-style: none;
}

.bord-box ul li{
    font-size: 24px;
    font-weight: 300;
    line-height: 44px;
    color: #fff;
}

.bord-box ul li span{
    font-weight: 600;
    color: #c9bea3;
}

.ovr-txt{
    background: #42b029;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    top: -23px;
    font-size: 20px;
}

.ovr-txt.bottom{
    bottom: -23px;
    top: auto;
}

.infoc-block1 .infoc-lft{
    width: 63%;
}

.infoc-block1 .infoc-rit{
    width: 30%;
    position: relative;
}

.icn-txt{
    display: inline-block;
    margin: 20px 0px;
}

.icn-txt img{
    width: 60px;
}

.icn-txt-info{
    display: inline-block;
    margin-left: 20px;
}

.icn-txt-info h4, .icn-txt-info p{
    margin: auto;
    color: #fff;
}

.infoc-block2{
    width: 80%;
    margin: auto;
    margin-bottom: 70px;
}

.infoc-block2 .ovr-txt{
    background: #2e75b5;
}

.infoc-block2 h3{
    margin: 30px 30px 20px 30px;
    color: #fff;
}

.infoc-block2 h3 span{
    color: #c9bea3;
}

.infoc-block3 .infoc-lft{
    border: 0px;
    width: 60%;
    padding-left: 86px;
    padding-top: 0;
}

.infoc-block3 .infoc-lft li{
    border: 1px solid #9f9f9f;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.infoc-block3 .infoc-lft li:last-child{
    margin-bottom: 0;
}

.infoc-block3 .infoc-lft li img{
    display: inline-block;
    width: 150px;
    position: relative;
    margin-left: -96px;
}

.infoc-block3 .infoc-lft li p{
    display: inline-block;
    margin-left: 20px;
    font-size: 20px;
    color: #fff;
}

.infoc-block3 .infoc-rit{
    width: 30%;
    height: 430px;
    text-align: center;
}

.infoc-block3 .infoc-rit img{
    margin-top: 30px;
}

.data-txt img{
    margin-top: 10px !important;
    margin-bottom: 12px;
}

.infoc-block3 .infoc-rit h4{
    color: #c9bea3;
    font-weight: 500;
    margin: auto;
}

.infoc-block3 .infoc-rit p{
    color: #fff;
}

.infoc-block3 .infoc-rit hr{
    border-style: dashed;
    border-color: #c9bea3;
}

.infoc-block4{
    width: 100%;
    display: flex;
    position: relative;
}

.infoc-block4 ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.infoc-block4 ul li{
    border: 4px solid #f5f4f5;
    width: 23%;
    position: relative;
}

.infoc-block4 ul li:hover{
    transition: all 0.5s ease-out;
    transform: scale(1.07);
    border: 4px solid #fff;
    cursor: pointer;
}

.infoc-block4 ul li:hover:after{
    background: #510c76db;
    transition: all 0.5s ease-out;
}

.infoc-block4 ul li:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    background: #00000094;
    left: 0;
    top: 0;
}

.infoc-block4 ul li img:first-child{
    width: 100%;
}

.infoc-block4 ul li .feature-txt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 20px;
    z-index: 1;
}

.infoc-block4 ul li .feature-txt a{
    color: #fff;
    text-decoration: underline !important;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 0;
    opacity: 0;
}

.infoc-block4 ul li:hover .feature-txt a{
    transition: all 0.5s ease-out;
    width: auto;
    opacity: 1;
}

.infoc-block4 ul li .feature-txt h4{
    color: #fff;
    height: 70px;
}

.infoc-block4 ul li .feature-txt p{
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

.infoc-block4 ul li .feature-txt img{
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.infoc-bottom{
    background: #7e704b;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border: 15px solid #474646;
    outline: white solid 1px;
    position: relative;
    margin: 60px 0px;
}

.infoc-bottom h2{
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 0;
}

.infoc-bottom img{
    position: relative;
    margin-top: -154px;
}

.copyright-area{
    margin: 30px 0px;
}

.copyright-area img{
    width: 190px;
}

.infoc-bottom p{
    font-size: 22px;
    margin-left: 0;
}

.infoc-bottom p a{
    font-size: 22px;
    font-weight: 700;
}

/*.infoc-bottom:before{
    content: url(../images/infographics/icons/quote-icon.png);
    display: inline-block;
    position: absolute;
    top: -80px;
    left: -22px;
}*/

.popupform input, .popupform select{
    width: 100%;
    height: auto;
    border: 1px solid #AEAEAE;
    border-radius: 6px;
    font-size: 13px;
    line-height: 24px;
    color: var(--color-gray4);
    box-shadow: none;
    padding: 12px 15px;
}

.popupform .btnbox{
    width: 100%;
}

.popupform .btnbox p.redtext{
    text-align: center !important;
}

.popupform .btnbox button{
    background: var(--pcolor) !important;
}

.popupform .modal-header, .popupform .modal-footer{
    border: 0px !important;
}

.popupform{
    z-index: 99999;
}

.custmbtn-train {
    text-align: center;
    color: var(--white);
    box-shadow: none;
    outline: none;
    background: var(--pcolor);
    font-size: var(--bigpara);
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid var(--pcolor);
    line-height: 30px;
    padding: 9px 10px;
    margin-top: 30px;
}

.custmbtn-train:focus{
    border: 1px solid var(--pcolor);
    background: var(--pcolor);
    outline: none;
}

/*Blog Page CSS */
.imageindustry-grid{
        width: 100%;
    }
    .lazyboxx:after{
        content: "";
        width: 0%;
        height: 100%;
        position: absolute;
        background: #000000a6;
        top: 0;
        left: 0;
        transition: all 0.5s ease-out;
    }
    .lazyboxx.innr-ovrlyshow:after{
        width: 100%;
        transition: all 0.5s ease-out;
    }
    .showimg{
        opacity: 1 !important;
        display: block !important;
        transition: all 0.5s ease-out;
    }
    .hideimg{
        opacity: 0 !important;
        display: none !important;
        transition: all 0.5s ease-out;
    }
    .innr-ovrlyhide .lazyboxx h3{
        opacity: 0;
        background: transparent !important;
    }
    .innr-ovrlyshow{
        background: transparent !important;
    }
    .innr-ovrlyshow h3{
        opacity: 1 !important;
    }
    .bk-image0, .bk-image1, .bk-image2, .bk-image3, .bk-image4, .bk-image5, .bk-image6, .bk-image7 {
        width: 100%;
        height: 600px;
        transition: all 0.5s ease-out;
        opacity: 0;
        object-fit: cover;
    }
    .c48-In-container0, .c48-In-container1, .c48-In-container2, .c48-In-container3, .c48-In-container4, .c48-In-container5, .c48-In-container6, .c48-In-container7 {
        border-color: #fff !important;
    }

    .c48-In-container0 {
        position: absolute;
        width: 33.33%;
        height: 50%;
        border-right: 9px solid;
        border-bottom: 9px solid;
        top: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .c48-In-container1{
        position: absolute;
        width: 33.33%;
        height: 50%;
        border-right: 9px solid;
        border-bottom: 9px solid;
        top: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .c48-In-container1 {
        left: 33.33%;
    }
    .c48-In-container2 {
        position: absolute;
        width: 33.4%;
        height: 50%;
        border-bottom: 9px solid;
        top: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .c48-In-container2 {
        left: 66.66%;
    }
    .c48-In-container3 {
        position: absolute;
        width: 33.33%;
        height: 50%;
        top: 50%;
        border-right: 9px solid;
        overflow: hidden;
          display: flex;
        justify-content: center;
        align-items: center;
    }
    .c48-In-container3 {
        left: 0%;
    }
    .c48-In-container4 {
        position: absolute;
        width: 33.33%;
        height: 50%;
        top: 50%;
        border-right: 9px solid;
        overflow: hidden;
          display: flex;
        justify-content: center;
        align-items: center;
    }
    .c48-In-container4 {
        left: 33.33%;
    }
    .c48-In-container5 {
        position: absolute;
        width: 33.33%;
        height: 50%;
        top: 50%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .c48-In-container5 {
        left: 66.66%;
    }
    .c48-out-container {
        position: relative;
        width: 100%;
        margin-top: 30px;
    }
    /* Education */

    .industries\/education .c48-In-container0 h3{
        background: url(../images/industry/video-conferencing-1701496452-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/education .c48-In-container1 h3{
        background: url(../images/industry/interactive-digital-1701496436-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/education .c48-In-container2 h3{
        background: url(../images/industry/wireless-campus-1701496422-1_crop.webp) no-repeat;
        background-size: cover;
    } 
    .industries\/education .c48-In-container3 h3{
        background: url(../images/industry/multiple-simultaneous-1701496414-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/education .c48-In-container4 h3{
        background: url(../images/industry/secure-network-1701496403-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/education .c48-In-container5 h3{
        background: url(../images/industry/hybrid-learning-1701496393-1_crop.webp) no-repeat;
        background-size: cover;
    }

    /* TSP */

    .industries\/tsp-isp .c48-In-container0 h3{
        background: url(../images/industry/incredible-1701493949-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/tsp-isp .c48-In-container1 h3{
        background: url(../images/industry/robust-1701493929-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/tsp-isp .c48-In-container2 h3{
        background: url(../images/industry/scalable-1701493908-1_crop.webp) no-repeat;
        background-size: cover;
    } 
    .industries\/tsp-isp .c48-In-container3 h3{
        background: url(../images/industry/reduced-1701493872-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/tsp-isp .c48-In-container4 h3{
        background: url(../images/industry/seamless-1701493846-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/tsp-isp .c48-In-container5 h3{
        background: url(../images/industry/network-1701493789-1_crop.webp) no-repeat;
        background-size: cover;
    }


    /* Hospitality */
    .industries\/hospitality .c48-In-container0 h3{
        background: url(../images/industry/smooth-1701495772-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/hospitality .c48-In-container1 h3{
        background: url(../images/industry/guest-1701495755-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/hospitality .c48-In-container2 h3{
        background: url(../images/industry/captive-1701495738-1_crop.webp) no-repeat;
        background-size: cover;
    } 
    .industries\/hospitality .c48-In-container3 h3{
        background: url(../images/industry/digital-1701495717-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/hospitality .c48-In-container4 h3{
        background: url(../images/industry/1network-1701495686-1_crop.webp) no-repeat;
        background-size: cover;
    }
    .industries\/hospitality .c48-In-container5 h3{
        background: url(../images/industry/network1-1701495607-1_crop.webp) no-repeat;
        background-size: cover;
    }

    /* Smart Home */

    .industries\/smart-home .c48-In-container0 h3{
        background: url(../images/industry/thumblazy/smarthome-1.png) no-repeat;
        background-size: cover;
    }
    .industries\/smart-home .c48-In-container1 h3{
        background: url(../images/industry/thumblazy/smarthome-2.png) no-repeat;
        background-size: cover;
    }
    .industries\/smart-home .c48-In-container2 h3{
        background: url(../images/industry/thumblazy/smarthome-3.png) no-repeat;
        background-size: cover;
    } 
    .industries\/smart-home .c48-In-container3 h3{
        background: url(../images/industry/thumblazy/smarthome-4.png) no-repeat;
        background-size: cover;
    }
    .industries\/smart-home .c48-In-container4 h3{
        background: url(../images/industry/thumblazy/smarthome-5.png) no-repeat;
        background-size: cover;
    }
    .industries\/smart-home .c48-In-container5 h3{
        background: url(../images/industry/thumblazy/smarthome-6.png) no-repeat;
        background-size: cover;
    }

    .c48FrontLbl {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #fff;
        margin: auto;
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        z-index: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 0px 120px;
        }
    .c48FrontLbl:after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #3509648a;
        transition: all 0.5s ease-out;
        z-index: -1;
    }
    .bloglistout{
        width: 67%;
    }
    #myCarousel .carousel-inner .item .sec-lft{
       width: 30%;
       float: left;
       vertical-align: top;
       height: 768px;
       background: url(../images/blogsthumb/leftbig.png) center left no-repeat #d2d3d5;
       background-size: contain;
       display: flex;
       flex-direction: column;
       justify-content: center;
       padding: 0px 70px;
    }
    #myCarousel .carousel-inner .item .sec-lft h1, #myCarousel .carousel-inner .item .sec-lft h2{
        color: #000;
        font-size: var(--bannertext);
        font-weight: 500;
    }
    #myCarousel .carousel-inner .item .sec-lft a{
        background: #350964;
       width: 180px;
       text-align: center;
       color: #fff;
       font-weight: 500;
       line-height: 50px;
       border-radius: 30px;
       font-size: 18px;
    }
    #myCarousel .carousel-inner .item .sec-rit{
        width: 70%;
       float: right;
       vertical-align: top; 
       height: 768px;
    }
    #myCarousel .carousel-inner .item .sec-rit img{
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: fill;
    }
    .blogdesc p.dated{
        color: #9b9b9b;
        font-weight: 500;
        font-size: 13px;
        display: inline-block;
    }
    .subfeature-menu{
        margin-bottom: 40px;
        margin-top: 10px;
       background: #858585;
    }
    .subfeature-menu ul{
        list-style: none;
       display: flex;
       justify-content: space-between;
       text-align: center;
    }

    .subfeature-menu ul li{
        width: 33.33%;
        border-right: 1px solid #dbdbdb;
    }
    .subfeature-menu ul li:last-child{
        border-right: 0;
    }
    .subfeature-menu ul li a{
        width: 100%;
        color: #fff;
      font-weight: 400;
       padding: 25px 20px;
       transition: all 0.9s ease-out;
    }
    .subfeature-menu ul li a.active{
        background: #350964;
       font-weight: 600;
    }
    .below-blog-sec{
        background: #350964;
       margin-left: -18px;
       margin-right: -18px;
       margin-top: 20px;
       padding: 10px 18px;
       display: flex;
       justify-content: space-between;
       position: relative;
    }
    .top-blog-sec{
        background: #350964;
        padding: 10px 18px;
       display: flex;
       justify-content: space-between;
       position: relative;
    }
    .top-blog-sec p{
        color: #fff;
        margin-bottom: 0;
        font-size: 14px;
    }
    .top-blog-sec a img, .top-blog-sec a{
        width: 20px;
        height: 20px;
    }
    .below-blog-sec .social-below ul{
        list-style: none;
      display: flex;
      grid-column-gap: 10px;
    }
    .below-blog-sec .social-below ul li a img, .below-blog-sec .social-below ul li a{
        width: 20px;
        height: 20px;
    }
    .below-blog-sec .card-tags-dropdown a{
        color: #fff;
        font-size: 14px;
    }
    .below-blog-sec .card-tags-dropdown ul{
        list-style: none;
       display: flex;
       position: absolute;
       left: 0;
       width: 100%;
       background: #350964;
       bottom: 0;
       justify-content: space-between;
       padding: 18px 18px 0px 18px;
       display: none;
       transition: all 0.5s cubic-bezier(0.09, 0.76, 0.52, 1);
    }
    .below-blog-sec .card-tags-dropdown ul img.arrooow{
        width: 19px;
       position: absolute;
       right: 12px;
    }
    .below-blog-sec .card-tags-dropdown ul li img{
        position: relative;
       top: -4px;
       margin-right: 10px;
    }
    .tags-main.showit{
        display: flex;
    }
    .below-blog-sec .card-tags-dropdown ul li a{
        color: #fff;
    }
    .blogerlists.product-blog .blog-boxed, .blogerlists.tech-blog .blog-boxed, .blogerlists.learning-blog .blog-boxed, .blogerlists.solution-blog .blog-boxed{
        display: none;
    }
    .blogerlists.product-blog .\34 30, .blogerlists.product-blog .\33 32, .blogerlists.product-blog .\33 05, .blogerlists.product-blog .\31 68, .blogerlists.product-blog .\31 06{
        display: block;
        visibility: visible !important;
    }
    .blogerlists.tech-blog .\34 17, .blogerlists.tech-blog .\33 26, .blogerlists.tech-blog .\32 93, .blogerlists.tech-blog .\32 00, .blogerlists.tech-blog .\31 02, .blogerlists.tech-blog .\35 0, .blogerlists.tech-blog .\32 2{
        display: block;
        visibility: visible !important;
    }
    .blogerlists.learning-blog .\33 96, .blogerlists.learning-blog .\32 33, .blogerlists.learning-blog .\32 22, .blogerlists.learning-blog .\31 59, .blogerlists.learning-blog .\32 0{
        display: block;
        visibility: visible !important;
    }
    .blogerlists.solution-blog .\33 75, .blogerlists.solution-blog .\31 00, .blogerlists.solution-blog .\39 8{
        display: block;
        visibility: visible !important;
    }
    /*.blogerlists.product-blog .\31 68, .blogerlists.product-blog .\31 59, .blogerlists.product-blog .\31 00, .blogerlists.tech-blog .\31 06, .blogerlists.tech-blog .\31 02, .blogerlists.tech-blog .\32 0, .blogerlists.tech-blog .\32 2, .blogerlists.tech-blog .\31, .blogerlists.learning-blog .\39 8, .blogerlists.learning-blog .\35 0, .blogerlists.learning-blog .\39 6, .blogerlists.learning-blog .\35 9{
        display: block;
        visibility: visible !important;
    }*/
    .blogerlists .blogbox .tags-main li{
        margin-bottom: 15px;
    }
    .below-blog-sec .card-tags-dropdown ul{
        text-align: left;
    }
    .below-blog-sec .tagshoow img{
        display: inline-block;
       width: 14px;
       margin-top: 4px;
       margin-left: 3px;
    }
    .carousel-control{
        width: 5% !important;
    }
    .blogwidgetsbox.fst{
        border: 0px !important;
    }
    .blogwidgethead{
        border: 2px solid #EDEDEE;
    }
    .blogwidgetsbox.fst ul{
        list-style: none;
        padding: 0px;
    }
    .blogwidgetsbox.fst ul li{
        border: 6px solid #fff;
        box-shadow: 0px 0px 2px #c5c5c5;
        position: relative;
        text-align: center;
        margin-top: 20px;
    }
    .blogwidgetsbox.fst ul li img{
        width: 100%;
        height: 270px;
        object-fit: cover;
    }
    .blogwidgetsbox.fst ul li .olv-txt{
        margin: auto;
       position: absolute;
       bottom: 20px;
       z-index: 10;
    }
    .blogwidgetsbox.fst ul li:after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #3509648a;
        transition: all 0.5s ease-out;
    }
    .blogwidgetsbox.fst ul li:hover:after{
        background: transparent;
    }
    .blogwidgetsbox.fst ul li h4, .blogwidgetsbox.fst ul li h3{
        padding: 0px 20px;
       color: #fff;
       font-weight: 500;
       font-size: 20px;
       text-shadow: 2px 2px 2px #383838;
    }
    .blogwidgetsbox.fst ul li a{
         margin: 0px;
        background: #fff;
        border-radius: 30px;
        padding: 4px 15px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }
    .blogerlists .blogbox .overly-tags li{
        display: none;
    }
    .blogerlists .overly-tags li:first-child a:before, .blogerlists .blogbox.\33 05 .overly-tags li:nth-child(4) a:before, .blogerlists .blogbox.\32 93 .overly-tags li:nth-child(4) a:before, 
    .blogerlists .blogbox.\32 48 .overly-tags li:nth-child(4) a:before, .blogerlists .blogbox.\32 33 .overly-tags li:nth-child(13) a:before, .blogerlists .blogbox.\32 22 .overly-tags li:nth-child(13) a:before, 
    .blogerlists .blogbox.\32 00 .overly-tags li:nth-child(5) a:before, .blogerlists .blogbox.\31 06 .overly-tags li:nth-child(5) a:before, .blogerlists .blogbox.\39 6 .overly-tags li:nth-child(3) a:before, 
    .blogerlists .blogbox.\34 30 .overly-tags li:nth-child(5) a:before{
        display: none;
    }
    .blogerlists .blogbox.\34 30 .overly-tags li:nth-child(5), .blogerlists .blogbox.\34 30 .overly-tags li:nth-child(11), .blogerlists .blogbox.\34 30 .overly-tags li:nth-child(13){
        display: inline-block;
    }
    .blogerlists .blogbox.\34 17 .overly-tags li:first-child, .blogerlists .blogbox.\34 17 .overly-tags li:nth-child(4){
        display: inline-block;
    }
    .blogerlists .blogbox.\33 96 .overly-tags li:first-child, .blogerlists .blogbox.\33 96 .overly-tags li:nth-child(10){
        display: inline-block;
    }
    .blogerlists .blogbox.\33 75 .overly-tags li:first-child, .blogerlists .blogbox.\33 26 .overly-tags li:first-child, .blogerlists .blogbox.\33 32 .overly-tags li:first-child{
        display: inline-block;
    }
    .blogerlists .blogbox.\32 00 .overly-tags li:nth-child(5), .blogerlists .blogbox.\32 00 .overly-tags li:nth-child(8), .blogerlists .blogbox.\32 00 .overly-tags li:nth-child(11){
        display: inline-block;
    }
    .blogerlists .blogbox.\31 68 .overly-tags li:first-child, .blogerlists .blogbox.\31 68 .overly-tags li:nth-child(3), .blogerlists .blogbox.\31 68 .overly-tags li:nth-child(9){
        display: inline-block;
    }
    .blogerlists .blogbox.\31 59 .overly-tags li:first-child, .blogerlists .blogbox.\31 59 .overly-tags li:nth-child(5), .blogerlists .blogbox.\31 59 .overly-tags li:nth-child(7), .blogerlists .blogbox.\31 59 .overly-tags li:nth-child(9){
        display: inline-block;
    }
    .blogerlists .blogbox.\31 00 .overly-tags li:first-child, .blogerlists .blogbox.\31 00 .overly-tags li:nth-child(3), .blogerlists .blogbox.\31 00 .overly-tags li:nth-child(8){
        display: inline-block;
    }
    .blogerlists .blogbox.\31 68 .overly-tags li:nth-child(3), .blogerlists .blogbox.\31 06 .overly-tags li:nth-child(5), .blogerlists .blogbox.\31 06 .overly-tags li:nth-child(6), .blogerlists .blogbox.\31 06 .overly-tags li:nth-child(8){
        display: inline-block;
    }
    .blogerlists .blogbox.\32 52 .overly-tags li:first-child{
        display: inline-block;
    }
    .blogerlists .blogbox.\33 05 .overly-tags li:nth-child(4){
        display: inline-block;
    }
    .blogerlists .blogbox.\32 93 .overly-tags li:nth-child(4){
        display: inline-block;
    }
    .blogerlists .blogbox.\32 48 .overly-tags li:nth-child(4){
        display: inline-block;
    }
    .blogerlists .blogbox.\31 02 .overly-tags li:first-child, .blogerlists .blogbox.\31 02 .overly-tags li:nth-child(5), .blogerlists .blogbox.\31 02 .overly-tags li:nth-child(11){
        display: inline-block;
    }
    .blogerlists .blogbox.\32 0 .overly-tags li:first-child, .blogerlists .blogbox.\32 0 .overly-tags li:nth-child(3), .blogerlists .blogbox.\32 0 .overly-tags li:nth-child(5), .blogerlists .blogbox.\32 0 .overly-tags li:nth-child(6){
        display: inline-block;
    }
    .blogerlists .blogbox.\32 2 .overly-tags li:first-child, .blogerlists .blogbox.\32 2 .overly-tags li:nth-child(4), .blogerlists .blogbox.\32 2 .overly-tags li:nth-child(5){
        display: inline-block;
    }
    .blogerlists .blogbox.\31 .overly-tags li:first-child, .blogerlists .blogbox.\31 .overly-tags li:nth-child(4), .blogerlists .blogbox.\31 .overly-tags li:nth-child(5){
        display: inline-block;
    }
    .blogerlists .blogbox.\39 8 .overly-tags li:first-child, .blogerlists .blogbox.\39 8 .overly-tags li:nth-child(2), .blogerlists .blogbox.\39 8 .overly-tags li:nth-child(7), .blogerlists .blogbox.\39 8 .overly-tags li:nth-child(10)
    {
        display: inline-block;
    }
    .blogerlists .blogbox.\35 0 .overly-tags li:first-child, .blogerlists .blogbox.\35 0 .overly-tags li:nth-child(3), .blogerlists .blogbox.\35 0 .overly-tags li:nth-child(12){
        display: inline-block;
    }
    .blogerlists .blogbox.\39 6 .overly-tags li:nth-child(3), .blogerlists .blogbox.\39 6 .overly-tags li:nth-child(7), .blogerlists .blogbox.\39 6 .overly-tags li:nth-child(10){
        display: inline-block;
    }
    .blogerlists .blogbox.\35 9 .overly-tags li:first-child, .blogerlists .blogbox.\35 9 .overly-tags li:nth-child(6), .blogerlists .blogbox.\35 9 .overly-tags li:nth-child(8){
        display: inline-block;
    }
    .blogerlists .blogbox.\32 33 .overly-tags li:nth-child(13), .blogerlists .blogbox.\32 33 .overly-tags li:last-child{
        display: inline-block;
    }
    .blogerlists .blogbox.\32 22 .overly-tags li:nth-child(13), .blogerlists .blogbox.\32 22 .overly-tags li:last-child{
        display: inline-block;
    }
    .blogwidgets{
        position: static;
    }
    .breadcrumb-section{
            padding: 15px 0px;
    }
    .breadcrumb-section .container{
        position: relative;
    }
    .serachblog{
        display: inline-block;
        width: auto;
        position: absolute;
       right: 0;
       top: 8px;
    }
    .serachblogform{
        margin-bottom: 0;
    }

/* Partner Portal New Design */

.mainbanner-section{
    position: relative;
    margin-bottom: 65px;
}

.mainbanner-section img, .infobanner-section img{
    width: 100%;
    object-fit: cover;
    object-position: top;
}

/*.mainbanner-section:after{
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/partner/banner/leftbig-gram.png);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
}*/

.mainbanner-txt{
    position: absolute;
    top: 50%;
    left: 25%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.mainbanner-txt h1{
    font-size: var(--industryheading);
    line-height: 70px;
    font-weight: 600;
    color: #350964;
    margin: auto;
}

.mainbanner-txt p{
    font-size: 27px;
    font-weight: 400;
    line-height: 1.5;
}

.mainbanner-txt a{
    width: auto;
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    box-shadow: none;
    outline: none;
    background: var(--pcolor);
    font-size: var(--bigpara);
    font-weight: 600;
    border-radius: 30px;
    border: 1px solid var(--pcolor);
    line-height: 30px;
    padding: 9px 60px;
}

.marketing-points{
    padding: 90px 0 80px;
    background: #c7c7c745;
}

.marketing-points img{
    margin-bottom: 40px;
    max-width: 140px;
}

.marketing-points h4{
    font-size: var(--subheading);
    line-height: 34px;
    font-weight: 500;
    color: var(--color-gray4);
}

.quickdata-in{
    width: 100%;
    padding: 74px 0 68px;
}

.mb-0{
    margin-bottom: 0;
}

.quickdata-in p{
    font-size: var(--menuheading);
    line-height: 38px;
    box-sizing: border-box;
    margin: 0px 0px 45px;
    color: var(--black);
    font-weight: 300;
}

.quickdata-in h3{
    text-align: center;
    line-height: 74px;
    color: var(--pcolor);
    margin: 0 0 30px;
    font-weight: 600;
    font-size: var(--pageheading);
}

.quickdata-in ul{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

.quickdata-in ul li{
    width: 32%;
    height: auto;
}

.quickdata-in ul li .quickdatatumb, .quickdata-in ul li .quickdatatumb img{
    width: 100%;
}

.quickdata-in ul li .quickdatatext{
    width: 100%;
    padding: 35px 10px 20px;
    text-align: center;
}

.quickdata-in ul li .quickdatatext h4{
    font-size: 28px;
    line-height: 46px;
    margin: 0 0 6px;
    text-align: center;
    color: var(--pcolor);
    font-weight: 600;
}

.quickdata-in ul li .quickdatatext p{
    text-align: center;
    font-size: var(--menuheading);
    line-height: 38px;
    margin: 0;
    color: var(--black);
}

.partnerbottom-sec{
    position: relative;
}

.partnerbottom-sec img{
    height: calc(100vh - 160px);
    width: 100%;
    object-fit: cover;
}

.partnerbottom-box{
    position: absolute;
    top: 50%;
    left: 27%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: #fff;
    border-radius: 10px;
    width: 660px;
    padding: 20px 30px 30px 30px;
}

.partnerbottom-box h3{
    font-size: var(--pageheading);
    line-height: 55px;
    font-weight: 600;
    color: var(--pcolor);
    max-width: 765px;
}

.partnerbottom-box ul{
    list-style: none;
}

.partnerbottom-box li{
    margin-top: 16px;
    font-size: var(--menuheading);
    line-height: 32px;
    font-weight: 400;
    color: var(--color-gray4);
}

/* Video Page CSS */

.product-videoss.showdiv{
      margin-top: 0 !important;
    }
    .showdiv{
      display: grid !important;
    }
    .hidediv{
      display: none !important;
    }
        .video-section{
            width: 100%;
            margin: 30px 0 75px 0;
        }
        .video-section h2{
            font-size: 30px;
        }
        .videolists{
      width: 100%;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 68px 1fr;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 68px;
      grid-row-gap: 35px;
    }

  .subfeature-menu{
    margin-bottom: 40px;
    margin-top: 10px;
  }
  .subfeature-menu ul{
    list-style: none;
     display: flex;
     justify-content: space-between;
     text-align: center;
     background: #b9bcc1;
  }

  .subfeature-menu ul li{
    width: 33.33%;
    border-right: 1px solid #dbdbdb;
  }
  .subfeature-menu ul li:last-child{
    border-right: 0;
  }
  .subfeature-menu ul li a{
    color: #fff;
    font-weight: 400;
    width: 100%;
    padding: 25px 20px;
  }
  .subfeature-menu ul li a.active{
    background: #350964;
    font-weight: 600;
  }

.videolists .videobox{
    background: var(--white);
    width: 100%;
    transition: 0.4s all;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #c1c1c1;
}

.videothumbimage, .videothumbimage img{
    width: 100%;
}

.videolists .videobox .videodesc{
    width: 100%;
    padding: 18px 18px 20px;
}

.videolists .videobox .videodesc h3{
    margin: 0 0 15px;
    line-height: 35px;
    font-weight: 400;
    font-size: 26px;
}

.videolists .videobox .videodesc p{
    font-size: var(--mainpara);
    line-height: 26px;
    font-weight: 400;
    color: var(--black);
    margin: 0;
}


#video-popup-container {
  display:none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: 18%;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 62%;
  padding-bottom: 56.25%;
  border: 0px solid transparent;
  border-radius: 2px;
  background-color: transparent;
  left: 0;
  right: 0;
  margin: auto;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 99%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

#video-popup-close:hover {
  color: #DE0023;
}

.product-videoss p{
  max-height: 52px !important;
  min-height: 52px !important;
}

#video-popup-iframe-container:after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 48px;
  height: 48px;
  right: 3px;
  bottom: 29px;
  background: #000;
  z-index: 99999;
  border-radius: 50px;
  cursor: not-allowed;
  opacity: 0;
}

.slick-prev:before, .slick-next:before{
    color: #350964 !important;
    font-size: 30px;
}
.slick-prev {
    left: -35px;
}
body.partnerspage .moveladder-section .ladderteble-wrap::before{
    content: "*Only for Indian Partners";
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 36px;
    color: #2B2B2B;
}
.videolists button.btn, .videolists a{
    padding: 5px 20px;
    color: var(--white);
    border-radius: 4px;
    background: var(--pcolor);
    font-weight: 400;
    border: 0px;
    margin-top: 20px;
    font-size: 14px;
}
.blogwidgetsbox .blogwidgebottom .blogsocial a:first-child{
    display: none;
}
#video-popup-close{
    opacity: 1;
}
.videodesc p{
    min-height: 104px;
}

/* CountDown Time */

.countdown-wrapper{
    background: url(../images/timer/signtimer.png) no-repeat #d4d5d7;
    padding: 10px 2%;
    background-size: 50%;
    background-position: center;
}

.wifiday-txt{
    width: 316px;
    margin-left: 20px;
}

.countdown-timer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.countdown-timer marquee{
    text-decoration: underline;
    color: #510c76;
    font-size: 18px;
    cursor: pointer;
}

.world-day{
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 20px;
    justify-content: center;
}

.countdown-timer h3{
    font-size: 40px;
    color: #350964;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-weight: 600;
}

.launch-time{
    display: flex;
    align-items: center;
}

.launch-time .timebox{
    width: 90px;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    color: #350964;
    padding: 10px 0px;
    font-weight: 600;
}

.launch-time .timebox p{
    font-size: 40px;
    margin: 0;
    line-height: revert;
    font-weight: 600;
}

.arrowset{
    background: #fff;
    font-size: 0;
    width: 15px;
    height: 6px;
    border-radius: 30px;
    margin: 0px 5px;
}

/* custm-overviewfix */

@media (min-width: 600px){
/*.custm-overviewfix .pd-overview-wrapper .pd-overview-heading{
    top: 77px;
}*/
}

.custm-overviewfix{
    position: relative;
}

.custm-overviewfix:before{
    content: "";
    position: absolute;
    top: -14%;
    left: 0;
    z-index: 1;
    opacity: 0.4;
    background: url(https://io.hfcl.com/images/leftbig.png);
    width: 500px;
    height: 700px;
    background-size: contain;
    background-repeat: no-repeat;
}

.custm-overviewfix:after{
    content: url(https://io.hfcl.com/images/imgrbimg.png);
    position: absolute;
    bottom: -15%;
    right: 0;
    z-index: 1;
    mix-blend-mode: darken;
}

.custm-overviewfix .slider.slider-nav{
    background: #76579e80;
    z-index: 11;
    max-width: 100%;
}

.custm-overviewfix .spctrum-img{
    padding: 5px;
    height: 260px;
    width: 260px;
    vertical-align: middle;
    background: var(--boxbg);
    box-shadow: 3px 3px 2px #00000080;
    display: inline-flex;
    margin-right: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap-reverse;
    padding: 0px;
    overflow: hidden;
}

.custm-overviewfix span{
    display: inline-block;
    width: 47%;
    vertical-align: middle;
    margin-left: 20px;
    font-size: var(--menuheading);
    line-height: 35px;
    font-weight: 300;
}

.custm-overviewfix span strong{
    font-size: var(--headline);
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.custm-overviewfix .pd-overviewlist ul:nth-child(3) li:before{
    display: none;
}

.custm-overviewfix .slick-track{
    min-height: 266px;
}

.custm-overviewfix .slick-slide{
    padding: 60px;
    display: flex;
}

.pdresources-mainn{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    margin-bottom: 20px;
}

.pdresources-mainn .pdresources-left{
    text-align: center;
}

.pdresources-mainn .pdresources-left .resources-download{
    min-width: 43px;
}

.pdresources-mainn .pdresources-right a{
    width: 100%;
    margin-top: 12px;
}

.pdresources-mainn .pdresources-right a img{
    width: 37px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 6px;
}

.planing-tool .wd-100{
    min-width: 100%;
}
.planing-tool textarea{
    height: 150px !important;
}
.planing-tool .btnbox{
    width: 100%;
}
.planing-tool h3{
    font-size: var(--headline);
    line-height: 49px;
    color: var(--pcolor);
    font-weight: 600;
    margin-bottom: 20px !important;
}
.planing-tool img{
    height: 650px;
    width: 100%;
    object-fit: cover;
}
.planing-tool{
    display: none;
}
.planing-tool form, .planing-tool h3{
    width: 90%;
   margin: auto;
}
.planing-tool .productcomparison-in{
    background: #f2f2f2;
    padding: 0px;
}
.planing-tool input, .planing-tool textarea{
    background: #fff !important;
}
body.innerpage.accesspoints.products\/p2p.classbody .planing-tool, body.innerpage.accesspoints.products\/p2mp .planing-tool{
    display: block;
    z-index: 1;
    position: relative;
}

/* New Case Studies */

.casestudy-section{
    display: flex;
    padding-bottom: 100px;
    gap: 30px;
}

.casestudy-section .casestudy-box{
    width: 33.3%;
    background: #fff;
    transition: 0.4s all;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #c1c1c1;
}

.casestudy-section .casestudy-box img{
    width: 100%;
    min-height: 270px;
    max-height: 270px;
    object-fit: cover;
}

.casestudy-section .casestudy-box .casestudy-text{
    width: 100%;
    padding: 18px 30px;
}

.casestudy-section .casestudy-box p.casestudy-date{
    color: #9b9b9b;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
}

.casestudy-section .casestudy-box p.casestudy-dec{
    font-size: var(--mainpara);
    line-height: 26px;
    font-weight: 400;
    color: var(--black);
    margin: 0;
    margin-bottom: 10px;
}

.casestudy-section .casestudy-box a:hover{
    text-decoration: underline !important;
}

/* Case Study Details */

.highlight-data a:hover{
    text-decoration: underline;
}

.highlight-data .topright-links{
    text-align: right;
    margin-bottom: 20px;
}

.highlight-data .topright-links a{
    margin-left: 25px;
}

.highlight-data .topright-links a:hover, .highlighttabb a:hover{
    text-decoration: underline !important;
    opacity: 0.7;
}

.highlighttabb .custmerprofile{
    background: #F4F5F9;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.highlighttabb .custmerprofile .lft-profilesec{
    width: 40%;
}

.highlighttabb .custmerprofile .rit-profilesec{
    width: 54%;
}

.highlighttabb h4{
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 10px;
}

.highlighttabb a{
    margin-top: 15px;
}

.custmerprofile ul{
    list-style: none;
    line-height: 32px;
    margin-top: 30px;
}

.highlighttabb .custmerprofile .rit-profilesec h4:nth-child(3){
    margin-top: 40px;
}

.highlighttabb .threepoints{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 25px;
}

.highlighttabb .pointtwo img, .highlighttabb .pointone img{
    height: 157px;
    width: 100%;
    object-fit: scale-down;
}

.highlighttabb .pointone{
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    text-align: center;
    padding: 30px;
    width: 45%;
}

.highlighttabb .pointtwo{
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    text-align: center;
    padding: 30px;
    width: 45%;
}

/* Link Planning Tool */

.rlink-plantool .rcraft-network{
    margin-top: 50px;
}

.rlink-plantool .rcraft-network h2, .rlink-plantool .rlink-planner h2{
    line-height: 90px;
    color: var(--pcolor);
    text-align: center;
}

.rlink-plantool .form-fill-box h3{
    font-size: var(--deltypefont);
    line-height: 42px;
    margin: 0 0 25px;
    font-weight: 600;
    color: var(--pcolor);
    text-transform: capitalize;
}

.rlink-plantool .rcraft-network p, .rlink-plantool .rlink-planner p, .rlink-plantool .rlink-features p{
    font-size: var(--newsdate);
    line-height: 42px;
    color: #606060;
    margin: 0;
    font-weight: 400;
}

.rlink-plantool p.subtitles{
    text-align: center;
    margin: 0 0 80px;
    font-size: var(--subheading);
    line-height: 30px;
}

.rlink-plantool .rcraft-network .btnbox{
    margin-bottom: 0;
}

.rlink-plantool .rlink-planner{
    background: #F5F5F5;
    padding: 80px 0px;
    margin: 80px 0px;
}

.rlink-plantool .plannr-box{
    border: 1px solid #D9D9D9;
    text-align: center;
    padding: 50px;
    background: #fff;
    border-radius: 6px;
    min-height: 410px;
}

.rlink-plantool .mt40{
    margin-top: 40px;
}

.rlink-features img{
    max-width: 100%;
}

.rlink-plantool .mb30{
    margin-bottom: 80px;
}

.rlink-plantool .blogsectionnew .blogsinner{
    padding-bottom: 0px;
}

.rlink-plantool .form-fill-box{
    border: 1px solid #D9D9D9;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
}

.rlink-plantool .form-fill-box #contactformsumbit .form-group{
    width: 100%;
}

.rlink-plantool .form-fill-box input, .rlink-plantool .form-fill-box textarea{
    background: #f7f7f7;
}

.rlink-plantool .form-fill-box input::placeholder{
    text-transform: none;
}

.rlink-plantool .btnbox button{
    height: 40px;
    line-height: 28px;
    transition: 0.4s all ease;
}

.rlink-plantool .btnbox button:hover{
    opacity: 0.8;
}

.linkpannr span.badge{
    color: #fff;
    background-color: #512873;
    border-radius: 4px;
    font-size: 10px;
}

@media (max-width: 1023px){
    .casestudy-section{
        flex-wrap: wrap;
    }
    .casestudy-section .casestudy-box{
        width: 48%;
        justify-content: space-between;
    }
}

@media (max-width: 1200px){
    .highlighttabb .custmerprofile{
        flex-direction: column;
        padding: 20px;
    }
    .highlighttabb .threepoints{
        flex-direction: column;
    }
    .highlighttabb .pointtwo, .highlighttabb .pointone{
        width: 100% !important;
    }
    .highlighttabb .custmerprofile .lft-profilesec, .highlighttabb .pointone{
        margin-bottom: 30px;
    }
    .custmerprofile ul li{
        font-size: 12px;
    }
    .highlighttabb .custmerprofile .lft-profilesec, .highlighttabb .custmerprofile .rit-profilesec{
        width: 100% !important;
    }
}

@media (min-width: 600px){
    .pd-features-section{
        z-index: 1;
        position: relative;
    }
}

@media (max-width: 1600px){
    .custm-overviewfix .spctrum-img{
        height: 230px;
        width: 200px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px){
    .rlink-plantool .rcraft-network p, .rlink-plantool .rlink-planner p, .rlink-plantool .rlink-features p{
        line-height: 35px;
    }
    .rlink-plantool .plannr-box{
        min-height: 360px;
    }
    .addressrow p{
        margin-bottom: 5px !important;
    }
    .addresscolumn:nth-of-type(2){
        margin: 15px 0 !important;
    }
    .address-sep{
        margin: 10px 0 10px auto !important;
    }
    .spectrumtabs li a{
        font-size: 14px;
    }
}

@media (max-width: 2000px){
    .spectrumtabs li a{
        font-size: 20px;
    }
    .spectrumtabs li a{
        padding: 15px 15px !important;
    }
}

@media (max-width: 1278px){
    .spectrumtabs li a{
        font-size: 14px !important;
    }
}

@media (max-width: 989px){
    .scrollto-top .fa{
        right: 0;
    }
    .casestudy-section .casestudy-box{
        width: 48%;
    }
    .casestudy-section{
        gap: 18px;
    }
}

@media (max-width: 600px){
    .slideflexbox{
        align-items: center;
    }
    .mobileulfix li:nth-child(4):after{
        display: none;
    }
    .rlink-plantool .rcraft-network{
        text-align: center;
    }
    .rlink-plantool p.subtitles{
        margin: 0 0 0px;
    }
    .rlink-plantool .form-fill-box{
        padding: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .rlink-plantool .rlink-planner{
        padding: 40px 0px;
    margin: 40px 0px;
    }
    .rlink-plantool .plannr-box{
        min-height: unset;
        padding: 20px;
        margin-top: 40px;
    }
    .rlink-plantool .mt40{
        margin-top: 0;
    }
    .rlink-features .container .row, .rcraft-network .row{
        display: flex;
        flex-direction: column;
    }
    .rlink-plantool .mb30{
        margin-bottom: 40px;
    }
    .rlink-plantool .rcraft-network p, .rlink-plantool .rlink-planner p, .rlink-plantool .rlink-features p{
        line-height: 28px;
    }
    .rlink-plantool .plannr-box h4, .rlink-plantool .rlink-features h4{
        font-size: 20px;
    }
    .rlink-plantool .rlink-features h4{
        margin-top: 30px;
    }
    .rlink-plantool .rlink-features div{
        text-align: center !important;
    }
    .casestudy-section .casestudy-box img{
        height: auto;
        min-height: unset;
    }
    .casestudy-section .casestudy-box .casestudy-text{
        padding: 18px 15px;
    }
    .casestudy-section .casestudy-box{
        width: 100%;
    }
    .custm-overviewfix .pd-overviewlist ul:nth-child(3){
        margin-top: 0 !important;
    }
    .pd-overview-wrapper .pd-overview-heading{
        width: 100%;
    }
    .custm-overviewfix:after, .custm-overviewfix:before{
        display: none;
    }
    .custm-overviewfix .slick-slide{
       padding: 30px; 
    }
    .custm-overviewfix .spctrum-img{
        width: 100%;
        margin: 0;
        height: auto;
    }
    .custm-overviewfix span{
        width: 100%;
        margin: 0;
        margin-top: 30px;
    }
    .custm-overviewfix .slick-slide{
        padding-top: 20px;
        padding-bottom: 20px;
        gap: 20px;
    }
}

.rc-anchor-normal .rc-anchor-content{
    background: red;
}

body.innerpage.ion4e .pdresources-mainn.wow, body.innerpage.ion4x .pdresources-mainn.wow{
    display: none;
}