*================== accordian css */
.add-on {font-size: 10px;font-weight: 600;}
.red-star{color:#e07879}
.windowsmonoTable td.padd-none {padding: 0 !important;}
.bdr-none td{border:none  !important;    padding: 15px 0px !important;}
.accordion_head.active	{background: #F9F9F9;color: #85b536 !important;}
.accordion_container {width: 100%;}
.accordion_head {
color: #09C;cursor: pointer;font-size: 14px;margin: 0 0 1px 0;padding:12px;font-family: 'Open Sans',sans-serif;border-bottom: 1px solid #efefef;position: relative;
}
.accordion_body {background: #F9F9F9;padding: 12px;}
.accordion_body p{margin: 0px;}
.plusminus{font-size: 20px;position: absolute;right: 20px;top: 10px;}	
.faqh {font-size: 18px;margin: 0;color:#09C;}
.accordion_head.active .faqh {background:#F9F9F9;color: #85b536 !important}
/*================== accordian css end */	
<script>
 $(".accordion_head").click(function(){	 
       $(".accordion_head").removeClass('active');	 
       if ($('.accordion_body').is(':visible')) {	 
         $(".accordion_body").slideUp(300);	 
         $(".plusminus").text('+');	 
       }	 
     	 
       if($(this).next(".accordion_body").is(':visible')){	 
           $(this).next(".accordion_body").slideUp(300);	 
           $(this).children(".plusminus").text('+');                     	 
           $(this).children(".plusminus").text('+');	 
           //$(this).children('.accordion_head').removeClass('active');	 
       }else {	 
           $(this).next(".accordion_body").slideDown(300); 	 
           $(this).children(".plusminus").text('-');                     	 
           $(this).addClass('active');	 
           //$(this).children('.accordion_head').addClass('active');	 
     	 
       }
 });


    .heading-menu{display:none;}


    .txt-hglt {color:#f90202;}

    .no-gutter [class*="col-"] {padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .col-1 {width: calc(1 / 12 * 100%);}
    .col-2 {width: calc(2 / 12 * 100%);}
    .col-3 {width: calc(3 / 12 * 100%);}
    .col-4 {width: calc(4 / 12 * 100%);}
    .col-5 {width: calc(5 / 12 * 100%);}
    .col-6 {width: calc(6 / 12 * 100%);}
    .col-7 {width: calc(7 / 12 * 100%);}
    .col-8 {width: calc(8 / 12 * 100%);}
    .col-9 {width: calc(9 / 12 * 100%);}
    .col-10 {width: calc(10 / 12 * 100%);}
    .col-11 {width: calc(11 / 12 * 100%);}
    .col-12 {width: calc(12 / 12 * 100%);}
    [class*="col-"] {padding: 0px;box-sizing: border-box;-webkit-box-sizing: border-box;}
        
    .row::after {content: "";clear: both;display: table;}
    .row{display: -ms-flexbox;display: -webkit-flex; display: flex;flex-wrap: wrap;align-items:center; padding: 0;}
    .flx-start {align-items:flex-start;} .flx-normal {align-items:normal;}


    @media screen and (max-width: 768px) {
        [class*="col-"] {width: 100%;}
    /*.snap1 > img {width:130px;}
    .snap2 > img {width:250px;}
    .snap3 > img {width:370px;}
    .snap4 > img {width:500px;}*/
    }
    @media screen and (max-width: 1000px) {
        .divChart [class*="col-"] {width: 100%;text-align:center;} .ulCircle {-webkit-transform:scale(1);transform:scale(1)}
    }
    @media (max-width: 1024px) {
    .div-note.pos1 {right: -130px;top: -15px;}
    .div-note.pos2 {left: -230px;top: -60px;}
    .div-note.pos3 {right: -310px;top: -80px;}
    .div-note.pos4 {left: -290px;top: -40px;}
    }
    @media (min-width: 1200px) {
    .container {max-width:1170px;}
    }
    @media (max-width: 1200px) {
    .container {max-width:99%;}.triangle-con {-webkit-transform:scale(.6);transform:scale(.6);}
    }
    @media (min-width: 1400px) {
    .container {max-width:1315px;}
    }

    .sub-heading{    font-weight: 600;
        line-height: 28px;
        font-size: 16px;
        
    }
    .sec-pTB{padding: 20px 0px;}

    .sub-head{  padding: 0px;
        margin-top: 0px;
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0 20px;
        color: #333;
        font-weight: 400;}
    h1.sub-head{
        margin-bottom: 0px;
        font-size: 35px;
        line-height: 45px;
        margin: 20px 0 20px;
        color: #333;
        letter-spacing: -1px;
        font-weight: 400; text-align: center;}
    .hglt1 {background: #f9f9ff;}
    p{line-height: 26px;}
    ul.custom-btn-list {margin-top: 30px;}
    .rhs-cont ul li {padding-left: 0px;margin-bottom: 10px;}

    ul.listed {display: inline-block; list-style: disc; padding-left: 30px;}
    .listed li {  padding: 5px 10px;}
    .listed li:last-child {margin-bottom: 0;}
    /* .listed li:after{content: '';display: block;width: 6px;height: 14px;border:solid #46b568;border-width: 0 2px 2px 0;transform: rotate(45deg);position: absolute;left: 5px;top: 16px;} */

    .listed li:nth-child(1){ -webkit-animation:AnimFadeUp 1s ease-in-out;animation:animation:AnimFadeUp 1s ease-in-out;}
    .listed li:nth-child(2){ -webkit-animation:AnimFadeUp 2s ease-in-out;animation:animation:AnimFadeUp 2s ease-in-out;}
    .listed li:nth-child(3){ -webkit-animation:AnimFadeUp 3s ease-in-out;animation:animation:AnimFadeUp 3s ease-in-out;}
    .listed li:nth-child(4){ -webkit-animation:AnimFadeUp 3s ease-in-out;animation:animation:AnimFadeUp 4s ease-in-out;}

    .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
    .swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;padding-bottom:25px;}
    .swiper-slide img {width: 90%;border:1px solid #ddd;}
    .swiper-slide {text-align: center}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px !important;}

    .swiper-button-next, .swiper-button-prev {-webkit-filter: grayscale(100%);filter: grayscale(100%);top:38%;}
    .swiper-pagination-bullet-active {background: #000;}
    .div-bg{background:#f2f2f2;}.rhs-cont img{border:solid 1px #ddd;}
    #VideosAndLogos{background:#efefef;}
    .img-wrapper img{max-width: 100%; padding: 15px; margin: 20px 0px 30px;}
    .sub-para{margin: 0px;;}

    /* .custom-slider {background: #f5f5f5;padding: 10px;margin-top: 50px;} */

    .custom-slider .sub-head{    text-align: left;
        padding: 0px 0px 30px;
        margin: 0;}

        h1, .pg-head, .hTag1{font-size: 34px;}

    .bdr-btm{border-bottom: 1px solid #ddd;}
    .pad-btm-none {padding-bottom: none;}

    .flex-row{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: center;}
    .flex-box {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
    ul.btn-list{list-style: none;margin: 0 auto;padding: 0;}
    ul.btn-list li{margin: 15px 0px;padding: 0; margin: 15px 15px; float: left;}
    ul.btn-list li a{padding: 18px 20px;display: block;color: #fff;font-size: 18px;text-align: center;background: #e9122b;transition:transform .3s cubic-bezier(.68, -.55, .265, 1.55)}
    ul.btn-list li a:hover{background: #db132a;text-decoration: none;transition: all 300ms ease;}
    a.green-btn{background:#07c387  !important;}
    a.green-btn:hover{background:#07a875 !important; transition: all 300ms ease;}
    ul.btn-list li a img{width: 30px; margin-right:5px; border: none;}


    .custom-slider .swiper-button-next, .swiper-button-prev{height: 28px;}
    .custom-slider .swiper-button-next{right: 0px;}
    .custom-slider .swiper-button-prev{left: 0px;}

    .custom-slider .fl.per50{width:32%; padding:0px;}
    .custom-slider .fr.per50{width:64%;}

    .quote {
        text-align: center;
        font-size: 15px;
        padding: 30px 15px;
        margin-bottom: 40px;
        border: .5px solid #fff9d9;
        width: 100%;
        -webkit-box-align: center;
        vertical-align: middle;
        line-height: 25px;
        background-color: #fff9d9;
    }

    .quote .quote-icon {
        background: url(images/quote.svg) top center no-repeat;
        height: 30px;
        width: 30px;
        background-size: cover;
        filter: grayscale(1);
        opacity: 0.2;
        display: inline-block;
    
    }

    .quote .rotate-quote {transform: rotate(180deg);}

    .demo-strip {
        border: .5px solid #fff9d9;
        -webkit-box-align: center;
      
        vertical-align: middle;
        text-align: center;
        line-height: 25px;
        background-color: #fff9d9;
        margin-bottom: 40px;
        position: relative;
        padding: 30px 20px 20px 90px;
    }

    .demo-icon {
        position: absolute;
        top: 20px;
        left: 20px;
        margin: 0 0 !important;
        border: none !important;
        z-index: 9;
    }   
    .demo-strip p {
        display: inline-block; margin: 0px;
    }

    .quote-icon{
        position: absolute;
    z-index: 999;
    top: -25px;
    right: 30px;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 64px;
    background: #f5ebad;
    color: #1b1f2e;
    font-size: 18px;
    }
        .quote-icon	img {
        max-width: 20px;
        transform: rotate(180deg); border: none;
    }

    .customer-icon-wrapper {
        height: 60px;
        width: 60px;
        overflow: hidden;
        background: #ddd;
        border-radius: 50%;
    }
    .customer-icon-wrapper img {max-width: 80%;}



    .mb0{margin-bottom: 0px;}

    .tac{text-align: center !important}

    .banner {
        background: #e7e8ea !important;
        position: relative;
    }

    .banner-content {
        padding: 0px 0;
        position: relative;
        z-index: 1;
        text-align: center;

        animation: anim 2s ease-in-out;transition: all .5s ease-in-out;opacity:1;
    }
    .banner h1 {
        padding: 0px 0;
        font-size: 35px;
        line-height: 48px;
        color: #fff;
        margin: 0px 0px 20px;
    }
    .banner p {
        
        font-size: 18px;
        color: #fff;
        margin: 0 0 10px;
    }
    .banner a {
        display: inline-block;
    
        
        color: #000;
    
        border-radius:8px;
        font-size: 16px;
    }


    .demo-btn{transition: all 300ms ease;}
    .demo-btn:hover {
        background: #f5c817;
        color: #000;
        transition: all 300ms ease;text-decoration: none;
    }

    a.disable{cursor:not-allowed;}

    .white-box{    background: #fff;padding: 30px 40px;}
    .white-box li{    margin-bottom: 15px;}
    .white-box li{   color: #138cd6;
        text-decoration: none;
        background: #f8f8f8;
        display: block;
        padding: 5px 10px;transition: all 300ms ease;}
        .white-box li a{color: #138cd6;}

    .white-box li:hover{transition: all 300ms ease; margin-left: -7px;
        transition: all 300ms ease;}    
    .white-box .sub-head{font-size: 16px; font-weight: 600;}

    .img-wrapper {
        position: relative;
    }
    .img-div {
        background:transparent;
        height: 100px;
        width: 190px;
        cursor: pointer;
    }

    .img-wrapper .pos1 {    position: absolute;
        top: 2%;
        left: 1%;}
    .img-wrapper .pos2 {    position: absolute;
        top: 65%;
        left: 1%;}
    .img-wrapper .pos3 {position: absolute;
        top: 0;
        right: 7%;;}
    .img-wrapper .pos4 {    position: absolute;
        bottom: 0;
        right: 7%;}

        .custom-btn-list li {
            display: inline-block;
            margin: 20px 35px;
            position: relative;
        }
        
        .custom-btn-list li a {
            background: #46b568;
            display: inline-block;
            color: #fff;
            padding: 10px 25px;
            text-align: center;
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;    transition: all 300ms ease;
        }
        
        .custom-btn-list li a:hover{background:#2b9c4e; text-decoration: none;    transition: all 300ms ease;}
        .custom-btn{background: #fed32b;color: #000;margin-top: 10px;font-size: 16px;padding: 14px 55px;border-radius: 50px;margin: 0px 25px;border-radius: 4px;border: 3px solid transparent;}
        .icon-wrapper {
            top: 0px;
            width: 42px;
            height: 42px;
            background-image: url(images/opm-button-icon.png);
            background-repeat: no-repeat;
            background-size: 290px;
            position: absolute;
            transition: all 0.5s ease;
            left: 6px;
            border: 1px solid #46b568;
            border-radius: 50px;
            background-color: #fff;
            display: none;
        }
        
    .icon-wrapper.icon1 {
            background-position: 3px 0px;
        }
    .icon-wrapper.icon2 {
            background-position: -36px 0px;
        }
    .icon-wrapper.icon3 {
            background-position: -81px 0px;
        }
    .icon-wrapper.icon4 {
            background-position: -127px -2px;
        }
        .icon-wrapper.icon5 {
            background-position: -171px 0px;
        }
    .icon-wrapper.icon6 {
            background-position: -210px -1px;
        }
        .icon-wrapper.icon7 {
            background-position: -248px -1px;
        } 

    /* =========== div chart circle css ==========*/

    .circle-con {
        margin: 70px 0px 40px;
    }

        .ulCircle{margin: 0 auto;padding:0;width: 350px;height: 350px;position: relative;border:solid 5px #d6d6d6;border-radius:100%;-webkit-transform:scale(.9);transform:scale(.9);transition:all .3s ease-in-out;}
        .ulCircle li {position:absolute;border-radius:100%;width:120px;height:120px;text-align:center;display:flex;align-items:center;align-content:center;color:#464646;transition:all .3s ease-in-out;border:solid 1px #33ae64;background:#fff;
        overflow: hidden;}
        .ulCircle li:nth-child(1){       left: 120px;
            top: -55px;
        }
        .ulCircle li:nth-child(2){    left: 290px;
            top: 40px;}
        .ulCircle li:nth-child(3){left: 290px;
            top: 210px;
        }
        .ulCircle li:nth-child(4){left: 120px;
            top: 300px;}
        .ulCircle li:nth-child(5){    right: 290px;
            top: 210px;}
        .ulCircle li:nth-child(6){    right: 290px;
            top: 40px;}
        .ulCircle li:nth-child(7){    left: 102px;
            top: 100px;
            width: 170px;
            height: 170px;
            border: 1px solid #dfdfdf;}

            .ulCircle li a{    color: #444;
                text-decoration: none;
                align-items: center;
                justify-content: center;
                display: flex;
                height: 100%;
                width: 100%;}    
                .ulCircle li a:hover{    color: #fff;
                    background: #46b568;}          
        

        .cen {position:relative;line-height: 22px;flex:1;color:#000;text-align:center;  font-size: 24px; font-weight: 400;}
        
        .cen > img {width:100%;max-width:100px;}
        .cen > p {margin:0;font-weight:700;}






    @media (max-width: 1045px) {
        .custom-slider .per50{width: 100% !important; height: auto !important;}
        .custom-slider .fr.per50{border-left: none;}

    }



    @media only screen and (min-width: 1046px) and (max-width: 1299px) {
        ul.btn-list li a { padding: 16px 36px;font-size: 16px;}
        ul.btn-list li a img{width: 24px;}
        
        }
    .mdlshow{display:none}    

    @media screen and (max-width:600px){
    .mdlshow{display:block;text-align:center}
    .mdlshow h3{font-weight:600;margin: 20px 0 5px 0}
    .per50.mblhide{display:none!important}
    .banner h1{font-size: 22px;  line-height: 48px;}
    h1{font-size: 24px;line-height: 32px;}
    .custom-btn-list li a{min-width: 266px;}
    .circle-con {transform: scale(0.8);}


    }

    @media screen and (max-width:767px){

        .img-wrapper .pos1 {    position: absolute;
            top: 2%;
            left: 1%;}
        .img-wrapper .pos2 {    position: absolute;
            top: 65%;
            left: 1%;}
        .img-wrapper .pos3 {position: absolute;
            top: 0;
            right: 8%;;}
        .img-wrapper .pos4 {    position: absolute;
            bottom: 0;
            right: 8%;}

            .sub-head{line-height: 34px; font-size: 26px;}
            .img-wrapper img{max-width: 95%;}
            
           
            


    }