/*
Theme Name: Astra Child
Theme URI: https://example.com/
Description: Child theme for Astra
Author: BLue Ocean Global Tech
Template: astra
Version: 1.0
*/

/* Your custom CSS below */

#top_heading h1 {
    font-family: Arial;
    font-weight: 700;
    font-size: 72px;
    line-height: 120%;
    letter-spacing: 0%;
    background: linear-gradient(180deg, #0C4A6E 0%, #0369A1 50%, #075985 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#top_heading h1 span {
    color: #000!important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
}
#left-about h2 {
    font-family: Arial;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
    background: linear-gradient(180deg, #0C4A6E 0%, #0369A1 50%, #075985 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#left-about h2 span {
    color: #000!important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
}
div#left-top h3 {
    background: linear-gradient(180deg, #0C4A6E 0%, #0369A1 50%, #075985 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Arial;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0%;
}
div#left-top .expe {
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}
div#top-round {
    width: 200px;
    margin: 0px;
    padding: 25px;
    border-radius: 20px;
    text-align: center;
    background: linear-gradient(180deg, #0369A1 0%, #0D9488 100%) !important;
    color: #fff;
    float: right;
    margin-bottom: -50px!important;
    z-index: 2222;
    position: relative;
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}
div#top-round h3 {
    margin: 0!important;
    color: #fff!important;
}
div#right-top img, div#right-top figure, div#right-top .vc_single_image-wrapper {
    border-radius: 14px;
    width: 100%;
}
.media-body {
    width: 100%!important;
}
#right-top .vc_info_list {
    background: #fff;
    padding: 35px!important;
    margin: 0px!important;
    width: 400px;
    margin-top: -100px!important;
    position: relative;
    border-radius: 16px;
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.case_study {
    float: left;
    margin-right: 20px;
}
ul.mega-info-list {
    margin: 0;
    padding: 0;
}
div#right-top img {
    border-radius: 14px;
}
.case_study .maw_advanced_btn.hvr-fade {
    background: linear-gradient(180deg, #0369A1 0%, #0D9488 100%)!important;
    border-radius: 14px!important;
}