/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jul 23, 2024, 11:54:11 AM
    Author     : hp
*/

.ce_cta{
    padding:20px 0;
    display:flex;
    align-items:center;
    position:relative
}
.ce_cta.has-particles{
    background-color:transparent!important
}
.ce_cta__content{
    flex-grow:1;
    padding-right:30px
}
.ce_cta__content__subtitle,.ce_cta__content__title{
    margin:0;
    padding:0
}
.ce_cta__content__subtitle:after,.ce_cta__content__title:after{
    display:none
}
.ce_cta__content__subtitle{
    padding:10px 0 0
}
.ce_cta__content__text{
    margin:15px 0 0
}
.ce_cta__action{
    max-width:30%
}
.ce_cta__action .button{
    border-radius:3px;
    white-space:nowrap
}
.ce_cta__action .button:hover{
    border-color:#fff
}
.ce_cta__action .button i{
    margin-top:1px
}
.ce_cta.ce_text_left .ce_cta__content{
    text-align:left
}
.ce_cta.ce_text_right .ce_cta__content{
    text-align:right
}
.ce_cta.ce_text_center .ce_cta__content{
    text-align:center
}
.ce_cta.ce_text_justify .ce_cta__content{
    text-align:justify
}
.ce_cta.btn_has_icon_on_the_right .button{
    padding-right:37px
}
.ce_cta.btn_has_icon_on_the_left .button{
    padding-left:37px
}
.ce_cta.btn_has_icon_on_the_left .button i{
    right:auto;
    left:15px
}
.ce_cta.add_button_bottom,.ce_cta.add_button_top{
    flex-wrap:wrap
}
.ce_cta.add_button_bottom .ce_cta__content,.ce_cta.add_button_top .ce_cta__content{
    padding-right:0
}
.ce_cta.add_button_bottom .ce_cta__action,.ce_cta.add_button_top .ce_cta__action{
    width:100%;
    max-width:100%;
    margin:0 0 20px;
    order:-1
}
.ce_cta.add_button_bottom .ce_cta__action{
    order:100;
    margin:20px 0 0
}
.ce_cta.add_button_left .ce_cta__content{
    padding:0 0 0 30px
}
.ce_cta.add_button_left .ce_cta__action{
    order:-1
}
.ce_cta.btn_align_center .ce_cta__action{
    text-align:center
}
@media (max-width:700px){
    .ce_cta{
        flex-wrap:wrap
    }
    .ce_cta .ce_cta__content{
        text-align:center;
        padding:0 30px
    }
    .ce_cta .ce_cta__content .ce_cta__content__title{
        text-align:center
    }
    .ce_cta.add_button_right{
        padding-right:0
    }
    .ce_cta.add_button_right .ce_cta__action{
        width:100%;
        max-width:100%;
        margin:22px 0 0;
        text-align:center
    }
    .ce_cta.add_button_left .ce_cta__content{
        padding-left:0
    }
    .ce_cta.add_button_left .ce_cta__action{
        width:100%;
        max-width:100%;
        margin:0 0 22px;
        text-align:center
    }
}