/* Introduction Css */
section.introduction{
    padding: 6em 1em 1em 1em;
    position: relative;
}

section.introduction .container{
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.introduction .col-element{
    width: 100%;
    min-height: 1px;
    position: relative;
}

section.introduction .col-widget{
    padding: 10px;
    position: relative;
}

section.introduction .intro-heading{
    text-align: center;
    position: relative;
}

section.introduction h5{
    color: #d5d5d5;
    font-size: 1.3rem;
    line-height: 1rem;
    letter-spacing: 0.2em;
}

section.introduction h3{
    color: #EFEFEF;
    margin: 5px;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1em;
}

section.introduction h3 span {
    color: transparent;
    padding: 5px;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1em; 
    background-color: transparent;
    background-image: linear-gradient(160deg, #43A0FF 0%, #E04DF2 100%);
    -webkit-background-clip: text;  
    background-clip: text;  
}

/* Ceo Message */
section.message{
    padding: 1em 1em 6em 1em;
    position: relative;   
}

section.message .container{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.message .col-50{
    width: 50%;
}

section.message .widget-wrap{
    padding: 10px;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

section.message .inner-column{
    width: 100%;
}

section.message .inner-widget-wrap{
    padding: 10px;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

section.message .widget-container{
    margin: 0% 20% 0% 15%;
}

section.message .widget-container img{
    border-radius: 20px 20px 20px 20px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}

section.message .widget-container-second{
    margin: -62% 65% 0% 0%;
}

section.message .widget-container-second img{
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    display: inline-block;
    vertical-align: middle;
}

section.message .widget-container-third{
    background-color: #192554;
    margin: -25% 5% 20% 45%;
    padding: 1em 1em 1em 1em;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #FFFFFF1A;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

section.message .image-box-wrapper{
    align-items: center;
    flex-direction: row;
    text-align: start;
    display: flex;
}

section.message figure{
    width: 60%;
    margin: 0;
    margin-right: 15px;
}

section.message figure img{
    border-radius: 100px;
    transition-duration: 0.3s;
}

section.message .image-box-content{
    width: 100%;
}

section.message h6.image-box-title{
    margin-bottom: 0px;
    color: #EFEFEF;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4em;
}

section.message p.image-box-description{
    font-size: 0.9rem;
    line-height: 1.2em;
    color: #D5D5D5;
    font-weight: 300;
    margin: 0;
}

section.message .inner-section-text{
    background-color:#192554;
    padding: 1em 1em 1em 1em;
}

section.message .inner-widget-wrap-text{
    padding: 0px 0px 0px 0px;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

section.message .inner-widget-container{
    margin: -50px 0px 0px 0px;
}

section.message .icon-wrapper{
    text-align: left;
}

section.message .icon-wrapper .icon{
    color: #4759F9;
    border-color: #4759F9;
    display: inline-block;
    font-size: 50px;
    line-height: 1;
    text-align: center;
    transition: all .3s;
}

section.message svg{
    fill: #4759F9;
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
}

section.message .inner-widget-heading{
    width: 100%;
}

section.message .inner-widget-heading p{
    font-size: 2rem;
    font-weight: 300;
    text-decoration: underline;
    line-height: 1.4em;
    color: #EFEFEF;
}

section.message .widget-heading{
    width: 100%;  
}

section.message .widget-container-heading{
    margin: 30px 0px 0px 0px;
}

section.message .widget-container-heading h4{
    color: #EFEFEF;
    font-size: 2.5rem;
    line-height: 1.2em;
    font-weight: 500;
}

section.message .widget-container-heading h6{
    color: #D5D5D5;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.4em;
}

section.message .widget-text-editor{
    text-align: left;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4em;
    color: #AFAFAF;
    width: 100%;
}

/* Category List */
section.category-list{
    padding: 3em 1em 1em 1em;
}

section.category-list .container{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.category-list .col-100{
    width: 100%;
}

section.category-list .widget-wrap{
    padding: 10px;
    position: relative;
    width: 100%;
}

section.category-list .widget-heading{
    text-align: center;
}

section.category-list h5.widget-heading-title{
    color: #D5D5D5;
    font-size: 1.8rem;
    line-height: 1em;
    letter-spacing: 0.2em;
}

section.category-list h3.con-title{
    color: #EFEFEF;
    margin: 5px 5px 5px 5px;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1em;
}

section.category-list h3 span{
    color: transparent;
    background-color: transparent;
    background-image: linear-gradient(160deg, #43A0FF 0%, #E04DF2 100%);
    -webkit-background-clip: text;  
    background-clip: text;
}

section.category-list .widget-container-desc{
    margin: 0% 30% 0% 30%;
}

section.category-list h6.widget-heading-title{
    color: #D5D5D5;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4em;
}

section.category-list .widget-container p{
    font-size: 0.9rem;
    line-height: 1.2em;
    color: #D5D5D5;
    margin-top: 5%;
}

section.category-list section.inner-section{
    margin-top: -15px;
    margin-bottom: 0px;
}

section.category-list .container-column{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    justify-content: center;
}

section.category-list .col-widget-wrap{
    align-content: center;
    align-items: center;
    padding: 10px;
}

section.category-list .col-widget-contianer img{
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

section.category-list .col-25{
    width: 10%;
}

/* Podcast Card */
section.podcast-card{
    padding: 1em 1em 6em 1em;
}

section.podcast-card .container{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.podcast-card .col-25{
    width: 25%;
    display: flex;
    min-height: 1px;
    position: relative;
}

section.podcast-card .widget-wrap{
    align-content: flex-end;
    align-items: flex-end;
    background-color: #4759F9;
    margin: 15px 15px 15px 15px;
    padding: 0em 0em 0em 0em;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

section.podcast-card .background-overlay{
    background-image: url(assets/images/general/line-1-2-1.png);
    background-position: top center;
    background-size: cover;
    opacity: 0.3;
    inset: 0;
    position: absolute;
}

section.podcast-card section.inner-section{
    padding: 1em 1em 1em 1em;
    width: 100%;
}

section.podcast-card .inner-container{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.podcast-card .inner-col-100{
    width: 100%;
}

section.podcast-card .inner-widget-wrap{
    padding: 10px;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    justify-content: center;
}

section.podcast-card .image-box-wrapper{
    text-align: center;
}

section.podcast-card .image-box{
    width: 30%;
    margin: auto;
}

section.podcast-card .image-box-title{
    margin-bottom: 5px;
    font-size: 1.8rem;
    line-height: 1.2em;
    color: #EFEFEF;
}

section.podcast-card .image-box-description{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4em;
    color: #D5D5D5;
}

section.podcast-card .video-content{
    text-align: center;
    justify-content: center;
    display: flex;
    padding: 0px 0px 0px 0px;
}

section.podcast-card .video-content a{
    background-color: #EFEFEF;
    padding: 20px 0px 0px 0px;
    width: 60px;
    height: 60px;
    line-height: 0px;
    --glow-size: 15px;
    color: #FF7433;
    border-radius: 50%;
}

section.podcast-card .video-content a svg{
    max-width: 20px;
    height: auto;
    vertical-align: middle;
}

section.podcast-card .widget-image img{
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}

section.podcast-card .widget-wrap.second{
    background-color: #7750E7;
}

section.podcast-card .widget-wrap.third{
    background-color: #FF7433;
}

section.podcast-card .widget-wrap.fourth{
    background-color: #FE216A;
}

/* Digital Experience */
section.digital-experience{
    padding: 6em 1em 0em 1em;
}

section.digital-experience .container{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.digital-experience .col-50{
    width: 50%;
}

section.digital-experience .widget-wrap{
    align-content: center;
    align-items: center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
    padding: 10px;
}

section.digital-experience .widget-heading{
    text-align: left;
}

section.digital-experience h5{
    color: #D5D5D5;
    font-size: 1.6rem;
    line-height: 1em;
    letter-spacing: 0.2em;
}

section.digital-experience h3{
    color: #EFEFEF;
    margin: 5px 5px 20px 5px;
    font-size: 3.328rem;
    font-weight: bold;
    line-height: 1em;
}

section.digital-experience h3 span{
    color: transparent;
    background-color: transparent;
    background-image: linear-gradient(160deg, #43A0FF 0%, #E04DF2 100%);
    padding: 5px 5px 5px 5px;
    -webkit-background-clip: text; 
    background-clip: text;
}

section.digital-experience h6{
    color: #D5D5D5;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4em;
}

section.digital-experience p.widget-left-description{
    color: #AFAFAF;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4em;
}

section.digital-experience section.inner-section{
    width: 100%;
}

section.digital-experience .inner-section-col-50{
    width: 40%;
}

section.digital-experience .inner-widget-wrap{
    align-content: center;
    align-items: center;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

section.digital-experience .inner-widget-wrap a{
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #EFEFEF;
    background-image: linear-gradient(120deg, #2691FF 0%, #014792 100%);
    border-radius: 5px 5px 5px 5px;
    padding: 15px 18px;
}

section.digital-experience a .button-content{
    flex-direction: row;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
}

section.digital-experience .button-content svg{
    height: 1em;
}

section.digital-experience .inner-second-section-col-50{
    width: 60%;
}

section.digital-experience .image-box-wrapper{
    align-items: center;
    flex-direction: row;
    text-align: start;
    display: flex;
}

section.digital-experience .image-box-image{
    width: 70%;
    margin-right: 5px;
}

section.digital-experience .image-box-content{
    width: 100%;
}

section.digital-experience .image-box-title{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1em;
    color: #EFEFEF;
    margin: 0;
}

section.digital-experience .image-box-description{
    font-size: 0.9rem;
    line-height: 1.2em;
    color: #AFAFAF;
    font-weight: 300;
}

section.digital-experience .block-widget-image .widget-container{
    margin: 0% 25% 0% 10%;
}

section.digital-experience .block-widget-image img{
    border-radius: 20px 20px 20px 20px;
    display: inline-block;
    vertical-align: middle;
}

section.digital-experience .left-widget-image .widget-container{
    margin: -26% 65% 0% 5%;
}

section.digital-experience .left-widget-image img{
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

section.digital-experience section.inner-right{
    width: 100%;
}

section.digital-experience .container-column{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.digital-experience .right-col-50{
    width: 50%;
}

section.digital-experience .widget-wrap-blank{
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

section.digital-experience .widget-wrap-image{
    background-color:#192554;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: -145% 0% 55% 25%;
    --e-column-margin-right: 0%;
    --e-column-margin-left: 25%;
    padding: 0px 0px 1px 0px;
    border-radius: 10px;
}

section.digital-experience .widget-right-image img{
    border-radius: 10px 10px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}

section.digital-experience .widget-right-heading{
    text-align: center;
    margin-block-end: 20px;
}

section.digital-experience .widget-right-heading h4{
    color: #EFEFEF;
    font-size: 2rem;
    line-height: 1.2em;
}

section.digital-experience .widget-right-text-editor{
    text-align: center;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4em;
    color: #D5D5D5;
}

section.digital-experience .widget-right-text-editor .widget-container{
    margin: -10px 0px 0px 0px;
    padding: 0em 1em 0em 1em;
}

section.digital-experience .widget-right-text-editor .widget-container p{
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4em;
    color: #D5D5D5;
}

/* Feature Company */
section.feature-company{
    padding: 0em 1em 6em 1em;
}

section.feature-company .container{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.feature-company .col-100{
    width: 100%;
}

section.feature-company .widget-wrap{
    padding: 10px;
}

section.feature-company .widget-divider{
    --divider-border-style: solid;
    --divider-color: #2A3665;
    --divider-border-width: 1px;
}

section.feature-company .widget-divider-container .divider{
    padding-block-start: 20px;
    padding-block-end: 20px;
}

section.feature-company .divider-seperator{
    width: 100%;
    align-items: center;
    direction: ltr;
    display: flex;
    margin: 0;
}

section.feature-company .divider-seperator::before{
    border-block-end: 0;
    border-block-start: 1px solid #2A3665;
    content: "";
    display: block;
    flex-grow: 1;
}

section.feature-company .divider-element{
    color: #EFEFEF;
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0.2em;
    flex-shrink: 0;
    margin: 10px;
}

section.feature-company .divider-seperator::after{
    border-block-end: 0;
    border-block-start: 1px solid #2A3665;
    content: "";
    display: block;
    flex-grow: 1;
}

section.feature-company section.inner-images{
    width: 100%;
}

section.feature-company .col-20{
    width: 20%;
}

section.feature-company .col-20 .element-populated{
    padding: 10px;
}

section.feature-company .inner-widget-images{
    width: 100%;
    text-align: center;
}

section.feature-company .inner-widget-images .widget-container{
    margin: 1% 10% 1% 10%;
}

section.feature-company .widget-container img{
    opacity: 0.4;
    transition-duration: 0.5s;
    cursor: pointer;
}

section.feature-company .widget-container img:hover{
    opacity: 1;
}

section.feature-company .slick-container{
    padding: 10px;
}

section.feature-company ul.slick-dots{
    margin: 20px 0;
}

section.feature-company ul li{
    margin-right: 8px;
    margin-left: 8px;
}

section.feature-company ul.slick-dots li button{
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #192554;
}

section.feature-company ul li.slick-active button{
    background-color: #4759F9;
}

/* Get in Touch */
section.get-touch{
    padding: 5em 1em 6em 1em;
}

section.get-touch .container{
    max-width: 1360px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

section.get-touch .col-100{
    width: 100%;
}

section.get-touch .main-widget-wrap{
    padding: 10px;
}

section.get-touch section.inner-box{
    background-color: transparent;
    background-image: linear-gradient(120deg, #4759F9 0%, #7750E7 100%);
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #2A3665;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

section.get-touch .section-background-overlay{
    border-radius: 20px 20px 20px 20px;
    background-image: url("/assets/images/general/cta-background-1-1.png");
    background-position: center center;
    background-size: cover;
    opacity: 0.5;
    mix-blend-mode: luminosity;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

section.get-touch .col-50{
    width: 50%;
    align-content: center;
}

section.get-touch .widget-wrap{
    align-content: center;
    align-items: center;
    padding: 3em 3em 3em 3em;
}

section.get-touch .widget-heading{
    margin-block-end: 20px;
}

section.get-touch h3{
    color: #EFEFEF;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1em;
}

section.get-touch h6{
    color: #D5D5D5;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4em;
}

section.get-touch .widget-mail-chimp{
    width: 100%;
}

section.get-touch .mail-message{
    display: none;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
}

section.get-touch .form-wrapper{
    display: flex;
    flex-wrap: wrap;
}

section.get-touch .input-container{
    margin-right: 30px;
    flex: 1;
}

section.get-touch .form-container{
    display: flex;
    width: 100%;
}

section.get-touch .input-group-text{
    align-items: center;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    height: 100%;
    padding: 15px;
    border-radius: 5px 0 0 5px;
}

section.get-touch .input-group-text i{
    color: #000000;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    height: 10px;
}

section.get-touch input.form-control{
    border-radius: 0px 5px 5px 0px;
    padding: 0px 20px 0px 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4em;
    color: #171717;
    background-color: #DDDDDD;
    height: 42px;
}

section.get-touch button.submit-mail{
    padding: 8px 20px 8px 20px;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 1;
    font-size: 16px;
    border-style: solid;
    border-width: 0;
    background-color: #374a5e;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 26px;
    background-image: linear-gradient(120deg, #2691FF 0%, #014792 100%);
    font-weight: 900;
    text-transform: uppercase;
}

section.get-touch button.submit-mail:hover{
    background-color: transparent;
    color: #0F2060;
    background-image: linear-gradient(120deg, #C639D7 0%, #830094 100%);
    color: #fff;
}

section.get-touch button.submit-mail i{
    margin-right: 10px;
    font-weight: 400;
    line-height: 1;
}

section.get-touch .widget-wrap-populated{
    padding: 0px 0px 0px 0px;
}

section.get-touch .widget-image{
    width: 100%;
    text-align: center;
}

section.get-touch .element-widget-container{
    margin: -20% 12% -2% 12%;
}

section.get-touch .element-widget-container img{
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

/* Tablet Responsive */
@media(max-width:1024px){
    section.introduction h3,
    section.introduction h3 span{
        font-size: 2.8rem;
    }
    
    section.message .widget-container{
        margin: 0% 10% 0% 5%;
    }
    
    section.message .widget-container-third{
        margin: -25% 5% 20% 35%;
    }
    
    section.category-list .widget-container-desc{
        margin: 0% 15% 0% 15%;
    }
    
    section.digital-experience .inner-section-col-50{
        width: 45%;
    }
    
    section.digital-experience .inner-second-section-col-50{
        width: 55%;
    }
    
    section.digital-experience .widget-wrap-image{
        margin: -145% 0% 55% 15%;
    }
}

/* Mobile Landscape & Small Tablet */
@media(max-width:768px){
    section.introduction{
        padding: 4em 1em 1em 1em;
    }
    
    section.introduction h5{
        font-size: 1.1rem;
    }
    
    section.introduction h3,
    section.introduction h3 span{
        font-size: 2.4rem;
    }
    
    section.message .container{
        flex-direction: column;
    }
    
    section.message .col-50{
        width: 100%;
    }
    
    section.message .widget-container{
        margin: 0% 15% 0% 10%;
    }
    
    section.message .widget-container-second{
        margin: -50% 60% 0% 0%;
    }
    
    section.message .widget-container-third{
        margin: -20% 5% 20% 25%;
    }
    
    section.message .widget-container-heading h4{
        font-size: 2rem;
    }
    
    section.message .widget-container-heading h6{
        font-size: 1.4rem;
    }
    
    section.category-list h3.con-title{
        font-size: 3rem;
    }
    
    section.category-list .widget-container-desc{
        margin: 0% 10% 0% 10%;
    }
    
    section.category-list .container-column{
        flex-wrap: wrap;
    }
    
    section.category-list .col-25{
        width: 20%;
    }
    
    section.podcast-card .container{
        flex-wrap: wrap;
    }
    
    section.podcast-card .col-25{
        width: 50%;
    }
    
    section.digital-experience{
        padding: 4em 1em 0em 1em;
    }
    
    section.digital-experience .container{
        flex-direction: column;
    }
    
    section.digital-experience .col-50{
        width: 100%;
    }
    
    section.digital-experience h3{
        font-size: 2.8rem;
    }
    
    section.digital-experience .inner-section-col-50,
    section.digital-experience .inner-second-section-col-50{
        width: 100%;
    }
    
    section.digital-experience .block-widget-image .widget-container{
        margin: 0% 15% 0% 5%;
    }
    
    section.digital-experience .left-widget-image .widget-container{
        margin: -35% 55% 0% 5%;
    }
    
    section.digital-experience section.inner-right{
        display: none;
    }
    
    section.feature-company .container{
        flex-wrap: wrap;
    }
    
    section.feature-company .col-20{
        width: 33.33%;
    }
    
    section.get-touch section.inner-box .container{
        flex-direction: column;
    }
    
    section.get-touch .col-50{
        width: 100%;
    }
    
    section.get-touch .widget-wrap{
        padding: 2em;
    }
    
    section.get-touch h3{
        font-size: 2.5rem;
    }
}

/* Mobile Portrait */
@media(max-width:425px){
    .w-100.overflow-hidden{
        height: 500px !important;
    }
    
    .top-50.start-50{
        width: 100%;
        padding: 0 20px;
    }
    
    h1.responsive-title{
        font-size: 1.8rem !important;
    }
    
    section.introduction{
        padding: 3em 0.5em 1em 0.5em;
    }
    
    section.introduction h5{
        font-size: 1rem;
        letter-spacing: 0.1em;
    }
    
    section.introduction h3{
        font-size: 2.2rem !important;   
    }
    
    section.introduction h3 span{
        font-size: 2.2rem !important;   
    }
    
    section.message{
        padding: 1em 0.5em 3em 0.5em;
    }
    
    section.message .container{
        display: block !important;
    }
    
    section.message .col-50{
        width: 100% !important;
    }
    
    section.message .widget-container{
        margin: 0 !important;
    }
    
    section.message .widget-container-second{
        margin: -62% 65% 0% -12% !important;
    }
    
    section.message .widget-container-third{
        margin: -13% 5% 20% 17% !important;
        padding: 0.8em;
    }
    
    section.message .inner-widget-heading p{
        font-size: 1.5rem !important;
    }
    
    section.message .widget-container-heading{
        margin: 20px 0 0 0;
    }
    
    section.message .widget-container-heading h4{
        font-size: 1.8rem;
    }
    
    section.message .widget-container-heading h6{
        font-size: 1.3rem;
    }
    
    section.message .widget-text-editor{
        font-size: 0.9rem;
    }
    
    section.category-list{
        padding: 0 0.5em 1em 0.5em !important;
    }
    
    section.category-list h5.widget-heading-title{
        font-size: 1.4rem;
        letter-spacing: 0.1em;
    }
    
    section.category-list h3{
        font-size: 2.8rem !important;
    }
    
    section.category-list .widget-container-desc{
        margin: 0 !important;
    }
    
    section.category-list h6{
        font-size: 1.3rem !important;
    }
    
    section.category-list .widget-container p{
        font-size: 0.85rem;
    }
    
    section.category-list .container-column{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    section.category-list .container-column .col-25{
        width: 100% !important;
    }
    
    section.podcast-card{
        padding: 1em 0.5em 3em 0.5em;
    }
    
    section.podcast-card .container{
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    section.podcast-card .container .col-25{
        width: 100% !important;
    }
    
    section.podcast-card .widget-wrap{
        margin: 10px 0;
    }
    
    section.podcast-card .image-box-title{
        font-size: 1.5rem;
    }
    
    section.podcast-card .image-box-description{
        font-size: 0.9rem;
    }
    
    section.digital-experience{
        padding: 0 0.5em !important;
    }
    
    section.digital-experience .container{
        display: grid !important;
    }
    
    section.digital-experience .container .col-50{
        width: 100% !important;
    }
    
    section.digital-experience .widget-wrap{
        margin: 10px 0;
    }
    
    section.digital-experience h5{
        font-size: 1.3rem;
        letter-spacing: 0.1em;
    }
    
    section.digital-experience h3{
        font-size: 2.328rem !important;
    }
    
    section.digital-experience h6{
        font-size: 1.1rem;
    }
    
    section.digital-experience p.widget-left-description{
        font-size: 0.9rem;
    }
    
    section.digital-experience .inner-section-col-50{
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    section.digital-experience .inner-second-section-col-50{
        width: 100% !important;
    }
    
    section.digital-experience .inner-widget-wrap a{
        font-size: 0.9rem;
        padding: 12px 15px;
    }
    
    section.digital-experience .image-box-title{
        font-size: 1.8rem;
    }
    
    section.digital-experience .image-box-description{
        font-size: 0.85rem;
    }
    
    section.digital-experience .block-widget-image .widget-container{
        margin: 0 !important;
    }
    
    section.digital-experience .left-widget-image .widget-container{
        margin: -30% 40% 0% 5% !important;
    }
    
    section.digital-experience section.inner-right{
        display: none !important;
    }
    
    section.feature-company{
        padding: 0 0.5em 3em 0.5em;
    }
    
    section.feature-company .divider-element{
        font-size: 1.1rem;
        letter-spacing: 0.1em;
    }
    
    section.feature-company section.inner-images .container{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    section.feature-company section.inner-images .container .col-20{
        width: 100% !important;
    }
    
    section.feature-company .inner-widget-images .widget-container{
        margin: 5% 5%;
    }
    
    section.feature-company ul.slick-dots{
        margin: 30px 0;
    }
    
    section.feature-company ul.slick-dots li{
        margin: 0 10px !important;
    }
    
    section.get-touch{
        padding: 0 0.5em 3em 0.5em !important;
    }
    
    section.get-touch section.inner-box{
        border-width: 3px;
        border-radius: 15px;
    }
    
    section.get-touch section.inner-box .container{
        display: grid !important;
    }
    
    section.get-touch section.inner-box .container .col-50{
        width: 100% !important;
    }
    
    section.get-touch .widget-wrap{
        padding: 2em 1.5em;
    }
    
    section.get-touch h3{
        font-size: 2.2rem;
    }
    
    section.get-touch h6{
        font-size: 1rem;
    }
    
    section.get-touch .form-wrapper{
        flex-direction: column;
    }
    
    section.get-touch .input-container{
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    section.get-touch input.form-control{
        font-size: 13px;
    }
    
    section.get-touch button.submit-mail{
        font-size: 14px;
        padding: 10px 15px;
    }
    
    section.get-touch section.inner-box .container .col-50 .element-widget-container{
        margin: 0 !important;
        padding: 1em 0;
    }
}

/* Extra Small Mobile */
@media(max-width:375px){
    section.introduction h3,
    section.introduction h3 span{
        font-size: 1.9rem !important;
    }
    
    section.message .widget-container-third{
        margin: -13% 5% 20% 10% !important;
    }
    
    section.category-list h3{
        font-size: 2.4rem !important;
    }
    
    section.digital-experience h3{
        font-size: 2rem !important;
    }
    
    section.get-touch h3{
        font-size: 1.9rem;
    }
}