/********** Template CSS **********/
        :root {
            --primary: #1363C6;
            --light-pro: #F4F7FE;
        }
        /*** Heading ***/
        .message-section h1,
        .message-section .fw-bold, .accordion h2,
        .accordion .fw-bold  {
            font-weight: 700 !important;
            font-family: 'Cairo', sans-serif;
        
        }
        
        .message-section h5,
        .message-section .fw-medium, .accordion h5,
        .accordion .fw-medium {
            font-weight: 500 !important;
            font-family: 'Cairo', sans-serif;
        
        }
        
        
        /*** Button ***/
        .message-section .btn,
        .accordion .btn {
            font-weight: 500;
            transition: .5s;
        }
        .message-section .btns,
        .faq-head .btns{
        background: transparent;
        }
        .message-section .btn-square,
        .accordion .btn-square {
            width: 38px;
            height: 38px;
        }
        
        .message-section .btn-sm-square ,
        .accordion .btn-sm-square{
            width: 32px;
            height: 32px;
        }
        
        .message-section .btn-lg-square,
        .accordion .btn-lg-square {
            width: 48px;
            height: 48px;
        }
        
        .message-section .btn-square,
        .message-section .btn-sm-square,
        .message-section .btn-lg-square,
        .accordion .btn-square,
        .accordion .btn-sm-square,
        .accordion .btn-lg-square {
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: normal;
            border-radius: 50px;
        }
        
        .message-section p,
        .accordion p{
            font-weight: 500;
        }
        /*** Service ***/
        .message-section .service-item {
            position: relative;
            padding: 45px 30px;
            background: #FFFFFF;
            transition: .5s;
        }
        
        .message-section .service-item:hover {
            background: var(--primary);
        }
        
        .message-section .service-item .service-icon {
            margin: 0 auto 20px auto;
            width: 90px;
            height: 90px;
            color: var(--primary);
            background: var(--light-pro);
            transition: .5s;
            overflow: hidden;
        }
        
        .message-section .service-item:hover .service-icon {
            background: #FFFFFF;
        }
        
        .message-section .service-item h5,
        .message-section .service-item p {
            transition: .5s;
        }
        
        .message-section .service-item:hover h5,
        .message-section .service-item:hover p {
            color: #FFFFFF;
        }
        
        .message-section .service-item a.btn {
            position: relative;
            display: flex;
            color: var(--primary);
            transition: .5s;
            z-index: 1;
        }
        
        .message-section .service-item:hover a.btn {
            color: var(--primary);
        }
        
        .message-section .service-item a.btn::before {
            position: absolute;
            content: "";
            width: 35px;
            height: 35px;
            top: 0;
            left: 0;
            border-radius: 35px;
            background: var(--light-pro);
            transition: .5s;
            z-index: -1;
        }
        
        .message-section .service-item:hover a.btn::before {
            width: 100%;
            background: var(--light-pro);
        }
        /*** FAQs ***/
.accordion .accordion-item {
    border: none;
    margin-bottom: 15px;

    
}
.accordion .accordion-button {
    background: var(--light-pro);
    border-radius: 2px;
    direction: ltr;
}

.accordion .accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background: var(--primary);
    box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-body {
    padding: 15px 10px 5px 5px;
}