body {

    overflow-x: hidden;

}



.container {

    padding: 0;

    margin-top: 50px !important;

}



.services_title {

    color: #004098;

    font-size: 6.0rem;

    font-weight: bold;

    text-align: center;

    text-transform: capitalize;

}



.services_shape {

    position: absolute;

    left: 26.5%;

}



.services_sentence {

    position: relative;

    text-align: center;

    padding-top:15px;

}



a.btn.btn-primary {

    position: relative;

    border: 1px solid black;

    background-color: transparent;

    color: black;

    padding: 12px 29px;

    font-size: 16px;

    cursor: pointer;

    letter-spacing: 2px;

    transition: .7s;

}



a.btn.btn-primary::after {

    content: "\A";

    width: 56px;

    height: 1px;

    position: absolute;

    left: 147px !important;

    bottom: 18px;

    background: #000;

}



.services_subtitles {

    font-size: 24px;

    font-weight: 600;

    border-bottom: 2px solid #004098;

    padding: 0 0 15px 0px;

    width: 164px;

}

/*.services_subtitles::after {*/

/*    content: "\A";*/

/*    width: 189px;*/

/*    height: 2px;*/

/*    position: absolute;*/

/*    top: 140px;*/

/*    left: 400px;*/

/*    background: #004098;*/

/*    display: inline-block;*/

/*}*/

.services_tabs .nav {

    padding: 40px 0;

    border-bottom: none;

    width: fit-content;

    margin: auto;

}

.services_tabs .nav li {

    padding: 0 30px;

}

.services_tabs .nav li a {

    color: #676767;

    font-weight: bold;

    font-size: 16px;

}

.services_tabs .nav li a:hover, .services_tabs .nav li a:focus {

    text-decoration: none;

}

.services_tabs .nav li .active {

    color: #004098;

}

.services_tabs .tab-content {

    margin-left: 14%;

}

.services_tabs .tab-content .tab-pane {

    display: none;

    position: relative;

    padding: 10px 20px;

    padding-top: 50px;

    padding-right: 0;

}

.services_tabs .tab-content .tab-pane.active {

    display: block;

}

.services_tabs .tab-content .tab-pane::before {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 150px;

    width: 100%;

    background-color: #F7F7F7;

}

.services_tabs .tab-content .tab-pane h4 {

    color: #004098;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}

.services_tabs .tab-content .tab-pane p {

    font-size: 16px;

    text-align: justify;

}

.services_tabs .tab-content .tab-pane .image-div {

    padding-right: 0;

}

.first-content {

    background: url(../images/background-1.png) no-repeat;

    background-size: 90%;

    background-position-x: 100%;

    margin-top: 50px;

    margin-left: 14%;

}

.first-content .row h1 {

    padding: 0;

    margin-bottom: 10px;

}

.first-content .row p {

    font-size: 18px;

    margin-bottom: 20px;

}

.first-content .row ul {

    list-style-type: disc;

    padding-left: 20px;

}

.we-provide-div {

    padding-left: 50px;

    padding-bottom: 70px;

}

.we-provide-div .provide-list li {

    display: inline-block;

    margin-right: 10%;

}

.we-provide-div .provide-list li .img-div {

    background: url(../images/circle.png) no-repeat;

    background-size: 100%;

    width: 100px;

    height: 120px;

    margin-bottom: 10px;

}

.we-provide-div .provide-list li img {

    display: block;

    margin: auto;

    padding-top: 30px;

}

.we-provide-div .provide-list li p {

    line-height: 16px;

}

.mobile {

    display: none;

}

.service-package-div {

    background-color: #EEF4F9;

    padding: 80px 30px;

    padding-left: 17%;

}

.service-package-div h1 {

    padding: 0;

    margin-bottom: 10px;

}

.service-package-div p {

    font-size: 18px;

    margin-bottom: 20px;

}

.service-package-div ul {

    list-style-type: disc;

    padding-left: 20px;

}

.service-package-details {

    padding: 30px 0;

}

.service-package-div .service-package-left .service-package-logo {

    margin: 15px 0;

}

.service-package-div .service-package-left ul {

    padding-left: 0;

    list-style-type: none;

}

.service-package-div .service-package-left h1 {

    color: #004098;

}

.service-package-div .service-package-left ul li {

    padding: 10px 0;

    border-bottom: 2px solid #D9D9D9;

}

.service-package-div .service-package-left ul li:last-child {

    border-bottom: none;

}



.service-package-div #package-carousel .item {

    position: relative;

}

.service-package-div #package-carousel .img-div {

    position: absolute;

    top: 0;

    left: 15%;

    background-color: #004098;

    border-radius: 50%;

    width: 100px;

    height: 100px;

}

.service-package-div #package-carousel .img-div img {

    width: 60%;

    padding-top: 20px;

    margin: auto;

}

.service-package-div #package-carousel .content-div {

    background-color: #FFF;

    padding: 20px 15px;

    padding-top: 90px;

    margin-top: 50px;

    height: 400px;

}

