/* To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 6 Jan, 2020, 12:35:43 PM

    Author     : Gowtham

*/



#nav li a {

  padding: 20px 8px;

  line-height: 18px;

  color: #fff;

  font-size: 15px;

  text-align: center;

  display: inline-block;

  text-decoration: none;

  font-weight: 400;

}

#nav li:hover {

  background-color: #ffffff;

  color: #162f6a;

}



.vahan-registration-services,

.other-services,

.data-sharing-stakeholders,

.key-highlights-achievements,

.public-media {

  background: #dedede;

}



.vahan-registration-services h2,

.driving-license-services h2,

.manufacturer-services h2,

.other-services h2,

.informational-services h2,

.dashboard-reporting h2,

.data-sharing-stakeholders h2,

.integration-support h2,

.key-highlights-achievements h2,

.public-media h2 {

  font-size: 24px;

}



.service-sec {

  background: rgba(255, 255, 255, 0.7);

  border: 1px solid #ffffff;

  text-decoration: none;

  border-radius: 10px;

  line-height: 2;

  margin-top: 30px;

  margin-bottom: 10px;

  padding: 20px 0px 0px 0px;

  box-sizing: border-box;

  transition: 0.3s;

  -webkit-box-shadow: 0 4px 6px -6px #9fa0a0;

  -moz-box-shadow: 0 4px 6px -6px #007fb6;

  box-shadow: 0 4px 6px -6px #9fa0a0;

}

.service-sec p img,

.service-section p img {

  width: 100px !important;

  height: auto;

}

.vahan-registration-services h5,

.driving-license-services h5,

.manufacturer-services h5,

.other-services h5,

.informational-services h5,

.dashboard-reporting h5,

.data-sharing-stakeholders h5,

.integration-support h5,

.key-highlights-achievements h5,

.public-media h5 {

  font-size: 14px;

}

.left-position {

  text-align: left !important;

}

a.bttn-more {

  color: #fff;

  border-radius: 4px;

  background: #2578c5;

  background: -moz-linear-gradient(top, #162f6a 1%, #162f6a 41%, #162f6a 100%);

  background: -webkit-linear-gradient(

    top,

    #162f6a 1%,

    #162f6a 41%,

    #162f6a 100%

  );

  background: linear-gradient(to bottom, #162f6a 1%, #162f6a 41%, #162f6a 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4acbf9', endColorstr='#068ad1',GradientType=0 );

  display: inline-block;

  border: 1px solid #dadada;

  padding: 2px 20px;

  font-weight: normal;

  text-align: center;

  margin: 0px auto;

  text-decoration: none;

  /* border-radius: 2px; */

}

.col-xs-1,

.col-sm-1,

.col-md-1,

.col-lg-1,

.col-xs-2,

.col-sm-2,

.col-md-2,

.col-lg-2,

.col-xs-3,

.col-sm-3,

.col-md-3,

.col-lg-3,

.col-xs-4,

.col-sm-4,

.col-md-4,

.col-lg-4,

.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5,

.col-xs-6,

.col-sm-6,

.col-md-6,

.col-lg-6,

.col-xs-7,

.col-sm-7,

.col-md-7,

.col-lg-7,

.col-xs-8,

.col-sm-8,

.col-md-8,

.col-lg-8,

.col-xs-9,

.col-sm-9,

.col-md-9,

.col-lg-9,

.col-xs-10,

.col-sm-10,

.col-md-10,

.col-lg-10,

.col-xs-11,

.col-sm-11,

.col-md-11,

.col-lg-11,

.col-xs-12,

.col-sm-12,

.col-md-12,

.col-lg-12 {

  position: relative;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px;

}



.center-position {

  text-align: center !important;

}



@media (min-width: 992px) {

  .col-md-3 {

    width: 25%;

  }

}



@media (min-width: 992px) {

  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12 {

    float: left;

  }

}



#nav ul li a {

  display: block;

  background-color: #ffffff;

  font-size: 1.267em;

  line-height: 24px;

  color: #000000e6;

  border: none;

  border-top: 1px solid #e5e5e5;

  padding: 5px 15px 5px 15px;

  text-align: left;

}



#nav .MenuLi:last-child :hover + .menuSubUl {

  width: 286px;

  top: 100%;

  padding: 0;

  right: 0;

  left: auto;

  position: absolute;

  border-left: 1px solid #d1d1d1;

}



#nav .MenuLi:last-child :hover + .menuSubUl li:hover {

  width: 286px;

  top: 100%;

  padding: 0;

  right: 0;

  left: auto;

  position: absolute;

  border-left: 1px solid #d1d1d1;

}



#wrapper {

  background: url(../images/common_images/web-flag-strip-bg.jpg) center top

    no-repeat;

  padding-top: 10px;

  width: 100%;

  background-size: 100% 10px;

}



.menuwrap {

  padding: 0 22px;

}



.tabBoxIcon {

  background: url(../images/common_images/home-mobile-tab-icons.png) left top

    no-repeat;

  width: 52px;

  height: 52px;

  display: inline-block;

  text-indent: -9999px;

  overflow: hidden;

  margin: 0 0 15px;

  min-height: auto;

  border: 0 none !important;

}



.searchBoxWrap {

  margin-right: 0px;

  width: 300px;

  position: relative;

  float: right;

}



.menuSubUl {

  font-size: 10px !important;

}



.leatestnewstd {

  vertical-align: top;

  font-size: 16px;

}



.whatsNewWrap .ticker li {

  padding-bottom: 5px;

}



.cols3Block {

  margin: 0 -19px;

}



.cols3Block .colsBlock {

  float: left;

  width: 33%;

  padding: 0 19px;

}



