

body {
    margin: 0 !important;
}

.post-type-archive-knowledge-base .menu-container{
	background: linear-gradient(90deg, #101B4DAA 0%, #101B4D 100%), url(../images/landing-header.jpg) 70% 0% no-repeat padding-box;
}

.page-wrapper {
    background-color: #FFFFFF;
}

.first-blocks-container {
    display: grid;
    padding-left: 16%;
    padding-right: 16%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 16px;
    margin-top: 40px;
}

.first-section-blocks {
    width: 100%;
    height: 205px;
    border-top-left-radius: 50px;
}

.first-blocks-title {
    font-size: 28px;
    line-height: 33px;
    margin-top: 50px;
    color: #FF7722;
    text-align: center;
    font-weight: 600;
}

.title-second-block {
    color: #7692FF;
}

.title-third-block {
    color: #101B4D;
}

.first-block-image {
    background: linear-gradient(90deg, #FF772288 0%, #101b4d88 100%), url(https://www.telehouse.net/wp-content/uploads/2022/08/Knowledge-Base-Data-Centres.jpg) 70% 0% no-repeat padding-box;
    opacity: 5%;
    background-size: cover;
}

.first-block-image:hover {
    opacity: 100%;
}

.first-block-image:hover + .non-blured-background {
    opacity: 100%;
}

.non-blured-background {
    position: absolute;
    margin-top: -200px;
    width: 22%;
}

.first-block-image:hover ~ .non-blured-background > .first-blocks-title {
    color: white;
}

.non-blured-background:hover > .first-blocks-title {
    color: white;
}

.second-block-image:hover ~ .non-blured-background > .first-blocks-title {
    color: white;
}

.non-blured-background:hover > .first-blocks-title {
    color: white;
}

.third-block-image:hover ~ .non-blured-background > .first-blocks-title {
    color: white;
}

.non-blured-background:hover > .first-blocks-title {
    color: white;
}

.non-blured-background:hover .first-block-image, .category-block:hover .first-block-image {
    opacity: 100%;
    color: #fff;
}

.non-blured-background:hover .second-block-image, .category-block:hover .second-block-image {
    opacity: 100%;
    color: #fff;
}

.non-blured-background:hover .third-block-image, .category-block:hover .third-block-image {
    opacity: 100%;
    color: #fff;
}

.second-block-image {
    background: linear-gradient(90deg, #7692FF55 0%, #101b4d88 100%), url(https://www.telehouse.net/wp-content/uploads/2022/08/Knowledge-Base-Cloud.jpg) 70% 0% no-repeat padding-box;
    opacity: 5%;
    background-size: cover;
}

.second-block-image:hover{
    opacity: 100%;
}


.third-block-image {
    background: linear-gradient(90deg, #101b4d88 0%, #101b4d88 100%), url(https://www.telehouse.net/wp-content/uploads/2022/08/Need-help2.png) 70% 0% no-repeat padding-box;
    opacity: 5%;
    background-size: cover;
}

.third-block-image:hover {
    opacity: 100%;
}

.first-blocks-buttons {
    background-color: #FF7722;
    width: 60%;
    height: 50px;
    outline: none;
    border: unset;
    border-radius: 2px;
    display: block;
    margin: 17px auto 0 auto;
    cursor: pointer;
}

.button-label {
    font-size: 18px;
    color: white;
    line-height: 43px;
    cursor: pointer;
}

.topics-section {
    margin-top: 86px;
    padding-left: 5%;
    padding-right: 5%;
}

.topics-title {
    color: #101B4D;
    text-align: center;
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
}

.topics-options {
    display: flex;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 16px;
    margin-top: 76px;
}

.remove-filters {
    text-align: center;
    background-color: #0D1742;
    height: 50px;
    width: 74%;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
}

.remove-filters:hover {
    box-shadow: 0px 23px 36px #00000029;
}

.remove-text {
    color: white;
    margin-top: 17px;
}

.option-topic-container {
    width: 100%;
    height: 50px;
    background-color: #0D1742;
    border-radius: 2px;
    cursor: pointer;
}

.option-topic-container-ai {
    width: 50%;
    height: 50px;
    background-color: #0D1742;
    border-radius: 2px;
    cursor: pointer;
}

.journey-topic-container {
    width: 191px;
    height: 50px;
    background-color: #0D1742;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 30px;
}

.journey-extender-image {
    height: 210px;
}

.journey-display-flex {
    display: inline-flex;
}

.margin-top-text-journey {
    margin-left: 17px;
}

.topics-first-logo {
    background-color: #7BDCB5;
    width: 20%;
    height: 50px;
    display: inline-block;
}

.secure-icon {
    margin-left: 14%;
    margin-top: 8px;
    width: 76%;
    height: 77%;
}

.locker-icon {
    margin-left: 19%;
    margin-top: 6px;
    width: 58%;
    height: 77%;
}

.style-for-second-icon {
    width: 64%;
}

.topics-second-logo {
    background-color: #7692FF;
    width: 20%;
    height: 50px;
    display: inline-block;
}

.topics-third-logo {
    background-color: #9B51E0;
    width: 20%;
    height: 50px;
    display: inline-block;
}

.topics-four-logo {
    background-color: #FF7722;
    width: 20%;
    height: 50px;
    display: inline-block;
}

.topics-five-logo {
    background-color: #FC9B27;
    width: 20%;
    height: 50px;
    display: inline-block;
}

.topics-six-logo {
    background-color: #FB6D62;
    width: 20%;
    height: 50px;
    display: inline-block;
}

.topics-seven-logo {
    background-color: #1539DB;
    width: auto;
    height: 50px;
    display: inline-block;
}

.topics-block-text {
    display: inline-block;
    margin-left: 11%;
    margin-top: 16px;
    vertical-align: top;
    font-size: 18px;
    color: white;
}

.margin-for-migration-and-strategy {
    margin-left: 19%;
}

.journey-block-text {
    display: inline-block;
    margin-left: 8%;
    margin-top: 16px;
    vertical-align: top;
    font-size: 18px;
    color: white;
}

.articles-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 16px;
    padding-left: 5%;
    padding-right: 5%;
}

.column-inner {
    background: #fff;
    padding: 50px;
}

.powder-blue-link {
    color: #7692FF;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-blue-link:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/icon-cta-arrow.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}


.powder-orange-link {
    color: #FF7722;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-orange-link:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-FF7722.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.powder-pink-link {
    color: #7692FF;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-pink-link:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-FB6D62.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.powder-yellow-link {
    color: #7692FF;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-yellow-link:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-FC9B27.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.powder-black-link {
    color: #7692FF;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-black-link:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-0D1742.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.powder-link-infrastructure {
    color: #FF7722;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-link-infrastructure:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-FF7722.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.powder-link-migration {
    color: #7692FF;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-link-migration:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-9B51E0.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.powder-link-future {
    color: #FC9B27;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-link-future:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-FC9B27.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}


.powder-link-strategy {
    color: #FB6D62;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-link-strategy:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-FB6D62.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.powder-link-cloud {
    color: #FB6D62;
    text-decoration: none;
    font-size: 18px;
    line-height: 34px;
}

.powder-link-cloud:after {
    content: "";
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/article-arrow-7692FF.svg") !important;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
}

.margin-for-first-topics-block {
    margin-top: 50px;
}

.margin-for-second-topics-block {
    margin-top: 34px;
}

.margin-for-third-topics-block {
    margin-top: 34px;
}

.articles-title {
    color: #101B4D;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
}

.link-color2 {
    color: #101B4D;
}

.link-color3 {
    color: #FB6D62;
}

.link-color4 {
    color: #FC9B27;
}

.read-more-infrastructure {
    color: #FF7722;
}

.read-more-strategy {
    color: #FB6D62;
}

.read-more-migration {
    color: #9B51E0;
}

.read-more-future {
    color: #FC9B27;
}

.read-more-cloud {
    color: #7692FF;
}

/*.option-topic-container:hover .topics-block-text{*/
/*    color: #101B4D;*/
/*}*/

.option-topic-container:hover {
    box-shadow: 0px 23px 36px #00000029;
}

.journey-topic-container:hover {
    box-shadow: 0px 23px 36px #00000029;
}

.btn-primary:hover {
    box-shadow: 0px 23px 36px #00000029;
}

.color-infrastructure {
    background: white !important;
    margin-top: 16px !important;
    border-bottom: solid 4px #FF7722 !important;
}

.color-strategy {
    background: white !important;
    margin-top: 16px !important;
    border-bottom: solid 4px #FB6D62 !important;
}

.color-migration {
    background: white !important;
    margin-top: 16px !important;
    border-bottom: solid 4px #9B51E0 !important;
}

.color-future {
    background: white !important;
    margin-top: 16px !important;
    border-bottom: solid 4px #FC9B27 !important;
}

.color-cloud {
    background: white !important;
    margin-top: 16px !important;
    border-bottom: solid 4px #7692FF !important;
}

.single-block:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;

}

.single-block:hover .powder-blue-link::after, .single-block:hover .powder-orange-link::after {
    margin-left: 15px;
}

.single-block {
    border-bottom: solid 4px #FF7722;
    background: white;
    margin-top: 16px;
}

.single-block2:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block2:hover .powder-blue-link::after {
    margin-left: 15px;
}

.single-block2 {
    border-bottom: solid 4px #7692FF;
}

.single-block3:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block3:hover .powder-blue-link::after, .single-block3:hover .powder-pink-link::after {
    margin-left: 15px;
}

.single-block3 {
    border-bottom: solid 4px #FB6D62;
    background: white;
}

.single-block4:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block4:hover .powder-blue-link::after, .single-block4:hover .powder-black-link::after {
    margin-left: 15px;
}

.single-block4 {
    border-bottom: solid 4px #101B4D;
    background: white;
}

.single-block5:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block5:hover .powder-blue-link::after, .single-block5:hover .powder-yellow-link::after {
    margin-left: 15px;
}

.single-block5 {
    border-bottom: solid 4px #FC9B27;
}

.single-block6:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block6:hover .powder-blue-link::after,  .single-block6:hover .powder-pink-link::after {
    margin-left: 15px;
}

.single-block6 {
    border-bottom: solid 4px #FB6D62;
    background: white;
}

.single-block7:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block7:hover .powder-blue-link::after, .single-block7:hover .powder-orange-link::after {
    margin-left: 15px;
}

.single-block7 {
    border-bottom: solid 4px #FF7722;
    background: white;
}

.single-block8:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block8:hover .powder-blue-link::after {
    margin-left: 15px;
}

.single-block8 {
    border-bottom: solid 4px #7692FF;
}

.single-block9:hover {
    -webkit-box-shadow: 0px 23px 36px #00000029;
    -moz-box-shadow: 0px 23px 36px #00000029;
    box-shadow: 0px 23px 36px #00000029;
}

.single-block9:hover .powder-blue-link::after,  .single-block9:hover .powder-pink-link::after {
    margin-left: 15px;
}

.single-block9 {
    border-bottom: solid 4px #FB6D62;
}

.articles-sub-title {
    color: #101B4D;
    margin-top: 20px;
    font-size: 14px;
    line-height: 21px;
}

.link-label {
    margin-top: 20px;
    display: inline-block;
}

.powder-blue-link:hover:after {
    margin-left: 15px;
}

.journey-section {
    background: transparent linear-gradient(255deg, #7692FF 0%, #101B4D 100%) 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    border-bottom-left-radius: 200px;
    margin-top: 150px;
    background-size: cover;
}

.gradient-journey {
    background: transparent linear-gradient(238deg, #9B51E0 0%, #210A38 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 500px;
    border-bottom-left-radius: 200px;
    margin-top: 150px;
}

.gradient-journey-home {
    background: linear-gradient(90deg, #101B4DAA 0%, #101B4D 1000%), url(../images/landing-header.jpg);
    width: 100%;
    height: 300px;
    border-bottom-left-radius: 200px;
    margin-top: -1px;
    background-position: center;
}

.journey-home {
	padding: 0% 10%;
	text-align:center;
}

.journey-underline{
	margin:2% 45%;
	height:2px;
	
	background: #FF7722;
}

.journey-title-home img{
	max-width:100%;
	height:110px;
}

.journey-section-container {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-column-gap: 188px;
    padding-top: 100px;
}

.journey-section-container-home {
    display: grid;
    grid-template-columns: 1fr;

    padding-top: 20px;
}

.journey-title-home {
    font-size: 45px;
    line-height: 54px;
    color: white;
    font-weight: 300;
    width:100%
}

.journey-sub-title-home {
    font-size: 17px;
    line-height: 24px;
    color: white;
    margin-top: 20px;
    width:100%;
}


.journey-title {
    font-size: 45px;
    line-height: 54px;
    color: white;
    font-weight: 600;
}

.journey-sub-title {
    font-size: 17px;
    line-height: 24px;
    color: white;
    margin-top: 20px;
}

.text-section {
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 76px;
}

.text-section-title {
    text-align: center;
    width: 100%;
    color: #101B4D;
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
}

.two-col-contaier {
    display: grid;
    margin-top: 30px;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 31px;
    padding-bottom: 74px;
    border-bottom: solid 2px lightgray;
}

.sub-title-col-sections {
    color: #101B4D;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
}

.first-section-photo-dimenstion {
    width: 398px;
    height: 199px;
}

.text-container {
    margin-top: 20px;
    color: #101B4D;
}

.btn-primary {
    margin-top: 50px;
    background-color: #0D1742;
    width: 270px;
    height: 50px;
    border-radius: 2px;
    cursor: pointer;
    border: none;
}

.btn-text {
    color: white;
    font-size: 18px;
    line-height: 44px;
    text-decoration: unset;
}

.second-text-section {
    margin-top: 76px;
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 76px;
}

.second-text-container {
    margin-top: 30px;
    color: #101B4D;
}

.centered-btn {
    margin: 50px auto;
    display: block;
}

.width-second-photo {
    width: 100%;
}

.margin-left-second-block {
    left: 39%;
}

.margin-left-third-block {
    left: 61.8%;
}

.margin-for-last-photo {
    margin-top: 54px;
    margin-bottom: 90px;
}

.first-border {
    width: 100%;
    height: 4px;
    background-color: #FF7722;
}

.second-border {
    width: 100%;
    height: 4px;
    background-color: #7692FF;
}

.third-border {
    width: 100%;
    height: 4px;
    background-color: #101B4D;
}

.menu-options {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 16px;
    margin-top: 76px;
}

a {
    text-decoration: none;
    color: unset;
}

.article-text {
    text-align: center;
    color: #101B4D;
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
}

.padding-bottom-acticles-second-page {
    padding-bottom: 150px;
}

.second-page-posts-margin {
    margin-top: 0px;
}

.second-text-section-margin {
    padding-bottom: 0px;
}

.contents-text {
    color: #101B4D;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
}

.topics-block-text-third-page {
    display: block;
    margin-top: 16px;
    font-size: 18px;
    color: white;
    text-align: center;
    font-weight: 600;
}

.option-topic-container-third-page {
    width: 100%;
    height: 90px;
    background-color: #0D1742;
    cursor: pointer;
    border-radius: 2px;
}

.background-inner {
    background-size: unset !important;
    background-image: unset !important;
}

.option-topic-container-third-page:hover .topics-block-text-third-page {
    color: #101B4D;
}

.option-topic-container-third-page:hover {
    background: #7BDCB5;
}

.text-section {
    padding-left: 25%;
    padding-right: 25%;
    margin-top: 76px;
}

.text-section-titles {
    font-size: 28px;
    line-height: 34px;
    color: #101B4D;
    font-weight: 600;
}

.text-section-paragraphs {
    font-size: 15px;
    line-height: 23px;
    color: #101B4D;
    margin-top: 20px;
}

.margin-for-text-sections {
    margin-top: 50px;
}

.post-type-archive-knowledge-base .page-wrapper ul {
    list-style: none;
    padding: 0px;
    padding-left: 15px;
    margin: 0;
    color: #101B4D;
}

.post-type-archive-knowledge-base .page-wrapper ul li::before {
    content: "\2022";
    color: #7BDCB5;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.text-page-sub-title {
    font-size: 20px;
    color: #101B4D;
    line-height: 24px;
    font-weight: 600;
}

.text-page-margin-for-posts {
    margin-bottom: 50px;
}

.second-menu-options {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 16px;
    margin-top: 17px;
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

.mobile-color-second-btn {
    background-color: #7692FF;
}

.mobile-color-third-btn {
    background-color: #101B4D;
}

@media all and (max-width: 1900px) and (min-width: 1580px) {
    .topics-block-text {
        font-size: 18px;
        margin-left: 13%;
    }

    .margin-for-migration-and-strategy {
        margin-left: 17%;
    }
}

@media all and (max-width: 1580px) and (min-width: 1380px) {
    .topics-block-text {
        font-size: 17px;
        margin-left: 9%;
    }

    .margin-for-migration-and-strategy {
        margin-left: 17%;
    }

    .topics-block-text-third-page {
        font-size: 16px !important;
        padding: 5px;
    }

    .remove-text {
        font-size: 15px;
    }
}

@media all and (max-width: 1380px) and (min-width: 1300px) {
    .topics-block-text {
        font-size: 18px;
        margin-left: 6%;
    }

    .margin-for-migration-and-strategy {
        margin-left: 15%;
    }

    .topics-block-text-third-page {
        font-size: 15px !important;
        padding: 5px;
    }

    .secure-icon {
        margin-left: 13%;
    }

    .remove-text {
        font-size: 14px;
    }
}

@media all and (max-width: 1300px) and (min-width: 1025px) {
    .topics-block-text {
        font-size: 15px;
        margin-left: 5%;
    }

    .margin-for-migration-and-strategy {
        margin-left: 15%;
    }

    .topics-block-text-third-page {
        font-size: 14px !important;
        padding: 5px;
    }

    .option-topic-container-third-page {
        height: 100px !important;
    }

    .remove-text {
        font-size: 13px;
    }

    .journey-section-container {
        grid-column-gap: 160px;
        padding-top: 70px;
    }
}

/* mobile style */
@media all and (max-width: 1024px) {
    .first-blocks-container {
        display: block;
        padding-left: 10%;
        padding-right: 10%;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .topics-options {
        display: block;
        margin-top: 36px;
    }

    .articles-container {
        display: block;
        padding-left: 0%;
        padding-right: 0%;
    }

    .two-col-contaier,
    .journey-section-container {
        display: block;
    }

    .text-section,
    .second-text-section {
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 64px;
    }

    .non-blured-background {
        left: 20.5%;
        width: 60%;
    }

    .second-block-image,
    .third-block-image,
    .mobile-margin-for-topics {
        margin-top: 16px;
    }

    .ai {
        width: 100%;  
    }

    .topics-seven-logo {
        width: 20% !important;
    }
    
    .remove-filters {
        width: 100% !important;
    }


    .first-blocks-buttons {
        width: 80%;
    }

    .single-block2, .single-block3, .single-block5, .single-block6, .single-block8, .single-block9 {
        margin-top: 16px;
    }

    .topics-block-text {
        margin-left: 18%;
    }

    .style-for-second-icon {
        width: 72%;
    }

    .first-section-photo-dimenstion {
        width: 100%;
    }

    .journey-section-container {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 64px;
    }

    .journey-section {
        border-bottom-left-radius: 100px;
        height: 510px;
        margin-top: 118px;
    }

    .gradient-journey {
        height: 950px;
    }

    .journey-title {
        text-align: center;
        padding-left: 5%;
        padding-right: 5%;
    }

    .journey-sub-title {
        text-align: center;
        color: white;
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 50px;
    }

    .journey-topic-container {
        width: 181px;
        height: 50px;
        margin-left: 25%;
        margin-top: 36px;
    }

    .text-section {
        margin-top: 64px;
    }

    .two-col-contaier {
        margin-top: 28px;
        border-bottom: unset;
        padding-bottom: 0px;
    }

    .font-body {
        margin-top: 36px;
    }

    .text-container {
        font-size: 15px;
    }

    .btn-primary {
        margin-top: 36px;
    }

    .second-text-container {
        font-size: 15px;
        text-align: center;
        padding-left: 5%;
        padding-right: 5%;
    }

    .article-text {
        font-size: 110px;
        line-height: 110px;
    }

    .secure-icon {
        margin-top: 5px;
    }

    .option-topic-container-third-page {
        height: 184px;
        margin-top: 35px;
    }

    .topics-block-text-third-page {
        font-size: 50px;
        line-height: 80px;
        padding: 15px;
    }

    .text-section-paragraphs {
        margin-top: 45px;
    }

    .margin-for-text-sections {
        margin-top: 90px;
    }

    .contents-text {
        font-size: 50px;
        line-height: 60px;
        text-align: left;
    }

    .margin-for-last-photo {
        margin-top: 75px;
    }

    .first-blocks-title {
        color: #FF7722;
    }

    .title-second-block {
        color: #7692FF !important;
    }

    .title-third-block {
        color: #101B4D !important;
    }

    .third-block-image {
        border-bottom: solid 10px #101B4D;
    }

    .first-border {
        width: 100%;
        background-color: #FF7722;
    }

    .second-border {
        width: 100%;
        background-color: #7692FF;
    }


    .third-border {
        width: 100%;
        background-color: #101B4D;
    }

    .menu-options {
        display: block;
    }

    .topics-section {
        margin-top: 64px;
        padding-left: 10%;
        padding-right: 10%;
    }

    .text-section-title {
        padding-right: 5%;
        padding-left: 5%;
    }

    .journey-extender-image {
        display: none;
    }

    .journey-display-flex {
        display: block;
    }

    .margin-top-text-journey {
        margin-left: 0px;
    }

    .remove-text {
        padding-top: 15px;
    }

    .locker-img {
        display: none;
    }

    .height-header {
        height: 460px;
    }

    .journey-title-home img {
        height: 160px;
    }
}