@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* font-family: "DM Sans", sans-serif; */
:root{
    --primary: #49AFFB;
    --primaryrgb: 73, 175, 251;
    --primary-dark: #132F44;
    --primary-dark-100: #243E51;
    --white: #ffffff;
    --black: #000000;
    --dark: #1B2023;
    --dark-100: #1D1626;
    --gray: #D2D0D0;
    --gray-100: #D0CECE;
    --gray-200: #676767;
    --gray-300: #737373;
    --gray-400: #707070;
    --gray-500: #E6E6E6;
    --gray-600: #777777;
    --gray-700: #5A5A5A;
    --gray-800: #EBEBEB;
    --gray-900: #8E8E8E;
    --gray-1000: #EEEEEE;
    --light-gray: #ECECEC;
    --light-gray-100: #B8B8B8;
    --light-gray-200: #B3B3B3;
    --light-gray-300: #D9D9D9;
    --light-gray-400: #E4E4E4;
    --light: #F8F8F8;
    --light-100: #EFEFEF;
    --light-200: #FBFBFB;
    --light-300: #F4F4F4;
    --light-400: #F5F5F5;
    --color-1: #E3D0F6;
    --color-1-100: #9466C2;
    --color-2: #D1F6D0;
    --color-3: #F6EBD0;
    --color-3-100: #591E1A;
    --color-4: #EAF6D0;
    --color-5: #F6D0D0;
    --color-5-100: #E4402F;
    --color-6: #C0CEF1;
    --color-7: #EAF6D0;
    --color-8: #EDEDF0;
    --color-9: #D0F4F6;
    --color-10: #DAD0F6;
    --color-10-100: #08393B;
    --color-11: #F6E5D0;
    --color-11-100: #814400;
    --orange: #E45738;
}
html{
    font-size: 16px;
}
body{
    font-size: 1rem;
    /*padding-top: 5.25rem;*/
    font-family: "DM Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6{
    margin-bottom: 0;
    margin-top: 0;
}
h1{
    font-size: 4rem;
    font-weight: 600;
    line-height: 6rem;
}
h2{
    font-size: 3.375rem;
    font-weight: 600;
    color: var(--primary-dark);
}
h2 small{
    font-size: 1.75rem;
}
h3{
    font-size: 1.5rem;
    font-weight: 700;
}
h4{
    font-size: 1.25rem;
}
h5{
    font-size: 1.125rem;
}
h6{
    font-size: 1rem;
}
.text-42{
    font-size: 2.625rem;
}
.rounded-42{
    border-radius: 2.625rem;
}
.font-weight-500{
    font-weight: 500;
}
.font-weight-600{
    font-weight: 600;
}
.font-weight-700{
    font-weight: 700;
}
/* button */
.btn{
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    height: 2.75rem;
    border-radius: 0.75rem;
    padding: 0.5rem 1.5rem;
}
.btn .btn-icon-left{
    display: flex;
    margin-right: 0.5rem;
}
.btn .btn-icon-right{
    display: flex;
    margin-left: 0.5rem;
}
.btn .btn-icon-left.w-24,
.btn .btn-icon-right.w-24{
    width: 1.5rem;
}
.btn.btn-primary{
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
.btn.btn-primary:hover{
    background-color: var(--white);
    border-color: var(--white);
    color: var(--primary-dark);
}
.btn.btn-primary:hover .btn-icon-right{
    color: var(--primary);
}
.btn.btn-primary-dark{
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--white);
}
.btn.btn-primary-dark:hover{
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
.btn.btn-orange{
    background-color: var(--orange);
    border-color: var(--orange);
    color: var(--white);
}
.btn.btn-white{
    background-color: var(--white);
    border-color: var(--white);
    color: var(--primary-dark);
}
.btn.btn-white .btn-icon-right.btn-icon-primary{
    color: var(--primary);
}
.btn.btn-white:hover .btn-icon-right.btn-icon-primary{
    color: var(--white);
}
.btn.btn-white:hover{
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
.btn.btn-white-gradient{
    border-radius: 0.75rem;
    border: 0;
    background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(73, 175, 251, 0.40) 0%, rgba(73, 175, 251, 0.00) 100%);
    backdrop-filter: blur(21px);
}
.btn.btn-blur{
    background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%);
    backdrop-filter: blur(21px);
    border: 0px;
    color: var(--white);
}
.btn.btn-blur:hover{
    background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(38, 102, 119, 1) 0%, rgba(73, 175, 251, 0.129) 100%);
    color: var(--white);
}
.bg-primary{
    background-color: var(--primary) !important;
}
.text-primary{
    color: var(--primary) !important;
}
.text-primary-dark{
    color: var(--primary-dark) !important;
}
.text-gray-900{
    color: var(--gray-900);
}
section{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.layout-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    overflow-x: hidden;
    /*max-width: 1600px;
    margin-left: auto;
    margin-right: auto;*/
}
.container{
    max-width: 1280px;
}
/* header */
.header-wrapper{
    /*display: flex;
    flex-direction: column;
    justify-content: center;*/
    padding: 16px 0;
    width: 100%;
    height: 5.25rem;
    /*position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;*/
    background-color: var(--primary-dark);
}
.header-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--primary-dark);
    /*padding-left: 3.25rem;
    padding-right: 3.25rem;*/
}
.h-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}
.navbar{
    padding: 0;
}
.navbar-toggler{
    background-color: var(--white);
    border-color: var(--white);
    height: 3rem;
}
.navbar-nav{
    gap: 0.75rem;
}
.navbar-nav .nav-item{
    display: flex;
    justify-content: center;
}
.navbar-nav .nav-item .nav-link{
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    background-color: transparent;
    color: rgba(255,255,255,0.6);
    padding: 0.375rem 0.875rem;
    position: relative;    
    transition: all ease-in 0.2s;
    border: 1px solid transparent;
    border-radius: 1.125rem;
}
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link.active{
    border-color: var(--primary);
    color: var(--white);
}
.dropdown-toggle::after{
    border: 0;
    background-image: url('../images/icons/icon-nav-arrow-down-gray.svg');
    background-position: center center;
    background-repeat: no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    position: static;
    margin: 0;
    margin-left: 0.25rem;
}
.navbar-nav .nav-item .nav-link.dropdown-toggle:hover::after,
.navbar-nav .nav-item .nav-link.active.dropdown-toggle::after{
    background-image: url('../images/icons/icon-nav-arrow-down.svg');
}
.dropdown-menu-application{
    min-width: 38.25rem;
    min-height: 16.25rem;
    background-color: var(--light);
    border-radius: 1.5rem;
    padding: 0;
}
.dropdown-menu-application .application-main{
    display: flex;
    width: 100%;
}
.application-main .application-left{
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    border-right: 1px solid var(--gray-500);
    width: calc(100% - 16.25rem);
}
.application-main .application-right{
    padding: 1.25rem 1.5rem;
    width: 16.25rem;
}
.app-imgtextdesc{
    display: flex;
    flex-direction: column;
    visibility: hidden;
    height: 0;
}
.app-imgtextdesc.show{
    visibility: visible;
    height: auto;
}
.app-imgtextdesc .app-imgtextdesc-img{
    display: flex;
    margin-bottom: 1rem;
}
.app-imgtextdesc .app-imgtextdesc-title{
    display: flex;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 0;
    min-height: 2.5rem;
}
.app-imgtextdesc .app-imgtextdesc-desc{
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--gray-600);
    margin-bottom: 0;
}
.nav.nav-submenu{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
}
.dropdown .dropdown-menu{
    min-width: 20rem;
    padding: 1.5rem 1.125rem;
    border-radius: 0.75rem;
    left: inherit;
    right: inherit;
    background-color: var(--light);
    top: calc(100% + 0.375rem);
}
.dropdown .dropdown-menu::before{
    content: '';
    width: 0; 
    height: 0; 
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    border-bottom: 0.75rem solid var(--light);
    position: absolute;
    top: -0.375rem;
    left: calc(50% - 0.75rem);
}
.dropdown .dropdown-menu .nav.nav-submenu{
    gap: 0.75rem;
}
.nav.nav-submenu .nav-item{
    width: 100%;
}
.nav.nav-submenu .nav-item .nav-link{
    display: flex;
    width: 100%;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    color: var(--gray-700);
    border-radius: 0.75rem;
    transition: all ease-in 0.2s;
    border: 1px solid var(--gray-500);
}
.nav.nav-submenu .nav-item .nav-link:hover{
    background-color: var(--primary-dark-100);
    color: var(--white);
    border-color: var(--primary-dark-100);
}
.nav.nav-submenu .nav-item .nav-link .nav-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    min-width: 1.875rem;
    border-radius: 0.375rem;
    margin-right: 0.625rem;
    background-color: var(--light-gray-400);
    border: 1px solid var(--light-gray-400);
}
.nav.nav-submenu .nav-item .nav-link:hover .nav-icon{
    background-color: var(--light);
}
.navbar-collapse{
    justify-content: center;
}
.ht-btn.btn{
    height: 3.25rem;
    border-radius: 0.375rem;
    padding: 0.875rem 1.5rem;
}
.main-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.section-hero{
    background-color: var(--primary-dark);
    background-image: url('../images/hero-img.svg');
    background-position: right top 2.5rem;
    background-repeat: no-repeat;
    height: 50rem;
}
.section-hero-about{
    background-color: var(--primary-dark);
    height: 35rem;
    justify-content: center;
    background-image: url('../images/bg-hero-about.svg');
    background-repeat: no-repeat;
    background-position: right top -3rem;
}
.section-hero-about .container{
    max-width: 1310px;
}
.hero-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 37.5rem;
}
.hero-caption{
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
}
.hero-caption h1{
    font-size: 3.75rem;
    line-height: 4.625rem;
}
.hero-caption .startup-img{
    display: flex;
    margin-bottom: 4rem;
}
.hero-caption h1{
    font-size: 3.75rem;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 1rem;
}
.hero-image{
    display: flex;
    justify-content: flex-end;
}
.hero-button{
    display: flex;
}
.hero-button .play-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid var(--primary-dark);
    background-color: transparent;
}
.hero-button .btn-outline-light .play-icon{
    border-color: var(--white);
}
.section-inner-hero{
    background-repeat: no-repeat;
    background-color: var(--primary-dark);
    height: 41.5rem;
    justify-content: center;
}
.section-inner-hero.hero-inner-aws{
    background-image: url('../images/hero-aws-img.svg');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-google{
    background-image: url('../images/hero-google-img.svg');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-azure{
    background-image: url('../images/hero-azure-img.svg');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-it-consultancy{
    background-image: url('../images/hero-it-consultancy.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-database-services{
    background-image: url('../images/hero-database-img.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-mobile-app{
    background-image: url('../images/hero-mobile-application-img.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-web-app{
    background-image: url('../images/hero-web-app-img.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-uiux{
    background-image: url('../images/hero-uiux-design-img.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-it-infrastructure{
    background-image: url('../images/hero-it-infrastructure-img.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-cloud-monitoring-and-management{
    background-image: url('../images/cloud-monitoring-and-management-page-d.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-cloud-optimization{
    background-image: url('../images/cloud-optimization/cloud-optimization-page-d.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-devops-and-automation{
    background-image: url('../images/devOps-and-automation/devOps-and-automation-d.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-it-consulting{
    background-image: url('../images/it-consulting/it-consulting-page-d.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-cloud-migration{
    background-image: url('../images/cloud-migration/cloud-migration-services-page-d.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-cloud-servers{
    background-image: url('../images/cloud-servers/sygitech-desktop.png');
    background-position: right top -5.25rem;
}
.section-inner-hero.hero-inner-cloud-monitoring{
    background-image: url('../images/cloud-monitoring/image-d.png');
    background-position: right top -5.25rem;
}
.feature-service-wrapper{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    margin-bottom: 4.5rem;
}
.feature-service-wrapper legend{
    display: flex;
    height: 4rem;
    background-image: url('../images/legend-bg.svg');
    background-position: left top;
    background-repeat: no-repeat;
    /* background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%); */
    backdrop-filter: blur(21px);
    border-radius: 0.75rem;
    padding: 0.75rem 2.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--white);
    margin-bottom: -1rem;
    width: auto;
}
.feature-service-items-wrp{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--white);
    border-radius: 0.75rem;
    backdrop-filter: blur(21px);
    padding: 0 2.25rem;
}
.fs-item{
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 1rem 0;
}
.fs-item .fs-item-icon{
    display: flex;
    flex-direction: column;
}
.fs-item .fs-item-content{
    display: flex;
    flex-direction: column;
}
.fs-item .fs-item-content .fs-item-content-title{
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 0;
}
.fs-item .fs-item-content p{
    display: flex;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--gray-400);
    margin-bottom: 0;
}
.legend-title{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray);
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    width: auto;
    margin-bottom: 2rem;
}
/* cloud servers section */
.section-cloud-servers{
    padding-top: 9.5rem;
    padding-bottom: 9.5rem;
}
.subtitle-text{
    color: var(--gray-200);
    text-align: right;
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0;
}
.tabs-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.nav.nav-pills{
    gap: 0.75rem;
}
.nav.nav-pills .nav-item .nav-link{
    display: flex;
    align-items: center;
    border: 1px solid var(--gray-100);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--gray-200);
    text-align: left;
    height: 4rem;
    padding: 0.625rem 1.25rem;
    transition: all ease-in 0.2s;
}
.nav.nav-pills .nav-item .nav-link.active{
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
.nav.nav-pills .nav-item .nav-link .icon{
    display: flex;
    margin-right: 0.75rem;
    min-width: 1.75rem;
}
ul.list-unstyled.list-tick{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
ul.list-unstyled.list-tick li{
    position: relative;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--gray-300);
    padding-left: 1.75rem;
}
ul.list-unstyled.list-tick li::before{
    content: '';
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 2px;
}
.mb-32{
    margin-bottom: 2rem;
}
.section-cloud-services{
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    background-color: var(--primary-dark);
    color: var(--white);
}
.section-cloud-services h2{
    color: var(--white)
}
.section-cloud-services .legend-title{
    border-color: var(--primary);
}
.cs-group{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 7.5rem;
    max-width: 1096px;
    margin-left: auto;
    margin-right: auto;
}
.cs-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.cs-card.cs-two{
    margin-top: -2.75rem;
}
.cs-card .cs-top .cs-top-right .btn,
.cs-card.cs-two .cs-top .cs-top-right .btn{
    /* background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.10) 100%); */
    background: radial-gradient(97.57% 210.75% at 0.9% 2.98%, #BBE1FD 0%, #F6FBFF 100%);
}
.cs-card.cs-two .cs-list-icon .cslist-icon-item{
    border-color: var(--white);
}
.cs-card.cs-three{
    margin-top: 1.5rem;
}
.cs-main{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border-radius: 1.5rem;
    min-height: 29rem;
    /* background-image: url('../images/bg-icon-cloud-service-primary.svg');
    background-position: top 8rem left 2rem; */
    background-repeat: no-repeat;
    position: relative;
}
.cs-card .cs-main::before{
    /* content: ''; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.5rem;
}
.cs-card .cs-main .cs-main-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 2.375rem 2rem;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.5rem;
}
/* .cs-card.cs-two .cs-main{
    background-image: url('../images/bg-icon-cloud-service-white.svg');
    background-position: top 7.75rem left 1.25rem;
} */
.cs-card .cs-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cs-card .cs-top .cs-top-left{
    display: flex;
}
.cs-card.cs-google-cloud-services .cs-main{
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url('../images/service-google-img.svg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.cs-card.cs-aws-cloud-services .cs-main{
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url('../images/service-amazon-img.svg');
    background-position: center top;
    background-repeat: no-repeat;  
    background-size: auto 100%;  
}
.cs-card.cs-azure-cloud-services .cs-main{
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url('../images/service-azure-img.svg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;    
}
.cs-list-icon{
    display: flex;
    gap: 0.25rem;
}
.cs-list-icon .cslist-icon-item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%);
    backdrop-filter: blur(21px);
    border: 1px solid var(--white);
}
.cs-card .cs-top .cs-top-right{
    display: flex;
}
.cs-card .cs-top .cs-top-right .btn{
    padding: 0;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 0.75rem;
}
.cs-card .cs-bottom{
    display: flex;
    flex-direction: column;
}
.cs-card .cs-bottom .cs-title{
    font-size: 2rem;
    font-weight: 700;
    /* color: var(--dark); */
    color: var(--white);
    margin-bottom: 0;
}
.cs-card .cs-bottom .cs-subtitle{
    font-size: 1.5rem;
    font-weight: 500;
    /* color: var(--dark); */
    margin-bottom: 1rem;
}
.cs-card .cs-bottom p{
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0;
    color: var(--light-100);
    line-height: 1.25rem;
}
.row.row-mrl-1{
    margin-left: -1rem;
    margin-right: -1rem;
}
.row.row-mrl-1>*{
    padding-left: 1rem;
    padding-right: 1rem;
}
.row.row-mrl-2{
    margin-left: -2rem;
    margin-right: -2rem;
}
.row.row-mrl-2>*{
    padding-left: 2rem;
    padding-right: 2rem;
}
.row.row-mrl-22{
    margin-left: -1.375rem;
    margin-right: -1.375rem;
}
.row.row-mrl-22>*{
    padding-left: 1.375rem;
    padding-right: 1.375rem;
}
.section-bestindustry{
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}
.section-trusted-global{
    background-color: var(--primary-dark);
    padding-top: 4rem;
    padding-bottom: 4rem;
    color: var(--white);
    background-image: url('../images/trusted-pattern-left-bg.png'), url('../images/trusted-pattern-right-bg.png');
    background-repeat: no-repeat;
    background-position: left bottom 0px, right top;
}
.gap-44{
    gap: 2.75rem;
}
.text-tag-badge-item{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--light-gray);
    border-radius: 1.5rem;
    padding: 2rem;
    width: 100%;
    height: 100%;
}
.text-tag-badge-item.primary{
    background-color: var(--primary);
}
.text-tag-badge-item.primary .ttbi-badge{
    background-color: #22222240;
    color: var(--white);
}
.text-tag-badge-item.primary .ttbi-badge.ttbi-badge-primary-dark{
    background-color: var(--primary-dark);
}
.text-tag-badge-item.primary .ttbi-text{
    color: var(--white);
}
.text-tag-badge-item .ttbi-badge{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    padding: 0.625rem 1.25rem;
    border-radius: 3rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 1rem;
}
.text-tag-badge-item .ttbi-badge .ttbi-badge-icon{
    display: flex;
    margin-right: 0.375rem;
}
.text-tag-badge-item .ttbi-text{
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--dark);
}
.rated-texticon-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-dark);
    color: var(--white);
    padding: 1rem;
    border-radius: 1.125rem;
    margin-bottom: 1.5rem;
    text-align: center;
}
.rated-texticon-item .title{
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.rated-texticon-item .rti-icon-text{
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
}
.rated-texticon-item .rti-icon-text span{
    font-size: 1rem;
    margin-right: 0.25rem;
    font-weight: 600;
}
.rated-texticon-item .rti-icon-text .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: var(--white);
    border-radius: 50%;
    margin-right: 0.375rem;
}
.text-left-badge-item{
    display: flex;
    align-items: flex-end;
    width: 100%;
    background-color: var(--light-gray);
    border-radius: 1.5rem;
    padding: 1.25rem 1.5rem;
}
.text-left-badge-item .ttbi-badge-img{
    display: flex;
    flex-direction: column;
    background-color: var(--primary-dark);
    border-radius: 1.5rem;
    overflow: hidden;
    width: 6.75rem;
}
.text-left-badge-item .ttbi-badge-img .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
}
.text-left-badge-item .ttbi-badge-img.ttbi-badge-white{
    background-color: var(--white);
}
.text-left-badge-item .ttbi-text{
    width: calc(100% - 6.75rem);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--dark);
    padding-left: 1.25rem;
}
.section-user-story{
    padding-top: 8.25rem;
    padding-bottom: 8.25rem;
}
.user-story-title{
    font-size: 2rem;
    font-weight: 600;
    color: var(--dark);
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--gray-500);
    margin-bottom: 2rem;
}
.user-story-desc{
    font-size: 1rem;
    font-weight: 300;
    color: var(--gray-200);
    max-width: 75%;
    line-height: 1.25rem;
}
.user-story-slider-wrppaer{
    display: flex;
    width: 100%;
}
.user-story-slider-main{
    width: 23.5rem;
}
.user-story-carousel .owl-stage-outer{
    width: calc(100% + 21.5rem);
}
.user-story-carousel .owl-nav{
    position: absolute;
    bottom: 3rem;
    left: -6.5rem;
    display: flex;
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span{
    font-size: 0;
    height: 0;
    width: 0;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 0.375rem;
    background-color: var(--light-100);
    background-position: center center;
    background-repeat: no-repeat;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover{
    background-color: rgba(73, 175, 251, 0.15);
}
.owl-carousel .owl-nav button.owl-prev{
    background-image: url('../images/icons/arrow-left-icon.svg');
    margin-right: 0.625rem;
}
.owl-carousel .owl-nav button.owl-next{
    background-image: url('../images/icons/arrow-right-icon.svg');
}
.user-story-carousel .owl-stage-outer .owl-stage{
    display: flex;
    align-items: center;
}
.owl-item .user-styory-testi-card{
    width: 100%;
    max-width: 19rem;
    border-radius: 1.5rem;
    padding: 1.5rem 2.25rem;
    background-color: var(--light-gray);
    color: var(--primary-dark);
    background-image: url('../images/success-story-patter-right.svg');
    background-repeat: no-repeat;
    background-position: right bottom 0.375rem;
}
.owl-item.active .user-styory-testi-card{
    background-color: var(--primary-dark);
    color: var(--white);
    max-width: 100%;
}
.owl-item .user-styory-testi-card .ustc-quote-text{
    display: flex;
    width: 100%;
    background-image: url('../images/icons/quote-inactive-icon.svg');
    background-repeat: no-repeat;
    background-position: right top;
}
.owl-item.active .user-styory-testi-card .ustc-quote-text{
    background-image: url('../images/icons/quote-icon.svg');
}
.owl-item .user-styory-testi-card .ustc-quote-text h3{
    display: flex;
    max-width: 85%;
    font-weight: 400;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}
.owl-item.active .user-styory-testi-card .ustc-quote-text h3{
    max-width: 85%;
    font-size: 0.875rem;
}
.owl-item .user-styory-testi-card .ustc-img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.875rem;
    max-width: 12rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: none;
}
.owl-item .user-styory-testi-card .ustc-img::before{
    content: '';
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 4px solid var(--gray);
    position: absolute;
    z-index: 1;
}
.owl-item .user-styory-testi-card .ustc-img img{
    position: relative;
    z-index: 2;
}
.owl-item.active .user-styory-testi-card .ustc-img{
    max-width: 15rem;
}
.owl-item.active .user-styory-testi-card .ustc-img::before{
    width: 11rem;
    height: 11rem;
    border-color: #3E8DC8;
}
.owl-item .ustc-name{
    display: flex;
    flex-direction: column;
    text-align: left;
}
.owl-item .ustc-name h4{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--dark);
}
.owl-item.active .ustc-name h4{
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--white);
}
.owl-item .ustc-name p{
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 0;
    color: var(--gray-200);
}
.owl-item.active .ustc-name p{
    font-size: 0.875rem;
    color: var(--white);
}
.section-awards-recognition{
    padding-top: 0;
    padding-bottom: 9.25rem;
}
.awards-slider-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}
.section-user-story.section-user-story-secondary{
    background-color: var(--light-gray);
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.uss-secondary{
    position: relative;
}
.uss-secondary .user-story-title{
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 1.5rem;
}
.uss-secondary .owl-carousel{
    position: static;
}
.uss-secondary .owl-carousel .owl-nav{
    left: 0;
    bottom: 0;
}
.uss-secondary .owl-item .user-styory-testi-card{
    height: 15.625rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--white);
    background-image: url('../images/success-story-patter-right.svg');
    background-repeat: no-repeat;
    background-position: right bottom 0.375rem;
}
.uss-secondary .owl-item.active .user-styory-testi-card{
    height: 19rem;
    background-color: var(--primary-dark);
    background-image: url('../images/success-story-patter-right-active.svg');
}
.uss-secondary .owl-item .user-styory-testi-card .ustc-quote-text{
    min-height: 10.25rem;
}
.uss-secondary .owl-item .user-styory-testi-card .ustc-quote-text h3{
    display: flex;
    font-weight: 500;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.uss-secondary .owl-item.active .user-styory-testi-card .ustc-quote-text h3{
    font-size: 1.5rem;
}
.uss-secondary .owl-item .ustc-name{
    display: flex;
    flex-direction: column;
    text-align: left;
}
.uss-secondary .owl-item .ustc-name h4{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
}
.uss-secondary .owl-item.active .ustc-name h4{
    font-size: 1.5rem;
    line-height: 2rem;
}
.uss-secondary .owl-item .ustc-name p{
    font-size: 0.75rem;
    font-weight: 400;
    margin-bottom: 0;
}
.uss-secondary .owl-item.active .ustc-name p{
    font-size: 0.875rem;
}
.awards-slider-wrapper .owl-carousel .owl-stage-outer{
    overflow: inherit;
}
.awards-slider-main{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 990px;
}
.award-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-1);
    color: var(--color-1-100);
    border-radius: 1.5rem;
    padding: 2.5rem 1.5rem;
}
.award-card.award-color-2{
    background-color: var(--color-2);
    color: #1A1313;
}
.award-card.award-color-3{
    background-color: var(--color-3);
    color: var(--color-3-100);
}
.award-card.award-color-4{
    background-color: var(--color-4);
    color: var(--dark);
}
.award-card.award-color-5{
    background-color: var(--color-5);
    color: var(--color-5-100);
}
.award-card.award-color-6{
    background-color: var(--color-6);
    color: #06072F;
}
.award-card.award-color-7{
    background-color: var(--color-3);
    color: var(--color-3-100);
}
.award-card.award-color-8{
    background-color: var(--color-4);
    color: #1D2806;
}
.award-card.award-color-9{
    background-color: var(--color-9);
    color: #08393C;
}
.award-card.award-color-10{
    background-color: var(--color-2);
    color: #323232;
}
.award-card.award-color-11{
    background-color: var(--color-8);
    color: #020202;
}
.award-card.award-color-12{
    background-color: var(--color-5);
    color: var(--color-5-100);
}
.award-card.award-color-13{
    background-color: var(--color-10);
    color: var(--color-10-100);
}
.award-card.award-color-14{
    background-color: var(--color-11);
    color: var(--color-11-100);
}
.award-card .award-title{
    font-size: 1.5rem;
    font-weight: 900;
    color: currentColor;
    margin-bottom: 2.5rem;
}
.award-card .award-img{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 2.25rem;
    width: 10rem;
    height: 15rem;
    border-radius: 9rem;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
}
.award-card.award-color-5 .award-img,
.award-card.award-color-7 .award-img,
.award-card.award-color-13 .award-img{
    background-color: var(--white);
}
.award-card.award-color-6 .award-img{
    background-color: rgba(29, 90, 147, 0.3);
}
.award-card.award-color-10 .award-img{
    background-color: rgba(255, 255, 255, 0.9);
}
.award-card.award-color-11 .award-img{
    background-color: #D2D2D2;
}
.award-card.award-color-12 .award-img{
    background-color: #FDFEFF;
}
.award-card.award-color-9 .award-img,
.award-card.award-color-14 .award-img{
    background-color: rgba(255, 255, 255, 0.5);
}
.award-card .award-img img{
    max-width: 100%;
    height: auto;
    width: auto;
}
.award-card .award-desc{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    color: currentColor;
    margin-bottom: 0;
    text-align: center;
    min-height: 2rem;
}
.section-our-service-industry{
    padding-top: 4.5rem;
    padding-bottom: 7.5rem;
    background-color: var(--primary-dark);
    color: var(--white);   
}
.section-our-service-industry h2{
    color: var(--white);
}
.tabs-nav-underline{
    align-items: center;
    margin-bottom: 1.5rem;
}
.tabs-wrapper.tabs-nav-underline .tab-content{
    width: 100%;
}
.tabs-nav-underline .nav.nav-underline{
    border-bottom: 1px solid rgba(237, 237, 240, 0.3);
}
.nav.nav-underline .nav-item .nav-link{
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 0;
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transition: all ease-in 0.2s;
}
.nav.nav-underline .nav-item .nav-link::after{
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 4px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
}
.nav.nav-underline .nav-item .nav-link.active::after{
    background-color: var(--primary);
}
.nav.nav-underline .nav-item .nav-link.active{
    font-weight: 600;
    color: var(--primary);
    border-color: var(--primary);
}
.nav.nav-list-wrp{
    gap: 1.5rem;
}
.nav.nav-list-wrp{
    gap: 2rem 1.5rem;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
.nav.nav-list-wrp .nav-item{
    display: flex;
    width: calc(33.333% - 1rem);
}
.nav.nav-list-wrp .nav-item .nav-link{
    padding: 0;
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--gray);
    border-radius: 1.5rem;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4.625rem;
    background-image: url('../images/icons/icon-arrow-up-our.svg');
    background-repeat: no-repeat;
    background-position: center right 0.875rem;
    background-size: 2.25rem auto;
    transition: all ease-in 0.2s;
}
.nav.nav-list-wrp .nav-item .nav-link:hover{
    background-color: var(--light);
    border-color: var(--primary);
    color: var(--black);
    box-shadow: -5px 7px 0 0 var(--primary);
    background-image: url('../images/icons/icon-arrow-up-our-primary.svg');
}
.nav.nav-list-wrp .nav-item .nav-link .nav-icon{
    display: flex;
    width: 1.5rem;
    min-width: 1.5rem;
    margin-right: 0.375rem;
}
.nav.nav-industries-list-wrp{
    gap: 1.5rem;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}
.nav.nav-industries-list-wrp .nav-item{
    display: flex;
    flex-direction: column;
    width: calc(33.333% - 1rem);
}
.nav.nav-industries-list-wrp .nav-item .nav-link{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.5rem;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    border: 1px solid #D2D0D0;
    border-radius: 1.5rem;
    transition: all ease-in 0.2s;
}
.nav.nav-industries-list-wrp .nav-item .nav-link .nav-icon{
    display: flex;
    margin-right: 0.75rem;
    color: var(--primary);
}
.nav.nav-industries-list-wrp .nav-item .nav-link:hover .nav-icon{
    color: var(--white);
}
.nav.nav-industries-list-wrp .nav-item .nav-link:hover{
    background-color: var(--primary);
    border-color: var(--primary-dark);
    color: var(--white);
}
.section-whyus{
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}
.whyus-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 1.5rem;
    background-color: var(--color-8);
    padding: 2.5rem 4.5rem;
    height: 100%;
}
.whyus-items-wrp{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 3rem;
}
.why-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(50% - 1.5rem);
}
.why-item .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}
.why-item .title{
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: var(--primary-dark);
    text-align: center;
}
.whyus-contact-card{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    background-color: var(--primary-dark);
    padding: 3rem 2.125rem;
    background-image: url('../images/whyus-contact-us-bg.svg');
    background-position: top 3rem right 2.125rem;
    background-repeat: no-repeat;
}
.whyus-contact-card .whyus-contact-text{
}
.whyus-contact-card .whyus-contact-text .whyus-contact-text-title{
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 600;
    color: var(--color-8);
    margin-bottom: 1.5rem;
}
.section-subscribe{
    padding-bottom: 6rem;
}
.subscribe-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 2.75rem;
    padding: 4.5rem 9rem 3.75rem;
    background-color: var(--primary-dark);
    background-image: url('../images/bg-subscribe-left-bottom.png'), url('../images/bg-subscribe-right-top.png');
    background-repeat: no-repeat;
    background-position: left bottom, right 7.5rem top 1.875rem ;
}