.important_links {

  margin-top: 9px !important;

  height: 600px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.newTabInfo {

  text-align: center;

  display: inline-block;

}



.newTablnfoImagelft {

  float: left;

  max-width: 250px;

}



.newTablnfoImagergt {

  float: right;

  text-align: center;

  max-width: 250px;

}



.ThirdTd {

  width: 100%;

  border-bottom: 1px solid #ccc;

  padding-top: 20px;

  margin-top: 313px;

  text-align: center;

  border-top: 1px solid #ccc;

}



.ambassadorBox {

  width: 100%;

  border-radius: 5px;

  background: #ececec;

  height: 210px;

}



.ambassadorDetails {

  width: 100%;

}



.ambassadorDetails p.ambassadorName {

  margin-bottom: 5px;

  font-size: 16px;



  color: #162f6a;

  font-family: "PoppinsSemiBold";

}



.ambassadorDetails p.ambassadorName span {

  display: block;

  font-size: 0.737em;

  font-weight: bold;

}



.ambassadorPhoto img {

  width: 100%;

  border: 4px solid white;

  border-radius: 6px;

  object-fit: cover;

}



.ambassadorDetails {

  width: 100%;

  text-align: left;

  margin: 15px;

}

.profileif {

  display: inline-flex;

  align-items: center;

  height: 143px;

  width: 100%;

  flex-wrap: nowrap;

  flex-direction: row;

}

.ambassadorDetailList {

  margin: 0;

  padding: 0;

  list-style: none;

}



.ambassadorDetailList li {

  font-size: 1.167em;

  color: #000000e6;

  margin-bottom: 2px;

}



.ambassadorDetailList li:last-child {

  margin-bottom: 0;

}



.ambassadorDetailList li a {

  color: #000000e6;

  text-decoration: none;

  position: relative;

  transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

}



.ambassadorDetailList li a:hover {

  color: #ffa500eb;

}



.ambassadorDetailList li a:before {

  content: "";

  /* background: url(../images/home-sprite-icon.png) left top no-repeat; */

  width: 16px;

  height: 13px;

  position: absolute;

  left: 0;

  top: 1px;

  transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

}



.ambassadorDetailList li a.profileLink:before {

  background-position: -386px top;

}



.ambassadorDetailList li a.profileLink:hover:before {

  background-position: -386px -31px;

}



.ambassadorDetailList li a.travel:before {

  background-position: -411px top;

  width: 18px;

}



.ambassadorDetailList li a.travel:hover:before {

  background-position: -411px -31px;

}



.ambassadorDetailList li a.speeches:before {

  background-position: -439px top;

}



.ambassadorDetailList li a.speeches:hover:before {

  background-position: -439px -31px;

}



.ambassadorDetailList li a.askyourMinister:before {

  background-position: -464px top;

}



.ambassadorDetailList li a.askyourMinister:hover:before {

  background-position: -464px -31px;

}



.stayConnectmea {

  margin-top: 15px;

  margin-bottom: 15px;

}



.imp_link_img {

  margin-right: 10px;

}



.meaInfoBlock .twitter,

.meaInfoBlock .facebook {

  padding: 0 0 0 !important;

  text-align: center !important;

}



.meaInfoBlock .news {

  padding: 0px 0 0 !important;

}



.resTab .commonTabs .video-gallery {

  width: 100%;

}



.leatestNewsWrap li {

  font-size: 15px;

}



.leatestNewsWrap .tickerDivBlock {

  height: 400px !important;

  margin-bottom: 5px;

}



.sliderControls {

  float: right;

  width: 100px;

  margin-right: 25px;

  margin-top: 4px;

}



.rightpartImagelink {

  margin-top: 10px;

}



.emergencybox {

  background-color: #e4e2e3;

  height: 155px;

  /* width:262px;*/

}



.emergencytitle {

  color: red;

  font-size: 8px;

  padding: 13px 0px 1px 17px;

}



.video-gallery {

  width: 100%;

  height: 600px;

  background: #162f6a;

  box-shadow: 0 2px 8px rgb(22 47 106 / 70%);

}



/* .photo-gallery{

    border: 1px solid gainsboro;

} */

.video-gallery .tickerDivBlock li a {

  padding: 0px 10px 10px 10px;

  color: #ffffff;

  text-decoration: none;

  display: block;

  font-weight: lighter;

  text-align: justify;

}

.right {

  float: right;

  text-align: right !important;

}

a.mar1 {

  color: #ffa500eb !important;

  font-family: "PoppinsLight";

  font-size: 13px !important;

}

.press-release .tickerDivBlock li a {

  padding: 10px;

  /* color:black; */

  text-decoration: none;

  display: block;

  text-align: justify;

  font-weight: lighter;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  width: 384px;

}



.photo-gallery h2 {

  margin-bottom: 25px;

}



.photo-gallery li:first-child {

  padding-top: 0;

}



.press-release li:first-child {

  padding-top: 0;

}



.photo-gallery li {

  border-bottom: 1px dashed #d1d1d1;

  /* padding-bottom: 10px;

  padding-top: 10px; */

}



.press-release li {

  border-bottom: 1px dashed #d1d1d1;

  /* padding-bottom: 20px; */

  /* padding-top: 20px; */

}



.press-release .tickerDivBlock {

  height: 410px !important;

  margin-bottom: 5px;

}



.press-release ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.photo-gallery .tickerDivBlock {

  height: 450px !important;

  margin-bottom: 5px;

}



.photo-gallery ul {

  margin: 0;

  padding: 1%;

  list-style: none;

  width: 100%;

}



.press-release.resTab.commonTabs .tabNav li a {

  background-color: #162f6a !important;

  color: white;

}



.video-gallery .playPause {

  color: white;

}



.press-release .playPause {

  color: white;

}



.video-gallery .playPause.play {

  background: url(../../assets/images/home-sprite-icon.png) -288px 4px no-repeat;

  width: 20px;

  height: 20px;

  text-indent: -9999px;

  overflow: hidden;

}



.video-gallery .playPause {

  display: inline-block;

  width: 9px;

  height: 13px;

  position: absolute;

  right: 14px;

  top: 25px;

  z-index: 11;

}



.video-gallery .playPause.stop {

  background: url(../../assets/images/home-sprite-icon.png) -270px 4px no-repeat;

  width: 20px;

  height: 20px;

  right: 14px;

  text-indent: -9999px;

  overflow: hidden;

}



.video-gallery a {

  text-decoration: none;

}



.video-gallery a {

  /* color: #fff; */

}



.press-release .playPause.play {

  background: url(../../assets/images/home-sprite-icon.png)-289px 4px no-repeat;

  width: 20px;

  height: 20px;

  text-indent: -9999px;

  overflow: hidden;

}



.press-release .playPause {

  display: inline-block;

  width: 9px;

  height: 13px;

  position: absolute;

  right: 14px;

  top: -55px;

  z-index: 11;

}



.press-release .playPause.stop {

  background: url(../../assets/images/home-sprite-icon.png) -272px 4px no-repeat;

  width: 20px;

  height: 20px;

  text-indent: -9999px;

  overflow: hidden;

}



.press-release a {

  text-decoration: none;

}



.press-release a {

  /* color: #fff; */

}



.white-sprite {

  background-image: url(../playpause.png);

  background-repeat: no-repeat;

  display: block;

}



.white-sprite-play {

  width: 16px;

  height: 16px;

  background-position: -5px -5px;

}



.white-sprite-stop {

  width: 16px;

  height: 16px;

  background-position: -31px -5px;

}



.video-gallery .tabMoreLinks .readMore {

  float: right;

  margin-right: 2%;

}



.commonTabs .tabContent {

  border-top: 0px solid #dcdada;

}



.album-leftimg {

  width: 20%;

  height: auto;

  float: left;

}

.post-img {

  border-radius: 5px;

  border: 1px solid #eeeeee;

}



.overflow-hidden {

  overflow: hidden !important;

}

.position-relative {

  position: relative !important;

}



.album-leftimg img {

  min-height: 85px;

  max-height: 85px;

  width: 100%;

  height: 85px;

  object-fit: cover;

}

.post-date {

  background-color: #0c1f4f;

  color: #fff;

  text-transform: capitalize;

  font-size: 12px;

  font-family: "Poppinssemibold";

  padding: 6px 12px;

  font-weight: 500;

  display: block;

}



.albun-rightcontent {

  display: flex;

  align-items: center;

  width: 78%;

  padding: 0px 0px 0px 15px;

  height: 100px;

  font-size: 15.5px;

  overflow: auto;

}



.holidaytable {

  border-collapse: collapse;

  width: 100%;

}



.holidaytable td,

.holidaytable th {

  border: 1px solid #83abc5;

  text-align: left;

  padding: 8px;

  padding: 8px 10px;

}



.holidaytable tr:nth-child(even) {

  background-color: #d1dfe8;

}



#menuLeft li {

  border-bottom: none;

}