.service-package-div #package-carousel .content-div h2 {

    font-weight: bold;

    font-size: 18px;

    margin-bottom: 20px;

}

.service-package-div #package-carousel .content-div ul {

    list-style-type: none;

    padding: 0;

}

.service-package-div #package-carousel .content-div ul li {

    position: relative;

    font-size: 14px;

    margin-bottom: 5px;

    padding-left: 20px;

}

.service-package-div #package-carousel .content-div ul li:before {

    content: '';

    position: absolute;

    display: block;

    background: url(../images/checkbox.png) no-repeat;

    width: 20px;

    height: 20px;

    left: 0;

    top: 8px;

}

.service-package-div #package-carousel .owl-dots {

    margin: 0;

    margin-top: 20px;

    width: fit-content;

}

.service-package-div #package-carousel .owl-dots button span {

    background: transparent;

    border: 3px solid #000;

}

.service-package-div #package-carousel .owl-dots .active span {

    background-color: #000;

}

.big-data-analysis-content {

    padding: 40px 0;

}

.big-data-analysis-content .big-data-analysis-inner {

    margin: 30px 0;

}

.big-data-analysis-content .left-content p {

    font-size: 24px;

    font-weight: bold;

    color: #004098;

    line-height: 30px;

    margin-bottom: 30px;

}

.big-data-analysis-content .right-content h1 {

    padding: 0;

    font-size: 18px;

    margin-bottom: 10px;

}

.big-data-analysis-content .benefits-div {

    border: 2px solid #000;

    padding: 30px 25px;

    margin: 70px 0;

    box-shadow: 18px 16px 5px 0px rgba(215,215,215,0.75);

}

.big-data-analysis-content .benefits-div > h1 {

    padding: 0;

}

.big-data-analysis-content .benefits-div .benefits-list {

    margin: 30px 0;

}

.big-data-analysis-content .benefits-div .single-benefits {

    background: url(../images/circle.png) no-repeat;

    background-size: 100%;

    width: 120px;

    height: 120px;

}

.big-data-analysis-content .benefits-div .single-benefits p {

    line-height: 16px;

    position: absolute;

    bottom: 0;

    left: 40px;

    width: 60%;

}

.big-data-analysis-content .benefits-div .single-benefits span {

    font-size: 12px;

    position: absolute;

    bottom: 0;

    bottom: -20px;

    left: 40px;

}

.big-data-analysis-content .benefits-div .benefits-desc {

    background-color: #EEF4F9;

    margin-top: 50px;

    padding: 20px 25px;

}

.big-data-analysis-content .benefits-div .benefits-desc p {

    line-height: 20px;

    margin-bottom: 5px;

}

.cloud-content {

    position: relative;

    margin-top: 50px !important;

    background-color: #EEF4F9;

    padding: 50px 0px 50px 0px;   

}

.cloud-content .special-img {

    width: 250px;

    position: absolute;

    bottom: -10%;

}

.cloud-content .services_subtitles {

    padding-left: 0%;

}

.cloud-content .services_subtitles:after {

    left: 0%;

}

.cloud-content .cloud-content-inner {

    margin: 20px 0;

}

.cloud-content .cloud-content-inner img {

    width: 90%;

}

.cloud-content .cloud-content-inner .cloud-desc {

    padding-top: 30px;

    padding-right: 40px;

}

.cloud-content .cloud-content-inner .cloud-left-desc {

    margin: auto;

    padding-right: 0;

    padding-top:0;

}

.cloud-content .cloud-content-inner .cloud-desc p.heading {

    text-align: normal;

    color: #333;

    padding-left: 55px;

    font-weight: normal;

    margin-bottom: 20px;

    font-size: 1.8rem;

    border-left: 2px solid #000000;

}

.cloud-content .cloud-content-inner .cloud-desc p.desc {

    text-align: justify;

    color: #333;

    padding-left: 55px;

    margin-bottom: 20px;

    font-size: 1.6rem;

}

.cloud-content .cloud-content-inner .right-img-div {

    padding-right: 0;

    margin-top: -430px;

    margin-left: 496px;

    text-align: center;

}

.why-cloud-content {

    padding: 40px 0;

}

.why-cloud-content .why-cloud-heading-desc {

    padding-right: 0px;

    padding-top: 30px;

}

.why-cloud-content .why-cloud-heading-desc h1 {

    padding: 0;

    margin-bottom: 20px;

    font-size:28px;

}

.why-cloud-content .why-cloud-heading-desc p {

    line-height: 24px;

}

.why-cloud-content .reason-list {

    margin: 20px auto;

    width: 90%;

    display: flex;

    flex-wrap: wrap;

    counter-reset: LIST-ITEMS 0;

}

.why-cloud-content .reason-list li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    width: 33.333%;

    margin: 0;

}

.why-cloud-content .reason-list li:before {

    position: absolute;

    content: counter(LIST-ITEMS);

    counter-increment: LIST-ITEMS;

    font-size: 150px;

    left: 0;

    top: 0;

    color: #EEF4F9;

    font-weight: bold;

    line-height: 120px;

}

