@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap); /* 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; } } .cpio-cards { padding-top: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 76px; } @media (max-width: 991px) { .cpio-cards { padding-top: 30px; gap: 20px; } } @media (max-width: 767px) { .cpio-cards { flex-direction: column; gap: 30px; } } .cpio-cards .cpio-card-items { flex: 1; } .cpio-cards .cpio-card-items h3, .cpio-cards .cpio-card-items .title, .cpio-cards .cpio-card-items .title2, .cpio-cards .cpio-card-items .title3 { margin-bottom: 25px; } @media (max-width: 991px) { .cpio-cards .cpio-card-items h3, .cpio-cards .cpio-card-items .title, .cpio-cards .cpio-card-items .title2, .cpio-cards .cpio-card-items .title3 { margin-bottom: 10px; font-size: 15px; line-height: 22px; } } @media (max-width: 767px) { .cpio-cards .cpio-card-items h3, .cpio-cards .cpio-card-items .title, .cpio-cards .cpio-card-items .title2, .cpio-cards .cpio-card-items .title3 { margin-bottom: 10px; font-size: 18px; line-height: 22px; } } .cpio-cards .cpio-card-items .card-item { padding: 15px 25px; background-color: #ffffff; border: 1px solid #FFBE00; } .cpio-cards .cpio-card-items .card-item h4 { font-family: "Lato", sans-serif; margin-bottom: 0; font-weight: 700; font-size: 20px; line-height: 32px; } @media (max-width: 991px) { .cpio-cards .cpio-card-items .card-item h4 { font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .cpio-cards .cpio-card-items .card-item h4 { font-size: 18px; line-height: 22px; } } .cpio-cards .cpio-card-items .card-item p.designation { margin-bottom: 20px; } .cpio-cards .cpio-card-items .card-item p.tel { margin-top: 10px !important; } .cpio-cards .cpio-card-items .card-item p { font-size: 18px; line-height: 32px; margin-top: 0 !important; } @media (max-width: 991px) { .cpio-cards .cpio-card-items .card-item p { font-size: 16px !important; line-height: 22px; } } @media (max-width: 767px) { .cpio-cards .cpio-card-items .card-item p { font-size: 18px !important; line-height: 22px; } } .cpio-cards .cpio-card-items .card-item:hover { background: #FFBE004D; } .no-border { outline: 0; background-color: transparent; border: 0; } .tel-icon { padding-left: 20px; position: relative; } .tel-icon::before { content: ''; position: absolute; top: 8px; left: 0; z-index: 1; height: 18px; width: 24px; background: url("/assets/images/Telephone.svg") no-repeat left; background-color: transparent; background-size: contain; } @media (max-width: 991px) { .tel-icon::before { position: absolute; top: 4px; left: 0; z-index: 1; } } .print-icon { padding-left: 20px; position: relative; } .print-icon::before { content: ''; position: absolute; top: 8px; left: 0; z-index: 1; height: 18px; width: 24px; background: url("/assets/images/fax_icon.svg") no-repeat left; background-color: transparent; background-size: contain; } @media (max-width: 991px) { .print-icon::before { position: absolute; top: 4px; left: 0; z-index: 1; } } .publishing-content { position: relative; } .publishing-content .publishing-download-icon { background: url("/assets/images/Download_white.png") no-repeat center; background-color: transparent; background-size: contain; position: absolute; top: -14px; height: 65px; width: 47px; right: 16px; z-index: 3; } .publishing-content .publishing-download-icon:hover { background: url("/assets/images/Download_yellow.png") no-repeat center; background-color: transparent; background-size: contain; height: 63px; top: -11px; cursor: pointer; width: 44px; right: 19px; } .view-icon { display: inline-block; background: url("/assets/images/view-yellow.svg") no-repeat center; background-color: transparent; background-size: contain; position: absolute; top: 0; left: 0; height: 12px; width: 15px; } .view-icon-white { display: inline-block; background: url("/assets/images/view_white.png") no-repeat center; background-color: transparent; background-size: contain; position: absolute; top: 50%; left: 0; height: 12px; width: 15px; transform: translateY(-50%); } .full-width { width: 100%; } .table-yellow-default { border: 1px solid #FFBE00; width: 100%; } @media (max-width: 767px) { .table-yellow-default { overflow-x: auto; display: block; } } .table-yellow-default td { font-family: "Lato", sans-serif; padding: 25px 0; vertical-align: middle; } @media (max-width: 991px) { .table-yellow-default td { padding: 20px; } } @media (max-width: 767px) { .table-yellow-default td { padding: 15px; } } .table-yellow-default td span, .table-yellow-default td a { font-family: "Lato", sans-serif; } .table-yellow-default td span { padding-left: 25px; } @media (max-width: 767px) { .table-yellow-default td span { padding-left: 10px; } } .table-yellow-default td strong { font-family: "Lato", sans-serif; } .table-yellow-default tr a { color: #0990CA; text-decoration: underline; font-family: "Lato", sans-serif; padding: 25px 0; display: inline-block; } @media (max-width: 991px) { .table-yellow-default tr a { padding: 20px 0; } } @media (max-width: 767px) { .table-yellow-default tr a { padding: 15px 0; } } .table-yellow-default tr:nth-child(even) { background-color: #FFBE004D; } .table-yellow-default th { padding: 25px 0; } @media (max-width: 991px) { .table-yellow-default th { padding: 20px 0; } } @media (max-width: 767px) { .table-yellow-default th { padding: 15px; width: 50px; } } .table-yellow-default thead { background-color: #FFBE00; } .table-yellow-default thead th { text-transform: uppercase; font-family: "Lato", sans-serif; text-align: left; font-size: 16px; line-height: 22px; } .table-yellow-default.formatted { margin-bottom: 50px; } @media (max-width: 991px) { .table-yellow-default.formatted { margin-bottom: 30px; } } .table-yellow-default.formatted thead th:first-child { text-align: center; width: 140px; } @media (max-width: 991px) { .table-yellow-default.formatted thead th:first-child { width: 70px; } } .table-yellow-default.formatted tbody p { font-family: "Lato", sans-serif; color: #000000; line-height: 1.6; } .table-yellow-default.formatted tbody tr td:first-child { text-align: center; vertical-align: middle; } .table-yellow-default.formatted tbody tr td { padding-top: 20px; padding-bottom: 20px; line-height: 1.6; } @media (max-width: 767px) { .table-yellow-default.formatted tbody tr td { padding: 20px; } } .table-yellow-default.formatted tbody tr.span-spacing-bottom td { padding-bottom: 25px; } .table-yellow-default.formatted tbody td { padding: 0; } .table-yellow-default.formatted tbody tr a { padding: 0; } .award-icon { position: relative; display: inline-block; } .award-icon::after { content: ''; background: url("/assets/images/award_new.svg") no-repeat center; background-color: #FFBE00; background-size: 33px 33px; position: absolute; top: 0; left: 0; width: 50px; height: 50px; border-radius: 30px; } @media (max-width: 991px) { .award-icon::after { background: url("/assets/images/award_new.svg") no-repeat center; background-color: #FFBE00; background-size: 27px 27px; width: 40px; height: 40px; } } .lato-heading { font-size: 20px; line-height: 32px; font-family: "Lato", sans-serif; font-weight: 700; } .bold-font { font-weight: 700; } .text-border-left { padding-left: 10px; border-left: 5px solid #FFBE00; } .text-border-bottom { border-bottom: 2px solid #FFBE00; } .lato-paragraph { font-size: 18px; line-height: 26px; font-family: "Lato", sans-serif; } .lato-paragraph * { font-size: 18px; line-height: 26px; font-family: "Lato", sans-serif; } @media (max-width: 767px) { .lato-paragraph * { text-align: justify; font-size: 16px; line-height: 22px; } } .lato-paragraph * a { color: #0990CA; text-decoration: underline; } @media (max-width: 767px) { .lato-paragraph { font-size: 16px; line-height: 22px; } } .lato-paragraph p + p { margin-top: 30px; text-align: justify; } .text-white { color: #ffffff; } .lato-paragraph-small { font-size: 16px; line-height: 22px; font-family: "Lato", sans-serif; } .lato-paragraph-small p { font-size: 16px; line-height: 22px; font-family: "Lato", sans-serif; } .lato-paragraph-xsmall { font-size: 14px; line-height: 22px; font-family: "Lato", sans-serif; } .lato-paragraph-xsmall p { font-size: 14px !important; line-height: 22px !important; font-family: "Lato", sans-serif; } .tab-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 50px; } @media (max-width: 991px) { .tab-container { margin-top: 30px; } } .tab-container .tab { width: 50.6%; flex: 0 0 50.6%; padding: 20px 75px; text-align: center; background-color: #EFEFEF; 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; cursor: pointer; } .tab-container .tab:hover { background: #FFBE004D; } @media (max-width: 991px) { .tab-container .tab { padding: 15px 32px; } } @media (max-width: 767px) { .tab-container .tab { padding: 15px 20px; } } .tab-container .tab-info { font-size: 20px; line-height: 32px; font-weight: 700; font-family: "Lato", sans-serif; text-transform: uppercase; } @media (max-width: 991px) { .tab-container .tab-info { font-size: 18px; line-height: 22px; } } @media (max-width: 767px) { .tab-container .tab-info { font-size: 16px; line-height: 22px; } } .tab-container .tab.active { font-weight: 700; background-color: #FFBE00; font-family: "Lato", sans-serif; box-shadow: 0px 4px 4px 0px #00000040; z-index: 5; } .slick-arrow-simple .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) { .slick-arrow-simple .slick-slider .slick-arrow { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .slick-arrow-simple .slick-slider .slick-arrow::before { content: unset; } .slick-arrow-simple .slick-slider .slick-arrow:hover { background: url("/assets/images/yellow-icon-arrow.svg") no-repeat center; background-color: transparent; } @media (max-width: 991px) { .slick-arrow-simple .slick-slider .slick-arrow:hover { background: url("/assets/images/yellow_arrow_mob.svg") no-repeat center; background-color: transparent; } } .slick-arrow-simple .slick-slider .slick-prev { background-color: transparent; transform: rotate(0deg) translateY(-50%); position: absolute; top: 50%; right: -62px; bottom: 0; left: unset; z-index: 1; } @media (max-width: 991px) { .slick-arrow-simple .slick-slider .slick-prev { position: absolute; top: 50%; right: -32px; bottom: unset; left: unset; z-index: 1; transform: translateY(-50%) rotate(180deg); } } .slick-arrow-simple .slick-slider .slick-next { background-color: transparent; position: absolute; top: 50%; bottom: 0; left: -62px; z-index: 1; } @media (max-width: 991px) { .slick-arrow-simple .slick-slider .slick-next { position: absolute; top: 50%; bottom: unset; left: -32px; z-index: 1; transform: rotate(0deg) translateY(-50%); } } .left-border-list { border-left: 2px solid #FFBE00; list-style: auto; padding-left: 40px; margin-top: 30px; margin-bottom: 30px; } @media (max-width: 991px) { .left-border-list { padding-left: 30px; } } .left-border-list li { margin-bottom: 15px; display: list-item; padding-left: 5px; } .text-justify { text-align: justify; } .border-container { border: 1px solid #FFBE00; } .agnii-intro .introduction-wrapper .heading-02, .cta-block .heading-01 { text-transform: inherit !important; } .contactus-cta h4, .contactus-cta h3, .contactus-cta .title, .contactus-cta .title2, .contactus-cta .title3, .contactus-cta h2 { color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 600; text-align: center; } .contactus-cta .india-eu { font-size: 14px; } .contactus-cta p a { color: #ffffff; text-decoration: underline; } .rounded-border { border-radius: 50%; }