.impHomeLinks li {

  background: none;

  border-bottom: 1px dashed #d1d1d1;

}



.albumPhotoWrapper .albumWrapper > li {

  width: 47%;

  margin-left: 10px;

  max-height: 150px;

  min-height: 150px;

  overflow: hidden;

}

.albumPhotoWrapper .albumWrapper1 > li {

  width: 100%;

  margin-left: 10px;

  max-height: auto;

  min-height: auto;

  overflow: hidden;

  border-radius: 10px;

}



.albumPhotoWrapper .albumWrapper > li:hover {

  overflow-y: scroll;

}

.albumPhotoWrapper .albumWrapper1 > li:hover {

  overflow-y: none;

}



.gallery_image {

  width: 30%;

  float: left;

}

.gallery_image1 {

  width: 100%;

  float: left;

  margin-bottom: 1%;

}



.gallery_image img {

  min-height: 100px;

}



.gallery_content {

  width: 70%;

  padding-left: 5px;

  float: right;

}



.gallery_content1 {

  width: 100%;

  padding-left: 5px;

  /* float: right; */

}



.image_gallery_box {

  width: 47%;

  float: left;

  margin-left: 10px;

  margin-top: 10px;

  min-height: 260px;

  max-height: 260px;

}



.image_gallery_box a {

  border: 1px solid #09568c;

}



.image_gallery_box img {

  width: 90%;

  min-height: 254px;

  max-height: 254px;

}



.image_gallery_box div {

  width: 90%;

}



.award_image_gallery_box {

  width: 47%;

  float: left;

  margin-left: 10px;

  margin-top: 10px;

  /* min-height: 260px;

    max-height: 260px;*/

}



.image_gallery_box a {

  border: 1px solid #09568c;

}



.award_image_gallery_box img {

  width: 90%;

  /*min-height: 254px;

    max-height:254px;*/

}



.bodyHeader {

  font-size: 14px;

  margin-bottom: 5px;

}



.bodyHeadercontent-heading {

  font-size: 15px;

  font-weight: bold;

  color: #2a5b8a;

}



.bodyHeadercontent-text {

  text-align: justify;

}



.menuLeft {

  margin-left: 20px;

}



.meaInfoBlock .marquee {

  background-color: #162f6a;

  padding-top: 10px;

  padding-bottom: 10px;

}



.meaInfoBlock .marquee marquee {

  background-color: #ffffff;

  padding-top: 10px;

  padding-bottom: 10px;

}



.meaInfoBlock .marquee a {

  font-size: 14px;

  color: red;

  text-decoration: none;

}



.mcontent strong {

  color: #000000fa;

}



.tableData td {

  font-size: 13px;

  border: 1px solid #d9e9f4;

  padding: 3px 3px 3px 10px;

  word-wrap: break-word;

  /*color:#25578c;*/

}



.tableData tr:nth-child(even) {

  background-color: #f4f8fb;

}



.footerMiddle {

  width: 25%;

  float: left;

  text-align: center;

}



.footerMiddle iframe {

  width: 300px;

  height: auto;

}



.footerRight {

  width: 35%;

  float: right;

}



.contentPart.notice h2 span {

  display: inline;

  text-indent: -9999px;

  overflow: hidden;

  vertical-align: middle;

}



.innerBanner span {

  color: #ffffff;

  float: left;

  font-size: 2.87em;

  line-height: 1.3;

  padding: 37px 0 37px 0;

  width: 87%;

  text-shadow: 2px 2px #000000a3;

  font-family: "Poppinssemibold";

}