.why-cloud-content .reason-list li:after {

    position: absolute;

    content: '';

    display: block;

    background-color: #004098;

    width: 10px;

    height: 120px;

    top: 0;

    left: 75px;

}

.why-cloud-content .reason-list li .reason-content {

    padding-left: 100px;

}

.why-cloud-content .reason-list li:nth-child(2) {

    margin-top: 100px;

}

.why-cloud-content .reason-list li:nth-child(3) {

    margin-top: 200px;

}

.why-cloud-content .reason-list li h1 {

    padding: 0;

    font-size: 18px;

    margin-bottom: 10px;

}

.why-cloud-content .reason-list li p {

    padding-left: 30px;

    font-size: 14px;

    line-height: 20px;

}

.cloud-service-package {

    padding: 100px 100px 0px 100px;

}

.cloud-service-package .heading-div {

    width: 50%;

}

.cloud-service-package .heading-div p.heading {

    padding: 0;

    margin-bottom: 20px;

    font-size: 2.4rem;

    font-weight: 600 !important;

    color: #000;

}

.cloud-service-package .heading-div p.heading span {

    padding: 0;

    margin-bottom: 20px;

    font-size: 2.4rem;

    font-weight: normal;

    color: #000;

}

.cloud-service-package .heading-div p.heading:after {

    content: "\A";

    width: 100%;

    height: 2px;

    margin-top: 30px;

    background: #004098;

    display: inline-block;

}

.cloud-service-package .heading-div p {

    line-height: 22px;

}

.cloud-service-package .cloud-service-package-content {

    padding: 40px 0;

    margin-left: -20px !important;

    margin-right: -20px !important;

}

.cloud-service-package .cloud-service-package-content p.heading {

    color: #000;

    font-size: 1.6rem;

    padding: 20px 0;

}



.cloud-service-package .cloud-service-package-content .cloud-desc p {

    padding: 0 140px;

    text-align: justify;

    text-align-last: center;

    color: #4473b3;

}

.cloud-service-package .cloud-service-package-content img {

    width: 100%;

    height: 282px;

}

.cloud-service-package .cloud-service-package-content #package-accordion {

    padding-right: 80px;

}

.cloud-service-package .cloud-service-package-content #package-accordion .card {

    border: none;

    margin-bottom: 30px;

}

.cloud-service-package .cloud-service-package-content #package-accordion .card-header {

    padding: 0;

    border: none;

}

.cloud-service-package .cloud-service-package-content #package-accordion button {

    position: relative;

    margin: 0;

    letter-spacing: unset;

    font-weight: bold;

    font-size: 18px;

    padding: 10px 15px;

    padding-left: 50px;

    border: none;

    color: #004098;

}

.cloud-service-package .cloud-service-package-content #package-accordion button:before {

    content: '-';

    color: #004098;

    font-size: 28px;

    position: absolute;

    left: 15px;

    font-weight: normal;

    line-height: 30px;

}

.cloud-service-package .cloud-service-package-content #package-accordion button.collapsed:before {

    content: '+';

    color: #000;

}

.cloud-service-package .cloud-service-package-content #package-accordion button.collapsed {

    color: #000;

}

.cloud-service-package .cloud-service-package-content #package-accordion button:after {

    display: none;

}

.cloud-service-package .cloud-service-package-content #package-accordion button:hover, .cloud-service-package .cloud-service-package-content #package-accordion button:focus {

    background-color: #FFF;

    text-decoration: none;

}

.cloud-service-package .cloud-service-package-content #package-accordion button:hover:before, .cloud-service-package .cloud-service-package-content #package-accordion button:focus:before {

    background-color: #FFF;

}

.why-tms-content {

    padding: 50px 0;

    background: url(../images/cloud-icon.png) no-repeat #EEF4F9;

    background-size: 20%;

    background-position-x: 30%;

    background-position-y: 150%;

}

.why-tms-content h1 {

    padding: 0;

    margin-bottom: 20px;

}

.why-tms-content p {

    color: #004098;

    font-size: 18px;

    font-weight: bold;

    line-height: 30px;

}

.software-content {

    padding-top: 70px;

}

.software-content .left-img-div img, .software-content .right-img-div img {

    width: 100%;

}

.software-content .left-img-div {

    padding-left: 0 !important;

}

.software-content .right-img-div {

    padding-right: 0 !important;

}

.software-content .software-paragraph {

    text-align: justify;

    padding-right: 10%;

    padding-left: 11%;

    padding-top: 40px;

}

@media (max-width: 1300px) {

.cloud-content .special-img {

    display: none;

}

.why-cloud-content .reason-list {

    width: 80%;

}

.cloud-service-package .heading-div {

    width: 60%;

}

.cloud-content .cloud-content-inner {

    margin-left: 0%;

}



.cloud-content .cloud-content-inner .cloud-left-desc {

    padding-left: 0px;

}



/* .col-12.col-md-6.left-content-div {

    padding:0;

} */



}

