[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

[data-aos=fade-up] {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

[data-aos=fade-down] {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

[data-aos=fade-right] {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0)
}

[data-aos=fade-left] {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate3d(-10%, 10%, 0);
    transform: translate3d(-10%, 10%, 0)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate3d(10%, 10%, 0);
    transform: translate3d(10%, 10%, 0)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate3d(-10%, -10%, 0);
    transform: translate3d(-10%, -10%, 0)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate3d(10%, -10%, 0);
    transform: translate3d(10%, -10%, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

[data-aos=zoom-card] {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

    [data-aos=zoom-card].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

[data-aos=zoom-in] {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 10px, 0) scale(0.8);
    transform: translate3d(0, 10px, 0) scale(0.8)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -10px, 0) scale(0.8);
    transform: translate3d(0, -10px, 0) scale(0.8)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-10px, 0, 0) scale(0.8);
    transform: translate3d(-10px, 0, 0) scale(0.8)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate3d(10px, 0, 0) scale(0.8);
    transform: translate3d(10px, 0, 0) scale(0.8)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

[data-aos=slide-up] {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
}

[data-aos=slide-down] {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
}

[data-aos=slide-right] {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0)
}

[data-aos=slide-left] {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0)
}

[data-aos=slide-up-right] {
    -webkit-transform: translate3d(-10%, 10%, 0);
    transform: translate3d(-10%, 10%, 0)
}

[data-aos=slide-down-left] {
    -webkit-transform: translate3d(10%, -10%, 0);
    transform: translate3d(10%, -10%, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

    [data-aos=flip-left].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

    [data-aos=flip-right].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

    [data-aos=flip-up].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

    [data-aos=flip-down].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:hover {
        color: #0056b3;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014 \00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

    .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .table .table {
        background-color: #fff
    }

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6
    }

    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0.075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0,0,0,0.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,0.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,0.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #32383e
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,0.05)
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,0.075)
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive > .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25)
    }

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

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

    .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

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

    .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40,167,69,0.8);
    border-radius: .2rem
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745
}

    .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.25)
    }

    .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
        display: block
    }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        background-color: #71dd8a
    }

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 0.2rem rgba(40,167,69,0.25)
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

    .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before {
        border-color: inherit
    }

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,0.8);
    border-radius: .2rem
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545
}

    .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25)
    }

    .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block
    }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        background-color: #efa2a9
    }

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 0.2rem rgba(220,53,69,0.25)
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

    .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
        border-color: inherit
    }

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .btn:focus, .btn:hover {
        text-decoration: none
    }

    .btn.focus, .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25)
    }

    .btn.disabled, .btn:disabled {
        opacity: .65
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer
    }

        .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
            background-image: none
        }

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.5)
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success.focus, .btn-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info.focus, .btn-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(23,162,184,0.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23,162,184,0.5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning.focus, .btn-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.5)
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger.focus, .btn-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light.focus, .btn-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.focus, .btn-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5)
        }

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.5)
        }

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5)
        }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(23,162,184,0.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23,162,184,0.5)
        }

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.5)
        }

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5)
        }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5)
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent
    }

    .btn-link.focus, .btn-link:focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d
    }

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.show {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.show {
        display: block
    }

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        flex: 0 1 auto
    }

        .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
            z-index: 1
        }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
            z-index: 1
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after {
        margin-left: 0
    }

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical .btn, .btn-group-vertical .btn-group {
        width: 100%
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
            z-index: 3
        }

        .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
            margin-left: -1px
        }

        .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.input-group-append, .input-group-prepend {
    display: flex
}

    .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2
    }

        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
        margin-top: 0
    }

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff,0 0 0 0.2rem rgba(0,123,255,0.25)
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    margin-bottom: 0
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #dee2e6
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(128,189,255,0.5)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        opacity: 0
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-control {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25)
    }

        .custom-file-input:focus ~ .custom-file-control::before {
            border-color: #80bdff
        }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(calc(2.25rem + 2px) - 1px * 2);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 .25rem .25rem 0
    }

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar > .container, .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,0.9)
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,0.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,0.3)
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,0.9)
    }

        .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
            color: rgba(0,0,0,0.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,0.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,0.25)
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
            color: #fff
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,0.03);
    border-top: 1px solid rgba(0,0,0,0.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 15px
    }

@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group {
    display: flex;
    flex-direction: column
}

    .card-group > .card {
        margin-bottom: 15px
    }

@media (min-width: 576px) {
    .card-group {
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0
                }

            .card-group > .card:only-child {
                border-radius: .25rem
            }

                .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
                    border-top-left-radius: .25rem;
                    border-top-right-radius: .25rem
                }

                .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
                    border-bottom-right-radius: .25rem;
                    border-bottom-left-radius: .25rem
                }

            .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0
            }

                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
                    border-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25)
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

    .badge-primary[href]:focus, .badge-primary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0062cc
    }

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

    .badge-secondary[href]:focus, .badge-secondary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #545b62
    }

.badge-success {
    color: #fff;
    background-color: #28a745
}

    .badge-success[href]:focus, .badge-success[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1e7e34
    }

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

    .badge-info[href]:focus, .badge-info[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #117a8b
    }

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

    .badge-warning[href]:focus, .badge-warning[href]:hover {
        color: #212529;
        text-decoration: none;
        background-color: #d39e00
    }

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

    .badge-danger[href]:focus, .badge-danger[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #bd2130
    }

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

    .badge-light[href]:focus, .badge-light[href]:hover {
        color: #212529;
        text-decoration: none;
        background-color: #dae0e5
    }

.badge-dark {
    color: #fff;
    background-color: #343a40
}

    .badge-dark[href]:focus, .badge-dark[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124
    }

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

    .alert-success hr {
        border-top-color: #b1dfbb
    }

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.125)
}

    .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .list-group-item:focus, .list-group-item:hover {
        z-index: 1;
        text-decoration: none
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
        bottom: 0
    }

        .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
        top: 0
    }

        .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::after, .popover .arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

    .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
        bottom: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
            border-width: .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
            bottom: 0;
            border-top-color: rgba(0,0,0,0.25)
        }

        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
            bottom: 1px;
            border-top-color: #fff
        }

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

    .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
        left: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
            border-width: .5rem .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
            left: 0;
            border-right-color: rgba(0,0,0,0.25)
        }

        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
            left: 1px;
            border-right-color: #fff
        }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
            border-width: 0 .5rem .5rem .5rem
        }

        .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
            top: 0;
            border-bottom-color: rgba(0,0,0,0.25)
        }

        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
            top: 1px;
            border-bottom-color: #fff
        }

    .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

    .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
        right: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
            border-width: .5rem 0 .5rem .5rem
        }

        .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
            right: 0;
            border-left-color: rgba(0,0,0,0.25)
        }

        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
            right: 1px;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block
    }

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right, .carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {
    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left, .carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {
    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        position: relative;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255,255,255,0.5)
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

    .carousel-indicators .active {
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: 0.25rem !important
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: -webkit-sticky) or (position: sticky) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 0.25rem !important
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important
}

.ml-1, .mx-1 {
    margin-left: 0.25rem !important
}

.m-2 {
    margin: 0.5rem !important
}

.mt-2, .my-2 {
    margin-top: 0.5rem !important
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important
}

.mb-2, .my-2 {
    margin-bottom: 0.5rem !important
}

.ml-2, .mx-2 {
    margin-left: 0.5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 0.25rem !important
}

.pt-1, .py-1 {
    padding-top: 0.25rem !important
}

.pr-1, .px-1 {
    padding-right: 0.25rem !important
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem !important
}

.pl-1, .px-1 {
    padding-left: 0.25rem !important
}

.p-2 {
    padding: 0.5rem !important
}

.pt-2, .py-2 {
    padding-top: 0.5rem !important
}

.pr-2, .px-2 {
    padding-right: 0.5rem !important
}

.pb-2, .py-2 {
    padding-bottom: 0.5rem !important
}

.pl-2, .px-2 {
    padding-left: 0.5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: 0.25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: 0.25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: 0.25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: 0.25rem !important
    }

    .m-sm-2 {
        margin: 0.5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: 0.5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: 0.5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: 0.5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: 0.25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: 0.25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: 0.25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: 0.25rem !important
    }

    .p-sm-2 {
        padding: 0.5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: 0.5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: 0.5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: 0.5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: 0.25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: 0.25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: 0.25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: 0.25rem !important
    }

    .m-md-2 {
        margin: 0.5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: 0.5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: 0.5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: 0.5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: 0.25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: 0.25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: 0.25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: 0.25rem !important
    }

    .p-md-2 {
        padding: 0.5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: 0.5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: 0.5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: 0.5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: 0.25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: 0.25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: 0.25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: 0.25rem !important
    }

    .m-lg-2 {
        margin: 0.5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: 0.5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: 0.5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: 0.5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: 0.25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: 0.25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: 0.25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: 0.25rem !important
    }

    .p-lg-2 {
        padding: 0.5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: 0.5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: 0.5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: 0.5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: 0.25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: 0.25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: 0.25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: 0.25rem !important
    }

    .m-xl-2 {
        margin: 0.5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: 0.5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: 0.5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: 0.5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: 0.25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: 0.25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: 0.25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: 0.25rem !important
    }

    .p-xl-2 {
        padding: 0.5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: 0.5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: 0.5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: 0.5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124 !important
}

