@font-face {
  font-family: "Gilroy";
  src: url('fonts/gilroy.ttf') format('truetype');
}

@font-face {
  font-family: "Gilroy Bold";
  src: url('fonts/gilroy_bold.ttf') format('truetype');
}

@font-face {
  font-family: "Montserrat";
  src: url('fonts/montserrat.ttf') format('truetype');
}

@font-face {
  font-family: "Montserrat Bold";
  src: url('fonts/montserrat_bold.ttf') format('truetype');
}

.bg_top
{
    background: url("images/bg_top.png");
    position: absolute;
    /*left: 0px;*/
    top: 0px;
    right: 0px;
    width: 1280px;
    height: 812px;
}

.blog_body_two
{
    width: 350px;
}

.blog_title
{
    width: 499px;
    color: #17191E;
    font-family: "Montserrat Bold";
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 107.9%;
    text-transform: capitalize; 
    position: absolute;
    left: 5%;
}

.blog_title span
{
    opacity: 0.33;
}

.blog_content
{
    width: 1200px;
    padding: 28px;
    display: flex;
    column-gap: 37px;
    grid-gap: 37px;
    flex-wrap: wrap;
    position: relative;
    left: 3%;
}


.blog_body
{
    width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 29px;
    background: rgba(23, 25, 30, 0.06);
    backdrop-filter: blur(20px); 
    padding: 25px;
}


.blog_body_gap
{
    display: flex;
    flex: 1 0 0; 
}

.blog_img_frame
{
    height: 208px;
    align-self: stretch;
}

.blog_text_frame
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 27px;
    align-self: stretch; 
}

.blog_text_frame_date
{
    display: flex;
    align-items: center;
    gap: 13px; 
}

.blog_text_frame_date_rect
{
    width: 9px;
    height: 9px; 
    border-radius: 2px;
    background: var(--gr, linear-gradient(7deg, #005FCE 0%, #53A9F3 100%));
}

.blog_text_frame_date_txt
{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: #53A9F3;
}
 
.blog_text_frame_auth
{
    display: flex;
    padding: 10px 13px;
    align-items: flex-start;
    gap: 10px; 
    border-radius: 9px;
    background: rgba(23, 25, 30, 0.08);
    color: #17191E;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 109%; 
}

.blog_text_frame_title
{
    display: flex;
    flex-direction: column;
    align-self: stretch;
    color: #17191E;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 138%;
}

.login
{
    background: rgba(23, 25, 30, 0.09);
}

.signup
{
    background: linear-gradient(70.43deg, #005FCE 16.42%, #53A9F3 123.36%);
    color: #FFFFFF;
}

.footer_427319740
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 39px;

    position: absolute;
    width: 1148px;
    height: 272px;
    left: 66px;
    top: 2234px;
}

.footer_427319735
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 338px;

    width: 1148px;
    height: 54px;
}

.footer_427319735_text
{
    width: 126px;
    height: 32px;

    font-family: 'Gilroy Bold';
    font-style: normal;
    font-weight: 900;
    font-size: 29px;
    line-height: 110%;

    /* identical to box height, or 32px */

    color: #17191E;
}

.footer_427319737
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 18px;

    width: 236px;
    height: 54px;
}

.footer_427319731
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 17px 30px;
    gap: 10px;

    width: 104px;
    height: 54px;

    background: rgba(23, 25, 30, 0.09);
    border-radius: 11px;
}

.footer_427319731_text
{
    width: 44px;
    height: 20px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140.91%;

    /* identical to box height, or 20px */

    color: #17191E;
}

.footer_427319732
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 17px 30px;
    gap: 10px;

    width: 114px;
    height: 54px;

    /* gr */
    background: linear-gradient(70.43deg, #005FCE 16.42%, #53A9F3 123.36%);
    border-radius: 11px; 
}

.footer_427319732_text
{
    width: 54px;
    height: 20px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140.91%;

    /* identical to box height, or 20px */

    color: #FFFFFF;
}

.footer_427319740_text
{
    width: 1200px;
    height: 120px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140.91%;

    /* or 20px */

    color: rgba(23, 25, 30, 0.54);
}

.footer_427319740_1
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0;
    gap: 142px;

    width: 1148px;
    height: 20px;
    
}

.footer_427319740_1_text
{
    
    width: 200px;
    height: 20px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140.91%;

    /* identical to box height, or 20px */

    color: rgba(23, 25, 30, 0.54);
}

.footer_427319738
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 39px;

    width: 382px;
    height: 20px;
}

.footer_427319738_text_1, .footer_427319738_text_2, .footer_427319738_text_3, .footer_427319738_text_4
{
    height: 20px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140.91%;

    /* identical to box height, or 20px */

    color: #17191E; 
}

.logo_text_1, .logo_text_2
{
    font-family: "Gilroy Bold";
    font-style: normal;
    font-weight: 900;
    font-size: 29px;
    line-height: 110%;
}

.logo_text_1
{
    color: #17191E;
}

.logo_text_2
{
    color: #2883E0;
}

.panel-default > .panel-heading {
  background-color: #FFF !important;
  background-image: unset !important;
}

body {
  font-family: "Gilroy" !important;
  font-size: 2em;  
}

.panel-title  
{
    font-family: "Gilroy" !important;
    font-weight: bold !important;
    font-size: 1.0em;
}

.panel-footer  
{
    font-family: "Gilroy" !important;
    font-size: 0.7em;
    background-color: #FFF !important;
}

.profile_pic
{
    width: 30px;
}


/* 900 Starting Phone View */
@media (max-width:900px)
{
    
     
    
    .footer_427319740
    {
        top: 1900px;
    }
    
    .footer_427319740_text, .footer_427319735
    {
        width: 812px;
    }
    
    .footer_427319740_1
    {
        padding: 120px 0 0 0;
        width: 812px;
    }
    
}
/* 900 End Of Phone View */