.header h1{ font-size: 64px; line-height: 94px; font-family:'Roboto'; } h2.font-2023-h2{ font-family: "Roboto",sans-serif; text-transform: capitalize; font-size: 32px; font-style: normal; font-weight: 300; line-height: 1.3; color: #1A50A3; margin:0; padding:0; } h3.font-2023-h3{ color: #000; font-family: "Roboto"; font-size: 28px; font-style: normal; font-weight: 300; line-height: 1.16; margin: 0 0 20px; } .text_left{ padding: 0 50px 0 0; } .img_right{ margin: 0 0px 0 50px; } .text_right{ padding: 0 0px 0 50px; } .img_left{ margin: 0 50px 0 0px; } .x-text.font-2023-text, .x-text.font-2023-text p{ color: #555; font-family: "Roboto"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.5; } .x-anchor-button.btn-core{ box-shadow: 0 0 0; padding: 12px 20px; border-radius: 4px; } .x-anchor-button.btn-core .x-anchor-content{ margin:0; padding:0; } .x-anchor-button.btn-core .x-anchor-content .x-anchor-text{ margin: 0; } .x-anchor-button.btn-core .x-anchor-content .x-anchor-text .x-anchor-text-primary{ font-size: 16px; line-height: 1.3; } .tbg { background: #fff !important; width: 300px; height: 300px; justify-content: center; display: flex !important; align-items: center; border-radius: 90%; padding: 50px; margin-left: auto; } .tbg img{ max-width: 100%; max-height: 100%; } @media only screen and (max-width: 1024px){ h2.font-2023-h2{ font-size: 36px; line-height: 1.3; } .x-text.font-2023-text, .x-text.font-2023-text p{ font-size: 16px; line-height: 1.3; } h3.font-2023-h3{ font-size: 26px; } .font-2023-subheading{ font-size: 20px; } .tbg { width: 200px; height: 200px; padding: 15%; } } @media only screen and (max-width: 800px){ h2.font-2023-h2{ font-size: 30px; } .text_left, .text_right{ padding: 0; } .img_left, .img_right{ margin: 0; } .mob_reverse .x-row-inner .text_left{ order: 1; } .mob_reverse .x-row-inner .text_right{ order: 0; } .tbg { margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 767px){ .btn-core{ width: 100%; } }