/************************************************* Header ********************************************************************/
#Header {font-size:13px;}  #Header + main {margin-top:140px;}
#Header .Toplink{font-size:13px; color:#fff; padding:10px 0 6px 0px; min-height:44px;} #Header .Toplink .fas{vertical-align:top;}
#Header .Toplink a{color:#1d1f7a;} #Header .Toplink a:hover{color:#1d1f7a;}    
#Header .list-inline a{margin:0px; color:#df0d22;}
#Header .list-inline a:hover{color:#fff;}
#Header .text-danger {
  color: #1d1f7a !important;
}
.floating-video {
  position: absolute;
  top: 76%;
  right: 0;
  transform: translateY(-50%);
  width: 30%; /* Adjust width as needed */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.foogallery-album-gallery-list .foogallery-pile::before, .foogallery-album-gallery-list .foogallery-pile::after {
  box-shadow: none !important;
}
.foogallery-album-gallery-list .foogallery-pile h3 {
  background: #fff !important;
  font-size: 22px;
}
#Header .list-inline a {
  color: #1d1f7a;
}
.wp-gap{gap:0px !important;}
.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.wp-block-button__link  {
  transition: all 0.3s ease-in;
text-decoration: none !important;
font-weight: 500;
font-size: 13px !important;
padding: 14px 32px !important;
font-family: 'Poppins', sans-serif;
border-radius: 40px;
text-transform: uppercase;
letter-spacing: .2em;
text-shadow: none;
}
.bg-yellow {background:#f6dd42;}
.wp-block-button__link:hover{background-color:#000 !important; border-color:#000 !important;}
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption h1{ font-size:60px; line-height:1.2; text-shadow:1px 1px 2px rgba(0,0,0,.7);color: #fff !important;}
.MainBanner .carousel-caption {
  color: #1d1f7a;
  
}
.SerArea {text-shadow:5px 5px 5px rgba(0,0,0,.3);}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100% !important;
  font-weight: 700;
  color: #000;
  height: 1px;
}
#menu-footer-menu .nav-link {
  
padding: 0px;}
.sub-menu-toggle {
  display: none !important;
}
.menu-primary-menu-container {
  margin-left: auto;
}
.menu-item .nav-link .caret::after {
  display: inline-block;
  margin-left: 0em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.navbar .nav-item:hover .dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
ul.dropdown-menu {
    display: none;
}
ul.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu {padding:8px 8px; margin:0; min-width:13rem; background-color:#fff;}
.dropdown-item {color:#000; padding:4px 10px 4px 10px;font-size:14px;}
.dropdown-item:focus, .dropdown-item:hover {background-color:#fff; color:#df0d22;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #ccc;}
.dropdown-menu  .dropdown-item .nav-link {padding: 3px !important;font-size: 13px; color:#000;}
.dropdown-item.active, .dropdown-item:active {
  
  background-color: transparent;
  color:#df0d22;
}

/********** ContactForm **************************************************************************************************/
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{border-color:#ccc; border-radius:0; height:50px; color:#6d6d6d;}
#ContactForm textarea.form-control{height:190px; padding-top:15px;}
.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

/********** Footer ***************************************************************************************************/
#Footer{position:relative; background:#1d1f7a; display:block; min-height:429px; z-index:1; font-size:14px; line-height:30px;color:#9f9f9f;}
#Footer:after {content:''; background:url(../images/ft.jpg) no-repeat top center; opacity:.1; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;background-size:cover;} 
#Footer li.active a {color:#fae144;}
#Footer a{color:#9f9f9f;}#Footer a:hover,#Footer .list-inline a:hover{color:#fae144;}
#Footer h3{font-size:15px; letter-spacing:.1em;}

#Footer .list-inline a{font-size:16px; margin:0px; color:#fae144;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right:12px;}
.Copytext{color:#9f9f9f; font-size:13px;letter-spacing:.1em !important;}
#Footer hr{background-color:#fff !important; margin:30px 0px 20px 0px; opacity:.2 !important;}

/*************************************************************************************************************/
.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/check.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 40px; margin:0px;}

/*************************************************************************************************************/

.container-new{max-width:100% !important; width:100%; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

/* ============ desktop view ============ */
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover {color:#fae144;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */


/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;background:#1d1f7a !important;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:84px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:75px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:10px 0px ;}
.shrink .navbar-brand{padding:6px 0px;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {.container{max-width:1390px;}
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (min-width: 1920px) {.container{max-width:1390px;}}
@media (min-width: 1600px){.container{max-width:1390px;} }
@media (min-width: 1359.98px) and (max-width: 1459.98px){body {font-size:16px; line-height:1.7;}}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {#Header + main {margin-top:120px;}.MainBanner .carousel-caption h1{font-size:50px;}body {font-size:16px; line-height:1.7;}
.SerArea  img {
    height:350px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
	#mega-menu-wrap-primary .mega-menu-link {
  padding: 0px 3px 8px 10px !important;
  font-size: 13px !important;
}}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static;background: #1d1f7a !important;}#Header + main {margin-top:0px;}
.MainBanner .carousel-caption {font-size:26px;} .MainBanner .carousel-caption h1{font-size:35px;} h1, .h1 {font-size:32px;} .SerArea .h1{font-size:34px;}
.fs-75 {font-size:55px !important;}

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {.container{max-width:100%;}
#Header{position:static; background: #1d1f7a !important;}#Header + main {margin-top:0px;}
.MainBanner .carousel-caption {font-size:20px;} .MainBanner .carousel-caption h1{font-size:30px;} h1, .h1 {font-size:40px;} 
.fs-75 {font-size:55px !important;}.ls-1{letter-spacing:.030em !important;}.Copytext{line-height:1.5;} .w-75 {width:100% !important;}



	.dropdown:hover .dropdown-menu {
    display: block;
}
	ul.dropdown-menu>li>a {
		display: inline !important;}
	.mobile-nav .dropdown-menu .dropdown-item {
    margin: 4px ;
}
}

@media (max-width:575.98px) {
	.btn {
  
		letter-spacing: 1px;}
	.floating-video {
  position: absolute;
		top: 86%;
	 width: 40%; /* Adjust width as needed */
	}
.container{max-width:100%;}
.MainBanner .Homebnr .carousel-item  img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption {font-size:16px;} .MainBanner .carousel-caption h1{font-size:20px;}.fs-75 {font-size:40px !important;}.SerArea .h1{font-size:34px;}
.SerArea  img {
    height:350px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
body {font-size:16px;line-height:1.7;}.w-75 {width:100% !important;}
}
/* X-Small devices (portrait phones, less than 576px) */