body {
background-color: var(--themewhite);
font-family: 'Exo';
font-size: 15px;
font-weight: 500;
color: #363636;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
label {
font-weight: 500 !important;
}
html, body {
overflow-X: hidden;
}
@font-face {
font-family: 'Laila';
src: url('../Fonts/Laila-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: 'Poppins';
src: url('../Fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Itim';
src: url('../Fonts/Itim-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: #f7a801;
--themecolor: #ffb821;
--themecolor1: #01203d;
--themecolor2: #fd5b2c;
--themecolor2: #ff9800;
--themecolor3: #dddddd;
}
.common_container {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: 60px;
padding-left: 60px;
}
section.header {
position: relative;
overflow: hidden;
}
.head_top {
border-top: 4px solid var(--themecolor1);
display: flex;
position: relative;
padding: 0 40px;
}
.top-menu .top_link {
z-index: 1;
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(55%) sepia(91%) saturate(1219%) hue-rotate(9deg) brightness(104%) contrast(111%);
}
.top-menu .top_link:hover {
background-color: var(--themewhite);
color: var(--themecolor);
}
.top-menu {
max-width: 190px;
margin: 0 auto;
margin-right: -39px;
padding: 3px 10px;
height: 40px;
position: relative;
background-color: var(--themecolor1);
}
.top-menu:before,
.top-menu:after {
content: '';
position: absolute;
top: -1px;
width: 60px;
height: calc(100% + 1px);
background-color: var(--themecolor1);
z-index: -1;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
z-index: 0;
}
.top-menu::before {
left: -60px;
}
.top-menu:after {
right: -60px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
a.top_link.skipicon.wow.zoomIn {
margin-left: -24px;
}
p.goup_top {
color: var(--themecolor1);
font-family: 'Exo';
font-size: 11px;
line-height: 25px;
text-transform: uppercase;
padding-left: 0;
margin-bottom: 0;
font-weight: 700;
}
.Logo_sec {
display: flex;
padding: 5px 30px;
}
.home_logo {
position: relative;
z-index: 9;
}
.home_logo a {
display: flex;
text-decoration: none;
align-items: center;
margin: 10px 0;
margin-top: -15px;
color: var(--themecolor);
}
.home_logo img {
width: 90px;
margin-top: 5px;
margin-bottom: -5px;
margin-left: 0;
margin-right: 5px;
}
.home_logo div {
font-size: 30px;
color: var(--themecolor2);
font-family: 'Itim';
margin-left: 10px;
font-weight: 700;
}
.home_logo span {
display: block;
color: var(--themecolor1);
font-size: 16px;
margin-left: 3px;
margin-top: -4px;
font-family: 'Exo';
font-weight: 700;
}
.other_site {
position: absolute;
right: 20px;
top: 57px;
}
.Up_logo img {
width: 65px;
}
.upmygov img {
width: 65px;
margin: 10px;
}
.Invest_up img {
width: 63px;
margin-top: 4px;
margin-left: -10px;
margin-right: 7px;
}
img.kta_logo {
width: 70px;
margin-right: -9px;
margin-left: 3px;
}
a.digilogo img {
width: 160px;
}
a.digilogo {
margin-left: 3px;
}
.navbar-nav .nav-link {
color: #000;
}
.navbar::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
border-top: 2px solid #fff;
}
.navbar-nav:before,
.navbar-nav:after {
content: '';
position: absolute;
top: -1px;
width: 86px;
height: calc(100% + 1px);
background-color: var(--themecolor);
z-index: -1;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.navbar-nav > li:nth-child(2):before,
.navbar-nav > li:last-child:before {
content: '';
position: absolute;
top: 2px;
width: 80px;
height: calc(100% - 2px);
background-color: var(--themewhite);
z-index: -2;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
opacity: 1;
}
.navbar-nav li:last-child:before {
right: -80px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.navbar-nav > li:nth-child(2):before {
left: -77px;
}
.navbar-nav::before {
left: -79px;
}
.navbar-nav:after {
right: -79px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.slider_banner {
position: relative;
margin-top: -45px;
}
.owl-1_sliderbutton a {
color: var(--themecolor1);
}
#owlplay-1 .fa {
color: var(--themecolor);
}
.owl-1_sliderbutton {
position: relative;
margin-top: -37px;
z-index: 9;
margin-right: 22px;
float: right;
}
#slider1 button.owl-prev {
left: 0;
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: 35px;
width: 35px;
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: -5px;
top: 12px;
position: absolute;
}
#slider1 button.owl-prev span {
margin-left: -7px;
top: 11px;
position: absolute;
}
#slider1 button.owl-prev:hover,
#slider1 button.owl-next:hover {
background: var(--themecolor);
}
#slider1 .owl-dots {
margin-top: -46px;
padding-top: 8px;
padding-left: 11px;
padding-bottom: 25px;
border-radius: 4px 0 0 0;
z-index: 9;
height: 36px;
width: auto;
float: right;
position: relative;
border: 1px solid #ffffff45;
background: rgb(255 255 255 / 40%);
padding-right: 2%;
}
section.key_sec {
padding: 45px 0;
position: relative;
}
section.key_sec::before {
content: url(../../MediaGallery/UI_Image/key_bg.png);
position: absolute;
top: 0;
right: 0;
z-index: -1;
opacity: 0.5;
}
section.key_sec::after {
content: url(../../MediaGallery/UI_Image/key_bg1.png);
position: absolute;
bottom: -9px;
left: 0;
z-index: -1;
opacity: 0.1;
}
.key_functionary {
background: var(--themewhite);
border: 1px solid #d3d3d3;
border-radius: 10px;
margin-bottom: 30px;
transition: .3s linear;
border-bottom: 3px solid var(--themecolor);
width: 100%;
}
.key_functionary:hover {
border-color: var(--themewhite);
filter: drop-shadow(0 14px 30px #dde1eb);
transition: .3s linear;
}
.key_img {
position: relative;
overflow: hidden;
border-radius: 8px 8px 130px 130px;
background: #e8edff;
text-align: center;
transition: all .3s ease-out 0s;
}
.key_cntnt {
padding: 10px;
}
h5.key_deggi {
font-size: 15px;
font-family: 'Exo';
position: relative;
text-align: center;
}
h2.Key_name {
font-family: 'Titillium';
font-size: 19px;
text-align: center;
font-weight: 600;
}
.key_img img {
transition: all 400ms ease;
}
.key_functionary:hover .key_img img {
transition: all 400ms ease;
transform: scale(1.1);
}
.home_heading {
font-family: 'Laila';
color: var(--themecolor);
font-size: 28px;
font-weight: 600;
}
.home_heading span {
color: var(--themecolor1);
}
.about_sec {
padding: 40px 0;
background-image: url(../../MediaGallery/UI_Image/about_bg.png);
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.circletext_sec {
position: absolute;
top: -48px;
right: -76px;
display: inline-block;
z-index: 1;
transform: scale(0.9);
}
.circletext_img {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: var(--theme-color);
width: 75px;
height: 75px;
line-height: 75px;
overflow: hidden;
border-radius: 50%;
text-align: center;
}
.circletext_img img {
width: 75px;
}
.circletext_cntnt {
background: #f4f6fe;
display: inline-block;
height: 160px;
width: 160px;
border-radius: 50%;
z-index: 1;
position: relative;
font-family: 'Itim';
font-size: 20px;
font-weight: 500;
color: var(--themecolor);
line-height: 12px;
text-align: center;
animation: spin 10s infinite alternate-reverse;
}
.circletext_cntnt:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
background: transparent;
border: 1px solid var(--themecolor);
height: 94%;
width: 94%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
}
.circletext_cntnt span {
--rotate-letter: 15deg;
height: 68px;
position: absolute;
width: 68px;
left: 23px;
top: 3px;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transform: rotate(var(--rotate-letter));
-ms-transform: rotate(var(--rotate-letter));
transform: rotate(var(--rotate-letter));
}
.circletext_cntnt span.char2 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 2));
-ms-transform: rotate(calc(var(--rotate-letter) * 2));
transform: rotate(calc(var(--rotate-letter) * 2))
}
.circletext_cntnt span.char3 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 3));
-ms-transform: rotate(calc(var(--rotate-letter) * 3));
transform: rotate(calc(var(--rotate-letter) * 3))
}
.circletext_cntnt span.char4 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 4));
-ms-transform: rotate(calc(var(--rotate-letter) * 4));
transform: rotate(calc(var(--rotate-letter) * 4))
}
.circletext_cntnt span.char5 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 5));
-ms-transform: rotate(calc(var(--rotate-letter) * 5));
transform: rotate(calc(var(--rotate-letter) * 5))
}
.circletext_cntnt span.char6 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 6));
-ms-transform: rotate(calc(var(--rotate-letter) * 6));
transform: rotate(calc(var(--rotate-letter) * 6))
}
.circletext_cntnt span.char7 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 7));
-ms-transform: rotate(calc(var(--rotate-letter) * 7));
transform: rotate(calc(var(--rotate-letter) * 7))
}
.circletext_cntnt span.char8 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 8));
-ms-transform: rotate(calc(var(--rotate-letter) * 8));
transform: rotate(calc(var(--rotate-letter) * 8))
}
.circletext_cntnt span.char9 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 9));
-ms-transform: rotate(calc(var(--rotate-letter) * 9));
transform: rotate(calc(var(--rotate-letter) * 9))
}
.circletext_cntnt span.char10 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 10));
-ms-transform: rotate(calc(var(--rotate-letter) * 10));
transform: rotate(calc(var(--rotate-letter) * 10))
}
.circletext_cntnt span.char11 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 11));
-ms-transform: rotate(calc(var(--rotate-letter) * 11));
transform: rotate(calc(var(--rotate-letter) * 11))
}
.circletext_cntnt span.char12 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 12));
-ms-transform: rotate(calc(var(--rotate-letter) * 12));
transform: rotate(calc(var(--rotate-letter) * 12))
}
.circletext_cntnt span.char13 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 13));
-ms-transform: rotate(calc(var(--rotate-letter) * 13));
transform: rotate(calc(var(--rotate-letter) * 13))
}
.circletext_cntnt span.char14 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 14));
-ms-transform: rotate(calc(var(--rotate-letter) * 14));
transform: rotate(calc(var(--rotate-letter) * 14))
}
.circletext_cntnt span.char15 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 15));
-ms-transform: rotate(calc(var(--rotate-letter) * 15));
transform: rotate(calc(var(--rotate-letter) * 15))
}
.circletext_cntnt span.char16 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 16));
-ms-transform: rotate(calc(var(--rotate-letter) * 16));
transform: rotate(calc(var(--rotate-letter) * 16))
}
.circletext_cntnt span.char17 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 17));
-ms-transform: rotate(calc(var(--rotate-letter) * 17));
transform: rotate(calc(var(--rotate-letter) * 17))
}
.circletext_cntnt span.char18 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 18));
-ms-transform: rotate(calc(var(--rotate-letter) * 18));
transform: rotate(calc(var(--rotate-letter) * 18))
}
.circletext_cntnt span.char19 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 19));
-ms-transform: rotate(calc(var(--rotate-letter) * 19));
transform: rotate(calc(var(--rotate-letter) * 19))
}
.circletext_cntnt span.char20 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 20));
-ms-transform: rotate(calc(var(--rotate-letter) * 20));
transform: rotate(calc(var(--rotate-letter) * 20))
}
.circletext_cntnt span.char21 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 21));
-ms-transform: rotate(calc(var(--rotate-letter) * 21));
transform: rotate(calc(var(--rotate-letter) * 21))
}
.circletext_cntnt span.char22 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 22));
-ms-transform: rotate(calc(var(--rotate-letter) * 22));
transform: rotate(calc(var(--rotate-letter) * 22))
}
.circletext_cntnt span.char23 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 23));
-ms-transform: rotate(calc(var(--rotate-letter) * 23));
transform: rotate(calc(var(--rotate-letter) * 23))
}
.circletext_cntnt span.char24 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 24));
-ms-transform: rotate(calc(var(--rotate-letter) * 24));
transform: rotate(calc(var(--rotate-letter) * 24))
}
.circletext_cntnt span.char25 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 25));
-ms-transform: rotate(calc(var(--rotate-letter) * 25));
transform: rotate(calc(var(--rotate-letter) * 25))
}
.circletext_cntnt span.char26 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 26));
-ms-transform: rotate(calc(var(--rotate-letter) * 26));
transform: rotate(calc(var(--rotate-letter) * 26))
}
.circletext_cntnt span.char27 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 27));
-ms-transform: rotate(calc(var(--rotate-letter) * 27));
transform: rotate(calc(var(--rotate-letter) * 27))
}
.circletext_cntnt span.char28 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 28));
-ms-transform: rotate(calc(var(--rotate-letter) * 28));
transform: rotate(calc(var(--rotate-letter) * 28))
}
.circletext_cntnt span.char29 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 29));
-ms-transform: rotate(calc(var(--rotate-letter) * 29));
transform: rotate(calc(var(--rotate-letter) * 29))
}
.circletext_cntnt span.char30 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 30));
-ms-transform: rotate(calc(var(--rotate-letter) * 30));
transform: rotate(calc(var(--rotate-letter) * 30))
}
.circletext_cntnt span.char31 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 31));
-ms-transform: rotate(calc(var(--rotate-letter) * 31));
transform: rotate(calc(var(--rotate-letter) * 31))
}
.circletext_cntnt span.char32 {
-webkit-transform: rotate(calc(var(--rotate-letter) * 32));
-ms-transform: rotate(calc(var(--rotate-letter) * 32));
transform: rotate(calc(var(--rotate-letter) * 32))
}
p.msg_p {
text-align: justify;
font-size: 15px;
}
.about_Images:after {
position: absolute;
left: -41px;
bottom: -50px;
width: 203px;
height: 198px;
background-image: url(../../MediaGallery/UI_Image/about_dot.png);
content: "";
z-index: -1;
}
.abut_img1 {
position: relative;
max-width: 460px;
}
.abut_img1:before {
position: absolute;
right: -50px;
top: 70px;
height: 110px;
width: 20px;
background-color: var(--themecolor2);
content: "";
}
.abut_img1:after {
background: rgba(255, 255, 255, 0.3);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
opacity: 1;
z-index: 9;
pointer-events: none;
}
.abut_img2 {
position: absolute;
left: 115px;
bottom: -70px;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
border: 8px solid #f1f3fb;
max-width: 400px;
}
.abut_img2:after {
background: rgba(255, 255, 255, 0.3);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
opacity: 1;
z-index: 9;
pointer-events: none;
}
.abut_img2:hover:after,
.abut_img1:hover:after {
height: 100%;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.about_Images {
position: relative;
z-index: 0;
margin-bottom: 55px;
}
.abut_img2 img {
position: relative;
}
.main_btn {
border: none;
position: relative;
display: inline-block;
z-index: 1;
text-decoration: none;
color: #ffffff;
font-family: 'Itim';
background-color: var(--themecolor2);
border: 1px solid var(--themecolor2);
transition-duration: 800ms;
font-size: 19px;
border-radius: 7px;
overflow: hidden;
text-transform: uppercase;
font-weight: 500;
line-height: 24px;
padding: 10px 25px;
}
.main_btn::before {
content: "";
position: absolute;
transition-duration: 800ms;
width: 200%;
height: 200%;
top: 110%;
left: 50%;
background: var(--themecolor1);
transform: translateX(-50%);
border-radius: 50%;
z-index: -1;
}
.main_btn:hover:before {
top: -40%;
transition-duration: 800ms;
}
.main_btn:hover {
border-color: var(--themecolor1);
transition-duration: 800ms;
}
.majorproject_sec {
background-image: url(../../MediaGallery/UI_Image/mp_bg.png);
background-color: var(--themecolor);
background-repeat: no-repeat;
padding-top: 30px;
padding-bottom: 20px;
background-attachment: fixed;
background-size: cover;
position: relative;
}
.majorproject_sec h4.home_heading {
text-align: center;
margin-bottom: 20px;
}
a.major_box {
position: relative;
background: var(--themewhite);
border-radius: 5px;
overflow: hidden;
text-decoration: none;
border: 2px solid #fff;
display: block;
margin: 0 30px;
}
.mp_img_box:after {
background: rgba(255, 255, 255, 0.3);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
opacity: 1;
z-index: 9;
pointer-events: none;
}
a.major_box:hover .mp_img_box:after {
height: 100%;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
a.major_box:hover .mp_img_box img {
filter: grayscale(100%);
transform: scale(1.1);
transition: all 400ms linear;
}
.mp_img_box img {
transition: all 400ms linear;
}
.major_box h6 {
color: var(--themecolor1);
padding: 10px 5px;
font-family: 'Exo';
text-align: center;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
/* height: 60px; */
}
.mp_img_box {
overflow: hidden;
transition: all 400ms linear;
}
.mp_head p {
color: #fff;
text-align: justify;
font-family: 'Exo';
font-size: 15px;
line-height: 22px;
margin: 20px 0 20px 15px;
margin-bottom: 25%;
}
#majorproject {
position: relative;
}
#majorproject .owl-nav button.owl-prev {
position: absolute;
top: 45%;
left: 0px;
}
#majorproject .owl-nav button.owl-next {
position: absolute;
top: 45%;
right: 0px;
}
#majorproject .owl-nav button.owl-prev span,
#majorproject .owl-nav button.owl-next span {
color: #fff;
font-size: 30px;
line-height: 18px;
transition: 0.5s;
background-color: var(--themecolor);
padding: 5px 0px;
height: 30px;
width: 30px;
display: block;
border-radius: 5px;
}
#majorproject .owl-nav button.owl-prev:hover span,
#majorproject .owl-nav button.owl-next:hover span {
color: var(--themewhite);
}
#majorproject .owl-nav button.owl-prev:hover,
#majorproject .owl-nav button.owl-next:hover {
background-color: transparent;
}
#majorproject .owl-nav button.owl-prev:hover span,
#majorproject .owl-nav button.owl-next:hover span {
background-color: var(--themecolor2);
}
.majorproject_sec .owl-nav button.owl-next span {
margin-right: -25px;
}
.majorproject_sec .owl-nav button.owl-prev span {
margin-left: -25px;
}
.majorproject_sec .owl-nav button.owl-next {
transform: translateY(-50%) translateX(-30px);
cursor: pointer;
opacity: 0;
transition: all 0.5s;
visibility: hidden;
}
.majorproject_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;
}
.majorproject_sec .owl-nav button.owl-prev {
transform: translateY(-50%) translateX(30px);
cursor: pointer;
opacity: 0;
transition: all 0.5s;
visibility: hidden;
}
.majorproject_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;
}
#majorproject .owl-dots {
margin-top: 14px;
}
#majorproject .owl-dots span, #Importantlinks .owl-dots span, #ProgramCategory .owl-dots span, span.swiper-pagination-bullet {
display: inline-block;
border: none;
font-size: 0;
width: 15px;
height: 4px;
border-radius: 20px;
padding: 0;
transition: all 0.2s;
background-color: #86bcff;
}
#majorproject .owl-dot.active span, #Importantlinks .owl-dot.active span {
width: 25px !important;
background-color: var(--themecolor1) !important;
transition: all 0.2s;
}
#majorproject .owl-dots span {
background-color: #fff5e3;
opacity: 1;
}
#ProgramCategory .owl-dot.active span, #majorproject .owl-dot.active span {
background-color: var(--themecolor2) !important;
}
.news_sec {
position: relative;
background-image: url(../../MediaGallery/UI_Image/news_bg.png);
padding-top: 50px;
background-attachment: fixed;
padding-bottom: 50px;
background-repeat: no-repeat;
background-size: 100%;
}
.news_top {
background: var(--themecolor1);
padding: 5px 15px;
border-radius: 5px 10px 5px 5px;
border-top: 4px solid var(--themecolor);
position: relative;
overflow: hidden;
z-index: 2;
}
.news_scroll {
width: 90%;
}
.news_bg {
position: relative;
z-index: 0;
}
.news_bg::before {
content: '';
position: absolute;
background-color: var(--themecolor);
width: 120px;
height: 140%;
top: -5px;
left: -19px;
}
.news_bg:after {
content: '';
position: absolute;
top: -6px;
left: 99px;
width: 84px;
height: calc(100% + 13px);
background-color: var(--themecolor);
z-index: -1;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.news_bg h5 {
padding: 5px;
color: var(--themecolor1);
font-size: 20px;
font-weight: 600;
font-family: 'Titillium';
position: relative;
z-index: 1;
margin-bottom: 0;
}
.ticker-box {
position: absolute;
right: 20px;
top: 6px;
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: var(--themecolor1);
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: var(--themecolor1);
color: var(--themecolor) !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: var(--themecolor);
padding: 5px;
background: var(--themecolor1);
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: var(--themecolor);
padding: 5px;
background: var(--themecolor1);
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: var(--themecolor1) !important;
background: #fff;
}
.news_card {
position: relative;
display: block;
/* box-shadow: -1px -1px 3px 0px #0000003b; */
width: 98%;
margin-top: 1% !important;
margin-left: 1% !important;
overflow: hidden;
border-radius: 5px;
cursor: pointer;
transition: box-shadow 0.2s ease, transform 0.2s ease;
margin-bottom: 10px !important;
}
.demof ul {
width: 100%;
padding: 0;
margin-top: -15px;
}
.demo5.demof {
margin-top: 10px;
min-height: 345px;
max-height: 345px;
}
.news_innerbox {
background-color: #f4f6ff;
border: 2px solid #f0f4ff;
transition: background-color .15s ease-out;
position: relative;
display: inline-block;
width: 100%;
border-radius: 5px;
box-sizing: border-box;
padding: 7px 15px;
}
.clnder_box {
position: absolute;
transition: 0.5s ease-in-out;
color: #000;
top: 0;
left: 0px;
height: 100%;
width: 70px;
text-align: left;
padding: 5px 7px;
overflow: hidden;
z-index: 1;
}
.clnder_box p {
display: block;
font-size: 16px;
margin-top: 15px;
font-weight: 700;
text-align: left;
margin-left: 2px;
font-family: 'Exo';
margin-bottom: 0px;
z-index: 2;
position: relative;
}
.clnder_box span {
display: block;
margin-left: 3px;
font-family: 'Titillium';
font-size: 14px;
z-index: 2;
position: relative;
}
.ticker_size {
text-align: left;
margin-right: 5px;
}
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-size: 14px;
margin-left: 2px !important;
font-weight: 500;
text-decoration: none;
display: -webkit-box;
max-width: 100%;
overflow: hidden;
height: 34px;
margin: 0 auto;
margin-bottom: 2px;
line-height: 18px;
margin-top: 0;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.news_textbox:hover {
color: #404040;
}
.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(--themecolor);
}
.news_card:hover .clnder_box:after {
opacity: 1;
transition: 0.5s ease-in-out;
}
/* .clnder_box:after {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 95px;
height: calc(100% + 9px);
opacity: 0.5;transition: 0.5s ease-in-out;
background-color: var(--themecolor);
z-index: 0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-transform: rotateY(180deg);
transform: rotate(180deg);
} */
.impslinks_crd {
text-decoration: none;
position: relative;
background-image: url(../../MediaGallery/UI_Image/imp_bg.png);
background-size: 100%;
background-color: #cf91ff;
color: #000000;
box-shadow: 0 0 20px 3px rgb(219 219 219 / 33%);
border-radius: 10px;
transition: 0.8s ease-in-out;
overflow: hidden;
padding: 12px 20px;
height: 130px;
display: flex;
align-items: center;
z-index: 1;
font-family: 'Laila';
padding-left: 105px;
font-size: 20px;
line-height: 22px;
border-bottom: 3px solid #cfcfcf;
}
.impslinks_crd:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0px;
height: 100%;
background-color: #bb63ff;
z-index: -1;
border-radius: 5px;
background-image: url(../../MediaGallery/UI_Image/imp_bg.png);
background-repeat: no-repeat;
background-size: 100%;
transition: 1.5s ease-in-out;
}
.impslinks_crd:hover::before {
width: 100%;
transition: 0.8s ease-in-out;
}
.impslinks_crd:hover {
color: #fff;
transition: 0.8s ease-in-out;
}
.imps_icon {
position: absolute;
left: 20px;
background: #fff;
padding: 15px;
border-radius: 100%;
overflow: hidden;
z-index: 0;
}
.impslinks_crd:hover .imps_icon img {
transform: rotate(360deg);
transition: 0.8s ease-in-out;
}
.imps_icon img {
width: 40px;
transition: 0.8s ease-in-out;
}
.impslinks_crd.snd {
background-color: #ff7ab3;
}
.impslinks_crd.snd:before {
background-color: #ff5ca2;
}
.impslinks_crd.thrd {
background-color: #ffa36a;
}
.impslinks_crd.thrd:before {
background-color: #fc8a46;
}
.impslinks_crd.frth {
background-color: #76adfd;
}
.impslinks_crd.frth:before {
background-color: #4f94fc;
}
.egov_sec {
position: relative;
background-image: url(../../MediaGallery/UI_Image/egov_bg.png);
background-color: aliceblue;
background-attachment: fixed;
padding-top: 40px;
padding-bottom: 40px;
background-repeat: no-repeat;
background-size: 100%;
}
.egov_sec .home_heading {
margin-bottom: 30px;
}
.egov_card {
display: flex;
width: 100%;
background-color: #FFFFFF;
border-radius: 7px;
color: #727272;
text-decoration: none;
box-shadow: 0px 7px 15px #E6EDF4;
border: 1px solid #efefef;
transition: .3s ease-in-out;
margin-bottom: 30px;
overflow: hidden;
transform: scale(1);
padding: 10px;
}
.egov_img {
width: 80px;
height: 80px;
}
.egov_contnt {
padding: 28px 33px;
width: 100%;
position: relative;
}
.egov_contnt h5 {
position: relative;
font-family: 'Titillium';
color: var(--themecolor1);
font-size: 19px;
height: 41px;
font-weight: 600;
}
.egov_contnt h5::before {
content: '';
position: absolute;
width: 45px;
border-top: 2px solid var(--themecolor);
border-radius: 5px;
top: -10px;
}
p.clr_p {
font-size: 12px;
font-family: 'Exo';
color: #004c91;
color: #0053bf;
font-weight: 600;
}
.egov_contnt .e_pra {
font-size: 12px;
font-weight: 500;
text-decoration: none;
display: -webkit-box;
max-width: 100%;
overflow: hidden;
color: #464646;
height: 33px;
margin: 0 auto;
margin-bottom: 2px;
line-height: 16px;
margin-top: 0;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.egov_card:hover {
transform: scale(1.03);
transition: .3s ease-in-out;
}
.home_gallery_sec {
background-image: url(../../MediaGallery/UI_Image/homegallery.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100%;
padding: 40px 0;
padding-bottom: 60px;
position: relative;
}
.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 {
width: 100%;
height: 100%;
object-fit: cover;
box-shadow: 0 2px 16px rgba(0,0,0,.2);
}
.infra_gallery {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-rows: 50%;
grid-auto-flow: dense;
grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}
.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;
border: 1px solid #d9d9d9;
cursor: none;
border-radius: 5px;
display: flex;
overflow: hidden;
-webkit-transition: 800ms ease;
-o-transition: 800ms ease;
transition: 800ms ease;
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25);
}
.gallery_imgbox img {
position: relative;
}
.gallery_imgbox img {
height: 100%;
width: 100%;
border-radius: 4px;
-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%);
pointer-events: none;
border-radius: inherit;
z-index: 0;
-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;
}
a.View_more {
text-align: right;
display: block;
margin-top: 50px;
text-decoration: none;
margin-bottom: -35px;
font-family: 'Laila';
transition: 0.3s;
color: var(--themecolor1);
}
a.View_more:hover {
letter-spacing: 1px;
transition: 0.3s;
color: var(--themecolor);
}
.Importantlinks_sec {
background-image: url(../../MediaGallery/UI_Image/implnk_bg.png);
background-repeat: no-repeat;
background: aliceblue;
background-size: 100%;
padding: 60px 0;
padding-bottom: 85px;
position: relative;
}
img.uplogo_hight {
height: 68px;
}
.Importantlinks {
position: relative;
}
.slideritem {
display: flex;
align-items: center;
justify-content: center;
height: 80px;
margin: 0 25px;
}
img.height_65 {
height: 65px;
}
.height_60 {
height: 60px;
}
#Importantlinks {
position: relative;
}
#Importantlinks .owl-nav button.owl-prev {
position: absolute;
top: 30%;
left: 0;
}
#Importantlinks .owl-nav button.owl-next {
position: absolute;
top: 30%;
right: 0;
z-index: 9;
}
#Importantlinks .owl-nav button.owl-prev span,
#Importantlinks .owl-nav button.owl-next span {
color: #ffffff;
font-size: 50px;
font-family: 'FontAwesome';
line-height: 21px;
transition: 0.5s;
background-color: var(--themecolor1);
padding: 3px;
height: 40px;
width: 40px;
display: block;
border-radius: 48px;
}
#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(--themecolor);
}
.Importantlinks .owl-nav button.owl-next span {
margin-right: 0;
padding-left: 6px !important;
}
.Importantlinks .owl-nav button.owl-prev span {
margin-left: 0;
padding-left: 0 !important;
}
.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: 1px;
left: 52%;
margin-left: 0;
color: var(--themecolor);
z-index: 99;
}
.owl-2_sliderbutton a {
color: var(--themecolor);
cursor: pointer;
}
a#owlstop-2 {
color: var(--themecolor1);
}
.footer_sec {
position: relative;
background-color: var(--themecolor1);
background-image: url(../../MediaGallery/UI_Image/footer_bg.png);
background-repeat: no-repeat;
padding-top: 75px;
}
.svg_footer path {
fill: #f0f8ff !important;
}
a.ftr_home {
display: block;
text-align: center;
text-decoration: none;
color: var(--themecolor);
}
a.ftr_home img {
text-align: center;
width: 110px;
margin-top: -162px;
}
a.ftr_home div {
margin-top: -35px;
font-size: 40px;
font-weight: 600;
display: block;
font-family: 'Itim';
color: var(--themecolor);
}
a.ftr_home div span {
display: block;
font-size: 17px;
font-family: 'Exo';
color: var(--themecolor2);
margin-top: -6px;
}
.footer_cntnt {
position: relative;
}
span.lst_updat {
color: #80b0dd;
font-size: 13px;
font-weight: 500;
}
span.visitor_no {
color: #80b0dd;
float: right;
font-size: 13px;
font-weight: 500;
}
.footer_bottom {
margin-top: 5px;
border-top: 2px dashed #3b6083;
padding-top: 10px;
padding-bottom: 8px;
background-color: #0000004a;
}
.home_contct {
padding-top: 20px;
}
.home_contct p {
position: relative;
color: #ffff;
font-size: 14px;
padding-left: 33px;
}
.home_contct p img {
position: absolute;
width: 22px;
left: 0;
top: -3px;
}
.copyright {
color: #fff;
font-size: 12px;
}
.powerd_by {
color: #fff;
font-size: 12px;
float: right;
}
.powerd_by a {
text-decoration: none;
color: #fff;
}
.powerd_by a:hover {
color: var(--themecolor);
}
p.footer_text {
color: var(--themewhite);
margin-top: 20px;
font-size: 14px;
text-align: center;
margin-bottom: 30px;
}
a.web_mannger {
color: var(--themecolor);
text-decoration: none;
font-weight: 600;
}
a.web_mannger:hover {
color: var(--themewhite);
}
ul.footer_nav {
padding-left: 0px;
padding-top: 20px;
}
.footer_nav > li {
margin-bottom: 2px;
list-style: none
}
.footer_nav > li > a {
color: #ffffff;
font-weight: 500;
font-size: 14px;
position: relative;
font-family: 'Exo';
text-decoration: none;
transition: .3s cubic-bezier(.24, .74, .58, 1);
}
.footer_nav > li > a:hover {
color: var(--themewhite);
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: -15px;
margin-bottom: 20px;
justify-content: center;
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: 5px;
background-color: #fff;
text-align: center;
transition: .4s;
box-shadow: 0 5px 4px rgba(0, 0, 0, .5);
box-shadow: 0 5px 4px rgb(0 0 0 / 15%)
}
.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(--themecolor2), var(--themecolor2));
background-color: var(--themecolor2);
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-wrap::after {
position: absolute;
font-family: 'FontAwesome';
content: "\f062";
text-align: center;
line-height: 40px;
font-size: 14px;
color: #fff;
/* --- Pijl kleur --- */
left: 0;
top: 0;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 0;
}
.progress-circle > path {
fill: transparent !important;
}
.progress-wrap::before {
position: absolute;
font-family: 'FontAwesome';
content: "\f062";
text-align: center;
line-height: 40px;
font-size: 14px;
opacity: 0;
background-color: #fff;
background: rgb(255, 255, 255);
/* --- Pijl hover kleur --- */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::before {
opacity: 1;
}
.progress-wrap svg {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.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;
}
.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;
left: 0;
overflow: hidden;
position: absolute;
top: 155px;
width: 100%;
padding: 3px;
border-radius: 10px;
border-bottom: 5px solid var(--themecolor1);
}
.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;
right: -55px;
background: var(--themecolor1);
width: 56px;
top: 25%;
z-index: 0;
color: #ffffff;
height: 55px;
box-shadow: 2px 1px 60px rgba(0, 0, 0, 0.10);
cursor: pointer;
display: block;
line-height: 55px;
text-align: center;
border-radius: 0 50px 50px 0;
}
.styleswitcher .switcher-btn-bx img {
animation: beat .75s infinite alternate;
width: 37px;
}
.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(--themecolor2);
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(--themecolor);
border-color: var(--themecolor);
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;
}
.svg_footer {
bottom: auto;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.svg_footer svg {
width: 100%;
height: auto;
display: block;
}
.underlined {
text-decoration: underline !important;
text-underline-offset: 4px;
}
.inner_ftr .svg_footer path {
fill: #ffffff !important;
}
section.footer_sec.inner_ftr {
margin-top: 50px;
}
.inner_ftr .svg_footer {
top: -1px;
}
section.breadcrumb {
margin-top: -45px;
position: relative;
}
.breadcrumb_bg img {
width: 100%;
height: 100%;
}
img.inner_bner {
width: 100%;
}
.breadcrumb_bg {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
}
.breadcrumb_bg::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
opacity: 0.5;
background-color: #000;
z-index: 1;
}
li.breadcrumb_items a {
color: #fff;
text-decoration: none;
}
.breadcrumb_cont h4 {
font-size: 24px;
font-weight: 600;
letter-spacing: 1px;
text-align: left;
font-family: 'Laila';
}
li.breadcrumb_items {
font-weight: 600;
font-size: 18px;
}
.breadcrumb_items + .breadcrumb_items::before {
font-family: FontAwesome;
content: "\f101";
font-weight: 400;
font-size: 20px;
color: var(--lightgray);
padding: 0 10px;
line-height: 55px;
}
.breadcrumb_cont {
z-index: 1;
position: absolute;
bottom: 0;
color: #fff;
padding-bottom: 20px !important;
}
ul.breadcrumb_nav {
display: flex;
font-size: 17px;
align-items: center;
font-weight: 300;
list-style: none;
padding-left: 0;
justify-content: end;
height: 25px;
font-family: 'Exo';
margin-bottom: 0;
}
.main_content {
min-height: 450px;
padding: 30px 0;
position: relative;
}
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);
}
.page_heading {
color: var(--themecolor2);
font-size: 23px;
font-weight: 700;
position: relative;
padding-left: 25px;
font-family: 'Laila';
margin-bottom: 15px;
margin-top: 30px;
}
.page_heading:before {
content: "";
background-image: url(../../MediaGallery/Icons/heading.png);
background-size: contain;
display: inline-block;
width: 27px;
height: 27px;
top: 7px;
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: 25px;
height: 25px;
position: relative;
top: 4px;
margin-right: 4px;
margin-left: -27px;
}
.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;
}
.dropdown_display3 {
display: flex;
float: right;
align-items: center;
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;
}
.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: #8fa5cf;
border-color: #ffd377;
}
.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(--themecolor1);
}
td a:hover {
color: #626262;
}
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: #fff7e5 !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: #ffdf9c !important
}
.Clr_table tr th, .datatable > thead > tr > th {
background-color: #ff9800 !important;
color: #fff !important;
text-align: center;
border-color: #ffd377 !important;
border-top: 1px solid;
font-weight: 600;
}
.Clr_table tr th:hover, .datatable-table th:hover {
background-color: #ff9800 !important;
}
.Clr_table tr.snd_th th, .datatable > thead > tr.snd_th > th {
background-color: #ededed !important;
border-color: #dfdfdf !important;
}
.Clr_table tr.snd_th th:hover, .datatable-table .snd_th th:hover {
background-color: #ededed !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 top, var(--themecolor2), var(--themecolor));
padding: 5px;
border-radius: 50%;
height: 35px;
width: 35px;
display: block;
font-size: 20px;
color: #fff;
display: inline-block;
transition: .5s;
line-height: 26px;
text-align: center;
}
.download_icon:hover {
background-image: linear-gradient(to top, var(--themecolor), var(--themecolor2));
color: #fff
}
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: 1030px;
min-width: 1030px;
width: 1030px;
}
.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: 11px;
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 #01203d;
width: 50%;
height: 20px;
}
.tree li::after {
right: auto;
left: 50%;
border-left: 1px solid #01203d;
}
.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 #01203d;
/* 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 #01203d;
width: 0;
height: 20px;
}
.tree li div {
min-width: 170px;
height: 30px;
background-color: #ffde96;
color: #000;
border: 1px solid #ffcc5e;
padding: 3px 15px;
text-decoration: none;
font-weight: 600;
font-size: 12px;
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, .dypt_1.hoveros li div {
transition: all .5s;
background-color: #ffb20d !important;
border: 1px solid #fbab00 !important;
color: #fff !important;
}
div.os_no_hover:hover ~ ul.OH_lst > li > div {
background-color: #ffde96 !important;
color: #000 !important;
border: 1px solid #ffcc5e !important;
}
ul.OH_lst {
margin-left: 65px;
margin-right: -150px;
}
ul.OH_lst:before {
height: 70px !important;
top: -50px !important;
}
ul.lst_semt li {
float: none;
margin-left: 40px;
}
ul.lst_semt:before {
top: -30px !important;
left: auto !important;
right: -20px !important;
border: none !important;
border-top: 1px solid #01203d !important;
width: 50px !important;
height: 0;
}
ul.lst_semt li:before {
right: -109px;
top: -49px;
border: none !important;
border-left: 1px solid #01203d !important;
width: 50%;
height: 84px;
}
ul.lst_semt li:after {
top: 35px;
z-index: 27;
width: 25px !important;
right: -20px !important;
left: auto !important;
border-left: none;
border-top: 1px solid !important;
}
ul.mnerg_1 {
margin-right: -435px;
}
ul.supdnt_1 {
margin-right: 115px;
margin-left: 72px;
}
ul.supdnt_1:before {
left: 267px !important;
}
ul.lst_semt {
margin-top: 15px;
}
ul.mnerg_1:before {
left: 101px !important;
}
ul.accunt_1 {
margin-top: 20px;
}
ul.accunt_1:before {
top: -20px !important;
height: 40px !important;
}
ul.dypt_1 {
margin-right: -539px;
margin-top: 20px;
}
ul.mnerg_1 > li > div:before {
content: '';
position: absolute;
top: 50px;
left: 50%;
border-left: 1px solid #01203d;
width: 0;
height: 20px;
}
ul.dypt_1 > li > div:before {
content: '';
position: absolute;
top: -20px;
left: 74px;
border-top: 1px solid #01203d;
width: 541px;
height: 20px;
}
.major_pg a.major_box {
position: relative;
background: #ededed;
border-radius: 5px;
overflow: hidden;
text-decoration: none;
border: 4px solid #ededed;
display: block;
margin: 0;
width: fit-content;
margin-bottom: 25px;
}
.major_pg .col-lg-3.col-md-4.col-sm-6.col-12 {
justify-content: center;
display: flex
}
.major_pg .mp_img_box img {
width: 100%;
border-radius: 4px;
}
.major_pg .mp_img_box {
border-radius: 4px;
}
.photo_cat {
position: relative;
background: #ededed;
border-radius: 5px;
overflow: hidden;
text-decoration: none;
border: 4px solid #ededed;
display: block;
margin: 0;
width: fit-content;
margin-bottom: 25px;
}
.photo_cat_img {
border-radius: 4px;
overflow: hidden;
transition: all 400ms linear;
}
.photo_cat_img img {
width: 100%;
border-radius: 4px;
transition: all 400ms linear;
}
.photo_cat_img:after {
background: rgba(255, 255, 255, 0.3);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
opacity: 1;
z-index: 9;
pointer-events: none;
transition: all 400ms linear;
}
.photo_cat h6 {
color: var(--themecolor1);
padding: 10px 5px;
font-family: 'Exo';
text-align: left;
margin-bottom: 0;
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
a.photo_cat:hover .photo_cat_img img {
filter: grayscale(100%);
transform: scale(1.1);
transition: all 400ms linear;
}
a.photo_cat:hover .photo_cat_img:after {
height: 100%;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
span.total_img {
position: absolute;
color: var(--themecolor2);
font-size: 12px;
bottom: 0px;
font-weight: 500;
transition: 0.8s ease-in-out;
right: -100px;
}
a.photo_cat:hover span.total_img {
right: 5px;
transition: 0.8s ease-in-out;
}
.page_head {
font-weight: 700;
font-size: 20px;
color: var(--themecolor2);
line-height: 22px;
font-family: Exo, sans-serif;
}
a.cate_back {
float: right;
font-size: 17px;
font-weight: 700;
color: #f10200;
text-decoration: none;
}
.contact_card {
box-shadow: 0px 4px 30px rgba(8, 14, 28, 0.08);
border-radius: 5px;
overflow: hidden;
background-color: var(--themewhite);
}
.contact_bx {
display: flex;
align-items: center;
margin: 25px;
}
.contant_icon {
box-shadow: 0px 4px 30px rgba(8, 14, 28, 0.08);
border-radius: 50px;
}
.contant_icon img {
width: 40px;
}
.contant_icon {
box-shadow: 0px 4px 30px rgb(64 64 64 / 17%);
border-radius: 15px;
padding: 10px;
margin-right: 18px;
}
.contact_bx p {
margin-bottom: 0;
line-height: 19px;
font-size: 15px;
font-weight: 600;
}
.contact_card iframe {
margin-bottom: -7px;
margin-right: -2px;
border-radius: 0 5px 5px 0;
}
section.inner_banner {
position: relative;
}
.inerr_img img {
width: 100%;
}
section.inner_banner h5 {
font-size: 25px;
font-weight: 600;
position: absolute;
top: 45%;
translate: 0 -50%;
left: 100px;
color: #fff;
}
.imp_links:hover {
transform: scale(1.03);
transition: .3s ease-in-out;
}
.imp_links {
text-align: center;
display: block;
width: 100%;
margin-bottom: 10px;
padding: 10px 10px;
font-weight: 600;
font-size: 16px;
background-color: #ff9800;
border-radius: 7px;
color: #fff;
text-decoration: none;
box-shadow: 0px 7px 15px #E6EDF4;
transition: .3s ease-in-out;
transform: scale(1);
}
section.Gip_bg .col-md-4,
section.Gip_bg .col-md-5 {
padding-right: 7px;
padding-left: 7px;
}
.multi_crds {
position: relative;
margin-top: 40px;
}
h4.home_head {
font-family: 'Droid Sans', sans-serif !important;
font-size: 22px;
font-weight: 600;
margin-bottom: 25px;
}
.gip_card {
display: flex;
width: 100%;
height: 250px;
background-color: #FFFFFF;
border-radius: 7px;
color: #727272;
text-decoration: none;
box-shadow: 0px 0px 15px #E6EDF4;
transition: .3s ease-in-out;
margin-bottom: 30px;
overflow: hidden;
transform: scale(1);
}
.gip_card:hover {
transform: scale(1.03);
transition: .3s ease-in-out;
}
.gip_content {
padding: 15px 8px;
width: 100%;
}
img.gip_img {
height: 101%;
}
img.card_logo {
left: auto;
position: absolute;
border-radius: 10px;
height: 45px;
margin-left: 15px;
top: 11px;
}
.gip_content h6 {
color: #000;
font-size: 18px;
margin-top: 5px;
font-weight: 600;
margin-bottom: 25px;
position: relative;
}
.gip_content h6:before {
content: '';
background-color: #ff9800;
height: 3px;
width: 50px;
position: absolute;
bottom: -10px;
}
.gip_content p.fst_p {
font-size: 13px;
line-height: 14px;
font-weight: 500;
margin-bottom: 15px;
}
.gip_content p.clr_p {
font-size: 12px;
color: #13A8EB;
line-height: 16px;
font-weight: 600;
text-align: left;
}
.gip_content a.gip_view {
background: #ff9800;
padding: 7px 14px;
margin-right: 5px;
text-align: center;
border-radius: 18px;
font-size: 12px;
color: #fff;
font-weight: 500;
transition: .3s ease-in-out;
}
.gip_content a.gip_view:hover {
background-color: #E1E1E1;
text-decoration: none;
color: #232137;
transition: .3s ease-in-out;
}
.gip_content a.gip_more {
background: #E1E1E1;
padding: 7px 14px;
margin-left: 5px;
text-align: center;
border-radius: 18px;
font-size: 12px;
color: #232137;
font-weight: 500;
transition: .3s ease-in-out;
}
.gip_content a.gip_more:hover {
background-color: #ff9800;
text-decoration: none;
color: #fff;
transition: .3s ease-in-out;
}
.gip_btn {
margin-top: 20px;
}
.ncge_bg {
position: relative;
background: #fff;
padding: 50px 100px;
}
.ncg_card {
display: flex;
border: 1px solid #D9E6F5;
background: #FFFFFF;
border-radius: 10px;
box-shadow: 0px 7px 15px #E6EDF4;
transition: .3s ease-in-out;
margin: 12px;
padding: 18px 15px;
position: relative;
}
.ncg_content h4 {
font-size: 18px;
font-weight: 600;
}
.ncg_box {
background: #ff9800;
padding: 14px 10px;
font-size: 21px;
font-weight: 600;
margin-left: -45px;
margin-right: 11px;
border-radius: 10px;
color: #fff;
}
a.ncg_view {
padding: 7px 10px;
background: #9C9C9C;
border-radius: 15px 0 0 15px;
font-size: 11px;
transition: .3s ease-in-out;
color: #fff;
}
a.ncg_view:hover {
background: #E1E1E1;
color: #232137;
transition: .3s ease-in-out;
text-decoration: none;
}
a.ncg_Awarded {
background: #E1E1E1;
color: #232137;
padding: 7px 10px;
transition: .3s ease-in-out;
font-size: 11px;
border-radius: 0 15px 15px 0;
}
a.ncg_Awarded:hover {
background: #9C9C9C;
color: #fff;
transition: .3s ease-in-out;
text-decoration: none;
}
.ncg_btn {
right: 11px;
position: absolute;
bottom: 20px;
}
@media (min-width:1746px) and (max-width:1945px) {
.gip_content h6 {
font-size: 23px;
margin-top: 10px;
margin-bottom: 20px;
}
.gip_content p.fst_p {
font-size: 14px;
}
.gip_content p.clr_p {
font-size: 14px;
line-height: 20px;
}
a.ncg_view, a.ncg_Awarded {
padding: 9px 12px
}
}
@media only screen and (max-width: 1501px) and (min-width: 510px) {
section.inner_banner h5 {
font-size: 22px;
left: 60px;
}
h4.home_head {
font-size: 20px;
}
.gip_card {
height: 200px;
}
img.card_logo {
left: 24px;
height: 35px;
top: 10px;
}
.gip_content {
padding: 6px 10px;
}
.gip_content h6 {
font-size: 17px;
margin-bottom: 19px;
}
.gip_content h6:before {
bottom: -9px;
}
.gip_content p.fst_p {
font-size: 10px;
line-height: 13px;
margin-bottom: 8px;
}
.gip_content p.clr_p {
font-size: 10px;
line-height: 13px;
margin-bottom: 8px;
}
.ncg_box {
font-size: 24px;
}
.ncg_content h4 {
font-size: 17px;
}
.ncg_card {
margin: 8px;
padding: 15px 15px;
}
a.ncg_view,
a.ncg_Awarded {
padding: 6px 8px;
font-size: 10px;
}
}
@media only screen and (max-width: 1190px) and (min-width: 510px) {
.imp_links {
font-size: 12px;
}
.multi_crds {
margin-top: 25px;
}
h4.home_head {
font-size: 18px;
}
.gip_card {
height: 180px;
}
.gip_content h6 {
font-size: 15px;
margin-bottom: 17px;
}
.gip_content h6:before {
height: 2px;
bottom: -6px;
}
.gip_content {
padding: 4px 7px;
}
.gip_content p.fst_p {
font-size: 9px;
margin-bottom: 5px;
}
.gip_content p.clr_p {
font-size: 9px;
line-height: 11px;
margin-bottom: 5px;
}
.ncg_box {
font-size: 22px;
}
.ncg_content h4 {
font-size: 15px;
}
.ncg_card {
margin: 7px;
padding: 11px;
}
.ncg_box {
background: #ff9800;
padding: 11px 7px;
font-size: 20px;
font-weight: 600;
margin-left: -41px;
margin-right: 11px;
border-radius: 10px;
color: #fff;
}
a.ncg_view, a.ncg_Awarded {
padding: 5px;
font-size: 9px;
}
.ncg_btn {
right: 8px;
position: absolute;
bottom: 14px;
}
}
a {
text-decoration: none
}
a.contactus {
color: var(--themecolor2);
font-weight: 600;
transition: .3s ease-in-out;
}
a.contactus:hover {
color: var(--themecolor1);
transition: .3s ease-in-out;
}
.dropdwn_title3 {
font-size: 15px;
position: absolute;
z-index: 999;
color: var(--themecolor3);
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(--themecolor3);
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;
}
.height_100 {
min-height: 102px !important;
}
.captcha {
display: flex;
justify-content: center
}
.captcha span {
padding: 10px 4px;
}
.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;
}
.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
}
.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;
}
.feedback_crd {
box-shadow: 0px 10px 25px 0px rgba(25, 54, 86, 0.07);
border: 1px solid #f7f8f9;
border-radius: 5px;
}
.sitemap a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
--ms-transition: all 0.3s ease 0s;
text-decoration: none;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: var(--themecolor1);
font-weight: 500;
font-family: Exo;
}
.sitemap a:hover {
color: var(--themecolor) !important;
margin-left: 10px;
}
.webmaster_card {
box-shadow: 0px 10px 25px 0px rgba(25, 54, 86, 0.07);
margin: 5% 10%;
padding: 30px;
display: flex;
}
.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;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--themecolor1) #ffffff;
}
*::-webkit-scrollbar {
width: 10px;
}
*::-webkit-scrollbar-track {
background: #f3f7fd;
}
*::-webkit-scrollbar-thumb {
background-color: var(--themecolor1);
border-radius: 5px;
border: 2px solid #ffffff;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.view_all {
display: inline-block;
background: var(--themecolor);
font-size: 15px;
border: 1px solid var(--themecolor);
color: var(--themewhite);
padding: 8px 30px;
position: relative;
overflow: hidden;
text-decoration: none;
font-family: 'Exo';
font-weight: 600;
transition: .5s;
border-radius: 5px;
z-index: 1;
}
.view_all:hover {
color: var(--themecolor);
transition: .5s;
}
.footerDate {
position: absolute;
bottom: -63px;
font-weight: 500;
z-index: 9;
right: 40px;
}
.footerDates {
position: absolute;
z-index: 99;
right: 40px;
top: 0;
font-weight: 500;
}
.dropdown_display3.cat_fltr {
position: absolute;
right: 240px;
top: 0;
}
img.pdf_view {
width: 18px;
margin-top: -4px;
margin-right: 3px;
}
.dropdown_display3.cat_fltrs {
position: absolute;
right: 300px;
}
.col-md-3.col-xs-6.col-12.gallery_imgbox {
margin-bottom: 20px;
}
.uc_cont {
margin-right: 40px;
}
.uc_cont h4 {
font-family: 'Exo';
font-size: 25px;
color: var(--themecolor);
font-weight: 700;
margin-bottom: 2px;
}
.uc_cont p {
font-size: 17px;
color: var(--themecolor1);
font-weight: 600;
}
img.Mahakumbh_logo {
width: 65px;
margin-left: 7px;
}
a.AI_Skill_logo img {
width: 81px;
}
img.links_img.al_skill_logo {
width: 130px;
}
ul.dropdown-menu.bg-white {
height:auto;
}