@media (max-width: 1200px) {

    

.cloud-service-package .heading-div {

    width: 80%;

    padding-left: 7%;

    padding-top: 60px;

}

.cloud-content .cloud-content-inner {

    margin-left: 0%;

}

.cloud-service-package .cloud-service-package-content #package-accordion, .cloud-content .cloud-content-inner .cloud-desc, .why-cloud-content .why-cloud-heading-desc {

    padding-right: 10px;

}

.cloud-content .services_subtitles {

    padding-left: 5%;

}

.cloud-content .services_subtitles:after {

    left: 0%;

}

.why-cloud-content .reason-list {

    width: 100%;

}

.big-data-analysis-content .benefits-div {

    width: 90%;

    margin: 70px auto;

}

.big-data-analysis-content .benefits-div .single-benefits p {

    bottom: 20%;

}



}







@media (max-width: 992px) {



.cloud-service-package .heading-div {

    width: 80%;

    padding-left: 7%;

    padding-top: 0px;

}



.cloud-service-package .cloud-service-package-content #package-accordion .card {

    margin-bottom: 10px;

}

.cloud-service-package .cloud-service-package-content #package-accordion button {

    font-size: 16px;   

}

.cloud-service-package .cloud-service-package-content #package-accordion .card-body p {

    font-size: 14px;

}





.why-cloud-content .why-cloud-heading-desc {

    padding-top: 0;

}

.why-cloud-content .reason-list li {

    margin-top: 0 !important;

    width: 50%;

    margin-bottom: 40px;

}

.why-cloud-content .reason-list li:before {

    font-size: 120px;

    line-height: 90px;

}

.why-cloud-content .reason-list li:after {

    height: 90px;

    width: 6px;

    left: 60px;

}

.why-cloud-content .reason-list li .reason-content {

    padding-left: 80px;

}

.why-cloud-content .reason-list li p {

    padding-left: 20px;

}

.why-cloud-content .reason-list li h1 {

    font-size: 16px;

}

.cloud-content .cloud-content-inner {

    margin-left: 0;

}

.cloud-content .cloud-content-inner .right-img-div {

    padding-right: 20px;

}

.cloud-content .cloud-content-inner .cloud-desc {

    padding-top: 0;

    padding-right: 0;

    padding-left: 0;

    width: 100%;

}

.software-content .left-img-div {

    padding-left: 20px !important;

    padding-right: 20px !important;

}

.software-content .right-img-div {

    padding-left: 20px !important;

    padding-right: 20px !important;

    order: 0;

}

.software-content .left-content-div {

    order: 1;

}

.software-content .software-paragraph {

    padding: 20px 35px;

}

.first-content {

    margin-left: 0;

}

.service-package-div {

    padding: 50px 20px;

}

.services_tabs .tab-content {

    margin-left: 0;

}

.why-tms-content {

    background-size: 30%;

    background-position-x: 25%;

    background-position-y: 120%;

}

.big-data-analysis-content .left-content p {

    font-size: 18px;

}

.big-data-analysis-content .right-content h1 {

    font-size: 16px;

}

.big-data-analysis-content .right-content p {

    font-size: 14px;

}

.big-data-analysis-content .benefits-div .single-benefits span {

    bottom: 0;

}

.big-data-analysis-content .benefits-div .benefits-list > div {

    width: 50%;

    max-width: 50%;

}

}