#innerContent p {

  line-height: 1.45em;

  padding: 0 0 0 0;

  /*text-align: unset;*/

  clear: both;

}



.contentList li {

  list-style-type: decimal;

}



.contentBulletList li {

  list-style-type: initial;

}



.contentBulletList {

  padding: 5px;

}



.contentList {

  padding: 30px;

}



.contentRomanList li {

  list-style-type: lower-roman;

}



.commonListing.statementList li {

  color: #515151;

  width: 30%;

  float: left;

  padding: 15px 0;

  border-bottom: none;

  /* border-bottom: 1px dotted #ccc; */

  list-style: none;

}



.contentHead {

  color: #3779ba;

}



.imgwithBorder {

  border: 1px solid #ccc;

}



.bannerCaption .title {

  font-size: 1.833em;

  font-weight: bold;

  line-height: 34px;

  margin-bottom: 0;

  font-weight: lighter;

  color: #fff;

}



/*.indexBanner .contentWidthSlider .sliderImg {

    width: 100%;

    max-height: 500px;

    min-height: 500px;

}*/

.resTabIcons .iconBox {

  padding: 4px 10px;

}



.meaInfoBlock .tabContainer,

.noJS .meaInfoBlock .tabContainer,

.noJS .meaInfoBlock .tabContent {

  height: 421px;

}



.socialIconBox a {

  all: initial;

  cursor: pointer;

}



.socialBlockCont {

  /* background: #fff; */

  position: relative;

  /* left: -15px; */

  /* top: 76px; */

  /* z-index: 999; */

  height: auto;

  width: auto;

  display: -webkit-box;

  /* box-shadow: 0px 0px 6px 0px #efefef; */

}



.socialBlockCont .resTab {

  border: none;

  width: 48%;

}



.socialBlockCont .resTab .tabNav .r-tabs-state-active a {

  color: white;

  background-color: #162f6a;

  border-radius: 3px;

}



.resTab .tabNav {

  margin: 0;

  padding: 0 0 5px 0;

  border-radius: 5px;

  list-style: none;

  border-bottom: 2px solid #f5f5f5;

  display: flex;

  justify-content: space-around;

}



.resTab .tabNav1 {

  margin: 1.5%;

  padding: 0;

  border-radius: 45px;

  list-style: none;

  border: 1px solid #e1e2e8;

  background: #f5f5f5;

  display: flex;

  justify-content: space-around;

}

.resTab .tabNav1 li a {

  display: inline-block;

  text-decoration: none;

}



.tabNav1 .r-tabs-state-default a {

  padding: 15px;

}

.tabNav1 .r-tabs-state-active a {

  color: #0b1e4f;

  font-weight: bold;

  position: relative;

  border-radius: 40px;

  padding: 15px 35px;

  background: white;

  font-size: 13px;

  text-shadow: 1px 0px #0b1e4f;

  box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.175);

}

.meaInfoBlock .resTab.commonTabs .tabNav1 li {

  margin: 1% 10% 1% 0%;

}

.resTab .tabNav1 li {

  display: inline-block;

  margin: 0;

  padding: 1%;

  position: relative;

  background-color: white;

}

.socialBlockCont .resTab .tabNav li {

  background: #f5f5f5;

  width: auto;

}



.resTab .tabNav li {

  display: inline-block;

  margin-top: 0.5%;

  position: relative;

  border-radius: 5px;

}

li.r-tabs-tab.r-tabs-state-active {

  background: #162f6a;

}

/* li.r-tabs-tab.r-tabs-state-active {

  background-color: white;

} */



.socialBlockCont .resTab .tabNav li a {

  font-size: 15px;

  padding: 15px;

  display: block;

  color: #707070;

  border: 1px solid #f2f2f2;

  text-align: center;

  border-radius: 3px;

}



.socialBlockCont .tabContainer {

  min-height: 593px;

}



.resTab .r-tabs-accordion-title {

  display: none;

}



.socialBlockCont .resTab .tabContent {

  max-height: 482px;

}



.resTab .tabContent {

  /* padding: 15px !important; */

  display: none;

}



.twitterBlock {

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

}



.rightContent_shadow {

  background-image: url(../images/bg12.svg);

  /* background-color: #195ca0; */

  padding: 16px;

  text-align: center;

}



.rightContent_shadow_1 {

  /* background-image: url(../images/reg.png); */

  background-color: #e3e3e39c;

  /* border: 1px solid #acaaaa; */

  padding: 16px;

  text-align: center;

  width: 100%;

}



.in-dis {

  display: flex;

}



.rightContent_shadow_2 {

  /* background-image: url(../images/emp.png); */

  background-color: #e3e3e39c;

  /* border: 1px solid #acaaaa; */

  padding: 16px;

  text-align: center;

  width: 100%;

  margin-left: 6%;

}



.title-head-grey {

  color: #ffff;

}



.rightContent_shadow img {

  height: 59px;

}



.title-head-blue {

  color: #ffff;



  font-family: inherit;

  font-size: 18px;

}



.title-head-red {

  color: #ffff;



  font-family: inherit;

  font-size: 18px;

}



.rightContent_shadow ul {

  margin: 0px;

}



.rightContent_shadow li {

  float: left;

  text-align: left;

}



.rightContent_shadow li:nth-child(2) {

  padding-left: 10px;

}



.notification_block {

  width: 100%;

  float: none;

  margin-top: 2%;

  margin-bottom: 10px;

}



.notification {

  background-color: #fdf9ce85;

  height: 50px;

  padding: 8px;

  font-size: 15px;

}



.underlinehead {

  text-decoration: underline;

}



.sprite {

  background-image: url(../images/common_images/spritesheet.png);

  background-repeat: no-repeat;

  display: block;

  margin-top: 5px;

}



.sprite-fbicon_32 {

  width: 32px;

  height: 32px;

  background-position: -13px -13px;

}



.sprite-flicker {

  width: 32px;

  height: 32px;

  background-position: -71px -13px;

}