.subscribe-wrapper .title{
    margin-bottom: 4rem;
    color: var(--white);
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.subscribe-wrapper .subtitle{
    font-size: 1.125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 1.875rem;
    text-align: center;
}
.form-subscribe{
    display: flex;
    position: relative;
}
.form-subscribe-success-message {
    text-align: center;
    color: rgba(73, 175, 251, 1);
    font-size: 16px;
    margin-top: 10px;
}
.form-subscribe .form-control{
    width: 100%;
    height: 3.5rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2.25rem;
    width: 100%;
    padding-left: 2rem;
    padding-right: 12rem;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    color: var(--white);
}
.form-subscribe .btn{
    width: 10rem;
    height: 3.5rem;
    border-radius: 2.25rem;
    background-color: rgba(73, 175, 251, 0.25);
    color: var(--primary);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.54px;
}
.section-scta{
    padding-bottom: 6rem;
}
.scta-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 2.75rem;
    padding: 4.5rem 9rem 3.75rem;
    background-color: var(--primary-dark);
    background-image: url('../images/bg-subscribe-left-bottom.png'), url('../images/bg-subscribe-right-top.png');
    background-repeat: no-repeat;
    background-position: left bottom, right 7.5rem top 1.875rem ;
}
.scta-wrapper .title{
    margin-bottom: 2.75rem;
    color: var(--white);
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.scta-wrapper .subtitle{
    font-size: 1.125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.75rem;
    text-align: center;
}
.footer-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--light-gray);
    padding-top: 3.5rem;
}
.home-page .footer-wrapper{
    background-color: var(--light-200);
}
.footer-brand{
    display: flex;
    margin-bottom: 2.25rem;
}
.info-contact-item{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.info-contact-item .title{
    display: flex;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--light-gray-100);
    margin-bottom: 1.25rem;
}
.info-contact-item .nav{
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}
.info-contact-item .nav .nav-item{
    display: inline-flex;
}
.info-contact-item .nav .nav-item .nav-link{
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    color: var(--dark);
    padding: 0;
    transition: all ease-in 0.2s;
}

