/*@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");*/
/*@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap");*/
:root {
    --el-font-size-base: 1rem; /* 这里的14px可以替换为你想要的字体大小 */
}
body{
    font-family: Inter, sans-serif;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #222;
    font-weight: 400;
    line-height: 1.6;
}
h1,h2{font-family: Outfit, sans-serif;}
a{color: #222; text-decoration: none}
a:hover{color: #0e6eb9}
a.active{color: #0e6eb9}
.nav-menu{height: 100vh}
.border-t{border-top:1px solid #e8e8e8}
.border{border-color:#d8d8d8 !important; }
.box-card .item{margin-bottom: 0.75rem; display: block}
.parallax{position: fixed}
a.btn-danger:hover{color: #fff!important;}

.text-link{color: #0e6eb9; cursor: pointer; text-decoration: underline}
.text-link:hover{color: #117cd0; text-decoration: underline;}
.text-danger-link{color: #bf0012}
.text-danger-link:hover{color: #a40010}

header{ transition: all 0.5s ease 0s; position: fixed; top: 0; left: 0; z-index: 999; width: 100%;}
.navbar a:hover{text-decoration: none; color: inherit;}
.navbar-default { transition: all 0.5s ease 0s;}
.main-banner-style01 {background: #edf5ff; background-size: auto; height: 480px; overflow: hidden }
.main-banner-style02 {background: #edf5ff; background-size: auto; height: 320px; overflow: hidden }
.main-banner-style02 .row{height: 320px;}
.cover-background{ position: relative !important;
    background-size: cover !important; overflow: hidden !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;}
.main-banner-style02 .header-shape { position: absolute; bottom: 0; left: 0; width: 100%;}
.product-grid { position: relative; background: #fff;  box-shadow: 0 1rem 1.75rem 0 rgba(45,55,75,0.1); height: 100%; border: 0.0625rem solid rgba(220,224,229,0.6); border-radius: 0.25rem; transition: all .2s ease-in-out; }
.product-grid img {width: 100%; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}
.product-grid-text { position: relative; display:block}
.product-grid span{opacity: 0; transition: all .5s ease; position: absolute; right: 20px; top: 15px; font-size: 1.5rem}
.product-grid:hover span{opacity: 1; color:#ff1e1e }
.no-shadow{box-shadow: none}
.main-banner-cdn{background: #3727bb; color: #fff}
.main-banner-lms{background: url("../images/lms-bg.jpg") no-repeat right bottom;color: #fff}
.main-banner-index{background: url("../images/index-bg.jpg") no-repeat right bottom;color: #fff;}
.main-banner-waap{background: url("../images/waap-bg.jpg") no-repeat right top; color: #fff;}
.main-banner-lss{background: url("../images/lss-bg.jpg") no-repeat right top; color: #fff;}
.main-banner-lls{background: url("../images/lls-bg.jpg") no-repeat right center !important; color: #fff;}
.main-banner-index{background: url("../images/index-bg3.jpg") no-repeat right top; color: #fff;}
.main-banner-linear{background: url("../images/index-bg1.jpg") no-repeat right top; color: #fff;}
.main-banner-cdn1{background: url("../images/cdn-bg.jpg") no-repeat right center; color: #fff;}
.main-banner-scdn1{background: url("../images/scdn-bg.png") no-repeat; color: #fff; background-position: left center !important;}
.main-banner-oss{background: url("../images/oss-bg.png") no-repeat; color: #fff; background-position: left bottom !important;}
.main-banner-1{background: url("../images/contactus-bg.jpg") no-repeat right top; color: #fff;}
.main-banner-1{background: url("../images/contactus-bg.jpg") no-repeat right top; color: #fff;}
.main-banner-contact{background: url("../images/contactus-bg.jpg") no-repeat right top; color: #fff; height: 400px;}
.main-banner-privacy-policy{background: url("../images/privacy-policy.jpg") no-repeat;background-position: left top !important; color: #fff; height: 400px;}
.lms-banner-fg-bg{background: url("../images/lms-fg-bg.jpg") no-repeat left top; background-size: cover}
.cdn-banner-fg-bg{background: url("../images/cdn-fg-bg.jpg") no-repeat left top; background-size: cover}
.customer-support{background: url("../images/customer-support.jpg?v=1.0.1") no-repeat left top; background-size: cover; height: 320px;}
.center-bg{background:linear-gradient(-45deg, #0e6eb9, #0f7ec4); background-size: cover; min-height: 240px; position: relative; padding-top:15px; padding-bottom: 15px;}
.center-bg:after{
    background-color: rgba(15, 45, 100, 0.4);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
/*For menu*/
.navbar-nav > li {
    margin-right: 15px;
    float: left;
}
.navbar-nav li {
    list-style: none;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
    padding-right: 13px;
}
.navbar-nav > li.has-sub > ul {
    opacity: 0;
    margin-top: 10px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.navbar-nav > li > a:hover {
   color:#111
}
.navbar-nav li > ul {
    padding: 15px 0;
    margin: 0 0 0 10px;
    /*border-radius: 0.1rem;*/
    background: #232f3e;
    min-width: 270px;
    -webkit-box-shadow: 0 8px 30px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 8px 30px 0 rgba(0,0,0,0.1);
    box-shadow: 0 8px 30px 0 rgba(0,0,0,0.1);
}
.navbar-nav ul {
    position: absolute;
    left: -9999px;
    z-index: 100;
}
.navbar-nav > li.has-sub:hover > ul {
    margin-top: 0;
    opacity: 1;
}
.navbar-nav > li.has-sub > ul {
    opacity: 0;
    margin-top: 10px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.navbar-nav li:hover > ul {
    left: auto;
}
.navbar ul ul li {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar-nav li a {
    display: block;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 400;
    padding:8px 27px;
}
.navbar-nav > li.has-sub > a:hover {
    color: #fbfbfb;
}
.sub-menu{border-top: 1px solid #0e6eb9}
.navbar-nav li .sub-menu li a{padding-top: 9px; padding-bottom: 9px; font-size: 1rem; font-weight: 300}
.sub-title{color: #fff}
.box-circle {
    left: 0;
    bottom: 0;
    width: 1.37em;
    height: 1.37em;
    position: absolute;
    border-radius: 50%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.card-style06 {
    background: #fff;
    /*box-shadow: 0px 3px 10px 0px rgba(41,45,194,0.1);*/
    border-radius: 4px;
    /*margin: 0px 10px 0px 0px;*/
    position: relative;
    z-index: 5;
    /*padding: 25px 35px 25px 35px;*/
    padding:2rem 1.5rem;
    transition: all 0.4s linear;
    height: 100%;
    border: 1px solid #ededed;
}
.card-style06:hover{box-shadow: 0 4px 10px 0 rgba(98,160,210,0.3);}
.card-style06::after{position: absolute; content: ''; height: 4px; background-color:transparent; top: 0;left: 0; width: 100%; transition: all 0.4s linear; }
.card-style06:hover::after{ background-color:#0e6eb9; width: 100%; }
.card-style06 .card-body { padding:0}
/*.card-style06:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(-45deg, #ffffff, #ffffff);
    z-index:-3;
    opacity:0;
    transition:all 0.6s linear;
    border-radius:4px;
    width:100%;
    height:100%;
}*/
.card-style06:hover:after {
    opacity:1
}
.card-style06 .icon {
    font-size:40px
}
.card-style06 h3 {
    font-size:1.35rem;
    font-weight:500;
    margin-bottom:0.75rem
}
.card-style06 p {
    font-size:16px;
    /*line-height:28px;*/
    margin-bottom:0; color: #666;
}
.card-style06 .title-box {
    margin:0 0 50px 0
}
.card-style06 i {
    transition:all 0.3s linear
}
.card-style06:hover {
    opacity:1;
    /*transform:translate(0%, 0%);*/
    transition:all 1.3s linear
}
.card-style06:hover .box-circle {
    transform:scale(1.2)
}
.card-style06:hover h3,
.card-style06:hover p,
.card-style06:hover .icon {
    /*color:#666*/
}
.card-style06:hover .box-circle { background:rgba(255,255,255,0.1)}
.card-style06:hover i { color:#fff}
.title-box { position: relative; padding: 20px 0; font-size: 60px; line-height: 1; width: 100px; text-align: right;}
.cdn-body{padding-top: 96px;}
.cdn-body .navbar-nav li>a.nav-link{color: #fff;}
.cdn-body a.navbar-brand{color: #fff}
.navbar-default-light .navbar-nav li>a.nav-link{color:#222; font-weight: 500;}
.navbar-default-light .navbar-nav li > ul{background:#fff}
.navbar-default-light .navbar-nav li a{color:#333}

/*.cdn-body .scrollHeader .navbar-nav li>a.nav-link{color: #000;}*/
/*.cdn-body .scrollHeader a.navbar-brand{color: #000}*/
.v-tabs-button button{white-space: nowrap; text-align: left; margin-bottom: 1rem}

.index-body .py-5{padding-top: 5rem !important; padding-bottom: 5rem !important;}
.index-body .product-list-index .carousel-indicators{bottom:0;}

.index-body .accordion-item{margin-bottom: 0.5rem; border:none !important;}
.index-body .accordion-item .accordion-button{background: #eceff1; font-size: 1.25rem; font-family: Inter, sans-serif !important;}
.accordion-button:focus{border-color: transparent !important;box-shadow: none !important;}
.accordion-button:not(.collapsed){color:#0e6eb9 }
.nav-container{ position: relative; background-color: #fff; z-index: 99; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);}
.nav-container .nav-link{ font-size: 1rem;  margin-right:4rem; padding: 0; color: #333}
.subnav{padding-left: 0.75rem}
.subnav .nav-link{height: 64px; line-height: 64px;}
.nav-container .nav-pills .nav-link.active{background: none; border-bottom: 5px solid #0e6eb9; border-radius: 0;color:#0e6eb9 ;}
.conversant-logo{position: absolute; top:5px;left: -150px;}
.container-lg{max-width: 1620px !important;}
/*.navbar-collapse{max-width: 1320px}*/

.bg-primary, .primary-overlay[data-overlay-dark]::before {
    background: #0f064d;
    background: -webkit-linear-gradient(-45deg, #0f064d, #373798);
    background: -moz-linear-gradient(-45deg, #0f064d, #373798);
    background: -o-linear-gradient(-45deg, #0f064d, #373798);
    background: linear-gradient(-45deg, #0f064d, #373798);
}
[data-overlay-dark="9"]::before, [data-overlay-light="9"]::before {
    opacity: 0.9;
}
[data-overlay-dark]::before {
    background: #000;
}
[data-overlay-dark]::before, [data-overlay-light]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data-overlay-dark] .container, [data-overlay-light] .container {
    position: relative;
    z-index: 2;
}


/*for partner logo*/
.ace-customer-case-home-logo-wall {
    min-height: 264px;
    background-color: #f2f3f4;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 22px 24px 8px;
    gap: 1.136%;
}
[class^="ace-"] {
    box-sizing: border-box;
}
.ace-customer-case-home-logo-wall .item {
    width: 15.708%;
    height: 62px;
    /*background: hsla(0, 0%, 4.3%, 0.1);*/
    background:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-bottom: 16px;
    overflow: hidden;
}
.ace-customer-case-home-logo-wall .item img {
    object-fit: contain;
    transform: scale(.5);
    vertical-align: top;
}

.services-title .title{ height:50px; }
.use-tabs .nav-link{ width: 33.33%; border-radius: 0; background: #fff; border-color: #ddd; color: #666;}
.use-tabs .nav-link:nth-child(2){ border-right-color: transparent; border-left-color: transparent}
.use-tabs .nav-link.active{border-top:3px solid #0e6eb9}
.listTitle,.listName{font-size: 1.05rem; margin-bottom: 1rem; color: #222;  }
.featureWrap{border-top:1px solid #ddd; padding-top: 1.5rem;}
.liTitle{margin-bottom: 0.35rem}
.listDescr,.liDetail{color: #888; margin-bottom: 1.2rem}
.li{margin-bottom: 1rem}
.li .liTitle::before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    content: "";
    width: 12px;
    height: 14px;
    margin-right: 6px;
    /*background: url(/images/check.png);*/
    background-size: 100% 100%;
}

.advantages-list{padding: 2rem 1.5rem; background: #fff; border: 1px solid #efefef; border-radius: .3rem; height: 100%; transition: all 0.4s linear; position: relative}
.advantages-list .img{text-align: center; }
.advantages-list h4{font-size: 1.35rem; margin-bottom: 0.75rem}
.advantages-list .flex-grow-1>div{color:#666; line-height: 1.6}
.advantages-list:hover{box-shadow:0 4px 10px 0 rgba(98,160,210,0.3);}

.advantages-list::after{position: absolute; content: ''; height: 4px; background-color:transparent; top: 0;left: 0; width: 100%; transition: all 0.4s linear; }
.advantages-list:hover::after{ background-color:#0e6eb9; width: 100%; }

.scdn-list h4{font-size: 1.35rem;}
.scdn-list img{border-radius: .3rem .3rem 0 0 !important;  transition: all 0.4s linear}
.scdn-list { background: #fff; height: 100%; transition: all 0.6s linear; text-align: center; border:1px solid #efefef; position: relative}
.scdn-list:hover{box-shadow: 0 4px 10px 0 rgba(98,160,210,0.3); border:1px solid #0e6eb9;}
.scdn-list img:hover{ transform: scale(1.1);}
.scdn-list .position-relative{overflow: hidden}

.scdn-list::after{position: absolute; content: ''; height: 4px; background-color:transparent; top: 0;left: 0; width: 100%; transition: all 0.4s linear; }
.scdn-list:hover::after{ background-color:#0e6eb9; width: 100%; }

.plan-card{padding:2rem 0.3rem 2rem 1rem; background: #fff; border:1px solid #efefef; position: relative;transition: all 0.6s linear; height: 100%}
.plan-card:hover{box-shadow: 0 4px 10px 0 rgba(98,160,210,0.3); border:1px solid #0e6eb9;}
.plan-card .limit{position: absolute; background:#0e6eb9; border-radius: 0.2rem; color: #fff; font-size: 1rem; padding:0.35rem 1rem; left: 42%; transform: translateX(-34%); top:-1.5rem; }
.plan-card .price{font-size: 1.5rem; font-weight: 200;}
.original-price{text-decoration: line-through}
.plan-card .info{color: #333; margin:1rem 0; height: 70px}
.plan-card .info.min-h{height: 180px; font-weight: 300}
.plan-card .detail{margin:1rem 0;}
.plan-card .detail>div{margin-bottom:0.5rem;}
.plan-card .pricing-feature-list{padding:0;margin: 0; list-style: none}
.plan-card .pricing-feature-list li{padding:.25rem 0}

.compare-box{overflow: hidden}
.compare-box .item:first-child{width: 20%; float: left}
.compare-box .item{width: 20%; float: left}
.compare-content th{font-weight: normal; padding:0.75rem 0.75rem}
.compare-content td{vertical-align: middle; padding:0.35rem 0.75rem}
.compare-content tr:nth-child(2n){background:#f7f8fd}
.compare-content tr:nth-child(2n+1){background:#fff}

/*.col-plan{width: 20% !important;}*/

/*get start*/
.services-solution-detail-start-steps .content { margin-top: 22px; display: flex; padding: 0}
.services-solution-detail-start-steps .step:first-child { margin-left: 0;}
.services-solution-detail-start-steps .step { flex: 1; display: flex; flex-direction: column; margin-left: 2px;}
.services-solution-detail-start-steps .step-title {margin: 0 0 0.5rem 0; display: flex;height: 28px; align-items: center;}
.services-solution-detail-start-steps .step-title .index {font-size: 20px;font-weight: 700; color: #0e6eb9;}
.services-solution-detail-start-steps .step-title .name {font-size: 16px;font-weight: 700; color: #181818; margin-left: 8px; margin-top: -1px;}
.services-solution-detail-start-steps .step-title::after { content: " "; flex: 1; height: 0;border-top: 1px solid #0e6eb9; margin: 0 8px;}
.services-solution-detail-start-steps .step-content { flex: 1; margin-top: 8px; padding: 24px; background-color: #f5f5f6;}
.services-solution-detail-start-steps .sub-step:first-child { margin-top: 0;}
.services-solution-detail-start-steps .sub-step { display: flex; margin-top: 14px; position: relative;}
.services-solution-detail-start-steps .sub-step .index { width: 18px; height: 18px;border-radius: 9px; border: 1px solid #181818; text-align: center; font-size: 14px; line-height: 16px; margin-top: 3px;}
.services-solution-detail-start-steps .sub-step .name {margin: 0 0 0 12px;  font-size: 14px; line-height: 24px; color: #181818;}
.services-solution-detail-start-steps .sub-step .index-wrap {display: flex; flex-direction: column; align-items: center;}
.services-solution-detail-start-steps .sub-step .index-wrap::after { content: " ";  flex: 1; width: 0;  border-left: 1px solid #d7d8d9;  margin-top: 4px; margin-bottom: -13px;}
/*for footer*/

.footer-widgets { background-color: #fff; clear: both; position: relative; z-index: 9;font-size: 14px;}
.footer-widgets .wrap { color: #404040; border-top: 1px solid #fff; overflow: hidden;}
.footer-widgets-1.footer-widget-area { width: 22%; padding-right: 5%;}

.footer-widget-area-1 { width: 25%; display: block; float: left;}
.footer-widget-area-2 { width: 23%; display: block; float: left;}
.footer-widget-area-3 { width: 15%; display: block; float: left;}
.footer-widget-area-4{  display: block; float: right;}
.footer-widget-area-0 { width: 23% !important; display: block; float: left; padding-right: 1rem}
.footer-widgets .widget { margin-bottom: 10px;}
.footer-widgets .wrap>div{ min-height: 170px;}
.footer-widgets .wrap>div.footer-widget-area-0{ min-height: 52px}
.widget { word-wrap: break-word;}
.footer-widgets .wrap h2 { font-size: 22px; margin-bottom: 2rem; margin-top: 0.7rem}
.footer-widgets .widget-wrap p{margin-bottom: 0.5rem}
.number{font-size: 2.2rem; width: 56px; height: 56px; background-color:#3929c0; border-radius: 100%; color: #fff; display: inline-block; text-align: center; line-height: 56px; }
.list-faq-title a{display: block; margin-bottom: 10px; text-decoration: underline; }
.list-faq-title{ top:180px; font-size: 1.2rem; font-weight: 600; }
.fixed{position: fixed}
/*.content-box{padding-bottom: 3rem;}*/
.carousel-caption{bottom: 50%; transform: translateY(50%);}

.list-features-list{position: sticky; top: 100px;}
.list-features-list a{display: block; margin-bottom: 10px; text-decoration: underline;  padding:0.25rem}
/*.list-features-list a.active{background:#232f3e; color: #fff}*/

/*animation*/
.page-header-animation{background-size: 400% 400%; animation: page-header-linear-gradient-001 12s ease infinite; animation-play-state: running; }
.page-header-linear-gradient-001{background-image: linear-gradient(120deg,#5154b5, #ade6ff 26.85%, #8ab3ff 59.66%, #a182fe); position: relative; z-index: 9 }
.page-header-linear-gradient-002{background-image: linear-gradient(120deg,#ad5cff,#0096fa 48.96%,#99f7ff); }
.page-header-linear-gradient-img01{background: url("../images/lms-bg.jpg") no-repeat right bottom;color: #fff; position:relative; z-index: 6;  }


.page-header-linear-white{ width: 100%; background: radial-gradient(100% 140% at 60% -10%,#fff0,#fff 75%); }
.fixedNav{position: sticky; top:0; width: 100%; z-index: 99}

.no-border .el-collapse-item__header,.no-border .el-collapse{border:none}
.no-border .el-collapse-item__wrap{border-bottom: none; }
.el-collapse-item__content{font-size: 1rem; padding:1rem 0; line-height: 1.6; font-weight: 300; color:#222}
.malt-style h3{font-size: 1.4rem; padding-top:0.5rem; padding-bottom:0.5rem}
.malt-style h3 small{font-size: 16px}
.malt-style2 h3{font-size: 1.5rem;}
.malt-style2 h5{font-size: 1.1rem;}
.malt-style h5{font-size: 1.1rem;}
.lb-txt-bold {font-weight: 600}
.lb-txt-16{font-size: 1.1rem}
.malt-style i.el-collapse-item__arrow{font-size: 1rem; font-weight: bold}
.text-li-style{margin-bottom: 0 !important;}
.text-li-style li{padding-top:0.5rem; padding-bottom: 0.5rem;}
.small-style .text-li-style li{padding-top:0.4rem; padding-bottom: 0.4rem;}
.small-style .text-li-style li .text-li-style li{padding-top:0.2rem; padding-bottom: 0.2rem;}
.no-circles{list-style-type: none; padding-left: 1rem}
.text-li-style-sm{margin-bottom: 0 !important; padding-left: 1.1rem}
.text-li-style-sm li{padding-top:0.25rem; padding-bottom: 0.25rem; line-height: 1.5}
.number-style{width: 36px; height: 36px; font-size: 1.25rem; font-weight: 300; border-radius: 50%; color: #fff; background-color: #0e6eb9; border:2px solid #0e6eb9; text-align: center; line-height: 36px; display: inline-block; position: absolute; right: 20px;top: 35px;}


.carousel-control-prev, .carousel-control-next{opacity: 0.85}
.carousel-control-prev-icon, .carousel-control-next-icon{background-color: #555; background-size: 60%; border-radius: 50%; width: 2.5rem; height: 2.5rem; color: #fff}
.carousel-indicators [data-bs-target]{background-color: #555}
.carousel-control-prev, .carousel-control-next{width: 3rem}
.carousel-control-prev{left:-3rem}
.carousel-control-next{right:-3rem}
.carousel-indicators{margin-bottom: 0}

.article-list a{font-size: 16px; margin: 0.75rem 0; display: block; text-decoration: underline}
.swiftfederation{vertical-align: bottom}

.second-line-height .el-collapse-item__header{height: 68px !important;}
.second-line-height .el-collapse-item__header h5{line-height: 1.4 !important;}
.small-menu{padding-top: 0.2rem; padding-bottom: 0.2rem}
.small-menu span{font-size: 12px;}
/*.second-line-indent::first-line{text-indent: 0}*/

.text-line-indent{text-indent: -1.5em; padding-left: 1.5em; }
.policy-body .col-md-8 a {color: #0e6eb9; white-space: nowrap}
.policy-body .col-md-8 a:hover {color: #005eab; white-space: nowrap}
.policy-body ul {padding-left: 1rem}
.policy-body ul li{padding-top: 0.35rem; padding-bottom: 0.35rem}

@keyframes page-header-linear-gradient-001 {
    0% {
        background-position:0 50%
    }
    50% {
        background-position:100% 50%
    }
    to {
        background-position:0 50%
    }
}

@media screen and (min-width: 992px) {
    header.scrollHeader .navbar-default {
        position: relative; top: 0;  z-index: 99;
        width: 100%; background: #232f3e;
        left: 0;  transition: all 0.2s ease 0s;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    }
    header.scrollHeader .navbar-default-light{background-color: #fff}
    .navbar-nav .megamenu { margin: 0; padding: 30px 15px; right: 0; width: 100%; }
    .navbar .megamenu > li { margin: 0;  float: left; padding: 0 15px !important; }
    .navbar .megamenu li > ul { margin: 0; min-width: auto; padding: 0; -webkit-box-shadow: none;  -moz-box-shadow: none; box-shadow: none; }
    .navbar .megamenu ul li {padding: 0 !important; }
    .navbar-nav ul li {position: relative; transition: 0.3s ease-in-out; }
    .megamenu > li > ul { left: 0; margin: 0; min-width: auto; position: static; width: 100%; }
    .navbar .megamenu ul li a {padding-left: 0; padding-right: 0; }
    .navbar-nav ul li { position:relative; transition:0.3s ease-in-out; }
    .navbar-nav ul li a:hover {  color: #0e6eb9  }
    /*.navbar-nav ul li:before { width:0; margin-right:10px; content:""; background:#0e6eb9; transition:0.3s ease-in-out; display:inline-block; height:2px; vertical-align:middle; position:absolute; top:20px; left:25px }*/
    .navbar-nav ul li:hover:before { width:20px }
    .navbar-nav li ul.megamenu li:before { content:none}
    .transparent-header .navbar-nav>li.current>a,
    .transparent-header .navbar-nav>li.active>a { color:#fff }
    .transparent-header.scrollHeader .navbar-nav>li.active>a,
    .transparent-header.scrollHeader .navbar-nav>li.current>a { color:#0e6eb9 }
    .transparent-header.scrollHeader .navbar>ul>li.has-sub.current>a:after { border-color:transparent #0e6eb9 #0e6eb9 transparent }
    .transparent-header.scrollHeader .top-search {  background-color:#091e42 }
    .white-header-mobile .navbar-nav>li>a { padding:21px 0.2rem }
}

/*base*/
.m-0{margin:0}
.mt-0{margin-top: 0}
.mt-3{margin-top: 1.5rem}
.mt-2{margin-top: 1rem}
.mt-1{margin-top: 0.5rem}
.md{padding:5rem 0}




.p-3{padding:1.5rem}
.pb-3{padding-bottom: 1.5rem}
.pt-3{padding-top: 1.5rem}

.float-end{float: right}
.el-text-danger{color: #F56C6C}
.h3{font-size: 1.5rem;font-weight: 500}
.bg-light-d{background: #f6f6f6}
.bg-light{background: #f7f8fd}
.bg-light-linear{background: linear-gradient(180deg, #ffffff 0%, #f7f8fd 100%);}
.bg-light-linear-360{background: linear-gradient(360deg, #ffffff 0%, #f7f8fd 100%);}
.bg-white{background-color: #fff}
.text-yellow {color: #ffcc6f;}
.bg-yellow {background: rgba(255,204,111,0.2);}
.text-green {color: #06df9e;}
.text-blue{color: #0e6eb9}
.bg-green {background: rgba(6,223,158,0.1);}
.text-orange {color: #ff6262;}
.text-p{color: #666}
.bg-orange { background: rgba(255,98,98,0.1);}
.bg-dark-blue{background: #0e6eb9; background-size: 100%}
.border-img{border:1px solid #ededed; border-radius: 4px;}
.text-center{text-align: center}
.text-justify{text-align: justify}

.bg-dark-blue .btn{border-radius: 4px;}
.bg-dark-blue .btn-light{color: #0e6eb9}
.btn-blue{background-color: #0e6eb9; color: #fff}
.btn-blue:hover{background-color: #0e7cd2; color: #fff}
.btn{border-radius: 4px;}
.no-s-contact .bg-dark-blue{display: none}
h1,.h1{font-size: 3.5rem}
h2,.h2{font-size: 2.5rem}
/*h3,.h3{font-size: 1.5rem}*/
h4,.h4{font-size: 1.25rem}
h5,.h5{font-size: 1.1rem; }
h6,.h6{font-size: 1rem;}
.w-60{width: 60%}
.btn-w-sm{min-width:100px;}



.butn.white::before {
    background: #fff;
}
.butn {
    background: #292dc2;
    background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -o-linear-gradient(-45deg, #292dc2, #0084e9);
    background: linear-gradient(-45deg, #292dc2, #0084e9);
    cursor: pointer;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 28px;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
    -o-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition: all linear 400ms;
    -moz-transition: all linear 400ms;
    -o-transition: all linear 400ms;
    transition: all linear 400ms;
    text-align: center;
    border: none;
}
.butn::before {
    background: #292dc2;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 51%;
    -ms-transform-origin: 51%;
    -o-transform-origin: 51%;
    transform-origin: 51%;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 22px;
    border: none;
}
.butn:hover:before,
.butn:focus:before,
.butn:active:before {
    -webkit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1)
}
.butn.white {
    color:#292dc2;
    background:#ffffff;
    background:-webkit-linear-gradient(-45deg, #e0e0e0, #fff);
    background:-moz-linear-gradient(-45deg, #e0e0e0, #fff);
    background:-o-linear-gradient(-45deg, #e0e0e0, #fff);
    background:linear-gradient(-45deg, #e0e0e0, #fff)
}
.butn.white:hover {
    color:#292dc2
}
a.butn.white:hover,
a.butn.white:active,
a.butn.white:focus {
    color:#292dc2
}
a.butn.white:hover, a.butn.white:active, a.butn.white:focus {
    color: #292dc2;
}
.butn.white:hover {
    color: #292dc2;
}
a.butn:hover, a.butn:active, a.butn:focus {
    color: #fff;
}

.svg-icon {
    /*filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(180deg);*/
    width: 36px; height: 40px;
    display: inline-block;
    background-image:linear-gradient(90deg, #0e6eb9, #0e6eb9 50%,#0e6eb9);
    /*background-image: ;*/
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.svg-icon1 {
    /*filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(180deg);*/
    width: 72px; height: 72px;
    display: inline-block;
    background-image:linear-gradient(90deg, #0e6eb9, #a8bcff 50%,#0e6eb9);
    /*background-image: ;*/
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}

.svg-icon2 {
    /*filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(180deg);*/
    width: 88px; height: 88px;
    display: inline-block;
    background-image:linear-gradient(90deg,#3b66ff, #a8ceff 50%,#0e6eb9);
    /*background-image: ;*/
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}

.cost{ -webkit-mask-image:url("../images/costeffective.svg?v=1.0.0"); mask-image:url("../images/costeffective.svg?v=1.0.0"); }
.latency{ -webkit-mask-image:url("../images/lowlatency.svg"); mask-image:url("../images/lowlatency.svg");  }
.content-protection{ -webkit-mask-image:url("../images/lms-drm.svg"); mask-image:url("../images/lms-drm.svg");  }
.performance{ -webkit-mask-image:url("../images/highperformance.svg"); mask-image:url("../images/highperformance.svg"); }
.protection{ -webkit-mask-image:url("../images/guaranteedprotection.svg"); mask-image:url("../images/guaranteedprotection.svg");  width:36px;height: 46px}
.visibility{ -webkit-mask-image:url("../images/realtime.svg"); mask-image:url("../images/realtime.svg");}
.globally{ -webkit-mask-image:url("../images/scaleglobally.svg"); mask-image:url("../images/scaleglobally.svg"); }
.integration{ -webkit-mask-image:url("../images/facillitatedintegration.svg"); mask-image:url("../images/facillitatedintegration.svg"); }
.federated{ -webkit-mask-image:url("../images/asiastrongest.svg"); mask-image:url("../images/asiastrongest.svg");}

.infra{-webkit-mask-image:url("../images/infra.svg"); mask-image:url("../images/infra.svg");}
.network{-webkit-mask-image:url("../images/network.svg"); mask-image:url("../images/network.svg");}
.pop{-webkit-mask-image:url("../images/pop.svg"); mask-image:url("../images/pop.svg");}
.routing{-webkit-mask-image:url("../images/routing.svg"); mask-image:url("../images/routing.svg");}
.acceleration{-webkit-mask-image:url("../images/acceleration.svg"); mask-image:url("../images/acceleration.svg");}
.stream{-webkit-mask-image:url("../images/stream.svg"); mask-image:url("../images/stream.svg");}
/*.latency {-webkit-mask-image:url("../images/latency.svg"); mask-image:url("../images/latency.svg");}*/
.cache-management {-webkit-mask-image:url("../images/cache.svg"); mask-image:url("../images/cache.svg");}
.connection-settings {-webkit-mask-image:url("../images/setting.svg"); mask-image:url("../images/setting.svg");}
.data {-webkit-mask-image:url("../images/data3.svg"); mask-image:url("../images/data3.svg");}
.certificate {-webkit-mask-image:url("../images/certificate1.svg"); mask-image:url("../images/certificate1.svg"); width: 90px;}
.bandwidth {-webkit-mask-image:url("../images/bandwidth1.svg"); mask-image:url("../images/bandwidth1.svg");}
.origin-server {-webkit-mask-image:url("../images/origin-server.svg"); mask-image:url("../images/origin-server.svg");}
.control{-webkit-mask-image:url("../images/control1.svg"); mask-image:url("../images/control1.svg");}
.secure-data{-webkit-mask-image:url("../images/secure-data.svg"); mask-image:url("../images/secure-data.svg");}

.webapp{-webkit-mask-image:url("../images/websiteapp.svg"); mask-image:url("../images/websiteapp.svg");}
.livestreaming{-webkit-mask-image:url("../images/livestreaming.svg"); mask-image:url("../images/livestreaming.svg");}
.largefiledownload{-webkit-mask-image:url("../images/largefiledownload.svg"); mask-image:url("../images/largefiledownload.svg");}
.dynamiccontent{-webkit-mask-image:url("../images/dynamiccontent.svg"); mask-image:url("../images/dynamiccontent.svg");}

.shifting{-webkit-mask-image:url("../images/shifting.svg"); mask-image:url("../images/shifting.svg");}
.timely{-webkit-mask-image:url("../images/timely.svg"); mask-image:url("../images/timely.svg");}
.acceleration{-webkit-mask-image:url("../images/gpu-acceleration.svg"); mask-image:url("../images/gpu-acceleration.svg");}
.encoding{-webkit-mask-image:url("../images/encoding.svg"); mask-image:url("../images/encoding.svg");}


.social-media{-webkit-mask-image:url("../images/social-media.svg"); mask-image:url("../images/social-media.svg");}
.live-event{-webkit-mask-image:url("../images/live-event.svg"); mask-image:url("../images/live-event.svg");}
.linear{-webkit-mask-image:url("../images/linear.svg"); mask-image:url("../images/linear.svg");}
.commerce{-webkit-mask-image:url("../images/commerce.svg"); mask-image:url("../images/commerce.svg");}
.education{-webkit-mask-image:url("../images/education.svg"); mask-image:url("../images/education.svg");}

.oss-scalability{-webkit-mask-image:url("../images/oss-scalability.svg"); mask-image:url("../images/oss-scalability.svg");}
.oss-availability{-webkit-mask-image:url("../images/oss-availability.svg"); mask-image:url("../images/oss-availability.svg");}
.oss-protection{-webkit-mask-image:url("../images/oss-protection.svg"); mask-image:url("../images/oss-protection.svg");}
.oss-visibility{-webkit-mask-image:url("../images/oss-efficient.svg"); mask-image:url("../images/oss-efficient.svg");}
.oss-seamless{-webkit-mask-image:url("../images/oss-seamless.svg"); mask-image:url("../images/oss-seamless.svg");}
.oss-data{-webkit-mask-image:url("../images/oss-data.svg"); mask-image:url("../images/oss-data.svg");}
.oss-website{-webkit-mask-image:url("../images/oss-website.svg"); mask-image:url("../images/oss-website.svg");}
.oss-archiving{-webkit-mask-image:url("../images/oss-archiving.svg"); mask-image:url("../images/oss-archiving.svg");}

.lss-seamless{-webkit-mask-image:url("../images/lss-seamless.svg"); mask-image:url("../images/lss-seamless.svg");}
.lss-comprehensive{-webkit-mask-image:url("../images/lss-comprehensive.svg"); mask-image:url("../images/lss-comprehensive.svg");}
.lss-robust{-webkit-mask-image:url("../images/lss-robust.svg"); mask-image:url("../images/lss-robust.svg"); height: 48px;}
.lss-television{-webkit-mask-image:url("../images/lss-television.svg"); mask-image:url("../images/lss-television.svg");}
.lss-event{-webkit-mask-image:url("../images/lss-event.svg"); mask-image:url("../images/lss-event.svg");}


.scdn-high-performance{-webkit-mask-image:url("../images/scdn-high-performance.svg"); mask-image:url("../images/scdn-high-performance.svg");}
.scdn-performance{-webkit-mask-image:url("../images/scdn-performance.svg"); mask-image:url("../images/scdn-performance.svg"); height: 48px;}
.scdn-customisable{-webkit-mask-image:url("../images/scdn-customisable.svg"); mask-image:url("../images/scdn-customisable.svg");}
.scdn-emergency{-webkit-mask-image:url("../images/scdn-emergency.svg"); mask-image:url("../images/scdn-emergency.svg");}
.scdn-management{-webkit-mask-image:url("../images/scdn-management.svg"); mask-image:url("../images/scdn-management.svg");}
.scdn-comprehensive{-webkit-mask-image:url("../images/scdn-comprehensive.svg"); mask-image:url("../images/scdn-comprehensive.svg"); height: 48px;}
.scdn-programmable{-webkit-mask-image:url("../images/scdn-programmable.svg"); mask-image:url("../images/scdn-programmable.svg");}
.scdn-application{-webkit-mask-image:url("../images/scdn-application.svg"); mask-image:url("../images/scdn-application.svg");}
.scdn-response{-webkit-mask-image:url("../images/scdn-response.svg"); mask-image:url("../images/scdn-response.svg");}
.scdn-conditional{-webkit-mask-image:url("../images/scdn-conditional.svg"); mask-image:url("../images/scdn-conditional.svg");}
.scdn-credential{-webkit-mask-image:url("../images/scdn-credential.svg"); mask-image:url("../images/scdn-credential.svg");}
.scdn-integrity{-webkit-mask-image:url("../images/scdn-integrity.svg"); mask-image:url("../images/scdn-integrity.svg"); height: 48px}
.scdn-intelligence{-webkit-mask-image:url("../images/scdn-intelligence.svg"); mask-image:url("../images/scdn-intelligence.svg"); height: 48px}
.scdn-scanning{-webkit-mask-image:url("../images/scdn-scanning.svg"); mask-image:url("../images/scdn-scanning.svg"); height: 48px}
.scdn-role-based{-webkit-mask-image:url("../images/scdn-role-based.svg"); mask-image:url("../images/scdn-role-based.svg"); height: 48px}
.scdn-open-API{-webkit-mask-image:url("../images/scdn-open-API.svg"); mask-image:url("../images/scdn-open-API.svg"); height: 48px}


.edge-list .border-c{ width:96px; height: 96px;  border-radius: 50%; border: 1px solid #0d6efd; display: inline-block; text-align: center; line-height: 96px; transition: all 0.6s linear;}
.edge-list .border-c:hover{border-color: #0d6efd}

.edge-list .svg-icon{ width: 64px; height: 64px;}

.pricing-cloud-Security{-webkit-mask-image:url("../images/cloud-Security.svg"); mask-image:url("../images/cloud-Security.svg");}
.pricing-cost-efficiency{-webkit-mask-image:url("../images/cost-efficiency.svg"); mask-image:url("../images/cost-efficiency.svg");}
.pricing-dashboard{-webkit-mask-image:url("../images/dashboard.svg"); mask-image:url("../images/dashboard.svg");}
.pricing-scalability{-webkit-mask-image:url("../images/scalability.svg"); mask-image:url("../images/scalability.svg"); height: 56px !important; width: 56px !important;}
.pricing-speedometer{-webkit-mask-image:url("../images/speedometer.svg"); mask-image:url("../images/speedometer.svg");}

.adaptable{-webkit-mask-image:url("../images/adaptable.svg"); mask-image:url("../images/adaptable.svg");}
.globaledge{-webkit-mask-image:url("../images/globaledge.svg"); mask-image:url("../images/globaledge.svg");}
.integratedmedia{-webkit-mask-image:url("../images/integratedmedia.svg"); mask-image:url("../images/integratedmedia.svg");}
.entertainment {-webkit-mask-image:url("../images/entertainment.svg"); mask-image:url("../images/entertainment.svg");}
.commerce {-webkit-mask-image:url("../images/commerce.svg"); mask-image:url("../images/commerce.svg");}
.education  {-webkit-mask-image:url("../images/education.svg"); mask-image:url("../images/education.svg");}
.game {-webkit-mask-image:url("../images/game.svg"); mask-image:url("../images/game.svg");}


.card-h-content{margin-bottom: 1.5rem}
.v-height-100{height: 100%}
.wrap-main{width: 85%}
.cdnFaq p{margin-bottom: 1.5rem}
.collapse-style{border:1px solid #ededed; border-radius: 4px;}
.collapse-style .el-collapse-item__header{padding:1.1rem; height:auto; background: transparent; border-color:  #ededed}
.collapse-style .el-collapse-item__header i{font-size: 1rem; font-weight: bold}
.collapse-style .el-collapse-item__header.is-active{background: #fff; color: #0e6eb9!important;}
.el-collapse-item__header.focusing:focus:not(:hover){ color: #0e6eb9}
.malt-style .el-collapse-item__header.focusing:focus:not(:hover){ color: #303030}
.border .el-collapse,.border .el-collapse-item__header{border-color: #efefef !important;}
.border{border-color:#efefef !important;}




/*.el-collapse-item:last-child .el-collapse-item__header{border-bottom:none}*/


.list-text-style>div{clear: both; min-height: 30px;}
.list-text-style>div>span{display:block; width:24px; float: left}
.list-text-style>div>.info{display:block; float: left;}
.list-text-style .pl-example{padding-left:24px;}
.image__preview{box-shadow:0 2px 6px 0 rgba(41,45,194,0.1); border-radius: 4px;}
.image__preview .el-image{display: block}
.image__preview .el-image__inner{width: 100%}

.step-style{color: #000; }
.html-source-style{background: #000000; color: #fff; padding:0 0.75rem; }
.html-source-style-1{background: #efefef; color: #444; padding:0.2rem 0.5rem; border:1px solid #ababab; border-radius: 6px; }
.example-text-link{ color: #888;font-style: italic}

.scdn .py-lg-5{padding-top:5.5rem !important; padding-bottom:5.5rem !important;}
.scdn .bg-dark-blue .p-5{padding:3rem !important;}
.scdn .text-p{color: #444}
.el-tabs__item:hover,.el-tabs__item.is-active{ color: #0e6eb9!important;}
.el-tabs__item{padding:12px 0 !important; height: auto; font-size: 18px; line-height: 1.5; width: 25% !important; text-align: center}
.el-tabs__active-bar{background-color:#0e6eb9}
.blue-card.el-tabs--card > .el-tabs__header .el-tabs__item.is-active{border-bottom-color: #0e6eb9;
    background-color: #0e6eb9;
    color: #fff !important;
}
.blue-card.el-tabs > .el-tabs__header .el-tabs__nav{border-radius: 0; float: none}

.carousel-caption h1 {margin-bottom: 1.5rem}
.el-tooltip__popper.is-light{border-color:#E4E7ED; box-shadow: 0 0 12px rgba(0,0,0,0.1) }
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {border-right-color:#E4E7ED}
.navbar-portal{height: 66px;}

.navbar-logo img{height: 26px;}
.w-60{width: 100% !important;}
.w-75{width: 100% !important;}
header.scrollHeader .navbar-default {
    position: relative; top: 0;  z-index: 99;
    width: 100%; background: #232f3e;
    left: 0;  transition: all 0.2s ease 0s;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.main-banner-style01 img{min-height: 250px !important; width: 100% !important;  object-fit:cover;}
.an-text{margin-bottom: 0.75rem}
.an-time{margin-bottom: 0.75rem}

.announcements h2{font-size: 28px;}

.scdnFaq .el-collapse-item__header h5{text-indent: -1.3em; padding-left: 1.3em;}

@media (min-width:576px){
    .banner-img img{height: 320px;}
    .main-banner-style01{height: 250px;}
    .w-60{width: 100% !important;}
    .w-75{width: 100% !important;}
    .navbar-collapse{margin-top:0.25rem}
    .portal-sign-in{padding:8px 27px;}
    .portal-register{padding:8px 27px;}

    h1{font-size: 1.5rem; margin-bottom: 0.75rem}
    .h3{font-size: 1rem}
    .main-banner-style01 img{height: 250px !important; width: 100% !important;  object-fit:cover;}
    .nav-container .nav-link{margin-right: 2rem}
    .scdn .nav-container .nav-link{margin-right: 1.5rem}
    .scdn h2{font-size: 1.5rem}

}

@media (min-width:768px){
    .main-banner-style01{height: 350px;}
    .w-90{width: 100% }
    .main-banner-style01 img{height: 350px !important; width: 100% !important;  object-fit:cover;}
    h1{font-size: 3.5rem; }
    .h3{font-size: 1.5rem}
    .nav-container .nav-link{margin-right: 2rem}
    .scdn .nav-container .nav-link{margin-right: 1.5rem}
    .navbar-logo img{height: 32px;}
    .index-body .product-list-index .carousel-indicators{bottom: -50px}
}


@media (min-width:992px){
    .w-60{width: 94% !important;}
    .w-75{width: 75% !important;}
    .main-banner-style01{height: 410px;}
    .main-banner-style01 img{height: 410px !important; width: 100% !important;  object-fit:cover;}
    .navbar-nav > li > a { position: relative;
        display: block;font-weight: 500;
        padding: 20px 37px 18px 27px;
        color: #1d184a;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;

    }
    .nav-container .nav-link{margin-right: 2rem}
    .navbar-collapse{margin-top:auto}
    .portal-sign-in{padding:0 2rem 0 0; align-self: center}
    .portal-register{padding:0;align-self: center}
    .nav-container .nav-link{margin-right: 4rem}
    .scdn .nav-container .nav-link{margin-right: 4rem}
    .scdn h2{font-size: 2.5rem}
}
@media (min-width:1200px){
    .w-60{width: 88% !important;}
    .wrap-main{width: 80% !important;}
    .el-image-viewer__canvas{width: 90%; margin: 0 auto}
    .main-banner-style01{height: 480px;}
    .main-banner-style01 img{min-height: 480px !important; width: 100% !important;  object-fit:cover;}
    .w-90{width: 90%}
    h1{font-size: 3.5rem; margin-bottom: 1.5rem}
    h3{font-size: 1.5rem}

}
@media (min-width:1600px){
    .w-60{width: 75%}
    .wrap-main{width: 75%}
    .el-image-viewer__canvas{width: 75%; margin: 0 auto}
}
@media (min-width:1920px) {
    .w-60{width: 60% !important;}
    .col-md-img.w-60{width:60% !important; margin: auto}
    .wrap-main{width: 60%}
    .el-image-viewer__canvas{width: 60%; margin: 0 auto}
}

@media (max-width:992px){
    .col-md-img{padding-top:1.5rem; padding-bottom: 1.5rem; text-align: center}
    .footer-widget-area-0{width: 100% !important;}
    .footer-widget-area-1{width: 49% !important;}
    .footer-widget-area-2{width: 49% !important;}
    .footer-widget-area-3{width: 49% !important;}
    .footer-widget-area-4{width: 49% !important;}
}
@media (max-width:768px){
    .carousel-caption{left: 5%; right: 5%}
    h1{font-size: 2rem}
    .h3{font-size: 1rem}
    .carousel-caption h1{margin-bottom: 1rem}
    .w-60{width: 100%}
    .main-banner-style01{height: 250px;}


}
@media (max-width:576px){
    .footer-widget-area-0{width: 100% !important;}
    .footer-widget-area-1{width: 100% !important;}
    .footer-widget-area-2{width: 100% !important;}
    .footer-widget-area-3{width: 100% !important;}
    .footer-widget-area-4{width: 100% !important;}
    h2{font-size: 2rem}
    .py-lg-5,.py-5,.index-body .py-5,.scdn .py-lg-5{padding-top:1.5rem !important; padding-bottom: 1.5rem !important;}
    .index-body .accordion-item .accordion-button{font-size: 1.1rem}
    .fs-5{font-size: 1.1rem !important}
    .footer-widgets .wrap > div{min-height: auto;}
    .footer-widgets .wrap h2{margin-bottom: 1rem}
    .p-5,.scdn .p-5{padding:1.5rem !important}
    .py-4,.pb-4{padding-top:1rem !important; padding-bottom: 1rem !important;}
    .my-4{margin-top:1rem !important; margin-bottom: 1rem !important;}
    .col-md-img.w-75{width: 75% !important; margin: auto}
    .col-md-img.w-60{width:60% !important; margin: auto}
    .subnav .nav-item{ text-align: center; width: 48%; margin: 8px 1%;}
    .nav-container .nav-link{margin-right: 0; border: 1px solid #ededed; height: 44px; line-height: 44px}
    .nav-container .nav-pills .nav-link.active{background: #0e6eb9; color: #fff; border-color:#0e6eb9; border-radius: 0.375rem; }
    .main-banner-style02 .col-sm-1.position-relative{display: none!important;}
    .navbar-nav li a{padding-left: 0 !important; padding-right: 0 !important;}
    .portal-sign-in{padding-bottom: 20px;}
    .navbar-nav ul{position: static}
    .navbar-nav > li.has-sub > ul{opacity: 1; margin: 0; box-shadow: none; padding:5px 0; border-color: #fff}
    .cdnFaq .el-collapse-item__header h5{text-indent: -1.3em; padding-left: 1.3em; font-size: 1rem; line-height: 1.5 !important;}
    .swiftfederation{font-size: 1.05rem !important;}
    .scdn-index-feature-text{order: 1}
    .scdn-index-feature-img{order: 2}
    .lb-txt-16{font-size: 1rem;}
    .malt-style h5{font-size: 1rem}
    .compare-box .item:first-child{display: none}
    .compare-box .item{width: 50%; font-size:14px; margin-bottom: 0.75rem;}
    .compare-box .item h3{font-size: 1.2rem}
    .compare-content table td{font-size: 12px;}
    .mobile-hidden{display: none}
    /*.cdn-body{padding-top: 0px}*/
    .el-collapse-item__header,.second-line-height .el-collapse-item__header{min-height: 48px; height: auto !important; padding-top: 10px; padding-bottom: 10px;}
    .fixedNav{position: relative}
    .scrollHeader{display: block !important;}
}