.sprite-insta_32 {

  width: 32px;

  height: 32px;

  background-position: -13px -71px;

}



.sprite-twitter {

  width: 32px;

  height: 32px;

  background-position: -71px -71px;

}



.sprite-youtube {

  width: 32px;

  height: 32px;

  background-position: -129px -13px;

}



.logoWrap {

  float: left;

  width: 35%;

}

.htime {

  padding-top: 2%;

  height: 58px;

}



.searchWrap {

  float: right;

  width: 40%;

  justify-content: end;

  display: inline-flex;

  height: 88px;

}

.socialIconBox1 {

  margin-top: 3%;

  padding-right: 7%;

}

.socialIconBox1 .twitter {

  color: #14a9c8;

}

.socialIconBox1 .facebook {

  color: #224c9f;

}

.socialIconBox1 .linkedIn {

  color: #0072b1;

}

.socialIconBox1 .youtube {

  color: #ff030e;

}

.socialIconBox1 .flickr {

  color: #264b6b;

}

.socialIconBox1 .soundcloud {

  color: #ff7700;

}



.socialIconBox1 a {

  font-size: 22px;

  margin: 0 5px;

}



.timeWrap {

  padding-top: 10px;

  float: left;

  width: 32%;

}



.langwrap {

  width: 50%;

  float: right;

  margin-top: 2%;

}



.text-center {

  text-align: center !important;

}



.ui.selection.dropdown a {

  text-decoration: none;

}



.ui.selection.dropdown {

  width: 100%;

}



.ui.dropdown:not(.button) > .default.text,

.ui.default.dropdown:not(.button) > .text {

  color: rgba(35, 33, 33, 0.87);

}



.mt-1 {

  margin-top: 1rem;

}



.mt-2 {

  margin-top: 2rem;

}



.mt-3 {

  margin-top: 3rem;

}



.mt-4 {

  margin-top: 4rem;

}



.mt-5 {

  margin-top: 5rem;

}



.m-0 {

  margin: 0 !important;

}



.mt-0,

.my-0 {

  margin-top: 0 !important;

}



.mr-0,

.mx-0 {

  margin-right: 0 !important;

}



.mb-0,

.my-0 {

  margin-bottom: 0 !important;

}



.ml-0,

.mx-0 {

  margin-left: 0 !important;

}



.m-1 {

  margin: 0.25rem !important;

}



.mt-1,

.my-1 {

  margin-top: 0.25rem !important;

}



.mr-1,

.mx-1 {

  margin-right: 0.25rem !important;

}



.mb-1,

.my-1 {

  margin-bottom: 0.25rem !important;

}



.ml-1,

.mx-1 {

  margin-left: 0.25rem !important;

}



.m-2 {

  margin: 0.5rem !important;

}



.mt-2,

.my-2 {

  margin-top: 0rem;

}



.mr-2,

.mx-2 {

  margin-right: 0.5rem !important;

}



.mb-2,

.my-2 {

  margin-bottom: 0.5rem !important;

}



.ml-2,

.mx-2 {

  margin-left: 0.5rem !important;

}



.m-3 {

  margin: 1rem !important;

}



.mt-3,

.my-3 {

  margin-top: 1.3rem !important;

}

.text-end {

  float: right;

}

.mr-3,

.mx-3 {

  margin-right: 1rem !important;

}



.mb-3,

.my-3 {

  margin-bottom: 1rem !important;

}



.ml-3,

.mx-3 {

  margin-left: 1rem !important;

}



.m-4 {

  margin: 1.5rem !important;

}



.mt-4,

.my-4 {

  margin-top: 1.5rem !important;

}



.mr-4,

.mx-4 {

  margin-right: 1.5rem !important;

}



.mb-4,

.my-4 {

  margin-bottom: 1.5rem !important;

}



.ml-4,

.mx-4 {

  margin-left: 1.5rem !important;

}



.m-5 {

  margin: 3rem !important;

}



.my-5 {

  margin-top: 3rem !important;

}



.mr-5,

.mx-5 {

  margin-right: 3rem !important;

}



.mb-5,

.my-5 {

  margin-bottom: 3rem !important;

}



.ml-5,

.mx-5 {

  margin-left: 3rem !important;

}



.p-0 {

  padding: 0 !important;

}



.pt-0,

.py-0 {

  padding-top: 0 !important;

}



.pr-0,

.px-0 {

  padding-right: 0 !important;

}



.pb-0,

.py-0 {

  padding-bottom: 0 !important;

}



.pl-0,

.px-0 {

  padding-left: 0 !important;

}



.p-1 {

  padding: 0.25rem !important;

}



.pt-1,

.py-1 {

  padding-top: 0.25rem !important;

}



.pr-1,

.px-1 {

  padding-right: 0.25rem !important;

}



.pb-1,

.py-1 {

  padding-bottom: 0.25rem !important;

}



.pl-1,

.px-1 {

  padding-left: 0.25rem !important;

}



.p-2 {

  padding: 0.5rem !important;

}



.pt-2,

.py-2 {

  padding-top: 0.5rem !important;

}



.pr-2,

.px-2 {

  padding-right: 0.5rem !important;

}



.pb-2,

.py-2 {

  padding-bottom: 0.5rem !important;

}



.pl-2,

.px-2 {

  padding-left: 0.5rem !important;

}



.p-3 {

  padding: 1rem !important;

}



.pt-3,

.py-3 {

  padding-top: 1rem !important;

}



.pr-3,

.px-3 {

  padding-right: 1rem !important;

}



.pb-3,

.py-3 {

  padding-bottom: 1rem !important;

}



.pl-3,

.px-3 {

  padding-left: 1rem !important;

}



.p-4 {

  padding: 1.5rem !important;

}



.pt-4,

.py-4 {

  padding-top: 1.5rem !important;

}



.pr-4,

.px-4 {

  padding-right: 1.5rem !important;

}



.pb-4,

.py-4 {

  padding-bottom: 1.5rem !important;

}



.pl-4,

.px-4 {

  padding-left: 1.5rem !important;

}



