@charset "UTF-8";
/* hebrew */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(fonts/2sDcZGJYnIjSi6H75xkzamW5O7w.woff2) format('woff2');
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(fonts/2sDcZGJYnIjSi6H75xkzZmW5O7w.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(fonts/2sDcZGJYnIjSi6H75xkzaGW5.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(fonts/4UaOrEtFpBISfH6jyDM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(fonts/4UaOrEtFpBISfX6jyDM.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(fonts/4UaOrEtFpBISc36j.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--Base: #212529;
--BaseBg: #F2F3F5;
--LYellow: #FFCC29;
--DYellow: #FBB12F;
--DYellowRGB: 251, 177, 47;
--Orange: #F06136;
--OrangeRGB: 240, 97, 54;
--Maroon: #C33438;
--MaroonRGB: 195, 52, 56;
--Purple: #7C4E8B;
--PurpleRGB: 124, 78, 139;
--Cobalt: #4061AB;
--LBlue: #0D6DB5;
--LBlueRGB: 13, 109, 181;
--DBlue: #155A9E;
--DGreen: #02B056;
--DGreenRGB: 2, 176, 86;
--LGreen: #67BD50;
--LGreenRGB: 103, 189, 80;
--SBlue: #189DD8;
--SBlueRGB: 24, 157, 216;
--DSeaGreen: #28A395;
--DSeaGreenRGB: 40, 163, 149;
--LSeaGreen: #75C8AF;
--LSeaGreenRGB: 117, 200, 175;
--LogoGrey: #373435;
--DGrey: #1f1f1f;
--DGreyRGB: 31, 31, 31;
--White: #fff;
--WhiteRgb: 255, 255, 255;
--Black: #000;
--BlackRGB: 0, 0, 0;
--Assistance: "Assistant", sans-serif;
--Exo: "Exo", sans-serif;
--Light: 300;
--Regular: 400;
--Medium: 500;
--SemiBold: 600;
--Bold: 700;
--EBold: 800;
--XBold: 900;
--radius: 30px;
--FS18: 1.125rem;
--FS20: 1.25rem;
--FS24: 1.365rem;
--FS32: 2rem;
--FS40: 2.5rem;
--FS48: 3rem;
--arrow2: url('data:image/svg+xml;utf8,');
--DArrow: url('data:image/svg+xml;utf8,');
--sprite: url(../../sprite.svg)no-repeat;
--Arrowtransition: .3s ease-in-out;
--AroorHoverTranform: rotate(45deg);
--Quote: url('data:image/svg+xml,')no-repeat 0 0;
--SpaceBase: 1rem;
--CustomYellow: #F89D00;
--Black10: var(--BlackRGB), .10;
}
@media(min-width:768px) {
:root {
--FS24: 1.5rem;
}
}
@media(max-width:767px) {
:root {
--SpaceBase: .75rem;
}
}
.DarkMode {
--Black: #fff;
--White: #000;
--DGrey: #fff;
--Base: #fff;
--WhiteRgb: 0, 0, 0;
--BlackRGB: 255, 255, 255;
--BaseBg: #181818;
--LogoGrey: #fff;
--Black10: var(--BlackRGB), .20;
}
.NormalModelLogo {
display: inline-block;
}
.DarkModeLogo {
display: none;
}
.DarkMode {
.NormalModelLogo {
display: none;
}
.DarkModeLogo {
display: inline-block;
}
}
.bg-white {
background: var(--White) !important;
}
/* Reset */
a {
color: var(--Black);
text-decoration: none;
}
a:hover {
color: var(--Maroon);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: var(--Exo);
}
.nav-link {
color: var(--DGrey);
font: var(--SemiBold) 1.125rem var(--Exo);
}
.navbar .nav-link:focus,
.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar .nav-link.active,
.dropdown-item:hover,
.dropdown-item.active,
.offcanvas .nav-link.active {
color: var(--SBlue);
}
.PravasiNav .nav-link:hover,
.PravasiNav .nav-link.active {
color: var(--Orange)
}
.nav-link.BgOrange:hover,
.nav-link.BgOrange.active {
color: #000;
}
.nav-link:focus,
.nav-link:hover,
.nav-link:focus-visible {
box-shadow: none;
outline: 0;
}
@media (min-width: 992px) {
#MainNav .navbar-expand-lg .navbar-nav .nav-link {
padding-right: .75rem;
padding-left: .75rem;
}
#MainNav .navbar-nav .dropdown-menu {
position: relative;
}
}
.dropdown-item,
.dropdown-item:hover,
.dropdown-item.active {
background-color: transparent;
}
.XLNav {
text-transform: uppercase;
}
.offcanvas {
border-radius: var(--radius20) 0 0 var(--radius20);
background-color: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.offcanvas-header {
padding: 2rem 2rem 0 2rem;
}
.offcanvas-body {
padding: 2rem;
}
.offcanvas .dropdown-menu {
background-color: #fff;
border: 0;
border-radius: 0 0 var(--radius10) var(--radius10);
margin: 0;
padding: 0 1rem;
}
.offcanvas .dropdown-menu li {
border-top: 1px solid var(--BaseBg);
padding-top: 4px;
padding-bottom: 4px;
}
.DarkMode .offcanvas .dropdown-menu li {
border-top-color: rgba(0, 0, 0, .10);
}
.offcanvas .dropdown-menu li:first-child {
border-top: 0
}
.offcanvas .offcanvas-header {
justify-content: space-between;
align-items: start;
}
.offcanvas .btn-close {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F06136'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
opacity: 1;
}
.offcanvas .navbar-nav .nav-link,
.offcanvas .dropdown-item {
font: var(--Medium) 1rem var(--Exo);
padding-left: 1rem;
padding-right: 1rem;
}
.DarkMode .offcanvas .navbar-nav .nav-link {
color: #1f1f1f;
}
.offcanvas .dropdown-item:hover,
.offcanvas .dropdown-item:focus {
background-color: transparent;
color: var(--LBlue)
}
.offcanvas .dropdown-toggle:after {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230D6DB5'%3e%3cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3e%3c/svg%3e")no-repeat 0 0;
border: 0;
width: 16px;
height: 16px;
transition: var(--Arrowtransition);
}
.offcanvas .dropdown-toggle.show:after {
transform: rotate(-180deg);
}
.DarkMode .btn-close {
background-color: #fff;
}
.offcanvas .nav-link {
display: flex;
align-items: center;
justify-content: space-between;
}
.offcanvas .dropdown-menu .submenu {
display: block;
}
.offcanvas .dropdown-menu .submenu .dropdown-item {
padding-left: 1.5rem;
}
.offcanvas .dropdown-menu .submenu li {
border: 0
}
.offcanvas .nav-link.dropdown-toggle.show {
background: #fff;
border-radius: var(--radius10) var(--radius10) 0 0;
color: var(--LBlue);
}
.Arrow3 {
--Arrow3Size: 50px;
--Arrow3Color: red;
--Arrow3SvgSize: 16px;
--Arrow3SvgColor: #fff;
--Arrow3SvgStroke: 4px;
width: var(--Arrow3Size);
height: var(--Arrow3Size);
background-color: var(--Arrow3Color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: var(--Arrowtransition);
}
.Arrow3 svg {
width: var(--Arrow3SvgSize);
height: var(--Arrow3SvgSize);
stroke: var(--Arrow3SvgColor);
stroke-width: var(--Arrow3SvgStroke);
display: block;
}
.btn:focus {
box-shadow: none;
}
/* Main CSS */
body {
font-family: var(--Assistance);
font-weight: 400;
font-size: 1rem;
line-height: 1.7;
background-color: var(--BaseBg);
color: var(--Base);
}
body.home main {
background-color: var(--White);
}
/* setting */
.FontIncrease {
font-size: 18px;
}
.FontDecrease {
font-size: 14px;
}
/* AOS */
main {
border-radius: 0 0 30px 30px;
position: relative;
margin-bottom: -30px;
z-index: 1;
background-color: var(--BaseBg);
}
.BaseBg {
background-color: var(--BaseBg);
}
.BaseColor {
color: #181818;
}
.TextLightYelloW {
color: var(--LYellow)
}
.BgLightYelloW {
background-color: var(--LYellow);
color: #fff;
}
.TextDarkYelloW {
color: var(--DYellow)
}
.BgDarkYelloW {
background-color: var(--DYellow);
color: #fff;
}
.TextOrange {
color: var(--Orange);
}
.BgOrange {
background-color: var(--Orange);
color: #fff;
}
.TextMaroon {
color: var(--Maroon) !important;
}
.BgMaroon {
background-color: var(--Maroon) !important;
}
.TextPurple {
color: var(--Purple)
}
.BgPurple {
background-color: var(--Purple);
color: #fff;
}
.TextCobalt {
color: var(--Cobalt)
}
.BgCobalt {
background-color: var(--Cobalt);
color: #fff;
}
.TextLBlue {
color: var(--LBlue)
}
.BgLBlue {
background-color: var(--LBlue);
color: #fff;
}
.TextDBlue {
color: var(--DBlue)
}
.BgDBlue {
background-color: var(--DBlue);
color: #fff;
}
.TextSBlue {
color: var(--SBlue)
}
.BgSBlue {
background-color: var(--SBlue)
}
.TextDGreen {
color: var(--DGreen)
}
.BgDGreen {
background-color: var(--DGreen);
color: #fff;
}
.TextLGreen {
color: var(--LGreen)
}
.BgLGreen {
background-color: var(--LGreen);
color: #fff;
}
.TextDSeaGreen {
color: var(--DSeaGreen)
}
.BgDSeaGreen {
background-color: var(--DSeaGreen);
color: #fff;
}
.TextLSeaGreen {
color: var(--LSeaGreen)
}
.BgLSeaGreen {
background-color: var(--LSeaGreen);
color: #fff;
}
.Exo {
font-family: var(--Exo);
}
.Assistance {
font-family: var(--Assistance);
}
.TextDark {
color: var(--DGrey);
}
.FwRegular {
font-weight: 400;
}
.FwMedium {
font-weight: var(--Medium);
}
.FwSemi {
font-weight: var(--SemiBold);
}
.FwBold {
font-weight: var(--Bold);
}
.FwEBold {
font-weight: var(--EBold);
}
.FwBlack {
font-weight: var(--XBold);
}
.FS18 {
font-size: var(--FS18);
}
.FS20 {
font-size: var(--FS20);
}
.FS24 {
font-size: var(--FS24);
}
.LineHeightNormal {
line-height: 1.3;
}
h4,
.h4 {
font-size: var(--FS24);
}
@media(min-width:1200px) {
.display-6 {
font-size: calc(1.25rem + 1.5vw);
}
}
/* Header */
.SiteSettings {
background-color: #2C2C2C;
padding-top: 10px;
padding-bottom: 10px;
}
@media(max-width:767px) {
.SiteSettings {
display: none;
}
}
.ThemeToggle {
fill: #fff;
top: 1rem;
right: 1rem;
width: 36px;
aspect-ratio: 1;
padding: 0;
border: 0;
display: grid;
place-items: center;
border-radius: 36px;
background: #383838;
transition: background 0.2s;
cursor: pointer;
z-index: 10;
border: 1px solid #4A4A4A;
}
.ThemeToggle svg {
fill: var(--LYellow);
width: 50%;
}
.ThemeToggle:is(:hover, :focus-visible) {
background: hsl(0 0% 90%);
}
.dark .ThemeToggle:is(:hover, :focus-visible) {
background: hsl(0 0% 30%);
}
.LightMode .ThemeToggle svg path:last-of-type,
.DarkMode .ThemeToggle svg path:first-of-type {
display: block;
}
.LightMode .ThemeToggle svg path:first-of-type,
.DarkMode .ThemeToggle svg path:last-of-type {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.TextSetting {
background-color: #383838;
border-radius: 24px;
overflow: hidden;
display: inline-flex;
transition: all 500ms ease;
border: 1px solid #4A4A4A;
}
.TextSetting svg {
width: 12px;
height: 12px;
fill: #676666;
}
.TextSettingButton {
border-radius: 22px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
background-color: transparent;
border: 0px solid transparent;
margin: 3px;
color: #fff;
font-weight: 600;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.TextSettingButton.active {
/* background-image: linear-gradient(-180deg, #fff 0%, #FAFAFA 81%, #F2F2F2 100%);*/
border: 1px solid rgba(207, 207, 207, 0.6);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
font-weight: 600;
transition: all .5s ease-in;
}
.TextSettingButton.active svg {
fill: var(--LYellow);
}
.TextSettingButton:focus {
outline: none;
}
.SiteLogo {
width: 180px;
}
@media(min-width:1600px) {
.SiteLogo {
width: 240px;
}
}
.PageHeader {
position: relative;
z-index: 2;
}
.MainNavToggler {
cursor: pointer;
}
.navbar {
border-radius: 0 0 var(--radius20) var(--radius20);
}
@media(min-width:576px) {
.navbar {
border-radius: 0 0 var(--radius) var(--radius);
}
}
.PageHeader.IsSticky {
position: fixed;
border-radius: 0 0 var(--radius) var(--radius);
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
/*backdrop-filter: blur(10px);*/
animation: slideDown 0.35s ease-out;
top: 0;
width: 100%;
z-index: 3;
background-color: transparent;
}
.PageHeader.IsSticky .navbar {
padding-top: 0;
padding-bottom: .25rem;
}
.PageHeader.IsSticky .SiteLogo {
width: 100px;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.XLNav .navbar-nav {
display: none;
}
@media(min-width:1100px) {
.XLNav {
display: flex;
flex-basis: auto;
flex-grow: 1;
align-items: center;
}
.XLNav .navbar-nav {
display: flex;
}
}
.offcanvas .navbar-nav {
flex-direction: column;
gap: .75rem;
}
.Intro,
.content {
position: relative;
width: 100%;
z-index: 1;
}
.content {
overflow-x: hidden;
}
.content .section {
width: 100%;
height: 100vh;
}
.image-container {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
perspective: 500px;
overflow: hidden;
}
.image-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
video {
object-fit: cover;
width: 100%;
height: 100vh
}
video::-webkit-media-controls {
display: none;
}
@media(max-width:575px) {
video,
.content .section {
height: 100vh;
}
}
.IntroNew {
margin-top: -20px;
position: relative;
}
@media(min-width:576px) {
.IntroNew {
margin-top: -30px;
}
}
@media(min-width:1200px) {
#Herocarousel {
height: 85vh;
overflow: hidden;
}
}
.MainMsg {
background: var(--white);
padding-top: calc(var(--SpaceBase) * 4);
border-radius: 0 0 var(--radius) var(--radius);
position: relative;
z-index: 1;
overflow: hidden;
}
@media(max-width:991px) {
.MainMsg .row {
align-items: end;
}
}
@media(max-width:767px) {
.MainMsg .MainMsgPic {
width: 216px;
}
}
.QuoteBg {
background: var(--Quote);
background-size: var(--Size);
height: var(--Size);
min-width: var(--Size);
}
.QuoteBgLarge {
--Size: 50px;
opacity: .10;
}
.DarkMode .QuoteBgLarge {
opacity: .20;
}
@media(min-width:576px) {
.QuoteBgLarge {
--Size: 77px;
}
}
.Message {
font-size: 1.25rem;
color: var(--DGrey)
}
.MsgBox {
margin-top: calc(1rem * 2.5);
}
.MinisterInfo {
line-height: 1.1;
}
.MinisterName {
font: var(--SemiBold) var(--FS24) var(--Exo);
color: var(--Orange);
}
.MinisterDesignation {
font-size: 1.125rem;
}
.More {
color: #7A7A7A;
display: inline-flex;
gap: 5px
}
.More:hover {
color: #7A7A7A;
}
.More svg {
stroke-width: 2px;
stroke: #7A7A7A;
width: 10px;
transition: var(--Arrowtransition);
}
.More:hover svg {
transform: var(--AroorHoverTranform);
}
.MsgBox a {
font-size: 1rem;
}
.Vision {
display: none;
}
@media(min-width:768px) {
.Vision {
font: var(--Bold) clamp(2rem, 4vw, 4.5rem) var(--Exo);
text-transform: uppercase;
line-height: 1;
background: rgb(255, 217, 206);
background: linear-gradient(-270deg, rgba(255, 217, 206, 1) 0%, rgba(222, 151, 130, 1) 51%, rgba(234, 161, 96, 1) 89%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: .2;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
}
#PmMessage .MsgBox {
max-width: 350px;
}
#PmMessage {
background: linear-gradient(180deg, rgb(var(--WhiteRgb)) 58%, rgba(255, 235, 228, 1) 100%);
}
.DarkMode #PmMessage {
background: linear-gradient(180deg, rgb(var(--WhiteRgb)) 60%, rgba(40, 14, 6, 1) 90%);
}
#CmMessage {
background: linear-gradient(180deg, rgba(var(--WhiteRgb), 1) 58%, rgba(255, 235, 228, 1) 100%);
}
.DarkMode #CmMessage {
background: linear-gradient(180deg, rgb(var(--WhiteRgb)) 60%, rgba(49, 12, 1, 1) 90%);
}
#RisingRajasthan {
padding-top: calc(var(--SpaceBase) * 5);
padding-bottom: calc(var(--SpaceBase) * 4);
margin-top: calc(var(--SpaceBase) * 1.875 * -1);
border-radius: 0 0 var(--radius) var(--radius);
}
.LogoTagline {
width: 200px;
}
@media(min-width:768px) {
.LogoTagline {
width: 300px;
}
}
.AboutRR {
border-radius: var(--radius);
color: var(--DGrey);
font-size: 1.125rem;
padding-top: calc(var(--SpaceBase) * 4.5);
padding-bottom: .6rem;
}
@media(max-width:991px) {
.AboutRRTxt {
padding-left: calc(var(--SpaceBase) * 2);
padding-right: calc(var(--SpaceBase) * 2);
}
}
.Highlights {
margin: 4rem 0 3rem;
}
.Highlights ul {
display: flex;
font: var(--SemiBold) 1.25rem var(--Exo);
line-height: 1.4;
justify-content: space-around;
flex-wrap: wrap;
}
.Highlights ul li {
padding: 5px 5px 5px 15px;
position: relative;
}
.ArrowNew {
display: none;
}
.Highlights ul li:before {
content: '';
width: 5px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 3px;
background-color: var(--SBlue);
}
.Explore {
display: inline-flex;
justify-content: space-between;
background-color: var(--DBlue);
text-transform: uppercase;
font: var(--SemiBold) 1rem var(--Exo);
color: var(--White);
align-items: center;
border-radius: 24px 12px 24px 12px;
height: 70px;
padding-left: calc(var(--SpaceBase) * 2);
padding-right: calc(var(--SpaceBase) * 2);
gap: 20px;
transition: var(--Arrowtransition);
}
@media(min-width:768px) {
.Explore {
padding-left: calc(var(--SpaceBase) * 2.5);
padding-right: calc(var(--SpaceBase) * 2.5);
}
}
@media(max-width:575px) {
.Highlights ul {
justify-content: start;
gap: 20px;
}
}
.Explore .Arrow3 {
--Arrow3Size: 2.5rem;
--Arrow3Color: var(--White);
--Arrow3SvgColor: var(--Purple);
--Arrow3SvgSize: 0.625rem;
--Arrow3SvgStroke: .25rem;
}
.Explore:hover {
color: var(--White);
background-color: var(--Purple)
}
.Explore:hover .Arrow3 {
transform: var(--AroorHoverTranform);
}
.EventHighlights {
display: flex;
align-items: center;
justify-content: space-between;
}
.EventHighlights .HighlightCol {
background: #fff;
color: var(--DGrey);
font-family: var(--Exo);
font-size: 1.875rem;
font-weight: var(--SemiBold);
line-height: 1;
padding: 20px;
border-radius: .75rem 1.5rem .75rem 1.5rem;
box-shadow: 0 8px 0 var(--ShadowColor);
}
.EventHighlights .HighlightCol>span {
font-size: 1.625rem;
font-weight: var(--Medium);
}
.MSME {
--ShadowColor: var(--Maroon)
}
.Startup {
--ShadowColor: var(--Orange)
}
.Rajasthani {
--ShadowColor: var(--DYellow)
}
.Sectors {
--ShadowColor: var(--LSeaGreen)
}
.InvestorMeet {
--ShadowColor: var(--SBlue)
}
#IndustyMinisters {
padding-top: calc(var(--SpaceBase) * 7);
background: var(--BaseBg);
}
.IndMinMsg {
background: var(--MinBg);
font-size: 1.125rem;
border-radius: 1rem;
padding-top: calc(var(--SpaceBase) * 1.25);
color: var(--DGrey)
}
.IndMinMsgWrap {
padding: 0 calc(var(--SpaceBase) * 1.25) calc(var(--SpaceBase) * 1.25) calc(var(--SpaceBase) * 1.25);
font-family: var(--Exo);
display: flex;
gap: 10px;
line-height: 1.6;
}
.IndMinMsgBox .QuoteBg {
--Size: 35px;
opacity: .10;
}
.IndMinMsgWrap p {
padding-top: 15px;
}
.MinMsgFooter {
--ArrowSize: 32px;
background-color: var(--MinFot);
color: #fff;
line-height: 1.125rem;
display: flex;
align-items: start;
justify-content: space-between;
border-radius: 1rem 30px 1rem 1rem;
}
.MinInfo {
padding: .8rem .8rem .8rem .8rem;
}
.IndMinMsgName {
font: var(--SemiBold) var(--FS24) var(--Exo);
margin-bottom: .25rem;
}
.LinkArrow {
background: var(--MinBg);
border-radius: 50%;
border: 4px solid var(--MinBg);
}
.LinkArrow .Arrow3 {
--Arrow3Size: 2rem;
--Arrow3Color: var(--MinFot);
--Arrow3SvgSize: .625rem;
--Arrow3SvgStroke: .25rem;
}
.LinkArrow:hover .Arrow3 {
transform: var(--AroorHoverTranform);
}
.IndMinImg {
text-align: center;
}
@media(min-width:992px) {
.CenterMinister .IndMinImg {
left: -20px
}
}
@media(min-width:1200px) {
.CenterMinister .IndMinImg {
left: 0
}
}
@media(min-width:576px) {
.IndMinMsgBox {
width: 87%;
margin-left: 13%;
}
.MinInfo {
padding: .8rem .8rem .8rem calc(var(--SpaceBase) * 7);
}
.IndMinMsgBox .QuoteBg {
--Size: 55px;
}
.IndMinMsgWrap {
padding: 0 calc(var(--SpaceBase) * 2.25) calc(var(--SpaceBase) * 2.25) calc(var(--SpaceBase) * 2.25);
}
.IndMinMsgWrap p {
padding-top: 1.875rem;
}
.IndMinImg {
position: absolute;
left: 0;
bottom: 0;
}
.MinMsgFooter {
border-radius: 0 1.875rem 1rem 0;
}
}
.CenterMinister {
--MinBg: #dce4ec;
--MinFot: var(--LBlue);
}
.StateMinister {
--MinBg: #F3ECE1;
--MinFot: var(--Orange);
}
.DarkMode .CenterMinister {
--MinBg: #182028;
}
.DarkMode .StateMinister {
--MinBg: #302513;
}
@media(max-width:575px) {
.CenterMinister .IndMinImg img {
width: 150px;
}
.StateMinister .IndMinImg img {
width: 125px;
}
}
.marquee {
display: flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
margin-top: calc(var(--SpaceBase) * 4);
}
.DarkMode .marquee {
opacity: .10;
}
.marquee span,
.MarqueeItem {
text-transform: uppercase;
white-space: nowrap;
font: var(--SemiBold) calc(3rem + 2.5vw) var(--Exo);
color: #ffffff;
line-height: 1.1;
}
.marquee span {
will-change: transform;
transform: translateX(0);
-webkit-animation: marquee 24s linear infinite;
animation: marquee 24s linear infinite;
}
@media(min-width:1200px) {
.marquee span,
.MarqueeItem {
font-size: 7.5rem;
}
}
@-webkit-keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
#Slogan {
background: var(--Cobalt);
border-radius: 0 0 var(--radius) var(--radius);
padding-top: calc(var(--SpaceBase) * 5);
padding-bottom: calc(var(--SpaceBase) * 4);
}
.SloganTxt {
display: flex;
align-items: end;
gap: 10px;
text-transform: uppercase;
color: #fff;
position: absolute;
bottom: 15px;
left: 1.5rem;
text-align: left;
opacity: 1;
transition: all .1.5s ease-in-out 0.4s;
}
.SlognBox:hover .SloganTxt {
opacity: 0;
}
.SloganTxt h3 {
font-weight: var(--Medium);
margin-bottom: 0;
line-height: .7;
}
.SloganTxt p {
font: var(--SemiBold) .875rem var(--Exo);
margin-bottom: 0;
}
.SloganTxt .Arrow3 {
--Arrow3Size: 44px;
--Arrow3Color: var(--SBlue);
--Arrow3SvgSize: 10px;
--Arrow3SvgStroke: 4px;
}
.SlognBox:hover .Arrow3 {
transform: var(--AroorHoverTranform);
}
.SectionTitle {
--ArrowSize: 50px;
--ArrowColor: var(--DSeaGreen);
}
.SectionTitle h2 {
font: var(--Medium) calc(1.425rem + 2.1vw) var(--Exo);
line-height: 1.15;
}
.SlognBox {
overflow: hidden;
border-radius: 0.938rem;
background-color: #000;
}
.SlognBox img {
transition: 0.3s ease-out;
}
.SlognBox:hover img {
transform: scale(1.1) translateY(-20px);
opacity: .20;
}
.SlognBox .Overlay {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 1.5rem;
text-align: left;
color: #24B4E3;
display: flex;
align-items: center;
}
.Overlay .link-a {
display: inline-block;
background: crimson;
color: #fff;
padding: 5px 20px;
border-radius: 5px;
transform: translateY(30px);
opacity: 0;
transition: all .3s ease-in-out 0.4s;
}
.Overlay .link-a:hover {
background: rgb(95, 199, 10);
}
.SlognBox:hover .Overlay .text-h1 {
opacity: 1;
transform: translateY(0);
}
.SlognBox .Overlay .text-h1 {
transform: translateY(30px);
opacity: 0;
transition: all .3s ease-in-out;
}
.SlognBox .Overlay .text-p {
transform: translateY(30px);
opacity: 0;
transition: all .3s ease-out 0.2s;
font: var(--Regular) 1.75rem var(--Exo);
}
.SlognBox:hover .Overlay .text-p {
opacity: 1;
transform: translateY(0);
}
.SlognBox:hover .Overlay .link-a {
opacity: 1;
transform: translateY(0);
}
@media(min-width:1200px) {
.SectionTitle h2 {
font-size: 3rem;
}
}
.SectionTitle .Arrow2 {
margin-bottom: 12px;
}
.PreSummitLink .Arrow3 {
--Arrow3Size: 50px;
--Arrow3Color: var(--DSeaGreen);
--Arrow3SvgSize: 10px;
--Arrow3SvgStroke: 4px;
}
.PreSummitLink:hover .Arrow3 {
transform: var(--AroorHoverTranform);
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
section .container .card:nth-child(1) .box .icon .iconBox {
background: #d3b19a;
}
.owl-dots {
display: flex;
gap: 1rem;
justify-content: center;
}
.owl-carousel button.owl-dot {
margin-top: 1rem;
}
.owl-carousel button.owl-dot span {
height: 8px;
width: 8px;
border-radius: 8px;
background: #ccc;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
.owl-carousel button.owl-dot.active span {
background-color: var(--DSeaGreen);
}
.PravasiMeet .owl-carousel button.owl-dot.active span {
background-color: var(--Maroon);
}
.InvestorsMeet {
margin-top: 2rem;
}
.PreSummitTxt {
font-size: 1.125rem;
font-weight: var(--Medium);
color: var(--DGrey);
}
.card-inner {
--clr: var(--White);
position: relative;
background: var(--clr);
border-radius: 1.25rem;
border-bottom-right-radius: 0;
overflow: hidden;
}
.card-inner .box {
background: var(--White);
border-radius: 1.25rem;
overflow: hidden;
}
.card-inner .box .imgBox img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-inner .box .icon {
position: absolute;
bottom: -0.375rem;
right: -0.375rem;
width: 5rem;
height: 5rem;
background: var(--clr);
border-top-left-radius: 50%;
}
.box .icon .iconBox {
position: absolute;
inset: 0.625rem;
background: var(--MeetColor);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.card-inner .box .icon::before {
position: absolute;
content: "";
bottom: 0.375rem;
left: -1.25rem;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--White);
}
.card-inner .box .icon::after {
position: absolute;
content: "";
top: -1.25rem;
right: 0.375rem;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);
}
.card:nth-child(1) .box .icon .iconBox {
background: #d3b19a;
}
.card-inner .box .icon .CityArrow {
transition: var(--Arrowtransition);
}
.item:hover .CityArrow {
transform: var(--AroorHoverTranform);
}
@media(max-width:801px) {
.card-inner .box .icon {
width: 4rem;
height: 4rem;
}
}
.InvestorsMeet .owl-stage {
padding-left: 0 !important;
}
.CityArrow svg {
width: 11px;
height: 11px;
stroke: #fff;
stroke-width: 2.5;
display: block;
}
.MeetInfo {
font-family: var(--Exo);
font-weight: var(--Medium);
line-height: 1.1;
margin-top: 1.25rem;
}
.MeetInfo h4 {
font-size: var(--FS24);
color: var(--DGrey);
margin-bottom: 0;
}
.MeetInfo .MeetDate {
font: var(--Medium) 1.25rem var(--Exo);
color: var(--MeetColor);
text-transform: uppercase;
}
@media(min-width:768px) {
.MeetInfo h4 {
font-size: 1.625rem;
}
}
.Mumbai {
--MeetColor: var(--DBlue);
}
.Delhi {
--MeetColor: var(--DSeaGreen)
}
.Dubai {
--MeetColor: var(--DYellow)
}
.Chennai,
.Kolkata {
--MeetColor: var(--SBlue);
}
.Tokyo,
.AbuDhabi {
--MeetColor: var(--Maroon);
}
.Seoul {
--MeetColor: var(--Purple);
--PageThemeColor: var(--Purple);
}
.Osaka {
--MeetColor: var(--CustomYellow);
}
.Doha {
--MeetColor: var(--Cobalt);
}
.Riyadh,
.Surat {
--MeetColor: var(--LSeaGreen);
}
.London {
--MeetColor: var(--DGreen);
}
.Munich,
.Hyderabad {
--MeetColor: var(--Orange);
}
.Frankfurt {
--MeetColor: var(--SBlue);
}
.Sectrol button.owl-dot.active span {
background-color: var(--Purple);
}
#Conclaves {
padding-top: calc(var(--SpaceBase)* 7);
background: var(--BaseBg);
}
/*#Conclaves .marquee{
margin-bottom: calc(var(--SpaceBase)* 4);
margin-top: 0;
padding-top: 1rem;
}*/
.ConclaveRow {
gap: 20px;
justify-content: space-between;
position: relative;
}
.ConclaveCol hr {
background-color: rgba(var(--BlackRGB), .15);
margin-top: 3rem;
margin-bottom: 3rem;
}
.ConclaveCol a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.Expo {
--conclave: var(--LGreen);
--conclaveDate: #21B999;
}
.Pravasi {
--conclave: var(--SBlue);
--conclaveDate: var(--Cobalt);
}
.Msme {
--conclave: var(--Orange);
--conclaveDate: var(--Maroon);
}
.ConclaveRow .Arrow3 {
--Arrow3Size: 60px;
--Arrow3Color: #fff;
--Arrow3SvgColor: var(--conclave);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: var(--Arrowtransition);
}
.ConclaveRow:hover .Arrow3 {
transform: var(--AroorHoverTranform);
}
.ConclaveName {
color: var(--conclave);
text-transform: uppercase;
margin-bottom: 0;
}
.ConclaveDate {
color: var(--conclaveDate);
}
.ConclaveRow p {
margin-bottom: 0;
line-height: 1.25;
}
.PravasiContent {
line-height: 1.7;
}
#Sectors {
background: rgb(195, 52, 56);
background: linear-gradient(180deg, rgba(195, 52, 56, 1) 50%, rgba(var(--WhiteRgb)) 50%);
padding-top: calc(var(--SpaceBase) * 5);
border-radius: 0 0 var(--radius) var(--radius);
}
.DarkMode #Sectors {
background: linear-gradient(180deg, rgba(195, 52, 56, 1) 50%, rgb(24 24 24) 50%);
}
.cards {
--surface-color: var(--Orange);
--curve: 30;
max-width: 750px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1rem;
margin: 2rem;
padding: 0;
list-style-type: none;
}
.card {
position: relative;
display: block;
border-radius: calc(var(--curve) * 1px);
overflow: hidden;
text-decoration: none;
border: 4px solid var(--White);
box-shadow: 0 0 20px rgba(0, 0, 0, .10)
}
.card__image {
width: 100%;
height: auto;
}
.card__header {
position: relative;
display: flex;
align-items: center;
gap: 1em;
padding: 1em;
border-radius: calc(var(--curve) * 1px) 0 0 0;
background-color: var(--surface-color);
margin-top: -35px;
min-height: 60px;
justify-content: space-between;
}
.card__arc {
width: 80px;
height: 80px;
position: absolute;
bottom: 100%;
right: 0;
z-index: 1;
}
.card__arc path {
fill: var(--surface-color);
d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
}
.card__title {
font: var(--SemiBold) 1rem var(--Exo);
color: var(--White);
margin-bottom: 0;
letter-spacing: .025em;
}
@media(min-width:576px) {
.cards {
margin: 4rem auto;
}
}
@media(max-width:575px) {
.card__title {
font-size: 1.125rem;
}
.card__header {
gap: 6px;
padding: .75rem;
}
}
@media(min-width:1200px) {
.cards {
max-width: 1440px;
}
.cards li:nth-child(2),
.cards li:nth-child(4),
.cards li:nth-child(6),
.cards li:nth-child(8),
.cards li:nth-child(10),
.cards li:nth-child(12),
.cards li:nth-child(14),
.cards li:nth-child(16) {
margin-top: 50px;
}
}
.ArrowSvg svg {
stroke: var(--White);
stroke-width: 4px;
width: 11px;
height: 11px;
transition: var(--Arrowtransition);
}
.card:hover .ArrowSvg svg {
transform: var(--AroorHoverTranform)
}
.Agro {
--surface-color: #67BD50;
}
.Auto,
.ESDM,
.Renewal,
.Ites {
--surface-color: var(--DBlue);
}
.Auto,
.Mines,
.Tourism {
--surface-color: var(--Maroon);
}
.Gems,
.Textiles {
--surface-color: var(--Orange);
}
.Chemical,
.Glass {
--surface-color: var(--CustomYellow);
}
.Medical {
--surface-color: var(--SBlue);
}
.Skill {
--surface-color: var(--Purple);
}
.ExploreSectors {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: var(--Maroon);
color: #fff;
padding: calc(var(--SpaceBase) * .75) calc(var(--SpaceBase) * 1.5);
border-radius: 5px;
}
.BtnCustom,
.BtnOutlineCustom {
padding: calc(var(--SpaceBase) * .75) calc(var(--SpaceBase) * 1.5);
font: var(--Regular) 1.125rem var(--Exo);
display: inline-flex;
gap: 8px;
align-items: center;
}
.BtnOutlineCustom {
border: 1px solid transparent;
}
.BtnCustom svg,
.ArrowBtn svg {
width: 14px;
stroke-width: 1.5;
stroke: #fff;
transition: var(--Arrowtransition)
}
.BtnCustomLarge {
font-size: 18px;
gap: 20px;
padding: calc(var(--SpaceBase) * 1) calc(var(--SpaceBase) * 1.75);
}
@media(min-width:768px) {
.BtnCustomLarge {
font-size: 20px;
gap: 24px;
padding: calc(var(--SpaceBase) * 1) calc(var(--SpaceBase) * 2);
}
}
.BtnCustom:hover {
color: var(--White);
}
.BtnCustom:hover svg,
.ArrowBtn:hover svg {
transform: translateX(10px);
}
#Sectors .BtnCustom {
background-color: var(--Maroon);
color: var(--White);
}
#InvitingInvestment {
padding-top: calc(var(--SpaceBase) * 6.5);
padding-bottom: 5rem;
}
.InvestmentContentWrap {
flex-flow: column;
background: var(--DYellow);
border-radius: var(--radius);
overflow: hidden;
color: #212529;
}
.InvestmentTxt {
padding: calc(var(--SpaceBase) * 2) calc(var(--SpaceBase) * 2) 0 calc(var(--SpaceBase) * 2);
}
@media(min-width:992px) {
.InvestmentContentWrap {
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.InvestmentTxt {
padding: calc(var(--SpaceBase) * 2) calc(var(--SpaceBase) * 2) 0 calc(var(--SpaceBase) * 2);
}
}
@media(min-width:1400px) {
.InvestmentTxt {
padding: calc(var(--SpaceBase) * 3);
}
}
.InvestmentContent h4 {
margin-bottom: calc(var(--SpaceBase) * 2.5);
}
.GetStarted svg {
stroke: #fff;
stroke-width: 2px;
}
.CountryGrid {
display: flex;
text-align: center;
justify-content: center;
flex-wrap: wrap;
}
#PartnersCountries {
padding-top: calc(var(--SpaceBase)* 5);
padding-bottom: calc(var(--SpaceBase)* 5);
}
#PartnersCountries h2 {
margin-bottom: calc(var(--SpaceBase) * 2.5);
}
.flag {
background: var(--sprite) var(--FlagXPos) 0;
width: 96px;
height: 66px;
display: inline-block;
}
.CountryName {
font: var(--SemiBold) 1.125rem var(--Exo);
margin-top: 5px;
text-transform: uppercase;
}
.CountriesGrid li {
text-align: center;
}
.CountriesGrid .flag {
background-image: url(../../countries-sprite.svg);
background-repeat: no-repeat;
width: 96px;
height: 66px;
display: inline-block;
}
.Argentina {
background-position: 0 -272px;
}
.Australia {
background-position: -891px 0;
}
.Brazil {
background-position: -792px -88px;
}
.Chad {
background-position: -495px -272px;
}
.CostaRica {
background-position: -198px -272px;
}
.Cuba {
background-position: -891px -88px;
}
.Denmark {
background-position: -594px 0;
}
.Ecuador {
background-position: -297px -272px;
}
.Egypt {
background-position: -693px -88px;
}
.Finland {
background-position: -99px -88px;
}
.Ghana {
background-position: -792px -272px;
}
.Germany {
background-position: -198px -88px;
}
.Hungary {
background-position: -891px -180px;
}
.Iraq {
background-position: -892px -272px;
}
.Indonesia {
background-position: -99px -180px;
}
.Madagascar {
background-position: -198px -180px;
}
.Paraguay {
background-position: -594px -180px;
}
.Japan {
background-position: -99px 0;
}
.Malaysia {
background-position: -693px 0;
}
.Morrocco {
background-position: -396px -180px;
}
.Nepal {
background-position: -792px 0;
width: 52px !important;
}
.Poland {
background-position: -594px -88px;
}
.Russia {
background-position: -495px -88px;
}
.Spain {
background-position: -297px -88px;
}
.Singapore {
background-position: -297px 0px;
}
.Southkorea {
background-position: -396px 0;
}
.UAE {
background-position: 0 0;
}
.UK {
background-position: -198px 0px;
}
.Maxico {
background-position: -594px -180px;
}
.Italy {
background-position: -198px -180px;
}
.Oman {
background-position: -99px -272px;
}
.Switzerland {
background-position: -297px -180px;
}
.Venezuela {
background-position: -99px -272px;
}
.Seychelles {
background-position: -693px -272px;
}
.Thiland {
background-position: -495px -180px;
}
.Zimbabwe {
background-position: -594px -272px;
}
#SummitPartners {
padding-top: calc(var(--SpaceBase) * 3.125);
}
.PartnersWarp {
background-color: var(--White);
padding: calc(var(--SpaceBase) * 2) calc(var(--SpaceBase) * 2) calc(var(--SpaceBase) * 2.5) calc(var(--SpaceBase) * 2);
border-radius: .625rem;
box-shadow: 0 0 50px rgba(23, 151, 207, .20);
}
.PartnerLogoGrid {
border-radius: 20px;
justify-content: center;
gap: 0 30px;
}
@media(min-width:768px) {
.PartnersWarp {
margin: 0 7%;
}
.PartnerLogoGrid {
gap: 0 100px;
}
}
@media(max-width:400px) {
.PartnersWarp {
padding: 20px;
}
.PartnerLogoGrid {
gap: 30px;
flex-flow: column;
}
}
.PartnersWarp h2 {
text-transform: uppercase;
margin-bottom: calc(var(--SpaceBase) * 2);
}
.PartnersWarp h5 {
font-size: .75rem;
font-weight: var(--SemiBold);
color: var(--Cobalt)
}
.PartnerLogo {
background: var(--sprite) var(--LogoXPos) -70px;
margin: 0 auto;
}
.DarkMode .PartnerLogo {
background-color: #fff;
}
.CII {
--LogoXPos: -267px;
width: 148.63px;
height: 62.28px;
}
.Ficci {
--LogoXPos: -424px;
width: 64.72px;
height: 62.28px;
}
.PWC {
--LogoXPos: -503px;
width: 80.74px;
height: 46.1px;
}
footer {
background: rgb(243, 126, 91);
background: linear-gradient(90deg, rgba(243, 126, 91, 1) 28%, rgba(209, 73, 66, 1) 100%);
padding-top: calc(var(--SpaceBase) * 6);
color: var(--White);
}
.SiteInfo {
padding: 20px;
border-radius: 1rem;
margin-bottom: calc(var(--SpaceBase) * 1.875);
background-color: var(--white);
}
.DarkMode .SiteInfo {
background-color: #0D0D0D;
}
.SocialLinks {
display: flex;
gap: 20px;
justify-content: center;
margin: calc(var(--SpaceBase) * 2.5) 0 0 0;
}
.FooterLogo {
width: 240px;
}
@media(min-width:992px) {
.SocialLinks {
justify-content: space-around;
gap: 10px;
}
}
@media(min-width:992px) {
.SiteInfo {
padding: calc(var(--SpaceBase) * 2.5) calc(var(--SpaceBase) * 1.25);
margin-bottom: 0;
}
.SocialLinks {
margin: calc(var(--SpaceBase) * 4.375) 0 0 0;
}
}
@media(min-width:991px) {
.FooterLogo {
width: 161px;
}
.FooterTop {
gap: 30px 0
}
}
.SocialList {
background: var(--sprite) var(--Xvalue) -74px;
width: 35px;
height: 35px;
display: block;
}
.Facebook {
--Xvalue: 0;
}
.Instagram {
--Xvalue: -53px;
}
.TwitterX {
--Xvalue: -106px;
}
.Linkedin {
--Xvalue: -159px;
}
.Youtube {
--Xvalue: -212px;
}
address {
line-height: 1.4;
font-size: .875rem;
}
footer a {
color: var(--White);
}
footer a:hover {
color: var(--Black);
}
footer h5 {
font-size: 1.25rem;
font-weight: var(--SemiBold);
text-transform: uppercase;
margin-bottom: 1.75rem;
}
.FooterNav,
.ContactInfo {
display: flex;
flex-direction: column;
gap: .5rem;
}
.FooterNav {
gap: .25rem;
}
.FooteBottom {
padding-top: calc(var(--SpaceBase) * 2);
padding-bottom: calc(var(--SpaceBase) * 1.25);
margin-top: calc(var(--SpaceBase) * 3.5);
font-size: .875rem;
border-top: 1px solid rgba(var(--WhiteRgb), .5);
}
.SiteInfoNav ul {
font-size: .875rem;
display: flex;
gap: .6rem;
flex-wrap: wrap;
}
@media(min-width:768px) {
.SiteInfoNav ul {
justify-content: end;
}
}
@media(max-width:575px) {
.OfficAddress {
display: flex;
gap: 20px;
align-items: start;
}
.FooterWidget {
margin-bottom: 20px;
;
}
footer h5 {
margin-bottom: 1rem;
}
}
/* pravasi footer */
.PRDFotDivider {
background-color: rgb(255, 255, 255);
}
.PRDNodal {
align-items: end;
justify-content: space-around;
}
@media(max-width:767px) {
.Offices {
display: flex;
gap: 20px;
margin-bottom: 40px;
}
}
@media(max-width:479px) {
.Offices {
flex-direction: column;
align-items: center;
text-align: center;
}
.Offices hr {
width: 80%;
margin: 0 auto;
}
.OfficAddress {
flex-wrap: wrap;
justify-content: center;
}
}
/* pravasi footer end */
/* inner Pages */
.PageTitle h1 {
font: var(--SemiBold) calc(1.425rem + 2.1vw) var(--Exo);
line-height: 1.2;
}
.PageTitle h1 span,
.PageTitle .SubTitle {
color: var(--PageThemeColor);
}
@media(min-width:1200px) {
.PageTitle h1 {
font-size: 3rem;
}
}
.SpacerM {
height: 1.875rem;
}
.SpacerL {
height: 2.5rem;
}
.SpacerXL {
height: 4rem;
}
@media(min-width:576px) {
.SpacerM {
height: 2.5rem;
}
.SpacerL {
height: 3rem;
}
.SpacerXL {
height: 5.5rem;
}
}
@media(min-width:992px) {
.SpacerM {
height: 3.75rem;
}
.SpacerL {
height: 5rem;
}
.SpacerXL {
height: 7rem;
}
}
.Welcome {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(var(--WhiteRgb)) 0%, rgba(242, 243, 245, 1) 100%);
border-radius: var(--radius) var(--radius) 0 0;
Padding-top: calc(var(--SpaceBase) * 3);
}
.DarkMode {
background: rgb(24 24 24);
}
.DetailMessage {
font-size: 1.125rem;
}
.DetailMessage .MinisterInfo {
margin-top: calc(var(--SpaceBase) * 2)
}
@media(max-width:767px) {
.DetailMessageImg {
margin-bottom: calc(var(--SpaceBase) * 3);
}
}
.marquee3k {
margin-top: calc(var(--SpaceBase) * 3);
overflow: hidden
}
.MarqueeItem {
color: #F0613610;
}
@media(min-width:768px) {
.MinisterofState {
position: sticky;
align-self: flex-start;
top: 0;
overflow-y: auto;
}
}
@media(max-width:767px) {
.DetailMessageImg {
margin-bottom: 40px;
;
}
}
@media(max-width:575px) {
.DetailMessageImg img {
width: 65%;
margin: 0 auto
}
}
/*
Sector
*/
:root {
--radius20: 1.25rem;
--radius10: 0.625rem
}
.Radius20 {
border-radius: var(--radius20);
}
.Radius10 {
border-radius: var(--radius10);
}
.PageBanner {
position: relative;
}
.PageBanner img {
border-radius: 1.25rem;
}
.BulletList {
margin-bottom: 0;
}
.BulletList li {
margin-top: .7rem;
}
.BulletList li:first-child {
margin-top: 0;
}
.ESDM,
.Energy,
.Ites {
--SectorColor1: var(--LBlue);
--SectorColor2: var(--SBlue);
--SectorColor2RGB: var(--SBlueRGB);
--BulletColor: var(--SectorColor2);
--Breadcrumb: var(--SectorColor1);
}
.SectorContent {
border-radius: var(--radius) var(--radius) var(--radius20) var(--radius20);
}
.SThemeColor {
color: var(--SectorColor1)
}
.SThemeColor2 {
color: var(--SectorColor2)
}
a.SectorTxtLink {
color: var(--SectorColor2)
}
a.SectorTxtLink:hover {
color: #000;
}
.PageNavigation {
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-x: scroll;
margin-bottom: 2rem;
}
.PageNavigation::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.SectorNav {
gap: 20px;
flex-wrap: nowrap;
margin-bottom: 0;
}
.SectorNav li a {
font: var(--Medium) 1.125rem var(--Exo);
color: var(--DGrey);
line-height: .8;
border-left: 3px solid;
padding-left: 11px;
text-wrap: nowrap;
white-space: nowrap;
}
@media(min-width:768px) {
.SectorNav li a {
font-size: 1.25rem;
}
}
.SectorNav li a:hover,
li.ActiveSection a {
color: var(--SectorColor2)
}
.SectorMainColor {
color: var(--SectorColor1);
}
.SectorSecondaryColor {
color: var(--SectorColor1);
}
.FancyBullet li {
list-style: none;
position: relative;
padding-left: 1.875rem;
}
.FancyBullet li:before {
content: '';
width: 15.75px;
height: 17.27px;
background: var(--sprite) 0 -116px;
position: absolute;
left: 0;
top: 6px;
}
.SectorInroTxt {
margin-top: 1.875rem;
font-size: 1.125rem;
}
.SectorInroTxt li {
margin-top: 1rem;
}
.SectorPerformance h4 {
margin-bottom: 1.5rem;
}
.RankCol {
box-shadow: 0 0 10px rgba(var(--Black10));
background-color: var(--White);
padding: 1rem;
border-radius: 10px;
flex-flow: column;
height: 100%;
gap: 1rem;
}
@media(min-width:576px) {
.RankCol {
padding: 1.25rem 2rem;
}
}
.RankCol h5 {
margin-bottom: 0;
font: var(--SemiBold) 1.125rem var(--Assistance);
}
.Rank {
font-weight: var(--Bold);
font-size: 4.5rem;
color: var(--SectorColor2);
line-height: .75;
}
.Rank span {
font-size: calc(4.5rem / 2);
}
@media(min-width:1200px) {
.RankCol {
flex-flow: row;
align-items: end;
}
}
.HeadingStyle1 .HeadingStyle1Txt {
color: #fff;
margin-bottom: 1.5rem;
;
}
.HeadingStyle1:before {
content: '';
width: 100%;
height: 50%;
background-color: var(--SectorColor1);
position: absolute;
border-radius: var(--radius20);
z-index: 1;
top: 0;
left: 0;
}
@media(min-width:768px) {
.HeadingStyle1:before {
height: 70%;
}
}
.HeadingStyle1 .InnerBlock {
position: relative;
z-index: 2;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 2rem;
}
@media(min-width:576px) {
.HeadingStyle1 .InnerBlock {
padding-left: 3rem;
padding-right: 3rem;
padding-top: 3rem;
}
}
.Performance .icon {
width: 60px;
height: 60px;
margin-bottom: 1.25rem;
;
}
.Performance .economic {
background: var(--sprite) 0 -135px;
}
.Performance .sectorprof {
background: var(--sprite) -65px -135px;
}
.Performance h2 {
margin-bottom: 1.5rem;
font-weight: var(--SemiBold);
}
.PerformanceColWrap {
padding: 1.875rem 2rem;
border-radius: var(--radius20);
box-shadow: 0 0 10px rgba(var(--BlackRGB), .10);
}
@media(min-width:1200px) {
.PerformanceColWrap {
padding: 1.875rem 3rem;
}
}
.PerformanceColWrap h4 {
margin-bottom: 1.25rem;
}
.ValuePropositionHead {
margin-bottom: 1.875rem;
}
#Values .accordion-item {
border-color: rgba(var(--SectorColor2RGB), .2);
border-radius: 10px;
margin-top: 1.5rem;
border-top: 1px solid rgba(var(--SectorColor2RGB), .2);
background-color: transparent;
}
#Values .accordion-item:first-child {
margin-top: 0;
}
#Values .accordion-button {
font: var(--SemiBold) var(--FS24) var(--Exo);
color: var(--DGrey);
background-color: transparent;
}
#Values .accordion-button:not(.collapsed) {
background: transparent;
box-shadow: none;
color: var(--SectorColor1);
}
#Values .accordion-button {
flex-direction: row-reverse;
justify-content: start;
gap: 10px;
}
#Values .accordion-button::after {
margin-left: 0;
width: 28px;
height: 28px;
border-radius: 50%;
background: #F2F3F5 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23373435'%3e%3cpath fill-rule='evenodd' d='M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z'/%3e%3c/svg%3e")no-repeat 50% 50%;
background-size: 12px;
transition: none;
}
#Values .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23373435' %3e%3cpath fill-rule='evenodd' d='M0 10h24v4h-24z'/%3e%3c/svg%3e")
}
.HeadingStyle2 {
background: var(--SectorColor1);
color: #fff;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
border-radius: var(--radius20);
}
.HeadingStyle2 h2 {
margin-bottom: 0;
}
.PollicyLink {
display: flex;
gap: 20px;
flex-flow: column;
}
@media(min-width:768px) {
.PollicyLink {
flex-flow: row;
gap: 30px;
justify-content: space-between;
align-items: center;
}
}
@media(min-width:992px) {
.PollicyLink {
gap: 50px;
}
}
.PollicyLink h4 {
font-weight: var(--SemiBold);
color: var(--DGrey);
margin-bottom: 0;
}
.PollicyLink .Explore {
background-color: var(--White);
box-shadow: 0 0 10px rgba(var(--BlackRGB), .10);
color: var(--SectorColor1);
}
.PollicyLink .Explore .Arrow3 {
background-color: var(--SectorColor1);
--Arrow3SvgColor: var(--White)
}
.PollicyLink .Explore span {
text-wrap: nowrap;
}
.SchemeInfo {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.SchemIcon {
background: var(--sprite);
width: 45px;
height: 45px;
margin-bottom: 20px;
}
.Incentives {
background-position: -129px -135px;
}
.Exemption {
background-position: -179px -135px;
}
.SpecialIncentives {
background-position: -229px -135px;
}
.AdditionalIncentives {
background-position: -279px -135px;
}
.Ites .CustomPackage,
.ESDM .CustomPackage {
background-position: -934px -138px;
}
.Ites .DataScience {
--IconX: -715px;
}
.Ites .Immersive {
--IconX: -769.02px;
}
.Ites .Computing {
--IconX: -823.04px;
}
.Ites .EmergingFin {
--IconX: -877.06px;
}
.InfoCardHeader {
border-bottom: 2px solid #DEDEDE;
margin-bottom: 1rem;
}
@media(min-width:992px) {
.InfoCardHeader {
margin-bottom: 1.875rem;
}
}
.InfoCardHeader h5 {
color: var(--SectorColor1);
font: var(--SemiBold) 1.25rem var(--Exo);
}
.InfoCardBody {
font-size: 1.125rem;
}
.SimpleBullet {
padding: 0
}
.SimpleBullet li {
margin-left: 1rem;
}
.ColorBullet li::marker {
color: var(--BulletColor);
}
.Policy2 {
border-top: 5px solid rgba(var(--SectorColor2RGB), .2);
padding-top: 1.5rem;
margin-top: 1.5rem;
}
@media(min-width:576px) {
.Policy2 {
padding-top: 2rem;
margin-top: 2rem;
}
}
@media(min-width:576px) {
.Policy2 {
padding-top: 3rem;
margin-top: 3rem;
}
}
.EODBHead {
margin-bottom: 3rem;
}
.RajNiveshHead {
display: flex;
justify-content: space-between;
margin-bottom: 2.5rem;
}
.RajNiveshHead .Arrow3 {
--Arrow3Size: 44px;
--Arrow3Color: var(--SectorColor2);
--Arrow3SvgSize: 11px;
}
.RajNiveshTxt hr {
background-color: rgba(var(--SectorColor2RGB), .2);
height: 2px;
opacity: 1;
}
.RajNiveshTxt a {
color: var(--SectorColor1);
}
.OpportunitiesCol {
border-radius: var(--radius10);
padding: 1.875rem;
box-shadow: 0 0 10px rgba(var(--BlackRGB), .10);
height: 100%;
}
.OpportunitiesIcon {
background: var(--sprite) var(--IconX) -135px;
width: 50px;
height: 55px;
margin-bottom: 1rem;
}
.OpportunitiesCol .BulletList {
font-size: 1.125rem;
}
.Electronics {
--IconX: -333px;
}
.TechInfa {
--IconX: -442px;
}
.StrategicElectronics {
--IconX: -387px;
}
#MajorPlayers {
margin-top: 4.5rem;
}
.MajorPlayersContent {
box-shadow: 0 0 50px rgba(var(--SectorColor2RGB), .20);
padding: 2.5rem 1.25rem;
background-color: #fff !important;
}
#MajorPlayers .LogoGrid {
display: flex;
justify-content: center;
align-items: center;
gap: 1.25rem 0;
flex-wrap: wrap;
margin-top: 2.5rem;
}
#MajorPlayers .LogoGrid div {
text-align: center;
}
@media(min-width:576px) {
.MajorPlayersContent {
padding: 3rem;
}
#MajorPlayers .LogoGrid {
gap: 2.5rem 2.5rem;
}
}
@media(min-width:768px) {
#MajorPlayers .LogoGrid {
gap: 3rem 4rem;
}
}
@media(min-width:1200px) {
#MajorPlayers .LogoGrid {
gap: 3rem 5rem;
}
}
@media(min-width:1440px) {
.MajorPlayersContent {
padding: 3rem 6rem;
}
#MajorPlayers .LogoGrid {
gap: 3rem 6rem;
}
}
@media(max-width:576px) {
#MajorPlayers .LogoGrid img {
width: 75%;
}
}
.Agro {
--SectorColor1: #67BD50;
--SectorColor2: #64b14f;
--SectorColor2RGB: 100, 177, 79;
--BulletColor: var(--SectorColor2);
--Breadcrumb: var(--SectorColor1);
}
.Agro .FancyBullet li:before {
background-position: -19px -116px;
}
.Agro .PerformanceWrap {
background: var(--White);
border-radius: var(--radius20);
box-shadow: 0 0 10px rgba(var(--Black10));
}
.Agro .PerformanceColWrap {
box-shadow: none;
}
.Agro .Performance .economic {
background-position: 0 -199px;
}
.Agro .PerformanceColWrap .RankWrap {
display: flex;
flex-flow: column;
gap: 1.875rem;
}
.Agro .RankCol {
padding: 2rem;
}
.Agro .OpportunitiesCol {
height: auto;
}
.Agro .Incentives {
background-position: -130px -199px;
}
.Agro .Exemption {
background-position: -180px -199px;
}
.Agro .SpecialIncentives {
background-position: -230px -199px;
}
.Agro .AdditionalIncentives {
background-position: -283px -199px;
}
.Agro .OpportunitiesIcon {
background-position: var(--IconX) -199px;
}
.Agro .CustomPackage {
background-position: -998px -199px;
}
.Agro .Food {
--IconX: -330px;
width: 40px;
height: 40px;
}
.Agro .Agriculture {
--IconX: -430px;
width: 50px;
height: 50px;
}
.Agro .Chain {
--IconX: -485px;
width: 50px;
height: 50px;
}
.Agro .Fisheies {
--IconX: -539px;
width: 50px;
height: 50px;
}
.Animal {
margin-top: 1.5rem;
}
.Handicrafts,
.Textile,
.Logistics,
.Gems {
--SectorColor1: var(--Orange);
--SectorColor2: #F38C51;
--SectorColor2RGB: 243, 140, 81;
--BulletColor: var(--SectorColor2);
--Breadcrumb: var(--SectorColor1);
}
.Handicrafts .FancyBullet li:before,
.Textile .FancyBullet li:before,
.Logistics .FancyBullet li:before,
.Gems .FancyBullet li:before {
background-position: -38px -116px;
}
.Handicrafts .Performance .economic,
.Textile .Performance .economic,
.Logistics .Performance .economic,
.Gems .Performance .economic {
background-position: 0 -262px;
}
.Handicrafts .Performance .sectorprof,
.Textile .Performance .sectorprof,
.Logistics .Performance .economic,
.Gems .Performance .economic {
background-position: -65px -262px;
}
.Handicrafts .FancyBullet li:before,
.Textile .FancyBullet li:before,
.Logistics .FancyBullet li:before,
.Gems .FancyBullet li:before {
background-position: -38px -116px;
}
/*.Handicrafts .Performance .sectorprof, .Textile .Performance .sectorprof, .Logistics .Performance .sectorprof, .Gems .Performance .sectorprof{
background: var(--sprite) -65px -262px;
}*/
/*.Handicrafts .Incentives{
background-position:-125px -262px;
}
.Handicrafts .Exemption{
background-position:-170px -262px;
}
.Handicrafts .SpecialIncentives,*/
.Textile .Exemption,
.Gems .Exemption,
.Logistics .Exemption,
.Handicrafts .SpecialIncentives {
background-position: -215px -262px;
}
.Handicrafts .AdditionalIncentives,
.Textile .Incentives,
.Gems .Incentives,
.Logistics .Incentives,
.Handicrafts .Incentives {
background-position: -270px -262px;
}
.Handicrafts .OpportunitiesIcon,
.Gems .OpportunitiesIcon,
.Logistics .OpportunitiesIcon {
background-position: var(--IconX) -262px;
}
.Handicrafts .Electronics {
--IconX: -315px;
}
.Handicrafts .TechInfa {
--IconX: -370px;
}
.Handicrafts .StrategicElectronics {
--IconX: -425px;
}
.Handicrafts .icon4 {
--IconX: -480px;
}
.Textile .SpecialIncentives,
.Gems .SpecialIncentives,
.Logistics .SpecialIncentives,
.Handicrafts .Exemption {
background-position: -1089px -326px;
}
.Textile .AdditionalIncentives,
.Gems .AdditionalIncentives,
.Handicrafts .AdditionalIncentives {
background-position: -1139px -326px;
}
.Textile .OpportunitiesIcon {
background-position: var(--IconX) -326px;
}
.Textile .Electronics {
--IconX: -924px;
}
.Textile .TechInfa {
--IconX: -979px;
}
.Textile .StrategicElectronics {
--IconX: -1034px;
}
.Gems .CustomPackage,
.Handicrafts .CustomPackage {
background-position: -802px -331px;
}
.Gems .Synthetic {
--IconX: -919px;
}
.Gems .Alloys {
--IconX: -974px;
}
.Gems .LabGrown {
--IconX: -1029px;
}
.Gems .Fashion {
--IconX: -1084px;
}
.Gems .Handmade {
--IconX: -1139px;
}
.Logistics .ColdStorage {
--IconX: -539px;
}
.Logistics .AirCargo {
--IconX: -589px;
}
.Logistics .DryPorts {
--IconX: -644px;
}
.Logistics .MultiModal {
--IconX: -699px;
}
.Logistics .TechnologyEnabled {
--IconX: -754px;
}
.Logistics .LastMile {
--IconX: -809px;
}
.Logistics .SpecialEconomic {
--IconX: -864px;
}
.Ceramics,
.Chemicals {
--SectorColor1: var(--CustomYellow);
--SectorColor2: #FFA914;
--SectorColor2RGB: 243, 140, 81;
--BulletColor: var(--SectorColor2);
--Breadcrumb: var(--SectorColor1);
}
.Ceramics .FancyBullet li:before,
.Chemicals .FancyBullet li:before {
background-position: -57px -116px;
}
.Ceramics .Performance .sectorprof,
.Chemicals .Performance .sectorprof {
background: var(--sprite) -65px -326px;
}
.Ceramics .Incentives,
.Chemicals .Incentives {
background-position: -130px -326px;
}
.Ceramics .Exemption,
.Chemicals .Exemption {
background-position: -180px -326px;
}
.Ceramics .SpecialIncentives,
.Chemicals .SpecialIncentives {
background-position: -230px -326px;
}
.Ceramics .AdditionalIncentives,
.Chemicals .AdditionalIncentives {
background-position: -280px -326px;
}
.Ceramics .CustomPackage,
.Chemicals .CustomPackage {
background-position: -323px -326px;
}
.Ceramics .OpportunitiesIcon {
background-position: var(--IconX) -326px;
}
.Ceramics .Electronics {
--IconX: -368px;
}
.Ceramics .TechInfa {
--IconX: -423px;
}
.Chemicals .OpportunitiesIcon {
background-position: var(--IconX) -74px;
}
.Chemicals .Complexes {
--IconX: -598px;
}
.Chemicals .SpecialtyChemicals {
--IconX: -651.83px;
}
.Chemicals .Fertilizers {
--IconX: -706.83px;
}
.Chemicals .Plastic {
--IconX: -761.83px;
}
.Chemicals .TextileChemicals {
--IconX: -816.63px;
}
.Chemicals .IndustrialChemicals {
--IconX: -871.63px;
}
.Chemicals .GreenChemicals {
--IconX: -926.63px;
}
.Chemicals .Paints {
--IconX: -981.63px;
}
.Chemicals .Feedstock {
--IconX: -1036.63px;
}
.Mines,
.Auto {
--SectorColor1: var(--Maroon);
--SectorColor2: #EB454A;
--SectorColor2RGB: 235, 69, 74;
--BulletColor: var(--SectorColor2);
--Breadcrumb: var(--SectorColor1);
}
.Mines .FancyBullet li:before,
.Auto .FancyBullet li:before {
background-position: -76px -116px;
}
.Mines .Performance .sectorprof {
background: var(--sprite) -65px -390px;
}
.Mines .Incentives,
.Auto .Incentives {
background-position: -124px -388px;
}
.Mines .Exemption,
.Auto .Exemption {
background-position: -179px -388px;
}
.Mines .SpecialIncentives,
.Auto .SpecialIncentives {
background-position: -234px -388px;
}
.Mines .AdditionalIncentives,
.Auto .AdditionalIncentives {
background-position: -289px -388px;
}
.Mines .CustomPackage,
.Auto .CustomPackage {
background-position: -344px -388px;
}
.Mines .OpportunitiesIcon,
.Auto .OpportunitiesIcon {
background-position: var(--IconX) -388px;
}
.Mines .Electronics {
--IconX: -397px;
}
.Mines .TechInfa {
--IconX: -449px;
}
.Mines .Policy2Icion1 {
background-position: -124px -388px;
}
.Mines .Policy2Icion2 {
background-position: -508px -388px;
}
.Mines .Policy2Icion3 {
background-position: -559px -388px;
}
.Mines .Policy2Icion4 {
background-position: -614px -388px;
}
.Auto .Manufacturing {
--IconX: -671px;
;
}
.Auto .Infra {
--IconX: -726px;
}
.Energy .OpportunitiesIcon {
background-position: var(--IconX) -135px;
}
.Energy .Electronics {
--IconX: -494px;
}
.Energy .TechInfa {
--IconX: -659px;
}
.Energy .StrategicElectronics {
--IconX: -603px;
}
.Energy .icon4 {
--IconX: -548px;
}
.Education {
--SectorColor1: var(--Purple);
--SectorColor2: #bb8fc9;
--SectorColor2RGB: 187, 143, 201;
--BulletColor: var(--SectorColor2);
--Breadcrumb: var(--SectorColor1);
}
.Education .FancyBullet li:before {
background-position: -95px -116px;
}
.Education .Performance .economic {
background-position: -853px -326px;
}
.Education .OpportunitiesIcon {
background-position: var(--IconX) -324px;
}
.Education .EdTech {
--IconX: -475px;
}
.Education .SkillingPrograms {
--IconX: -528px;
}
.Education .LeadershipDevelopment {
--IconX: -581px;
}
.Education .ApprenticeshipPrograms {
--IconX: -634px;
}
.Education .InternationalCollaborations {
--IconX: -687px;
}
.Education .WomenSpecific {
--IconX: -740px;
}
.Tourism {
--SectorColor1: var(--SBlue);
--SectorColor2: var(--LBlue);
--SectorColor2RGB: var(--LBlueRGB);
--BulletColor: var(--SectorColor2);
--Breadcrumb: var(--SectorColor1);
}
.Tourism .Performance .economic {
background-position: -623px -196px;
}
.Tourism .Performance .Award {
background: var(--sprite) -688px -196px;
}
.Tourism .OpportunitiesIcon {
background-position: var(--IconX) -324px;
}
.Tourism .Incentives {
background-position: -754px -199px;
}
.Tourism .Exemption {
background-position: -804px -199px;
}
.Tourism .SpecialIncentives {
background-position: -854px -199px;
}
.Tourism .AdditionalIncentives {
background-position: -907px -199px;
}
.Tourism .CustomPackage {
background-position: -950px -199px;
}
.Tourism .OpportunitiesIcon {
background-position: var(--IconX) -388px;
}
.Tourism .EcoTourism {
--IconX: -779px;
}
.Tourism .Hospitality {
--IconX: -834px;
}
.Tourism .RuralTourism {
--IconX: -889px;
}
.Tourism .MICETourism {
--IconX: -944px;
}
.Tourism .WeddingTourism {
--IconX: -999px;
}
.Tourism .TourismStartUps {
--IconX: -1054px;
}
.Tourism .HeritageHotels {
--IconX: -1109px;
}
.MouContent {
background: var(--SectorColor1);
padding: 2rem;
text-align: center;
color: #fff;
border-radius: var(--radius10);
}
@media(max-width:479px) {
.MouContent br {
display: none;
}
}
.InvestorMeet {
--PageThemeColor: var(--MeetColor);
--BulletColor: var(--PageThemeColor);
--Breadcrumb: var(--PageThemeColor);
}
.PageTheme {
color: var(--PageThemeColor);
}
.InvestorMeet .PageTitle {
padding-left: calc(var(--bs-gutter-x)* .5);
padding-right: calc(var(--bs-gutter-x)* .5);
margin-bottom: 1rem;
}
.InvestorMeet .PageTitle hr {
height: 2px;
background-color: var(--PageThemeColor);
margin: 0 0 .25rem 0;
}
.InvestorMeet .PageTitle .TitleInfo {
display: inline-block;
font-weight: var(--Medium);
}
.CaptchaImg {
width: 100px
}
.InvestorMeet .PageBanner {
margin-top: .5rem;
}
.InnerPageType2 {
margin-top: -20px;
border-radius: 0 0 var(--radius-30) var(--radius-30);
}
.MXCustom {
padding-left: calc(var(--bs-gutter-x)/2);
padding-right: calc(var(--bs-gutter-x)/2);
}
.VenueDetails {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font: var(--SemiBold) 1.125rem var(--Exo);
}
.VenueDetails li {
display: flex;
gap: 20px;
}
.DetailHead {
min-width: 105px;
}
.VenueDetails a {
text-decoration: underline;
text-decoration-color: var(--PageThemeColor);
}
.VenueDetails a:hover {
text-decoration-color: var(--Maroon);
}
.ProgrameOutline {
background: #F2F3F5;
border-radius: var(--radius20);
padding: 1.5rem;
}
.DarkMode .ProgrameOutline {
background-color: #181818;
}
.RegistrationForm {
border: 1px solid rgba(var(--OrangeRGB), .20);
border-radius: var(--radius20);
margin-top: 2.5rem;
display: none;
}
.RegistrationForm .btn-primary {
background-color: var(--PageThemeColor);
text-transform: uppercase;
font: var(--SemiBold) 1.125rem var(--Exo);
padding: .75rem 4rem;
border: 0;
}
.form-control,
.form-select {
background-color: #F9F9F9;
}
.DarkMode .form-control:focus {
color: #a3a3a3;
}
.DarkMode .form-control::-moz-placeholder {
color: #a3a3a3;
}
.form-control::placeholder {
color: #a3a3a3;
opacity: 1
}
.DarkMode .form-control,
.DarkMode .form-select {
background-color: #000;
border-color: #181818;
color: #a3a3a3;
}
.DarkMode .form-check-input {
background-color: #4c4c4c;
}
.RadiusTopBoth {
border-top-left-radius: var(--radius20);
border-top-right-radius: var(--radius20);
}
.CityGrid {
display: flex;
flex-wrap: wrap;
margin-left: -.75rem;
margin-right: -.75rem;
}
.CityGrid .item {
max-width: 100%;
padding: .75rem;
}
@media(min-width:360px) {
.CityGrid .item {
max-width: 50%;
}
}
@media(min-width:992px) {
.CityGrid .item {
max-width: 33.3333333%;
}
}
@media(min-width:1200px) {
.CityGrid .item {
max-width: 25%;
}
}
.EventHr {
height: 5px !important;
background: var(--SBlue);
opacity: .20;
margin: 0;
}
.DownLoadBoxImg {
text-align: center;
margin-bottom: -.5rem;
}
.DownLoadBoxImg img {
border-radius: 5px;
}
.DownLoadBoxTxt {
--MinBg: #fff;
background: var(--LBlue);
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 10px;
border-radius: 5px 5px 30px 5px;
padding: 1.5rem 0 0 1rem;
}
.DownLoadBoxTxt h6 {
font-size: .813rem;
font-weight: var(--SemiBold);
margin-bottom: 1rem;
color: #fff;
}
.DownLoadBoxTxt .LinkArrow {
margin-right: -5px;
margin-bottom: -5px;
min-width: 35px;
min-height: 35px;
border: 4px solid var(--SBlue);
}
.DownLoadBoxTxt .Arrow3 svg {
--Arrow3SvgColor: var(--SBlue);
}
@media(max-width:430px) {
.DownloadCol {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
}
.ContactPage {
--PageTheme: #f67127;
--PageThemeRGB: 246, 113, 39;
}
.ContactPage .PageColor {
color: var(--PageTheme);
}
.ContactPage li img {
display: block;
}
.ContactPage .BtnCustom {
background-color: var(--PageTheme);
color: #fff;
font-weight: var(--SemiBold);
}
.ContactPage .BtnCustom:hover,
.ContactPage .BtnCustom:active {
background-color: var(--LogoGrey);
}
.ContactForm {
border: 1px solid rgba(var(--PageThemeRGB), .3);
border-radius: var(--radius20);
padding: 1.875rem;
}
.FeedbackPage {
--PageTheme: var(--Orange);
}
.FeedbackPage .ContactForm {
border-color: rgba(var(--OrangeRGB), .30);
}
.FeedbackPage .BtnCustom {
background-color: var(--PageTheme);
}
label.error {
color: red;
font-size: .813rem;
}
#company_type-error,
#investment_plan-error,
#non_resident-error,
#b2g_metting-error,
#agree-error,
#captcha-error,
#philanthropic-error,
#inaugural_session1_sector-error,
#inaugural_session2_sector-error {
position: absolute;
bottom: -15px;
left: 0;
}
#error-message {
color: red;
}
.ResourceWrap {
background-color: var(--BaseBg);
border-radius: var(--radius20) var(--radius20) 0 0;
}
.ResourceThumb {
padding: 1.875rem;
text-align: center;
}
.ResourceInfo {
background-color: var(--SBlue);
color: #fff;
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
padding: .75rem;
border-radius: 5px;
margin-top: -5px;
position: relative;
}
.ResourceTitle {
font: var(--SemiBold) .875rem var(--Exo);
}
.ResourceSubTitle {
font: var(--SemiBold) .75rem var(--Exo);
}
.ResourceImgThumb {
padding: 0;
}
.ResourceImgThumb img {
border-radius: var(--radius20) var(--radius20) 0 0;
}
@media(max-width:575px) {
.ResouceCol {
padding-left: 20%;
padding-right: 20%;
}
}
.DownloadBtn {
background-color: var(--White);
padding: .5rem;
border-radius: 5px;
display: block;
}
.DownloadBtn img {
max-width: 16px;
}
.AboutBipPage {
--PageTheme: var(--LBlue);
--SectorColor1: var(--PageTheme);
--BulletColor: var(--SBlue);
}
.BipCard {
border: 1px solid rgba(var(--LBlueRGB), .2);
padding: 1.25rem;
border-radius: var(--radius20);
}
.AboutBipPage .BipCardHeader {
color: var(--PageTheme);
font-weight: var(--SemiBold);
border-bottom: 3px solid rgba(var(--SBlueRGB), .2);
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.AboutBipPage .BtnCustom {
background-color: var(--SBlue);
color: #fff;
font-weight: var(--SemiBold);
}
.formGroup {
border: 1px solid rgba(var(--OrangeRGB), .30);
border-radius: var(--radius20);
}
.formGroup hr {
height: 2px;
background-color: rgba(var(--DGreyRGB), .10)
}
.BtnCustom2 {
color: var(--Orange);
font: var(--SemiBold) 1.125rem var(--Exo);
padding: calc(var(--SpaceBase)* .75) calc(var(--SpaceBase)* 1.5);
background-color: #F9F9F9;
}
.SummitRegPage {
--PageThemeColor: var(--Orange);
}
.SummitRegPage .BtnCustom,
.SummitRegPage .BtnCustom2 {
font-weight: var(--SemiBold);
}
.SummitRegPage {
line-height: normal;
}
.SummitRegPage .form-check-input:checked {
background-color: var(--Orange);
border-color: var(--Orange);
}
.SummitRegPage .form-check-input:focus {
border-color: rgba(var(--OrangeRGB), .45);
outline: 0;
box-shadow: 0 0 0 .25rem rgba(var(--OrangeRGB), .25);
}
@media(max-width:767px) {
.SummitRegPage h5 {
font-size: 1.125rem;
}
.SummitRegPage .FS18 {
font-size: 1rem;
}
}
#pravasi_form .form-check-label.TextOrange {
font-weight: var(--SemiBold);
}
.Registration {
text-decoration: underline;
cursor: pointer;
}
@media(max-width:767px) {
.SummitRegPage h5 {
font-size: 1.125rem;
}
.SummitRegPage .FS18 {
font-size: 1rem;
}
}
.ResetBtn {
background-color: var(--BaseBg);
border-color: #F2F3F5;
text-transform: uppercase;
font-size: .875rem;
font-weight: var(--SemiBold);
color: var(--Black);
border: 1px solid #D8D8D8;
}
.ResetBtn span {
display: flex;
align-items: center;
gap: 8px;
}
.ResetBtn img {
width: 20px;
}
.DarkMode .ResetBtn img {
filter: invert(1);
}
.GalleryCategory {
--PageThemeColor: var(--DSeaGreen);
}
.GalleryCard {
background-color: var(--White);
border: 1px solid var(--BaseBg);
border-radius: var(--radius10);
padding: 5px;
transition: var(--Arrowtransition);
}
.GalleryCard:hover {
box-shadow: 0 0 15px rgba(var(--Black10));
}
.DarkMode .GalleryCard:hover {
box-shadow: 0 0 15px rgba(var(--BlackRGB), .50);
}
.GalleryCatThumb .CatThumb {
border-radius: 5px;
}
.GalleryCatInfo {
text-align: center;
margin-top: 10px;
}
.GalleryCatInfo h5 {
font-weight: var(--SemiBold);
}
.RRSunBg {
background: var(--White) url(../../rr-sun-right.svg) no-repeat right bottom;
}
@media(max-width:767px) {
.RRSunBg {
background-size: 250px;
}
}
@media(max-width:575px) {
.RRSunBg {
background-size: 180px;
}
}
.PageType3 {
min-height: 50vh;
display: flex;
align-items: center;
}
.RegistrationProcessLink {
color: var(--Orange)
}
#RegistrationProcess {
--BulletColor: var(--Orange)
}
.DarkMode .modal-content {
background-color: rgb(24 24 24);
}
.DarkMode .modal-backdrop {
opacity: .8;
}
.FieldLabel {
font-size: 1rem;
padding: 0 5px;
margin-bottom: 3px;
display: block;
}
#GoTop {
display: inline-block;
background-color: var(--Orange);
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
#GoTop::after {
content: "";
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3e%3cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3e%3c/svg%3e")no-repeat 0 0;
height: 24px;
width: 24px;
display: block;
transform: rotate(-180deg);
}
#GoTop:hover,
#GoTop:active {
cursor: pointer;
background-color: var(--Cobalt);
}
#GoTop.show {
opacity: 1;
visibility: visible;
}
.ProgramOutline {
--PageThemeColor: var(--Orange)
}
.POutlineNav .nav-tabs {
border: 0;
justify-content: space-around;
}
.POutlineNav .nav-link {
font-family: var(--Exo);
text-align: left;
border-width: 0 0 4px 0;
border-bottom-color: transparent;
border-radius: 0;
}
.POutlineNav .nav-tabs .nav-link:focus,
.POutlineNav .nav-tabs .nav-link:hover {
border-bottom-color: transparent;
}
.Day-1 {
--DayColor: var(--Orange);
--DayColorRGB: var(--OrangeRGB);
--DayColor2: var(--Maroon)
}
.Day-2 {
--DayColor: var(--SBlue);
--DayColorRGB: var(--SBlueRGB);
--DayColor2: var(--LBlue);
}
.Day-3 {
--DayColor: var(--LGreen);
--DayColorRGB: var(--LGreenRGB);
--DayColor2: var(--DGreen);
}
.POutlineNav .nav-tabs .nav-link:hover .Date {
color: var(--DayColor);
}
.POutlineNav .nav-tabs .nav-link.active {
color: var(--DayColor);
border-bottom-color: var(--DayColor);
background-color: transparent;
}
.Day {
font-size: .938rem;
display: block;
color: var(--DayColor2);
}
.DateMonth {
display: flex;
gap: 5px;
color: var(--DayColor2);
flex-direction: column;
}
.Date {
font-size: 3rem;
line-height: .9;
color: var(--DayColor);
}
.Month {
font-size: 1.125rem;
line-height: 1.2;
}
.tab-pane {
border: 1px solid rgba(var(--DayColorRGB), .3);
padding: 1.5rem 1.5rem;
border-radius: var(--radius20);
box-shadow: 0 0 10px rgba(var(--Black10));
background: var(--White) url(../../rr-sun-right.svg) no-repeat right bottom;
background-size: 150px;
}
.SessionTime {
color: var(--DayColor2);
}
.SessionName {
font: var(--SemiBold) 1.25rem var(--Exo);
}
.SessionTime {
font: var(--SemiBold) 1.125rem var(--Exo);
line-height: normal;
}
.TabPaneWrap .BtnCustom {
background-color: var(--DayColor);
color: #fff;
}
@media(min-width:480px) {
.DateMonth {
flex-direction: row;
align-items: center;
gap: 10px;
}
}
@media(min-width:576px) {
.SessionTime,
.SessionTime {
font-size: 1.25rem;
}
.Date {
font-size: 3rem;
}
.Month {
font-size: 1.25rem;
}
.tab-pane {
background-size: 200px;
}
}
@media(min-width:768px) {
.Date {
font-size: 5rem;
}
.Month {
font-size: 1.5rem;
}
.tab-pane {
background-size: 250px;
}
}
.TabPaneWrap {
display: flex;
flex-direction: column;
gap: 1.875rem;
}
.HallInfo {
display: flex;
align-items: start;
gap: 10px;
}
.HallNo {
background-color: rgba(var(--DayColorRGB), .10);
font-size: 1rem;
font-weight: var(--SemiBold);
padding: 3px 9px;
border-radius: 3px;
line-height: normal;
text-wrap: nowrap;
white-space: nowrap;
}
.HallEvent {
line-height: normal;
}
.tab-content hr {
margin-top: 0;
margin-bottom: 0;
height: 2px;
}
.tab-content hr,
.TabPaneWrap hr {
background-color: rgba(var(--DGreyRGB), .30)
}
.tab-content .BulletList li {
margin-top: 1rem;
}
@media(min-width:768px) {
.tab-pane {
padding: 3rem;
}
}
.InfraPage {
--PageTheme: var(--CustomYellow);
--SectorColor1: var(--CustomYellow);
--BulletColor: var(--Orange);
}
.IndustryFacts {
display: flex;
flex-direction: column;
gap: 1.75rem;
}
.IndustryFactsCol {
display: flex;
flex-direction: row;
gap: 20px;
padding: 1.5rem;
border-radius: var(--radius20);
box-shadow: 0 0 10px rgba(var(--Black10));
font-weight: var(--SemiBold);
}
.IndustryFactRank {
font: var(--SemiBold) 3.5rem var(--Exo);
line-height: .9;
color: var(--PageTheme)
}
@media(min-width:992px) {
.IndustryFactsCol {
gap: 2.5rem;
}
.IndustryFactRank {
font-size: 4.5rem;
}
}
.IndustrialAraList {
background: #fff url(../../industrial-area-bg.webp) no-repeat bottom left;
padding-bottom: 180px;
background-size: 100%;
}
.IndustrialAraList ol {
display: flex;
flex-wrap: wrap;
gap: 10px;
color: #1f1f1f;
}
.IndustrialAraList ol li {
width: 100%;
}
.OpportunitiesCol .DownLoadBoxImg img {
border: 1px solid var(--LBlue);
}
.InfraPage .BtnCustom {
background-color: var(--PageTheme);
color: #fff;
}
@media(min-width:768px) {
.IndustrialAraList {
padding-bottom: 300px;
}
.IndustrialAraList ol li {
width: 48%;
}
}
#ResourceBanner .carousel-item {
position: relative;
}
#ResourceBanner .carousel-item .Explore {
position: absolute;
bottom: 0;
left: 0;
border-radius: 8px 20px 8px 20px;
font-size: 1.25rem;
background-color: var(--SectionColor);
}
#ResourceBanner .Arrow3 svg {
--Arrow3SvgColor: var(--SectionColor);
}
@media(min-width:768px) {
#ResourceBanner .carousel-item .Explore {
font-size: 1.5rem;
}
}
.MineralsResources {
--SectionColor: var(--Orange);
--SectionRGB: var(--OrangeRGB);
}
.VariousMinerals:after {
content: '';
background-color: var(--SectionColor);
height: 70px;
width: 100%;
border-radius: var(--radius10);
margin-top: -40px
}
.MinProdCol {
display: flex;
flex-direction: column;
}
.MinProWrap {
gap: 20px;
padding: 20px;
border: 1px solid rgba(var(--SectionRGB), .25);
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, .20);
border-radius: var(--radius10);
height: 100%;
background-color: var(--White);
flex-direction: row;
}
@media(min-width:768px) {
.MinProWrap {
flex-direction: column;
}
}
@media(min-width:992px) {
.MinProWrap {
flex-direction: row;
}
}
@media(max-width:991px) {
.VariousMinerals,
.TopProducers {
padding-left: 3rem;
padding-right: 3rem;
}
}
.MinProRank {
font: var(--Bold) 2.5rem var(--Exo);
color: var(--SectionColor);
}
.ArrowBox:after,
.ArrowBox:before {
border: solid transparent;
content: " ";
display: block;
height: 0;
position: absolute;
pointer-events: none;
width: 0;
bottom: 100%;
}
.ArrowBox:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
left: 50%;
margin-left: -10px;
border-width: 10px;
}
.ArrowBox:before {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(var(--SectionRGB), .25);
left: 50%;
margin-left: -12px;
border-width: 12px;
}
.MinProText {
font-weight: var(--SemiBold);
line-height: normal;
}
.TopProducers {
background: url(../../minerals-bg.webp) no-repeat bottom center;
padding-bottom: 400px;
background-size: cover;
}
.AgriProcucer {
--SectionColor: var(--LGreen);
--SectionRGB: var(--LGreenRGB);
--SectorColor1: var(--LGreen);
}
.Power {
--SectionColor: var(--SBlue);
--SectionRGB: var(--SBlueRGB);
--SectorColor1: var(--SBlue);
}
.Producer {
--ActiveBullet: var(--SectionColor);
}
@media (min-width: 768px) {
.Producer.HeadingStyle1:before {
height: 160px;
}
}
.PolicyEnvoirnment {
--SectorColor1: var(--DSeaGreen);
--BulletColor: var(--LSeaGreen);
}
.PolicyLink {
display: flex;
gap: 6px;
border: 1px solid rgba(var(--Black10));
border-radius: 5px;
padding: 8px 12px;
}
.PolicyList {
margin-left: -10px;
margin-right: -10px;
}
.PolicyList li {
width: 50%;
flex: 0 0 auto;
line-height: normal;
padding: 10px;
}
.PolicyList li a {
display: flex;
height: 100%;
align-items: center;
font: var(--SemiBold) .938rem var(--Exo);
}
.PolicyEnvoirnment hr {
height: 3px;
background: rgba(var(--DSeaGreenRGB), .40)
}
.MaketAccess {
--PageTheme: var(--Orange);
--ActiveBullet: var(--PageTheme);
--BulletColor: var(--PageTheme);
}
.CustomCarousel .carousel-indicators {
position: relative;
display: flex;
gap: 6px;
margin-top: 10px;
}
.CustomCarousel .carousel-indicators [data-bs-target] {
background-color: rgba(var(--BlackRGB), .20);
width: 8px;
height: 8px;
border-radius: 50%;
opacity: 1;
}
.CustomCarousel .carousel-indicators .active {
background-color: var(--ActiveBullet);
}
.AccessRank {
background: url(../../market-access-bg.webp)no-repeat bottom center;
background-size: cover;
padding-top: 3rem;
padding-bottom: 200px;
border-radius: 0 0 var(--radius10) var(--radius10);
box-shadow: 0 0 10 rgba(var(--Black10));
}
.AccessRankColWrap {
background: rgb(var(--WhiteRgb));
padding: 20px;
border-radius: var(--radius10);
}
.AccessRankNo {
--fontSize: 4.5rem;
font: var(--SemiBold) 4.5rem var(--Exo);
color: var(--PageTheme);
line-height: 1;
}
.AccessRankNo span {
font-size: calc(var(--fontSize) / 2);
}
.AccessRankTxt {
font-size: 1.25rem;
font-weight: var(--SemiBold);
}
.SunBg {
background: var(--White) url(../../rr-sun-right.svg) no-repeat right bottom;
background-size: 150px;
}
@media(min-width:576px) {
.SunBg {
background-size: 200px;
}
}
@media(min-width:576px) {
.SunBg {
background-size: 250px;
}
}
@media(max-width:767px) {
.AccessRank {
padding-left: 3rem;
padding-right: 3rem;
}
}
.TheSummit {
--BulletColor: var(--DBlue);
}
.Talent {
--BulletColor: var(--LBlue);
}
.Specilized {
background-color: var(--LBlue)
}
.UniWrap {
border: 1px solid rgba(var(--Black10));
padding: 1rem;
border-radius: 5px;
}
.UniNo {
font: var(--SemiBold) 2.5rem var(--Exo);
line-height: 1;
display: block;
}
.UniTxt {
font: var(--SemiBold) 1.125rem var(--Exo);
text-transform: uppercase;
}
@media(min-width:576px) {
.UniNo {
font-size: 3rem;
}
.UniTxt {
font-size: 1.25rem
}
}
.InstituteCol {
text-align: center;
}
.ArrowFill {
border-radius: 5px;
background: var(--InsColor);
margin: 0 auto 1rem;
color: #fff;
padding: 30px;
text-align: center;
}
.ArrowFill {
position: relative;
}
.ArrowFill:after,
.ArrowFill:before {
border: solid transparent;
content: " ";
display: block;
height: 0;
position: absolute;
pointer-events: none;
width: 0;
top: 100%;
}
.ArrowFill:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: var(--InsColor);
left: 50%;
margin-left: -10px;
border-width: 10px;
}
.CollNo {
font: var(--SemiBold) 2.25rem var(--Exo);
display: block;
line-height: 1;
}
.CollTxt {
font-size: .935rem;
display: block;
line-height: normal
}
.InstiWrap {
gap: 30px;
justify-content: center;
}
.Engineering {
--InsColor: var(--CustomYellow);
}
.MBA {
--InsColor: var(--Maroon);
}
.Polytechnic {
--InsColor: var(--Purple);
}
.Industrial {
--InsColor: var(--LBlue);
}
.Medical {
--InsColor: var(--DSeaGreen);
}
.StudentsWrap {
line-height: 1;
}
.StundentsNo {
font: var(--SemiBold) 1.365rem var(--Exo);
line-height: 1
}
.Students {
font: var(--SemiBold) .875rem var(--Exo);
}
.InstitutionsGrid {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.video-container {
position: relative;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
video {
width: 100%;
height: 100%;
object-fit: cover;
}
.RoomType li {
margin-top: 10px;
line-height: 1.3;
}
.RoomRate {
font-size: var(--FS18);
font-weight: var(--SemiBold);
white-space: nowrap
}
.no-more-tables .table>:not(caption)>*>* {
padding: 1rem
}
.Accommodations .Explore {
background-color: var(--White);
box-shadow: 0 0 10px rgba(var(--BlackRGB), .10);
color: var(--Maroon);
}
.Accommodations .Explore .Arrow3 {
background-color: var(--Maroon);
--Arrow3SvgColor: var(--White);
}
.Accommodations table .table>:not(:last-child)>:last-child>* {
border-color: #dee2e6
}
@media(min-width:992px) {
.HotelTitle {
width: 40%;
}
.Room {
width: 35%;
}
}
@media only screen and (max-width: 991px) {
/* Force table to not be like tables anymore */
.no-more-tables table,
.no-more-tables thead,
.no-more-tables tbody,
.no-more-tables th,
.no-more-tables td,
.no-more-tables tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.no-more-tables tr {
margin-bottom: 1rem;
}
.no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 30%;
white-space: normal;
text-align: left;
}
.no-more-tables td:before {
/*position: absolute;
top: 6px;
left: 1rem;
width: 45%;
padding-right: 10px;
*/
position: relative;
top: 0;
left: 0;
width: 100%;
padding-right: 0;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
.no-more-tables td.HotelInfo {
padding-left: 1rem;
}
.VehicleTable .no-more-tables td:before {
position: relative;
top: 0;
left: 0;
width: 100%;
padding-right: 0;
display: block;
font-weight: 400;
}
.VehicleTable .no-more-tables td {
padding-left: 1rem
}
/*
Label the data
*/
.no-more-tables td:before {
content: attr(data-title);
}
.table-bordered>:not(caption)>* {
border-width: 0;
}
}
@media only screen and (max-width: 575px) {
.no-more-tables td {
padding: 8px 15px
}
/*.no-more-tables td:before {
position: relative;
top: 0;
left: 0;
width: 100%;
padding-right: 0;
display: block;
}*/
}
.no-more-tables .table-striped>tbody>tr:nth-of-type(odd) {
--bs-table-accent-bg: rgba(var(--OrangeRGB), .03);
}
.KeyHighlights {
background: #F3F4F5 url(../../expo-bg.webp) no-repeat bottom center;
border-radius: var(--radius10) var(--radius10) 0 0;
padding-bottom: 200px;
}
@media(min-width:1200px) {
.KeyHighlights {
padding-bottom: 300px;
}
}
.KeyHighlights .RankCol {
border-bottom: 4px solid var(--HighlightClor);
--SectorColor2: var(--HighlightClor);
width: 100%;
}
@media(min-width:1200px) {
.KeyHighlights .RankCol {
align-items: start;
}
}
@media(max-width:439px) {
.CardWrap {
padding-left: 2rem;
padding-right: 2rem;
}
}
.Rank1 {
--HighlightClor: var(--DYellow);
}
.Rank2 {
--HighlightClor: var(--SBlue);
}
.Rank3 {
--HighlightClor: var(--DSeaGreen);
}
.Rank4 {
--HighlightClor: var(--Orange);
}
.Rank5 {
--HighlightClor: var(--DGreen);
}
.Rank6 {
--HighlightClor: var(--Maroon);
}
.Rank7 {
--HighlightClor: var(--DBlue);
}
.Rank8 {
--HighlightClor: var(--LGreen);
}
.ExhibitorProfile .card__header {
display: block;
text-align: center;
}
.ExhibitorProfile .cards li:nth-child(2),
.ExhibitorProfile .cards li:nth-child(4),
.ExhibitorProfile .cards li:nth-child(6),
.ExhibitorProfile .cards li:nth-child(8),
.ExhibitorProfile .cards li:nth-child(10),
.ExhibitorProfile .cards li:nth-child(12),
.ExhibitorProfile .cards li:nth-child(14),
.ExhibitorProfile .cards li:nth-child(16) {
margin-top: 0;
}
.ExhibitorProfile.HeadingStyle1:before {
background-color: var(--Maroon)
}
.ExhibitorProfile.HeadingStyle1:before {
height: 160px;
}
.ExhibitorProfile .card__title {
font-size: 1.25rem;
}
.ContactBooking {
background-color: rgba(var(--MaroonRGB), .10);
display: flex;
justify-content: center;
align-items: center;
line-height: normal;
text-align: center;
text-transform: uppercase;
min-height: 150px;
}
.ContactBooking svg {
width: 20px;
stroke-width: 2;
stroke: var(--Maroon);
transition: var(--Arrowtransition);
margin-top: 1rem;
}
.ParticipationCost {
background: url(../../participation-bg.webp) no-repeat center center;
background-size: cover;
border-radius: var(--radius20);
}
.ParticipationCost .table>:not(caption)>*>* {
border-bottom-width: 0;
line-height: normal;
}
.Domestic {
--bs-table-bg: rgba(var(--LBlueRGB), .2);
}
.Overseas {
--bs-table-bg: rgba(var(--LGreenRGB), .2);
}
th.Domestic {
color: var(--LBlue);
}
th.Overseas {
color: var(--DGreen);
}
@media(min-width:768px) {
.Domestic,
.Overseas {
text-align: center;
}
}
@media(max-width:768px) {
.CostTableDesktop {
display: none;
}
}
.ExhibitionContact {
box-shadow: 0 0 50px rgba(var(--LBlueRGB), .2);
padding: 1rem;
}
.ExhibtContactInfo {
border: 1px solid rgba(var(--Exbhi), .2);
padding: 1rem;
background-color: var(--White);
}
.ExhibtContactTxt {
background-color: rgba(var(--Exbhi), .08);
padding: 1rem;
margin-top: 1rem;
}
.RiicoContact {
--Exbhi: var(--DYellowRGB);
}
.CiiContact {
--Exbhi: var(--SBlueRGB);
}
.ItineraryRow {
--SectorColor1: var(--DayColor)
}
.ItineraryRow.ItineraryRow:before {
height: 240px;
}
@media (min-width: 576px) {
.ItineraryRow.HeadingStyle1 .InnerBlock {
padding-top: 2rem;
}
.ItineraryRow.ItineraryRow:before {
width: 90%;
left: 5%;
}
}
@media (min-width: 768px) {
.ItineraryRow.ItineraryRow:before {
height: 220px;
}
}
@media (min-width: 1200px) {
.ItanaryColWrap {
padding-top: 3rem;
}
}
.ItaneryList {
display: flex;
flex-direction: column;
gap: 2.25rem
}
.ItaneryList li:nth-child(even) {
background-color: var(--White);
}
.ItaneryList li:nth-child(odd) {
background-color: rgba(var(--DayColorRgb), .03);
}
.ItaneryList li .TripTime {
position: absolute;
top: 0;
left: 1rem;
margin-top: -.75rem;
background-color: var(--DayColor);
padding: 0 10px;
border-radius: 3px;
font-weight: var(--SemiBold);
line-height: normal;
color: #fff;
}
.ItanaryColWrap p {
line-height: 1.3;
}
.Day1 {
--DayColor: var(--Orange);
--DayColorRgb: var(--OrangeRGB)
}
.Day2 {
--DayColor: var(--Maroon);
--DayColorRgb: var(--MaroonRGB)
}
.Day3 {
--DayColor: var(--LBlue);
--DayColorRgb: var(--LBlueRGB)
}
.Day4 {
--DayColor: var(--DSeaGreen);
--DayColorRgb: var(--DSeaGreenRGB)
}
.Day5 {
--DayColor: var(--CustomYellow);
--DayColorRgb: var(--DYellowRGB)
}
.ItaneryListLinks {
gap: 20px;
justify-content: center;
}
.ItaneryListLinks li a {
color: var(--DayColor);
padding: 10px 20px;
font-weight: var(--SemiBold);
font-size: var(--FS20);
border-radius: .4rem;
display: block;
box-shadow: 0 0 8px rgba(var(--DayColorRgb), .30);
text-transform: uppercase;
border-bottom: 2px solid var(--DayColor);
}
.LineStyle {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.LineStyle:before,
.LineStyle:after {
content: '';
width: 100px;
height: 2px;
background-color: #ccc;
}
@media(max-width:575px) {
.SponsersGrid {
row-gap: 10px;
}
.SponsersGrid img {
width: 180px;
}
.LineStyle:before,
.LineStyle:after {
width: 30px;
}
}
.ConnectHeader img {
width: 280px;
}
@media(min-width:768px) {
.ConnectHeader img {
width: 330px;
}
}
@media(min-width:992px) {
.ConnectHeader img {
width: 380px;
}
}
@media(min-width:1200px) {
.ConnectHeader img {
width: 451px;
}
}
.SubscribeForm {
background: url(../../form-bg.svg)no-repeat center center;
background-size: cover;
border-radius: var(--radius10);
padding: 1rem;
}
.Subscribe {
background: #fff;
border-radius: var(--radius10);
padding: 1.25rem;
}
.TermContent {
color: #818181;
}
.SubscribeBtn {
background-color: var(--SBlue);
color: #fff;
}
@media(min-width:320px) {
.Subscribe {
padding: 2rem;
}
}
@media(min-width:576px) {
.SubscribeForm {
width: 90%;
}
.SubscribeForm {
padding: 2rem;
}
.Subscribe {
padding: 3rem;
}
}
@media(min-width:992px) {
.SubscribeForm {
width: 100%;
margin: 0 auto;
}
}
@media(min-width:1400px) {
.SubscribeForm {
width: 80%;
}
}
.News {
--NewsClor: var(--SBlue);
--NewsClorRgb: var(--LBlueRGB);
}
.News .ColorBullet li::marker {
color: var(--NewsClor)
}
.News .PageColor,
.NewsTitle a:hover,
.News .HighlightLink {
color: var(--NewsClor)
}
.NewsTitle a,
.NewsTitle {
color: rgb(var(--NewsClorRgb))
}
.News .BtnCustom {
background-color: var(--SBlue);
color: #fff;
}
.News .BtnCustom:hover {
background-color: var(--Cobalt);
color: #fff;
}
.NewsTitle {
font-weight: 600;
}
.NewsSubTitle {
color: var(--LogoGrey);
font-size: 1.5rem;
font-weight: 400;
}
.NewsDate {
color: #666;
}
.SearchInput {
width: 100%;
padding: 12px 24px;
transition: transform 250ms ease-in-out;
line-height: 18px;
color: var(--NewsClor);
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%237C4E8B' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 28px 28px;
background-position: 95% center;
border-radius: 50px;
border: 1px solid rgba(var(--NewsClorRgb), .5);
transition: all 250ms ease-in-out;
backface-visibility: hidden;
transform-style: preserve-3d;
}
.SearchInput::placeholder {
color: rgba(87, 87, 86, 0.8);
letter-spacing: 1.5px;
}
.SearchInput:hover,
.SearchInput:focus {
padding: 12px 0;
outline: 0;
border: 1px solid transparent;
border-bottom: 1px solid rgba(var(--NewsClorRgb), .5);
border-radius: 0;
background-position: 100% center;
}
.FeaturedBanner {
overflow: hidden;
position: relative;
border-radius: var(--radius20);
}
.BannerCaption {
background: rgba(255, 255, 255, 0);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.9) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
color: #fff;
display: flex;
align-items: end;
padding: 20px;
}
.CaptionTxt {
font-size: 2rem;
}
#FeaturedNews .carousel-indicators {
position: relative;
}
#FeaturedNews .carousel-indicators [data-bs-target] {
background-color: var(--NewsClor);
}
.NewsListCol:hover .NewsListWrap {
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.NewsListWrap {
padding: 1rem;
height: 100%;
position: relative;
transition: .3s all ease-in-out;
}
.NewsListContent .NewsDate {
color: #818181;
font-size: .875rem;
margin: 20px 0 10px;
}
.NewsListContent .NewsTitle {
font-size: 1.375rem;
line-height: 1.3;
margin-bottom: 8px;
}
.NewsExcert {
line-height: 1.5;
margin-bottom: 1rem;
color: #818181;
}
.NewsAction a {
color: #5d5f60;
font-size: .875rem;
font-weight: 500;
text-transform: uppercase;
}
@media(min-width:576px) {
.NewsListContent .NewsTitle {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.NewsExcert {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
}
.NewsHighlights {
background-color: rgba(var(--NewsClorRgb), .05);
padding: 2rem;
border-radius: var(--radius10);
font-weight: 500;
font-size: 1.125rem;
}
.NewsHighlights .HighlightsTitle {
color: var(--LBlue);
}
@media(min-width:1200px) {
.TestimonialsBlocks {
width: 80%;
margin: 0 auto;
}
}
.TestimonialsBlocks .item img {
width: auto;
}
.Insertion {
background-color: var(--NewsClor);
padding: 2rem 2rem 3rem;
border-radius: var(--radius10);
}
.VideoTesimonialCol img {
border-radius: 10px;
border: 10px solid rgba(255, 255, 255, .2);
margin: 0 auto;
}
.testimonials .owl-item img {
width: auto;
display: inline-block;
}
.News .NewsNav {
background-color: var(--BaseBg);
color: var(--Base);
display: flex;
gap: 8px;
align-items: center;
font-size: .875rem;
font-weight: 600;
text-transform: uppercase;
}
.News .NewsNav svg {
stroke: var(--Base);
transition: var(--Arrowtransition);
width: 14px;
height: 10px;
}
.News .NewsNav:hover svg {
stroke: rgb(var(--NewsClorRgb));
}
.News .NextBtn:hover svg {
transform: translateX(7px);
}
.NewsAccor .accordion-item {
border-color: rgba(var(--NewsClorRgb), .2);
border-radius: 10px;
margin-top: 1.5rem;
border-top: 1px solid rgba(var(--NewsClorRgb), .2);
background-color: transparent;
}
.NewsAccor .accordion-item:first-child {
margin-top: 0;
}
.NewsAccor .accordion-button {
font: var(--SemiBold) var(--FS24) var(--Exo);
color: var(--DGrey);
background-color: transparent;
}
.NewsAccor .accordion-button:not(.collapsed) {
background: transparent;
box-shadow: none;
color: var(--NewsClor);
}
.NewsAccor .accordion-button {
flex-direction: row-reverse;
justify-content: start;
gap: 10px;
}
.NewsAccor .accordion-button::after {
margin-left: 0;
width: 28px;
height: 28px;
border-radius: 50%;
background: #F2F3F5 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23189DD8'%3e%3cpath fill-rule='evenodd' d='M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z'/%3e%3c/svg%3e")no-repeat 50% 50%;
background-size: 12px;
transition: none;
}
.NewsAccor .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23189DD8' %3e%3cpath fill-rule='evenodd' d='M0 10h24v4h-24z'/%3e%3c/svg%3e")
}
.News .page-item .page-link {
color: var(--NewsClor);
}
.News .page-item.active .page-link {
background-color: var(--NewsClor);
border-color: var(--NewsClor);
color: #fff;
}
.page-link:focus {
box-shadow: none;
}
.StickyTop {
position: sticky;
top: 60px;
}
.News .pagination {
margin-top: 30px;
}
.News .owl-carousel button.owl-dot span {
background-color: #b6b5b5;
}
.News .owl-carousel button.owl-dot.active span {
background-color: #fff;
}
#subscribe_form label:empty {
display: none;
}
/* Pravasi */
.QuoteBox {
background-color: var(--quote-bg);
color: #fff;
border-radius: 10px;
}
.QuoteTxtWrap .QuoteTxt {
font: 400 1.125rem var(--Exo);
line-height: 1.6;
margin-top: 10px;
}
.HonName {
font: var(--Medium) 1.3rem var(--Exo);
}
.HonDesignation {
font: var(--Medium) 1rem var(--Exo);
}
.QuotePM {
--quote-bg: var(--Maroon);
--quote-img: 333px;
padding-top: 20px;
}
.QuoteSM {
--quote-bg: var(--Orange);
--quote-img: 247px;
}
.QuoteTxtBox {
margin: 0 20px 0 20px;
}
.ImImg img {
--quote-img: 222px;
min-width: var(--quote-img);
margin-right: 25px
}
.MobName {
display: block;
}
.DeskName {
display: none;
}
.QuoteImg {
display: flex;
padding-left: 20px;
justify-content: space-between;
align-items: center;
}
.QuoteImgHolder {
text-align: right;
}
.QuoteImg img {
width: var(--quote-img);
}
.QuotePM {
--quote-img: 220px;
}
.QuoteSM {
--quote-img: 170px;
padding-top: 20px;
}
.ImImg img {
--quote-img: 150px;
margin-right: 0;
}
@media(min-width:576px) {
.QuoteTxtWrap .QuoteTxt {
font-size: 1.25rem;
}
.HonName {
font-size: 1.5rem;
}
}
@media(min-width:768px) {
.QuoteImg {
background: url(../../quote-big.svg)no-repeat 102% 100%;
background-size: contain;
padding-top: 75px;
}
.QuoteImg img {
min-width: var(--quote-img);
}
.QuoteSM .QuoteImg {
align-self: flex-end;
}
.QuoteSM .HonDesignation {
width: 80%;
}
.QuoteTxtWrap .QuoteTxt {
margin-bottom: 30px;
}
.MobName {
display: none;
}
.QuotePM {
--quote-img: 300px;
}
.QuoteSM {
--quote-img: 247px;
}
.ImImg img {
--quote-img: 222px;
}
.DeskName,
.QuoteImg {
display: block;
}
.QuoteTxtBox {
padding-left: 20px;
margin: 40px 10px 40px 20px;
border-left: 1px solid rgba(255, 255, 255, .50);
}
}
.PRDIntro {
margin-bottom: 2.5rem;
}
@media(max-width:991px) {
.PRDWelcome {
text-align: center;
}
.PRDMonogram {
width: 150px;
}
}
@media(max-width:575px) {
.QuotePM {
--quote-img: 200px;
}
.PRDIntro {
margin-bottom: 1.5rem;
}
}
.Growth {
background: url(../../partners-in-growth-575.webp)no-repeat bottom center;
position: relative;
padding: 50px 20px 250px 20px;
}
.PravasiIntentHome {
background-image: url(../../contribute-portal-bg-575.webp);
}
.GrowthWrap {
text-align: center;
position: relative;
z-index: 2;
}
.Growth:before {
content: '';
width: 100%;
background: #ffffff;
background: linear-gradient(180deg, var(--White) 0%, rgba(255, 255, 255, 0) 56%);
position: absolute;
z-index: 1;
height: 100%;
top: 0;
left: 0;
}
.GrowthWrap {
padding: 100px 0 90px 0;
}
.Growth .marquee {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
opacity: .75;
}
@media(min-width:600px) {
.Growth {
padding: 100px 0 0 0;
background: url(../../partners-in-growth.webp)no-repeat bottom center;
}
.PravasiIntentHome {
background-image: url(../../contribute-portal-bg.webp)
}
.DarkMode .GrowthWrap {
background-image: url(../../arch-dark.svg);
}
.GrowthWrap {
background: url(../../arch.svg)no-repeat top center;
width: 600px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
background-size: 100%;
padding: 200px 100px 145px 100px;
}
/* .DarkMode .Growth {
background-image: url(../../partners-in-growth-dark.webp);
}*/
}
@media(max-width:599px) {
.GrowthWrap {
background: rgba(255, 255, 255, 0.38);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.5px);
-webkit-backdrop-filter: blur(7.5px);
padding: 50px 30px;
border-radius: 10px;
}
}
.NodalInfo .Icon {
background-size: 24px;
width: 24px;
height: 24px;
}
.Location {
background: url('data:image/svg+xml,');
margin-top: 10px;
}
.Phone {
background: url('data:image/svg+xml,');
}
.Mail {
background: url('data:image/svg+xml,');
}
.Web {
background: url('data:image/svg+xml,');
}
.SocialTitle {
display: flex;
align-items: end;
}
.SocialTitle .TxtBlock {
margin-bottom: 30px;
background-color: var(--White);
margin-left: -100px;
}
#SocialContribution .Karmbhoomi {
--tab-color: var(--SBlue);
}
#SocialContribution .Vidyalaya {
--tab-color: var(--Orange);
}
#SocialContribution .GovInstitute {
--tab-color: var(--Maroon);
}
#SocialContribution .Nandishala {
--tab-color: var(--DYellow);
}
#SocialContribution .accordion-item {
--SectorColor1: var(--tab-color);
--BulletColor: var(--tab-color);
background-color: var(--White);
margin-bottom: 30px;
border-radius: 10px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
}
#SocialContribution .accordion-header .accordion-button {
background-color: var(--tab-color);
color: #fff;
font-size: 1.75rem;
font-weight: var(--Medium);
display: flex;
justify-content: space-between;
gap: 10px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-radius: 10px;
}
#SocialContribution .accordion-item img {
position: sticky;
top: 0;
}
#SocialContribution .accordion-header .accordion-button:focus {
box-shadow: none;
}
#SocialContribution .accordion-button::after {
background-image: url('data:image/svg+xml,')
}
#SocialContribution .PollicyLink {
display: inline-flex;
}
@media(min-width:576px) {
.accordion-body {
padding: 2rem 2.5rem;
}
.SocialTitle .TxtBlock .Heading {
font-size: 2.25rem;
}
}
@media(max-width:991px) {
#SocialContribution picture {
margin-bottom: 30px;
display: block;
}
#SocialContribution .accordion-header .accordion-button {
font-size: 1.5rem;
}
}
@media(max-width:575px) {
#SocialContribution .accordion-header .accordion-button {
font-size: 1.365rem;
}
}
#MultiStepForm {
overflow-x: hidden;
}
.RefNo {
background-color: #FFF8E4;
display: inline-block;
}
.Steps {
border-radius: var(--radius10) var(--radius10) 0 0;
}
.Step hr {
background-color: var(--Orange);
}
.StepForm {
border-radius: 0 0 var(--radius10) var(--radius10);
}
.progress {
transform: translateY(18px);
height: 3px;
position: relative;
text-align: center;
}
.progress-bar {
background-color: var(--Orange);
font-size: 1rem;
}
.StepContainer {
position: relative;
text-align: center;
}
.StepCircle {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
background-color: #fff;
padding-right: 5px;
padding-left: 5px;
font-weight: var(--SemiBold);
--stepclor: #3A3A3A;
}
@media(max-width:767px) {
.StepCircle {
flex-direction: column;
}
}
@media(max-width:575px) {
.StepTxt {
display: none;
}
}
.StepNo {
border-radius: 50%;
background-color: #D9D9D9;
color: var(--stepclor);
min-width: 30px;
height: 30px;
}
.StepLine {
position: absolute;
top: 16px;
left: 50px;
width: calc(100% - 100px);
height: 2px;
background-color: var(--stepclor);
z-index: -1;
}
.StepTxt {
color: var(--stepclor);
}
.StepBtn.Completed,
.StepBtn.Active {
--stepclor: var(--Orange);
}
.StepBtn.Completed .StepNo,
.StepBtn.Active .StepNo {
background-color: var(--stepclor);
color: #fff;
}
.SearchBtn{
background-color:var(--Orange);
color:#fff;
}
.SearchBtn:hover{
background-color:var(--Maroon);
color:#fff;
}
.SearchBtn:focus-visible{
outline:0
}
.ProjectCol .card {
box-shadow: none;
border-radius: var(--radius10);
border: 0;
}
.ProjectCol .card .card-title {
font-size: 1.2rem;
line-height: 1.4em;
color: #222;
margin-bottom: 10px;
transition: all 0.3s ease;
border-bottom: 1px solid rgba(var(--OrangeRGB), .5);
padding-bottom: 10px;
margin-right: 10px;
}
.ToggleBox {
background: #fff;
overflow: hidden;
transition: all 0.3s ease;
position: relative;
}
.ToggleContent {
padding: 0;
height: 270px;
/* collapsed height */
overflow: hidden;
transition: height 0.4s ease;
}
.ToggleBox.Expanded .ToggleContent {
height: auto;
}
.ToggleBtn {
display: flex;
align-items: end;
justify-content: end;
background: transparent;
border: none;
cursor: pointer;
padding: 12px;
transition: background 0.3s ease;
position: absolute;
top: 0;
right: 0;
width:100%;
height:100%;
}
.ToggleBtn span{
background:#fff;
box-shadow:0 0 8px rgba(0,0,0,.05);
border-radius:20px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.ToggleBtn img {
width: 12px;
height: 12px;
transition: transform 0.3s ease;
}
.ToggleBox.Expanded .ToggleBtn img {
transform: rotate(180deg);
}
.CustomCheckBox label {
background-color: #FFF8EB;
color: var(--Orange);
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: all .2s;
}
.CustomCheckBox label {
font-family: var(--Exo);
padding: .75rem 1rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
letter-spacing: 0.04rem;
font-weight: var(--SemiBold);
border-bottom: 1px solid rgba(var(--OrangeRGB), .4);
border-radius: 0 0 var(--radius10) var(--radius10);
}
.CustomCheckBox label::before {
padding: 2px 6px 2px 2px;
content: "";
transition: transform .3s ease-in-out;
background: url('data:image/svg+xml,');
background-size: 12px;
width: 12px;
height: 12px;
}
.CustomCheckBox input[type="checkbox"]:checked+label::before {
content: '';
transform: rotate(-360deg);
transition: transform .3s ease-in-out;
background: url('data:image/svg+xml,');
}
.CustomCheckBox input[type="checkbox"]:checked+label {
background-color: var(--DGreen);
color: #fff;
transition: all .2s;
border-color: #017a3a;
}
.CustomCheckBox input[type="checkbox"] {
position: absolute;
opacity: 0;
}
.CustomCheckBox input[type="checkbox"]:focus+label {
outline: 0;
box-shadow: none;
}
.CustomCheckBox label .non-select,
.CustomCheckBox input[type="checkbox"]:checked+label .selected {
display: block;
}
.CustomCheckBox label .selected,
.CustomCheckBox input[type="checkbox"]:checked+label .non-select {
display: none;
}
.StepForm {
--BulletColor: var(--Orange)
}
.SelectedProjects {
display: flex;
flex-direction: column;
gap: 1rem;
}
.SelectedProjects ul {
list-style-type: disc;
}
.SelectedProjects ul li {
margin-top: .4rem;
}
.SelectedProjects ul li::marker {
color: var(--Orange);
}
.ArrowRev svg {
transform: rotate(180deg);
}
.ArrowRev:hover svg {
transform: rotate(180deg) translateX(10px);
}
.LightBtn {
background-color: var(--lbg);
color: var(--lcolor);
}
.LightBtn svg {
stroke: var(--lcolor)
}
.LightBtn:hover {
color: var(--lhvrcolor);
}
.FormNav {
--lcolor: var(--Orange);
--lbg: rgba(var(--OrangeRGB), .10);
--lhvrcolor: var(--Orange);
}
.MobCC:focus-within{
background-color:#fff;
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.MobileField input:focus{
box-shadow:none;
background-color:transparent;
}
#MultiStepForm .BtnCustom {
padding: calc(var(--SpaceBase) * .5) calc(var(--SpaceBase) * 1.25);
font-weight: 500;
}
.OtpField {
font-size: 24px;
letter-spacing: 4px;
text-align: center;
font-weight: var(--Bold);
}
.LoadMore {
background-color: #4E504A;
color: #fff;
}
#PopupBox {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5)}
.PopContent{border:1px solid #ccc; width:400px;}
.PrdAccomodation {
--bs-table-striped-color: var(--Base);
color: var(--Base);
}
.PrdAccomodation,
.PrdAccomodation th,
.PrdAccomodation td,
.PrdAccomodation ul {
--bs-table-striped-color: var(--Base);
color: var(--Base);
}
#SocialContribution .accordion-header .accordion-button:focus {
box-shadow: none;
}
#SocialContribution .accordion-button::after {
background-image: url('data:image/svg+xml,')
}
#SocialContribution .PollicyLink {
display: inline-flex;
}
@media(min-width:576px) {
.accordion-body {
padding: 2rem 2.5rem;
}
.SocialTitle .TxtBlock .Heading {
font-size: 2.25rem;
}
}
@media(max-width:991px) {
#SocialContribution picture {
margin-bottom: 30px;
display: block;
}
#SocialContribution .accordion-header .accordion-button {
font-size: 1.5rem;
}
}
@media(max-width:575px) {
#SocialContribution .accordion-header .accordion-button {
font-size: 1.365rem;
}
}
.PravasiIntentHome:before {
display: none;
}
.PIntentWrapTop {
background: url(../../arch-intent-home.svg)no-repeat 0 0;
padding: 190px 30px 140px 30px;
position: relative;
z-index: 1;
background-size: 100%;
font-size: 1.125rem;
;
}
.DarkMode .PIntentWrapTop {
background-image: url(../../arch-intent-home-dark.svg)
}
@media(min-width:700px) {
.PIntentWrapTop {
width: 550px;
margin: 0 auto;
font-size: 1.25rem;
}
}
@media(min-width:576px) {
.PIntentWrapTop {
padding: 240px 70px 170px 70px;
}
}
@media(max-width:575px) {
.PIntentWrapContent {
text-align: center;
}
}
.IntentFormCard {
padding: 30px;
border-radius: 10px;
border: 1px solid rgba(var(--OrangeRGB), .2);
box-shadow: 0 3px 0 var(--Orange);
background-color: var(--White);
min-width: 296px;
max-width: 296px
}
.IntentFormCard .BtnCustom2 {
background-color: rgba(var(--OrangeRGB), .1);
border-color: rgba(var(--OrangeRGB), .2);
}
.IntentFormCard .BtnCustom2:hover {
color: var(--Base);
}
.IntentTxt {
font-size: 1.375rem;
}
@media(min-width:992px) {
.IntentFormCard {
padding: 35px 40px;
min-width: 345px;
max-width: 345px;
}
}
/* Pravasi End */