.info-contact-item .nav .nav-item .nav-link:hover{
    color: var(--primary);
}
.info-contact-item .nav .nav-item .nav-link .icon{
    display: flex;
    margin-right: 0.5rem;
    width: 2rem;
    justify-content: center;
}
.info-contact-item .nav .nav-item .nav-link .icon img{
     max-width: 24px;
}
.copyrights-wrp{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid var(--light-gray-100);
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    margin-top: 2.75rem;
}
.copyright-text{
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    margin-bottom: 0;
    color: var(--gray-200);
}
.nav.sitemap-nav{
    display: flex;
    gap: 2rem;
}
.nav.sitemap-nav .nav-item .nav-link{
    display: flex;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--gray-200);
    padding: 0;
    text-decoration: underline;
    transition: all ease-in 0.2s;
}
.nav.sitemap-nav .nav-item .nav-link:hover{
    color: var(--primary);
}
.footlink-wrp{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.footlink-wrp .footlink-title{
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 0.875rem;
}
.footlink-wrp .nav.footlink-nav{
    display: flex;
    flex-direction: column;
}
.footlink-wrp .nav.footlink-nav .nav-item{
    display: inline-flex;
}
.footlink-wrp .nav.footlink-nav .nav-item .nav-link{
    display: flex;
    font-size: 0.875rem;
    line-height: 1.875rem;
    font-weight: 500;
    color: var(--gray-200);
    padding: 0;
    transition: all ease-in 0.2s;
}
.footlink-wrp .nav.footlink-nav .nav-item .nav-link:hover{
    color: var(--primary);
}
.footlink-wrp .nav.footlink-nav .nav-item .nav-link .nav-icon{
    display: flex;
    margin-right: 0.5rem;
}
.btn-backtop{
    background-color: #414141;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 50%;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 9;
}
.section-terms{
    padding-top: 2.75rem;
    padding-bottom: 4.5rem;
}
.section-terms h1{
    margin-bottom: 2.5rem;
}
.subtitle{
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--dark-100);
    text-align: center;
}
.accordion .accordion-item{
    border: 0px;
    border-bottom: 1px solid var(--light-gray-200);
}
.accordion .accordion-item{

}
.accordion .accordion-item .accordion-header .accordion-button{
    padding: 1.25rem 0;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
    color: var(--black);
    box-shadow: none;
}
.accordion .accordion-item .accordion-header .accordion-button::after{
    background-image: url('../images/icons/icon-plus.svg');
}
.accordion .accordion-item .accordion-header .accordion-button[aria-expanded="true"]::after{
    background-image: url('../images/icons/icon-minus.svg');
    transform: rotate(-180deg);
}
.accordion .accordion-item .accordion-collapse .accordion-body{
    font-size: 1rem;
    font-weight: 500;
    color: var(--gray-200);
    line-height: 1.5rem;
    padding: 0 0 0 1rem;
    margin-bottom: 1.5rem;
}
.section-who-we-are{
    padding-top: 7.75rem;
    padding-bottom: 7.75rem;
}
.whoweare-box{
    display: inline-flex;
    flex-direction: column;
    background-color: var(--color-8);
    border-radius: 1.5rem;
    padding: 2.25rem 1.5rem 1.5rem 1.375rem;
}
.whoweare-items-group{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2rem;
}
.whoweare-item{
    display: flex;
    align-items: flex-start;
    width: 100%;
    border-bottom: 1px solid var(--gray-800);
    padding-bottom: 1.5rem;
    gap: 1.875rem;
}
.whoweare-item:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.whoweare-item .whoweare-item-icon{
    display: flex;
    width: 4.625rem;
    min-width: 4.625rem;
    margin-top: 0.5rem;
}
.whoweare-item .whoweare-item-content{
    display: flex;
    flex-direction: column;
}
.whoweare-item .whoweare-item-content .whoweare-item-content-title{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    color: var(--primary-dark);
    margin-bottom: 1rem;
}
.whoweare-item .whoweare-item-content .whoweare-item-content-desc{
    font-size: 1rem;
    font-weight: 500;
    color: var(--gray-200);
    line-height: 1.25rem;
}
.section-vision-mission{
    padding-top: 0;
    padding-bottom: 7.75rem;
}
.vmion-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    background-color: var(--primary);
    border-radius: 1.5rem;
    padding: 3rem 2.25rem 2.25rem;
    height: 37.125rem;
}
.vmion-card.mission{
    background-color: var(--primary-dark);
}
.vmion-card.mission .vmion-title{
    color: var(--white);
}
.vmion-title{
    color: var(--primary-dark);
    font-size: 2.625rem;
    font-weight: 600;
    line-height: 3.375rem;
    margin-bottom: 1rem;
}
.vmion-icon{
    display: flex;
    margin-bottom: 1rem;
}
.vmion-desc p{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 0;
    color: var(--white);
}
.section-team{
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    background-color: var(--light);
}
.team-slider-wrp{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 2.75rem;
}
.team-slider-wrp .owl-carousel .owl-nav{
    display: flex;
}
.team-slider-wrp .owl-carousel .owl-nav button.owl-prev,
.team-slider-wrp .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 40%;
    width: 3.375rem;
    height: 3.375rem;
    border-radius: 50%;
    background-color: #D8D8D8;
}
.team-slider-wrp .owl-carousel .owl-nav button.owl-prev{
    left: -1.5rem;
}
.team-slider-wrp .owl-carousel .owl-nav button.owl-next{
    right: -1.5rem;
}
.team-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    transition:  all ease-in 0.2s;
}
.team-card .team-image{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
}
.team-card .team-image img{
    filter: grayscale(1);
}
.team-card .team-image .team-overlay{
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.125rem;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    border-radius: 1.5rem;
}
.team-card:hover .team-image img{
    filter: grayscale(0);

}
.team-card:hover .team-image .team-overlay{
    visibility: visible;
}
.team-card .team-desc{
    display: flex;
}
.team-card .team-desc p{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--white);
    text-align: center;
    margin-bottom: 0;
}
.team-card .scmedia{
    display: inline-flex;
    justify-content: flex-end;
}
.team-card .scmedia .nav .nav-item .nav-link{
    padding: 0;
    text-decoration: none;
}
.team-card .team-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.team-card .team-content .team-title{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    color: var(--primary-dark);
    margin-bottom: 0;
}
.team-card .team-content .team-subtitle{
    font-size: 1rem;
    font-weight: 500;
    color: var(--light-gray-100);
    margin-bottom: 0;
}
.section-wewillget{
    padding-top: 9rem;
    padding-bottom: 7.75rem;
}
.wewillget-item-column{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2rem;
}
.wewillget-item{
    display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    background-color: var(--light);
    padding: 2.375rem 2rem;
}
.wewillget-item iframe{
    border-radius: 1.5rem;
}
.wewillget-item-title{
    display: flex;
    align-items: center;
    color: var(--dark);
    font-size: 2rem;
    margin-bottom: 1.5rem;
}
.wewillget-item-title .icon{
    display: flex;
    margin-right: 0.75rem;
}
.wewillget-item-address-lists{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.75rem;
}
.wewillget-item .wewillget-item-address{
    display: flex;
    width: 100%;
}
.wewillget-item .wewillget-item-address .count{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    background-color: var(--primary-dark);
    color: var(--white);
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: 600;
    border-radius: 0.25rem;
    margin-top: 0.125rem;
}
.wewillget-item .wewillget-item-address .text{
    display: flex;
    width: calc(100% - 1.25rem);
    padding-left: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--gray-200);
}
.info-detail-items-wrp{
    display: flex;
    width: 100%;
    align-items: center;
}
.info-detail-item{
    display: flex;
    flex-direction: column;
    width: 50%;
    border-left: 1px solid #BBBBBB;
    align-items: center;
}
.info-detail-item:first-child{
    border-left: 0;
}
.info-detail-item label{
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    color: var(--gray-200);
    margin-bottom: 0.5rem;
}
.info-detail-item label .icon{
    display: flex;
    margin-right: 0.5rem;
}
.info-detail-item p{
    margin-bottom: 0;
}
.info-detail-item a{
    font-size: 1rem;
    font-weight: 500;
    color: #292929;
    text-decoration: none;
}
.form-group{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}
.form-group .form-label{
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color: var(--gray-200);
    margin-bottom: 0;
    background-color: var(--white);
    padding: 0.3125rem 0.625rem;
    margin-left: 1.25rem;
    margin-bottom: -0.875rem;
    z-index: 1;

}
.form-group .form-control,
.form-group .form-select{
    height: 2.75rem;
    border-radius: 0.5rem;
    border: 1px solid var(--light-gray-300);
    color: var(--dark);
}
.form-select{
    appearance: none;
    /*background-image: url("../images/icons/icon-select-field-arrow-down.svg");*/
    background-repeat: no-repeat;
    background-position: right 1.25rem top 50%;
    background-size: 0.75rem auto;
}
.form-control:focus,
.form-select:focus{
    box-shadow: 0 0 0 0.25rem rgba(var(--primaryrgb), 0.25);
}
.form-group textarea.form-control{
    height: auto;
}
.form-group-action{
    display: flex;
}
.form-group-action .btn{
    border-radius: 1.5rem;
    height: 2.375rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--white);
}
.section-smart-solution{
    margin-top: -4.5rem;
    padding-bottom: 6.25rem;
}
.smart-solutions-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 930px;
    height: 9rem;
    margin: 0 auto;
    border-radius: 24px;
    border: 1px solid var(--primary-dark-100);
    backdrop-filter: blur(21px);
    padding: 1rem;
    background: radial-gradient(97.57% 210.75% at 0.9% 2.98%, rgba(107, 137, 159, 0.4) 0%, rgba(107, 137, 159, 0.6) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}