.p-5 {

  padding: 3rem !important;

}



.pt-5,

.py-5 {

  padding-top: 3rem !important;

}



.pr-5,

.px-5 {

  padding-right: 3rem !important;

}



.pb-5,

.py-5 {

  padding-bottom: 3rem !important;

}



.pl-5,

.px-5 {

  padding-left: 3rem !important;

}



.m-n1 {

  margin: -0.25rem !important;

}



.mt-n1,

.my-n1 {

  margin-top: -0.25rem !important;

}



.mr-n1,

.mx-n1 {

  margin-right: -0.25rem !important;

}



.mb-n1,

.my-n1 {

  margin-bottom: -0.25rem !important;

}



.ml-n1,

.mx-n1 {

  margin-left: -0.25rem !important;

}



.m-n2 {

  margin: -0.5rem !important;

}



.mt-n2,

.my-n2 {

  margin-top: -0.5rem !important;

}



.mr-n2,

.mx-n2 {

  margin-right: -0.5rem !important;

}



.mb-n2,

.my-n2 {

  margin-bottom: -0.5rem !important;

}



.ml-n2,

.mx-n2 {

  margin-left: -0.5rem !important;

}



.m-n3 {

  margin: -1rem !important;

}



.mt-n3,

.my-n3 {

  margin-top: -1rem !important;

}



.mr-n3,

.mx-n3 {

  margin-right: -1rem !important;

}



.mb-n3,

.my-n3 {

  margin-bottom: -1rem !important;

}



.ml-n3,

.mx-n3 {

  margin-left: -1rem !important;

}



.m-n4 {

  margin: -1.5rem !important;

}



.mt-n4,

.my-n4 {

  margin-top: -1.5rem !important;

}



.mr-n4,

.mx-n4 {

  margin-right: -1.5rem !important;

}



.mb-n4,

.my-n4 {

  margin-bottom: -1.5rem !important;

}



.ml-n4,

.mx-n4 {

  margin-left: -1.5rem !important;

}



.m-n5 {

  margin: -3rem !important;

}



.mt-n5,

.my-n5 {

  margin-top: -3rem !important;

}



.mr-n5,

.mx-n5 {

  margin-right: -3rem !important;

}



.mb-n5,

.my-n5 {

  margin-bottom: -3rem !important;

}



.ml-n5,

.mx-n5 {

  margin-left: -3rem !important;

}



.m-auto {

  margin: auto !important;

}



.mt-auto,

.my-auto {

  margin-top: auto !important;

}



.mr-auto,

.mx-auto {

  margin-right: auto !important;

}



.mb-auto,

.my-auto {

  margin-bottom: auto !important;

}



.ml-auto,

.mx-auto {

  margin-left: auto !important;

}



@media only screen and (max-width: 1024px) {

  .trans {

    float: right;

  }



  #footer .socialIconBox a,

  #footer .shareThisO {

    margin: 0 2px 5px;

    display: -webkit-inline-box;

  }



  #nav li a {

    padding: 20px 0px;

    line-height: 19px;

    color: #fff;

    font-size: 12px;

    display: inline-block;

    text-decoration: none;

    font-weight: 400;

  }

}

/* @media only screen and (min-width: 1025px) and (max-width: 1380px) {

  #nav li a {

    padding: 15px 15px;

  }

} */



@media only screen and (min-width: 1050px) and (max-width: 1150px) {

  .press-release .tickerDivBlock li a {

    width: 290px;

  }

}



@media only screen and (min-width: 1151px) and (max-width: 1190px) {

  .press-release .tickerDivBlock li a {

    width: 313px;

  }

}



@media only screen and (min-width: 1151px) and (max-width: 1190px) {

  .press-release .tickerDivBlock li a {

    width: 350px;

  }

}



@media only screen and (min-width: 426px) and (max-width: 1023px) {

  .trans {

    float: right;

  }



  .albumPhotoWrapper .tdAlbum .albumWrapper > li {

    width: 47%;

  }



  .leftPartInner .mt-5 {

    margin-top: 0px;

  }



  .footerLeft,

  .footerRight {

    width: 100%;

    float: none;

    text-align: center;

  }

}



@media only screen and (min-width: 426px) and (max-width: 769px) {

  .implinksDetails {

    margin-top: 50px;

  }



  .rightContent_shadow {

    width: 49%;

    float: left;

    min-height: 176px;

  }



  .rightpart div:nth-child(2) {

    margin-left: 5px;

    line-height: 22px;

  }



  .rightpartImagelink {

    float: left;

    min-height: 160px;

  }



  .rightpartImagelink:nth-child(even) {

    margin-left: 95px;

    float: right;

    min-height: 225px;

  }



  .ambassadorBox {

    height: auto;

  }



  .ambassadorPhoto img {

    width: 20%;

    float: left;

    margin-left: 40px;

  }



  .ambassadorDetails {

    margin-top: 50px;

  }



  .ambassadorDetailList {

    margin-left: 155px;

  }



  .stayConnectmea {

    text-align: center;

  }



  .topStrip .container {

    text-align: center;

    font-weight: bold;

  }



  .indexBanner .contentWidthSlider .sliderText {

    padding-right: 10px;

  }



  .footerLeft {

    width: 100%;

    /* float: left; */

  }



  .footerMiddle {

    width: 100%;

    float: none;

    text-align: center;

  }



  .footerMiddle iframe {

    width: 200px;

    height: 180px;

  }



  .footerRight {

    width: 100%;

    float: none;

    text-align: center;

  }



  .leftPartInner .mt-5 {

    margin-top: 0px;

  }



  .logoWrap {

    width: 100%;

    text-align: center;

  }



  .timeWrap {

    padding-top: 10px;

    float: right;

    width: 50%;

  }



  .searchWrap {

    float: left;

    width: 50%;

  }



  .notification_block {

    width: 100%;

    float: left;

    margin-top: 2%;

    margin-bottom: 10px;

  }

}



