/* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .social-icon-container { position: absolute; top: 80px; left: 0; z-index: 1; padding: 10px; background-color: rgba(238, 238, 238, 0.5); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } @media (max-width: 767px) { .social-icon-container { padding: 0; top: 0; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; } } .social-icon-container > a { padding: 10px; display: block; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .social-icon-container > a img { width: 36px; } @media (max-width: 767px) { .social-icon-container > a img { width: 24px; } } .social-icon-container > a:hover { opacity: 0.65; } /* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .related-article-wrap_new { width: 100%; background-color: rgba(238, 238, 238, 0.5); -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } @media (max-width: 991px) { .related-article-wrap_new { min-width: 100%; max-width: 100%; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .related-article-wrap_new h1.related-title { font-size: 24px !important; font-weight: 700 !important; margin-bottom: 15px; } @media (max-width: 991px) { .related-article-wrap_new h1.related-title { width: 100%; padding: 0 20px; font-size: 20px !important; } } .related-article-wrap_new .article-icon { flex: 0 0 29%; } @media (max-width: 991px) { .related-article-wrap_new .article-icon { flex: 0 0 25%; margin-right: 16px; align-self: center; } } @media (max-width: 767px) { .related-article-wrap_new .article-icon { flex: 0 0 33%; margin-right: 0; } } .related-article-wrap_new .article-icon img { height: 120px; width: 120px; } @media (max-width: 991px) { .related-article-wrap_new .article-icon img { height: 90px; width: 90px; } } .related-article-wrap_new .article-title { font-weight: 700; font-size: 16px; line-height: 1.63; font-family: "Lato", sans-serif; } .related-article-wrap_new .related-article { background-color: transparent; border-bottom: 2px solid rgba(238, 238, 238, 0.5); padding-bottom: 20px; padding-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border: 1px solid #FFBE00; padding: 25px; gap: 30px; transition: all 0.3s; } @media (max-width: 991px) { .related-article-wrap_new .related-article { gap: 16px; padding: 16px; } } @media (max-width: 767px) { .related-article-wrap_new .related-article { width: 100%; } } .related-article-wrap_new .related-article .article-title { font-size: 20px; line-height: 22px; } @media (max-width: 991px) { .related-article-wrap_new .related-article .article-title { font-size: 16px; line-height: 22px !important; } } @media (max-width: 767px) { .related-article-wrap_new .related-article .article-title { font-weight: 700; } } .related-article-wrap_new .related-article a { color: #000000; display: inline-block; margin-top: 40px; } @media (max-width: 991px) { .related-article-wrap_new .related-article a { margin-top: 20px; } } @media (max-width: 767px) { .related-article-wrap_new .related-article a { margin: 15px 0 0 0; display: inline-block; } } .related-article-wrap_new .related-article:hover { background-color: #FFBE004D; transition: all 0.3s; } @media (max-width: 767px) { .related-article-wrap_new .related-article-main { flex-direction: column; } } .related-article-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; } /* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .read-next-wrap { padding: 40px 100px 140px; } @media (max-width: 767px) { .read-next-wrap { padding: 40px 0; } } .read-next-wrap .read-title { font-weight: 900; } @media (max-width: 767px) { .read-next-wrap .read-title { padding: 0 20px; margin-bottom: 15px; font-size: 20px; } } .read-next-wrap .read-next { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 20px; width: 33.33%; } @media (max-width: 767px) { .read-next-wrap .read-next { padding: 0 20px; min-width: 187.5px; width: 100%; max-width: 187.5px; border-right: 1px solid rgba(33, 33, 33, 0.2); -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } } .read-next-wrap .read-next:last-child { border-right: none; } .read-next-wrap .read-article-icon { width: 100px; height: 100px; } @media (max-width: 767px) { .read-next-wrap .read-article-icon { margin-bottom: 10px; } } .read-next-wrap .read-article-icon img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .read-next-wrap .read-next-title { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding-left: 25px; padding-right: 15px; } @media (max-width: 767px) { .read-next-wrap .read-next-title { width: 100%; padding: 0; } } .read-next-wrap .read-next-title p { font-weight: 600; line-height: 1.3; max-height: 60px; overflow: hidden; } @media (max-width: 767px) { .read-next-wrap .read-next-title p { font-size: 12px !important; line-height: 1.67 !important; font-weight: 500; color: #212121; height: 60px; } } .read-next-wrap .title { font-size: 14px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #4454a4; font-weight: 700; } @media (max-width: 767px) { .read-next-wrap .title { margin: 15px 0 0 0; display: inline-block; line-height: initial; } } .read-next-wrap .title:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: 15px; top: 6px; } .read-next-wrap .read-next-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; width: 100%; } @media (max-width: 767px) { .read-next-wrap .read-next-content { overflow: auto; -webkit-flex-flow: nowrap; -moz-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; padding-bottom: 5px; } } /* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .bg-grey-09 { background-color: #EFEFEF; } .fade-in { animation: fadeIn 0.2s ease-in forwards; } .fade-out { animation: fadeOut 0.2s ease-in forwards; } @keyframes fadeIn { from { opacity: 0.6; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .introduction-wrapper { padding: 50px; } @media (min-width: 1800px) { .introduction-wrapper { padding-right: 100px !important; } } @media (max-width: 1500px) { .introduction-wrapper { padding-right: 100px !important; } } @media (max-width: 1365px) { .introduction-wrapper { padding-right: 90px !important; } } @media (max-width: 991px) { .introduction-wrapper { padding-right: 20px !important; } } @media (max-width: 767px) { .introduction-wrapper.mob-full-width-white { margin: 0; border: 0; background-color: #ffffff; } .introduction-wrapper.mob-full-width-white > .heading-02 { background-color: #ffffff; position: relative; } .introduction-wrapper.mob-full-width-white > .heading-02::before, .introduction-wrapper.mob-full-width-white > .heading-02::after { content: ''; height: 1px; background-color: #FFBE00; position: absolute; top: 26%; left: -20px; display: block; z-index: 1; } .introduction-wrapper.mob-full-width-white > .heading-02::before { width: 20px; } .introduction-wrapper.mob-full-width-white > .heading-02::after { width: 20px; left: unset; right: -5px; } } .right-container-yellow-border { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 50px; margin-bottom: 25px; padding: 50px; } @media (max-width: 1365px) { .right-container-yellow-border { margin-left: 90px; } } @media (max-width: 1800px) { .right-container-yellow-border { padding-right: 90px; } } @media (max-width: 991px) { .right-container-yellow-border { margin-top: 30px; } } .right-container-yellow-border .middleSection .desBox { position: absolute !important; /* bottom: 0px; */ color: white !important; z-index: 9; /* text-align: left; */ /* padding: 30px; */ left: 50% !important; /* right: 50%; */ top: 50% !important; /* bottom: 50%; */ transform: translate(-50%, -50%) !important; } .right-container-yellow-border .middleSection .desBox p { display: block !important; } @media (max-width: 991px) { .right-container-yellow-border { margin-left: 20px; padding: 30px; } } @media (max-width: 767px) { .right-container-yellow-border { padding: 20px; } } .intro-text p { font-size: 18px; line-height: 26px; font-weight: 400; text-align: justify; font-family: "Lato", sans-serif; } .intro-text p + p { margin-top: 30px; } @media (max-width: 991px) { .intro-text p { font-size: 16px; line-height: 22px; text-align: justify; } } @media (max-width: 767px) { .intro-text p { font-size: 16px; line-height: 22px; } } .intro-text p a { color: #0990CA; font-family: "Lato", sans-serif; text-decoration: underline; } .intro-text p u { font-family: "Lato", sans-serif; } .intro-text strong { font-weight: 700; font-family: "Lato", sans-serif; font-size: 18px; line-height: 26px; } @media (max-width: 767px) { .agnii-team { margin-bottom: 0; } } @media (max-width: 767px) { .missionintro-slider-heading { padding-top: 10px !important; } } /* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .resource_article_slider_section { padding: 80px 0; background-color: rgba(245, 245, 245, 0.5); position: relative; z-index: 3; } @media (max-width: 767px) { .resource_article_slider_section { padding: 60px 0; } } .resource_article_slider_section .title { margin-bottom: 60px; } @media (max-width: 767px) { .resource_article_slider_section .title { margin-bottom: 20px; } } @media (max-width: 767px) { .resource_article_slider_section .slider-container .slick-slider { width: calc(100% + 20px); } } .resource_article_slider_section .slider-container .stroy-slide { padding: 0 10px; outline: none; } @media (max-width: 767px) { .resource_article_slider_section .slider-container .stroy-slide { padding: 0 15px 0 0; } } .resource_article_slider_section .slider-container .story-card { outline: none; width: 100%; border: 1px solid #eeeeee; background-color: #ffffff; } .resource_article_slider_section .slider-container .story-card mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 900; } .resource_article_slider_section .slider-container .story-card figure { height: 240px; width: 100%; padding: 5px; } .resource_article_slider_section .slider-container .story-card figure img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .resource_article_slider_section .slider-container .story-card .card-content-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; padding: 40px; min-height: 425px; } @media (max-width: 767px) { .resource_article_slider_section .slider-container .story-card .card-content-container { padding: 15px; } } .resource_article_slider_section .slider-container .story-card .card-content-container .card-text { font-family: 'Playfair Display', serif; font-weight: 700; color: #000000; font-size: 24px; margin-bottom: 10px; margin-top: 10px; max-height: 180px; overflow: hidden; } .resource_article_slider_section .slider-container .story-card .card-content-container .subtitle { padding-top: 5px; padding-bottom: 5px; } .resource_article_slider_section .slider-container .story-card .card-content-container .publisher { font-size: 16px; line-height: 1.2; color: #000000; margin-bottom: 10px; margin-top: 10px; } .resource_article_slider_section .slider-container .story-card .card-content-container .publisher strong { font-weight: 500; } .resource_article_slider_section .slider-container .story-card .card-content-container .details { font-size: 12px; line-height: 1.2; color: #000000; font-weight: 500; margin-bottom: 15px; } .resource_article_slider_section .slider-container .story-card .card-content-container .details span { position: relative; padding-left: 15px; margin-right: 15px; } .resource_article_slider_section .slider-container .story-card .card-content-container .details span.calendar { background: url("/assets/images/calendar.svg") no-repeat left center; background-size: 12px; } .resource_article_slider_section .slider-container .story-card .card-content-container .details span.clock { background: url("/assets/images/clock.svg") no-repeat left center; background-size: 12px; } .resource_article_slider_section .slider-container .story-card .card-content-container .readmore { color: #EF6D41; margin-top: auto; } .resource_article_slider_section .slider-container .customSliderBtn { margin-top: 40px; margin-left: 10px; } .resource_publication_section .publishing-section { padding: 80px 0px; } .resource_publication_section .publishing-section .publicatios-layer { bottom: 0; } .resource_publication_section_new { margin-bottom: 50px; } @media (max-width: 991px) { .resource_publication_section_new { margin-bottom: 30px; } } .resource-pressrelease-wrap { padding: 60px 0; } @media (max-width: 767px) { .resource-pressrelease-wrap { padding: 60px 0; } } .resource-pressrelease-wrap .title { margin-bottom: 60px; } @media (max-width: 767px) { .resource-pressrelease-wrap .title { margin-bottom: 20px; } } .resource-pressrelease-wrap .resource-pressrelease-block .customSliderBtn { margin-top: 40px; } .resource-pressrelease-wrap .resource-pressrelease-block .slick-slider { margin: 0 -10px; } @media (max-width: 767px) { .resource-pressrelease-wrap .resource-pressrelease-block .slick-slider { width: calc(100% + 20px); margin: 0; } } .resource-pressrelease-wrap .resource-pressrelease-block .slick-slider .slick-list .slick-track { display: flex; } .resource-pressrelease-wrap .resource-pressrelease-block .slick-slider .slick-list .slick-track .slick-slide { padding: 10px; height: auto; } @media (max-width: 767px) { .resource-pressrelease-wrap .resource-pressrelease-block .slick-slider .slick-list .slick-track .slick-slide { padding: 10px 20px 10px 0; } } .resource-pressrelease-wrap .resource-pressrelease-block .slick-slider .slick-list .slick-track .slick-slide > div { height: 100%; } .resource-pressrelease-wrap .resource-pressrelease-block .press-release-item { padding: 20px 30px 40px; border-left: 6px solid #ffbe00; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; height: 100%; } @media (max-width: 767px) { .resource-pressrelease-wrap .resource-pressrelease-block .press-release-item { padding: 20px; } } .resource-pressrelease-wrap .resource-pressrelease-block .press-release-item:focus { outline: none; } .resource-pressrelease-wrap .resource-pressrelease-block .press-release-item span { font-size: 15px; display: block; margin-bottom: 8px; position: relative; font-weight: 500; padding-left: 24px; } .resource-pressrelease-wrap .resource-pressrelease-block .press-release-item span:before { content: ''; width: 20px; height: 20px; background: url("/assets/images/calendar.svg") no-repeat center; background-size: cover; position: absolute; left: 0; top: -1px; } .resource-pressrelease-wrap .resource-pressrelease-block .press-release-item h4 { font-size: 22px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; min-height: 20px; } .resource-pressrelease-wrap .resource-pressrelease-block .press-release-item p { font-size: calc(15px + var(--font-size-pixel)); line-height: 22px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px; } .resource-announce-wrap-new { padding-bottom: 60px; } .resource-announce-wrap-new .resource-announcement::-webkit-scrollbar { width: 0; } .resource-announce-wrap-new .resource-announce-block { position: relative; } .resource-announce-wrap-new .resource-announce-block .icon-arrow { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); } @media (max-width: 479px) { .resource-announce-wrap-new .resource-announce-block .icon-arrow { bottom: 30px; } } .resource-announce-wrap-new .resource-announce-block .icon-arrow img { height: 15px; width: 15px; } /* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .heading-with-border { position: relative; padding-left: 90px; } @media (max-width: 1365px) { .heading-with-border { padding-left: 80px; } } @media (max-width: 991px) { .heading-with-border { padding-left: 10px; } } @media (max-width: 767px) { .heading-with-border { padding-left: 20px; } } .heading-with-border::before { content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #FFBE00; } @media (max-width: 767px) { .heading-with-border::before { top: 15px; width: 30px; height: 3px; } } .heading-with-border span { background-color: #ffffff; position: relative; z-index: 3; padding: 0 12px; font-family: 'Montserrat', sans-serif; min-width: auto; max-width: 90%; display: inline-block; } @media (max-width: 767px) { .heading-with-border span { margin-right: 17px; display: inline-block; width: auto; padding: 0 5px; } } /* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .article-main-wrap-new { margin-top: 50px; }