.smart-solutions-wrapper p{
    color: var(--white);
    margin-bottom: 1.125rem;
}
.ss-list-icons{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.ss-list-icons .ss-icon{
    display: flex;
}
.ss-list-icons .ss-icon img{
    /*max-width: 2.125rem;
    max-height: 2.125rem;*/
}
.section-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5rem;
}
.section-text .subtitle-text{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--primary-dark);
    margin-bottom: 0;
}
.section-reducecost{
    padding-bottom: 9rem;
}
.reducecost-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 26.25rem;
    background-color: var(--light-gray);
    border-radius: 1.5rem;
    padding: 1.875rem 1.5rem;
    transition: all ease-in 0.2s;
}
.reducecost-card .rcc-tag-icon{
    display: flex;
}
.rcc-tag-icon{
    color: var(--primary-dark);
}
.rcc-image{
    display: flex;
}
.rcc-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-dark);
    line-height: 2rem;
}
.reducecost-card:hover{
    background-color: var(--primary-dark);
}
.reducecost-card:hover .rcc-tag-icon{
    color: var(--light-100);
}
.reducecost-card:hover .rcc-title{
    color: var(--white);
}
.reducecost-card.reducecost-seconary-card{
    background-color: var(--primary-dark);
}
.reducecost-card.reducecost-seconary-card:hover{
    background-color: var(--light-gray);
}
.reducecost-card.reducecost-seconary-card .rcc-tag-icon{
    color: var(--light-100);
}
.reducecost-card.reducecost-seconary-card:hover .rcc-tag-icon{
    color: var(--primary-dark-100);
}
.reducecost-card.reducecost-seconary-card .rcc-title{
    color: var(--white);
}
.reducecost-card.reducecost-seconary-card:hover .rcc-title{
    color: var(--primary-dark);
}
.section-cloud-operations{
}
.cloud-operations{
    background-image: url('../images/bg-pattern-top-right.svg');
    background-position: top right;
    background-repeat: no-repeat;
    padding: 4rem 5rem;
    background-color: var(--primary-dark);
    border-radius: 1.5rem;
    color: var(--white);
}
.coperation-content{
    display: flex;
    flex-direction: column;
    width: 100%;    
}
.coperation-content .coperation-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.125rem;
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 0.75rem;
    background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%);
    backdrop-filter: blur(12px);
    position: relative;
}
.coperation-content .title{
    color: var(--white);
    margin-bottom: 2rem;
}
.coperation-content .desc{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--color-8);
    min-height: 6.5rem;
    margin-bottom: 0.625rem;
}
.coperation-img-tick{
    display: flex;
    margin-top: -0.875rem;
    position: relative;
    left: 3rem;
}
.hr-bg-primary-25{
    display: flex;
    width: 100%;
    height: 1px;
    border: 0;
    background-color: var(--primary);
    opacity: 0.25;
}
.section-cp-text{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.section-billing-partner{
    padding-bottom: 9rem;
}
.billing-partner-items-group{
    display: flex;
    width: 100%;
    gap: 2.75rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
.billing-partner-items-group .billing-partner-item{
    width: calc(33.333% - 2.75rem);
    margin: 0;
}
.billing-partner-item{
    display: flex;
    width: 22rem;
    align-items: center;
    border-radius: 1.5rem;
    border: 1px solid var(--color-8);
    background: var(--light);
    margin-top: 2.75rem;
    margin-left: auto;
    margin-right: auto;
}
.bpi-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 7.5rem;
    height: 9.625rem;
    border-radius: 1.5rem;
    overflow: hidden;
    background-color: var(--primary-dark);
    background: linear-gradient(135deg, rgba(73,175,251,1) 0%, rgba(73,175,251,0) 100%);
    padding: 1px;
}
.bpi-left-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    background-color: var(--primary-dark);
    color: var(--white);
    border-radius: 1.5rem;
}
.bpi-left-title{
    display: flex;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: var(--white);
    padding: 0 1rem;
    text-align: center;
}
.bpi-right{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 7.5rem);
    flex-direction: column;
    color: var(--primary-dark);
}
.bpi-right-icon{
    display: flex;
    margin-bottom: 1.25rem;
}
.bpi-right h5{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.section-obp{
}
.obp-wrapper{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background-color: var(--primary-dark);
    color: var(--white);
    border-radius: 1.5rem;
    padding: 6rem;
}
.obp-wrapper h2{
    color: var(--white);
}
.obp-wrapper .subtitle{
    font-weight: 300;
    color: var(--light);
    font-size: 1rem;
    line-height: 1.25rem;
}
.obp-items-group{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1.5rem;
    max-width: 50rem;
}
.obp-item-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(33.333% - 1.5rem);
    height: 12.375rem;
    padding: 1.25rem;
    background-color: var(--white);
    border: 1px solid var(--color-8);
    border-radius: 1.5rem;
}
.obp-item-card .obp-item-icon{
    display: flex;
    margin-bottom: 1rem;
}
.obp-item-card .obp-item-text{
    display: flex;
    align-items: center;
    color: var(--dark);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    min-height: 2.625rem;
    text-align: center;
}
.serve-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 26.5rem;
    justify-content: center;
}
.serve-list-wrp{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 29.375rem;
    gap: 1.125rem;
    padding: 0;
    margin: 0 auto;
    justify-content: center;
}
.serve-list-item{
    display: flex;
    align-items: center;
    width: calc(33.333% - 1rem);
    border: 1px solid var(--gray);
    border-radius: 1.5rem;
    padding: 0.6875rem 1.25rem;
    min-height: 2.75rem;
}
.serve-list-item.entertainment {
    width: auto;

}
.serve-list-item .sli-icon{
    display: flex;
    margin-right: 0.5rem;
    min-width: 1.125rem;
}
.serve-list-item .sli-text{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    color: var(--primary-dark);

}
.section-onestop{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.onestop-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 26.375rem;
    background-color: var(--light-gray);
    border-radius: 1.5rem;
    padding: 6.25rem 2.25rem 3.25rem;
    transition: all ease-in 0.2s;
}
.onestop-card:hover{
    background-color: var(--primary-dark);
}
.onestop-card:hover .onestop-title,
.onestop-card:hover .onestop-desc{
    color: var(--white);
}
.onestop-icon{
    display: flex;
}
.onestop-content{
    display: flex;
    flex-direction: column;
}
.onestop-title{
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    color: var(--primary-dark);
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
.onestop-desc{
    display: flex;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    color: var(--gray-200);
    margin-bottom: 0;
}
.onestop-cloud-platforms-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 26.375rem;
    background-color: var(--primary-dark);
    border-radius: 1.5rem;
    padding: 3.25rem 2.25rem;
}
.ocpc-main{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.oscpc-card{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: calc(85% - 5.25rem);
    justify-content: space-between;
    padding-top: 3rem;
}
.oscpc-card .oscpc-icon{
    display: flex;
}
.oscpc-card .oscpc-content{
    display: flex;
    flex-direction: column;
}
.oscpc-card .oscpc-title{
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    color: var(--white);
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
.oscpc-card .oscpc-desc{
    display: flex;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    color: var(--light);
    margin-bottom: 0;
}
.cloud-type-icons{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 5.25rem;
    gap: 1.5rem;
}
.cloud-type-icons .cyi-item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.25rem;
    height: 5.25rem;
    border-radius: 1.5rem;
    background: linear-gradient(189deg, #495C6B -9.21%, #495C6B 37.76%);
}
.cloud-type-icons .cyi-item .cyi-item-link{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    filter: brightness(10%) invert(1);
    opacity: 0.5;
}
.cloud-type-icons .cyi-item .cyi-item-link:hover{
    filter: grayscale(0%);
    opacity: 1;
}
.section-meet-swift-solution{
    background-image: url('../images/meet-swift-solution-img.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 20.25rem;
}
.meet-swift-solution-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(88deg, #263238 6.52%, rgba(38, 50, 56, 0.50) 93.85%);
}
.mss-cta{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mss-cta h2{
    color: var(--white);
    margin-bottom: 2rem;
    font-weight: 600;
}
.py-9{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.section-cta{
    background-image: url('../images/excellence-mobile-app-dev.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 20.25rem;
}
.section-cta.cta-web-app{
    background-image: url('../images/excellence-design-web-services-app.svg');
}
.section-cta.cta-uiux{
    background-image: url('../images/cta-uiux-img.svg');
}
.cta-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(88deg, #263238 6.52%, rgba(38, 50, 56, 0.50) 93.85%);
}
.cta-item{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.cta-item h2{
    color: var(--white);
    margin-bottom: 2rem;
    font-weight: 600;
}
.section-why-people-choose{
    padding-top: 7.5rem;
}
.section-our-work{
    padding-top: 7.75rem;
    padding-bottom: 0;
}
.section-our-app-dev-services{
    padding-top: 7.75rem;
    padding-bottom: 7.75rem;
}
.oads-image{
    position: relative;
}
.oads-overlay{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 2.25rem 1.5rem;
}
.oads-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.375rem;
    height: 3.75rem;
    border-radius: 0.75rem;
    background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%);
    backdrop-filter: blur(21px);
}
.oads-enquire{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    display: none;
}
.oads-lists{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}
.oads-lists .oads-list-item{
    display: flex;
    align-items: center;
    width: calc(50% - 0.75rem);
    background-color: var(--light-gray);
    padding: 1.875rem 1.125rem;
    gap: 0.75rem;
    border-radius: 1.125rem;
}
.oads-lists .oads-list-item .oads-list-item-icon{
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
}
.oads-lists .oads-list-item .oads-list-item-text{
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    color: var(--dark);
}
.oads-lists .oads-list-item .oads-subtitle{
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--primary-dark);
}
.work-client-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.owl-carousel .work-client-item-main{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1rem;
}
.work-client-item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    padding: 3.125rem;
    gap: 4.5rem;
    border-radius: 2.75rem;
    border: 1px solid #D7D7D7;
    background: var(--white);
}
.work-client-item .work-client-item-img{
    display: flex;
    width: calc(45% - 2.25rem);
}
.work-client-item .work-client-item-content{
    display: flex;
    flex-direction: column;
    width: calc(55% - 2.25rem);
}
.work-client-item-content .wci-count{
    display: flex;
    font-size: 3.375rem;
    font-weight: 600;
    line-height: 4rem;
    color: var(--color-8);
    position: absolute;
    right: 2.5rem;
    top: 1.875rem;
}
.work-client-item-content .wci-text{
    display: flex;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    color: var(--dark);
    margin-bottom: 0.75rem;
}
.work-client-item-content .wci-services{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}
.work-client-item-content .wci-services .wci-services-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    background-color: var(--black);
    color: var(--gray-1000);
    border-radius: 50%;
    font-size: 1.125rem;
    font-weight: 400;
}
.work-client-item-content .wci-services .wci-services-text{
    display: flex;
    background-color: var(--light-300);
    border-radius: 0.75rem;
    padding: 0.5rem 1rem;
    color: var(--gray-300);
    font-size: 0.875rem;
    font-weight: 400;
}
.work-client-item-content .wci-subtitle{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--gray-200);
    margin-bottom: 0.75rem;
}
.work-client-item-content .wci-services-provided{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.work-client-item-content .wcisp-lists{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.75rem;
    align-items: flex-start;
    margin: 0 0 2rem;
    padding: 0;
}
.work-client-item-content .wcisp-lists .wcisp-lists-item{
    display: flex;
    border-radius: 1.5rem;
    border: 1px solid var(--light-gray-300);
    gap: 0.625rem;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: var(--dark);
}
.work-client-item-content .wci-quote{
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--dark);
}
.section-stacks{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: var(--light-gray-300);
}
.section-stacks .container{
    max-width: 1120px;
}
.stack-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 1.5rem;
    padding: 1.875rem 1.5rem;
    height: 14.75rem;
    margin-bottom: 1.5rem;
    color: var(--dark);
}
.stack-card .stack-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1.875rem;
}
.stack-card .stack-heading .stack-heading-title{
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    color: var(--dark);
}
.stack-card .stack-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    padding: 0.25rem;
    background-color: var(--primary-dark);
    color: var(--white);
}
.stack-card .stack-body{
    display: flex;
    align-items: center;
    height: 100%;
}
.stack-card .stack-body .stack-ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%;
    gap: 2.75rem;
    padding: 0;
    margin: 0;
    transition: all ease-in 0.2s;
}
.stack-card .stack-body .stack-ul .stack-ul-item{
    display: flex;
    width: calc(25% - 2.125rem);
}
.stack-card .stack-body .stack-ul.stack-ul-wauto .stack-ul-item{
    display: flex;
    width: auto;
}
.stack-card .stack-body .stack-ul .stack-ul-item img{
    max-width: 100%;
}
.stack-card.stack-white{
    background-color: var(--white);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}