@media (max-width: 769px) {



.services_sentence {

    text-align: center;

    padding-left: 0;

    font-size: 50px;

}



.services_title {

    position: relative;

    margin-top: 10px;

}



.services_shape {

    left: 22%;

    height: 50px;

    bottom: 55%;

}

    

.cloud-service-package {

    padding-left: 20px;

    padding-right: 20px;

}



.col-md-12.col-lg-6.col-service-package {

    padding: 0;

}

    

.why-cloud-content .why-cloud-heading-desc h1 {

    padding: 0;

    margin-bottom: 20px;

    font-size: 28px;

}    

    

.cloud-content .services_subtitles:after {

    left: 3%;

}    

    

.why-cloud-content {

    padding: 40px 20px;

}



.cloud-service-package .cloud-service-package-content img {

    width: 80%;

    display: block;

    margin: 20px auto;

}

.cloud-service-package .heading-div {

    padding: 0px;

    width: 100%;

}

.cloud-service-package .heading-div h1 {



    margin-bottom: 10px;

}

.cloud-service-package .heading-div p {

    font-size: 14px;

}

.why-cloud-content .why-cloud-heading-desc {

    padding: 0px;

}

.cloud-content .cloud-content-inner {

    padding: 0 20px;

}

.cloud-content .cloud-content-inner .right-img-div {

    order: 0;

}

.cloud-content .cloud-content-inner .left-content-div {

    order: 1;

}

.why-tms-content {

    background-size: 40%;

    background-position-x: 6%;

    background-position-y: 180%;

}

.why-tms-content h1 {

    font-size: 28px !important;

}

.big-data-analysis-content .big-data-analysis-inner > div {

    padding: 0 20px;

}

.service-package-div .service-package-left ul li, .service-package-div > ul li {

    font-size: 14px;

}

.first-content .row > div {

    padding: 0 20px;

}

.first-content .row h1 {

    margin-top: 20px;

    font-size: 18px;

}

.first-content .row p, .services_tabs .tab-content .tab-pane h4 {

    font-size: 16px;

}

.first-content .row ul li, .we-provide-div .provide-list li p {

    font-size: 14px;

}

.first-content .we-provide-div {

    padding-left: 20px;

}

.services_tabs .tab-content .tab-pane .image-div {

    padding-top: 0;

}

.services_tabs .tab-content .tab-pane {

    padding-right: 20px;

    padding-top: 20px;

    padding-bottom: 40px;

}

.services_tabs .tab-content .tab-pane::before {

    height: 100%;

}

.services_tabs .nav li a {

    font-size: 14px;

}

.services_tabs .content-div {

    order: 1;

}

.services_tabs .image-div {

    order: 0;

}

.services_tabs .image-div img {

    width: 100%;

}

.services_tabs .tab-content .tab-pane p {

    font-size: 14px;

}

.big-data-analysis-content .benefits-div .single-benefits p {

    font-size: 14px;

    width: 80%;

}

.big-data-analysis-content .benefits-div .benefits-desc p {

    font-size: 14px;

}

.big-data-analysis-content .benefits-div .single-benefits span {

    font-size: 10px;

}

.press-card .card .card-img-top {

    width: -webkit-fill-available;

}

.press-main-content {

    padding: 25px 20px !important;

}

.press-content .card-body, .press-content2 .card-body h5 {

    font-size: 16px !important;

}

.press-content .card-title, .press-content2 .card-title {

    font-size: 20px !important;

}

a.btn.btn-primary::after {

    width: 30px;

}

.col-sm-custom {

    -webkit-box-flex: 0 !important;

    -webkit-flex: 0 0 50% !important;

    -ms-flex: 0 0 50% !important;

    flex: 0 0 50% !important;

    max-width: 50% !important;

}

}



@media (max-width:768px){

.cloud-content .cloud-content-inner .left-content-div {

    order: 1;

    padding-right:0;

}



.col-md-6.col-cloud {

    padding: 0;

}



.cloud-content .cloud-content-inner .right-img-div {



    padding: 0;

}



.col-sm-12.col-cloud-title, #breadCrumb {

    padding-left: 20px !important;

    padding-right: 20px !important;

}

}



@media (max-width: 767px){

.services_title {

    font-size:35px;

}

}



@media (max-width: 670px) {

.why-cloud-content .reason-list li {

    width: 100%;

    height: 80px;

}

.why-cloud-content .reason-list li p {

    padding-left: 0;

}

.why-tms-content {

    background-position-x: 12%;

    background-position-y: 150%;

}

.why-tms-content p {

    font-size: 16px;

}

}

@media (max-width: 576px) {

.big-data-analysis-content .services_subtitles, .software-content .services_subtitles, .first-content .services_subtitles, #contents > .services_subtitles {

    font-size: 24px;

    padding-left: 40px;

}

.big-data-analysis-content .services_subtitles:after, .software-content .services_subtitles:after, .first-content .services_subtitles:after, #contents > .services_subtitles:after {

    width: 80px;

    top: 70px;

}

.software-content .software-paragraph p {

    font-size: 14px;

}

.why-tms-content {

    background-position-x: 15%;

    background-position-y: 120%;

}

.big-data-analysis-content .left-content p {

    font-size: 16px;

    line-height: 20px;

}

.service-package-div #package-carousel .img-div {

    width: 70px;

    height: 70px;

    top: 4%;

    left: 9%;

}

.service-package-div #package-carousel .img-div img {

    padding-top: 14px;

}

.service-package-div #package-carousel .content-div {

    padding-top: 70px;

}

.we-provide-div .provide-list li .img-div {

    width: 80px;

    height: 100px;

}

.we-provide-div .provide-list li .img-div img {

    width: 80%;

}

.we-provide-div .provide-list li:last-child {

    margin-right: 0;

}

.big-data-analysis-content .benefits-div .benefits-list > div {

    width: 100%;

    max-width: 100%;

}

}

@media (max-width: 468px) {

.why-cloud-content .reason-list li p {

    font-size: 12px;

}

.services_title {

    font-size: 25px;

    margin-top: 10px;

}

.why-tms-content {

    background-position-x: 10%;

    background-position-y: 110%;

    background-size: 50%;

}

.why-tms-content p {

    padding: 0 15px;

    line-height: 24px;

}

.big-data-analysis-content .services_subtitles, .software-content .services_subtitles {

    font-size: 18px;

}

.big-data-analysis-content .services_subtitles:after, .software-content .services_subtitles:after {

    top: 60px;

}

.we-provide-div .provide-list {

    display: flex;

    flex-wrap: wrap;

}

.we-provide-div .provide-list li {

    width: 50%;

    margin: 0;

    margin-bottom: 20px;

    text-align: center;

}

.we-provide-div .provide-list li .img-div {

    margin: auto;

}

}



