html{box-sizing:border-box;-webkit-text-size-adjust:100%}
*,:before,:after{box-sizing:border-box}
*{
    font-family: 'Poppins', sans-serif;
}
.wrapper{

    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border: 0 solid #1b99d9;
    padding: 0 20px;
    box-sizing: border-box;
    display: block;
}
.index_new .footer-main {
    width: 100%;
}
a{text-decoration: none;}
a img{border:none;outline:none;}
img{border:none;outline:none}
html,body{margin:0;width:100%;height:100%}
section{display:inline-block}
audio,canvas,video{display:inline-block}
body{font-family:sans-serif}
body{font-family:open sans,verdana,tahoma;font-size:1em;line-height:24px;color:#333;background:#fff;margin:0 auto;letter-spacing:.3px;font-style:normal}
h2{margin:0;font-size:2em;font-weight:400;color:#666}
h3{font-size:1.375em;line-height:70px;border-bottom:1px solid #e5e5e5;color:#323434;margin:0;padding:0;font-weight:400;width:100%;padding-left:2%}
h3 span.notetext{padding-right:2%;font-size:.75em;float:right;color:#666}
h4{font-size:1em;margin:0;padding:0;line-height:32px;font-weight:400;color:#669630}
h4 a{color:#3d95b6;text-decoration:none;border:0}
h5{font-size:1.125em;font-weight:400;margin:20px 0;padding:0;line-height:30px;color:#666}
h6{font-size:1em;font-weight:400;margin:0;padding:0;color:#666;margin-top:30px}
hr{margin-bottom:15px}
header,footer,nav,aside,article,section,menu{display:block}
.left{float:left}
.right{float:right}
.clear{clear:both}
.wrapper,.static-wrapper{margin:0 auto}
.wrapper_main{margin:0 auto}
.container{width:100%;max-width:1260px;margin:0 auto}





/* banner css starts */

p{font-size:16px;color: #000;}
.banner_sec{background: transparent linear-gradient(99deg, #FFF6DF 0%, #C2DFF8 100%) 0% 0% no-repeat; padding:38px 0 40px;background-size: cover;margin-top: 68px;}
.banner_content_area{display:flex;gap:10px;padding-bottom: 20px;margin-top: 35px;align-items: center;}
.banner-left{width:60%}
.banner-left p{margin:0 0 34px 0;color: #101010;width: 78%;line-height: 31px;}
.banner-right{
    width: 50%;
    position: relative;

}

.banner-right img{width:540px;margin:0 }
.banner_content_area h1{color:#101010;font-size:37px;font-weight:600;width:86%;line-height:55px;margin:-8px 0 24px 0;}

.get-started-btn{border-radius:30px;padding:12px 30px;font-weight:600;color:#fff;width:auto;display:inline-flex;background-color: #F25B3D ;border:1px solid #F25B3D;font-size:18px;align-items:center;transition: all .3s ease;}
.get-started-btn:hover{background-color: #fff;color: #0071bc;border: 1px solid #0071bc;}


.features_sec{float:left;width:100%;padding:80px 0;background-color:#fff}
.features_sec h2{color:#000;font-size:30px;font-weight:600;text-align:center;margin-bottom: 50px;line-height: 40px;}
.features-container{display: grid;grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));gap: 40px 25px;}
.feature{border-radius: 15px;padding: 40px 20px 24px 20px;}
.feature.remove{margin-right: 0;}
.feature:hover{background: #fafafa;}
.feature h3{color:#000;font-size:18px;font-weight:600;line-height: 30px;border-bottom: 0;padding-left: 0;}
.feature h3 a{color: #000;transition: 0.2s;}
.feature h3 a:hover{color: #0071bc;}
.feature p a{color: #0071bc;}
.feature p a:hover{color: #000;}
.feature p{color:#000;font-size:16px;line-height: 28px;}
.features-icon{width:80px;height:70px;background:url(../../source/images/performance_icons.svg);background-repeat:no-repeat;background-position:-13px -30px;display:inline-block;margin-bottom: 14px;}
.features-icon.icon2{background-position:-13px -185px}
.features-icon.icon3{background-position:-13px -338px}
.features-icon.icon4{background-position:-13px -498px}
.features-icon.icon5{background-position:-13px -651px}
.features-icon.icon6{background-position: -13px -808px;}
.features-icon.icon7{background-position: -13px -967px;}
.features-icon.icon8{background-position: -13px -1122px;}
.features-icon.icon9{background-position: -13px -1280px;}
.features-icon.icon10{background-position: -13px -1431px;}
.features-icon.icon11{background-position: -13px -1588px;}
.features-icon.icon12{background-position: -13px -1745px;}

.more-list{float: left;width: 100%;padding: 70px 0 60px;background-color: #F9F9F9;}
.more-list h3{padding-left: 0;border-bottom: 0;font-size: 30px;font-weight: 600;line-height: 28px;margin-bottom: 20px;color: #000;}
.more-list ul{list-style-type: none;padding-left: 0;margin: 0;}
.more-list li{background: url(../../source/images/perfomance_tick.svg) no-repeat 0 5px;padding-left: 27px;padding-bottom: 14px;
line-height: 32px;font-size: 16px;background-size: 18px 21px;color: #000;
}


@media only screen and (max-width: 1200px) {
    .banner-right img{width: 450px;}
    .banner_sec .bg-img {left: 48px;top: 265px;}
    .banner_sec .soho-details {padding: 20px 30px 30px 30px;}
}

@media only screen and (max-width: 1180px) {
    .banner_content_area h1{width: 90%;}
   .banner-left {
    width: 48%;
}
}
/* @media only screen and (max-width: 1140px) {
    .banner_sec .bg-img {
        position: absolute;
        top: 285px;
        width: 395px;
        left: 144px;
    }
} */
@media only screen and (max-width: 1024px) {
    .feature{padding: 40px 20px 24px 20px;}
    .industry{padding: 40px 25px 24px 25px;}
   /* .banner_sec .bg-img {
       position: absolute;
        top: 300px;
        width: 390px;
        left: 48px;
    } */
    .banner-right {
    width: 52%;
    }
    .banner_content_area h1 {
    font-size: 38px;
    }
    .banner-right img.iocn {width: 95px;}
    .banner_sec .soho-details {padding: 20px 25px 30px 25px;}
    .banner_sec .soho-details b.frs-year-value {font-size: 24px;}
     ul.secondary_wrap{padding: 0 !important;}
}
@media only screen and (max-width: 980px) {
    .banner_content_area h1 {
        width: 100%;
    }
.banner_content_area {
    gap: 0px;
    padding-bottom: 0px;
}
.banner-left p {
    margin: 0 0 20px 0;
    width: 100%;
}
    .banner_sec .banner-right {
display: none;
    }
.banner-left p.app-txt{margin: 0 0 0 0;}
    .banner_sec .price-element:hover img.arrow {
    transform: translateY(-6px);
}
    .banner_sec .price-element {width: 90%;}
     .banner_sec .bg-img {display: none;}
    .banner_sec{padding: 29px 0 70px;}
    .banner_sec {margin-top: 60px;}
    .banner_content_area {flex-direction: column;}
    .banner_sec .banner-right {width: 100%;}
    .banner_sec .banner-right .price-container {margin-top: 45px;}
    .banner-left{width: 100%;}
    .header{border-bottom: none;}
    .feature:last-child{margin: 0 10px 0 10px;}
    .industry{width: 55%;margin: 0 auto;}
    .plan_sec{margin-top: 10px;padding: 60px 0 55px;}
    .plan_wrap{box-shadow: none;margin: 0;}
    .plan_wrap .plan_items{width: 60%;border-right: 0;box-shadow: 0 0 8px #a2a2a2d4;border-radius: 15px;margin:10px 0 30px;}
}
@media only screen and (max-width: 768px) {
     .plan_wrap .plan_items, .industry{width: 70%;}
    .feature.remove,  .feature:last-child{margin: 0 auto;}
    .banner_content_area h1 {width: 85%;}
}
@media only screen and (max-width: 767px) {
    .banner_sec .price-element {
        width: 100%;
    }
}
@media only screen and (max-width: 640px) {
    .banner_content_area h1{width: 100%;}

}
@media only screen and (max-width: 540px) {
    .feature, .plan_wrap .plan_items, .industry{width: 100%;}
}
@media only screen and (max-width: 520px) {
.banner_sec .soho-img img.arrow{display: none;}
   .banner-right span.rdp-off {
    left: 0;
    transform: none;
}
.banner-right {
    width: 50%;
    box-shadow: none;
    padding: 60px 0 0 0;
    border-radius: 30px;
    position: relative;
    background-color: transparent;
}
   
}

@media only screen and (max-width: 480px) {
    .banner_content_area h1{font-size: 30px;line-height: normal;}
    /* .banner_sec .soho-img img {display: none;} */
    
}
@media only screen and (max-width: 480px) {
.features-container {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
}
@media only screen and (max-width: 320px) {
.banner_content_area .save-50 {font-size: 28px;}
}
.logo-sec {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin-top: 20px;
}

.logo-sec .comp-2 {
    width: 85px;
    height: 75px;
}
.logo-sec span.iso-logo {
    background: url(../../source/images/logo-sprite-footer.svg) no-repeat -3px 2px;
    width: 85px;
    height: 75px;
    position: relative;
    margin-right: 15px;
}
.pseudo-link {
  color: #0066cc;
  cursor: pointer;
}


@media only screen and (max-width: 980px) {.logo-sec {justify-content: center;}}
@media only screen and (min-width: 1500px) {.banner_sec {padding: 50px 0 75px;}}