.how-design-service-list{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    gap: 2.75rem;
}
.hdsl-item{
    display: flex;
    width: 100%;
    position: relative;
}
.hdsl-item::before{
    content: '';
    position: absolute;
    left: 0.9375rem;
    top: 32px;
    width: 1px;
    height: calc(100% + 0.75rem);
    border-left: 1px dashed var(--primary);
}
.hdsl-item:last-child::before{
    content: none;
}
.hdsl-item .hdsl-icon{
    display: flex;
    width: 5.25rem;
    min-width: 5.25rem;
    align-items: flex-start;
}
.hdsl-item h3{
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    color: var(--dark);
    margin-bottom: 1rem;
}
.hdsl-item p{
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #909090;
    margin-bottom: 0;
}
.icon-text-list-item{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 3.125rem 3.125rem 2.625rem;
    border-radius: 1.5rem;
    background-color: var(--primary-dark);
}
.icon-text-list-item .itl-icon{
    display: flex;
    margin-bottom: 2.375rem;
}
.icon-text-list-item .itl-title{
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.625rem;
    color: var(--white);
    margin-bottom: 1.5rem;
}
.icon-text-list-item .itl-lists{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--white);
    gap: 1.125rem;
}
.icon-text-list-item .itl-lists li{
    display: flex;
    align-items: center;
    padding-left: 1.25rem;
    position: relative;
}
.icon-text-list-item .itl-lists li::before{
    content: '';
    background-image: url('../images/icons/icon-tick-small-primary.svg');
    position: absolute;
    left: 0;
    background-size: 0.625rem;
    width: 0.625rem;
    height: 0.5rem;
}
.icon-text-list-item.itl-primary-dark{
    background-color: var(--primary-dark);
}
.icon-text-list-item.itl-gray{
    background-color: var(--light-gray);
}
.icon-text-list-item.itl-gray .itl-title{
    color: var(--primary-dark);
}
.icon-text-list-item.itl-gray .itl-lists{
    color: var(--gray-200);
}
.icon-text-list-item.itl-primary{
    background-color: var(--primary);
}
.icon-text-list-item.itl-primary .itl-lists li::before{
    background-image: url('../images/icons/icon-tick-small-primary-dark.svg');
}
.get-form-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.get-form-wrapper .form-group .form-label{
    margin: 0 0 0.25rem;
    padding: 0;
    background-color: transparent;
}
.get-form-wrapper .form-group .form-control,
.get-form-wrapper .form-group .form-select{
    background-color: var(--light-400);
    border-color: var(--light-400);
    border-radius: 0.375rem;
    color: var(--dark);    
    font-size: 1rem;
    font-weight: 500;
}
.get-form-wrapper .btn{
    height: 2.375rem;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
}
.form-field-hr{
    width: 100%;
    height: 1px;
    background-color: var(--gray-1000);
    border: 0px;
    opacity: 1;
    margin: 1.25rem 0;
}
body.modal-open{
    /*padding-right: 0 !important;*/
}
body.modal-open .btn-backtop
{
    margin-right: 17px;
}
body.modal-open .header-wrapper{
    /*width: calc(100% - 17px);*/
}
body.is-modal-open.modal-open {
    /*padding-right: 0 !important;
    overflow: hidden;*/
}
.modal {
    /*overflow: hidden;*/
}
.modal.modal-right .modal-dialog{
    margin-right: 0;
}
.modal .modal-container{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.modal .modal-content .modal-header{
    padding: 1.375rem 1.75rem 0.625rem;
}
.modal .modal-content .modal-header .modal-title{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    color: var(--dark);
}
.modal .modal-header .btn-close{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../images/icons/icon-close-circle.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.5rem auto;
    padding: 0;
}
.modal .modal-body{
    padding: 1rem 1.75rem 1.75rem;
}
.trusted-clients-wrapper{
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 10rem;
}
.trusted-clients-wrapper .owl-carousel .owl-nav .owl-prev,
.trusted-clients-wrapper .owl-carousel .owl-nav .owl-next{
    position: absolute;
    top: calc(50% - 1.1875rem);
    background-color: rgba(239, 239, 239, 0.5);
    border-radius: 50%;
    width: 2.375rem;
    height: 2.375rem;
}
.trusted-clients-wrapper .owl-carousel .owl-nav .owl-prev:hover,
.trusted-clients-wrapper .owl-carousel .owl-nav .owl-next:hover{
    background-color: #818F9A;
}
.trusted-clients-wrapper .owl-carousel .owl-nav .owl-prev{
    left: 0;
}
.trusted-clients-wrapper .owl-carousel .owl-nav .owl-next{
    right: 0;
}
.trusted-clients-carousel{
    /* width: 9rem; */
    position: static;
    padding-right: 3rem;
    padding-left: 3rem;

}
.trusted-clients-carousel .owl-stage-outer{
    /* overflow: inherit; */
}
.trusted-clients-carousel .owl-stage{
    display: flex;
    align-items: center;
}
.trusted-clients-carousel .owl-item .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* .trusted-clients-wrapper .owl-item.active.center + .owl-item .client-trust-card{
    transform: scale(0.9);
    margin-left: -18px;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item .client-trust-card{
    transform: scale(0.8);
    margin-left: -66px;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item + .owl-item .client-trust-card{
    transform: scale(0.7);
    margin-left: -142px;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item + .owl-item + .owl-item .client-trust-card{
    transform: scale(0.6);
    margin-left: -246px;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item + .owl-item + .owl-item + .owl-item .client-trust-card{
    transform: scale(0.5);
    margin-left: -380px;
} */
.client-trust-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*width: 7.75rem;
    height: 7.75rem;*/
    border-radius: 50%;
    /*background: radial-gradient(231% 135.8% at 0.9% 2.98%, #243E51 0%, #375368 100%);*/
    position: relative;
    transition: all ease-in 0.2s;
}
.trusted-clients-wrapper .owl-item.active.center{
    z-index: 9;
}
.trusted-clients-wrapper .owl-item.active .client-trust-card{
    /*width: 8.375rem;
    height: 8.375rem;*/
}
.trusted-clients-wrapper .owl-item.active.center .client-trust-card{
    /*width: 9rem;
    height: 9rem;*/
}
.trusted-clients-wrapper .owl-item.active.center .client-trust-card .client-tickops-text{
    visibility: visible;
}
.trusted-clients-wrapper .owl-item.active.center .client-trust-card{
    /*background: radial-gradient(231% 135.8% at 0.9% 2.98%, #243E51 0%, #5A7589 100%);*/
    /*width: 9rem;
    height: 9rem;*/
}
.client-trust-card .client-trust-img{
    mix-blend-mode: luminosity;
}
.client-trust-card .client-tickops-text{
    position: absolute;
    bottom: 1.5rem;
    visibility: hidden;
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--white);
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item{
    z-index: 8;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item{
    z-index: 7;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item + .owl-item{
    z-index: 6;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item + .owl-item + .owl-item{
    z-index: 7;
}
.trusted-clients-wrapper .owl-item.active.center + .owl-item + .owl-item + .owl-item + .owl-item + .owl-item{
    z-index: 6;
}
@media screen and (max-width: 1024px) {
    html{
        font-size: 14px;
    }
    .header-main{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    .btn.ht-btn{
        height: 3rem;
        padding: 0.5rem 1rem;
    }
    .btn.ht-btn .btn-icon-left{
        margin-right: 0;
    }
    .section-hero{
        background-size: 45%;
    }
    .section-hero-about{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .section-inner-hero{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .section-inner-hero.hero-inner-aws{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-google{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-azure{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-it-consultancy{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-database-services{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-mobile-app{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-web-app{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-uiux{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-it-infrastructure{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-cloud-monitoring-and-management{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-cloud-optimization{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-devops-and-automation{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-it-consulting{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-cloud-migration{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-cloud-servers{
        background-size: 100%;
    }
    .section-inner-hero.hero-inner-cloud-monitoring{
        background-size: 100%;
    }
    .section-user-story{
        overflow: hidden;
    }
    .row.row-mrl-1{
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .row.row-mrl-1>*{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .row.row-mrl-2{
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .row.row-mrl-2>*{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .row.row-mrl-22{
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .row.row-mrl-22>*{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .nav.sitemap-nav{
        gap: 1rem;
    }
}
@media screen and (max-width: 991px) {    
    .navbar-collapse{
        position: absolute;
        top: 100%;
        right: 0;
        top: 100%;
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(21px);
        border-radius: 1.5rem;
        padding: 1.5rem;
        min-width: 100%;
    }
    .navbar-nav .nav-item{
        flex-direction: column;
    }
    .dropdown-menu-application{
        min-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    html{
        font-size: 12px;
    }
    .header-main{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .btn.ht-btn{
        height: 3rem;
        padding: 0.5rem 1rem;
    }
    .btn.ht-btn .btn-icon-left{
        margin-right: 0;
    }
    .navbar-collapse{
        position: absolute;
        top: 100%;
        right: 0;
        top: 100%;
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(21px);
        border-radius: 1.5rem;
        padding: 1.5rem;
        min-width: 100%;
    }
    .navbar-nav .nav-item{
        flex-direction: column;
    }
    .dropdown-menu-application{
        min-width: 100%;
    }
    .dropdown-menu-application .application-main{
        flex-direction: column;
    }
    .application-main .application-left{
        width: 100%;
    }
    .application-main .application-right{
        width: 100%;
    }
    .dropdown .dropdown-menu::before{
        content: none;
    }
    .section-smart-solution{
        padding-bottom: 5rem;
    }
    .smart-solutions-wrapper{
        padding: 1rem 2rem;
    }
    .section-hero{
        height: auto;
        background-image: none;
    }
    .hero-image{
        padding: 2rem 1.5rem 6rem;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    .section-inner-hero{
        height: auto;
    }
    .section-hero-about{
        height: auto;
        background-image: none;
    }
    .section-inner-hero.hero-inner-aws{
        background-image: none;
        height: auto;
    }
    .section-inner-hero.hero-inner-google{
        background-image: none;
    }
    .section-inner-hero.hero-inner-azure{
        background-image: none;
    }
    .section-inner-hero.hero-inner-it-consultancy{
        background-image: none;
    }
    .section-inner-hero.hero-inner-database-services{
        background-image: none;
    }
    .section-inner-hero.hero-inner-mobile-app{
        background-image: none;
    }
    .section-inner-hero.hero-inner-web-app{
        background-image: none;
    }
    .section-inner-hero.hero-inner-uiux{
        background-image: none;
    }
    .section-inner-hero.hero-inner-it-infrastructure{
        background-image: none;
    }
    .section-inner-hero.hero-inner-cloud-monitoring-and-management{
        background-image: none;
    }
    .section-inner-hero.hero-inner-cloud-optimization{
        background-image: none;
    }
    .section-inner-hero.hero-inner-devops-and-automation{
        background-image: none;
    }
    .section-inner-hero.hero-inner-it-consulting{
        background-image: none;
    }
    .section-inner-hero.hero-inner-cloud-migration{
        background-image: none;
    }
    .section-inner-hero.hero-inner-cloud-servers{
        background-image: none;
    }
    .section-inner-hero.hero-inner-cloud-monitoring{
        background-image: none;
    }
    .hero-caption .startup-img{
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
    .wewillget-item-column{
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 1.5rem
    }
    .wewillget-item{
        padding: 2.375rem 1.5rem;
    }
    .btn .btn-text{
        display: none;
    }
    .hero-caption h1 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        line-height: 3.5rem;
    }
    .nav.nav-list-wrp .nav-item{
        width: 100%;
    }
    .subtitle-text{
        text-align: left;
    }
    .section-user-story{
        overflow: hidden;
    }
    .section-cloud-servers,
    .section-cloud-services,
    .section-bestindustry,
    .section-user-story,
    .section-our-service-industry,
    .section-whyus,
    .section-who-we-are,
    .section-team,
    .section-wewillget,
    .section-our-app-dev-services,
    .section-cp-text{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .section-vision-mission,
    .section-awards-recognition,
    .section-billing-partner,
    .section-reducecost{
        padding-bottom: 5rem;
    }
    .section-stacks,
    .section-why-people-choose,
    .section-our-work,
    .section-onestop{
        padding-top: 5rem;
    }
    .py-9{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .tabs-wrapper .nav.nav-pills.nav-justified{
        display: flex;
        flex-direction: column;
    }
    .cs-group{
        margin-top: 3rem;
    }
    .cs-card{
        height: calc(100% - 1.5rem);
        margin-bottom: 1.5rem;
    }
    .cs-card.cs-two{
        margin-top: 0;
    }
    .cs-card.cs-three{
        margin-top: 0;
    }
    .text-tag-badge-item{
        height: calc(100% - 1.5rem);
        margin-bottom: 1.5rem;
    }
    .whyus-contact-card{
        margin-top: 1.5rem;
    }
    .section-subscribe{
        padding-bottom: 5rem;
    }
    .subscribe-wrapper{
        padding: 3rem 1.5rem 3rem;
    }
    .info-contact-item{
        margin-bottom: 1.5rem;
    }
    .nav.sitemap-nav{
        gap: 0.5rem 1rem;
    }
    .user-story-title{
    }
    .whoweare-box{
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .vmion-card{
        margin-top: 1.5rem;
    }
    .team-slider-wrp .owl-carousel .owl-nav button.owl-next{
        right: 0;
    }
    .team-slider-wrp .owl-carousel .owl-nav button.owl-prev{
        left: 0;
    }
    .oads-lists{
        flex-direction: column;
    }
    .oads-lists .oads-list-item{
        width: 100%;
    }
    .oads-image{
        margin-bottom: 1.5rem;
    }
    .work-client-item{
        flex-direction: column;
        padding: 3rem 1.5rem;
    }
    .work-client-item .work-client-item-img{
        width: 100%;
    }
    .work-client-item .work-client-item-content{
        width: 100%;
    }
    .obp-wrapper{
        padding: 3rem 1.5rem;
    }
    .obp-items-group{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
    .serve-card{
        height: auto;
        margin-bottom: 1.5rem;
    }
    .scta-wrapper{
        padding: 3rem 1.5rem;
    }
    .serve-list-wrp{
        max-width: 100%;
    }
    .serve-list-item{
        padding: 0.5rem 0.75rem;
    }
    .scta-wrapper .title{
        max-width: 100%;
    }
    .section-text{
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    .reducecost-card{
        margin-bottom: 1.5rem;
    }
    .cloud-operations{
        padding: 4rem 1.5rem;
    }
    .coperation-content{
        margin-bottom: 3rem;
    }
    .billing-partner-items-group{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        flex-direction: column;
        gap: 1.5rem;
    }
    .billing-partner-items-group .billing-partner-item{
        width: 100%;
    }
    .obp-item-card{
        width: calc(33.333% - 0.75rem);
    }
    .uss-secondary .owl-carousel .owl-nav{
        bottom: -3rem;
    }
    .onestop-cloud-platforms-card{
        height: auto;
    }
    .ocpc-main{
        flex-direction: column;
    }
    .oscpc-card{
        width: 100%;
        padding-top: 0;
        margin-bottom: 3rem;
    }
    .cloud-type-icons{
        flex-direction: row;
        width: 100%;
    }
    .ss-list-icons .ss-icon img{
        /*max-width: 1.5rem;
        max-height: 1.5rem;*/
    }
    .modal.modal-right .modal-dialog{
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .cs-card.cs-google-cloud-services .cs-main,
    .cs-card.cs-aws-cloud-services .cs-main,
    .cs-card.cs-azure-cloud-services .cs-main{
        background-size: cover;
        background-position: center;
    }
}
#success-message {
    font-size: 1.5rem;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
}