.text-muted {
    color: #6c757d !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    position: absolute
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        left: -17px;
        top: -6px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px
    }

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%, 0);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,0.25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,0.5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.comp-testimonialhtml {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*, *::before, *::after {
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

button {
    background-color: transparent;
    color: inherit;
    border-width: 0;
    padding: 0;
    cursor: pointer
}

figure {
    margin: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

ul, ol, dd {
    margin: 0;
    padding: 0;
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

p {
    margin: 0
}

cite {
    font-style: normal
}

fieldset {
    border-width: 0;
    padding: 0;
    margin: 0
}

html {
    font-size: 10px
}

body {
    font-family: 'Work Sans', sans-serif;
    background: #fff;
    font-size: 1.25vw;
    letter-spacing: 0px;
    overflow-x: hidden !important;
    width: 100%;
    counter-reset: codeLineNo;
    color: #727781
}

img {
    width: 100%
}

a:hover {
    text-decoration: none;
    color: #3aae97
}

.main {
    width: 100%;
    overflow-x: hidden
}

.cm-line-break {
    display: block
}

.set-bg {
    background-size: cover
}

    .set-bg .fetch-img-src {
        display: none
    }

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transition: all 0.2s ease-in-out
}

    .overlay.active {
        visibility: visible;
        opacity: 1;
        z-index: 20
    }

.hide-desktop {
    display: none
}

.hidden-md {
    display: none !important
}

.container {
    max-width: 80vw
}

    .container:after {
        content: '';
        display: table;
        clear: both
    }

@media (max-width: 992px) {
    .container {
        max-width: 90vw
    }

    body.disable-scroll {
        overflow: hidden
    }

    .hidden-xs {
        display: none !important
    }

    html {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    body {
        font-size: 1.2rem
    }

    .hide-desktop {
        display: block
    }

    .hidden-card-xs {
        display: none !important
    }

    .hidden-xs {
        display: none !important
    }

    .hidden-md {
        display: inline-block !important
    }

    .container {
        padding: 0 18px;
        max-width: 100%
    }

    html {
        font-size: 13px
    }
}

@media (max-width: 568px) {
    html {
        font-size: 12px
    }
}

@media (max-width: 400px) {
    html {
        font-size: 10px
    }
}

.btn {
    border: 1px solid #3aae97;
    color: #3aae97;
    letter-spacing: 1px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    outline: none
}

    .btn.btn-border {
        font-size: 1.09375vw;
        line-height: 1.09375vw;
        text-transform: uppercase;
        padding: 1.64063vw 2.34375vw;
        border-radius: 2.73438vw;
        background-position: center;
        transition: background 0.4s;
        box-shadow: none
    }

        .btn.btn-border .icon {
            display: inline-block;
            transition: -webkit-transform 0.4s ease-out;
            transition: transform 0.4s ease-out;
            transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out
        }

        .btn.btn-border:hover {
            background: #6cc0af radial-gradient(circle, transparent 1%, #3aae97 1%) center/15000%;
            color: #fff
        }

            .btn.btn-border:hover .icon {
                -webkit-transform: translateX(5px) scale(1.06);
                transform: translateX(5px) scale(1.06)
            }

        .btn.btn-border:active {
            background-color: #3aae97;
            background-size: 100%;
            transition: background 0s;
            color: #fff
        }

    .btn.btn-primary {
        color: #fff;
        font-size: 1.09375vw;
        line-height: 1.09375vw;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 1.71875vw 2.34375vw;
        border-radius: 2.34375vw;
        outline: none;
        border-color: #3aae97;
        background-color: #3aae97;
        background-position: center;
        transition: background 0.4s;
        min-width: 15.625vw
    }

        .btn.btn-primary:focus {
            box-shadow: 0 0.3125vw 0.625vw 0 rgba(0,0,0,0.1)
        }

        .btn.btn-primary:not(:disabled):not(.disabled):active {
            background-color: #3aae97;
            border-color: #3aae97
        }

            .btn.btn-primary:not(:disabled):not(.disabled):active:focus {
                box-shadow: 0 0.3125vw 0.625vw 0 rgba(0,0,0,0.1)
            }

        .btn.btn-primary:hover {
            background: #3aae97 radial-gradient(circle, #6cc0af 1%, #3aae97 1%) center/15000%;
            color: #fff
        }

            .btn.btn-primary:hover .icon {
                -webkit-transform: translateX(5px) scale(1.06);
                transform: translateX(5px) scale(1.06)
            }

        .btn.btn-primary:active {
            background-color: #3aae97;
            background-size: 100%;
            color: #fff;
            transition: background 0s
        }

    .btn.btn-gradient {
        background: #48c993;
        background: linear-gradient(to right, #48c993 27%, #3aae97 100%)
    }

    .btn.btn-link {
        padding: .39063vw 0;
        font-size: 1.25vw;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }

        .btn.btn-link .icon {
            display: inline-block;
            vertical-align: middle;
            margin-left: .15625vw;
            font-size: 1.01563vw
        }

        .btn.btn-link:hover {
            text-decoration: none;
            color: #3aae97
        }

    .btn.no-cursor:not(:disabled):not(.disabled) {
        cursor: none
    }

.form-control {
    font-size: 1.25vw;
    line-height: 1.25vw;
    border: 0;
    border-radius: 3.125vw;
    padding: 1.48438vw 2.34375vw
}

@media (max-width: 992px) {
    .btn.btn-border {
        padding: 1.8rem 3.2rem;
        border-radius: 60px;
        font-size: 1.2rem;
        line-height: 1.2rem
    }

    .btn.btn-primary {
        padding: 1.8rem 3.2rem;
        border-radius: 60px;
        font-size: 1.4rem;
        line-height: 1.4rem;
        min-width: 200px
    }

    .form-control {
        padding: 1.4rem 3rem;
        border-radius: 60px;
        font-size: 1.4rem;
        line-height: 1.4rem;
        min-width: 200px
    }
}

@media (max-width: 767px) {
    .btn.btn-primary, .btn.btn-border {
        padding: 1.5rem 5rem
    }

    .btn.typ-big {
        min-width: 18rem
    }
}

.tabs:after {
    content: "";
    display: table;
    clear: both
}

.tabs .tab-links {
    width: 35%;
    border-left: 1px solid #dadada;
    padding-left: 3.08594vw;
    position: relative;
    float: right
}

    .tabs .tab-links .tab-link {
        opacity: 0.24;
        cursor: pointer
    }

        .tabs .tab-links .tab-link.active {
            opacity: 1
        }

            .tabs .tab-links .tab-link.active .title {
                color: #1f2020
            }

        .tabs .tab-links .tab-link .title {
            font-weight: 600;
            font-size: 1.64063vw;
            line-height: 1.66406vw;
            color: #040404;
            text-transform: uppercase
        }

        .tabs .tab-links .tab-link .desc {
            font-size: 1.09375vw;
            line-height: 1.64063vw;
            color: #727781;
            padding-top: .39063vw
        }

        .tabs .tab-links .tab-link:not(:last-of-type) {
            margin-bottom: 3.59375vw
        }

    .tabs .tab-links .indicator {
        position: absolute;
        left: -.15625vw;
        width: .23438vw;
        height: 5.85938vw;
        background: #3aae97;
        border-radius: .78125vw;
        transition: -webkit-transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
        top: 0
    }

.tabs .tab-contents {
    float: left;
    width: 65%;
    position: relative
}

    .tabs .tab-contents .tab-content {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: -1;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
        transition: opacity 0s ease-in, -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, opacity 0s ease-in;
        transition: transform 0.4s ease-in-out, opacity 0s ease-in, -webkit-transform 0.4s ease-in-out
    }

        .tabs .tab-contents .tab-content.active {
            -webkit-transform: scale(1);
            transform: scale(1);
            z-index: 1;
            opacity: 1;
            background: #fff;
            transition: opacity 0.4s ease-in, -webkit-transform 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
            transition: transform 0.4s ease-in-out, opacity 0.4s ease-in, -webkit-transform 0.4s ease-in-out
        }

.tabs.typ-two .tab-links {
    background: #3aae97;
    padding-left: 0;
    width: 25%;
    box-shadow: 0 41px 131px 0 rgba(55,57,55,0.47);
    padding: 2.1875vw 0
}

    .tabs.typ-two .tab-links .tab-link {
        color: #fff;
        opacity: 0.5;
        margin-bottom: 0;
        font-size: .85938vw;
        line-height: 1.17188vw;
        padding: 1.17188vw 0 1.17188vw .39063vw;
        position: relative;
        z-index: 2;
        border-left: 4px solid transparent;
        transition: border 0.4s ease-in, opacity 0.4s ease-in, -webkit-transform 0.4s ease-in;
        transition: border 0.4s ease-in, opacity 0.4s ease-in, transform 0.4s ease-in;
        transition: border 0.4s ease-in, opacity 0.4s ease-in, transform 0.4s ease-in, -webkit-transform 0.4s ease-in
    }

        .tabs.typ-two .tab-links .tab-link:before {
            content: '';
            position: absolute;
            width: 1.17188vw;
            height: 1.17188vw;
            background: #fff;
            border-radius: 50%;
            left: 1.71875vw;
            opacity: 0.2
        }

        .tabs.typ-two .tab-links .tab-link:hover, .tabs.typ-two .tab-links .tab-link.active {
            opacity: 1;
            border-color: #fff
        }

            .tabs.typ-two .tab-links .tab-link:hover:before, .tabs.typ-two .tab-links .tab-link.active:before {
                opacity: 0.5
            }

    .tabs.typ-two .tab-links .indicator {
        height: 3.51563vw;
        background: rgba(205,205,205,0.45);
        width: 100%;
        border-radius: 0;
        z-index: 1;
        left: 0
    }

    .tabs.typ-two .tab-links.animate {
        -webkit-transform: translateX(-25px) scale(1.1);
        transform: translateX(-25px) scale(1.1)
    }

.tabs.typ-two .tab-contents {
    width: 75%
}

.tabs.bqr-tab .tab-content .img-wrap {
    max-width: 31.25vw;
    margin: 0 auto
}

    .tabs.bqr-tab .tab-content .img-wrap img {
        max-width: 100%
    }

.tabs .comp-payment-option {
    min-height: 46.875vw
}

.selected-tab-mobile {
    display: none;
    background: #fff;
    border: 1px solid #eee;
    border-radius: .3125vw;
    padding: .70313vw 1.875vw;
    font-size: 1.17188vw;
    cursor: pointer;
    width: 60%;
    margin: 0 auto 3.125vw;
    position: relative
}

    .selected-tab-mobile:after {
        content: "\e909";
        font-family: "payconnect" !important;
        font-size: 1.5625vw;
        position: absolute;
        top: 1.25vw;
        right: 2.5vw;
        color: #2e2e2e;
        font-weight: bold !important
    }

    .selected-tab-mobile .title {
        text-transform: uppercase;
        color: #3aae97;
        font-size: .9375vw;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 2rem
    }

    .selected-tab-mobile .desc {
        color: #868e9c
    }

@media (max-width: 992px) {
    .selected-tab-mobile {
        display: block;
        padding: 0.7rem 2.5rem;
        border-radius: 3.5rem;
        margin-bottom: 5rem
    }

        .selected-tab-mobile .title {
            font-size: 1.4rem;
            font-weight: 500
        }

        .selected-tab-mobile .desc {
            font-size: 1.1rem
        }

    .tabs .tab-links {
        position: fixed;
        top: 10%;
        left: 10%;
        z-index: -1;
        right: 10%;
        width: auto;
        opacity: 0;
        visibility: hidden;
        border-radius: 4px;
        border: 0;
        max-height: 80%;
        padding-left: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        transition: all 0.3s ease-in-out;
        background: #fff
    }

        .tabs .tab-links.active {
            opacity: 1;
            visibility: visible;
            -webkit-transform: scale(1);
            transform: scale(1);
            z-index: 99
        }

        .tabs .tab-links .indicator {
            display: none
        }

        .tabs .tab-links .tab-link {
            padding: 1.6rem .5rem 1.6rem 1.6rem;
            opacity: 1;
            margin-bottom: 0;
            position: relative
        }

            .tabs .tab-links .tab-link:before {
                content: "";
                width: 2rem;
                height: 2rem;
                display: block;
                border-radius: 50%;
                right: 1.8rem;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                position: absolute;
                background: #fff;
                border: 2px solid #838383
            }

            .tabs .tab-links .tab-link:not(:last-of-type) {
                margin-bottom: 0;
                border-bottom: 1px solid #ddd
            }

            .tabs .tab-links .tab-link .title {
                font-size: 1.2rem;
                line-height: 1.2rem
            }

            .tabs .tab-links .tab-link .desc {
                font-size: 1rem;
                line-height: 1rem;
                padding-top: .7rem
            }

            .tabs .tab-links .tab-link.active:before {
                border-color: #3aae97
            }

            .tabs .tab-links .tab-link.active:after {
                content: "";
                width: 1.6rem;
                height: 1.6rem;
                border-radius: 50%;
                right: 2rem;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                border: 3px solid #fff;
                position: absolute;
                background: #3aae97
            }

            .tabs .tab-links .tab-link.active .title {
                color: #3aae97
            }

    .tabs .tab-contents {
        width: 100%
    }

        .tabs .tab-contents .tab-content .img-wrap {
            max-width: 35rem
        }

            .tabs .tab-contents .tab-content .img-wrap.typ-big {
                max-width: 45rem
            }

            .tabs .tab-contents .tab-content .img-wrap.typ-sm {
                max-width: 25rem
            }

        .tabs .tab-contents .tab-content.active {
            position: relative
        }

    .typ-two .selected-tab-mobile .title {
        text-transform: none
    }
}

@media (max-width: 767px) {
    .selected-tab-mobile {
        border-radius: 2.4rem;
        width: 100%;
        max-width: 40rem
    }

        .selected-tab-mobile:after {
            font-size: 1.5rem;
            position: absolute;
            top: 1.3rem;
            right: 2.4rem
        }

    .tabs .tab-contents .tab-content.active {
        background: transparent
    }
}

.no-uislider {
    width: 100%;
    height: 3.125vw;
    border-radius: 2.73438vw;
    border: 0
}

    .no-uislider .noUi-connects {
        border-radius: 2.73438vw;
        background: linear-gradient(to right, #000 0, red 20%, #ff4800 30%, #ff9000 40%, #ffe400 55%, #0f6 65%, #00fff0 75%, #008aff 80%, #4605ff 85%, #d800ff 100%)
    }

    .no-uislider .noUi-handle {
        background: transparent;
        border: 0;
        box-shadow: none;
        outline: none;
        top: 0;
        width: 1.25vw;
        height: 3.125vw
    }

        .no-uislider .noUi-handle:after, .no-uislider .noUi-handle:before {
            left: .07813vw;
            top: -.70313vw;
            background: transparent;
            border: 7px solid transparent;
            border-top: 7px solid #666
        }

        .no-uislider .noUi-handle:after {
            top: unset;
            bottom: -.70313vw;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -.625vw
}

@media (max-width: 992px) {
    .no-uislider {
        height: 4rem
    }

        .no-uislider .noUi-handle {
            height: 4rem;
            width: 1.2rem
        }

            .no-uislider .noUi-handle:after, .no-uislider .noUi-handle:before {
                left: -.1rem;
                top: -0.9rem;
                background: transparent;
                border: 7px solid transparent;
                border-top: 7px solid #666
            }

            .no-uislider .noUi-handle:after {
                top: unset;
                bottom: -0.9rem
            }

        .no-uislider .noUi-connects {
            border-radius: 4rem
        }

    html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
        right: -0.4rem
    }
}

.comp-header {
    padding: 2.5vw 0 .78125vw;
    width: 100%;
    display: inline-block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    transition: all 0.4s ease-out;
    background: #fff
}

    .comp-header .container {
        max-width: 100%;
        padding: 0 6.64063vw
    }

    .comp-header.nav-up {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .comp-header.sticky {
        background: #fff;
        padding: 1.5625vw 0;
        box-shadow: 0 0 15px rgba(0,0,0,0.05)
    }

        .comp-header.sticky.typ-white {
            background: #fff
        }

            .comp-header.sticky.typ-white .logo a img {
                display: inline-block
            }

                .comp-header.sticky.typ-white .logo a img.white-logo {
                    display: none
                }

                .comp-header.sticky.typ-white .logo a img.black-logo {
                    display: inline-block
                }

                .comp-header.sticky.typ-white .logo a img.green-logo {
                    display: none
                }

            .comp-header.sticky.typ-white .icon-menu {
                color: #040404
            }

            .comp-header.sticky.typ-white .main-nav .menu-list .nav-link a {
                color: #040404
            }

            .comp-header.sticky.typ-white .main-nav .menu-list .nav-link:hover a, .comp-header.sticky.typ-white .main-nav .menu-list .nav-link.active a {
                color: #040404
            }

            .comp-header.sticky.typ-white .btn-border {
                border-color: #3aae97;
                color: #3aae97
            }

    .comp-header.typ-white {
        background: transparent
    }

        .comp-header.typ-white .logo a img.white-logo {
            display: inline-block
        }

        .comp-header.typ-white .logo a img.black-logo {
            display: none
        }

        .comp-header.typ-white .icon-menu {
            color: #fff
        }

        .comp-header.typ-white .main-nav .menu-list .nav-link a {
            color: #fff
        }

        .comp-header.typ-white .main-nav .menu-list .nav-link:hover a, .comp-header.typ-white .main-nav .menu-list .nav-link.active a {
            color: #fff
        }

        .comp-header.typ-white .main-nav .menu-list .nav-link.partner-help-link {
            display: none
        }

        .comp-header.typ-white .btn-border {
            border-color: #fff;
            color: #fff
        }

    .comp-header .logo {
        float: left
    }

i.fa.fa-check {
    margin-left: -31px;
}

.comp-header .logo a {
    display: block;
    width: 15.84375vw;
}

    .comp-header .logo a img {
        width: 100%
    }

        .comp-header .logo a img.white-logo {
            display: none
        }

        .comp-header .logo a img.green-logo {
            display: none
        }

.comp-header .main-nav {
    float: right
}

    .comp-header .main-nav .menu-list {
        display: inline-block;
        vertical-align: middle
    }

        .comp-header .main-nav .menu-list .nav-link {
            display: inline-block;
            position: relative;
            padding: 0
        }

            .comp-header .main-nav .menu-list .nav-link a {
                font-size: .9375vw;
                line-height: .9375vw;
                padding: 0 .9375vw;
                position: relative;
                opacity: 0.7;
                color: #727781;
                text-transform: uppercase
            }

            .comp-header .main-nav .menu-list .nav-link:hover a, .comp-header .main-nav .menu-list .nav-link.active a {
                opacity: 1;
                color: #040404
            }

            .comp-header .main-nav .menu-list .nav-link.partner-help-link {
                display: none
            }

.comp-header .close, .comp-header .icon-menu {
    display: none;
    text-align: right
}

.comp-header .btn-border {
    font-size: .85938vw;
    line-height: .83594vw;
    margin-left: .9375vw;
    box-shadow: none;
    padding: .9375vw 2.8125vw
}

@media (max-width: 992px) {
    .comp-header {
        padding: 1.6rem 1.5rem 1.6rem 1.8rem
    }

        .comp-header.sticky {
            padding: 1.4rem 1.8rem 1.4rem
        }

            .comp-header.sticky .close {
                right: 1.8rem;
                top: 1.4rem
            }

        .comp-header.typ-white .main-nav .menu-list .nav-link:hover a {
            color: #040404
        }

        .comp-header.typ-white .main-nav .menu-list .nav-link a {
            color: #727781
        }

        .comp-header.typ-white .main-nav .menu-list .nav-link.active a {
            color: #040404
        }

        .comp-header.typ-white .main-nav .menu-list .nav-link.partner-help-link {
            display: block
        }

        .comp-header.typ-white .btn.btn-border {
            color: #3aae97;
            border-color: #3aae97
        }

        .comp-header.typ-white .logo a img.green-logo {
            display: none
        }

        .comp-header .logo h1 {
            font-size: 3.2rem;
            line-height: 3.2rem
        }

        .comp-header .logo a {
            width: 4.7rem
        }

        .comp-header .container {
            padding: 0
        }

        .comp-header .main-nav {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: auto;
            transition: all 0.4s ease-in-out;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            background: #fff;
            z-index: 9;
            text-align: center
        }

            .comp-header .main-nav.active {
                -webkit-transform: translateX(0%);
                transform: translateX(0%)
            }

            .comp-header .main-nav ul.menu-list {
                display: block;
                margin-top: 7.2rem
            }

                .comp-header .main-nav ul.menu-list .nav-link {
                    display: block;
                    padding: 2.4rem 0
                }

                    .comp-header .main-nav ul.menu-list .nav-link a {
                        font-size: 1.6rem
                    }

                    .comp-header .main-nav ul.menu-list .nav-link.partner-help-link {
                        display: block
                    }

        .comp-header .btn-border {
            margin-left: 0;
            margin-top: 2.4rem;
            padding: 1.4rem 4.8rem;
            font-size: 1.2rem;
            line-height: 1.2rem
        }

        .comp-header .icon-menu {
            font-size: 2rem;
            position: static;
            float: right;
            line-height: 3.2rem;
            margin-top: 0;
            display: block;
            width: 3.2rem;
            height: 3.2rem;
            cursor: pointer;
            text-align: center
        }

        .comp-header .close {
            display: block;
            font-size: 1.6rem;
            height: 3.2rem;
            line-height: 3.2rem;
            text-align: center;
            position: absolute;
            right: 2rem;
            top: 1.6rem;
            width: 3.2rem;
            cursor: pointer;
            color: #000;
            opacity: 1
        }
}

.comp-footer {
    background: #000;
    font-size: .9375vw;
    line-height: 1.71875vw;
    color: #737373;
    padding: 4.375vw 0 0;
}

    .comp-footer .container {
        max-width: 100%;
        padding: 0 6.64063vw
    }

    .comp-footer .list-title {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: normal;
        font-size: 1.09375vw;
        line-height: 1.09375vw;
        color: #d8d8d8;
        margin-bottom: 1.25vw
    }

    .comp-footer .item {
        text-transform: capitalize
    }

        .comp-footer .item a {
            display: block
        }

    .comp-footer .about-us .logo {
        max-width: 12.9375vw;
        margin-bottom: 1.25vw;
    }

    .comp-footer .social-list {
        margin-top: 3.28125vw
    }

        .comp-footer .social-list .item {
            display: inline-block;
            vertical-align: middle;
            margin-right: 1.875vw
        }

    .comp-footer .icon {
        color: #afafaf;
        display: inline-block;
        font-size: 1.40625vw
    }

    .comp-footer .svg-icon-hover {
        vertical-align: top
    }

    .comp-footer .svg-icon-hover-mobile {
        vertical-align: top;
        margin-top: 3px
    }

    .comp-footer a:hover .icon {
        color: #3aae97
    }

    .comp-footer a:hover .svg-icon-hover path {
        fill: #3aae97
    }

    .comp-footer .copyrights {
        font-size: .78125vw;
        margin-top: .78125vw
    }

    .comp-footer.num li {
        list-style: decimal
    }

    .comp-footer.sub-footer {
        padding: 1.375vw 0 4.375vw
    }

        .comp-footer.sub-footer p a {
            color: #3aae97
        }

@media (max-width: 992px) {
    .comp-footer {
        padding: 2.4rem 0;
        font-size: 1.2rem;
        line-height: 1.7rem
    }

        .comp-footer.sub-footer {
            padding: 1.4rem 0 2.4rem
        }

            .comp-footer.sub-footer .list-title {
                line-height: 28px
            }

        .comp-footer .list-title {
            font-size: 1.6rem;
            margin-bottom: 1.7rem
        }

        .comp-footer .social-list .icon {
            font-size: 1.6rem
        }

        .comp-footer .col-sm-12 {
            margin-bottom: 4.7rem
        }

        .comp-footer a {
            font-size: 1.4rem;
            line-height: 3.2rem
        }

        .comp-footer .title {
            font-size: 1.6rem
        }

        .comp-footer .copy-right {
            margin: 0
        }

        .comp-footer .copyrights {
            font-size: 1.2rem;
            margin-top: 1rem
        }

        .comp-footer .about-us .logo {
            max-width: inherit;
            width: 4.7rem;
            margin-bottom: 1.7rem
        }

        .comp-footer .about-us, .comp-footer .social-list {
            display: none
        }

            .comp-footer .about-us.hide-desktop, .comp-footer .social-list.hide-desktop {
                display: block;
                margin-bottom: 4rem
            }

        .comp-footer .hide-desktop {
            display: block
        }

            .comp-footer .hide-desktop .social-list {
                margin-top: 0;
                display: block
            }
}

.yt-cont {
    position: absolute !important;
    min-width: 100%;
    min-height: 100%;
    background-size: 110% 110% !important;
    left: 0;
    top: 0;
    z-index: -1;
    overflow-x: hidden
}

.mbYTP_wrapper {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    position: absolute !important
}

    .mbYTP_wrapper iframe {
        background-size: cover
    }

.comp-banner {
    padding: 12.8125vw 0 10vw;
    position: relative;
    height: 100vh
}

    .comp-banner .banner-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2
    }

    .comp-banner .fullscreen-bg {
        position: static;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        z-index: -100;
        width: 100%;
        opacity: 1
    }

        .comp-banner .fullscreen-bg video {
            position: absolute;
            top: 0px;
            left: 0;
            width: 100%
        }

    .comp-banner #bgndVideo {
        background: #000
    }

    .comp-banner .text-reveal {
        overflow: hidden
    }

        .comp-banner .text-reveal .copy {
            display: none
        }

            .comp-banner .text-reveal .copy:first-child {
                display: inline
            }

    .comp-banner .banner-content {
        position: relative;
        width: 34.14063vw;
        float: left
    }

        .comp-banner .banner-content .title {
            font-weight: 600;
            font-size: 3.28125vw;
            line-height: 4.44531vw;
            color: #040404
        }

            .comp-banner .banner-content .title .swapping-text {
                color: #3aae97
            }

        .comp-banner .banner-content .subtitle {
            font-weight: 600;
            font-size: 2.1875vw;
            line-height: 2.8125vw;
            color: #040404;
            padding: 1.64063vw 0 4.375vw
        }

            .comp-banner .banner-content .subtitle .text {
                color: #ffdc2a
            }

            .comp-banner .banner-content .subtitle > span {
                display: inline-block;
                vertical-align: top;
                height: 2.8125vw;
                line-height: 2.8125vw
            }

        .comp-banner .banner-content .desc {
            font-size: 1.40625vw;
            line-height: 2.03125vw;
            padding: .9375vw 0 2.8125vw;
            color: #727781
        }

            .comp-banner .banner-content .desc a {
                color: #3aae97;
                text-transform: uppercase
            }

        .comp-banner .banner-content .tag {
            position: absolute;
            left: 0;
            top: -3.67188vw;
            border-radius: 1.5625vw;
            background-color: rgba(255,255,255,0.16);
            font-size: .9375vw;
            line-height: .9375vw;
            color: #fff;
            padding: .23438vw .78125vw
        }

            .comp-banner .banner-content .tag .active {
                min-width: 5.625vw;
                height: 1.5625vw;
                border-radius: 1.5625vw;
                font-size: .78125vw;
                letter-spacing: 1px;
                line-height: 1.5625vw;
                text-transform: uppercase;
                display: inline-block;
                text-align: center;
                background: #667eea;
                background: -webkit-gradient(left top, right bottom, color-stop(0%, #667eea), color-stop(100%, #764ba2));
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
            }

                .comp-banner .banner-content .tag .active .icon {
                    color: #ffc42a;
                    line-height: 1.5625vw;
                    font-size: 1.40625vw
                }

                .comp-banner .banner-content .tag .active span {
                    display: inline-block;
                    vertical-align: top
                }

            .comp-banner .banner-content .tag .inactive {
                display: inline-block;
                vertical-align: middle
            }

        .comp-banner .banner-content .btn-primary + .btn-primary {
            margin-left: 1.5rem
        }

    .comp-banner .banner-infography {
        position: relative;
        width: 42.96875vw;
        margin-top: -1.17188vw;
        float: left
    }

    .comp-banner .comp-bqr-pay {
        margin-left: 12.65625vw;
        box-shadow: 0 22px 32px 0 rgba(156,156,156,0.09)
    }

    .comp-banner .comp-personalized-pay {
        padding-left: 10.15625vw
    }

        .comp-banner .comp-personalized-pay.typ-btn-pg {
            padding-left: 6.95313vw
        }

    .comp-banner .comp-tooltip {
        position: absolute
    }

        .comp-banner .comp-tooltip.first {
            top: 3.125vw;
            right: -1.25vw
        }

        .comp-banner .comp-tooltip.second {
            bottom: 7.03125vw;
            left: 1.40625vw
        }

        .comp-banner .comp-tooltip.third {
            bottom: 8.125vw;
            right: -2.57813vw
        }

        .comp-banner .comp-tooltip.forth {
            top: 4.6875vw;
            left: 4.6875vw
        }

        .comp-banner .comp-tooltip.fifth {
            top: 10.9375vw;
            right: -5.85938vw
        }

        .comp-banner .comp-tooltip.sixth {
            bottom: 12.10938vw;
            left: 5.46875vw
        }

        .comp-banner .comp-tooltip.seventh {
            top: 10.625vw;
            right: 3.90625vw
        }

        .comp-banner .comp-tooltip.eighth {
            top: 3.4375vw;
            left: -5.15625vw
        }

        .comp-banner .comp-tooltip.ninth {
            top: 15.625vw;
            left: -6.71875vw
        }

        .comp-banner .comp-tooltip.ten {
            top: 12.5vw;
            left: 3.28125vw
        }

        .comp-banner .comp-tooltip.eleven {
            bottom: 5.07813vw;
            right: -.9375vw
        }

        .comp-banner .comp-tooltip.twelve {
            top: 10.15625vw;
            right: 1.25vw
        }

        .comp-banner .comp-tooltip.thirteen {
            top: 3.98438vw;
            left: 5.39063vw
        }

        .comp-banner .comp-tooltip.fourteen {
            bottom: 8.4375vw;
            left: 4.45313vw
        }

        .comp-banner .comp-tooltip.fifteen {
            top: 0;
            left: 6.64063vw
        }

        .comp-banner .comp-tooltip.sixteen {
            bottom: 5.46875vw;
            left: 7.73438vw
        }

        .comp-banner .comp-tooltip.seventeen {
            bottom: 12.5vw;
            right: 5.46875vw
        }

        .comp-banner .comp-tooltip.eighteen {
            top: 11.95313vw;
            left: 7.03125vw
        }

        .comp-banner .comp-tooltip.ninteen {
            bottom: 3.75vw;
            left: 7.73438vw
        }

        .comp-banner .comp-tooltip.twenty {
            top: -.9375vw;
            right: 0
        }

    .comp-banner .animate-text .slide {
        display: none
    }

        .comp-banner .animate-text .slide:first-child {
            display: inline
        }

    .comp-banner .browser-animation-wrap {
        position: relative;
        margin-left: 3.125vw;
        max-width: 35.625vw
    }

        .comp-banner .browser-animation-wrap img {
            box-shadow: 0 4px 64px 0 rgba(164,164,164,0.2)
        }

        .comp-banner .browser-animation-wrap .mobile-img {
            position: absolute;
            max-width: 12.73438vw;
            right: -3.125vw;
            top: 7.89063vw
        }

    .comp-banner.typ-pg:after {
        content: '';
        width: 100%;
        position: absolute;
        height: 100%;
        background: url(../images/wave-bg.svg) no-repeat;
        background-size: 100%;
        left: 0;
        top: 68.5vh;
        z-index: -1
    }

    .comp-banner.typ-pg.white-banner-gary-mask:after {
        content: '';
        width: 100%;
        position: absolute;
        height: 100%;
        background: url(/assets/one_payu/partner-white-banner-mask-66c305d9f551769e79ffcf6f0884bcbbee3f75720ca33aabc5d0cdfc6b45a7f1.svg) no-repeat top center;
        background-size: 100%;
        left: 0;
        top: 78.5vh;
        z-index: -1
    }

    .comp-banner.typ-video {
        padding-top: 15.625vw
    }

        .comp-banner.typ-video:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(circle at 48% 35%, transparent, #000);
            z-index: 1
        }

        .comp-banner.typ-video:after {
            content: '';
            width: 100%;
            position: absolute;
            height: 100%;
            background: url(one_payu/wave-bg-white.svg) no-repeat;
            background-size: 100%;
            left: 0;
            top: 68.5vh;
            z-index: 2
        }

        .comp-banner.typ-video .banner-content {
            width: 39.0625vw;
            position: relative;
            z-index: 3
        }

            .comp-banner.typ-video .banner-content .title {
                color: #fff;
                font-size: 4.375vw;
                line-height: 5vw
            }

                .comp-banner.typ-video .banner-content .title .swapping-text {
                    color: #3aae97
                }

            .comp-banner.typ-video .banner-content .desc {
                color: #fff
            }

            .comp-banner.typ-video .banner-content .subtitle {
                color: #fff
            }

            .comp-banner.typ-video .banner-content .btn {
                padding: 1.64063vw 1.95313vw
            }

                .comp-banner.typ-video .banner-content .btn.btn-primary {
                    min-width: auto
                }

                .comp-banner.typ-video .banner-content .btn.btn-border {
                    padding: 1.5625vw 1.95313vw
                }

            .comp-banner.typ-video .banner-content .btn-border {
                border-color: #fff;
                color: #fff;
                margin-left: .78125vw
            }

                .comp-banner.typ-video .banner-content .btn-border .icon {
                    margin-left: .78125vw
                }

        .comp-banner.typ-video .banner-infography {
            padding-top: 5.46875vw;
            width: 37.03125vw;
            margin-left: 1.25vw;
            z-index: 3;
            position: absolute;
            right: 11.25vw;
            bottom: 31.01563vw;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            -webkit-transform-origin: bottom right;
            transform-origin: bottom right
        }

            .comp-banner.typ-video .banner-infography .typograph {
                opacity: 0.85;
                font-size: .625vw;
                font-weight: 300;
                line-height: 1.25vw;
                letter-spacing: 18px;
                color: #fff;
                display: block;
                text-align: right;
                position: absolute;
                left: 70%;
                -webkit-transform: translateX(-45%);
                transform: translateX(-45%);
                top: 7.65625vw;
                z-index: 1;
                text-transform: uppercase
            }

            .comp-banner.typ-video .banner-infography .comp-paymodes-card {
                position: absolute;
                left: 1.95313vw;
                top: 15.23438vw
            }

            .comp-banner.typ-video .banner-infography .comp-donut {
                position: absolute;
                left: 11.95313vw;
                top: 6.40625vw
            }

            .comp-banner.typ-video .banner-infography .comp-boundry {
                position: absolute;
                left: 24.0625vw;
                top: 11.5625vw
            }

        .comp-banner.typ-video + .comp-section {
            background-color: #fff;
            z-index: 4
        }

    .comp-banner.typ-green {
        background-image: linear-gradient(116deg, #48c993, #3aae97);
        padding-bottom: 2.34375vw;
        min-height: 40.625vw;
        height: auto;
        padding-top: 10.15625vw
    }

        .comp-banner.typ-green:before {
            content: "";
            background: url(/one_payu/green-banner-mask.svg) right top no-repeat;
            position: absolute;
            bottom: -1px;
            right: 0;
            height: 9.375vw;
            width: 100%;
            background-size: cover
        }

        .comp-banner.typ-green .banner-content {
            width: 80%;
            z-index: 2;
            padding-left: 0
        }

            .comp-banner.typ-green .banner-content .title {
                font-size: 4.375vw;
                line-height: 5vw;
                color: #17191d
            }

                .comp-banner.typ-green .banner-content .title .highlight {
                    color: #fff
                }

        .comp-banner.typ-green .nav-scrollto {
            position: absolute;
            bottom: 9.375vw;
            z-index: 1;
            left: 0;
            width: 100%;
            background: linear-gradient(to right, rgba(195,42,255,0.05) 0%, rgba(195,42,255,0.05) 78%, rgba(195,42,255,0) 100%)
        }

            .comp-banner.typ-green .nav-scrollto .list {
                font-size: 0;
                text-align: left
            }

            .comp-banner.typ-green .nav-scrollto .item {
                padding: 0;
                display: inline-block
            }

                .comp-banner.typ-green .nav-scrollto .item + .item {
                    margin-left: 4.375vw
                }

                .comp-banner.typ-green .nav-scrollto .item a {
                    padding: 1.48438vw 0;
                    display: inline-block;
                    font-size: .9375vw;
                    color: #fff;
                    text-transform: uppercase;
                    font-weight: 500;
                    letter-spacing: 0;
                    position: relative;
                    opacity: 0.7;
                    transition: all 0.3s ease
                }

                    .comp-banner.typ-green .nav-scrollto .item a:before {
                        content: "";
                        position: absolute;
                        left: 50%;
                        width: 0;
                        transition: all 0.3s ease;
                        height: 4px;
                        background: #ffb541;
                        bottom: 0
                    }

                    .comp-banner.typ-green .nav-scrollto .item a:hover {
                        color: #fff;
                        opacity: 1
                    }

                        .comp-banner.typ-green .nav-scrollto .item a:hover:before {
                            left: 0;
                            width: 100%
                        }

                .comp-banner.typ-green .nav-scrollto .item.active a {
                    opacity: 1
                }

                    .comp-banner.typ-green .nav-scrollto .item.active a:before {
                        left: 0;
                        width: 100%
                    }

        .comp-banner.typ-green .banner-assets .ellipse {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 0;
            max-width: 11.48438vw
        }

        .comp-banner.typ-green .banner-assets .v-triangle {
            position: absolute;
            left: 0;
            bottom: 9.375vw;
            z-index: 0;
            max-width: 12.42188vw
        }

        .comp-banner.typ-green .banner-assets .triangle {
            position: absolute;
            right: 24%;
            max-width: 43.28125vw;
            z-index: 0;
            bottom: 9.375vw
        }

        .comp-banner.typ-green.typ-two {
            min-height: 35.15625vw
        }

            .comp-banner.typ-green.typ-two .banner-content {
                text-align: center;
                width: 100%
            }

                .comp-banner.typ-green.typ-two .banner-content .title {
                    font-size: 3.28125vw;
                    line-height: 3.28125vw;
                    margin-bottom: 1.71875vw
                }

                .comp-banner.typ-green.typ-two .banner-content .text {
                    font-size: 1.09375vw;
                    line-height: 1.09375vw;
                    color: #fff
                }

                .comp-banner.typ-green.typ-two .banner-content .btn-primary {
                    background: #fff;
                    color: #3aae97;
                    margin: 0 1.09375vw 0 1.40625vw
                }

                .comp-banner.typ-green.typ-two .banner-content .btn-border {
                    border-color: #fff;
                    color: #fff
                }

            .comp-banner.typ-green.typ-two .title.typ-2 {
                font-size: 2.1875vw;
                color: #000;
                line-height: 4.14063vw;
                text-align: left
            }

                .comp-banner.typ-green.typ-two .title.typ-2 .highlight {
                    font-size: 3.28125vw;
                    color: #fff
                }

            .comp-banner.typ-green.typ-two.typ-enterprise {
                min-height: 38.28125vw
            }

        .comp-banner.typ-green.typ-three {
            background: url(/one_payu/career-banner-bg.png) left top no-repeat;
            background-size: cover;
            min-height: 42.96875vw
        }

            .comp-banner.typ-green.typ-three .banner-content {
                float: none;
                width: auto
            }

            .comp-banner.typ-green.typ-three .title {
                color: #fff;
                text-align: center
            }

            .comp-banner.typ-green.typ-three + .comp-section {
                padding-top: 3.51563vw
            }

    .comp-banner.typ-personalized-pay .comp-tooltip.first {
        top: -1.71875vw;
        right: 3.125vw
    }

    .comp-banner.typ-personalized-pay .comp-tooltip.second {
        bottom: 46%;
        left: -4.29688vw
    }

    .comp-banner.typ-personalized-pay .comp-tooltip.third {
        bottom: 14.4%;
        left: -3.04688vw;
        right: inherit
    }

    .comp-banner.typ-bqr .banner-infography {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    .comp-banner .typ-invoice .tooltip-1 {
        top: -.625vw;
        left: 7.03125vw;
        z-index: 2
    }

    .comp-banner .typ-invoice .tooltip-2 {
        top: 12.89063vw;
        left: 3.28125vw;
        z-index: 2
    }

    .comp-banner .typ-invoice .tooltip-3 {
        top: 6.25vw;
        right: -5.46875vw;
        z-index: 2;
        left: inherit
    }

    .comp-banner.typ-about {
        background: url(/one_payu/about-banner.png) left top no-repeat;
        background-size: cover;
        background-attachment: fixed;
        height: auto;
        padding: 15.23438vw 0 17.1875vw;
        margin-bottom: 3.51563vw
    }

        .comp-banner.typ-about:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.25)
        }

        .comp-banner.typ-about .banner-content {
            width: 100%;
            text-align: center
        }

            .comp-banner.typ-about .banner-content .title {
                color: #fff;
                font-size: 4.14063vw;
                line-height: 5vw
            }

            .comp-banner.typ-about .banner-content .subtitle {
                color: #fff;
                padding-bottom: 0;
                padding-top: 2.03125vw;
                font-size: 1.64063vw;
                font-weight: 500
            }

        .comp-banner.typ-about .brand-strip {
            background: #fff;
            border-radius: .78125vw;
            box-shadow: 0 2px 9px 0 rgba(0,0,0,0.15);
            width: 100%;
            max-width: 1024px;
            padding: 2.1875vw 0;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: -45px
        }

            .comp-banner.typ-about .brand-strip .item {
                display: inline-block;
                width: 24%;
                vertical-align: middle;
                text-align: center
            }

                .comp-banner.typ-about .brand-strip .item img {
                    max-height: 3.125vw;
                    width: auto
                }

@media (max-width: 992px) {
    .fullscreen-bg {
        display: none
    }
}

@media (max-width: 992px) {
    .comp-banner {
        text-align: center;
        height: auto
    }

        .comp-banner.typ-pg:after {
            top: 85%
        }

        .comp-banner .banner-content {
            width: 100%;
            padding-left: 0
        }

            .comp-banner .banner-content .tag {
                width: 24rem;
                height: 2rem;
                top: -3.8rem;
                right: 0;
                margin: 0 auto;
                font-size: 1rem;
                line-height: 1.6rem;
                border-radius: 2rem;
                text-align: center;
                padding: 0.2rem 0
            }

                .comp-banner .banner-content .tag .active {
                    min-width: 5.6rem;
                    height: 1.6rem;
                    border-radius: 2rem;
                    font-size: 0.9rem;
                    line-height: 1.6rem;
                    margin-right: 0.5rem
                }

                    .comp-banner .banner-content .tag .active .icon {
                        font-size: 1.5rem;
                        line-height: 1.5rem
                    }

            .comp-banner .banner-content .title {
                font-size: 3.2rem;
                line-height: 4rem
            }

                .comp-banner .banner-content .title .cm-line-break {
                    display: none
                }

            .comp-banner .banner-content .subtitle {
                font-size: 1.6rem;
                line-height: 2.4rem;
                font-weight: 500;
                padding: 1.2rem 0 3.6rem
            }

                .comp-banner .banner-content .subtitle > span {
                    display: inline-block;
                    vertical-align: top;
                    height: 2.4rem;
                    line-height: 2.4rem
                }

            .comp-banner .banner-content .desc {
                font-size: 1.6rem;
                line-height: 2.4rem;
                padding: 1.2rem 0 3.6rem;
                max-width: 100%
            }

                .comp-banner .banner-content .desc .cm-line-break {
                    display: none
                }

        .comp-banner .banner-infography {
            width: 75%;
            margin-left: 0;
            display: none
        }

        .comp-banner.typ-video {
            background-image: linear-gradient(172deg, #48c993, #3aae97);
            padding: 11.6rem 0 11.2rem
        }

            .comp-banner.typ-video:after, .comp-banner.typ-video:before {
                display: none
            }

            .comp-banner.typ-video + .comp-section:after {
                content: '';
                width: 100%;
                position: absolute;
                height: 12rem;
                background: url(/one_payu/wave-bg-white.svg) no-repeat;
                background-position: right top;
                background-size: 100%;
                top: -9rem;
                left: 0;
                z-index: 0
            }

            .comp-banner.typ-video .banner-content {
                width: 100%
            }

                .comp-banner.typ-video .banner-content .btn {
                    padding: 1.2rem 3rem
                }

                    .comp-banner.typ-video .banner-content .btn.btn-primary {
                        background: #fff;
                        color: #3aae97
                    }

                    .comp-banner.typ-video .banner-content .btn.btn-border {
                        padding: 1.2rem 2rem
                    }

        .comp-banner.typ-green {
            padding-top: 7.5rem;
            min-height: 360px
        }

            .comp-banner.typ-green .banner-content {
                text-align: left
            }

                .comp-banner.typ-green .banner-content .title .cm-line-break {
                    display: block
                }

            .comp-banner.typ-green .nav-scrollto {
                white-space: nowrap;
                overflow: auto;
                bottom: 5.45rem
            }

                .comp-banner.typ-green .nav-scrollto .item a {
                    padding: 1.3rem 0;
                    font-size: 0.9rem
                }

                .comp-banner.typ-green .nav-scrollto .item + .item {
                    margin-left: 2.4rem
                }

            .comp-banner.typ-green.typ-two {
                padding-bottom: 10.8rem
            }

                .comp-banner.typ-green.typ-two .banner-content .title {
                    font-size: 3.2rem;
                    line-height: 4rem;
                    margin-bottom: 4rem
                }

                .comp-banner.typ-green.typ-two .banner-content .text {
                    font-size: 1.6rem;
                    margin-bottom: 1.5rem;
                    display: block;
                    line-height: 1.5rem
                }

                .comp-banner.typ-green.typ-two .title {
                    text-align: center
                }

                    .comp-banner.typ-green.typ-two .title.typ-2 {
                        font-size: 2rem;
                        line-height: 3.2rem
                    }

                        .comp-banner.typ-green.typ-two .title.typ-2 .highlight {
                            font-size: 2.4rem;
                            display: block;
                            line-height: 4rem
                        }

        .comp-banner.typ-about {
            padding: 13rem 0 15.7rem;
            margin-bottom: 12rem;
            background-position: center bottom;
            background-attachment: unset
        }

            .comp-banner.typ-about .banner-content .title {
                font-size: 3.4rem;
                line-height: 3.8rem
            }

            .comp-banner.typ-about .banner-content .subtitle {
                font-size: 1.4rem;
                line-height: 2rem;
                padding-top: 3.3rem
            }

            .comp-banner.typ-about .brand-strip {
                max-width: calc(100% - 3.6rem);
                padding: 2.1rem 0;
                border-radius: 1rem;
                bottom: -12rem
            }

                .comp-banner.typ-about .brand-strip .item {
                    width: 49%;
                    margin: 1.8rem 0
                }

                    .comp-banner.typ-about .brand-strip .item img {
                        max-height: 2.6rem
                    }
}

@media (max-width: 768px) {
    .comp-banner.typ-green.typ-three {
        min-height: 420px
    }

    .comp-banner .fullscreen-bg {
        display: none
    }
}

@media (max-width: 767px) {
    .comp-banner {
        padding: 9.8rem 0 6.4rem
    }

        .comp-banner .banner-content .btn.btn-primary + .btn-primary {
            margin-top: 2rem
        }

        .comp-banner .banner-content .fullscreen-bg {
            display: none
        }

        .comp-banner.typ-pg:after {
            top: 95%
        }

        .comp-banner .comp-tooltip.first {
            right: -4%
        }

        .comp-banner .comp-tooltip.second {
            left: 0
        }

        .comp-banner .comp-tooltip.third {
            right: -4%
        }

        .comp-banner.typ-video:before {
            display: none
        }

        .comp-banner.typ-video .banner-infography {
            display: none
        }

        .comp-banner.typ-video .banner-content .btn.btn-primary {
            background: #fff;
            color: #3aae97;
            min-width: 22rem
        }

        .comp-banner.typ-video .banner-content .btn.btn-border {
            border-width: 0;
            box-shadow: none
        }

        .comp-banner.typ-video .banner-content .title {
            font-size: 3.2rem;
            line-height: 4rem
        }

        .comp-banner.typ-green {
            background-image: linear-gradient(40deg, #48c993, #3aae97);
            padding-bottom: 12rem;
            min-height: inherit
        }

            .comp-banner.typ-green:before {
                display: none
            }

            .comp-banner.typ-green .banner-content {
                width: 100%;
                text-align: center
            }

                .comp-banner.typ-green .banner-content .title .cm-line-break {
                    display: none
                }

            .comp-banner.typ-green .nav-scrollto {
                bottom: 0;
                white-space: nowrap;
                overflow: auto
            }

                .comp-banner.typ-green .nav-scrollto .item a {
                    padding: 1.5rem 0;
                    font-size: 1.2rem
                }

                .comp-banner.typ-green .nav-scrollto .item + .item {
                    margin-left: 2.4rem
                }

            .comp-banner.typ-green .banner-assets .v-triangle {
                bottom: 0;
                max-width: 11.8rem
            }

            .comp-banner.typ-green .banner-assets .ellipse {
                max-width: 10.9rem
            }

            .comp-banner.typ-green .banner-assets .triangle {
                display: none
            }

            .comp-banner.typ-green .banner-content {
                width: 100%
            }

                .comp-banner.typ-green .banner-content .title {
                    font-size: 3rem;
                    line-height: 4.0rem
                }

            .comp-banner.typ-green.typ-two {
                padding-bottom: 5.8rem
            }

                .comp-banner.typ-green.typ-two .banner-content .btn-primary {
                    padding: 1.5rem 3.5rem;
                    margin-right: 0
                }

                .comp-banner.typ-green.typ-two .banner-content .btn-border {
                    margin-top: 1.4rem;
                    margin-left: 0;
                    padding: 1.5rem 3rem;
                    border: 0
                }

                .comp-banner.typ-green.typ-two .title {
                    text-align: center
                }

                    .comp-banner.typ-green.typ-two .title.typ-2 {
                        font-size: 2.4rem;
                        line-height: 3.2rem
                    }

                        .comp-banner.typ-green.typ-two .title.typ-2 .highlight {
                            font-size: 3.2rem;
                            display: block;
                            line-height: 4rem
                        }

            .comp-banner.typ-green.typ-three {
                background: url(/one_payu/career-banner-bg-mobile.png) top left no-repeat;
                background-size: cover
            }

                .comp-banner.typ-green.typ-three:before {
                    content: "";
                    display: block;
                    height: 6.5rem;
                    background: url(/one_payu/career-banner-bg-mobile-mask.png) bottom right no-repeat;
                    background-size: 100% 100%
                }

                .comp-banner.typ-green.typ-three .banner-assets {
                    display: none
                }

                .comp-banner.typ-green.typ-three + .comp-section {
                    padding-top: 4.8rem
                }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .comp-banner .banner-infography {
        width: 42.1875vw
    }

    .comp-banner.typ-video .banner-infography {
        bottom: auto
    }
}

@media (max-width: 400px) {
    .comp-banner.typ-video + .comp-section:after {
        background-size: 150%;
        top: -7rem
    }

    .comp-banner.typ-video .banner-content .btn.btn-border {
        margin-top: 1.4rem;
        margin-left: 0;
        padding: 1.5rem 3rem
    }
}

.comp-business-success .brand-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -7.8125vw
}

    .comp-business-success .brand-list .item {
        width: 20%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .comp-business-success .brand-list .item.extra-padding {
            padding-top: 7.8125vw
        }

@media (max-width: 767px) {
    .comp-business-success .brand-list {
        align-items: start;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 0;
        justify-content: center
    }

        .comp-business-success .brand-list .item {
            width: 33%;
            padding: 0 0.7rem
        }

            .comp-business-success .brand-list .item .comp-brand-card {
                margin: 0.7rem 0
            }

            .comp-business-success .brand-list .item.extra-padding {
                padding-top: 0
            }

            .comp-business-success .brand-list .item:nth-child(2), .comp-business-success .brand-list .item:nth-child(4) {
                margin-top: 3rem
            }
}

@media (max-width: 400px) {
    .comp-business-success .brand-list .item {
        width: 33%
    }
}

.comp-testimonial .testimonial-slider {
    padding: 0 10vw 7.03125vw
}

.comp-testimonial .swiper-button-next, .comp-testimonial .swiper-button-prev {
    top: unset;
    bottom: 0;
    background: #fff;
    border-radius: 50%;
    width: 3.75vw;
    height: 3.75vw;
    border: 1px solid #ddd;
    transition: all 0.4s ease-out
}



    .comp-testimonial .swiper-button-next:hover, .comp-testimonial .swiper-button-prev:hover {
        background: #3aae97;
        border-color: #3aae97;
        color: #fff;
    }

        .comp-testimonial .swiper-button-next:hover:before, .comp-testimonial .swiper-button-prev:hover:before {
            color: #fff;
            margin-left: -3px
        }

.comp-testimonial .swiper-button-next {
    right: 50%;
    margin-right: -4.375vw
}



    .comp-testimonial .swiper-button-next:hover:before {
        margin-left: 3px
    }

.comp-testimonial .swiper-button-prev {
    left: 50%;
    margin-left: -4.375vw
}

.comp-testimonial .swiper-slide {
    width: 53.51563vw
}

.comp-testimonial .testimonial {
    border-radius: .54688vw;
    position: relative;
    min-height: 27.8125vw;
    cursor: pointer;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}

    .comp-testimonial .testimonial:before {
        content: "";
        position: absolute;
        background: #000;
        background: linear-gradient(0deg, #000 0%, transparent 100%);
        bottom: 0;
        left: 0;
        right: 0;
        top: 40%;
        border-radius: 0 0 7px 7px
    }

    .comp-testimonial .testimonial .profile-wrap {
        position: absolute;
        left: -1.64063vw;
        top: 1.64063vw;
        padding: 1.64063vw;
        background: #3aae97;
        border-radius: .78125vw;
        max-width: 14.21875vw;
        height: 13.4375vw;
        display: flex;
        flex-direction: column
    }

i.fa.fa-quote-left, i.fa.fa-quote-right {
    color: #3aae97;
}

.comp-testimonial .testimonial .profile-wrap .name {
    font-size: 1.64063vw;
    line-height: 2.1875vw;
    font-weight: 300
}

.comp-testimonial .testimonial .profile-wrap .designation {
    font-size: 1.09375vw;
    line-height: 1.64063vw;
    margin-top: .70313vw;
    font-weight: 300
}

.comp-testimonial .testimonial .comment {
    position: absolute;
    left: 16.875vw;
    top: 4.4375vw;
    right: 4.6875vw
}

    .comp-testimonial .testimonial .comment .title {
        font-size: 2.1875vw;
        line-height: 2.65625vw;
        position: relative
    }


    .comp-testimonial .testimonial .comment .desc {
        font-size: 1.09375vw;
        line-height: 1.64063vw;
        color: #4a4e57;
        margin-top: 1.09375vw;
        overflow: hidden;
        max-height: 11.17188vw
    }

i.fa.fa-angle-right, i.fa.fa-angle-left {
    top: 10px;
    position: relative;
    font-size: 35px;
    left: 23px;
}

    i.fa.fa-angle-right:hover, i.fa.fa-angle-left:hover {
        color: #fff;
    }

.comp-testimonial .testimonial .icon-play {
    position: absolute;
    bottom: 4.21875vw;
    right: 3.28125vw;
    width: 3.4375vw;
    height: 3.4375vw
}

    .comp-testimonial .testimonial .icon-play:before {
        content: "\e901";
        font-size: 3.35938vw;
        font-family: "payconnect" !important
    }

.comp-testimonial .testimonial.typ-nobg {
    background: #fff;
    border: 1px solid #eee
}

    .comp-testimonial .testimonial.typ-nobg:before {
        display: none
    }

    .comp-testimonial .testimonial.typ-nobg .comment .title {
        color: #203152
    }

        .comp-testimonial .testimonial.typ-nobg .comment .title:before {
            color: #203152
        }

.comp-testimonial .testimonial.typ-green .profile-wrap {
    background: #3aae97
}

@media (max-width: 992px) {
    .comp-testimonial .swiper-button-prev, .comp-testimonial .swiper-button-next {
        width: 4rem;
        height: 4rem
    }

        .comp-testimonial .swiper-button-prev:before, .comp-testimonial .swiper-button-next:before {
            line-height: 4rem;
            font-size: 1.4rem;
            left: 44%
        }

    .comp-testimonial .swiper-button-next {
        margin-right: -5rem
    }

        .comp-testimonial .swiper-button-next:before {
            left: 53%
        }

    .comp-testimonial .swiper-button-prev {
        margin-left: -5rem
    }

    .comp-testimonial .testimonial-slider {
        padding-bottom: 7rem
    }
}

@media (max-width: 767px) {
    .comp-testimonial .testimonial-slider {
        padding: 0 15% 5rem
    }

    .comp-testimonial .swiper-button-prev, .comp-testimonial .swiper-button-next {
        width: 3rem;
        height: 3rem
    }

        .comp-testimonial .swiper-button-prev:before, .comp-testimonial .swiper-button-next:before {
            font-size: 0.8rem;
            left: 44%
        }

    .comp-testimonial .swiper-button-next {
        margin-right: -3.5rem
    }

        .comp-testimonial .swiper-button-next:before {
            left: 53%
        }

    .comp-testimonial .swiper-button-prev {
        margin-left: -3.5rem
    }

    .comp-testimonial .testimonial {
        min-height: 17rem;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05)
    }

        .comp-testimonial .testimonial .profile-wrap {
            width: 8rem;
            height: 8rem;
            top: 10px;
            border-radius: 4px;
            left: -10px;
            padding: 1rem
        }

            .comp-testimonial .testimonial .profile-wrap .name {
                font-size: 1.1rem;
                line-height: 1.3rem
            }

            .comp-testimonial .testimonial .profile-wrap .designation {
                font-size: 0.7rem;
                line-height: 1rem;
                margin-top: 2px
            }

        .comp-testimonial .testimonial .comment {
            left: 9rem;
            right: 4rem;
            bottom: 2.5rem
        }

            .comp-testimonial .testimonial .comment .title {
                font-size: 1.5rem;
                line-height: 1.8rem;
                max-height: 36px;
                overflow: hidden
            }

                .comp-testimonial .testimonial .comment .title:before {
                    top: -1.9rem;
                    left: 0;
                    font-size: 1.2rem
                }

            .comp-testimonial .testimonial .comment .desc {
                font-size: 0.9rem;
                line-height: 1.3rem;
                max-height: 5.3rem
            }

        .comp-testimonial .testimonial .icon-play {
            bottom: 3rem;
            right: 2.2rem;
            width: 2rem;
            height: 2rem
        }
}

@media (max-width: 768px) {
    .comp-testimonial .swiper-slide {
        width: 75%
    }

    .comp-testimonial .testimonial {
        min-height: 19rem
    }

        .comp-testimonial .testimonial .profile-wrap {
            width: 9rem;
            height: 7rem;
            top: 15px;
            border-radius: 3px;
            left: -15px;
            padding: 15px
        }

            .comp-testimonial .testimonial .profile-wrap .name {
                font-size: 1rem;
                line-height: 1.3rem
            }

            .comp-testimonial .testimonial .profile-wrap .designation {
                font-size: 0.7rem;
                line-height: 1.1rem;
                margin-top: 2px
            }

        .comp-testimonial .testimonial .comment {
            left: 9rem;
            right: 4rem;
            bottom: 1.8rem
        }

            .comp-testimonial .testimonial .comment .title {
                font-size: 1.3rem;
                line-height: 1.8rem;
                max-height: 47px;
                overflow: hidden
            }

                .comp-testimonial .testimonial .comment .title:before {
                    top: -1.5rem;
                    left: 0;
                    font-size: 0.9rem
                }

            .comp-testimonial .testimonial .comment .desc {
                font-size: 0.9rem;
                line-height: 1.2rem;
                margin-top: 1.5rem;
                max-height: 46px;
                overflow: hidden
            }

        .comp-testimonial .testimonial .icon-play {
            bottom: 2.2rem;
            right: 1.4rem;
            width: 2rem;
            height: 2rem
        }

            .comp-testimonial .testimonial .icon-play:before {
                font-size: 2rem
            }
}

@media (max-width: 599px) {
    .comp-testimonial .testimonial-slider {
        padding: 0 0 15rem 0
    }

    .comp-testimonial .swiper-slide {
        width: 100%
    }

    .comp-testimonial .swiper-button-next, .comp-testimonial .swiper-button-prev {
        width: 4.8rem;
        height: 4.8rem
    }

        .comp-testimonial .swiper-button-next:before, .comp-testimonial .swiper-button-prev:before {
            left: 48%;
            font-size: 1.6rem
        }

    .comp-testimonial .swiper-button-next {
        right: 50%;
        margin-right: -5.6rem
    }

    .comp-testimonial .swiper-button-prev {
        margin-left: -5.6rem
    }

    .comp-testimonial .testimonial {
        margin-left: 15%;
        min-height: 36rem;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        border: 0;
        border-radius: 10px 0 0 10px
    }

        .comp-testimonial .testimonial .profile-wrap {
            width: 20rem;
            height: 14.6rem;
            top: unset;
            border-radius: 1rem;
            left: -2.4rem;
            max-width: inherit;
            bottom: -7.8rem;
            padding: 0.3rem 2.4rem
        }

            .comp-testimonial .testimonial .profile-wrap .name {
                font-size: 2.4rem;
                line-height: 3.2rem
            }

            .comp-testimonial .testimonial .profile-wrap .designation {
                font-size: 1.6rem;
                line-height: 2.6rem;
                margin-top: 0.8rem
            }

        .comp-testimonial .testimonial .comment {
            left: 4.6rem;
            right: 2rem;
            top: 4.5rem
        }

            .comp-testimonial .testimonial .comment .title {
                font-size: 2.2rem;
                line-height: 3rem;
                max-height: 100%;
                position: initial
            }

                .comp-testimonial .testimonial .comment .title:before {
                    top: -2.2rem;
                    left: -2.6rem;
                    font-size: 2rem
                }

    .title:after {
        display: none
    }

    .comp-testimonial .testimonial .comment .desc {
        font-size: 1.2rem;
        line-height: 1.5rem;
        max-height: 100%
    }

    .comp-testimonial .testimonial .icon-play {
        bottom: 3rem;
        right: 2.2rem;
        width: 4rem;
        height: 4rem
    }

        .comp-testimonial .testimonial .icon-play:before {
            font-size: 3.6rem
        }
}

.comp-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 80%;
    margin: auto;
    z-index: 99;
    max-width: 54.6875vw;
    height: 70%
}

    .comp-popup.active {
        display: block
    }

    .comp-popup iframe {
        width: 100%
    }

    .comp-popup .popup-wrap {
        display: none;
        transition: all 0.3s ease-in-out;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        background: #fff;
        border-radius: .78125vw;
        padding: 2.34375vw
    }

        .comp-popup .popup-wrap.active {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .comp-popup .popup-wrap .close {
            position: absolute;
            top: .39063vw;
            right: .39063vw;
            width: 1.95313vw;
            font-size: 1.5625vw;
            color: #000;
            height: 1.95313vw;
            line-height: 1.95313vw;
            text-align: center
        }

@media (max-width: 767px) {
    .comp-popup .popup-wrap .close {
        font-size: 1.4rem
    }
}

.comp-manage-transaction {
    position: relative;
    padding-bottom: 5.07813vw
}

    .comp-manage-transaction:before {
        content: "";
        position: absolute;
        top: 22%;
        right: 0;
        left: 48%;
        bottom: 0;
        background: #f8f8f8
    }

    .comp-manage-transaction .img-wrap {
        position: relative;
        max-width: 23.4375vw;
        margin: 0 auto
    }

        .comp-manage-transaction .img-wrap > img {
            box-shadow: 0 12px 25px rgba(0,0,0,0.06)
        }

    .comp-manage-transaction .notification {
        position: absolute;
        min-width: 31.25vw;
        top: 38%;
        left: 13%;
        border-radius: .78125vw;
        background: #40ba95;
        overflow: hidden;
        box-shadow: 0 12px 17px rgba(0,0,0,0.08);
        font-weight: 300
    }

        .comp-manage-transaction .notification .header {
            background: rgba(236,236,236,0.25);
            padding: .625vw 1.40625vw .625vw .54688vw;
            color: #9b9b9b;
            font-size: 1.01563vw
        }

            .comp-manage-transaction .notification .header .icon {
                width: 1.40625vw;
                display: inline-block;
                height: 1.40625vw;
                border-radius: 5px;
                background-color: #d8efe8;
                vertical-align: middle;
                margin-right: .625vw
            }

            .comp-manage-transaction .notification .header .title {
                text-transform: uppercase;
                display: inline-block;
                vertical-align: middle;
                color: #3f3821
            }

            .comp-manage-transaction .notification .header .note {
                float: right
            }

        .comp-manage-transaction .notification .note {
            color: #505050;
            font-size: .9375vw
        }

        .comp-manage-transaction .notification .cont {
            padding: .85938vw 1.09375vw;
            font-size: 1.17188vw;
            color: #000
        }

            .comp-manage-transaction .notification .cont .text {
                margin-bottom: .625vw
            }

            .comp-manage-transaction .notification .cont .note {
                font-size: .85938vw
            }

    .comp-manage-transaction .play-store-wrap {
        text-align: center;
        padding-bottom: 3.90625vw
    }

        .comp-manage-transaction .play-store-wrap .play-store {
            margin: 0 auto;
            max-width: 15.625vw;
            position: relative;
            z-index: 3;
            display: inline-block
        }

@media (max-width: 992px) {
    .comp-manage-transaction {
        padding-bottom: 3.5rem
    }

        .comp-manage-transaction:before {
            top: 45%
        }

        .comp-manage-transaction .img-wrap {
            width: 100%;
            max-width: 270px;
            margin: 0 auto;
            -webkit-transform: none;
            transform: none
        }

        .comp-manage-transaction .notification {
            top: 32%;
            left: 50% !important;
            min-width: 310px;
            border-radius: 1rem;
            -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important
        }

            .comp-manage-transaction .notification .header {
                padding: .8rem 1.8rem .8rem .7rem;
                color: #9b9b9b;
                font-size: 1.3rem
            }

                .comp-manage-transaction .notification .header .icon {
                    width: 1.8rem;
                    display: inline-block;
                    height: 1.8rem;
                    border-radius: 5px;
                    background-color: #d8efe8;
                    vertical-align: middle;
                    margin-right: .8rem
                }

            .comp-manage-transaction .notification .note {
                color: #505050;
                font-size: 1.2rem
            }

            .comp-manage-transaction .notification .cont {
                padding: 1.1rem 1.4rem;
                font-size: 1.5rem;
                color: #000
            }

                .comp-manage-transaction .notification .cont .text {
                    margin-bottom: .8rem
                }

                .comp-manage-transaction .notification .cont .note {
                    font-size: 1.1rem
                }

        .comp-manage-transaction .play-store-wrap {
            padding-bottom: 5rem
        }

            .comp-manage-transaction .play-store-wrap .play-store {
                max-width: 13rem
            }
}

@media (max-width: 767px) {
    .comp-manage-transaction .img-wrap {
        max-width: 188px
    }

    .comp-manage-transaction .notification {
        min-width: 225px
    }
}

.comp-branding {
    position: relative;
    padding-top: 5.07813vw
}

    .comp-branding:before {
        content: "";
        position: absolute;
        top: 0%;
        left: 0;
        right: 67%;
        z-index: -1;
        bottom: 10%;
        background: #f8f8f8
    }

    .comp-branding .product-shop {
        float: left;
        width: 30.9375vw
    }

        .comp-branding .product-shop .card-wrap {
            padding: 1.66406vw 1.95313vw 3.57812vw;
            background: #fff;
            border: 1px solid #eee;
            border-radius: .28125vw;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05)
        }

        .comp-branding .product-shop:after {
            content: "";
            display: table;
            clear: both
        }

        .comp-branding .product-shop .p-desc .line1, .comp-branding .product-shop .p-desc .line2 {
            background: #eee;
            border-radius: .39063vw;
            margin-bottom: .9375vw;
            height: 8px
        }

        .comp-branding .product-shop .p-desc .line1 {
            width: 75%
        }

        .comp-branding .product-shop .p-desc .price {
            font-weight: 700;
            font-size: 1.48438vw;
            letter-spacing: 1px
        }

            .comp-branding .product-shop .p-desc .price .amount {
                display: inline-block
            }

        .comp-branding .product-shop .p-desc .button-wrap {
            position: relative
        }

        .comp-branding .product-shop .p-desc .btn {
            width: 80%;
            margin: 2.34375vw auto 0;
            display: block;
            letter-spacing: .625vw;
            border: 0;
            padding: 1.79688vw 1.95313vw;
            font-size: .83594vw;
            box-shadow: 0 24px 25px rgba(0,0,0,0.1);
            transition: all 0.2s ease-out;
            position: relative;
            background: #ffbf00
        }

            .comp-branding .product-shop .p-desc .btn span {
                position: relative;
                z-index: 2
            }

            .comp-branding .product-shop .p-desc .btn:after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background: linear-gradient(102deg, transparent 12%, rgba(0,0,0,0.2) 98%);
                border-radius: 2.34vw;
                z-index: 1
            }

    .comp-branding .product-wrap:after {
        content: "";
        display: table;
        clear: both
    }

    .comp-branding .product-desc {
        float: right;
        width: 48%
    }

        .comp-branding .product-desc .no-uislider {
            margin-top: 3.90625vw;
            width: 22.26563vw
        }

    .comp-branding .gallery-wrap {
        margin-bottom: 4.29688vw
    }

        .comp-branding .gallery-wrap:after {
            content: "";
            display: table;
            clear: both
        }

    .comp-branding .main-img {
        width: 74.84269662921348%;
        float: left
    }

    .comp-branding .thumb-img {
        width: 20.876404494382022%;
        float: right
    }

        .comp-branding .thumb-img .item {
            margin-bottom: 20%
        }

@media (max-width: 992px) {
    .comp-branding {
        padding-top: 0
    }

        .comp-branding:before {
            display: none
        }

        .comp-branding .product-wrap {
            position: relative;
            padding-bottom: 8rem
        }

            .comp-branding .product-wrap .p-desc .btn {
                letter-spacing: .5rem
            }

                .comp-branding .product-wrap .p-desc .btn:after {
                    border-radius: 60px
                }

        .comp-branding .product-desc {
            width: 100%;
            float: none
        }

            .comp-branding .product-desc .no-uislider {
                width: 100%;
                position: absolute;
                bottom: 0;
                max-width: 400px;
                margin: 0 auto;
                right: 0;
                left: 0;
                height: 4rem
            }

        .comp-branding .gallery-wrap {
            margin-bottom: 3rem
        }

        .comp-branding .product-shop {
            width: 100%;
            clear: both;
            float: none;
            position: relative;
            margin: 60px auto 0
        }

            .comp-branding .product-shop .card-wrap {
                width: 80%;
                padding: 1.2rem 1.4rem 2.8rem;
                max-width: 300px;
                margin: 0 auto
            }

            .comp-branding .product-shop .p-desc .btn {
                font-size: 0.7rem;
                margin: 1.3rem auto 0;
                padding: 1.1rem;
                box-shadow: 0 10px 25px rgba(0,0,0,0.1)
            }

            .comp-branding .product-shop .p-desc .line2, .comp-branding .product-shop .p-desc .line1 {
                height: 0.5rem;
                margin-bottom: 1rem
            }

            .comp-branding .product-shop .p-desc .price {
                font-size: 1.3rem
            }

            .comp-branding .product-shop:before {
                content: "";
                position: absolute;
                top: -30px;
                left: -100%;
                right: 38%;
                z-index: -1;
                height: 65%;
                background: #f8f8f8
            }
}

.comp-tab-wrap {
    background: url(/one_payu/dot-bg.svg) no-repeat left top;
    padding: 3.90625vw 0 6.25vw;
    background-size: 35.15625vw
}

    .comp-tab-wrap .comp-payment-option {
        width: 100%;
        max-width: 31.25vw;
        position: relative
    }

        .comp-tab-wrap .comp-payment-option .rhs .payment-modes {
            position: relative
        }

            .comp-tab-wrap .comp-payment-option .rhs .payment-modes .item {
                width: 100%;
                left: 7.1875vw
            }

                .comp-tab-wrap .comp-payment-option .rhs .payment-modes .item:not(:last-child) {
                    margin-bottom: 2.34375vw
                }

    .comp-tab-wrap.typ-two .tab-content .img-wrap.typ-icon {
        max-width: 37.73438vw;
        margin: 0 auto
    }

    .comp-tab-wrap.typ-two .tabs .tab-links .tab-link .title {
        text-transform: none
    }

@media (max-width: 992px) {
    .comp-tab-wrap {
        background-size: 100% 100%;
        background-position: left -150px top
    }

        .comp-tab-wrap .comp-payment-option {
            width: 100%;
            margin: 0 auto;
            max-width: 300px
        }

            .comp-tab-wrap .comp-payment-option .rhs .payment-modes .item:not(:last-child) {
                margin-bottom: 1.2rem
            }

        .comp-tab-wrap.typ-two {
            padding-bottom: 0
        }

            .comp-tab-wrap.typ-two .selected-tab-mobile {
                padding: 1.5rem 2.5rem
            }

                .comp-tab-wrap.typ-two .selected-tab-mobile:after {
                    top: 1.3rem
                }

                .comp-tab-wrap.typ-two .selected-tab-mobile .desc {
                    display: none
                }

            .comp-tab-wrap.typ-two .tab-content .desc {
                font-size: 1.2rem;
                line-height: 1.6rem;
                padding-top: 3.6rem;
                text-align: center
            }

            .comp-tab-wrap.typ-two .tab-content .img-wrap.typ-icon {
                max-width: 17rem
            }

                .comp-tab-wrap.typ-two .tab-content .img-wrap.typ-icon.typ-two {
                    max-width: 30rem
                }

            .comp-tab-wrap.typ-two .tabs .tab-links .tab-link .desc {
                display: none
            }
}

@media (max-width: 568px) {
    .comp-tab-wrap .comp-payment-option {
        width: 85%
    }
}

@media (max-width: 400px) {
    .comp-tab-wrap {
        padding-bottom: 7rem;
        background-size: 90% 90%;
        background-position: -135px 79px
    }

        .comp-tab-wrap .comp-payment-option {
            width: 85%
        }

            .comp-tab-wrap .comp-payment-option .rhs .payment-modes .item {
                left: 0;
                margin-left: 8%
            }
}

.comp-global .map-wrap {
    position: relative;
    max-width: 74.6875vw;
    margin: 0 auto
}

    .comp-global .map-wrap > img {
        width: 100%
    }

.comp-global .currency-list .currency-icon {
    width: 6.71875vw;
    height: 6.71875vw;
    border-radius: 50%;
    background: #3aae97;
    text-align: center;
    position: absolute
}

    .comp-global .currency-list .currency-icon.typ-doller {
        left: 16%;
        top: 30%
    }

    .comp-global .currency-list .currency-icon.typ-pound {
        left: 38%;
        top: 13%
    }

    .comp-global .currency-list .currency-icon.typ-euro {
        left: 63%;
        top: 12.5%
    }

    .comp-global .currency-list .currency-icon.typ-fijian {
        left: 40%;
        top: 55%
    }

    .comp-global .currency-list .currency-icon.typ-rupee {
        background: #000;
        left: 62%;
        top: 45%
    }

    .comp-global .currency-list .currency-icon.typ-yen {
        left: 80%;
        top: 37%
    }

    .comp-global .currency-list .currency-icon .icon {
        font-size: 2.73438vw;
        color: #fff;
        line-height: 6.71875vw
    }

.comp-global .arrow-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .comp-global .arrow-wrap .img-wrap {
        -webkit-animation: moveX 0.4s steps(2) infinite;
        animation: moveX 0.4s steps(2) infinite;
        width: 100%;
        height: auto
    }

.comp-global .currency-arrow {
    position: absolute
}

    .comp-global .currency-arrow img {
        width: 100%
    }

    .comp-global .currency-arrow.typ-euro {
        left: 66%;
        top: 26%;
        width: 1.48438vw;
        height: 7.5vw
    }

    .comp-global .currency-arrow.typ-yen {
        left: 70%;
        top: 44%;
        width: 10.85938vw;
        height: 2.03125vw
    }

    .comp-global .currency-arrow.typ-dollar {
        left: 17%;
        top: 32%;
        width: 33.90625vw;
        height: 6.95313vw
    }

    .comp-global .currency-arrow.typ-pound {
        left: 45%;
        top: 24%;
        width: 14.45313vw;
        height: 8.4375vw
    }

    .comp-global .currency-arrow.typ-fijian {
        left: 47%;
        top: 53%;
        width: 11.25vw;
        height: 5vw
    }

@-webkit-keyframes moveX {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveX {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media (max-width: 992px) {
    .comp-global .map-wrap {
        max-width: 100%
    }

    .comp-global .arrow-wrap {
        display: none
    }
}

@media (max-width: 767px) {
    .comp-global {
        overflow-x: hidden
    }
}

@media (max-width: 768px) and (min-width: 580px) {
    .comp-global .currency-arrow {
        -webkit-transform: scale(0.48);
        transform: scale(0.48)
    }

        .comp-global .currency-arrow.typ-yen {
            -webkit-transform: scale(0.48) rotate(-20deg);
            transform: scale(0.48) rotate(-20deg)
        }

    .comp-global .currency-list .currency-icon.typ-rupee {
        top: 42%
    }
}

@media (max-width: 579px) {
    .comp-global .map-wrap {
        max-width: unset;
        margin: 0 -40px 0 -75px
    }

    .comp-global .currency-list .currency-icon {
        width: 2.6rem;
        height: 2.6rem
    }

        .comp-global .currency-list .currency-icon .icon {
            font-size: 1.2rem;
            line-height: 3rem
        }

    .comp-global .currency-arrow {
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

        .comp-global .currency-arrow.typ-yen {
            -webkit-transform: scale(0.35) rotate(-20deg);
            transform: scale(0.35) rotate(-20deg)
        }
}

.comp-protect-trans {
    position: relative;
    margin-bottom: 6.25vw
}

    .comp-protect-trans .comp-title-desc .title {
        margin-top: 6.25vw
    }

    .comp-protect-trans:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        background: #f8f8f8;
        width: 35%;
        bottom: 2.5vw;
        z-index: -1;
        height: 80%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .comp-protect-trans .protect-list-wrap.typ-scrollable .scrollable-block {
        -webkit-animation: merchantlist 10s linear infinite;
        animation: merchantlist 10s linear infinite
    }

    .comp-protect-trans .protect-list {
        position: relative;
        box-sizing: border-box;
        text-align: center
    }

        .comp-protect-trans .protect-list .item {
            display: inline-block;
            vertical-align: middle
        }

            .comp-protect-trans .protect-list .item .comp-brand-card {
                margin: 1.5625vw .78125vw;
                box-shadow: 0 5px 25px 0 rgba(156,156,156,0.2)
            }

@-webkit-keyframes merchantlist {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes merchantlist {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 992px) {
    .comp-protect-trans .comp-title-desc {
        padding-bottom: 2.4rem
    }

        .comp-protect-trans .comp-title-desc .title {
            margin-top: 0
        }

    .comp-protect-trans:after {
        display: none
    }

    .comp-protect-trans .protect-list .item {
        width: 24%
    }

        .comp-protect-trans .protect-list .item .comp-brand-card {
            width: 92%;
            height: 0;
            padding-top: 92%
        }
}

@media (max-width: 767px) {
    .comp-protect-trans {
        margin-bottom: 6.4rem
    }

        .comp-protect-trans .protect-list {
            font-size: 0
        }

            .comp-protect-trans .protect-list .item {
                margin: 0rem;
                padding: 0.6rem;
                width: 32%
            }

                .comp-protect-trans .protect-list .item .comp-brand-card {
                    width: 100%;
                    padding-top: 100%;
                    margin: 0
                }

        .comp-protect-trans .protect-list-wrap {
            height: auto;
            margin-left: -23%;
            margin-right: -23%
        }

            .comp-protect-trans .protect-list-wrap.typ-scrollable .scrollable-block {
                max-width: 25rem;
                margin: 0 auto
            }
}

.comp-integrate-code:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 17%;
    background: #fff
}

.comp-integrate-code .btn-wrap {
    padding-top: 3.125vw
}

    .comp-integrate-code .btn-wrap .btn:last-child {
        margin-left: 1.25vw
    }

.comp-integrate-code .comp-vs-code {
    height: 53.4375vw
}

.comp-integrate-code.black-bg-auto-height:before {
    height: auto
}

.comp-integrate-code .list-sub-titile {
    font-size: 28px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: -0.88px;
    color: #ffffff;
    margin-bottom: 36px
}

@media (max-width: 992px) {
    .comp-integrate-code .comp-vs-code {
        height: auto
    }
}

@media (max-width: 767px) {
    .comp-integrate-code .btn-wrap {
        padding-top: 1.8rem;
        text-align: center
    }

        .comp-integrate-code .btn-wrap .btn {
            min-width: 55%
        }

            .comp-integrate-code .btn-wrap .btn + .btn {
                margin-top: 2rem;
                clear: both
            }

            .comp-integrate-code .btn-wrap .btn:last-child {
                margin-left: 0
            }

    .comp-integrate-code .comp-vs-code {
        height: auto;
        padding-bottom: 3rem;
        margin-top: 3rem
    }
}

@media (max-width: 992px) {
    .comp-integrate-code .comp-vs-code {
        margin-top: 3.6rem
    }

    .comp-integrate-code .comp-vs-code {
        padding-bottom: 0
    }

    .comp-integrate-code .list-sub-titile {
        text-align: center;
        font-size: 24px;
        font-weight: normal
    }

        .comp-integrate-code .list-sub-titile.titile-space {
            margin-top: 48px;
            margin-bottom: 20px
        }
}

.comp-integrate-gateway {
    position: relative;
    background: url(/one_payu/dot-bg.svg) no-repeat left -50px top;
    background-size: contain;
    background-position: -80px 0;
    height: 50.78125vw;
    padding: 10.15625vw 0 0;
    margin-bottom: 3.90625vw
}

    .comp-integrate-gateway:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #3aae97;
        width: 20%;
        height: 70%;
        z-index: -1;
        opacity: 0.1
    }

    .comp-integrate-gateway .block-info {
        font-weight: 300;
        color: #fff;
        padding-top: 3.90625vw
    }

        .comp-integrate-gateway .block-info .title {
            font-size: 2.42969vw;
            line-height: 2.67188vw;
            letter-spacing: 0.11px
        }

        .comp-integrate-gateway .block-info .desc {
            font-size: 1.46094vw;
            line-height: 2.67188vw;
            letter-spacing: 0.11px
        }

    .comp-integrate-gateway .browser-animation-wrap {
        position: absolute;
        width: 40.3125vw;
        left: 15%;
        right: 0;
        top: 13.125vw;
        margin: 0 auto
    }

        .comp-integrate-gateway .browser-animation-wrap .comp-desktop {
            position: relative
        }

            .comp-integrate-gateway .browser-animation-wrap .comp-desktop.typ-mobile {
                position: absolute;
                width: 15.625vw;
                right: -7.8125vw
            }

                .comp-integrate-gateway .browser-animation-wrap .comp-desktop.typ-mobile .lhs {
                    padding: 1.5625vw 0 1.95313vw
                }

    .comp-integrate-gateway .ripple-eefect-wrap {
        position: absolute;
        right: 0;
        top: 0;
        width: 46.875vw;
        height: 41.01563vw;
        overflow: hidden;
        background: #000
    }

    .comp-integrate-gateway .comp-payment-option .typ-desk {
        height: 32.10938vw
    }

    .comp-integrate-gateway .comp-payment-option.typ-mob .rhs .payment-modes {
        margin-bottom: 2.34375vw
    }

        .comp-integrate-gateway .comp-payment-option.typ-mob .rhs .payment-modes .item {
            padding: .39063vw 1.17188vw
        }

.comp-integrate-gateway {
    padding-top: 0
}

    .comp-integrate-gateway .browser-animation-wrap img {
        box-shadow: 0 4px 64px 0 rgba(164,164,164,0.2)
    }

    .comp-integrate-gateway .browser-animation-wrap .mobile-img {
        position: absolute;
        max-width: 15.625vw;
        top: 8.125vw;
        right: -7.8125vw
    }

@media (max-width: 767px) {
    .comp-integrate-gateway {
        background-size: 100% 100%;
        padding-top: 0;
        height: auto;
        margin-bottom: 0
    }

        .comp-integrate-gateway .ripple-eefect-wrap {
            display: none
        }

        .comp-integrate-gateway:after {
            display: none
        }

        .comp-integrate-gateway:before {
            width: 50%
        }
}

@media (max-width: 991px) and (min-width: 768px) {
    .comp-integrate-gateway {
        height: 70rem
    }

        .comp-integrate-gateway .browser-animation-wrap {
            width: 45%;
            left: 20%;
            bottom: unset;
            top: 40%
        }
}

@media (max-width: 767px) {
    .comp-integrate-gateway {
        background-position: -130px bottom;
        background-size: 90%;
        padding-bottom: 7rem
    }

        .comp-integrate-gateway:before {
            top: inherit;
            -webkit-transform: none;
            transform: none;
            height: 74%;
            bottom: 14px
        }

        .comp-integrate-gateway:after {
            display: none
        }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .comp-integrate-gateway {
        height: auto;
        background: none;
        margin-bottom: 0;
        text-align: center
    }

        .comp-integrate-gateway::before {
            display: none
        }

        .comp-integrate-gateway .ripple-eefect-wrap {
            display: none
        }

        .comp-integrate-gateway .comp-product-card {
            display: inline-block;
            vertical-align: top;
            text-align: left;
            margin-bottom: 0
        }

            .comp-integrate-gateway .comp-product-card + .comp-product-card {
                margin-left: 2rem
            }

        .comp-integrate-gateway .hidden-xs {
            display: none !important
        }
}

@media (max-width: 992px) {
    .comp-integrate-gateway .hidden-xs {
        display: none !important
    }

    .comp-integrate-gateway .comp-product-card {
        margin: 0 auto 1.2rem
    }

    .comp-integrate-gateway .comp-ripple-effect {
        display: none
    }

    .comp-integrate-gateway .ripple-eefect-wrap {
        background: transparent
    }
}

.comp-chkout-ui {
    padding-bottom: 16.40625vw;
    position: relative
}

    .comp-chkout-ui:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        background: #f8f8f8;
        width: 65%;
        height: 65%;
        z-index: -1
    }

    .comp-chkout-ui .browser-animation-wrap {
        max-width: 56.5625vw;
        position: relative
    }

        .comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .browser-head {
            padding: .625vw 0
        }

            .comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .browser-head .url-input {
                height: 1.875vw
            }

        .comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .tm-list {
            margin: 0 auto;
            max-width: 75%
        }

            .comp-chkout-ui .browser-animation-wrap .comp-desktop .browser .tm-list .item {
                width: 3.125vw;
                margin-right: 2.5vw
            }

        .comp-chkout-ui .browser-animation-wrap .comp-desktop.typ-mobile {
            width: 22.5vw;
            right: -30%
        }

            .comp-chkout-ui .browser-animation-wrap .comp-desktop.typ-mobile:after {
                height: 1.71875vw;
                background-size: contain
            }

        .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk {
            max-width: 75%;
            margin: 0 auto;
            height: auto
        }

            .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs {
                width: 33%
            }

                .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs .vendor-logo {
                    width: 4.0625vw;
                    height: 2.8125vw
                }

                .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs .text {
                    font-size: 1.40625vw;
                    line-height: 1.875vw
                }

                .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .lhs .amt-info {
                    font-size: .625vw
                }

            .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs {
                width: 64%;
                padding-bottom: 9.6875vw
            }

                .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-title {
                    font-size: .78125vw;
                    padding-left: 2.34375vw
                }

                .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-modes .item {
                    padding: .78125vw 2.34375vw
                }

                    .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-modes .item .img-wrap {
                        width: 10%
                    }

                    .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-desk .rhs .payment-modes .item .comp-info {
                        font-size: .625vw
                    }

        .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs {
            box-shadow: 0 5px 3px -4px rgba(0,0,0,0.15);
            padding-bottom: 1.5625vw;
            padding-top: 1.875vw
        }

            .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs .vendor-logo {
                width: 4.0625vw;
                height: 2.8125vw
            }

            .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs .text {
                padding: 1.25vw 0
            }

            .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .lhs .amt-info {
                font-size: .78125vw
            }

        .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs {
            padding-top: 2.5vw
        }

            .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-title {
                font-size: .78125vw;
                padding-bottom: .78125vw;
                padding-left: 2.34375vw
            }

            .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-modes .item {
                padding: 1.09375vw 2.34375vw
            }

                .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-modes .item .img-wrap {
                    width: 10%
                }

                .comp-chkout-ui .browser-animation-wrap .comp-payment-option.typ-mob .rhs .payment-modes .item .comp-info {
                    font-size: .70313vw
                }

    .comp-chkout-ui .desktop-img {
        width: 56.5625vw
    }

    .comp-chkout-ui .container {
        max-width: 74.14063vw
    }

    .comp-chkout-ui .mobile-img {
        width: 22.5vw;
        position: absolute;
        top: 8.98438vw;
        left: 64.53125vw
    }

    .comp-chkout-ui img {
        box-shadow: 0 5px 92px 0 rgba(164,164,164,0.2)
    }

@media (max-width: 992px) {
    .comp-chkout-ui {
        padding-bottom: 0
    }

        .comp-chkout-ui:after {
            display: none
        }

        .comp-chkout-ui .browser-animation-wrap {
            max-width: 72.6rem
        }

            .comp-chkout-ui .browser-animation-wrap .comp-desktop.typ-mobile {
                width: 28.4rem;
                right: -18%;
                top: 20%
            }

        .comp-chkout-ui .desk-mock {
            margin-right: -10vw;
            max-width: 80%;
            box-shadow: 0 2px 32px 0 rgba(164,164,164,0.2)
        }

        .comp-chkout-ui .container {
            max-width: 460px
        }

        .comp-chkout-ui .desktop-img {
            width: 100%;
            margin-left: -40px
        }

        .comp-chkout-ui .mobile-img {
            width: 150px;
            position: absolute;
            top: 6rem;
            left: 500px
        }
}

@media (max-width: 767px) {
    .comp-chkout-ui:after {
        display: none
    }

    .comp-chkout-ui .desk-mock {
        margin-right: -18px
    }

    .comp-chkout-ui .desktop-img {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .comp-chkout-ui .desk-mock {
        max-width: 100%
    }

    .comp-chkout-ui .desktop-img {
        width: auto;
        margin-right: -18rem
    }

    .comp-chkout-ui .container {
        max-width: inherit
    }

    .comp-chkout-ui .mobile-img {
        display: none
    }
}

.comp-pay-popup {
    padding-bottom: 7.8125vw;
    position: relative
}

    .comp-pay-popup:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        background: #f8f8f8;
        width: 65%;
        height: 50%;
        z-index: -1
    }

    .comp-pay-popup .payin-popup {
        position: relative
    }

        .comp-pay-popup .payin-popup img {
            width: 100%
        }

    .comp-pay-popup .overlay-sm {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        top: 5.6%;
        background: rgba(0,0,0,0.8)
    }

    .comp-pay-popup .inner-modal {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 22.10938vw
    }

        .comp-pay-popup .inner-modal .comp-desktop.typ-mobile {
            width: 100%;
            height: 39.0625vw
        }

            .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .lhs {
                padding: 1.95313vw 0 1.5625vw
            }

                .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .lhs .text {
                    padding: 1.17188vw 0 .78125vw
                }

            .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .rhs .payment-modes .item {
                padding: .78125vw 1.5625vw
            }

                .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .rhs .payment-modes .item .comp-info {
                    font-size: .78125vw;
                    line-height: .78125vw
                }

    .comp-pay-popup .popup-img {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 52%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 22.10938vw
    }

    .comp-pay-popup .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs {
        padding-bottom: 4.6875vw
    }

        .comp-pay-popup .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-title {
            font-size: .78125vw;
            padding-bottom: .78125vw
        }

@media (max-width: 767px) {
    .comp-pay-popup {
        padding-bottom: 0
    }

        .comp-pay-popup:after {
            display: none
        }

        .comp-pay-popup .inner-modal {
            max-width: 30rem
        }

            .comp-pay-popup .inner-modal .comp-desktop.typ-mobile {
                height: 50rem
            }

                .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .lhs {
                    padding: 2.5rem 0 2rem
                }

                    .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .lhs .text {
                        padding: 1.5rem 0 1rem;
                        font-size: 1rem;
                        line-height: 1rem
                    }

                .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs {
                    padding: 1rem 0
                }

                    .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-title {
                        font-size: .6rem;
                        padding: 0 1.5rem;
                        line-height: 1.4rem
                    }

                    .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes {
                        margin-bottom: 2rem
                    }

                        .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes .item {
                            padding: 1.4rem 2rem
                        }

                            .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes .item .comp-info {
                                font-size: 1rem;
                                line-height: 1rem
                            }

                            .comp-pay-popup .inner-modal .comp-desktop.typ-mobile .comp-payment-option.typ-mob .rhs .payment-modes .item .img-wrap .icon {
                                font-size: 1rem;
                                right: 1rem
                            }

        .comp-pay-popup .payin-popup {
            margin: 0rem -15rem
        }

        .comp-pay-popup .popup-img {
            max-width: 35%
        }
}

@media (max-width: 580px) {
    .comp-pay-popup .inner-modal .comp-desktop.typ-mobile {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

.comp-look-products {
    position: relative
}

    .comp-look-products:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: #000;
        width: 50%;
        height: 100%;
        z-index: -1
    }

    .comp-look-products:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        background: #222222;
        width: 50%;
        height: 100%;
        z-index: -1
    }

    .comp-look-products.typ-white:before {
        background: #fcfcfc
    }

    .comp-look-products.typ-white:after {
        background: #f5f5f5
    }

    .comp-look-products.typ-white .comp-title-btn .title {
        color: #060606
    }

@media (max-width: 992px) {
    .comp-look-products {
        background: #000
    }

        .comp-look-products:before, .comp-look-products:after {
            display: none
        }

        .comp-look-products .col-lg-6:last-child:after {
            content: '';
            position: absolute;
            right: -50%;
            left: -50%;
            bottom: 0;
            background: #222222;
            height: 100%;
            z-index: 0
        }

        .comp-look-products.typ-white {
            background: #fcfcfc
        }

            .comp-look-products.typ-white .col-lg-6:last-child:after {
                background: #f5f5f5
            }
}

@media (mix-width: 640px) {
    .comp-look-products:before {
        width: 100%;
        height: 80%
    }

    .comp-look-products:after {
        display: none
    }

    .comp-look-products .row .col-lg-6:last-child {
        background: #222222
    }
}

.comp-pay-faster {
    position: relative
}

    .comp-pay-faster:after {
        content: '';
        position: absolute;
        right: 0;
        top: -2.34375vw;
        background: #f8f8f8;
        width: 35%;
        height: 95%;
        z-index: -1
    }

    .comp-pay-faster .comp-title-desc {
        padding-right: 5.46875vw
    }

    .comp-pay-faster .comp-desktop.typ-mobile {
        width: 100%
    }

    .comp-pay-faster .comp-payment-option {
        margin-top: 1.5625vw;
        max-width: 35.15625vw
    }

        .comp-pay-faster .comp-payment-option .rhs {
            padding: 5.78125vw 0 0
        }

            .comp-pay-faster .comp-payment-option .rhs .payment-title {
                padding-bottom: 1.40625vw
            }

                .comp-pay-faster .comp-payment-option .rhs .payment-title:last-of-type {
                    padding-top: 4.6875vw
                }

            .comp-pay-faster .comp-payment-option .rhs .payment-modes {
                margin-bottom: 1.5625vw
            }

                .comp-pay-faster .comp-payment-option .rhs .payment-modes:first-of-type .item {
                    left: -2.34375vw;
                    border: none;
                    box-shadow: 0 11px 36px 0 rgba(156,156,156,0.09);
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1);
                    -webkit-transform-origin: 100% 0;
                    transform-origin: 100% 0
                }

                    .comp-pay-faster .comp-payment-option .rhs .payment-modes:first-of-type .item .img-wrap {
                        width: 15%
                    }

                .comp-pay-faster .comp-payment-option .rhs .payment-modes .item {
                    box-shadow: none;
                    border-bottom: 1px solid #f4f4f4;
                    padding: 1.71875vw 2.34375vw
                }

                    .comp-pay-faster .comp-payment-option .rhs .payment-modes .item .img-wrap {
                        width: 10%
                    }

                    .comp-pay-faster .comp-payment-option .rhs .payment-modes .item .comp-info {
                        font-size: 1.09375vw;
                        line-height: 1.09375vw;
                        font-weight: 400
                    }

                    .comp-pay-faster .comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
                        font-size: .9375vw;
                        font-weight: bold
                    }

    .comp-pay-faster .mob-img {
        margin: 5rem auto -8rem;
        max-width: 400px
    }

        .comp-pay-faster .mob-img img {
            width: 100%
        }

@media (max-width: 992px) {
    .comp-pay-faster:after {
        top: 40%;
        height: 38%;
        width: 50%
    }
}

@media (max-width: 767px) {
    .comp-pay-faster:after {
        top: 40%;
        height: 50%;
        width: 50%
    }

    .comp-pay-faster .comp-payment-option {
        max-width: 228px;
        margin: 4rem auto 0
    }

        .comp-pay-faster .comp-payment-option:after {
            content: '';
            position: absolute;
            right: 0;
            top: 2rem;
            height: 50%;
            background: #f8f8f8;
            width: 65%;
            z-index: -1
        }

        .comp-pay-faster .comp-payment-option .rhs .payment-title {
            font-size: 0.6rem
        }

        .comp-pay-faster .comp-payment-option .rhs .payment-modes .item {
            padding: 1rem 1.2rem
        }

            .comp-pay-faster .comp-payment-option .rhs .payment-modes .item .comp-info {
                font-size: 0.9rem
            }

            .comp-pay-faster .comp-payment-option .rhs .payment-modes .item .img-wrap {
                width: 10%;
                margin-right: 1rem
            }

            .comp-pay-faster .comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
                font-size: 0.9rem;
                right: 1.2rem
            }

    .comp-pay-faster .mob-img {
        margin: 5rem auto -8rem
    }
}

.comp-brand-card {
    width: 14.0625vw;
    height: 14.0625vw;
    border-radius: 2.34375vw;
    box-shadow: 0 5px 15px 0 rgba(156,156,156,0.2);
    position: relative;
    background: #fff;
    margin: .9375vw 0;
    z-index: 1
}

    .comp-brand-card:last-child {
        margin-bottom: 0
    }

    .comp-brand-card .brand-logo {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        width: 55%;
        margin: 0 auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .comp-brand-card .brand-logo.typ-big {
            width: 76%
        }

    .comp-brand-card.anim0 {
        z-index: 11
    }

    .comp-brand-card.partners-card-option {
        width: 10.15625vw;
        height: 10.15625vw
    }

@media (max-width: 992px) {
    .comp-brand-card {
        border-radius: 1.5rem
    }

        .comp-brand-card .brand-logo {
            width: 50%
        }
}

@media (max-width: 767px) {
    .comp-brand-card {
        width: 100%;
        height: 0;
        padding-top: 100%
    }

        .comp-brand-card .brand-logo {
            width: 60%
        }

            .comp-brand-card .brand-logo.typ-big {
                width: 80%
            }
}

.comp-icon-text {
    text-align: center
}

    .comp-icon-text .item {
        margin: 0 0 8.82813vw 0
    }

    .comp-icon-text.typ-2 .item:nth-last-child(1), .comp-icon-text.typ-2 .item:nth-last-child(2), .comp-icon-text.typ-2 .item:nth-last-child(3) {
        margin-bottom: 0
    }

    .comp-icon-text .icon {
        background: #fff;
        width: 6.71875vw;
        height: 6.71875vw;
        line-height: 6.71875vw;
        border-radius: 50%;
        display: inline-block;
        box-shadow: 0 5px 12px rgba(0,0,0,0.08);
        margin-bottom: 1.5625vw;
        font-size: 2.5vw;
        position: relative;
        color: #040404
    }

        .comp-icon-text .icon:before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .comp-icon-text .text {
        color: #040404;
        font-size: 1.66406vw;
        line-height: 2.5vw;
        position: relative;
        display: block
    }

    .comp-icon-text .desc {
        font-size: 1.25vw;
        color: #727781;
        min-height: 3.4375vw;
        line-height: 1.71875vw;
        margin: 1.5625vw 0 2.65625vw
    }

    .comp-icon-text .btn-link {
        text-transform: uppercase
    }

@media (max-width: 992px) {
    .comp-icon-text .item {
        margin: 0 0 2.4rem 0
    }

    .comp-icon-text .icon {
        background: #fff;
        width: 4.8rem;
        height: 4.8rem;
        line-height: 4.8rem;
        box-shadow: 0 5px 12px rgba(0,0,0,0.08);
        margin-bottom: 0;
        font-size: 2rem
    }

        .comp-icon-text .icon:before {
            font-size: 2rem
        }

    .comp-icon-text .text {
        font-size: 1.4rem;
        line-height: 1.9rem;
        padding: 1.5rem 0;
        vertical-align: middle
    }

    .comp-icon-text .desc {
        font-size: 1.4rem;
        line-height: 1.7rem;
        min-height: 5.5rem
    }

    .comp-icon-text .btn-link {
        font-size: 1.2rem
    }
}

@media (max-width: 767px) {
    .comp-icon-text.typ-2 .item:nth-last-child(2), .comp-icon-text.typ-2 .item:nth-last-child(3) {
        margin-bottom: 2.4rem
    }

    .comp-icon-text .list {
        max-width: 84%;
        margin: 0 auto
    }

    .comp-icon-text .item {
        margin: 0 0 2.4rem 0;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
        padding-right: 0;
        position: relative;
        padding-left: 7.2rem
    }

    .comp-icon-text .icon {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .comp-icon-text .icon:before {
            font-size: 2rem
        }

    .comp-icon-text.typ-desc .icon {
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .comp-icon-text.typ-desc .text {
        padding: 0 0 0.8rem 0
    }

    .comp-icon-text.typ-desc .desc {
        margin-top: 0;
        margin-bottom: 1.2rem
    }
}

.comp-payment-option {
    box-shadow: 0 25px 36px 0 rgba(156,156,156,0.1);
    background-color: #fff
}

    .comp-payment-option .lhs {
        padding: 1.95313vw 0 2.34375vw;
        text-align: center
    }

        .comp-payment-option .lhs .text {
            font-size: 1.64063vw;
            line-height: 1.64063vw;
            font-weight: 500;
            padding: .85938vw 0 1.71875vw
        }

        .comp-payment-option .lhs .amt-info {
            font-size: 1.01563vw;
            line-height: 1.40625vw;
            color: #727781;
            font-weight: 300
        }

            .comp-payment-option .lhs .amt-info .amt {
                color: #eb2226
            }

            .comp-payment-option .lhs .amt-info .down-arrow {
                width: 1.09375vw;
                height: 1.09375vw;
                border-radius: 50%;
                background: #eb2226;
                display: inline-block;
                vertical-align: middle;
                text-align: center
            }

                .comp-payment-option .lhs .amt-info .down-arrow .icon:before {
                    content: "";
                    border: 4px solid transparent;
                    border-top: 4px solid #fff;
                    display: inline-block
                }

    .comp-payment-option .vendor-logo {
        border: 1px solid #f4f4f4;
        width: 5.15625vw;
        height: 4.14063vw;
        margin: 0 auto;
        position: relative
    }

        .comp-payment-option .vendor-logo .logo {
            position: absolute;
            left: 0;
            right: 0;
            max-width: 80%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            margin: 0 auto
        }

    .comp-payment-option .rhs {
        padding: 4.6875vw 0 3.90625vw;
        width: 100%
    }

        .comp-payment-option .rhs .payment-title {
            font-size: 1.01563vw;
            line-height: 1.09375vw;
            color: #727781;
            text-transform: uppercase;
            padding: .39063vw 2.03125vw;
            font-weight: 500;
            position: relative
        }

        .comp-payment-option .rhs .comp-info {
            font-size: .46875vw;
            line-height: .46875vw;
            color: #040404
        }

        .comp-payment-option .rhs .payment-modes .item {
            padding: 2.34375vw 2.1875vw;
            box-shadow: 0 12px 40px 0 rgba(156,156,156,0.09);
            display: flex;
            align-items: center;
            background: #fff;
            position: relative;
            max-height: 6.71875vw
        }

            .comp-payment-option .rhs .payment-modes .item .payment-options {
                width: 10%
            }

                .comp-payment-option .rhs .payment-modes .item .payment-options img {
                    max-width: 63%
                }

            .comp-payment-option .rhs .payment-modes .item .img-wrap {
                width: 20%
            }

                .comp-payment-option .rhs .payment-modes .item .img-wrap img {
                    max-width: 63%
                }

                .comp-payment-option .rhs .payment-modes .item .img-wrap .icon {
                    color: #727781
                }

            .comp-payment-option .rhs .payment-modes .item .comp-info {
                font-size: 1.09375vw;
                line-height: 1.09375vw;
                color: #727781;
                font-weight: 300
            }

            .comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
                position: absolute;
                font-size: .9375vw;
                right: 1.5625vw
            }

    .comp-payment-option.typ-two-way {
        border: 1px solid #ebebeb
    }

        .comp-payment-option.typ-two-way .payment-title {
            font-size: .78125vw
        }

        .comp-payment-option.typ-two-way .rhs {
            padding-top: 2.96875vw
        }

            .comp-payment-option.typ-two-way .rhs .payment-modes:first-of-type .item {
                left: -6.25vw;
                margin-bottom: 1.5625vw
            }

            .comp-payment-option.typ-two-way .rhs .payment-modes .item {
                left: 6.25vw;
                margin-top: 2.34375vw
            }

@media (max-width: 992px) {
    .comp-all-payment-option {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .comp-payment-option {
        box-shadow: -5px 13px 40px 0 rgba(156,156,156,0.1)
    }

        .comp-payment-option .lhs {
            padding: 2rem 0 2rem
        }

            .comp-payment-option .lhs .text {
                font-size: 1.4rem;
                line-height: 2.4rem;
                padding: 1.5rem 0 1.5rem
            }

            .comp-payment-option .lhs .amt-info {
                font-size: 1.2rem
            }

        .comp-payment-option .rhs {
            padding: 2.5rem 0
        }

            .comp-payment-option .rhs .payment-title {
                font-size: 0.8rem;
                padding: 1.6rem 1.8rem 0
            }

            .comp-payment-option .rhs .payment-modes .item {
                padding: 2rem;
                max-height: unset
            }

                .comp-payment-option .rhs .payment-modes .item .img-wrap {
                    width: 15%;
                    margin-right: 1rem
                }

                .comp-payment-option .rhs .payment-modes .item .comp-info {
                    font-size: 1.2rem;
                    line-height: 1.4rem
                }

                .comp-payment-option .rhs .payment-modes .item .icon-right-arrow {
                    font-size: 1.2rem;
                    right: 1.5rem
                }

        .comp-payment-option .vendor-logo {
            width: 6.5rem;
            height: 5rem
        }

        .comp-payment-option.typ-two-way {
            max-width: 22.5rem;
            margin: 5rem auto 0
        }

            .comp-payment-option.typ-two-way .rhs .payment-modes:first-of-type .item {
                left: -20px;
                margin-bottom: 1.5rem
            }

            .comp-payment-option.typ-two-way .rhs .payment-modes .item {
                left: 20px;
                margin-top: 2rem;
                padding: 1.3rem 2rem
            }

                .comp-payment-option.typ-two-way .rhs .payment-modes .item .img-wrap {
                    margin-right: 1rem
                }

                .comp-payment-option.typ-two-way .rhs .payment-modes .item .comp-info {
                    font-size: 1rem
                }
}

@media (max-width: 991px) and (min-width: 768px) {
    .comp-payment-option.typ-two-way .rhs {
        padding: 2rem 0
    }

        .comp-payment-option.typ-two-way .rhs .payment-title {
            font-size: .8rem
        }

        .comp-payment-option.typ-two-way .rhs .payment-modes:first-of-type .item {
            left: -40px;
            margin-bottom: 1.5rem
        }

        .comp-payment-option.typ-two-way .rhs .payment-modes .item {
            left: 40px;
            margin-top: 2rem;
            padding: 1.4rem 2rem
        }

            .comp-payment-option.typ-two-way .rhs .payment-modes .item .comp-info {
                font-size: .7rem
            }
}

.comp-product-card {
    border-radius: 10px;
    width: 18.04688vw;
    overflow: hidden;
    height: 15.85938vw;
    padding: 3.75vw 1.5625vw 1.71094vw;
    margin-left: 1.17188vw;
    background: #fff;
    margin-bottom: 1.875vw;
    position: relative;
    box-shadow: 0 5px 25px 0 rgba(156,156,156,0.2);
    transition: box-shadow .3s ease-out, opacity .2s ease-out, -webkit-transform .3s ease-out;
    transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
    transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

    .comp-product-card:hover {
        box-shadow: rgba(45,45,45,0.05) 0px 2px 2px,rgba(49,49,49,0.05) 0px 4px 4px,rgba(42,42,42,0.05) 0px 8px 8px,rgba(32,32,32,0.05) 0px 16px 16px,rgba(49,49,49,0.05) 0px 32px 32px,rgba(35,35,35,0.05) 0px 64px 64px;
        -webkit-transform: translate(0, -4px);
        transform: translate(0, -4px)
    }

    .comp-product-card .tag {
        font-size: .78125vw;
        line-height: .78125vw;
        background: red;
        color: #fff;
        padding: .39063vw .54688vw;
        border-radius: .3125vw;
        text-transform: uppercase;
        position: absolute;
        top: 1.79688vw
    }

    .comp-product-card .label {
        font-size: .9375vw;
        line-height: 2.03125vw;
        color: #727781;
        display: block
    }

    .comp-product-card .title {
        font-weight: 500;
        font-size: 1.40625vw;
        line-height: 1.875vw;
        color: #040404;
        display: block;
        padding: .3125vw 0 .625vw
    }

    .comp-product-card .desc {
        font-weight: 300;
        font-size: .9375vw;
        line-height: 1.39063vw;
        color: #727781;
        display: block
    }

    .comp-product-card .view-docs {
        position: absolute;
        right: 1.71875vw;
        bottom: 1.71875vw;
        text-align: right
    }

        .comp-product-card .view-docs .text {
            font-weight: 300;
            font-size: .83594vw;
            line-height: 1.39063vw;
            color: #9fa1a7;
            display: block
        }

        .comp-product-card .view-docs .link {
            font-weight: 600;
            font-size: 1.25vw;
            line-height: 1.25vw;
            color: #3aae97;
            display: block;
            margin-top: .3125vw
        }

            .comp-product-card .view-docs .link .icon {
                margin-left: .39063vw;
                display: inline-block;
                vertical-align: middle;
                font-size: .9375vw;
                transition: -webkit-transform 0.3s ease-out;
                transition: transform 0.3s ease-out;
                transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
            }

            .comp-product-card .view-docs .link:hover .icon {
                -webkit-transform: translateX(5px) scale(1.06);
                transform: translateX(5px) scale(1.06)
            }

    .comp-product-card .icon-wrap {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        width: 2.8125vw
    }

        .comp-product-card .icon-wrap img {
            width: 100%
        }

    .comp-product-card.typ-big {
        width: 37.5vw
    }

    .comp-product-card.typ-list {
        width: 37.5vw;
        height: 20vw;
        min-height: inherit;
        border-radius: .625vw;
        padding: 3.28125vw 1.71875vw 1.71875vw 13.28125vw;
        box-shadow: 0 5px 25px 0 rgba(156,156,156,0.2)
    }

        .comp-product-card.typ-list .title {
            padding-top: 0
        }

        .comp-product-card.typ-list .icon-wrap {
            top: 3.28125vw;
            left: 3.28125vw;
            width: 6.64063vw
        }

            .comp-product-card.typ-list .icon-wrap img {
                width: 100%
            }

        .comp-product-card.typ-list.typ-list-pd {
            padding: 3.28125vw 1.71875vw 3.28125vw 1.71875vw
        }

@media (max-width: 992px) {
    .comp-product-card {
        padding: 36px 24px 24px;
        width: 260px;
        height: 230px
    }

        .comp-product-card .label {
            font-size: 12px;
            line-height: 26px
        }

        .comp-product-card .tag {
            font-size: 10px;
            line-height: 10px;
            padding: 5px 7px 4px;
            border-radius: 4px;
            top: 22px
        }

        .comp-product-card .title {
            font-size: 18px;
            line-height: 24px;
            padding: 0 0 8px
        }

        .comp-product-card .desc {
            font-size: 12px;
            line-height: 17.8px
        }

        .comp-product-card .icon-wrap {
            width: 36px;
            right: -1px;
            top: 0
        }

        .comp-product-card .view-docs {
            bottom: 20px;
            right: 22px
        }

            .comp-product-card .view-docs .text {
                font-size: 12px;
                line-height: 20px
            }

            .comp-product-card .view-docs .link {
                margin-top: 3px;
                font-size: 16px;
                line-height: 18px;
                position: relative;
                padding-right: 22px
            }

                .comp-product-card .view-docs .link .icon {
                    font-size: 12px;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

                .comp-product-card .view-docs .link:hover .icon {
                    -webkit-transform: translateX(5px) translateY(-50%) scale(1.06);
                    transform: translateX(5px) translateY(-50%) scale(1.06)
                }

        .comp-product-card.typ-list {
            width: 260px;
            height: 380px;
            border-radius: 8px;
            padding: 75px 24px 24px
        }

            .comp-product-card.typ-list .icon-wrap {
                top: 29px;
                left: 24px;
                width: 32px
            }

                .comp-product-card.typ-list .icon-wrap img {
                    width: 100%
                }

            .comp-product-card.typ-list .comp-bullet-list {
                padding-left: 0
            }

                .comp-product-card.typ-list .comp-bullet-list .item {
                    color: #9fa1a7;
                    font-size: 12px;
                    line-height: 1.43
                }

                    .comp-product-card.typ-list .comp-bullet-list .item:before {
                        top: 3px
                    }

            .comp-product-card.typ-list.typ-list-pd {
                padding: 75px 24px 24px
            }
}

@media (max-width: 767px) {
    .comp-product-card.typ-list .comp-bullet-list .item {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 2rem
    }

        .comp-product-card.typ-list .comp-bullet-list .item:before {
            top: 2px;
            -webkit-transform: none;
            transform: none
        }
}

.comp-title-btn {
    padding: 4.53125vw 0;
    text-align: center
}

    .comp-title-btn .title {
        font-weight: 300;
        font-size: 2.5vw;
        line-height: 3.28125vw;
        color: #fff;
        padding-bottom: 2.5vw
    }

@media (max-width: 992px) {
    .comp-title-btn {
        padding: 4.2rem 0;
        position: relative;
        z-index: 1
    }

        .comp-title-btn .title {
            font-size: 2.4rem;
            line-height: 3.4rem;
            padding-bottom: 3.2rem
        }

        .comp-title-btn .btn.btn-primary {
            font-size: 1.3rem
        }
}

@media (max-width: 768px) {
    .comp-title-btn .title {
        font-size: 2.2rem;
        line-height: 3rem;
        padding-bottom: 3rem
    }
}

@media (max-width: 767px) {
    .comp-title-btn {
        padding: 3.6rem 0
    }

        .comp-title-btn .title {
            font-size: 2.4rem;
            line-height: 3.2rem;
            padding-bottom: 2.4rem
        }

        .comp-title-btn .btn.btn-primary {
            min-width: 16rem;
            font-size: 1.4rem
        }
}

.comp-title-desc {
    position: relative
}

    .comp-title-desc .index {
        font-size: 1.09375vw;
        line-height: 1.25vw;
        color: #040404;
        font-weight: 500;
        letter-spacing: 1.75px;
        padding-bottom: 1.17188vw
    }

        .comp-title-desc .index:before {
            content: '';
            width: .625vw;
            height: .15625vw;
            border-radius: 3px;
            background: #3aae97;
            display: inline-block;
            vertical-align: middle;
            margin-right: .625vw
        }

    .comp-title-desc .title {
        font-size: 2.1875vw;
        line-height: 2.34375vw;
        color: #040404;
        font-weight: 500
    }

    .comp-title-desc .desc {
        font-size: 1.25vw;
        line-height: 1.79688vw;
        color: #727781;
        padding-top: 1.71875vw
    }

    .comp-title-desc .btn-wrap {
        margin-top: 5vw
    }

    .comp-title-desc.typ-sm .img-wrap {
        text-align: left
    }

        .comp-title-desc.typ-sm .img-wrap img {
            height: 6.95313vw;
            width: auto
        }

    .comp-title-desc.typ-sm .title {
        padding-top: 3.125vw;
        font-size: 2.1875vw;
        line-height: 2.73438vw
    }

    .comp-title-desc.typ-sm .desc {
        font-size: 1.25vw;
        padding-top: 1.09375vw;
        line-height: 1.79688vw
    }

    .comp-title-desc .note {
        font-size: .78125vw;
        margin-top: 1.32813vw
    }

@media (max-width: 992px) {
    .comp-title-desc {
        text-align: center
    }

        .comp-title-desc .title {
            font-size: 2rem;
            line-height: 2.4rem
        }

        .comp-title-desc .note {
            font-size: 1.2rem;
            margin-top: 2.4rem;
            margin-bottom: 3.2rem
        }

        .comp-title-desc .desc {
            font-size: 1.4rem;
            line-height: 2rem;
            padding-top: 2rem;
            max-width: 75%;
            margin: 0 auto
        }

        .comp-title-desc .index {
            display: none
        }

        .comp-title-desc.typ-sm {
            text-align: left
        }

            .comp-title-desc.typ-sm .title {
                padding: 3.6rem 0 1.2rem;
                font-size: 1.2rem;
                line-height: 1.6rem
            }

            .comp-title-desc.typ-sm .desc {
                font-size: 1rem;
                line-height: 1.4rem
            }
}

@media (max-width: 767px) {
    .comp-title-desc .title {
        font-size: 1.6rem;
        line-height: 2rem;
        padding-top: 0rem
    }

    .comp-title-desc .desc {
        font-size: 1.3rem;
        line-height: 1.6rem;
        padding-top: 1.6rem;
        max-width: 100%
    }

    .comp-title-desc .btn-wrap {
        margin-top: 4.8rem
    }

    .comp-title-desc.typ-sm {
        text-align: center
    }

        .comp-title-desc.typ-sm .img-wrap {
            width: 6rem;
            height: 6rem;
            margin: 0 auto
        }

            .comp-title-desc.typ-sm .img-wrap img {
                height: 6rem
            }

        .comp-title-desc.typ-sm .title {
            padding: 3.6rem 0 1.2rem;
            font-size: 1.6rem;
            line-height: 2rem
        }

        .comp-title-desc.typ-sm .desc {
            font-size: 1.2rem;
            line-height: 1.6rem
        }
}

.comp-vs-code {
    background: #1d1e22;
    box-shadow: 4px 14px 37px rgba(0,0,0,0.2);
    max-width: 39.0625vw;
    margin: 0 auto
}

    .comp-vs-code .chars {
        visibility: hidden
    }

    .comp-vs-code .window-head {
        background: #242424
    }

        .comp-vs-code .window-head .window-actions {
            padding: 1.25vw
        }

            .comp-vs-code .window-head .window-actions li {
                width: 1.25vw;
                height: 1.25vw;
                border-radius: 50%;
                display: inline-block;
                background: #3e3e3e;
                margin-right: .39063vw
            }

    .comp-vs-code .window-body {
        font-size: 1.09375vw;
        line-height: 1.5625vw;
        letter-spacing: 1px;
        position: relative
    }

        .comp-vs-code .window-body .tag {
            color: #998354
        }

            .comp-vs-code .window-body .tag.typ-opening:after {
                content: 'o';
                font-family: payconnect;
                position: absolute;
                left: -1.17188vw;
                top: 0;
                color: #33333b;
                font-size: .78125vw;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

        .comp-vs-code .window-body .tag-data {
            color: #fff
        }

        .comp-vs-code .window-body .tag-attr {
            color: #d3c179
        }

        .comp-vs-code .window-body .attr-val {
            color: #98b48b
        }

        .comp-vs-code .window-body .style-attr {
            color: #9d849a
        }

    .comp-vs-code .code {
        padding: .39063vw 2.34375vw 0 4.6875vw;
        font-size: 1.09375vw;
        line-height: 1.25vw
    }

        .comp-vs-code .code li {
            position: relative;
            padding: .19531vw 0
        }

            .comp-vs-code .code li:before {
                counter-increment: codeLineNo;
                content: counter(codeLineNo);
                position: absolute;
                left: -3.125vw;
                top: 0;
                text-align: right;
                width: 2rem;
                color: #33333b
            }

    .comp-vs-code.mobile {
        display: none
    }

    .comp-vs-code .hiders {
        margin: 0;
        position: absolute;
        top: .39063vw;
        width: 65%;
        margin-left: 3.75vw
    }

        .comp-vs-code .hiders p {
            position: relative;
            clear: both;
            margin: 0;
            float: right;
            line-height: 1.25vw;
            padding: .19531vw 0;
            width: 0;
            background: #1d1e22
        }

    .comp-vs-code.aos-animate .hiders p {
        -webkit-animation: typing 1s steps(30, end);
        animation: typing 1s steps(30, end);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .comp-vs-code .hiders p:nth-child(2) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .comp-vs-code .hiders p:nth-child(3) {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .comp-vs-code .hiders p:nth-child(4) {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .comp-vs-code .hiders p:nth-child(5) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }

    .comp-vs-code .hiders p:nth-child(6) {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }

    .comp-vs-code .hiders p:nth-child(7) {
        -webkit-animation-delay: 6s;
        animation-delay: 6s
    }

    .comp-vs-code .hiders p:nth-child(8) {
        -webkit-animation-delay: 7s;
        animation-delay: 7s
    }

    .comp-vs-code .hiders p:nth-child(9) {
        -webkit-animation-delay: 8s;
        animation-delay: 8s
    }

    .comp-vs-code .hiders p:nth-child(10) {
        -webkit-animation-delay: 9s;
        animation-delay: 9s
    }

    .comp-vs-code .hiders p:nth-child(11) {
        -webkit-animation-delay: 10s;
        animation-delay: 10s
    }

    .comp-vs-code .hiders p:nth-child(12) {
        -webkit-animation-delay: 11s;
        animation-delay: 11s
    }

    .comp-vs-code .hiders p:nth-child(13) {
        -webkit-animation-delay: 12s;
        animation-delay: 12s
    }

    .comp-vs-code .hiders p:nth-child(14) {
        -webkit-animation-delay: 12s;
        animation-delay: 12s
    }

    .comp-vs-code .hiders p:nth-child(15) {
        -webkit-animation-delay: 13s;
        animation-delay: 13s
    }

    .comp-vs-code .hiders p:nth-child(16) {
        -webkit-animation-delay: 14s;
        animation-delay: 14s
    }

    .comp-vs-code .hiders p:nth-child(17) {
        -webkit-animation-delay: 15s;
        animation-delay: 15s
    }

    .comp-vs-code .hiders p:nth-child(18) {
        -webkit-animation-delay: 16s;
        animation-delay: 16s
    }

    .comp-vs-code .hiders p:nth-child(19) {
        -webkit-animation-delay: 16s;
        animation-delay: 16s
    }

    .comp-vs-code .hiders p:nth-child(20) {
        -webkit-animation-delay: 17s;
        animation-delay: 17s
    }

    .comp-vs-code .hiders p:nth-child(21) {
        -webkit-animation-delay: 18s;
        animation-delay: 18s
    }

@-webkit-keyframes typing {
    from {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes typing {
    from {
        width: 100%
    }

    to {
        width: 0
    }
}

@media (max-width: 992px) {
    .comp-vs-code {
        max-width: 500px;
        display: none
    }

        .comp-vs-code.mobile {
            display: block
        }
}

@media (max-width: 767px) {
    .comp-vs-code .code {
        padding: .3rem 2rem 2.5rem 2.4rem;
        font-size: 0.9rem;
        line-height: 1.1rem;
        letter-spacing: 0.4px
    }

        .comp-vs-code .code li {
            padding: 0rem 0
        }

            .comp-vs-code .code li:before {
                left: -2.5rem
            }

    .comp-vs-code .window-head .window-actions {
        padding: 0.3rem 0.8rem
    }

        .comp-vs-code .window-head .window-actions li {
            width: .7rem;
            height: .7rem
        }

    .comp-vs-code .window-body {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
}

.comp-ripple-effect {
    position: absolute;
    right: 0;
    top: 0;
    width: 9.375vw;
    height: 6.25vw
}

    .comp-ripple-effect .wave {
        width: 1.5625vw;
        height: 1.5625vw;
        background: rgba(58,174,151,0.33);
        border: 1px solid #3aae97;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        z-index: 1;
        top: 50%;
        position: absolute;
        border-radius: 50%;
        -webkit-animation: ripple 8s linear infinite;
        animation: ripple 8s linear infinite
    }

        .comp-ripple-effect .wave.r2 {
            -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s
        }

        .comp-ripple-effect .wave.r3 {
            -webkit-animation-delay: 3.2s;
            animation-delay: 3.2s
        }

        .comp-ripple-effect .wave.r4 {
            -webkit-animation-delay: 4.8s;
            animation-delay: 4.8s
        }

        .comp-ripple-effect .wave.r5 {
            -webkit-animation-delay: 6.4s;
            animation-delay: 6.4s
        }

    .comp-ripple-effect .icon {
        width: 3.90625vw;
        height: 3.90625vw;
        border-radius: 50%;
        background: #3aae97;
        display: inline-block;
        text-align: center;
        z-index: 9;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        font-size: 1.79688vw;
        top: 50%;
        position: absolute;
        line-height: 3.90625vw
    }

@-webkit-keyframes ripple {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        width: 39.0625vw;
        height: 39.0625vw
    }
}

@keyframes ripple {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        width: 39.0625vw;
        height: 39.0625vw
    }
}

.comp-tooltip {
    border: 1px solid #3aae97;
    font-size: .70313vw;
    line-height: .70313vw;
    padding: .625vw 1.25vw .625vw .625vw;
    display: inline-block;
    background: #fff;
    border-radius: 2.34375vw;
    color: #167b67;
    font-weight: 500;
    box-shadow: 5px 4px 20px 0 rgba(0,0,0,0.15)
}

    .comp-tooltip span {
        display: inline-block;
        vertical-align: middle
    }

    .comp-tooltip .icon {
        margin-right: .39063vw;
        font-size: .85938vw;
        color: #3aae97
    }

@media (max-width: 767px) {
    .comp-tooltip {
        font-size: 0.8rem;
        -webkit-transform: scale(0.7) !important;
        transform: scale(0.7) !important;
        padding: 0.5rem 2rem 0.5rem 1rem
    }
}

.comp-section {
    padding: 7.5vw 0;
    position: relative
}

    .comp-section.padding-3pt5 {
        padding: 3.5vw 0
    }

    .comp-section.padding-bottom-0 {
        padding-bottom: 0
    }

    .comp-section .title-wrap {
        text-align: center;
        margin-bottom: 4.6875vw;
        position: relative;
        z-index: 1
    }

        .comp-section .title-wrap .title {
            font-weight: 300;
            font-size: 3.28125vw;
            line-height: 4.375vw;
            position: relative;
            color: #040404
        }

            .comp-section .title-wrap .title .highlight {
                font-weight: 500;
                color: #3aae97
            }

        .comp-section .title-wrap .subtitle {
            font-size: 1.25vw;
            line-height: 1.5625vw;
            padding-top: 1.25vw;
            position: relative;
            color: #727781
        }

        .comp-section .title-wrap .btn-wrap {
            padding-top: 3.28125vw;
            position: relative
        }

    .comp-section.typ-black {
        background-image: linear-gradient(128deg, #010101, #131313)
    }

        .comp-section.typ-black .title-wrap .title {
            color: #fff
        }

        .comp-section.typ-black .title-wrap .subtitle {
            color: #727781
        }

        .comp-section.typ-black .comp-bullet-list .item {
            color: #fff
        }

    .comp-section.typ-product-bg {
        padding-top: 0;
        margin-top: -3.90625vw
    }

        .comp-section.typ-product-bg:before {
            content: "";
            position: absolute;
            left: .85938vw;
            width: 38.75vw;
            top: 15.625vw;
            height: 48.59375vw;
            background: url(/one_payu/dot-bg.svg) no-repeat
        }

    .comp-section.typ-product-bg2 {
        padding-top: 4.53125vw
    }

        .comp-section.typ-product-bg2:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 23.4375vw;
            z-index: -1;
            right: 0;
            background: #f8f8f8
        }

        .comp-section.typ-product-bg2 .comp-product-card.typ-list {
            min-height: 20vw
        }

    .comp-section.typ-product-bg3 .comp-product-card.typ-list {
        min-height: 14.84375vw;
        height: 100%
    }

        .comp-section.typ-product-bg3 .comp-product-card.typ-list .icon-wrap {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 0;
            width: 2.8125vw;
            left: inherit
        }

            .comp-section.typ-product-bg3 .comp-product-card.typ-list .icon-wrap.diamond-icon {
                width: 6.813vw
            }

    .comp-section.typ-left-bg:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        z-index: -1;
        right: 0;
        width: 50%;
        height: 30%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #f8f8f8
    }

    .comp-section.typ-right-bg:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        z-index: -1;
        right: 0;
        width: 50%;
        height: 30%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #f8f8f8
    }

    .comp-section .comp-product-list:last-child .product-slider {
        margin-bottom: 0
    }

    .comp-section.only-img .img-wrap img {
        box-shadow: 0 4px 72px 0 rgba(164,164,164,0.2)
    }

    .comp-section.typ-customize-page {
        padding-bottom: 8.59375vw
    }

        .comp-section.typ-customize-page:before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            z-index: -1;
            right: 0;
            width: 56.40625vw;
            bottom: 7.5vw;
            background: #f8f8f8
        }

    .comp-section.typ-bg-one .content-wrap {
        background: url(/one_payu/dot-bg.svg) no-repeat;
        background-size: contain;
        background-position: -80px 0;
        padding: 4.6875vw 0 6.25vw
    }

    .comp-section .no-coding {
        max-width: 51.5625vw;
        margin: 0 auto
    }

    .comp-section .give-access {
        max-width: 56.17188vw;
        margin: 0 auto
    }

    .comp-section .send-invoice {
        max-width: 64.84375vw;
        margin: 0 auto
    }

    .comp-section .get-invoice {
        max-width: 54.6875vw;
        margin: 0 auto
    }

    .comp-section .customize-invoice {
        max-width: 50.78125vw;
        margin: 0 auto
    }

        .comp-section .customize-invoice .mobile {
            display: none
        }

    .comp-section .bank-holiday {
        max-width: 46.64063vw;
        margin: 0 auto 12.26563vw
    }

    .comp-section.typ-customize-invoice:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        z-index: -1;
        right: 0;
        width: 56.41vw;
        bottom: 7.5vw;
        background: #f8f8f8
    }

    .comp-section.typ-get-invoice:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        z-index: -1;
        right: 0;
        width: 56.41vw;
        bottom: 7.5vw;
        background: #f8f8f8
    }

    .comp-section.typ-manage-invoice:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        z-index: -1;
        right: 0;
        width: 56.41vw;
        bottom: 7.5vw;
        background: #f8f8f8
    }

    .comp-section.get-recognized:after, .comp-section.get-recognized:before {
        content: "";
        position: absolute;
        background: url(/one_payu/dot-bg.svg) top left no-repeat;
        background-size: 150%;
        z-index: -1
    }

    .comp-section.get-recognized:before {
        top: 0;
        width: 20.70313vw;
        left: 0;
        height: 70%
    }

    .comp-section.enjoy-flavours:after, .comp-section.enjoy-flavours:before {
        content: "";
        z-index: -1;
        position: absolute;
        background: url(/one_payu/dot-bg.svg) top left no-repeat;
        background-size: 130%
    }

    .comp-section.enjoy-flavours:before {
        top: 7.8125vw;
        width: 29.29688vw;
        left: 0;
        height: 50%
    }

    .comp-section.enjoy-flavours:after {
        bottom: 0vw;
        right: 0;
        width: 15.625vw;
        height: 70%;
        background-size: 200%;
        background-repeat: repeat
    }

    .comp-section.video-sample:before {
        content: "";
        bottom: 7.8125vw;
        background: #f5f5f5;
        position: absolute;
        right: 0;
        height: 60%;
        z-index: -2;
        width: 39.0625vw
    }

    .comp-section.video-sample .video-wrap {
        width: 63.98438vw;
        height: 35.625vw;
        margin: 0 auto;
        position: relative;
        margin-bottom: 11.71875vw
    }

        .comp-section.video-sample .video-wrap:before {
            content: "";
            bottom: -18.75vw;
            background: url(/one_payu/dot-bg.svg);
            background-size: 110%;
            position: absolute;
            right: -7.8125vw;
            height: 120%;
            z-index: -1;
            width: 31.25vw
        }

        .comp-section.video-sample .video-wrap iframe {
            width: 100%;
            border: 0;
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%
        }

        .comp-section.video-sample .video-wrap.video-wrap-no-dot:before {
            background: none
        }

    .comp-section .services-wrap .service {
        padding: 7.10938vw 1.5625vw;
        margin-bottom: 30px
    }

    .comp-section .services-wrap .title {
        text-align: center;
        font-size: 2.1875vw;
        color: #fff;
        line-height: 2.65625vw
    }

    .comp-section.typ-newsletter {
        padding-bottom: 0
    }

    .comp-section.scalable-platform .gray-bg {
        position: relative
    }

        .comp-section.scalable-platform .gray-bg:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: #f8f8f8;
            width: 62%;
            z-index: -1;
            left: -15.625vw;
            bottom: -2.34375vw
        }

    .comp-section.scalable-platform .img-wrap {
        max-width: 39.84375vw;
        margin: 0 auto
    }

    .comp-section.success-rate .img-wrap {
        max-width: 47.65625vw;
        margin: 0 auto
    }

    .comp-section.consistent-uptime .img-wrap {
        max-width: 63.28125vw;
        margin: 0 auto
    }

    .comp-section .stack-card-wrap {
        font-size: 0
    }

@media (max-width: 992px) {
    .comp-section {
        padding: 6rem 0
    }

        .comp-section .title-wrap {
            padding: 0 0.7rem;
            margin-bottom: 5rem
        }

            .comp-section .title-wrap .container {
                padding: 0 1.8rem
            }

            .comp-section .title-wrap .title {
                font-size: 3rem;
                line-height: 4rem
            }

            .comp-section .title-wrap .subtitle {
                font-size: 1.4rem;
                line-height: 1.8rem;
                padding-top: 2rem
            }

                .comp-section .title-wrap .subtitle .cm-line-break {
                    display: none
                }

            .comp-section .title-wrap .btn-wrap {
                padding-top: 4.4rem
            }

                .comp-section .title-wrap .btn-wrap .btn {
                    min-width: 18rem;
                    padding: 1.5rem 4rem
                }

        .comp-section.typ-seperator {
            overflow-x: hidden
        }

            .comp-section.typ-seperator .title-wrap {
                margin-bottom: 3.6rem;
                position: relative;
                padding-bottom: 2.4rem
            }

                .comp-section.typ-seperator .title-wrap:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    bottom: 0;
                    background: #9fa1a7;
                    width: 2.4rem;
                    height: 1px;
                    opacity: 0.2;
                    border: solid 2px #9fa1a7;
                    border-radius: 5px
                }

        .comp-section.typ-left-bg:before, .comp-section.typ-right-bg:before {
            display: none
        }

        .comp-section.typ-customize-page {
            padding-bottom: 10rem
        }

            .comp-section.typ-customize-page:before {
                display: none
            }

        .comp-section.typ-product-bg2:before {
            bottom: 11rem
        }

        .comp-section.typ-product-bg2 .comp-product-card.typ-list {
            min-height: inherit;
            height: inherit
        }

        .comp-section.typ-product-bg3 .comp-product-card.typ-list {
            min-height: inherit;
            height: inherit
        }

            .comp-section.typ-product-bg3 .comp-product-card.typ-list .icon-wrap {
                width: 36px
            }

        .comp-section.typ-no-brk .title-wrap .title .cm-line-break {
            display: none
        }

        .comp-section .no-coding {
            max-width: 30rem
        }

        .comp-section .give-access {
            max-width: 30rem;
            margin: 0 auto
        }

        .comp-section .get-invoice {
            max-width: 40rem
        }

        .comp-section .customize-invoice {
            max-width: 38rem
        }

        .comp-section .bank-holiday {
            max-width: 38rem
        }

        .comp-section .send-invoice {
            max-width: 58rem
        }
}

@media (max-width: 767px) {
    .comp-section {
        padding: 4.8rem 0
    }

        .comp-section .title-wrap {
            padding: 0;
            margin-bottom: 3.6rem
        }

            .comp-section .title-wrap .title {
                font-size: 2.4rem;
                line-height: 3.2rem
            }

            .comp-section .title-wrap .subtitle {
                font-size: 1.3rem;
                line-height: 1.6rem;
                padding-top: 1.2rem;
                font-weight: 400
            }

            .comp-section .title-wrap .btn-wrap {
                padding-top: 2.4rem
            }

                .comp-section .title-wrap .btn-wrap .btn-primary + .btn-primary {
                    margin-top: 2rem
                }

        .comp-section .btn-wrap {
            text-align: center
        }

        .comp-section.typ-product-bg {
            background: none;
            padding-top: 5rem
        }

            .comp-section.typ-product-bg:before {
                display: none
            }

        .comp-section.typ-product-bg2 {
            padding-top: 0
        }

            .comp-section.typ-product-bg2::before {
                display: none
            }

        .comp-section.typ-product-bg3 {
            padding-top: 5vw
        }

            .comp-section.typ-product-bg3::before {
                display: none
            }

        .comp-section.typ-left-bg:before {
            display: none
        }

        .comp-section.typ-right-bg:before {
            display: none
        }

        .comp-section.typ-bg-one .content-wrap {
            background-position: left -50vw bottom -8rem
        }

        .comp-section.typ-black {
            padding-top: 3.6rem
        }

        .comp-section.typ-no-coding .img-wrap img {
            width: 261%
        }

        .comp-section.typ-get-invoice:before, .comp-section.typ-customize-invoice:before, .comp-section.typ-manage-invoice:before {
            display: none
        }

        .comp-section.get-recognized:before {
            top: 7rem;
            height: 19rem;
            background-size: 400px
        }

        .comp-section .services-wrap .title {
            font-size: 1.8rem;
            line-height: 2rem
        }

        .comp-section .services-wrap .service {
            padding: 3.6rem 1rem;
            margin-bottom: 0.8rem
        }

        .comp-section .services-wrap .row {
            margin-left: -8px;
            margin-right: -8px
        }

            .comp-section .services-wrap .row .col-6 {
                padding-left: 4px;
                padding-right: 4px
            }

        .comp-section.scalable-platform .img-wrap, .comp-section.success-rate .img-wrap {
            max-width: 40rem
        }

        .comp-section.consistent-uptime .img-wrap {
            max-width: 40rem
        }

        .comp-section .bank-holiday {
            max-width: 30rem
        }

        .comp-section .send-invoice {
            max-width: none;
            margin-left: -65%;
            margin-right: -50%
        }

        .comp-section.video-sample:before {
            bottom: 0;
            width: 60%
        }

        .comp-section.video-sample .video-wrap {
            width: 100%;
            height: 17.8rem;
            margin-bottom: 0
        }

            .comp-section.video-sample .video-wrap:before {
                width: 60%;
                background-size: 325px;
                right: 2rem
            }
}

@media (max-width: 400px) {
    .comp-section.typ-customize-page {
        padding-bottom: 6.4rem
    }

    .comp-section .zero-error, .comp-section .send-invoice {
        max-width: none;
        margin-left: -50%;
        margin-right: -50%
    }

    .comp-section .get-invoice {
        margin-right: -15rem
    }

    .comp-section .customize-invoice {
        max-width: 32rem;
        margin-right: -20px
    }

        .comp-section .customize-invoice img {
            display: none
        }

        .comp-section .customize-invoice .mobile {
            display: block
        }

    .comp-section .manage-invoice .img-wrap {
        margin-right: -294px
    }
}

.comp-bullet-list.typ-mb {
    margin-bottom: 3.28125vw
}

.comp-bullet-list .item {
    font-size: 1.64063vw;
    line-height: 2.05469vw;
    margin-bottom: 2.03125vw;
    padding-left: 3.75vw;
    position: relative
}

/*.comp-bullet-list .item:before {
        content: '\e917';
        position: absolute;
        left: 0;
        top: 0;
        width: 2.10938vw;
        height: 2.10938vw;
        border-radius: 50%;
        background: #3aae97;
        text-align: center;
        line-height: 2.34375vw;
        font-family: payconnect;
        font-size: 1.17188vw;
        color: #fff
    }*/

.comp-bullet-list.typ-sm {
    padding-top: 0
}

    .comp-bullet-list.typ-sm .item {
        font-size: .9375vw;
        padding-left: 1.64063vw;
        line-height: 1.43;
        margin-bottom: .54688vw
    }

        .comp-bullet-list.typ-sm .item:before {
            line-height: .9375vw;
            width: .9375vw;
            height: .9375vw;
            top: .15625vw;
            font-size: .46875vw
        }

.comp-bullet-list .bullets-sub-list {
    margin-top: 20px;
    margin-left: 50px;
    margin-bottom: 20px
}

    .comp-bullet-list .bullets-sub-list .item {
        font-size: 1.25vw;
        line-height: 1.5625vw;
        margin-bottom: 1.5625vw;
        padding-left: 1.95313vw
    }

        .comp-bullet-list .bullets-sub-list .item:before {
            width: 1.40625vw;
            height: .9375vw;
            border-radius: none;
            background: transparent;
            text-align: center;
            line-height: 1.875vw;
            font-family: payconnect;
            font-size: 1.17188vw;
            color: #3aae97
        }

@media (max-width: 992px) {
    .comp-bullet-list.typ-mb {
        margin-bottom: 3.8rem
    }

    .comp-bullet-list.typ-sm .item {
        font-size: 1.4rem;
        padding-left: 2.4rem;
        margin-bottom: 0.8rem
    }

        .comp-bullet-list.typ-sm .item:before {
            width: 1.2rem;
            height: 1.2rem;
            line-height: 1.2rem;
            font-size: 0.6rem;
            top: 0.5rem
        }

    .comp-bullet-list .bullets-sub-list {
        margin-left: 42px
    }

        .comp-bullet-list .bullets-sub-list .item {
            font-size: 12px;
            line-height: 18px;
            letter-spacing: -0.5px;
            padding-left: 20px
        }

            .comp-bullet-list .bullets-sub-list .item:before {
                font-size: 13px;
                width: 11px;
                height: .78125vw;
                -webkit-transform: none;
                transform: none;
                top: 12px
            }
}

@media (max-width: 767px) {
    .comp-bullet-list {
        padding-top: 0;
        padding-left: 2.3rem
    }

        .comp-bullet-list .item {
            font-size: 1.4rem;
            line-height: 1.9rem;
            margin-bottom: 1.5rem;
            padding: 0.5rem 0 0.5rem 4.5rem
        }

            .comp-bullet-list .item:before {
                width: 3rem;
                height: 3rem;
                line-height: 3rem;
                font-size: 1.2rem;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }
}

.comp-paymodes-card {
    background: #fff;
    padding: 2.03125vw 1.17188vw 2.1875vw;
    box-shadow: -14px 38px 51px 0 rgba(0,0,0,0.08);
    display: inline-block;
    width: 14.84375vw;
    height: 20.46875vw;
    border-radius: .25vw
}

    .comp-paymodes-card .list .item {
        display: flex;
        align-items: center;
        margin-bottom: .39063vw
    }

        .comp-paymodes-card .list .item .img-wrap {
            width: 2.73438vw;
            margin-right: .78125vw;
            opacity: 0.41
        }

        .comp-paymodes-card .list .item .line {
            width: 8.59375vw;
            height: .625vw;
            opacity: 0.28;
            border-radius: .78125vw;
            background-color: #d8d8d8;
            display: inline-block
        }

    .comp-paymodes-card .all-opt {
        opacity: 0.6;
        font-size: .625vw;
        letter-spacing: 2px;
        color: #292929;
        text-align: center;
        display: block;
        padding-top: 1.17188vw
    }

.comp-tab-slider .swiper-container {
    padding: 0 11.40625vw
}

.comp-tab-slider .swiper-slide {
    width: 29.14063vw;
    transition: all 0.3s ease;
    letter-spacing: -0.88px
}

    .comp-tab-slider .swiper-slide.swiper-slide-active {
        opacity: 1
    }

.comp-tab-slider .custom-bullet {
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0 0 1.17188vw;
    background: transparent;
    border-radius: 0;
    color: #727781;
    position: relative;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 1.09375vw;
    opacity: 1
}

    .comp-tab-slider .custom-bullet:before {
        content: "";
        position: absolute;
        bottom: -.15625vw;
        height: .23438vw;
        background: #3aae97;
        width: 0%;
        transition: all 0.3s ease
    }

    .comp-tab-slider .custom-bullet.swiper-pagination-bullet-active {
        color: #3aae97
    }

        .comp-tab-slider .custom-bullet.swiper-pagination-bullet-active:before {
            width: 100%
        }

.comp-tab-slider .custom-pagination {
    display: flex;
    margin-bottom: 6.64063vw;
    justify-content: space-between;
    border-bottom: 1px solid #c6cbd3
}

.comp-tab-slider .for-mobile {
    display: none
}

@media (max-width: 992px) {
    .comp-tab-slider .swiper-container {
        padding: 0 3.90625vw
    }

    .comp-tab-slider .custom-bullet.swiper-pagination-bullet {
        font-size: 1rem
    }

    .comp-tab-slider .comp-title-desc.typ-sm .desc {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .comp-tab-slider .swiper-slide {
        width: 100%
    }

    .comp-tab-slider .custom-pagination {
        margin-bottom: 4.8rem;
        overflow: auto;
        white-space: nowrap;
        border: 0;
        display: none
    }

        .comp-tab-slider .custom-pagination.for-mobile {
            display: block
        }

            .comp-tab-slider .custom-pagination.for-mobile .swiper-container {
                padding: 0 24%
            }

            .comp-tab-slider .custom-pagination.for-mobile .swiper-slide {
                padding: 0 1.8rem;
                width: auto;
                text-align: center;
                font-size: 1.4rem;
                line-height: 1.6rem
            }

                .comp-tab-slider .custom-pagination.for-mobile .swiper-slide.swiper-slide-active {
                    color: #3aae97;
                    font-weight: 500
                }
}

@media (max-width: 400px) {
    .comp-tab-slider .swiper-slide {
        width: 100%
    }

    .comp-tab-slider .selected-tab-mobile {
        max-width: inherit;
        margin: 0 1.8rem 3rem;
        width: auto
    }

    .comp-tab-slider .swiper-container {
        padding: 0 1.8rem
    }
}

.comp-donut {
    display: inline-block;
    border-radius: .25vw;
    box-shadow: -21px 30px 29px 0 rgba(0,0,0,0.1);
    background-image: linear-gradient(144deg, #48c993, #3aae97);
    padding: 3.35938vw 1.71875vw 6.09375vw
}

    .comp-donut .donut-wrap {
        border-radius: 50%;
        border: 1px solid rgba(223,223,223,0.5);
        width: 11.71875vw;
        height: 11.71875vw;
        padding: .78125vw;
        position: relative
    }

        .comp-donut .donut-wrap .donut-chart {
            width: calc(100% - .78125vw);
            height: calc(100% - .78125vw)
        }

        .comp-donut .donut-wrap .count {
            position: absolute;
            left: 2.73438vw;
            right: 0;
            margin: 0 auto;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 2.1875vw;
            font-weight: 600;
            color: #fff;
            text-align: left;
            letter-spacing: -0.41px
        }

    .comp-donut #counter {
        opacity: 0
    }

.comp-boundry {
    display: inline-block;
    width: 13.28125vw;
    height: 17.57813vw;
    border-radius: .25vw;
    box-shadow: 0 26px 67px 16px rgba(55,55,55,0.24);
    background-color: #292929;
    position: relative
}

    .comp-boundry .boundry-chart {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40%
    }

    .comp-boundry .count {
        display: block;
        font-size: 3.04688vw;
        line-height: 3.89062vw;
        color: #3aae97;
        font-weight: 600;
        text-align: center;
        padding-top: 3.125vw
    }

.comp-img-text-list.typ-wave:before {
    content: '';
    background: url(/one_payu/wave-bg.svg) no-repeat;
    background-size: 100%;
    left: 0;
    top: 10%;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    position: absolute
}

.comp-img-text-list.typ-bqr > .list-items .gray-bg:before {
    height: 44.45313vw;
    bottom: 0
}

.comp-img-text-list > .list-items {
    padding: 7.5vw 0;
    align-items: center
}

    .comp-img-text-list > .list-items:last-child {
        padding-bottom: 0
    }

    .comp-img-text-list > .list-items .gray-bg {
        position: relative
    }

        .comp-img-text-list > .list-items .gray-bg:before {
            content: "";
            position: absolute;
            bottom: 5vw;
            height: 23.4375vw;
            width: 34.6875vw;
            left: -11.5625vw;
            z-index: -1;
            background: #f8f8f8
        }

        .comp-img-text-list > .list-items .gray-bg.right-side:before {
            left: unset;
            right: -11.5625vw;
            z-index: -1
        }

        .comp-img-text-list > .list-items .gray-bg.typ-full:before {
            top: -3.35938vw;
            bottom: 0;
            height: auto
        }

    .comp-img-text-list > .list-items .img-wrap {
        position: relative;
        display: inline-block
    }

        .comp-img-text-list > .list-items .img-wrap .assets:after {
            content: '';
            display: table;
            clear: both
        }

        .comp-img-text-list > .list-items .img-wrap .btn-wrap {
            margin-top: 5vw
        }

.comp-img-text-list .list-developers {
    padding: 0;
    align-items: center
}

.comp-img-text-list .btn {
    box-shadow: none;
    font-weight: 600;
    min-width: 14.84375vw
}

.comp-img-text-list .comp-title-desc .desc {
    padding-top: 1.64063vw
}

.comp-img-text-list .comp-title-desc .btn-wrap {
    margin-top: 3.28125vw
}

.comp-img-text-list .comp-bqr-pay .window {
    width: 30.85938vw;
    min-height: 33.98438vw
}

.comp-img-text-list.typ-home > .list-items .gray-bg:before {
    width: 32.96875vw;
    height: 20.70313vw;
    bottom: -4.45313vw
}

.comp-img-text-list.typ-home > .list-items .gray-bg.right-side:before {
    bottom: -4.45313vw
}

.comp-img-text-list.typ-home .comp-home-business-info .img-wrap {
    max-width: 30.85938vw
}

.comp-img-text-list.typ-home .comp-professionals-info .img-wrap {
    max-width: 36.79688vw
}

.comp-img-text-list.typ-home .comp-physical-store-info .img-wrap, .comp-img-text-list.typ-home .comp-ecom-business-info .img-wrap {
    max-width: 28.90625vw
}

.comp-img-text-list.typ-home .comp-ecom-business-info .browser {
    position: absolute;
    max-width: 18.125vw;
    left: 35%;
    bottom: 50%
}

.comp-img-text-list.typ-home .comp-ecom-business-info .excel {
    position: absolute;
    max-width: 25.54688vw;
    right: 15%;
    top: 60%
}

@media (max-width: 992px) {
    .comp-img-text-list.typ-wave:before {
        display: none
    }

    .comp-img-text-list .comp-title-desc .desc {
        padding-top: 1.6rem
    }

    .comp-img-text-list > .list-items {
        padding: 4.8rem 0
    }

        .comp-img-text-list > .list-items:first-child {
            padding-top: 0
        }

        .comp-img-text-list > .list-items .img-wrap {
            max-width: 80%;
            margin: 4.8rem auto 0;
            display: block
        }

    .comp-img-text-list.typ-bqr > .list-items .comp-bqr-pay {
        margin: 4rem auto 4rem;
        display: block
    }

    .comp-img-text-list.typ-bqr > .list-items .gray-bg:before {
        width: 55%
    }

    .comp-img-text-list.typ-home > .list-items .gray-bg:before {
        display: none
    }

    .comp-img-text-list.typ-home .comp-home-business-info .img-wrap, .comp-img-text-list.typ-home .comp-ecom-business-info .img-wrap, .comp-img-text-list.typ-home .comp-physical-store-info .img-wrap {
        max-width: 360px
    }

    .comp-img-text-list.typ-home .comp-professionals-info .img-wrap {
        max-width: 500px
    }

    .comp-img-text-list.typ-home .comp-ecom-business-info .laptop {
        margin: 6rem 0 4rem
    }

    .comp-img-text-list.typ-home .comp-ecom-business-info .browser {
        max-width: 15rem;
        left: 52%
    }

    .comp-img-text-list.typ-home .comp-ecom-business-info .excel {
        max-width: 25rem;
        right: 25%
    }

    .comp-img-text-list.typ-website > .list-items .gray-bg:before {
        width: 55%
    }

    .comp-img-text-list.typ-website > .list-items .img-wrap.typ-big {
        max-width: 32rem
    }

        .comp-img-text-list.typ-website > .list-items .img-wrap.typ-big .comp-bqr-pay {
            max-width: 32rem;
            width: 32rem
        }

    .comp-img-text-list.typ-website > .list-items .comp-bqr-pay {
        margin: 0 auto;
        width: 23.2rem
    }

        .comp-img-text-list.typ-website > .list-items .comp-bqr-pay .window {
            margin: 0 auto;
            min-height: 26rem
        }

            .comp-img-text-list.typ-website > .list-items .comp-bqr-pay .window .window-body .social-card {
                width: 5rem;
                height: 5rem
            }

    .comp-img-text-list .other-partners {
        text-align: center
    }

        .comp-img-text-list .other-partners ul {
            margin-top: 40px
        }

            .comp-img-text-list .other-partners ul li img {
                max-width: 53px;
                width: 100%
            }
}

@media (max-width: 767px) {
    .comp-img-text-list > .list-items {
        padding: 4.8rem 0
    }

        .comp-img-text-list > .list-items:first-child {
            padding-top: 0
        }

        .comp-img-text-list > .list-items .comp-title-desc .btn-wrap {
            margin-bottom: 4.8rem
        }

        .comp-img-text-list > .list-items .gray-bg:before {
            display: none
        }

        .comp-img-text-list > .list-items .img-wrap {
            max-width: 280px;
            display: block;
            margin: 4.8rem auto 0
        }

            .comp-img-text-list > .list-items .img-wrap .btn-wrap {
                margin-top: 4.8rem
            }

    .comp-img-text-list.typ-bqr > .list-items .comp-title-desc {
        margin-bottom: 4.8rem
    }

    .comp-img-text-list.typ-bqr > .list-items .gray-bg {
        padding: 1px
    }

        .comp-img-text-list.typ-bqr > .list-items .gray-bg:after {
            content: '';
            position: absolute;
            width: 20.5rem;
            height: 19.8rem;
            background: #f8f8f8;
            top: 0;
            right: -18px;
            z-index: -1
        }

    .comp-img-text-list.typ-bqr > .list-items .comp-bqr-pay {
        margin-top: 2.4rem
    }

        .comp-img-text-list.typ-bqr > .list-items .comp-bqr-pay .window {
            width: 20rem;
            min-height: 24.5rem;
            margin-left: -2.2rem
        }

    .comp-img-text-list.typ-website > .list-items .comp-title-desc {
        margin-bottom: 4.8rem
    }

    .comp-img-text-list.typ-website > .list-items .cm-line-break {
        display: none
    }

    .comp-img-text-list.typ-website > .list-items .img-wrap {
        margin-top: 2.4rem
    }

    .comp-img-text-list.typ-website > .list-items .gray-bg {
        padding: 1px
    }

        .comp-img-text-list.typ-website > .list-items .gray-bg.right-side:after {
            right: -18px;
            left: inherit
        }

        .comp-img-text-list.typ-website > .list-items .gray-bg:after {
            content: '';
            position: absolute;
            width: 20.5rem;
            height: auto;
            background: #f8f8f8;
            top: 0;
            left: -18px;
            z-index: -1;
            bottom: -2.4rem
        }

    .comp-img-text-list.typ-website > .list-items .comp-bqr-pay {
        max-width: 20rem;
        margin: 0 auto
    }

        .comp-img-text-list.typ-website > .list-items .comp-bqr-pay .window {
            width: 20rem;
            min-height: 24.5rem
        }

    .comp-img-text-list.typ-home .comp-home-business-info .img-wrap {
        max-width: 267px;
        width: auto
    }

    .comp-img-text-list.typ-home .comp-professionals-info .img-wrap {
        max-width: inherit;
        margin-left: -18px;
        margin-right: -18px
    }

    .comp-img-text-list.typ-home .comp-physical-store-info .img-wrap, .comp-img-text-list.typ-home .comp-ecom-business-info .img-wrap {
        max-width: 320px
    }

    .comp-img-text-list.typ-home .comp-ecom-business-info .browser {
        max-width: 15rem;
        left: 49%;
        bottom: 70%
    }

    .comp-img-text-list.typ-home .comp-ecom-business-info .excel {
        max-width: 22rem;
        right: 24%;
        top: 40%
    }

    .comp-img-text-list .comp-title-desc .btn-wrap {
        margin-top: 2.4rem
    }
}

@media (max-width: 400px) {
    .comp-img-text-list > .list-items .img-wrap .btn-wrap {
        text-align: center
    }
}

.comp-home-business-info .img-wrap {
    width: 100%;
    max-width: 34.6875vw;
    position: relative
}

.comp-home-business-info .img2 {
    position: relative;
    width: 61%;
    right: 6%;
    margin-top: -51%;
    float: right
}

@media (max-width: 992px) {
    .comp-home-business-info .img-wrap {
        width: 60%;
        margin: 0 auto
    }
}

.comp-physical-store-info .img-wrap {
    max-width: 32.8125vw;
    display: block !important;
    margin: 0 auto
}

.comp-feature-list {
    margin: 0 -2.10938vw;
    font-size: 0
}

    .comp-feature-list .col-35, .comp-feature-list .col-30 {
        width: 35%;
        padding: 0 1.5625vw
    }

    .comp-feature-list .feature-column {
        width: 33.33%;
        padding: 0 2.10938vw;
        display: inline-block;
        vertical-align: top
    }

    .comp-feature-list .middle {
        margin-top: 20.70313vw
    }

    .comp-feature-list .last {
        margin-top: 7.10938vw
    }

    .comp-feature-list.typ-ecom-business .column-1, .comp-feature-list.typ-ecom-business .column-2, .comp-feature-list.typ-ecom-business .column-3, .comp-feature-list.typ-ecom-business .column-4, .comp-feature-list.typ-ecom-business .column-5 {
        width: 33.33%;
        padding: 0 2.10938vw;
        display: inline-block;
        vertical-align: top
    }

    .comp-feature-list.typ-ecom-business .column-2 {
        margin-top: 7.8125vw
    }

    .comp-feature-list.typ-ecom-business .column-3 {
        width: 45%;
        margin-top: 7.8125vw;
        margin-right: -12%
    }

    .comp-feature-list.typ-ecom-business .column-4 {
        margin-top: 4.6875vw
    }

    .comp-feature-list.typ-ecom-business .column-5 {
        margin-left: 13%
    }

    .comp-feature-list.typ-physical-store {
        text-align: center
    }

        .comp-feature-list.typ-physical-store .column-1, .comp-feature-list.typ-physical-store .column-2 {
            width: 48%;
            padding: 0 2.10938vw;
            display: inline-block;
            vertical-align: top
        }

            .comp-feature-list.typ-physical-store .column-1 .img-wrap {
                width: 80%
            }

        .comp-feature-list.typ-physical-store .column-2 {
            margin-top: 5.9375vw
        }

@media (max-width: 992px) {
    .comp-feature-list {
        margin: 0
    }

        .comp-feature-list .feature-column {
            width: 100%;
            padding: 0;
            margin-bottom: 12.8rem
        }

        .comp-feature-list .middle, .comp-feature-list .last {
            margin-top: 0
        }

        .comp-feature-list .col-35, .comp-feature-list .col-30 {
            width: 100%;
            padding: 0 1.40625vw;
            margin-bottom: 10vw
        }

        .comp-feature-list .col-30 {
            margin-top: 0
        }

        .comp-feature-list .col-35:last-child {
            margin-top: 0
        }

        .comp-feature-list > div:last-child {
            margin-bottom: 0 !important
        }

        .comp-feature-list.typ-professionally .column-1, .comp-feature-list.typ-professionally .column-2, .comp-feature-list.typ-professionally .column-3, .comp-feature-list.typ-professionally .column-4, .comp-feature-list.typ-professionally .column-5, .comp-feature-list.typ-ecom-business .column-1, .comp-feature-list.typ-ecom-business .column-2, .comp-feature-list.typ-ecom-business .column-3, .comp-feature-list.typ-ecom-business .column-4, .comp-feature-list.typ-ecom-business .column-5, .comp-feature-list.typ-physical-store .column-1, .comp-feature-list.typ-physical-store .column-2, .comp-feature-list.typ-physical-store .column-3, .comp-feature-list.typ-physical-store .column-4, .comp-feature-list.typ-physical-store .column-5 {
            width: 100%;
            padding: 0 0;
            margin-bottom: 12.8rem
        }

        .comp-feature-list.typ-professionally .column-2, .comp-feature-list.typ-professionally .column-3, .comp-feature-list.typ-professionally .column-4, .comp-feature-list.typ-professionally .column-5, .comp-feature-list.typ-ecom-business .column-2, .comp-feature-list.typ-ecom-business .column-3, .comp-feature-list.typ-ecom-business .column-4, .comp-feature-list.typ-ecom-business .column-5, .comp-feature-list.typ-physical-store .column-2, .comp-feature-list.typ-physical-store .column-3, .comp-feature-list.typ-physical-store .column-4, .comp-feature-list.typ-physical-store .column-5 {
            margin-left: 0;
            margin-top: 0
        }

        .comp-feature-list.typ-professionally .comp-title-desc, .comp-feature-list.typ-ecom-business .comp-title-desc, .comp-feature-list.typ-physical-store .comp-title-desc {
            padding-left: 0 !important
        }

        .comp-feature-list.typ-physical-store .column-2 .img-wrap {
            max-width: 100%
        }

        .comp-feature-list.typ-physical-store .comp-title-desc {
            width: 100%
        }

        .comp-feature-list.typ-ecom-business .column-3 {
            margin-right: 0
        }

            .comp-feature-list.typ-ecom-business .column-3 .img-wrap {
                max-width: 100%
            }
}

.comp-product-feature {
    text-align: left
}

    .comp-product-feature .img-wrap {
        margin-bottom: 3.28125vw;
        overflow: hidden
    }

    .comp-product-feature .on-whatsapp {
        max-width: 18.75vw;
        margin-left: auto;
        margin-right: auto
    }

    .comp-product-feature .comp-title-desc .caption {
        font-size: .9375vw;
        line-height: 1.09375vw
    }

    .comp-product-feature .comp-title-desc .title {
        font-size: 1.64063vw;
        line-height: 1.95313vw;
        padding-top: .54688vw
    }

    .comp-product-feature .comp-title-desc .desc {
        font-size: .9375vw;
        line-height: 1.25vw;
        padding-top: 1.09375vw
    }

    .comp-product-feature .comp-title-desc .btn {
        font-weight: 600;
        margin-top: 1.5625vw;
        font-size: 1.25vw;
        line-height: 1.25vw
    }

@media (max-width: 580px) {
    .comp-product-feature .img-wrap.on-whatsapp {
        width: 19rem
    }

    .comp-product-feature .img-wrap.home-business-info {
        width: 100%;
        max-width: 23rem
    }

    .comp-product-feature .img-wrap.personalised-payment {
        max-width: 25rem
    }

    .comp-product-feature .comp-home-business-info .img-wrap {
        width: 25rem;
        max-width: 25rem
    }
}

@media (max-width: 992px) {
    .comp-product-feature {
        text-align: left;
        max-width: 500px;
        margin: 0 auto
    }

        .comp-product-feature .img-wrap {
            max-width: 22.8rem;
            margin: 0 auto 4.8rem
        }

        .comp-product-feature .img-wrap {
            margin-bottom: 3rem
        }

        .comp-product-feature .comp-title-desc {
            text-align: left
        }

            .comp-product-feature .comp-title-desc .caption {
                font-size: 1.2rem;
                line-height: 1.6rem
            }

            .comp-product-feature .comp-title-desc .title {
                font-size: 1.8rem;
                line-height: 2.6rem;
                padding-top: 0.5rem
            }

            .comp-product-feature .comp-title-desc .desc {
                font-size: 1.2rem;
                line-height: 1.6rem;
                margin-bottom: 2.4rem;
                padding-top: 1.6rem
            }

            .comp-product-feature .comp-title-desc .btn {
                font-size: 1.8rem;
                margin: 0
            }

                .comp-product-feature .comp-title-desc .btn .icon {
                    margin-left: 0.2rem;
                    font-size: 1.4rem
                }
}

.comp-product-list .head-cont .title {
    font-size: 1.64063vw;
    line-height: 2.34375vw;
    font-weight: 500;
    color: #040404
}

.comp-product-list .head-cont .desc {
    color: #727781;
    font-size: .9375vw;
    margin-top: .3125vw
}

    .comp-product-list .head-cont .desc li {
        display: inline-block;
        position: relative
    }

        .comp-product-list .head-cont .desc li + li {
            padding-left: 1.40625vw
        }

            .comp-product-list .head-cont .desc li + li:before {
                content: "";
                width: .3125vw;
                height: .3125vw;
                background: #727781;
                border-radius: 50%;
                position: absolute;
                left: .46875vw;
                top: 50%;
                margin-top: -.15625vw
            }

.comp-product-list .head-cont .comp-bullet-list {
    margin: 0;
    margin-top: 3.51563vw
}

    .comp-product-list .head-cont .comp-bullet-list .item {
        font-size: 1.09375vw;
        padding-right: 1.5625vw;
        margin-bottom: 1.40625vw;
        line-height: 1.40625vw;
        padding-left: 2.73438vw
    }

        .comp-product-list .head-cont .comp-bullet-list .item:before {
            font-size: .78125vw;
            width: 1.64063vw;
            height: 1.64063vw;
            line-height: 1.79688vw
        }

.comp-product-list .body-cont .product-slider {
    margin: 1.64063vw -.78125vw 4.21875vw;
    overflow: visible
}

    .comp-product-list .body-cont .product-slider .swiper-wrapper {
        display: inline-block;
        width: 100%
    }

    .comp-product-list .body-cont .product-slider .swiper-slide {
        float: left;
        width: auto;
        margin: 0 .78125vw
    }

.comp-product-list .comp-product-card {
    min-height: 18.04688vw;
    margin-left: 0;
    height: 18.75vw;
    margin-bottom: 1.5625vw
}

.comp-product-list .product-slider.typ-2 .swiper-slide {
    width: 37.5vw;
    margin: 0 .78125vw
}

.comp-product-list .product-slider.typ-3 .swiper-slide {
    width: 37.5vw;
    margin: 0 .78125vw
}

@media (max-width: 992px) {
    .comp-product-list .head-cont .title {
        font-size: 1.8rem;
        line-height: 1.33
    }

    .comp-product-list .head-cont .desc {
        font-size: 1.1rem;
        line-height: 1.45;
        margin-top: 0.4rem
    }

        .comp-product-list .head-cont .desc li + li {
            padding-left: 0.8rem
        }

            .comp-product-list .head-cont .desc li + li:before {
                width: 3px;
                height: 3px;
                margin-top: -2px;
                left: 2px
            }

    .comp-product-list .body-cont .product-slider {
        margin: 2.4rem 0 6.4rem
    }

        .comp-product-list .body-cont .product-slider .swiper-wrapper {
            display: flex
        }

            .comp-product-list .body-cont .product-slider .swiper-wrapper .swiper-slide {
                float: none;
                margin: 0
            }

        .comp-product-list .body-cont .product-slider.typ-2 .swiper-slide {
            width: 231px;
            height: 320px
        }

        .comp-product-list .body-cont .product-slider.typ-3 .swiper-slide {
            width: 231px;
            height: 320px
        }

    .comp-product-list .comp-product-card {
        width: 231px;
        height: 240px;
        min-height: inherit;
        padding: 46px 22px 22px 22px
    }

        .comp-product-list .comp-product-card.typ-list {
            height: 320px;
            padding-top: 80px
        }
}

@media (max-width: 768px) {
    .comp-product-list .comp-product-card:first-child {
        margin: 0
    }

    .comp-product-list .head-cont .comp-bullet-list .item {
        font-size: 1.4rem;
        line-height: 1.9rem;
        margin-bottom: 1.5rem;
        padding: 0.5rem 0 0.5rem 4rem
    }

        .comp-product-list .head-cont .comp-bullet-list .item:before {
            width: 2.5rem;
            height: 2.5rem;
            line-height: 2.5rem;
            font-size: 1.2rem;
            top: 0.4rem
        }
}

@media (max-width: 767px) {
    .comp-product-list .head-cont .comp-bullet-list .item {
        padding: 0.5rem 0 0.5rem 4rem
    }

        .comp-product-list .head-cont .comp-bullet-list .item:before {
            -webkit-transform: none;
            transform: none
        }
}

.comp-bqr-pay {
    position: relative;
    width: 30.9375vw
}

    .comp-bqr-pay .img-container {
        margin: -.39063vw -4.6875vw 0 -2.65625vw
    }

    .comp-bqr-pay .window-action {
        height: .46875vw
    }

        .comp-bqr-pay .window-action span {
            width: .46875vw;
            height: .46875vw;
            background-color: rgba(187,195,207,0.5);
            border-radius: 50%;
            display: inline-block;
            vertical-align: top
        }

    .comp-bqr-pay .pay-card-list {
        display: flex;
        margin: 2.03125vw 0 1.875vw 5.9375vw;
        position: absolute;
        bottom: .9375vw;
        text-align: center
    }

        .comp-bqr-pay .pay-card-list .item {
            margin-right: 1.95313vw
        }

    .comp-bqr-pay .social-card-list {
        display: flex;
        margin: 1.09375vw 0 .85938vw 1.09375vw
    }

        .comp-bqr-pay .social-card-list .item {
            margin-right: 1.5625vw
        }

    .comp-bqr-pay .social-list-title {
        text-align: left;
        font-size: .70313vw;
        font-weight: 500;
        padding-left: 1.09375vw
    }

    .comp-bqr-pay .social-card {
        width: 5.54688vw;
        height: 5.54688vw;
        border-radius: 3.6px;
        box-shadow: 0 25px 36px 0 rgba(156,156,156,0.09);
        border: solid 1px #ebebeb;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .comp-bqr-pay .social-card img {
            max-width: 2.34375vw
        }

    .comp-bqr-pay .pay-card {
        width: 9.53125vw;
        height: 9.53125vw;
        box-shadow: 0 30px 29px 0 rgba(0,0,0,0.1);
        border: solid 1px #ebebeb;
        background-color: #fff
    }

        .comp-bqr-pay .pay-card .img-card {
            margin: 1.95313vw auto 1.09375vw;
            max-width: 3.125vw
        }

        .comp-bqr-pay .pay-card .text {
            font-size: .70313vw;
            line-height: 1.25vw;
            font-weight: 300;
            letter-spacing: 0.45px;
            text-align: center;
            color: #919191
        }

    .comp-bqr-pay .btn-wrap {
        margin-top: 2.34375vw
    }

        .comp-bqr-pay .btn-wrap .btn {
            font-size: .9375vw;
            letter-spacing: .39063vw;
            opacity: 0.23
        }

    .comp-bqr-pay .amt-wrap {
        text-align: center;
        padding-top: 2.03125vw
    }

        .comp-bqr-pay .amt-wrap .text {
            font-size: .78125vw;
            font-weight: 500;
            line-height: 1.25vw;
            letter-spacing: .39063vw;
            color: #535353;
            display: block;
            text-transform: uppercase
        }

        .comp-bqr-pay .amt-wrap .value {
            font-size: 2.5vw;
            font-weight: 300;
            line-height: 2.96875vw;
            letter-spacing: 0.0px;
            color: #535353;
            display: block;
            padding-top: 1.09375vw
        }

    .comp-bqr-pay .amt-list {
        margin-top: 2.34375vw
    }

        .comp-bqr-pay .amt-list .item {
            box-shadow: 0 11px 36px 0 rgba(156,156,156,0.09);
            background-color: #ffffff;
            padding: 2.03125vw 2.34375vw;
            text-align: left;
            margin-bottom: 1.40625vw;
            width: 112%;
            margin-left: 2.34375vw
        }

            .comp-bqr-pay .amt-list .item .text {
                font-size: 1.25vw;
                font-weight: 300;
                line-height: 1.25vw;
                color: #919191;
                width: 62%;
                display: inline-block;
                vertical-align: middle
            }

            .comp-bqr-pay .amt-list .item .amt {
                font-size: 1.25vw;
                line-height: 1.25vw;
                color: #000;
                display: inline-block;
                vertical-align: middle;
                width: 27%;
                text-align: right
            }

            .comp-bqr-pay .amt-list .item .icon {
                color: #3aae97;
                float: right;
                font-size: 1.01563vw;
                margin-top: .46875vw
            }

    .comp-bqr-pay .window {
        position: relative;
        width: 24.6875vw;
        min-height: 30.3125vw;
        box-shadow: 0 22px 32px 0 rgba(156,156,156,0.09);
        border: solid 1px #ebebeb;
        background-color: #fff;
        padding: .78125vw;
        border-radius: .23438vw
    }

        .comp-bqr-pay .window .window-body {
            text-align: center
        }

            .comp-bqr-pay .window .window-body .img-wrap {
                max-width: 8.59375vw;
                margin: 2.65625vw auto 2.03125vw
            }

                .comp-bqr-pay .window .window-body .img-wrap.typ-two {
                    max-width: 7.8125vw;
                    margin: 1.5625vw auto .78125vw
                }

    .comp-bqr-pay .line-wrap.typ-left {
        padding-top: 6.5625vw
    }

        .comp-bqr-pay .line-wrap.typ-left .line {
            margin: 0 auto 0 2.57813vw;
            width: 10.85938vw
        }

            .comp-bqr-pay .line-wrap.typ-left .line.line3 {
                margin: .625vw auto .625vw 2.57813vw;
                width: 14.29688vw
            }

            .comp-bqr-pay .line-wrap.typ-left .line.line4 {
                width: 4.84375vw
            }

    .comp-bqr-pay .line-wrap.typ-email {
        margin-top: 1.32813vw;
        opacity: 0.39
    }

        .comp-bqr-pay .line-wrap.typ-email .line {
            width: 7.5vw
        }

            .comp-bqr-pay .line-wrap.typ-email .line.line2 {
                width: 5vw
            }

    .comp-bqr-pay .line-wrap .line {
        width: 15.3125vw;
        height: .46875vw;
        opacity: 0.39;
        border-radius: .23438vw;
        background-color: #c8cbce;
        display: block;
        margin: 0 auto
    }

        .comp-bqr-pay .line-wrap .line.line2 {
            width: 11.71875vw;
            margin: .46875vw auto
        }

    .comp-bqr-pay .payee {
        background: #eeeeee;
        width: 23.51563vw;
        border-radius: .54688vw;
        font-size: .9375vw;
        font-weight: 300;
        line-height: 1.17188vw;
        text-align: center;
        padding: 1.5625vw 0;
        margin: 1.64063vw auto 3.98438vw
    }

        .comp-bqr-pay .payee span {
            font-weight: 700
        }

    .comp-bqr-pay.typ-netbank {
        width: 33.59375vw;
        padding-top: 2.03125vw
    }

    .comp-bqr-pay.typ-flash {
        width: 36.17188vw;
        padding-top: 2.03125vw
    }

    .comp-bqr-pay.typ-notification {
        width: 35.9375vw
    }

@media (max-width: 992px) {
    .comp-bqr-pay {
        max-width: 32rem;
        margin: 0 auto;
        width: 100%
    }

        .comp-bqr-pay .window {
            padding: .5rem
        }

            .comp-bqr-pay .window .window-action span {
                width: 0.4rem;
                height: 0.4rem
            }

            .comp-bqr-pay .window .window-body .amt-wrap {
                padding-top: 1.5rem
            }

                .comp-bqr-pay .window .window-body .amt-wrap .text {
                    font-size: 0.6rem;
                    line-height: 1rem;
                    letter-spacing: .2rem
                }

                .comp-bqr-pay .window .window-body .amt-wrap .value {
                    font-size: 1.8rem;
                    line-height: 2rem;
                    padding-top: .8rem
                }

            .comp-bqr-pay .window .window-body .amt-list {
                margin-top: 2.1rem
            }

                .comp-bqr-pay .window .window-body .amt-list .item {
                    margin-bottom: 0.8rem;
                    margin-left: 2.2rem;
                    padding: 1.4rem
                }

                    .comp-bqr-pay .window .window-body .amt-list .item .text {
                        font-size: 0.8rem;
                        line-height: 1rem
                    }

                    .comp-bqr-pay .window .window-body .amt-list .item .amt {
                        font-size: 0.8rem;
                        line-height: 1.2rem
                    }

            .comp-bqr-pay .window .window-body .img-wrap.typ-two {
                max-width: 5.5rem
            }

        .comp-bqr-pay .line-wrap .line {
            height: .4rem;
            border-radius: .2rem
        }

        .comp-bqr-pay .line-wrap.typ-left .line {
            margin: 0 auto 0 .4rem;
            width: 7.8rem
        }

            .comp-bqr-pay .line-wrap.typ-left .line.line3 {
                margin: .4rem auto .4rem .4rem;
                width: 10.3rem
            }

            .comp-bqr-pay .line-wrap.typ-left .line.line4 {
                width: 3.5rem
            }

        .comp-bqr-pay .line-wrap.typ-email {
            margin-top: 1rem;
            opacity: 0.39
        }

            .comp-bqr-pay .line-wrap.typ-email .line {
                width: 5.4rem
            }

                .comp-bqr-pay .line-wrap.typ-email .line.line2 {
                    width: 3.6rem
                }

        .comp-bqr-pay.typ-netbank {
            width: 24rem
        }

        .comp-bqr-pay.typ-flash {
            width: 25.8rem
        }

        .comp-bqr-pay.typ-notification {
            width: 25.8rem
        }
}

@media (max-width: 767px) {
    .comp-bqr-pay .payee {
        font-size: .7rem;
        width: 17rem;
        height: 3rem;
        line-height: 2rem;
        margin-top: 1.2rem;
        margin-bottom: 2.8rem
    }

    .comp-bqr-pay .window .window-body .social-card-list {
        margin-left: 1rem
    }

    .comp-bqr-pay .window .window-body .social-list-title {
        margin-left: 1rem;
        font-size: 0.5rem
    }

    .comp-bqr-pay .window .window-body .social-card {
        width: 4rem;
        height: 4rem
    }

        .comp-bqr-pay .window .window-body .social-card img {
            max-width: 1.8rem
        }

    .comp-bqr-pay .netbank-bottom-bg {
        left: -2.2rem
    }

    .comp-bqr-pay .sms-card {
        bottom: 1.3rem
    }

    .comp-bqr-pay .email-card {
        bottom: -3.5rem
    }
}

.comp-breadcrum {
    position: absolute;
    top: 9.21875vw;
    left: 0;
    right: 0;
    max-width: 80%;
    padding: 0 15px;
    margin: 0 auto
}

    .comp-breadcrum .list .item {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.09375vw;
        line-height: 1.09375vw;
        color: #040404
    }

        .comp-breadcrum .list .item .icon {
            font-size: .9375vw;
            font-weight: 700;
            padding: 0 .625vw
        }

        .comp-breadcrum .list .item:last-child {
            color: #727781
        }

@media (max-width: 992px) {
    .comp-breadcrum {
        display: none
    }
}

.comp-personalized-pay {
    position: relative
}

    .comp-personalized-pay .window {
        width: 34.6875vw;
        min-height: 26.5625vw;
        position: relative;
        box-shadow: 0 4px 72px 0 rgba(164,164,164,0.2);
        background-color: #fff;
        border-radius: .23438vw
    }

    .comp-personalized-pay .window-action {
        padding: .9375vw .9375vw 0 .9375vw;
        font-size: 0
    }

        .comp-personalized-pay .window-action span {
            width: .54688vw;
            height: .54688vw;
            background-color: rgba(187,195,207,0.5);
            border-radius: 50%;
            display: inline-block;
            vertical-align: top
        }

            .comp-personalized-pay .window-action span + span {
                margin-left: .23438vw
            }

    .comp-personalized-pay .window-body {
        padding: 1.79688vw 15vw 2.1875vw 2.03125vw
    }

    .comp-personalized-pay .personal-info {
        overflow: hidden;
        position: relative
    }

        .comp-personalized-pay .personal-info .img-wrap {
            position: absolute
        }

            .comp-personalized-pay .personal-info .img-wrap .img {
                display: block;
                width: 4.45313vw;
                height: 4.45313vw;
                border-radius: 50%;
                background: #e0e0e0
            }

        .comp-personalized-pay .personal-info .desc-wrap {
            padding-left: 5.625vw;
            min-height: 5vw;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

            .comp-personalized-pay .personal-info .desc-wrap .line {
                opacity: 0.54;
                border-radius: .3125vw;
                background-color: #e0e0e0;
                height: .54688vw;
                display: block;
                margin: .39063vw 0;
                float: left;
                width: 9.6875vw
            }

                .comp-personalized-pay .personal-info .desc-wrap .line.line1 {
                    max-width: 7.34375vw
                }

    .comp-personalized-pay .photo-wrap {
        margin-top: 3.125vw;
        display: inline-block;
        width: 100%
    }

        .comp-personalized-pay .photo-wrap .list {
            margin: -.39063vw;
            overflow: hidden
        }

        .comp-personalized-pay .photo-wrap .item {
            float: left;
            width: 50%;
            padding: .39063vw
        }

    .comp-personalized-pay .make-payment-card {
        position: absolute;
        width: 13.90625vw;
        right: -8%;
        padding: 2.10938vw 1.64063vw 3.59375vw;
        top: 3.51563vw;
        background: #3aae97;
        text-align: center;
        box-shadow: 0 26px 82px 0 rgba(55,57,55,0.47);
        background-image: linear-gradient(143deg, #667eea 17%, #764ba2 83%)
    }

        .comp-personalized-pay .make-payment-card .title {
            font-size: .9375vw;
            letter-spacing: 1.56px;
            color: #fff;
            text-transform: uppercase
        }

        .comp-personalized-pay .make-payment-card .desc {
            margin-top: .54688vw;
            color: #fff;
            font-size: .46875vw;
            opacity: 0.39
        }

        .comp-personalized-pay .make-payment-card .payment-fields {
            margin-top: 2.89063vw
        }

            .comp-personalized-pay .make-payment-card .payment-fields .input {
                background: rgba(255,255,255,0.35);
                padding: .625vw 1.09375vw;
                border-radius: 1.09375vw;
                text-align: left;
                font-size: .46875vw;
                line-height: .46875vw;
                color: rgba(29,78,69,0.65);
                margin-bottom: .78125vw
            }

        .comp-personalized-pay .make-payment-card .btn-wrap {
            margin-top: 2.1875vw
        }

            .comp-personalized-pay .make-payment-card .btn-wrap .btn {
                font-size: .54688vw;
                line-height: .625vw;
                letter-spacing: .27344vw;
                text-transform: uppercase;
                background: #fff;
                padding: .85938vw 1.40625vw;
                color: #313131;
                border: none
            }

        .comp-personalized-pay .make-payment-card.typ-green {
            background: #40ad97
        }

    .comp-personalized-pay.typ-btn-pg .window-body {
        padding-right: 1.25vw
    }

    .comp-personalized-pay.typ-btn-pg .photo-wrap .list {
        float: left;
        width: 57%
    }

        .comp-personalized-pay.typ-btn-pg .photo-wrap .list:nth-child(2) {
            width: 44%;
            margin-left: .39063vw
        }

            .comp-personalized-pay.typ-btn-pg .photo-wrap .list:nth-child(2) .item {
                width: 100%
            }

    .comp-personalized-pay.typ-btn-pg .buy-btn {
        position: absolute;
        background-image: linear-gradient(102deg, #667eea 12%, #764ba2 82%);
        letter-spacing: .52734vw;
        font-size: .78125vw;
        border: none;
        top: 3.28125vw;
        right: -2.89063vw;
        padding: 1.875vw 5.78125vw;
        transition: all 0.4s
    }

.comp-customize-page {
    position: relative;
    max-width: 75vw;
    margin: 0 auto
}

    .comp-customize-page.mobile {
        display: none
    }

@media (max-width: 992px) {
    .comp-customize-page {
        max-width: 75%
    }

        .comp-customize-page .page-assets .co-products {
            left: 0;
            right: 0;
            text-align: center
        }

            .comp-customize-page .page-assets .co-products .product {
                max-width: 25%;
                display: inline-block;
                float: none
            }
}

@media (max-width: 568px) {
    .comp-customize-page {
        display: none
    }

        .comp-customize-page.mobile {
            max-width: inherit;
            display: block
        }

            .comp-customize-page.mobile .img-wrap {
                max-width: 80%;
                margin: 0 auto
            }
}

.comp-stack-card {
    width: 49%;
    min-height: 14.53125vw;
    box-shadow: 0 28px 40px 0 rgba(156,156,156,0.09);
    border: solid 1.2px #ebebeb;
    background-color: #fff;
    padding: 1.875vw;
    margin: 1%;
    display: inline-block;
    vertical-align: top
}

    .comp-stack-card:nth-child(even) {
        margin-right: 0
    }

    .comp-stack-card:nth-child(odd) {
        margin-left: 0
    }

    .comp-stack-card .title {
        font-size: 1.64063vw;
        line-height: 2.1875vw;
        font-weight: 500;
        color: #3aae97
    }

    .comp-stack-card .list {
        padding-top: 1.09375vw;
        list-style: decimal inside
    }

        .comp-stack-card .list .item {
            font-size: .9375vw;
            line-height: 1.64063vw;
            font-weight: 300;
            color: #727781
        }

@media (max-width: 992px) {
    .comp-stack-card {
        width: 100%;
        margin: 0;
        margin-bottom: 1.7rem;
        padding: 1.6rem;
        margin: 0 0 1.7rem 0
    }

        .comp-stack-card .title {
            font-size: 1.8rem;
            line-height: 2.8rem
        }

        .comp-stack-card .list {
            padding-top: 1.09375vw;
            list-style: decimal inside
        }

            .comp-stack-card .list .item {
                font-size: 1.2rem;
                line-height: 1.8rem
            }
}

.comp-process-flow .process-list {
    font-size: 0
}

    .comp-process-flow .process-list > .item {
        display: inline-block;
        vertical-align: top;
        border-bottom-left-radius: .3125vw;
        border-bottom-right-radius: .3125vw;
        width: 24%;
        margin: 0.5%
    }

        .comp-process-flow .process-list > .item:first-child .title {
            background: #47c793
        }

            .comp-process-flow .process-list > .item:first-child .title:before {
                display: none
            }

            .comp-process-flow .process-list > .item:first-child .title:after {
                border-left-color: #47c793
            }

        .comp-process-flow .process-list > .item:last-child .title:after {
            display: none
        }

    .comp-process-flow .process-list .title {
        font-size: 1.40625vw;
        line-height: 2.1875vw;
        font-weight: 600;
        color: #fff;
        padding: 1.25vw 0;
        background: #47c793;
        border-top-left-radius: .3125vw;
        border-top-right-radius: .3125vw;
        text-align: center;
        position: relative
    }

        .comp-process-flow .process-list .title:after {
            content: '';
            width: 0;
            height: 0;
            border-top: .78125vw solid transparent;
            border-bottom: .78125vw solid transparent;
            border-left: .78125vw solid #47c795;
            position: absolute;
            right: -.78125vw;
            top: 1.5625vw;
            z-index: 2
        }

        .comp-process-flow .process-list .title:before {
            content: '';
            width: 0;
            height: 0;
            border-top: .78125vw solid transparent;
            border-bottom: .78125vw solid transparent;
            border-left: .78125vw solid #fff;
            position: absolute;
            left: 0;
            top: 1.5625vw;
            z-index: 1
        }

    .comp-process-flow .process-list .body-cont {
        padding: 0 1.875vw 5vw;
        box-shadow: 0 28px 40px 0 rgba(156,156,156,0.09);
        border: solid 1.2px #ebebeb;
        background-color: #fff
    }

        .comp-process-flow .process-list .body-cont .link-title {
            font-size: .9375vw;
            line-height: 1.25vw;
            color: #454545;
            margin: 2.5vw 0 .625vw
        }

        .comp-process-flow .process-list .body-cont .link-list .item {
            font-size: .9375vw;
            line-height: 1.17188vw;
            color: #44b29c;
            margin: .70313vw 0
        }

            .comp-process-flow .process-list .body-cont .link-list .item .tag {
                background: #ff4c4c;
                width: 3.125vw;
                height: 1.5625vw;
                border-radius: .3125vw;
                font-size: .78125vw;
                line-height: 1.5625vw;
                color: #fff;
                text-transform: uppercase;
                display: inline-block;
                text-align: center;
                margin-left: .3125vw
            }

@media (max-width: 992px) {
    .comp-process-flow .process-list > .item {
        width: 48%;
        border-radius: 0.4rem;
        margin: 1%;
        box-shadow: 0 28px 40px 0 rgba(156,156,156,0.09);
        overflow: hidden
    }

    .comp-process-flow .process-list .title {
        font-size: 2rem;
        line-height: 2.8rem;
        padding: 1.8rem 1rem;
        border-radius: 0
    }

        .comp-process-flow .process-list .title:after {
            display: none
        }

        .comp-process-flow .process-list .title:before {
            display: none
        }

    .comp-process-flow .process-list .body-cont {
        padding: 0 2.4rem 6rem;
        box-shadow: none
    }

        .comp-process-flow .process-list .body-cont .link-title {
            font-size: 1.4rem;
            font-weight: 600;
            line-height: 1.8rem;
            margin: 3.2rem 0 0.9rem
        }

        .comp-process-flow .process-list .body-cont .link-list .item {
            font-size: 1.4rem;
            line-height: 1.7rem;
            margin: 0.9rem 0
        }

            .comp-process-flow .process-list .body-cont .link-list .item .tag {
                width: auto;
                height: auto;
                padding: 0.5rem 1rem 0.4rem;
                border-radius: 0.4rem;
                font-size: 1rem;
                line-height: 1rem;
                margin-left: 0.4rem
            }
}

@media (max-width: 992px) {
    .comp-process-flow .process-list > .item {
        width: 100%;
        margin: 0 0 1.7rem 0
    }
}

.comp-invoice {
    width: 45vw;
    height: 50.15625vw;
    box-shadow: 0 8px 129px 0 rgba(164,164,164,0.2);
    background-color: #fff;
    padding: 4.53125vw 2.1875vw 4.0625vw;
    position: relative
}

    .comp-invoice .head {
        display: flex;
        justify-content: space-between
    }

        .comp-invoice .head .brand-info {
            width: 4.6875vw;
            height: 4.6875vw;
            background: #ededed;
            position: relative
        }

            .comp-invoice .head .brand-info .brand-name {
                position: absolute;
                right: -50%;
                top: 40%;
                font-size: .78125vw;
                letter-spacing: .10703vw;
                color: #949ba7
            }

        .comp-invoice .head .line-wrap .line {
            height: .5625vw;
            background: #c8cbce;
            width: 7.03125vw;
            opacity: 0.31;
            border-radius: 1.48438vw;
            display: block;
            margin-top: .625vw
        }

            .comp-invoice .head .line-wrap .line:last-child {
                width: 4.6875vw;
                margin: .625vw 0 0 auto
            }

    .comp-invoice .body {
        padding-top: 4.6875vw
    }

        .comp-invoice .body .title {
            font-size: 1.95313vw;
            font-weight: 700;
            color: #040404;
            text-transform: uppercase;
            letter-spacing: 5.04px;
            margin-bottom: 2.5vw
        }

            .comp-invoice .body .title span {
                font-size: .9375vw;
                font-weight: 400;
                margin-left: .9375vw;
                letter-spacing: 1.8px
            }

        .comp-invoice .body .table .td {
            padding: .9375vw 4.0625vw .9375vw 2.5vw;
            border-radius: .23438vw;
            box-shadow: 0 15px 39px 0 rgba(164,164,164,0.05);
            background-color: #fff;
            opacity: 0.24;
            margin-bottom: .3125vw
        }

            .comp-invoice .body .table .td span {
                display: inline-block;
                vertical-align: middle;
                width: 18%;
                font-size: .9375vw;
                font-weight: 500;
                color: #000
            }

                .comp-invoice .body .table .td span:first-child {
                    width: 42%
                }

            .comp-invoice .body .table .td.active {
                opacity: 1;
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
                box-shadow: 0 18px 47px 0 rgba(164,164,164,0.18)
            }

        .comp-invoice .body .random-lines {
            margin: 2.34375vw 0 2.34375vw;
            margin-left: 40%
        }

            .comp-invoice .body .random-lines .col {
                display: inline-block;
                width: 40%
            }

                .comp-invoice .body .random-lines .col:last-child .line {
                    margin-left: auto;
                    margin-right: 0
                }

            .comp-invoice .body .random-lines .line {
                height: .5625vw;
                background: #c8cbce;
                width: 7.03125vw;
                opacity: 0.31;
                border-radius: 1.48438vw;
                display: block;
                margin-top: .70313vw
            }

                .comp-invoice .body .random-lines .line.one {
                    width: 5.78125vw
                }

                .comp-invoice .body .random-lines .line.two {
                    width: 6.875vw
                }

                .comp-invoice .body .random-lines .line.three {
                    width: 3.51563vw
                }

                .comp-invoice .body .random-lines .line.four {
                    width: 2.96875vw
                }

    .comp-invoice .foot .amt-wrap .amt-payable {
        display: inline-block;
        vertical-align: top;
        width: 40%
    }

    .comp-invoice .foot .amt-wrap .text {
        font-size: .9375vw;
        line-height: 1.40625vw;
        color: #949ba7;
        letter-spacing: 1.8px;
        display: block
    }

    .comp-invoice .foot .amt-wrap .amt {
        font-weight: 700;
        font-size: 1.95313vw;
        letter-spacing: 5.04px;
        line-height: 2.34375vw;
        color: #040404;
        display: block;
        margin-top: 1.09375vw
    }

    .comp-invoice .foot .pay-btn {
        width: 23.59375vw;
        height: 4.92188vw;
        border-radius: 4.6875vw;
        background-image: linear-gradient(101deg, #667eea, #764ba2);
        font-weight: 700;
        font-size: 1.40625vw;
        letter-spacing: .70313vw;
        line-height: 4.92188vw;
        color: #fff;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        text-transform: uppercase
    }

    .comp-invoice .add-on {
        width: 16.95313vw;
        height: 16.95313vw;
        border-radius: .3125vw;
        box-shadow: 0 28px 40px 0 rgba(156,156,156,0.09);
        border: solid 1.2px #ebebeb;
        background-color: #fff;
        position: absolute;
        left: -7.1875vw;
        top: -3.59375vw;
        padding: 2.5vw 2.34375vw 4.84375vw;
        text-align: center
    }

        .comp-invoice .add-on .img-wrap {
            width: 5.46875vw;
            margin: 0 auto 2.5vw
        }

        .comp-invoice .add-on .brand-name {
            font-size: 1.40625vw;
            line-height: 1.71875vw;
            letter-spacing: 3.0px;
            font-weight: 500;
            color: #7451ab
        }

.comp-builtin-pg {
    max-width: 72.34375vw;
    margin: 0 auto;
    position: relative
}

    .comp-builtin-pg:after {
        content: "";
        clear: both;
        display: table
    }

    .comp-builtin-pg:before {
        content: "";
        position: absolute;
        right: -14.92188vw;
        width: 56.40625vw;
        top: 16.01563vw;
        background: #f8f8f8;
        height: 47.5vw;
        z-index: -1
    }

    .comp-builtin-pg .big-img {
        width: 40.85938vw;
        float: left
    }

        .comp-builtin-pg .big-img img {
            box-shadow: 0 5px 15px 0 rgba(156,156,156,0.2)
        }

    .comp-builtin-pg .brand-list {
        float: right;
        margin-top: 7.8125vw
    }

        .comp-builtin-pg .brand-list:after {
            content: "";
            display: table;
            clear: both
        }

        .comp-builtin-pg .brand-list .product-list {
            display: flex;
            align-items: top
        }

            .comp-builtin-pg .brand-list .product-list .item:last-child {
                margin-top: 5.07813vw
            }

        .comp-builtin-pg .brand-list .comp-brand-card {
            margin: 0 0 0 1.64063vw
        }

            .comp-builtin-pg .brand-list .comp-brand-card .brand-logo {
                max-width: 46%
            }

            .comp-builtin-pg .brand-list .comp-brand-card + .comp-brand-card {
                margin-top: 1.64063vw
            }

@media (max-width: 992px) {
    .comp-builtin-pg {
        max-width: 100%
    }

        .comp-builtin-pg .big-img {
            display: none
        }

        .comp-builtin-pg:before {
            display: none
        }

        .comp-builtin-pg .brand-list {
            width: 100%;
            margin-top: 0
        }

            .comp-builtin-pg .brand-list .product-list {
                display: block;
                text-align: center
            }

                .comp-builtin-pg .brand-list .product-list .comp-brand-card {
                    width: 22%;
                    padding-top: 22%;
                    display: inline-block
                }

                .comp-builtin-pg .brand-list .product-list .item .comp-brand-card {
                    margin-left: 0
                }

                    .comp-builtin-pg .brand-list .product-list .item .comp-brand-card + .comp-brand-card {
                        margin-left: 1.2rem
                    }

                    .comp-builtin-pg .brand-list .product-list .item .comp-brand-card:last-child {
                        display: none
                    }

                .comp-builtin-pg .brand-list .product-list .item:last-child {
                    margin-top: 1.2rem
                }
}

@media (max-width: 767px) {
    .comp-builtin-pg .brand-list {
        margin-left: -34%;
        margin-right: -34%;
        width: auto;
        margin-top: 0;
        float: none
    }

        .comp-builtin-pg .brand-list .item {
            font-size: 0
        }
}

.comp-create-url-form {
    width: 30.9375vw
}

    .comp-create-url-form .img-container {
        margin: -.39063vw -2.34375vw 0 -2.34375vw
    }

@media (max-width: 992px) {
    .comp-create-url-form {
        width: 32rem;
        margin: 0 auto
    }

        .comp-create-url-form .window-action {
            padding: 0.7rem 0.7rem 0 0.7rem;
            line-height: 0
        }

            .comp-create-url-form .window-action span {
                width: 0.5rem;
                height: 0.5rem
            }

        .comp-create-url-form .form-head img {
            margin: 1.5rem 0 1.6rem;
            max-width: 2.4rem
        }

        .comp-create-url-form .form-head .title {
            font-size: 0.84rem;
            line-height: 1.6
        }

        .comp-create-url-form .form-body {
            padding: 0 2rem
        }

        .comp-create-url-form .input-wrap {
            padding-bottom: 0.8rem;
            margin-top: 1.3rem
        }

        .comp-create-url-form .label {
            line-height: 1.6;
            font-size: .84rem
        }

        .comp-create-url-form .form-foot {
            margin: 2.1rem 0 2.6rem;
            padding: 0 3.1rem
        }

            .comp-create-url-form .form-foot .btn {
                letter-spacing: 0.3rem;
                padding: 1rem 1rem;
                font-size: 0.7rem
            }
}

.comp-choose-theme {
    width: 42.5vw
}

    .comp-choose-theme:after {
        content: "";
        clear: both;
        display: table
    }

    .comp-choose-theme .theme-card {
        background: #fff;
        width: 20vw;
        height: 20.9375vw;
        overflow: hidden;
        padding: 1.25vw;
        border-radius: .78125vw;
        box-shadow: 0 28px 40px 0 rgba(156,156,156,0.32);
        border: solid 1px #ebebeb;
        position: relative;
        float: left
    }

        .comp-choose-theme .theme-card:nth-child(even) {
            float: right
        }

        .comp-choose-theme .theme-card:first-child {
            margin-bottom: 2.5vw
        }

        .comp-choose-theme .theme-card:nth-child(2) {
            margin-bottom: 2.5vw
        }

    .comp-choose-theme .box {
        border-radius: .3125vw
    }

    .comp-choose-theme .theme-1 {
        z-index: 1
    }

        .comp-choose-theme .theme-1 .box, .comp-choose-theme .theme-1 .line {
            background: #e2f3e0
        }

        .comp-choose-theme .theme-1 .box {
            margin-bottom: 1.875vw
        }

    .comp-choose-theme .one-column .box {
        height: 11.01563vw
    }

    .comp-choose-theme .one-column .line {
        border-radius: .54688vw;
        height: .9375vw
    }

        .comp-choose-theme .one-column .line + .line {
            margin-top: .70313vw
        }

        .comp-choose-theme .one-column .line.line2 {
            width: 55%
        }

        .comp-choose-theme .one-column .line.line3 {
            width: 30%
        }

    .comp-choose-theme .theme-2, .comp-choose-theme .theme-3 {
        z-index: 2
    }

        .comp-choose-theme .theme-2 .box, .comp-choose-theme .theme-3 .box {
            background: #e0e4f3
        }

        .comp-choose-theme .theme-2 .two-column, .comp-choose-theme .theme-3 .two-column {
            margin-top: .625vw
        }

            .comp-choose-theme .theme-2 .two-column .box, .comp-choose-theme .theme-3 .two-column .box {
                width: 8.59375vw;
                height: 6.79688vw;
                float: left
            }

                .comp-choose-theme .theme-2 .two-column .box:nth-child(even), .comp-choose-theme .theme-3 .two-column .box:nth-child(even) {
                    float: right;
                    width: 8.28125vw
                }

        .comp-choose-theme .theme-3 .two-column {
            margin-top: 0
        }

        .comp-choose-theme .theme-3 .box {
            background-color: #f3e5e0;
            margin-bottom: .625vw
        }

    .comp-choose-theme .theme-4 {
        z-index: 999
    }

        .comp-choose-theme .theme-4 .box, .comp-choose-theme .theme-4 .line {
            background: #e0f3f2
        }

        .comp-choose-theme .theme-4 .cont-wrap {
            overflow: hidden
        }

            .comp-choose-theme .theme-4 .cont-wrap + .cont-wrap {
                margin-top: .625vw
            }

        .comp-choose-theme .theme-4 .box {
            height: 5.54688vw;
            width: 5.54688vw;
            float: left
        }

        .comp-choose-theme .theme-4 .line-wrap {
            float: right;
            padding-top: .39063vw;
            width: 10.625vw
        }

            .comp-choose-theme .theme-4 .line-wrap .line {
                height: .625vw
            }

@media (max-width: 992px) {
    .comp-choose-theme {
        width: 100%;
        max-width: 32rem;
        margin: 0 auto
    }

        .comp-choose-theme .theme-card {
            width: 49%
        }
}

.comp-code-btn {
    width: 62.8125vw;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: .28125vw;
    box-shadow: 0 25px 36px 0 rgba(156,156,156,0.09);
    border: solid 1px #ebebeb;
    background-color: #fff;
    margin: 0 auto;
    padding: 2.10938vw 1.71875vw;
    margin-bottom: 4.53125vw
}

    .comp-code-btn .code {
        text-align: center;
        font-size: 1.25vw;
        line-height: 2.1875vw;
        color: #727781;
        word-break: break-all
    }

@media (max-width: 992px) {
    .comp-code-btn {
        padding: 1.6rem;
        width: auto;
        max-width: 38.4rem
    }

        .comp-code-btn .code {
            font-size: 1.2rem;
            line-height: 1.8rem;
            text-align: left
        }
}

@media (max-width: 767px) {
    .comp-code-btn {
        max-width: 28.4rem
    }
}

.comp-add-product {
    width: 30.9375vw
}

    .comp-add-product .img-container {
        margin: -.39063vw -2.34375vw 0 -11.32813vw
    }

@media (max-width: 992px) {
    .comp-add-product {
        width: 32rem;
        margin: 0 auto
    }

        .comp-add-product .window-action {
            padding: 0.7rem 0.7rem 0 0.7rem;
            line-height: 0
        }

            .comp-add-product .window-action span {
                width: 0.5rem;
                height: 0.5rem
            }

        .comp-add-product .window-body {
            padding: 1.8rem 1.8rem 1.6rem 1.8rem
        }

        .comp-add-product .comp-add-image .text {
            font-size: 0.9rem
        }

        .comp-add-product .comp-add-image .icon {
            font-size: 1.6rem
        }

        .comp-add-product .preview-image {
            margin-top: 3.6rem;
            margin-left: -8.5rem;
            width: 27.2rem
        }

            .comp-add-product .preview-image .img {
                max-width: 12.8rem;
                max-height: inherit
            }

                .comp-add-product .preview-image .img + .img {
                    margin-left: 1.6rem
                }
}

.comp-add-image {
    border-radius: .3125vw;
    border: 2px dashed #f36363;
    text-align: center;
    padding: 3.28125vw
}

    .comp-add-image .icon, .comp-add-image .text {
        color: #f36363;
        display: block
    }

    .comp-add-image .icon {
        font-size: 2.34375vw
    }

    .comp-add-image .text {
        font-size: 1.25vw;
        margin-top: .78125vw;
        font-weight: 500
    }

@media (max-width: 992px) {
    .comp-add-image {
        padding: 2.4rem;
        border-width: 1px
    }

        .comp-add-image .text {
            font-size: 1.4rem;
            font-weight: normal;
            margin-top: 0.5rem
        }

        .comp-add-image .icon {
            font-size: 2rem
        }
}

.comp-product-catalogue {
    text-align: center;
    font-size: 0;
    padding-bottom: 5.70313vw
}

    .comp-product-catalogue .icon {
        font-size: 1.5625vw
    }

    .comp-product-catalogue .comp-add-image {
        padding: 5.3125vw .78125vw
    }

    .comp-product-catalogue .product-wrap + .product-wrap {
        margin-top: 2.1875vw
    }

    .comp-product-catalogue .cols {
        min-width: 15vw;
        max-width: 15vw;
        display: inline-block;
        vertical-align: top
    }

        .comp-product-catalogue .cols + .cols {
            margin-left: 2.1875vw
        }

        .comp-product-catalogue .cols .product-details {
            text-align: left;
            padding: 1.09375vw 1.09375vw 3.125vw;
            background: #fff;
            box-shadow: 0 11px 64px 0 rgba(156,156,156,0.26)
        }

            .comp-product-catalogue .cols .product-details .name {
                font-size: 1.25vw;
                line-height: 1.2;
                margin-bottom: .78125vw
            }

            .comp-product-catalogue .cols .product-details .price {
                font-size: 1.01563vw;
                color: #f36363
            }

    .comp-product-catalogue .gray-bg:before {
        content: "";
        position: absolute;
        bottom: 8.82813vw;
        height: 37.26563vw;
        width: 56.40625vw;
        right: 0;
        z-index: -1;
        background: #f8f8f8
    }

@media (max-width: 992px) {
    .comp-product-catalogue {
        padding-bottom: 0
    }

        .comp-product-catalogue .gray-bg:before {
            display: none
        }

        .comp-product-catalogue .cols {
            width: 28%;
            min-width: 28%;
            max-width: 28%
        }

            .comp-product-catalogue .cols:last-child {
                display: none
            }

            .comp-product-catalogue .cols .product-details {
                padding: 1.4rem 1.4rem 3.2rem 1.4rem
            }

                .comp-product-catalogue .cols .product-details .name {
                    font-size: 1.4rem;
                    margin-bottom: 0.5rem
                }

                .comp-product-catalogue .cols .product-details .price {
                    font-size: 1.3rem
                }

            .comp-product-catalogue .cols + .cols {
                margin-left: 1.6rem
            }

        .comp-product-catalogue .icon {
            font-size: 2rem
        }
}

@media (max-width: 568px) {
    .comp-product-catalogue {
        width: auto;
        margin-left: -250px;
        margin-right: -250px
    }

        .comp-product-catalogue .cols {
            width: 250px;
            min-width: 250px;
            max-width: 250px
        }

            .comp-product-catalogue .cols .product-details {
                padding: 1.6rem 1.6rem 4.6rem 1.6rem
            }

                .comp-product-catalogue .cols .product-details .name {
                    font-size: 1.6rem
                }

                .comp-product-catalogue .cols .product-details .price {
                    font-size: 1.4rem
                }

            .comp-product-catalogue .cols + .cols {
                margin-left: 16px
            }

        .comp-product-catalogue .comp-add-image {
            padding: 8.5rem 0.5rem
        }

        .comp-product-catalogue .product-wrap + .product-wrap {
            margin-top: 1.6rem
        }
}

.comp-multi-paymt-list {
    max-width: 34.29688vw;
    margin: 0 auto
}

@media (max-width: 992px) {
    .comp-multi-paymt-list {
        max-width: 29rem
    }
}

.comp-invoice-banner .img-1 {
    max-width: 35.15625vw;
    float: right;
    position: relative;
    z-index: 1;
    top: -3.90625vw;
    right: -7.8125vw
}

.comp-invoice-banner .window:after {
    content: "";
    display: table;
    clear: both
}

.comp-invoice-banner .img2 {
    max-width: 33.51563vw;
    position: absolute;
    z-index: 0;
    top: 3.51563vw;
    left: 7.03125vw
}

@font-face {
    font-family: 'payconnect';
    src: url("../fonts/icomoon.eot?bjsc93");
    src: url("../fonts/icomoon.eot?bjsc93#iefix") format("embedded-opentype"),url(/assets/one_payu/icomoon-292bb359697c9dc60f95583f3ce0ee854a0bebe0f37aef932b26d3a0016984d6.ttf?bjsc93) format("truetype"),url("../fonts/icomoon.woff?bjsc93") format("woff"),url("../fonts/icomoon.svg?bjsc93#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'payconnect' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Mail-SMS:before {
    content: "\e936"
}

.icon-One-Click:before {
    content: "\e937"
}

.icon-Reminder:before {
    content: "\e938"
}

.icon-Secure:before {
    content: "\e939"
}

.icon-excel:before {
    content: "\e933"
}

.icon-no-code-2:before {
    content: "\e934"
}

.icon-no-rupee:before {
    content: "\e935"
}

.icon-block:before {
    content: "\e92d"
}

.icon-copy-paste:before {
    content: "\e92e"
}

.icon-down:before {
    content: "\e92f"
}

.icon-integrate:before {
    content: "\e930"
}

.icon-new-window:before {
    content: "\e931"
}

.icon-upload-pic:before {
    content: "\e932"
}

.icon-all-option:before {
    content: "\e926"
}

.icon-builtin-pg:before {
    content: "\e927"
}

.icon-customize:before {
    content: "\e928"
}

.icon-go-fast:before {
    content: "\e929"
}

.icon-no-charge:before {
    content: "\e92a"
}

.icon-no-coding:before {
    content: "\e92b"
}

.icon-no-fees:before {
    content: "\e92c"
}

.icon-forword:before {
    content: "\e925"
}

.icon-merge:before {
    content: "\e900"
}

.icon-vplay:before {
    content: "\e901"
}

.icon-back:before {
    content: "\e902"
}

.icon-ball:before {
    content: "\e903"
}

.icon-call:before {
    content: "\e904"
}

.icon-card:before {
    content: "\e905"
}

.icon-close:before {
    content: "\e906"
}

.icon-commobile:before {
    content: "\e907"
}

.icon-dollar:before {
    content: "\e908"
}

.icon-down-arrow:before {
    content: "\e909"
}

.icon-dss:before {
    content: "\e90a"
}

.icon-earth:before {
    content: "\e90b"
}

.icon-emi:before {
    content: "\e90c"
}

.icon-euro:before {
    content: "\e90d"
}

.icon-facebook:before {
    content: "\e90e"
}

.icon-fijian:before {
    content: "\e90f"
}

.icon-flash:before {
    content: "\e910"
}

.icon-instagram:before {
    content: "\e911"
}

.icon-youtube:before {
    content: "\ea9d"
}

.icon-linkedin:before {
    content: "\eac9"
}

.icon-left-arrow:before {
    content: "\e912"
}

.icon-mastercard:before {
    content: "\e913"
}

.icon-menu:before {
    content: "\e914"
}

.icon-netbank:before {
    content: "\e915"
}

.icon-norton:before {
    content: "\e916"
}

.icon-o-tick:before {
    content: "\e917"
}

.icon-play:before {
    content: "\e918"
}

.icon-pound:before {
    content: "\e919"
}

.icon-quote:before {
    content: "\e91a"
}

.icon-right-arrow:before {
    content: "\e91b"
}

.icon-rupee:before {
    content: "\e91c"
}

.icon-safekey:before {
    content: "\e91d"
}

.icon-setting:before {
    content: "\e91e"
}

.icon-tikmark:before {
    content: "\e91f"
}

.icon-twitter:before {
    content: "\e920"
}

.icon-upi:before {
    content: "\e921"
}

.icon-visa:before {
    content: "\e922"
}

.icon-wallet:before {
    content: "\e923"
}

.icon-yen:before {
    content: "\e924"
}

.comp-get-recognized {
    position: relative
}

    .comp-get-recognized:after {
        content: "";
        display: table;
        clear: both
    }

    .comp-get-recognized .column-1 {
        width: 37.34375%;
        float: left
    }

    .comp-get-recognized .column-2 {
        float: right;
        width: 61.875%
    }

    .comp-get-recognized .row-2 {
        margin-top: 1.2%
    }

        .comp-get-recognized .row-2:after {
            content: "";
            display: table;
            clear: both
        }

        .comp-get-recognized .row-2 img {
            width: 49.2%;
            float: left
        }

        .comp-get-recognized .row-2 .img1 {
            width: 49.3%
        }

        .comp-get-recognized .row-2 .img2 {
            float: right
        }

@media (max-width: 767px) {
    .comp-get-recognized {
        margin-bottom: 0
    }
}

@media (max-width: 400px) {
    .comp-get-recognized .column-1, .comp-get-recognized .column-2 {
        width: 100%
    }

    .comp-get-recognized .column-2 {
        margin-top: 1.2%
    }
}

.comp-enjoy-flavours {
    padding: 0 0.7%;
    font-size: 0
}

    .comp-enjoy-flavours .column {
        width: 31.93%;
        margin: 0 0.7%;
        vertical-align: top;
        display: inline-block;
        box-shadow: 0 4px 64px 0 rgba(164,164,164,0.2)
    }

        .comp-enjoy-flavours .column:nth-child(2) {
            margin-top: 5.78125vw
        }

@media (max-width: 767px) {
    .comp-enjoy-flavours {
        margin: 0 -65%
    }

        .comp-enjoy-flavours .column:nth-child(2) {
            margin-top: 4rem
        }
}

.comp-achievement .achievement-slider {
    padding-bottom: 7.8125vw
}

.comp-achievement .swiper-slide {
    width: 30.9375vw
}

.comp-achievement .year {
    font-size: 2.1875vw;
    font-weight: 500;
    text-align: left;
    display: block;
    color: #3aae97
}

.comp-achievement .swiper-button-next, .comp-achievement .swiper-button-prev {
    top: unset;
    bottom: 0;
    background: #fff;
    border-radius: 50%;
    width: 3.75vw;
    height: 3.75vw;
    border: 1px solid #ddd;
    transition: all 0.4s ease-out
}

    .comp-achievement .swiper-button-next:before, .comp-achievement .swiper-button-prev:before {
        content: "\e912";
        font-size: 1.25vw;
        color: #203152;
        position: absolute;
        top: 50%;
        left: 48%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: "payconnect" !important;
        transition: all 0.3s ease-out
    }

    .comp-achievement .swiper-button-next:hover, .comp-achievement .swiper-button-prev:hover {
        background: #3aae97;
        border-color: #3aae97
    }

        .comp-achievement .swiper-button-next:hover:before, .comp-achievement .swiper-button-prev:hover:before {
            color: #fff;
            margin-left: -3px
        }

.comp-achievement .swiper-button-next {
    right: 50%;
    margin-right: -4.375vw
}

    .comp-achievement .swiper-button-next:before {
        content: "\e91b";
        left: 50%
    }

    .comp-achievement .swiper-button-next:hover:before {
        margin-left: 3px
    }

.comp-achievement .swiper-button-prev {
    left: 50%;
    margin-left: -4.375vw
}

.comp-achievement .swiper-wrapper .swiper-slide:last-child .circle-wrap:before {
    width: 0
}

.comp-achievement .achievement {
    padding: 0 3.28125vw
}

.comp-achievement .circle-wrap {
    text-align: left;
    margin-top: 2.96875vw;
    position: relative;
    font-size: 0
}

    .comp-achievement .circle-wrap:before {
        content: "";
        left: 0;
        top: 50%;
        height: 1px;
        background: #c6cbd3;
        position: absolute;
        margin-top: -.07813vw;
        width: calc(100% + 6.5625vw)
    }

    .comp-achievement .circle-wrap span {
        display: inline-block;
        width: 5vw;
        height: 5vw;
        border: 1px solid #c6cbd3;
        border-radius: 50%;
        position: relative;
        background: #fff
    }

        .comp-achievement .circle-wrap span:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 1.64063vw;
            height: 1.64063vw;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: #3aae97;
            border-radius: 50%
        }

.comp-achievement .comp-title-desc .title {
    padding-top: 4.53125vw;
    font-size: 1.64063vw
}

@media (max-width: 992px) {
    .comp-achievement .comp-title-desc .desc {
        padding-top: 0;
        max-width: 100%
    }

    .comp-achievement .swiper-slide {
        width: 280px
    }

    .comp-achievement .swiper-button-prev, .comp-achievement .swiper-button-next {
        width: 4rem;
        height: 4rem
    }

        .comp-achievement .swiper-button-prev:before, .comp-achievement .swiper-button-next:before {
            line-height: 4rem;
            font-size: 1.4rem;
            left: 44%
        }

    .comp-achievement .swiper-button-next {
        margin-right: -5rem
    }

        .comp-achievement .swiper-button-next:before {
            left: 53%
        }

    .comp-achievement .swiper-button-prev {
        margin-left: -5rem
    }
}

@media (max-width: 767px) {
    .comp-achievement .achievement-slider {
        padding-bottom: 8rem
    }

    .comp-achievement .swiper-button-prev, .comp-achievement .swiper-button-next {
        width: 3rem;
        height: 3rem
    }

        .comp-achievement .swiper-button-prev:before, .comp-achievement .swiper-button-next:before {
            font-size: 0.8rem;
            left: 44%
        }

    .comp-achievement .swiper-button-next {
        margin-right: -3.5rem
    }

        .comp-achievement .swiper-button-next:before {
            left: 53%
        }

    .comp-achievement .swiper-button-prev {
        margin-left: -3.5rem
    }

    .comp-achievement .swiper-slide {
        width: 29rem
    }

    .comp-achievement .year {
        font-size: 2.8rem;
        text-align: center
    }

    .comp-achievement .achievement {
        padding: 0 3.2rem
    }

    .comp-achievement .circle-wrap {
        margin-top: 3.8rem;
        text-align: center
    }

        .comp-achievement .circle-wrap:before {
            left: -3.2rem;
            right: -3.2rem;
            margin-top: 0.1rem;
            width: auto
        }

        .comp-achievement .circle-wrap span {
            width: 6.4rem;
            height: 6.4rem
        }

            .comp-achievement .circle-wrap span:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 2.1rem;
                height: 2.1rem
            }

    .comp-achievement .swiper-wrapper .swiper-slide:last-child .circle-wrap:before {
        width: auto;
        right: 50%
    }

    .comp-achievement .swiper-wrapper .swiper-slide:first-child .circle-wrap:before {
        width: auto;
        left: 50%
    }

    .comp-achievement .comp-title-desc .title {
        padding-top: 5.8rem;
        font-size: 2.1rem
    }

    .comp-achievement .comp-title-desc .desc {
        max-width: 100%
    }
}

@media (max-width: 599px) {
    .comp-achievement .swiper-button-next, .comp-achievement .swiper-button-prev {
        width: 4.8rem;
        height: 4.8rem
    }

        .comp-achievement .swiper-button-next:before, .comp-achievement .swiper-button-prev:before {
            left: 48%;
            font-size: 1.6rem
        }

    .comp-achievement .swiper-button-next {
        right: 50%;
        margin-right: -5.6rem
    }

    .comp-achievement .swiper-button-prev {
        margin-left: -5.6rem
    }
}

.comp-work-from {
    padding: 0 0.7%;
    font-size: 0
}

    .comp-work-from .column {
        width: 48.6%;
        margin: 0 0.7%;
        vertical-align: top;
        display: inline-block;
        box-shadow: 0 4px 64px 0 rgba(164,164,164,0.2)
    }

        .comp-work-from .column:nth-child(2) {
            margin-top: 4.45313vw
        }

@media (max-width: 400px) {
    .comp-work-from {
        margin: 0 -35%
    }
}

.comp-table .table-wrap table {
    width: 100%
}

.comp-table .table-wrap th {
    background: #040404;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.40625vw;
    padding: 1.71875vw 3.35938vw
}

.comp-table .table-wrap tr {
    border-top: .07813vw solid #fff;
    border-bottom: .15625vw solid #fff;
    background: #f9f9f9
}

    .comp-table .table-wrap tr:nth-child(odd) {
        background: #e4e4e4
    }

.comp-table .table-wrap td {
    font-size: 1.09375vw;
    font-weight: 500;
    padding: 1.71875vw 3.35938vw
}

.comp-table .note {
    text-align: center;
    margin-top: 5.46875vw;
    font-size: 1.64063vw
}

    .comp-table .note .link {
        color: #3aae97
    }

@media (max-width: 992px) {
    .comp-table .table-wrap td, .comp-table .table-wrap th {
        font-size: 1rem
    }
}

@media (max-width: 767px) {
    .comp-table thead {
        display: none
    }

    .comp-table table, .comp-table tr, .comp-table td, .comp-table tbody {
        display: block
    }

    .comp-table .table-wrap td {
        padding: 1.7rem 2.2rem;
        font-size: 1.4rem
    }

        .comp-table .table-wrap td:before {
            content: attr(data-label);
            display: block;
            font-size: 1.2rem;
            color: #000
        }

        .comp-table .table-wrap td:first-child {
            background: #000
        }

            .comp-table .table-wrap td:first-child:before {
                color: #fff
            }

        .comp-table .table-wrap td:last-child {
            background: #fff
        }

    .comp-table .table-wrap tr {
        border: 0;
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 0 20px 20px 0 rgba(0,0,0,0.1);
        background: #e4e4e4
    }

        .comp-table .table-wrap tr + tr {
            margin-top: 1.2rem
        }

    .comp-table .note {
        font-size: 1.4rem;
        line-height: 1.7rem;
        margin-top: 2rem
    }
}

.comp-payout-banner {
    position: relative
}

    .comp-payout-banner .payout-img {
        position: relative;
        z-index: 2
    }

    .comp-payout-banner .bar-chart {
        width: 27.65625vw;
        opacity: 0.5;
        position: absolute;
        right: -10.15625vw;
        top: -7.8125vw;
        z-index: 1
    }

.comp-latest-products {
    background: #000;
    padding: 4.14063vw 5.07813vw 6.40625vw;
    border-radius: .70313vw;
    margin-top: 2.73438vw
}

    .comp-latest-products .tag {
        font-size: 1.25vw;
        line-height: 1.25vw;
        display: inline-block;
        background: red;
        color: #fff;
        padding: .39063vw .9375vw;
        border-radius: .3125vw;
        text-transform: uppercase;
        margin-left: .39063vw
    }

    .comp-latest-products .title {
        font-size: 3.28125vw;
        line-height: 4.14063vw;
        color: #fff;
        margin: 1.875vw 0 3.28125vw
    }

        .comp-latest-products .title .highlight {
            color: #3aae97
        }

@media (max-width: 992px) {
    .comp-latest-products {
        padding: 4rem 2.4rem;
        border-radius: 0.9rem;
        margin-top: 3.5rem
    }

        .comp-latest-products .tag {
            font-size: 1.4rem;
            line-height: 1.4rem;
            padding: 0.5rem 1rem;
            border-radius: 0.4rem;
            margin-left: 0
        }

        .comp-latest-products .title {
            font-size: 3.4rem;
            line-height: 1.18;
            margin: 1.8rem 0 3rem
        }
}

.comp-mission {
    padding: 3.90625vw 0 14.6875vw;
    position: relative;
    background-size: cover;
    text-align: center
}

    .comp-mission .title {
        font-size: 4.14063vw;
        line-height: 5vw;
        font-weight: 700;
        color: #040404
    }

    .comp-mission .desc {
        font-size: 1.40625vw;
        line-height: 2.5vw;
        color: #727781;
        padding-top: 1.40625vw
    }

@media (max-width: 992px) {
    .comp-mission {
        padding: 12.4rem 0;
        margin-top: 4.8rem
    }

        .comp-mission .title {
            font-size: 3.4rem;
            line-height: 3.8rem
        }

        .comp-mission .desc {
            font-size: 1.4rem;
            line-height: 2.4rem;
            padding-top: 1.6rem
        }
}

.comp-newsletter {
    background: url(/one_payu/newsletter-bg.png) center center no-repeat;
    padding-top: 27.34375vw;
    padding-bottom: 13.67188vw;
    position: relative;
    background-size: cover
}

    .comp-newsletter:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.25)
    }

    .comp-newsletter .title, .comp-newsletter .newsletter-form {
        position: relative;
        z-index: 1
    }

    .comp-newsletter .title {
        font-size: 4.375vw;
        line-height: 5vw;
        color: #fff;
        text-align: center;
        font-weight: 600
    }

.newsletter-form {
    text-align: center;
    margin-top: 4.6875vw
}

    .newsletter-form .input-wrap {
        max-width: 21.64063vw;
        display: inline-block;
        vertical-align: middle
    }

    .newsletter-form .form-control {
        min-width: 21.64063vw
    }

    .newsletter-form .button-wrap {
        display: inline-block;
        vertical-align: middle
    }

    .newsletter-form .btn {
        border: 0;
        min-width: 12.5vw;
        margin-left: 1.5625vw
    }

@media (max-width: 992px) {
    .newsletter-form {
        margin-top: 5rem
    }

        .newsletter-form .input-wrap {
            max-width: 30rem;
            width: 100%
        }

        .newsletter-form .form-control {
            width: 100%;
            min-width: 100%
        }

        .newsletter-form .btn {
            border: 0;
            min-width: 14rem;
            margin-left: 2rem
        }
}

@media (max-width: 992px) {
    .comp-newsletter {
        padding: 12rem 0 2.4rem
    }

        .comp-newsletter .title {
            font-size: 2.4rem;
            line-height: 2.8rem
        }
}

@media (max-width: 767px) {
    .newsletter-form .form-control {
        margin-bottom: 2.4rem
    }

    .newsletter-form .btn {
        margin-left: 0;
        margin-bottom: 2rem
    }
}

.comp-accordion .accord-head {
    max-width: 71.875vw;
    margin: 0 auto;
    font-size: 1.5625vw;
    padding: 1.17188vw 3.125vw 1.17188vw 0;
    cursor: pointer;
    position: relative
}

    .comp-accordion .accord-head:before {
        content: "+";
        right: 1.17188vw;
        font-size: 2.03125vw;
        position: absolute;
        line-height: 1.64063vw;
        width: 1.71875vw;
        height: 1.71875vw;
        text-align: center
    }

    .comp-accordion .accord-head.active {
        color: #3aae97
    }

        .comp-accordion .accord-head.active:before {
            content: "-"
        }

.comp-accordion .accord-cont {
    display: none;
    background: #f1f1f1;
    padding: 1.875vw 0;
    margin-bottom: 1.17188vw
}

    .comp-accordion .accord-cont .cont-wrap {
        max-width: 71.875vw;
        margin: 0 auto
    }

@media (max-width: 992px) {
    .comp-accordion .accord-head {
        font-size: 1.5rem;
        padding: 1.4rem 4rem 1.4rem 0
    }

        .comp-accordion .accord-head:before {
            content: "+";
            right: 0;
            font-size: 2rem;
            line-height: 1.7rem;
            width: 1.6rem;
            height: 1.6rem;
            top: 50%;
            margin-top: -0.8rem
        }

    .comp-accordion .accord-cont {
        font-size: 1.4rem;
        padding: 2rem 0;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 767px) {
    .comp-accordion .accord-head {
        margin: 0 18px;
        max-width: 100%;
        padding: 1.8rem 3rem 1.8rem 1.8rem;
        border: 2px solid #fff;
        border-radius: 0.5rem;
        line-height: 1.4;
        background: #fff;
        transition: all 0.2s ease-in-out
    }

        .comp-accordion .accord-head:before {
            right: 1.2rem
        }

        .comp-accordion .accord-head.active {
            border-color: none;
            box-shadow: 0 7px 20px 0 rgba(0,0,0,0.1);
            border-color: none;
            box-shadow: none
        }

    .comp-accordion .accord-cont {
        background: #f1f1f1;
        margin: 0 18px;
        padding: 0
    }

        .comp-accordion .accord-cont .cont-wrap {
            padding: 1.8rem;
            max-width: 100%
        }
}

.tnc_table {
    border: 1px solid grey;
    font-size: 14px;
    color: #727781;
    margin-bottom: 35px
}

    .tnc_table th {
        border: 1px solid grey;
        padding: 12px;
        font-size: 14px;
        font-weight: normal
    }

    .tnc_table td {
        border: 1px solid grey;
        padding: 12px
    }

.tnc-main {
    margin-top: 200px;
    margin-bottom: 100px
}

ul.accordian {
    list-style: none;
    padding: 22px 0 0 0
}

    ul.accordian li {
        float: left;
        width: 100%;
        transition: all ease-in-out 600ms
    }

        ul.accordian li a.toggle {
            width: 100%;
            display: block;
            color: #454545;
            padding: 27px 22px;
            font-size: 20px;
            transition: all ease-in-out 500ms
        }

            ul.accordian li a.toggle span.cross {
                float: right;
                font-size: 26px;
                line-height: 28px;
                font-family: 'work_sanslight';
                transition: all ease-in-out 100ms
            }

            ul.accordian li a.toggle:hover {
                border-radius: 6px;
                box-shadow: 0 15px 20px 0 rgba(0,0,0,0.1);
                background: #eefbf6
            }

        ul.accordian li.open {
            border: 1px #dfdfdf solid;
            border-radius: 4px
        }

            ul.accordian li.open a.toggle span.cross {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            ul.accordian li.open a.toggle:hover {
                background-color: #fff;
                box-shadow: none
            }

.accordian-content {
    padding: 0 40px;
    overflow: hidden;
    display: none
}

.other-partners ul {
    margin-top: 76px
}

    .other-partners ul li {
        display: inline-block;
        margin-right: 10px
    }

.become-partner {
    padding: 0
}

    .become-partner .title {
        font-size: 42px;
        line-height: normal
    }

    .become-partner .partner-subtext {
        font-size: 16px;
        color: #ffffff;
        line-height: 28px;
        padding-bottom: 20px
    }

    .become-partner .comp-look-products {
        background: #3aae97;
        background: linear-gradient(to right, #3aae97 0%, #48c993 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aae97', endColorstr='#48c993',GradientType=1 )
    }

    .become-partner .comp-title-btn {
        z-index: 5
    }

    .become-partner a.btn.btn-white {
        background: #ffffff;
        color: #3aae97
    }

        .become-partner a.btn.btn-white:hover {
            background: #3aae97 radial-gradient(circle, #6cc0af 1%, #3aae97 1%) center/15000%;
            color: #fff;
            border: #ffffff solid 1px
        }

.partner-brand-banner.banner-infography {
    float: right;
    width: auto;
    margin-top: 0
}

.partner-brand-banner .brand-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -7.8125vw
}

    .partner-brand-banner .brand-list .item {
        width: 33%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .partner-brand-banner .brand-list .item.extra-padding {
            padding-top: 7.8125vw
        }

.partner-brand-banner .comp-brand-card {
    width: 11.0625vw;
    height: 11.0625vw;
    border-radius: 2.34375vw;
    box-shadow: 0 5px 15px 0 rgba(156,156,156,0.2);
    position: relative;
    background: #fff;
    margin: .9375vw 0;
    margin-bottom: 0.9375vw;
    z-index: 1
}

    .partner-brand-banner .comp-brand-card:last-child {
        margin-bottom: 0
    }

.partner-brand-banner .browser-animation-wrap img {
    box-shadow: none
}

.comp-product-list.partner-list-main .comp-product-card.typ-list {
    min-height: 18vw;
    height: 100%
}

    .comp-product-list.partner-list-main .comp-product-card.typ-list .title {
        font-size: 24px
    }

    .comp-product-list.partner-list-main .comp-product-card.typ-list .desc {
        font-size: 14px
    }

.float-box {
    margin-right: 24px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
    background-image: linear-gradient(106deg, var(--greenish-teal) 6%, #3aae97 84%);
    max-width: 165px;
    position: fixed;
    border-radius: 4px 4px 0 0;
    right: 0;
    bottom: 0;
    padding: 6px 20px;
    vertical-align: top;
    z-index: 50;
    background: #48c993;
    background: linear-gradient(104deg, #48c993 6%, #3aae97 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48c993', endColorstr='#3aae97',GradientType=1 );
    font-size: 18px;
    letter-spacing: -0.34px;
    color: #ffffff;
    font-weight: normal
}

    .float-box a {
        color: #ffffff;
        text-decoration: none
    }

    .float-box .help-icon {
        width: 18px;
        height: 18px;
        background: url(/assets/one_payu/help-7dd4bfc6951320d85b75bd598613cdf5428ca0f48e7172c7039c8b3719df365a.svg) no-repeat left top;
        display: inline-block;
        margin-right: 8px;
        vertical-align: top;
        margin-top: 4px
    }

@media (max-width: 992px) {
    .float-box {
        display: none
    }
}

@media (max-width: 767px) {
    .float-box {
        display: none;
        padding: 3px 18px;
        font-size: 14px;
        line-height: 30px
    }

        .float-box .help-icon {
            width: 18px;
            height: 18px
        }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px)
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
        display: none
    }

    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

    .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }