/* Insight_Banner Start */

.Insight_Banner {
    background: var(--Theme-Blue-50, #EBEEFD);
    padding-block: 48px;
}

.Insight_Banner h2 { 
    color: var(--Theme-Dark-Blue-800, #26244A);
    text-align: center;

    /* Display lg / Bold */
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
    margin-bottom: 4px;
}

.Insight_Banner p {
    color: var(--Text-Grey-700, #344054);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

/* Insight_Banner End */

/* Insight_Main Start */

section.Insight_Main {
    background: var(--White, #FFF);
    padding-block: 72px;
}

section.Insight_Main .Insight_Box {
    border-radius: 8px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
    padding: 16px;
    transition: 0.5s all ease-in-out;
}

.Insight_Box_Img_Box {
    overflow: hidden;
    margin-bottom: 16px;
    transition: 0.5s all ease-in-out;
    border-radius: 8px;
    position: relative;
}
.Insight_Box_Img_Box span.Locked {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 8px;
    color: var(--Theme-Purple-600, #5849D0);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-300, #758AF4);
    background: var(--Theme-Blue-50, #EBEEFD);
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
    display: flex;
    gap: 5px;
}
.Insight_Box_Img_Box span.Unlocked {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 8px;
    display: flex;
    border-radius: 4px;
    border: 1px solid var(--Success-Green-300, #6CE9A6);
    background: var(--Success-Green-50, #ECFDF3);
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
    color: var(--Success-Green-600, #039855);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: 5px;
}
 .Insight_Box_Text h3 a,
.Insight_Box_Text h3 {
    color: var(--Theme-Dark-Blue-800, #26244A);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 12px;
    transition: 0.5s all ease-in-out;
    /* height: 57px; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Insight_Box_Text h3 a:hover{
    text-decoration: underline;
 }

.Insight_Box_Text p {
    color: var(--Text-Grey-600, #475467);

/* Text md / Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 12px;
}

.calander_download_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.calander_download_box p {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

a.View_Issue_Btn {
    border-radius: 4px;
    border: 1px solid var(--Theme-Blue-500, #3A58EF);
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Theme-Blue-500, #3A58EF);

/* Text sm / Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    gap: 8px;
    transition: 0.5s all 
ease-in-out;
}

section.Insight_Main .Insight_Box:hover {
    transition: 0.5s all 
ease-in-out;
}

section.Insight_Main .Insight_Box:hover img.Insight_Box_Img {
    transform: scale(1.05);
    transition: 0.5s all ease-in-out;
}

section.Insight_Main .Insight_Box img.Insight_Box_Img {
    transition: 0.5s all 
ease-in-out;
    transform: scale(1);
}

/* section.Insight_Main .Insight_Box:hover .Insight_Box_Text h3, section.Insight_Main .Insight_Box:hover .Insight_Box_Text h3 a {
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    transition: 0.5s all 
ease-in-out;
} */
/* section.Insight_Main .Insight_Box:hover p.issued-on {
    color: var(--Theme-Blue-500, #26244A);
} */


section.Insight_Main .Insight_Box:hover a.View_Issue_Btn {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    color: var(--White, #FFF);

/* Text sm / Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

section.Insight_Main .Insight_Box:hover a.View_Issue_Btn svg path {
    fill: #fff;
}

.Pagination_Box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 48px;
}

.Pagination_Box a.Prev_Btn, .Pagination_Box a.Next_Btn {
    border-radius: 12px;
    background: var(--Theme-Blue-50, #EBEEFD);
    padding: 12px 12px;
    display: flex;
    align-items: center;
}

.Pagination_Box a.Next_Btn {}

.Pagination_Box a.Pagination_Box_Item {
    color: var(--Text-Grey-600, #475467);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    padding: 10px;
    border-radius: 12px;
    background: var(--Theme-Blue-50, #EBEEFD);
    min-width: 44px;
    min-height: 44px;
}

.Pagination_Box a.Pagination_Box_Item.active {
    border-radius: 12px;
    background: var(--Theme-Blue-500, #3A58EF);
    color: var(--White, #FFF);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.Pagination_Box a.Pagination_Box_Item:hover {
    border-radius: 12px;
    background: var(--Theme-Blue-100, #D8DEFC);
    color: var(--Text-Grey-600, #475467);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.Pagination_Box a.Three_Dots_Btn {
    color: var(--Text-Grey-600, #475467);
    text-align: center;

/* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    padding: 10px;
    min-width: 44px;
}


/* Magazine Action Buttons */
.Magazine_Action_Btns {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

.Magazine_Action_Btns a.View_Sample_Btn {
    border-radius: 4px;
    border: 1px solid var(--Text-Grey-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 10px 14px;
    color: var(--Theme-Blue-500, #3A58EF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    transition: 0.3s all ease-in-out;
    border-color: var(--Theme-Blue-500, #3A58EF);
}

.Magazine_Action_Btns a.View_Sample_Btn:hover {
    border-color: var(--Theme-Blue-500, #3A58EF);
    color: var(--White, #FFF);
    background: var(--White, #3A58EF);
}

.Magazine_Action_Btns a.View_Sample_Btn:hover svg path {
    stroke: #3A58EF;
}

.Magazine_Action_Btns a.Download_Now_Btn {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    padding: 10px 14px;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    transition: 0.3s all ease-in-out;
}
.Magazine_Action_Btns a.Download_Now_Btn_free {
    border-radius: 4px;
    background: var(--Theme-Blue-500, #3A58EF);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    padding: 10px 14px;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    transition: 0.3s all ease-in-out;
}

.Magazine_Action_Btns a.Download_Now_Btn:hover {
    background: var(--Theme-Blue-700, #283FB1);
}

.Magazine_Action_Btns a.Download_Now_Btn_free:hover {
    background: var(--Theme-Blue-700, #283FB1);
}

/* Insight_Main End */

/* Join_Subscribers Start */

section.Join_Subscribers {
    background: var(--Theme-Blue-50, #EBEEFD);
    padding-block: 72px;
}

.Join_Box {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 8px;
    padding: 70px 0;
}

.Join_Box {
  background-image: url(../images/insight-magagine/join-bg.webp);
  background-repeat: no-repeat;
  background-position: 80%;
  background-size: cover;
  border-radius: 8px;
  padding: 80px 0;
}

.Join_Left h3 {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.6px;
  margin-bottom: 15px;
}

.Join_Left p {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 30px;
}

.Subscribe_Email .input-group input {
  padding: 18px;
}

.Subscribe_Email .input-group {
  width: 80%;
}

.Subscribe_Email .input-group input {
  padding: 18px;
  border-radius: 6px !important;
  border: 1px solid #D8DEEC;
  background: #FFF;
  box-shadow: 0px 2px 20.5px 0px rgba(0, 0, 0, 0.10);
  font-size: 14px;
}

.Subscribe_Email .input-group a {
  position: absolute;
  right: 6px;
  border-radius: 4px !important;
  background: var(--Theme-Blue-Color, #0B7BFF);
  padding: 14px 24px;
  color: #FFF;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  top: 6px;
  z-index: 123;
}

/* Join_Subscribers End */

p.issued-on {
    color: var(--Text-Light-Blue, #0B7BFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.plan-upgrade-wanrning-modal .modal-dialog,
.plan-upgrade-admin-wanrning-modal .modal-dialog {
    max-width: 600px
}

.plan-upgrade-wanrning-modal .modal-content,
.plan-upgrade-admin-wanrning-modal .modal-content {
    border-radius: 8px;
    border: none;
    overflow: hidden;
    position: relative
}

.plan-upgrade-wanrning-modal .modal-body,
.plan-upgrade-admin-wanrning-modal .modal-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px
}

.plan-upgrade-wanrning-modal .intro-icon,
.plan-upgrade-admin-wanrning-modal .intro-icon {
    width: 64px;
    height: 64px
}

.plan-upgrade-wanrning-modal .intro-icon svg,
.plan-upgrade-admin-wanrning-modal .intro-icon svg {
    width: 100%;
    height: 100%
}

.plan-upgrade-wanrning-modal .intro-content,
.plan-upgrade-admin-wanrning-modal .intro-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    width: 100%;
    align-items: center
}

.plan-upgrade-wanrning-modal .intro-title,
.plan-upgrade-admin-wanrning-modal .intro-title {
    font-family: Inter,sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    color: #101828;
    margin: 0
}

.plan-upgrade-wanrning-modal .intro-description,
.plan-upgrade-admin-wanrning-modal .intro-description {
    font-family: Inter,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    margin: 0
}

.plan-upgrade-wanrning-modal .free-credit-badge,
.plan-upgrade-admin-wanrning-modal .free-credit-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    background-color: #ebeefd;
    border-radius: 6px;
    font-family: Inter,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2a3343
}

.plan-upgrade-wanrning-modal .btn-explore,
.plan-upgrade-admin-wanrning-modal .btn-explore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    padding: 12px 20px;
    background-color: #3a58ef;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.05);
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    transition: background-color .2s ease;
    width: 100%;
    border: 1px solid #3a58ef
}

.plan-upgrade-wanrning-modal .btn-explore:hover,
.plan-upgrade-admin-wanrning-modal .btn-explore:hover {
    background-color: #283fb1;
    color: #fff
}

.plan-upgrade-wanrning-modal .btn-explore:focus,
.plan-upgrade-admin-wanrning-modal .btn-explore:focus {
    box-shadow: 0 0 0 3px rgba(58,88,239,.25)
}

.plan-upgrade-wanrning-modal a.btn-explore-close,
.plan-upgrade-admin-wanrning-modal a.btn-explore-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    padding: 12px 20px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.05);
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #3a58ef;
    text-decoration: none;
    transition: background-color .2s ease;
    width: 100%;
    border: 1px solid #3a58ef
}

.plan-upgrade-wanrning-modal a.btn-explore-close:hover,
.plan-upgrade-admin-wanrning-modal a.btn-explore-close:hover {
    background-color: #ebeefd
}

.plan-upgrade-wanrning-modal .btn-close-custom:hover svg path,
.plan-upgrade-admin-wanrning-modal .btn-close-custom:hover svg path {
    stroke: #101828
}

.plan-upgrade-wanrning-modal .modal-content,
.plan-upgrade-admin-wanrning-modal .modal-content {
    border-radius: 8px;
    border: none;
    overflow: hidden;
    position: relative;
    background-image: url(../images/Popupbg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top
}

/* Subscribe Banner Section */
.subscribe-banner {
    background: url('https://assets.my-cpe.com/v2/images/insight_subscribe_bg.png') no-repeat center right;
    background-size: 100% 100%;
    border-radius: 16px;
    padding: 50px 64px;
    position: relative;
    overflow: hidden;
}

.subscribe-banner .banner-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 599px;
    position: relative;
    z-index: 2;
}

.subscribe-banner .banner-content .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.subscribe-banner .banner-content .text-wrapper .banner-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    color: #ffffff;
    margin: 0;
}

.subscribe-banner .banner-content .text-wrapper .banner-title .highlight-price {
    color: #FEC84B;
}

.subscribe-banner .banner-content .text-wrapper .banner-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #D0D5DD;
    margin: 0;
}

.subscribe-banner .banner-content .btn-subscribe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #3A58EF;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 18px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: background-color 0.3s ease;
    width: fit-content;
}

.subscribe-banner .banner-content .btn-subscribe:hover {
    background-color: #2D47D9;
}
.Subscribe_Newsletter{
    background: #3A58EF;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;
    padding: 12px 20px;
    border-radius: 4px;
    /* display: flex; */
    margin-top: 48px;
    align-items: center;
    justify-content: center;
    max-width: 132px;
    margin: 26px auto 0;
    border: none;
}


@media only screen and (max-width: 1366.51px) {
    .Join_Box {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 1199.51px) {
    .Join_Box {
        padding: 30px 0 30px 30px;
    }
    .calander_download_box p {
        font-size: 14px;
    }

    .Insight_Box_Text p {
        font-size: 14px;
        line-height: inherit;
    }

    .Insight_Box_Text h3 {
        font-size: 18px;
        line-height: 150%;
    }
}

@media only screen and (max-width: 991.51px) { 
    .Join_Box {
        padding: 0px 0;
        border-radius: 8px;
    }

    .Join_Left.text-md-start.text-center {
        padding: 10px;
    }

    .Join_Left h3 {
        font-size: 24px;
        line-height: inherit;
        margin-bottom: 8px;
    }

    .Join_Left p {
        font-size: 16px;
        line-height: inherit;
        margin-bottom: 12px;
    }

    .Subscribe_Email .input-group input{
        padding: 6px 12px;
        font-size: 14px;
        min-height: 50px;
    }

    .Subscribe_Email .input-group a  {
        padding: 8px 14px;
        font-size: 14px;
        display: inline-block;
    }



}

@media(max-width:767px){
    .Pagination_Box {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 12px;
        margin-top: 24px;
        overflow-x: scroll;
    }

    .Join_Box {
        background: linear-gradient(90deg, #013972 0%, #2166A4 100%);
    }

    .Join_Left.text-md-start.text-center {
        padding: 24px;
    }

    .Subscribe_Email .input-group {
        width: 100%;
    }

    .Magazine_Action_Btns {
        flex-direction: column;
        gap: 8px;
    }

    .Magazine_Action_Btns a.View_Sample_Btn,
    .Magazine_Action_Btns a.Download_Now_Btn {
        width: 100%;
    }
}