@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CenturyGothic-Bold';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff'),
        url('../fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Comfortaa-Bold';
    src: url('../fonts/Comfortaa-Bold.eot');
    src: url('../fonts/Comfortaa-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Comfortaa-Bold.woff2') format('woff2'),
        url('../fonts/Comfortaa-Bold.woff') format('woff'),
        url('../fonts/Comfortaa-Bold.ttf') format('truetype'),
        url('../fonts/Comfortaa-Bold.svg#Comfortaa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Comfortaa-Regular';
    src: url('../fonts/Comfortaa-Regular.eot');
    src: url('../fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Comfortaa-Regular.woff2') format('woff2'),
        url('../fonts/Comfortaa-Regular.woff') format('woff'),
        url('../fonts/Comfortaa-Regular.ttf') format('truetype'),
        url('../fonts/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open-Sans-regular';
    src: url('../fonts/Open-Sans-regular.eot'),
         url('../fonts/Open-Sans-regular.woff2') format('woff2'),
         url('../fonts/Open-Sans-regular.woff') format('woff'),
         url('../fonts/Open-Sans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  --font-size: 18px;
  --line-height: 20px;
  --primary-color: #fc7033;
  --secondary-color: #333;
  --hover-color: #333;
  
  --blue-color: #04509b;
  --green-color: #619002;
  --brown-color: #937143;
}

img,object,embed,video{max-width:100%;display:block;width:100%; margin: 0px; padding: 0px;}

.ie6 img{width:100%;display:block}
body{position:relative}
body,div,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,th,td,img{font:'Open-Sans-regular',Sans-Serif;margin:0;padding:0;border:0;color:#555}
.clear{clear:both}
*{outline:none}
*,::after,::before{box-sizing:border-box}
.hide{display:none}
::-moz-selection{background:none repeat scroll 0 0 #70c831;color:#FFF}
label{margin:0}
label.error{font-size:11px!important;text-align:right!important;right:0!important;top:-10px!important;color:red!important}
#footer_form label.error{font-size:11px!important;text-align:right!important;right:0!important;top:20px!important;color:red!important}
:root{--main-color:#165e89;--light-greenbg:#e6f6e8;--light-redbg:#fee4ee;--light-yellowbg:#ffefd2;--light-bluebg:#e9f4ff}
textarea,input:matches( [type="email"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="url"] ){-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]:hover,input[type="number"]:focus{-moz-appearance:number-input}

.container{max-width:90%}

h1 {font: /*bold*/ 35px/40px 'CenturyGothic-Bold',Sans-Serif; color: #555; letter-spacing: -0.5px;}
h2 {font: /*bold*/ 30px/35px 'CenturyGothic-Bold',Sans-Serif; color: #555;}
h3 {font: /*bold*/ 25px/30px 'CenturyGothic-Bold',Sans-Serif; color: #555;}
h4 {font: /*bold*/ 20px/25px 'CenturyGothic-Bold',Sans-Serif; color: #555;}
h5 {font: /*bold*/ 15px/20px 'CenturyGothic-Bold',Sans-Serif; color: #555;}
h6 {font: /*bold*/ 10px/15px 'CenturyGothic-Bold',Sans-Serif; color: #555;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span  { font-family: 'CenturyGothic',Sans-Serif;}

.Comfortaa-Regular {font-family:'Comfortaa-Regular',Sans-Serif!important}
.Comfortaa-Bold {font-family:'Comfortaa-Bold',Sans-Serif!important}

.CenturyGothic-Regular {font-family:'CenturyGothic',Sans-Serif!important}
.CenturyGothic-Bold {font-family:'CenturyGothic-Bold',Sans-Serif!important}

p{font-family:'Open-Sans-regular',Sans-Serif;font-size:16px;color:#555;line-height: 28px;text-align: left;padding:5px 0}

a{color:#505e7a;text-decoration:none; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
a:hover{color:#000;text-decoration:underline}

::-webkit-input-placeholder{color:#000}
:-moz-placeholder{color:#000}
::-moz-placeholder{color:#000}
:-ms-input-placeholder{color:#000}
.text-trans-none{text-transform:none!important}
.text-center{text-align:center}
.text-right, .text-right p {text-align:right!important}
.text-white{color:#FFF!important}
.text-black{color:#555!important}
.text-ash{color:#999!important}
.text-green{color:#32b16e!important}
.text-blue{color:#282d78!important}
.text-az-blue{color:var(--main-color)!important}
.text-yellow{color:#f7941d!important}
.text-light-green{color:#42c17e!important}
.text-red{color:#da1f27!important}
.text-violet{color:#7d1771!important}
.text-orange{color:#fc7033!important}
.text-capital{text-transform:uppercase!important}
.bold{font-weight:700}
.width-auto{width:auto!important}
label{padding:0;margin:0}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#777;opacity:.5}



/*-------: Dark Theme Start :-------*/

body.dark-theme { background: #222;}
body.dark-theme p,
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6,
body.dark-theme p a,
body.dark-theme li { color: #FFF;}
body.dark-theme header, body.dark-theme header.smaller{ background: #000;}
body.dark-theme #primary_nav_wrap li a, body.dark-theme header.smaller #primary_nav_wrap li a { color: #fff;}
body.dark-theme #primary_nav_wrap li:hover a, body.dark-theme header.smaller #primary_nav_wrap li:hover a { background: #000; color: #FFF; border-color: #555; }

body.dark-theme .logo-black { display: none;}
body.dark-theme .logo-white { display: block;}

.dark-theme .division-thumb h4,
.dark-theme .division-thumb p { color: #555;}
.dark-theme .grey-bg, .dark-theme .grey-bg-b { background: none;}
.dark-theme .newsroom-content p, .dark-theme .newsroom-content h3 { color: #555;}
.dark-theme footer { background: #111;}
.dark-theme .footer-links li a { color: #FFF;}

.dark-theme .grey-bg { background: #161616;}
.dark-theme .white-bot-grey::before { display: none;}


body.dark-theme.blue-color-theme { background: var(--blue-color) !important;}
body.dark-theme.blue-color-theme header, body.dark-theme.blue-color-theme header.smaller{ background: #00185c;}
body.dark-theme.blue-color-theme #primary_nav_wrap li:hover a, body.dark-theme.blue-color-theme header.smaller #primary_nav_wrap li:hover a { background: #00185c; color: #FFF; border-color: #04509B; }
body.dark-theme.blue-color-theme .grey-bg { background: #023566}
body.dark-theme.blue-color-theme footer { background: #00185c; }


body.dark-theme.green-color-theme { background: var(--green-color) !important;}
body.dark-theme.green-color-theme header, body.dark-theme.green-color-theme header.smaller{ background: #224e00;}
body.dark-theme.green-color-theme #primary_nav_wrap li:hover a, body.dark-theme.green-color-theme header.smaller #primary_nav_wrap li:hover a { background: #224e00; color: #FFF; border-color: var(--green-color); }
body.dark-theme.green-color-theme .grey-bg { background: #405F01;}
body.dark-theme.green-color-theme footer { background: #224e00; }


body.dark-theme.brown-color-theme { background: var(--brown-color) !important;}
body.dark-theme.brown-color-theme header, body.dark-theme.brown-color-theme header.smaller{ background: #745026;}
body.dark-theme.brown-color-theme #primary_nav_wrap li:hover a, body.dark-theme.brown-color-theme header.smaller #primary_nav_wrap li:hover a { background: #745026; color: #FFF; border-color: var(--brown-color); }
body.dark-theme.brown-color-theme .grey-bg { background: #614B2C;}
body.dark-theme.brown-color-theme footer { background: #745026; }





/*-------: Dark Theme End :-------*/


.wrapper-main{width:100%;height:auto;overflow:hidden; }

header{width:100%; padding: 10px 0 0px; position:fixed;left:0;top:0;z-index:999; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; background: #FFF; box-shadow:0 3px 5px 0 rgba(0,0,0,0.1);}

.logo{ width: 480px; display:inline-block; user-select: none; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.logo img { width: 100%; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.logo-white { display: none;}
header.smaller .logo img{ width: 400px;height:auto; padding: 0px 0px 0px 0px;}


.color-options-main { padding-right: 15px; padding-top: 5px; user-select: none;}
.color-option { width: 26px; height: 26px; float: left; border-radius: 50px; margin-left: 5px;cursor: pointer;overflow: hidden;border: 1px solid #FFF;}

.blue-color-option { background: var(--blue-color); }
.green-color-option { background: var(--green-color); }
.brown-color-option { background: var(--brown-color); }

.font-size-options-main { padding-right: 15px; padding-top: 5px; user-select: none;}
.font-size-option { width: 26px; height: 26px; float: left; border-radius: 50px; margin-left: 5px; cursor: pointer; overflow: hidden; font-family: "Times New Roman", Times, serif; color: #333; border: 1px solid #ccc; text-align: center; background: #FFF;}

.font-size-option:hover {color: #FFF; background: var(--hover-color); border-color:  var(--hover-color);}

.large-font-size-option { font-size: 20px; line-height: 23px;}
.medium-font-size-option { font-size: 16px; line-height: 23px;}
.small-font-size-option { font-size: 12px; line-height: 23px;}

.dark-and-light-theme {  margin-left: 5px; user-select: none;}
.dark-theme-btn {width: 36px; height: 36px;background: url(../images/moon.png) no-repeat center center / 60% #333;border-radius: 50px;cursor: pointer;}
.light-theme-btn {width: 36px; height: 36px; background: url(../images/sun.png) no-repeat center center / 60% #fff; border-radius: 50px; cursor: pointer; border: 1px solid #ccc; display: none; }

.logo-text p { font-size: 13px;}

.menu-top {  text-align: right; margin-bottom: 10px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; display: none;}
.menu-top a, .mob-phone a { font: bold 24px/28px 'Comfortaa-Bold',Sans-Serif; color: #fff; text-decoration: none; }
.menu-top a i, .mob-phone a i { width: 36px; height: 36px; font-size: 16px; line-height: 20px; color: #555; background: #FFF; border-radius: 50px; padding: 8px 11px 0px 0px; position:relative; top: -2px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}

.header-right-top-box { position:relative; padding-top: 15px;}


.sitemap-icon i {  width: 36px; height: 36px; color: #FFF; font-size: 14px;  background: var(--hover-color); padding: 10px 11px; border-radius: 50px; cursor: pointer; margin-right: 10px; }
.sitemap-icon i:hover { background: var(--primary-color);}

.n-search  { margin-left: 15px; position: relative; z-index: 999;}

.n-search i {  width: 36px; height: 36px;  position: absolute; top: 0px; right: 0px; z-index: 999; color: #FFF; font-size: 14px;  background: var(--primary-color); padding: 10px 11px; border-radius: 50px; cursor: pointer; }

.n-search:hover i { background: #555;}

.search-box-main.active i { display: none !important;}


.search-box-main { width: 36px; height: 36px !important; border-radius: 50px;  overflow: hidde;  z-index: 9999; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}

.search-box-main.active { width: 250px; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1); border: 1px solid var(--primary-color);}

.search-field { width: 100%; height: 36px; font-size: 15px; line-height: 18px; border: 0px; background: #FFF; padding: 0px 50px 4px 20px;}

.search-field-btn { width: 36px; height: 36px;  position: absolute; top: 0px; right: 0px;  background: url(../images/search-icon.png) no-repeat center center / 14px #fc7033; border-radius: 50px; cursor: pointer; border: 0px;}



.language-option { width: auto; font-size: 14px; color: #FFF; padding: 2px 10px 3px; background: var(--hover-color); border-radius: 7px; margin-top: 5px; cursor: pointer; margin-right: 15px;}
.language-option:hover {background: var(--primary-color); }
.language-option i { padding-left: 5px;}
.english-language { display: none;}
.hindi-language { display: block;}

#primary_nav_wrap .mob-view { display: none !important;}





.menu-section { margin-top: 0px;}

#primary_nav_wrap{ width: 100% !important;}
#primary_nav_wrap ul { list-style:none; margin: 0; padding: 10px 0px 0px; font-size: 0px; text-align:right; display: inline-block; float: right;}
#primary_nav_wrap li { position:relative; margin:0; padding:0; display: inline-block;}
#primary_nav_wrap li a { display: inline-block; font: normal 16px/25px 'Open-Sans-regular',Sans-Serif; color: #555; padding: 0px 18px 10px; text-decoration: none; letter-spacing: 0.5px;}

#primary_nav_wrap li:first-child a { padding-left: 0px;}
#primary_nav_wrap li:last-child a {padding-right: 0px;}

#primary_nav_wrap li a:hover { color: #fc7033; background: #fff;}
#primary_nav_wrap li:hover a { color: #fc7033; background: #fff;}
#primary_nav_wrap li:hover ul li a { color: #555; /* background: #0072bb;*/}
#primary_nav_wrap ul li:hover > ul { display:block; max-height: 70vh; overflow-x: hidden; overflow-y: scroll;}
#primary_nav_wrap ul ul { width:240px; display:none; position:absolute; top:100%; left:0; z-index: 999; padding:0; box-shadow:0 3px 5px 0 rgba(0,0,0,0.1);}
#primary_nav_wrap ul ul li {width: 100%; float: left; text-align: left; padding: 0px; background: #FFF;}
#primary_nav_wrap ul ul li a { font-family:'Open-Sans-regular',Sans-Serif;  font-size: 14px; line-height: 18px; border: 0px; padding: 13px 20px !important; text-transform: none; font-weight: normal; display: block; border-bottom: 1px solid #eee; border-radius: 0px !important; }
#primary_nav_wrap ul ul li a:hover { color: #fc7033 !important; }
#primary_nav_wrap ul ul.last-ul { position:absolute; top:100%; left: auto !important; right: 0px !important; }
#primary_nav_wrap ul ul ul { width:250px; display:none; position:absolute;left: 100%; top: 0; z-index: 999; padding:0;}

header.smaller{height:auto;  padding: 3px 0 0px; background: #FFF;}
header.smaller #primary_nav_wrap ul { background: none;}
header.smaller #primary_nav_wrap li a { color: #555;}
header.smaller #primary_nav_wrap li:hover a { color: #fc7033;}
header.smaller #primary_nav_wrap li a:hover { color: #fc7033;}
header.smaller #primary_nav_wrap li:hover  ul li a  { color: #555;}
header.smaller #primary_nav_wrap ul ul  {box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);}

.logo-text { height: 20px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
header.smaller .logo-text { height: 0px; overflow: hidden; }

.mob-btn { display: none;}





.banner-wrapper { width: 100%; min-height: 500px; padding: 0; position:relative; background: url(../images/ajax-loader.gif) no-repeat center center / 60px; padding-top: 120px;}
.banner-text-main { width: 100%; position: absolute; left: 0%; top: 50%; z-index: 9; }
.banner-text { width: auto; display: inline-block; background: rgba(252, 112, 51, 0.9); padding: 20px 20px 30px 30px; border-radius: 5px; }
.banner-text h2 { font: bold 40px/50px 'Comfortaa-Regular',Sans-Serif; color: #fff; padding-bottom: 10px;}
.banner-text h3 { font: normal 25px/35px 'Open-Sans-regular',Sans-Serif; color: #FFF;}
.banner-text a { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #FFF; border-radius: 5px; text-transform: uppercase; text-decoration: none; padding: 9px 25px; display: inline-block; margin-right: 15px; margin-top: 30px;}
.banner-content-main, .banner-form {flex-direction: column; justify-content: center !important; display: flex;}

.welcome-wrapper { padding: 30px 0px 40px; margin-top: 50px !important;}

.division-thumb-main { margin-bottom: 30px;}
.division-thumb { height: 140px; background: #FFF; border: 1px solid #E6E6E6; border-radius: 5px; padding: 20px 25px; position: relative; overflow: hidden; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.05);}
.division-thumb-icon {width: 50px; position: absolute; top: 20px; left: 25px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.division-thumb-main a:hover .division-thumb-icon { left: 80%;}
.division-thumb-heading { height: 90px; padding: 0px 0 0px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; position: relative;}
.division-thumb-heading h4 { font-size: 18px; position: absolute; bottom:0; left: 0; }
.division-thumb-description { padding-top: 20px;}
.division-thumb-main a { text-decoration: none !important; display: block;}
.division-thumb-main a:hover .division-thumb { background: var(--primary-color); border: 0px;}
.division-thumb-main a:hover .division-thumb-heading { height: 25px;}
.division-thumb-main a:hover .division-thumb-heading h4 { color: #FFF;}
.division-thumb-main a:hover .division-thumb-description { padding-top: 5px;}
.division-thumb-main a:hover .division-thumb p {color: #FFF;}
.division-thumb-arrow { width: 34px; height: 34px; border-radius: 50px; background: var(--primary-color); position:absolute; left: 25px; bottom: -15px; border: 1px solid var(--primary-color); box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.05); }
.division-thumb-arrow img { width: 9px; margin: 9px 0 0 13px; display: block; filter: brightness(0) invert(1);}
.division-thumb-main a:hover .division-thumb-arrow { background: #FFF;}
.division-thumb-main a:hover .division-thumb-arrow img { filter: brightness(100%) invert(0);}
.division-thumb-icon img { filter: brightness(50%);}
.division-thumb-main a:hover .division-thumb-icon img {filter: brightness(100%); opacity: 0.5}
.division-thumb-loadmore { width: 100% !important; display: none; }
.division-thumb-loadmore-btn { text-align:center; margin-top: 40px;}
.division-thumb-loadmore-btn label { color: #FFF; padding: 7px 30px 9px; border-radius: 50px; background: var(--primary-color); cursor: pointer;}
.division-thumb-loadmore-btn label:hover {background: var(--hover-color);}
.division-thumb-loadmore-hide { display: none; background: var(--hover-color);}
.division-thumb-loadmore-hide i { font-size: 18px; padding: 3px 30px 3px;}

.grey-bg { background-color: #eee;}


.white-bot-grey { background: url(../images/grey-bg-botom.webp) no-repeat center bottom / 100%; position: relative}
.white-bot-grey::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:0;  background: rgba(255,255,255,0.8); pointer-events: none;}
.white-bot-grey .container { position: relative; z-index: 99;}


.white-top-grey { background: url(../images/grey-bg-top.webp) no-repeat center bottom / 100%; position: relative}
.white-top-grey::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:0;  background: rgba(255,255,255,0.8); pointer-events: none;}
.white-top-grey .container { position: relative; z-index: 99;}







.whats-new-wrapper { padding-top: 20px; padding-bottom: 100px;}
.whats-new-cont-left-main { overflow: hidden; position: relative; }
.whats-new-cont-main { width: 97.4%; max-height: 91.5%; position: absolute; background: #FFF;padding: 15px 20px;overflow-x: hidden; border-radius:7px;}

.list-box-main {}
.list-box-main ul { list-style: none; margin: 0px 0px 0px; padding: 0px;}
.list-box-main li { display: block; background: url(../images/round-left-arrow-white.svg) no-repeat left top 9px / 30px; padding: 0px 0px 0px 40px; border-bottom: 1px solid #eee; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.list-box-main li:last-child { border-bottom: 0px; margin-bottom: 0px;}
.list-box-main li:hover { background: url(../images/round-left-arrow-orange.svg) no-repeat left 15px top 9px / 30px rgb(253, 112, 52, 0.1); border-color: transparent; padding-left: 55px; border-radius: 7px;}
.list-box-main li a { display: block; text-decoration: none; padding: 12px 0px; }
.list-box-main li a:hover {}

#newsroom {border-radius: 7px; overflow: hidden; background: #FFF;}
.newsroom-content { background: #FFF; padding: 20px 30px 40px 30px;}
.newsroom-content h3 { padding: 10px 0px 20px;}
.newsroom-main-box .read-more-btn { display: block; padding-bottom: 10px;}
.read-more-btn a {  color: var(--primary-color);}
.read-more-btn a:hover {  color: var(--hover-color);}

.whats-new-bot-tmb-box { background: #FFF; border-radius: 7px; padding: 20px 30px;}
.whats-new-bot-tmb-cont { font-size: 40px; font-weight: bold; padding-top: 20px;}

.v-center { flex-direction: column; justify-content: center !important; display: flex;}

.related-links-wrapper { padding: 70px 0px 50px;}
.related-links-wrapper .whats-new-cont-left-main { height: 469px; overflow: hidden !important; position: relative; }
.related-links-wrapper .whats-new-cont-main { width: 97.4%; max-height: 86.5%; position: absolute; background: #FFF; padding: 15px 20px; overflow-x: hidden; border-radius: 7px; border: 1px solid #ccc; margin-bottom: 30px;}
.related-links-bottom-content { padding: 50px 0px}

.btn { color:#FFF; background: var(--primary-color); border-radius: 50px; display: inline-block; padding: 5px 25px 7px;}
.btn a {color:#FFF; text-decoration: none;}
.btn:hover {color:#FFF; background: var(--hover-color);}
.btn a:hover {color:#FFF; background: none;}

.institutes-wrapper .whats-new-cont-left-main { height: 495px; overflow: hidden !important; position: relative;}
.institutes-wrapper .whats-new-cont-main { width: 100%; max-height: 100%; border: 1px solid #ccc;}

.institutes-main-box { padding-bottom: 50px;}
#institutes img { border-radius: 7px; border: 1px solid #ccc;}


.owl-nav  { position: absolute; top: -67px; left: -5px; z-index: 9999999;}
.owl-nav button { background: none; margin: 0px 7px;}
.owl-nav span {width: 36px; height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 20px; color: #fc7033; background: #FFF; border-radius: 50px; padding: 5.5px 0px 0px 0px; border: 1px solid #CCC; display:inline-block;}
.owl-nav span:hover, .products-listing-num a:hover i { background: #fc7033; color: #FFF; border: 1px solid #fc7033; }



/*.shadow {
  color:transparent;
  background: rgb(200,200,190);
  text-shadow: 2px 2px 4px rgb(255,255,255,.75);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}*/


.footer-graphic { height: 190px; display: block;}

footer { padding: 0px 0px 30px;  }

footer.white-bot-grey { background-position: center top;}

.footer-big-text {font-size: 100px; font-weight: bold; color: #FFF; opacity: 0.1; text-transform: uppercase; padding-bottom: 20px;}
footer h4 { font-size: 18px; color: #FFF; font-weight: bold; padding-bottom: 10px;}

.footer-links {}
.footer-links ul { list-style: none; margin: 0px; padding: 0px;}
.footer-links li { display: block; margin-bottom: 15px; background: url(../images/left-arrow.svg) no-repeat left center / 5px;}
.footer-links li a { display: block; font-size: 16px; line-height: 20px; color: #555; background: url(../images/left-arrow.svg) no-repeat left 3px center / 5px; padding-left: 15px;}
.footer-links li a:hover {}
.footer-links-3rd { padding-top: 50px;}

.social { padding-top: 40px; }
.social h5 { font-size: 16px; padding-bottom: 8px;}
.social ul { list-style: outside none none; margin: 0; padding: 0;}
.social li { color: #fff ; display: inline-block; float: left; margin: 0 10px 0 0; width: auto; border-radius: 50px; overflow: hidden;}
.social li a { color: #fff !important; text-decoration: none;}

.fa-facebook {background: #6081cb; }
.fa-facebook:hover { background: #909090;}
.fa-linkedin {background: #21a5d9;}
.fa-linkedin:hover {  background: #909090;}
.fa-twitter {background: #3cccf6;}
.fa-twitter:hover { background: #909090;}
.fa-youtube {background: #F00; color: #FFF;}
.fa-youtube:hover {background: #909090; color: #FFF;}
.fa-google-plus {background: #d4432f;}
.fa-google-plus:hover {background: #909090;}
.fa-instagram {background: #a735a4;}
.fa-instagram:hover {background: #909090;}

.social ul li a span {width: 36px; height: 36px; font-size: 14px; color: #FFF; text-align: center; transition: all 0.6s ease 0s; padding-top: 12px;}
.social ul li a span:hover {}




.whatsapp { width: 55px; position: fixed; bottom: 40%; right: 30px; z-index: 999;}

.cm-field-main { margin-bottom: 7px;}
.cm-field-main p { font-size: 12px; line-height: 14px; color: #FFF; padding: 0px 0px 3px;}
.cm-field-main .input-field { width: 100%; height: 40px; font-size: 14px; line-height: 20px; border: 0px; background: #FFF; padding: 0px 15px; border-radius: 7px; border: 1px solid #ccc; margin-bottom: 10px; }
.cm-field-main .field-big {width: 100%; height: 75px; font-size: 14px; line-height: 20px; border: 0px; background: #FFF; padding: 5px 15px; border-radius: 7px; border: 1px solid #ccc; margin-bottom: 10px;}
.cm-field-main .btn {  padding: 10px 25px; text-transform: uppercase; }


.footer-bottom { padding-top: 30px; }
/*.footer-copy p, .footer-design p {font-size: 15px; color: #555; padding-top: 0px;}*/

.footer-copy p { font-size: 13px;}
.last-update p { font-size: 13px; text-align: right;}

.designed { width: 170px; float: right;}
.designed p { font-size: 12px; text-align: right; float: right;}
.azinova-logo { width: 75px; height: 15px; float: right; background: url(../images/azinova.png) no-repeat left top / 150px; cursor: pointer; margin-top: 7px; margin-left: 10px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.azinova-logo:hover { background: url(../images/azinova.png) no-repeat left -75px top / 150px;}



.backtotop { width: 26px; height: 60px; text-align: center; border-radius: 50px; position: fixed; right: 15px; bottom: 150px; display:none; z-index:999; overflow: hidden; background: #fd7034;  flex-direction: column; justify-content: center !important; padding-top: 20px;}

.backtotop:hover { background: #555; border: 1px solid #555;}

.backtotop i { font-size: 14px; -webkit-animation:mymove 1s ease-in 0s infinite alternate; animation:mymove 1s ease-in 0s infinite alternate; display:inline-block; position:relative; color: #FFF;}


@-webkit-keyframes mymove {
  from {
    top:-5px
  }
  to {
    top:5px
  }
}
@keyframes mymove {
  from {
    top:-5px
  }
  to {
    top:5px
  }
}


.mob-phone, .menu-btn { display: none;}
.pc-view { display: block;}
.mob-view { display: none;}

.n-banner-btn-set .pc-view { display: inline-block !important;}
.n-banner-btn-set  .mob-view { display: none;}










.inner-banner-wrapper {}
.inner-banner-wrapper h2, .inner-banner-wrapper h3 { padding-top: 40px;}

.inner-banner-wrapper img { padding: 0px !important;}
.inner-banner-text-main { position: absolute; left: 0%; bottom: 50px; z-index: 9; }
.inner-banner-text { /*background: rgba(0, 0, 0, 0.3); padding: 20px 20px 30px 30px; border-radius: 5px;*/ -moz-backdrop-filter: saturate(180%) blur(2px); -o-backdrop-filter: saturate(180%) blur(2px); -webkit-backdrop-filter: saturate(180%) blur(2px); backdrop-filter: saturate(180%) blur(2px); }
.inner-banner-text h2 { font: bold 40px/50px 'Comfortaa-Regular',Sans-Serif; color: #fff; padding-bottom: 10px; background: var(--primary-color); padding: 20px 20px 30px 30px; border-radius: 5px;}
.inner-banner-text h3 { font: normal 25px/35px 'Open-Sans-regular',Sans-Serif; color: #FFF;}
.inner-banner-text a { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #FFF; border-radius: 5px; text-transform: uppercase; text-decoration: none; padding: 9px 25px; display: inline-block; margin-right: 15px; margin-top: 30px;}

.inner-page-wrapper { padding: 50px 0px 100px;}
.director-talk h1 { font-size: 40px; line-height: 30px; padding-bottom: 10px; }
.director-talk h1 span { font-size: 20px;}

.officials-wrapper { padding: 70px 0px 0px;}
.officials-tmb { padding-bottom: 50px;}
.officials-tmb-box {border-radius: 7px; overflow: hidden; background: #FFF;}
.officials-tmb-photo { border-radius: 7px; overflow: hidden;}
.officials-tmb-cont { padding: 30px 20px 20px;}
.officials-tmb-cont h4 { padding-bottom: 10px;}
.officials-tmb-photo img  { transition: transform 1s;}
.officials-tmb-box:hover .officials-tmb-photo img  { transform: scale(1.2);}
.officials-tmb-box:hover  { background: #fafafa;}
.officials-tmb-box:hover .officials-tmb-photo { border-radius: 0px;}

.institutes-wrapper { padding: 0px 0px 70px;}
.institutes-wrapper p { text-align: center;}
.institutes-wrapper .owl-nav { width: 103%; height: 1px; position: absolute; top: 50px; left: -20px; z-index: 9999999;}
.institutes-wrapper .owl-nav button.owl-next { float: right;}

.divisions-wrapper .owl-nav { width: 103%; height: 1px; position: absolute; top: 50px; left: -20px; z-index: 9999999; }
.divisions-wrapper .owl-nav button.owl-next { float: right;}

.related-logos-wrapper { padding: 50px 0px 50px;}
.related-logos-wrapper .owl-nav {width: 103%; height: 1px; position: absolute; top: 35px; left: -20px; z-index: 9999999;}
.related-logos-wrapper .owl-nav button.owl-next { float: right;}
.related-logos-wrapper img { border: 1px solid #CCC; margin-bottom: 10px; border-radius: 10px; overflow: hidden;}

.whats-new-wrapper .owl-carousel .owl-dots { width: 100%; position: absolute; left: 0; bottom: 25px; text-align: center;}



/*
.inner-page .banner-wrapper { min-height: 400px;}
.inner-page .object-fit_cover { height: auto}
.inner-page .banner-text-main { bottom: 60px;}

.inner-page .banner-text h2 { font: bold 35px/40px 'Comfortaa-Regular',Sans-Serif;}
.inner-page .banner-text h3 { font: normal 20px/30px 'Open-Sans-regular',Sans-Serif;}*/


.inner-page { padding-bottom: 80px;}
.inner-content-wrapper { padding: 0px 0px 80px 0px;}
.inner-content-wrapper h3 { padding-top: 30px; padding-bottom: 5px;}


.list-box { padding-left:30px;}
.list-box ul { list-style: none; margin: 0px; padding: 0px 0px 0px 30px;}
.list-box li { display: block; background: url(../images/arrow.png) no-repeat left top 13px / 22px; padding: 10px 0px 5px 30px;}

.owl-carousel .item .mob-view { display: none !important;}

.related-websites .list-box-main ul li label {
  font-size: 14px;
  width: 95%;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related-websites .list-box-main ul li { display: block; padding: 0px 45px 0px 0px; position: relative; background: none;}
.downoad-pdf { width: 45px; height: 100%; position: absolute; right:0; top: 0px; background: url(../images/pdf-file.webp) no-repeat center center / 36px;}
.related-websites .list-box-main ul li:hover { background-color: rgb(253, 112, 52, 0.1); padding-left: 15px;}
.related-websites .list-box-main ul li:hover .downoad-pdf { background-color: #fafafa;}



.pdfs .list-box-main ul li label {
  font-size: 14px;
  width: 95%;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pdfs .list-box-main ul li { display: block; /*padding: 0px 45px 0px 0px;*/ position: relative; /*background: none;*/}
.downoad-pdf { width: 45px; height: 100%; position: absolute; right:0; top: 0px; background: url(../images/pdf-file.webp) no-repeat center center / 36px;}
.pdfs .list-box-main ul li:hover { background-color: rgb(253, 112, 52, 0.1); /*padding-left: 15px;*/}
.pdfs .list-box-main ul li:hover .downoad-pdf { background-color: #fafafa;}














.inner-banner { /*background: url(../images/grey-inner.png) no-repeat center bottom -10px / 100%;*/ padding-top: 150px; min-height: auto; padding-bottom: 50px; }


.inner-banner.white-bot-grey {background-position: center bottom; position: relative}

.inner-banner-image { padding: 0px 0px 0px;}

.inner-banner .banner-title h1 { font-size: 45px; padding-left: 90px; margin-top: 50px; 
background-size: 75px;background-position-x: 0;background-position-y: center;background-repeat:no-repeat;}

.inner-banner .banner-title h1 span { font-size: 20px;}
.inner-banner .breadcrumbs p { font-size: 13px !important; }
.inner-banner .breadcrumbs a {  padding-right: 10px; color: #ef6a30;}
.inner-banner .breadcrumbs a:hover { color: #333; text-decoration: underline;}





.technical-wrapper { padding: 100px 0px 0px 0px;}
.technical-matters { padding: 40px 0px;}
.tec-thumb-cont { padding: 15px 25px 20px; border-radius: 7px; margin-bottom: 30px;}


.administrative-cont { padding-left: 100px; padding-bottom: 50px;}


.blog-wrapper .whats-new-cont-main { height: 500px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}





.faq-wrapper { padding: 50px 0 100px;}
.accordion-container { width: 100%; margin: 0 auto; padding: 0px 0px;}
.accordion-container .accordion-title { position: relative; margin: 0; padding: 8px 20px; background: #FFF; font-size: 17px; line-height: 28px; font-weight: normal; color: #555; cursor: pointer; margin-top: 25px; border: 1px solid #ddd;}
.accordion-title { border-radius: 10px;}
.accordion-title.open { border-color: #fc6f33; border-bottom: 0px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}

.accordion-content.active { border-color: #fc6f33; border-top: 0px; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);}

.accordion-container .accordion-title::before { content: ""; position: absolute; top: 50%; right: 25px; width: 15px; height: 2px; transform: rotate(90deg); background: #555; transition: all .3s ease-in-out;}

.accordion-container .accordion-title::after { content: ""; position: absolute; top: 50%; right: 25px; width: 15px; height: 2px; background: #555; transition: all .2s ease-in-out;}

.accordion-container .accordion-title.open::before { transform: rotate(180deg);background: #fc6f33}
.accordion-container .accordion-title.open::after { opacity: 0;}
.accordion-content { padding: 15px 25px; border: 1px solid #eee;}
.administrative-tmb-main { padding-right: 100px;}


.inner-page h2 span { font-size: 23px; line-height: 30px;}
.border-radius { border-radius: 10px; overflow: hidden;}


.n-mobile-scroll {padding: 30px 0px 30px;}
.n-mobile-scroll table {font-family: Arial, Helvetica, sans-serif;margin-bottom: 30px;border-collapse: collapse; width: 100% !important; background: #FFF; margin: 0px !important;}
.n-mobile-scroll thead {background: #0b6aac;}
.n-mobile-scroll th {border: 1px solid #FFF !important;color: #FFF;font-size: 16px !important;font-weight: bold;padding: 12px 5px !important;}
.n-mobile-scroll td {border: 1px solid #CCC !important;}
.n-mobile-scroll tr, .n-mobile-scroll th, .n-mobile-scroll td {text-align: center;}
.n-mobile-scroll td {font-size: 15px !important;font-weight: normal !important;padding: 8px 5px !important;line-height: 30px;}
.n-mobile-scroll tbody tr:nth-child(even) {background: rgba(0, 0, 0, 0.02);}
.n-mobile-scroll.same-width-for-all tr, .n-mobile-scroll.same-width-for-all th, .n-mobile-scroll.same-width-for-all td {width: 20% !important;}
.n-mobile-scroll table label {margin-bottom: 0px !important;}
.n-mobile-scroll table label span {font-size: 12px; font-weight: bold;}
.n-mobile-scroll table a {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #FFF;text-transform: uppercase;padding: 8px 15px;border-radius: 5px;background: #0cce81;font-weight: bold;}
.n-mobile-scroll table a:hover {background: #0b6aac;}
.n-mobile-scroll ul {margin: 0px;padding: 0px;list-style: none;}
.n-mobile-scroll li {display: block;font-size: 15px;background: url(https://dubaihousekeeping.com/wp-content/uploads/2023/11/tickmark2.png) no-repeat left top 2.5px / 20px !important;padding: 0px 0px 10px 30px !important;}
.n-mobile-scroll li a { padding: 5px 14px; border-radius: 5px; margin: 0 5px;}
.n-mobile-scroll li a:hover {background: #0b6aac;color: #FFF;}
.n-mobile-scroll h3 span {font-size: 32px;}

.owl-carousel .item .mob-view { display: none !important;}



.footer-email-icon { font-size: 18px; margin-right: 10px; width: 50px !important; height: 45px !important; background: #FFF; border-radius: 50px;}

.footer-email-cont p { font-size: 17px; line-height: 22px; font-weight: normal;}
.footer-email-cont p span { font-size: 14px; font-weight: normal; display: block;}




.tab-main { }
.tab-btn { display: inline-block; padding: 15px; cursor: pointer;}
.tab-btn.active p {background: rgba(252, 112, 51, 1); color: #FFF;}
.tab-btn p { line-height: 20px; background: rgba(252, 112, 51, 0.1); padding: 15px 25px 20px; border-radius: 7px;}
.clear { clear: both;}

.tab-cont { width: 100% !important;}



.ghs-divisions { padding: 0px 0px 50px 0px;}
.ghs-divisions-title { position:relative; z-index: 99; margin-bottom: 20px;}

.divisions_thumb {
	margin: 5px 5px;
	/*min-width: 200px;
	height: 270px;*/
	background-color: #000;
	color: white;
	font-size: 20px;
	transition: transform 500ms, opacity 500ms;
	transform-origin: 50% 50%;
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 10px;
}
.col-sm-3.divisions_thumb {
	width: 27%;
	padding: 0px;
}
.divisions_thumb-image {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}
.divisions_thumb-heading {
	width: 100%;
	color: #FFF;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 12%,rgba(255,255,255,0.03) 15%,rgba(6,6,6,1) 100%,rgba(0,0,0,1) 102%);
	padding: 100px 0px 30px;

}
.overlay {
	background-color: var(--primary-color);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 500ms;
	position: absolute;
	top: 0;
	color: white;
	padding: 30px;
	
}

.overlay ul { list-style: none; padding: 10px 0px 0px; margin: 0px;}
.overlay li { display: block; padding: 0px 0px 0px 0px;}
.overlay li a { font-size: 13px; line-height: 24px; color: #FFF; display: block; background: url(../images/white-arrow.png) no-repeat left center / 15px; padding-bottom: 2px; padding-left: 22px; }

.overlay li.more { margin-left: - 2px;}
.overlay li.more a { color: var(--primary-color) !important; display: inline-block; background: url(../images/arrow.png) no-repeat left 2px center / 15px #FFF; padding: 0px 10px 0px 22px !important; border-radius: 50px; font-family:'CenturyGothic-Bold',Sans-Serif; font-size: 10px; height: 20px; line-height: 21px;}
.overlay li.more a:hover { background: url(../images/white-orr-arrow.svg) no-repeat left 2px center / 15px #333; text-decoration: none; color: #FFF;}

svg {
	width: 25%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.divisions_thumb:hover {
	transform: scale(1.3);
	z-index: 99 !important;
}
.divisions_thumb:hover .overlay {
	opacity: 1;
}

.no-action.divisions_thumb:hover {transform: scale(1);}
.no-action.divisions_thumb:hover .overlay { display: none;
}
.divisions_thumb a { color: #FFF;}
.divisions_thumb a:hover h4 { color: #FFF; text-decoration: underline;}


.shiftLeft {
	transform: translateX(-50px);
}
.shiftRight {
	transform: translateX(50px);
}
.darker {
	opacity: 1;
	background-color: #000;
}
.darker .divisions_thumb-image, .darker .divisions_thumb-heading {
	opacity: 0.5;
}




.ghs-divisions-tmb-box {
  position : relative;
  display : flex;
  align-items : center;
  justify-content : center;
  flex-warp : warp;
  padding : 30px;  
}

.ghs-divisions-tmb-box .card {
  position: relative;
  max-width : 320px;
  height : 190px;  
  background-color : #fff;
  margin : 30px 15px 50px;
  padding : 20px 15px;
  
  display : flex;
  flex-direction : column;
  box-shadow : 0 5px 10px rgba(0,0,0,0.1);
  transition : 0.3s ease-in-out;
  border-radius : 15px;
}
.ghs-divisions-tmb-box .card:hover {
  height : 360px;    
}

.ghs-divisions-tmb-box .no-action.card:hover {
  height : 190px;    
}



.ghs-divisions-tmb-box .card .image {
  position : relative;
  /*width : 260px;
  min-height : 260px;*/
  top : -40%;
  left: 1px;
  box-shadow : 0 5px 5px rgba(0,0,0,0.2);
  z-index : 1;
 border-radius : 15px;
  
}
.ghs-divisions-tmb-box .card .image label { border-radius : 15px; overflow: hidden; display: block; }

.ghs-divisions-tmb-box .card .image img {
  max-width : 100%;
  
}

.ghs-divisions-tmb-box .card .content {
  position : relative;
  top : -140px;
  padding : 10px 15px;
  color : #111;
  text-align : center;
  
  visibility : hidden;
  opacity : 0;
  transition : 0.3s ease-in-out;
  
    
}

.ghs-divisions-tmb-box .card:hover .content {
   margin-top : 10px;
   visibility : visible;
   opacity : 1;
   transition-delay: 0.2s;
  
}
.ghs-divisions-tmb-box ul { list-style: none; padding: 10px 0px 0px; margin: 0px;}
.ghs-divisions-tmb-box li { display: block; padding: 0px 0px 0px 0px; text-align:left;}
.ghs-divisions-tmb-box li a { font-size: 14px; line-height: 24px; color: #000; display: block; background: url(../images/arrow.png) no-repeat left center / 15px; padding-bottom: 2px; padding-left: 22px; }

.ghs-divisions-tmb-box li.more { margin-left: - 2px; margin-top: 10px;}
.ghs-divisions-tmb-box li.more a { color: #FFF !important; display: inline-block; background: url(../images/white-orr-arrow.svg) no-repeat left 2px center / 15px #FC7033; padding: 0px 10px 0px 22px !important; border-radius: 50px; font-family:'CenturyGothic-Bold',Sans-Serif; font-size: 12px; height: 22px; line-height: 21px;}
.ghs-divisions-tmb-box li.more a:hover { background: url(../images/white-orr-arrow.svg) no-repeat left 2px center / 15px #333; text-decoration: none; color: #FFF;}


.card .image h3 { font-size: 20px; text-align:center; width: 100%; color: #FFF; position: absolute; left: 0; bottom: 0; z-index: 0;
background: linear-gradient(to bottom,  rgba(255,255,255,0) 12%,rgba(255,255,255,0.03) 15%,rgba(6,6,6,1) 100%,rgba(0,0,0,1) 102%); padding: 50px 0px 15px;

-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;

}
.card .image a { color: #FFF; cursor: pointer;}
.card .image a:hover h3 { color: #FFF; text-decoration: underline;}




.content-with-pdf ul li label { font-size: 14px;}
.content-with-pdf ul li { min-height: 60px; display: block; border-bottom: 1px solid #eee; padding: 10px 45px 10px 0px; position: relative; background: none;  -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; flex-direction: column; justify-content: center !important; display: flex; border-radius: 10px; overflow: hidden;}

.downoad-pdf { width: 60px; height: 100%; position: absolute; right:0; top: 0px; background: url(../images/pdf-file.webp) no-repeat center center / 30px; font-size:0px;  }

.content-with-pdf ul li:hover { background-color: rgb(253, 112, 52, 0.1); padding-left: 15px;}
.content-with-pdf ul li:hover .downoad-pdf { background-color: #fafafa; background-size: 36px; }
















@media (max-width: 1400.98px) {

#primary_nav_wrap li a {padding: 0px 12px 10px;}


}
@media (max-width: 1300.98px) {

#primary_nav_wrap li a {padding: 0px 9px 10px;}

.inner-banner { padding-bottom: 30px;}
.inner-banner .banner-title h1 { font-size: 35px; line-height: 35px;}


}
@media (max-width: 1200.98px) {

#primary_nav_wrap li a {padding: 0px 4px 10px;}


}
@media (max-width: 1100.98px) {

#primary_nav_wrap li a {padding: 0px 3px 10px;}


}
@media (max-width: 991.98px) {

body.dark-theme #primary_nav_wrap,
body.dark-theme header.smaller .container,
body.dark-theme #primary_nav_wrap li:hover a { background: #111; color:var(--primary-color) !important;}


body.dark-theme.blue-color-theme #primary_nav_wrap,
body.dark-theme.blue-color-theme header.smaller .container,
body.dark-theme.blue-color-theme #primary_nav_wrap li:hover a { background: var(--blue-color) !important;}


body.dark-theme.green-color-theme #primary_nav_wrap,
body.dark-theme.green-color-theme header.smaller .container,
body.dark-theme.green-color-theme #primary_nav_wrap li:hover a { background: var(--green-color) !important;}


body.dark-theme.brown-color-theme #primary_nav_wrap,
body.dark-theme.brown-color-theme header.smaller .container,
body.dark-theme.brown-color-theme #primary_nav_wrap li:hover a { background: var(--brown-color) !important;}


	


	
.pc-view { display: none;}
.mob-view { display: block;}
#primary_nav_wrap .mob-view { display: block !important;}

.mob-btn { display: inline-block;}
.n-search.pc-view { display: none !important;}
.owl-carousel .item .pc-view { display: none !important;}
.owl-carousel .item .mob-view { display: block !important;}
p { font-size: 14px; line-height: 26px;}


.sitemap-icon i { width: 26px; height: 26px; padding: 5px 0; text-align: center;}

.menu-top, #primary_nav_wrap { display: none;}
.mob-phone, .menu-btn { display: block;}
.mob-phone { float: right; text-align: right; }
.mob-btn { width: 36px; height: 36px; float: right; font-size: 16px; line-height: 20px; color: #555; text-align:center; cursor: pointer; background: #eee; border-radius: 50px; padding: 0px 0px; margin-left: 5px;}
.mob-btn i { margin:0 auto; padding: 10px 0px 0px 0px;}
.mob-btn .large-font-size-option { padding-top: 4px;}


.font-size-options-main { width: 80px; padding-right: 0px; margin-left: -23px; margin-top: 25px;}
.font-size-option { width: 36px; height: 36px; margin-left: 0;}
.small-font-size-option { float: right; line-height: 33px;}



header { padding: 10px 0;}
header.smaller { padding: 0px;}
header.smaller .container { padding: 8px 0 !important; background: #FFF; }

.logo { width: 200px;}
.logo img { padding: 0px;}
.logo-right-main { display: none;}

.banner-wrapper { padding-top: 50px; min-height: auto;}
#banner { width: 100%; height: 100vh; overflow: hidden; position: relative;}
.object-fit_cover { width: 1860px; height: 100vh; object-fit: cover; object-position: 72% 0;}

.cm-field-main {padding: 0px 5px !important;}
.cm-field-main p { padding-bottom: 2px;}


/*.wel-bot-icon-main {padding: 30px 0px !important;}
.icon-set3 { border: 0px;}*/

.menu-section { -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;  position:relative;}

#primary_nav_wrap li a i { float: right;}

#primary_nav_wrap {width: 360px !important; height: 100vh !important; background: #FFF; position:absolute; right: -40px; top: 0px;  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1); padding: 0 15px;}
#primary_nav_wrap ul { width: 100%; text-align: left;}
#primary_nav_wrap li { display: block;}
#primary_nav_wrap li a { color: #555; display: block; padding-bottom: 15px;}
#primary_nav_wrap li ul { position: relative;}
#primary_nav_wrap ul ul, header.smaller #primary_nav_wrap ul ul { width: 98%; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); padding-left: 10px; margin-top: -5px; }
#primary_nav_wrap ul ul li { background: none;}
#primary_nav_wrap ul ul li a { border: 0px;}
#primary_nav_wrap ul ul li:last-child { padding-bottom: 30px;}
#primary_nav_wrap ul li:hover > ul { max-height: 50vh; }
#primary_nav_wrap ul ul li a { font-size: 14px; padding: 7px 20px;}

.banner-text-main { top: 30%;} 
.banner-text h2 {font-size: 30px; line-height: 35px;}
.banner-text h3 { font-size: 20px; line-height: 25px;}

.whats-new-wrapper { padding-top: 70px; margin-top: 0; padding-bottom: 50px;}
.institutes-wrapper { padding: 0px 0px 30px;}
.related-logos-wrapper .owl-nav, .institutes-wrapper .owl-nav { width: 105%; top: 33%;}
.n-mob-height { height: 500px; border-radius: 10px; overflow: hidden;}
.welcome-wrapper { padding: 0px 0px 0px;}
.related-logos-wrapper { margin-top: 0px;}


.inner-banner { padding-top: 70px;}
.inner-banner .banner-title h1 { font-size: 33px; padding-left: 0px; padding-top: 70px; margin-top: 30px; background-size: 75px; background-position-x: 0; background-position-y: 0; background-repeat: no-repeat; }


.circulars-list-box { padding-bottom: 50px; padding-top: 50px;}

.font-size-options-main { display: none;}
.show-font-size-btn {font-size: 20px; line-height: 23px; padding-top: 5px;}

.font-size-option {
  color: #FFF;
  background: var(--hover-color);
  border-color: #FFF;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,0.32);
}
.font-size-option:hover {
  color: #FFF;
  background: var(--primary-color);
  border-color: #ccc;
}


.ghs-divisions { padding-bottom: 0px;}



}
@media (max-width: 767.98px) {

h1 { font-size: 35px; line-height: 40px;}
h2 { font-size: 25px; line-height: 30px;}

.whats-new-cont-left-main { height: auto !important; }
.whats-new-cont-main { width: 100% !important; max-height: 502px !important; position: inherit !important;}

.newsroom-main-box { margin-top: 50px; }
.whats-new-bottom-tmb { padding-bottom: 30px; }

.related-links-wrapper { padding: 70px 0px 20px;}
.related-quick-links {margin-top: 30px}
.related-links-first { }
/*.related-links-second { margin-top: 30px; margin-bottom: 50px;}*/
.related-websites-links { margin-bottom: 30px;}

.feedback-form-main { margin-top: 50px;}

.footer-copy p, .last-update p { font-size: 13px; text-align: center;}

.cpgr-left { padding-left: 0px; padding-right: 0px;}
.division-thumb-main, .whats-new-cont-left-main, .newsroom-main-box, .whats-new-bottom-tmb, .related-links-first, .related-links-second, .related-websites-links { /*padding-left: 0px; padding-right: 0px;*/ }
.technical-wrapper { padding-top: 50px;}
footer { padding: 30px 0px 30px; }
.institutes-wrapper { padding: 0px 0px 30px; }
.institutes-main-box {padding-bottom: 0px;}
.institutes-wrapper { padding: 0px 0px 0px;}
.related-logos-wrapper { padding: 20px 0px 50px;}
footer { padding: 0px 0px 30px;}

.inner-banner-image { padding: 0px 0px 20px;}

.inner-content-wrapper {
  padding: 0px 0px 20px 0px;
}
.officials-wrapper {
  padding: 30px 0px 0px;
}




}
@media (max-width: 575.98px) {
	
p { text-align: justify;}
#primary_nav_wrap { width: 100% !important; position: fixed; top:0; left: 0; padding-top: 70px; z-index: -1; overflow-x: hidden; overflow-y: scroll;}
h1 { font-size: 25px; line-height: 35px;}
h2 { font-size: 20px; line-height: 25px;}
.footer-links-3rd { padding-top: 0;}
.officials-tmb {padding-left: 0px; padding-right: 0px;}

.officials-tmb { padding-top: 10px; padding-bottom: 30px;}

.inner-banner .banner-title h1 { font-size: 25px;}

.inner-banner .banner-title h1 span { font-size: 18px; line-height: 23px;}


.whats-new-wrapper { padding-top: 30px;  padding-bottom: 30px; }
.related-logos-wrapper .owl-nav, .institutes-wrapper .owl-nav { width: 115%; top: 33%;}




}
@media (max-width: 414.98px) {

.related-quick-links { margin-top: 20px;}
.administrative-cont { padding-left: 0px;}








}
.gallery-img { padding-bottom: 30px;}
.gallery-img  img { border-radius: 5px; overflow: hidden;}
.ts-dropdown-content{
  background-color: #fff;;
}

.newsletter-wrapper { padding: 40px 0px;}
.newsletter-btn-section {}
.newsletter-btn-section h2 { display: inline-block;}
.newsletter-btn-section ul { list-style: none; margin: 0px 0px 0px 30px; padding: 0px;  display: inline-block;}
.newsletter-btn-section li { display:inline-block; padding: 7px 30px; border-radius: 7px; margin-right: 15px; margin-bottom: 15px; cursor: pointer;}
.newsletter-btns { font-size: 1rem; background: #eee; text-transform: uppercase; border: 1px solid #d5d5d5;}
.newsletter-btns:hover { color:  var(--primary-color); border-color: var(--primary-color); background: #FFF;}
.newsletter-btns.active { color: #FFF; background: var(--primary-color); border-color: var(--primary-color);}
.newsletter-content-main { width: 100% !important; height: 70vh; background: #FFF; border: 1px solid #CCC; border-radius: 7px; padding: 15px 20px; overflow-x: hidden;}
.newsletter-flipbook-main {}
.newsletter-links-main { display: none}


@media (max-width: 767.98px) { <!-- Add these css on @media 767.98px --->

.newsletter-btn-section h2 { display: block;}
.newsletter-btn-section ul { margin: 10px 0px 0px 0px; display: block;}

}

body.dark-theme .newsletter-btn-section li{
  color:#000;
}