@media only screen and (max-width: 767px) {

  .logo a {

    display: unset;

    /*background: url(../images/logomobile.jpg) no-repeat left top;

        width: 252px;

        height: 118px;

        text-indent: -999em;

        margin: 0 auto;*/

  }

  #homepageTopServicesList li {

    width: 100%;

  }



  .logoWrap {

    width: 100%;

    text-align: center;

  }



  .notification_block {

    width: 100%;

    float: left;

    margin-top: 2%;

    margin-bottom: 10px;

  }

}



@media only screen and (max-width: 425px) {

  .trans {

    float: unset;

  }



  .image_gallery_box {

    width: 98%;

  }



  .rightpartImage {

    text-align: center;

  }



  .ui.selection.dropdown {

    width: 50%;

  }



  .ambassadorBox {

    height: auto;

  }



  .stayConnectmea {

    text-align: center;

  }



  /*.logo a {

        display: block;

        background: url(../images/common_images/logo_embassy_mobile_english.jpg) no-repeat left top;

        width: 100%;

        height: 92px;

        text-indent: -999em;

        margin: 0 auto;

    }*/

  .rightpartImagelink img {

    width: 100%;

  }



  .footerLogosSlider {

    padding: 0 10px;

  }



  .topStrip .container {

    text-align: center;

    font-weight: bold;

  }



  .footerLeft {

    width: 100%;

    /* float: left; */

    text-align: center;

  }



  .footerMiddle iframe {

    width: 300px;

    height: 250px;

  }



  .footerMiddle {

    width: 100%;

    text-align: center;

  }



  .footerRight {

    padding-top: 20px;

    width: 100%;

    float: right;

  }



  .leftPartInner .mt-5 {

    margin-top: 0px;

  }



  .searchWrap {

    float: left;

    width: 100%;

  }



  .langwrap {

    width: 100%;

    text-align: center;

  }



  .langselect {

    width: 50%;

  }



  .timeWrap {

    width: 100%;

  }



  .notification_block {

    width: 100%;

    float: left;

    margin-top: 2%;

    margin-bottom: 10px;

  }

}



@media only screen and (max-width: 380px) {

  .trans {

    float: unset;

  }



  .commonListing.statementList li {

    color: #515151;

    width: 30%;

    float: left;

    padding: 15px 10px;

    border-bottom: none;

    /* border-bottom: 1px dotted #ccc; */

    list-style: none;

  }



  .leftPartInner .mt-5 {

    margin-top: 0px;

  }



  .notification {

    background-color: #fdf9ce85;

    height: 93px;

    margin-top: -10px;

  }



  .notification_block {

    width: 100%;

    float: left;

    margin-top: 2%;

    margin-bottom: 10px;

  }

}



@media only screen and (max-width: 320px) {

  .ambassadorBox {

    height: auto;

  }

}



/* Facebook style */



.fbout {

  height: 470px;

  width: auto;

  background-color: #162f6a;

  padding: 10px;

  border: 1px solid #aaa;

}



.fbin {

  height: 450px;

  border: 1px solid #ccc;

  overflow: hidden;

  width: auto;

  float: left;

  margin-left: 150px;

}



.tabcontent iframe {

  display: block;

}

india-flag,

header,

header-menu,

logo-search,

main-menu,

slider,

wrapper,

section,

.am-profile,

.main-section,

client,

footer,

slider-down,

.four-link,

.four-link ul,

banner {

  width: 100%;

  float: left;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block;

}



.tab__list {

  display: flex;

  justify-content: space-evenly;

}

.tab__item {

  overflow: hidden;

  cursor: pointer;

  padding: 12px 8px;

  text-shadow: 0 0 0.5px currentColor;

  letter-spacing: 1px;

  transition: 0.2s;

  font-size: 18px;

  position: relative;

  color: #777777;

}

.tab__item:before {

  content: "";

  position: absolute;

  top: 95%;

  left: 0;

  height: 3px;

  width: 100%;

  background: #f7931e;

  transition: 0.2s;

  visibility: hidden;

  opacity: 0;

}

.tab__item.is--active {

  color: #444;

  position: relative;

}

.tab__item.is--active:before {

  visibility: visible;

  opacity: 1;

}

.tab__content {

  padding: 2% 3%;

  background: #ffffff;

  border-radius: 0 0px 10px 10px;

}

#tab__content {

  border: 1px solid #ffffff;

  height: 490px;

}

#rightPartShadow {

  float: left;

  width: 30%;

  height: 490px;

}

.tab__content-item {

  display: none;

}

.tab__content-item.is--active {

  display: block;

}

.tab__content-title {

  padding: 24px 24px 24px 0;

}



.tab .tab .tab__item {

  font-size: 16px;

  font-family: "Poppinssemibold";

  color: #09183d;

}

.tab .tab .tab__content {

  padding: 0;

}



.card {

  max-width: 400px;

  width: 100%;

  height: 400px;

  border-radius: 7px;

  background-color: #fff;

  text-align: center;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

  border: 1px solid #e0e0e0;

}



.mobile-broadband {

  border: 1px solid #f5f5f5;

}



.tv-broadband {

  border: 1px solid #f5f5f5;

}

#d-flex {

  display: flex;

  justify-content: space-between; /* Ensure items are spaced */

  align-items: center;

  flex-wrap: wrap;

}



#d-flex > .corner {

  flex-grow: 0; /* No extra space for corners */

}



#d-flex > .middle {

  flex-grow: 1; /* Allow middle items to take up equal space */

  text-align: center;

  margin: 0 10px; /* Optional: Add some spacing between middle items */

}



.icon {

  font-size: 17.5px;

  padding: 15px 7px;

  margin-bottom: 20px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  font-family: "Poppinssemibold";

}



.mobile-broadband .icon {

  color: #f5f5f5;

  background: #162f6a;

  height: 60px;

  border-top-left-radius: 7px;

  border-top-right-radius: 7px;

}

.board {

  text-align: left;

  padding: 0 3%;

  height: 270px;

  margin: 0;

}



.tv-broadband .icon {

  background-color: #68a4ff;

  color: #fff;

  height: 74px;

  width: 74px;

  font-size: 35px;

}



