body { background-color: var(--themewhite); font-family: 'Exo'; font-size: 15px; font-weight: 400; color: #363636; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } html, body { overflow-X: hidden; } @font-face { font-family: 'Poppins'; src: url('../Fonts/Poppins-Regular.ttf') format('truetype'); } @font-face { font-family: 'Laila'; src: url('../Fonts/Laila-Bold.ttf') format('truetype'); } @font-face { font-family: 'Rajdhani'; src: url('../Fonts/Rajdhani-Regular.ttf') format('truetype'); } @font-face { font-family: 'Rajdhani-Bold'; src: url('../Fonts/Rajdhani-Bold.ttf') format('truetype'); } @font-face { font-family: 'Exo'; src: url('../Fonts/Exo-VariableFont_wght.ttf') format('truetype'); } @font-face { font-family: 'Titillium'; src: url('../Fonts/TitilliumWeb-Regular.ttf') format('truetype'); } @font-face { font-family: 'Comfortaa-Bold'; src: url('../Fonts/Comfortaa-Bold.html') format('truetype'); } @font-face { font-family: 'Comfortaa-Regular'; src: url('../Fonts/Comfortaa-Regular.ttf') format('truetype'); } @font-face { font-family: 'Comfortaa-SemiBold'; src: url('../Fonts/Comfortaa-SemiBold.html') format('truetype'); } @font-face { font-family: 'Itim'; src: url('../Fonts/Itim-Regular.ttf') format('truetype'); } @font-face { font-family: 'Arya'; src: url('../Fonts/Arya-Regular.ttf') format('truetype'); } @font-face { font-family: 'ChakraPetch'; src: url('../Fonts/ChakraPetch-Regular.ttf') format('truetype'); } :root { --themewhite: #fff; --themegray: #f4f4f4; --themeblack: #000; --themecolor: #47af34; --themecolor1: #ffc827; --themecolor2: #022344; --themecolor3: #0e1e4e; --themecolor3: #c9c9c9; --themecolor4: #ff741b; } a { text-decoration: none; } .common_container { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: 60px; padding-left: 60px; } .header { position: relative; background: #FF5722; height: 135px; width: 100%; } .head_top { position: relative; height: 35px; width: 100%; z-index: 1; } .top-menu { padding: 2px 20px; padding-left: 50px; right: 0; height: 35.5px; width: 479px; z-index: 99; position: absolute; } .top-menu::before { content: ''; background-color: #ff5722; clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 50% 100%, 13% 100%, 0% 0%); height: 42.5px; right: 0; top: -3px; width: 437px; z-index: -1; position: absolute; } .top-menu .top_link { text-decoration: none; width: 30px; height: 28px; color: var(--themewhite); font-size: 12px; padding: 3px 4px; margin: 0px 4px; text-align: center; line-height: 13px; border: 1px solid rgb(243 243 243 / 0%); font-weight: 500; border-radius: 2px; transition: linear 0.35s; } a.top_link img { filter: invert(); width: 22px; margin-top: 2px; } a.top_link img path { fill: var(--themecolor); } a.top_link .fa { font-size: 22px; } .hidden-search-box { position: absolute; display: none; right: 107px; top: 19px; width: 250px; z-index: 99; transition: linear 0.35s; border-radius: 3px; box-shadow: 0 1px 2px rgb(0 0 0 / 62%); } .hidden-search-box .form-control:focus { color: var(--themeblack); background-color: var(--themewhite); border-color: var(--themecolor); outline: 0; box-shadow: none; } input#ctl00_btnSearch { background: var(--themecolor); border: none; border-radius: 0 3px 3px 0; font-weight: 600; font-family: 'Exo'; margin-top: 1px; height: 29px; font-size: 14px; color: var(--themewhite); } .hidden-search-box input { height: 30px; border-radius: 3px; font-size: 15px; transition: linear 0.35s; } i.fa.fa-search { font-size: 18px; margin-top: 2px; } a.top_link img { filter: invert(); } a.top_link:hover img { filter: brightness(0) saturate(100%) invert(77%) sepia(54%) saturate(7218%) hue-rotate(347deg) brightness(102%) contrast(101%); } .top-menu .top_link:hover { background-color: var(--themewhite); color: var(--themecolor4); } .home_logo a { position: relative; z-index: 9; display: inline-flex; align-items: center; } .home_logo div { font-size: 26px; color: #022344; font-family: 'Exo'; margin-left: 81px; margin-top: -4px; font-weight: 700; } .home_logo span { display: block; color: #ff5722; font-size: 18px; margin-left: 3px; margin-top: -6px; font-family: 'Exo'; font-weight: 700; } .home_logo { padding: 2px 22px; position: relative; z-index: 0; } p.goup_top { position: absolute; color: #ffffff; font-size: 13px; width: 25%; line-height: 29px; margin-left: 20px; } .Logo_sec { background: var(--themewhite); height: 100px; } .svg_head { top: -53px; position: absolute; height: 0px; left: 123px; } .Logo_sec:before { content: ''; background: var(--themecolor2); left: 101px; position: absolute; top: -85px; width: 50px; height: 76px; } span.logo_bg { background: #ff5722; width: 197px; height: 107px; position: absolute; top: 0px; left: -3px; clip-path: polygon(0% 0%, 0% 0%, 66% 0%, 100% 100%, 50% 100%, 0% 100%, 0% 0%); } .home_logo img { width: 92px; /* margin-top: -1px; */ /* filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(103%) contrast(103%); */ } .other_site { position: absolute; right: 15px; top: 48px; } .Up_logo img { width: 70px; } img.Mahakumbh_logo { width: 72px; margin-right: 6px; margin-left: 3px; } img.kta_logo { margin-left: -12px; width: 78px; } section.slider_sec { position: relative; z-index: 0; } .owl-1_sliderbutton a { color: #5d9cdb; } #owlplay-1 .fa { color: var(--themecolor4); } .owl-1_sliderbutton { position: relative; margin-top: -36px; z-index: 9; margin-left: 11px; float: left; } #slider1 button.owl-prev { left: 0px; position: absolute; top: 45%; color: var(--themewhite); font-size: 38px; font-family: 'FontAwesome'; margin: 19px; line-height: 3px; padding: 0px 7px !important; background: var(--themecolor1); height: 39px; width: 40px; border-radius: 10px; } #slider1 button.owl-next { right: 0; position: absolute; top: 45%; color: var(--themewhite); font-size: 38px; font-family: 'FontAwesome'; margin: 19px; line-height: 0; padding: 0px 7px !important; background: var(--themecolor1); height: 35px; width: 35px; border-radius: 10px; } #slider1 button.owl-next span { margin-left: -7px; top: 18px; position: absolute; font-size: 25px; } #slider1 button.owl-prev span { margin-left: -9px; top: 18px; position: absolute; font-size: 25px; } #slider1 button.owl-prev:hover, #slider1 button.owl-next:hover { background: #ff741b; } #slider1 .owl-dots { margin-top: -39px; padding-top: 2px; padding-left: 21px; padding-bottom: 25px; border-radius: 0 4px 0 0; z-index: 0; height: 25px; width: auto; float: left; position: relative; border: 1px solid #40404045; background: rgb(52 52 52 / 40%); padding-right: 11px; } .cm_key { position: absolute; top: 6px; left: 9px; z-index: 9; } .cm_key_bx { display: block; overflow: hidden; position: absolute; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 135px; height: 130px; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); padding: 20px; padding-top: 15px; } .cm_key_bx_1 { position: relative; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 141px; padding: 3px; height: 136px; background: var(--themecolor4); } .cm_key_bx img { width: 100%; transition: all 600ms ease; } .cm_key:hover .cm_key_bx img { transition: all 600ms ease; transform: scale(1.15); } .cm_key_cntnt { background: #00000075; padding: 5px 8px; padding-left: 35px; margin-top: -95px; margin-left: 104px; margin-right: 0; border-radius: 4px; } .cm_key_cntnt h5 { font-family: 'Exo'; font-weight: 600; text-align: center; color: #fff; font-size: 16px; transition: 0.2s ease-in-out; margin-top: 1px; margin-bottom: 0; } .cm_key_cntnt p { font-size: 13px; font-family: 'Exo'; text-align: center; font-weight: 500; line-height: 15px; color: #fff; margin-top: 3px; margin-bottom: 0px; } .mnstr_key { position: absolute; z-index: 9; top: 7px; right: 10px; } .mnstr_key_bx { display: block; overflow: hidden; position: absolute; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 130px; height: 125px; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); padding: 20px; padding-top: 15px; } .mnstr_key_bx_1 { position: relative; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 136px; padding: 3px; height: 131px; background: var(--themecolor); float: right; } .mnstr_key_bx img { width: 100%; transition: all 600ms ease; } .mnstr_key:hover .mnstr_key_bx img { transition: all 600ms ease; transform: scale(1.15); } .mnstr_key_cntnt { background: #00000075; padding: 5px 8px; padding-right: 31px; margin-top: 37px; margin-left: auto; margin-right: 105px; border-radius: 4px; } .mnstr_key_cntnt h5 { font-family: 'Exo'; font-weight: 600; text-align: center; color: #fff; font-size: 14px; transition: 0.2s ease-in-out; margin-top: 1px; margin-bottom: 0; } .mnstr_key_cntnt p { font-size: 12px; font-family: 'Exo'; text-align: center; font-weight: 600; line-height: 13px; color: #fff; margin-top: 3px; margin-bottom: 0px; } .Smnstr_key { position: absolute; z-index: 9; bottom: 50px; right: 10px; } .Smnstr_key_bx { display: block; overflow: hidden; position: absolute; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 125px; height: 120px; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); padding: 20px; padding-top: 15px; } .Smnstr_key_bx_1 { position: relative; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 131px; padding: 3px; height: 126px; background: var(--themecolor1); float: right; } .Smnstr_key_bx img { width: 100%; transition: all 600ms ease; } .Smnstr_key:hover .Smnstr_key_bx img { transition: all 600ms ease; transform: scale(1.15); } .Smnstr_key_cntnt { background: #00000075; padding: 5px 8px; padding-right: 31px; margin-top: 37px; margin-left: auto; margin-right: 105px; border-radius: 4px; } .Smnstr_key_cntnt h5 { font-family: 'Exo'; font-weight: 600; text-align: center; color: #fff; font-size: 14px; transition: 0.2s ease-in-out; margin-top: 1px; margin-bottom: 0; } .Smnstr_key_cntnt p { font-size: 12px; font-family: 'Exo'; text-align: center; font-weight: 600; line-height: 13px; color: #fff; margin-top: 3px; margin-bottom: 0px; } section.news_sec { position: relative; padding: 20px 0; background-image: url(../images/News_bg.png); background-repeat: repeat; background-position: center center; background-attachment: fixed; background-color: transparent; } .key_funsnry_sec { width: fit-content; } .snd_key { position: relative; margin: 10px; width: 335px; } .snd_key_bx_1 { position: relative; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 131px; padding: 3px; height: 126px; background-image: -webkit-linear-gradient(90deg, rgb(255 129 48) 0%, rgb(253 144 74) 100%); z-index: 9; } .snd_key_bx { display: block; overflow: hidden; position: absolute; clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%); width: 120px; height: 120px; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); padding: 10px; padding-top: 15px; } .snd_key_bx img { width: 100%; height: 100%; transition: 0.8s ease-in-out } .snd_key_cntnt { background-image: -webkit-linear-gradient(90deg, rgb(245 245 245) 0%, rgb(243 243 243) 100%); padding: 5px 8px; width: 230px; height: 75px; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: 0; overflow: hidden; color: #000; position: absolute; top: 28px; border: 1px solid #e7e7e7; left: 101px; padding-left: 29px; z-index: 0; border-radius: 5px; transition: 0.5s ease-in-out; box-shadow: 0px 7px 15px #E6EDF4; } .snd_key_cntnt:before { z-index: 0; content: ''; position: absolute; background-image: -webkit-linear-gradient(90deg, rgb(255 129 48) 0%, rgb(253 144 74) 100%); height: 150px; width: 100%; right: -300px; border-radius: 5px; transition: 0.8s ease-in-out; } .snd_key_cntnt h5 { font-family: 'Exo'; font-weight: 600; text-align: center; font-size: 14px; transition: 0.2s ease-in-out; margin-top: 1px; margin-bottom: 0; z-index: 2; position: relative; } .snd_key_cntnt p { font-size: 12px; font-family: 'Exo'; text-align: center; font-weight: 600; line-height: 14px; margin-top: 3px; margin-bottom: 0px; z-index: 2; position: relative; } .snd_key:hover .snd_key_cntnt:before { right: 0px; transition: 0.8s ease-in-out } .snd_key:hover .snd_key_cntnt { transition: 0.5s ease-in-out; color: #fff; } .snd_key:hover .snd_key_bx img { transition: 0.8s ease-in-out; transform: scale(1.1); } .snd_key.even { height: 127px; margin-top: -26px; margin-bottom: -26px; } .snd_key.even .snd_key_bx_1 { float: right; } .snd_key.even .snd_key_cntnt { padding-left: 8px; left: 17px; padding-right: 32px; } .snd_key.even .snd_key_cntnt:before { left: -300px; right: auto; } .snd_key.even:hover .snd_key_cntnt:before { left: 0px; right: auto; } .home_video { border: 3px solid #e3e3e3; border-radius: 40px 6px; overflow: hidden; position: relative; margin-left: -5%; width: 95%; margin-right: 5%; } .home_video.gallery_imgbox a { border: none; border-radius: 0; box-shadow: none; } .home_video iframe { margin-bottom: -7px; } iframe button { display: none !important; } .news_top { padding: 5px 15px; position: relative; z-index: 2; background-color: #022344; } .news_scroll { width: 100%; } .news_bg { position: relative; z-index: 0; } svg.svgnews_lft { height: 60px; width: 265px; position: absolute; left: -141px; top: 5px; } svg.svgnews_rgt { height: 60px; width: 265px; position: absolute; right: -145px; top: 5px; } svg.svgnews_lft path, svg.svgnews_rgt path { fill: #022344; } .news_bg h5 { padding: 10px 0; color: #ffffff; font-size: 20px; font-weight: 600; font-family: 'Titillium'; position: relative; z-index: 1; margin-bottom: 0; } .ticker-box { position: absolute; right: 20px; top: 9px; z-index: 1; } .ticker-box a { float: right; padding-left: 5px; } .ticker_size img { width: 16px; } li.single_li { min-width: 1800px; } .btnToggle { background-color: #fff; color: #ff6f1c; border-radius: 50%; height: 24px; text-align: center; font-size: 9px; line-height: 25px; width: 24px; text-decoration: none; margin-top: 5px; transition: all 0.5s; } .btnToggle::before { content: "\f04b"; font-family: 'FontAwesome'; text-decoration: none; font-size: 14px; margin-left: -4px; } .et-run { background: #fbfbfb; color: #272727 !important; border-radius: 50%; height: 24px; line-height: 25px; text-decoration: none; width: 24px; margin-top: 5px; transition: all 0.5s; } .et-run::before { content: "\f04c"; text-decoration: none; font-size: 12px; margin-left: -5px; } a.btnUp .fa, .btnall .fa { font-size: 15px; color: #101010; padding: 5px; background: #ffffff; font-weight: 400; border-radius: 50%; width: 24px; height: 24px; transition: all 0.5s; } a.btnUp, a.btnDown, .btnall { margin-top: 5px; } a.btnDown .fa { font-size: 15px; color: #141414; padding: 5px; background: #ffffff; font-weight: 400; border-radius: 50%; width: 24px; height: 24px; transition: all 0.5s; } a.btnUp:hover .fa, a.btnDown:hover .fa, a.btnToggle.et-run:hover, .btnall:hover .fa { color: #ff6f1c !important; background: #fff; } .news_card { position: relative; display: block; /* box-shadow: -1px -1px 3px 0px #0000003b; */ width: 97.5%; margin-top: 1% !important; margin-left: 1% !important; border-radius: 5px; cursor: pointer; transition: box-shadow 0.2s ease, transform 0.2s ease; margin-bottom: 10px !important; z-index: 0; } .demof ul { width: 100%; padding: 0; margin-top: -15px; } .demo5.demof { margin-top: 0px; min-height: 400px; max-height: 400px; } .news_innerbox { background-color: #f9f9f9; border: 2px solid #ededed; transition: background-color .15s ease-out; position: relative; display: inline-block; width: 100%; border-radius: 5px 15px 5px 5px; box-sizing: border-box; padding: 5px 8px; } .clnder_box { min-width: 141px; color: #ffffff; font-weight: 800; display: inline-block; padding: 3px 30px 20px 20px; -webkit-clip-path: path("M101.464 0C112.742 0 122.398 9.64074 124.384 22.8834L124.583 24.2065L124.687 24.2765L130 60C127.407 50.3414 119.841 43.5887 111.134 43.5887L98.7621 43.5796V43.5658H33.021C1.7437 43.5658 5.08731 33.9248 3.10161 20.6824L0 0.000250373L101.464 0Z"); clip-path: path("M101.464 0C112.742 0 122.398 9.64074 124.384 22.8834L124.583 24.2065L124.687 24.2765L130 60C127.407 50.3414 119.841 43.5887 111.134 43.5887L98.7621 43.5796V43.5658H33.021C1.7437 43.5658 5.08731 33.9248 3.10161 20.6824L0 0.000250373L101.464 0Z"); background: #FF5722; font-size: 14px; z-index: 2; position: absolute; top: -12px; right: -41px; transform: scale(.6); } .context_area .gallery_imgbox a:hover img, .home_video.gallery_imgbox a:hover img { filter: brightness(0.4); } .news_card:after { content: ''; position: absolute; height: 36px; width: 31px; background: #e56513; right: -3px; border-radius: 30px 25px 30px 30px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 14px; z-index: -1; } .clnder_box p { display: inline-block; font-size: 25px; width: 28px; margin-top: -3px; font-weight: 700; text-align: left; margin-left: 5px; font-family: 'Exo'; margin-bottom: 0px; z-index: 2; position: relative; } .clnder_box span { margin-left: 0; font-family: 'Titillium'; font-size: 25px; z-index: 2; position: relative; } .ticker_size { position: absolute; right: 0; text-align: left; margin-bottom: 1px; margin-right: 5px; bottom: 0; } span.news_date { float: right; margin-top: -19px; font-family: 'Itim'; font-size: 13px; } .ticker_size span { font-size: 12px; font-family: 'Exo'; color: var(--themeblack); } .news_textbox { color: #000; font-family: 'Poppins'; font-size: 13px; margin-left: 2px !important; font-weight: 500; text-decoration: none; display: -webkit-box; max-width: calc(100% - 65px); overflow: hidden; height: 36px; margin: 0 auto; margin-bottom: 23px; line-height: 18px; margin-top: 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .news_textbox:hover { color: #222222; } .news_all { clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 50% 162%, 0% 0%, 0% 0%); background: var(--themecolor); padding: 5px 15px; padding-left: 35px; text-decoration: none; color: #fff; font-size: 15px; font-weight: 500; position: absolute; right: -1px; margin-top: 0px; z-index: 9; transition: 0.5s ease-in-out; } .news_all:hover { background-color: var(--themecolor2); transition: 0.5s ease-in-out; } .news_card:hover .news_innerbox { transition: 0.5s ease-in-out; border-color: var(--themecolor4); } .news_card:hover .clnder_box:after { opacity: 1; transition: 0.5s ease-in-out; } .video_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } .home_video.gallery_imgbox a { border: none; } .vbtn_bg { position: relative; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: var(--themewhite); background-color: var(--themecolor1); border: 0px solid var(--themeblack); border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index: 9; } .vbtn_bg:hover { background-color: #efb200; color: var(--themegray); } .vbtn_bg .vbtn_bg_1, .vbtn_bg .vbtn_bg_1:before, .vbtn_bg .vbtn_bg_1:after { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 0 0 0 #ffc827ad; -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .vbtn_bg .vbtn_bg_1:before { position: absolute; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; } .vbtn_bg .vbtn_bg_1:after { position: absolute; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; } .home_heading { font-family: 'Exo'; color: #022344; font-size: 30px; text-align: l; font-weight: 600; margin-bottom: 25px; margin-top: 25px; } .home_heading span { color: var(--themecolor4); } .ourprogram_sec { position: relative; padding: 20px 0; z-index: 0; background-image: linear-gradient(180deg, #FFFFFF 0%, #D1F2DEA1 100%); } .ourprogram_sec::before { content: ''; background-image: url(../../MediaGallery/UI_Image/program_bg.png); background-position: center center; background-repeat: no-repeat; opacity: 0.05; position: absolute; background-attachment: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .program_card { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 12px 0 rgba(0, 0, 0, .1); border-radius: 30px 30px 30px 30px; background-color: var(--themewhite); transition: all .4s ease; overflow: hidden; margin: 30px 25px; margin-top: 10px; display: block; } .program_img { position: relative; mask: url('data:image/svg+xml;utf8,'); mask: url('data:image/svg+xml;utf8,'); mask-size: cover; mask-position: center center; mask-repeat: no-repeat; transition: all .4s ease; position: relative; overflow: hidden; } .program_img img { width: 100%; height: auto; aspect-ratio: 1.08 / 1; object-fit: cover; transition: all 0.5s ease-out; } .program_img:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } .program_card:hover .program_img:after { height: 250%; transition: all 600ms linear; background-color: transparent; } .program_card:hover .program_img img { transform: scale(1.1); transition: all 0.6s ease-out; } .program_dtls { position: relative; padding: 17px 20px; padding-bottom: 20px; } .program_dtls h6 { font-family: 'Rajdhani-Bold'; font-size: 17px; font-weight: 700; color: var(--themeblack); margin-bottom: 15px; width: calc(100% - 42px); line-height: 20px; display: flex; height: 43px; overflow: hidden; transition: all 0.3s ease-out; align-items: center; } .program_dtls p { font-size: 13px; font-family: 'Exo'; line-height: 17px; color: #5e5e5e; font-weight: 600; text-decoration: none; max-width: 100%; display: -webkit-box; overflow: hidden; height: 51px; margin: 0 auto; margin-bottom: 2px; margin-top: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .home_policy .program_img { mask: none; margin-top: -130px; mask-size: cover; mask-position: center center; mask-repeat: no-repeat; } .home_policy .program_dtls h6 { margin-bottom: 0; height: 100%; justify-content: center; width: 100%; } .home_policy a.program_card { margin: 15px 0; border-radius: 10px; } .home_policy .program_dtls { position: relative; padding: 10px 20px; } .portal_cards.row .Portals_card .Portal_item_btn { top: 5px; right: 5px; } .Portal_item_content { min-width: 100px !important } .portal_cards.row .Portals_card .Portal_item { position: relative; border-radius: 6px; padding: 5px 10px; background: #ffeac3; display: flex; justify-content: flex-start; } .portal_cards.row .Portal_icon { margin-top: 0; width: 50px; height: 50px; text-align: center; margin-right: 15px; } .portal_cards.row .Portal_icon img { width: 35px; height: 32px; } .portal_cards.row .Portals_card { margin-bottom: 25px; } .portal_cards.row .Portal_item { margin-top: 35px; } .portal_cards.row .Portal_item_btn .fa { color: #ffdd9e; } .portal_cards.row { margin-top: -12px !important; } .portal_cards.row .Portals_card .Portal_item:hover .Portal_item_btn .fa { color: var(--themecolor4); } .portal_cards.row .Portal_item_btn .fa { width: 25px; height: 25px; font-size: 15px; } .arrow_btn { background-color: var(--themecolor); border-radius: 12px; position: absolute; top: 15px; right: 11px; width: 38px; height: 38px; line-height: 38px; overflow: hidden; display: block; z-index: 0; color: var(--themewhite); font-size: 21px; text-align: center; } .arrow_btn::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--themecolor4); border-radius: 10px; transform: translate(-100%, 100%); transition: all 0.3s ease-out; z-index: -1; } .program_card:hover .arrow_btn:before { transform: translate(0); } .program_card:hover .program_dtls h6 { color: var(--themecolor); transition: all 0.3s ease-out; } .bulb_prgrm img { opacity: 0.25; width: 240px; top: -70px; right: -23px; position: absolute; } #ProgramCategory { position: relative; } #ProgramCategory .owl-nav button.owl-prev { position: absolute; top: 50%; left: -20px; } #ProgramCategory .owl-nav button.owl-next { position: absolute; top: 50%; right: -20px; z-index: 9; } #ProgramCategory .owl-nav button.owl-prev span, #ProgramCategory .owl-nav button.owl-next span { color: #fff; font-size: 35px; line-height: 47px; transition: 0.5s; background-color: var(--themecolor4); font-family: 'Laila'; height: 40px; width: 40px; display: block; border-radius: 15px; } #ProgramCategory .owl-nav button.owl-prev:hover span, #ProgramCategory .owl-nav button.owl-next:hover span { color: var(--themewhite); } #ProgramCategory .owl-nav button.owl-prev:hover, #ProgramCategory .owl-nav button.owl-next:hover { background-color: transparent; } #ProgramCategory .owl-nav button.owl-prev:hover span, #ProgramCategory .owl-nav button.owl-next:hover span { background-color: var(--themecolor); } .ourprogram_sec .owl-nav button.owl-next span { margin-right: -25px; } .ourprogram_sec .owl-nav button.owl-prev span { margin-left: -25px; } .ourprogram_sec .owl-nav button.owl-next { transform: translateY(-50%) translateX(-30px); cursor: pointer; opacity: 0; transition: all 0.5s; visibility: hidden; } .ourprogram_sec:hover .owl-nav button.owl-next { -webkit-transform: translateY(-50%) translateX(0px); -ms-transform: translateY(-50%) translateX(0px); transform: translateY(-50%) translateX(0px); opacity: 1; transition: all 0.5s; visibility: visible; } .ourprogram_sec .owl-nav button.owl-prev { transform: translateY(-50%) translateX(30px); cursor: pointer; opacity: 0; transition: all 0.5s; visibility: hidden; } .ourprogram_sec:hover .owl-nav button.owl-prev { -webkit-transform: translateY(-50%) translateX(0px); -ms-transform: translateY(-50%) translateX(0px); transform: translateY(-50%) translateX(0px); opacity: 1; transition: all 0.5s; visibility: visible; } .portal_sec { position: relative; padding: 40px 0; background-image: url(../../MediaGallery/UI_Image/portal_bg.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } .Portal_progress_box { position: absolute; right: calc(10% - 70px); top: 20px; width: 70px; height: calc(100% - 20px); border-radius: 35px; background-image: linear-gradient(180deg, rgb(255 255 255 / 48%) 0%, rgb(255 255 255 / 38%) 100%); padding: 72px 14px; } .Portal_progress { position: relative; z-index: 2; width: 100%; height: 100%; border-radius: 21px; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--themecolor4) 93%); background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) -50%, var(--themecolor4) 100%); background-repeat: no-repeat; background-size: 100% 0; transition: background-size 0.4s ease-in-out; } .Portal_progress .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .Portal_slider { position: relative; } .Portal_slider .slick-arrow { width: 50px; height: 50px; background-color: var(--themecolor1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 35px; border: 1px solid #d9a305; color: var(--themewhite); position: absolute; right: calc(10% - 92px); top: 11px; z-index: 2; transform: rotate(90deg); transition: all 500ms ease; } .Portal_slider .slick-arrow:hover { background-color: var(--themewhite); color: var(--themecolor1); border-color: var(--themewhite); } .Portal_slider .slick-arrow.next { top: auto; bottom: -7px; } .Portal_box { padding: 20px 40px; position: relative; } .Portal_item { position: relative; background-color: rgba(255, 255, 255, 0.15); border-radius: 6px; padding: 39px 40px 35px; display: flex; width: 90%; height: 135px; align-items: center; justify-content: space-between; overflow: hidden; margin-top: 18px; transition: all 500ms ease; } .Portal_item_content { position: relative; z-index: 1; min-width: 400px; } .Portal_item__meta { color: #fff; font-size: 16px; font-weight: 600; text-transform: capitalize; margin: 0 0 6px; display: inline-block; background-color: var(--themecolor); border-radius: 6px; padding: 0px 14px; line-height: 32px; transition: all 400ms ease; } .Portal_item_title { font-size: 24px; font-weight: 700; margin: 0; font-family: 'Exo'; text-transform: capitalize; transition: all 500ms ease; color: #fff; } .Portal_item_text { position: relative; z-index: 1; font-size: 13px; line-height: 17px; width: 400px; font-weight: 600; color: #fff; text-align: justify; opacity: 0.6; transition: all 500ms ease; margin: 0; margin-right: auto; display: -webkit-box; overflow: hidden; height: 51px; margin: 0 auto; margin-bottom: 2px; margin-top: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .Portal_item_btn { margin-left: 10px; } .Portal_item_btn { position: relative; z-index: 1; } .Portal_item_btn .fa { width: 30px; height: 30px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; transition: all 500ms ease; color: var(--themecolor4); } .Portal_icon { width: 100px; height: 100px; text-align: center; background: #002927; margin-right: 35px; display: flex; transition: all 500ms ease; border-radius: 50px; justify-content: center; align-items: center; } .Portal_icon img { width: 60px; } .Portal_slider .slick-active { opacity: 1; visibility: visible; transform: scale(1) rotate(0deg); } .Portal_slider .slick-current.slick-active.slick-center .Portal_item_text { opacity: 0.8; transition: all 500ms ease; } .Portal_slider .slick-current.slick-active.slick-center .Portal_item { background-color: var(--themewhite); transition: all 500ms ease; } .Portal_slider .slick-current.slick-active.slick-center .Portal_item_title, .Portal_slider .slick-current.slick-active.slick-center .Portal_item_text { color: #176864; transition: all 500ms ease; } .Portal_slider .slick-current.slick-active.slick-center .Portal_icon { background: #fff; transition: all 500ms ease; } .Portal_slider .slick-current.slick-active.slick-center .Portal_item_btn .fa { color: #fff; background-color: var(--themecolor4); transform: rotate(-45deg); transition: all 500ms ease; } .Portal_slider .slick-current { opacity: 1; visibility: visible; transform: scale(1) rotate(0deg); } .Portal_slider .slick-current.slick-current.slick-center .Portal_item_text { opacity: 0.8; transition: all 500ms ease; } .Portal_slider .slick-current.slick-current.slick-center .Portal_item { background-color: var(--themewhite); transition: all 500ms ease; } .Portal_slider .slick-current.slick-current.slick-center .Portal_item_title, .Portal_slider .slick-current.slick-current.slick-center .Portal_item_text { color: #176864; transition: all 500ms ease; } .Portal_slider .slick-current.slick-current.slick-center .Portal_icon { background: #fff; transition: all 500ms ease; } .Portal_slider .slick-current.slick-current.slick-center .Portal_item_btn .fa { color: #fff; background-color: var(--themecolor4); transform: rotate(-45deg); transition: all 500ms ease; } a.View_all { text-align: right; display: block; margin-top: 10px; text-decoration: none; margin-bottom: -30px; font-family: 'Exo'; transition: 0.3s; color: var(--themewhite); font-weight: 700; } a.View_all:hover { letter-spacing: 1px; transition: 0.3s; color: var(--themecolor1); } .tollfree_sec { position: relative; padding-top: 30px; padding-bottom: 50px; background-image: url(../../MediaGallery/UI_Image/tollfree_bg.html); background-image: url(../../MediaGallery/UI_Image/implink_bg.png); background-color: #f6f6f6; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; z-index: 0; } .tollfree_no { position: relative; z-index: 0; width: 500px; height: 80px; margin-top: 15px; margin-bottom: 25px; } .tollfree_no:before { content: ''; position: absolute; background: #0d2d2f; background: #614a89; background: linear-gradient(135deg, #305a5c 0%, #008189 100%); background: linear-gradient(135deg, #083d66 0%, #003e60 100%); z-index: -1; left: 0; width: 500px; height: 80px; transform: skew(337deg); border-radius: 5px 5px 50px 50px; } .tollfree_no .phone_icon { background: var(--themecolor4); padding: 15px; width: 100px; position: absolute; transition: .7s ease-in-out; top: -20px; left: -20px; border-radius: 50px; } .phone_icon img { width: 70px; } .phone_icon svg { fill: #fff; width: 60px; margin-left: -60px; margin-top: 1px; z-index: 4; position: absolute; } .tollfree_no h6 { width: fit-content; padding: 3px 20px; font-size: 19px; position: relative; float: right; margin-top: -26px; color: #fff; z-index: -2; font-family: 'Rajdhani-Bold'; } .tollfree_no h6:before { content: ''; position: absolute; background: var(--themecolor4); width: 100%; height: 100%; top: -2px; left: -2px; border-radius: 7px 15px 2px 2px; transform: skew(337deg); z-index: -1; } .tollfree_no h1 { color: #fff; font-family: 'Rajdhani-Bold'; font-size: 40px; padding: 16px 10px; text-align: center; } p.toll_dtls { margin-top: -13px; font-size: 13px; font-family: 'Exo'; font-weight: 500; background: var(--themecolor4); width: fit-content; color: #ffffff; z-index: -2; padding: 2px 19px; bottom: -38px; left: 70px; padding-top: 20px; border-radius: 25px; position: absolute; } .tollfree_no.grnn .phone_icon, .tollfree_no.grnn h6:before, .tollfree_no.grnn p.toll_dtls { background: var(--themecolor); } .tollfree_no:hover .phone_icon svg path:nth-child(1) { animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1); } .tollfree_no:hover .phone_icon svg path:nth-child(2) { animation: header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1); } .implink_sec { position: relative; padding: 40px 0; background-image: url(../../MediaGallery/UI_Image/implink_bg.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } .implink_card { background: transparent; box-shadow: none; border: 0; padding: 10px; display: flex; align-items: center; transition: 0.4s; text-align: center; border-radius: 10px; margin-bottom: 25px; } .implink_box_1 { margin-right: 5%; } .implink_box_3 { margin-left: 5%; } .implink_icon { position: relative; margin-right: 20px; } .implink_icon span { background-color: #fff; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 3px solid #0a9642; position: relative; z-index: 1; } .implink_icon span:before { transition: .7s ease-in-out; transform: rotate(100deg); width: 76px; height: 76px; position: absolute; background-color: #fff; content: ""; border-radius: 64%; z-index: -15; border: 6px solid #0a9642; -webkit-clip-path: inset(50% 0 0 50%); clip-path: inset(50% 0 0 50%); } .implink_icon img { filter: none; transition: 0.4s ease-in-out; max-width: 100%; height: auto; } .implink_content { width: 400px; padding: 5px 10px; margin-right: -37px; padding-right: 50px; transition: .7s ease-in-out; } .implink_content h3 { font-size: 17px; font-family: 'Exo'; height: 50px; margin-bottom: 0; transition: .7s ease-in-out; margin-right: 20px; color: #00401a; font-weight: 600; display: flex; justify-content: center; align-items: center; } .implink_box { display: flex; justify-content: center; align-items: center; } .implink_box_3 .implink_content { margin-right: 0; margin-left: -40px; padding-left: 30px; } .implink_icon img { width: 40px; } .implink_card:hover .implink_icon span:before { transform: rotate(466deg); transition: .7s ease-in-out; } .implink_card:hover .implink_content { box-shadow: 0px 10px 30px 0px rgb(171 171 171 / 45%); transition: .7s ease-in-out; } .implink_card:hover .implink_content h3 { transition: .7s ease-in-out; color: var(--themecolor4); } .implink_box_2 img { width: 240px; } .event_sec { position: relative; padding: 20px 0; background-image: url(../../MediaGallery/UI_Image/Event_bg.png); background-repeat: no-repeat; background-position: 100%; /* padding-bottom: 120px; */ background-attachment: fixed; } .infra_gallery > a { display: flex; justify-content: center; align-items: center; font-size: 2em; transition: all .25s; transition: all 0.5s ease-in-out; } .infra_gallery > a > img { overflow: hidden; position: relative; } .infra_gallery { display: grid; grid-gap: 10px !important; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-auto-rows: 250px; grid-auto-flow: dense; grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); margin-bottom: 50px; } .infra_gallery .horizontal { grid-column: span 2; } .infra_gallery .vertical { grid-row: span 2; } .infra_gallery .big { grid-column: span 2; grid-row: span 2; } .gallery_imgbox a { position: relative; cursor: none; display: flex; overflow: hidden; -webkit-transition: 800ms ease; -o-transition: 800ms ease; transition: 800ms ease; border-radius: 10px; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 19%); } .gallery_imgbox img { position: relative; } .gallery_imgbox img { height: 100%; width: 100%; -webkit-transition: 800ms ease; -o-transition: 800ms ease; transition: 800ms ease; -webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height; -o-transition-property: color, background, mix-blend-mode, opacity, visibility, height; transition-property: color, background, mix-blend-mode, opacity, visibility, height; opacity: 1; } /* .gallery_imgbox a:hover img { filter: brightness(0.4); } */ .hover-plus { display: none; position: absolute; pointer-events: none; background: transparent; width: 40px; height: 40px; mix-blend-mode: difference; z-index: 2; -webkit-transition: 300ms ease; -o-transition: 300ms ease; transition: 300ms ease; -webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height; -o-transition-property: color, background, mix-blend-mode, opacity, visibility, height; transition-property: color, background, mix-blend-mode, opacity, visibility, height; } .hover-plus:before, .hover-plus:after { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 3px; background: #fff; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); opacity: 0; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .hover-plus svg { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); fill: #fff; width: 35px; } .hover-plus.videos:before, .hover-plus.videos:after { display: none; } a:hover .hover-plus:before, a:hover .hover-plus:after, a:hover .hover-plus svg { opacity: 1; z-index: 999; cursor: none; } a:hover > .hover-plus:before { -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1); -ms-transform: translate(-50%, -50%) rotate(180deg) scale(1); transform: translate(-50%, -50%) rotate(180deg) scale(1); } a:hover > .hover-plus:after { -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1); -ms-transform: translate(-50%, -50%) rotate(90deg) scale(1); transform: translate(-50%, -50%) rotate(90deg) scale(1); } .portfolio-item-style3 .img a { cursor: none; } .gallery_imgbox a:hover .imgcontent { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .gallery_imgbox a .imgcontent { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 25px; color: #fff; -webkit-transition: all 600ms ease-out; -o-transition: all 600ms ease-out; transition: all 600ms ease-out; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); pointer-events: none; } .imgcontent p { font-size: 12px; opacity: .8; margin-bottom: 5px; } .imgcontent h6 { margin: 0; font-size: 16px; } .infra_gallery .img_card { -webkit-perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); visibility: visible; backface-visibility: hidden } .infra_gallery .img_card { -webkit-perspective: 540px; perspective: 540px } .in-top .img_overlayer { -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: in-top 500ms ease 0ms 1 forwards; animation: in-top 500ms ease 0ms 1 forwards } .in-right .img_overlayer { -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: in-right 500ms ease 0ms 1 forwards; animation: in-right 500ms ease 0ms 1 forwards } .in-bottom .img_overlayer { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: in-bottom 500ms ease 0ms 1 forwards; animation: in-bottom 500ms ease 0ms 1 forwards } .in-left .img_overlayer { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: in-left 500ms ease 0ms 1 forwards; animation: in-left 500ms ease 0ms 1 forwards } .out-top .img_overlayer { -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: out-top 500ms ease 0ms 1 forwards; animation: out-top 500ms ease 0ms 1 forwards } .out-right .img_overlayer { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: out-right 500ms ease 0ms 1 forwards; animation: out-right 500ms ease 0ms 1 forwards } .out-bottom .img_overlayer { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: out-bottom 500ms ease 0ms 1 forwards; animation: out-bottom 500ms ease 0ms 1 forwards } .out-left .img_overlayer { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: out-left 500ms ease 0ms 1 forwards; animation: out-left 500ms ease 0ms 1 forwards } .img_overlayer { position: absolute; inset: -1px; -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgb(255 171 23 / 40%); background-color: rgb(255 116 27 / 26%); pointer-events: none; border-radius: inherit; z-index: -1; -webkit-transition: z-index 1s ease-in-out; transition: z-index 1s ease-in-out; } .img_card:hover .img_overlayer { z-index: 0; -webkit-transition: z-index 0.5s ease-in-out; transition: z-index 0.5s ease-in-out; } .twocrd_sec { position: relative; padding: 40px 0; background-image: url(../../MediaGallery/UI_Image/News_bg.png); background-repeat: repeat; background-position: center center; background-attachment: fixed; } .crd_box { position: relative; display: block; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px; padding: 25px; border-radius: 10px; background: linear-gradient(180deg, #FFFFFF 0%, #f3dea2a1 100%); height: 100%; transition: .3s ease-in-out; } .crd_box:hover { transform: scale(1.03); transition: .3s ease-in-out; } /* .crd_box.org{ background-color: #fdd1b6; }*/ img.suryoday_logo { width: 250px; } .crd_box h4 { color: var(--themecolor); font-family: 'Rajdhani-Bold'; font-size: 24px; line-height: 22px; text-align: left; margin-bottom: 0; margin-left: 22px; } .resims_logo { display: flex; align-items: center; margin-bottom: 18px; } .crd_box p.crd_sub { color: var(--themecolor); font-family: 'Titillium'; font-size: 15px; font-weight: 700; text-align: center; } img.crd_img { width: 200px; float: right; margin-left: 20px; margin-bottom: 20px; margin-top: -30px; } img.crd_img1 { width: 200px; float: left; margin-right: 20px; margin-bottom: 0px; margin-top: -30px; } .crd_box p { text-align: justify; margin-top: 10px; font-size: 15px; margin-bottom: 45px; font-weight: 500; font-family: 'Exo'; } .main_btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; background: linear-gradient(90deg, #ff741b, #ff5722 92.82%); color: #ffffff !important; font-family: 'Exo'; font-size: 14px; font-weight: 700; line-height: 17px; padding: 13px 20px; min-width: 160px; cursor: pointer; border-radius: 8px; } .main_btn:before { top: 0; border: 0 solid; transform: rotate(1turn); width: 0; height: 0; content: ""; position: absolute; transition: .7s ease; z-index: -1; left: 0; right: auto; bottom: auto; border-color: #022344 transparent transparent transparent; } .main_btn:hover:before { border-width: 80px 80px; } a.main_btn.lrg_btn { animation: blink 2s infinite; min-width: 400px; height: 40px; font-size: 17px; line-height: 28px; } a.main_btn.lrg_btn:hover:before { border-width: 160px 200px; } a.palystore_btn img { width: 25px; } .crd_box a.main_btn { position: absolute; bottom: 20px; left: 20px; } a.palystore_btn { padding: 5px; display: inline-block; width: 35px; height: 35px; box-shadow: rgb(255 227 146) 0px 0px 2px 0px; border: 1px solid #e9e9e9; background-color: var(--themewhite); border-radius: 10px; } a.appstore_btn { display: inline-block; width: 37px; border-radius: 20px; margin-left: 10px; height: 37px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 0px; } a.appstore_btn img { width: 40px; margin-left: -2px; margin-top: -2px; } .apk_btn { display: flex; align-items: center; position: absolute; right: 20px; bottom: 20px; } .apk_btn p { margin-bottom: 0; margin-right: 10px; font-weight: 700; font-family: 'Exo'; } .extrnal_sec { position: relative; background-color: #fbf6ea; padding-top: 4%; padding-bottom: 4%; } .extrnal_bg { width: 92%; margin-left: 4%; position: relative; padding: 30px 20px; background-image: url(../../MediaGallery/UI_Image/News_bg.png); background-repeat: repeat; background-position: center center; background-attachment: fixed; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px; border-radius: 10px; background-color: var(--themewhite); padding-bottom: 5px; z-index: 9; } .slideritem { display: flex; align-items: center; justify-content: center; height: 80px; margin: 0 25px; } img.height_65 { height: 65px; } .height_80 { height: 80px; } .height_60 { height: 60px; } #Importantlinks { position: relative; } #Importantlinks .owl-nav button.owl-prev { position: absolute; top: 15%; left: -45px; } #Importantlinks .owl-nav button.owl-next { position: absolute; top: 15%; right: -45px; z-index: 9; } #Importantlinks .owl-nav button.owl-prev span, #Importantlinks .owl-nav button.owl-next span { color: var(--themewhite); font-size: 40px; line-height: 21px; transition: 0.5s; background-color: #FF5722; padding: 14px; height: 40px; width: 40px; font-family: 'Laila'; display: block; border-radius: 5px; } #Importantlinks .owl-nav button.owl-prev:hover span, #Importantlinks .owl-nav button.owl-next:hover span { color: var(--themewhite); } #Importantlinks .owl-nav button.owl-prev:hover, #Importantlinks .owl-nav button.owl-next:hover { background-color: transparent; } #Importantlinks .owl-nav button.owl-prev:hover span, #Importantlinks .owl-nav button.owl-next:hover span { background-color: var(--themecolor2); } .Importantlinks .owl-nav button.owl-next span { margin-right: -20px; } .Importantlinks .owl-nav button.owl-prev span { margin-left: -20px; } .Importantlinks .owl-nav button.owl-next { transform: translateY(-50%) translateX(-30px); cursor: pointer; opacity: 0; transition: all 0.5s; visibility: hidden; } .Importantlinks:hover .owl-nav button.owl-next { -webkit-transform: translateY(-50%) translateX(0px); -ms-transform: translateY(-50%) translateX(0px); transform: translateY(-50%) translateX(0px); opacity: 1; transition: all 0.5s; visibility: visible; } .Importantlinks .owl-nav button.owl-prev { transform: translateY(-50%) translateX(30px); cursor: pointer; opacity: 0; transition: all 0.5s; visibility: hidden; } .Importantlinks:hover .owl-nav button.owl-prev { -webkit-transform: translateY(-50%) translateX(0px); -ms-transform: translateY(-50%) translateX(0px); transform: translateY(-50%) translateX(0px); opacity: 1; transition: all 0.5s; visibility: visible; } #Importantlinks .owl-dots { margin-top: 14px; } .owl-2_sliderbutton { position: absolute; bottom: 4px; font-size: 17px; left: 53%; margin-left: 6px; color: var(--themecolor); z-index: 9; } .owl-2_sliderbutton a { color: var(--themecolor); cursor: pointer; } /*.footer_sec { padding: 40px 0; position: relative; padding-bottom: 0; background-attachment: fixed; z-index: 0;*/ /* background-image: url(../../MediaGallery/UI_Image/footer_bg.png); */ /*background-color: #022344; } a.footer_logo { display: flex; align-items: center; } a.footer_logo img { width: 100px;*/ /* filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(103%) contrast(103%); */ /*} a.footer_logo div { font-family: 'Titillium'; font-size: 23px; line-height: normal; font-weight: 700; color: var(--themewhite); margin-left: 20px; } a.footer_logo div span { display: block; font-size: 16px; margin-top: -6px; color: var(--themecolor1); } p.footer_text { color: var(--themewhite); margin-top: 25px; font-size: 15px; font-family: 'Exo'; text-align: justify; margin-bottom: 30px; } .windmill_box { position: relative; z-index: -1; } a.web_mannger { color: var(--themecolor1); text-decoration: none; } a.web_mannger:hover { color: var(--themewhite); } ul.footer_nav { padding-left: 90px; } .footer_nav > li { margin-bottom: 5px; list-style: none } .footer_nav > li > a { color: #ffffff; font-weight: 600; font-size: 14px; position: relative; font-family: 'Exo'; text-decoration: none; transition: .3s cubic-bezier(.24, .74, .58, 1); } ul.footer_nav.one { padding-left: 160px; } .footer_nav > li > a:hover { color: var(--themecolor1); padding-left: 18px; } .footer_nav > li > a:before { content: url(../../MediaGallery/Icons/ftr_icon.png); font-size: 15px; width: 18px; position: absolute; top: 00%; left: -30px; transform: translate(0, -50%); transition: .4s; opacity: 0; } .footer_nav > li > a:hover:before { opacity: 1; top: 50%; transition: .4s; left: -14px; margin-top: -2px; } .social-menu { margin-top: 35px; margin-bottom: 35px; margin-left: 0; justify-content: left; display: flex; } .social-menu ul { padding: 0; margin: 0; display: flex; } .social-menu ul li { list-style: none; margin: 0px 5px; } .social-menu ul li:nth-child(3) a:hover .fa { line-height: 33px; } .social-menu ul li .fa { font-size: 25px; line-height: 35px; transition: .2s; } .social-menu ul li:nth-child(1) a i { font-weight: 500; font-size: 25px; color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-clip: text; -webkit-background-clip: text; } .social-menu ul li a { position: relative; display: block; width: 35px; height: 35px; border-radius: 100px; background-color: #d0f3c8; text-align: center; transition: .4s; box-shadow: 0 5px 4px rgba(0, 0, 0, .5); } .social-menu ul li a:hover { transform: translate(0, -10%); } .social-menu ul li:nth-child(1) { color: #f09433 !important; } .social-menu ul li:nth-child(1) a:hover { color: #fff !important; background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); } .social-menu ul li:nth-child(2) a { color: #4868a8; } .social-menu ul li:nth-child(2) a:hover { background-color: #4868a8; color: #fff; } .social-menu ul li:nth-child(3) a { color: #fc0000; } .social-menu ul li:nth-child(3) a:hover { background-color: #fc0000; color: #fff; } .social-menu ul li:nth-child(5) a { color: #0a66c2; } .social-menu ul li:nth-child(5) a:hover { background-color: #0a66c2; color: #fff; } .social-menu ul li:nth-child(4) a { color: #2fa6d8; } .social-menu ul li:nth-child(4) a:hover { background-color: #000; fill: #fff !important; } .social-menu ul li:nth-child(4) a:hover > .twitter_img { max-width: 17px; content: url('../../MediaGallery/Icons/X_twitter_white.svg'); } .social-menu ul li:nth-child(1) a:hover > .fa-instagram { color: #fff !important; } .social-menu ul li a img { margin-top: 9px; margin-left: 0px; } .twitter_img { max-width: 17px; content: url('../../MediaGallery/Icons/X_twitter.svg'); } .progress-wrap { position: fixed; right: 10px; bottom: 70px; width: 40px; height: 40px; border-radius: 100px; cursor: pointer; display: block; background-image: linear-gradient(to left, var(--themecolor4), var(--themecolor4)); background-color: var(--themecolor4); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-circle > path { fill: transparent !important; }*/ /*.progress-wrap::before { position: absolute; font-family: 'FontAwesome'; content: "\f0e7"; text-align: center; line-height: 40px; font-size: 22px; opacity: 1; background-color: #fff; background: rgb(255, 255, 255); -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 40px; width: 40px; cursor: pointer; display: block; z-index: 2; transition: all 400ms linear; } .progress-wrap:hover::before { transform: rotate(180deg); transition: all 400ms linear; }*/ /*.progress-wrap svg { position: relative; top: 8px; left: 9px; width: 52%; } .progress-wrap svg path { fill: #ffffff; } .progress-wrap svg.progress-circle path { stroke: #fff;*/ /* --- Lijn progres kleur --- */ /*stroke-width: 5; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } span.lst_updat { color: #fff; font-size: 13px; font-weight: 500; } span.visitor_no { color: #fff; float: right; font-size: 13px; font-weight: 500; } .footer_bottom { border-top: 2px dashed #ffc827; margin-top: 10px; padding-top: 10px; padding-bottom: 5px;*/ /* background-color: #0b2e04; */ /*} .copyright { color: #fff; font-size: 11px; } .powerd_by { color: #fff; font-size: 11px; float: right; } .powerd_by a { text-decoration: none; color: #fff; } .powerd_by a:hover { color: #d9d9d9; } .solar_svg svg { fill: #598f4d; } .solar_svg { position: absolute; right: -304px; bottom: -88px; z-index: -1; transform: scale(.5); } .windmill_1 { position: absolute; right: -13px; left: auto; bottom: 213px; top: auto; } .windmill_2 { position: absolute; right: 99px; left: auto; bottom: 217px; top: auto; } .windmill_3 { position: absolute; right: 162px; left: auto; bottom: 160px; top: auto; } .windmill_box svg { fill: #bdf7b0; } .windmill_1 svg { width: 157px; height: 341px; } .windmill_2 svg { width: 90px; height: 196px; } .windmill_3 svg { width: 170px; height: 290px; } .windmill_panel { animation: spin 8s linear infinite; }*/ footer { background: #022344; padding: 0 50px; position: relative; overflow: hidden; } footer .address p, footer .quick-contact p, footer .technical p { position: relative; padding-left: 40px; line-height: 21px; color: #ffffffab } footer .address p:before { content: ""; position: absolute; top: 5px; left: 0 } footer .quick-contact p:before, footer .technical p:before { position: absolute; left: 0 } footer .quick-contact p:before { content: ""; top: 8px } footer .technical p:before { content: ""; top: 8px } .foot-bottom ul { margin: 0px 0px 20px 0px; padding: 0; text-align: left; } .foot-bottom ul.social-circle { padding-left: 50px; margin-top: 8px; position: relative } .foot-bottom ul.social-circle:before { content: ""; position: absolute; top: -20px; left: 95px } .foot-bottom ul.social-circle li i { height: 28px; width: 28px; border: 1px solid #fff; border-radius: 100%; text-align: center; vertical-align: middle; padding-top: 5px; font-size: 20px } .foot-bottom ul li a { color: #1e3666; line-height: 28px; font-weight: 500; } .foot-bottom ul li a:hover { opacity: .9; } .foot-bottom ul li a:before { content: "\2192"; font-family: "simple-line-icons"; font-size: 14px; margin-right: 5px; font-weight: 600; } .foot-bottom .footer-links ul li a:focus, .foot-bottom .footer-links ul li a:hover { color: #fff383; text-decoration: none } .foot-top { background-color: #5e5e5e; font-size: .9em; padding: 25px 0; border-bottom: 3px solid #202020 } .level-three { position: relative; z-index: 2; padding: 17px 0 15px 0 !important; color: #fff; } .level-three p { line-height: 25px; margin: 0 } .copyright { background: #202020; padding: 20px 0 10px } .footer_name a { color: #ffffffa3 } .foot_add { background-color: #fdfdfd; margin: -28px 25px 20px 0px; position: relative; border-radius: 0px 0px 15px 15px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); padding: 0px 15px; } .foot_add .widget-title { border-bottom: 1px solid rgba(0, 0, 0, 0.06); color: #1e3666; } .foot-bottom .widget-title { padding-bottom: 15px; margin: 15px 0; font-weight: 600; font-size: 1.3em; } .Useful .policies { column-count: 2; column-gap: 40px; column-rule: 1px solid rgba(255, 255, 255, .2); } .Useful { padding: 1.8em 0 0em 0; } .styleswitcher { left: -290px; padding: 15px; position: fixed; top: 50px; width: 290px; transition: .4s; z-index: 999; height: calc(100% - 100px); } .styleswitcher.open { left: 20px; } .styleswitcher .overlay-switch { border-radius: 10px; position: absolute; width: 100%; height: 100%; background: #000; left: 0; top: 0; opacity: 0.04; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .styleswitcher.open .overlay-switch { position: fixed; } .styleswitcher .styleswitcher-inner { background-color: #ffffff; height: 240px; right: 0; overflow: hidden; position: absolute; top: 200px; width: 100%; padding: 3px; border-radius: 10px; border-bottom: 5px solid var(--themecolor); } .styleswitcher .styleswitcher-inner::-webkit-scrollbar { width: 5px; } .styleswitcher .styleswitcher-inner::-webkit-scrollbar-thumb { background: #a0a0a0; } .styleswitcher.open .styleswitcher-inner { box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.20); } .styleswitcher .switcher-btn-bx { position: absolute; left: 290px; background: var(--themecolor4); border: 1px solid #ff6b0c; width: 40px; top: 300px; z-index: 1; color: #ffffff; height: 40px; box-shadow: 2px 1px 60px rgba(0, 0, 0, 0.10); cursor: pointer; display: block; line-height: 39px; text-align: center; border-radius: 0 10px 10px 0; } .styleswitcher .switcher-btn-bx img { animation: beat .75s infinite alternate; width: 29px; } .styleswitcher .sw-main-title { font-size: 20px; font-weight: 500; padding: 20px 20px; color: #000; display: flex; border-bottom: 1px solid #eee; margin-left: -30px; margin-right: -30px; margin-top: -30px; margin-bottom: 30px; background: #f9f9fd; align-items: center; justify-content: space-between; } .styleswitcher .switcher-title { font-weight: 600; margin: 0 0 10px 0; font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 1px; } .styleswitcher .site-button { margin-top: 20px; margin-right: 20px; margin-left: 20px; } .styleswitcher h6.switcher-title { color: #717171; } .styleswitcher .btn.btn-sm { font-size: 12px; padding: 8px 15px; } .theme-box { margin-bottom: 30px; } .theme-design { display: flex; margin-left: -7px; margin-right: -7px; padding: 12px 10px; border: 1px solid #eee; border-radius: 6px; margin-bottom: 20px; background: #f9f9fd; } .theme-design .theme-box { padding-left: 7px; padding-right: 7px; margin-bottom: 0; } .color-skins li a:before, .bg-color-switcher li a:before { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; border: 1.5px solid #000; border-color: #000; border-radius: 6px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 0; } .color-skins li.active a:before, .bg-color-switcher li.active a:before { transform: scale(1.2); opacity: 1; } .styleswitcher-inner h4 { color: var(--themecolor4); font-size: 22px; text-align: center; font-family: 'Titillium'; font-weight: 600; display: none; } .Accessibility_nav { list-style: none; padding-left: 0; margin-bottom: 0; } .Accessibility_nav a { background: #f2f2f2; padding: 15px 1px; color: #000; border: 1px dashed #dedede; display: block; border-radius: 5px; margin: 3px; transition: all 0.5s; font-size: 11px; font-weight: 600; font-family: 'Exo'; text-decoration: none; text-align: center; } .Accessibility_nav span { display: block; } .Accessibility_nav span img { width: 20px; transition: all 0.5s; } .Accessibility_nav .lrg img { width: 20px; margin-top: -4px; margin-bottom: 4px; } .Accessibility_nav .lrgsm img { width: 25px; margin-top: -4px; margin-bottom: 4px; } .row.Accessibility_nav .col-4 { padding: 0; } .Accessibility_nav a:hover { background: var(--themecolor4); border-color: var(--themecolor4); color: #fff; transition: all 0.5s; } .Accessibility_nav a:hover img { filter: invert(); transition: all 0.5s; } .Accessibility_nav .f_none:hover img { filter: none; transition: all 0.5s; } section.breadcrumb { position: relative; } img.inner_bner { width: 100%; } .breadcrumb_bg { overflow: hidden; position: relative; height: 100%; width: 100%; } .breadcrumb_bg img { width: 100%; height: 100%; } .breadcrumb_bg::before { content: ''; width: 100%; height: 100%; position: absolute; display: block; opacity: 0.9; background-color: #022344; z-index: 1; } li.breadcrumb_items a { color: #fff; text-decoration: none; } .breadcrumb_cont h4 { font-size: 20px; font-weight: 700; letter-spacing: 1px; text-align: left; font-family: 'Titillium'; } li.breadcrumb_items { font-weight: 600; font-size: 15px; } .breadcrumb_items + .breadcrumb_items::before { font-family: 'Rajdhani-Bold'; content: "/"; font-weight: 500; font-size: 22px; color: var(--lightgray); padding: 0 10px; line-height: 52px; } .breadcrumb_cont { z-index: 1; position: absolute; height: 100%; color: #fff; text-align: center; display: flex; align-items: end; padding-bottom: 20px; } ul.breadcrumb_nav { display: flex; font-size: 16px; align-items: center; font-weight: 300; list-style: none; padding-left: 0; justify-content: end; margin-bottom: -6px; font-family: 'Exo'; } .main_content { min-height: 450px; padding: 30px 0; position: relative; padding-bottom: 110px; } section.main_content p { text-align: justify; } .page_image { margin: 0 0 15px 35px; border-radius: 10px !important; box-shadow: 0 14px 20px rgba(8, 8, 41, .08); box-shadow: 0px 0px 15px -10px rgba(0, 0, 0, 0.43); transition: .5s; float: right; position: relative; z-index: 9 } /* .page_image:hover { transform: perspective(300px) rotateX(2deg) rotateY(2deg); } */ .underlined { text-decoration: underline !important; text-underline-offset: 4px; text-decoration-color: #000; } .Accessibility_nav .f_none:hover img { filter: none; transition: all 0.5s; } a.photo_cat.program_card { margin: 15px 0; border-radius: 15px; } a.photo_cat.program_card .program_dtls { padding: 10px 15px; padding-top: 0; } .main_content { min-height: 500px; padding: 30px 0; padding-bottom: 150px; position: relative; } section.main_content p { text-align: justify; } .page_heading { color: var(--themecolor4); font-size: 23px; font-weight: 700; position: relative; padding-left: 25px; font-family: 'Exo'; z-index: 0; margin-bottom: 15px; margin-top: 30px; } .page_heading:before { content: ""; background-image: url(../../MediaGallery/Icons/heading.png); background-size: contain; display: inline-block; width: 30px; height: 30px; top: 5px; position: relative; margin-right: 4px; margin-left: -27px; } .sub_heading { color: var(--themecolor1); font-size: 19px; font-weight: 700; position: relative; padding-left: 21px; font-family: 'Exo'; margin-bottom: 15px; margin-top: 15px; } .sub_heading:before { content: ""; background-image: url(../../MediaGallery/Icons/sub_head.png); background-size: contain; display: inline-block; width: 28px; height: 28px; position: relative; top: 4px; margin-right: 4px; margin-left: -30px; } .page_li { list-style: none; padding-left: 5px; } .page_li li { position: relative; padding-left: 10px; } .page_li li:last-child { border-bottom: none } .page_li li { font-size: 15px; padding: 7px 5px; padding-left: 27px; width: fit-content; text-align: justify; border-bottom: 1px dashed #dfdfdf; line-height: 24px; } .page_li li::before { content: ""; background-image: url(../../MediaGallery/Icons/li_1.png); background-size: contain; display: inline-block; width: 23px; height: 23px; position: relative; top: 7px; margin-left: -26px; margin-right: 5px; } .page_li li .page_li li::before { background-image: url(../../MediaGallery/Icons/li_2.png); width: 22px; top: 6px; height: 22px; } .page_li li li .page_li li:before { background-image: url(../../MediaGallery/Icons/li_3.png); width: 20px; top: 5px; height: 20px; } ol li { padding: 3px; } .drp_box { display: flex; flex-wrap: wrap; justify-content: end; } .dropdown_display3 { display: flex; align-items: center; justify-content: end; color: #000; margin-left: 10px; line-height: 28px; padding-right: 10px; font-size: 15px; margin-bottom: 15px; } .dropdown_display4 { display: flex; float: right; align-items: center; font-size: 15px; margin-right: 4px; } .dropdown_display4 select { border: 1px solid #dee2e6; padding: 3px 6px; border-radius: 4px; font-weight: 500; font-size: 15px; width: 95px; position: relative; font-family: 'Exo'; } .dropdown_display4 .DdBox2 { position: relative; } .dropdown_display4 .DdBox2:before { content: "\f107"; font-family: 'FontAwesome'; position: absolute; font-size: 20px; right: 10px; top: 4px; z-index: 9; } .dropdown_display4.cat_fltr { position: absolute; right: 315px; top: 26px; } .form-control:focus, .form-select:focus { border-color: none; outline: 0; box-shadow: none; } .dropdown_display3 span { font-weight: 500; font-size: 15px; font-family: Exo; margin-right: 6px; } .dropdown_display3 select, .dropdown_display3 INPUT { border: 1px solid #dee2e6; padding: 3px; border-radius: 5px; font-weight: 500; font-size: 15px; height: 30px; font-family: 'Exo'; } .Clr_table.table { border-color: #ffe4d2; } .Clr_table.table tr:nth-child(odd), .datatable.table tr:nth-child(odd) { background-color: var(--themewhite) !important; } td, th { vertical-align: middle; } td a { text-decoration: none; color: var(--themecolor2); } td a:hover { color: var(--themecolor4); } title { text-transform: lowercase; } td .page_li { margin-bottom: 0 } td .page_li li { padding: 0px 5px; padding-left: 27px; } .Clr_table.table tr:nth-child(even), .datatable.table tr:nth-child(even) { background-color: #fff8f4 !important; } .table-hover > tbody > tr.no_hover:hover > * { --bs-table-color-state: none; --bs-table-bg-state: none; } /*.table-hover.Clr_table > tbody > tr > th:hover { --bs-table-accent-bg: #e1e1e1 !important; } */ table.table.clr_table { border-color: #ffccac !important } .Clr_table tr th, .datatable > thead > tr > th { background-color: var(--themecolor4) !important; color: #fff !important; text-align: center; border-color: #ff9551 !important; border-top: 1px solid; font-weight: 600; } .Clr_table tr th:hover, .datatable-table th:hover { background-color: var(--themecolor4) !important; } .Clr_table tr.snd_th th, .datatable > thead > tr.snd_th > th { background-color: #4c76ab !important; border-color: #34639d !important; } .Clr_table tr.snd_th th:hover, .datatable-table .snd_th th:hover { background-color: #4c76ab !important; } .center-td-1 > tr > td:first-child { text-align: center; } .center-td-3 > tr > td:nth-child(3) { text-align: center; } section.breadcrumb { overflow: hidden; } .Clr_table .fa { color: #fff } img.pdf_img { height: 25px; } img.url_img { height: 40px; } .wth_3 { width: 3%; } .wth_4 { width: 4%; } .wth_5 { width: 5%; } .wth_6 { width: 6%; } .wth_7 { width: 7%; } .wth_8 { width: 8%; } .wth_9 { width: 9%; } .wth_10 { width: 10%; } .wth_12 { width: 12%; } .wth_13 { width: 13%; } .wth_15 { width: 15%; } .wth_20 { width: 20%; } .wth_25 { width: 25%; min-width: 25%; max-width: 25%; } .wth_27 { width: 27%; } .wth_30 { width: 30%; } .wth_35 { width: 35%; min-width: 35%; max-width: 35%; } .wth_40 { width: 40%; } .wth_45 { width: 45%; } .wth_50 { width: 50%; } .wth_55 { width: 55%; } .download_icon { background-image: linear-gradient(to left, var(--themecolor4), var(--themecolor1)); padding: 5px; border-radius: 5px; height: 35px; width: 35px; display: block; font-size: 20px; color: #fff; display: inline-block; transition: .5s; line-height: 30px; text-align: center; } .download_icon:hover { background-image: linear-gradient(to left, var(--themecolor1), var(--themecolor4)); color: #fff; transition: .5s; } section.main_content p a { color: var(--themecolor); text-decoration: none; } section.main_content p a:hover { color: #363636; } .chart-bg-center { overflow-x: auto; padding-bottom: 20px; margin-bottom: 20px; display: flex; justify-content: center; } .chart-bg-center_1 { overflow-x: auto; padding-bottom: 20px; margin-bottom: 20px; } .chart-bg { max-width: 1400px; min-width: 1400px; width: 1400px; } .chart-bgg { max-width: 1000px; min-width: 1000px; width: 1000px; } .chart-bg ul, .chart-bg_1 ul, .chart-bg-center_1 ul, .chart-bg-center ul { margin: 0; padding: 0; } .tree ul { padding-top: 20px; padding-left: 5px; padding-right: 5px; position: relative; } .tree li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .tree li::before, .tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #124481; width: 51%; height: 20px; } .tree li::after { right: auto; left: 50%; border-left: 1px solid #124481; } .tree li:only-child::after, .tree li:only-child::before { display: none; } .tree li:only-child { padding-top: 0; } .tree li:first-child::before, .tree li:last-child::after { border: none 0; } .tree li:last-child::before { border-right: 1px solid #124481; /* border-radius: 0 5px 0 0;*/ } .tree li:first-child::after { /* border-radius: 5px 0 0 0;*/ } .tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #124481; width: 0; height: 20px; } .tree li div { min-width: 140px; height: 30px; background-color: #ffddc8; color: #000; border: 1px solid #ffcdad; padding: 3px 15px; text-decoration: none; font-weight: 600; font-size: 13px; justify-content: center; align-items: center; display: inline-flex; border-radius: 3px; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .tree li div:hover, .tree li div:hover + ul li div, .sprt_stff_1.hoveros li div { transition: all .5s; background-color: #ff741b !important; border: 1px solid #f3650a !important; color: #fff !important; } ul.tree_tech { margin-top: 92px; margin-left: -360px; margin-right: -640px; } .tree_tech li div { max-width: 150px; height: 50px; min-width: 65px; } .tree_tech:before { content: ''; position: absolute; top: auto !important; bottom: 0; left: 436px !important; height: 112px !important; } div.tree_sm_box { max-width: 170px; height: 65px !important; } ul.secrty_child li div { max-width: 160px; min-height: 65px; } .photo_cat { height: 100%; position: relative; z-index: 2; display: block; background-color: var(--themewhite); box-shadow: 0px 4px 15px rgba(8, 14, 28, 0.1); border-radius: 10px; text-align: center; padding: 7px; overflow: hidden; transition: 0.4s ease-in-out; } .cat_dtls { position: relative; padding: 10px 5px; padding-bottom: 25px; } .cat_dtls h6 { font-family: 'Comfortaa-Regular'; font-size: 16px; font-weight: 700; text-align: center; color: var(--themeblack); margin-bottom: 10px; width: 100%; line-height: 20px; display: flex; overflow: hidden; transition: all 0.3sease-out; align-items: center; } .photo_cat .cat_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease-out; } .cat_img:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } .photo_cat:hover .cat_img:after { height: 250%; transition: all 600ms linear; background-color: transparent; } .cat_img, .categ_img { position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25); } .categ_img img { transition: all 1s ease; background-size: cover; width: 100%; } .photo_cat:hover .cat_img img { transform: scale(1.1); transition: all 0.6s ease-out; } .categ_img img:nth-child(1) { transform: translatex(50%) scalex(2); opacity: 0; filter: blur(10px); } .categ_img img:nth-child(2) { position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; } .photo_cat:hover .categ_img img:nth-child(1) { transform: translatex(0) scalex(1); opacity: 1; filter: blur(0); } .photo_cat:hover .categ_img img:nth-child(2) { transform: translatex(-50%) scalex(2); opacity: 0; filter: blur(10px); } .photo_cat h5 { margin-top: 15px; font-size: 16px; font-family: 'Exo'; font-weight: 600; color: var(--themecolor); } .photo_cat:hover h5 { color: var(--themecolor2); } .photo_cat:hover:after { width: 100%; left: 0; right: auto; transition: 0.8s ease-in-out; } .photo_cat:after { position: absolute; content: ""; background: #ffd8bf; height: 100%; width: 0; top: 0; right: 0; z-index: -1; transition: all .8s ease-in-out; } span.total_img { color: var(--themecolor); font-size: 12px; font-family: 'Rajdhani-Bold'; position: absolute; bottom: -25px; right: 0; transition: all .8sease; } .page_head { font-weight: 700; font-size: 19px; color: var(--themecolor2); line-height: 22px; font-family: Exo; } .photo_cat:hover span.total_img { bottom: 0px; transition: 0.8s ease-in-out; } a.cate_back { float: right; font-size: 17px; font-weight: 700; color: #f10200; } a.photo_cat.press_card { padding: 14px; margin: 15px; height: auto; } .press_cont h4 { color: rgb(0, 0, 0); font-size: 14px; display: -webkit-box; max-width: 100%; height: 38px; line-height: 19px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin: 0px auto 3px; } .press_cont { padding-top: 15px; } .press_cont span { color: rgb(0, 0, 0); font-size: 13px; float: right; } section.main_content p a, section.main_content li a { color: var(--themecolor2); text-decoration: none; } section.main_content p a:hover, section.main_content li a:hover { color: var(--themecolor4); } * { scrollbar-width: thin; scrollbar-color: var(--themecolor1) #ffffff; } /* Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { background: #f3f7fd; } *::-webkit-scrollbar-thumb { background-color: var(--themecolor1); border-radius: 5px; border: 2px solid #ffffff; } lable.up_mob { display: none; } .dropdwn_title3 { font-size: 15px; position: absolute; z-index: 9; color: var(--themecolor2); margin-top: -12px; margin-bottom: 0; margin-left: 8px; background: #fff; padding: 0px 5px 0px 5px; } .dropdwn_title5 { font-size: 15px; right: 20px; position: absolute; z-index: 999; color: var(--themecolor2); margin-top: -13px; background: #fff; padding: 0px 5px 0px 5px; } .bg_body { background: #fff !important; border: 1px solid #878787; border-radius: 3px; outline: 0; } span.spnchose { font-size: 9px; font-weight: 400; color: #000; } .drpdown { outline: none; border-radius: 3px; height: 36px; width: 100%; padding-top: 9px; font-weight: 300; color: #000000; font-size: 14px; padding-left: 20px; box-shadow: none; outline: none; background: #fff; border: 1px solid #878787; } .gallery_imgbox { gap: 20px 0; margin-bottom: -6px; } .height_100 { min-height: 102px !important; } .captcha { display: flex; justify-content: center; align-items: center; gap: 0 5px; color: #000; } .captcha span { padding: 10px 4px; } .captcha a { color: #000; font-weight: 600; font-size: 18px; } .input_box input { border: 1px solid #878787; border-radius: 4px; height: 40px; width: 100%; color: #000000; background: #fff; font-size: 14px; padding-left: 20px; padding-top: 10px; box-shadow: none; } .input_box input:focus-visible { outline: 0 } #txtComment { background: #fff !important; } .input_box input:focus + label, .input_box input:valid + label { font-size: 15px; color: var(--themecolor2); top: -12px; left: 10px; background: #fff; padding: 0px 5px 0px 5px; font-weight: 600; } .input_box textarea { border: 1px solid #878787; border-radius: 4px; height: 40px; width: 100%; color: #000000; font-size: 14px; padding-left: 20px; box-shadow: none; } .input_box textarea:focus + label, .input_box textarea:valid + label { font-size: 15px; color: var(--themecolor2); top: -12px; left: 10px; background: #fff; padding: 0px 5px 0px 5px; outline: 0; font-weight: 600 } .input_box input:focus, .input_box textarea:focus { color: #212529; background-color: #fff; border-color: var(--themecolor2); outline: none; box-shadow: none; } .input_box { width: auto; height: auto; position: relative; } .input_box label { font-size: 17px; color: #878787; padding: 12px; position: absolute; top: 0; left: 0; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none; } .alert_textbox { float: right; font-size: 12px !important; margin-right: 11px; margin-top: -12px; position: relative; line-height: 20px; z-index: 999; background: bisque; border-radius: 5px; padding: 0px 8px; } .alert_textbox:before { font-family: 'FontAwesome'; content: "\f071"; /* content: "\f06a"; For Circle */ color: red; margin-right: 2px; } .dropdown_display4.cat_fltr1 .DdBox2:before { display: none; } .dropdown_display4.cat_fltr1 { position: absolute; right: 321px; top: 32px; } img.pdf_view { width: 18px; margin-top: -4px; margin-right: 3px; border: none !important; border-radius: 0 !important; } .Pagination-box { padding: 25px 0 25px; } .border_line { width: 100%; border-bottom: 4px solid var(--themecolor2); padding: 0 15px; height: 45px; border-radius: 50px; } .Display_record { margin-top: 12px; } .pagination { float: right; height: 40px; } .pagination ul { width: 100%; display: flex; flex-wrap: wrap; margin: 0; border-radius: 50px; } .pagination ul li { color: #000; list-style: none; line-height: 30px; text-align: center; padding: 4px 0px; font-size: 14px; font-weight: 500; cursor: pointer; user-select: none; transition: all 0.3s ease; } .pagination ul li a { color: #000; display: block; line-height: 30px; text-align: center; font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; user-select: none; transition: all 0.3s ease; } .pagination ul li a.numb { list-style: none; height: 30px; width: 30px; margin: 0px 3px; line-height: 30px; border-radius: 50%; } .pagination ul li a.numb, .pagination ul li a { list-style: none; height: 30px; width: 30px; margin: 0px 5px; line-height: 30px; border-radius: 50%; } .pagination ul li .numb.first { margin: 0px 3px 0 -5px; } .pagination ul li .numb.last { margin: 0px -5px 0 3px; } .pagination ul li .dots { font-size: 22px; cursor: default; } .pagination ul li .btn { padding: 0 14px; border-radius: 50px; margin-right: 10px; } .pagination ul li .prev { margin-right: -2px; } .pagination li a.active, .pagination li.active a, .pagination ul li a.numb:hover, .pagination ul li a:first-child:hover, .pagination ul li a:last-child:hover { color: #fff; background: #ff741b; } .paginate_button.disabled { display: none !important; } li.paginate_button.page-item { margin: 0 5px; } a.page-link { border-radius: 5px !important; min-width: 30px; height: 30px; line-height: 30px; color: var(--themecolor2) !important; padding: 0px 7px; text-align: center; border-color: var(--themecolor2); } .page-link.active, .active > .page-link { border-color: var(--themecolor4); } .page-link:hover { border-color: var(--themecolor); background: #ff741b; color: #fff !important; } .page-link:focus { background: #fff; } .page-link:focus { box-shadow: none } li.paginate_button.page-item.active a.page-link { color: #fff !important; } div#PressImgId .col-12 { padding: 10px; } .Solar_card { position: relative; margin-bottom: 25px; } .Solar_card .Solar_box { border-radius: 10px; overflow: hidden; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .Solar_card .Solar_box:hover .Solar_box_img .image a:after { left: 0; right: 0; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .Solar_card .Solar_box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .Solar_card .Solar_box_img { position: relative; border-radius: 10px; -ms-box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.08); overflow: hidden; } .Solar_card .Solar_box_img .image { position: relative; overflow: hidden; margin-bottom: 0; } .Solar_card .Solar_box_img .image img { display: block; width: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease; transition: all 0.5s ease; } .Solar_card .Solar_box_img .image a:after { background: rgba(255, 255, 255, 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; -webkit-transition: all 400ms linear; transition: all 400ms linear; transition: all 0.5s ease; } .Solar_card .Solar_box_img:before { background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(23, 26, 29, 0.01))); background: linear-gradient(0deg, #000 0%, rgba(23, 26, 29, 0.01) 100%); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; border-radius: 10px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 1; transition: all 0.5s ease; visibility: visible; } .Solar_card .Solar_box_content { bottom: 0; padding: 20px 15px; text-align: center; position: absolute; width: 100%; transition: all 0.5s ease; height: 90px; } .Solar_card .Solar_box_content:after { background-color: #fff; content: ""; height: 100%; left: 0; right: 0; transition: all 0.5s ease; bottom: 0; width: 100%; top: auto; position: absolute; z-index: 1; border-radius: 0px 0px 10px 10px; -webkit-transition: all 0.3s ease; transition: all 0.5s ease; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; z-index: 0; } .Solar_card h4 { color: #ffffff; display: block; margin-top: 0; font-size: 15px; position: relative; z-index: 1; font-family: 'Exo'; font-weight: 600; } .Solar_box_content span { color: var(--themecolor); z-index: 9; font-size: 12px; font-weight: 600; font-family: 'Titillium'; position: absolute; transition: all 0.2s ease; right: 10px; bottom: -35px; } .Solar_card:hover h4 { color: var(--themecolor4); } .Solar_card:hover .Solar_box_content span { transition: all 0.8s ease; bottom: 7px; } .Solar_card:hover .Solar_box_img:before { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; transition: all 0.5s ease; visibility: hidden; } .Solar_card:hover .Solar_box_content:after { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; transition: all 0.5s ease; visibility: visible; } .Solar_card:hover .Solar_box { -webkit-box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.08); transition: all 0.5s ease; } .footerDates { position: absolute; right: 10px; margin-top: -120px; font-size: 13px; } .footerDate { position: absolute; right: 10px; font-size: 13px; bottom: 100px; } .home6-news-section .sub-title { color: var(--themecolor); } .UC_card { display: flex; justify-content: center; align-items: center; } .uc_cont { margin-right: 40px; } .uc_cont h4 { font-family: 'Titillium'; font-size: 25px; color: var(--themecolor); font-weight: 700; margin-bottom: 2px; } .uc_cont p { color: var(--themecolor4); } .uc_cont { font-weight: 700; margin-top: 10px; } .acc-body { display: none; background: rgb(239 105 20 / 11%); color: #000; padding: 15px; margin: 20px; margin-left: 0; margin-top: -1px; width: 100%; border: 1px solid #ff8c43; } .acc-body.odd { background: #f1f1f1; border-color: #b5b5b5; } .crc-chevron { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-size: 1rem; max-width: 10%; } .acc-head .fa { color: #FFF; font-size: 30px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .5s ease-in; transition: -webkit-transform .5s ease-in; -o-transition: transform .5s ease-in; transition: transform .5s ease-in; transition: transform .5s ease-in, -webkit-transform .5s ease-in; float: right; cursor: pointer; padding: 0; } .acc-head { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-line-pack: center; align-content: center; padding: 1rem 2rem; cursor: pointer; } .acc-head { width: 100%; background: #fda66e; padding: 15px; margin: 20px; margin-left: 0; margin-bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .acc-head.odd { background: var(--themecolor1); background: #cbcbcb; } .acc-bodyv h1 { color: #e1b131; } .acc-head h2 { color: #404040; font-size: 20px; font-family: 'Exo'; font-weight: 600; margin-bottom: 0; line-height: 30px; } .acc-body p { text-align: left; } .crc-close-anim { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } .acc-body .close { background-color: transparent; border: none; } .acc-body button, .acc-body select { text-transform: none; transform: scale(1); } .Portals_card { margin-bottom: 60px; } .Portals_card .Portal_item { position: relative; background-color: rgb(249 194 164 / 57%); border-radius: 6px; padding: 20px; display: block; width: 100%; height: 100%; overflow: visible; transition: all 500ms ease; } .portal_cards.row .Portals_card .Portal_item { position: relative; border-radius: 6px; padding: 5px 10px; background: #ffeac3; display: flex; justify-content: flex-start; } .portal_cards.row .Portals_card .Portal_item:hover { transform: scale(1.03); transition: all 500ms ease; background-color: rgb(255 116 27); } .Portals_card .Portal_item:hover { transform: scale(1.03); transition: all 500ms ease; background-color: rgb(255 116 27); } .Portals_card .Portal_icon { margin-top: -70px; background: #fff; } .Portals_card .Portal_item_title { font-size: 16px; transition: all 500ms ease; color: #000000; margin: 12px 0; } .Portals_card .Portal_item_text { width: 100%; color: #444444; opacity: 1; } .Portals_card .Portal_item_btn { position: absolute; z-index: 1; top: 10px; right: 11px; } .Portals_card .Portal_item:hover .Portal_item_text, .Portals_card .Portal_item:hover .Portal_item_title { color: #FFF } .Portals_card .Portal_item:hover .Portal_item_btn .fa { transform: rotate(-45deg); transition: all 500ms ease; } .webmaster_card { box-shadow: -1px 0px 10px 0px rgb(21 36 52 / 15%); margin: 10px; padding: 30px; display: flex; border-radius: 5px; background: #fff; } .web_content { margin-left: 20px; } .web_content { display: flex; flex-wrap: wrap; padding-left: 40px; align-items: center; } .web_img img { width: 180px; margin: 15px 0; } .web_img { border-right: 2px solid #f1f1f1; padding-right: 40px } .web_content p { width: 100%; text-align: left; } a.contactus { color: var(--themecolor4); font-weight: 600; } a.contactus:hover { color: var(--themecolor); } @keyframes spin { from { transform: rotate(0) } to { transform: rotate(-360deg) } } @keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } } @keyframes blinkingText { 0% { color: var(--themecolor1); } 25% { color: var(--themecolor); } 50% { color: var(--themecolor1); } 75% { color: var(--themecolor); } 100% { color: var(--themecolor1); } } @keyframes in-top { from { -webkit-transform: rotate3d(-1, 0, 0, 90deg); transform: rotate3d(-1, 0, 0, 90deg) } to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } } @keyframes in-right { from { -webkit-transform: rotate3d(0, -1, 0, 90deg); transform: rotate3d(0, -1, 0, 90deg) } to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } } @keyframes in-bottom { from { -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg) } to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } } @keyframes in-left { from { -webkit-transform: rotate3d(0, 1, 0, 90deg); transform: rotate3d(0, 1, 0, 90deg) } to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } } @keyframes out-top { from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } to { -webkit-transform: rotate3d(-1, 0, 0, 104deg); transform: rotate3d(-1, 0, 0, 104deg) } } @keyframes out-right { from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } to { -webkit-transform: rotate3d(0, -1, 0, 104deg); transform: rotate3d(0, -1, 0, 104deg) } } @keyframes out-bottom { from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } to { -webkit-transform: rotate3d(1, 0, 0, 104deg); transform: rotate3d(1, 0, 0, 104deg) } } @keyframes out-left { from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg) } to { -webkit-transform: rotate3d(0, 1, 0, 104deg); transform: rotate3d(0, 1, 0, 104deg) } } @keyframes header-phone { 0%, 30% { opacity: 0; -webkit-transform: translate3d(-20px, 20px, 0); transform: translate3d(-20px, 20px, 0) } 80% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { opacity: 0 } } @keyframes header-phone2 { 0% { opacity: 0; -webkit-transform: translate3d(-20px, 20px, 0); transform: translate3d(-20px, 20px, 0) } 70%, 90% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { opacity: 0 } } @keyframes blink { 0% { background: var(--themecolor4); } 25% { background: var(--themecolor1); } 50% { background: var(--themecolor4); } 75% { background: var(--themecolor1); } 100% { background: var(--themecolor4); } } .slider-box { margin: 10px 0px 10px; box-shadow: 0px 0px 3px #a2a2a2; padding: 7px 7px 7px 7px; } .single-service-item { display: block; padding: 12px; text-align: center; color: #000; font-size: 1.1em; position: relative; z-index: 5; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition-duration: .3s; background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #f7f7f7 50%, #f9f9f9 100%); min-height: 162px; border-radius: 8px; } .single-service-item .single-box { padding: 0px 4px; } .single-service-item .single-box .ico { margin: 0 auto; font-size: 60px; color: #042643; color: @TextColorM1; line-height: 79px; text-align: center; position: relative; z-index: 1; transition: all 700ms ease; } .single-service-item:hover .ico { color: #03478b; color: @TextColorW; transition: all 700ms ease; } .single-service-item .single-box .ico-title h2 { color: #032542; font-size: 13px; margin-top: 15px; line-height: 22px; transition: all 700ms ease; height: 44px; position: relative; z-index: 1; margin: 5px 0px 5px; font-weight: 600; } .single-service-item:hover .ico-title h2 { color: #03478b; transition: all 700ms ease; } .col-md-2.col-sm-4.services-pad { margin-bottom: 23px; } .ico i { font-size: 45px !important; } .topmenu li { list-style-type: none; font-size: 14px; cursor: pointer !important; font-weight: 600; padding: 0px 9px; } .topmenu-separator { width: 1px; border-right: 2px solid #ffffff; margin-top: 4px; float: left; height: 20px; margin: 0px 4px; } .cm { position: absolute; left: 13px; top: 6px; text-align: center; width: 160px; background-color: rgb(255 255 255 / 84%); border-radius: 10px; box-shadow: 0px 0px 15px rgb(0 0 0 / 30%); padding: 6px 0px; z-index: 1; } .cm img { } .cm h6 { font-size: 13px; color: #003662 !important; margin-bottom: 0p; } .cm p { font-size: 10px; line-height: 15px; font-weight: bolder; margin-bottom: 0px } .chairman { position: absolute; right: 20px; top: 6px; text-align: center; width: 150px; background-color: rgb(255 255 255 / 85%); border-radius: 10px; box-shadow: 0px 0px 15px rgb(0 0 0 / 30%); padding: 6px 0px; z-index: 1; } .chairman img { } .chairman h6 { font-size: 13px; color: #003662 !important } .chairman p { font-size: 10px; line-height: 13px; font-weight: bolder; margin-bottom: 0px } .secret { position: absolute; right: 12px; top: 6px; text-align: center; width: 150px; background-color: rgb(255 255 255 / 85%); border-radius: 10px; box-shadow: 0px 0px 15px rgb(0 0 0 / 30%); padding: 4px 0px; z-index: 1; } .secret img { } .secret h6 { font-size: 13px; color: #003662 !important } .secret p { font-size: 10px; line-height: 13px; font-weight: bolder; margin-bottom: 0px } .our-logo-link { display: inline-block; width: 100%; } .our-logo-icon-box { display: flex; padding: 5px 6px; text-align: center; border: 0px; background: none; float: left; transition: 0.3s; border-radius: 0px; width: 32%; margin-bottom: 0px; } .our-logo-icon-box:last-child { width: 32%; } .our-logo-icon-box > span { background: #ffffff; width: 85px; height: 85px; padding: 10px 10px; border: 1px solid #d3d3d3; overflow: hidden; display: inline-block; border-radius: 100%; transition: 1s; margin-bottom: auto; } .our-logo-icon-box > span > img { width: 100% } .our-logo-icon-box spanimg { transition: .5s; transform: rotateY(0deg); } .our-logo-icon-box:hover > span { transform: rotateY(360deg); } .our-logo-icon-box > h4 { color: #000; font-size: 0.9vw; margin: 0px; line-height: normal; font-weight: 600; padding: 4px 4px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; text-transform: uppercase; margin-top: 23px !important; text-align: left; line-height: normal; } .our-logo-icon-box:hover { transform: scale(1) !important; } .about_head { position: relative; padding-left: 20px; border-left: 4px solid #ea6719; } .about_head:after { content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 40%; background-color: #f7f4f4; z-index: 0; } .about_head h5, .about_head h1 { position: relative; z-index: 2; font-family: 'Exo'; font-size: 24px; font-weight: 600; } .quicklinks { background-repeat: repeat-x; background-position: center; background-color: #1e3666; /* background-image: url(../images/News_bg.png); */ background-size: 89%; animation: buildingback 2000s infinite linear; } @-webkit-keyframes buildingback { from { background-position: 30000% top } to { background-position: 0% top } } .card.Government-Orders { position: relative; margin: 0; border-radius: 0px; min-height: 481px; padding: 0; border: none; } .Government-Orders .card-header svg { width: 30px; margin-right: 5px; background-color: transparent; float: left; } .Government-Orders .card-header h4 { float: left; margin: 0px; font-size: 1.5em; } .Government-Orders .card-body { border-radius: 0; background: #fff; } .ql-head { color: #fff; font-size: 27px; padding: 15px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.41); /* margin: 0px 15px; */ } .quicklinks .useful_links { list-style: none; margin: 0px; padding: 20px 0px; display: flex; flex-wrap: wrap } .quicklinks .useful_links li { padding: 14px; box-sizing: border-box; position: relative; width: 25%; transition-duration: .3s; } .quicklinks .useful_links li:after { /*! content: ""; */ position: absolute; width: 150px; height: 150px; border: 1px solid #fff; top: 40px; right: 0px; transition-duration: .3s; background-color: rgba(255, 255, 255, .2) } .quicklinks .useful_links .ulbox { display: block; padding: 12px; text-align: center; color: #000; font-size: 1.1em; position: relative; z-index: 5; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition-duration: .3s; background: linear-gradient(135deg, #ffffff 0%,#ffffff 50%,#f7f7f7 50%,#f9f9f9 100%); min-height: 162px; border-radius: 8px; } .quicklinks .useful_links .ulbox:hover { background-color: #eff8ff; } .quicklinks .useful_links .ulbox img { display: block; margin: 0px auto 5px auto; height: 82px; } .quicklinks .useful_links li:hover::after { top: 40px; right: 5px; } .profile { display: flex; flex-wrap: wrap; border-radius: 8px; box-shadow: -5px 8px 4px rgba(0, 0, 0, 0.12); padding: 10px; margin-bottom: 15px; border: 1px dashed #ccc; background-color: #fff; margin-top: 27px; } .profile .pro-pic { width: 83px; border-radius: 50%; overflow: hidden; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.28); height: 83px; } .profile .pro-pic img { max-width: 100%; border-radius: 50%; } .profile .pro-details { width: 66%; padding-left: 15px; padding-top: 10px; } .profile .pro-details h4 { font-size: 16px; color: #ea6719; } .profile .pro-details p { font-size: 15px; } .connect_new li { margin-bottom: 20px; } .connect_new li .icon { float: left; color: #eda12e; font-size: 19px; width: 30px; margin-right: 10px; background-color: #0000; } .connect_new li .icon img { width: 100%; } .connect_new li.connect_new_address .text { position: relative; top: -5px } .connect_new li .text { overflow: hidden; color: #1e3666; font-weight: 500 } .connect_new li .icon .fa-icon-stm_icon_pin { font-size: 20px } .connect_new li a { color: #fff } .social_icons { margin: 0-5px 15px; display: flex; flex-wrap: wrap } .social_icons li { padding: 0 8px; } .social_icons li a::before { display: none } .social_icons li a { margin-bottom: 0; height: 45px; width: 45px; display: block; line-height: 42px !important; font-size: 1.6em; text-align: center; border: 1px solid #fff; border-radius: 3px; } .social_icons li a, .social_icons li a:hover { background: #fff; color: #254260 } ul.policies li { list-style: none; } li.widget_contacts_address { list-style: none; } .connect_new li { list-style: none; } .linecircle { position: absolute; z-index: 9; right: -120px; bottom: -110px; width: 450px; border-radius: 50%; overflow: hidden; animation: spin 4000ms infinite linear; } .linecircle img { border-radius: 50%; max-width: 100%; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .progress-wrap { position: fixed; right: 10px; bottom: 70px; width: 40px; height: 40px; border-radius: 100px; cursor: pointer; display: block; background-image: linear-gradient(to left, var(--themecolor4), var(--themecolor4)); background-color: #FF5722; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-circle > path { fill: transparent !important; } .progress-wrap svg { position: relative; top: 8px; left: 9px; width: 52%; } .progress-wrap svg path { fill: #ffffff; } .progress-wrap svg.progress-circle path { stroke: #fff; /* --- Lijn progres kleur --- */ stroke-width: 5; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .foot-bottom ul li { list-style: none; } .col-md-3.col-sm-4.services-pad { margin: 19px 0px; }