@media (max-width: 426px){

.cloud-content {

    margin-top: 17px;

}

.desktop {

    display: none;

}

.mobile {

    display: block;

    height: auto;

}

.cloud-content .cloud-content-inner {

    margin: 40px 0 20px 0;

}



.why-cloud-content .reason-list li {

    height: 90px;

}



.services_sentence {

    padding-left: 0;

    font-size: 30px;

}



.services_subtitles{

    padding-top:0;

}

    



.services_subtitles::after {

    top: 55px;

}

    

.services_subtitles, .cloud-content .cloud-content-inner .cloud-desc h1,

.why-cloud-content .why-cloud-heading-desc h1, .cloud-service-package .heading-div h1

{

    font-size: 2.8rem !important;

}



.cloud-content .cloud-content-inner .cloud-desc p, 

.cloud-service-package .heading-div p,

.cloud-service-package .cloud-service-package-content #package-accordion .card-body p,

.cloud-service-package .cloud-service-package-content #package-accordion button{

    font-size: 1.6rem !important;

}



.cloud-content .services_subtitles:after {

    left: 5%;

}



.cloud-service-package .cloud-service-package-content {

    padding: 0 0 40px 0;

}

.col-xs-custom {

    -webkit-box-flex: 0 !important;

    -webkit-flex: 0 0 100% !important;

    -ms-flex: 0 0 100% !important;

    flex: 0 0 100% !important;

    max-width: 100% !important;

}

.services_shape {

    left: 15%;

    height: 50px;

    bottom: 30%;

}

.card-body {

    height: 350px !important;

}

}

@media (max-width: 376px) {

    .services_shape {

        left: 10%;

    }

}



@media (max-width: 321px){

.services_subtitles::after {

    top: 50px;

}    

.services_shape {

    left: 4%;

}

.cloud-content .services_subtitles:after {

    left: 6%;

}

}





/*Workstyle Today*/

img.services_shape.workstyle {

    left: 20%;

}



.workstyle-content {

    margin-top: 50px;

    font-size:1.6rem;

}



.workstyle-content p{

    text-align: center;

    margin-top: 30px;

}



.workstyle-content p strong, .workstyle-solution-desc span{

    color:#004098;

}



.workstyle-solution-body {

    background: #EEF4F9;

    margin: 40px 0 0 0;

    padding: 70px 0;

}



 .workstyle-solution-desc {

    font-weight: bold;

    text-align: center;

    font-size: 1.8rem;

}



.workstyle-solutions-title {

    font-size: 1.6rem;

    text-align:center;

    font-weight: bold;

    line-height: 1.5;

}



.row.row-workstyle {

    margin-top: 40px;

}