.card h2 {

  font-size: 22px;

  font-family: "Merriweather", serif;

  font-weight: 900;

  color: #121f38;

  margin: 15px 0;

}



.card p {

  font-size: 14px;

  color: #4a4a4a;

  line-height: 1.4;

  margin-bottom: 0px;

}



.btn {

  font-size: 16px;

  padding: 12px 24px;

  border: none;

  border-radius: 24px;

  font-weight: bold;

  cursor: pointer;

  transition: all 0.3s ease;

}



.mobile-broadband .btn {

  background-color: #ffe8f1;

  color: #e02e79;

}



.tv-broadband .btn {

  background-color: #edf4ff;

  color: #1b65d6;

}



.btn:hover {

  transform: translateY(-2px);

}



.mobile-broadband .btn:hover {

  background-color: #ff68a7;

  color: #fff;

}



.tv-broadband .btn:hover {

  background-color: #68a4ff;

  color: #fff;

}



@media (max-width: 780px) {

  .card {

    padding: 20px;

    max-width: 100%;

    width: auto;

  }

}

.slide-container {

  width: 100%;

  padding: 20px 0;

}



.slide-content {

  overflow: hidden;

  border-radius: 25px;

}

.card-wrapper {

  display: flex;

  gap: 20px;

}



.card {

  /* width: 320px; */

  border-radius: 8px;

  background-color: #ffffff;

}



.image-content,

.card-content {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 13px 20px;

  font-size: 15px;

}



.image-content {

  row-gap: 5px;

  position: relative;

  padding: 25px 0;

}



.overlay {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #162f6a;

  border-radius: 25px 25px 0 25px;

}



.overlay::before,

.overlay::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: -30px;

  height: 30px;

  width: 30px;

  background-color: #162f6a;

}



.overlay::after {

  border-radius: 0 25px 0 0;

  background-color: #ffffff;

}



.card-image {

  position: relative;

  height: 150px;

  width: 230px;

  padding: 3px;

}



.card-image .card-img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  border-radius: 5%;

  border: 4px solid #f5f5f5;

  background: #f5f5f5;

}



.name {

  font-size: 18px;

  font-weight: 500;

  color: #333333;

}



.description {

  font-size: 14px;

  color: #707070;

  text-align: center;

}



.button {

  border: none;

  font-size: 16px;

  color: #ffffff;

  padding: 8px 16px;

  background-color: #4070f4;

  border-radius: 6px;

  margin: 14px;

  cursor: pointer;

  transition: all 0.3s ease;

}



.button:hover {

  background: #265df2;

}



.swiper-navBtn {

  color: #6e93f7 !important;

  transition: all 0.3s ease;

}



.swiper-navBtn:hover {

  color: #4070f4 !important;

}



.swiper-navBtn::before,

.swiper-navBtn::after {

  font-size: 40px !important;

}



.swiper-button-next {

  right: 0 !important;

}

.swiper-button-prev {

  left: 0 !important;

}



.swiper-pagination-bullet {

  background-color: #6e93f7 !important;

  opacity: 1 !important;

}

.swiper-pagination-bullet-active {

  background-color: #4070f4 !important;

}



@media screen and (max-width: 768px) {

  .slide-content {

    margin: 0 10px;

  }

  .swiper-navBtn {

    display: none !important;

  }

}

.photo-gallery-heading {

  margin: 0 0 15px 0; /* Adjust spacing */

  color: #162f6a; /* Text color */

  text-align: center; /* Center the heading */

  font-family: "Poppins", sans-serif; /* Modern font */

  font-size: 24px; /* Font size for better visibility */

  /* Semi-bold text */

  position: relative; /* For pseudo-element positioning */

}



.photo-gallery-heading::after {

  content: ""; /* Empty content for underline */

  display: block;

  width: 7%; /* Adjust the width of the underline */

  height: 3px; /* Thickness of the underline */

  background-color: #162f6abd; /* Color of the underline */

  margin: 8px auto 0; /* Center the underline and add spacing */

  border-radius: 2px; /* Optional: Rounded edges for the underline */

}



figure.snip1206 {

  color: #fff;

  position: relative;

  overflow: hidden;

  margin: 10px;

  min-width: 220px;

  max-width: 310px;

  width: 100%;

  color: #000000;

  text-align: center;

}

figure.snip1206 * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}

figure.snip1206 img {

  opacity: 1;

  width: 100%;

  border: 1px solid #f5f5f5;

  height: 350px;

  -webkit-transition: opacity 0.35s;

  transition: opacity 0.35s;

}

figure.snip1206:after {

  background: #ffffff;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  content: "";

  opacity: 0.75;

  -webkit-transform: skew(-45deg) scaleX(0);

  transform: skew(-45deg) scaleX(0);

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.snip1206 figcaption {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 1;

}

figure.snip1206 h2,

figure.snip1206 p {

  margin: 0;

  width: 100%;

  opacity: 0;

}

figure.snip1206 h2 {

  padding: 0 30px;

  display: inline-block;

  font-weight: 400;

  text-transform: uppercase;

  color: #162f6a;

  font-family: "Poppinssemibold";

}

figure.snip1206 p {

  padding: 0 50px;

  font-size: 0.8em;

  font-weight: 500;

}

figure.snip1206 a {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  position: absolute;

  z-index: 1;

}

figure.snip1206:hover:after,

figure.snip1206.hover:after {

  -webkit-transform: skew(-45deg) scaleX(1);

  transform: skew(-45deg) scaleX(1);

  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

figure.snip1206:hover figcaption h2,

figure.snip1206.hover figcaption h2,

figure.snip1206:hover figcaption p,

figure.snip1206.hover figcaption p {

  -webkit-transform: translate3d(0%, 0%, 0);

  transform: translate3d(0%, 0%, 0);

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}

figure.snip1206:hover figcaption h2,

figure.snip1206.hover figcaption h2 {

  opacity: 1;

}

figure.snip1206:hover figcaption p,

figure.snip1206.hover figcaption p {

  opacity: 0.7;

}