
.addons-section{width:100%;box-shadow:0 0 250px 200px #000 inset;background:#454545; float: left;}
.addons-wrapper{width:100%;padding:143px 0 164px 0}
.addons-title{width:100%;font-size:32px;line-height:34px;margin-bottom:60px;color:#fff}
.addons-list-wrapper{width:100%;}
.addons-list-card{width:calc(25% - 10px);margin-right:10px;box-shadow:0 30px 90px 0 rgba(0,0,0,.14);background:linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,rgba(182,217,242,0) 0,rgba(182,217,242,.2) 100%);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}
.addons-cardtop-box{padding:28px 23px 18px 28px}
.addons-tooltip-box{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:30px;margin-bottom:16px}
.tooltop-title{width:calc(100% - 62px);font-size:24px;line-height:26px}
.tooltip-link{display:none;width:32px;height:32px;position:relative}
.tooltip-icon{width:100%;height:100%;}
.un-communication-listbox{width:100%;display:flex;align-items:flex-start;column-gap:8px;margin-bottom:9px}
.un-communication-listbox:last-child{margin-bottom:0}
.un-tick-icon{width:12px;margin-top:5px}
.tick-description{width:calc(100% - 20px);font-size:20px;line-height:26px;color:#454545}
.addons-bottom-box{margin-top:auto;border-top:1px dashed rgba(0,0,0,.4);padding:18px 23px 26px 28px;display:flex;align-items:center;justify-content:space-between}
.starting-desc{width:100%;font-size:16px;line-height:19px;color:#454545;margin-bottom:10px}
.amount-title{font-size:28px;line-height:22px;font-weight:700;color:#454545}
.amount-title i{font-style:normal;font-size:18px;line-height:12px}
.add-btn-green{display:inline-flex;padding:10px 19px;background-color:#0a5;font-size:18px;color:#fff;border-radius:8px;white-space:nowrap}
.tooltip-box{width:110px;position:absolute;right:-4px;top:100%;background-color:#fff;border-radius:4px;padding:10px 15px;margin-top:8px;display:none; box-shadow: 0 0 22px #888;}
.tooltip-box::after{content:"";position:absolute;bottom:100%;right:9px;border-width:5px;border-style:solid;border-color:transparent transparent #fff transparent}
.tooltip-text{font-size:14px;color:#454545;text-align:center}


.addonslider .slick-dots{display:flex;overflow:hidden;bottom:0;    padding: 0 0px;}
.addonslider .slick-dots li{flex:1;height:5px;margin:0;overflow:hidden}
.addonslider .slick-dots li:first-child{border-top-left-radius:90px;border-bottom-left-radius:90px}
.addonslider .slick-dots li:first-child{border-top-left-radius:90px;border-bottom-left-radius:90px}
.addonslider .slick-dots li button{width:100%;height:5px;padding:0}
.addonslider .slick-dots li.slick-active button:before{background:#fff;transition:.3s all ease-in}
.addonslider .slick-dots li button:before{content:"";width:100%; margin-left: 0%; height:5px;background:rgba(255,255,255,.35);transition:.3s all ease-in}
.addonslider{margin-bottom:0;padding-bottom:30px}
.addonslider .slick-slide{margin-right: 10px;}
.addonslider .slick-list{width: 100%;}

.addonCta a{    border-radius: 10px;
    background: #005DAC;
    padding: 12px 36px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    display: inline-block;
    transition: 0.3s all ease-in;}


.un-communication-listbox .icon-check-mark
{
    font-size: 8px;
    color: #454545;
    margin-top: 2px;
}

@media screen and (max-width:1600px)
{
    .addons-wrapper{padding:60px 0}
    .addons-cardtop-box{padding:15px 20px}
    .addons-title{font-size:24px;line-height:26px;margin-bottom:45px}
    .tooltop-title{font-size:16px;line-height:19px}
    .tooltip-link{width:20px;height:20px}
    .un-communication-listbox{margin-bottom:7px}
    .un-tick-icon{margin-top:2px}
    .tick-description{font-size:14px;line-height:17px}
    .addons-bottom-box{padding:15px 20px}
    .starting-desc{font-size:14px;line-height:17px;margin-bottom:5px}
    .amount-title{font-size:22px;line-height:25px}
    .amount-title i{font-size:14px;line-height:10px}
    .add-btn-green{padding:7px 15px;font-size:16px}
}
@media screen and (max-width:760px)
{
    .addons-wrapper{padding:25px 0}
    .addons-title{font-size:20px;line-height:23px;margin-bottom:20px; padding-left: 24px;}
    .addons-list-card{min-width:250px}
    .addons-cardtop-box{padding:15px}
    .addons-tooltip-box{margin-bottom:10px}
    .tooltop-title{font-size:14px;line-height:17px}
    .tooltip-link{width:17px;height:17px}
    .addons-bottom-box{padding:15px}
    .starting-desc{font-size:12px;line-height:15px;margin-bottom:3px}
    .amount-title{font-size:20px;line-height:23px}
    .amount-title i{font-size:12px}
    .add-btn-green{font-size:14px;border-radius:4px}
    .addonCta a{ font-size: 14px; margin-left: 24px; }
    .addons-list-wrapper{ width: 100%;       margin-left:0px;}
    .addons-list-card:first-child { margin-left: 0px; }
    .addonslider .slick-dots { display: flex ; overflow: hidden; bottom: 0;  padding: 0 24px; }

    .addonslider .slick-list {  width: 100%;  padding-left: 24px;  }
    .sliderwrapper{padding: 0;}
}