/* 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } .slick-slider.new .slick-slide.slick-current, .slick-slider .slick-slide.slick-center { padding: 30px 0px; } .slick-slider.new { width: 100%; background-color: transparent; } .slick-slider.new .slick-track { display: flex; align-items: center; flex-wrap: nowrap; /* height: 100px; */ justify-content: center; } .slick-slider.new .slick-slide { float: none; display: inline-block; vertical-align: middle; padding: 10px 0px; margin: 10px; background-color: white; transition: all 0.3s ease; height: auto; text-align: center; } .slick-prev, .slick-next { z-index: 10; top: 0px; } .slick-prev { left: 10px; } .slick-next { right: 10px; } .inner-box-container{ margin-top: 0px; margin-bottom: 0px; padding: 0px; } /* 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; } } .submit-blog-container { padding: 10px 34px; } @media (max-width: 767px) { .submit-blog-container { padding: 0; } } .submit-blog-container .contact-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .submit-blog-container .left-container { max-width: 73%; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } @media (max-width: 767px) { .submit-blog-container .left-container { max-width: 100%; } } .submit-blog-container .left-container .form-data { margin-right: 6%; } @media (max-width: 767px) { .submit-blog-container .left-container .form-data { margin-right: 0; } } .submit-blog-container .left-container .form-data input { width: 100%; } .submit-blog-container .left-container .form-data { width: 33.33%; } .submit-blog-container .left-container .form-data .input-container { width: 100%; } .submit-blog-container .left-container .form-group:nth-child(5) .form-data { width: 73%; } .submit-blog-container .left-container .form-group:nth-child(5) .form-data textarea { width: 100%; } .submit-blog-container .left-container .form-group:nth-child(5) .form-data.input-search { width: 100%; } .submit-blog-container .left-container .form-group:first-child .form-data { width: 73%; } .submit-blog-container .left-container .form-group:first-child .form-data .input-container { width: 100%; } .submit-blog-container .right-container { flex: 2; padding: 0 60px; } .submit-blog-container .right-container .contact-detail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .submit-blog-container .right-container .contact-detail > span { width: 21px; height: 21px; display: block; } .submit-blog-container .right-container .contact-detail .mobile-icon { background: url("/assets/images/phone-icon.svg") no-repeat center; background-size: contain; } .submit-blog-container .right-container .contact-detail .fax-icon { background: url("/assets/images/fax-icon.svg") no-repeat center; background-size: contain; } .submit-blog-container .right-container h2 { white-space: nowrap; } @media (max-width: 767px) { .blogPage .form-group { margin: 0 !important; } } @media (max-width: 767px) { .blogPage .form-group:first-child { margin-top: 10px !important; } } @media (max-width: 767px) { .blogPage .button-container { margin-top: 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } /* 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; } } .submit-blog-container { padding: 10px 34px; } @media (max-width: 767px) { .submit-blog-container { padding: 0; } } .submit-blog-container .contact-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .submit-blog-container .left-container { max-width: 73%; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } @media (max-width: 767px) { .submit-blog-container .left-container { width: 100%; max-width: 100%; } } @media (max-width: 767px) { .submit-blog-container .left-container .form-group { margin: 0; margin-top: 10px; } } .submit-blog-container .left-container .form-data { margin-right: 6%; } .submit-blog-container .left-container .form-data input { width: 100%; font-family: 'Montserrat', sans-serif; } @media (max-width: 767px) { .submit-blog-container .left-container .form-data input { padding: 1rem; } } .submit-blog-container .left-container .form-data textarea { font-family: 'Montserrat', sans-serif; } .submit-blog-container .left-container .form-data { width: 33.33%; } @media (max-width: 767px) { .submit-blog-container .left-container .form-data { width: 100%; margin-right: 0; } } .submit-blog-container .left-container .form-data .input-container { width: 100%; } @media (max-width: 767px) { .submit-blog-container .left-container .form-data .input-container { margin-right: 0; } } .submit-blog-container .left-container .text_area.form-data { width: 73%; } .submit-blog-container .left-container .text_area.form-data textarea { width: 100%; } .submit-blog-container .left-container .text_area.form-data .input-search { width: 100%; } .submit-blog-container .left-container .form-group:first-child .form-data { width: 73%; } .submit-blog-container .left-container .form-group:first-child .form-data .input-container { width: 100%; } .submit-blog-container .right-container { flex: 2; padding: 0 60px; } .submit-blog-container .right-container .contact-detail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .submit-blog-container .right-container .contact-detail > span { width: 21px; height: 21px; display: block; } .submit-blog-container .right-container .contact-detail .mobile-icon { background: url("/assets/images/phone-icon.svg") no-repeat center; background-size: contain; } .submit-blog-container .right-container .contact-detail .fax-icon { background: url("/assets/images/fax-icon.svg") no-repeat center; background-size: contain; } .submit-blog-container .right-container h2 { white-space: nowrap; } /* 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } .container { max-width: 1197px; padding: 0 15px; margin: 0 auto; } .agnii-impact-we-create-wrap .inner-box-container { box-shadow: none !important; } .txtbox { position: absolute; color: #fff; top: 44% !important; font-size: 36px; } h1 { font-size: 36px !important; } h2 { font-size: calc(28px + var(--font-size-pixel))!important; margin-bottom: 5px !important; } p { text-align:justify !important; } .breadcrumb span.current { font-weight: 800; } .agnii-impact-we-create-wrap .strip { height: 82px !important; display: flex; align-items: center; } .mainContentBox { margin-top: 30px; } .lead-partners .customSliderBtn { margin-top: 15px; } .gpp-page.etg_page section.formBox { padding: 80px 0; } .gpp-page.etg_page section.formBox h2 { color: #FFF; text-align: center; } .inner-box-container .form_wrapper { padding: 0 !important; } .input-container.form-data > label { font-weight: 500 !important; font-size: 12px !important; margin-bottom: 5px !important; } .strip { position: relative; } .strip a img { position: absolute; top: 23px; right: 15px; } .strip a { padding-right: 30px; display: block; } .customSliderBtn.black-arrow { margin-top: 30px !important; } .content_section .inner-box-container { padding-bottom: 15px !important; margin-top: 60px !important; } .lead-partners .slick-track .slick-slide .partSlider:focus-visible { outline: none !important; border: none !important; } .lead-partners .slick-track .slick-slide { margin: 0 10px !important; } .lead-partners.new { padding: 0; } .lead-partners.new { background-color: #ffffff !important; margin: 0; } .agni-about-section p {padding-right: 200px;} .agni-about-section { position: relative; } .agni_logo { position: absolute; top: 0; right: 0; } .agni_logo img{ width: 150px !important; } .partnerBox p { margin-bottom: 20px; } /* Banner css */ .bannerBox { position: relative; } .bannerBox img { width: 100%; } .videoBox { position: absolute; top: 20%; right: 20px; width: 500px; } .videoicon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mainBox { margin-top: 100px; margin-bottom: 50px; } .mainContentBox { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); padding: 50px; } .mainContentBox h1 { font-size: 38px; color: #212121; margin-bottom: 15px; } .mainContentBox p { font-size: calc(18px + var(--font-size-pixel)); color: #212121; line-height: 34px; } .img-main-box { display: flex; justify-content: space-between; margin-top: 30px; } .mainContentBox p { font-size: calc(18px + var(--font-size-pixel)); color: #212121; line-height: 34px; } .box { width: 31%; } .box img { width: 100%; } .strip { background: #f2bd12; margin-top: -4px; padding: 15px; transition: 0.3s; /* height: 30px; */ } .strip a { text-decoration: none; color: #fff; font-size: 14px; } .box:hover .strip { background: #080f2d; } .strip a img { width: 20px; float: right; } .partnerBox { margin-top: 30px; } .partSlider img { width: 100%; height: 450px; object-fit: cover; } .slick-slider.new .slick-slide.slick-current, .slick-slider.new .slick-slide.slick-center { background: linear-gradient(45deg, #f69259, #f16975); padding: 0; height: 450px; } .slick-slider.new .slick-slide.slick-current .partSlider { height: 450px; } .slick-slider.new .slick-slide.slick-current .partSlider img { height: 100%; object-fit: cover; height: 450px; } .slider-box { margin: 30px 0; } .lead-partners .customSliderBtn { margin-top: 20px; } .lead-partners.new .slider-box { margin: 0 !important; } .inner-box-container .form_wrapper { padding: 40px; } /* Form Section */ .formBox { background: #080f2d; padding: 50px 0; } .primary-btn[disabled] { background: #FB90BA !important; color: #FFFFFF; cursor: not-allowed !important; border: solid 1px #FB90BA; } .primary-btn:hover { background-image: linear-gradient(to right, #F50261, #F50261); box-shadow: 0px 8px 18px #F502614D; } .customBtn { line-height: 1.2; height: 4em; padding: 1rem 4.45rem; border-radius: 4px; color: #212121; transition: all 0.3s ease; cursor: pointer; margin-right: 12px; margin-bottom: 10px; } .formSection h1 { color: #fff; font-size: 36px; text-align: center; margin-bottom: 30px; } .formSection p { color: #fff; font-size: calc(16px + var(--font-size-pixel)); text-align: center; line-height: 30px; } .input-container.form-data > label { font-weight: 500; font-size: 11px; margin-bottom: 5px; text-transform: uppercase; } .input_field label { margin-bottom: 5px; display: block; font-weight: 500; font-size: 11px; color: #909090; text-transform: uppercase; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; } .form_wrapper { background: #fff; max-width: 100%; box-sizing: border-box; padding: 25px; position: relative; z-index: 1; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: none; /* -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: none; transition: none; */ /* -webkit-animation: expand 0.8s 0.6s ease-out forwards; animation: expand 0.8s 0.6s ease-out forwards; */ /* opacity: 0; */ border-radius: 10px; } /* .form_wrapper h2 { font-size: 1.5em; line-height: 1.5em; margin: 0; } */ .form_wrapper .title_container { text-align: center; padding-bottom: 15px; } .form_wrapper h3 { font-size: 1.1em; font-weight: normal; line-height: 1.5em; margin: 0; } .form_wrapper .row { margin: 10px -15px; } .form_wrapper .row>div { padding: 0 15px; box-sizing: border-box; } .form_wrapper .col_half_three { width: 33.33%; float: left; } .form_wrapper .col_half { width: 50%; float: left; } .form_wrapper .input_field { position: relative; margin-bottom: 20px; -webkit-animation: bounce 0.6s ease-out; animation: bounce 0.6s ease-out; } .form_wrapper .input_field>span { position: absolute; left: 0; top: 0; color: #333; height: 100%; border-right: 1px solid #cccccc; text-align: center; width: 30px; } .form_wrapper .input_field>span>i { padding-top: 10px; } .form_wrapper .textarea_field>span>i { padding-top: 10px; } .form_wrapper input[type=text], .form_wrapper input[type=email], .form_wrapper input[type=password] { width: 100%; padding: 8px 10px 9px 10px; height: 51px; border: 1px solid #d2d4d9; border-radius: 5px; box-sizing: border-box; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form_wrapper textarea { width: 100%; padding: 8px 10px 9px 10px; border: 1px solid #d2d4d9; border-radius: 3px; box-sizing: border-box; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #1e1e1e; font-weight: 500; } .form_wrapper input[type=text]:hover, .form_wrapper input[type=email]:hover, .form_wrapper input[type=password]:hover { background: #fafafa; } .form_wrapper input[type=text]:focus, .form_wrapper input[type=email]:focus, .form_wrapper input[type=password]:focus { -webkit-box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5); -moz-box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5); box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5); border: 1px solid #f5ba1a; background: #fafafa; } .form_wrapper input[type=submit] { background: #f5ba1a; height: 35px; line-height: 35px; width: 100%; border: none; outline: none; cursor: pointer; color: #fff; font-size: 1.1em; margin-bottom: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form_wrapper input[type=submit]:hover { background: #e1a70a; } .form_wrapper input[type=submit]:focus { background: #e1a70a; } .form_wrapper input[type=checkbox], .form_wrapper input[type=radio] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form_container .row .col_half.last { border-left: 1px solid #cccccc; } .checkbox_option label { margin-right: 1em; position: relative; } .checkbox_option label:before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.5em; vertical-align: -2px; border: 2px solid #cccccc; padding: 0.12em; background-color: transparent; background-clip: content-box; transition: all 0.2s ease; } .checkbox_option label:after { border-right: 2px solid #000000; border-top: 2px solid #000000; content: ""; height: 20px; left: 2px; position: absolute; top: 7px; transform: scaleX(-1) rotate(135deg); transform-origin: left top; width: 7px; display: none; } .checkbox_option input:hover+label:before { border-color: #000000; } .checkbox_option input:checked+label:before { border-color: #000000; } .checkbox_option input:checked+label:after { -moz-animation: check 0.8s ease 0s running; -webkit-animation: check 0.8s ease 0s running; animation: check 0.8s ease 0s running; display: block; width: 7px; height: 20px; border-color: #000000; } .radio_option label { margin-right: 1em; } .radio_option label:before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.5em; border-radius: 100%; vertical-align: -3px; border: 2px solid #cccccc; padding: 0.15em; background-color: transparent; background-clip: content-box; transition: all 0.2s ease; } .radio_option input:hover+label:before { border-color: #000000; } .radio_option input:checked+label:before { background-color: #000000; border-color: #000000; } .select_option { position: relative; width: 100%; } .select_option select { display: inline-block; width: 100%; height: 35px; padding: 0px 15px; cursor: pointer; color: #7b7b7b; border: 1px solid #cccccc; border-radius: 0; background: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; transition: all 0.2s ease; } .select_option select::-ms-expand { display: none; } .select_option select:hover, .select_option select:focus { color: #000000; background: #fafafa; border-color: #000000; outline: none; } .select_arrow { position: absolute; top: calc(50% - 4px); right: 15px; width: 0; height: 0; pointer-events: none; border-width: 8px 5px 0 5px; border-style: solid; border-color: #7b7b7b transparent transparent transparent; } .select_option select:hover+.select_arrow, .select_option select:focus+.select_arrow { border-top-color: #000000; } .credit { position: relative; z-index: 1; text-align: center; padding: 15px; color: #f5ba1a; } .credit a { color: #e1a70a; } /* Responsive */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .videoBox { width: 420px !important; right: 50px !important; } .mainBox { margin-top: 100px; } .strip a img { width: 10px; margin-top: 8px; } .strip { background: #f2bd12; margin-top: -4px; padding: 10px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /* ----------- iPad Pro 12.9" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { .strip a { text-decoration: none; color: #fff; } .videoBox { right: 50px; } .strip a img { width: 14px; float: right; margin-top: 5px; } } @media only screen and (max-device-width: 1199px) { } @media only screen and (max-device-width: 991px) { } @media only screen and (max-device-width: 767px) { .breadcrumb span.current { font-weight: 600; } h2 { font-size: calc(22px + var(--font-size-pixel)) !important; } .breadcrumb-container .breadcrumb { text-align: left; } .lead-partners .slick-track .slick-slide { margin-left: 0px !important; } .bannerBox h1.txtbox { text-align: left; width: 100%; } .bannerBox > img { height: 350px !important; } .videoBox { top: 160px !important; } .mainBox { margin-top: 100px !important; } .mainContentBox { padding: 30px !important; } .top_section .content_section { padding: 20px; } .content_section .inner-box-container { margin-top: 40px !important; margin-bottom: 35px !important; } .txtbox { font-size: 27px !important; margin-top: 30px; } .videoicon{ width: 50px; } .agni_logo { text-align: center; } .lead-partners .slick-list { padding-left: 0 !important; padding-right: 0 !important; } .lead-partners .slick-track .slick-slide { margin-right: 0 !important; } .inner-box-container .form_wrapper h2 { font-size: calc(26px + var(--font-size-pixel)); } .container { max-width: 100%; padding: 0 20px; } h2.txtbox { top:15%; } .videoBox { width: 135px; } .videoBox { top: 40%; right: 0; left: 0; margin: auto; }.bannerBox > img { height: 400px; object-fit: cover; } .lead-partners .slick-list { padding-left: 0px; } .lead-partners .slick-track .slick-slide { margin-right: 0px; } .strip { padding: 15px 25px 15px 15px; position: relative; height: 65px; } .strip a { padding-top: 2px; } .strip a img { position: absolute; top: 20px; right: 15px; } .mainBox { margin-top: 60px; } .agni-about-section p{ padding-right: 0px; } .agni_logo { position: inherit; } .strip a { font-size: 14px; } .strip a img { width: 15px; } .mainContentBox { padding: 15px; } .inner-box-container .form_wrapper { padding: 20px; } .mainContentBox h1 { font-size: 26px; } .mainContentBox p { font-size: calc(12px + var(--font-size-pixel)); line-height: 20px; } .img-main-box { display: block; } .box { width: 100%; margin-bottom: 20px; } .form_wrapper .col_half_three { width: 100%; float: none; } .form_wrapper .col_half { width: 100%; float: none; } .bottom_row .col_half { width: 50%; float: left; } .form_container .row .col_half.last { border-left: none; } .remember_me { padding-bottom: 20px; } .bannerBox h1.txtbox { left: 0; padding: 0 20px; } } @media only screen and (max-device-width: 480px) { .strip { height: auto; } } /* 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; } } .submit-stip-container { padding: 10px 34px; } .submit-stip-container .left-container .form-data { margin-right: 6%; } /* 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } .customSliderBtn.impact.black-arrow { width: 100%; border: 0px solid #979797; } .customSliderBtn.impact span { flex: 1; background-color: transparent; height: 57px; cursor: pointer; font-size: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; background-image: url('/assets/images/impactnew/rgt-arrow.png'); background-repeat: no-repeat; background-position: right; background-size: 11px; background-size: contain; } .themeSlider>a:hover::after{ background-size: 100% 100% !important; } .slider-box { margin: -55px 0 !important; } .white{ color: #ffffff !important; } .customSliderBtn.impact.black-arrow { position: absolute; top: 45%; right: 0; } .customSliderBtn.impact span.disable.prev { background-image: url('/assets/images/impactnew/left-arrow.png'); background-repeat: no-repeat; background-position: left; background-size: 11px; background-size: contain; } .customSliderBtn.impact span.prev { background-image: url('/assets/images/impactnew/left-arrow.png'); background-size: contain; background-position: left; } .lead-partners.two{ padding: 20px 0 70px 0; } /* 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } /* 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-page .banner-img { height: 520px; } @media (max-width: 991px) { .article-page .banner-img { height: 450px; } } @media (max-width: 767px) { .article-page .banner-img { height: 332px; } } .article-page .banner-img img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .article-page .banner { position: relative; z-index: 1; } .article-page .subtitle { color: #ffffff; font-size: 24px; font-weight: 500; } .article-page .banner-content { width: 54%; height: 298px; max-width: 800px; background-color: rgba(0, 0, 0, 0.7); padding: 40px 60px 20px; position: absolute; bottom: 14%; left: 100px; display: flex; flex-direction: column; justify-content: center; text-align: left; align-items: flex-start; } @media (max-width: 991px) { .article-page .banner-content { width: 90%; left: 50%; transform: translateX(-50%); } } @media (max-width: 767px) { .article-page .banner-content { transform: unset; width: 100%; height: 100%; left: 0; bottom: 0; padding: 40px 20px; padding-top: 80px; } } .article-page .banner-content .mark_block { margin-bottom: 12px; } .article-page .banner-content h2 { color: #ffffff; max-height: 140px; overflow: hidden; } @media (max-width: 767px) { .article-page .banner-content h2 { font-size: calc(28px + var(--font-size-pixel)); margin-bottom: 15px; max-height: initial; } } .article-page .banner-content .author { font-weight: 300; color: #ffffff; margin-bottom: 5px; } .article-page .banner-content .author span { font-weight: 500; } .article-page .banner-content .date { font-size: 12px; font-weight: 500; color: #ffffff; position: relative; padding-left: 19px; } .article-page .banner-content .date::before { content: ''; width: 15px; height: 15px; position: absolute; top: 0; left: 0; background: url("/assets/images/calendar.svg") no-repeat; background-size: 15px; filter: brightness(0) invert(1); } .article-page .social-icon-container { display: none; } .container { max-width: 1197px; padding: 0 15px; margin: 0 auto; } h1 { font-size: 36px !important; } h2 { font-size: calc(28px + var(--font-size-pixel)) !important; margin-bottom: 5px !important; } p { text-align:justify; } .breadcrumb span.current { font-weight: 800; } .aboutdescBox h2 { margin-bottom: 20px !important; } .lead-partners.two .descBox h2 { color: #fff; } .about_team_block_info p{ text-align: center !important; } .slick-list{ overflow: hidden !important; } .psa_members_info.new { margin-bottom: 140px; } /* .agni_logo{ position: absolute; top: 72px; right: 450px; } */ /* .agni-about-section { display: flex; flex-direction: row; align-items: flex-end; width: 100%; justify-content: end; } */ .agni-about-section p {padding-right: 230px;} .agni-about-section { position: relative; } .agni_logo { position: absolute; top: 0; right: 40px; } .agni_logo img{ width: 150px !important; } .lead-partners.two {padding-top: 0 !important;} .lead-partners.two .slick-list a img { height: 536px; object-fit: cover; } .lead-partners.two .slider-box { margin: 0px 0 0px 0 !important; } .about_team_block_info h5 { text-align: center; } .psa_info_block.new h4 { font-weight: 900; } /* Banner css */ .bannerBox { position: relative; } .team_card_img.new figure img { object-fit: contain; } .lead-partners.two { margin: 0px; } .lead-partners.agniteam { padding: 20px; overflow: inherit !important; } .psa_members_info.new { margin-bottom: 40px; } .the-team-container.new h2.title2 { margin-bottom: 30px; } .team_card_wrapper{ min-height: 20px !important; } .chairperson-block.two { margin-bottom: 0px; } .bannerBox img { width: 100%; } .lead-partners.agniteam{ margin-top: 140px !important; } .txtbox { position: absolute; color: #fff; top: 30% !important; } .txtbox h2{ font-size: calc(36px + var(--font-size-pixel)); } .videoBox { position: absolute; top: 30px; right: 20px; width: 450px; } .videoicon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mainthemeBox { margin-top: 300px; margin-bottom: 50px; } .img-main-box { display: flex; justify-content: space-between; margin-top: 30px; } .customSliderBtn.impact.black-arrow { top: 40% !important; } /* About us css */ .aboutUsBox { margin-top: 0px; padding: 100px 0 30px 0; margin-bottom: 0px; position: relative; } .aboutUsBox { background: url('/assets/images/impactnew/about-bg.png')no-repeat; background-size: cover; } .lead-partners.agniteam{ padding: 0; padding-bottom: 0px; } .chairperson-block.new { max-width: 1197px; margin: 0 auto; } .team_card_img.new { margin: 0 auto; } .psa_info_block.new { text-align: center; } .psa_info_block.new p { text-align: center !important; } .about_team_block_info h5 { font-weight: 900; font-size: 22px; } .aboutdescBox h2, .top-title h2 { color: #000; font-size: 36px; margin-bottom: 10px; } .aboutdescBox p, .top-title p { color: #333333; font-size: calc(20px + var(--font-size-pixel)); line-height: 30px; } .bgimg { position: absolute; } .bgimgcircle, .bgimgtri { /* background: url('img/about-bg-left.png'); height: 301px; */ position: absolute; } .bgimgcircle { left: -220px; background: url(/assets/images/impactnew/about-bg-left.png) no-repeat; height: 301px; width: 364px; } .bgimgtri { right: 0; background: url(/assets/images/impactnew/about-bg-rgt.png) no-repeat; height: 205px; width: 165px; } .bgimgtri { right: 0px; } /* themesldier section css */ .themeSlider { position: relative; overflow: hidden; } .descBox { position: absolute; bottom: 0; color: #fff; z-index: 9; text-align: left; padding: 30px; left: 0; right: 0; } .themeSlider>a:hover .descBox h2 { color: #080f2d; font-size: 24px; margin-bottom: 10px; } .descBox p { display: none; } .themeSlider>a:hover .descBox p { color: #080f2d; font-size: calc(16px + var(--font-size-pixel)); text-align: left; line-height: 20px; display: block; } .themeSlider>a::after { content: ''; position: absolute; width: 100%; height: calc(100% - 285px); background: url('/assets/images/impactnew/theme-slide-desc.png') no-repeat; background-size: 100% 200%; left: 0; bottom: 0; transition: all ease-in 0.3s; } .themeSlider>a:hover::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #f2bd12 !important; background: transparent; left: 0; bottom: 0; transition: all ease-in 0.3s; } .descBox img { width: 100%; } /* impact bg css */ .impactCreateBox { background: url('/assets/images/impactnew/bg-impact.jpg') no-repeat; background-size: cover; padding: 100px 0; margin-bottom: 0px; } .impactCreateBox .btnBox h2 { margin-bottom: 30px !important; } .themesliderBox .top-title h2 { margin-bottom: 15px !important; } .lead-partners.two .descBox h2 { font-size: calc(24px + var(--font-size-pixel)) !important; margin-bottom: 0 !important; } .btnBox h2 { color: #fff; text-align: center; margin-bottom: 40px; } .clickHere { width: 188px; height: 62px; line-height: 62px; border-radius: 8px; color: #000; background: #ffbe00; text-decoration: none; display: block; text-align: center; font-size: 18px; margin: 0 auto; } #slick-slider-agnii .slick-dots li.slick-active button:before { color: #ffbe00; } #slick-slider-agnii .slick-dots { bottom: -15px; } .slick-slide img { display: block; width: 100%; } /* custom css arrow start */ #slick-slider-agnii .slick-prev, #slick-slider-agnii .slick-next { width: 100px; } #slick-slider-agnii .slick-prev:before, #slick-slider-agnii .slick-next:before { font-size: 100px; opacity: 1; margin-top: -60px; } #slick-slider-agnii .slick-prev:before { width: 100px; content: " "; background: url('/assets/images/impactnew/left-arrow.png')no-repeat; position: absolute; left: 0; top: 0; height: 100px; background-size: contain; } #slick-slider-agnii .slick-next:before { width: 100px; content: " "; background: url('/assets/images/impactnew/rgt-arrow.png')no-repeat; position: absolute; right: 0; top: 0; height: 100px; background-size: contain; } #slick-slider-agnii .slick-prev { left: 30%; } #slick-slider-agnii .slick-next { right: 30%; } /* custom css arrow end */ #slick-slider-agnii { width: 100%; background-color: transparent; } #slick-slider-agnii .slick-track { display: flex; align-items: center; flex-wrap: nowrap; justify-content: center; } #slick-slider-agnii .slick-slide { float: none; display: inline-block; vertical-align: middle; margin: 10px; background-color: white; transition: all 0.3s ease; height: auto; text-align: center; } #slick-slider-agnii .slick-slide.slick-current, #slick-slider-agnii .slick-slide.slick-center { padding: 30px 0px; } .slick-prev, .slick-next { z-index: 10; top: 0px; } .slick-prev { left: 10px; } .slick-next { right: 10px; } .partnerBox { margin-top: 30px; } .partSlider img { width: 100%; height: 100%; } #slick-slider-agnii .slick-slide.slick-current, #slick-slider-agnii .slick-slide.slick-center { padding: 0; } #slick-slider-agnii .slick-slide.slick-current .partSlider img { height: 100%; } .slider-box { margin: 30px 0; } /* Responsive */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .videoBox { width: 300px; } .mainBox { margin-top: 200px; } .impactCreateBox { padding: 80px 0; } .bgimgcircle { left: -140px; background: url(/assets/images/impactnew/about-bg-left.png) no-repeat; height: 187px; width: 257px; background-position: top left; background-size: contain; display: none; } .bgimgtri { display: none;} .aboutUsBox { padding: 60px 0 20px 0; } #slick-slider-agnii .slick-prev { left: 27%; } #slick-slider-agnii .slick-next { right: 27%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #slick-slider-agnii .slick-prev { left: 29%; } #slick-slider-agnii .slick-next { right: 29%; } } /* ----------- iPad Pro 12.9" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { #slick-slider-agnii .slick-prev { left: 28%; } #slick-slider-agnii .slick-next { right: 28%; } } /* Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #slick-slider-agnii .slick-prev { left: 30%; } #slick-slider-agnii .slick-next { right: 30%; } } @media only screen and (max-device-width: 767px) { h2 { font-size: 22px + var(--font-size-pixel)!important; margin-bottom: 5px !important; } .bannerBox .txtbox h1 { text-align: left; font-size: 27px !important; padding-left: 20px; padding-right: 20px; } .bannerBox .txtbox h1 br { display: none; } .bannerBox .txtbox p { text-align: left !important; padding: 0 20px !important; } .txtbox h2 br { display: none; } .txtbox h2 { font-size: calc(28px + var(--font-size-pixel)); margin-top: 30px; } .bannerBox .txtbox p {width: 100%;padding-right: 20px;} .impactCreateBox { padding: 60px 0 !important; } .txtbox{ top: 10% !important; left: 0 !important; } .container { max-width: 100%; padding: 0 20px; } .agni-about-section p { padding-right: 0; } .agni_logo { position: inherit; text-align: center; right: 0; top: 20px; } .lead-partners .slick-list { padding-left: 0; } .videoBox { position: absolute; top: 65% !important; right: 0px; width: 280px !important; } .mainBox { margin-top: 160px; } .videoicon { width: 50px; } .aboutdescBox h2, .top-title h2 { font-size: calc(20px + var(--font-size-pixel)); } .aboutdescBox p, .top-title p { font-size: calc(15px + var(--font-size-pixel)); line-height: 25px; } .aboutdescBox { padding-top: 30px; } #slick-slider-agnii .slick-next:before ,#slick-slider-agnii .slick-prev:before { width: 50px; display: none; } #slick-slider-agnii .slick-slide { margin: 0; } #slick-slider-agnii .slick-prev { left: 20px; } #slick-slider-agnii .slick-next { right: 20px; } .impactCreateBox { padding: 20px 0; } .btnBox h2 { font-size: calc(20px + var(--font-size-pixel)); margin-bottom: 20px; } .clickHere { width: 130px; height: 40px; line-height: 40px; font-size: 15px; } .lead-partners.two .descBox h2 { font-size: 20px + var(--font-size-pixel)!important;} .bannerBox > img { height: 460px !important; object-fit: cover; } .txtbox { top: 10%; } .txtbox p br { display: none; } .bgimgcircle , .bgimgtri { display: none;} .aboutUsBox { padding: 80px 0 20px 0; background: transparent; } .themeSlider>a:hover .descBox { padding: 20px; } .themeSlider>a::after { height: calc(100% - 50px); } .themeSlider>a:hover::after { height: 100%; } .themeSlider>a:hover .descBox h2 { font-size: calc(22px + var(--font-size-pixel)); } .themeSlider>a:hover .descBox p { font-size: calc(14px + var(--font-size-pixel)) !important; line-height: 20px !important; } } @media only screen and (max-device-width: 479px) { .lead_partner_group .team_card_wrapper { max-width: 100% !important; min-width: 100% !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; } } .top_section .heading { background-color: #080f2d; padding: 100px 0; } @media (max-width: 767px) { .top_section .heading { padding: 66px 0; } } .top_section .heading .container { margin-bottom: 50px; } .top_section .heading .title2 { color: #ffffff; margin-bottom: 0; } .top_section .heading h2 { color: #ffffff; font-size: calc(18px + var(--font-size-pixel)); margin: 25px 0 0 0; } .top_section .content_section { background-color: #ffffff; position: relative; } .top_section .content_section .section-layer { position: absolute; right: 30px; bottom: 30px; left: 0px; z-index: 1; } .top_section .content_section .section-layer img { max-width: 100%; } .top_section .inner-box-container .content_block { display: block; } .top_section .inner-box-container .content_block .info_section { width: 100%; padding-right: 220px; text-align: justify; } .top_section .inner-box-container .content_block .info_section.full_width { width: 100%; padding-right: 0; } .top_section .inner-box-container .content_block .info_section p { font-size: calc(18px + var(--font-size-pixel)); line-height: 1.5; } .top_section .inner-box-container .content_block .image_section { width: 45%; float: right; margin-left: 40px; margin-bottom: 20px; } .top_section .inner-box-container .content_block .image_section figure { width: 500px; height: auto; } .top_section .inner-box-container .content_block .image_section figure img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .top_section .inner-box-container .content_block .image_section.no-data-left { float: unset; margin: 0 auto; } .top_section .inner-box-container .content_block .videoIconBlock { position: relative; } .top_section .inner-box-container .additional-wrapper { margin-top: 20px; } .top_section .inner-box-container .additional-wrapper .promotional-banner { width: 60.2%; float: right; margin-left: 30px; margin-bottom: 10px; } .top_section .inner-box-container .additional-wrapper .promotional-banner.no-data-left { float: unset; margin: 0 auto; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slider-heading { margin-left: 20px; margin-bottom: 15px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider { position: relative; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots { width: 100%; text-align: center; bottom: 0; } @media (max-width: 767px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots { position: static; width: 100%; } } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li { width: 12px; height: 12px; margin: 0 6px; vertical-align: middle; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li button { background-color: #b0b0b0; height: 100%; width: 100%; padding: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li button:before { content: none; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li.slick-active button { background-color: #212121; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content { margin: 0 20px; padding-bottom: 20px; position: relative; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content a { width: 100%; max-height: 350px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide { width: 100%; height: 280px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 10px; } @media (max-width: 767px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide { min-width: 50%; max-width: 50%; height: auto; min-height: 170px; margin-left: auto; margin-right: auto; } } @media (max-width: 479px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide { min-width: 100%; max-width: 100%; } } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide img, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide img { width: 100%; height: 100%; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .content_section { padding-left: 25px; position: absolute; bottom: 50px; right: 20px; z-index: 2; transition: all ease-in 0.3s; background: unset; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .content_section span:after { margin-left: 8px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow { width: 45px; height: 55px; background: url("/assets/images/arrow-copy.svg") no-repeat center; position: absolute; top: calc(30% + 25px); left: 0px; z-index: 1; border: 1px solid #212121; cursor: pointer; } @media (max-width: 767px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow { display: none !important; } } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow:before { content: none; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow.slick-prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow.slick-next { left: calc(100% - 45px); margin-top: 28px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow.slick-disabled { opacity: 0.5; } .top_section .inner-box-container .additional-wrapper .info p { font-size: calc(18px + var(--font-size-pixel)); line-height: 1.5; text-align: justify; } @media (max-width: 767px) { .top_section .inner-box-container .content_block .image_section { width: 100%; margin-left: 0px; } .top_section .inner-box-container .content_block .image_section figure { max-width: 50%; margin: 0 auto; } .top_section .inner-box-container .content_block .info_section { padding-right: 0; } .top_section .inner-box-container .additional-wrapper { margin-top: 5px; } .top_section .inner-box-container .additional-wrapper .promotional-banner { float: unset; margin-left: unset; width: 100%; margin: 20px 0; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slider-heading { margin-bottom: 10px; margin-left: 0; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content { margin: 0 4px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content a .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content a .video_slide { max-height: 220px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .content_section { position: unset; text-align: center; padding: 0; } } @media (max-width: 479px) { .top_section .inner-box-container .content_block .image_section figure { width: 100%; max-width: 100%; } } @media (max-width: 991px) { .number-para-section { margin-bottom: 30px; } } @media (max-width: 991px) { .number-para-section .slick-dots { bottom: 0px; } } @media (max-width: 767px) { .number-para-section .slick-dots { bottom: -10px; } } .number-para-section .slick-dots li.slick-active { background-color: #FFBE00; border-radius: 10px; width: 20px; height: 10px; } .number-para-section .slick-dots li:not(.slick-active) { background-color: #D9D9D9; height: 10px; width: 10px; border-radius: 50%; } .number-para-section .number-section-item { margin-bottom: 30px; position: relative; } @media (max-width: 991px) { .number-para-section .number-section-item { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (max-width: 767px) { .number-para-section .number-section-item { height: 420px; } } .number-para-section .number-section-item.item-0, .number-para-section .number-section-item.item-2 { margin-left: 90px; padding-left: 50px; padding: 30px 90px 30px 50px; } @media (max-width: 991px) { .number-para-section .number-section-item.item-0, .number-para-section .number-section-item.item-2 { margin-left: 40px; margin-right: 20px; padding: 30px; } } .number-para-section .number-section-item.item-1, .number-para-section .number-section-item.item-3 { padding: 30px 50px 30px 90px; margin-right: 90px; padding-right: 50px; } @media (max-width: 991px) { .number-para-section .number-section-item.item-1, .number-para-section .number-section-item.item-3 { margin-left: 40px; margin-right: 20px; padding: 3cap; } } .number-para-section .number-section-item.item-0::before { content: ''; background: url("/assets/images/yellow-count1.png") no-repeat left; background-color: transparent; background-size: contain; position: absolute; top: 0; bottom: -10px; left: -57px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-0::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; } } .number-para-section .number-section-item.item-1::before { content: ''; background: url("/assets/images/yellow-count2.png") no-repeat right; background-color: transparent; background-size: contain; position: absolute; top: 0; right: -40px; bottom: -10px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-1::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; background: url("/assets/images/yellow-count2-mob.png") no-repeat left; background-color: transparent; background-size: contain; } } .number-para-section .number-section-item.item-2::before { content: ''; background: url("/assets/images/yellow-count3.png") no-repeat left; background-color: transparent; background-size: contain; position: absolute; top: 0; bottom: -10px; left: -57px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-2::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; } } .number-para-section .number-section-item.item-3::before { content: ''; background: url("/assets/images/yellow-count4.png") no-repeat right; background-color: transparent; background-size: contain; position: absolute; top: 0; right: -40px; bottom: -10px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-3::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; } } @media (max-width: 991px) { .one-health-section .process-modal .modal-content { height: 700px !important; } } @media (max-width: 767px) { .one-health-section .process-modal .modal-content .close-button { top: 524px; } } /* 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; } } .mega-science-vision .introduction-wrapper p strong { text-transform: uppercase; } .mega-science-vision .video-gallery-container { padding-right: 20px !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; } } .publishing-section { background-color: #ffffff; padding: 140px 0px; position: relative; z-index: 2; } @media (max-width: 767px) { .publishing-section { padding: 60px 0; } } @media (max-width: 767px) { .publishing-section .container { padding: 0; } } .publishing-section .publicatios-layer { position: absolute; right: -165px; bottom: -90px; z-index: 2; max-width: 675px; } @media (max-width: 767px) { .publishing-section .publicatios-layer { display: none; } } .publishing-section .publicatios-layer img { max-width: 100%; } .publishing-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; z-index: 3; } @media (max-width: 767px) { .publishing-wrap { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .publishing-wrap .left-col { min-width: 300px; max-width: 300px; padding-right: 75px; } @media (max-width: 767px) { .publishing-wrap .left-col { margin: 0 auto; padding: 0; text-align: center; } } .publishing-wrap .right-col { width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: calc(100% - 300px); } @media (max-width: 767px) { .publishing-wrap .right-col { width: 100%; margin-top: 2px; } } .publishing-wrap .slider-container { width: 100%; } @media (max-width: 767px) { .publishing-wrap .slider-container .slick-list { padding-left: 20px; } } @media (max-width: 767px) { .publishing-wrap .slider-container .slick-list .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .publishing-wrap .slider-container .emerging-slide { padding: 0 10px; outline: none; } @media (max-width: 767px) { .publishing-wrap .slider-container .emerging-slide { min-width: 230px; max-width: 230px; padding: 0; margin-right: 20px; } } .publishing-wrap .slider-container .emerging-card { position: relative; width: 100%; background-color: #eaeaea; border: 10px solid #EF6D41; padding: 30px; height: 365px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .publishing-wrap .slider-container .emerging-card { height: 337px; padding: 20px; border-width: 6px; } } .publishing-wrap .slider-container .emerging-card:before { content: ''; width: 50px; height: 50px; position: absolute; top: -10px; right: -10px; z-index: 1; background-color: #ffffff; border-bottom: 5px solid #EF6D41; border-left: 5px solid #EF6D41; } @media (max-width: 767px) { .publishing-wrap .slider-container .emerging-card:before { top: -8px; right: -6px; } } .publishing-wrap .slider-container .emerging-card:after { content: ''; width: 5px; height: 65px; position: absolute; top: -18px; right: 12px; z-index: 2; background-color: #EF6D41; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media (max-width: 767px) { .publishing-wrap .slider-container .emerging-card:after { top: -16px; right: 16px; } } .publishing-wrap .slider-container .emerging-card .report_icon_box { position: absolute; right: 0; bottom: 0; z-index: 1; } .publishing-wrap .slider-container .emerging-card .report_icon_box img { max-width: 90px; } @media (max-width: 767px) { .publishing-wrap .slider-container .emerging-card .report_icon_box img { max-height: 72px; } } .publishing-wrap .slider-container .emerging-card .emerging-info { 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; position: relative; z-index: 2; } .publishing-wrap .slider-container .emerging-card .mark_row { margin-bottom: 30px; padding-right: 15px; } @media (max-width: 767px) { .publishing-wrap .slider-container .emerging-card .mark_row { margin-bottom: 15px; padding-right: 38px; max-height: 45px; overflow: hidden; } } .publishing-wrap .slider-container .emerging-card .mark_row mark { vertical-align: middle; } .publishing-wrap .slider-container .emerging-card.blue { border-color: #1a1eb2; } .publishing-wrap .slider-container .emerging-card.blue:before { border-color: #1a1eb2; } .publishing-wrap .slider-container .emerging-card.blue:after { background-color: #1a1eb2; } .publishing-wrap .slider-container .emerging-card.blue mark { background-color: #1a1eb2; } .publishing-wrap .slider-container .emerging-card.black { border-color: #222327; } .publishing-wrap .slider-container .emerging-card.black:before { border-color: #222327; } .publishing-wrap .slider-container .emerging-card.black:after { background-color: #222327; } .publishing-wrap .slider-container .emerging-card.black mark { background-color: #222327; } .publishing-wrap .slider-container .emerging-card.orange { border-color: #ff6503; } .publishing-wrap .slider-container .emerging-card.orange:before { border-color: #ff6503; } .publishing-wrap .slider-container .emerging-card.orange:after { background-color: #ff6503; } .publishing-wrap .slider-container .emerging-card.orange mark { background-color: #ff6503; } .publishing-wrap .slider-container .emerging-card.brown { border-color: #62302f; } .publishing-wrap .slider-container .emerging-card.brown:before { border-color: #62302f; } .publishing-wrap .slider-container .emerging-card.brown:after { background-color: #62302f; } .publishing-wrap .slider-container .emerging-card.brown mark { background-color: #62302f; } .publishing-wrap .slider-container .emerging-card.red { border-color: #d40100; } .publishing-wrap .slider-container .emerging-card.red:before { border-color: #d40100; } .publishing-wrap .slider-container .emerging-card.red:after { background-color: #d40100; } .publishing-wrap .slider-container .emerging-card.red mark { background-color: #d40100; } .publishing-wrap .slider-container .emerging-card.sky-blue { border-color: #01c1f8; } .publishing-wrap .slider-container .emerging-card.sky-blue:before { border-color: #01c1f8; } .publishing-wrap .slider-container .emerging-card.sky-blue:after { background-color: #01c1f8; } .publishing-wrap .slider-container .emerging-card.sky-blue mark { background-color: #01c1f8; } .publishing-wrap .slider-container .emerging-card.purple { border-color: #930295; } .publishing-wrap .slider-container .emerging-card.purple:before { border-color: #930295; } .publishing-wrap .slider-container .emerging-card.purple:after { background-color: #930295; } .publishing-wrap .slider-container .emerging-card.purple mark { background-color: #930295; } .publishing-wrap .slider-container .emerging-card.green { border-color: #17a741; } .publishing-wrap .slider-container .emerging-card.green:before { border-color: #17a741; } .publishing-wrap .slider-container .emerging-card.green:after { background-color: #17a741; } .publishing-wrap .slider-container .emerging-card.green mark { background-color: #17a741; } .publishing-wrap .slider-container .emerging-card.yellow { border-color: #f6c800; } .publishing-wrap .slider-container .emerging-card.yellow:before { border-color: #f6c800; } .publishing-wrap .slider-container .emerging-card.yellow:after { background-color: #f6c800; } .publishing-wrap .slider-container .emerging-card.yellow mark { background-color: #f6c800; } .publishing-wrap .slider-container .emerging-card.dark-blue { border-color: #090166; } .publishing-wrap .slider-container .emerging-card.dark-blue:before { border-color: #090166; } .publishing-wrap .slider-container .emerging-card.dark-blue:after { background-color: #090166; } .publishing-wrap .slider-container .emerging-card.dark-blue mark { background-color: #090166; } .publishing-wrap .slider-container .card-text { font-family: 'Playfair Display', serif; font-size: 24px; line-height: 1.25; color: #212121; font-weight: 700; margin-bottom: 15px; max-height: 150px; overflow: hidden; width: 100%; margin-top: auto; } @media (max-width: 767px) { .publishing-wrap .slider-container .card-text { font-size: 20px !important; max-height: 155px; margin-bottom: 10px; } } .publishing-wrap .details { font-size: 12px; line-height: 1.2; color: #000000; font-weight: 500; margin-bottom: 10px; } .publishing-wrap .details span { position: relative; padding-left: 15px; margin-right: 15px; } .publishing-wrap .details span.calendar { background: url("/assets/images/calendar.svg") no-repeat left center; background-size: 12px; } .publishing-wrap .details span.clock { background: url("/assets/images/clock.svg") no-repeat left center; background-size: 12px; } .publishing-wrap .readmore { vertical-align: middle; } .publishing-wrap .customSliderBtn { margin-top: 70px; } /* 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; } } .other-info-data { padding: 40px; border-top: 5px solid #FFBE00; border-left: 5px solid #FFBE00; background: url("/assets/images/rectangle-copy.svg") no-repeat center; background-size: cover; } .other-info-data p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; text-align: justify; } @media (max-width: 479px) { .other-info-data { padding: 20px; } } .other-info-data .image-right { margin-left: 40px; float: right; } @media (max-width: 479px) { .other-info-data .image-right { margin-left: 0; float: unset; width: 50%; } } .other-info-data a { font-size: 14px; } @media (max-width: 479px) { .other-info-data { background: url("/assets/images/rectangle-copy-mobile.svg") no-repeat center; background-size: cover; } } /* 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; } } .section-with-image-grid { gap: 40px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; flex-direction: row; } @media (max-width: 991px) { .section-with-image-grid { flex-direction: column !important; } } @media (max-width: 991px) { .section-with-image-grid .leftSection, .section-with-image-grid .rightSection { width: 100% !important; } } .section-with-image-grid .rightSection .focusSection, .section-with-image-grid .rightSection .visionSection { position: relative; padding: 20px 30px; } @media (max-width: 991px) { .section-with-image-grid .rightSection .focusSection, .section-with-image-grid .rightSection .visionSection { padding: 20px; } } .section-with-image-grid .rightSection .focusSection .heading-02, .section-with-image-grid .rightSection .visionSection .heading-02 { transition: all 0.3s; margin-bottom: 20px !important; padding-left: 40px; background: url("/assets/images/recycle_white.svg") no-repeat left; background-color: transparent; background-size: auto; } .section-with-image-grid .rightSection .focusSection::after, .section-with-image-grid .rightSection .visionSection::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .section-with-image-grid .rightSection .focusSection *, .section-with-image-grid .rightSection .visionSection * { position: relative; z-index: 3; color: #ffffff; } .section-with-image-grid .rightSection .focusSection ul, .section-with-image-grid .rightSection .visionSection ul { margin-top: 0; } .section-with-image-grid .rightSection .focusSection ul li, .section-with-image-grid .rightSection .visionSection ul li { font-size: 16px; line-height: 22px; font-family: "Lato", sans-serif; } .section-with-image-grid .rightSection .focusSection p, .section-with-image-grid .rightSection .visionSection p { font-size: 16px; line-height: 22px; font-family: "Lato", sans-serif; } .section-with-image-grid .rightSection .focusSection:not(.active), .section-with-image-grid .rightSection .visionSection:not(.active) { height: 140px; 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; } .section-with-image-grid .rightSection .focusSection:not(.active):hover, .section-with-image-grid .rightSection .visionSection:not(.active):hover { border-top: 7px solid #FFBE00; cursor: pointer; transition: all 0.3s; } .section-with-image-grid .rightSection .focusSection:not(.active):hover h2, .section-with-image-grid .rightSection .visionSection:not(.active):hover h2 { font-size: 40px !important; line-height: 22px; transition: all 0.3s; } .section-with-image-grid .rightSection .focusSection img, .section-with-image-grid .rightSection .visionSection img { height: 100%; } .section-with-image-grid .rightSection .focusSection h2, .section-with-image-grid .rightSection .visionSection h2 { margin-bottom: 0; font-weight: 700 !important; font-family: "Montserrat", sans-serif; font-size: 38px; line-height: 22px; text-shadow: 4px 4px #00000066; } .section-with-image-grid .rightSection .visionSection { height: 350px; background: url("/assets/images/vision-bg.png") no-repeat center; background-color: transparent; background-size: cover; position: relative; margin-bottom: 30px; } @media (max-width: 991px) { .section-with-image-grid .rightSection .visionSection { height: auto; } } .section-with-image-grid .rightSection .focusSection { 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; background: url("/assets/images/focus.png") no-repeat center; background-color: transparent; background-size: cover; } .problem-statement p, .technology-solution p { font-family: "Lato", sans-serif; } /* 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; } } h1 { font-size: 36px !important; } h2 { font-size: calc(28px + var(--font-size-pixel)) !important; margin-bottom: 5px !important; } p { text-align: justify; } .breadcrumb span.current { font-weight: 800; } p { margin-top: 0px; text-align: justify; } .breadcrumb-container { padding: 0 100px; position: absolute; top: 115px; right: 0; left: 0; z-index: 3; } .cohort-one-video-slider .slick-slide { position: relative; } span.scroll-pera { overflow: auto; height: 102px; display: inline-block; } .customSliderBtn.black-arrow { margin: 10px auto 0 auto; } .content-region.waste-to-wealth-wrapper2 { padding-top: 0 !important; } .waste-to-wealth-wrapper2 .waste-cohort-tab-section .samaroh-slider-wrap p .scroll-pera { padding-right: 20px; } .waste-wealth-two-wrapper .breadcrumb-container.light .breadcrumb { color: #000; } /*.content-region { padding-top: 50px !important; }*/ .breadcrumb-container span:last-child { font-weight: 700; } .waste-wealth-one-wrapper .pm-stiac-banner-image { bottom: 0px; } .cohort-one-video-slider h3, .cohort-one-video-slider .title, .cohort-one-video-slider .title2, .cohort-one-video-slider .title3 { font-size: 32px; } .cohort-one-video-slider iframe { max-width: 800px; width: 100%; } .pm-stiac-banner-image { position: absolute; right: -60px; bottom: -140px; z-index: 2; width: 540px; height: 540px; -webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); background: #f2bd12; -webkit-transform: rotate(-14deg); -moz-transform: rotate(-14deg); -ms-transform: rotate(-14deg); -o-transform: rotate(-14deg); transform: rotate(-14deg); padding: 10px; } .pm-stiac-banner-image figure { width: 100%; height: 100%; -webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); position: relative; overflow: hidden; margin: 0; } .pm-stiac-banner-image figure img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .pm-stiac-banner-image .playIcon { transform: translate(-50%, -50%) rotate(14deg); -webkit-transform: translate(-50%, -50%) rotate(14deg); -moz-transform: translate(-50%, -50%) rotate(14deg); -ms-transform: translate(-50%, -50%) rotate(14deg); -o-transform: translate(-50%, -50%) rotate(14deg); } .playIcon.lg { width: 80px; height: 80px; } .playIcon { background-image: url(/assets/images/waste/play.svg); } .playIcon { position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); cursor: pointer; width: 68px; height: 68px; background-image: url(/assets/images/waste/play.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } /*============ Common Css =============*/ h3, .title, .title2, .title3 { font-size: 26px; line-height: 1.5; font-weight: 700; color: #212121; font-family: 'Playfair Display', serif; margin-top: 0px; margin-bottom: 15px; } .waste-wealth-two-wrapper .top_section .heading { background: url("/assets/images/waste/waste-wealth-two-banner.jpg") no-repeat center top; padding: 155px 0 300px 0 !important; } .waste-wealth-two-wrapper .breadcrumb-container .breadcrumb { font-size: 12px; line-height: 1.83; color: #000; } .waste-wealth-two-wrapper .breadcrumb-container.light .breadcrumb a { color: #000; } .waste-wealth-two-wrapper .top_section .heading .title2 { color: #000; margin-bottom: 0; margin-top: 0; } .waste-wealth-two-wrapper .pm-stiac-banner-image { bottom: 70px; right: 0px !important; } .banner-content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .playIcon { background-image: url(/assets/images/waste/play.svg); } .w2w-intro-section { padding: 70px 0 20px 0; } .w2w-intro-section p { text-align: justify; } .mr30 { margin-right: 30px; } .mr0 { margin-right: 0; } .ml15 { margin-left: 15px; } .waste-category-row { display: flex; flex-direction: row; margin-bottom: 30px; } .waste-category-row .waste-category-col { width: 33.33%; } .waste-category-row .emerging-card { overflow: hidden; position: relative; } .waste-category-row .emerging-card img { border-radius: 0px; } .waste-category-row .emerging-card figure { position: relative; } .waste-category-row .emerging-card figure:before { content: ""; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .waste-category-row .emerging-card figure figcaption { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 20px 25px 25px 25px; border-left: solid 8px #FFBE00; overflow: hidden; font-family: 'Playfair Display', serif; font-size: 24px; line-height: 1.2; color: #ffffff; font-weight: 700; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .waste-category-row .emerging-card .emerging-hover { padding: 25px 25px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; border-radius: 0px; border-left: solid 10px #f1bd12; width: 100%; overflow: hidden; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; 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; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; } .waste-category-row .emerging-card:hover figure figcaption { display: none; } .waste-category-row .emerging-card:hover figure + .emerging-hover { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .waste-category-col .emerging-hover h4 { color: #FFBE00; font-size: 24px; line-height: 1.2; font-weight: 700; margin-bottom: 10px; } .waste-category-col .emerging-hover p { color: #FFF; } .waste-category-col ul { margin: 0; padding: 0 0 0 15px; list-style: disc; } .waste-category-col ul li { color: #FFF; margin-bottom: 14px; } .waste-category-section { margin-bottom: 60px; } .waste-cohort-tab-one-content, .waste-cohort-two-content { border: solid 2px #f2bd12; padding: 25px 25px 55px 25px; margin-bottom: 60px; } .cohort-one-intro { display: flex; flex-direction: row; } .cohort-one-intro .cohort-one-intro-content { width: 70%; text-align: justify; padding-right: 30px; } .cohort-one-intro .cohort-one-intro-img { width: 30%; } .work-fellow-img-wrap { display: flex; flex-direction: row; width: 72%; margin: 40px auto 40px auto; } .work-fellow-img-wrap .work-fellow-img { width: 50%; text-align: center; padding: 0 5px; } .work-fellow-section { margin-bottom: 30px; } .waste-cohort-tab-btn { width: 100%; } .waste-cohort-tab-btn button.tab-normal { background: #FFF; border: none; color: #000 !important; padding: 15px 35px; margin-right: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 14px; font-weight: 600; position: relative; } .waste-cohort-tab-btn button.tab-normal.active { background: #f2bd12; } .cohort-one-video-slider { text-align: center; } .cohort-one-video-slider iframe { width: 100%; aspect-ratio: 16 / 9; } .slick-dots li button:before { font-size: 36px; } .slick-dots li.slick-active button:before { color: #f1bd12; } .swacchta-saarthi-samaroh-section { margin-bottom: 60px; } .swacchta-saarthi-video { text-align: center; } .swacchta-saarthi-video iframe { width: 100%; aspect-ratio: 16 / 9; max-width: 800px; margin: auto; } .swacchta-saarthi-video h3, .swacchta-saarthi-video .title, .swacchta-saarthi-video .title2, .swacchta-saarthi-video .title3 { margin-bottom: 20px; } .about-samaroh-section h3, .about-samaroh-section .title, .about-samaroh-section .title2, .about-samaroh-section .title3 { text-align: center; margin-bottom: 20px; } .about-samaroh-section { margin-bottom: 60px; } .about-samaroh-section .samaroh-slider-wrap { padding: 15px; } .about-samaroh-section .samaroh-slider-wrap p { background: #08102d; color: #FFF; padding: 30px; line-height: 21px !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .about-samaroh-section .samaroh-slider-wrap img { border-radius: 10px; } .samaroh-para { margin-top: 10px; } .samaroh-slider button.slick-prev { left: 30px; z-index: 9; color: #000; width: 40px; height: 40px; border-radius: 3px; } .samaroh-slider button.slick-prev:before, .samaroh-slider button.slick-next:before { color: #000; } .samaroh-slider button.slick-next { z-index: 9; color: #000; width: 40px; height: 40px; border-radius: 3px; right: 30px; } .swacchta-saarthi-video h2 { margin-bottom: 20px !important; } .about-samaroh-section h3, .about-samaroh-section .title, .about-samaroh-section .title2, .about-samaroh-section .title3 { font-size: 28px; margin-bottom: 10px; } .about-samaroh-section .customSliderBtn.black-arrow { margin-bottom: 35px; } @media (max-width: 1366px) { .pm-stiac-banner-image { right: 90px; } .waste-wealth-two-wrapper .top_section .heading { background-position: center top; } .waste-wealth-two-wrapper .pm-stiac-banner-image { bottom: 0px; } } @media (max-width: 1199px) { .pm-stiac-banner-image { width: 440px; height: 440px; right: 47px; } .swacchta-saarthi-video iframe { width: 100%; } .work-fellow-section { padding-top: 30px; } .videos-slider-link-box ul li button { padding: 30px 20px; } /*.waste-wealth-two-wrapper .pm-stiac-banner-image { bottom: 190px; right: -50% !important; left: auto !important; margin: inherit !important; }*/ } /*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { .waste-wealth-two-wrapper .pm-stiac-banner-image { top: 145px !important; bottom: auto !important; } }*/ @media (max-width: 991px) { h3, .title, .title2, .title3 { font-size: 18px; margin-bottom: 5px; } .pm-stiac-banner-image { width: 340px; height: 340px; right: 0; margin: auto; left: 0; } .top_section .heading .title2 { text-align: center; display: inline-block; width: 100%; } .pm-stiac-banner-image { width: 340px; height: 340px; right: 0; margin: auto; left: 0; } .top_section .heading .title2 { text-align: center; display: inline-block; width: 100%; } .waste-category-row .emerging-card figure figcaption { font-size: 18px; padding: 15px; } .waste-category-col .emerging-hover p { font-size: calc(13px + var(--font-size-pixel)) !important; line-height: 16px !important; } .waste-category-col .emerging-hover h4 { font-size: 18px; } .waste-category-row .emerging-card .emerging-hover { padding: 15px; } .swacchta-saarthi-video iframe { width: 100%; aspect-ratio: 16 / 9; } .cohort-one-video-slider iframe { width: 100%; aspect-ratio: 16 / 9; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .waste-wealth-two-wrapper .top_section .banner-content { position: relative; } .waste-wealth-two-wrapper .pm-stiac-banner-image { bottom: -410px !important; right: -50px; } } @media (max-width: 767px) { h2 { font-size: calc(22px + var(--font-size-pixel)); } .waste-wealth-two-wrapper .top_section .banner-content { position: relative; } .waste-wealth-two-wrapper .pm-stiac-banner-image { width: 200px !important; height: 200px !important; right: -150px; bottom: -410px !important; } .cohort-one-video-slider .customSliderBtn.black-arrow { display: none; } .cohort-one-video-slider .customSliderBtn { display: flex; } .w2w-intro-section { padding: 70px 0 20px 0 !important; } .swacchta-saarthi-samaroh-section { margin-bottom: 40px; } .waste-wealth-two-wrapper .top_section .heading { padding: 85px 0 300px 0 !important; } .playIcon.lg { width: 40px; height: 40px; top: 50%; } .top_section .container { padding: 0; } /*.content-region { padding-top: 40px !important; }*/ .waste-wealth-two-wrapper .pm-stiac-banner-image { width: 250px; height: 250px; } .cohort-one-video-slider iframe { width: 100%; aspect-ratio: 16 / 9; } .waste-category-row { flex-direction: column; } .waste-category-row .waste-category-col { width: 100%; margin-right: 0; margin-bottom: 30px; } .waste-category-row .emerging-card figure figcaption { font-size: 24px; padding: 25px; display: none; } .waste-category-row .emerging-card .emerging-hover { padding: 25px; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .waste-category-col .emerging-hover h4 { font-size: 24px; } .waste-category-col .emerging-hover p { font-size: calc(14px + var(--font-size-pixel)) !important; line-height: 20px !important; } .waste-category-row .waste-category-col:last-child { margin-bottom: 0; } .cohort-one-intro { flex-direction: column; } .cohort-one-intro .cohort-one-intro-content { width: 100%; padding-right: 0; } .cohort-one-intro .cohort-one-intro-img { width: 100%; } .work-fellow-img-wrap { width: 100%; flex-direction: column; } .work-fellow-img-wrap .work-fellow-img { width: 100%; margin-bottom: 30px; } .swacchta-saarthi-video iframe { width: 100%; aspect-ratio: 16 / 9; } } @media (max-width: 481px) { .waste-cohort-tab-btn button.tab-normal { padding: 15px 20px; margin-right: 8px; } .work-fellow-img-wrap .work-fellow-img:last-child { margin-bottom: 0; } .work-fellow-img-wrap { margin-bottom: 20px; } .cohort-one-video-slider iframe { width: 100%; aspect-ratio: 16 / 9; } .waste-cohort-tab-one-content { margin-bottom: 30px; } .swacchta-saarthi-samaroh-section .container { padding: 0; } .about-samaroh-section .samaroh-slider-wrap { padding: 0; } .about-samaroh-section .container { padding: 0; } .samaroh-slider button.slick-prev { left: -5px; } .samaroh-slider button.slick-next { right: -5px; } } .customSliderBtn.black-arrow { margin: 0 auto; margin-top: 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } .breadcrumb-container { padding: 0 100px; position: absolute; top: 115px; right: 0; left: 0; z-index: 3; } .problem-statement h2, .technology-solution h2, .impact-content h2 { margin-bottom: 10px !important; text-align: left !important; } .content-region.waste-to-wealth-wrapper { padding-top: 0 !important; } /*.content-region { padding-top: 50px; }*/ .waste-to-wealth-wrapper .technology-deployments-section h2 { margin-bottom: 10px; } .highlight-stats-row p { text-align: center !important; } .impact-images-wrap p { text-align: center !important; font-size: calc(14px + var(--font-size-pixel)) !important; } .waste-to-wealth-wrapper .reportWrap .detailBox h2 { font-size: calc(22px + var(--font-size-pixel))!important; line-height: 30px; min-height: 130px; } .waste-to-wealth-wrapper .reportWrap { padding-bottom: 60px !important; } .waste-to-wealth-wrapper .lead-partners { margin-top: -140px; } .waste-to-wealth-wrapper .technology-btns { top: -38px; } .waste-to-wealth-wrapper .highlight-stats-left p { text-align: center !important; } .waste-to-wealth-wrapper .technology-repository-link a { text-decoration: underline; } .waste-to-wealth-wrapper .the-team-container .lead-partners.agniteam { padding-top: 150px; } .waste-to-wealth-wrapper .the-team-container .lead-partners.agniteam .lead_partner_group .slick-list { overflow: visible; } .waste-to-wealth-wrapper .the-team-container .lead-partners.agniteam .lead_partner_group .slick-list .team_card_img figure img { max-width: 155px; margin: 0 auto; } .waste-to-wealth-wrapper .top_section { position: relative; } .customSliderBtn.black-arrow { margin: 10px auto 0 auto; } .breadcrumb-container .breadcrumb { font-size: 12px; line-height: 1.83; color: #eeeeee; } .breadcrumb-container.light .breadcrumb a { color: #eeeeee; } .breadcrumb-container span:last-child { font-weight: 700; } .pm-stiac-banner-image { position: absolute; right: 0px; bottom: -140px; z-index: 2; width: 540px; height: 540px; -webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); background: #f2bd12; -webkit-transform: rotate(-14deg); -moz-transform: rotate(-14deg); -ms-transform: rotate(-14deg); -o-transform: rotate(-14deg); transform: rotate(-14deg); padding: 10px; } .pm-stiac-banner-image figure { width: 100%; height: 100%; -webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); position: relative; overflow: hidden; margin: 0; } .pm-stiac-banner-image figure img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .pm-stiac-banner-image .playIcon { transform: translate(-50%, -50%) rotate(14deg); -webkit-transform: translate(-50%, -50%) rotate(14deg); -moz-transform: translate(-50%, -50%) rotate(14deg); -ms-transform: translate(-50%, -50%) rotate(14deg); -o-transform: translate(-50%, -50%) rotate(14deg); } .playIcon.lg { width: 80px; height: 80px; } .playIcon { background-image: url(/assets/images/waste/play.svg); } .playIcon { position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); cursor: pointer; width: 68px; height: 68px; background-image: url(/assets/images/waste/play.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } /*============ Common Css =============*/ .waste-wealth-one-wrapper .top_section .heading { background: url("/assets/images/waste/waste-wealth-one-banner.jpg") no-repeat center top; padding: 155px 0 300px 0 !important; } .top_section .heading .title2 { color: #ffffff; margin-bottom: 0; margin-top: 0; font-size: 48px; font-weight: 900; } .pm-stiac-banner-image { bottom: 0px; } .banner-content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .playIcon { background-image: url(/assets/images/waste/play.svg); } .w2w-intro-section { padding: 50px 0 20px 0; } .w2w-intro-section p { text-align: justify; } p { line-height: 28px; } .vision-focus-row { display: flex; flex-direction: row; } .vision-focus-row .vision-focus-col { width: 50%; padding: 0 15px; } .vision-focus-row .emerging-card { overflow: hidden; position: relative; } .vision-focus-row .emerging-card img { border-radius: 10px; } .vision-focus-row .emerging-card figure { position: relative; } .vision-focus-row .emerging-card figure figcaption { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 80px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; background-color: rgba(0, 0, 0, 0.7); 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-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; padding: 15px 45px; overflow: hidden; font-family: 'Playfair Display', serif; font-size: 24px; line-height: 1.2; color: #ffffff; font-weight: 700; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .vision-focus-row .emerging-card .emerging-hover { padding: 40px 25px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; border-radius: 10px; background-color: rgba(0, 0, 0, 0.75); width: 100%; overflow: hidden; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; 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; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; } .vision-focus-row .emerging-card:hover figure figcaption { display: none; } .vision-focus-row .emerging-card:hover figure+.emerging-hover { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .vision-focus-col .emerging-hover h4 { color: #FFBE00; font-size: 32px; line-height: 1.25; font-weight: 700; margin-bottom: 10px; } .vision-focus-col .emerging-hover p { color: #FFF; } .vision-focus-col ul { margin: 0; padding: 0 0 0 15px; list-style: disc; } .vision-focus-col ul li { color: #FFF; margin-bottom: 14px; } .vision-focus-section { margin-bottom: 60px; } .highlights-section { margin-bottom: 60px; } .highlights-section h2 { text-align: center; font-weight: 900; margin-bottom: 36px; } .highlight-col-wrap { display: flex; flex-direction: row; } .highlight-col { width: 50%; padding: 30px; border: solid 4px #f2bd12; } .highlight-stats-left { width: 50%; text-align: center; border-bottom: solid 2px #b4b4b4; padding: 15px 7px; border-right: solid 2px #b4b4b4; height: 98px; } .highlight-stats-row { display: flex; flex-direction: row; align-items: center; } .highlight-stats-right { width: 50%; text-align: center; border-bottom: solid 2px #b4b4b4; padding: 15px 15px; height: 98px; } .highlight-stats-row:last-child .highlight-stats-left { border-bottom: none; } .highlight-stats-row:last-child .highlight-stats-right { border-bottom: none; } .highlight-stats-row span { font-weight: 900; font-family: 'Playfair Display', serif; font-size: 24px; } .highlight-stats-row p { line-height: 18px; font-size: calc(14px + var(--font-size-pixel)); padding: 0 15px; } .technology-deployments-wrap { border: solid 3px #080f2d; padding: 100px 40px 40px 40px; position: relative; width: 100%; margin-bottom: 40px; } .technology-deployments-section h2 { text-align: center; margin-bottom: 50px; margin-top: 0px; } .technology-deployments-section { margin-bottom: 30px; } .technology-btns { position: absolute; top: -24px; left: 22%; right: auto; margin: auto !important; display: flex !important; } .technology-btns button { border: solid 3px #080f2d; background: #FFF; padding: 13px 20px; font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 600; width: 320px; height: 74px; margin: 0 10px; border-radius: 5px; cursor: pointer; color: #000; } .technology-btns button.active { background: #080f2d; color: #FFF; } .barapullah-drain-video { margin-bottom: 40px; position: relative; text-align: center; } .barapullah-drain-video img { max-width: 880px; margin: auto; width: 100%; } .barapullah-drain-video figcaption { background: #f1bd12; padding: 15px; text-align: center; font-weight: 600; max-width: 880px; margin: auto; width: 100% } h3 { font-size: 28px; line-height: 1.5; font-weight: 900; color: #212121; font-family: 'Playfair Display', serif; margin-top: 0px; margin-bottom: 15px; } .problem-statement, .technology-solution { margin-bottom: 30px; } .drainmaster-operation-wrap { display: flex; flex-direction: row; } .drainmaster-operation-wrap .drainmaster-img { margin: 0 15px; } .drainmaster-caption span { color: #808080; font-size: 14px; font-style: italic; } .drainmaster-caption { padding: 15px 30px 25px 30px; text-align: center; } .drainmaster-operation-section { margin-bottom: 30px; } .impact-section { display: flex; flex-direction: row; margin-top: 20px; } .decentralized-waste-content h3, .cleaning-barapullah-drain-content h3 { margin-bottom: 10px; } .impact-section .impact-content { width: 40%; } .impact-section .impact-images-wrap { width: 60%; } .impact-images-box { display: flex; } .impact-images-box .impact-before { margin: 0 15px; } .impact-images-box .impact-before figcaption { text-align: center; margin-top: 10px; color: #6f6f70; font-size: 14px; } .impact-images-wrap p { text-align: center; margin-top: 15px; font-style: italic; font-size: calc(18px + var(--font-size-pixel)) !important; font-weight: 600; } .impact-images-box .impact-before figure img { border: solid 4px #e9b711; } .impact-content p { /* font-size: calc(14px + var(--font-size-pixel)); */ /* line-height: 24px; */ /* text-align: justify; */ padding-right: 20px; } .innovation-challenges-section { padding-top: 60px; } .innovation-challenges-section h3 { text-align: center; margin-bottom: 30px; } .innovation-challenges-wrap { display: flex; flex-direction: row; } .innovation-challenges-wrap .innovation-challenges-box { width: 50%; } .innovation-challenges-wrap .innovation-challenges-box h4 { font-size: 16px; font-weight: 600; } .innovation-challenges-period-box { background: #FFF; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); padding: 30px; } .innovation-challenges-period-box strong { font-size: 14px; margin-bottom: 8px; display: block; } .innovation-challenges-period-box p { font-size: calc(14px + var(--font-size-pixel)); } .mr15 { margin-right: 15px; } .ml15 { margin-left: 15px; } .technology-repository-section { padding-top: 60px; } .technology-repository-section h3 { text-align: center; margin-bottom: 30px; } .technology-repository-section .disclaimer-box { background: #dcf3f9; border-radius: 5px; padding: 30px; } .technology-repository-section .disclaimer-box strong { font-size: 14px; margin-bottom: 8px; display: block; } .technology-repository-section .disclaimer-box p { font-size: calc(14px + var(--font-size-pixel)); line-height: 26px; } .technology-repository-link { background: url("/assets/images/waste/technology-repository-bg.jpg"); background-repeat: no-repeat; padding: 120px 0; text-align: center; } .technology-repository-link h2 { color: #FFF; font-size: calc(28px + var(--font-size-pixel)); font-family: 'Playfair Display', serif; font-weight: 700; margin-bottom: 20px !important; } .waste-to-wealth-wrapper .the-team-container .lead-partners.agniteam { margin-top: -60px !important; } .waste-to-wealth-wrapper .the-team-container.new { padding-bottom: 0 !important; } .technology-repository-link a { color: #FFF; font-size: 20px; font-family: 'Playfair Display', serif; font-weight: 700; cursor: pointer; margin-top: 20px; } .policies-section { padding: 60px 0; } .select-box-wrap { display: flex; flex-direction: row; } .select-box-wrap .select-box { width: 25%; padding-right: 15px; } .select-box-wrap .select-box select { width: 100%; padding: 12px; border: solid 1px #d0d0d0; border-radius: 3px; height: 42px; color: #000; } .waste-videos-slider-section { margin-bottom: 60px; } .swaste-videos-slider-wrap { display: flex; flex-direction: row; } .swaste-videos-slider-wrap .videos-slider-box { width: 70%; } .swaste-videos-slider-wrap .videos-slider-link-box { width: 30%; } .swaste-videos-slider-wrap .videos-slider-box iframe { width: 100%; aspect-ratio: 16 / 9; } .videos-slider-link-box ul li { border-bottom: solid 1px #3c4259; } .videos-slider-link-box ul li:last-child { border-bottom: none; } .videos-slider-link-box ul { margin: 0; padding: 0; list-style: none; } .videos-slider-link-box ul li button { border: none; background: #080f2d; display: block; width: 100%; color: #FFF; padding: 39px 20px; text-align: left; font-family: 'Playfair Display', serif; cursor: pointer; font-size: 14px; } .videos-slider-link-box ul li.active button { background: #f2bd12; position: relative; } .videos-slider-link-box ul li.active button:before { right: 100%; top: 52%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(242, 189, 18, 0); border-right-color: #f2bd12; border-width: 10px; margin-top: -10px; } .waste-contact-link { background: url("/assets/images/waste/contact-bg.jpg"); background-repeat: no-repeat; padding: 130px 0; text-align: center; } .waste-contact-link h4 { color: #FFF; font-weight: 900; font-size: 28px; } .waste-contact-link a { color: #FFF !important; font-size: 18px; } .waste-contact-link a:hover, .waste-contact-link a:focus { color: #f1bd12 !important; } .highlights-section h2.ww-head { margin-bottom: 20px !important; } .technology-deployments-section h2.techno-deploy-head { margin-bottom: 55px !important; } .technology-deployments-section h2.innovation-head { margin-bottom: 55px !important; } .swacchta-saarthi-fellowship-link { text-align: center; padding: 60px 20px 40px 20px; } .swacchta-saarthi-fellowship-link a { background: #f1bd12; padding: 20px 30px; border-radius: 5px; color: #000; font-weight: 600; display: inline-block; } .accordion-container .accordion-title { position: relative; margin: 0; padding: 14px 50px 14px 25px; background-color: #f3f2f2; font-size: 14px; line-height: 22px; font-weight: 700; color: #000; cursor: pointer; border: solid 1px #d0d0d0; margin-bottom: 25px; border-radius: 5px; } .accordion-container .accordion-title:last-of-type { margin-bottom: 0; } .accordion-title.open { margin-bottom: 0; } .accordion-title.open { background-color: #f3f2f2; color: #000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; } .accordion-container .accordion-title::after { content: ""; position: absolute; top: 20px; right: 25px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #000; } .accordion-container .accordion-title.open::after { content: ""; position: absolute; top: 15px; border: 8px solid transparent; border-bottom-color: #000; } .accordion-content { padding: 25px 25px 35px 25px; border: 1px solid #d0d0d0; margin-bottom: 25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .accordion-container { width: 100%; margin: 0 auto; } .decentralized-waste-accordian .accordion-content p { width: 100%; margin-bottom: 20px; } .decentralized-waste-accordian .accordion-content iframe { width: 100%; aspect-ratio: 16 / 9; margin: auto; display: block; } .decentralized-waste-accordian .accordion-content span { font-size: 14px; font-style: italic; color: #878787; text-align: center; display: block; margin-top: 15px; } .accordion-hidden { display: none; } .ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open { z-index: 99999; background-color: #0000006b !important; } .semodal:focus, .semodal:focus-visible { outline: none; } .semodal { max-width: 800px; background: #FFF; margin: 40px auto 0 auto; padding: 30px; position: relative; inset: inherit !important; border-radius: 5px; } .semodal button.popupclose { background: transparent; border: none; font-size: 18px; position: absolute; top: 22px; right: 20px; cursor: pointer; } .semodal h2 { font-size: 26px + var(--font-size-pixel); text-transform: uppercase; text-align: center; } .semodal p { font-size: calc(13px + var(--font-size-pixel)) !important; text-align: center; line-height: 20px !important; } .semodal h2 { font-size: calc(26px + var(--font-size-pixel)); text-transform: uppercase; text-align: center; } .modal-btn-wrap { width: 100%; text-align: center; padding-top: 30px; } .modal-btn-wrap button.btn-understood { background: #f2bd12; border: none; color: #FFF; padding: 13px 24px; border-radius: 3px; margin: 0 10px; cursor: pointer; text-transform: uppercase; font-weight: 600; } .modal-btn-wrap button.btn-cancel { background: #ef1f1f; border: none; cursor: pointer; color: #FFF; padding: 13px 24px; border-radius: 3px; margin: 0 10px; text-transform: uppercase; font-weight: 600; } .accordion-container1 .accordion-title1 { position: relative; margin: 0; padding: 14px 50px 14px 25px; background-color: #f1bd12; font-size: 14px; line-height: 22px; font-weight: 700; color: #000; cursor: pointer; border: solid 1px #f1bd12; margin-bottom: 25px; border-radius: 5px; } .accordion-container1 .accordion-title1:last-of-type { margin-bottom: 0; } .accordion-title1.open1 { margin-bottom: 0; } .accordion-title1.open1 { background-color: #f1bd12; color: #000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; } .accordion-container1 .accordion-title1::after { content: ""; position: absolute; top: 20px; right: 25px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #000; } .accordion-container1 .accordion-title1.open1::after { content: ""; position: absolute; top: 15px; border: 8px solid transparent; border-bottom-color: #000; } .accordion-content1 { padding: 25px 25px 35px 25px; border: 1px solid #d0d0d0; margin-bottom: 25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .accordion-content1 strong { font-size: 14px; margin-bottom: 5px; display: block; } .accordion-container1 { width: 100%; margin: 0 auto; } /* report section css */ .pdfWrapBox { border: 5px solid #f2bd12; border-radius: 15px; padding: 30px 20px; margin: 10px; } .icon { width: 40px; margin-bottom: 25px; } .detailBox h2 { margin-bottom: 30px; font-size: calc(20px + var(--font-size-pixel)); } .detailBox span { display: flex; color: #858e91; font-size: 20px; margin-bottom: 100px; } .detailBox span img { width: 21px !important; margin-right: 8px; height: 24px; } .detailBox .viewBtn { text-decoration: none; color: #000; font-size: 14px; font-weight: bold; display: flex; align-items: center; text-transform: uppercase; } .detailBox .viewBtn img { width: 7px !important; margin-left: 20px; } .reportWrap { margin-bottom: 80px; } .reportWrap h3.title2 { margin-bottom: 20px; } .home-demo .owl-carousel .owl-nav button.owl-prev, .home-demo .owl-carousel .owl-nav button.owl-next { background: #f2bd12; width: 72px; height: 72px; color: #fff; font-size: 37px; } .contentBox { margin-bottom: 20px; } .contentBox h2 { font-size: calc(28px + var(--font-size-pixel)); color: #1c1919; margin-bottom: 20px; text-align: center; font-weight: bold; } .chairperson-block.new { max-width: 1197px; margin: 0 auto; } .psa_info_block.new { text-align: center; } .team_card_img.new { margin: 0 auto; } .team_card_wrapper.new:before{ background-image: none !important; } .chairperson-block.new { margin-bottom: 0px; } .lead-partners.agniteam { padding-top: 30px; padding-bottom: 80px; } .psa_info_block.new h4 {font-weight: 700;font-size: 22px;} .about_team_block_info h5, .about_team_block_info p { text-align: center; } .waste-wealth-one-wrapper .pm-stiac-banner-image { right: 0px !important; } .waste-to-wealth-wrapper .lead-partners.agniteam .slick-slider { overflow: inherit !important; } @media(max-width:1366px) { .pm-stiac-banner-image { right: 57px; } .waste-wealth-one-wrapper .top_section .heading { background-position: right top; } } @media(max-width:1199px) { /*.waste-to-wealth-wrapper .highlight-col-wrap .highlight-col { margin-left: 0; } .waste-to-wealth-wrapper .chairperson-block.new { margin-bottom: 290px; }*/ .pm-stiac-banner-image { width: 440px; height: 440px; right: 47px; } .highlights-section h2 { font-size: 26px + var(--font-size-pixel); } .highlight-stats-row p { font-size: calc(13px + var(--font-size-pixel)); padding: 0 0px; } .technology-btns { left: 15%; } h2 { font-size: calc(26px + var(--font-size-pixel)); } h3 { font-size: 22px; } .swaste-videos-slider-wrap .videos-slider-box iframe { width: 100%; aspect-ratio: 16 / 9; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .videos-slider-link-box ul li button { padding: 30px 20px; } } @media(max-width:991px) { .pm-stiac-banner-image { width: 340px; height: 340px; right: 0; margin: auto; left: 0; } .waste-to-wealth-wrapper .top_section .pm-stiac-banner-image { right: -150px; } .waste-to-wealth-wrapper .pm-stiac-banner-image { width: 500px; height: 500px; } .top_section .heading .title2 { text-align: center; display: inline-block; width: 100%; } .pm-stiac-banner-image { width: 340px; height: 340px; right: 0; margin: auto; left: 0; } .top_section .heading .title2 { text-align: center; display: inline-block; width: 100%; } .vision-focus-col .emerging-hover p { font-size: calc(12px + var(--font-size-pixel)) !important; line-height: 18px !important; } .vision-focus-row .emerging-card .emerging-hover { padding: 20px 20px 20px 20px; } .vision-focus-col ul li { font-size: 12px; margin-bottom: 10px; line-height: 13px; } .vision-focus-col .emerging-hover h4 { font-size: 21px; } .vision-focus-section { margin-bottom: 60px; } .vision-focus-section { margin-bottom: 60px; } .highlight-col { width: 100%; margin: 0 0 20px 0; } .highlight-col-wrap { flex-direction: column; } .highlights-section { margin-bottom: 60px; } .technology-btns button { padding: 10px 15px; width: 282px; } .technology-btns { left: 10%; } .impact-section { flex-direction: column; } .impact-section .impact-content { width: 100%; margin-bottom: 20px; } .impact-section .impact-images-wrap { width: 100%; } /* h3 { font-size: 18px; margin-bottom: 5px; } */ .decentralized-waste-accordian .accordion-content iframe { width: 100%; aspect-ratio: 16 / 9; } .videos-slider-link-box ul li button { padding: 30px 20px; } .swaste-videos-slider-wrap .videos-slider-box iframe { width: 100%; aspect-ratio: 16 / 9; } .vision-focus-row .emerging-card figure figcaption { height: 54px; font-size: 18px; padding: 15px 25px; } } @media(max-width:767px) { h2 { font-size: 22px + var(--font-size-pixel); } .waste-to-wealth-wrapper .team_card_wrapper.new { width: 100% !important; min-width: 100%; max-width: 100%; } .waste-to-wealth-wrapper .the-team-container.new .slick-slider { overflow: inherit !important; } .waste-to-wealth-wrapper .top_section .pm-stiac-banner-image {right: 0;top: 170px !important;} .technology-btns button {width: 45% !important;} .waste-to-wealth-wrapper .technology-btns { top: -33px; } h2 { font-size: 22px + var(--font-size-pixel); } .vision-focus-row .emerging-card figure figcaption { display: none; } .top_section .heading .title2 { font-size: 28px !important; } .playIcon.lg { width: 40px; height: 40px; top: 50%; } .modal-btn-wrap button.btn-understood { padding: 13px 15px; } .w2w-intro-section h2 { font-size: calc(28px + var(--font-size-pixel)); } /* .content-region { padding-top: 40px; } */ .waste-wealth-one-wrapper .top_section .heading { padding: 85px 0 260px 0 !important; } .breadcrumb-container { padding: 0 20px !important; } .top_section .container { padding: 0; } .vision-focus-row { flex-direction: column; } .waste-wealth-one-wrapper .pm-stiac-banner-image { width: 250px; height: 250px; bottom: 70px !important; } .vision-focus-row .vision-focus-col { width: 100%; padding: 0; margin-bottom: 30px; } .vision-focus-col ul li { font-size: 12px; line-height: 17px; } .highlights-section h2 { font-size: calc(22px + var(--font-size-pixel)); } .vision-focus-row .vision-focus-col:last-of-type { margin-bottom: 0; } .highlight-stats-row p { font-size: calc(12px + var(--font-size-pixel)) !important; line-height: 18px !important; } .highlights-section { margin-bottom: 40px; } .technology-btns button { padding: 10px 10px; width: 190px; font-size: 12px; height: 60px; } .technology-btns { left: 2%; } .technology-deployments-wrap { padding: 60px 20px 20px 20px; } .decentralized-waste-accordian .accordion-content iframe { width: 100%; aspect-ratio: 16 / 9; } .innovation-challenges-wrap { flex-direction: column; } .innovation-challenges-wrap .innovation-challenges-box { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 30px; } .innovation-challenges-period-box { padding: 20px; } .technology-repository-section { padding-top: 30px; } .technology-repository-link { padding: 100px 0; } .select-box-wrap { flex-direction: column; } .select-box-wrap .select-box { width: 100%; margin-bottom: 10px; padding-right: 0px; } .policies-section { padding: 40px 0; } .swaste-videos-slider-wrap { flex-direction: column; } .swaste-videos-slider-wrap .videos-slider-box { width: 100%; } .swaste-videos-slider-wrap .videos-slider-link-box { width: 100%; } .videos-slider-link-box ul li.active button:before { display: none; } .swaste-videos-slider-wrap .videos-slider-box iframe { width: 100%; aspect-ratio: 16 / 9; } .waste-contact-link { padding: 100px 0; } .breadcrumb-container { padding: 0 15px; } .pm-stiac-banner-image { width: 300px; height: 300px; } .top_section .heading .title2 { font-size: 28px; } .breadcrumb-container { top: 92px !important; } .technology-deployments-section h2 { font-size: calc(22px + var(--font-size-pixel)); } .technology-repository-link h2 { font-size: calc(22px + var(--font-size-pixel)); } .reportWrap h3.title2 { font-size: 22px; } .detailBox h2 { font-size: calc(16px + var(--font-size-pixel)); } .reportWrap { margin-bottom: 50px; } .semodal { padding: 20px; width: 100%; } .semodal h2 { font-size: calc(22px + var(--font-size-pixel)); } .popupclose img { width: 15px; } .semodal button.popupclose { top: 20px; } .disclaimer-box { height: 300px; overflow: auto; } .vision-focus-row .emerging-card .emerging-hover { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: rgb(0 0 0 / 54%); } .w2w-intro-section { padding-top: 90px !important; } .vision-focus-row .emerging-card img { height: 350px; object-fit: cover; } .about_team_block_info { text-align: center; } .the-team-container .psa_members_info.new { margin-bottom: 20px; } .cleaning-barapullah-drain-content p a { word-wrap: break-word; } .technology-repository-link a { font-size: 16px; } } @media(max-width:481px) { .highlight-stats-row { flex-direction: column; } .highlight-stats-left { width: 100%; border-right: 0; } .highlight-stats-right { width: 100%; } .highlight-stats-row:last-child .highlight-stats-left { border-bottom: solid 2px #b4b4b4; } .highlight-col { padding-bottom: 0; padding-top: 15px; margin-left: 0 !important; } .technology-btns button { padding: 10px 5px; width: 118px; font-size: 10px; height: 60px; margin: 0 8px; line-height: 11px; } .barapullah-drain-video figcaption { font-size: 14px; } .drainmaster-operation-wrap { flex-direction: column; } .drainmaster-operation-wrap .drainmaster-img { margin-bottom: 20px; margin-left: 0; margin-right: 0; } .drainmaster-caption { padding: 5px 0 15px 0; } .drainmaster-caption span { font-size: 12px; } .impact-content p { padding-right: 0; } .impact-images-box { flex-direction: column; } .impact-images-box .impact-before { margin: 0 0 15px 0; } .accordion-content { padding: 15px; } .decentralized-waste-accordian .accordion-content iframe { width: 100%; aspect-ratio: 16 / 9; } .innovation-challenges-period-box p { word-wrap: break-word; } .innovation-challenges-section p a { word-wrap: break-word; } .technology-repository-section .disclaimer-box { padding: 20px; } .waste-contact-link a { font-size: 14px; } .swacchta-saarthi-fellowship-link a { width: 100%; } .swacchta-saarthi-fellowship-link .container { width: 100%; } .swacchta-saarthi-fellowship-link { text-align: center; padding: 60px 0; } } .react-tabs { -webkit-tap-highlight-color: transparent; } .react-tabs__tab-list { border-bottom: 1px solid #aaa; margin: 0 0 10px; padding: 0; } .react-tabs__tab { display: inline-block; border: 1px solid transparent; border-bottom: none; bottom: -1px; position: relative; list-style: none; padding: 6px 12px; cursor: pointer; } .react-tabs__tab--selected { background: #fff; border-color: #aaa; color: black; border-radius: 5px 5px 0 0; } .react-tabs__tab--disabled { color: GrayText; cursor: default; } .react-tabs__tab:focus { box-shadow: 0 0 5px hsl(208, 99%, 50%); border-color: hsl(208, 99%, 50%); outline: none; } .react-tabs__tab:focus:after { content: ""; position: absolute; height: 5px; left: -4px; right: -4px; bottom: -5px; background: #fff; } .react-tabs__tab-panel { display: none; } .react-tabs__tab-panel--selected { display: block; } /* 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, .challenges-events-page, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .challenges-events-page, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .challenges-events-page, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .challenges-events-page, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .challenges-events-page, .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; } } .challenges-events-page .customConentBlock .customCardBlock .customColumn li { text-align: left; } .cePageFirstFold { width: 100%; } .cePageSliderBlock { background: url("/assets/images/cePageSliderbg.svg") no-repeat top center; background-size: cover; width: 100%; padding: 0px 10px; padding-bottom: 155px; } @media (max-width: 767px) { .cePageSliderBlock { background: url("/assets/images/cePageSliderbg-mobile.svg") no-repeat top center; background-color: #eeeeee; background-size: cover; padding-bottom: 0; } } .cePageSliderBlock .cePageSlider { max-width: 900px; width: 100%; margin: 0 auto; padding-top: 60px; } @media (max-width: 767px) { .cePageSliderBlock .cePageSlider { padding: 78px 0; } } .cePageSlider { position: relative; padding-bottom: 50px; } .cePageSlider .cePageSliderImage { outline: none; } .cePageSlider .cePageSliderImage figure { width: 100%; } .cePageSlider .cePageSliderImage figure img { width: 100%; height: 500px; } @media (max-width: 767px) { .cePageSlider .cePageSliderImage figure img { height: 200px; } } .cePageSlider .slick-dots { position: absolute; right: 0; bottom: -50px; left: 50%; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 335px; } @media (max-width: 767px) { .cePageSlider .slick-dots { width: 100%; bottom: -40px; } } .cePageSlider .slick-dots li { margin: 0 5px; width: auto; height: auto; } @media (max-width: 767px) { .cePageSlider .slick-dots li { vertical-align: middle; } } .cePageSlider .slick-dots li button { padding: 0; width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #b0b0b0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .cePageSlider .slick-dots li button:before { content: none; } .cePageSlider .slick-dots li.slick-active button { background-color: #212121; } .cePageSlider .slick-arrow { width: 25px; height: 25px; cursor: pointer; background: url("/assets/images/new-black-arrow.svg") no-repeat center; background-size: 18px; position: absolute; top: auto; right: 0; bottom: -58px; left: 0; z-index: 2; transform: none; } @media (max-width: 767px) { .cePageSlider .slick-arrow { display: none !important; } } .cePageSlider .slick-arrow.slick-prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: 29%; } .cePageSlider .slick-arrow.slick-disabled { opacity: 1; } .cePageSlider .slick-arrow.slick-next { left: auto; right: 29%; } .cePageSlider .slick-arrow:before { content: none; } .events-count { padding: 0 100px; position: relative; z-index: 3; margin-top: -110px; } @media (max-width: 767px) { .events-count { margin-top: -10px; padding: 0; } } .events-count ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; background-color: #ffffff; padding: 30px 14%; border-bottom: 8px solid #FFBE00; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .events-count ul { padding: 24px 20px; padding-bottom: 16px; } } .events-count ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .events-count ul li div { text-align: center; width: 100%; } .events-count ul li h3, .events-count ul li .title, .events-count ul li .title2, .events-count ul li .title3 { font-size: 100px; line-height: normal; font-weight: 700; color: #212121; margin: 0 0 8px 0; font-family: 'Montserrat', sans-serif; } @media (max-width: 767px) { .events-count ul li h3, .events-count ul li .title, .events-count ul li .title2, .events-count ul li .title3 { font-size: 36px; } } .events-count ul li p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; font-weight: 600; color: #212121; } @media (max-width: 767px) { .events-count ul li p { font-size: 14px !important; line-height: 2.14 !important; font-weight: 500; } } .upcoming-challenges { padding: 100px 0; position: relative; } @media (max-width: 767px) { .upcoming-challenges { padding: 60px 0; } } .upcoming-challenges .trophy-icon { position: absolute; top: 30px; left: 30px; z-index: 1; } @media (max-width: 767px) { .upcoming-challenges .trophy-icon { top: 90px; left: -20px; } } .upcoming-challenges .trophy-icon img { max-width: 258px; } @media (max-width: 767px) { .upcoming-challenges .trophy-icon img { max-width: 75px; } } .upcoming-challenges .events-page-vector-bg { position: absolute; right: -130px; bottom: -80px; z-index: 1; opacity: 0.5; } @media (max-width: 767px) { .upcoming-challenges .events-page-vector-bg { right: -120px; bottom: -90px; } } .upcoming-challenges .events-page-vector-bg img { max-width: 768px; } @media (max-width: 767px) { .upcoming-challenges .events-page-vector-bg img { max-width: 550px; } } .upcoming-events { padding: 60px 0; position: relative; background-color: #eeeeee; z-index: 4; } .upcoming-events .events-layer { position: absolute; top: -225px; left: -190px; z-index: 1; } @media (max-width: 767px) { .upcoming-events .events-layer { left: -40px; top: 50px; } } .upcoming-events .events-layer img { max-width: 475px; } @media (max-width: 767px) { .upcoming-events .events-layer img { max-width: 110px; } } .upcoming-events .movie-ticket { position: absolute; right: 8px; bottom: 30px; z-index: 1; } @media (max-width: 767px) { .upcoming-events .movie-ticket { right: 0; bottom: 0; } } .upcoming-events .movie-ticket img { max-width: 267px; } @media (max-width: 767px) { .upcoming-events .movie-ticket img { max-width: 121px; } } .archive-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .archive-title { display: block; text-align: center; } } .challenges-events-selection { margin-left: auto; position: relative; max-width: 250px; width: 100%; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } @media (max-width: 767px) { .challenges-events-selection { margin-left: auto; margin-right: auto; text-align: left; margin-bottom: 20px; } } .challenges-events-selection .selected-title { padding: 10px 24px; position: relative; border: 1px solid #212121; cursor: pointer; font-size: 16px; line-height: normal; color: #212121; font-weight: 600; } .challenges-events-selection .selected-title:after { content: ''; background: url("/assets/images/drop-arrow-gray.svg") no-repeat center right; background-size: 16px; width: 16px; height: 16px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); 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; vertical-align: middle; float: right; } .challenges-events-selection ul { position: absolute; top: 100%; right: 0; left: 0; z-index: 1; border: 1px solid #212121; border-top: none; background-color: #ffffff; display: none; } .challenges-events-selection ul li { display: 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; font-size: 16px; line-height: normal; color: #212121; cursor: pointer; padding: 10px 24px; position: relative; font-weight: 600; } .challenges-events-selection ul li:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; background: transparent; width: 0; height: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .challenges-events-selection ul li:hover { background-color: rgba(0, 0, 0, 0.1); } .challenges-events-selection ul li:hover:before { width: 4px; background-color: #FFBE00; } .challenges-events-selection .selected-title.active:after { transform: rotate(0); } .challenges-events-selection ul.active { display: block; } .archive-wrapper { padding: 100px 0; } @media (max-width: 767px) { .archive-wrapper { padding: 60px 0; } } .archive-wrapper .eventsCardInfo { padding: 40px; padding-top: 20px; text-align: left; } @media (max-width: 767px) { .archive-wrapper .eventsCardInfo { padding: 32px 36px; padding-bottom: 0; } } .archive-wrapper .eventsCardInfo p { height: 150px; } .archive-block { 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; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin: 0 -10px; } .archive-block .event-card-wrap { width: 33.33%; padding-bottom: 20px; } @media (max-width: 767px) { .archive-block .event-card-wrap { width: 50%; } } @media (max-width: 479px) { .archive-block .event-card-wrap { width: 100%; } } .viewMoreBtnWrap { text-align: center; background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0.5), rgba(245, 245, 245, 0.99) 18%, #ffffff); padding-top: 60px; } .viewMoreBtnWrap .viewMoreBtn { position: relative; background-color: transparent; color: #4454a5; font-size: 14px; line-height: normal; font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; padding: 0; } .viewMoreBtnWrap .viewMoreBtn:after { content: ''; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; position: absolute; top: 100%; bottom: 0; left: 50%; z-index: 1; width: 16px; height: 16px; background: url("/assets/images/drop-arrow-blue.svg") no-repeat center; background-size: 16px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .viewMoreBtnWrap .viewMoreBtn.active:after { transform: rotate(180deg) translateX(50%); -webkit-transform: rotate(180deg) translateX(50%); -moz-transform: rotate(180deg) translateX(50%); -ms-transform: rotate(180deg) translateX(50%); -o-transform: rotate(180deg) translateX(50%); } .cePageBanner { background: url("/assets/images/cePagebg.svg") no-repeat top center; background-size: cover; width: 100%; padding: 0px 10px; padding-bottom: 92px; } @media (max-width: 767px) { .cePageBanner { background: url("/assets/images/cePagebg-mobile.svg") no-repeat top center; background-color: #eeeeee; background-size: cover; padding-bottom: 0; } } .cePageBanner figure { max-width: 900px; width: 100%; margin: 0 auto; padding: 60px 0; } @media (max-width: 767px) { .cePageBanner figure { padding-top: 78px; padding-bottom: 97px; } } .cePageBanner figure img { width: 100%; } .cePageRegiterDates { margin-top: -92px; padding: 0 100px; 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; } @media (max-width: 767px) { .cePageRegiterDates { margin-top: -42px; padding: 0; } } .cePageRegiterDates .cePageRegiterBlock { 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; background-color: #ffffff; padding: 32px 50px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .cePageRegiterDates .cePageRegiterBlock { padding: 24px 20px; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .cePageRegiterDates ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: -moz-calc(100% - 195px); width: -webkit-calc(100% - 195px); width: calc(100% - 195px); -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .cePageRegiterDates ul { width: 100%; } } .cePageRegiterDates ul li { position: relative; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .cePageRegiterDates ul li { min-width: 80px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } .cePageRegiterDates ul li .dotsIcon { position: relative; z-index: 2; width: 30px; height: 30px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-color: #00b936; display: inline-block; overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .cePageRegiterDates ul li .dotsIcon { width: 20px; height: 20px; } } .cePageRegiterDates ul li .dotsIcon:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 20px; height: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #17a741; } @media (max-width: 767px) { .cePageRegiterDates ul li .dotsIcon:before { width: 13px; height: 13px; } } .cePageRegiterDates ul li .dotsIcon.green { background-color: #00b936; } .cePageRegiterDates ul li .dotsIcon.green:before { background-color: #17a741; } .cePageRegiterDates ul li .dotsIcon.red { background-color: #dc0c25; } .cePageRegiterDates ul li .dotsIcon.red:before { background-color: #c20c22; } .cePageRegiterDates ul li .dotsIcon.blue { background-color: #0092f2; } .cePageRegiterDates ul li .dotsIcon.blue:before { background-color: #0c80cd; } .cePageRegiterDates ul li h3, .cePageRegiterDates ul li .title, .cePageRegiterDates ul li .title2, .cePageRegiterDates ul li .title3 { font-size: 28px; line-height: 1.07; font-weight: 700; font-family: 'Montserrat', sans-serif; color: #212121; margin: 8px 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; } @media (max-width: 767px) { .cePageRegiterDates ul li h3, .cePageRegiterDates ul li .title, .cePageRegiterDates ul li .title2, .cePageRegiterDates ul li .title3 { font-size: 12px; line-height: 2.5; font-weight: 600; margin: 0; } } .cePageRegiterDates ul li h4 { margin: 0 0 8px 0; font-size: 20px; line-height: 1.5; font-weight: 600; font-family: 'Montserrat', sans-serif; color: #212121; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .cePageRegiterDates ul li h4 { font-size: 12px; line-height: 1.33; font-weight: 500; } } .cePageRegiterDates ul li:before, .cePageRegiterDates ul li:after { content: ''; width: -moz-calc(50% + 15px); width: -webkit-calc(50% + 15px); width: calc(50% + 15px); background-color: #d5d5d5; height: 1px; position: absolute; top: 15px; z-index: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .cePageRegiterDates ul li:before, .cePageRegiterDates ul li:after { top: 9px; } } .cePageRegiterDates ul li:before { left: 0; } .cePageRegiterDates ul li:before { right: 0; } .cePageRegiterDates ul li:first-child { padding-left: 0; } .cePageRegiterDates ul li:first-child:before { content: none; } .cePageRegiterDates ul li:last-child { padding-right: 0; } .cePageRegiterDates ul li:last-child:after { content: none; } .cePageRegiterDates .ceRegisterBtn { text-align: right; margin-left: auto; min-width: 195px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .cePageRegiterDates .ceRegisterBtn { margin-left: 0; margin-top: 15px; width: 100%; text-align: center; padding: 0; } } .customConentBlock { padding: 120px 200px 0 100px; } @media (max-width: 767px) { .customConentBlock { padding: 0 20px; padding-top: 60px; } } .customConentBlock .title2 { margin: 0 0 40px 0; } .customConentBlock p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; color: #212121; text-align: justify; } .customConentBlock strong { font-weight: 700; } .customConentBlock figure { margin-bottom: 40px; } @media (max-width: 479px) { .customConentBlock figure { margin-bottom: 20px; } } .customConentBlock figure.image-left { margin-right: 40px; float: left; } @media (max-width: 479px) { .customConentBlock figure.image-left { margin-right: 20px; } } .customConentBlock figure.image-right { margin-left: 40px; float: right; } @media (max-width: 479px) { .customConentBlock figure.image-right { margin-left: 20px; } } .customConentBlock figure.image-full { width: 100%; float: none; } .customConentBlock figure.image-full img { width: 100%; height: auto; } .aboutChallenge { border: solid 1px #FFBE00; border-bottom-width: 8px; padding: 0 100px; margin-bottom: 40px; } @media (max-width: 767px) { .aboutChallenge { padding: 0 20px; } } .aboutChallenge ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding-top: 42px; padding-bottom: 22px; } @media (max-width: 767px) { .aboutChallenge ul { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0; padding-bottom: 20px; } } .aboutChallenge ul li { position: relative; max-width: 260px; padding-right: 10px; } @media (max-width: 767px) { .aboutChallenge ul li { margin-top: 20px; } } .aboutChallenge ul li span { display: block; font-size: 12px; line-height: normal; color: #000000; margin-bottom: 5px; } .aboutChallenge ul li h5 { margin: 0; font-size: 16px; line-height: normal; font-weight: 600; color: #000000; font-family: 'Montserrat', sans-serif; } .aboutChallenge ul li i { display: inline-block; width: 12px; height: 12px; } .aboutChallenge ul li i.date-icon { background: url("/assets/images/calendar.svg") no-repeat left 2px; background-size: 12px; } .aboutChallenge ul li i.time-icon { background: url("/assets/images/clock.svg") no-repeat left 2px; background-size: 12px; } .aboutChallenge ul li i.location-icon { background: url("/assets/images/location.svg") no-repeat left 2px; background-size: 12px; } .aboutChallenge ul li .ceRegisterBtn span { display: inline-block; margin-bottom: 0; } .aboutChallenge ul li:last-child { padding-right: 0; } .customCardBlock { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin-top: 40px; } @media (max-width: 767px) { .customCardBlock { width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); overflow: auto; } } .customCardBlock .customColumn { background-color: rgba(238, 238, 238, 0.5); padding: 40px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; } @media (max-width: 767px) { .customCardBlock .customColumn { padding: 20px; min-width: 272px; max-width: 272px; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } } .customCardBlock .customColumn:first-child { margin-left: 0; } .customCardBlock .customColumn p, .customCardBlock .customColumn li { font-size: 20px; line-height: 1.7; color: #212121; text-align: justify; } @media (max-width: 767px) { .customCardBlock .customColumn p, .customCardBlock .customColumn li { font-size: 16px; line-height: 1.88; } } .customCardBlock .customColumn li { line-height: 1.5; } .customCardBlock .customColumn p + p { margin-top: 30px; } @media (max-width: 767px) { .customCardBlock .customColumn p + p { margin-top: 15px; } } .customCardBlock .customColumn li + li { margin-top: 20px; } @media (max-width: 767px) { .customCardBlock .customColumn li + li { margin-top: 15px; } } .customCardBlock .fieldTitle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 0 22px 0; } @media (max-width: 767px) { .customCardBlock .fieldTitle { margin-bottom: 15px; } } .customCardBlock .fieldTitle figure { max-width: 40px; margin-right: 12px; } @media (max-width: 767px) { .customCardBlock .fieldTitle figure { max-width: 20px; } } .customCardBlock .fieldTitle figure img { max-width: 40px; } @media (max-width: 767px) { .customCardBlock .fieldTitle figure img { max-width: 20px; } } .customCardBlock .fieldTitle h3, .customCardBlock .fieldTitle .title, .customCardBlock .fieldTitle .title2, .customCardBlock .fieldTitle .title3 { font-size: 24px; margin: 0; line-height: 40px; letter-spacing: -0.5px; } @media (max-width: 767px) { .customCardBlock .fieldTitle h3, .customCardBlock .fieldTitle .title, .customCardBlock .fieldTitle .title2, .customCardBlock .fieldTitle .title3 { font-size: 20px; line-height: 21px; } } .customCardBlock.multiple-field { overflow: auto; } .customCardBlock.multiple-field .customColumn { min-width: 340px; max-width: 340px; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } @media (max-width: 767px) { .customCardBlock.multiple-field .customColumn { min-width: 272px; max-width: 272px; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } } .page-section-container { padding-bottom: 100px; } @media (max-width: 767px) { .page-section-container { padding-bottom: 60px; } } .problem-section { padding-bottom: 100px; } @media (max-width: 767px) { .problem-section { padding-bottom: 60px; } } .categoriesSection { background-color: #08102d; padding-bottom: 100px; } @media (max-width: 767px) { .categoriesSection { padding-bottom: 40px; } } .categoriesSection .title2, .categoriesSection p { color: #ffffff; } .categoriesSectionList { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: auto; width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px); width: calc(100% + 40px); padding-left: 20px; margin-left: -20px; margin-top: 40px; } .categoriesSectionList .categoriesItem { padding: 24px; padding-right: 14px; background-color: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); min-width: 311px; max-width: 311px; margin-right: 20px; } .categoriesSectionList .categoriesItem h6 { font-size: 16px; font-weight: 700px; margin: 0 0 15px 0; color: #212121; } .categoriesSectionList .categoriesItem p { text-align: justify; color: #212121; line-height: 1.38 !important; } .brochuresSection { background-color: #f6f6f6; padding-bottom: 100px; } @media (max-width: 767px) { .brochuresSection { padding-bottom: 40px; } } .brochuresList { 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; max-width: 820px; } @media (max-width: 767px) { .brochuresList { max-width: 100%; } } .brochuresList li { padding: 0 55px; border-left: 1px solid #979797; padding-top: 35px; width: 50%; } @media (max-width: 767px) { .brochuresList li { width: 100%; padding: 15px 0 !important; border-left: none; border-bottom: 1px solid #eaeaea; } } .brochuresList li div { position: relative; background: url("/assets/images/pdf.svg") no-repeat -8px -8px; background-size: 60px; padding-left: 55px; } .brochuresList li div p { font-size: calc(20px + var(--font-size-pixel)) !important; line-height: normal !important; font-weight: 600; margin: 0 0 10px 0; text-align: left; letter-spacing: -0.5px; } .brochuresList li div .downloadBtn { color: #4454a5; padding: 5px; } .brochuresList li div .downloadBtn:after { border: none; width: 17px; height: 17px; background: url("/assets/images/download-icon-2.svg") no-repeat center; background-size: 17px; vertical-align: middle; } .brochuresList li:nth-child(odd) { border-left: none; padding-left: 0; } .brochuresList li:nth-child(even) { padding-right: 0; } .brochuresList li:nth-child(1), .brochuresList li:nth-child(2) { padding-top: 0; } @media (max-width: 767px) { .brochuresList li:last-child { border-bottom: none; } } @media (min-width: 768px) { .cePageRegiterDates.position-sticky { position: fixed; top: 0; right: 0; left: 0; z-index: 9990; margin: 0; padding: 0; } .cePageRegiterDates.position-sticky .cePageRegiterBlock { padding: 20px 100px; padding-bottom: 17px; } .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li { padding: 0; } .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li:before, .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li:after { width: 50%; } .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li .dotsIcon { -webkit-transform: Scale(0.67); -moz-transform: Scale(0.67); -ms-transform: Scale(0.67); -o-transform: Scale(0.67); transform: Scale(0.67); } .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li h3, .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li .title, .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li .title2, .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li .title3, .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li h4 { font-size: 14px; line-height: normal; font-weight: 600; margin: 0; } .cePageRegiterDates.position-sticky .cePageRegiterBlock ul li h4 { font-weight: 500; } } .challenges-events-page.no-register .dates-container, .challenges-events-page.no-register .cePageRegiterDates { display: none; } .challenges-events-page.no-register .customConentBlock { padding-top: 100px !important; } @media (max-width: 767px) { .challenges-events-page.no-register .customConentBlock { padding-top: 60px !important; } } .challenges-events-page .register-link .ceRegisterBtn { text-align: center; transform: translateY(-55%); } .challenges-events-page .register-link .ceRegisterBtn .btn { font-size: 16px; padding: 22px; } /* 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; } } .top_organisations { padding: 140px 0; background-color: #08102d; } @media (max-width: 767px) { .top_organisations { padding: 60px 0; } } .top_organisations .customSliderBtn { margin: 0 auto; } .top_organisations_list { padding-top: 40px; padding-bottom: 60px; } @media (max-width: 767px) { .top_organisations_list { padding-top: 25px; padding-bottom: 0; } } .top_organisations_list .slick-list { padding-left: 100px; } @media (max-width: 767px) { .top_organisations_list .slick-list { padding-left: 20px; } } .top_organisations_list .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .top_organisations_list .slick-track .slick-slide { margin: 0 10px; } .top_organisations_list .item_dev { outline: none; width: 375px !important; } @media (max-width: 767px) { .top_organisations_list .item_dev { width: 300px !important; } } .top_organisations_list .item_dev figure { width: 100%; height: 140px; background-color: #ffffff; text-align: center; position: relative; } @media (max-width: 767px) { .top_organisations_list .item_dev figure { height: 112px; } } .top_organisations_list .item_dev figure img { display: inline-block; max-height: 130px; max-width: 375px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .top_organisations_list .item_dev figure img { max-height: 100px; } } /* 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; } } .side-links-container { position: absolute; top: 100px; right: 0; z-index: 999; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; visibility: hidden; } @media (max-width: 767px) { .side-links-container { width: 100%; background-color: #ffffff; box-shadow: 0 -3px 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 -3px 20px 0 rgba(0, 0, 0, 0.1); padding-bottom: 15px; } } .side-links-container.fixed-section { position: fixed; top: 150px; opacity: 1; visibility: visible; } @media (max-width: 767px) { .side-links-container.fixed-section { top: 80px; } } .side-links-container .sidebarLinks { text-align: right; -ms-overflow-style: none; scrollbar-width: none; } @media (max-width: 767px) { .side-links-container .sidebarLinks { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: auto; padding-left: 5px; } } .side-links-container .sidebarLinks::-webkit-scrollbar { display: none; } .side-links-container .sidebarLinks li { margin-top: 20px; text-align: left; } @media (max-width: 767px) { .side-links-container .sidebarLinks li { margin-top: 0; margin: 0 15px; } } .side-links-container .sidebarLinks li a { font-size: 12px; line-height: normal; color: #212121; opacity: 0.5; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; position: relative; 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; width: 100px; margin-left: auto; } @media (max-width: 767px) { .side-links-container .sidebarLinks li a { width: auto !important; font-size: 20px !important; font-weight: 700 !important; white-space: nowrap; padding: 15px 0 11px 0; border-bottom: 4px solid transparent; } } .side-links-container .sidebarLinks li a:after { content: ''; min-width: 10px; height: 4px; background-color: #212121; opacity: 0.5; display: inline-block; margin-left: auto; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 767px) { .side-links-container .sidebarLinks li a:after { display: none; } } .side-links-container .sidebarLinks li a span { display: inline-block; margin-right: 10px; } @media (max-width: 767px) { .side-links-container .sidebarLinks li a span { display: block; margin: 0; } } .side-links-container .sidebarLinks li:first-child { margin-top: 0; } .side-links-container .sidebarLinks li.active a { font-weight: 700; font-size: 16px; opacity: 1; width: 125px; } .side-links-container .sidebarLinks li.active a:after { min-width: 60px; background-color: #FFBE00; opacity: 1; } @media (max-width: 767px) { .side-links-container .sidebarLinks li.active a { border-color: #FFBE00; } } @media screen and (min-width: 768px) { .side-links-container.dark-background .sidebarLinks li a { color: #ffffff; } .side-links-container.dark-background .sidebarLinks li a:after { background-color: #ffffff; } .side-links-container.dark-background .sidebarLinks li.active a:after { background-color: #FFBE00; } } /* 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; } } /* 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; } } .customSliderBtn.black-arrow { margin: 0 auto; margin-top: 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; } } .the_team_section_group { margin-bottom: -60px; } @media (max-width: 479px) { .the_team_section_group { padding-top: 20px; padding-bottom: 60px; overflow: auto; margin: 0; } } .team_card_wrapper_row { width: 100%; 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; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; position: relative; padding-top: 115px; } @media (max-width: 479px) { .team_card_wrapper_row { padding: 0; padding-top: 100px; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-flex-flow: nowrap; -moz-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; } } .team_card_wrapper_row.single-member-block { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .team_card_wrapper_row.single-member-block .team_card_wrapper { max-width: 350px; min-width: 350px; } @media (max-width: 479px) { .team_card_wrapper_row.single-member-block .team_card_wrapper { max-width: 100%; min-width: 100%; } } .team_card_wrapper_row.single-member-block .team_card_wrapper .about_team_block_info { width: 100%; } @media (max-width: 767px) { .team_card_wrapper_row.single-member-block .team_card_wrapper:before { width: 100%; } } .team_card_wrapper { width: 33.33%; padding: 0 20px; 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; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; position: relative; min-height: 350px; padding-top: 105px; } @media (max-width: 479px) { .team_card_wrapper { max-width: 220px; min-width: 220px; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; min-height: 0; margin: 0; } } .team_card_wrapper:before { content: ''; width: 100%; height: 93px; background-image: linear-gradient(to top, rgba(248, 248, 248, 0), #eeeeee); position: absolute; top: 0; right: 0; left: 0; z-index: 1; } @media (max-width: 767px) { .team_card_wrapper:last-child:before { width: -moz-calc(100% + 28px); width: -webkit-calc(100% + 28px); width: calc(100% + 28px); } } .team_card_wrapper .team_card_img { position: absolute; top: -105px; left: 50%; z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media (max-width: 767px) { .team_card_wrapper .team_card_img { transform: translateX(-50%) scale(0.8); -webkit-transform: translateX(-50%) scale(0.8); -moz-transform: translateX(-50%) scale(0.8); -ms-transform: translateX(-50%) scale(0.8); -o-transform: translateX(-50%) scale(0.8); } } .about_team_block_info { text-align: center; } .about_team_block_info h5 { font-weight: 700; margin: 0 0 5px 0; } .about_team_block_info p { font-weight: 500; color: #686868; margin: 0 0 10px 0; } /* 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; } } /* 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; } } .stip_process_section { padding: 140px 0; padding-bottom: 180px; background-color: #08102d; position: relative; } @media (max-width: 767px) { .stip_process_section { padding: 60px 0; padding-bottom: 130px; } } .stip_process_section .bottom-shape { position: absolute; bottom: 0; left: 50%; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 0; height: 0; border-bottom: 150px solid #ffffff; border-right: 1920px solid transparent; } @media (max-width: 767px) { .stip_process_section .bottom-shape { border-bottom-width: 100px; border-right-width: 768px; } } .stip_process_section .stip-yellow-mask { position: absolute; top: -110px; right: -15px; z-index: 1; } @media (max-width: 767px) { .stip_process_section .stip-yellow-mask { top: -45px; right: 0; } } @media (max-width: 767px) { .stip_process_section .stip-yellow-mask img { max-height: 90px; } } .stip_process_section .detail_section { position: relative; z-index: 1; padding: 40px 220px 0px 0; } @media (max-width: 767px) { .stip_process_section .detail_section { padding-right: 20px; } } .stip_process_section .detail_section .draw_line { position: absolute; top: 0; right: 0; z-index: 1; width: 290px; height: 24px; border-top: 5px solid #f2bd12; border-left: 5px solid #f2bd12; background-color: transparent; } @media (max-width: 767px) { .stip_process_section .detail_section .draw_line { width: 125px; } } .stip_process_section .detail_section .title2 { margin-right: -30px; margin-bottom: 30px; text-align: right; color: #ffffff; } @media (max-width: 767px) { .stip_process_section .detail_section .title2 { margin: 0 0 20px 0; } } .stip_process_section .process_sub_info { max-width: 865px; margin: 0 auto; margin-bottom: 60px; } @media (max-width: 767px) { .stip_process_section .process_sub_info { padding: 0 20px; margin-bottom: 20px; } } .stip_process_section .process_sub_info p { font-size: calc(24px + var(--font-size-pixel)); line-height: 1.46; color: #ffffff; text-align: justify; } .stip_process_section .process_sub_info p a, .stip_process_section .process_sub_info p strong { font-weight: 700; color: #FFBE00; } .stip_process_steps { max-width: 992px; margin: 0 auto; position: relative; padding: 250px 0; } @media (max-width: 767px) { .stip_process_steps { padding: 0 40px; } } .stip_process_steps .bg_img { width: 100%; } @media (max-width: 767px) { .stip_process_steps .bg_img { display: none; } } .stip_process_steps .bg_img img { width: 100%; } .stip_process_steps .stip_process_card_box .stip_process_card { width: 25%; position: absolute; z-index: 1; 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; } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card { position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100%; padding: 20px; } } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card:before { content: ''; height: 1px; width: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 1; background: linear-gradient(90deg, #08102d 0%, white 52%, #08102d 100%); } } .stip_process_steps .stip_process_card_box .stip_process_card figure { position: relative; width: 100%; height: 220px; } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card figure { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; height: 100px; width: 100px; margin: 0 auto; } } .stip_process_steps .stip_process_card_box .stip_process_card figure img { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .stip_process_steps .stip_process_card_box .stip_process_card:nth-child(1) { left: 0; bottom: 250px; } .stip_process_steps .stip_process_card_box .stip_process_card:nth-child(2) { left: 25%; top: 250px; } .stip_process_steps .stip_process_card_box .stip_process_card:nth-child(3) { left: 50%; bottom: 250px; } .stip_process_steps .stip_process_card_box .stip_process_card:nth-child(4) { left: 75%; top: 250px; } .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info { height: 270px; overflow: hidden; position: relative; left: 45px; min-width: 320px; } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info { min-width: initial; position: static; height: auto; text-align: center; margin: 0 !important; } } .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info h4 { font-family: 'Montserrat', sans-serif; color: #ffffff; font-weight: 700; margin: 0 0 5px 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info h4 { font-size: 20px; margin: 8px 0; } } .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info h2 { font-family: 'Montserrat', sans-serif; font-size: 20pxvar(--font-size-pixel); line-height: 1.3; color: #ffffff; font-weight: 500; margin: 0 0 20px 0; } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info h2 { font-size: 16pxvar(--font-size-pixel); margin-bottom: 10px; } } .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info p { color: #ffffff; } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card .stip_process_info p { font-size: calc(12px + var(--font-size-pixel)) !important; } } .stip_process_steps .stip_process_card_box .stip_process_card:nth-child(even) figure { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .stip_process_steps .stip_process_card_box .stip_process_card:nth-child(even) .stip_process_info { margin-top: 40px; } .stip_process_steps .stip_process_card_box .stip_process_card:hover .stip_process_info h4 { color: #f2bd12; } @media (max-width: 767px) { .stip_process_steps .stip_process_card_box .stip_process_card:first-child:before { content: none; } } /* 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; } } .Covid_page_slider_section { padding: 140px 0; background-color: rgba(245, 245, 245, 0.5); position: relative; z-index: 1; } @media (max-width: 767px) { .Covid_page_slider_section { padding: 60px 0; } } .Covid_page_slider_section h2 { margin-bottom: 60px; } @media (max-width: 767px) { .Covid_page_slider_section h2 { margin-bottom: 20px; } } @media (max-width: 767px) { .Covid_page_slider_section .slider-container { width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin: 0 -20px; } } .Covid_page_slider_section .slider-container .stroy-slide { padding: 0 10px; outline: none; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .stroy-slide { padding: 0; } } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .slick-slide { margin-right: 10px; } } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .slick-list { padding-left: 20px; } } .Covid_page_slider_section .slider-container .story-card { outline: none; width: 100%; border: 1px solid #eeeeee; background-color: #ffffff; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card { position: relative; border: none; width: 335px !important; margin: 0 auto 20px; } } .Covid_page_slider_section .slider-container .story-card figure { height: 240px; width: 100%; padding: 5px; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card figure { height: 253px; padding: 0; } } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card figure:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.7); } } .Covid_page_slider_section .slider-container .story-card figure img { object-fit: contain; width: 100%; height: 100%; max-width: 100%; margin: 0 auto; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card figure img { object-fit: fill; } } .Covid_page_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: 320px; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card .card-content-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; padding: 40px; min-height: initial; } } .Covid_page_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; max-height: 150px; overflow: hidden; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card .card-content-container .card-text { font-size: 20px !important; line-height: normal !important; color: #ffffff; max-height: 135px; } } .Covid_page_slider_section .slider-container .story-card .card-content-container .readmore { margin-top: auto; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card .card-content-container .readmore { font-size: 14px; color: #ffffff; } } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .story-card .card-content-container .readmore:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } } .Covid_page_slider_section .slider-container .customSliderBtn { margin-top: 40px; margin-left: 10px; } @media (max-width: 767px) { .Covid_page_slider_section .slider-container .covid-card-mbl { margin: 0 10px; 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; } .Covid_page_slider_section .slider-container .covid-card-mbl .stroy-slide { padding: 0 10px; -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .Covid_page_slider_section .slider-container .covid-card-mbl .stroy-slide .story-card { width: auto !important; } } @media (max-width: 479px) { .Covid_page_slider_section .slider-container .covid-card-mbl { margin: 0; } .Covid_page_slider_section .slider-container .covid-card-mbl .stroy-slide { padding: 0 20px; -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .covid_page_banner { position: relative; z-index: 3; } .covid_page_banner figure img { width: 100%; max-width: 100%; } .covid_page_banner .covid_page_banner_info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 100px 135px 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } @media (max-width: 767px) { .covid_page_banner .covid_page_banner_info { padding: 20px; padding-top: 45px; bottom: auto; } } .covid_page_banner .covid_page_banner_info h1, .covid_page_banner .covid_page_banner_info p { font-family: 'Playfair Display', serif; font-size: 48px; margin: 0; color: #ffffff; max-width: 500px; } @media (max-width: 767px) { .covid_page_banner .covid_page_banner_info h1, .covid_page_banner .covid_page_banner_info p { font-size: 28px !important; line-height: normal !important; } } @media (max-width: 767px) { .covid-page-wrapper .title:after { content: none; } } @media (max-width: 767px) { .covid-page-wrapper .title span { display: none; } } .covid-page-wrapper .about-video-gallery { padding-top: 100px; margin-bottom: 80px; } @media (max-width: 767px) { .covid-page-wrapper .about-video-gallery { padding-top: 30px; margin-bottom: 0; } .covid-page-wrapper .about-video-gallery .title2 { display: block; margin-bottom: 30px; } } .vaccination-dashboard { padding: 80px 0; } .vaccination-dashboard h2 { margin-bottom: 40px; } .vaccination-dashboard strong { font-weight: bold; } .vaccination-dashboard p { font-size: calc(20px + + var(--font-size-pixel)); line-height: 1.46; text-align: justify; } .vaccination-dashboard em { font-size: 16px; } .vaccination-dashboard .iframe-wrapper { position: relative; padding-bottom: 56%; overflow: hidden; border-radius: 6px; -webkit-box-shadow: 0px 5px 40px 0 rgba(104, 108, 133, 0.3); -moz-box-shadow: 0px 5px 40px 0 rgba(104, 108, 133, 0.3); box-shadow: 0px 5px 40px 0 rgba(104, 108, 133, 0.3); margin-top: 30px; margin-bottom: 30px; } .vaccination-dashboard .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 none; max-width: 100%; } @media (max-width: 767px) { .vaccination-dashboard { padding: 60px 0; } } .analysisInfo strong { font-weight: bold; } .analysisInfo p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.46; text-align: justify; } .genome_section { padding-bottom: 30px; } .genome_section .otherDetails p { font-size: calc(20px + var(--font-size-pixel)); } .genome_section .labSection { padding: 60px; background-color: #08102d; margin: 30px 0; } .genome_section .labSection .lab_desc { color: #ffffff; text-align: center; margin: 0 -20px; margin-bottom: 30px; } .genome_section .labSection .lab_desc p { font-size: calc(22px + var(--font-size-pixel)); } .genome_section .labSection .lab_desc p strong { font-weight: bold; } .genome_section .labSection .genome_wrapper { display: flex; align-items: center; } .genome_section .labSection .genome_wrapper .mapSection { margin: 0 auto; } .genome_section .labSection .genome_wrapper .labDetails { margin-left: 40px; max-width: 36.5%; margin-top: 40px; } .genome_section .labSection .genome_wrapper .labDetails ul { max-height: 750px; overflow: auto; /* Handle */ } .genome_section .labSection .genome_wrapper .labDetails ul::-webkit-scrollbar { width: 8px; } .genome_section .labSection .genome_wrapper .labDetails ul::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); } .genome_section .labSection .genome_wrapper .labDetails li { display: flex; padding: 10px 12px; align-items: center; } .genome_section .labSection .genome_wrapper .labDetails li:nth-child(odd) { background-color: #d5d5d5; } .genome_section .labSection .genome_wrapper .labDetails li:nth-child(even) { background-color: #ffffff; } .genome_section .labSection .genome_wrapper .labDetails li .fig-wrap { text-align: center; min-width: 90px; } .genome_section .labSection .genome_wrapper .labDetails li .fig-wrap .labName { font-size: 10px; font-weight: bold; margin-top: 5px; } .genome_section .labSection .genome_wrapper .labDetails li .lablink { margin-left: 12px; margin-right: 5px; } .genome_section .labSection .genome_wrapper .labDetails li .lablink span { color: #4454a4; font-weight: 700; text-transform: uppercase; font-size: 14px; } @media (max-width: 767px) { .genome_section { padding-bottom: 15px; } .genome_section .labSection { padding: 30px 20px; margin: 15px -20px; } .genome_section .labSection .lab_desc { margin: 0; margin-bottom: 30px; } .genome_section .labSection .genome_wrapper { display: block; } .genome_section .labSection .genome_wrapper .labDetails { margin-left: unset; margin-top: 25px; max-width: unset; } .genome_section .labSection .genome_wrapper .labDetails li { padding: 12px 10px; } .genome_section .labSection .genome_wrapper .labDetails li .fig-wrap { min-width: 80px; } .genome_section .labSection .genome_wrapper .labDetails li .lablink { margin-left: 8px; margin-right: 0; } } /* 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; } } .key-initiatives-section { background-color: #eeeeee; padding-top: 140px; position: relative; z-index: 1; } @media (max-width: 767px) { .key-initiatives-section { padding-top: 30px; background-color: #ffffff; } } .key-initiatives-section .subtitle { text-align: center; margin-bottom: 60px; font-family: 'Montserrat', sans-serif; font-weight: 500; max-width: 75%; margin-left: auto; margin-right: auto; font-size: 20px; line-height: normal; } @media (max-width: 767px) { .key-initiatives-section .subtitle { margin-bottom: 20px; } } .key-initiatives-section .key-intiative-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .key-initiatives-section .key-intiative-container { flex-flow: wrap; padding: 0 20px; } } .key-initiatives-section .key-intiative-container .column { width: 50%; height: 900px; position: relative; } @media (max-width: 767px) { .key-initiatives-section .key-intiative-container .column { width: 100%; height: auto; min-height: 480px; margin-top: 20px; } } .key-initiatives-section .key-intiative-container .column .column-info { position: absolute; z-index: 1; left: 0; right: 0; width: 100%; height: 50%; padding: 40px 90px; background-color: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (max-width: 767px) { .key-initiatives-section .key-intiative-container .column .column-info { padding: 20px; height: 100%; position: static; } } .key-initiatives-section .key-intiative-container .column .column-info h4 { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 700; } .key-initiatives-section .key-intiative-container .column .column-info p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; color: #ffffff; font-weight: 500; } .key-initiatives-section .key-intiative-container .column.col1 { background: url("/assets/images/key-initiative-image-1.jpg") no-repeat center; background-size: cover; } .key-initiatives-section .key-intiative-container .column.col1 .column-info { top: 0; } @media (max-width: 767px) { .key-initiatives-section .key-intiative-container .column.col1 { margin-top: 0; } } .key-initiatives-section .key-intiative-container .column.col2 { background: url("/assets/images/key-initiative-image-2.jpg") no-repeat center; background-size: cover; } .key-initiatives-section .key-intiative-container .column.col2 .column-info { bottom: 0; } .keyInitiatives-style2 .key-initiatives-section { background-color: transparent; } .keyInitiatives-style2 .key-initiatives-section .title2 { margin-bottom: 20px; } .keyInitiatives-style2 .key-initiatives-section b, .keyInitiatives-style2 .key-initiatives-section strong { font-weight: 700; } .keyInitiatives-style2 .key-initiatives-section .key-intiative-container .column { height: 535px; } @media (max-width: 767px) { .keyInitiatives-style2 .key-initiatives-section .key-intiative-container .column { min-height: 305px; height: auto; } } .keyInitiatives-style2 .key-initiatives-section .key-intiative-container .column .column-info { padding: 60px 100px; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } @media (max-width: 767px) { .keyInitiatives-style2 .key-initiatives-section .key-intiative-container .column .column-info { padding: 40px 20px; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } .keyInitiatives-style2 .key-initiatives-section .btn-row { margin-top: 0; } /* 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, .profile-page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .profile-page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .profile-page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .profile-page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .profile-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; } } .profile-page-wrapper .profile-information { padding-top: 56px; position: relative; margin-bottom: -165px; } @media (max-width: 767px) { .profile-page-wrapper .profile-information { margin-bottom: 0; } } .profile-page-wrapper .profile-information .profile-page-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-left: 60px; padding-right: 100px; min-height: 400px; } @media (max-width: 991px) { .profile-page-wrapper .profile-information .profile-page-container { display: flex; padding-left: 60px; padding-right: 100px; min-height: 400px; flex-wrap: wrap; } } @media (max-width: 767px) { .profile-page-wrapper .profile-information .profile-page-container { padding: 0 35px; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .profile-page-wrapper .profile-information .twitter_section { bottom: -180px; width: 58.5%; height: 300px; max-width: 400px; } .profile-page-wrapper .profile-image { position: relative; min-width: 510px; max-width: 510px; margin-right: 1.5%; } @media (max-width: 991px) { .profile-page-wrapper .profile-image { min-width: 100%; align-items: center; width: 100%; text-align: center; } } @media (max-width: 767px) { .profile-page-wrapper .profile-image { min-width: 100%; text-align: center; margin: 0; margin-top: -115px; } } .profile-page-wrapper .profile-image .team_card_img { position: absolute; top: 15%; left: 50%; z-index: 1; transform: translateX(-50%) scale(2.42); -webkit-transform: translateX(-50%) scale(2.42); -moz-transform: translateX(-50%) scale(2.42); -ms-transform: translateX(-50%) scale(2.42); -o-transform: translateX(-50%) scale(2.42); } @media (max-width: 991px) { .profile-page-wrapper .profile-image .team_card_img { margin-top: 98px; } } @media (max-width: 767px) { .profile-page-wrapper .profile-image .team_card_img { position: static; -webkit-transform: Scale(1); -moz-transform: Scale(1); -ms-transform: Scale(1); -o-transform: Scale(1); transform: Scale(1); } } .profile-page-wrapper .profile-details { position: relative; padding-bottom: 158px; } @media (max-width: 991px) { .profile-page-wrapper .profile-details { position: relative; padding-bottom: 158px; margin-top: 72%; } } @media (max-width: 767px) { .profile-page-wrapper .profile-details { width: 100%; text-align: center; padding: 0; margin-top: 15px; } } .profile-page-wrapper .profile-details .title2 { margin-bottom: 10px; } .profile-page-wrapper .profile-details p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; font-weight: 500; } .profile-page-wrapper .profile-details .psa-contactInfo { margin: 20px 0; } .profile-page-wrapper .profile-details .psa-contactInfo ul { 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; } @media (max-width: 767px) { .profile-page-wrapper .profile-details .psa-contactInfo ul { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .profile-page-wrapper .profile-details .psa-contactInfo ul li { position: relative; font-weight: normal; font-size: 18px; line-height: normal; padding-right: 15px; margin-right: 10px; margin-bottom: 15px; padding-left: 28px; border-right: 1px solid #ffffff; } @media (max-width: 991px) { .profile-page-wrapper .profile-details .psa-contactInfo ul li { padding-right: 0px; } } @media (max-width: 767px) { .profile-page-wrapper .profile-details .psa-contactInfo ul li { padding-right: 0; border-right: 0; text-align: left; margin-right: 0; width: 50%; } } @media (max-width: 479px) { .profile-page-wrapper .profile-details .psa-contactInfo ul li { margin-left: -15px; width: 100%; } } .profile-page-wrapper .profile-details .psa-contactInfo ul li.event { background: url("/assets/images/event-icon-white.svg") no-repeat left center; background-size: 20px; } .profile-page-wrapper .profile-details .psa-contactInfo ul li.fax { background: url("/assets/images/fax-icon-white.svg") no-repeat left center; background-size: 20px; } .profile-page-wrapper .profile-details .psa-contactInfo ul li.email { background: url("/assets/images/email-icon-white.svg") no-repeat left center; background-size: 20px; } .profile-page-wrapper .profile-details .psa-contactInfo ul li.phone { background: url("/assets/images/phone-icon-white.svg") no-repeat left center; background-size: 20px; } .profile-page-wrapper .profile-details .psa-contactInfo ul li:last-child { border-right: none; padding-right: 0; margin-right: 0; } @media (max-width: 479px) { .profile-page-wrapper .profile-details .psa-contactInfo ul li:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .profile-page-wrapper .profile-details .profile-short-info { margin-bottom: 20px; } } .profile-page-wrapper .profile-details .profile-short-info p { font-size: calc(16px + var(--font-size-pixel)); line-height: 1.86; text-align: justify; color: #ffffff; font-weight: normal; } @media (max-width: 767px) { .profile-page-wrapper .profile-details .profile-short-info p { text-align: center; } } .profile-page-wrapper .profile-details .awards { position: absolute; top: 100%; right: -100px; z-index: 1; padding: 36px; padding-left: 70px; padding-right: 20px; background-color: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); width: 46.5%; max-width: 300px; margin-top: -68px; min-height: 132px; } @media (max-width: 767px) { .profile-page-wrapper .profile-details .awards { position: relative; top: auto; right: -35px; width: 252px; text-align: left; padding: 20px 35px; padding-left: 45px; min-height: auto; margin: 40px 0; margin-left: auto; } } .profile-page-wrapper .profile-details .awards:before { content: ''; position: absolute; top: 20px; left: -40px; z-index: 1; width: 81px; height: 92px; background: url("/assets/images/medal.svg") no-repeat center; background-color: #FFBE00; background-size: 41px; } @media (max-width: 767px) { .profile-page-wrapper .profile-details .awards:before { width: 50px; height: 50px; background-size: 21px; position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-left: -25px; } } .profile-page-wrapper .profile-details .awards p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; font-weight: 500; color: #212121; } .profile-page-wrapper .about-video-gallery { padding: 120px 0 !important; } @media (max-width: 767px) { .profile-page-wrapper .about-video-gallery { padding: 60px 0 !important; } } .profile-page-wrapper .about-video-gallery:before { content: none; } @media (max-width: 767px) { .profile-page-wrapper .about-video-gallery .title2 { display: block; } } .profile-page-wrapper .about-video-gallery .video_gallery_wrapper { margin-top: 0; } .profile-atricle-block { padding: 60px 0; background-color: #eeeeee; } @media (max-width: 767px) { .profile-atricle-block { padding-bottom: 30px; } } .profile-atricle-block .title2 { padding: 0 20px; max-width: 80%; margin-left: auto; margin-right: auto; } .psaJourney-section { padding: 140px 0; position: relative; overflow: hidden; } @media (max-width: 767px) { .psaJourney-section { padding: 60px 0; } } .psaJourney-section .psa-BgVector { position: absolute; right: -157px; bottom: -185px; z-index: 1; opacity: 0.5; } @media (max-width: 767px) { .psaJourney-section .psa-BgVector { right: -30px; bottom: -95px; } } @media (max-width: 767px) { .psaJourney-section .psa-BgVector img { max-width: 605px; } } .psaJourney-section .psaJourney-block { position: relative; z-index: 2; } .psaJourney-section .psaJourney-block .introduction_section { padding: 0; } .psaJourney-ListGroup { padding: 0 100px; padding-top: 60px; } @media (max-width: 767px) { .psaJourney-ListGroup { padding: 0 20px; margin-top: 10px; } } .psaJourney-ListGroup .psaJourney-List { 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; width: 100%; } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item { position: relative; z-index: 2; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: calc(50% - 10px); background-color: #ffffff; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); padding: 40px; min-height: 330px; margin-top: -100px; } @media (max-width: 767px) { .psaJourney-ListGroup .psaJourney-List .psaJourney-Item { width: 100%; margin-top: 70px; min-height: 150px; padding: 20px; } } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item figure { width: 100px; height: 100px; position: absolute; top: -50px; left: 40px; z-index: 1; background-color: #FFBE00; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (max-width: 767px) { .psaJourney-ListGroup .psaJourney-List .psaJourney-Item figure { width: 60px; height: 60px; left: 20px !important; right: auto !important; top: -30px; } } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item figure img { width: 60%; max-width: 70px; } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item figure + h3, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item figure + .title, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item figure + .title2, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item figure + .title3 { margin-top: 30px; } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item h3, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item .title, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item .title2, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item .title3 { margin-bottom: 12px; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: normal; font-weight: 700; color: #212121; } @media (max-width: 767px) { .psaJourney-ListGroup .psaJourney-List .psaJourney-Item h3, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item .title, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item .title2, .psaJourney-ListGroup .psaJourney-List .psaJourney-Item .title3 { font-size: 20px; text-align: left !important; } } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; font-weight: 500; color: #212121; text-align: justify; letter-spacing: -0.1px; } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item p + p { margin-top: 25px; } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item:before { content: ''; width: -moz-calc(50% + 20px); width: -webkit-calc(50% + 20px); width: calc(50% + 20px); height: 4px; background: url("/assets/images/horizontal-border.svg") repeat left top; background-size: contain; position: absolute; top: 50%; left: 100%; z-index: 1; margin-top: -2px; } @media (max-width: 767px) { .psaJourney-ListGroup .psaJourney-List .psaJourney-Item:before { content: none; } } .psaJourney-ListGroup .psaJourney-List .psaJourney-Item:after { content: ''; height: 50%; width: 4px; background: url("/assets/images/vertical-border.svg") repeat top right; background-size: contain; position: absolute; top: 50%; z-index: 1; left: -moz-calc(150% + 20px); left: -webkit-calc(150% + 20px); left: calc(150% + 20px); margin-top: -2px; } @media (max-width: 767px) { .psaJourney-ListGroup .psaJourney-List .psaJourney-Item:after { left: 50% !important; top: 100% !important; margin: 0; } } .psaJourney-ListGroup .psaJourney-List:nth-child(even) { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .psaJourney-ListGroup .psaJourney-List:nth-child(even) .psaJourney-Item figure { left: auto; right: 40px; } .psaJourney-ListGroup .psaJourney-List:nth-child(even) .psaJourney-Item h3, .psaJourney-ListGroup .psaJourney-List:nth-child(even) .psaJourney-Item .title, .psaJourney-ListGroup .psaJourney-List:nth-child(even) .psaJourney-Item .title2, .psaJourney-ListGroup .psaJourney-List:nth-child(even) .psaJourney-Item .title3 { text-align: right; } .psaJourney-ListGroup .psaJourney-List:nth-child(even) .psaJourney-Item:before { left: auto; right: 100%; } .psaJourney-ListGroup .psaJourney-List:nth-child(even) .psaJourney-Item:after { left: auto; right: -moz-calc(150% + 20px); right: -webkit-calc(150% + 20px); right: calc(150% + 20px); } .psaJourney-ListGroup .psaJourney-List:first-child .psaJourney-Item { margin-top: 0; } .psaJourney-ListGroup .psaJourney-List:last-child .psaJourney-Item:before, .psaJourney-ListGroup .psaJourney-List:last-child .psaJourney-Item:after { content: none; } .honours-awards { background-color: #08102d; padding: 50px 0; position: relative; overflow: hidden; } .honours-awards:before { content: ''; width: 367px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; background: url("/assets/images/awards-bg-pattern.png") no-repeat left top; background-size: 100% 100%; } .honours-awards .title2 { color: #ffffff; margin-bottom: 52px; padding: 0 20px; } .honours-awards .award-container { width: 100%; padding-left: 100px; } @media (max-width: 767px) { .honours-awards .award-container { padding-left: 20px; } } .honours-awards .awardList { position: relative; z-index: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: auto; /* width */ /* Track */ /* Handle */ } .honours-awards .awardList::-webkit-scrollbar { height: 5px; } .honours-awards .awardList::-webkit-scrollbar-track { height: 5px; background-color: #cccccc; } .honours-awards .awardList::-webkit-scrollbar-thumb { background-color: #FFBE00; } .honours-awards .award-card { min-width: 375px; max-width: 375px; height: 408px; margin-right: 20px; background: url("/assets/images/awards-border.png") no-repeat left top; background-color: #ffffff; background-size: 100% 100%; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 80px; } @media (max-width: 767px) { .honours-awards .award-card { height: 380px; min-width: 362px; max-width: 362px; margin-bottom: 35px; } } .honours-awards .award-card:before { content: ''; background: url("/assets/images/awards-pattern.svg") no-repeat left bottom; background-size: contain; position: absolute; bottom: 10px; left: 50%; z-index: 1; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); height: 225px; opacity: 0.3; } .honours-awards .award-card .award-card-inner { 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; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; text-align: center; padding: 15px; width: 100%; position: relative; z-index: 2; } @media (max-width: 767px) { .honours-awards .award-card .award-card-inner { padding: 15px 30px; } } .honours-awards .award-card .award-card-inner figure { width: 100%; height: 218px; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (max-width: 767px) { .honours-awards .award-card .award-card-inner figure { height: 200px; } } .honours-awards .award-card .award-card-inner figure img { max-height: 140px; max-width: 195px; } .honours-awards .award-card .award-card-inner h4 { font-size: 36px; line-height: 0.72; font-weight: 700; font-family: 'Montserrat', sans-serif; margin: 0 0 10px 0; } @media (max-width: 767px) { .honours-awards .award-card .award-card-inner h4 { font-size: 28px; } } .honours-awards .award-card .award-card-inner p { margin: 0; font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; max-height: 120px; overflow: hidden; } @media (max-width: 767px) { .honours-awards .award-card .award-card-inner p { max-height: 105px; } } .honours-awards .award-card .award-card-inner p strong { font-weight: 700; } /* 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } /* 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; } } .csr-partnership-detail strong { font-weight: 700; } .csr-partnership-detail .banner-img { height: 425px !important; } .csr-partnership-detail .banner-img .banner-content { bottom: 100px; width: 600px; height: auto; min-height: 200px; display: flex; max-width: 100vw; align-items: center; } .csr-partnership-detail .banner-img .banner-content h2 { max-height: 200px; text-align: center; } @media (max-width: 767px) { .csr-partnership-detail .banner-img .banner-content { bottom: 0; min-height: unset; height: inherit; } } .csr-partnership-detail .info-wrap { padding: 100px 0; } @media (max-width: 767px) { .csr-partnership-detail .info-wrap { padding: 60px 0; } } .csr-partnership-detail .info-wrap .accordion { padding: 0 100px; } @media (max-width: 767px) { .csr-partnership-detail .info-wrap .accordion { padding: 0 40px; } } .csr-partnership-detail .info-wrap .accordion > div { margin-bottom: 20px; } .csr-partnership-detail .info-wrap .accordion > div > div:first-of-type { color: black; position: relative; background-color: #ffffff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); padding: 20px 70px 20px 40px; cursor: pointer; } .csr-partnership-detail .info-wrap .accordion > div > div:first-of-type:after { content: ''; background: url("/assets/images/add.svg") no-repeat center; width: 24px; height: 24px; position: absolute; right: 30px; bottom: calc(50% - 12px); } .csr-partnership-detail .info-wrap .accordion > div > div:last-of-type { background-color: #f6f6f6; } .csr-partnership-detail .info-wrap .accordion .open > div:first-of-type { color: #ffffff; background-color: #08102d; } .csr-partnership-detail .info-wrap .accordion .open > div:first-of-type:after { background: url("/assets/images/minus.svg") no-repeat center; } .csr-partnership-detail .info-wrap .accordion .open > div:last-of-type { padding: 20px 70px 30px 60px; } /* 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-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 { padding: 80px 0; background-color: rgba(245, 245, 245, 0.5); } @media (max-width: 767px) { .resource-announce-wrap { padding: 60px 0; } } .resource-announce-wrap .title { margin-bottom: 60px; } @media (max-width: 767px) { .resource-announce-wrap .title { margin-bottom: 20px; } } .resource-announce-wrap .resource-announce-block { margin: 0 -10px; display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .resource-announce-wrap .resource-announce-block { margin: 0; } } .resource-announce-wrap .resource-announce-block .col-half { padding: 20px 30px; width: 100%; background-color: #eeeeee; } @media (max-width: 767px) { .resource-announce-wrap .resource-announce-block .col-half { flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0; } } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement { height: 100%; } @media (max-width: 767px) { .resource-announce-wrap .resource-announce-block .col-half .resource-announcement { padding: 20px; } } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement h4 { padding-left: 32px; margin-bottom: 24px; font-weight: 900; font-size: 20px; color: #212121; position: relative; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement h4:before { content: ''; width: 23px; height: 15px; background: url("/assets/images/announcements.svg") no-repeat center; background-size: cover; position: absolute; left: 0; top: 6px; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li { padding: 0 16px 16px 104px; float: left; width: 50%; position: relative; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li:nth-child(2n+1) { clear: left; } @media (max-width: 767px) { .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li { float: unset; width: 100%; } } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li .resource-date { font-size: 12px; color: #212121; position: absolute; left: 0; top: 1px; padding-left: 16px; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li .resource-date:before { content: ''; width: 12px; height: 12px; background: url("/assets/images/calendar.svg") no-repeat center; background-size: cover; position: absolute; left: 0; top: 1px; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li .link-active { font-size: 14px; color: #4454a5; display: inline-block; position: relative; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li .link-active:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: cover; display: inline-block; margin-left: 10px; transition: 0.3s; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li .link-active:hover:after { margin-left: 14px; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li p.link-active:after { content: none; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement ul li:last-child { padding-bottom: 0; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement.resource-information h4 { padding-left: 22px; } .resource-announce-wrap .resource-announce-block .col-half .resource-announcement.resource-information h4:before { content: ''; width: 14px; height: 14px; background: url("/assets/images/resource-info.svg") no-repeat center; background-size: cover; position: absolute; left: 0; top: 6px; } /* 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; } } .the_team_section_group { margin-bottom: -60px; } @media (max-width: 479px) { .the_team_section_group { padding-top: 20px; padding-bottom: 60px; overflow: auto; margin: 0; } } .team_card_wrapper_row { width: 100%; 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; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; position: relative; padding-top: 115px; } @media (max-width: 479px) { .team_card_wrapper_row { padding: 0; padding-top: 100px; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-flex-flow: nowrap; -moz-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; } } .team_card_wrapper_row.single-member-block { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .team_card_wrapper_row.single-member-block .team_card_wrapper { max-width: 350px; min-width: 350px; } @media (max-width: 479px) { .team_card_wrapper_row.single-member-block .team_card_wrapper { max-width: 100%; min-width: 100%; } } .team_card_wrapper_row.single-member-block .team_card_wrapper .about_team_block_info { width: 100%; } @media (max-width: 767px) { .team_card_wrapper_row.single-member-block .team_card_wrapper:before { width: 100%; } } .team_card_wrapper { width: 33.33%; padding: 0 20px; 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; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; position: relative; min-height: 350px; padding-top: 105px; } @media (max-width: 479px) { .team_card_wrapper { max-width: 220px; min-width: 220px; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; min-height: 0; margin: 0; } } .team_card_wrapper:before { content: ''; width: 100%; height: 93px; background-image: linear-gradient(to top, rgba(248, 248, 248, 0), #eeeeee); position: absolute; top: 0; right: 0; left: 0; z-index: 1; } @media (max-width: 767px) { .team_card_wrapper:last-child:before { width: -moz-calc(100% + 28px); width: -webkit-calc(100% + 28px); width: calc(100% + 28px); } } .team_card_wrapper .team_card_img { position: absolute; top: -105px; left: 50%; z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media (max-width: 767px) { .team_card_wrapper .team_card_img { transform: translateX(-50%) scale(0.8); -webkit-transform: translateX(-50%) scale(0.8); -moz-transform: translateX(-50%) scale(0.8); -ms-transform: translateX(-50%) scale(0.8); -o-transform: translateX(-50%) scale(0.8); } } .about_team_block_info { text-align: center; } .about_team_block_info h5 { font-weight: 700; margin: 0 0 5px 0; } .about_team_block_info p { font-weight: 500; color: #686868; margin: 0 0 10px 0; } /* 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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } /* 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; } } .manas-mitra-container .intro-wrapper { padding: 60px 100px 60px 0; } @media (max-width: 767px) { .manas-mitra-container .intro-wrapper { padding: 40px 0; } } .manas-mitra-container .common-banner .top_section { background: url("/assets/images/MANAS_Mitra_background.png") no-repeat center; background-size: cover; } .manas-mitra-container .common-banner .top_section .info { max-width: 750px; } .manas-mitra-container .common-banner .top_section .info .title2 { font-size: 40px; } .manas-mitra-container .common-banner .top_section .etg-banner-vector { display: none; } .manas-mitra-container .common-banner .top_section p { margin-top: 10px; font-size: calc(20px + var(--font-size-pixel)); font-family: 'Playfair Display', serif; } @media (max-width: 767px) { .manas-mitra-container .common-banner .top_section { min-height: 220px; } .manas-mitra-container .common-banner .top_section .info { padding: 45px 20px 0 !important; } .manas-mitra-container .common-banner .top_section .info .title2 { font-size: 28px; } } .manas-mitra-container .common-banner .top_section .right_section { padding-right: 100px; } @media (max-width: 767px) { .manas-mitra-container .common-banner .top_section .right_section { padding: 0 20px; margin: 0 auto; } } .manas-mitra-container .common-banner .title2 { color: #ffffff; } .manas-mitra-container .video_gallery_wrapper { padding: 60px 0 140px; } @media (max-width: 767px) { .manas-mitra-container .video_gallery_wrapper { padding: 40px 0; } .manas-mitra-container .video_gallery_wrapper .sm-slider-container .slick-list { padding-left: 0; } } @media (max-width: 479px) { .manas-mitra-container .video_gallery_wrapper .container { padding-right: 0; } } .manas-mitra-container .lead-partners, .manas-mitra-container .inclusive_approach_section { padding: 60px 0; } @media (max-width: 767px) { .manas-mitra-container .lead-partners, .manas-mitra-container .inclusive_approach_section { padding: 40px 0; } } /* 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, .pm-stiac-mission, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .pm-stiac-mission, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .pm-stiac-mission, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .pm-stiac-mission, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .pm-stiac-mission, .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; } } .pm-stiac-mission { background-color: #eeeeee; } .pm-stiac-mission .header-banner { position: relative; } @media (max-width: 767px) { .pm-stiac-mission .header-banner { background: url("/assets/images/mission-page-banner-bg.svg") no-repeat bottom center; background-color: #eeeeee; background-size: cover; } } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-image { display: none; } } .pm-stiac-mission .header-banner .header-banner-image img { width: 100%; } .pm-stiac-mission .header-banner .header-banner-info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin-top: 8%; } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info { position: static; margin: 0; padding-top: 62px; padding-bottom: 135px; min-height: 400px; } } .pm-stiac-mission .header-banner .header-banner-info .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info .container { display: block; } } .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info { max-width: 530px; padding-right: 15px; position: relative; } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info { width: 100%; padding-left: 20px; padding-right: 75px; } } .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info .number { position: absolute; top: 0; left: -60px; z-index: 1; font-family: 'Playfair Display', serif; color: rgba(255, 255, 255, 0.1); font-size: 300px; line-height: 0.1; } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info .number { left: -10px; top: -5px; font-size: 190px; } } .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info .title2 { color: #ffffff; margin: 0 0 15px 0; } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info .title2 { margin-bottom: 12px; } } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info div { padding-right: 40px; min-height: 120px; } } .pm-stiac-mission .header-banner .header-banner-info .container .hdr-banner-info p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; color: #ffffff; } .pm-stiac-mission .header-banner .header-banner-info .container figure { margin-left: auto; margin-top: -30px; height: 200px; width: 200px; } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info .container figure { width: 120px; min-width: 120px; height: auto; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; margin-top: -25%; } } @media (max-width: 479px) { .pm-stiac-mission .header-banner .header-banner-info .container figure { margin-top: -130px; margin-right: -10px; } } .pm-stiac-mission .header-banner .header-banner-info .container figure img { min-width: 200px; -webkit-transform: Scale(1.2); -moz-transform: Scale(1.2); -ms-transform: Scale(1.2); -o-transform: Scale(1.2); transform: Scale(1.2); } @media (max-width: 767px) { .pm-stiac-mission .header-banner .header-banner-info .container figure img { min-width: auto; height: 130px; max-width: 100%; } } .pm-stiac-mission .header-banner .corner_bg_img { position: absolute; top: 100%; right: 0; z-index: 1; max-width: 232px; margin-top: -280px; } @media (max-width: 767px) { .pm-stiac-mission .header-banner .corner_bg_img { max-width: 115px; margin-top: -65px; } } .pm-stiac-mission .introduction_section { padding-top: 0; position: relative; } .pm-stiac-mission .introduction_section .detail_section { padding-right: 65px; padding-left: 300px; } @media (max-width: 767px) { .pm-stiac-mission .introduction_section .detail_section { padding: 40px; padding-bottom: 0; } } .pm-stiac-mission .introduction_section .detail_section .draw_line { width: 305px; } @media (max-width: 767px) { .pm-stiac-mission .introduction_section .detail_section .draw_line { width: 125px; } } .pm-stiac-mission .introduction_section .detail_section p { line-height: 1.75; text-align: justify; } .pm-stiac-mission .objectives_section { padding-bottom: 140px; position: relative; z-index: 1; margin-top: 0px; } @media (max-width: 767px) { .pm-stiac-mission .objectives_section { padding-bottom: 60px; } } .pm-stiac-mission .objectives_section .objectives_wrap { position: relative; z-index: 1; background-color: #ffffff; padding: 70px 100px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .pm-stiac-mission .objectives_section .objectives_wrap { padding: 20px 0; } } @media (max-width: 767px) { .pm-stiac-mission .partner-image-group { padding-top: 20px !important; } } .pm-stiac-mission .sustainable-goals { background-color: #eeeeee; padding: 140px 0 120px 0; } @media (max-width: 767px) { .pm-stiac-mission .sustainable-goals { padding: 60px 0 40px 0; } } @media (max-width: 767px) { .pm-stiac-mission .sustainable-goals .title2 { max-width: 80%; margin: 0 auto; margin-bottom: 20px; } } .pm-stiac-mission .sustainable-goals .goal-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } @media (max-width: 479px) { .pm-stiac-mission .sustainable-goals .goal-container { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } } .pm-stiac-mission .sustainable-goals .goal-container div { width: -moz-calc(20% - 20px); width: -webkit-calc(20% - 20px); width: calc(20% - 20px); max-width: 215px; margin: 0 10px; margin-bottom: 20px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { .pm-stiac-mission .sustainable-goals .goal-container div { width: -moz-calc(33.33% - 20px); width: -webkit-calc(33.33% - 20px); width: calc(33.33% - 20px); } } @media (max-width: 479px) { .pm-stiac-mission .sustainable-goals .goal-container div { width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: calc(50% - 20px); } } .pm-stiac-mission .sustainable-goals .goal-container div img { max-width: 100%; width: 100%; } .pm-stiac-mission .video_gallery_wrapper { background-color: #ffffff; padding: 140px 0; } .pm-stiac-mission .featured_articles .bottom-shape { border-bottom-color: #ffffff; } .pm-stiac-mission .misson-publishing-section .publishing-section { padding-bottom: 0; } .pm-stiac-mission .misson-publishing-section .publicatios-layer { display: none; } .pm-stiac-mission .misson-publishing-section .publishing-wrap .slick-track { margin-left: 0; } /* 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; } } /* 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; } } .insti-labs { background-color: #080f2d; } .insti-labs .headers { background-color: #FFBE00 !important; color: #212121; } .insti-labs .headers th { border: 1px solid #080f2d !important; border-bottom: 0; } .insti-labs .tableSticky { position: relative; overflow: auto; } .insti-labs .tableSticky .table-wrapper { position: fixed; top: 100px; width: 100%; height: 100vh; overflow: auto; } .insti-labs .tableSticky .table-header { position: fixed; } .insti-labs .tableSticky .table-header table { margin-right: 20px; } .insti-labs .tableSticky.inner-container .table-body { overflow: auto; margin-top: 36px; } @media (max-width: 767px) { .insti-labs .tableSticky .table-header { top: 0; margin-top: 80px; } .insti-labs .tableSticky .table-wrapper { position: unset; } .insti-labs .tableSticky.inner-container .table-body { margin-top: 40px; } } .insti-labs .outer-container { position: absolute; top: 100px; left: 0; right: 2px; bottom: 0px; height: 100%; } .insti-labs .outer-container .table-desc { color: #ffffff; background-color: #080f2d; padding: 15px 15px 25px; } .insti-labs .outer-container .table-desc strong { font-weight: bold; } .insti-labs .outer-container .table-desc p + p { margin-top: 8px; } .insti-labs .outer-container .table-desc h4 { font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 0; } .insti-labs .outer-container .table-desc .description-wrapper { display: flex; margin: 0 -10px; } .insti-labs .outer-container .table-desc .description-wrapper div { padding: 0 10px; min-width: 320px; } .insti-labs .outer-container .table-desc .description-wrapper a { color: #ffffff; text-decoration: underline; font-size: 14px; } @media (max-width: 767px) { .insti-labs .outer-container { position: unset; overflow: auto; } .insti-labs .outer-container h4 { font-size: 16px; } .insti-labs .outer-container .table-desc { padding: 10px 10px 15px; } .insti-labs .outer-container .table-desc p + p { margin-top: 5px; } .insti-labs .outer-container .table-desc .description-wrapper { display: flex; margin: 0 -10px; } .insti-labs .outer-container .table-desc .description-wrapper div { padding: 0 10px; min-width: 280px; } .insti-labs .outer-container .table-desc .description-wrapper p { font-size: calc(14px + var(--font-size-pixel)) !important; } } @media (max-width: 991px) { .insti-labs .outer-container { right: unset; height: 100%; } } .insti-labs .inner-container { height: 100%; overflow: hidden; background-color: #080f2d; } .insti-labs .inner-container th, .insti-labs .inner-container td { padding: 8px 15px; border: 1px solid #FFBE00; border-left: 0; text-align: left; vertical-align: middle; } .insti-labs .inner-container th:nth-child(1), .insti-labs .inner-container td:nth-child(1) { width: 80px; min-width: 80px; } .insti-labs .inner-container th a, .insti-labs .inner-container td a { color: #ffffff; } .insti-labs .inner-container th:nth-child(2), .insti-labs .inner-container td:nth-child(2) { min-width: 615px; max-width: 615px; } .insti-labs .inner-container th:nth-child(3), .insti-labs .inner-container td:nth-child(3) { min-width: 415px; max-width: 415px; } .insti-labs .inner-container .table-body { overflow: auto; margin-top: -1px; } .insti-labs .inner-container .table-body tr { color: #ffffff; } .insti-labs .inner-container .table-body tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.05); } .insti-labs .inner-container .subcategory { padding: 3px 6px; background-color: #FFBE00; font-size: 10px; font-weight: 600; color: #212121; border-radius: 100px; margin-left: 5px; display: inline-block; min-width: 65px; text-align: center; } @media (max-width: 767px) { .insti-labs .inner-container .subcategory { font-size: 8px; padding: 2px 7px; } } @media (max-width: 767px) { .insti-labs .inner-container th, .insti-labs .inner-container td { padding: 6px 12px; } .insti-labs .inner-container th:nth-child(1), .insti-labs .inner-container td:nth-child(1) { width: 65px; min-width: 65px; } .insti-labs .inner-container th:nth-child(2), .insti-labs .inner-container td:nth-child(2) { min-width: 415px; } .insti-labs .inner-container th:nth-child(3), .insti-labs .inner-container td:nth-child(3) { min-width: 280px; } } @media (max-width: 991px) { .insti-labs .inner-container { height: unset; } } .insti-labs .table-header { position: relative; } /* 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; } } .medicab-hospitals { background-color: #080f2d; } .medicab-hospitals .headers { background-color: #FFBE00 !important; color: #212121; } .medicab-hospitals .headers th { border: 1px solid #080f2d; border-bottom: 0; } .tableSticky { position: relative; overflow: auto; } .tableSticky .table-wrapper { position: fixed; top: 100px; width: 100%; height: 100vh; overflow: auto; } .tableSticky .table-header { position: fixed; } .tableSticky .table-header table { margin-right: 20px; } .tableSticky.inner-container .table-body { overflow: auto; margin-top: 80px; } .tableSticky.inner-container .table-body table { overflow-x: auto; } @media (max-width: 767px) { .tableSticky .table-header { top: 0; margin-top: 80px; } .tableSticky .table-wrapper { position: unset; } .tableSticky.inner-container .table-body { margin-top: 85px; } } .outer-container { position: absolute; top: 100px; left: 0; right: 2px; bottom: 0px; height: 100%; } .outer-container .table-desc { color: #ffffff; background-color: #080f2d; padding: 15px 15px 25px; } .outer-container .table-desc strong { font-weight: bold; } .outer-container .table-desc p + p { margin-top: 8px; } .outer-container .table-desc h4 { font-family: 'Montserrat', sans-serif; font-weight: bold; } .outer-container .table-desc .description-wrapper { display: flex; margin: 0 -10px; } .outer-container .table-desc .description-wrapper div { padding: 0 10px; min-width: 320px; } .outer-container .table-desc .description-wrapper a { color: #ffffff; text-decoration: underline; font-size: 14px; } @media (max-width: 767px) { .outer-container { position: unset; overflow: auto; } .outer-container h4 { font-size: 16px; } .outer-container .table-desc { padding: 10px 10px 15px; } .outer-container .table-desc p + p { margin-top: 5px; } .outer-container .table-desc .description-wrapper { display: flex; margin: 0 -10px; } .outer-container .table-desc .description-wrapper div { padding: 0 10px; min-width: 280px; } .outer-container .table-desc .description-wrapper p { font-size: calc(14px + var(--font-size-pixel)) !important; } } @media (max-width: 991px) { .outer-container { right: unset; height: 100%; } } .inner-container { height: 100%; overflow: hidden; background-color: #080f2d; } .inner-container th, .inner-container td { padding: 8px 15px; border: 1px solid #FFBE00; border-left: 0; text-align: left; } .inner-container th:nth-child(1), .inner-container td:nth-child(1) { width: 80px; min-width: 80px; } .inner-container th:nth-child(2), .inner-container th:nth-child(3), .inner-container th:nth-child(4), .inner-container th:nth-child(5), .inner-container th:nth-child(8), .inner-container th:nth-child(9), .inner-container th:nth-child(10), .inner-container th:nth-child(13), .inner-container th:nth-child(14), .inner-container th:nth-child(15), .inner-container th:nth-child(16), .inner-container td:nth-child(2), .inner-container td:nth-child(3), .inner-container td:nth-child(4), .inner-container td:nth-child(5), .inner-container td:nth-child(8), .inner-container td:nth-child(9), .inner-container td:nth-child(10), .inner-container td:nth-child(13), .inner-container td:nth-child(14), .inner-container td:nth-child(15), .inner-container td:nth-child(16) { min-width: 250px; max-width: 250px; } .inner-container th:nth-child(6), .inner-container th:nth-child(7), .inner-container th:nth-child(11), .inner-container th:nth-child(12), .inner-container td:nth-child(6), .inner-container td:nth-child(7), .inner-container td:nth-child(11), .inner-container td:nth-child(12) { min-width: 160px; max-width: 160px; } .inner-container th:nth-child(2), .inner-container td:nth-child(2) { min-width: 215px; max-width: 215px; } .inner-container .table-body { overflow: auto; } .inner-container .table-body tr { color: #ffffff; } .inner-container .table-body tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.05); } .inner-container .subcategory { padding: 3px 6px; background-color: #FFBE00; font-size: 10px; font-weight: 600; color: #212121; border-radius: 100px; margin-left: 5px; display: inline-block; min-width: 65px; text-align: center; } @media (max-width: 767px) { .inner-container .subcategory { font-size: 8px; padding: 2px 7px; } } @media (max-width: 767px) { .inner-container th, .inner-container td { padding: 6px 12px; } .inner-container th:nth-child(1), .inner-container td:nth-child(1) { width: 65px; min-width: 65px; } .inner-container th:nth-child(3), .inner-container th:nth-child(4), .inner-container th:nth-child(5), .inner-container th:nth-child(8), .inner-container th:nth-child(9), .inner-container th:nth-child(10), .inner-container th:nth-child(13), .inner-container th:nth-child(14), .inner-container th:nth-child(15), .inner-container th:nth-child(16), .inner-container td:nth-child(3), .inner-container td:nth-child(4), .inner-container td:nth-child(5), .inner-container td:nth-child(8), .inner-container td:nth-child(9), .inner-container td:nth-child(10), .inner-container td:nth-child(13), .inner-container td:nth-child(14), .inner-container td:nth-child(15), .inner-container td:nth-child(16) { min-width: 238px; } .inner-container th:nth-child(6), .inner-container th:nth-child(7), .inner-container th:nth-child(11), .inner-container th:nth-child(12), .inner-container td:nth-child(6), .inner-container td:nth-child(7), .inner-container td:nth-child(11), .inner-container td:nth-child(12) { min-width: 130px; } .inner-container th:nth-child(2), .inner-container td:nth-child(2) { min-width: 170px; } } @media (max-width: 991px) { .inner-container { height: unset; } } .table-header { position: relative; } * { margin: 0; padding: 0; } ul, ol, p, h1, h2, h3, h4, h5, h6, span { margin: 0; padding: 0; } .container { max-width: 1197px; padding: 0 15px; } .title2.new { padding-bottom: 51px !important; } h1 { font-size: 36px !important; } h2 { font-size: calc(28px + var(--font-size-pixel))!important; margin-bottom: 5px !important; } p { text-align:justify !important; } .breadcrumb span.current { font-weight: 800; } .txtbox { top: 51% !important; } .paiu-page-wrap .flip-card-back { top: 0 !important; padding-top: 0 !important; } /* About PAIU */ .aboutPaiu { padding: 50px 0 20px 0; position: relative; } .aboutPaiu .aboutImage { text-align: center; margin-bottom: 40px; } .team_card_wrapper.new { min-height: 0px !important; } .titleBlack { font-size: 36px; color: #1c1919; margin-bottom: 20px; font-family: 'Playfair Display', serif; } .common-banner .top_section .info { justify-content: center !important; } .aboutPaiu .textContent { font-size: 20px; color: #1c1919; line-height: 28px; text-align: justify; font-family: 'Montserrat', sans-serif; line-height: 1.46; } .the_team_section_group { margin-bottom: 0px; } .the-team-container.new { padding: 60px 0; } .psa_info_block.new h4 { font-weight: 900; font-size: 22px; margin-bottom: 10px; } .about_team_block_info p { font-size: calc(16px + var(--font-size-pixel)); line-height: 1.25; color: #212121; font-weight: 400; } .paiu-page-wrap .reportWrap { display: none; } .paiu-page-wrap .theProcess { margin-bottom: 0; } .aboutPaiu .aboutImage .imageBox { padding: 10px; border: 3px solid #f2bd12; overflow: hidden; width: 90%; margin: 0 auto; } .aboutPaiu .aboutImage img { height: 100%; width: 100%; object-fit: contain; object-position: center; } .aboutPaiu .imageCaption { font-size: 14px; color: #1c1919; line-height: 28px; text-align: justify; font-family: 'Montserrat', sans-serif; line-height: 1.46; font-style: italic; text-align: center; margin-top: 10px; } .aboutPaiu .content { color: #1c1919; font-size: 14px; line-height: 24px; margin-bottom: 40px; margin-bottom: 15px; text-align: justify; } .vision { position: relative; margin-top: 40px; display: flex; justify-content: flex-start; align-items: center; } .vision .visionImage { width: 50%; } .vision .visionImage .thumbnail { height: 500px; display: inline-block; position: relative; padding-left: 15px; padding-top: 8px; } .chairperson-block.new { max-width: 1197px; margin: 0 auto; } .psa_info_block.new { text-align: center; } .team_card_img.new { margin: 0 auto; } .team_card_wrapper.new:before { background-image: none !important; } .reportWrap { padding-bottom: 60px; } .chairperson-block.new { margin-bottom: 30px; } .vision .visionImage .thumbnail .bg { background-color: #f2bd12; height: 200px; width: 200px; position: absolute; top: 0px; left: 0px; z-index: 1; } .vision .visionImage .thumbnail img { height: 100%; width: 100%; object-fit: contain; object-position: center; display: inline-block; z-index: 1; position: relative; } .vision .visionContent { width: 50%; position: relative; } .vision .visionContent .visionBox { border-bottom: 5px solid #f2bd12; outline: none; border-radius: 8px; padding: 40px 40px; min-height: 160px; background: rgb(255 255 255); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; flex-direction: column; position: relative; z-index: 1; left: -63px; width: 100%; } .vision .visionContent .visionBox h4 { text-transform: uppercase; color: #000000; margin-bottom: 15px; font-weight: bolder; font-size: 21px; } .vision .visionContent .visionBox p { color: #000000; font-size: calc(18px + var(--font-size-pixel)); line-height: 28px; text-align: justify; } .objective { margin-top: 20px; } .objective .visionImage { order: 2; } .objective .visionContent { order: 1; } .objective .visionBox { left: auto !important; right: -48px; width: 100%; } .objective .visionImage .thumbnail { padding-right: 15px; padding-left: 0px; padding-top: 8px; } .objective .visionImage .thumbnail .bg { top: 12px; right: 0px; left: auto; } /* Section of process */ .theProcess { margin-bottom: 50px; padding-top: 40px; /* padding-bottom: 40px; */ background-color: #080f2d; position: relative; z-index: 2; } /* .theProcess:before { content: ''; position: absolute; top: -120px; left: 0; z-index: -1; width: 100%; height: 250px; background-color: #080f2d; -webkit-transform: skewY(-10deg); -moz-transform: skewY(-10deg); transform: skewY(-10deg); } */ .theProcess .process-heading { text-align: center; color: #ffffff; position: relative; padding-bottom: 25px; } .title3, .theProcess .process-heading h2 { font-size: calc(32px + var(--font-size-pixel)); } .theProcess .process_block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; /* display: flex; */ padding: 0 60px; } .theProcess .process_block .process-card-container.new { width: 100% !important; } .process-card-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: -1px; } .process-card-container ul { /* 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; position: relative; margin-left: 2px; margin-top: 45px; /* margin-bottom: 90px; */ } .theProcess .process_block .process-card-container ul .process-card:nth-child(n+2) { border-top: none; border-right: 0; } .theProcess .process_block .process-card-container ul .process-card:nth-child(n+3) { border-top: 1px solid #21317D; border-right: 1px solid #21317D; } .theProcess .process_block .process-card-container ul .process-card:nth-child(n+4) { border-top: 1px solid #21317D; border-right: none; } .theProcess .process_block .process-card-container ul .process-card { width: 49.5%; border: none; /* border-top: 1px solid #21317D; */ border-right: 1px solid #21317D; padding: 40px; min-height: 420px; list-style: none; } .process-card .process-card-item { 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; height: 100%; } .process-card .process-card-item { align-items: center; display: flex; justify-content: end; } .flip-card { height: 260px !important; } .flip-card-front .counter { font-family: 'Playfair Display', serif; font-weight: 900; font-size: 24px !important; } .flip-card-back .heading { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 24px !important; } .the-team-container.new h2 { margin-bottom: 40px !important; } .the-team-container.new { padding-top: 60px !important; } .psa_info_block.new p { text-align: center !important; } .about_team_block_info h5 { font-size: 22px; font-weight: 900; } .about_team_block_info p { text-align: center !important; } .flip-card { width: 450px; /* height: 300px; perspective: 1000px; */ margin: 0 auto; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .flip-card-front { background-color: #080f2d00; color: black; } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .process-card .process-card-item figure { text-align: center; height: 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; overflow: hidden; margin-bottom: 30px; } /* .process-card .process-card-item.new figure img { filter: invert(100) !important; } */ .process-card .process-card-item figure img { max-height: 100px; display: inline-block; -webkit-transform: Scale(1); -moz-transform: Scale(1); -ms-transform: Scale(1); -o-transform: Scale(1); transform: Scale(1); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .process-card .process-card-item .counter { color: #fff; font-size: 26px; line-height: 1.25; font-weight: 900; margin-bottom: 20px; } .process-card .process-card-item .heading { color: #fff; font-size: 14px; line-height: 25px; font-weight: 500; font-family: 'Montserrat', sans-serif; } .process-card .process-card-item .flip-card-back .heading { font-size: 26px; color: #000; margin-bottom: 20px; } .process-card .process-card-item .flip-card-back p { font-size: calc(16px + var(--font-size-pixel)); color: #000; } /* .flip-card-back { background-color: #ffbe0000; color: black; transform: rotateY(180deg); } */ /* .flip-card-back p { font-size: 20px; margin-top: 20px; } */ .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .process-card .process-card-item .counter, .process-card .process-card-item .heading, .process-card .process-card-item .process-subinfo { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .flip-card-back { color: black; transform: rotateY(180deg); padding: 50px 0; } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .process-card.active, .process-card:hover { background-color: #FFBE00; box-shadow: 0 0 20px 0 #FFBE00; -webkit-box-shadow: 0 0 20px 0 #FFBE00; -moz-box-shadow: 0 0 20px 0 #FFBE00; -ms-box-shadow: 0 0 20px 0 #FFBE00; -o-box-shadow: 0 0 20px 0 #FFBE00; border-radius: 1px; border: 1px solid #f2bd12 !important; /* transform: rotateY(360deg); */ } .process-card.active, .process-card:hover .flip-card-inner { transform: rotateY(180deg); } /* report section css */ .pdfWrapBox { border: 5px solid #f2bd12; border-radius: 15px; padding: 30px 20px; margin: 10px; } .icon { width: 34px; margin-bottom: 20px; } .detailBox h2 { margin-bottom: 20px; font-size: calc(16px + var(--font-size-pixel)); } .detailBox span { display: flex; color: #858e91; font-size: 13px; margin-bottom: 20px; } .detailBox span img { width: 12px !important; margin-right: 6px; height: 13px; } .detailBox .viewBtn { text-decoration: none; color: #000; font-size: 11px; font-weight: bold; display: flex; align-items: center; text-transform: uppercase; } .detailBox .viewBtn img { width: 5px !important; margin-left: 8px; } .home-demo .owl-carousel .owl-nav button.owl-prev, .home-demo .owl-carousel .owl-nav button.owl-next { background: #f2bd12; width: 72px; height: 72px; color: #fff; font-size: 37px; } .contentBox { margin-bottom: 20px; } .contentBox h2 { font-size: calc(28px + var(--font-size-pixel)); color: #1c1919; margin-bottom: 20px; text-align: center; font-weight: bold; } .paiu-page-wrap .the-team-container.new { display: none; } .flip-card-back { background-color:#FFBE00 !important; } /* Responsive */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .vision { margin-top: 50px; } .objective { margin-top: 50px; } .vision .visionImage .thumbnail { padding-top: 14px; height: auto; } .objective .visionImage .thumbnail { padding-top: 27px; } } @media only screen and (max-device-width: 767px) { .i-stem-container .top_section { height: 460px !important; } .objective .visionBox { right: 0; } .process-card-container ul { display: flex; flex-direction: column; } .flip-card-front, .flip-card-back { display: flex; flex-direction: column; justify-content: center; } .container { max-width: 100%; padding: 0 20px; } .contentBox h2 { font-size: 24px + var(--font-size-pixel); } .aboutPaiu .content, .textContent { text-align: justify; } .title3, .theProcess .process-heading h2 { font-size: calc(24px + var(--font-size-pixel)); } .vision .visionImage, .objective .visionImage { width: 100%; } .vision { margin-top: 40px; display: block; } .vision .visionImage .thumbnail { height: auto; display: inline-block; position: relative; padding-left: 15px; padding-top: 8px; } .vision .visionContent .visionBox { width: auto; left: 0; } .vision .visionContent { width: 100%; margin-top: 15px; } .vision .visionImage .thumbnail { padding-left: 8px; } .vision .visionContent .visionBox { padding: 20px; text-align: justify; } .vision .visionImage .thumbnail .bg { height: 150px; } .objective .visionImage .thumbnail .bg { top: 0; } .objective .visionImage .thumbnail { padding-right: 8px; padding-left: 0; } .pdfWrapBox { padding: 15px; } .flip-card { width: 100%; } .process-card .process-card-item { display: block; } .theProcess .process_block .process-card-container ul .process-card { width: 100%; border-right: 0; border-bottom: 1px solid #21317D; } .theProcess .process_block { padding: 0 10px; } .process-card .process-card-item .counter { font-size: 18px; } .process-card .process-card-item .heading { font-size: 12px; line-height: 18px; } .theProcess .process_block .process-card-container ul .process-card:nth-child(n+3) { border-top: none; border-right: 0; } .flip-card-back { padding: 0; } .process-card .process-card-item .flip-card-back .heading { font-size: 18px; } .detailBox h2 { height: auto; } } @media only screen and (max-device-width: 1199px) { .flip-card { height: 280px !important; } .flip-card-back { margin-top: 0 !important; padding-top: 0px; } .paiu-page-wrap .theProcess { margin-top: 50px; } } @media only screen and (max-device-width: 767px) { .common-banner .top_section .info h1 {margin: 40% 0;} .process-card .process-card-item .counter { font-size: 18px !important; } .process-card-container ul { margin: auto; } .about_team_block_info h5 { font-size: 20px !important; } .i-stem-container .common-banner .info { padding: 0 20px; } } .i-stem-container .common-banner .info { max-width: 1197px !important; margin: 0 auto; padding-left: 0; width: 100% !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; } } .lead-partners { padding: 140px 0; background-color: #ffffff; position: relative; overflow: hidden; } @media (max-width: 767px) { .lead-partners { padding: 60px 0; } } .lead-partners .lead-partners-bg { position: absolute; bottom: -215px; left: -125px; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .lead-partners .lead-partners-bg { bottom: -100px; left: -175px; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg { background: url("/assets/images/pm-stiac-lead-partners.svg") no-repeat -150px -45px; background-size: 623px 390px; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 1; } } @media (max-width: 479px) { .lead-partners .lead-partners-bg img { display: none; } } .lead-partners .lead_partner_group, .lead-partners .container { position: relative; z-index: 1; } @media (max-width: 767px) { .lead-partners .slick-list { padding-left: 20px; } } .lead-partners .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lead-partners .slick-track .slick-slide { margin: 0 20px; } @media (max-width: 767px) { .lead-partners .slick-track .slick-slide { margin: 0; margin-right: 20px; } } .lead-partners .partner-image-container .partner-image-group { 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; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group { padding-top: 40px; } } .lead-partners .partner-image-container .partner-image-group .image1 { width: 200px; height: 200px; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image1 { width: 95px; height: 95px; } } .lead-partners .partner-image-container .partner-image-group .image1 img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .lead-partners .partner-image-container .partner-image-group .image2 { margin-left: -140px; width: 340px; height: 135px; text-align: center; background-color: #eeeeee; position: relative; } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 { width: 165px; height: 68px; margin-left: -70px; } } .lead-partners .partner-image-container .partner-image-group .image2 img { display: inline-block; max-width: 340px; max-height: 120px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 767px) { .lead-partners .partner-image-container .partner-image-group .image2 img { max-width: 165px; max-height: 68px; } } .lead-partners .customSliderBtn { margin: auto; margin-top: 50px; } /*=========== Common Css =============*/ * { box-sizing: border-box; } .lead-partners.new.two { padding: 50px 0; background-color: #080f2d !important; } h1 { font-size: 36px !important; } h2 { font-size: calc(28px + var(--font-size-pixel)) !important; margin-bottom: 5px !important; } p { text-align:justify; } .breadcrumb span.current { font-weight: 800; } p {margin-top: 0px; text-align: justify;} .container { max-width: 1197px; padding: 0 15px; margin: auto; } .partner-left-box ul li, .milestone-left-box ul li { list-style: disc; } .breadcrumb-container { padding: 0 100px; position: absolute; top: 115px; right: 0; left: 0; z-index: 3; } .breadcrumb-container.light .breadcrumb { color: #eeeeee; } .breadcrumb-container .breadcrumb { font-size: 12px; line-height: 1.83; color: #eeeeee; } .breadcrumb-container.light .breadcrumb a { color: #eeeeee; } .breadcrumb-container span:last-child { font-weight: 700; } .top_section .heading { background-color: #080f2d; padding: 100px 0 !important; } .heading { font-size: 36px; line-height: 1.5; font-weight: 900; color: #212121; font-family: 'Playfair Display', serif; } .top_section .heading .title2 { color: #ffffff; margin-bottom: 0; margin-top: 0; } section.bannerImg { margin-top: 0px !important; } h2, .title2, .title3 { font-size: calc(36px + var(--font-size-pixel)); line-height: 1.5; font-weight: 900; color: #212121; font-family: 'Playfair Display', serif; margin-top: 0px; margin-bottom: 15px; } h3 { font-size: 26px; line-height: 1.5; font-weight: 900; color: #212121; font-family: 'Playfair Display', serif; margin-top: 0px; margin-bottom: 15px; } .top_section .heading .container { margin-bottom: 50px; } .inner-box-container { box-sizing: border-box; padding: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: #ffffff; margin-top: -60px; margin-bottom: 60px; width: 100%; z-index: 2; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } /*=========== Common Css =============*/ .sticbc-wrapper .content_section .inner-box-container { margin-top: -100px !important; background-color: #FFF !important; } .banner-content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .introduction-section { width: 100%; margin-bottom: 20px; display: flex; } h4.accordion-title.js-accordion-title { margin-top: 30px; } .introduction-section .introduction-content { width: 50%; padding-right: 15px; } .introduction-section .introduction-img { width: 50%; padding-left: 15px; } .introduction-section .introduction-img img {width: 100%; border-radius: 10px;} .accordion-container .accordion-title { position: relative; margin: 0; padding: 14px 50px 14px 25px; background-color: #fff; font-size:20px; line-height: 32px; font-weight: 700; color: #000; cursor: pointer; border: solid 1px #f2bd12; margin-bottom: 25px; border-radius: 5px; font-family: 'Playfair Display', serif; } .accordion-title.open { margin-bottom: 0; } .accordion-title.open { background-color: #f2bd12; color: #000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion-container .accordion-title::after { content: ""; position: absolute; top: 25px; right: 25px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #000; } .accordion-container .accordion-title.open::after { content: ""; position: absolute; top: 15px; border: 8px solid transparent; border-bottom-color: #000; } .accordion-content { padding: 25px; border: 1px solid #f2bd12; margin-bottom: 25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .accordion-container { width: 100%; margin: 0 auto; } .accordion-content p { margin-bottom: 0; } .accordion-content ul { margin: 0; padding: 0; list-style: none; } .accordion-content ul li { margin-bottom: 20px; padding-left: 30px; position: relative; font-family: 'Montserrat', sans-serif; } .accordion-content ul li:before { content: ""; background: url("/assets/images/sticbc/check.png"); width: 18px; height: 16px; position: absolute; left: 0; top: 6px; } .partner-left-box ul li:before { content: ""; background: url("/assets/images/dot.svg"); width: 18px; height: 16px; position: absolute; left: 0; top: 6px; } .milestone-left-box-row.partner-left-box ul li{ display: block; } .capacity-program-img { padding-top: 20px; text-align: center; padding-bottom: 20px; } .capacity-program-img img { border-radius: 10px; width: 100%; max-width: 1024px; } .why-scientific-content .para-last { margin-bottom: 0; } .milestone-partner-section { width: 100%; } .milestone-left-box-row { width: 100%; display: flex; } .milestone-left-box { width: 50%; background: #080f2d; padding: 30px 50px; } .milestone-left-img { width: 50%; } .milestone-left-box-row img { width: 100%; height: 100%; } .partner-left-img { width: 50%; } .partner-left-box { width: 50%; background: #f2bd12; padding: 30px 50px; } .lead-partners.new.two .customSliderBtn { background-color: white; } .milestone-left-box h2 { color: #FFF; } .partner-left-box ul li, .milestone-left-box ul li { text-align: justify; } .milestone-left-box ul li { color: #FFF; margin-bottom: 15px; margin-top: 15px; font-size: 16px; line-height: 28px; } .milestone-left-box ul { margin: 0; padding: 0 0 0 15px; } .partner-left-box ul { margin: 0; padding: 0 0 0 15px; } .partner-left-box ul li { margin-bottom: 15px; font-size: 16px; line-height: 26px; } .capacity-structure-section { width: 100%; background: #fbfbfb; padding-top: 15px; position: relative; } .capacity-structure-section h2 { text-align: center; position: absolute; top: 50px; left: 0; right: 0; margin: auto; color:#1c1919;margin-bottom:20px;font-family: 'Playfair Display', serif; } .capacity-structure-section img { width: 100%; } .collaboratittng-ministries-section { width: 100%; background: #080f2d; padding: 60px 0 180px 0; height: 100%; } .collaboratittng-ministries-section h3 { text-align: center; color: #FFF; margin-bottom: 35px; } .collaboratittng-ministries-section span.logo-box img { border: solid 1px #FFFF; padding: 10px; width: 100%; } .collaboratittng-ministries-section .slick-slide { margin:0 20px; } .collaboratittng-ministries-section button.slick-prev.slick-arrow { width: 54px; left: -52px; right: 0; margin: auto; top: 250px; border: 2px solid #979797; height: 54px; background: #FFF; border-right: none; } .collaboratittng-ministries-section button.slick-next.slick-arrow { left: 0; right: -53px; margin: auto; top: 250px; width: 54px; height: 54px; border: 2px solid #979797; background: #FFF; border-left: none; } .collaboratittng-ministries-section .slick-prev:before, .collaboratittng-ministries-section .slick-next:before { color: #080f2d; } .accordionHide{ display: none; } @media(max-width:1366px){ h2 { font-size: calc(23px + var(--font-size-pixel)); line-height: 1.5; } .introduction-content p, .why-scientific-content p { font-size:calc(14px + var(--font-size-pixel)); color:#1c1919;line-height:28px;text-align: justify;font-family: 'Montserrat', sans-serif;line-height: 1.46; } h3 { font-size: 20px; } .milestone-left-box ul li { line-height: 20px; margin-bottom: 10px; } .accordion-content ul li { font-size: 14px; } } @media(max-width:1199px){ h2 {font-size: calc(20px + var(--font-size-pixel));line-height: 28px;} .milestone-left-box-row img {object-fit: cover;} .collaboratittng-ministries-section button.slick-prev.slick-arrow, .collaboratittng-ministries-section button.slick-next.slick-arrow {top: 170px;} .collaboratittng-ministries-section {padding: 60px 0 140px 0;} .milestone-left-box, .partner-left-box {padding: 30px 30px;} .sticbc-wrapper .introduction-content { padding-right:30px !important; } .sticbc-wrapper .top_section .heading .title2 { text-align:left !important; } } @media(max-width:991px){ .introduction-section .introduction-content {width: 100%;padding: 0;} .introduction-section .introduction-img {width: 100%; padding: 0;} .sticbc-wrapper .introduction-content { padding-right:30px !important; } } @media(max-width:767px){ .sticbc-wrapper .introduction-content {padding-right: 0px !important; } .breadcrumb-container {padding: 0 20px;} .container {padding: 0 20px;} .top_section .heading .title2 {font-size: 26px;} .milestone-left-box, .milestone-left-img, .partner-left-img, .partner-left-box {width: 100%;} .milestone-left-box-row {flex-direction: column;} .partner-left-box {order: 1;} .partner-left-img {order: 2;} .collaboratittng-ministries-section button.slick-prev.slick-arrow, .collaboratittng-ministries-section button.slick-next.slick-arrow { top: 225px;} .capacity-structure-section {padding-top: 30px;} .introduction-section {display: block;} .sticbc-wrapper .introduction-content p {margin-bottom: 20px;} h2 {font-size: calc(24px + var(--font-size-pixel))!important;} .accordion-container .accordion-title {font-size: 12px; line-height: 18px;} .sticbc-wrapper .top_section .content_section { padding-left:0px !important;; padding-right:0px !important; } .capacity-structure-section h2 {top: 15px;} .top_section .heading { padding: 66px 0 !important; } .sticbc-wrapper .top_section .heading .title2 { text-align:left !important; padding: 0px 20px 20px 20px !important; } .sticbc-wrapper .top_section .heading .title2 br {display: none;} .sticbc-wrapper .head-icon {width: 100%;padding: 0 20px;text-align: center;} .sticbc-wrapper h2 { font-size: calc(22px + var(--font-size-pixel))!important; } } @media(max-width:481px){ .banner-content {flex-direction: column;} .top_section .heading .title2 {font-size: 20px;text-align: left; margin-bottom: 15px; padding-left: 20px; padding-right: 20px;} .head-icon img {width: 100px;} .inner-box-container {padding: 20px;} .accordion-content ul li {line-height: 20px;} } /* 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; } } .banner-submit-tech { border: 1px solid #FFBE00; } .banner-submit-tech .header-banner-text { padding: 46px 100px 46px 80px; max-width: 62%; position: relative; flex-direction: column; align-self: center; position: relative; display: flex; } .banner-submit-tech .header-banner-text .heading-01 { text-transform: capitalize; margin-bottom: 20px; } /* 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; } } .form-lower-section [class^="col-sm-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .form-lower-section .container { font-family: 'Montserrat', sans-serif; max-width: 1110px !important; margin: 0 auto; width: 100%; padding-right: 15px; padding-left: 15px; } .form-lower-section .container .form-container { border-radius: 6px; box-shadow: -9.5px 13px 21px 0 rgba(105, 105, 105, 0.05); border: 1px solid #e6e6e6; background-color: #fff; margin-top: 40px; overflow: hidden; } .form-lower-section .container .submit-tech-form-banner { background-image: url("https://psa.gov.in/CMS/web/sites/default/files/pillars/Rectangle%2033.png"); background-size: 100% 100%; padding: 16px 40.5px 15.7px; } .form-lower-section .container .submit-tech-form-banner p { color: #fff; text-align: center !important; font-size: 35px; overflow-wrap: break-word; margin: 10px 0; } .form-lower-section .container .form-body { padding: 16px 40px 10px; } .form-lower-section .container .form-body .header-main-top { font-size: 16px; margin-bottom: 6px; } .form-lower-section .container .form-body ul { margin-bottom: 1rem; padding-left: 2rem; } .form-lower-section .container .form-body ul li { list-style-type: disc; } .form-lower-section .container .form-body .header-data { font-size: 15px; margin-top: 5px; } .form-lower-section .container .marquee-label { color: #d39d00; font-size: 16px; padding-bottom: 16px; } .form-lower-section .container .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .form-lower-section .container .col-sm-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .form-lower-section .container label { font-size: 14px; color: #000; display: block; margin-bottom: 10px; font-weight: 500; } .form-lower-section .container .form-captcha { margin: 10px 4px; } .form-lower-section .container .sub-title { font-size: 24px; font-weight: 700; padding-top: 10px; margin-bottom: 20px; } .form-lower-section .container .form-footer { border-top: 2px solid #e6e6e6; padding: 30px 40px; } .form-lower-section .container .form-footer .btn-wrapper { display: flex; align-items: center; justify-content: flex-end; } .form-lower-section .container .form-footer .btn-wrapper .cncl-btn { display: flex; align-items: center; justify-content: center; width: 140px; font-size: 15px; line-height: 18px; padding: 8px 0; background-color: #ffffff; border: 1px solid #FFBE00; text-transform: uppercase; text-align: center; height: 45px; color: #000000; font-weight: 700; border-radius: 4px; margin-right: 10px; } .form-lower-section .container .form-footer .btn-wrapper .submit { display: flex; align-items: center; justify-content: center; background-color: #FFBE00; color: #000000; cursor: pointer; margin-top: 0px; } .form-lower-section .container .form-footer .btn-wrapper .submit:disabled { background-color: #ffffff; pointer-events: none; } @media screen and (min-width: 768px) and (max-width: 991px) { .form-lower-section .container { max-width: 100%; } } @media (min-width: 768px) { .form-lower-section .container, .form-lower-section .container-md, .form-lower-section .container-sm { max-width: 720px; } } @media (min-width: 576px) { .form-lower-section .container, .form-lower-section .container-sm { max-width: 540px; } .form-lower-section .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .form-lower-section .col-sm-12 { flex: 0 0 100%; max-width: 100%; } } /* 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; } } .input-field-container { width: 100%; margin: 0 .5px 15px .1px; object-fit: contain; border-radius: 6px; } .input-field-container .inner-wrap { width: 100%; position: relative; } .input-field-container label { font-size: 14px; color: #000; display: block; margin-bottom: 10px; font-weight: 500; } .input-field-container label .required { color: red; } .input-field-container .input-element { outline: none; font-size: 14px; padding: 10px; width: 100%; background-color: #f9f9f9; border: 1px solid #efefef; border-radius: 6px; } .input-field-container input { font-weight: 500; color: #000; line-height: 1.5; } .input-field-container input.error { border-color: red !important; } .input-field-container textarea { overflow: auto; resize: vertical; min-height: 61px; } .input-field-container textarea.error { border-color: red !important; } .input-field-container select { word-wrap: normal; border-radius: 6px; border: 1px solid #efefef; background-color: #f9f9f9; padding: 10px; height: 47px; font-size: 14px; color: #666; line-height: 1.5; width: 100%; appearance: none; background-image: url("/assets/images/arrowDown.svg"); background-repeat: no-repeat; background-size: 12px; background-position: calc(100% - 15px) 50%; } .input-field-container select.error { border-color: red !important; } .input-field-container .error-line .inline-error { color: red; } .form-group { margin-bottom: 20px; } /* 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; } } .unit-field [class^="col-sm-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex-wrap: wrap; } .unit-field .button-container { display: flex; width: 100%; text-align: center; justify-content: center; align-items: center; } .unit-field .button-container .remove-button { border-radius: 8px; font-size: 12px; padding: 10px; margin-right: 10px; font-weight: 700; text-align: center; color: red; border: 1px solid red; cursor: pointer; background: white; } .unit-field .button-container .add-button { border-radius: 8px; font-size: 12px; padding: 10px; margin-right: 10px; font-weight: 700; text-align: center; color: #FFBE00; border: 1px solid #FFBE00; cursor: pointer; background: white; } @media (min-width: 576px) { .unit-field .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .unit-field .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .unit-field .col-sm-8 { flex: 0 0 66.66%; max-width: 66.66%; flex-wrap: wrap; display: flex; } .unit-field .col-sm-6 { flex: 0 0 50%; max-width: 50%; } } /* 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; } } .upload-file .green-border-btn { position: absolute; right: 35px; top: 35px; color: #1ebe45; border: 2px solid #1ebe45; line-height: 35px; border-radius: 8px; display: inline-block; padding: 0 20px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); font-size: 12px; font-weight: 700; text-align: center; } .upload-file input { position: absolute; opacity: 0; background: transparent; padding: 40px; border-radius: 6px; border: 1px solid transparent; font-size: 16px; font-weight: 500; color: #000; line-height: 1.5; width: 100%; } .upload-file .overlay { border: 2px solid #efeded; border-radius: 8px; height: 120px; display: flex; } .upload-file .overlay .upload-file-icon { background: url(/assets/images/attach.svg) no-repeat; width: 115px; height: auto; margin: 10px 0 10px 10px; background-size: 106px; } .upload-file .overlay .text { padding: 20px 0; margin-left: 1rem; width: 40%; display: flex; flex-direction: column; justify-content: center; } .upload-file .overlay .text span { color: #8b8e8c; } .upload-file .error-message-file { color: red; } .upload-file .uploaded-images { width: 40%; padding: 13px; font-size: 14px; } .upload-file .uploaded-images .uploaded-items { list-style: disc; display: list-item; } /* 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; } } /* 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; } } .council_members { padding: 140px 0; padding-bottom: 0; } @media (max-width: 991px) { .council_members { padding-top: 60px; } } .council_members .title2 { margin-bottom: 20px; } .council_members .chairperson_info_container .title3 { font-size: 24px !important; padding-top: 12px; margin-bottom: 10px; } .council_members .chairperson-block { text-align: center; } .council_members .chairperson-block + .chairperson-block { margin-top: 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; } } .marquee-container-new { overflow: hidden; background: #ffffff; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; z-index: 2; border-top: 1px solid #FFBE00; border-bottom: 1px solid #FFBE00; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); } .marquee-container-new * { font-family: "Lato", sans-serif; } @media (max-width: 991px) { .marquee-container-new { width: max-content; } } @media (max-width: 767px) { .marquee-container-new { width: max-content; } } .marquee-container-new .latest-update-title { z-index: 2; background: #FFBE00; color: #000000; position: relative; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 12px; line-height: 1.7; 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; padding-left: 100px; } @media (max-width: 1800px) { .marquee-container-new .latest-update-title { padding: 15px 15px 12px 102px; } } @media (max-width: 1500px) { .marquee-container-new .latest-update-title { padding: 15px 15px 12px 125px; } } @media (max-width: 1365px) { .marquee-container-new .latest-update-title { padding: 15px 15px 12px 90px; } } @media (max-width: 991px) { .marquee-container-new .latest-update-title { padding: 11px 15px; font-size: 14px; } } @media (max-width: 767px) { .marquee-container-new .latest-update-title { font-size: 12px; } } .marquee-container-new .latest-update-title::after { content: ''; position: absolute; top: 0; right: -54px; z-index: 1; border-left: 54px solid #FFBE00; border-bottom: 63px solid transparent; margin: 0; } @media (max-width: 1500px) { .marquee-container-new .latest-update-title::after { position: absolute; top: 0; right: -50px; z-index: 1; } } @media (max-width: 991px) { .marquee-container-new .latest-update-title::after { position: absolute; top: 0; right: -40px; z-index: 1; } } .marquee-container-new .latest-update-title span.title-text { min-width: 165px; font-family: 'Montserrat', sans-serif; } .marquee-container-new .marquee-content { white-space: nowrap; animation: marquee 10s linear infinite; padding: 16px; font-size: 12px; font-weight: 500; } @media (max-width: 991px) { .marquee-container-new .marquee-content { padding: 12px; font-size: 12px; } } .marquee-container-new .marquee-content span span { color: #000000; font-weight: 700; } .marquee-container-new .marquee-content span a { color: #000000; display: inline-block; } .marquee-container-new .marquee-content:hover { animation-play-state: paused; } .marquee-container-new .marquee-content.fast-animation { animation: marqueefast 120s linear infinite; } .marquee-container-new .marquee-content.fast-animation:hover { animation-play-state: paused; color: #0990CA; } .marquee-container-new .marquee-content.fast-animation:hover a:hover { color: #0990CA; } .marquee-container-new .marquee-content.fast-animation p { font-size: 12px !important; line-height: 18px; font-weight: 700; } .marquee-container-new span { display: inline-block; margin-right: 20px; } @media (max-width: 991px) { .marquee-container-new span { display: contents; } } .marquee-container-new p:hover { color: #0029ff; } @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes marqueefast { 0% { transform: translateX(10%); } 100% { transform: translateX(-100%); } } /* 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; } } .sets-bg { background: url("/assets/images/sets-bg.png") no-repeat center; background-color: transparent; background-size: cover; padding: 30px 20px; position: relative; } .sets-bg::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0.8) 46.84%, rgba(0, 0, 0, 0) 128.62%); } .sets-main-content { z-index: 2; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 991px) { .sets-main-content { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } } .sets-main-content .sets-icon { flex: 0 0 10%; } @media (min-width: 1800px) { .sets-main-content .sets-icon { text-align: center; } } @media (max-width: 1500px) { .sets-main-content .sets-icon { flex: 0 0 8%; } } @media (max-width: 1365px) { .sets-main-content .sets-icon { flex: 0 0 10%; } } .sets-main-content .sets-icon img { height: 82px; width: 82px; } .sets-main-content .sets-text { position: relative; flex: 0 0 65%; padding-top: 4px; } @media (min-width: 1800px) { .sets-main-content .sets-text { flex: 0 0 70%; } } @media (max-width: 1800px) { .sets-main-content .sets-text { flex: 0 0 68%; } } @media (max-width: 1500px) { .sets-main-content .sets-text { flex: 0 0 72%; } } @media (max-width: 1365px) { .sets-main-content .sets-text { flex: 0 0 68%; } } .sets-main-content .sets-text::after { content: ""; position: absolute; top: 0; right: -10px; border-right: 1px solid #ffffff; height: 100%; } @media (max-width: 991px) { .sets-main-content .sets-text::after { content: unset; } } .sets-main-content .sets-text h2 { margin-bottom: 4px; } .sets-main-content .sets-text .sets-sub-para { border-bottom: 1px solid #FFBE00; display: inline-block; margin-bottom: 18px; padding-bottom: 5px; } .sets-main-content .sets-text .sets-para { text-align: justify; padding-right: 18px; padding-bottom: 16px; line-height: 24px; } @media (max-width: 1500px) { .sets-main-content .sets-text .sets-para { padding-right: 30px; } } @media (max-width: 991px) { .sets-main-content .sets-text .sets-para { padding-right: 0; } } .sets-main-content .sets-text .sets-para a { color: #FFBE00; font-family: "Lato", sans-serif; } .sets-main-content .sets-text .sets-para a:hover { text-decoration: underline; } .sets-main-content .sets-button { flex: 0 0 25%; display: inline-flex; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media (min-width: 1800px) { .sets-main-content .sets-button { flex: 0 0 20%; } } @media (max-width: 1800px) { .sets-main-content .sets-button { flex: 0 0 21%; } } @media (max-width: 1500px) { .sets-main-content .sets-button { flex: 0 0 19%; } } @media (max-width: 1365px) { .sets-main-content .sets-button { flex: 0 0 22%; } } @media (max-width: 991px) { .sets-main-content .sets-button { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } } .sets-main-content .sets-button a { display: inline-flex; margin-top: 0; } @media (max-width: 1500px) { .sets-main-content .sets-button a { width: 178px; } } .right-container-yellow-border { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 50px; margin-bottom: 25px; } @media (min-width: 1800px) { .right-container-yellow-border { padding-right: 100px; } } @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; margin-left: 30px; padding-right: 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; } } .csr_section { background-color: #f6f6f6; padding: 60px 0; } @media (max-width: 767px) { .csr_section { padding: 40px 0; } } .csr_section .detail_section { padding: 0px 100px; } .csr_section .detail_section .title2 { margin-left: 0; margin-bottom: 45px; } @media (min-width: 768px) { .csr_section .detail_section .title2 { width: 60%; } } @media (max-width: 767px) { .csr_section .detail_section .title2 { margin-bottom: 20px; } } .csr_section .detail_section .info .csr-intro { padding-right: 50px; } .csr_section .detail_section .info .csr-intro p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.46; text-align: justify; } @media (max-width: 767px) { .csr_section .detail_section .info .csr-intro p { text-align: left; } } @media (max-width: 767px) { .csr_section .detail_section .info .csr-intro { padding: 0 0 30px 0; } } .csr_section .detail_section .info .csr-contactinfo { min-width: 395px; max-width: 400px; position: relative; background-color: #080f2d; text-align: center; color: #ffffff; padding: 24px; display: table; z-index: 0; min-height: 160px; float: right; margin-left: 50px; margin-bottom: 20px; } .csr_section .detail_section .info .csr-contactinfo:before, .csr_section .detail_section .info .csr-contactinfo:after { content: ''; position: absolute; top: -10px; right: -10px; z-index: 1; width: 100px; height: 100px; z-index: -1; } .csr_section .detail_section .info .csr-contactinfo:before { border-right: 10px solid #f2bd12; border-top: 10px solid #f2bd12; } @media (max-width: 767px) { .csr_section .detail_section .info .csr-contactinfo:before { top: -8px; right: -8px; } } .csr_section .detail_section .info .csr-contactinfo:after { top: auto; left: -10px; right: auto; bottom: -10px; border-left: 10px solid #f2bd12; border-bottom: 10px solid #f2bd12; } @media (max-width: 767px) { .csr_section .detail_section .info .csr-contactinfo:after { left: -8px; bottom: -8px; } } .csr_section .detail_section .info .csr-contactinfo h2 { margin: 0 0 10px 0; } .csr_section .detail_section .info .csr-contactinfo .email-info { display: table; margin: auto; padding: 8px 12px; background: rgba(255, 255, 255, 0.1); } .csr_section .detail_section .info .csr-contactinfo .email-info:before { content: ''; background-image: url(/assets/images/email-icon-white.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; display: inline-block; width: 24px; height: 16px; vertical-align: middle; } @media (max-width: 767px) { .csr_section .detail_section .info .csr-contactinfo { min-width: unset; max-width: unset; width: 100%; padding: 18px 12px; margin-left: unset; margin-bottom: 40px; } .csr_section .detail_section .info .csr-contactinfo .email-info { padding: 6px; } } @media (max-width: 767px) { .csr_section .detail_section { padding: 0px 40px; } } .csr_section .detail_section .csr_categories_wrapper { 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; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: 0 -10px; padding-top: 50px; width: 100%; } @media (max-width: 767px) { .csr_section .detail_section .csr_categories_wrapper { flex-wrap: unset; justify-content: flex-start; overflow: auto; padding-top: 0; } } .csr_section .detail_section .csr_categories_wrapper .csr_categories { border-bottom: 4px solid #FFBE00; position: relative; min-height: 200px; height: 200px; width: -moz-calc(25% - 20px); width: -webkit-calc(25% - 20px); width: calc(25% - 20px); margin: 10px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; } .csr_section .detail_section .csr_categories_wrapper .csr_categories:hover { border: 4px solid #FFBE00; } .csr_section .detail_section .csr_categories_wrapper .csr_categories:hover .detail_block p { transition: all ease-in 0.5s; transform: translateY(-10px); } .csr_section .detail_section .csr_categories_wrapper .csr_categories:hover .detail_block span { display: block; } .csr_section .detail_section .csr_categories_wrapper .csr_categories figure { height: 100%; } .csr_section .detail_section .csr_categories_wrapper .csr_categories figure:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); left: 0; top: 0; z-index: 0; } .csr_section .detail_section .csr_categories_wrapper .csr_categories figure img { height: 100%; width: 100%; } .csr_section .detail_section .csr_categories_wrapper .csr_categories .detail_block { position: absolute; bottom: 0px; color: #ffffff; width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; transform: none; } .csr_section .detail_section .csr_categories_wrapper .csr_categories .detail_block p { font-size: calc(20px + var(--font-size-pixel)); padding: 0 10px 12px; font-weight: 600; } .csr_section .detail_section .csr_categories_wrapper .csr_categories .detail_block span { width: 100%; display: none; transition: all 0.4s; } .csr_section .detail_section .csr_categories_wrapper .csr_categories .detail_block .btn:after { margin-left: 8px; } @media (max-width: 767px) { .csr_section .detail_section .csr_categories_wrapper .csr_categories { min-width: 236px; display: inline-block; } } /* 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; } } .opportunities-page .slick-track { display: flex; } .opportunities-page .slick-track .slick-slide { height: auto; } .opportunities-page .slick-track .slick-slide > div { height: 100%; } .opportunities-page .challenges { padding: 60px 0; position: relative; } .opportunities-page .challenges .container:after { content: ''; background: url("/assets/images/events-page-vector-bg.svg") no-repeat; background-size: cover; position: absolute; top: -225px; right: -130px; z-index: -1; width: 780px; height: 1060px; opacity: 0.5; } @media (max-width: 767px) { .opportunities-page .challenges .container:after { content: none; } } .opportunities-page .challenges .container .UpComingChallengesSlider { position: relative; } .opportunities-page .challenges .container .UpComingChallengesSlider:before { content: ''; background: url("/assets/images/trophy-icon.svg") no-repeat; background-size: cover; position: absolute; top: -225px; bottom: 30px; left: -48px; z-index: -1; width: 258px; height: 264px; opacity: 0.5; } @media (max-width: 767px) { .opportunities-page .challenges .container .UpComingChallengesSlider:before { transform: scale(0.5); top: 50px; left: -55px; } } .opportunities-page .UpComingChallenges .title2 { margin-bottom: 30px; } .opportunities-page .event-challenge-tab { justify-content: center; } .opportunities-page .event-challenge-tab .tab { text-transform: capitalize; } .opportunities-page .event-challenge-tab .tab:hover:after { width: 80px; height: 50px; border-color: #f2bd12; } .opportunities-page .common-banner .top_section .info { max-width: 750px; } @media (max-width: 767px) { .opportunities-page .common-banner .top_section .info { padding-left: 20px; padding-bottom: 40px; } } .opportunities-page .common-banner .top_section .info .title2 { font-size: 48px; color: #ffffff; } @media (max-width: 767px) { .opportunities-page .common-banner .top_section .info .title2 { font-size: 28px; } } .opportunities-page .opportunities-resource-wrap { padding: 60px 100px 0; position: relative; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap { padding: 20px 20px 40px; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item { min-height: 272px; max-height: 272px; margin-bottom: 40px; display: flex; flex-wrap: wrap; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); background: #fff; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item { margin-bottom: 20px; min-height: unset; max-height: unset; padding: 4px; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-img { padding: 4px 0px 4px 4px; flex: 0 0 33.3333%; max-width: 385px; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-img { flex: 0 0 100%; max-width: 100%; padding: 0; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-img img { height: 100%; } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info { padding: 40px; flex: 0 0 66.6666%; max-width: 66.6666%; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info { padding: 20px; flex: 0 0 100%; max-width: 100%; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info h3, .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info .title, .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info .title2, .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info .title3 { margin-bottom: 20px; font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info h3, .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info .title, .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info .title2, .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info .title3 { -webkit-line-clamp: unset; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info p { font-size: calc(20px + var(--font-size-pixel)); line-height: 32px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info p { -webkit-line-clamp: unset; text-align: justify; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item .opportunities-resource-info .opportunities-resource-btn { margin-top: 26px; } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child { width: 74%; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child { width: 100%; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child .opportunities-resource-img { flex: 0 0 45.1%; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child .opportunities-resource-img { flex: 0 0 100%; max-width: 100%; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child .opportunities-resource-info { flex: 0 0 54.9%; max-width: 54.9%; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child .opportunities-resource-info { flex: 0 0 100%; max-width: 100%; } } .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child .opportunities-resource-info p { font-size: calc(16px + var(--font-size-pixel)); line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .opportunities-resource .opportunities-resource-item:last-child .opportunities-resource-info p { -webkit-line-clamp: unset; text-align: justify; } } .opportunities-page .opportunities-resource-wrap .submit-blog-block { display: flex; flex-direction: column; justify-content: space-between; width: 20.555%; height: 272px; padding: 40px 35px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); border: solid 3px #ef6d41; background-color: #ffffff; position: absolute; bottom: 0; right: 100px; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .submit-blog-block { position: static; width: 100%; height: auto; padding: 20px 35px; text-align: center; } } .opportunities-page .opportunities-resource-wrap .submit-blog-block h4 { font-weight: 900; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .submit-blog-block h4 { font-size: 20px; } .opportunities-page .opportunities-resource-wrap .submit-blog-block h4 br { display: none; } } .opportunities-page .opportunities-resource-wrap .submit-blog-block .blog-submit { display: inline-block; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #ffffff; padding: 11px 12px; background-color: #ef6d41; position: relative; z-index: 4; } @media (max-width: 767px) { .opportunities-page .opportunities-resource-wrap .submit-blog-block .blog-submit { margin: 0 auto; width: 193px; } } .opportunities-page .opportunities-resource-wrap .submit-blog-block .blog-submit:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: cover; display: inline-block; margin-left: 8px; transition: 0.3s; } .opportunities-page .opportunities-resource-wrap .submit-blog-block .blog-submit:hover:after { margin-left: 16px; } .opportunities-page .opportunity-institute-block { padding: 60px 100px 40px; } @media (max-width: 767px) { .opportunities-page .opportunity-institute-block { padding: 20px 20px 40px; } } .opportunities-page .opportunity-institute-block .opportunity-institute-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .opportunities-page .opportunity-institute-block .opportunity-institute-title h3, .opportunities-page .opportunity-institute-block .opportunity-institute-title .title, .opportunities-page .opportunity-institute-block .opportunity-institute-title .title2, .opportunities-page .opportunity-institute-block .opportunity-institute-title .title3 { width: 60%; margin-bottom: 0px; } @media (max-width: 767px) { .opportunities-page .opportunity-institute-block .opportunity-institute-title h3, .opportunities-page .opportunity-institute-block .opportunity-institute-title .title, .opportunities-page .opportunity-institute-block .opportunity-institute-title .title2, .opportunities-page .opportunity-institute-block .opportunity-institute-title .title3 { width: 100%; text-align: center; } } .opportunities-page .opportunity-institute-block .opportunity-institute-slider { flex-wrap: wrap; margin: 0 -10px; } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item { margin-bottom: 40px; padding: 10px; } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item:focus { outline: none; } @media (max-width: 767px) { .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item { max-width: 315px; } } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item { border-bottom: 8px solid transparent; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; cursor: pointer; } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item .institute-img { height: 208px; } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item .institute-img img { width: 100%; height: 100%; } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item .institute-info { padding: 20px 40px; min-height: 310px; max-height: 310px; } @media (max-width: 767px) { .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item .institute-info { padding: 20px; max-height: unset; min-height: 375px; } } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item .institute-info h4 { margin-bottom: 12px; font-size: 20px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item .institute-info p { font-size: calc(16px + var(--font-size-pixel)); line-height: 22px; font-weight: 500; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; } @media (max-width: 767px) { .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item .institute-info p { -webkit-line-clamp: 10; } } .opportunities-page .opportunity-institute-block .opportunity-institute-slider .opportunity-institute-item .institute-item.active { border-color: #ffbe00; } .opportunities-page .opportunity-institute-block .institute-logo-slider { flex-wrap: wrap; margin: 0 -10px; } .opportunities-page .opportunity-institute-block .institute-logo-slider .customSliderBtn { margin: 30px auto 0; } .opportunities-page .opportunity-institute-block .institute-logo-slider .institute-logo-item { padding: 10px; height: 100%; } .opportunities-page .opportunity-institute-block .institute-logo-slider .institute-logo-item:focus { outline: none; } .opportunities-page .opportunity-institute-block .institute-logo-slider .institute-logo-item a { color: inherit; } .opportunities-page .opportunity-institute-block .institute-logo-slider .institute-logo-item .institute-logo-block { padding: 35px 20px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; text-align: center; height: 100%; } .opportunities-page .opportunity-institute-block .institute-logo-slider .institute-logo-item .institute-logo-block img { margin: 0 auto 16px; } .opportunities-page .opportunity-institute-block .institute-logo-slider .institute-logo-item .institute-logo-block h4 { margin-bottom: 0px; font-size: 20px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .opportunities-page .student-academia-block { padding: 60px 100px 100px; } @media (max-width: 767px) { .opportunities-page .student-academia-block { padding: 20px 20px 60px; } } .opportunities-page .student-academia-block .hide { display: none !important; } .opportunities-page .student-academia-block .show { display: block !important; } .opportunities-page .student-academia-block .student-academia-tab ul { display: flex; flex-wrap: wrap; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; width: 100%; } .opportunities-page .student-academia-block .student-academia-tab ul li { flex: 0 0 50%; max-width: 50%; } .opportunities-page .student-academia-block .student-academia-tab ul li a { padding: 36px 0 29px; display: block; text-align: center; font-size: 28px; line-height: 30px; color: #212121; border-bottom: 8px solid transparent; } @media (max-width: 767px) { .opportunities-page .student-academia-block .student-academia-tab ul li a { padding: 20px 10px 12px; font-size: 18px; line-height: 26px; } } .opportunities-page .student-academia-block .student-academia-tab ul li a img { margin: 0 auto 16px; display: block; } @media (max-width: 767px) { .opportunities-page .student-academia-block .student-academia-tab ul li a img { margin: 0 auto 8px; width: 40px; } } .opportunities-page .student-academia-block .student-academia-tab ul li a img.active-icon { display: none; } .opportunities-page .student-academia-block .student-academia-tab ul li.active a { border-color: #ffbe00; font-weight: bold; } .opportunities-page .student-academia-block .student-academia-tab ul li.active a img.active-icon { display: block; } .opportunities-page .student-academia-block .student-academia-tab ul li.active a img.default-icon { display: none; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-slider { flex-wrap: wrap; margin: 0 -10px; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-slider > .slick-slider { width: 100%; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-slider .customSliderBtn { margin: 30px auto 0; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item { margin-top: 40px; padding: 10px; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item { max-width: 315px; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item:focus { outline: none; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-img { height: 211px; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-img img { width: 100%; height: 100%; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-info { padding: 40px; height: 357px; background: #fff; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-info { padding: 20px; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-info .opportunity-tag { margin-bottom: 12px; padding: 4px 8px 3px; display: inline-block; font-size: 10px; line-height: normal; font-weight: bold; color: #fff; text-transform: uppercase; background: #ef6d41; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-info h4 { margin-bottom: 12px; font-size: 20px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-info p { font-size: calc(16px + var(--font-size-pixel)); line-height: 22px; font-weight: 500; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-info p { -webkit-line-clamp: 7; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunity-item .opportunity-item-block .opportunity-info .opportunity-btn { margin-top: 20px; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap { padding: 50px 0 0 0; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap h3, .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .title, .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .title2, .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .title3 { margin-bottom: 48px; text-align: center; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap h3, .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .title, .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .title2, .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .title3 { margin-bottom: 22px; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item { margin-bottom: 36px; display: flex; flex-wrap: wrap; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-img { margin-top: 7px; flex: 0 0 8.88%; max-width: 102px; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-img { flex: 0 0 82px; max-width: 82px; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-info { padding-left: 20px; flex: 0 0 91.122%; max-width: 91.122%; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-info { padding-left: 16px; flex: 0 0 74.3333%; max-width: 74.3333%; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-info h4 { margin-bottom: 4px; font-size: 20px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-info h4 { font-size: 16px; line-height: 22px; -webkit-line-clamp: unset; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-info p { font-size: calc(20px + var(--font-size-pixel)); line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media (max-width: 767px) { .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-info p { font-size: calc(14px + var(--font-size-pixel)) !important; -webkit-line-clamp: unset; } } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .opportunities-awards-item .opportunities-awards-info .opportunities-awards-btn { margin-top: 12px; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .viewMoreBtnWrap { text-align: center; padding-top: 4px; background: none; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .viewMoreBtnWrap .viewMoreBtn { position: relative; background-color: transparent; color: #4454a5; font-size: 14px; line-height: normal; font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; padding: 0; } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .viewMoreBtnWrap .viewMoreBtn:after { content: ''; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; position: absolute; top: 100%; bottom: 0; left: 50%; z-index: 1; width: 16px; height: 16px; background: url("/assets/images/drop-arrow-blue.svg") no-repeat center; background-size: 16px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .opportunities-page .student-academia-block .opportunity-tab-content .opportunities-awards-wrap .viewMoreBtnWrap .viewMoreBtn.active:after { transform: rotate(180deg) translateX(50%); -webkit-transform: rotate(180deg) translateX(50%); -moz-transform: rotate(180deg) translateX(50%); -ms-transform: rotate(180deg) translateX(50%); -o-transform: rotate(180deg) translateX(50%); } .detail_section.section_width { width: 95% !important; } h1 { font-size: 36px !important; } h2 { font-size: calc(28px + var(--font-size-pixel))!important; margin-bottom: 5px !important; } p { text-align:justify; } .breadcrumb span.current { font-weight: 800; } p {margin-top: 0px; text-align: justify;} .deep-tech-wrap .counting_block_wrapper.istem-counter .counting_block li p { text-align: center !important; } .deep-tech-wrap .common-banner .top_section .info { max-width: 39% !important; padding-right: 0; margin-right: 0; } .deep-tech-wrap .introduction_section p { padding: 0 80px; } .deep-tech-wrap .mission-card .counter { font-size: 34px !important; font-weight: 900; margin: 10px 0 14px 0; line-height: 34px; color: #f2bd12; } .deep-tech-wrap .mission-card figure { padding-left: 0; } .deep-tech-wrap .mission-card .flip-card-back { top: 0 !important; } .deep-tech-wrap .mission-card .flip-card-front {display: flex;flex-direction: column;align-items: center;justify-content: center;} .deep-tech-wrap .flip-card-back { padding-top: 35px; } .deep-tech-wrap .flip-card-back .heading {font-size: 22px !important;} .deep-tech-wrap .flip-card-back p { margin-top: 10px; } .deep-tech-wrap .mission-heading { margin-bottom: 0 !important; padding-bottom: 0px !important; } .deep-tech-wrap .mission_section {padding-bottom: 0px !important;} .deep-tech-wrap .list_section ul li figure { margin: auto; width: 100%; max-width: 100%; text-align: center; } .deep-tech-wrap .objectives_list .list_section ul li span { min-width: 100% !important; } .deep-tech-wrap .three-columnList .list_section ul { margin-top: 30px; } .deep-tech-wrap .intro-wrapper.intro-part { padding: 70px 0 30px 0; } .deep-tech-wrap .deep-adviser-section img { margin: auto !important; width: 100%; } .deep-tech-wrap .deep-adviser-section p.mobile_image { padding: 10px !important; text-align: center; width: 62%; margin: auto; } .deep-tech-wrap .deep-adviser-section p.mobile_image span {padding-left: 50px;padding-right: 50px;} .mission-card .mission-card-item.new figure img { filter: invert(100) !important; } label.select_form { display: block; margin-bottom: 6px; font-weight: bold; font-size: 1rem; line-height: 1.2; color: #909090; } select.select_form_new { width: 100%; height: 55px; } .st-clusters .clusters-hexagon li .hex-text p{ text-align: center; } .industry-foundation-container .benefits-container { padding: 0px 100px 100px; margin-top: -120px; padding-top: 120px; background-color: #f6f6f6; } .title2 { margin-bottom: 60px; margin-top: 60px; } .combined-shape-container { position: relative; z-index: 1; width: 1136px; margin: 0 auto; } .i-stem-container .introduction_section .detail_section .draw_line { width: 337px; } .etg_page .intro-wrapper::after { display: none; } .mission_section .missions_block .mission-card-container.new { width: 100% !important; } .objectives_list .list_section ul li span { font-family: 'Playfair Display', serif; font-style: italic; color: rgba(33, 33, 33, 0.7); font-size: 80px; line-height: 0; display: inline-block; height: 25px; min-width: 130px; } .objectives_list .list_section ul li p { font-size: calc(14px + var(--font-size-pixel)); line-height: 1.5; padding-bottom: 0; text-align: center; margin-top: 18px; } .flip-card { width: 300px; height: 300px; perspective: 1000px; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card-front { background-color: #080f2d00; color: black; } .flip-card-back { background-color: #ffbe0000; color: black; transform: rotateY(180deg); } .flip-card-back p { font-size: calc(20px + var(--font-size-pixel)); margin-top: 20px; } .lead-partners { margin-top: -140px; } /* .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 9999; } */ .overlay:target { visibility: visible; opacity: 1; } .inner-box-container { background-color: #ffffff00 !important; margin-top : 30px !important; } .ReactModal__Content.ReactModal__Content--after-open.deepmodal{ height: 500px; overflow-y: auto !important; } .submit-blog-container .left-container .form-data { width: 100% !important; } .ReactModal__Overlay.ReactModal__Overlay--after-open { z-index: 999999 !important; } .ReactModal__Content.ReactModal__Content--after-open.deepmodal { width: 50% !important; transform: translate(50%, 15%) !important; background-color: #fff; } .submit-blog-container.new .left-container { max-width: 100% !important; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .submit-blog-container.new .left-container .form-group:first-child .form-data { width: 100% !important; } .submit-blog-container.new .left-container .text_area.form-data { width: 100% !important; } .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 50%; position: relative; transition: all 5s ease-in-out; } .content p { font-size: calc(16px + var(--font-size-pixel)); line-height: 25px; } .popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .close:hover { color: rgb(255, 190, 0); } .popup .content { max-height: 30%; overflow: auto; } .form-group { margin: 10px auto; list-style: none; } .submit-blog-container.new .left-container .form-group:first-child .form-data { width: 73%; } .submit-blog-container.new .left-container .form-data { margin-right: 6%; } .form-group .form-data { display: inline-block; min-width: 250px; } .submit-blog-container.new .left-container .form-group:first-child .form-data .input-container { width: 100%; } .input-container.form-data>label { display: block; margin-bottom: 0.65rem; font-size: 0.9rem; font-weight: bold; line-height: 1.2; color: #909090; } .submit-blog-container.new .left-container .form-data input { width: 100%; font-family: 'Montserrat', sans-serif; } .input-container.form-data input { color: #1e1e1e; background: #ffffff; padding: 1.05rem 6rem 1.05rem 1rem; font-size: 16px; border-radius: 2px; border: solid 1px #979797; } .form-group { margin: 10px auto; list-style: none; } .submit-blog-container.new .left-container .text_area.form-data { width: 73%; } .submit-blog-container.new .left-container .text_area.form-data .input-search { width: 100%; } .submit-blog-container.new .left-container .text_area.form-data textarea { width: 100%; } .form-group .form-data { display: inline-block; min-width: 250px; } .learningCard-wrapper { margin-top: 50px; } .three-columnList.new .list_section ul li:nth-child(2):after { right: 0% !important; content: ''; width: 1px; height: 100%; background: white; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #0e1b44 50%, rgba(255, 255, 255, 0.5) 100%); position: absolute; top: 0; } .list_section.new ul li { width: 24.3% !important; padding: 40px; } .three-columnList.new .list_section ul:before { content: ''; width: 1px; height: 100%; background: white; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #0e1b44 50%, rgba(255, 255, 255, 0.5) 100%); position: absolute; top: 0; left: 24.3% !important; } .three-columnList.new .list_section ul:after { content: ''; width: 1px; height: 100%; background: white; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #0e1b44 50%, rgba(255, 255, 255, 0.5) 100%); position: absolute; top: 0; right: 27% !important; } .three-columnList.new .three-columnList .list_section ul li:nth-of-type(4):before, .three-columnList.new .list_section ul li:nth-of-type(7):before, .three-columnList.new .three-columnList .list_section ul li:nth-of-type(10):before { content: ''; width: 0px !important; height: 0px !important; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #0e1b44 48%, rgba(255, 255, 255, 0.5) 100%); position: absolute; top: 0; left: 60px; .mission-card .mission-card-item.new figure img { filter: invert(100); } } .deep-tech-wrap .learningCard-block { margin-top: 10px !important; } .deep-tech-wrap ul.counting_block li p { margin-top: 0; } .deep-tech-wrap .counting_block:before { width: 88%; } .deep-tech-wrap .counting_block:after { height: 88%; } .deep-tech-wrap .card-label { margin-top: 10px; } .deep-tech-wrap .objectives_list .list_section ul li p { text-align: center !important; } .deep-tech-wrap .lead-partners { padding-top: 70px !important; padding-bottom: 70px !important; } @media (max-width: 1366px) { .deep-tech-wrap .common-banner .top_section .info { max-width: 50% !important; } .deep-tech-wrap .introduction_section .detail_section h2 { margin: 0 0 5px 0 !important; } .deep-tech-wrap .introduction_section .detail_section p { padding: 0 !important; } } @media (max-width: 767px) { .deep-tech-wrap .partner-image-group .image2 img { height: 68px !important; } .deep-tech-wrap .three-columnList .list_section ul { margin-top: 0px; } .deep-tech-wrap .three-columnList .list_section ul li:last-child { border-bottom: none; } .objectives_list .list_section ul li p { text-align: center !important; } .deep-tech-wrap .common-banner .top_section .info { width: 100% !important; max-width: 100% !important; margin-top: 65px; } .deep-tech-wrap .mission_section .missions_block .mission-card-container ul { margin-bottom: 0; } .deep-tech-wrap .three-columnList .list_section ul li { width: 100% !important; border-bottom: solid 1px #b3b3b3; padding-top: 20px; } .deep-tech-wrap .three-columnList.new .list_section ul:before, .deep-tech-wrap .three-columnList.new .list_section ul:after { display: none; } .deep-tech-wrap .three-columnList.new .list_section ul li:nth-child(2):after { display: none; } .deep-tech-wrap .list_section ul li figure { height: auto !important; } .deep-tech-wrap .objectives_list .list_section ul li span { margin-bottom: 14px; display: block; height: auto; } .deep-tech-wrap .mission_section .mission-heading { margin-bottom: 30px !important; } .deep-tech-wrap .common-banner .top_section { min-height: auto; height: auto !important; } .deep-tech-wrap .common-banner .counting_block_wrapper.istem-counter { padding: 0 !important; margin: 0 20px; } .deep-tech-wrap .counting_block_top { border: 4px solid #FFBE00 !important; } .deep-tech-wrap .counting_block_top li p { padding: 0 30px; text-align: center !important; margin-top: 0; } .deep-tech-wrap .counting_block_top li p:last-child { margin-bottom: 16px; } .deep-tech-wrap .mission_section { margin-top: 0; margin-bottom: 25px; } .deep-tech-wrap .deep-adviser-section p.mobile_image { width: 100%; } .deep-tech-wrap .section3_wrap { margin-top: 25px; } .deep-tech-wrap .lead-partners .partner-image-group { padding-top: 0; } .deep-tech-wrap .lead-partners { padding-top: 45px !important; padding-bottom: 45px !important; } .deep-tech-wrap .learningCard-block { margin-top: 120px !important; } .deep-tech-wrap .deep-adviser-section p.mobile_image span { padding-left: 5px !important; padding-right: 5px !important; } .flip-card-back { background-color:#FFBE00 !important; } .mission_section .missions_block .mission-card-container ul .mission-card { width: 100%; min-width: 374px !important; max-width: 374px !important; min-height: 266px; padding: 20px 40px; border-top: none !important; border-right: 1px solid #21317D; } .lead-partners { margin-top: 0px !important; } .learningCard-wrapper { margin-top: -74px; } .combined-shape-container { padding-top: 0px !important; } .counting_block_top { margin-top: 28px; } .introduction_section .detail_section .title2 { margin-left: 0px !important; margin-bottom: 20px; } .learningCard-wrapper { padding-bottom: 0px !important; } } @media screen and (max-width: 700px) { .box { width: 70%; } .popup { width: 70%; } .ReactModal__Content.ReactModal__Content--after-open.deepmodal { width: 100% !important; transform: translate(0%, 15%) !important; background-color: #fff; } .learningCard-block { margin-top: 150px !important; } p.mobile_image { margin-top: 100px !important; margin-bottom: 150px !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; } } * { margin: 0; padding: 0; } ul, ol, p, h1, h2, h3, .title, .title2, .title3, h4, h5, h6, span { margin: 0; padding: 0; } h1 { font-size: 36px !important; } h2 { font-size: calc(28px + var(--font-size-pixel)) !important; margin-bottom: 5px !important; } p { text-align: justify; } .breadcrumb span.current { font-weight: 800; } p { margin-top: 0px; text-align: justify; } .container { max-width: 1197px; padding: 0 15px; margin: 0 auto; } .nis-tis-wrapper .mission-heading h2 { color: #fff; } .nis-tis-wrapper .txtbox { top: 25% !important; } .nis-tis-wrapper .bannerBox h1.title2 { line-height: 40px; } .nis-tis-wrapper .bannerBox h1.title2 { line-height: 40px; margin-bottom: 16px; } .nis-tis-wrapper .bannerBox span { line-height: 32px !important; width: 70%; display: block; } .nis-tis-wrapper .bannerBox span br { display: none; } .nis-tis-wrapper .flip-card-back p { text-align: center !important; } .nis-tis-wrapper .flip-card-back { top: 0; } .nis-tis-wrapper .flip-card-back p { text-align: center !important; } .nis-tis-wrapper .flip-card-back { top: 0; } .nistis-objective-section .list_section.new p.font { text-align: center !important; margin-top: 15px; } .nis-tis-wrapper .flip-card-front { display: flex; flex-direction: column; align-items: center; justify-content: center; } .nis-tis-wrapper .flip-card:hover .flip-card-back { background-color: #FFBE00; } .mission-card .mission-card-item { margin-top: 0; } .nis-tis-wrapper .nis-tis-priorities-section.mission_section { padding-top: 50px; } .nis-tis-wrapper .mission-card .mission-card-item figure { padding-left: 0; } .nis-tis-wrapper .objectives_list ul { margin-top: 30px; } .nis-tis-wrapper .objectives_list ul li span { width: 100%; text-align: center; } .nis-tis-wrapper .objectives_list ul li span figure { max-width: 100%; } .nis-tis-wrapper .objectives_section { margin-bottom: 0 !important; } .bannerBox h1.title2 { color: #ffffff; margin-bottom: 10px; margin-top: 0; font-size: 48px; font-weight: 900; line-height: 56px; } .mission-card .mission-card-item { margin-top: 15px; } .mission-card .mission-card-item .counter.new { color: #f2bd12; margin: 15px 0; } .nis-tis-priorities-section .mission-card-item figure img { filter: invert(100); } figure.single_image { margin-right: 28px; } .mission-card:hover .mission-card-item .counter.new { color: #000000; margin: 15px 0; } .font { font-size: 18px !important; } .mission-card.active .mission-card-item figure img, .mission-card.new:hover .mission-card-item figure img { -webkit-transform: none !important; transform: none I !important; } .list_section.new ul li { width: 24.3% !important; padding: 40px; text-align: center; } .list_section.new ul li p { text-align: center; } .list_section ul li figure { max-width: 100% !important; } .flip-card-back { top: 25%; } .mission-card.active .mission-card-item figure img, .mission-card:hover .mission-card-item figure img { -webkit-transform: none !important; transform: none I !important; } .nis-tis-priorities-section .flip-card { height: 200px; } .nis-tis-priorities-section.mission_section { padding-bottom: 0; margin-top: 100px; padding-top: 60px; } .nis-tis-priorities-section.mission_section .mission-heading { padding-bottom: 0; margin-bottom: 0; } .objectives_section .three-columnList ul li:last-child:before { display: none; } .list_section ul li figure img { width: 60px; } .objectives_list .list_section ul li p { line-height: 20px !important; } .objectives_section h2 { text-align: center; } .lead-partners h3.title2, .lead-partners .title2.title, .lead-partners .title2, .lead-partners .title2.title3 { margin-bottom: 40px; font-weight: 900; } .lead-partners .partner-image-container .partner-image-group .image2 img { mix-blend-mode: multiply; width: 310px; height: 104px; max-height: 140px; object-fit: contain; } .nis-tis-priorities-section.mission_section:before { display: none; } .aboutdescBox p { text-align: justify !important; } section.nis-container p { text-align: justify !important; } .mission-card .mission-card-item figure { padding-left: 0px !important; } .mission-card .mission-card-item { margin-bottom: 0; } .txtbox h2 { margin-bottom: 12px; } /* Banner css */ .bannerBox { position: relative; } .bannerBox span { font-size: 20px; font-weight: 500; } .bannerBox img { width: 100%; } .txtbox { position: absolute; color: #fff; top: 15%; } .nis-tis-priorities-section .mission-card-item figure img { filter: invert(100); } .videoBox { position: absolute; top: 30px; right: 20px; width: 450px; } .videoicon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mainthemeBox { margin-top: 300px; margin-bottom: 50px; } .img-main-box { display: flex; justify-content: space-between; margin-top: 30px; } /* About us css */ .aboutUsBox { margin-top: 60px; padding: 0px 0 0px 0; margin-bottom: 60px; position: relative; } .aboutdescBox h2, .top-title h2 { color: #000; font-size: calc(36px + var(--font-size-pixel)); margin-bottom: 10px; } .aboutdescBox p, .top-title p { color: #333333; font-size: 20px; line-height: 30px; } .aboutdescBox { margin-bottom: 50px; } .about-us-img { text-align: center; padding: 0 100px; } .about-us-img img { width: 100%; } /* tab design */ ul#tabs { list-style-type: none; padding: 0; text-align: center; display: flex; justify-content: center; } ul#tabs li { display: inline-block; background-color: #fff; border: solid 4px #080f2d; padding: 15px 20px; cursor: pointer; color: #080f2d; border-radius: 5px; font-size: 18px; margin: 0 8px; } ul#tabs li:hover { background-color: #080f2d; color: #fff; } ul#tabs li.active { background-color: #080f2d; color: #fff; } ul#tab { list-style-type: none; margin: -35px 0; border: solid 4px #080f2d; padding: 65px 35px 40px 35px; } ul#tab li { display: none; } ul#tab li.active { display: block; } ul#tab li p { font-size: calc(18px + var(--font-size-pixel)); line-height: 34px; } .lead-partners h2 { margin-bottom: 40px; } .nis-tis-wrapper .lead-partners { padding: 70px 0; } .nis-tis-wrapper .lead-partners h2 { margin-bottom: 30px !important; } .nis-tis-wrapper .objectives_list .list_section ul li p { text-align: center !important; } .nis-tis-wrapper .objectives_section:before { content: ""; position: absolute; width: 100px; height: 105px; top: 37%; left: -22px; transform: rotate(180deg); background-image: url(/assets/images/corner_shape.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } .nis-tis-wrapper .objectives_section { position: relative; } /*.nis-tis-wrapper .objectives_section:after { content: ""; position: absolute; width: 100px; height: 105px; top: 37%; right: -10px; transform: rotate(360deg); background-image: url(/assets/images/corner_shape.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }*/ /* Responsive */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .lead-partners h3.title2, .lead-partners .title2.title, .lead-partners .title2, .lead-partners .title2.title3 { font-size: 26px; } .videoBox { width: 300px; } } /* ----------- iPad Pro 12.9" ----------- */ /* Portrait and Landscape */ /* Portrait and Landscape */ @media only screen and (max-device-width: 767px) { .nis-tis-wrapper .lead-partners .partner-image-group { padding-top: 0; } .nis-tis-wrapper .lead-partners { padding: 45px 0; } .nis-tis-wrapper .lead-partners .partner-image-container .partner-image-group .image2 img { height: 68px !important; } .nis-tis-wrapper .objectives_section:before, .nis-tis-wrapper .objectives_section:after { display: none; } .nis-tis-wrapper ul#tab { margin: -43px 0 !important; } .nis-tis-wrapper .bannerBox h1 { font-size: 24px !important; line-height: 32px !important; text-align: left !important; } .nis-tis-wrapper .list_section.new ul { display: flex; flex-direction: column; } .nis-tis-wrapper .list_section.new ul li { width: 100% !important; border-bottom: solid 1px #b3b3b3; padding-top: 20px; } .nis-tis-wrapper .list_section.new ul:before, .nis-tis-wrapper .list_section.new ul:after { display: none; } .nis-tis-wrapper .list_section ul li:nth-child(2):after { display: none; } .nis-tis-wrapper .list_section.new ul li:last-child { border-bottom: none; } .nis-tis-wrapper .txtbox { margin-top: 0; top: 17% !important; } .nis-tis-wrapper .bannerBox span { line-height: 23px !important; text-align: left !important; } .container { max-width: 100%; padding: 0 20px; } .bannerBox h1.title2 { font-size: 28px; line-height: 34px; text-align: center; margin-bottom: 20px; } .nis-tis-wrapper .bannerBox .videoBox { width: 250px; top: 320px !important; } .nis-tis-wrapper .bannerBox > img { height: 600px !important; } .nis-tis-wrapper .aboutUsBox { margin-top: 0; } .nis-tis-wrapper .mission_section h2 { margin-bottom: 30px !important; } .bannerBox > img { width: 100%; height: 440px; object-fit: cover; } .txtbox { top: 10% !important; } .nis-tis-priorities-section.mission_section { padding-bottom: 32px; } .bannerBox span { text-align: center; width: 100%; display: block; font-size: 18px; } .bannerBox span br { display: none; } section.bannerImg { margin-top: 42px; } .videoBox { top: 260px; width: 300px; left: 0; right: 0; margin: auto; } .mainBox { margin-top: 160px; } .aboutdescBox h2, .top-title h2 { font-size: calc(20px + var(--font-size-pixel)); } .aboutdescBox p, .top-title p { font-size: calc(15px + var(--font-size-pixel)); line-height: 25px; } .descBox h2 { font-size: calc(18px + var(--font-size-pixel)); } .txtbox { top: 35%; font-size: 14px; } .aboutUsBox { padding: 60px 0 20px 0; margin-bottom: 30px; } .objectives_section { margin-bottom: 0px !important; } .lead-partners { padding-top: 0px; } .lead-partners h2 { margin-bottom: 10px; } .about-us-img img { width: 100%; } ul#tab li p { font-size: calc(16px + var(--font-size-pixel)); line-height: 25px; } .mission_section:before { content: ''; position: absolute; top: -120px; left: 0; z-index: -1; width: 100%; height: 250px; background-color: #080f2d; -webkit-transform: skewY(-10deg); -moz-transform: skewY(-10deg); transform: skewY(-10deg); display: none !important; } ul#tabs li { background-color: #fff; border: solid 4px #080f2d; padding: 10px 5px; cursor: pointer; color: #080f2d; border-radius: 5px; font-size: 10px; margin: 0 8px; margin-bottom: 9px; width: 80%; } ul#tab { margin: -35px 0; padding: 45px 15px 40px 15px; } .about-us-img { padding: 0 20px; } } @media only screen and (max-device-width: 480px) { .bannerBox h1.title2 { font-size: 21px; line-height: 30px; } .bannerBox span { font-size: 16px; } section.bannerImg { margin-top: 40px; } } /* 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; } } .i-stem-container .top_section { height: 520px; } @media (max-width: 767px) { .i-stem-container .top_section .etg-banner-vector { display: none; } } .i-stem-container .common-banner .info { padding-bottom: 60px; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; max-width: 100%; width: 55%; } @media (max-width: 767px) { .i-stem-container .common-banner .info { padding: 45px 20px; } } .i-stem-container .common-banner .info .title2 { margin-bottom: 30px; color: #ffffff; } @media (max-width: 767px) { .i-stem-container .common-banner .info .title2 { font-size: 28px; margin-bottom: 40px; } } .i-stem-container .common-banner .info p { color: #ffffff; font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; margin: 0 0 20px 0; padding-right: 90px; text-align: justify; } @media (max-width: 767px) { .i-stem-container .common-banner .info p { padding-right: 0; } } .i-stem-container .introduction_section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .i-stem-container .introduction_section { padding: 60px 0; } } .i-stem-container .introduction_section .detail_section { padding: 40px 40px 0px 190px; padding-right: 440px; } @media (max-width: 767px) { .i-stem-container .introduction_section .detail_section { padding: 40px; padding-right: 20px; padding-bottom: 0; } } .i-stem-container .introduction_section .detail_section .draw_line { width: 384px; } @media (max-width: 767px) { .i-stem-container .introduction_section .detail_section .draw_line { width: 125px; } } .i-stem-container .introduction_section .detail_section .title2 { margin-left: 0; } .i-stem-container .introduction_section .detail_section div { 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; width: -moz-calc(100% + 530px); width: -webkit-calc(100% + 530px); width: calc(100% + 530px); margin-right: -440px; margin-left: -90px; margin-bottom: 15px; } @media (max-width: 767px) { .i-stem-container .introduction_section .detail_section div { width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin: 0 -20px; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .i-stem-container .introduction_section .detail_section div img { max-width: 485px; } @media (max-width: 767px) { .i-stem-container .introduction_section .detail_section div img { margin: 0 auto; } } @media (max-width: 479px) { .i-stem-container .introduction_section .detail_section div img { max-width: 243px; } } .i-stem-container .introduction_section .detail_section div ul { margin: 15px 0; padding-left: 50px; } @media (max-width: 767px) { .i-stem-container .introduction_section .detail_section div ul { padding-left: 0; } } .i-stem-container .introduction_section .detail_section div ul li { margin-top: 20px; border: 2px solid #FFBE00; border-right: none; padding: 20px 100px 20px 30px; } @media (max-width: 767px) { .i-stem-container .introduction_section .detail_section div ul li { padding: 10px 20px; } } .i-stem-container .introduction_section .detail_section div ul li span { min-width: 115px; } @media (max-width: 767px) { .i-stem-container .introduction_section .detail_section div ul li span { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; margin: 0; } } .i-stem-container .introduction_section .detail_section div ul li p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.5; text-align: justify; } @media (max-width: 767px) { .i-stem-container .introduction_section .corner_hexagon_img { display: none; } } .i-stem-container .introduction_section .corner_mask_img { position: absolute; right: 0; bottom: 20px; z-index: 1; } @media (max-width: 767px) { .i-stem-container .introduction_section .corner_mask_img { display: none; } } .i-stem-container .introduction_section .corner_mask_img img { max-width: 240px; } .i-stem-container .introduction_section .corner_layer_img { position: absolute; top: -9px; right: -165px; z-index: 1; } @media (max-width: 767px) { .i-stem-container .introduction_section .corner_layer_img { display: none; } } .i-stem-container .introduction_section .corner_layer_img img { max-width: 475px; } .vision-mission-block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .vision-mission-block .wrap { display: flex; flex-flow: column; width: 50%; } .the-team-container { padding-top: 140px; } @media (max-width: 767px) { .the-team-container { padding-top: 60px; } } .i-stem-lp .lead-partners-bg { display: none; } .i-stem-lp .lead-partners { padding-top: 0; } .learningCard-wrapper { padding-bottom: 140px; } @media (max-width: 767px) { .learningCard-wrapper { padding-bottom: 40px; } } .learningCard-block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 767px) { .learningCard-block { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } /* 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; } } .blue-verticals { padding: 60px 100px; background-color: #080f2d; color: #ffffff; position: relative; } @media (max-width: 767px) { .blue-verticals { padding: 40px 20px; } } .blue-verticals:before { content: ''; width: 73px; height: 115px; background: url("/assets/images/corner_shape.svg") no-repeat center; background-size: 100%; position: absolute; top: -55px; left: -20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .blue-verticals .title2 { margin-bottom: 40px; } @media (max-width: 767px) { .blue-verticals .title2 { margin-bottom: 22px; } } .blue-verticals .sub-head { padding-bottom: 20px; } .blue-verticals .sub-head p { width: 90%; margin: 0 auto; font-weight: 500; font-size: calc(20px + var(--font-size-pixel)); } .blue-verticals .data-card-list { position: relative; } .blue-verticals .data-card-list .data-card { display: flex; align-items: center; margin-top: 40px; } @media (max-width: 767px) { .blue-verticals .data-card-list .data-card { flex-wrap: wrap; } } .blue-verticals .data-card-list .data-card figure { margin-right: 40px; } @media (max-width: 767px) { .blue-verticals .data-card-list .data-card figure { margin: 0 auto; width: 80px; height: 81px; overflow: hidden; position: relative; z-index: 2; } } .blue-verticals .data-card-list .data-card figure img { max-width: 190px; min-width: 190px; max-height: 127px; min-height: 127px; width: 100px; } @media (max-width: 767px) { .blue-verticals .data-card-list .data-card figure img { max-width: 121px; min-width: 121px; max-height: unset; min-height: unset; width: auto; } } .blue-verticals .data-card-list .data-card .card-detail { padding: 20px; border-radius: 5px; width: 787px; 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; flex-direction: column; background-color: rgba(255, 255, 255, 0.1); } .blue-verticals .data-card-list .data-card .card-detail h3, .blue-verticals .data-card-list .data-card .card-detail .title, .blue-verticals .data-card-list .data-card .card-detail .title2, .blue-verticals .data-card-list .data-card .card-detail .title3 { font-size: 20px; margin-right: auto; margin-bottom: 5px; font-family: 'Montserrat', sans-serif; font-weight: 600; } @media (max-width: 767px) { .blue-verticals .data-card-list .data-card .card-detail { margin-top: -40px; padding-top: 48px; width: 100%; min-height: 120px; height: auto; background-color: #212842; } } .blue-verticals .data-card-list .data-card .card-detail p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 22px; } @media (max-width: 767px) { .blue-verticals .data-card-list .data-card .card-detail p { font-size: calc(14px + var(--font-size-pixel)) !important; } } .blue-verticals .data-card-list .data-card:nth-of-type(2n) { margin-left: 118px; } @media (max-width: 767px) { .blue-verticals .data-card-list .data-card:nth-of-type(2n) { margin-left: 0; } } .blue-verticals .data-card-list .data-card:nth-of-type(2n) .card-detail { width: 728px; } /* 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; } } .resources-wrap { padding: 60px 0; } @media (max-width: 767px) { .resources-wrap { padding: 40px 15px; } } .resources-wrap h3, .resources-wrap .title, .resources-wrap .title2, .resources-wrap .title3 { margin-bottom: 48px; text-align: center; } @media (max-width: 767px) { .resources-wrap h3, .resources-wrap .title, .resources-wrap .title2, .resources-wrap .title3 { margin-bottom: 22px; } } .resources-wrap .hide { display: none !important; } .resources-wrap .show { display: block !important; } .resources-wrap .resources-item { margin-bottom: 36px; display: flex; flex-wrap: wrap; } .resources-wrap .resources-item .resources-img { margin-top: 7px; flex: 0 0 8.88%; max-width: 102px; } @media (max-width: 767px) { .resources-wrap .resources-item .resources-img { flex: 0 0 82px; max-width: 82px; } } .resources-wrap .resources-item .resources-info { padding-left: 20px; flex: 0 0 91.122%; max-width: 91.122%; } @media (max-width: 767px) { .resources-wrap .resources-item .resources-info { padding-left: 16px; flex: 0 0 74.3333%; max-width: 74.3333%; } } .resources-wrap .resources-item .resources-info h4 { margin-bottom: 4px; font-size: 20px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media (max-width: 767px) { .resources-wrap .resources-item .resources-info h4 { font-size: 16px; line-height: 22px; -webkit-line-clamp: unset; } } .resources-wrap .resources-item .resources-info p { font-size: calc(20px + var(--font-size-pixel)); line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 767px) { .resources-wrap .resources-item .resources-info p { font-size: 14px !important; -webkit-line-clamp: unset; } } .resources-wrap .resources-item .resources-info .resources-btn { margin-top: 12px; } .resources-wrap .viewMoreBtnWrap { text-align: center; padding-top: 4px; background: none; } .resources-wrap .viewMoreBtnWrap .viewMoreBtn { position: relative; background-color: transparent; color: #4454a5; font-size: 14px; line-height: normal; font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; padding: 0; } .resources-wrap .viewMoreBtnWrap .viewMoreBtn:after { content: ''; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; position: absolute; top: 100%; bottom: 0; left: 50%; z-index: 1; width: 16px; height: 16px; background: url("/assets/images/drop-arrow-blue.svg") no-repeat center; background-size: 16px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .resources-wrap .viewMoreBtnWrap .viewMoreBtn.active:after { transform: rotate(180deg) translateX(50%); -webkit-transform: rotate(180deg) translateX(50%); -moz-transform: rotate(180deg) translateX(50%); -ms-transform: rotate(180deg) translateX(50%); -o-transform: rotate(180deg) translateX(50%); } /* 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; } } .generic_page .main-wrapper { position: relative; } @media (max-width: 767px) { .generic_page .main-wrapper { padding-top: 45px; } } .generic_page .main-wrapper .desc_wrap { width: 100%; margin-top: -20px; padding: 80px 0; line-height: 1.5; } @media (max-width: 767px) { .generic_page .main-wrapper .desc_wrap { margin-top: 0; padding: 20px; } .generic_page .main-wrapper .desc_wrap .page-desc-wrap { padding: 0; } } .generic_page .main-wrapper .desc_wrap > div { font-size: 20px; text-align: justify; } @media (max-width: 479px) { .generic_page .main-wrapper .desc_wrap img { width: auto !important; height: auto !important; } } .generic_page .main-wrapper .desc_wrap figure { margin-bottom: 40px; font-style: italic; font-size: 16px; display: grid; } .generic_page .main-wrapper .desc_wrap figure a { text-decoration: underline; font-style: initial; margin-top: 10px; } .generic_page .main-wrapper .desc_wrap figure p { margin-top: 10px; } @media (max-width: 479px) { .generic_page .main-wrapper .desc_wrap figure { margin-bottom: 20px; } } .generic_page .main-wrapper .desc_wrap figure.image-left { margin-right: 40px; float: left; } @media (max-width: 479px) { .generic_page .main-wrapper .desc_wrap figure.image-left { margin-right: 20px; } } .generic_page .main-wrapper .desc_wrap figure.image-right { margin-left: 40px; float: right; } @media (max-width: 479px) { .generic_page .main-wrapper .desc_wrap figure.image-right { margin-left: 20px; } } .generic_page .main-wrapper .desc_wrap figure.image-full { width: 100%; float: none; } .generic_page .main-wrapper .desc_wrap figure.image-full img { width: 100%; height: auto; } .generic_page .main-wrapper .desc_wrap figure.image-center p, .generic_page .main-wrapper .desc_wrap figure.image-center a { text-align: center; } .generic_page .main-wrapper .desc_wrap p, .generic_page .main-wrapper .desc_wrap .big-letter { font-size: 20px; line-height: 1.5; color: #212121; margin: 0 0 20px 0; word-break: break-word; } @media (max-width: 767px) { .generic_page .main-wrapper .desc_wrap p, .generic_page .main-wrapper .desc_wrap .big-letter { font-size: 16px; line-height: 1.63; } } .generic_page .main-wrapper .desc_wrap p:last-child { margin-bottom: 0; } .generic_page .main-wrapper .desc_wrap .big-letter:first-letter { color: rgba(33, 33, 33, 0.1); font-family: initial; text-transform: uppercase; font-size: 4em; float: left; margin-top: -0.36em; margin-right: -15px; font-weight: 700; } @media (max-width: 767px) { .generic_page .main-wrapper .desc_wrap .big-letter:first-letter { font-size: 3.5em; margin-top: -0.32em; margin-right: 0; } } .generic_page .main-wrapper .section2-container { padding-bottom: 60px; } .generic_page .main-wrapper .section2-container .other-info-data { padding-right: 0; } @media (max-width: 767px) { .generic_page .main-wrapper .section2-container .other-info-data { padding-right: 20px; } } .generic_page .grey-white-detail { background-color: #f6f6f6; padding: 60px 0; } .generic_page .grey-white-detail .detail-wrapper { background-color: #ffffff; padding: 20px 25px; border: solid 8px #FFBE00; } .generic_page .grey-white-detail .detail-wrapper p { font-size: calc(20px + var(--font-size-pixel)); line-height: 1.25; } @media (max-width: 767px) { .generic_page .grey-white-detail { padding: 40px 0; } .generic_page .grey-white-detail .detail-wrapper { padding: 10px 15px; text-align: justify; } } .generic_page .sticky-note { background-color: #080f2d; padding: 25px 0; color: #ffffff; } .generic_page .sticky-note p { font-size: calc(20px + var(--font-size-pixel)); } .generic_page .sticky-note .email-info { background: rgba(255, 255, 255, 0.1); padding: 8px 12px; margin-left: 15px; } .generic_page .sticky-note .email-info a { color: #ffffff; text-decoration: underline; } .generic_page .sticky-note .email-info:before { content: ''; background-image: url(/assets/images/email-icon-white.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; display: inline-block; width: 24px; height: 16px; vertical-align: middle; } @media (max-width: 767px) { .generic_page .sticky-note .email-info { padding: 8px; margin-left: 0; margin-top: 5px; display: block; } } /* 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; } } .learn-card-block { width: -moz-calc(50% - 8px); width: -webkit-calc(50% - 8px); width: calc(50% - 8px); position: relative; background-color: #FFBE00; padding: 55px 40px; padding-right: 130px; } @media (max-width: 767px) { .learn-card-block { width: 100%; margin-bottom: 20px; padding: 40px; padding-right: 65px; } } .learn-card-block .learn-card-info { position: relative; z-index: 2; } .learn-card-block .learn-card-info h6 { font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 1.42; font-weight: 700; color: #212121; } @media (max-width: 767px) { .learn-card-block .learn-card-info h6 { font-size: 20px; } } .learn-card-block figure { position: absolute; right: 40px; bottom: 40px; z-index: 1; } @media (max-width: 767px) { .learn-card-block figure { right: 20px; bottom: 20px; } } .learn-card-block figure img { width: 110px; text-align: right; } @media (max-width: 767px) { .learn-card-block figure img { width: auto; max-height: 70px; } } /* 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; } } .submit-blog-container { padding: 10px 34px; } @media (max-width: 767px) { .submit-blog-container { padding: 0; } } .submit-blog-container .contact-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .submit-blog-container .left-container { max-width: 73%; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } @media (max-width: 767px) { .submit-blog-container .left-container { width: 100%; max-width: 100%; } } @media (max-width: 767px) { .submit-blog-container .left-container .form-group { margin: 0; margin-top: 10px; } } .submit-blog-container .left-container .form-data { margin-right: 6%; } .submit-blog-container .left-container .form-data input { width: 100%; font-family: 'Montserrat', sans-serif; } @media (max-width: 767px) { .submit-blog-container .left-container .form-data input { padding: 1rem; } } .submit-blog-container .left-container .form-data textarea { font-family: 'Montserrat', sans-serif; } .submit-blog-container .left-container .form-data { width: 33.33%; } @media (max-width: 767px) { .submit-blog-container .left-container .form-data { width: 100%; margin-right: 0; } } .submit-blog-container .left-container .form-data .input-container { width: 100%; } @media (max-width: 767px) { .submit-blog-container .left-container .form-data .input-container { margin-right: 0; } } .submit-blog-container .left-container .text_area.form-data { width: 73%; } .submit-blog-container .left-container .text_area.form-data textarea { width: 100%; } .submit-blog-container .left-container .text_area.form-data .input-search { width: 100%; } .submit-blog-container .left-container .form-group:first-child .form-data { width: 73%; } .submit-blog-container .left-container .form-group:first-child .form-data .input-container { width: 100%; } .submit-blog-container .right-container { flex: 2; padding: 0 60px; } .submit-blog-container .right-container .contact-detail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .submit-blog-container .right-container .contact-detail > span { width: 21px; height: 21px; display: block; } .submit-blog-container .right-container .contact-detail .mobile-icon { background: url("/assets/images/phone-icon.svg") no-repeat center; background-size: contain; } .submit-blog-container .right-container .contact-detail .fax-icon { background: url("/assets/images/fax-icon.svg") no-repeat center; background-size: contain; } .submit-blog-container .right-container h2 { white-space: nowrap; } /* 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; } } .submit-contact-container { padding: 10px 34px; } @media (max-width: 991px) { .submit-contact-container { padding: 0; } } .submit-contact-container .contact-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 991px) { .submit-contact-container .contact-container { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .submit-contact-container .left-container { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; border-color: #97979791; border-style: solid; border-right-width: 2px; } @media (max-width: 991px) { .submit-contact-container .left-container { border: none; border-top: 1px solid #97979791; padding-top: 30px; width: 100%; } } @media (max-width: 991px) { .submit-contact-container .left-container .form-group { margin: 0; } } .submit-contact-container .left-container .form-data { margin-right: 6%; } .submit-contact-container .left-container .form-data input { width: 100%; font-family: "Montserrat", sans-serif; } @media (max-width: 991px) { .submit-contact-container .left-container .form-data input { padding: 1rem; margin-right: 0; } } .submit-contact-container .left-container .form-data textarea { font-family: "Montserrat", sans-serif; } .submit-contact-container .left-container .form-data { width: 40%; } @media (max-width: 991px) { .submit-contact-container .left-container .form-data { width: 47%; } } @media (max-width: 767px) { .submit-contact-container .left-container .form-data { width: 100%; } } @media (max-width: 991px) { .submit-contact-container .left-container .form-data:last-child { margin-right: 0; } } .submit-contact-container .left-container .form-data .input-container { width: 100%; } .submit-contact-container .left-container .form-group:nth-child(4) .form-data { width: 86%; } @media (max-width: 991px) { .submit-contact-container .left-container .form-group:nth-child(4) .form-data { width: 100%; } } .submit-contact-container .left-container .form-group:nth-child(4) .form-data textarea { width: 100%; } .submit-contact-container .left-container .form-group:nth-child(4) .form-data.input-search { width: 100%; } .submit-contact-container .left-container .form-group:first-child .form-data { width: 86%; } @media (max-width: 991px) { .submit-contact-container .left-container .form-group:first-child .form-data { width: 100%; margin-right: 0; } } .submit-contact-container .left-container .form-group:first-child .form-data .input-container { width: 100%; } @media (max-width: 991px) { .submit-contact-container .left-container .form-group:first-child .form-data .input-container { margin-right: 0; } } .submit-contact-container .right-container { -webkit-box-flex: 2; -moz-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; padding: 0 60px; } @media (max-width: 991px) { .submit-contact-container .right-container { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; width: 100%; padding: 0; margin-bottom: 30px; margin-top: 30px; } } .submit-contact-container .right-container .contact-detail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .submit-contact-container .right-container .contact-detail > span { width: 21px; height: 21px; display: block; } .submit-contact-container .right-container .contact-detail .mobile-icon { background: url("/assets/images/phone-icon.svg") no-repeat center; background-size: contain; } .submit-contact-container .right-container .contact-detail .fax-icon { background: url("/assets/images/fax-icon.svg") no-repeat center; background-size: contain; } .submit-contact-container .right-container h1 { font-size: 16px !important; } .submit-contact-container .right-container h2 { white-space: nowrap; } .contact-us-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; } @media (max-width: 991px) { .contact-us-wrapper { flex-direction: column; } } .contact-us-info { width: 33%; flex: 0 0 33%; } @media (max-width: 991px) { .contact-us-info { width: 100%; flex: 0 0 100%; } } .contact-us-info p { font-family: "Lato", sans-serif; font-size: 18px !important; line-height: 32px; padding-right: 20px; } .contact-us-info .detail { font-weight: 700; } .contact-us-info .detail a { color: #0990CA; font-family: "Lato", sans-serif; } .contact-us-form { width: 64%; flex: 0 0 64%; background-color: #ffffff; border: 1px solid #FFBE00; padding: 30px; } @media (max-width: 1365px) { .contact-us-form { padding: 24px; } } @media (max-width: 991px) { .contact-us-form { width: 100%; flex: 0 0 100%; } } .contact-us-form * { font-family: "Lato", sans-serif; } .contact-us-form .form-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 0; margin-bottom: 0; gap: 32px; } @media (max-width: 1800px) { .contact-us-form .form-group { gap: 32px; } } @media (max-width: 1365px) { .contact-us-form .form-group { gap: 0; } } @media (max-width: 991px) { .contact-us-form .form-group { gap: 32px; } } @media (max-width: 767px) { .contact-us-form .form-group { gap: 0; flex-direction: column; } } .contact-us-form .form-group .form-items { min-width: auto; flex-basis: 0; flex-grow: 1; } .contact-us-form .form-group .form-items label { text-transform: uppercase; color: #000000; font-size: 16px; line-height: 32px; margin-bottom: 0; font-weight: 400; } .contact-us-form .form-group .form-items .form-data { min-width: auto; margin-bottom: 20px; width: 100%; } @media (max-width: 1365px) { .contact-us-form .form-group .form-items .form-data { width: auto; } } @media (max-width: 991px) { .contact-us-form .form-group .form-items .form-data { width: 100%; } } .contact-us-form .form-group .form-items .form-data input, .contact-us-form .form-group .form-items .form-data textarea { padding: 7px; width: 100%; border-radius: 0; border: 1px solid #FFBE00; margin-bottom: -37px; } @media (max-width: 991px) { .contact-us-form .form-group .form-items .form-data input, .contact-us-form .form-group .form-items .form-data textarea { width: 100%; } } @media (max-width: 1800px) { .contact-us-form .form-group .form-textarea { width: 65%; flex: 0 0 65%; } } @media (max-width: 1365px) { .contact-us-form .form-group .form-textarea { width: 64%; flex: 0 0 64%; } } @media (max-width: 991px) { .contact-us-form .form-group .form-textarea { width: 100%; flex: 0 0 65%; } } .contact-us-form .form-group .form-textarea .form-data { width: 100%; } .contact-us-form .form-group .button-container button { margin-top: 0px; } @media (min-width: 1800px) { .contact-us-form .form-group .button-container button { margin-top: 14px; } } .contact-us-form .form-recaptcha { width: 30%; margin-left: 0px; flex: 0 0 30%; } @media (min-width: 1800px) { .contact-us-form .form-recaptcha { padding-top: 30px; } } @media (max-width: 1800px) { .contact-us-form .form-recaptcha { padding-top: 18px; } } .contact-us-form .form-recaptcha .google-captcha { margin-right: 90px; } @media (min-width: 1800px) { .contact-us-form .form-recaptcha .google-captcha { scale: 1; } } @media (max-width: 1800px) { .contact-us-form .form-recaptcha .google-captcha { scale: 0.62; margin-left: -21px; } } @media (max-width: 767px) { .contact-us-form .form-recaptcha .google-captcha { margin-top: 0; scale: 0.7; margin-bottom: 20px; } } .contact-us-form .form-group .button-container button:not([disabled]) { background-color: #FFBE00; } .contact-us-form .form-group .button-container button:hover { cursor: pointer; } .contact-us-form .form-group .button-container button[disabled] { background-color: transparent; } .contact-us-form .form-group .button-container button[disabled]:hover { background-color: transparent; cursor: initial; box-shadow: none; } .contact-us-form .form-group textarea { min-height: 100px; } .contact-us-form .form-group .button-container button:hover { background: #f2bd12; } /* 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; } } .top_section .heading { background-color: #080f2d; padding: 100px 0; } @media (max-width: 767px) { .top_section .heading { padding: 66px 0; } } .top_section .heading .container { margin-bottom: 50px; } .top_section .heading .title2 { color: #ffffff; margin-bottom: 0; } .top_section .heading h2 { color: #ffffff; font-size: calc(18px + var(--font-size-pixel)); margin: 25px 0 0 0; } .top_section .content_section { background-color: #ffffff; position: relative; } .top_section .content_section .section-layer { position: absolute; right: 30px; bottom: 30px; left: 0px; z-index: 1; } .top_section .content_section .section-layer img { max-width: 100%; } .top_section .inner-box-container .content_block { display: block; } .top_section .inner-box-container .content_block .info_section { width: 100%; padding-right: 220px; text-align: justify; } .top_section .inner-box-container .content_block .info_section.full_width { width: 100%; padding-right: 0; } .top_section .inner-box-container .content_block .info_section p { font-size: calc(18px + var(--font-size-pixel)); line-height: 1.5; } .top_section .inner-box-container .content_block .image_section { width: 45%; float: right; margin-left: 40px; margin-bottom: 20px; } .top_section .inner-box-container .content_block .image_section figure { width: 500px; height: auto; } .top_section .inner-box-container .content_block .image_section figure img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .top_section .inner-box-container .content_block .image_section.no-data-left { float: unset; margin: 0 auto; } .top_section .inner-box-container .content_block .videoIconBlock { position: relative; } .top_section .inner-box-container .additional-wrapper { margin-top: 20px; } .top_section .inner-box-container .additional-wrapper .promotional-banner { width: 60.2%; float: right; margin-left: 30px; margin-bottom: 10px; } .top_section .inner-box-container .additional-wrapper .promotional-banner.no-data-left { float: unset; margin: 0 auto; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slider-heading { margin-left: 20px; margin-bottom: 15px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider { position: relative; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots { width: 100%; text-align: center; bottom: 0; } @media (max-width: 767px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots { position: static; width: 100%; } } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li { width: 12px; height: 12px; margin: 0 6px; vertical-align: middle; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li button { background-color: #b0b0b0; height: 100%; width: 100%; padding: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li button:before { content: none; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slick-dots li.slick-active button { background-color: #212121; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content { margin: 0 20px; padding-bottom: 20px; position: relative; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content a { width: 100%; max-height: 350px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide { width: 100%; height: 280px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 10px; } @media (max-width: 767px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide { min-width: 50%; max-width: 50%; height: auto; min-height: 170px; margin-left: auto; margin-right: auto; } } @media (max-width: 479px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide { min-width: 100%; max-width: 100%; } } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .image_slide img, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .video_slide img { width: 100%; height: 100%; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .content_section { padding-left: 25px; position: absolute; bottom: 50px; right: 20px; z-index: 2; transition: all ease-in 0.3s; background: unset; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .content_section span:after { margin-left: 8px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow { width: 45px; height: 55px; background: url("/assets/images/arrow-copy.svg") no-repeat center; position: absolute; top: calc(30% + 25px); left: 0px; z-index: 1; border: 1px solid #212121; cursor: pointer; } @media (max-width: 767px) { .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow { display: none !important; } } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow:before { content: none; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow.slick-prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow.slick-next { left: calc(100% - 45px); margin-top: 28px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-arrow.slick-disabled { opacity: 0.5; } .top_section .inner-box-container .additional-wrapper .info p { font-size: calc(18px + var(--font-size-pixel)); line-height: 1.5; text-align: justify; } @media (max-width: 767px) { .top_section .inner-box-container .content_block .image_section { width: 100%; margin-left: 0px; } .top_section .inner-box-container .content_block .image_section figure { max-width: 50%; margin: 0 auto; } .top_section .inner-box-container .content_block .info_section { padding-right: 0; } .top_section .inner-box-container .additional-wrapper { margin-top: 5px; } .top_section .inner-box-container .additional-wrapper .promotional-banner { float: unset; margin-left: unset; width: 100%; margin: 20px 0; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slider-heading { margin-bottom: 10px; margin-left: 0; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content { margin: 0 4px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content a .image_slide, .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content a .video_slide { max-height: 220px; } .top_section .inner-box-container .additional-wrapper .promotional-banner .slick-slider .slide_content .content_section { position: unset; text-align: center; padding: 0; } } @media (max-width: 479px) { .top_section .inner-box-container .content_block .image_section figure { width: 100%; max-width: 100%; } } @media (max-width: 991px) { .number-para-section { margin-bottom: 30px; } } @media (max-width: 991px) { .number-para-section .slick-dots { bottom: 0px; } } @media (max-width: 767px) { .number-para-section .slick-dots { bottom: -10px; } } .number-para-section .slick-dots li.slick-active { background-color: #FFBE00; border-radius: 10px; width: 20px; height: 10px; } .number-para-section .slick-dots li:not(.slick-active) { background-color: #D9D9D9; height: 10px; width: 10px; border-radius: 50%; } .number-para-section .number-section-item { margin-bottom: 30px; position: relative; } @media (max-width: 991px) { .number-para-section .number-section-item { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (max-width: 767px) { .number-para-section .number-section-item { height: 420px; } } .number-para-section .number-section-item.item-0, .number-para-section .number-section-item.item-2 { margin-left: 90px; padding-left: 50px; padding: 30px 90px 30px 50px; } @media (max-width: 991px) { .number-para-section .number-section-item.item-0, .number-para-section .number-section-item.item-2 { margin-left: 40px; margin-right: 20px; padding: 30px; } } .number-para-section .number-section-item.item-1, .number-para-section .number-section-item.item-3 { padding: 30px 50px 30px 90px; margin-right: 90px; padding-right: 50px; } @media (max-width: 991px) { .number-para-section .number-section-item.item-1, .number-para-section .number-section-item.item-3 { margin-left: 40px; margin-right: 20px; padding: 3cap; } } .number-para-section .number-section-item.item-0::before { content: ''; background: url("/assets/images/yellow-count1.png") no-repeat left; background-color: transparent; background-size: contain; position: absolute; top: 0; bottom: -10px; left: -57px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-0::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; } } .number-para-section .number-section-item.item-1::before { content: ''; background: url("/assets/images/yellow-count2.png") no-repeat right; background-color: transparent; background-size: contain; position: absolute; top: 0; right: -40px; bottom: -10px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-1::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; background: url("/assets/images/yellow-count2-mob.png") no-repeat left; background-color: transparent; background-size: contain; } } .number-para-section .number-section-item.item-2::before { content: ''; background: url("/assets/images/yellow-count3.png") no-repeat left; background-color: transparent; background-size: contain; position: absolute; top: 0; bottom: -10px; left: -57px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-2::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; } } .number-para-section .number-section-item.item-3::before { content: ''; background: url("/assets/images/yellow-count4.png") no-repeat right; background-color: transparent; background-size: contain; position: absolute; top: 0; right: -40px; bottom: -10px; height: 102%; width: 100%; } @media (max-width: 991px) { .number-para-section .number-section-item.item-3::before { height: 100px; width: 100px; position: absolute; top: 0; bottom: -10px; left: -40px; } } .onehealth-intro-news { display: flex; } .onehealth-intro { flex: 1 1 70%; } @media (max-width: 991px) { .one-health-section .process-modal .modal-content { height: 700px !important; } } @media (max-width: 767px) { .one-health-section .process-modal .modal-content .close-button { top: 524px; } } .tabs-section-onehealth { padding: 50px 20px 0px; flex: 1 1 30%; } @media (max-width: 479px) { .tabs-section-onehealth { width: 100%; } } .tabs-section-onehealth .article_section { position: relative; z-index: 2; padding: 0; height: 100%; } .tabs-section-onehealth .article-section-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; flex-direction: column; position: relative; height: 100%; } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap { padding: 0; -webkit-flex-flow: nowrap; -moz-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; overflow: auto; flex-direction: column; } } .tabs-section-onehealth .article-section-wrap .col { width: -moz-calc(100%); width: -webkit-calc(100%); width: calc(100%); background-color: rgba(255, 255, 255, 0.03); height: 100%; } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col { min-width: 100%; max-width: 100%; width: 100%; margin-bottom: 24px; margin-right: 0; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles { border: 1px solid #FFBE00; height: 100%; } .tabs-section-onehealth .article-section-wrap .col .latest-articles h4 { color: #ffffff; padding: 0 30px; background-color: rgba(255, 255, 255, 0.03); position: relative; margin: 0; 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; min-height: 80px; } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles h4 { font-size: 18px; text-align: center; padding: 0 20px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles h4 img { max-width: 28px; max-height: 30px; } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles h4 img { max-width: 20px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles h4 span { position: relative; padding: 10px 0; display: inline-block; font-family: inherit; color: #f2bd12; font-weight: 700; margin-left: 15px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles h4 span { padding: 18px 0; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links { min-height: 200px; max-height: 430px; overflow: auto; /* Handle */ } @media (min-width: 1800px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links { min-height: 500px; max-height: 545px; } } @media (max-width: 1800px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links { max-height: 464px; } } @media (max-width: 1500px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links { max-height: 509px; } } @media (max-width: 1365px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links { max-height: 375px; } } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links { max-height: 242px; } } @media (max-width: 479px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links { padding: 0; font-size: 12px; max-height: 445px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .no-data { color: #000000; padding: 30px; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links::-webkit-scrollbar { width: 0; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data { background: #ffeab3; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li { color: #212121; background-color: white; border-bottom: 1px solid rgba(33, 33, 33, 0.2); padding: 11px 30px 11px 34px; position: relative; } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li { padding: 11px 20px 11px 12px; } } @media (max-width: 479px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li { padding: 14px 15px 10px 15px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li .tag-section { background: rgba(255, 255, 255, 0.5); } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li:hover { background: #ffeab3; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li a { font-weight: 700; } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li a { font-size: 14px; line-height: 22px; font-weight: 700; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li a::after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li:last-child { padding-bottom: 10px; border-bottom: 1px solid rgba(33, 33, 33, 0.2); } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li .subcategory { background-color: #08102d; color: #000000; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li::after { background-image: url("/assets/images/yellow-icon-arrow.svg"); background-position: bottom right; content: ''; background-repeat: no-repeat; background-size: contain; z-index: inherit; position: relative; position: absolute; right: 12px; bottom: 15px; /* top: 0; */ height: 40px; width: 40px; } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links .featured-data li::after { height: 20px; width: 20px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li { position: relative; border-bottom: 1px solid rgba(33, 33, 33, 0.2); } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li { padding: 11px 20px 11px 12px; } } @media (max-width: 479px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li { padding: 14px 15px 10px 15px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li::after { background-image: url("/assets/images/yellow-icon-arrow-light.svg"); background-position: bottom right; content: ''; background-repeat: no-repeat; background-size: contain; z-index: -99; position: relative; position: absolute; right: 12px; bottom: 15px; /* top: 0; */ height: 40px; width: 40px; } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li::after { height: 20px; width: 20px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li:hover::after { background-image: url("/assets/images/yellow-icon-arrow.svg"); } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li:hover::after { height: 20px; width: 20px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li a { display: block; padding: 15px 34px; } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links ul li a { font-size: 14px; line-height: 22px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li { color: #000000; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; cursor: pointer; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li:first-child { margin-top: 0; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li a { color: inherit; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li a:after { content: ''; display: none; width: 0; height: 10px; margin-left: 10px; background: url("/assets/images/yellow-arrow.svg") no-repeat center; background-size: contain; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li.no-link { cursor: default; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li.no-link:after { content: none; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li:hover { font-weight: 700; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li:hover a:after { content: unset; } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li span { display: block; margin-top: 5px; font-size: 12px; font-weight: 500; } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li span { font-size: 10px; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .tag-section { width: fit-content; border-radius: 65px; padding: 8px 20px; background: rgba(255, 190, 0, 0.3); } @media (max-width: 1365px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .tag-section { padding: 8px 14px; } } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .tag-section { width: 33%; flex: 0 0 33%; padding: 6px; text-align: center; font-size: 13px; } } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .tag-section { width: 29%; } } @media (max-width: 479px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .tag-section { flex: 0 0 39%; width: 39%; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .article-info { flex-direction: row; width: 48%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; font-size: 14px; gap: 10px; } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .article-info { width: auto !important; -webkit-justify-content: start; -moz-justify-content: start; -ms-justify-content: start; justify-content: start; -ms-flex-pack: start; gap: 3px; } } @media (max-width: 1365px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .article-info { width: 50%; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .date-icon { width: fit-content; color: #9A9A9A; font-size: 14px; } @media (max-width: 991px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .date-icon { font-size: 14px; line-height: 1.2; width: 22%; flex: 0 0 22%; } } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .date-icon { flex: 0 0 23%; } } @media (max-width: 479px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .date-icon { flex: 0 0 28%; } } .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .subcategory { padding: 3px 6px; background-color: #FFBE00; font-size: 10px; font-weight: 600; color: #212121; border-radius: 0 100px 100px 0; margin: 0 5px 3px -15px; display: inline-block; min-width: 65px; text-align: center; } @media (max-width: 767px) { .tabs-section-onehealth .article-section-wrap .col .latest-articles-links li .subcategory { font-size: 8px; padding: 2px 7px; } } .tabs-section-onehealth .article-section-wrap .col:hover h4 span { font-weight: 900; } .tabs-section-onehealth .article-section-wrap .col:hover h4 span:before { width: 100%; } .tabs-section-onehealth .article-section-wrap .icon-arrow { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); } @media (max-width: 479px) { .tabs-section-onehealth .article-section-wrap .icon-arrow { bottom: 30px; } } .tabs-section-onehealth .article-section-wrap .icon-arrow img { height: 15px; width: 15px; } .tabs-section-onehealth .article-tabs-section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; flex-direction: row; } .tabs-section-onehealth .article-tab-Latest { background-color: #ffeab3; border: 1px solid #FFBE00; cursor: pointer; margin-bottom: 9px; height: 42px; padding: 0 25px; color: #000000; } @media screen and (min-width: 1500px) { .tabs-section-onehealth .article-tab-Latest { margin-bottom: 14px; } .tabs-section-onehealth .article-tab-Latest:nth-child(2), .tabs-section-onehealth .article-tab-Latest:nth-child(3) { width: 38%; } } @media (max-width: 1365px) { .tabs-section-onehealth .article-tab-Latest { padding: 0 16px; } } @media (max-width: 991px) { .tabs-section-onehealth .article-tab-Latest { padding: 0 12px; height: 30px; margin-bottom: 3px; } } @media (max-width: 479px) { .tabs-section-onehealth .article-tab-Latest { padding: 0; width: 40%; } } .tabs-section-onehealth .article-tab-Latest:first-child { width: 100%; } @media (max-width: 991px) { .tabs-section-onehealth .article-tab-Latest:first-child { width: 64px; } } @media (max-width: 479px) { .tabs-section-onehealth .article-tab-Latest:first-child { width: 56px; } } .tabs-section-onehealth .article-tab-Latest:hover { background-color: #FFBE00; } .tabs-section-onehealth .article-tab-Latest.active { margin-bottom: 0; background-color: #ffeab3; border-bottom: none; } @media (max-width: 1800px) { .tabs-section-onehealth .article-tab-Latest.active { height: 57px; } } @media (max-width: 1500px) { .tabs-section-onehealth .article-tab-Latest.active { height: 52px; } } @media (max-width: 991px) { .tabs-section-onehealth .article-tab-Latest.active { height: 35px; } } .tabs-section-onehealth .article-tab-Latest span { font-weight: 500; font-size: 20px; line-height: 32px; text-transform: uppercase; } @media (max-width: 991px) { .tabs-section-onehealth .article-tab-Latest span { font-size: 14px; line-height: 32px; } } @media (max-width: 767px) { .tabs-section-onehealth .article-tab-Latest span { font-size: 14px; line-height: 22px; } } @media (max-width: 1800px) { .one-health-initiative .hexagon-slider-wrapper .hexagon-inner { width: 51% !important; } } @media (min-width: 1800px) { .one-health-initiative .hexagon-slider-wrapper .hexagon-inner { width: 43% !important; } } @media (max-width: 1365px) { .one-health-initiative .hexagon-slider-wrapper .hexagon-inner { width: 60% !important; } } @media (max-width: 1800px) { .one-health-initiative .hexagon-slider-wrapper .hexagon-inner p { -webkit-line-clamp: 4 !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; } } .list_section_new { margin: 80px 0 50px; } @media (max-width: 991px) { .list_section_new { margin-bottom: 10px; margin-top: 40px; padding: 0 10px; } } @media (max-width: 767px) { .list_section_new { margin-top: 25px; } } .list_section_new ul { justify-content: center; 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; gap: 76px 36px; } @media (max-width: 991px) { .list_section_new ul { gap: 45px 26px; } } @media (max-width: 767px) { .list_section_new ul { gap: 50px; flex-flow: column; } } .list_section_new ul li { flex: 20%; max-width: 264px; border: 1px solid #FFBE00; position: relative; padding: 40px 15px; height: auto; } @media (max-width: 991px) { .list_section_new ul li { width: 160px; height: auto; max-width: 172px; padding: 20px 5px; } } @media (max-width: 767px) { .list_section_new ul li { max-width: 100%; width: 100%; padding: 40px 12px 14px; } } .list_section_new ul li figure { border: 1px solid #FFBE00; transform: translateX(-50%); background: #ffffff; width: 77px; height: 77px; text-align: center; border-radius: 50%; margin-bottom: 0; position: absolute; top: -36px; left: 50%; z-index: 1; } @media (max-width: 991px) { .list_section_new ul li figure { width: 50px; height: 50px; position: absolute; top: -24px; left: 50%; z-index: 1; } } @media (max-width: 767px) { .list_section_new ul li figure { background-color: #FFBE00; } } .list_section_new ul li figure img { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); max-width: 50px; max-height: 40px; } @media (max-width: 991px) { .list_section_new ul li figure img { max-width: 25px; max-height: 25px; } } .list_section_new ul li p { padding-top: 10px; text-align: center !important; align-items: center; height: 100%; font-family: "Lato", sans-serif; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 18px; line-height: 24px; } @media (max-width: 991px) { .list_section_new ul li p { font-size: 14px; line-height: 22px; } } @media (max-width: 767px) { .list_section_new ul li p { font-size: 16px; line-height: 22px; } } .list_section_new ul li:hover { background-color: rgba(255, 190, 0, 0.3); } .list_section_new ul li:hover figure { background-color: #FFBE00; } .objectives_wrap .slick-slider .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .objectives_wrap .slick-slider .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; background-size: contain; } } .objectives_wrap .slick-slider .slick-arrow::before { content: unset; } .objectives_wrap .slick-slider .slick-arrow:hover { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } .objectives_wrap .slick-slider .slick-prev { background-color: transparent; transform: rotate(0deg) translateY(-50%); position: absolute; top: 50%; right: -42px; bottom: 0; left: unset; z-index: 1; } @media (max-width: 991px) { .objectives_wrap .slick-slider .slick-prev { position: absolute; top: 50%; right: -32px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } } .objectives_wrap .slick-slider .slick-next { background-color: transparent; position: absolute; top: 50%; bottom: 0; left: -42px; z-index: 1; } @media (max-width: 991px) { .objectives_wrap .slick-slider .slick-next { position: absolute; top: 50%; bottom: unset; left: -32px; z-index: 1; transform: rotate(0deg) translateY(-50%); } } @media (max-width: 767px) { .pm-stiac-mission-new .objectives_wrap { padding: 0; } } @media (max-width: 767px) { .pm-stiac-mission-new .objectives_wrap .list_section_new { padding: 0; } } /* 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; } } .about-us-container .inner-initiatives-container { background: url("/assets/images/slider-background.jpg") no-repeat center; background-size: cover; } .about-us-container .inner-initiatives-container .content-container { padding: 100px 0; } .about-us-container .inner-initiatives-container h2 { text-align: center; color: #ffffff; } .about-us-container .inner-initiatives-container .card-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .about-us-container .inner-initiatives-container .card-container .card { width: 40%; height: 225px; background-color: #f7f7f7; margin-right: 24px; padding: 2rem; } .about-us-container .inner-initiatives-container .image-text-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .about-us-container .inner-initiatives-container .inner-image-container figure { position: relative; height: 385px; min-width: 615px; max-width: 615px; } .about-us-container .inner-initiatives-container .inner-image-container img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } /* 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; } } .missionintro-slider { margin-top: 30px; padding-top: 50px; } @media (max-width: 767px) { .missionintro-slider { padding: 30px 30px 0; } } .missionintro-slider-heading { padding-top: 50px; } @media (max-width: 991px) { .missionintro-slider-heading { padding-top: 30px; } } @media (max-width: 767px) { .missionintro-slider-heading { padding-bottom: 30px; } } .missionintro-image { width: 30%; } @media (max-width: 767px) { .missionintro-image { width: 75px; } } .missionintro-image img { height: 310px; width: 100%; position: relative; } .missionintro-image img:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); left: 0; top: 0; z-index: 1; } @media (max-width: 767px) { .missionintro-image img { height: 100px; } } .missionintro-image-middle { border: 2px solid #FFBE00; position: relative; height: 382px; margin-top: -38px; width: 50%; } @media (max-width: 767px) { .missionintro-image-middle { margin-top: -22px; position: relative; } } @media (max-width: 767px) { .missionintro-image-middle.top-image { height: 100%; } } @media (max-width: 767px) { .missionintro-image-middle.middle-mob { width: 180px; height: 150px; } } .missionintro-image-middle:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; z-index: 1; } .missionintro-image-middle .center-image-content { height: 80%; } @media (max-width: 767px) { .missionintro-image-middle .center-image-content h2 { margin-bottom: 0 !important; } } .missionintro-image-middle .center-image-wrapper { z-index: 2; position: relative; text-align: center; padding: 20px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .missionintro-image-middle .center-image-wrapper p { font-family: "Lato", sans-serif; font-size: 16px !important; line-height: 22px; text-align: center !important; } .missionintro-image-middle .center-image-wrapper .arrow-yellow-prev { position: absolute; bottom: 15px; left: 51%; z-index: 1; } @media (max-width: 767px) { .missionintro-image-middle .center-image-wrapper .arrow-yellow-prev { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; position: absolute; top: 50%; bottom: unset; left: -118px; z-index: 1; z-index: 3; transform: translateY(-50%); } } .missionintro-image-middle .center-image-wrapper .arrow-yellow-prev:focus { background-color: transparent; } .missionintro-image-middle .center-image-wrapper .arrow-yellow-next { position: absolute; right: 51%; bottom: 15px; z-index: 1; transform: rotate(180deg); } @media (max-width: 767px) { .missionintro-image-middle .center-image-wrapper .arrow-yellow-next { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; position: absolute; top: 50%; right: -118px; bottom: unset; z-index: 1; z-index: 3; transform: translateY(-50%) rotate(180deg); } } .missionintro-image-middle .center-image-wrapper .arrow-yellow-next:focus { background-color: transparent; } /* 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; } } .gpp-page .introduction_section { padding-bottom: 0; } .gpp-page .etg_pillars_section:before { top: -65px; -webkit-transform: skewY(0); -moz-transform: skewY(0); transform: skewY(0); } .gpp-page .etg_pillars_section .initiative-layer { bottom: 0; } .gpp-page .etg_pillars_section .tab_section .tab_header ul li .tab_header_card .tab_card_title { padding: 30px; } .gpp-page .blue-color { color: #1400ed; } .gpp-page .top_section.gpp-top { height: 520px; } .gpp-page .top_section.gpp-top .right_section { height: 520px; } .gpp-page .gpp-main { margin: 20px 80px 0 0; } @media (max-width: 767px) { .gpp-page .gpp-main { margin: 15px 10px 40px 10px; } .gpp-page .top_section.gpp-top .right_section { height: auto; min-height: 400px; } .gpp-page .st-clusters-container .cluster-objectives { padding-bottom: 0; z-index: 9; } .gpp-page .st-clusters-container .clusterNews .slick-slide > div .head { top: 30px; left: 0; padding: 0 10px 0 20px; } .gpp-page .st-clusters-container .clusterNews .slick-slide > div img { min-height: 170px; } .gpp-page .st-clusters-container .clusterNews .slick-slide > div .head h2 { font-size: calc(19px + var(--font-size-pixel)); } } .imageWrapBox .slick-slide > div { margin: 0 10px; } .imageWrapBox .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .imageWrapBox .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .imageWrapBox .slick-arrow::before { content: unset; } .imageWrapBox .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; } .imageWrapBox .slick-prev { background-color: transparent; transform: rotate(0deg) translateY(-50%); position: absolute; top: 50%; right: -42px; bottom: 0; left: unset; z-index: 1; } @media (max-width: 991px) { .imageWrapBox .slick-prev { position: absolute; top: 50%; right: -32px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } } .imageWrapBox .slick-next { background-color: transparent; position: absolute; top: 50%; bottom: 0; left: -42px; z-index: 1; } @media (max-width: 991px) { .imageWrapBox .slick-next { position: absolute; top: 50%; bottom: unset; left: -32px; z-index: 1; transform: rotate(0deg) translateY(-50%); } } .imageWrapBox-wrapper { margin-top: 50px; margin-bottom: 50px; } @media (max-width: 767px) { .imageWrapBox-wrapper { margin-bottom: 0; margin-top: 30px; } } .imageWrapBox-wrapper .imageWrapBox { margin-bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 767px) { .imageWrapBox-wrapper .imageWrapBox { flex-direction: column; gap: 20px; } } .imageWrapBox-wrapper .boxList { flex: 0 0 49%; border: 1px solid #FFBE00; } @media (max-width: 767px) { .imageWrapBox-wrapper .boxList { flex: 0 0 100%; width: 100%; } } .imageWrapBox-wrapper .boxList .imagebox-text { border-top: 10px solid #FFBE00; padding: 20px; } .imageWrapBox-wrapper .boxList .imagebox-text h6 { font-family: "Lato", sans-serif; font-size: 20px; line-height: 22px; font-weight: 700; margin-bottom: 20px; } .imageWrapBox-wrapper .boxList .imagebox-text p { font-family: "Lato", sans-serif; } .imageWrapBox-wrapper .boxList img { height: 244px; } .imageWrapBox .imagebox-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border-top: 10px solid #FFBE00; } .imageWrapBox .imagebox-content .imagebox-text { flex: 0 0 80%; border: 0; } .imageWrapBox .imagebox-content .imagebox-text a.readmore { font-size: 16px; line-height: 22px; text-transform: inherit; color: #000000; } .imageWrapBox .imagebox-content .imagebox-text a.readmore::after { background-image: url("/assets/images/linkwitharrow-black.svg"); background-size: auto; height: 10px; width: 21px; } .imageWrapBox .imagebox-content .imagebox-text a.readmore:hover { color: #FFBE00; } .imageWrapBox .imagebox-content .imagebox-image { padding: 20px; } .imageWrapBox .imagebox-content img { flex: 0 0 20%; height: auto; } /* 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; } } .four-pillar-title { display: inline-block; } .four-pillar-title span { text-transform: uppercase; margin: 0 60px; } @media (max-width: 991px) { .four-pillar-title span { margin: 0; } } /* 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; } } .ewaste-page .top_section { height: 480px; } .ewaste-page .top_section img { border-radius: 50%; transform: scale(0.9); } .ewaste-page .top_section .right_section { height: 480px; } @media (max-width: 767px) { .ewaste-page .top_section .right_section { height: auto; } } .ewaste-page .introduction_section { padding-bottom: 50px; } @media (max-width: 767px) { .ewaste-page .introduction_section { padding-bottom: 15px; } } .ewaste-page .introduction_section .detail_section ul li { font-size: 20px; line-height: 1.46; text-align: justify; } @media (max-width: 767px) { .ewaste-page .introduction_section .detail_section ul li { font-size: 16px; } } .ewaste-page .introduction_section .detail_section .ewaste-p { margin-bottom: 20px; } .ewaste-page .tab_section .btn { margin: 10px 0; } /* 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; } } .publishing-section { position: relative; z-index: 2; } .publishing-wrap-new { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; z-index: 3; } @media (max-width: 991px) { .publishing-wrap-new { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .publishing-wrap-new .slider-container { width: 100%; } .publishing-wrap-new .slider-container .flexbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (max-width: 991px) { .publishing-wrap-new .slider-container .slick-list { padding-left: 2px; } } @media (max-width: 991px) { .publishing-wrap-new .slider-container .slick-list .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .publishing-wrap-new .slider-container .slick-list .slick-current .emerging-card { margin-left: auto; } @media (min-width: 1800px) { .publishing-wrap-new .slider-container .slick-list .slick-current .emerging-card { margin-left: unset; } } .publishing-wrap-new .slider-container .emerging-slide { padding: 0 10px; outline: none; margin-top: 10px; } @media (max-width: 1365px) { .publishing-wrap-new .slider-container .emerging-slide { padding: 0 10px; } } @media (max-width: 1500px) { .publishing-wrap-new .slider-container .emerging-slide { padding: 0 15px; } } @media (max-width: 767px) { .publishing-wrap-new .slider-container .emerging-slide { margin-top: 0; padding: 0 30px; } } .publishing-wrap-new .slider-container .emerging-card { position: relative; width: 100%; height: 322px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: all 0.3s; max-width: 240px; background-size: cover; background-repeat: no-repeat; } @media (min-width: 1800px) { .publishing-wrap-new .slider-container .emerging-card { max-width: 100%; height: 370px; } } @media (max-width: 1800px) { .publishing-wrap-new .slider-container .emerging-card { max-width: 100%; height: 370px; } } @media (max-width: 1500px) { .publishing-wrap-new .slider-container .emerging-card { height: 350px; } } @media (max-width: 1365px) { .publishing-wrap-new .slider-container .emerging-card { height: 320px; } } .publishing-wrap-new .slider-container .emerging-card::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); } .publishing-wrap-new .slider-container .emerging-card .report_icon_box { position: absolute; right: 0; bottom: 0; z-index: 1; } .publishing-wrap-new .slider-container .emerging-card .report_icon_box img { max-width: 70px; } @media (max-width: 991px) { .publishing-wrap-new .slider-container .emerging-card .report_icon_box img { max-height: 72px; } } .publishing-wrap-new .slider-container .emerging-card .emerging-info { 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; position: relative; z-index: 2; border: 4px solid transparent; width: 100%; } .publishing-wrap-new .slider-container .emerging-card .emerging-info .viewMoreLink { padding-left: 20px; } .publishing-wrap-new .slider-container .emerging-card .emerging-info .viewMoreLink span { font-family: "Lato", sans-serif; } .publishing-wrap-new .slider-container .emerging-card .emerging-info .viewMoreLink .publishing-download { position: absolute; top: 0; right: 0; } .publishing-wrap-new .slider-container .emerging-card .emerging-info .viewMoreLink .view-pdf-text { padding-left: 20px; color: #ffffff; cursor: pointer; font-size: 16px; line-height: 22px; } .publishing-wrap-new .slider-container .emerging-card .emerging-info .viewMoreLink .view-pdf-text:hover { color: #FFBE00; } .publishing-wrap-new .slider-container .emerging-card .emerging-info .viewMoreLink button { padding-top: 0; padding-bottom: 0; } .publishing-wrap-new .slider-container .emerging-card .emerging-info .link-detail { position: absolute; bottom: 20px; left: 0; height: 50px; } @media (max-width: 991px) { .publishing-wrap-new .slider-container .emerging-card .mark_row { margin-bottom: 15px; padding-right: 38px; max-height: 45px; overflow: hidden; } } .publishing-wrap-new .slider-container .emerging-card .mark_row mark { position: absolute; top: 20px; right: 0; bottom: 0; left: 10px; z-index: 1; vertical-align: middle; max-height: max-content; background-color: #FFBE00; font-family: "Lato", sans-serif; font-size: 14px; line-height: 1.3; color: #000000; display: inline-block; max-width: 200px; } .publishing-wrap-new .slider-container .emerging-card:hover .emerging-info { border: 5px solid #FFBE00; transition: all 0.3s; cursor: pointer; } .publishing-wrap-new .slider-container .emerging-card:hover::after { background-color: rgba(0, 0, 0, 0.7); transition: all 0.3s; } .publishing-wrap-new .slider-container .card-text { font-size: 18px !important; line-height: 26px !important; font-weight: 500; color: #ffffff; margin-top: 95px; font-family: "Lato", sans-serif; padding: 20px 20px 0; text-align: left !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 991px) { .publishing-wrap-new .slider-container .card-text { font-size: 20px !important; max-height: 155px; margin-bottom: 10px; } } @media (max-width: 767px) { .publishing-wrap-new .slider-container .card-text { margin-top: 40px; } } .publishing-wrap-new .details { font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 500; margin-bottom: 10px; padding-left: 20px; margin-right: 15px; text-transform: uppercase; } .publishing-wrap-new .details span { position: relative; font-family: "Lato", sans-serif; } .publishing-wrap-new .readmore { vertical-align: middle; } .publishing-wrap-new .slick-slider { overflow: visible !important; } .publishing-wrap-new .slick-list { overflow: hidden !important; } .publishing-wrap-new .slick-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; position: absolute; top: unset; right: -45px; bottom: 0; z-index: 1; cursor: pointer; } .publishing-wrap-new .slick-arrow::before { content: unset; } .publishing-wrap-new .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; } @media (max-width: 991px) { .publishing-wrap-new .slick-arrow:hover { background: url("/assets/images/dropdown_arrow.svg") no-repeat center; background-color: transparent; } } @media (max-width: 767px) { .publishing-wrap-new .slick-arrow:hover { background: url("/assets/images/yellow_arrow_mob .svg") no-repeat center; background-color: transparent; } } @media (max-width: 991px) { .publishing-wrap-new .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/dropdown_arrow.svg") no-repeat center; background-color: transparent; background-size: contain; } } @media (max-width: 767px) { .publishing-wrap-new .slick-arrow { width: 30px; height: 50px; background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; background-size: contain; } } .publishing-wrap-new .slick-prev { bottom: 50px; left: unset; } @media (max-width: 991px) { .publishing-wrap-new .slick-prev { position: absolute; top: 50%; right: -18px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(-90deg); } } @media (max-width: 767px) { .publishing-wrap-new .slick-prev { transform: translateY(-50%) rotate(-180deg); } } .publishing-wrap-new .slick-next { transform: rotate(0); } @media (max-width: 991px) { .publishing-wrap-new .slick-next { position: absolute; top: 50%; right: unset; bottom: unset; left: -25px; z-index: 1; transform: rotate(90deg) translateY(-50%); } } @media (max-width: 767px) { .publishing-wrap-new .slick-next { position: absolute; top: 50%; right: unset; bottom: unset; left: -20px; z-index: 1; transform: rotate(0) translateY(-50%); } } .publishing-wrap-new .slider-container .publication-less-cards .emerging-slide { max-width: 250px !important; } @media (max-width: 767px) { .publishing-wrap-new .slider-container .publication-less-cards .emerging-slide { padding: 0; } } /* 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; } } .special-invitees { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; row-gap: 10px; margin-right: 10px; } .special-invitees-wrapper { margin-top: 50px; } @media (max-width: 991px) { .special-invitees-wrapper { margin-top: 30px; } } .special-invitees-container { background-color: #EFEFEF; padding-right: 16px !important; padding-bottom: 24px !important; margin-top: 0 !important; } @media (max-width: 991px) { .special-invitees-container { padding-left: 20px !important; } } .special-invitees-content { padding-top: 50px; padding-bottom: 25px; } @media (max-width: 991px) { .special-invitees-content { padding-top: 0; padding-bottom: 0; } } @media (max-width: 767px) { .special-invitees-content .slick-active { display: block; } } @media (max-width: 991px) { .special-invitees-content .slick-slide > div { max-width: 370px; } } @media screen and (max-width: 768px) { .special-invitees-content .slick-slide > div { max-width: 350px; } } .special-invitees-content .slick-slide *::-webkit-scrollbar { display: none; } @media (max-width: 991px) { .special-invitees-content .slick-active { display: block; } } .special-invitees-content .slick-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; background-size: contain; width: 45px; height: 55px; position: absolute; top: unset; bottom: 0; left: -52px; z-index: 1; cursor: pointer; } .special-invitees-content .slick-arrow::before { content: unset; } .special-invitees-content .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; background-size: contain; } @media (max-width: 991px) { .special-invitees-content .slick-arrow:hover { background-size: 20px 20px; background: url("/assets/images/dropdown_arrow.svg") no-repeat center; background-color: transparent; background-size: contain; } } @media (max-width: 991px) { .special-invitees-content .slick-arrow { width: 20px; height: 20px; background-size: 20px 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/dropdown_arrow.svg") no-repeat center; background-color: transparent; background-size: contain; } } .special-invitees-content .slick-prev { bottom: 50px; } @media (max-width: 991px) { .special-invitees-content .slick-prev { transform: rotate(-90deg) !important; position: absolute; top: 47%; right: -15px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%); } } .special-invitees-content .slick-next { transform: rotate(0); } @media (max-width: 991px) { .special-invitees-content .slick-next { transform: rotate(90deg); position: absolute; top: 47%; right: unset; bottom: unset; left: -20px; z-index: 1; } } .special-invitees-card { background-color: #ffffff; padding: 10px; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 20px; border: 1px solid #FFBE00; } .special-invitees-card img { width: 100px; height: 100px; object-fit: contain; } .special-invitees-card span { text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: 400; font-family: "Lato", sans-serif; padding-right: 10px; } /* 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; } } .header-banner-mission { border: 1px solid #FFBE00; } @media (max-width: 991px) { .header-banner-mission { margin-bottom: 30px; } } @media (max-width: 767px) { .header-banner-mission { padding-top: 30px; } } .header-banner-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 767px) { .header-banner-info { flex-flow: column; gap: 20px; } } .header-banner-text { max-width: 62%; padding-right: 80px; position: relative; padding-left: 100px; flex-direction: column; align-self: center; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .header-banner-text .heading-01 { text-transform: capitalize; margin-bottom: 20px; } @media (max-width: 991px) { .header-banner-text { padding-left: 20px; margin-bottom: 10px; max-width: 60%; padding-right: 40px; } } @media (max-width: 767px) { .header-banner-text { max-width: 100%; padding-right: 20px; align-self: baseline; height: 115px; justify-content: space-between; } } @media (max-width: 991px) { .header-banner-text .new-breadcrumb-container { padding: 0 !important; } } .header-banner-text .new-breadcrumb-container a, .header-banner-text .new-breadcrumb-container span { font-family: "Lato", sans-serif; font-size: 16px; line-height: 22px; } @media (max-width: 991px) { .header-banner-text .new-breadcrumb-container a, .header-banner-text .new-breadcrumb-container span { font-size: 14px; line-height: 22px; } } .header-banner-text .new-breadcrumb-container span:last-child { font-weight: 700; } .header-banner-text .new-breadcrumb-container span:nth-last-child(2) { color: #FFBE00; margin: 0 3px; } .header-banner-text .subtitle-heading-01 { font-family: "Lato", sans-serif; font-weight: 500; font-size: 18px; line-height: 22px; } .header-banner-text .subtitle-heading-01 h5 { font-weight: 500; font-family: "Lato", sans-serif; font-size: 18px; line-height: 22px; } .header-banner-headline:not(.pmstiac-heading) { min-height: 50px; } .header-banner-headline p { font-size: 18px !important; line-height: 22px; color: #000000; font-family: "Lato", sans-serif; text-align: left !important; padding-bottom: 15px; max-height: 100px; } @media (max-width: 991px) { .header-banner-headline p { margin-bottom: 20px; font-size: calc(14px + var(--font-size-pixel)) !important; line-height: 22px; padding-bottom: 0; } } .header-banner-images { height: 330px; border: 10px solid #FFBE00; width: 35%; } @media (max-width: 991px) { .header-banner-images { height: 246px; width: 44%; } } @media (max-width: 767px) { .header-banner-images { max-width: 100%; width: 100%; height: 220px; } } .header-banner-images figure { display: flex; align-items: center; justify-content: center; height: 100%; } .header-banner-images figure img { object-fit: cover; height: 100%; width: 100%; margin: 0; } @media (max-width: 767px) { .header-banner-images figure img { object-fit: cover; height: 100%; width: 100%; object-position: top; } } .header-banner-images figure .playIcon.lg { width: 58px; height: 58px; background: url("/assets/images/play_button_new.svg") no-repeat center; background-size: contain; position: absolute; top: unset; right: unset; bottom: 24px; left: 24px; z-index: 1; transform: unset; } @media (max-width: 991px) { .header-banner-images figure .playIcon.lg { width: 42px; height: 42px; position: absolute; top: unset; right: unset; bottom: 20px; left: 20px; z-index: 1; } } @media (max-width: 767px) { .header-banner-images figure .playIcon.lg { width: 31px; height: 31px; position: absolute; top: unset; right: unset; bottom: 30px; left: 32px; z-index: 1; } } .header-banner-images .intro-wrapper { padding: 0; height: 100%; } .header-banner-images .intro-wrapper .introContentBox { height: 100%; } .header-banner-images .intro-wrapper .introContentBox .right_content { height: 100%; border: 0; margin: 0; } .header-banner-images .intro-wrapper .introContentBox .right_content ul { height: 100%; } .header-banner-images .intro-wrapper .introContentBox .right_content ul::after, .header-banner-images .intro-wrapper .introContentBox .right_content ul::before { border: 1px solid #FFBE00; } .header-banner-images .intro-wrapper .introContentBox .right_content ul::after { height: 100%; } .header-banner-images .intro-wrapper .introContentBox .right_content ul::before { width: 100%; } .header-banner-images .intro-wrapper .introContentBox .right_content ul li { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 5px; } @media (max-width: 1800px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li { padding: 35px 16px; } } @media (max-width: 1365px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li { padding: 40px 16px; } } @media (max-width: 991px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li { padding: 22px 16px; } } @media (max-width: 767px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li { padding: 30px 16px; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } .header-banner-images .intro-wrapper .introContentBox .right_content ul li > span { flex: 0 0 40%; margin: 10px 0; } @media (max-width: 767px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li > span { flex: 0 0 22%; } } .header-banner-images .intro-wrapper .introContentBox .right_content ul li > span span { margin-bottom: 0; color: #FFBE00; } @media (max-width: 1800px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li > span span { font-size: 50px; } } @media (max-width: 1365px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li > span span { font-size: 48px; } } @media (max-width: 991px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li > span span { font-size: 40px; } } @media (max-width: 767px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li > span span { font-size: 30px; } } .header-banner-images .intro-wrapper .introContentBox .right_content ul li p { font-family: "Lato", sans-serif; flex: 0 0 58%; font-size: 16px; line-height: 22px; text-align: left; } @media (max-width: 991px) { .header-banner-images .intro-wrapper .introContentBox .right_content ul li p { font-size: 14px !important; line-height: 20px !important; } } .header-banner-images .intro-wrapper .introContentBox .rightBox { width: 100%; border: 0; } @media (max-width: 767px) { .header-banner-images .intro-wrapper .introContentBox .rightBox { padding-left: 0; } } @media (max-width: 767px) { .header-banner-images:has(.intro-wrapper) { height: 100%; } } .header-banner-images:has(.intro-wrapper) .playIcon.lg { background: unset; } @media (max-width: 767px) { .header-banner-mission .header-banner-info .heading-01 { padding-top: 0px; height: auto; } } @media (max-width: 767px) { .header-banner-mission .header-banner-info { gap: 2px; } } @media (max-width: 767px) { .header-banner-mission .header-banner-info .header-banner-text { height: auto; min-height: 100px; } } .header-banner-mission .header-banner-headline .link-with-arrow { color: #FFBE00; padding-right: 40px; } .header-banner-mission .header-banner-headline .link-with-arrow:hover { background-color: transparent; color: #FFBE00; font-weight: 700; } .header-banner-mission .header-banner-headline .link-with-arrow:hover::after { background: url("/assets/images/linkwitharrow.svg") no-repeat bottom; } .introduction-wrapper p { font-size: 18px; line-height: 26px; } .introduction-wrapper-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; } @media (max-width: 767px) { .introduction-wrapper-info { flex-flow: column; } } .introduction-wrapper-text { max-width: 62%; position: relative; padding-left: 100px; flex-direction: column; align-self: center; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .introduction-wrapper-text .heading-01 { text-transform: capitalize; } @media (max-width: 991px) { .introduction-wrapper-text { padding-left: 20px; margin-bottom: 10px; max-width: 60%; padding-right: 40px; } } @media (max-width: 767px) { .introduction-wrapper-text { max-width: 100%; } } @media (max-width: 991px) { .introduction-wrapper-text .new-breadcrumb-container { padding: 0 !important; } } .introduction-wrapper-text .new-breadcrumb-container a, .introduction-wrapper-text .new-breadcrumb-container span { font-family: "Lato", sans-serif; font-size: 16px; line-height: 22px; } @media (max-width: 991px) { .introduction-wrapper-text .new-breadcrumb-container a, .introduction-wrapper-text .new-breadcrumb-container span { font-size: 14px; line-height: 22px; } } .introduction-wrapper-text .new-breadcrumb-container span:last-child { font-weight: 700; } .introduction-wrapper-text .new-breadcrumb-container span:nth-last-child(2) { color: #FFBE00; } .introduction-wrapper-headline p { font-size: 18px !important; line-height: 22px; color: #000000; font-family: "Lato", sans-serif; text-align: left !important; padding-bottom: 30px; } @media (max-width: 991px) { .introduction-wrapper-headline p { margin-bottom: 20px; font-size: calc(14px + var(--font-size-pixel)) !important; line-height: 22px; padding-bottom: 0; } } .introduction-wrapper-images { height: 330px; border: 10px solid #FFBE00; width: 35%; } @media (max-width: 991px) { .introduction-wrapper-images { height: 246px; width: 44%; } } @media (max-width: 767px) { .introduction-wrapper-images { max-width: 100%; width: 100%; height: 220px; } } .introduction-wrapper-images figure { display: flex; align-items: center; justify-content: center; height: 100%; } .introduction-wrapper-images figure img { object-fit: cover; height: 100%; width: 100%; } @media (max-width: 767px) { .introduction-wrapper-images figure img { object-fit: cover; height: 100%; width: 100%; object-position: top; } } .introduction-wrapper-images figure .playIcon.lg { width: 58px; height: 58px; background: url("/assets/images/play_button_new.svg") no-repeat center; background-size: contain; position: absolute; top: unset; right: unset; bottom: 24px; left: 24px; z-index: 1; transform: unset; } @media (max-width: 991px) { .introduction-wrapper-images figure .playIcon.lg { width: 42px; height: 42px; position: absolute; top: unset; right: unset; bottom: 20px; left: 20px; z-index: 1; } } @media (max-width: 767px) { .introduction-wrapper-images figure .playIcon.lg { width: 31px; height: 31px; position: absolute; top: unset; right: unset; bottom: 30px; left: 32px; z-index: 1; } } /* 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; } } .Slider-main-wrapper { margin-bottom: 50px; } @media (max-width: 767px) { .Slider-main-wrapper { margin-bottom: 30px; } } .Slider-main-wrapper .slider-bottom .slick-list { max-width: 970px; margin: 0 auto; padding: 20px 0; } .Slider-main-wrapper .slider-bottom .slick-slide > div { margin: 0 20px; } @media (max-width: 767px) { .Slider-main-wrapper .slider-bottom .slick-slide > div { margin: 0; } } .Slider-main-wrapper .slider-bottom .slick-arrow { background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; transform: rotate(180deg) translateY(-50%); cursor: pointer; } .Slider-main-wrapper .slider-bottom .slick-arrow::before { content: unset; } .Slider-main-wrapper .slider-bottom .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; } @media (max-width: 991px) { .Slider-main-wrapper .slider-bottom .slick-arrow:hover { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } @media (max-width: 991px) { .Slider-main-wrapper .slider-bottom .slick-arrow { width: 30px; height: 50px; position: absolute; top: 25%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } @media (max-width: 767px) { .Slider-main-wrapper .slider-bottom .slick-arrow { width: 30px; height: 50px; } } .Slider-main-wrapper .slider-bottom .slick-prev { position: absolute; top: 25%; left: 0; } @media (max-width: 991px) { .Slider-main-wrapper .slider-bottom .slick-prev { position: absolute; top: 50%; right: -20px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } } .Slider-main-wrapper .slider-bottom .slick-next { transform: rotate(0) translateY(-50%); position: absolute; top: 50%; right: 0; } @media (max-width: 991px) { .Slider-main-wrapper .slider-bottom .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -25px; z-index: 1; transform: rotate(0) translateY(-50%); } } @media (max-width: 767px) { .Slider-main-wrapper .slider-bottom .slick-next { position: absolute; top: 50%; right: unset; bottom: unset; left: -20px; z-index: 1; } } .Slider-main-wrapper .slick-slide .image_slide { height: 444px; width: 100%; margin-top: 50px; margin-bottom: 30px; border: 2px solid #FFBE00; object-fit: contain; background: white; } @media (min-width: 1800px) { .Slider-main-wrapper .slick-slide .image_slide { height: 550px; } } @media (max-width: 991px) { .Slider-main-wrapper .slick-slide .image_slide { height: 330px; } } @media (max-width: 767px) { .Slider-main-wrapper .slick-slide .image_slide { margin-top: 20px; margin-bottom: 20px; height: 210px; } } .Slider-main-wrapper .slick-slide.slick-center { padding: 0; transform: scale(1.2); } @media (max-width: 767px) { .Slider-main-wrapper .slick-slide.slick-center { transform: scale(1.6); padding: 0 !important; } } .Slider-main-wrapper .slick-slide.slick-center img { height: 210px; width: 400px; border: 1px solid #FFBE00; box-shadow: 0px 4px 6px 0px #00000040; } .Slider-main-wrapper .slick-slide.slick-center > div { margin: 0 30px; } @media (max-width: 767px) { .Slider-main-wrapper .slick-slide.slick-center > div { margin: 0; } } .Slider-main-wrapper .slick-slide .image_wrapper img { width: 310px; height: 170px; margin: 0 auto; object-fit: contain; background: white; } @media (max-width: 767px) { .Slider-main-wrapper .slick-slide .image_wrapper img { height: 80px; } } .inner-box-container{ margin-top: 0px; margin-bottom: 0px; padding: 0px; } /* 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; } } .agnii-impact-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .agnii-impact-form { flex-direction: column; } } .agnii-impact-form .leftSection { padding-right: 40px; width: 40%; } @media (max-width: 767px) { .agnii-impact-form .leftSection { width: 100%; padding-right: 0; } } .agnii-impact-form .leftSection .container { padding: 0; } .agnii-impact-form .leftSection .innovators-description { margin-bottom: 50px; } @media (max-width: 767px) { .agnii-impact-form .leftSection .innovators-description { margin-bottom: 30px; } } .agnii-impact-form .leftSection h2 { margin-bottom: 50px; } @media (max-width: 767px) { .agnii-impact-form .leftSection h2 { padding-left: 0 !important; border: none !important; } } .agnii-impact-form .leftSection p { font-family: "Lato", sans-serif; color: #000000; font-size: 18px; line-height: 22px; } @media (max-width: 991px) { .agnii-impact-form .leftSection p { font-size: 16px; line-height: 22px; } } .agnii-impact-form .leftSection a { font-family: "Lato", sans-serif; display: inline-block; font-size: 18px; line-height: 22px; color: #0990CA; text-decoration: underline; } @media (max-width: 991px) { .agnii-impact-form .leftSection a { font-size: 16px; line-height: 22px; } } .agnii-impact-form .rightSection { width: 63%; } @media (max-width: 767px) { .agnii-impact-form .rightSection { width: 100%; padding-right: 0; padding-top: 30px; } } .agnii-impact-form .rightSection .heading { display: none; } .agnii-impact-form .rightSection .inner-box-container { margin-top: 0 !important; box-shadow: none; background: transparent !important; padding: 0; } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container { margin-bottom: 0 !important; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper { background: transparent !important; } .agnii-impact-form .rightSection .inner-box-container .form_wrapper .title_container { padding-bottom: 0; } .agnii-impact-form .rightSection .inner-box-container .form_wrapper .title_container h2 { font-weight: 700 !important; font-family: "Montserrat", sans-serif; text-transform: uppercase; margin-bottom: 30px !important; text-align: left; } @media (max-width: 767px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper .title_container h2 { border: none; padding-left: 0; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form { background-color: #ffffff; padding: 30px; border: 1px solid #FFBE00; } @media (max-width: 1365px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form { padding: 18px; } } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form { padding: 14px 8px; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row { margin-top: 0; margin-bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row { flex-direction: column; margin: 0; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row ~ .input_field { width: 69%; margin-right: 21px; margin-bottom: 0px; padding: 0 21px; } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row ~ .input_field { width: 100%; } } @media (max-width: 767px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row ~ .input_field { padding: 0 12px; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row:nth-child(2) .col_half { max-width: 33.5%; } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row:nth-child(2) .col_half { max-width: 50%; } } @media (max-width: 767px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row:nth-child(2) .col_half { max-width: 100%; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row > div { padding: 0 10px 0 24px; } @media (max-width: 767px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .row > div { padding: 0 10px 0 14px; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .input_field { margin-bottom: 0; } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form label { text-transform: uppercase; color: #000000; font-size: 16px; line-height: 32px; margin-bottom: 0; font-weight: 400; font-family: "Lato", sans-serif; } @media (max-width: 1500px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form label { font-size: 16px; line-height: 32px; } } @media (max-width: 1365px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form label { font-size: 13px !important; line-height: 32px; } } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form label { font-size: 12px; line-height: 22px; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form input, .agnii-impact-form .rightSection .inner-box-container .form_wrapper form textarea { padding: 7px; width: 100%; border-radius: 0; border: 1px solid #FFBE00; height: auto; } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form input, .agnii-impact-form .rightSection .inner-box-container .form_wrapper form textarea { width: 100%; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .google-captcha { width: 30%; margin-left: -38px; flex: 0 0 30%; } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .google-captcha { position: static; float: none; padding: 0; width: 100%; padding-left: 61px; margin-top: 15px; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .google-captcha iframe { scale: 0.6; } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .google-captcha iframe { scale: 1; } } @media (max-width: 767px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .google-captcha iframe { scale: 0.9; margin-left: -20px; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .customBtn { margin-top: 30px; display: inline-block; margin-top: -12px; margin-left: 12px; background-color: #ffffff !important; border: 1px solid #FFBE00; width: 215px; text-transform: uppercase; font-size: 15px; line-height: 18px; text-align: center; height: 45px; color: #000000; font-weight: 700; border-radius: 4px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .customBtn span { font-family: "Lato", sans-serif !important; } @media (max-width: 991px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .customBtn { margin-top: 16px; width: 140px; font-size: 12px; line-height: 18px; height: 36px; } } @media (max-width: 767px) { .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .customBtn { height: 35px; } } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .customBtn:hover { background-color: #FFEBB3; box-shadow: 0px 4px 15px 0px #0000002e; } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form textarea { min-height: 100px; } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form textarea::placeholder { font-family: "Lato", sans-serif; } .agnii-impact-form .rightSection .inner-box-container .form_wrapper form .button-container { padding: 0 10px; } .agnii-impact-form .rightSection .content_section { background-color: transparent; } @media (max-width: 767px) { .agnii-impact-form .rightSection .content_section { padding: 0; } } .agnii-impact-form .rightSection .container { padding: 0; } .agnii-impact-form .leftSection h2, .agnii-impact-form .rightSection .title_container h2 { padding-left: 20px; border-left: 10px solid #FFBE00; border-bottom: 2px solid #FFBE00; } @media (max-width: 991px) { .agnii-impact-form .leftSection h2, .agnii-impact-form .rightSection .title_container h2 { font-size: 20px !important; line-height: 32px !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; } } .stag-card-container { margin-top: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; gap: 34px; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (max-width: 991px) { .stag-card-container { gap: 18px; margin-top: 30px; } } @media (max-width: 767px) { .stag-card-container { flex-flow: column; } } .stag-card-container .slick-current > div { margin: 0 10px; } .stag-card-container .slick-current > div:nth-child(2) .stag-card-item { margin-bottom: 0; } .stag-card-container .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 35px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .stag-card-container .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .stag-card-container .slick-arrow::before { content: unset; } .stag-card-container .slick-prev { position: absolute; top: 50%; right: -24px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } .stag-card-container .slick-next { position: absolute; top: 50%; bottom: unset; left: -24px; z-index: 1; transform: rotate(0deg) translateY(-50%); } .stag-card-item { flex: 0 0 22.5%; max-width: 100%; border: 1px solid #FFBE00; padding: 20px; text-align: center; } @media (max-width: 991px) { .stag-card-item { flex: 0 0 31%; } } @media (max-width: 767px) { .stag-card-item { margin: 0 10px 20px; } } .stag-card-item:hover { background-color: #FFBE004D; } .stag-title { font-family: "Lato", sans-serif; font-size: 20px; line-height: 26x; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } @media (max-width: 991px) { .stag-title { font-size: 18px; line-height: 22px; } } .stag-image { margin-bottom: 20px; } .stag-image img { width: 110px; height: 110px; } @media (max-width: 991px) { .stag-image img { height: 90px; width: 90px; } } @media (max-width: 991px) { .stag-image img { height: 110px; width: 110px; } } @media (max-width: 767px) { .stag-image img { margin: 0 auto; } } .stag-content p { text-align: center !important; } .stag-content p:first-child { font-size: 18px; line-height: 26px; font-family: "Lato", sans-serif; font-weight: 600; } @media (max-width: 767px) { .stag-content p:first-child { font-size: 16px; line-height: 22px; } } .stag-content p:last-child { margin-top: 0; font-size: 18px; line-height: 22px; font-family: "Lato", sans-serif; } @media (max-width: 767px) { .stag-content p:last-child { font-size: 16px; line-height: 22px; } } .stag-designation { font-size: 18px !important; line-height: 24px !important; font-family: "Lato", sans-serif; font-weight: 600; } .stag-department { margin-top: 0; font-size: 18px; line-height: 22px; font-family: "Lato", sans-serif; } /* 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; } } .objective-heading-wrapper { margin-top: 3rem; margin-bottom: 2rem; } .objective-heading { border-left: 5px solid #FFBE00; border-bottom: 1px solid #FFBE00; padding-left: 10px; text-transform: uppercase; width: fit-content; font-weight: 600; } .list_section_new { margin: 80px 0 50px; } @media (max-width: 991px) { .list_section_new { margin-bottom: 10px; margin-top: 40px; padding: 0 10px; } } @media (max-width: 767px) { .list_section_new { margin-top: 25px; } } .list_section_new ul { 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; gap: 76px 36px; } @media (max-width: 991px) { .list_section_new ul { gap: 45px 26px; } } @media (max-width: 767px) { .list_section_new ul { gap: 50px; flex-flow: column; } } .list_section_new ul li { flex: 22%; max-width: 295px; border: 1px solid #FFBE00; position: relative; padding: 25px 15px; height: auto; } @media (max-width: 991px) { .list_section_new ul li { width: 160px; height: auto; max-width: 172px; padding: 20px 5px; } } @media (max-width: 767px) { .list_section_new ul li { max-width: 100%; width: 100%; padding: 40px 12px 14px; } } .list_section_new ul li .pillar-heading { border: 1px solid #FFBE00; transform: translateX(-50%); background: #ffffff; width: 77px; height: 77px; text-align: center; border-radius: 50%; margin-bottom: 0; display: flex; align-items: center; justify-content: center; font-weight: 600; position: absolute; top: -36px; left: 50%; z-index: 1; } @media (max-width: 991px) { .list_section_new ul li .pillar-heading { width: 50px; height: 50px; position: absolute; top: -24px; left: 50%; z-index: 1; } } @media (max-width: 767px) { .list_section_new ul li .pillar-heading { background-color: #FFBE00; } } .list_section_new ul li .pillar-heading img { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); max-width: 50px; max-height: 40px; } @media (max-width: 991px) { .list_section_new ul li .pillar-heading img { max-width: 25px; max-height: 25px; } } .list_section_new ul li p { padding-top: 10px; text-align: center !important; align-items: center; height: 100%; font-family: "Lato", sans-serif; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 18px; line-height: 24px; } @media (max-width: 991px) { .list_section_new ul li p { font-size: 14px; line-height: 22px; } } @media (max-width: 767px) { .list_section_new ul li p { font-size: 16px; line-height: 22px; } } .list_section_new ul li:hover { background-color: rgba(255, 190, 0, 0.3); } .list_section_new ul li:hover figure { background-color: #FFBE00; } .objectives_wrap .slick-slider .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .objectives_wrap .slick-slider .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; background-size: contain; } } .objectives_wrap .slick-slider .slick-arrow::before { content: unset; } .objectives_wrap .slick-slider .slick-arrow:hover { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } .objectives_wrap .slick-slider .slick-prev { background-color: transparent; transform: rotate(0deg) translateY(-50%); position: absolute; top: 50%; right: -42px; bottom: 0; left: unset; z-index: 1; } @media (max-width: 991px) { .objectives_wrap .slick-slider .slick-prev { position: absolute; top: 50%; right: -32px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } } .objectives_wrap .slick-slider .slick-next { background-color: transparent; position: absolute; top: 50%; bottom: 0; left: -42px; z-index: 1; } @media (max-width: 991px) { .objectives_wrap .slick-slider .slick-next { position: absolute; top: 50%; bottom: unset; left: -32px; z-index: 1; transform: rotate(0deg) translateY(-50%); } } @media (max-width: 767px) { .pm-stiac-mission-new .objectives_wrap { padding: 0; } } @media (max-width: 767px) { .pm-stiac-mission-new .objectives_wrap .list_section_new { padding: 0; } } /* 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; } } .image-box-slider .imageWrapBox { display: block !important; } @media (max-width: 767px) { .image-box-slider .imageWrapBox { margin-bottom: -40px !important; } } .card { transform: scale(1); opacity: 1; transition: transform 0.5s ease, opacity 0.5s ease-in; } .hide { opacity: 0; transform: scale(0.5); transition: transform 0.5s ease, opacity 0.5s ease-in; } .slideToTop { opacity: 0; transform: scale(0.5); transition: transform 0.5s ease, opacity 0.5s ease-in; } .cluster-grid { margin-bottom: 70px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; position: relative; flex-wrap: wrap; row-gap: 40px; } @media (max-width: 1365px) { .cluster-grid { gap: 15px; } } @media (max-width: 991px) { .cluster-grid { flex-wrap: wrap; gap: 50px 12px; margin-top: 60px; margin-bottom: 0; } } .cluster-grid .bg-cluster-active { position: absolute; top: -15px; right: -15px; left: -15px; z-index: 2; box-shadow: 0px 4px 10px 0px #00000040; height: 248px; width: 190px; border-top-left-radius: 64% 50%; border-top-right-radius: 64% 50%; padding: 12px; transition: transform 0.5s ease; background-color: #ffffff; } @media (min-width: 1800px) { .cluster-grid .bg-cluster-active { width: 215px; height: 280px; } } @media (max-width: 1500px) { .cluster-grid .bg-cluster-active { width: 182px; height: 248px; } } @media (max-width: 1365px) { .cluster-grid .bg-cluster-active { width: 165px; height: 230px; top: -7px; border-top-left-radius: 69% 41%; border-top-right-radius: 65% 45%; } } @media (max-width: 991px) { .cluster-grid .bg-cluster-active { display: none; } } .cluster-grid .cluster-item { position: relative; z-index: 3; cursor: pointer; flex: 0 0 25%; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (max-width: 1365px) { .cluster-grid .cluster-item { width: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } } @media (max-width: 991px) { .cluster-grid .cluster-item { border: 1px solid #FFBE00; flex: 0 0 48%; background-color: #ffffff; background: url("/assets/images/cluster-light-mob-bg.png") no-repeat center; background-color: transparent; background-size: cover; } } .cluster-grid .cluster-item.active .cluster-image { border-width: 5px; transition: all 0.4s; box-shadow: 0px 4px 10px 0px #00000040; } @media (min-width: 1800px) { .cluster-grid .cluster-item:first-child.active ~ .bg-cluster-active { transform: translateX(0vw); } } @media (max-width: 1800px) { .cluster-grid .cluster-item:first-child.active ~ .bg-cluster-active { transform: translateX(0vw); } } @media (max-width: 1365px) { .cluster-grid .cluster-item:first-child.active ~ .bg-cluster-active { transform: translateX(0.2vw); } } @media (min-width: 1800px) { .cluster-grid .cluster-item:nth-child(2).active ~ .bg-cluster-active { transform: translateX(13vw); } } @media (max-width: 1800px) { .cluster-grid .cluster-item:nth-child(2).active ~ .bg-cluster-active { transform: translateX(12.7vw); } } @media (max-width: 1500px) { .cluster-grid .cluster-item:nth-child(2).active ~ .bg-cluster-active { transform: translateX(12.4vw); } } @media (max-width: 1365px) { .cluster-grid .cluster-item:nth-child(2).active ~ .bg-cluster-active { transform: translateX(12.3vw); } } @media (min-width: 1800px) { .cluster-grid .cluster-item:nth-child(3).active ~ .bg-cluster-active { transform: translateX(26.2vw); } } @media (max-width: 1800px) { .cluster-grid .cluster-item:nth-child(3).active ~ .bg-cluster-active { transform: translateX(25.3vw); } } @media (max-width: 1500px) { .cluster-grid .cluster-item:nth-child(3).active ~ .bg-cluster-active { transform: translateX(24.8vw); } } @media (max-width: 1365px) { .cluster-grid .cluster-item:nth-child(3).active ~ .bg-cluster-active { transform: translateX(24.5vw); } } @media (min-width: 1800px) { .cluster-grid .cluster-item:nth-child(4).active ~ .bg-cluster-active { transform: translateX(39.2vw); } } @media (max-width: 1800px) { .cluster-grid .cluster-item:nth-child(4).active ~ .bg-cluster-active { transform: translateX(38.3vw); } } @media (max-width: 1500px) { .cluster-grid .cluster-item:nth-child(4).active ~ .bg-cluster-active { transform: translateX(37.3vw); } } @media (max-width: 1365px) { .cluster-grid .cluster-item:nth-child(4).active ~ .bg-cluster-active { transform: translateX(36.5vw); } } @media (min-width: 1800px) { .cluster-grid .cluster-item:nth-child(5).active ~ .bg-cluster-active { transform: translateX(52.4vw); } } @media (max-width: 1800px) { .cluster-grid .cluster-item:nth-child(5).active ~ .bg-cluster-active { transform: translateX(50.8vw); } } @media (max-width: 1500px) { .cluster-grid .cluster-item:nth-child(5).active ~ .bg-cluster-active { transform: translateX(49.8vw); } } @media (max-width: 1365px) { .cluster-grid .cluster-item:nth-child(5).active ~ .bg-cluster-active { transform: translateX(49.1vw); } } @media (min-width: 1800px) { .cluster-grid .cluster-item:nth-child(6).active ~ .bg-cluster-active { transform: translateX(65.3vw); } } @media (max-width: 1800px) { .cluster-grid .cluster-item:nth-child(6).active ~ .bg-cluster-active { transform: translateX(63.8vw); } } @media (max-width: 1500px) { .cluster-grid .cluster-item:nth-child(6).active ~ .bg-cluster-active { transform: translateX(62vw); } } @media (max-width: 1365px) { .cluster-grid .cluster-item:nth-child(6).active ~ .bg-cluster-active { transform: translateX(61.7vw); } } @media (min-width: 1800px) { .cluster-grid .cluster-item:nth-child(7).active ~ .bg-cluster-active { transform: translateX(78.5vw); } } @media (max-width: 1800px) { .cluster-grid .cluster-item:nth-child(7).active ~ .bg-cluster-active { transform: translateX(76.5vw); } } @media (max-width: 1500px) { .cluster-grid .cluster-item:nth-child(7).active ~ .bg-cluster-active { transform: translateX(74.6vw); } } @media (max-width: 1365px) { .cluster-grid .cluster-item:nth-child(7).active ~ .bg-cluster-active { transform: translateX(73.9vw); top: -12px; } } .cluster-grid .cluster-image { height: 160px; width: 160px; border: 1px solid #FFBE00; border-radius: 50%; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-bottom: 32px; } @media (min-width: 1800px) { .cluster-grid .cluster-image { width: 185px; height: 185px; } } @media (max-width: 1500px) { .cluster-grid .cluster-image { width: 152px; height: 152px; } } @media (max-width: 1365px) { .cluster-grid .cluster-image { width: 130px; height: 130px; } } @media (max-width: 991px) { .cluster-grid .cluster-image { height: 80px; width: 80px; margin-top: -30px; margin-left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); margin-bottom: 10px; } } @media (max-width: 767px) { .cluster-grid .cluster-image { height: 58px; width: 58px; } } .cluster-grid .cluster-image img { margin-right: 0; } @media (max-width: 1365px) { .cluster-grid .cluster-image img { max-width: 100px; } } .cluster-grid .cluster-text { font-weight: 700; text-transform: uppercase; } @media (max-width: 991px) { .cluster-grid .cluster-text { margin-bottom: 10px; } } .cluster-grid .cluster-link { color: #FFBE00; display: block; text-align: center; padding-bottom: 20px; } .cluster-wrapper { position: relative; z-index: 1; height: 400px; } @media (max-width: 991px) { .cluster-wrapper { display: none; } } .cluster-wrapper .cluster-link { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .cluster-wrapper img { height: 700px; width: 100%; } .additional-info { position: relative; } .additional-info figure { border: 1px solid #FFBE00; padding: 20px; width: 250px; background-color: #ffffff; position: absolute; top: 50px; right: 100px; } @media (max-width: 991px) { .additional-info figure { width: 150px; right: 20px; } } @media (max-width: 767px) { .additional-info figure { position: unset; margin-bottom: 20px; } } .additional-info .intro-text { width: 70%; } @media (max-width: 767px) { .additional-info .intro-text { width: 100%; } } .additional-info .intro-text p a { text-transform: uppercase; } /* 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; } } .nrf_page .blockquote-slider { border: 1px solid #FFBE00; } .nrf_page .blockquote-slider * { font-family: "Lato", sans-serif; } .nrf_page .blockquote-slider .quote { position: relative; padding: 45px; } .nrf_page .blockquote-slider .quote:focus { outline: none; } @media (max-width: 767px) { .nrf_page .blockquote-slider .quote { padding: 10px; } } .nrf_page .blockquote-slider .quote .quote-desc { position: relative; font-weight: 600; margin-bottom: 0; text-align: justify; } .nrf_page .blockquote-slider .quote .quote-desc .quote-data p { font-size: 20px; line-height: 32px; text-transform: uppercase; text-align: justify; } @media (max-width: 767px) { .nrf_page .blockquote-slider .quote .quote-desc .quote-data p { font-size: 16px; line-height: 22px; } } .nrf_page .blockquote-slider .quote .quote-desc .quote-data p::before { content: url("/assets/images/quote_large.svg"); padding-right: 10px; } .nrf_page .blockquote-slider .quote .quote-desc .quote-data p::after { content: url("/assets/images/quote_small.svg"); padding-right: 10px; } @media (max-width: 767px) { .nrf_page .blockquote-slider .quote .quote-desc { padding: 15px; } } .nrf_page .blockquote-slider .quote .quote-by { text-align: right !important; text-transform: uppercase; margin: 30px 0 5px 0; width: 100%; font-weight: 700; font-size: 16px; line-height: 22px; padding-top: 12px; position: relative; } .nrf_page .blockquote-slider .quote .quote-by::before { content: ''; background-color: #FFBE00; position: absolute; right: 0; top: 0; height: 2px; width: 34px; } .nrf_page .blockquote-slider .quote .quote-by .description { padding-top: 6px; font-weight: 500; font-size: 16px; line-height: 22px; text-align: right !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; } } .featured-card { min-height: 193px; } .one-health-resource .featured_articles_wrap_new .featured_articles_wrapper .featured-card .article_title { height: 32px !important; } .subtitle { padding: 10px; } .dots-line-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } /* 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; } } .one-introduction-wrapper { padding: 50px; } @media (max-width: 991px) { .one-introduction-wrapper { padding-right: 20px !important; } } @media (max-width: 767px) { .one-introduction-wrapper.mob-full-width-white { margin: 0; border: 0; background-color: #ffffff; } .one-introduction-wrapper.mob-full-width-white > .heading-02 { background-color: #ffffff; position: relative; } .one-introduction-wrapper.mob-full-width-white > .heading-02::before, .one-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; } .one-introduction-wrapper.mob-full-width-white > .heading-02::before { width: 20px; } .one-introduction-wrapper.mob-full-width-white > .heading-02::after { width: 20px; left: unset; right: -5px; } } .one-health-intro-border { border-right: 10px solid #FFBE00; padding: 40px 35px 30px 100px; } @media (max-width: 991px) { .one-health-intro-border { margin-top: 30px; } } .one-health-intro-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; } .one-health-intro-border .middleSection .desBox p { display: block !important; } @media (max-width: 991px) { .one-health-intro-border { margin-left: 20px; padding: 30px; } } @media (max-width: 767px) { .one-health-intro-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; } } /* 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; } } .one-health-mission .principalWrapper { display: flex; flex-direction: row; gap: 20px; margin-bottom: 50px; } @media (max-width: 767px) { .one-health-mission .principalWrapper { flex-direction: column; margin-bottom: 0; } } .one-health-mission .principalWrapper .principalLeftSection { width: 20%; display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 10px; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalLeftSection { width: 100%; margin: 0; flex-direction: row; position: relative; } } .one-health-mission .principalWrapper .principalLeftSection .slick-list { margin: 0 10px; overflow: hidden !important; } .one-health-mission .principalWrapper .principalLeftSection .slick-track { display: flex; } .one-health-mission .principalWrapper .principalLeftSection .nameBox { text-align: center; cursor: pointer; margin: 5px 0; height: 138px; display: flex; align-items: center; border: 1px solid #FFBE00; font-weight: 500; font-size: 18px; font-family: "Lato", sans-serif; padding: 12px; width: 100%; justify-content: center; } @media (max-width: 1365px) { .one-health-mission .principalWrapper .principalLeftSection .nameBox { height: 126px; } } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalLeftSection .nameBox { padding: 25px; font-size: 15px !important; height: 100px; font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalLeftSection .nameBox { display: flex !important; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; font-family: "Lato", sans-serif; height: 120px !important; } } .one-health-mission .principalWrapper .principalLeftSection .nameBox:hover { background-color: #FFBE004D; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalLeftSection .nameBox:hover { background-color: transparent; } } .one-health-mission .principalWrapper .principalLeftSection .nameBox.active { background-color: #FFBE00 !important; font-weight: 700; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalLeftSection .nameBox.active { background-color: #FFBE00; } } .one-health-mission .principalWrapper .principalLeftSection .slick-slide > div { margin: 0 10px; } .one-health-mission .principalWrapper .principalLeftSection .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 35px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalLeftSection .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .one-health-mission .principalWrapper .principalLeftSection .slick-arrow::before { content: unset; } .one-health-mission .principalWrapper .principalLeftSection .slick-prev { position: absolute; top: 50%; right: -24px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } .one-health-mission .principalWrapper .principalLeftSection .slick-next { position: absolute; top: 50%; bottom: unset; left: -24px; z-index: 1; transform: rotate(0deg) translateY(-50%); } .one-health-mission .principalWrapper .principalLeftSection.one-health-advisory .nameBox { height: 180px; text-transform: uppercase; font-size: 18px; line-height: 22px; } .one-health-mission .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection { position: relative; display: flex; flex-direction: column; } .one-health-mission .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection { background-color: #ffffff; flex: 1; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection { height: auto; } } .one-health-mission .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection img { width: 100%; } .one-health-mission .principalWrapper .principalRightSection { width: 80%; margin: 5px 0; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection { width: 100%; } } .one-health-mission .principalWrapper .principalRightSection .rightTopSection { padding: 18px; font-size: 18px; line-height: 22px; border: 1px solid #FFBE00; border-bottom: none; background-color: #ffeab3; } .one-health-mission .principalWrapper .principalRightSection .rightTopSection p { font-family: "Lato", sans-serif; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection { border: 1px solid #FFBE00; display: flex; height: 400px; flex-direction: row; padding: 30px; gap: 30px; } @media (max-width: 1365px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection { height: 360px; } } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection { gap: 20px; flex-direction: row; padding: 20px; height: 285px; overflow: auto; scrollbar-width: none; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection { flex-direction: column; height: 900px; margin-bottom: 18px; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mb-30 { margin-bottom: 30px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection ul { list-style-type: disc; padding-left: 20px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection ul li { margin-bottom: 10px; font-family: "Lato", sans-serif; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent { display: flex; flex-direction: column; height: 100%; overflow: auto; width: 85%; border-left: 10px solid #FFBE00; padding: 0 10px 20px 30px; /* Track */ } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent { padding: 0 10px 20px 20px; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent { width: 100%; border: none; padding: 0; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent strong, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent strong p, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent p strong { font-family: "Lato", sans-serif; font-size: 20px; margin-bottom: 20px; display: block; } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent strong, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent strong p, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent p strong { font-size: 16px; line-height: 22px; margin-bottom: 12px; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent strong, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent strong p, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent p strong { text-transform: uppercase; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent p { padding-bottom: 0; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent p, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent span, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { font-family: "Lato", sans-serif; list-style: disc; font-size: 18px; line-height: 22px; } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent p, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent span, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { font-size: 16px; line-height: 22px !important; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent p, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent span, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { font-size: 14px !important; line-height: 20px !important; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { margin-bottom: 6px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar { width: 5px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar { width: 4px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar-track { width: 5px; background-color: #f7f7f7; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar-thumb { background-color: #E8E7E7; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { margin-bottom: 10px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .process-modal .zoom-flip img { width: auto !important; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .process-modal .goals { height: 575px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 20px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .intiativeSection p:not(:has(strong)), .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .intiativeSection ul { padding-left: 20px; position: relative; margin-top: 6px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .intiativeSection p:not(:has(strong))::before, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .intiativeSection ul::before { content: ''; position: absolute; top: 9px; left: 5px; width: 6px; height: 6px; background-color: #000000; border-radius: 50%; } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 20px; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 30px; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .awardSection ul { list-style-type: disc; padding-left: 20px; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .awardSection { margin-bottom: 10px; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .profile { margin-bottom: 30px; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper { width: 48%; float: left; height: 50px; border: 1px solid #FFBE00; margin-right: 10px; margin-bottom: 15px; border-radius: 30px; } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper { width: 47%; height: 41px; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper { width: 75%; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { padding-left: 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding-right: 10px; height: 100%; } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { font-size: 12px; line-height: 18px; padding-left: 43px; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { padding-left: 47px; font-size: 14px; line-height: 18px; } } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection { margin-bottom: 20px; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .imageSection { flex: 0 0 27%; border: 1px solid #FFBE00; } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .imageSection { flex: 0 0 30%; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .imageSection { border-bottom: 10px solid #FFBE00; height: 400px; } } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .imageSection img { height: 100%; width: 100%; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .video-section { height: 100%; width: 100%; } .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .playIcon.lg { width: 58px; height: 58px; background: url("/assets/images/grey_play.png") no-repeat center; background-size: contain; position: absolute; top: 50%; right: unset; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 991px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .playIcon.lg { width: 42px; height: 42px; position: absolute; top: unset; right: unset; bottom: 20px; left: 20px; z-index: 1; } } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .rightBottomSection .playIcon.lg { width: 31px; height: 31px; position: absolute; top: unset; right: unset; bottom: 30px; left: 32px; z-index: 1; } } .one-health-mission .principalWrapper .principalRightSection.etg .rightBottomSection { flex-direction: column; height: 455px; overflow: auto; padding-right: 20px; /* Track */ } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection.etg .rightBottomSection { margin-bottom: 0; } } .one-health-mission .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar { width: 5px; } .one-health-mission .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar { width: 4px; } .one-health-mission .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar-track { width: 5px; background-color: #f7f7f7; } .one-health-mission .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar-thumb { background-color: #E8E7E7; } .one-health-mission .principalWrapper .principalRightSection.etg .rightBottomSection .mainContent { padding-right: 15px; } .one-health-mission .principalWrapper .principalRightSection .scrollSection { max-height: 170px; overflow: auto; border-bottom: 1px solid #FFBE00; position: relative; flex: 1; transition: all 0.3s linear; } .one-health-mission .principalWrapper .principalRightSection .scrollSection.show { max-height: 300px; } .one-health-mission .principalWrapper .principalRightSection .scrollSection .scroll-wrap { height: 109px; overflow: hidden; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .scrollSection { height: auto; } } .one-health-mission .principalWrapper .principalRightSection .scrollSection .icon-arrow { position: static; transform: translateX(0px); color: #ef6d41; cursor: pointer; } @media (max-width: 479px) { .one-health-mission .principalWrapper .principalRightSection .scrollSection .icon-arrow { bottom: 30px; } } .one-health-mission .principalWrapper .principalRightSection .scrollSection .icon-arrow img { height: 15px; width: 15px; } @media (max-width: 767px) { .one-health-mission .principalWrapper .principalRightSection .scrollSection .icon-arrow img { display: none; } } .one-health-mission .principalWrapper .principalRightSection .scrollSection::-webkit-scrollbar { width: 10px; } .one-health-mission .principalWrapper .principalRightSection .scrollSection::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); } @media (max-width: 767px) { .one-health-mission .principalWrapper { padding-bottom: 0; } } /* 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; } } .onos .process-wrap { padding: 0 30px; } .onos .process-modal .modal-content { position: relative; } .onos .process-modal .modal-content .close-button { background: url("/assets/images/close_yellow.svg") no-repeat bottom; bottom: 0; width: 40px; height: 40px; right: 0; top: unset; } .onos .process-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 40px 10px; } .onos .process-content-wrap .lato-paragraph p { text-align: left !important; } .onos .process-content-wrap.section-top .card-detail { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 20px; } .onos .process-content-wrap.section-top .card-detail > div { -webkit-flex-flow: column-reverse; -moz-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } .onos .process-content-wrap.section-top .card-detail::before { content: ""; position: absolute; top: 0; left: 50%; background-color: #FFBE00; height: 12px; width: 12px; border-radius: 50%; } .onos .process-content-wrap.section-bottom .card-detail { position: relative; padding-bottom: 30px; } .onos .process-content-wrap.section-bottom .card-detail > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .onos .process-content-wrap.section-bottom .card-detail::after { content: ""; position: absolute; bottom: 0; left: 50%; background-color: #FFBE00; height: 12px; width: 12px; border-radius: 50%; } .onos .process-content-wrap .process-text { flex: 0 0 17%; } .onos .process-content-wrap .process-text .card-detail > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; } .onos .process-content-wrap .process-text .card-detail span { font-weight: 700; text-transform: uppercase; } .onos .process-image-wrap img { width: 100%; } .onos .zoom-flip { width: 40px; height: 40px; background-color: #FFBE00; border-radius: 50%; margin-bottom: 30px; margin-left: auto; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; box-shadow: 0px 0px 21px 0px #00000040; } .onos .zoom-flip img { padding: 2px; } /* 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; } } .publisher-container { text-align: center; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } .publisher-item-container { width: 14%; background: #fff; margin: 16px 20px; border: 1px solid #FFBE00; padding: 10px 10px 10px 28px; position: relative; display: flex; justify-content: center; align-items: center; color: #000; } .publisher-item-container .item-image-container { background: #fff; border: 1px solid #FFBE00; width: 77px; height: 77px; text-align: center; border-radius: 50%; margin-bottom: 0; padding: 20px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); } .publisher-item-container .item-image-container img { max-width: 100%; vertical-align: middle; display: inline-block; } .publisher-item-container .item-content { display: inline-block; font-size: 14px; padding-left: 15px; width: 165px; text-align: left; text-transform: uppercase; font-weight: 600; font-family: "Lato", sans-serif; vertical-align: middle; } @media (max-width: 767px) { .publisher-item-container { width: 90%; min-height: 92px; margin: 0; margin-left: 10%; } } /* 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; } } @media (max-width: 991px) { .onos .lead-partner-wrapper { margin-top: 25px; } } @media (max-width: 767px) { .onos .lead-partner-wrapper { margin-top: 20px; } } .onos .lead-card { height: 100%; } .onos .lead-card .image2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 100%; } @media (max-width: 991px) { .onos .lead-card .image2 { min-width: 227px; } } .onos .lead-partner-container { background-color: #000000; padding-right: 10px; padding-bottom: 50px; margin-top: 0; padding-top: 30px; } @media (max-width: 991px) { .onos .lead-partner-container { padding: 10px 30px 30px !important; } } .onos .lead-partner-container .slick-slider { margin-left: 2px; } .onos .lead-partner-container .slick-slider html::-webkit-scrollbar { display: none; } .onos .lead-partner-container .slick-slider .rounded-border { height: 100%; } @media (max-width: 991px) { .onos .lead-partner-container .slick-slider .rounded-border { margin: 0 10px; } } .onos .lead-partner-container .slick-slider .rounded-border img { height: 100%; width: 100%; border-radius: 5px; max-width: 350px; } .onos .lead-partner-container .slick-list { width: 100%; } @media (max-width: 991px) { .onos .lead-partner-container .slick-slider { height: 95px; } } .onos .lead-partner-container .slick-slide { height: 130px; } @media (max-width: 991px) { .onos .lead-partner-container .slick-slide { height: 95px; } } @media (max-width: 767px) { .onos .lead-partner-container .slick-slide { max-width: 100%; } } @media (max-width: 991px) { .onos .lead-partner-container .slick-slide .lead-card { margin: 0 10px; } } .onos .lead-partner-container .slick-slide .lead-card img { object-fit: scale-down; border-radius: 20px; } .onos .lead-partner-container .slick-slide #body { overflow: hidden !important; } .onos .lead-partner-container .slick-slide #body::-webkit-scrollbar { display: none; } .onos .lead-partner-container .slick-slide > div { margin-right: 20px; height: 100%; } @media (max-width: 991px) { .onos .lead-partner-container .slick-slide > div { margin-right: 0; } } .onos .lead-partner-container .slick-slide iframe { border-radius: 8px; height: 160px; overflow: hidden; } @media (max-width: 991px) { .onos .lead-partner-container .slick-slide iframe { height: 75px; } } @media (max-width: 767px) { .onos .lead-partner-container .slick-slide iframe { height: 150px; } } .onos .lead-partner-container .slick-slide iframe html { overflow: hidden; } .onos .lead-partner-container .slick-slide iframe :root { overflow: hidden; } .onos .lead-partner-container .slick-slide *::-webkit-scrollbar { display: none; } @media (max-width: 991px) { .onos .lead-partner-container .slick-slide img { height: 75px; } } .onos .lead-partner-container .slick-arrow { background-color: transparent; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; position: absolute; top: unset; bottom: 0; left: -52px; z-index: 1; cursor: pointer; } .onos .lead-partner-container .slick-arrow::before { content: unset; } .onos .lead-partner-container .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; } @media (max-width: 991px) { .onos .lead-partner-container .slick-arrow:hover { background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; background-color: transparent; } } @media (max-width: 991px) { .onos .lead-partner-container .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; background-color: transparent; } } .onos .lead-partner-container .slick-prev { background-color: transparent; bottom: 50px; } @media (max-width: 991px) { .onos .lead-partner-container .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%); } } .onos .lead-partner-container .slick-next { background-color: transparent; transform: rotate(0); } @media (max-width: 991px) { .onos .lead-partner-container .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -10px; z-index: 1; transform: rotate(180deg); } } .onos .lead-content { padding-top: 20px; display: flex; justify-content: space-between; padding-bottom: 30px; align-items: center; } .onos .lead-content h3, .onos .lead-content .title, .onos .lead-content .title2, .onos .lead-content .title3 { font-size: 28px; line-height: 32px; margin-bottom: 0px; color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 700 !important; } @media (max-width: 991px) { .onos .lead-content h3, .onos .lead-content .title, .onos .lead-content .title2, .onos .lead-content .title3 { font-size: 20px; line-height: 22px; } } .onos .lead-content .count-slide { font-family: "Montserrat", sans-serif; color: #ffffff; font-weight: 600; font-size: 16px; line-height: 32px; letter-spacing: 2px; } .onos .lead-button { padding: 14px 50px; background: #ffffff; font-size: 15px; line-height: 18px; font-weight: 700; text-transform: uppercase; border-radius: 4px; border: 1px solid #FFBE00; font-family: "Lato", sans-serif; color: #000000; } @media (max-width: 991px) { .onos .lead-button { padding: 15px 20px; font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { .onos .lead-button { padding: 8px 6px; font-size: 12px; line-height: 18px; flex: 0 0 50%; text-align: center; } } .onos .lead-button:hover { background: #ffeab3; } /* 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; } } /* 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, .stip_page, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .stip_page, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .stip_page, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .stip_page, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .stip_page, .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; } } .stip_page .top_section .right_banner_col { margin-left: auto; height: inherit; margin-top: -2px; } @media (max-width: 767px) { .stip_page .top_section .right_banner_col { height: 280px; position: relative; margin-top: 0; } } @media (max-width: 767px) { .stip_page .introduction_section .detail_section { padding-right: 20px; padding-bottom: 0; } } .stip_page .stip_read_section { padding: 140px 0; padding-top: 0; } .stip_page .stip_read_section .stip_read_wrap { 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; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .stip_page .stip_read_section .stip_read_wrap .read_col { width: -moz-calc(50% - 8px); width: -webkit-calc(50% - 8px); width: calc(50% - 8px); min-height: 275px; position: relative; 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: 55px 40px; } .stip_page .stip_read_section .stip_read_wrap .read_col h4 { font-weight: 900; color: #212121; position: relative; z-index: 1; } .stip_page .stip_read_section .stip_read_wrap .read_col figure { position: absolute; right: 40px; bottom: 55px; z-index: 0; } .stip_page .stip_read_section .stip_read_wrap .read_col figure img { max-height: 105px; } .stip_page .stip_read_section .stip_read_wrap .read_col .btn-row { margin-top: auto; position: relative; z-index: 1; } .stip_page .stip_read_section .stip_read_wrap .read_col.read_more { background-color: #FFBE00; } .stip_page .stip_read_section .stip_read_wrap .read_col.suggestion { background-color: #EF6D41; } .stip_page .stip_read_section .stip_read_wrap .read_col.suggestion h4 { color: #ffffff; } .stip_banner_group { height: inherit; width: 315px; margin-right: -15px; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -ms-transform: rotate(-9deg); -o-transform: rotate(-9deg); transform: rotate(-9deg); background: url("/assets/images/circle-border.svg") no-repeat center; background-size: cover; position: relative; } @media (max-width: 767px) { .stip_banner_group { background: url("/assets/images/circle-border-mobile.svg") no-repeat right; background-size: contain; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); height: 282px; top: 3px; } } .stip_banner_group .stip_field_title { font-size: 16px; line-height: 1.63; font-weight: 700; color: #ffffff; position: absolute; top: 50%; left: 50%; z-index: 1; transform: rotate(9deg) translate(-50%, -50%); -webkit-transform: rotate(9deg) translate(-50%, -50%); -moz-transform: rotate(9deg) translate(-50%, -50%); -ms-transform: rotate(9deg) translate(-50%, -50%); -o-transform: rotate(9deg) translate(-50%, -50%); max-width: 250px; text-align: right; margin-top: 10px; margin-left: -10px; } @media (max-width: 767px) { .stip_banner_group .stip_field_title { display: none; } } .stip_banner_group ul { -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); -ms-transform: rotate(9deg); -o-transform: rotate(9deg); transform: rotate(9deg); } @media (max-width: 767px) { .stip_banner_group ul { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } .stip_banner_group ul li { position: absolute; 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; } .stip_banner_group ul li .circle_heading { font-size: 12px; line-height: 18px; color: #ffffff; letter-spacing: 0; font-weight: 600; white-space: nowrap; } .stip_banner_group ul li figure { width: 32px; height: 32px; line-height: 32px; margin: 0 15px; } @media (max-width: 767px) { .stip_banner_group ul li figure { margin: 0 12px; } } .stip_banner_group ul li figure img { max-height: 32px; } .stip_banner_group ul li .circle_image { position: relative; width: 90px; } @media (max-width: 767px) { .stip_banner_group ul li .circle_image { width: 55px; } } .stip_banner_group ul li .circle_image:before { content: ''; position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 40px; height: 2px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; background-color: #FFBE00; } @media (max-width: 767px) { .stip_banner_group ul li .circle_image:before { width: 24px; } } .stip_banner_group ul li .circle_image:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 30px; height: 30px; background: url("/assets/images/circle-1.svg") no-repeat center; background-size: cover; } @media (max-width: 767px) { .stip_banner_group ul li .circle_image:after { width: 16px; height: 16px; } } .stip_banner_group ul li:nth-child(1) { top: 22px; right: 190px; } @media (max-width: 767px) { .stip_banner_group ul li:nth-child(1) { top: 25px; right: 53px; } } .stip_banner_group ul li:nth-child(1) .circle_image:before { background-color: #ff5252; } .stip_banner_group ul li:nth-child(1) .circle_image:after { background: url("/assets/images/circle-1.svg") no-repeat center; background-size: cover; } .stip_banner_group ul li:nth-child(2) { top: 108px; right: 246px; } @media (max-width: 767px) { .stip_banner_group ul li:nth-child(2) { top: 75px; right: 83px; } } .stip_banner_group ul li:nth-child(2) .circle_image:before { background-color: #d93ef5; } .stip_banner_group ul li:nth-child(2) .circle_image:after { background: url("/assets/images/circle-2.svg") no-repeat center; background-size: cover; } .stip_banner_group ul li:nth-child(3) { top: 192px; right: 263px; } @media (max-width: 767px) { .stip_banner_group ul li:nth-child(3) { top: 125px; right: 92px; } } .stip_banner_group ul li:nth-child(3) .circle_image:before { background-color: #448aff; } .stip_banner_group ul li:nth-child(3) .circle_image:after { background: url("/assets/images/circle-3.svg") no-repeat center; background-size: cover; } .stip_banner_group ul li:nth-child(4) { top: 280px; right: 246px; } @media (max-width: 767px) { .stip_banner_group ul li:nth-child(4) { top: 175px; right: 83px; } } .stip_banner_group ul li:nth-child(4) .circle_image:before { background-color: #00bfa5; } .stip_banner_group ul li:nth-child(4) .circle_image:after { background: url("/assets/images/circle-4.svg") no-repeat center; background-size: cover; } .stip_banner_group ul li:nth-child(5) { top: 365px; right: 188px; } @media (max-width: 767px) { .stip_banner_group ul li:nth-child(5) { top: 225px; right: 53px; } } .stip_banner_group ul li:nth-child(5) .circle_image:before { background-color: #64dd18; } .stip_banner_group ul li:nth-child(5) .circle_image:after { background: url("/assets/images/circle-5.svg") no-repeat center; background-size: cover; } /* 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; } } .priority-wrap { padding: 30px; } @media (max-width: 767px) { .priority-wrap { padding: 0; } } .priority-wrap .mission-initiative-image figure img { padding: 12px; width: 85px; height: 85px; } .priority-wrap .mission-initiative-image .mission-initiative-wrap .slick-prev { width: 16px; height: 16px; background-size: contain; } .priority-detail { text-align: center; margin: 0 auto; width: 50%; margin-bottom: 30px; padding-top: 40px; height: 400px; } .priority-detail img { width: 75px; height: 75px; margin-bottom: 30px; } .priority-detail h3, .priority-detail .title, .priority-detail .title2, .priority-detail .title3 { padding-top: 30px; } .priority-detail p { text-align: center !important; } .priority-detail .lato-heading { margin-bottom: 40px !important; } .priority-detail-wrap { background: url("/assets/images/semi-circle.svg") no-repeat top; background-size: contain; } .priority-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .priority-menu-item { word-break: break-all; text-align: center; border: 1px solid #FFBE00; border-radius: 100%; width: 140px; height: 140px; flex: 1; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; margin-left: -10px; cursor: pointer; position: relative; } @media (min-width: 1800px) { .priority-menu-item { height: 170px; } } @media (max-width: 1800px) { .priority-menu-item { height: 170px; } } @media (max-width: 1500px) { .priority-menu-item { height: 140px; } } .priority-menu-item.active { transition: all 0.2s; z-index: 12 !important; box-shadow: 0px 4px 4px 0px #00000040; background-color: #FFBE00; } .priority-menu-item.active .priority-menu-title { font-size: 16px; line-height: 22px; } @media (max-width: 1500px) { .priority-menu-item.active .priority-menu-title { font-size: 20px; line-height: 22px; } } @media (max-width: 1365px) { .priority-menu-item.active .priority-menu-title { font-size: 16px; line-height: 22px; } } .priority-menu-item.active .count-num { color: #ffffff; /* The Fallback */ color: rgba(255, 255, 255, 0.3); } .priority-menu-item .count-num { font-family: "Lato", sans-serif; font-size: 80px; line-height: 22px; width: 100%; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 1; color: #FFBE00; /* The Fallback */ color: rgba(255, 190, 0, 0.1); } .priority-menu-title { 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding: 15px; z-index: 2; font-size: 14px; line-height: 18px; width: 100%; height: 100%; font-family: "Lato", sans-serif; } /* 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; } } .hexagon-slider-wrapper { border: 1px solid #FFBE00; padding: 45px; height: auto; background-color: #ffffff; } @media (max-width: 991px) { .hexagon-slider-wrapper { padding: 0; gap: 10px; border: none; } } .hexagon-slider-wrapper .hexagon-inactive { width: 20%; position: relative; } @media (max-width: 991px) { .hexagon-slider-wrapper .hexagon-inactive { width: 48%; border: 1px solid #FFBE00; } } .hexagon-slider-wrapper .hexagon-inactive:before { content: ""; background: url("/assets/images/hexagon_inactive.svg") no-repeat center; background-color: transparent; background-size: contain; height: 320px; position: absolute; top: 0; left: 0; width: 231px; background-size: cover; z-index: 4; display: block; } @media (max-width: 991px) { .hexagon-slider-wrapper .hexagon-inactive:before { content: unset; } } @media (max-width: 991px) { .hexagon-slider-wrapper .hexagon-inactive .lato-heading { 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; height: 100%; font-size: 16px; line-height: 22px; margin-bottom: 0; padding: 20px; text-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .hexagon-slider-wrapper .hexagon-inactive-text { height: 317px; margin-right: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; justify-content: end; -ms-flex-pack: end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 1800px) { .hexagon-slider-wrapper .hexagon-inactive-text { margin-right: 85px; } } @media (min-width: 1800px) { .hexagon-slider-wrapper .hexagon-inactive-text { margin-right: 120px; } } @media (max-width: 1365px) { .hexagon-slider-wrapper .hexagon-inactive-text { margin-right: 20px; } } .hexagon-slider-wrapper .hexagon-inactive-text p { font-size: 14px; line-height: 18px; width: 54%; font-weight: 700; font-family: "Montserrat", sans-serif; text-transform: uppercase; text-align: center !important; } .hexagon-slider-wrapper .hexagon-inactive.left::before { transform: rotate(180deg); } .hexagon-slider-wrapper .hexagon-inactive.left .hexagon-inactive-text { -webkit-justify-content: start; -moz-justify-content: start; -ms-justify-content: start; justify-content: start; -ms-flex-pack: start; margin-left: 32px; margin-right: 0; } .hexagon-slider-wrapper .hexagon-inactive.right::before { left: -30px; } .hexagon-slider-wrapper .hexa-active { width: 40%; position: relative; height: 305px; z-index: 9; } @media (max-width: 991px) { .hexagon-slider-wrapper .hexa-active { width: 48%; height: auto; border: 1px solid #FFBE00; } } @media (max-width: 991px) { .hexagon-slider-wrapper .hexa-active .lato-heading { background-color: #FFBE00; font-size: 16px; line-height: 22px; margin-bottom: 0; padding: 20px; text-align: center; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 100%; } } @media (max-width: 991px) { .hexagon-slider-wrapper .hexagon-slider-content { position: relative; } } .hexagon-slider-wrapper .hexagon-slider-content::before { content: ""; position: absolute; width: 366px; scale: 1.4; top: 15%; background: url("/assets/images/hexagon_new.svg") no-repeat center; background-color: transparent; background-size: contain; width: 103%; height: 75%; text-align: center; } @media (max-width: 991px) { .hexagon-slider-wrapper .hexagon-slider-content::before { scale: 1; width: 100%; } } @media (max-width: 767px) { .hexagon-slider-wrapper .hexagon-slider-content::before { scale: 1.1; } } .hexagon-slider-wrapper .hexagon-inner { width: 61%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } @media (max-width: 1800px) { .hexagon-slider-wrapper .hexagon-inner { width: 54%; } } @media (min-width: 1800px) { .hexagon-slider-wrapper .hexagon-inner { width: 43%; } } @media (max-width: 1365px) { .hexagon-slider-wrapper .hexagon-inner { width: 60%; } } @media (max-width: 991px) { .hexagon-slider-wrapper .hexagon-inner { position: relative; width: 38%; } } @media (max-width: 767px) { .hexagon-slider-wrapper .hexagon-inner { width: 75%; } } .hexagon-slider-wrapper .hexagon-inner .lato-heading { text-transform: uppercase; margin-bottom: 5px !important; font-weight: 700 !important; font-size: 17px !important; line-height: 22px; } .hexagon-slider-wrapper .hexagon-inner .hexagon-icon { margin-bottom: 10px; } .hexagon-slider-wrapper .hexagon-inner .hexagon-icon img { background: #ffffff; border-radius: 50%; height: 66px; width: 66px; } .hexagon-slider-wrapper .hexagon-inner p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-align: center !important; } @media (max-width: 1800px) { .hexagon-slider-wrapper .hexagon-inner p { -webkit-line-clamp: 5; } } @media (max-width: 1500px) { .hexagon-slider-wrapper .hexagon-inner p { -webkit-line-clamp: 5; } } @media (max-width: 991px) { .hexagon-slider-wrapper.mob .hexagon-slider-content { height: 450px; margin-top: -40px; margin-bottom: -40px; } } @media (max-width: 767px) { .hexagon-slider-wrapper.mob .hexagon-slider-content { margin-bottom: -70px; } } /* 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; } } .keyintiative-section-main { position: relative; flex-direction: row; width: 100vw; height: 340px; background-repeat: no-repeat; background-size: cover; background-position: left center; transition: all 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 991px) { .keyintiative-section-main { height: 350px; } } @media (max-width: 767px) { .keyintiative-section-main { flex-direction: column; height: auto; } } .keyintiative-section-main .centerSection { flex-direction: column; transition: width 0.5s ease; cursor: pointer; color: #ffffff; position: relative; z-index: 50; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 767px) { .keyintiative-section-main .centerSection { width: 100vw !important; height: auto; padding: 20px 0; } } .keyintiative-section-main .centerSection .innerSection { text-align: center; } .keyintiative-section-main .centerSection:hover h2 { scale: 1.2; transition: all 0.2s; } .keyintiative-section-main .centerSection:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.7); } .keyintiative-section-main .centerSection h2 { position: relative; z-index: 2; transition: all 0.2s; text-shadow: 4px 4px #00000066; } .keyintiative-section-main .centerSection a { margin-top: 10px; margin: 30px auto 0; } .keyintiative-section-main .centerSection:has(.innerSection) { border: 1px solid #FFBE00; background-size: cover; } .keyintiative-section-main .centerSection:has(.innerSection):after { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.9); } .keyintiative-section-main .centerSection:has(.innerSection) h2 { scale: 1; } .keyintiative-section-main .centerSection:has(.innerSection) ~ .centerSection:hover:after { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.7); } @media (max-width: 767px) { .keyintiative-section-main .centerSection:has(.innerSection) { width: 100vw !important; height: auto; } } .keyintiative-section-main .centerSection .innerSection { z-index: 2; position: relative; } .keyintiative-section-main .centerSection .innerSection-wrap { width: 67%; margin: auto; } @media (max-width: 991px) { .keyintiative-section-main .centerSection .innerSection-wrap { width: 88%; } } .keyintiative-section-main .centerSection .innerSection-wrap p { font-family: "Lato", sans-serif; font-size: 18px !important; line-height: 22px; text-align: center !important; } .keyintiative-section-main .centerSection .innerSection-wrap p a { color: #0990CA; text-decoration: underline; } .keyintiative-section-main .centerSection .innerSection-wrap p a::after { content: unset; } @media (max-width: 767px) { .about-hed .heading-with-border span { width: 253px; } } /* 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; } } .counting_block { 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; -webkit-align-items: self-start; -moz-align-items: self-start; -ms-align-items: self-start; align-items: self-start; position: relative; margin-top: 70px; gap: 20px; } @media (max-width: 991px) { .counting_block { justify-content: center; } } @media (max-width: 767px) { .counting_block { flex-direction: column; flex-flow: wrap; margin-top: 50px; } } .counting_block li { flex: 0 0 23.5%; padding: 20px 16px 0; text-align: center; 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; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; min-height: 112px; position: relative; } @media (max-width: 767px) { .counting_block li { width: 49% !important; flex: 0 0 46% !important; } } .counting_block li:nth-child(5) { margin-left: auto; } @media (max-width: 991px) { .counting_block li:nth-child(5) { margin: 0; } } .counting_block li:nth-child(n + 5) { margin-top: 40px; } @media (max-width: 767px) { .counting_block li:nth-child(n + 5) { margin-top: 0; margin-bottom: 20px; } } @media (max-width: 767px) { .counting_block li { min-height: 100px; width: 100%; margin-bottom: 20px; } } .counting_block li .counting_block_num { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 5px; background-color: #ffffff; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .counting_block li .counting_block_num span { flex: 1; font-weight: 700; font-family: "Montserrat", sans-serif; color: #FFBE00; font-size: 45px; line-height: normal; } .counting_block li .counting_block_num span.extra { font-size: 28px; line-height: 1.5; padding-left: 5px; } .counting_block li p { text-align: center !important; } @media (max-width: 767px) { .counting_block li p { font-size: calc(12px + var(--font-size-pixel)) !important; line-height: normal !important; } } .counting_block:has(:nth-child(5)) li { flex: 0 0 20%; } /* 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; } } .principalWrapper { display: flex; flex-direction: row; gap: 20px; margin-bottom: 50px; } @media (max-width: 767px) { .principalWrapper { flex-direction: column; margin-bottom: 0; } } .principalWrapper .principalLeftSection { width: 20%; display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 10px; } @media (max-width: 767px) { .principalWrapper .principalLeftSection { width: 100%; margin: 0; flex-direction: row; position: relative; } } .principalWrapper .principalLeftSection .slick-list { margin: 0 10px; overflow: hidden !important; } .principalWrapper .principalLeftSection .slick-track { display: flex; } .principalWrapper .principalLeftSection .nameBox { text-align: center; cursor: pointer; margin: 5px 0; height: 138px; display: flex; align-items: center; border: 1px solid #FFBE00; font-weight: 500; font-size: 18px; font-family: "Lato", sans-serif; padding: 12px; width: 100%; justify-content: center; } @media (max-width: 1365px) { .principalWrapper .principalLeftSection .nameBox { height: 126px; } } @media (max-width: 991px) { .principalWrapper .principalLeftSection .nameBox { padding: 25px; font-size: 15px !important; height: 100px; font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .principalWrapper .principalLeftSection .nameBox { display: flex !important; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; font-family: "Lato", sans-serif; height: 120px !important; } } .principalWrapper .principalLeftSection .nameBox:hover { background-color: #FFBE004D; } @media (max-width: 767px) { .principalWrapper .principalLeftSection .nameBox:hover { background-color: transparent; } } .principalWrapper .principalLeftSection .nameBox.active { background-color: #FFBE00 !important; font-weight: 700; } @media (max-width: 767px) { .principalWrapper .principalLeftSection .nameBox.active { background-color: #FFBE00; } } .principalWrapper .principalLeftSection .slick-slide > div { margin: 0 10px; } .principalWrapper .principalLeftSection .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 35px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .principalWrapper .principalLeftSection .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .principalWrapper .principalLeftSection .slick-arrow::before { content: unset; } .principalWrapper .principalLeftSection .slick-prev { position: absolute; top: 50%; right: -24px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } .principalWrapper .principalLeftSection .slick-next { position: absolute; top: 50%; bottom: unset; left: -24px; z-index: 1; transform: rotate(0deg) translateY(-50%); } .principalWrapper .principalLeftSection.one-health-advisory .nameBox { height: 180px; text-transform: uppercase; font-size: 18px; line-height: 22px; } .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection { position: relative; display: flex; flex-direction: column; } .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection { background-color: #ffffff; flex: 1; } @media (max-width: 767px) { .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection { height: auto; } } .principalWrapper .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection img { width: 100%; } .principalWrapper .principalRightSection { width: 80%; margin: 5px 0; } @media (max-width: 767px) { .principalWrapper .principalRightSection { width: 100%; } } .principalWrapper .principalRightSection .rightTopSection { padding: 18px; font-size: 18px; line-height: 22px; border: 1px solid #FFBE00; border-bottom: none; background-color: #ffeab3; } .principalWrapper .principalRightSection .rightTopSection p { font-family: "Lato", sans-serif; } .principalWrapper .principalRightSection .rightBottomSection { border: 1px solid #FFBE00; display: flex; height: 400px; flex-direction: row; padding: 30px; gap: 30px; } @media (max-width: 1365px) { .principalWrapper .principalRightSection .rightBottomSection { height: 360px; } } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection { gap: 20px; flex-direction: row; padding: 20px; height: 285px; overflow: auto; scrollbar-width: none; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection { flex-direction: column; height: 900px; margin-bottom: 18px; } } .principalWrapper .principalRightSection .rightBottomSection .mb-30 { margin-bottom: 30px; } .principalWrapper .principalRightSection .rightBottomSection ul { list-style-type: disc; padding-left: 20px; } .principalWrapper .principalRightSection .rightBottomSection ul li { margin-bottom: 10px; font-family: "Lato", sans-serif; } .principalWrapper .principalRightSection .rightBottomSection .mainContent { display: flex; flex-direction: column; height: 100%; overflow: auto; width: 85%; border-left: 10px solid #FFBE00; padding: 0 10px 20px 30px; /* Track */ } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .mainContent { padding: 0 10px 20px 20px; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .mainContent { width: 100%; border: none; padding: 0; } } .principalWrapper .principalRightSection .rightBottomSection .mainContent strong, .principalWrapper .principalRightSection .rightBottomSection .mainContent strong p, .principalWrapper .principalRightSection .rightBottomSection .mainContent p strong { font-family: "Lato", sans-serif; font-size: 20px; margin-bottom: 20px; display: block; } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .mainContent strong, .principalWrapper .principalRightSection .rightBottomSection .mainContent strong p, .principalWrapper .principalRightSection .rightBottomSection .mainContent p strong { font-size: 16px; line-height: 22px; margin-bottom: 12px; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .mainContent strong, .principalWrapper .principalRightSection .rightBottomSection .mainContent strong p, .principalWrapper .principalRightSection .rightBottomSection .mainContent p strong { text-transform: uppercase; } } .principalWrapper .principalRightSection .rightBottomSection .mainContent p { padding-bottom: 0; } .principalWrapper .principalRightSection .rightBottomSection .mainContent p, .principalWrapper .principalRightSection .rightBottomSection .mainContent span, .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { font-family: "Lato", sans-serif; list-style: disc; font-size: 18px; line-height: 22px; } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .mainContent p, .principalWrapper .principalRightSection .rightBottomSection .mainContent span, .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { font-size: 16px; line-height: 22px !important; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .mainContent p, .principalWrapper .principalRightSection .rightBottomSection .mainContent span, .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { font-size: 14px !important; line-height: 20px !important; } } .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { margin-bottom: 6px; } .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar { width: 5px; } .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar { width: 4px; } .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar-track { width: 5px; background-color: #f7f7f7; } .principalWrapper .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar-thumb { background-color: #E8E7E7; } .principalWrapper .principalRightSection .rightBottomSection .mainContent ul li { margin-bottom: 10px; } .principalWrapper .principalRightSection .rightBottomSection .process-modal .zoom-flip img { width: auto !important; } .principalWrapper .principalRightSection .rightBottomSection .process-modal .goals { height: 575px; } .principalWrapper .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 20px; } .principalWrapper .principalRightSection .rightBottomSection .intiativeSection p:not(:has(strong)), .principalWrapper .principalRightSection .rightBottomSection .intiativeSection ul { padding-left: 20px; position: relative; margin-top: 6px; } .principalWrapper .principalRightSection .rightBottomSection .intiativeSection p:not(:has(strong))::before, .principalWrapper .principalRightSection .rightBottomSection .intiativeSection ul::before { content: ''; position: absolute; top: 9px; left: 5px; width: 6px; height: 6px; background-color: #000000; border-radius: 50%; } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 20px; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 30px; } } .principalWrapper .principalRightSection .rightBottomSection .awardSection ul { list-style-type: disc; padding-left: 20px; } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .awardSection { margin-bottom: 10px; } } .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection, .principalWrapper .principalRightSection .rightBottomSection .profile { margin-bottom: 30px; } .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper { width: 48%; float: left; height: 50px; border: 1px solid #FFBE00; margin-right: 10px; margin-bottom: 15px; border-radius: 30px; } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper { width: 47%; height: 41px; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper { width: 75%; } } .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { padding-left: 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding-right: 10px; height: 100%; } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { font-size: 12px; line-height: 18px; padding-left: 43px; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .principalWrapper .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { padding-left: 47px; font-size: 14px; line-height: 18px; } } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .SignificatawardSection { margin-bottom: 20px; } } .principalWrapper .principalRightSection .rightBottomSection .imageSection { flex: 0 0 27%; border: 1px solid #FFBE00; } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .imageSection { flex: 0 0 30%; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .imageSection { border-bottom: 10px solid #FFBE00; height: 400px; } } .principalWrapper .principalRightSection .rightBottomSection .imageSection img { height: 100%; width: 100%; } .principalWrapper .principalRightSection .rightBottomSection .video-section { height: 100%; width: 100%; } .principalWrapper .principalRightSection .rightBottomSection .playIcon.lg { width: 58px; height: 58px; background: url("/assets/images/grey_play.png") no-repeat center; background-size: contain; position: absolute; top: 50%; right: unset; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 991px) { .principalWrapper .principalRightSection .rightBottomSection .playIcon.lg { width: 42px; height: 42px; position: absolute; top: unset; right: unset; bottom: 20px; left: 20px; z-index: 1; } } @media (max-width: 767px) { .principalWrapper .principalRightSection .rightBottomSection .playIcon.lg { width: 31px; height: 31px; position: absolute; top: unset; right: unset; bottom: 30px; left: 32px; z-index: 1; } } .principalWrapper .principalRightSection.etg .rightBottomSection { flex-direction: column; height: 455px; overflow: auto; padding-right: 20px; /* Track */ } @media (max-width: 767px) { .principalWrapper .principalRightSection.etg .rightBottomSection { margin-bottom: 0; } } .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar { width: 5px; } .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar { width: 4px; } .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar-track { width: 5px; background-color: #f7f7f7; } .principalWrapper .principalRightSection.etg .rightBottomSection::-webkit-scrollbar-thumb { background-color: #E8E7E7; } .principalWrapper .principalRightSection.etg .rightBottomSection .mainContent { padding-right: 15px; } .principalWrapper .principalRightSection .scrollSection { max-height: 300px; overflow: auto; border-bottom: 1px solid #FFBE00; position: relative; flex: 1; } @media (max-width: 767px) { .principalWrapper .principalRightSection .scrollSection { height: auto; } } .principalWrapper .principalRightSection .scrollSection .icon-arrow { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); } @media (max-width: 479px) { .principalWrapper .principalRightSection .scrollSection .icon-arrow { bottom: 30px; } } .principalWrapper .principalRightSection .scrollSection .icon-arrow img { height: 15px; width: 15px; } @media (max-width: 767px) { .principalWrapper .principalRightSection .scrollSection .icon-arrow img { display: none; } } .principalWrapper .principalRightSection .scrollSection::-webkit-scrollbar { width: 10px; } .principalWrapper .principalRightSection .scrollSection::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); } @media (max-width: 767px) { .principalWrapper { padding-bottom: 0; } } /* 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; } } .cta-block { display: flex; align-items: center; justify-content: space-between; height: 100%; padding-right: 100px; position: relative; z-index: 3; } @media (max-width: 991px) { .cta-block { padding-left: 20px; } } @media (max-width: 767px) { .cta-block { padding-right: 0; flex-direction: column; justify-content: center; } } .cta-block h2 { font-size: 40px !important; line-height: 48px; text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 2; } @media (max-width: 991px) { .cta-block h2 { font-size: 20px !important; line-height: 36px; margin-bottom: 0; } } @media (max-width: 767px) { .cta-block h2 { margin-bottom: 20px; text-align: center; } } .cta-block a { z-index: 2; } .cta-block .agnii-cta-text a { color: #ffffff !important; } .cta-block .subtitle { color: #ffffff; display: block; font-family: "Lato", sans-serif; padding-top: 5px; } .cta-block .subtitle a { text-decoration: underline; font-family: "Lato", sans-serif; color: #ffffff; } .cta-wrapper { height: 160px; margin-top: 50px !important; margin-bottom: 0px !important; background: url("/assets/images/agnii-cta-bg.png") no-repeat center; background-color: transparent; background-size: cover; position: relative; } @media (max-width: 767px) { .cta-wrapper { margin-top: 0 !important; } } .cta-wrapper::after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .contact-info { color: white; font-size: 16px; font-weight: 600; font-family: "Lato", sans-serif; } .contact-info a { color: #ffbe00; } @media (max-width: 767px) { .contact-info { font-size: 11px; } } /* 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; } } .benefits-container { text-align: center; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; } .benefits-item-container { width: 19%; background: #fff; margin: 20px 27px; border: 1px solid #FFBE00; padding: 4px; padding: 10px 10px 10px 28px; position: relative; display: flex; justify-content: center; align-items: center; } .benefits-item-container .item-image-container { background: #fff; border: 1px solid #FFBE00; width: 77px; height: 77px; text-align: center; border-radius: 50%; margin-bottom: 0; padding: 20px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); } .benefits-item-container .item-image-container img { max-width: 100%; vertical-align: middle; display: inline-block; } .benefits-item-container .item-content { display: inline-block; font-size: 16px; padding-left: 15px; width: 165px; text-align: left; text-transform: uppercase; font-weight: 600; font-family: "Lato", sans-serif; vertical-align: middle; } /* 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; } } .process-wrap { padding: 0 30px; } .process-modal .modal-content { position: relative; } .process-modal .modal-content .close-button { background: url("/assets/images/close_yellow.svg") no-repeat bottom; bottom: 0; width: 40px; height: 40px; right: 0; top: unset; } .process-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 40px 10px; } .process-content-wrap .lato-paragraph p { text-align: left !important; } .process-content-wrap.section-top .card-detail { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 20px; } .process-content-wrap.section-top .card-detail > div { -webkit-flex-flow: column-reverse; -moz-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } .process-content-wrap.section-top .card-detail::before { content: ""; position: absolute; top: 0; left: 50%; background-color: #FFBE00; height: 12px; width: 12px; border-radius: 50%; } .process-content-wrap.section-bottom .card-detail { position: relative; padding-bottom: 30px; } .process-content-wrap.section-bottom .card-detail > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .process-content-wrap.section-bottom .card-detail::after { content: ""; position: absolute; bottom: 0; left: 50%; background-color: #FFBE00; height: 12px; width: 12px; border-radius: 50%; } .process-content-wrap .process-text { flex: 0 0 20%; } .process-content-wrap .process-text .card-detail > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; } .process-content-wrap .process-text .card-detail span { font-weight: 700; text-transform: uppercase; } .process-image-wrap img { width: 100%; } .zoom-flip { width: 40px; height: 40px; background-color: #FFBE00; border-radius: 50%; margin-bottom: 30px; margin-left: auto; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; box-shadow: 0px 0px 21px 0px #00000040; } .zoom-flip img { padding: 2px; } /* 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; } } .member-section-wrapper .chairperson-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; color: #ffffff; } .member-section-wrapper .chairperson-wrap img { border: 1px solid #FFBE00; } @media (max-width: 767px) { .member-section-wrapper .chairperson-wrap { flex-direction: row; padding-left: 1px; align-items: center; } } .member-section-wrapper .chairperson-wrap .rounded-image-wrap { border: 1px solid #FFBE00; border-radius: 50%; height: 160px; width: 160px; margin: auto; position: relative; } @media (max-width: 991px) { .member-section-wrapper .chairperson-wrap .rounded-image-wrap { height: 120px; width: 120px; } } @media (max-width: 767px) { .member-section-wrapper .chairperson-wrap .rounded-image-wrap { margin: 0; } } .member-section-wrapper .chairperson-wrap figure { width: 121px; height: 121px; border-radius: 50%; border: 1px solid #FFBE00; box-shadow: 0px 0px 12.199999809265137px 0px #00000066; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: transparent; } @media (max-width: 991px) { .member-section-wrapper .chairperson-wrap figure { width: 90px; height: 90px; } } .member-section-wrapper .chairperson-wrap figure img { border: none; height: 70px; max-width: 80px; object-fit: contain; } @media (max-width: 991px) { .member-section-wrapper .chairperson-wrap figure img { height: 50px; max-width: 65px; } } @media (max-width: 767px) { .member-section-wrapper .chairperson-wrap figure img { height: 45px; max-width: 50px; } } @media (max-width: 991px) { .member-section-wrapper .chairperson-data { padding-left: 0; } } @media (max-width: 767px) { .member-section-wrapper .chairperson-data { padding-left: 25px; } } .member-section-wrapper .chairperson-name { font-size: 18px; line-height: 22px; font-weight: 700; padding-bottom: 10px; position: relative; display: block; text-transform: uppercase; } @media (max-width: 991px) { .member-section-wrapper .chairperson-name { font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { .member-section-wrapper .chairperson-name { text-align: left !important; } } .member-section-wrapper .chairperson-name::after { content: ''; position: absolute; bottom: 0; left: 50%; height: 3px; width: 86px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); background-color: #FFBE00; } @media (max-width: 991px) { .member-section-wrapper .chairperson-name::after { width: 66px; } } @media (max-width: 767px) { .member-section-wrapper .chairperson-name::after { left: 0; transform: unset; } } .member-section-wrapper .chairperson-designation { font-size: 14px; line-height: 20px; margin-top: 10px; display: block; font-family: "Lato", sans-serif; } @media (max-width: 767px) { .member-section-wrapper .chairperson-designation { text-align: left !important; } } .member-section-wrapper img { margin-bottom: 10px; object-fit: cover; } @media (max-width: 767px) { .member-section-wrapper img { margin-bottom: 0; } } .member-section-chairperson { border-right: 1px solid #ffffff; padding-right: 40px; width: 21%; } @media (max-width: 991px) { .member-section-chairperson { padding-right: 30px; width: 27%; } } @media (max-width: 767px) { .member-section-chairperson { width: 100%; border-right: none; border-bottom: 1px solid #ffffff; padding-right: 0; } } .member-section-chairperson img { background-color: #ffffff; border: 1px solid #FFBE00; margin-bottom: 10px; height: 175px; object-fit: cover; } @media (min-width: 1800px) { .member-section-chairperson img { height: 250px; } } @media (max-width: 991px) { .member-section-chairperson img { height: 168px; } } @media (max-width: 767px) { .member-section-chairperson img { height: 156px; width: 150px; margin-bottom: 0; } } @media (max-width: 767px) { .member-section-chairperson h4 { text-align: left !important; } } @media (max-width: 767px) { .member-section-chairperson .chairperson-wrap { margin-bottom: 30px; } } .member-section-other { padding-left: 45px; width: 78%; } @media (max-width: 991px) { .member-section-other { padding-left: 30px; width: 70%; } } @media (max-width: 767px) { .member-section-other { width: 100%; padding-left: 0; } } @media (max-width: 991px) { .member-section-other h4 { padding-top: 0; } } @media (max-width: 767px) { .member-section-other h4 { padding-top: 20px; } } .member-section-other img { background-color: #ffffff; height: 175px; object-position: top; } @media (min-width: 1800px) { .member-section-other img { height: 250px; } } @media (max-width: 991px) { .member-section-other img { height: 168px; } } @media (max-width: 767px) { .member-section-other img { height: 154px; width: 150px; } } .member-section-other .slick-slide > div { margin-right: 20px; } @media (max-width: 767px) { .member-section-other .slick-slide > div { margin-right: 10px; } } .member-section-other .slick-track { margin-left: 0; } .member-section-other .slick-list { overflow: hidden !important; } .member-section-other .slick-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; position: absolute; top: unset; right: -45px; bottom: 0; z-index: 1; cursor: pointer; } .member-section-other .slick-arrow::before { content: unset; } .member-section-other .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; } @media (max-width: 991px) { .member-section-other .slick-arrow:hover { background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; background-color: transparent; } } @media (max-width: 991px) { .member-section-other .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; background-color: transparent; } } @media (max-width: 767px) { .member-section-other .slick-arrow { width: 15px; height: 15px; } } .member-section-other .slick-prev { bottom: 50px; left: unset; } @media (max-width: 991px) { .member-section-other .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } } .member-section-other .slick-next { transform: rotate(0); } @media (max-width: 991px) { .member-section-other .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -25px; z-index: 1; transform: rotate(180deg); } } @media (max-width: 767px) { .member-section-other .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -20px; z-index: 1; } } .member-section-other .member-counter { height: 30px; } @media (max-width: 991px) { .member-section-other .member-counter { height: 43px; } } @media (max-width: 767px) { .member-section-other .member-counter { height: unset; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } .member-section-other .member-counter .count-slide { font-family: 'Montserrat', sans-serif; color: #ffffff; font-weight: 600; font-size: 16px; line-height: 32px; letter-spacing: 2px; padding-top: 20px; display: block; text-align: right !important; } .member-section-other .rounded-image-wrap figure { border: none; box-shadow: none; } .member-section-other .rounded-image-wrap img { margin-bottom: 0; } .member-section-other .rounded-image-wrap:hover { transition: all 0.3s; } .member-section-other .rounded-image-wrap:hover::after { content: ''; position: absolute; top: 0; left: 0; background-color: #FFBE004D; width: 100%; height: 100%; border-radius: 50%; } .member-section-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; } @media (max-width: 767px) { .member-section-main { flex-direction: column; margin-right: 20px; } } @media (max-width: 1800px) { .member-section-main .chairperson-data .rounded-image-title { font-size: 18px; line-height: 22px; margin-top: 20px; } } @media (max-width: 1365px) { .member-section-main .chairperson-data .rounded-image-title { font-size: 14px; line-height: 24px; } } @media (max-width: 991px) { .member-section-main .chairperson-data .rounded-image-title { font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .member-section-main .chairperson-data:has(.rounded-image-title) { flex: 0 0 60%; } } @media (max-width: 767px) { .member-section-main .chairperson-data:has(.rounded-image-title) span { margin-top: 0; } } @media (max-width: 767px) { .member-section-main .member-section-other { margin-bottom: 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; } } .policies-tab { flex-wrap: wrap; } .policies-tab .item { height: 110px; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; flex: 1; padding: 12px; font-size: 18px; line-height: 22px; cursor: pointer; } @media (max-width: 991px) { .policies-tab .item { display: flex !important; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } } .policies-tab .item.active { background-color: #FFBE00; font-weight: 700; } @media (max-width: 991px) { .policies-tab .slick-slide > div { margin: 0 20px; } } @media (max-width: 767px) { .policies-tab .slick-slide > div { margin: 0 10px; } } .policies-tab .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 35px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .policies-tab .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .policies-tab .slick-arrow::before { content: unset; } .policies-tab .slick-prev { position: absolute; top: 50%; right: -24px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } .policies-tab .slick-next { position: absolute; top: 50%; bottom: unset; left: -24px; z-index: 1; transform: rotate(0deg) translateY(-50%); } .policies-filter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 991px) { .policies-filter { flex-direction: column; gap: 10px; } } .policies-filter select { height: 45px; font-size: 16px; line-height: 22px; padding: 12px 18px; background-color: #FFBE004D; border-color: #FFBE00; } @media (max-width: 767px) { .policies-filter select { flex: 0 0 100%; } } .policies-filter select option { background-color: #ffffff; } .policies-filter select:first-child { text-transform: uppercase; flex: 0 0 20%; } .policies-filter select:nth-child(2) { flex: 0 0 50%; background-color: #ffffff; width: 520px; } @media (max-width: 991px) { .policies-filter select:nth-child(2) { width: 100%; } } .policies-filter button { flex: 0 0 23%; margin-left: auto; position: relative; } .policies-filter button::before { content: ''; position: absolute; top: 50%; left: 20px; background: url("/assets/images/download_new.png") no-repeat center; background-color: transparent; background-size: contain; width: 15px; height: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 991px) { .policies-filter button { margin: 0 auto; width: 251px; height: auto; padding: 10px; font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .policies-filter button { height: 50px; flex: 0 0 100%; padding: 10px; } } /* 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; } } @media (max-width: 991px) { .lead-partner-wrapper { margin-top: 25px; } } @media (max-width: 767px) { .lead-partner-wrapper { margin-top: 20px; } } .lead-card { height: 100%; } .lead-card .image2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 100%; } @media (max-width: 991px) { .lead-card .image2 { min-width: 315px; } } .lead-partner-container { background-color: #000000; padding-right: 0px; padding-bottom: 50px; margin-top: 0; padding-top: 30px; } @media (max-width: 991px) { .lead-partner-container { padding: 10px 30px 30px !important; } } .lead-partner-container .slick-slider html::-webkit-scrollbar { display: none; } .lead-partner-container .slick-list { width: 100%; } @media (max-width: 991px) { .lead-partner-container .slick-slider { height: 95px; } } .lead-partner-container .slick-slide { height: 130px; } @media (max-width: 991px) { .lead-partner-container .slick-slide { height: 95px; } } @media (max-width: 767px) { .lead-partner-container .slick-slide { max-width: 100%; } } @media (max-width: 991px) { .lead-partner-container .slick-slide .lead-card { margin: 0 10px; } } .lead-partner-container .slick-slide .lead-card img { object-fit: scale-down; border-radius: 5px; } .lead-partner-container .slick-slide #body { overflow: hidden !important; } .lead-partner-container .slick-slide #body::-webkit-scrollbar { display: none; } .lead-partner-container .slick-slide > div { margin-right: 20px; height: 100%; } @media (max-width: 991px) { .lead-partner-container .slick-slide > div { margin-right: 0; } } .lead-partner-container .slick-slide iframe { border-radius: 8px; height: 160px; overflow: hidden; } @media (max-width: 991px) { .lead-partner-container .slick-slide iframe { height: 75px; } } @media (max-width: 767px) { .lead-partner-container .slick-slide iframe { height: 150px; } } .lead-partner-container .slick-slide iframe html { overflow: hidden; } .lead-partner-container .slick-slide iframe :root { overflow: hidden; } .lead-partner-container .slick-slide *::-webkit-scrollbar { display: none; } @media (max-width: 991px) { .lead-partner-container .slick-slide img { height: 75px; } } .lead-partner-container .slick-arrow { background-color: transparent; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; width: 45px; height: 55px; position: absolute; top: unset; bottom: 0; left: -52px; z-index: 1; cursor: pointer; } .lead-partner-container .slick-arrow::before { content: unset; } .lead-partner-container .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; } @media (max-width: 991px) { .lead-partner-container .slick-arrow:hover { background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; } } @media (max-width: 991px) { .lead-partner-container .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; } } .lead-partner-container .slick-prev { background-color: transparent; bottom: 50px; } @media (max-width: 991px) { .lead-partner-container .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%); } } .lead-partner-container .slick-next { background-color: transparent; transform: rotate(0); } @media (max-width: 991px) { .lead-partner-container .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -10px; z-index: 1; transform: rotate(180deg); } } .lead-content { padding-top: 20px; display: flex; justify-content: space-between; padding-bottom: 30px; align-items: center; } .lead-content h3, .lead-content .title, .lead-content .title2, .lead-content .title3 { font-size: 28px; line-height: 32px; margin-bottom: 0px; color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 700 !important; } @media (max-width: 991px) { .lead-content h3, .lead-content .title, .lead-content .title2, .lead-content .title3 { font-size: 20px; line-height: 22px; } } .lead-content .count-slide { font-family: "Montserrat", sans-serif; color: #ffffff; font-weight: 600; font-size: 16px; line-height: 32px; letter-spacing: 2px; } .lead-button { padding: 14px 50px; background: #ffffff; font-size: 15px; line-height: 18px; font-weight: 700; text-transform: uppercase; border-radius: 4px; border: 1px solid #FFBE00; font-family: "Lato", sans-serif; color: #000000; } @media (max-width: 991px) { .lead-button { padding: 15px 20px; font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { .lead-button { padding: 8px 6px; font-size: 12px; line-height: 18px; flex: 0 0 50%; text-align: center; } } .lead-button:hover { background: #ffeab3; } .lead-partners-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 50px; } @media (max-width: 991px) { .lead-partners-card { gap: 20px; } } @media (max-width: 767px) { .lead-partners-card { flex-direction: column; } } .lead-partners-counter .chairperson-wrap { flex-direction: row; flex: 1; gap: 30px; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap { flex: 0 0 47%; } } @media (max-width: 767px) { .lead-partners-counter .chairperson-wrap { gap: 10px; } } .lead-partners-counter .chairperson-wrap img { height: 215px; width: 44%; margin-bottom: 0; object-position: top; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap img { height: 150px; } } .lead-partners-counter .chairperson-wrap .chairperson-data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; flex-direction: column; padding-right: 30px; width: 58%; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap .chairperson-data { padding-right: 0; } } @media (max-width: 767px) { .lead-partners-counter .chairperson-wrap .chairperson-data { padding-left: 0; } } .lead-partners-counter .chairperson-wrap .chairperson-data .chairperson-name { margin-bottom: 30px; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap .chairperson-data .chairperson-name { margin-bottom: 10px; } } .lead-partners-counter .chairperson-wrap .chairperson-data .chairperson-name::after { transform: unset; left: 0; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap .chairperson-data span:last-child { font-size: 14px; line-height: 18px; } } /* 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; } } .accolades-wrapper { padding: 0 150px; } .acc-details { margin-bottom: 2rem; } .acc-description { margin: 2rem 0; } .image-section-wrapper { padding: 0 1rem; display: flex; justify-content: space-between; } .image-section-wrapper .image-section { flex: 0 0 47%; } .image-section-wrapper .image-section .image { width: 100%; height: 340px; } .image-section-wrapper .image-section .image img { width: 100%; height: 100%; object-fit: cover; } .image-section-wrapper .image-section .image-description { padding: 1rem 0; } /* 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; } } .manthan-gallery-container-new { width: 100%; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; } @media (max-width: 991px) { .manthan-gallery-container-new { flex-direction: column; } } .manthan-gallery-container-new.inner-gallery .lg-slider-container { width: 72%; box-shadow: 0px 4px 30px 0px #00000040; height: 354px; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .lg-slider-container { width: 100%; height: 200px; } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .lg-slider-container { height: auto; } } .manthan-gallery-container-new.inner-gallery .sm-slider-container { width: 25%; height: auto; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container { width: 100%; height: auto; } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container { height: auto; } } .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; width: 45px; height: 55px; position: absolute; top: unset; right: -52px; bottom: 16px; z-index: 1; cursor: pointer; } .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow::before { content: unset; } .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow:hover { background: url("/assets/images/dropdown_arrow.svg") no-repeat center; } } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/dropdown_arrow.svg") no-repeat center; background-size: contain; } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow { width: 15px; height: 15px; } } .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-prev { bottom: 65px; left: unset; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-prev { position: absolute; top: 50%; right: -20px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(-90deg); } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; } } .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-next { transform: rotate(90deg); } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -25px; z-index: 1; transform: rotate(180deg) rotate(-90deg); } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .sm-slider-container .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -12px; z-index: 1; } } .manthan-gallery-container-new.inner-gallery .gallery-slider-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: white; position: relative; z-index: 2; outline: none; } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row { flex-direction: column; } } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image { position: relative; width: 75%; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image { width: 60%; } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image { width: 100%; } } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure { position: relative; height: 354px; width: 100%; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure { height: 210px; } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure { height: 168px; } } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBlock { height: inherit; width: inherit; } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image .playIcon.lg { width: 64px; height: 64px; opacity: 0.6; background: url("/assets/images/play_button_new.svg") no-repeat center; background-size: contain; } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info { width: 25%; background-color: #ffffff; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info { width: 40%; } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info { width: 100%; } } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info { 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; height: 100%; justify-content: center; flex-direction: column; padding-left: 30px; text-align: left; } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info { padding: 12px; } } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info h3, .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title, .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title2, .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title3 { margin-bottom: 0; font-size: 18px; line-height: 26px; font-family: "Lato", sans-serif; text-transform: uppercase; font-weight: 700; } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info h3, .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title, .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title2, .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title3 { font-size: 14px; line-height: 22px; } } .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .date-icon { text-transform: uppercase; padding-left: 0; width: 100%; font-weight: 700; font-size: 20px; line-height: 32px; color: #FFBE00; font-weight: 800; font-family: "Lato", sans-serif; } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .date-icon { font-size: 14px; line-height: 22px; } } .manthan-gallery-container-new.inner-gallery .sm-slider-details { outline: none; } .manthan-gallery-container-new.inner-gallery .sm-slider-details figure { height: 162px; position: relative; margin-bottom: 20px; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .sm-slider-details figure { height: 100px; margin: 0 10px; } } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .sm-slider-details figure { height: 85px; } } .manthan-gallery-container-new.inner-gallery .sm-slider-details figure .videoBlock { display: none; } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .sm-slider-details figure .videoBlock { display: block; } } .manthan-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner { cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .manthan-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner .image-info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; z-index: 999; text-align: center; } .manthan-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 1; } .manthan-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner .playIcon { display: none !important; } @media (max-width: 767px) { .manthan-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner .playIcon { display: block; } } .manthan-gallery-container-new.inner-gallery .sm-slider-details figure img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .manthan-gallery-container-new.inner-gallery .sm-slider-details.oneslide { height: 350px; display: flex; align-items: center; } @media (max-width: 991px) { .manthan-gallery-container-new.inner-gallery .sm-slider-details.oneslide { height: 100%; justify-content: center; } } .manthan-gallery-container-new.inner-gallery .sm-slider-details.oneslide figure { text-align: center; margin: 0 auto; } .manthan-gallery-container-new.inner-gallery .sm-slider-details.oneslide figure:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 1; } .manthan-gallery-container-new.reverse-slider .lg-slider-container { order: 1; } @media (max-width: 991px) { .manthan-gallery-container-new.reverse-slider .lg-slider-container { order: unset; } } .manthan-gallery-container-new.reverse-slider .sm-slider-container .slick-prev { left: -50px; } .manthan-gallery-container-new.reverse-slider .sm-slider-container .slick-next { left: -50px; } /* 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; } } .principalWrapper-manthan { display: flex; flex-direction: row; gap: 20px; margin-bottom: 50px; justify-content: flex-start; align-items: flex-start; } @media (max-width: 767px) { .principalWrapper-manthan { flex-direction: column; margin-bottom: 0; } } .principalWrapper-manthan .principalLeftSection { width: 30%; display: flex; justify-content: center; flex-direction: column; align-items: center; } @media (max-width: 767px) { .principalWrapper-manthan .principalLeftSection { width: 100%; margin: 0; flex-direction: row; position: relative; } } .principalWrapper-manthan .principalLeftSection .slick-list { margin: 0 10px; overflow: hidden !important; } .principalWrapper-manthan .principalLeftSection .slick-track { display: flex; } .principalWrapper-manthan .principalLeftSection .nameBox { text-align: left; cursor: pointer; height: 70px; display: flex; align-items: center; font-weight: 500; font-size: 18px; font-family: "Lato", sans-serif; padding: 12px; width: 100%; justify-content: flex-start; border-bottom: 1px solid #8080802e; } @media (max-width: 1365px) { .principalWrapper-manthan .principalLeftSection .nameBox { height: 126px; } } @media (max-width: 991px) { .principalWrapper-manthan .principalLeftSection .nameBox { padding: 25px; font-size: 15px !important; height: 100px; font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .principalWrapper-manthan .principalLeftSection .nameBox { display: flex !important; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; font-family: "Lato", sans-serif; height: 120px !important; } } .principalWrapper-manthan .principalLeftSection .nameBox:hover { background-color: #FFBE004D; } @media (max-width: 767px) { .principalWrapper-manthan .principalLeftSection .nameBox:hover { background-color: transparent; } } .principalWrapper-manthan .principalLeftSection .nameBox.active { background-color: #FFBE00 !important; font-weight: 700; } @media (max-width: 767px) { .principalWrapper-manthan .principalLeftSection .nameBox.active { background-color: #FFBE00; } } .principalWrapper-manthan .principalLeftSection .slick-slide > div { margin: 0 10px; } .principalWrapper-manthan .principalLeftSection .slick-arrow { background-color: transparent; background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 35px; height: 55px; transform: translateY(-50%) rotate(180deg); cursor: pointer; } @media (max-width: 991px) { .principalWrapper-manthan .principalLeftSection .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .principalWrapper-manthan .principalLeftSection .slick-arrow::before { content: unset; } .principalWrapper-manthan .principalLeftSection .slick-prev { position: absolute; top: 50%; right: -24px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } .principalWrapper-manthan .principalLeftSection .slick-next { position: absolute; top: 50%; bottom: unset; left: -24px; z-index: 1; transform: rotate(0deg) translateY(-50%); } .principalWrapper-manthan .principalLeftSection.one-health-advisory .nameBox { height: 180px; text-transform: uppercase; font-size: 18px; line-height: 22px; } .principalWrapper-manthan .principalLeftSection.one-health-advisory ~ .principalRightSection { position: relative; } .principalWrapper-manthan .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection { background-color: #ffffff; height: 410px; } @media (max-width: 767px) { .principalWrapper-manthan .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection { height: auto; } } .principalWrapper-manthan .principalLeftSection.one-health-advisory ~ .principalRightSection .rightBottomSection img { width: 100%; } .principalWrapper-manthan .principalRightSection { width: 70%; margin: 5px 0; } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection { width: 100%; } } .principalWrapper-manthan .principalRightSection .rightTopSection { padding: 18px; font-size: 18px; line-height: 22px; border: 1px solid #FFBE00; border-bottom: none; background-color: #ffeab3; } .principalWrapper-manthan .principalRightSection .rightTopSection p { font-family: "Lato", sans-serif; } .principalWrapper-manthan .principalRightSection .rightBottomSection { height: 400px; flex-direction: row; padding: 30px 0px; gap: 30px; } .principalWrapper-manthan .principalRightSection .rightBottomSection.no-slider { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slider-cards .card-item { margin: 0px 10px; padding: 15px; border: 1px solid #FFBE00; height: 300px; display: flex; flex-direction: column; overflow-y: scroll; scrollbar-width: none; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slider-cards .card-item .image-container { margin-bottom: 10px; height: 56%; width: 100%; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slider-cards .card-item .image-container img { width: 100%; height: 100%; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slider-cards .card-item .card-title { font-size: 17px; line-height: 25px; font-weight: 600; margin-bottom: 5px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slider-cards .card-item .card-title .title-link { color: black; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slider-cards .card-item .card-desc { font-size: 16px; font-weight: 500; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; width: 45px; height: 55px; position: absolute; top: unset; right: -52px; bottom: 16px; z-index: 1; cursor: pointer; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-arrow::before { content: unset; } .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-arrow:hover { background: url("/assets/images/dropdown_arrow.svg") no-repeat center; } } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/dropdown_arrow.svg") no-repeat center; background-size: contain; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-arrow { width: 15px; height: 15px; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-prev { bottom: 65px; left: unset; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-prev { position: absolute; top: 50%; right: -20px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(-90deg); } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-next { transform: rotate(90deg); } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -25px; z-index: 1; transform: rotate(180deg) rotate(-90deg); } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -12px; z-index: 1; } } @media (max-width: 1365px) { .principalWrapper-manthan .principalRightSection .rightBottomSection { height: 360px; } } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection { gap: 20px; flex-direction: row; padding: 20px; height: 285px; overflow: auto; scrollbar-width: none; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection { flex-direction: column; height: 900px; margin-bottom: 18px; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .mb-30 { margin-bottom: 30px; } .principalWrapper-manthan .principalRightSection .rightBottomSection ul { list-style-type: disc; padding-left: 20px; } .principalWrapper-manthan .principalRightSection .rightBottomSection ul li { margin-bottom: 10px; font-family: "Lato", sans-serif; } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent { display: flex; flex-direction: column; height: 100%; overflow: auto; width: 85%; border-left: 10px solid #FFBE00; padding: 0 10px 20px 30px; /* Track */ } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent { padding: 0 10px 20px 20px; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent { width: 100%; border: none; padding: 0; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent strong, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent strong p, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent p strong { font-family: "Lato", sans-serif; font-size: 20px; margin-bottom: 20px; display: block; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent strong, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent strong p, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent p strong { font-size: 16px; line-height: 22px; margin-bottom: 12px; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent strong, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent strong p, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent p strong { text-transform: uppercase; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent p { padding-bottom: 0; } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent p, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent span, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent ul li { font-family: "Lato", sans-serif; list-style: disc; font-size: 18px; line-height: 22px; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent p, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent span, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent ul li { font-size: 16px; line-height: 22px !important; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent p, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent span, .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent ul li { font-size: 14px !important; line-height: 20px !important; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent ul li { margin-bottom: 6px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar { width: 5px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar { width: 4px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar-track { width: 5px; background-color: #f7f7f7; } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent::-webkit-scrollbar-thumb { background-color: #E8E7E7; } .principalWrapper-manthan .principalRightSection .rightBottomSection .mainContent ul li { margin-bottom: 10px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .process-modal .zoom-flip img { width: auto !important; } .principalWrapper-manthan .principalRightSection .rightBottomSection .process-modal .goals { height: 575px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 20px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .intiativeSection p:not(:has(strong)), .principalWrapper-manthan .principalRightSection .rightBottomSection .intiativeSection ul { padding-left: 20px; position: relative; margin-top: 6px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .intiativeSection p:not(:has(strong))::before, .principalWrapper-manthan .principalRightSection .rightBottomSection .intiativeSection ul::before { content: ''; position: absolute; top: 9px; left: 5px; width: 6px; height: 6px; background-color: #000000; border-radius: 50%; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 20px; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .intiativeSection { margin-bottom: 30px; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .awardSection ul { list-style-type: disc; padding-left: 20px; } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .awardSection { margin-bottom: 10px; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection, .principalWrapper-manthan .principalRightSection .rightBottomSection .profile { margin-bottom: 30px; } .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .principalWrapper-manthan .principalRightSection .rightBottomSection .profile .award-wrapper { width: 48%; float: left; height: 50px; border: 1px solid #FFBE00; margin-right: 10px; margin-bottom: 15px; border-radius: 30px; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .principalWrapper-manthan .principalRightSection .rightBottomSection .profile .award-wrapper { width: 47%; height: 41px; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper, .principalWrapper-manthan .principalRightSection .rightBottomSection .profile .award-wrapper { width: 75%; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .principalWrapper-manthan .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { padding-left: 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding-right: 10px; height: 100%; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .principalWrapper-manthan .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { font-size: 12px; line-height: 18px; padding-left: 43px; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection .award-wrapper .award-icon, .principalWrapper-manthan .principalRightSection .rightBottomSection .profile .award-wrapper .award-icon { padding-left: 47px; font-size: 14px; line-height: 18px; } } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .SignificatawardSection { margin-bottom: 20px; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .imageSection { flex: 0 0 27%; border: 1px solid #FFBE00; } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .imageSection { flex: 0 0 30%; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .imageSection { border-bottom: 10px solid #FFBE00; height: 400px; } } .principalWrapper-manthan .principalRightSection .rightBottomSection .imageSection img { height: 100%; } .principalWrapper-manthan .principalRightSection .rightBottomSection .video-section { height: 100%; width: 100%; } .principalWrapper-manthan .principalRightSection .rightBottomSection .playIcon.lg { width: 58px; height: 58px; background: url("/assets/images/grey_play.png") no-repeat center; background-size: contain; position: absolute; top: 50%; right: unset; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } @media (max-width: 991px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .playIcon.lg { width: 42px; height: 42px; position: absolute; top: unset; right: unset; bottom: 20px; left: 20px; z-index: 1; } } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .rightBottomSection .playIcon.lg { width: 31px; height: 31px; position: absolute; top: unset; right: unset; bottom: 30px; left: 32px; z-index: 1; } } .principalWrapper-manthan .principalRightSection.etg .rightBottomSection { flex-direction: column; height: 455px; overflow: auto; padding-right: 20px; /* Track */ } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection.etg .rightBottomSection { margin-bottom: 0; } } .principalWrapper-manthan .principalRightSection.etg .rightBottomSection::-webkit-scrollbar { width: 5px; } .principalWrapper-manthan .principalRightSection.etg .rightBottomSection::-webkit-scrollbar { width: 4px; } .principalWrapper-manthan .principalRightSection.etg .rightBottomSection::-webkit-scrollbar-track { width: 5px; background-color: #f7f7f7; } .principalWrapper-manthan .principalRightSection.etg .rightBottomSection::-webkit-scrollbar-thumb { background-color: #E8E7E7; } .principalWrapper-manthan .principalRightSection.etg .rightBottomSection .mainContent { padding-right: 15px; } .principalWrapper-manthan .principalRightSection .scrollSection { height: 227px; overflow: auto; border-bottom: 1px solid #FFBE00; position: relative; } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .scrollSection { height: auto; } } .principalWrapper-manthan .principalRightSection .scrollSection .icon-arrow { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); } @media (max-width: 479px) { .principalWrapper-manthan .principalRightSection .scrollSection .icon-arrow { bottom: 30px; } } .principalWrapper-manthan .principalRightSection .scrollSection .icon-arrow img { height: 15px; width: 15px; } @media (max-width: 767px) { .principalWrapper-manthan .principalRightSection .scrollSection .icon-arrow img { display: none; } } .principalWrapper-manthan .principalRightSection .scrollSection::-webkit-scrollbar { width: 10px; } .principalWrapper-manthan .principalRightSection .scrollSection::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); } @media (max-width: 767px) { .principalWrapper-manthan { padding-bottom: 0; } } /* 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; } } .waste-to-wealth-tab { background: url("/assets/images/sustainable_bg.png") no-repeat center; background-color: transparent; background-size: contain; position: relative; } .waste-to-wealth-tab:after { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .waste-to-wealth-tab .tab-section-content { z-index: 2; position: relative; padding: 0 !important; } .waste-to-wealth-tab .tab-section-content > .equal-grid-row { padding-top: 40px; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content > .equal-grid-row { flex-direction: column; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content > .equal-grid-row > .grid:first-child { margin-top: 315px; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content > .equal-grid-row .grid:nth-child(2) { display: none; } } .waste-to-wealth-tab .tab-section-content .impact-content { gap: 30px !important; margin-bottom: 50px !important; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-content { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } } .waste-to-wealth-tab .tab-section-content .impact-content .grid:first-child { text-align: justify; } .waste-to-wealth-tab .tab-section-content .impact-content .grid:nth-child(2) { position: relative; } .waste-to-wealth-tab .tab-section-content .impact-content .grid:nth-child(2) .impact-image-arrow { background: url("/assets/images/circular_arrow.png") no-repeat center; background-color: transparent; background-size: contain; position: absolute; top: -26px; left: 50%; width: 60px; height: 60px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-content .grid:nth-child(2) .impact-image-arrow { width: 50px; height: 50px; position: absolute; top: -6px; left: 50%; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; margin-bottom: 20px; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .problem-statement { margin-bottom: 30px; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption, .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { background-color: #FFBE00; padding: 10px 40px; color: #ffffff; text-transform: uppercase; font-weight: 700; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption, .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { font-size: 16px; line-height: 22px; padding: 10px 30px; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before { position: relative; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption { position: absolute; top: -20px; right: 0; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption { position: absolute; top: 0; right: 0; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after { position: relative; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { position: absolute; top: -20px; left: 0; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { position: absolute; top: 0; right: 0; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row:has(.impact-before) { gap: 0; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .grid { flex: 1; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .grid .lato-paragraph { text-align: justify; } .waste-to-wealth-tab .tab-section-content .section-main { padding-left: 30px; padding-right: 30px; } .waste-to-wealth-tab .tab-section-content .drainmaster-operation-section { margin-top: 50px; margin-bottom: 50px; padding: 30px; margin-left: 30px; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .drainmaster-operation-section { margin-bottom: 30px; margin-top: 30px; } } .waste-to-wealth-tab .tab-section-content .impact-before img, .waste-to-wealth-tab .tab-section-content .impact-after img { height: 325px; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-before img, .waste-to-wealth-tab .tab-section-content .impact-after img { height: 250px; margin-top: 20px; } } .waste-to-wealth-tab .tab-section-content .video-image-grid { position: absolute; top: 40px; right: 20px; width: 48%; border: 1px solid #FFBE00; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .video-image-grid { width: 44%; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .video-image-grid { width: 88%; position: absolute; top: 40px; right: 20px; left: 20px; } } .waste-to-wealth-tab .tab-section-content .video-image-grid img { height: 320px; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .video-image-grid img { height: 250px; } } .waste-to-wealth-tab .tab-section-content .video-image-grid .playIcon.lg { width: 58px; height: 58px; background: url("/assets/images/play_button_new.svg") no-repeat center; background-size: contain; position: absolute; top: unset; right: unset; bottom: 24px; left: 24px; z-index: 1; transform: unset; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .video-image-grid .playIcon.lg { width: 42px; height: 42px; position: absolute; top: unset; right: unset; bottom: 20px; left: 20px; z-index: 1; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .video-image-grid .playIcon.lg { width: 31px; height: 31px; position: absolute; top: unset; right: unset; bottom: 30px; left: 32px; z-index: 1; } } .waste-to-wealth-tab .tab-section-content .container-fluid { padding: 0; position: relative; } .waste-to-wealth-tab .tab-section-content .container-fluid::after { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: -100px; width: calc(100% + 200px); height: 100%; content: ""; } .waste-to-wealth-tab .tab-section-content .principalWrapper { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; position: relative; } .waste-to-wealth-tab .tab-section-content .principalWrapper * { z-index: 2; } .waste-to-wealth-tab .tab-section-content .principalWrapper .nameBox { height: 130px !important; background-color: #ffffff; } .waste-to-wealth-tab .tab-section-content .impact-image-caption { display: inline-block; margin: 0 auto; padding: 10px; border: 1px solid #FFBE00; position: absolute; top: 295px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: max-content; max-width: 80%; background-color: #ffffff; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-image-caption { position: absolute; top: 220px; left: 50%; } } .waste-to-wealth-tab .tab-section-content .impact-image-caption p { font-weight: 700 !important; text-transform: uppercase; text-align: center; } /* 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; } } .about-gallery-container-new { width: 100%; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; } @media (max-width: 991px) { .about-gallery-container-new { flex-direction: column; } } .about-gallery-container-new.inner-gallery .lg-slider-container { width: 72%; box-shadow: 0px 4px 30px 0px #00000040; height: 354px; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .lg-slider-container { width: 100%; height: 200px; } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .lg-slider-container { height: auto; } } .about-gallery-container-new.inner-gallery .sm-slider-container { width: 25%; height: auto; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .sm-slider-container { width: 100%; height: auto; } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .sm-slider-container { height: auto; } } .about-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; width: 45px; height: 55px; position: absolute; top: unset; right: -52px; bottom: 16px; z-index: 1; cursor: pointer; } .about-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow::before { content: unset; } .about-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow:hover { background: url("/assets/images/dropdown_arrow.svg") no-repeat center; } } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/dropdown_arrow.svg") no-repeat center; background-size: contain; } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .sm-slider-container .slick-arrow { width: 15px; height: 15px; } } .about-gallery-container-new.inner-gallery .sm-slider-container .slick-prev { bottom: 65px; left: unset; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .sm-slider-container .slick-prev { position: absolute; top: 50%; right: -20px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(-90deg); } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .sm-slider-container .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; } } .about-gallery-container-new.inner-gallery .sm-slider-container .slick-next { transform: rotate(90deg); } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .sm-slider-container .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -25px; z-index: 1; transform: rotate(180deg) rotate(-90deg); } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .sm-slider-container .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -12px; z-index: 1; } } .about-gallery-container-new.inner-gallery .gallery-slider-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; justify-content: left; -ms-flex-pack: left; position: relative; z-index: 2; outline: none; } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .gallery-slider-row { flex-direction: column; } } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image { position: relative; width: 75%; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image { width: 60%; } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image { width: 100%; } } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure { position: relative; height: 354px; width: 100%; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure { height: 210px; } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure { height: 168px; } } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBlock { height: inherit; width: inherit; } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; z-index: 1; } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-image .playIcon.lg { width: 64px; height: 64px; opacity: 0.6; background: url("/assets/images/play_button_new.svg") no-repeat center; background-size: contain; } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info { width: 25%; background-color: #ffffff; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info { width: 40%; } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info { width: 100%; } } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info { 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; height: 100%; justify-content: center; flex-direction: column; padding-left: 30px; text-align: left; } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info { padding: 12px; } } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info h3, .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title, .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title2, .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title3 { margin-bottom: 0; font-size: 18px; line-height: 26px; font-family: "Lato", sans-serif; text-transform: uppercase; font-weight: 700; } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info h3, .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title, .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title2, .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title3 { font-size: 14px; line-height: 22px; } } .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .date-icon { text-transform: uppercase; padding-left: 0; width: 100%; font-weight: 700; font-size: 20px; line-height: 32px; color: #FFBE00; font-weight: 800; font-family: "Lato", sans-serif; } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .date-icon { font-size: 14px; line-height: 22px; } } .about-gallery-container-new.inner-gallery .sm-slider-details { outline: none; } .about-gallery-container-new.inner-gallery .sm-slider-details figure { height: 162px; position: relative; margin-bottom: 20px; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .sm-slider-details figure { height: 100px; margin: 0 10px; } } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .sm-slider-details figure { height: 85px; } } .about-gallery-container-new.inner-gallery .sm-slider-details figure .videoBlock { display: none; } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .sm-slider-details figure .videoBlock { display: block; } } .about-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner { cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .about-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 1; } .about-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner .playIcon { display: none !important; } @media (max-width: 767px) { .about-gallery-container-new.inner-gallery .sm-slider-details figure .videoBanner .playIcon { display: block; } } .about-gallery-container-new.inner-gallery .sm-slider-details figure img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .about-gallery-container-new.inner-gallery .sm-slider-details.oneslide { height: 350px; display: flex; align-items: center; } @media (max-width: 991px) { .about-gallery-container-new.inner-gallery .sm-slider-details.oneslide { height: 100%; justify-content: center; } } .about-gallery-container-new.inner-gallery .sm-slider-details.oneslide figure { text-align: center; margin: 0 auto; } .about-gallery-container-new.inner-gallery .sm-slider-details.oneslide figure:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 1; } .about-gallery-container-new.reverse-slider .lg-slider-container { order: 1; } @media (max-width: 991px) { .about-gallery-container-new.reverse-slider .lg-slider-container { order: unset; } } .about-gallery-container-new.reverse-slider .sm-slider-container .slick-prev { left: -50px; } .about-gallery-container-new.reverse-slider .sm-slider-container .slick-next { left: -50px; } /* 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; } } @media (max-width: 991px) { .lead-partner-wrapper { margin-top: 25px; } } @media (max-width: 767px) { .lead-partner-wrapper { margin-top: 20px; } } .lead-card { height: 100%; } .lead-card .image2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 100%; } @media (max-width: 991px) { .lead-card .image2 { min-width: 315px; } } .lead-partner-container { background-color: #000000; padding-right: 10px; padding-bottom: 50px; margin-top: 0; padding-top: 30px; } @media (max-width: 991px) { .lead-partner-container { padding: 10px 30px 30px !important; } } .lead-partner-container .slick-slider { margin-left: 2px; } .lead-partner-container .slick-slider html::-webkit-scrollbar { display: none; } .lead-partner-container .slick-slider .rounded-border { height: 100%; } @media (max-width: 991px) { .lead-partner-container .slick-slider .rounded-border { margin: 0 10px; } } .lead-partner-container .slick-slider .rounded-border img { height: 100%; width: 100%; border-radius: 5px; max-width: 350px; } .lead-partner-container .slick-list { width: 100%; } @media (max-width: 991px) { .lead-partner-container .slick-slider { height: 95px; } } .lead-partner-container .slick-slide { height: 130px; } @media (max-width: 991px) { .lead-partner-container .slick-slide { height: 95px; } } @media (max-width: 767px) { .lead-partner-container .slick-slide { max-width: 100%; } } @media (max-width: 991px) { .lead-partner-container .slick-slide .lead-card { margin: 0 10px; } } .lead-partner-container .slick-slide .lead-card img { object-fit: scale-down; border-radius: 20px; } .lead-partner-container .slick-slide #body { overflow: hidden !important; } .lead-partner-container .slick-slide #body::-webkit-scrollbar { display: none; } .lead-partner-container .slick-slide > div { margin-right: 20px; height: 100%; } @media (max-width: 991px) { .lead-partner-container .slick-slide > div { margin-right: 0; } } .lead-partner-container .slick-slide iframe { border-radius: 8px; height: 160px; overflow: hidden; } @media (max-width: 991px) { .lead-partner-container .slick-slide iframe { height: 75px; } } @media (max-width: 767px) { .lead-partner-container .slick-slide iframe { height: 150px; } } .lead-partner-container .slick-slide iframe html { overflow: hidden; } .lead-partner-container .slick-slide iframe :root { overflow: hidden; } .lead-partner-container .slick-slide *::-webkit-scrollbar { display: none; } @media (max-width: 991px) { .lead-partner-container .slick-slide img { height: 75px; } } .lead-partner-container .slick-arrow { background-color: transparent; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; background-color: transparent; width: 45px; height: 55px; position: absolute; top: unset; bottom: 0; left: -52px; z-index: 1; cursor: pointer; } .lead-partner-container .slick-arrow::before { content: unset; } .lead-partner-container .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; } @media (max-width: 991px) { .lead-partner-container .slick-arrow:hover { background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; background-color: transparent; } } @media (max-width: 991px) { .lead-partner-container .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; background-color: transparent; } } .lead-partner-container .slick-prev { background-color: transparent; bottom: 50px; } @media (max-width: 991px) { .lead-partner-container .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%); } } .lead-partner-container .slick-next { background-color: transparent; transform: rotate(0); } @media (max-width: 991px) { .lead-partner-container .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -10px; z-index: 1; transform: rotate(180deg); } } .lead-content { padding-top: 20px; display: flex; justify-content: space-between; padding-bottom: 30px; align-items: center; } .lead-content h3, .lead-content .title, .lead-content .title2, .lead-content .title3 { font-size: 28px; line-height: 32px; margin-bottom: 0px; color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 700 !important; } @media (max-width: 991px) { .lead-content h3, .lead-content .title, .lead-content .title2, .lead-content .title3 { font-size: 20px; line-height: 22px; } } .lead-content .count-slide { font-family: "Montserrat", sans-serif; color: #ffffff; font-weight: 600; font-size: 16px; line-height: 32px; letter-spacing: 2px; } .lead-button { padding: 14px 50px; background: #ffffff; font-size: 15px; line-height: 18px; font-weight: 700; text-transform: uppercase; border-radius: 4px; border: 1px solid #FFBE00; font-family: "Lato", sans-serif; color: #000000; } @media (max-width: 991px) { .lead-button { padding: 15px 20px; font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { .lead-button { padding: 8px 6px; font-size: 12px; line-height: 18px; flex: 0 0 50%; text-align: center; } } .lead-button:hover { background: #ffeab3; } /* 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; } } .grid-tag-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 50px; -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; align-items: end; } @media (max-width: 767px) { .grid-tag-wrap { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; gap: 20px; } } .grid-tag-item { flex: 1; text-align: center; padding: 20px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .grid-tag-item::before { content: ""; position: absolute; top: 20px; left: -26px; height: 120px; width: 100%; z-index: 1; background: url("/assets/images/num-tag.svg") no-repeat bottom; background-size: contain; } @media (max-width: 767px) { .grid-tag-item::before { content: unset; } } .grid-tag-item:first-child { height: 370px; background: url("/assets/images/tag-bg1.svg") no-repeat bottom; } .grid-tag-item:first-child img { width: 80px; height: 80px; margin-top: 100px; } .grid-tag-item:first-child p { margin-top: 10px; } @media (max-width: 767px) { .grid-tag-item:first-child p { margin-top: 0; } } .grid-tag-item:nth-child(2) { height: 420px; background: url("/assets/images/tag-bg2.svg") no-repeat bottom; } .grid-tag-item:nth-child(2) img { margin-top: 50px; margin-bottom: 20px; } .grid-tag-item:nth-child(3) { height: 480px; background: url("/assets/images/tag-bg3.svg") no-repeat bottom; } .grid-tag-item:nth-child(3) img { width: 95px; height: 95px; margin-top: 30px; margin-bottom: 30px; } .grid-tag-item:nth-child(4) { height: 540px; background: url("/assets/images/tag-bg4.svg") no-repeat bottom; } .grid-tag-item:nth-child(4) img { margin-bottom: 30px; } @media (max-width: 767px) { .grid-tag-item { background: unset !important; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; border: 1px solid #FFBE00; margin-left: 35px; width: 90%; } .grid-tag-item img { padding: 12px; background-color: #FFBE00; border-radius: 50%; width: 80px !important; height: 80px !important; object-fit: contain; margin: 0 0 0 -60px !important; } } .grid-tag-item .grid-num { text-align: center; font-size: 60px; position: absolute; top: 35px; left: 50%; color: #ffffff; z-index: 3; font-family: "Lato", sans-serif; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media (max-width: 767px) { .grid-tag-item .grid-num { display: none; } } .grid-tag-item img { max-width: 110px; max-height: 110px; margin: 0 auto; } .grid-tag-item p { text-align: center !important; } @media (max-width: 767px) { .grid-tag-item p { padding-left: 12px; margin: 0; height: 100%; align-self: center; text-align: left !important; width: 95%; } } .grid-tag-section { padding: 0 60px; } @media (max-width: 991px) { .grid-tag-section { padding: 0; } } /* 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; } } .introduction_section { padding-top: 0; position: relative; } .container-fluid-sm { padding-left: 100px; padding-right: 100px; } .objectives_section { padding-top: 0; } @media (max-width: 991px) { .objectives_section { padding-top: 0; } } .objectives_section .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; transform: rotate(0); width: 30px; height: 60px; } .objectives_section .slick-arrow::before { content: unset; } .objectives_section .slick-next, .objectives_section .slick:focus { right: -30px; transform: rotate(180deg); } .objectives_section .slick-prev, .objectives_section .slick:focus { left: -30px; } .objectives_wrap { margin-top: 50px; } @media (max-width: 991px) { .objectives_wrap { padding: 0 10px; } } .objectives_wrap .columnList-card { margin: 50px 0; } @media (max-width: 991px) { .objectives_wrap .columnList-card { margin: 0; } } @media (max-width: 767px) { .objectives_wrap .columnList-card { margin-top: 0; } } /* 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; } } .faqArea { padding: 40px 0; width: 100%; } .faqArea .subText { padding: 30px 0; } .faqArea .subText h3, .faqArea .subText .title, .faqArea .subText .title2, .faqArea .subText .title3 { background-color: #ffffff; position: relative; z-index: 3; padding: 0 12px; font-family: 'Montserrat', sans-serif; min-width: auto; max-width: 90%; font-size: 30px; } @media (max-width: 767px) { .faqArea .subText h3, .faqArea .subText .title, .faqArea .subText .title2, .faqArea .subText .title3 { font-size: 26px; } } .faqArea .subText p { font-size: calc(16px + var(--font-size-pixel)); color: #212121; line-height: 1.5; } @media (max-width: 767px) { .faqArea .subText p { font-size: 15px; } } .accordion .accordion__panel { padding-left: 40px; } .accordion .accordion__panel p { position: relative; } .accordion__button { background-color: #f9f9f9; color: #212121; cursor: pointer; padding: 15px 15px; width: 100%; text-align: left; border: none; font-size: 16px; font-weight: 600; } @media (max-width: 767px) { .accordion__button { font-size: 15px; } } .accordion__button:before { display: inline-block; content: ''; height: 10px; width: 10px; margin-right: 12px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(-45deg); } .accordion__button[aria-expanded='true']::before, .accordion__button[aria-selected='true']::before { transform: rotate(45deg); } .accordion__panel { padding: 20px; animation: fadein 0.1s ease-in; transition: all 0.1s; } .accordion__panel p { font-size: calc(16px + var(--font-size-pixel)); line-height: 1.5; } .accordion__item + .accordion__item { border-top: 1px solid rgba(0, 0, 0, 0.3); } .list_item { margin: 20px 0 0; list-style: lower-alpha; padding-left: 40px; } .list_item li { font-size: 16px; line-height: 1.5; margin: 0 0 10px; } /* 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; } } .process-wrap { padding: 0 30px; } .process-modal .modal-content { position: relative; } .process-modal .modal-content .close-button { background: url("/assets/images/close_yellow.svg") no-repeat bottom; bottom: 0; width: 40px; height: 40px; right: 0; top: unset; } .process-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 40px 10px; } .process-content-wrap.section-top .card-detail { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 20px; } .process-content-wrap.section-top .card-detail > div { -webkit-flex-flow: column-reverse; -moz-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } .process-content-wrap.section-top .card-detail::before { content: ""; position: absolute; top: 0; left: 50%; background-color: #FFBE00; height: 12px; width: 12px; border-radius: 50%; } .process-content-wrap.section-bottom .card-detail { position: relative; padding-bottom: 30px; } .process-content-wrap.section-bottom .card-detail > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .process-content-wrap.section-bottom .card-detail::after { content: ""; position: absolute; bottom: 0; left: 50%; background-color: #FFBE00; height: 12px; width: 12px; border-radius: 50%; } .process-content-wrap .process-text { flex: 0 0 20%; } .process-content-wrap .process-text .card-detail > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; } .process-content-wrap .process-text .card-detail span { font-weight: 700; text-transform: uppercase; } .zoom-flip { width: 40px; height: 40px; background-color: #FFBE00; border-radius: 50%; margin-bottom: 30px; margin-left: auto; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; box-shadow: 0px 0px 21px 0px #00000040; } .zoom-flip img { padding: 2px; } /* 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; } } .manthan-work .image-container { width: 100%; height: 100%; } .manthan-work .image-container img { width: 100%; height: 100%; } /* 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; } } .manthan-cta .cta-block { display: flex; align-items: center; justify-content: space-between; height: 100%; padding-right: 100px; position: relative; z-index: 3; padding-left: 0px !important; } .manthan-cta .cta-block .subtitle { line-height: unset !important; } .manthan-cta .cta-block .subtitle p { line-height: unset !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; } } @media (max-width: 991px) { .lead-partner-wrapper { margin-top: 25px; } } @media (max-width: 767px) { .lead-partner-wrapper { margin-top: 20px; } } .lead-card { height: 100%; } .lead-card .image2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 100%; } @media (max-width: 991px) { .lead-card .image2 { min-width: 315px; } } .lead-partner-container { background-color: #000000; padding-right: 0px; padding-bottom: 50px; margin-top: 0; padding-top: 30px; } @media (max-width: 991px) { .lead-partner-container { padding: 10px 30px 30px !important; } } .lead-partner-container .slick-slider html::-webkit-scrollbar { display: none; } .lead-content { padding-top: 20px; display: flex; justify-content: space-between; padding-bottom: 30px; align-items: center; } .lead-content h3, .lead-content .title, .lead-content .title2, .lead-content .title3 { font-size: 28px; line-height: 32px; margin-bottom: 0px; color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 700 !important; } @media (max-width: 991px) { .lead-content h3, .lead-content .title, .lead-content .title2, .lead-content .title3 { font-size: 20px; line-height: 22px; } } .lead-content .count-slide { font-family: "Montserrat", sans-serif; color: #ffffff; font-weight: 600; font-size: 16px; line-height: 32px; letter-spacing: 2px; } .lead-button { padding: 14px 50px; background: #ffffff; font-size: 15px; line-height: 18px; font-weight: 700; text-transform: uppercase; border-radius: 4px; border: 1px solid #FFBE00; font-family: "Lato", sans-serif; color: #000000; } @media (max-width: 991px) { .lead-button { padding: 15px 20px; font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { .lead-button { padding: 8px 6px; font-size: 12px; line-height: 18px; flex: 0 0 50%; text-align: center; } } .lead-button:hover { background: #ffeab3; } .lead-partners-counter .chairperson-wrap { flex-direction: row; flex: 1; gap: 30px; margin-right: 20px; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap { flex: 0 0 47%; } } @media (max-width: 767px) { .lead-partners-counter .chairperson-wrap { gap: 10px; } } .lead-partners-counter .chairperson-wrap img { height: 215px; width: 44%; margin-bottom: 0; object-position: top; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap img { height: 150px; } } .lead-partners-counter .chairperson-wrap .chairperson-data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; flex-direction: column; padding-right: 30px; width: 58%; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap .chairperson-data { padding-right: 0; } } @media (max-width: 767px) { .lead-partners-counter .chairperson-wrap .chairperson-data { padding-left: 0; } } .lead-partners-counter .chairperson-wrap .chairperson-data .chairperson-name { margin-bottom: 30px; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap .chairperson-data .chairperson-name { margin-bottom: 10px; } } .lead-partners-counter .chairperson-wrap .chairperson-data .chairperson-name::after { transform: unset; left: 0; } @media (max-width: 991px) { .lead-partners-counter .chairperson-wrap .chairperson-data span:last-child { font-size: 14px; line-height: 18px; } } .slick-arrow { background-color: transparent; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url("/assets/images/yellow-icon-arrow-light.svg") no-repeat center; width: 45px; height: 55px; position: absolute; top: unset; right: -52px; bottom: 0; left: unset; z-index: 1; cursor: pointer; } .slick-arrow::before { content: unset; } .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; } @media (max-width: 991px) { .slick-arrow:hover { background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; } } @media (max-width: 991px) { .slick-arrow { width: 20px; height: 20px; position: absolute; top: 50%; right: 0; bottom: unset; left: unset; z-index: 1; background: url("/assets/images/white_arrowleft_mob.svg") no-repeat center; } } .slick-prev { bottom: 50px; } @media (max-width: 991px) { .slick-prev { position: absolute; top: 50%; right: -10px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%); } } .slick-next { background-color: transparent; transform: rotate(0); } @media (max-width: 991px) { .slick-next { position: absolute; top: 46%; right: unset; bottom: unset; left: -10px; z-index: 1; transform: rotate(180deg); } } /* 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; } } .waste-to-wealth-tab { background: url("/assets/images/sustainable_bg.png") no-repeat center; background-color: transparent; background-size: contain; position: relative; } .waste-to-wealth-tab:after { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .waste-to-wealth-tab .tab-section-content { z-index: 2; position: relative; padding: 0 !important; } .waste-to-wealth-tab .tab-section-content > .equal-grid-row { padding-top: 40px; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content > .equal-grid-row { flex-direction: column; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content > .equal-grid-row > .grid:first-child { margin-top: 315px; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content > .equal-grid-row .grid:nth-child(2) { display: none; } } .waste-to-wealth-tab .tab-section-content .impact-content { gap: 30px !important; margin-bottom: 50px !important; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-content { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } } .waste-to-wealth-tab .tab-section-content .impact-content .grid:first-child { text-align: justify; } .waste-to-wealth-tab .tab-section-content .impact-content .grid:nth-child(2) { position: relative; } .waste-to-wealth-tab .tab-section-content .impact-content .grid:nth-child(2) .impact-image-arrow { background: url("/assets/images/circular_arrow.png") no-repeat center; background-color: transparent; background-size: contain; position: absolute; top: -26px; left: 50%; width: 60px; height: 60px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-content .grid:nth-child(2) .impact-image-arrow { width: 50px; height: 50px; position: absolute; top: -6px; left: 50%; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; margin-bottom: 20px; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .problem-statement { margin-bottom: 30px; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption, .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { background-color: #FFBE00; padding: 10px 40px; color: #ffffff; text-transform: uppercase; font-weight: 700; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption, .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { font-size: 16px; line-height: 22px; padding: 10px 30px; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before { position: relative; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption { position: absolute; top: -20px; right: 0; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-before figcaption { position: absolute; top: 0; right: 0; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after { position: relative; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { position: absolute; top: -20px; left: 0; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .equal-grid-row .impact-after figcaption { position: absolute; top: 0; right: 0; } } .waste-to-wealth-tab .tab-section-content .equal-grid-row:has(.impact-before) { gap: 0; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .grid { flex: 1; } .waste-to-wealth-tab .tab-section-content .equal-grid-row .grid .lato-paragraph { text-align: justify; } .waste-to-wealth-tab .tab-section-content .section-main { padding-left: 30px; padding-right: 30px; } .waste-to-wealth-tab .tab-section-content .drainmaster-operation-section { margin-top: 50px; margin-bottom: 50px; padding: 30px; margin-left: 30px; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .drainmaster-operation-section { margin-bottom: 30px; margin-top: 30px; } } .waste-to-wealth-tab .tab-section-content .impact-before img, .waste-to-wealth-tab .tab-section-content .impact-after img { height: 325px; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-before img, .waste-to-wealth-tab .tab-section-content .impact-after img { height: 250px; margin-top: 20px; } } .waste-to-wealth-tab .tab-section-content .video-image-grid { position: absolute; top: 40px; right: 20px; width: 48%; border: 1px solid #FFBE00; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .video-image-grid { width: 44%; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .video-image-grid { width: 88%; position: absolute; top: 40px; right: 20px; left: 20px; } } .waste-to-wealth-tab .tab-section-content .video-image-grid img { height: 320px; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .video-image-grid img { height: 250px; } } .waste-to-wealth-tab .tab-section-content .video-image-grid .playIcon.lg { width: 58px; height: 58px; background: url("/assets/images/play_button_new.svg") no-repeat center; background-size: contain; position: absolute; top: unset; right: unset; bottom: 24px; left: 24px; z-index: 1; transform: unset; } @media (max-width: 991px) { .waste-to-wealth-tab .tab-section-content .video-image-grid .playIcon.lg { width: 42px; height: 42px; position: absolute; top: unset; right: unset; bottom: 20px; left: 20px; z-index: 1; } } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .video-image-grid .playIcon.lg { width: 31px; height: 31px; position: absolute; top: unset; right: unset; bottom: 30px; left: 32px; z-index: 1; } } .waste-to-wealth-tab .tab-section-content .container-fluid { padding: 0; position: relative; } .waste-to-wealth-tab .tab-section-content .container-fluid::after { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: -100px; width: calc(100% + 200px); height: 100%; content: ""; } .waste-to-wealth-tab .tab-section-content .principalWrapper { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; position: relative; } .waste-to-wealth-tab .tab-section-content .principalWrapper * { z-index: 2; } .waste-to-wealth-tab .tab-section-content .principalWrapper .nameBox { height: 130px !important; background-color: #ffffff; } .waste-to-wealth-tab .tab-section-content .impact-image-caption { display: inline-block; margin: 0 auto; padding: 10px; border: 1px solid #FFBE00; position: absolute; top: 295px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: max-content; max-width: 80%; background-color: #ffffff; } @media (max-width: 767px) { .waste-to-wealth-tab .tab-section-content .impact-image-caption { position: absolute; top: 220px; left: 50%; } } .waste-to-wealth-tab .tab-section-content .impact-image-caption p { font-weight: 700 !important; text-transform: uppercase; text-align: center; } /* 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; } } .cta-block { display: flex; align-items: center; justify-content: space-between; height: 100%; padding-left: 100px; position: relative; z-index: 3; } @media (max-width: 991px) { .cta-block { padding-left: 20px; } } @media (max-width: 767px) { .cta-block { padding-left: 0; flex-direction: column; justify-content: center; } } .cta-block h2 { font-size: 40px !important; line-height: 48px; text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 2; } @media (max-width: 991px) { .cta-block h2 { font-size: 20px !important; line-height: 36px; margin-bottom: 0; } } @media (max-width: 767px) { .cta-block h2 { margin-bottom: 20px; text-align: center; } } .cta-block a { z-index: 2; } .cta-block .agnii-cta-text a { color: #ffffff !important; } .cta-block .subtitle { color: #ffffff; display: block; font-family: "Lato", sans-serif; padding-top: 5px; } .cta-block .subtitle a { text-decoration: underline; font-family: "Lato", sans-serif; color: #ffffff; } .cta-wrapper { height: 160px; margin-top: 50px !important; margin-bottom: 0px !important; background: url("/assets/images/agnii-cta-bg.png") no-repeat center; background-color: transparent; background-size: cover; position: relative; } @media (max-width: 767px) { .cta-wrapper { margin-top: 0 !important; } } .cta-wrapper::after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .contact-info { color: white; font-size: 16px; font-weight: 600; font-family: "Lato", sans-serif; } .contact-info a { color: #ffbe00; } @media (max-width: 767px) { .contact-info { font-size: 11px; } } /* 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; } } /* 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; } } /* 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; } } .psa-fellow .member-section-other { width: 100%; padding-top: 26px; padding-left: 0; } .psa-fellow .member-section-other .slick-prev { left: -52px; } @media (max-width: 991px) { .psa-fellow .member-section-other .slick-prev { left: unset; right: -20px; } } @media (max-width: 767px) { .psa-fellow .member-section-other .chairperson-wrap { width: 100%; } } .psa-fellow .member-section-other .chairperson-name { word-wrap: break-word; } .psa-fellow .member-section-other .chairperson-designation p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media (max-width: 767px) { .psa-fellow .member-section-other .chairperson-designation p { -webkit-line-clamp: 5; } } .psa-fellow .lead-partner-container .slick-slider { height: auto; } .psa-fellow .lead-partner-container .slick-slider .slick-slide { height: auto; } .psa-fellow .lead-partner-container .slick-slider .slick-slide img { border: 1px solid #FFBE00; } @media (max-width: 991px) { .psa-fellow .lead-partner-container .slick-slider .slick-slide img { height: 130px; object-fit: cover; } } /* 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; } } .keyintiative-section-main { position: relative; flex-direction: row; width: 100vw; height: 340px; margin: 10px; margin: 0; background-repeat: no-repeat; background-size: cover; background-position: left center; transition: all 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 991px) { .keyintiative-section-main { height: 350px; } } @media (max-width: 767px) { .keyintiative-section-main { flex-direction: column; height: auto; } } .keyintiative-section-main .centerSection { flex-direction: column; transition: width 0.5s ease; cursor: pointer; color: #ffffff; position: relative; z-index: 50; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 767px) { .keyintiative-section-main .centerSection { width: 100vw !important; height: auto; padding: 20px 0; } } .keyintiative-section-main .centerSection .innerSection { text-align: center; } .keyintiative-section-main .centerSection:hover h2 { scale: 1.2; transition: all 0.2s; } .keyintiative-section-main .centerSection:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.7); } .keyintiative-section-main .centerSection h2 { position: relative; z-index: 2; transition: all 0.2s; text-shadow: 4px 4px #00000066; } .keyintiative-section-main .centerSection a { margin-top: 10px; margin: 30px auto 0; } .keyintiative-section-main .centerSection:has(.innerSection) { border: 1px solid #FFBE00; } .keyintiative-section-main .centerSection:has(.innerSection):after { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.7); } .keyintiative-section-main .centerSection:has(.innerSection) h2 { scale: 1; } .keyintiative-section-main .centerSection:has(.innerSection) ~ .centerSection:hover:after { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.7); } @media (max-width: 767px) { .keyintiative-section-main .centerSection:has(.innerSection) { width: 100vw !important; height: auto; } } .keyintiative-section-main .centerSection .innerSection { z-index: 2; position: relative; } .keyintiative-section-main .centerSection .innerSection-wrap { width: 67%; margin: auto; } @media (max-width: 991px) { .keyintiative-section-main .centerSection .innerSection-wrap { width: 88%; } } .keyintiative-section-main .centerSection .innerSection-wrap p { font-family: "Lato", sans-serif; font-size: 18px !important; line-height: 22px; } @media (max-width: 767px) { .about-hed .heading-with-border span { width: 253px; } } /* 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; } } .one-health-slider .hexagon-slider-wrapper { border: 1px solid #FFBE00; padding: 45px; height: auto; background-color: #ffffff; } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper { padding: 0; gap: 10px; border: none; } } .one-health-slider .hexagon-slider-wrapper .hexagon-inactive { width: 18%; position: relative; } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inactive { width: 48%; border: 1px solid #FFBE00; } } .one-health-slider .hexagon-slider-wrapper .hexagon-inactive:before { content: ""; background: url("/assets/images/hexagon_inactive.svg") no-repeat center; background-color: transparent; background-size: contain; height: 320px; position: absolute; top: 0; left: 0; width: 231px; background-size: cover; z-index: 4; display: block; } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inactive:before { content: unset; } } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inactive .lato-heading { 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; height: 100%; font-size: 16px; line-height: 22px; margin-bottom: 0; padding: 20px; text-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .one-health-slider .hexagon-slider-wrapper .hexagon-inactive-text { height: 317px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; justify-content: end; -ms-flex-pack: end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 1800px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inactive-text { margin-right: 0px; } } @media (min-width: 1800px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inactive-text { margin-right: 120px; } } @media (max-width: 1365px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inactive-text { margin-right: 20px; } } .one-health-slider .hexagon-slider-wrapper .hexagon-inactive-text p { font-size: 14px; line-height: 18px; width: 54%; font-weight: 700; font-family: "Montserrat", sans-serif; text-transform: uppercase; text-align: center !important; } .one-health-slider .hexagon-slider-wrapper .hexagon-inactive.left::before { transform: rotate(180deg); } .one-health-slider .hexagon-slider-wrapper .hexagon-inactive.left .hexagon-inactive-text { -webkit-justify-content: start; -moz-justify-content: start; -ms-justify-content: start; justify-content: start; -ms-flex-pack: start; margin-left: 32px; margin-right: 0; } .one-health-slider .hexagon-slider-wrapper .hexagon-inactive.right::before { left: -30px; } .one-health-slider .hexagon-slider-wrapper .hexa-active { width: 40%; position: relative; height: 305px; z-index: 9; } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexa-active { width: 48%; height: auto; border: 1px solid #FFBE00; } } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexa-active .lato-heading { background-color: #FFBE00; font-size: 16px; line-height: 22px; margin-bottom: 0; padding: 20px; text-align: center; 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 100%; } } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexagon-slider-content { position: relative; } } .one-health-slider .hexagon-slider-wrapper .hexagon-slider-content::before { content: ""; position: absolute; width: 366px; scale: 1.4; top: 15%; background: url("/assets/images/hexagon_new.svg") no-repeat center; background-color: transparent; background-size: contain; width: 103%; height: 75%; text-align: center; } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexagon-slider-content::before { scale: 1; width: 100%; } } @media (max-width: 767px) { .one-health-slider .hexagon-slider-wrapper .hexagon-slider-content::before { scale: 1.1; } } .one-health-slider .hexagon-slider-wrapper .hexagon-inner { width: 61%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } @media (max-width: 1800px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inner { width: 54%; } } @media (min-width: 1800px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inner { width: 43%; } } @media (max-width: 1365px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inner { width: 60%; } } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inner { position: relative; width: 38%; } } @media (max-width: 767px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inner { width: 75%; } } .one-health-slider .hexagon-slider-wrapper .hexagon-inner .lato-heading { text-transform: uppercase; margin-bottom: 5px !important; font-weight: 700 !important; font-size: 17px !important; line-height: 22px; } .one-health-slider .hexagon-slider-wrapper .hexagon-inner .hexagon-icon { margin-bottom: 10px; } .one-health-slider .hexagon-slider-wrapper .hexagon-inner .hexagon-icon img { background: #ffffff; border-radius: 50%; height: 66px; width: 66px; } .one-health-slider .hexagon-slider-wrapper .hexagon-inner p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-align: center !important; } @media (max-width: 1800px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inner p { -webkit-line-clamp: 5; } } @media (max-width: 1500px) { .one-health-slider .hexagon-slider-wrapper .hexagon-inner p { -webkit-line-clamp: 5; } } @media (max-width: 991px) { .one-health-slider .hexagon-slider-wrapper.mob .hexagon-slider-content { height: 450px; margin-top: -40px; margin-bottom: -40px; } } @media (max-width: 767px) { .one-health-slider .hexagon-slider-wrapper.mob .hexagon-slider-content { margin-bottom: -70px; } } /* 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; } } .tooltip-container { position: relative; display: inline-block; /* Adjust to your layout */ } .tooltip-container .tooltip-box { width: 200%; position: absolute; top: 15%; /* Position above the element */ left: 50%; transform: translateX(-50%); padding: 8px; background-color: #000000f7; color: white; border-radius: 4px; text-align: left; font-size: 12px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 100; } .tooltip-container .tooltip-box p { all: unset !important; display: block !important; /* Reapply block behavior */ text-align: left !important; margin: 0; padding: 0; } .tooltip-container:hover .tooltip-box { opacity: 1; visibility: visible; } .tooltip-box::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: #00000000 transparent #000000 #00000000; } /* 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; }