:root {
--headerHeight: 100px;
--sectionWidth: 85%;
--btnColor: #177abf;
--linkColor: #177abf;
--headingColor: #0d2237;
--headingColor2: #003366;
--textColor: #666666;
--textColor2: #0d2237;
--textThemeColor: #02024d;
--whiteColor: #ffffff;
--lightGrey: #999999;
}
@media (max-width: 1180px) {
:root {
--sectionWidth: 90%;
}
}
::-webkit-scrollbar {
width: 15px;
}
@media (max-width: 1050px) {
::-webkit-scrollbar {
width: 5px;
}
}
body {
font-family: "Figtree", sans-serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4;
color: var(--textColor);
display: flex;
flex-direction: column;
min-height: 100vh;
overflow-x: hidden;
box-sizing: border-box;
}
.overflow {
overflow: hidden !important;
}   .j2sec::-webkit-scrollbar-track {
background: #f1f1f1;
} .j2sec::-webkit-scrollbar-thumb , .select-items::-webkit-scrollbar-thumb  {
background: #055c8f;
border-radius: 0px;
} .j2sec::-webkit-scrollbar-thumb:hover , .select-items::-webkit-scrollbar-thumb  {
background: #055c8f;
} .header {
width: 100%;
background-color: #ffffff;
position: relative;
z-index: 5;
transition: all 0.3s ease-in-out;
height: 75px;
}
.header .headerTop {
position: relative;
transition: height 0.25s;
}
.header__wrapper {
max-width: 90%;
height: 100%;
margin: 0 auto;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: auto 1fr auto;
align-items: center;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .productsMainTitle__wrapper .closeSubMenu svg line {
stroke: var(--btnColor);
stroke-width: 3px;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .productsMainTitle__wrapper .closeSubMenu:hover line {
stroke: #fff !important;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list.menuActive {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
@media (max-width: 1280px) {
.header__wrapper {
max-width: 95%;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list__items.dropdownlist {
background-color: #fff;
}
}
@media (max-width: 768px) {
.header__wrapper {
max-width: 90%;
}
}
.header__wrapper .mobileSubMenu .productList .title.ERM {
background-color: #e4f1cc !important;
}
.header__wrapper .mobileSubMenu .productList .title.EWP {
background-color: #eae1f0 !important;
}
.header__wrapper .mobileSubMenu .productList .title.PSA {
background-color: #ffeebd !important;
}
.header__wrapper .mobileSubMenu .productList .title.PPM {
background-color: #f9e3ef !important;
}
.header__wrapper .mobileSubMenu .productList .title.industries {
background-color: #c2e3f2 !important;
}
.header__wrapper .mobileSubMenu .productList .title.functions {
background-color: #eddfb2 !important;
}
.header__wrapper .logoContainer img {
width: 150px;
height: auto;
transition: all 0.3s ease-in-out;
}
@media (max-width: 600px) {
.header__wrapper .logoContainer img {
width: 140px;
}
}
@media (max-width: 480px) {
.header__wrapper .logoContainer img {
width: 120px;
}
}
.header__wrapper .navContainer {
grid-row: 1 / -1;
grid-column: 2 / 3;
justify-self: start;
margin-left: 40px;
min-height: 73px;
}
.header__wrapper .navContainer .nav_list {
list-style: none;
display: flex;
align-items: center;
}
.header__wrapper .navContainer .nav_list__items {
padding-block: 24px;
font-size: 1.8rem;
font-weight: 500;
color: var(--textThemeColor);
}
@media (min-width: 1050px) {
.stickyHeader .header__wrapper .navContainer .nav_list__items:hover, .stickyHeader .header__wrapper .navContainer .nav_list__items > span.active, 
.header__wrapper .navContainer .nav_list__items.dropdownlist .downArrow.menu-link{
color: var(--linkColor);
}
.header__wrapper .navContainer .nav_list .hasSubMenu .downArrow:hover::before, 
.header__wrapper .navContainer .nav_list .dropdownlist .downArrow.menu-link::before{
border-top: 2px solid var(--linkColor);
border-left: 2px solid var(--linkColor);
}
}
.header__wrapper .navContainer .nav_list__items.dropdownlist .downArrow {
color: var(--headingColor);
font-weight: 400;
transition: all 0.5s;
}
.header__wrapper .navContainer .nav_list__items:not(:first-child) {
margin-left: 40px;
}
@media (max-width: 1200px) {
.header__wrapper .navContainer .nav_list__items:not(:first-child){
margin-left: 25px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .downArrow {
position: relative;
display: inline-block;
padding-right: 10px;
cursor: pointer;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .downArrow::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
right: -5px;
top: 6px;
border-top: 2px solid var(--textThemeColor);
border-left: 2px solid var(--textThemeColor);
transform: rotate(225deg);
}
@media(max-width:1050px){
.header__wrapper .navContainer .nav_list .hasSubMenu .downArrow::before {
width: 10px;
height: 10px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu {
position: absolute;
top: calc(100% - 1px);
left: 50%;
width: 95%;
height: auto;
z-index: -1;
visibility: hidden;
opacity: 0;
background-color: var(--whiteColor);
border-top: 1px solid #e5e5e5;
box-shadow: 0 25px 47px -28px rgba(0, 0, 0, .3);
transition: opacity .4s ease, visibility .4s ease;
transform: translateX(-50%);
display: none;
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu {
width: 100%;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu::-webkit-scrollbar {
width: 15px;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu::-webkit-scrollbar-thumb{
background: #b3b1b1;
}
@media (max-width: 1180px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu {
max-height: 400px;
overflow-y: auto;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu.activeSubMenu {
display: block;
visibility: visible;
opacity: 1;
z-index: 10;
}
.header__wrapper .navContainer .nav_list .SubMenu .productsMainTitle {
padding: 10px 0;
background-color: #f8f8f8;
}
.header__wrapper .navContainer .nav_list .SubMenu .productsMainTitle .productsMainTitle__wrapper {
position: relative;
max-width: 95%;
margin: 0 auto;
}
#Blog_Title{
width: auto !important;
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .SubMenu .productsMainTitle .productsMainTitle__wrapper {
max-width: 95%;
}
}
.header__wrapper .navContainer .nav_list .SubMenu .productsMainTitle .productsMainTitle__wrapper .text {
position: relative;
display: block;
font-size: 1.6rem;
font-weight: 600;
color: var(--textThemeColor);
line-height: 1;
margin-top: -1px;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .SubMenu .productsMainTitle .productsMainTitle__wrapper .text {
font-size: 1.4rem;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu__wrapper {
position: relative;
max-width: 95%;
margin: 0 auto;
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu__wrapper {
max-width: 95%;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .closeSubMenu {
position: absolute;
top: 50%;
right: 0;
width: 26px;
height: 26px;
background-color: #d0ecfc;
border-radius: 50%;
z-index: 1;
box-shadow: 0 3px 7px 1px rgba(173, 166, 166, 0.21);
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-50%);
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .closeSubMenu:hover{
background-color: var(--btnColor);
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .closeSubMenu svg {
width: 14px;
height: auto;
cursor: pointer;
fill: var(--btnColor);
transition: transform 0.2s ease-in-out;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuContainer {
display: grid;
grid-template-columns: auto auto auto;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer {
width: 260px;
min-width: 260px;
height: 100%;
padding-top: 60px;
box-shadow: 32px 0px 40px -32px rgba(0, 0, 0, 0.16);
}
@media (max-width: 1700px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer {
width: 230px;
min-width: 230px;
padding-top: 30px;
}
}
@media (max-width: 1480px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer {
width: 210px;
min-width: 210px;
padding-top: 20px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer__title {
padding: 15px 20px;
padding-left: 0;
border-bottom: 1px solid #dddddd;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer__title span {
position: relative;
display: block;
font-size: 1.6rem;
font-weight: 500;
color: var(--textThemeColor);
line-height: 1.2;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 5px;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer__title span {
font-size: 1.4rem;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer__title span::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 75px;
height: 2px;
background-color: #4b7dc6;
opacity: 0.5;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList {
list-style: none;
cursor: pointer;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list {
position: relative;
transition: all 0.25s;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list:not(:last-child) {
border-bottom: 1px solid #dddddd;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
right: 20px;
top: 50%;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
transform: rotate(135deg) translateY(calc(-50% + 13px));
transition: all 0.25s;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list__link {
display: block;
font-size: 1.6rem;
font-weight: 400;
color: var(--textThemeColor);
line-height: 1.3;
padding: 15px 20px;
transition: all 0.25s;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list__link {
font-size: 1.4rem;
padding: 10px 20px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list__link span {
display: block;
}
@media (max-width: 1700px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list__link span {
display: block;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list:hover::before,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list.menuActive::before {
border-color: var(--textThemeColor);
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list:hover::before, .header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list.menuActive::before, .header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list::before {
width: 8px;
height: 8px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list:hover .submenuContentList_list__link,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList_list.menuActive .submenuContentList_list__link {
font-weight: 600;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listERM:hover,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listERM.menuActive {
background-color: #e4f1cc;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listEWM:hover,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listEWM.menuActive {
background-color: #eae1f0;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listPSA:hover,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listPSA.menuActive {
background-color: #ffeebd;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listEWOM:hover,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listEWOM.menuActive {
background-color: #d3e9f5;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listPPM:hover,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listPPM.menuActive {
background-color: #f9e3ef;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listIndustries:hover,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listIndustries.menuActive {
background-color: #c2e3f2;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listFunctions:hover,
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuListContainer .submenuContentList .listFunctions.menuActive {
background-color: #eddfb2;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer {
width: 100%;
padding: 60px;
border-right: 1px solid #e5e5e5;
}
@media (max-width: 1700px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer {
padding: 30px 40px 40px;
}
}
@media (max-width: 1480px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer {
padding: 20px 30px 30px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px 15px 20px;
background-color: #f1f1f1;
border-radius: 5px;
margin-bottom: 20px;
}
@media (max-width: 1370px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop {
padding: 10px 15px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop .textContent {
margin-right: 20px;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop .textContent .title {
font-size: 2.2rem;
font-weight: 600;
line-height: 1.3;
margin-bottom: 5px;
color: var(--textThemeColor);
}
@media (max-width: 1600px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop .textContent .title {
font-size: 2rem;
}
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop .textContent .title {
font-size: 1.8rem;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop .textContent .description {
font-size: 1.6rem;
font-weight: 400;
color: var(--textThemeColor);
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop .textContent .description {
font-size: 1.4rem;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerTop .btnContent .btn {
height: 35px;
font-size: 1.4rem;
font-weight: 600;
padding: 8px 18px;
white-space: nowrap;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .ERM {
background-color: #e4f1cc;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .EWM {
background-color: #eae1f0;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .PSA {
background-color: #ffeebd;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .EWOM {
background-color: #d3e9f5;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .PPM {
background-color: #f9e3ef;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 10px;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle {
grid-column-gap: 20px;
}
}
@media (max-width: 1480px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle {
grid-column-gap: 10px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .InnerContent {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 15px 20px;
border-radius: 5px;
transition: all 0.25s ease-in-out;
}
@media (max-width: 1370px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .InnerContent {
padding: 10px 15px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .imgContent {
margin-right: 20px;
}
@media (max-width: 1370px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .imgContent {
margin-right: 15px;
}
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .imgContent {
margin-right: 10px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .imgContent img {
min-width: 35px;
width: 35px;
height: auto;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .imgContent img {
min-width: 30px;
width: 30px;
height: auto;
}
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .imgContent img {
min-width: 25px;
width: 25px;
height: auto;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .textContent .title {
font-size: 1.6rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 5px;
color: var(--textThemeColor);
transition: all 0.25s;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .textContent .title {
font-size: 1.4rem;
}
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .closeSubMenu {
width: 24px;
height: 24px;
}
}
@media (max-width: 1370px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .textContent .title {
margin-bottom: 2px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .textContent .title:hover {
font-weight: 700;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .textContent .description {
font-size: 1.6rem;
font-weight: 400;
color: #666666;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .textContent .description {
font-size: 1.4rem;
}
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenuInnerContainer .subMenuInnerMiddle .textContent .description {
font-size: 1.2rem;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer {
position: relative;
width: 350px;
min-width: 350px;
height: 100%;
padding: 55px 50px 50px;
text-align: center;
overflow: hidden;
}
@media (max-width: 1700px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer {
width: 300px;
min-width: 300px;
padding: 25px 40px 40px;
}
}
@media (max-width: 1480px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer {
padding: 15px 30px 30px;
}
}
@media (max-width: 1370px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer {
width: 260px;
min-width: 260px;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer .subMenuIcon {
position: absolute;
right: 0;
bottom: 0;
width: 160px;
height: auto;
z-index: -1;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer .subMenueBookContent {
position: relative;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer .subMenueBookContent__title {
display: block;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
color: var(--headingColor);
margin-bottom: 20px;
}
.ebookContainer{
display: none;
animation: menuFadeIn 0.4s ease;
}
.dynamic_ebook_active {
display: block !important; 
animation: menuFadeIn 0.4s ease;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer .subMenueBookContent__title {
font-size: 1.8rem;
line-height: 1.25;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer .subMenueBookContent img {
width: calc(100% + 55px);
height: auto;
margin-bottom: 25px;
}
@media (max-width: 1700px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer .subMenueBookContent img {
width: calc(100% + 45px);
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .subMenueBookContainer .subMenueBookContent .btn {
height: 34px;
font-size: 1.4rem;
font-weight: 600;
padding: 8px 18px;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu [class*="menuOpen"] {
display: none;
opacity: 0;
visibility: hidden;
animation: menuFadeOut 0.4s ease;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .activeSubMenuList {
display: block;
opacity: 1;
visibility: visible;
animation: menuFadeIn 0.4s ease;
}
@keyframes menuFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes menuFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.header__wrapper .ctaContainer {
grid-row: 1 / -1;
grid-column: 3 / -1;
justify-self: end;
display: flex;
}
.header__wrapper .ctaContainer .btn {
height: 38px;
font-size: 1.4rem;
padding: 6px 30px;
}
@media (max-width: 1180px) {
.header__wrapper .ctaContainer .btn {
padding: 6px 25px;
}
}
@media (max-width: 600px) {
.header__wrapper .ctaContainer .btn {
height: 34px;
font-size: 1.2rem;
padding: 5px 20px;
}
}
.header__wrapper .ctaContainer .btn:not(:last-child) {
margin-right: 15px;
} @media (max-width: 600px) {
.header__wrapper .ctaContainer .btn:not(:last-child) {
display: none;
}
}
.stickyHeader{
position: sticky;
top: 0;
left: 0;
right: 0;
border-bottom: 1px solid #e5e5e5;
} .hamburger {
display: none;
}
@media (max-width: 1050px) {
.hamburger {
display: block;
grid-row: 1/-1;
grid-column: 4/-1;
justify-self: end;
margin-left: 20px;
cursor: pointer;
justify-self: start;
width: 20px;
height: 18px;
display: grid;
place-content: center;
}
}
@media (max-width: 600px) {
.hamburger {
margin-left: 15px;
}
}
.hamburger .open {
width: 20px;
height: 2px;
background-color: #000000;
border-radius: 1px;
transition: all 0.6s ease-out;
position: relative;
z-index: 2;
}
.hamburger .open::before,
.hamburger .open::after {
content: "";
position: absolute;
width: 20px;
height: 2px;
background-color: #000000;
border-radius: 1px;
transition: all 0.6s ease-out;
}
.hamburger .open::before {
transform: translateY(-7px);
}
.hamburger .open::after {
transform: translateY(7px);
}
.hamburger.hamburgerClose {
z-index: 10;
}
.hamburger.hamburgerClose .open {
background-color: transparent;
box-shadow: none;
}
.hamburger.hamburgerClose .open::before,
.hamburger.hamburgerClose .open::after {
background-color: #ea4335;
width: 22px;
height: 3px;
}
.hamburger.hamburgerClose .open::before {
transform: rotate(45deg);
}
.hamburger.hamburgerClose .open::after {
transform: rotate(-45deg);
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list {
display: block;
margin-top: 15px;
margin-bottom: 15px;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list__items {
color: var(--whiteColor);
font-weight: 400;
padding: 15px 20px;
}
}
@media (max-width: 1200px) {
.header__wrapper .navContainer {
margin-left: 30px;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer {
all: unset;
position: fixed;
top: 0;
width: 0;
height: 100vh;
background-color: #0d2237;
z-index: 1;
opacity: 0;
visibility: hidden;
z-index: 2;
overflow-y: auto;
left: 0;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.35);
transition: all 0.5s;
overflow-x: hidden;
}
} .header__wrapper .navContainer .navLogoContainer {
display: none;
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list__items.dropdownlist .downArrow{
color: var(--headingColor);
font-weight: 600;
transition: all .5s;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .navLogoContainer {
display: block;
transition: all 0.5s;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .downArrow {
display: block;
padding-right: 0;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .downArro::before {
right: 2px;
transform: rotate(135deg);
border-color: var(--whiteColor);
}
}
@media (max-width: 1050px) {
.header__wrapper .mobileSubMenu {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all 0.25s;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .downArrow::before {
right: 2px;
transform: rotate(135deg);
border-color: var(--whiteColor);
}
.header__wrapper .navContainer .nav_list__items.dropdownlist .downArrow::before {
border-top: 2px solid var(--textThemeColor);
border-left: 2px solid var(--textThemeColor);
transform: rotate(225deg);
transition: all 0.5s;
width: 8px;
height: 8px;
}
.header__wrapper .navContainer .nav_list__items.dropdownlist .title::before {
content: "";
position: absolute;
width: 10px;
top: 50%;
right: 15px;
transform: translateY(-50%);
border-bottom: 2px solid #02024d;
}
.header__wrapper .navContainer .nav_list__items.dropdownlist .title::after {
content: "";
position: absolute;
height: 10px;
top: 50%;
right: 19px;
transform: translateY(-50%);
border-left: 2px solid #02024d;
}
.header__wrapper .navContainer .nav_list__items.dropdownlist .titleActive::after {
content: "";
display: none;
}
}
.header__wrapper .navContainer .nav_list__items:last-child {
color: var(--linkColor);
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list__items:not(:first-child) {
margin-left: 0;
border-top: 1px solid rgba(0, 74, 126, 0.4);
}
.header__wrapper .navContainer .nav_list__items:last-child { color: var(--linkColor);
}
}
.header__wrapper .mobileMenuctaContainer {
min-width: 200px;
padding: 0 20px;
display: none;
margin-bottom: 40px;
}
.header__wrapper .mobileMenuctaContainer .btn {
height: 38px;
font-size: 1.4rem;
padding: 6px 25px;
justify-content: center;
}
.header__wrapper .mobileMenuctaContainer .btn:not(:last-child) {
margin-bottom: 15px;
}
@media (max-width: 1050px) {
.header__wrapper .mobileMenuctaContainer {
display: inline-grid;
}
}
.header__wrapper .navContainer .navLogoContainer a {
display: grid;
align-items: center;
height: 100%;
padding: 0 20px;
}
.header__wrapper .navContainer.is-active {
opacity: 1;
visibility: visible;
width: 340px;
overflow-x: hidden;
}
@media (max-width: 420px) {
.header__wrapper .navContainer.is-active {
width: 80%;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .navLogoContainer a {
padding: 15px 20px 5px;
}
}
@media (max-width: 1050px) and (max-width: 1050px) {
.header__wrapper .navContainer .navLogoContainer a img {
width: 150px;
height: auto;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu.activeSubMenu {
display: none !important;
}
}
@media (min-width: 768px) {
.menu-item .mobileSubMenu {
display: none !important;
}
}
@media (max-width: 1050px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .mobileSubMenu.SubMenu.activeSubMenu {
visibility: visible;
opacity: 1;
max-height: 100%;
display: block !important;
background-color: #fff;
position: relative;
border:none;
overflow: inherit;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .mobileSubMenu .mobileProducts {
padding-top: 10px;
margin-bottom: 5px;
display: block;
}
.header__wrapper .navContainer .nav_list .hasSubMenu .mobileSubMenu.SubMenu.activeSubMenu .title {
position: relative;
display: block;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.3;
border-radius: 5px;
padding: 8px 34px 8px 20px;
background-color: var(--linkColor);
transition: all 0.25s;
margin-bottom: 10px;
cursor: pointer;
color: #02024d;
}
.header__wrapper .mobileSubMenu .productList .list {
list-style: none;
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all 0.25s;
}
.header__wrapper .mobileSubMenu .productList .list.listActivesupmenu {
visibility: visible;
opacity: 1;
max-height: 500px;
}
.header__wrapper .mobileSubMenu .productList .list .item {
font-size: 1.4rem;
font-weight: 400;
color: var(--textColor);
padding: 8px 0 8px 20px;
}
@media (min-width: 1050px) {
.menuOpenERM .subMenuInnerMiddle .InnerContent:hover {
background-color: #E4F1CC;
}
.menuOpenEWM .subMenuInnerMiddle .InnerContent:hover {
background-color: #EAE1F0;
}
.menuOpenPSA .subMenuInnerMiddle .InnerContent:hover {
background-color: #FFEEBD;
}
.menuOpenPPM .subMenuInnerMiddle .InnerContent:hover {
background-color: #F9E3EF;
}
.menuOpenIndus .subMenuInnerMiddle .InnerContent:hover {
background-color: #c2e3f2;
}
.menuOpenFunct .subMenuInnerMiddle .InnerContent:hover {
background-color: #eddfb2;
}
}
.overlay {
height: 100vh;
background-color: rgba(0, 0, 0, .3);
opacity: 1;
visibility: visible;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
@media (max-width: 1050px) {
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.overlay.is-active {
height: 100vh;
background-color: rgba(0, 0, 0, 0.3);
opacity: 1;
visibility: visible;
position: fixed;
top: 0;
left: 0;
right: 0;
}
}
.header__wrapper .navContainer .nav_list .hasSubMenu .mobileSubMenu.SubMenu.activeSubMenu .title.titleActive {
font-weight: 600;
}
.header__wrapper .mobileSubMenu .productList .list.listActive {
visibility: visible;
opacity: 1;
max-height: 500px;
margin-bottom: 15px;
}
.header__wrapper .mobileSubMenu .productList .title span {
display: block;
}
@media (max-width: 1550px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .productsMainTitle {
padding: 8px 0;
}
}
@media (max-width: 1280px) {
.header__wrapper .navContainer .nav_list .hasSubMenu .SubMenu .productsMainTitle_wrapper {
max-width: 95%;
}
}@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
:root {
--headerHeight: 80px;
--sectionWidth: 85%
}
@media (max-width:1180px) {
:root {
--sectionWidth: 90%
}
}
.contentArea {
max-width: 1600px;
margin: 0 auto
}
.btn:hover {
box-shadow: 1px 4px 5px -2px #464646a1
}
.btn-darkPink {
background-color: #ef476f;
border: 1px solid #ef476f;
box-shadow: 0 2px 8px 0px rgba(0, 0, 0, .3)
}
.buttonBackgroundLeftToRightDarkPink {
position: relative;
z-index: 0
}
.buttonBackgroundLeftToRightBlue {
position: relative;
z-index: 0
}
.buttonBackgroundLeftToRightBlue:hover {
border: 1px solid #fff
}
.buttonBackgroundLeftToRightBlue:hover:after {
width: 100%;
transition: .5s;
z-index: -1;
opacity: 1
}
.buttonBackgroundLeftToRightBlue:after {
content: "";
position: absolute;
width: 0;
height: 100%;
top: -1px;
left: -1px;
right: 0;
bottom: 0;
background: #0f3274;
transition: .2s;
border-radius: 5px;
border: 1px solid #fff;
opacity: 0
}
@media (max-width:450px) {
.buttonBackgroundLeftToRightBlue:after {
display: none
}
}
::-webkit-scrollbar {
width: 10px
}
::-webkit-scrollbar-track {
background: #f1f1f1
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px
}
::-webkit-scrollbar-thumb:hover {
background: #555
}
@media (max-width:1260px) {
::-webkit-scrollbar {
width: unset
}
::-webkit-scrollbar-track {
background: unset
}
::-webkit-scrollbar-thumb {
background: unset;
border-radius: unset
}
::-webkit-scrollbar-thumb:hover {
background: unset
}
}
.flexList {
position: relative
}
@media (max-width:1180px) {
.flexList:after {
width: 80px;
height: 80px;
left: -40px
}
}
@media (max-width:1000px) {
.flexList:after {
width: 60px;
height: 60px;
left: -35px
}
}
@media (max-width:534px) {
.flexList:after {
display: none
}
}
.flexList_wrapper {
padding: 70px 0 30px
}
@media (max-width:776px) {
.flexList_wrapper {
padding: 50px 0 20px
}
}
.flexList_container {
width: var(--sectionWidth);
margin: 0 auto
}
.flexList_container .autherHeading {
font-family: "Outfit", sans-serif;
font-size: 46px;
font-weight: 600;
letter-spacing: 1px;
color: #0f3274;
line-height: 1.2;
font-weight: 300;
text-align: center;
width: 35ch;
margin: 0 auto 50px
}
@media (max-width:1366px) {
.flexList_container .autherHeading {
font-size: 40px
}
}
@media (max-width:1268px) {
.flexList_container .autherHeading {
font-size: 38px
}
}
@media (max-width:1180px) {
.flexList_container .autherHeading {
font-size: 32px
}
}
@media (max-width:1050px) {
.flexList_container .autherHeading {
font-size: 30px
}
}
@media (max-width:850px) {
.flexList_container .autherHeading {
font-size: 28px
}
}
@media (max-width:680px) {
.flexList_container .autherHeading {
font-size: 26px
}
}
@media (max-width:600px) {
.flexList_container .autherHeading {
font-size: 24px
}
}
@media (max-width:330px) {
.flexList_container .autherHeading {
font-size: 22px
}
}
@media (max-width:950px) {
.flexList_container .autherHeading {
width: unset
}
}
.flexList_container .autherHeading span {
font-weight: 600
}
@media (max-width:600px) {
.flexList_container .autherHeading span {
display: block
}
}
.flexList_container .cardContainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between
}
@media (max-width:600px) {
.flexList_container .cardContainer {
justify-content: center
}
}
.flexList_container .cardContainer .card {
width: 30%;
transition: all .25s;
margin-bottom: 50px
}
@media (max-width:850px) {
.flexList_container .cardContainer .card {
width: 48%
}
}
@media (max-width:600px) {
.flexList_container .cardContainer .card {
width: 100%
}
}
.flexList_container .cardContainer .card:hover .imageContainer .image {
filter: brightness(.8)
}
.flexList_container .cardContainer .card:hover .imageContainer .playButton {
opacity: 1;
visibility: visible
}
.flexList_container .cardContainer .card:hover .timestamp .svgContainer .svg .cls-1 {
fill: #618fcc
}
.flexList_container .cardContainer .card:hover .timestamp_text {
color: #618fcc
}
.flexList_container .cardContainer .card:hover .textContainer_heading a {
color: #0f3274
}
.flexList_container .cardContainer .card:hover .textContainer_link {
color: #ef476f
}
.flexList_container .cardContainer .card:hover .textContainer_link:after {
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/right-arrow-btnColor.svg)
}
.flexList_container .cardContainer .card .imageContainer {
position: relative
}
.flexList_container .cardContainer .card .imageContainer img {
width: 100%;
height: auto;
transition: all .25s
}
.flexList_container .cardContainer .card .imageContainer .playButton {
width: 70px;
height: 70px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: all .25s
}
.flexList_container .cardContainer .card .imageContainer.fixHeight {
max-height: 175px;
overflow: hidden
}
.flexList_container .cardContainer .card .timestamp {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
margin-top: 20px;
margin-bottom: 10px;
padding: 0 20px
}
@media (max-width:600px) {
.flexList_container .cardContainer .card .timestamp {
padding: 0
}
}
.flexList_container .cardContainer .card .timestamp .svgContainer {
width: 15px;
height: 15px
}
.flexList_container .cardContainer .card .timestamp .svgContainer .svg {
width: 100%;
height: auto;
transition: all .25s
}
.flexList_container .cardContainer .card .timestamp_text {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
font-size: 14px !important;
margin-left: 10px;
font-weight: 600;
}
@media (max-width:1366px) {
.flexList_container .cardContainer .card .timestamp_text {
font-size: 16px
}
}
.flexList_container .cardContainer .card .textContainer {
transition: all .25s;
padding: 0 20px
}
@media (max-width:600px) {
.flexList_container .cardContainer .card .textContainer {
padding: 0
}
}
.flexList_container .cardContainer .card .textContainer_heading a {
color: #444
}
.flexList_container .cardContainer .card .textContainer_heading {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
font-size: 24px !important;
font-weight: 600;
margin-bottom: 20px
}
@media (max-width:1366px) {
.flexList_container .cardContainer .card .textContainer_heading {
font-size: 16px
}
}
@media (max-width:1050px) {
.flexList_container .cardContainer .card .textContainer_heading {
font-size: 20px !important
}
}
@media (max-width:950px) {
.flexList_container .cardContainer .card .textContainer_heading {
font-size: 18px !important
}
}
.flexList_container .cardContainer .card .textContainer_link {
font-family: "Lato", sans-serif;
font-size: 16px;
color: #618fcc;
font-weight: 600;
line-height: 1.2;
position: relative
}
.flexList_container .cardContainer .card .textContainer_link:after {
content: "";
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/right-arrow-blue.svg);
background-repeat: no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -25px;
width: 17px;
height: 12px;
margin-top: 2px
}
.flexList_container .cardContainer .card .textContainer_auther {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start
}
.flexList_container .cardContainer .card .textContainer_auther .date .text,
.flexList_container .cardContainer .card .textContainer_auther .name .text {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
font-size: 14px !important;
font-weight: 600;
color: #666
}
@media (max-width:1366px) {
.flexList_container .cardContainer .card .textContainer_auther .date .text,
.flexList_container .cardContainer .card .textContainer_auther .name .text {
font-size: 16px
}
}
.flexList_container .cardContainer .card .textContainer_auther .date {
padding-right: 15px;
border-right: 2px solid #888
}
.flexList_container .cardContainer .card .textContainer_auther .name {
padding-left: 15px
}
.flexList_container__linkContainer {
text-align: center
}
.flexList_container__linkContainer .link {
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
position: relative;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px
}
.flexList_container__linkContainer .link:after {
content: "";
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/right-arrow-blue.svg);
background-repeat: no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -25px;
width: 17px;
height: 12px
}
.flexList_container__linkContainer .link:hover {
color: #618fcc !important
}
.flexList_container__linkContainer .link:hover:after {
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/right-arrow-blue.svg)
}
.auther {
position: relative;
z-index: 0
}
.auther:before {
content: "";
background-color: #fef6e9;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 200px;
z-index: -1
}
@media (max-width:1238px) {
.auther:before {
height: 222px
}
}
@media (max-width:1180px) {
.auther:before {
height: 195px
}
}
@media (max-width:1168px) {
.auther:before {
height: 222px
}
}
@media (max-width:950px) {
.auther:before {
height: 200px
}
}
@media (max-width:776px) {
.auther:before {
height: 400px
}
}
.auther_container {
width: var(--sectionWidth);
margin: 0 auto;
position: relative
}
.auther_container .autherHeading {
width: 70%;
padding-top: 50px
}
@media (max-width:1268px) {
.auther_container .autherHeading {
width: 60%
}
}
@media (max-width:776px) {
.auther_container .autherHeading {
width: 100%
}
}
@media (max-width:388px) {
.auther_container .autherHeading {
padding-top: 35px
}
}
.auther_container .autherHeading .nameContainer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start
}
.auther_container .autherHeading .nameContainer .name {
font-family: "Outfit", sans-serif;
font-size: 46px;
font-weight: 600;
letter-spacing: 1px;
color: #0f3274;
line-height: 1.2;
font-size: 46px !important;
font-weight: 900
}
@media (max-width:1366px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 40px
}
}
@media (max-width:1268px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 38px
}
}
@media (max-width:1180px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 32px
}
}
@media (max-width:1050px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 30px
}
}
@media (max-width:850px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 28px
}
}
@media (max-width:680px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 26px
}
}
@media (max-width:600px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 24px
}
}
@media (max-width:330px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 22px
}
}
@media (max-width:950px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 36px !important
}
}
@media (max-width:388px) {
.auther_container .autherHeading .nameContainer .name {
font-size: 30px !important
}
}
.auther_container .autherHeading .nameContainer .name:first-letter {
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/element/textDot.svg);
background-repeat: no-repeat;
padding-left: 38px;
padding-top: 12px;
margin-left: -38px
}
.auther_container .autherHeading .nameContainer .linkedInLink {
display: inline-block;
width: 35px;
height: 35px;
transition: all .25s linear;
margin-left: 40px
}
@media (max-width:1050px) {
.auther_container .autherHeading .nameContainer .linkedInLink {
width: 30px;
height: 30px
}
}
@media (max-width:950px) {
.auther_container .autherHeading .nameContainer .linkedInLink {
width: 28px;
height: 28px
}
}
.auther_container .autherHeading .nameContainer .linkedInLink:hover svg {
transform: scale(1.1);
transition: all .25s linear
}
.auther_container .autherHeading .nameContainer .linkedInLink:hover .linkedIn {
background-color: #0077b5;
transition: all .25s linear
}
.auther_container .autherHeading .nameContainer .linkedInLink .linkedIn {
width: 35px;
height: 35px;
fill: #fff;
background-color: #0077b5;
padding: 5px;
border-radius: 5px;
box-shadow: 0 14px 26px -12px rgba(45, 45, 45, 0), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(156, 39, 176, .2);
transition: all .25s ease-in-out
}
@media (max-width:950px) {
.auther_container .autherHeading .nameContainer .linkedInLink .linkedIn {
width: 28px;
height: 28px
}
}
.auther_container .autherHeading .designation {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
font-size: 20px !important;
font-style: italic;
margin-top: 10px
}
@media (max-width:1366px) {
.auther_container .autherHeading .designation {
font-size: 16px
}
}
@media (max-width:950px) {
.auther_container .autherHeading .designation {
font-size: 18px !important
}
}
@media (max-width:388px) {
.auther_container .autherHeading .designation {
font-size: 16px !important
}
}
.auther_container .autherHeading .designation span {
display: block
}
@media (max-width:346px) {
.auther_container .autherHeading .designation span {
display: inline
}
}
.auther_container .autherDetail .imgContainer {
float: right;
width: 25%;
margin-left: 40px;
margin-bottom: 20px;
margin-top: -215px
}
@media (max-width:1550px) {
.auther_container .autherDetail .imgContainer {
width: 28%
}
}
@media (max-width:1366px) {
.auther_container .autherDetail .imgContainer {
width: 33%
}
}
@media (max-width:1280px) {
.auther_container .autherDetail .imgContainer {
width: 35%
}
}
@media (max-width:1268px) {
.auther_container .autherDetail .imgContainer {
width: 38%
}
}
@media (max-width:776px) {
.auther_container .autherDetail .imgContainer {
float: unset;
margin-top: 20px !important;
margin: 0 auto 40px;
width: 50%
}
}
@media (max-width:534px) {
.auther_container .autherDetail .imgContainer {
width: 60%
}
}
@media (max-width:450px) {
.auther_container .autherDetail .imgContainer {
width: 70%
}
}
@media (max-width:384px) {
.auther_container .autherDetail .imgContainer {
width: 90%
}
}
.auther_container .autherDetail .imgContainer img {
width: 100%;
height: auto
}
.auther_container .autherDetail .textContainer {
margin-top: 70px
}
@media (max-width:776px) {
.auther_container .autherDetail .textContainer {
margin-top: 0
}
}
.auther_container .autherDetail .textContainer .text {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
font-size: 18px !important;
line-height: 1.6
}
@media (max-width:1366px) {
.auther_container .autherDetail .textContainer .text {
font-size: 16px
}
}
@media (max-width:950px) {
.auther_container .autherDetail .textContainer .text {
font-size: 16px !important
}
}
.auther_container .autherDetail .textContainer .text:not(:last-child) {
margin-bottom: 20px
}
.getResource {
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/freeTrial.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
position: relative
}
.getResource:after {
content: "";
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/element/lightBlueDots.svg);
background-repeat: no-repeat;
width: 100px;
height: 100px;
position: absolute;
top: -50px;
left: -50px;
transform: rotate(90deg)
}
@media (max-width:1180px) {
.getResource:after {
width: 80px;
height: 80px;
top: -50px;
left: -40px
}
}
@media (max-width:1000px) {
.getResource:after {
width: 60px;
height: 60px;
top: -34px;
left: -35px
}
}
@media (max-width:534px) {
.getResource:after {
display: none
}
}
.getResource_wrapper {
position: relative;
padding: 100px 0
}
@media (max-width:950px) {
.getResource_wrapper {
padding: 50px 0
}
}
.getResource_wrapper:before {
content: "";
background-image: url(//www.saviom.com/blog/wp-content/themes/saviom-blog/images/element/lightBlueDots.svg);
background-repeat: no-repeat;
width: 100px;
height: 100px;
position: absolute;
top: -25px;
right: 20px
}
@media (max-width:1180px) {
.getResource_wrapper:before {
width: 80px;
height: 80px;
bottom: -55px;
right: 30px
}
}
@media (max-width:1000px) {
.getResource_wrapper:before {
width: 60px;
height: 60px;
bottom: -40px
}
}
.getResource_container {
width: var(--sectionWidth);
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
}
.getResource_container .textContainer {
width: 62%
}
@media (max-width:776px) {
.getResource_container .textContainer {
width: 100%;
text-align: center
}
}
.getResource_container .textContainer_heading {
font-family: "Outfit", sans-serif;
font-size: 46px;
font-weight: 600;
letter-spacing: 1px;
color: #0f3274;
line-height: 1.2;
color: #fff;
font-weight: 300
}
@media (max-width:1366px) {
.getResource_container .textContainer_heading {
font-size: 40px
}
}
@media (max-width:1268px) {
.getResource_container .textContainer_heading {
font-size: 38px
}
}
@media (max-width:1180px) {
.getResource_container .textContainer_heading {
font-size: 32px
}
}
@media (max-width:1050px) {
.getResource_container .textContainer_heading {
font-size: 30px
}
}
@media (max-width:850px) {
.getResource_container .textContainer_heading {
font-size: 28px
}
}
@media (max-width:680px) {
.getResource_container .textContainer_heading {
font-size: 26px
}
}
@media (max-width:600px) {
.getResource_container .textContainer_heading {
font-size: 24px
}
}
@media (max-width:330px) {
.getResource_container .textContainer_heading {
font-size: 22px
}
}
.getResource_container .textContainer_heading span {
font-weight: 600
}
@media (max-width:680px) {
.getResource_container .textContainer_heading span {
display: block
}
}
.getResource_container .textContainer_text {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
font-size: 18px !important;
color: #fff;
margin: 20px 0 30px
}
@media (max-width:1366px) {
.getResource_container .textContainer_text {
font-size: 16px
}
}
.getResource_container .textContainer_text span {
display: block
}
@media (max-width:950px) {
.getResource_container .textContainer_text span {
display: inline
}
}
.getResource_container .textContainer_form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
justify-content: flex-start
}
@media (max-width:776px) {
.getResource_container .textContainer_form {
justify-content: center
}
}
@media (max-width:450px) {
.getResource_container .textContainer_form {
align-items: center
}
}
.getResource_container .textContainer_form .inputWrapper {
width: 40%;
position: relative
}
@media (max-width:776px) {
.getResource_container .textContainer_form .inputWrapper {
width: 50%
}
}
@media (max-width:534px) {
.getResource_container .textContainer_form .inputWrapper {
width: 60%
}
}
@media (max-width:450px) {
.getResource_container .textContainer_form .inputWrapper {
width: 100%;
margin-bottom: 20px
}
}
.getResource_container .textContainer_form .inputWrapper input {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
color: #fff;
font-weight: 400;
width: 100%;
border: none;
outline: none;
background-color: unset;
border-bottom: 1px solid #fff;
padding: 10px 8px;
transition: all .5s ease;
box-sizing: border-box
}
@media (max-width:1366px) {
.getResource_container .textContainer_form .inputWrapper input {
font-size: 16px
}
}
.getResource_container .textContainer_form .inputWrapper input:focus~label,
.getResource_container .textContainer_form .inputWrapper input:valid~label {
transform: translateY(-12px);
font-size: 10px;
transition: all .25s ease
}
.getResource_container .textContainer_form .inputWrapper input:focus,
.getResource_container .textContainer_form .inputWrapper input:valid {
border-bottom: 2px solid #ef476f
}
.getResource_container .textContainer_form .inputWrapper label {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 400;
color: #444;
line-height: 1.4;
color: #fff;
font-weight: 400;
position: absolute;
left: 8px;
top: 5px;
transition: all .25s ease;
cursor: text
}
@media (max-width:1366px) {
.getResource_container .textContainer_form .inputWrapper label {
font-size: 16px
}
}
.getResource_container .textContainer_form .btnContainer {
margin-left: 14px
}
.getResource_container .textContainer_form .btnContainer .formBtn {
width: auto;
height: 30px;
font-size: 12px;
font-weight: 500
}
.getResource_container .imageContainer {
width: 30%
}
.getResource_container .imageContainer img {
width: 100%;
height: auto
}
@media (max-width:776px) {
.getResource_container .imageContainer {
display: none
}
}
.auther_container.default_auth_cont .autherHeading .nameContainer {
display: block !important
}
.auther_container.default_auth_cont .autherHeading {
width: 100%;
padding-top: 50px;
margin: auto;
display: block;
text-align: center
}
.default_auth:before {
height: 170px
}