.col.col-lg-6.col-solution-packages, .col.col-inner-solution-package {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.solution-package-body {

    margin: 70px 0 40px 0;

}



.solution-package-title {

    font-size: 2.8rem;

    font-weight: bold;

}



.row.row-solution-package {

    margin-top: 40px;

}



.solution-package-title::after {

    content: "\A";

    width: 170px;

    height: 2px;

    background: #004098;

    display: block;

    margin-top: 5px;

}



.col-solution-content {

    display: flex;

    align-items: center;

    height: 200px;

    background: #EEF4F9;

    margin-bottom: 20px;

}



.col-solution-content.d-color{

    background: #daf4eb;

}





.col-solution-packages:nth-child(odd) .col-solution-content {

   margin-right:10px;

}



.col-solution-packages:nth-child(even) .col-solution-content {

   margin-left:10px;

}



.inner-solution-package-title {

    font-weight: bold;

    color: #004098;

    font-size: 1.8rem;

}



.inner-solution-package.left {

    width: 30%;

    padding-left:50px;

}



.inner-solution-package.right {

    width: 70%;

    padding:0 50px;

}



button.M365-btn {

    position:relative;

    border: 2px solid black;

    background-color: transparent;

    color: black;

    padding: 4px 38px;

    font-size: 1.6rem;

    letter-spacing: 2px;

    bottom: 10%;

    transition: .7s;

    margin-left: 0 !important;

}



button.M365-btn:hover {

    border: 2px solid #004098;

    background-color: #004098;

    color: white;

}



button.M365-btn:hover:after {

    background-color: #004098;

}



button.M365-btn::after {

    content: "\A";

    width: 52px;

    height: 1.5px;

    position: absolute;

    left: 153px;

    bottom: 18px;

    background: black;

}



.inner-solution-package-content {

    margin-top: 10px;

}



.workstyle-solutions-icon {

    width: 150px;

    height: 150px;

    text-align:center;

    margin: auto;

    border-radius: 100%;

    vertical-align: middle;

    margin-bottom:20px;

}



.workstyle-solutions-icon img{

    padding-top:30px;

}



.workstyle-solutions-icon.one{

    background: #003d94;

}



.workstyle-solutions-icon.two {

    background: #0959c7;



}



.workstyle-solutions-icon.three {

    background: #2f80f2;



}



/* Custom Ryan */



.left-content-div {

    padding-left: 0px !important;

}



.cloud-content .cloud-content-inner .cloud-desc strong {

    color: #004098;

}



.information-security-solution .information-security-solution-desc {

    position: absolute;

    top: 60px;

    right: 70px;

}

.information-security-solution .information-security-solution-desc .trs{

    position: absolute;

    top: 115px;

    right: 130px;

}



.information-security-solution .information-security-solution-desc h2.heading {

    color: #FFF;

    font-size: 2.4rem;

    padding: 40px 0px;

    font-weight: 600;

}

.information-security-solution .information-security-solution-desc li.branch1 {

    color: #FFF;

    font-size: 1.6rem;

    padding-bottom: 5px;

}

.information-security-solution .information-security-solution-desc li.branch2 {

    color: #FFF;

    font-size: 1.6rem;

    padding-bottom: 7px;

}

.information-security-solution .information-security-solution-desc li.branch3 {

    color: #FFF;

    font-size: 1.6rem;

    padding-bottom: 8px;

}

.information-security-solution .information-security-solution-desc li.branch4 {

    color: #FFF;

    font-size: 1.6rem;

}

.featured-course {

    border-bottom: 1px solid #b2b2b2;

}

.training-title {

    position: relative;

    margin-top: 50px !important;

    padding: 50px 0px 50px 0px;

}

/* End Custom Ryan */

.press-content .card-body, .press-content2 .card-body {

    padding: 30px;

    font-size: 24px;

    color: #000;

    background: #eef4f9;

}

.press-content .card-body, .press-content2 .card-body h5 {

    font-size: 20px;

}



.press-content .card-title, .press-content2 .card-title {

    padding: 10px 0;

    font-size: 24px;

    font-weight: 700;

    color: #004098;

}

.press-content .card-text, .press-content2 .card-text {

    padding-bottom: 30px;

    font-size: 20px;

    color: #000;

}

.btn {

    color: #000 !important;

}

.btn:hover {

    color: white !important;

    text-decoration: none;

    background: #004098 !important;

}

.btn::after {

    content: "\A";

    width: 56px;

    height: 1px !important;

    position: absolute;

    left: 200px !important;

    bottom: 21px;

    background: #000;

}

.btn:hover:after {

    content: "\A";

    width: 56px;

    height: 1px !important;

    position: absolute;

    left: 200px !important;

    bottom: 21px;

    background: #004098 !important;

}

.press-main-content {

    padding: 25px 0;

}

.press-main-content .press-content .press-card, .press-main-content .press-content2 .press-card {

    /*padding-left: 0;*/

    /*padding-right: 0;*/

}

.press-main-content nav ul.pagination-press {

    display: flex;

    justify-content: center;

    padding: 25px;

}



.press-main-content nav ul.pagination-press li {

    border: 1px solid #000;

    padding: 0px 10px;

    margin-right: 10px;

}



.press-main-content nav ul.pagination-press li span, .press-main-content nav ul.pagination-press li a {

    color: #000;

}



.press-main-content nav ul.pagination-press li span:hover, .press-main-content nav ul.pagination-press li a:hover {

    color: #004098;

    text-decoration: none;

}

.press-detail-main-content {

    padding: 30px 0;

    position: relative;

}

.press-detail-main-content .heading-date {

    text-align: right;

    color: #004098;

    font-size: 24px;

    font-weight: 700

}

/* Press Release AI Home */

.press-sub-banners.one {

    background: url(../images/press-detail/press-image1.png);

    margin-top: 35px;

}

.press-sub-banners.two {

    background: url(../images/press-detail/press-image2.png);

}

.press-sub-banners.three {

    background: url(../images/press-detail/press-image3.png);

}

/* Press Release Opening Ceremony */

.press-opening-sub-banners.one {

    margin-top: 35px;

}

.press-opening-sub-banners.two {

    margin-top: 35px;

}

.press-opening-sub-banners.three {

    margin-top: 35px;

}

.press-opening-sub-banners.four {

    margin-top: 35px;

}

/* Press Release Scholarship */

.press-sch-sub-banners.one, .press-sch-sub-banners.two, .press-sch-sub-banners.three {

    margin-top: 35px;

} 



.press-sub-banners {

    padding: 250px 50px;

    margin-bottom: 20px;

    background-size: cover !important;

    background-position: top !important;

}

.background-press-detail {

    max-height: unset !important;

    width: 100% !important;

    position: absolute;

    z-index: -9999;

    top: 40px;

    right: 230px;

}

.title-about h1 {

    padding: 5px 0;

    font-size: 2.8rem;

    position: relative;

    width: 60%;

    float: left;

}

.title-about h1::after {

    content: "\A";

    width: 149px;

    height: 3px;

    position: absolute;

    bottom: -15px;

    left: 0;

    background: #004098;

    display: inline-block;

}



/*weijian*/

.col-md-4.press-card {

    padding: 7px !important;

}



.card-body {

    height: 450px;

    position:relative;

}



a.btn.btn-primary {

    position: absolute;

    border: 1px solid black;

    background-color: transparent;

    padding: 6px 29px;

    font-size: 16px;

    bottom: 40px;

    cursor: pointer;

    letter-spacing: 2px;

    transition: .7s;

}



.press-date {

    color: #004098;

    font-size: 2.0rem;

    font-weight: bold;

    width: 40%;

    text-align: end;

    float: right;

}



.wrapper.title-about,

.press02-title {

    margin-top: 30px;

}



.press02-title h1 {

    padding: 5px 0;

    font-size: 2.8rem;

    position: relative;

    width: 60%;

    float: left;

}



.press02-title h1::after {

    content: "\A";

    width: 149px;

    height: 3px;

    position: absolute;

    bottom: -15px;

    left: 0;

    background: #004098;

    display: inline-block;;

}



.press02-title {

    height: 100px;

}



.press02-body {

    margin: 40px 0;

    position: relative;

}



.press02-box {

    background-image: url(../images/press-images/pdf-vector.png);

    padding: 45px 70px;

    display: flex;

    flex-direction: row;

    align-items: center;

    position: relative;

}



span.pdf-name {

    font-size: 2.4rem;

    color: #004098;

    font-weight: bold;

    position: relative;

}



.pdf-section {

    line-height: 1.1;

    margin-left: 40px;

}



.press02-box a.btn.btn-primary {

    position: absolute;

    border: 1px solid black;

    background-color: transparent;

    padding: 6px 29px;

    font-size: 16px;

    cursor: pointer;

    letter-spacing: 2px;

    transition: .7s;

    right: 123px;

    top: 23px;

    bottom:initial;

}



.press02-box a.btn.btn-primary::after {

    content: "\A";

    width: 45px;

    height: 1px;

    position: absolute;

    left: 136px !important;

    bottom: 18px;

    background: #000;

}



.press03-title {

    position:relative;

    font-size: 2.8rem;

    font-weight: bold;

    width: 79%;

    line-height: 1.2;

    margin: 30px 0 50px 0;

}



.press03-title::after {

    content: "\A";

    width: 149px;

    height: 3px;

    position: absolute;

    bottom: -15px;

    left: 0;

    background: #004098;

    display: inline-block;;

}



.press03-content-body {

    padding: 0px 53px;

}



.press03-content-img {

    margin-top: 30px;

}



.press03-content {

    margin-top: 70px;

}



.pressleft-bck {

    background: aliceblue;

    width: 770px;

    height: 450px;

    position: absolute;

    z-index: -1;

}



.press03-content-date {

    font-size: 2.0rem;

    font-weight: bold;

    color: #004098;

    text-align: end;

    line-height: 1;

}



.press03-title.four {

    width: 63%;

}



.press03-descp {

    font-size: 2.0rem;

    font-weight: bold;

    width: 44%;

    line-height: 1.2;

    margin-bottom: 30px;

    margin-top: 20px;

}



.press03-content.four .pressleft-bck {

    width: 930px;

    height: 600px;

}



.press03-descp {

    font-size: 2.0rem;

    font-weight: bold;

    width: 44%;

    color: #004098;

    line-height: 1.2;

    margin-bottom: 30px;

}



.press06-descp {
    font-size: 2.0rem;
    /*width: 44%;*/
    color: #333;
    line-height: 1.2;
    margin-bottom: 30px;
    text-align:justify;
}


.press03-content.four.right {

    margin-top: 50px;

}



.press03-content.four.right .press03-content-body {

    padding-top:20px;

}



.press03-content.four.right .pressleft-bck {

    right: 0;

}



.press03-content.four.right .press03-descp {

    float: right;

    width: 33%;

}



.press03-img-sample.two {

    margin-top: 40px;

}



.press03-content.four.right .press03-descp.a {

    width: 54%;

}



.press03-content-body.b {

    padding-top: 20px;

}



.press-main-content nav ul li.active a {

    color: #004098;

}

.press-card .card .card-img-top {

    height: 250px;

    object-fit: cover;

    width: 100%;

}


.bgleft {
    background: aliceblue;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.bgright {
    background: aliceblue;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.innerwrapperNew {
    /*position: relative;
    z-index: 1;*/
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;  
}

.mainWrap{
    position: relative;
}

.imgset{
    display: flex;
    gap: 20px;
    clear: both;
    width: 60%;
}

.imgset img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .pp-descp {
        float: none !important;
        width: 100%;
    }

    .bgleft {
        width: 100%;
    }

    .bgright {
        width: 100%;
    }

    .imgset {
        flex-direction: column;
        display: block;
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 15px;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }

    .imgset img {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 15px;
    }
}