/* ----------------------------- Common CSS Start ----------------------------- */



:root {

  /** colors */

  --raw-seinna: hsl(24, 74%, 58%);
  --sizzling-sunrise: hsl(0, 0%, 100%);
  --scarlet: hsl(13, 96%, 47%);
  --black: hsl(0, 0%, 0%);
  --white: hsl(0, 0%, 100%);

  /**
     * typography
     */

  --ff-saira-stencil-one: "Saira Stencil One", sans-serif;
  --ff-poppins: 'Poppins', sans-serif;
  --ff-roboto: 'Roboto', sans-serif;

  --fs-1: 2rem;
  --fs-2: calc(1.813rem + 1vw);
  --fs-3: calc(1.313rem + 1vw);
  --fs-4: 1.4rem;
  --fs-5: 1rem;
  --fs-6: 0.813rem;
  --fs-7: 0.75rem;

  --fw-400: 400;
  --fw-700: 700;

  /**
     * transition
     */

  --transition-1: 0.25s ease-in-out;

  /**
     * spacing
     */

  --section-padding: 80px;

  /**
     * radius
     */

  --radius-4: 4px;
  --radius-12: 12px;

}

.scroll_top_class{
  display: none;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  height: auto !important;
  top: 0px !important;
  padding: 0px !important;
  width: 100%;
}

* {
  padding: 0px;
  margin: 0px;
}

element.style {
  height: auto !important;
  top: 0px !important;
  padding: 0px !important;
}



/*-----------------------------------*\
 * #THEME COLORS
\*-----------------------------------*/


body.dark_theme {

  --bg-primary: hsl(0, 0%, 0%) !important;
  --bg-secondary: hsl(0, 0%, 100%) !important;
  --color-primary: hsl(0, 0%, 100%) !important;
  --color-secondary: hsla(59, 100%, 55%, 0.925) !important;
  --box-shadow: rgba(26, 11, 239, 0.918) 0px 3px 8px;
  --shadow-1: 10px 10px 40px var(--box-shadow) !important;
  --box-shadow-major: rgb(6, 26, 245) 0px -40px 100px;

  --bg-gradient: #ff416c;

  --input-bg: hsl(0, 0%, 16%) !important;
  --black: hsl(0, 0%, 0%);
  --white: hsl(0, 0%, 100%);

  --box-shadow-inset: rgb(240, 239, 239) 0px 1px 3px 0px, rgb(181, 185, 189) 0px 0px 0px 1px;

  --small-simple-shadow: rgb(255, 255, 255) 0px 1px 4px;


  .light_theme_logo {
    display: block;
  }

  .dark_theme_logo {
    display: none;
  }

}

body.light_theme {

  --bg-primary: hsl(0, 0%, 100%) !important;
  --bg-secondary: hsl(0, 0%, 0%) !important;
  --color-primary: hsl(0, 0%, 0%) !important;
  --color-secondary: hsl(283, 98%, 39%) !important;

  --box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --shadow-1: 10px 10px 40px var(--box-shadow) !important;

  --bg-gradient: #ff416c;

  --input-bg: hsl(0, 0%, 93%) !important;
  --black: hsl(0, 0%, 100%);
  --white: hsl(0, 0%, 0%);

  --box-shadow-major: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  --box-shadow-inset: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
  --small-simple-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

  .light_theme_logo {
    display: none;
  }

  .dark_theme_logo {
    display: block;
  }


}




/*-----------------------------------*\
 * #RESET
\*-----------------------------------*/

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}


img,
time,
span,
input,
label,
textarea,
ion-icon {
  display: block;
}

input,
textarea {
  background: none;
  border: none;
  font: inherit;
}

button,
select {
  cursor: pointer;
}

input,
textarea {
  width: 100%;
}

ion-icon {
  pointer-events: none;
}



body {
  transition: var(--transition-1) !important;

  background: var(--bg-primary) !important;
  color: var(--color-primary) !important;
}


body.active {
  overflow: hidden;
}


.themes_box_shaddow {
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  padding: 30px 0px;
}



/*-----------------------------------*\
 * #REUSED STYLE
\*-----------------------------------*/

.container {
  padding-inline: 10px;
}

.h1 {
  font-size: var(--fs-1);
  line-height: 1.2;
  font-weight: 400;
}

.h2,
.h3,
.h4 {
  color: var(--color-primary);
  font-family: var(--ff-poppins);
  line-height: 1.2;
}

.h2 {
  font-size: var(--fs-2);
}

.h3 {
  font-size: var(--fs-3);
}

.h4 {
  font-size: var(--fs-5);
}

.w-100 {
  width: 100%;
}

.btn {
  background: var(--raw-seinna);
  max-width: max-content;
  color: var(--color-primary);
  font-weight: var(--fw-700);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px 25px;
  border: 1px solid transparent;
  border-radius: var(--radius-4);
  transition: var(--transition-1);
}

.btn-primary {
  border-color: var(--color-primary);
}

.btn-primary:is(:hover, :focus) {
  background: var(--color-primary);
  color: var(--bg-primary);
}

.btn-secondary {
  background: var(--raw-seinna);
  border-color: var(--raw-seinna);
  color: var(--black);
}

.btn-secondary:is(:hover, :focus) {
  --raw-seinna: hsl(24, 74%, 64%);
}

.section-subtitle {
  position: relative;
  color: var(--color-secondary);
  text-transform: uppercase;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.section-subtitle::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  height: 2px;
  background: var(--color-secondary);
}

.section-title {
  max-width: 350px;
  margin-bottom: 30px;
}

.section-text {
  color: var(--color-secondary);
  line-height: 1.8;
  margin-bottom: 30px;
}



:is(a, button, select) {
  outline-color: var(--scarlet);
  outline-offset: 3px;
}

::selection {
  background: var(--color-primary);
  color: var(--bg-primary);
}


.theme-btn .icon {
  position: relative;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  box-shadow: inset 9px -6px var(--black);
  transition: var(--transition-1);
}

.theme-btn.active .icon {
  left: 20px;
  box-shadow: inset 20px -20px var(--sizzling-sunrise);
}


.theme-btn.active .icon {
  left: 20px;
  box-shadow: inset 20px -20px var(--sizzling-sunrise);
}

.theme-btn {
  padding: 2px;
  margin-top: 2px;
  width: 48px;
  background: var(--bg-secondary);
  border-radius: 100px;
  transition: var(--transition-1);
  border: none;
}

.light_them {
  margin-left: 10px;
}


.header.active .theme-btn {
  background: var(--bg-primary);
}


:is(a, button, select) {
  outline-color: var(--scarlet);
  outline-offset: 3px;
}

.navbar-actions {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
}

.navbar-actions select {
  color: var(--color-primary);
  width: 45px;
}

.navbar-actions option {
  background: var(--bg-primary);
  color: var(--color-primary);
}

.navbar-actions {
  order: 1;
  margin-left: 0;
}


.line_section_1 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  width: 50px;
  height: 2px;
  font-weight: 200;
  background-color: #ff416c;
}




/* -----------------------------  Common CSS End ----------------------------- */




/* ----------------------------- Primary Menu Start  ----------------------------- */

.contact_icon {
  display: flex;
  vertical-align: middle;

}

.contact_icon .call_icon {
  color: var(--white) !important;
  margin-top: 7px;
}

.contact_icon .call_icon a {
  color: var(--white) !important;
  text-decoration: none;
  padding: 8px 10px;
  display: flex;
}

.contact_icon .call_icon i {
  margin-top: 4px;
  font-size: 18px;
}

.contact_icon .email_icon {
  color: var(--white) !important;
  margin-top: 0px;
}

.contact_icon .email_icon a {
  color: var(--white) !important;
  margin-top: 5px;
  padding: 8px 10px;
  display: flex;
  text-decoration: none;
}

.contact_icon .email_icon i {
  margin-top: 4px;
  font-size: 20px;
}



.contact_icon a .number_area {
  display: block;
  padding-left: 10px;
}


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

  .contact_icon a .number_area {
    display: none;
  }



}








/* Google Translation */

.skiptranslate iframe {
  display: none;
}

#google_translate_element {
  padding: 0px !important;
  margin: 0px !important;
}

.goog-te-gadget .goog-te-combo,
.goog-te-gadget .goog-te-combo option {
  height: 25px !important;
  margin: 0px;
  position: absolute;
  color: #2b0bdf;
  font-weight: 600;
  top: 7px;
  right: 10px;
  position: fixed;
  width: 63px !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf iframe {
  display: none;
}


.VIpgJd-ZVi9od-aZ2wEe-OiiCO iframe {
  display: none;

}

.VIpgJd-ZVi9od-l4eHX-hSRGPd {
  display: none;
}

.goog-logo-link {
  display: none !important;
}

.goog-te-gadget {
  color: transparent !important;
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}



/* ----------------------------- Primary Menu End ----------------------------- */



/* ----------------------------- Header Navbar  Start Here ----------------------------- */

.article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  z-index: 99;
}


.header a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.navbar-brand img {
  height: 50px;
  width: 180px;
}

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

  .navbar-brand img {
    height: 46px;
    width: 150px;
    margin-bottom: 5px;
  }

}

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

  .navbar-brand img {
    margin-bottom: 5px;
  }

}

.navbar {
  margin-bottom: 0px !important;
}

.header-sticky {
  position: sticky;
  top: 0px;
  transition: top 0.3s ease;
}


.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: none !important;
  content: none !important;
}

.login_area a {
  color: var(--white);
  text-decoration: none;
}

.login_area {
  padding-top: 12px;
  margin-right: 10px;
}

.primary_darklight {
  font-size: 17px;
  font-weight: 700;
  justify-content: center;
}



.login_small_device {
  display: none;
}


.navbar-brand {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}




.navbar-expand-lg {
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
}

.main-header {
  background: var(--bg-primary);
  box-shadow: var(--box-shadow);
  padding-bottom: 0px;
}

.header-navigation-area {
  margin-left: 10px;
}

.main-navigation .menu a.active,
.main-navigation .menu a:hover {
  background: var(--bg-primary);
}

.main-navigation ul li {
  display: inline-block;
  position: relative;
}

.main-navigation .menu li a:hover {
  color: blue;
}

.main-navigation ul li a {
  text-transform: uppercase;
  vertical-align: text-bottom;
  padding: 27px 7px;
  display: block;
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  line-height: 1;
}

.main-navigation ul ul li a {
  color: var(--white);
}

/* Main Menu CSS End*/

/* Submenu / Dropdown Menu CSS */
.main-navigation ul li ul {
  box-shadow: var(--box-shadow);
  position: absolute;
  width: 200px;
  left: 0;
  z-index: 2;
  -webkit-transition: .3s;
  transition: .3s;
  visibility: hidden;
  opacity: 0;
  background-color: var(--bg-primary);
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation ul li:hover>ul {
  opacity: 1;
  visibility: visible;
}

.main-navigation ul li ul li a {
  padding: 10px 10px;
  line-height: 26px;
}

.main-navigation ul li ul li {
  display: block;
  text-align: left;
}

.main-navigation ul li ul ul {
  left: 200px;
  top: 0;
}

.main-navigation ul li ul li {
  border-bottom: 1px solid grey;
}

.main-navigation ul li ul li:last-child {
  border-bottom: 0;
}

/* Submenu / Dropdown Menu CSS End */

/* Mobile Menu CSS Start*/
.mobile-menu-trigger {
  cursor: pointer;
  margin-left: 30px;
  display: none;
  color: white;
  border: none;
  padding: 5px;
}

.mobile-menu-trigger span {
  height: 3px;
  display: block;
  width: 30px;
  margin-bottom: 7px;
  background-color: blue;
}

.mobile-menu-trigger span:last-child {
  margin-bottom: 0;
}

.mobile-menu-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--bg-primary);
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  overflow-x: hidden;
  -webkit-transition: .4s;
  transition: .4s;
}

.mobile-menu-container li {
  opacity: 0;
  visibility: hidden;
  -ms-transform: translateX(1000px);
  -webkit-transform: translateX(1000px);
  transform: translateX(100px);
  -webkit-transition: 1s;
  transition: 1s;
  border-top: 1px solid rgba(149, 160, 173, 0.855);
}

.mobile-menu-container li:nth-last-child(1) {
  border-bottom: 1px solid rgb(255 255 255 / 8%);
}

.mobile-menu-container li>a .slicknav_arrow:after {
  content: "\f067";
  position: absolute;
  font-family: 'FontAwesome';
  top: 0;
  bottom: 0;
  color: white;
  z-index: 999;
  margin: 0 auto;
  text-align: center;
  right: 0;
  left: 0;
  font-size: 16px;
  line-height: 38px;
}

.mobile-menu-container.menu-open li.slicknav_open>a .slicknav_arrow:after {
  content: "\f068";
}

.mobile-menu-container.menu-open {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu-container.menu-open li {
  list-style: none;
  opacity: 1;
  visibility: visible;
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mobile-menu-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 1;
}

.mobile-menu-close::before {
  left: 15px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-menu-close::after {
  right: 13px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-menu-close::before,
.mobile-menu-close::after {
  position: absolute;
  height: 30px;
  width: 2px;
  background: blue;
  content: '';
  top: 0;
}

#mobile-menu-wrap {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  padding: 60px 20px 20px 20px;
}

#mobile-menu-wrap div {
  background-color: transparent;
}

#mobile-menu-wrap .slicknav_item i {
  display: none;
}


/*Sidebar Start*/
.slicknav_nav,
.slicknav_nav.slicknav_hidden {
  display: block !important;
  text-align: left;
}

.slicknav_btn {
  display: none !important;
}

.slicknav_menu {
  padding-left: 0;
}

.slicknav_nav li>a {
  display: block;
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
}

.slicknav_item.slicknav_row a {
  border-bottom: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
  padding: 4px 0px;
  margin: 0;
  list-style: none;
}

.slicknav_nav .slicknav_arrow {
  font-size: 0;
  background: blue;
  height: 100%;
  width: 50px;
  display: inline-block;
  position: absolute;
  top: 0;
}

.slicknav_nav ul {
  margin: 0 0 0 0px;
  z-index: 999999999 !important;
}


.slicknav_nav .menu-item-has-children ul {
  margin-bottom: 00px;
}

.slicknav_nav .menu-item-has-children ul li {
  padding-left: 15px;
  list-style: none;
}

.sub-menu .menu-item-has-children a i {
  position: absolute;
  right: 20px;
  top: 20px;
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
  background-color: transparent;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
  border-radius: 0;
}

.slicknav_item.slicknav_row {
  display: inline-block;
  width: 100%;
  position: relative;
}

.slicknav_arrow {
  -webkit-transition: .3s;
  transition: .3s;
  right: 0;
  top: 17px;
  position: absolute;
}

.slicknav_nav a,
.slicknav_row a {
  color: var(--white);
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}

/*Sidebar Start*/
/* Mobile Menu CSS End*/

@media only screen and (max-width: 991px) {
  .main-header {
    background: var(--bg-primary);
    box-shadow: var(--box-shadow);
    padding-top: 5px;
  }

  /*Menu*/
  .header-navigation-area {
    display: none;
  }

  .mobile-menu-trigger {
    display: block;
  }

  .header-sticky {
    position: sticky;
    top: 0px;
  }

  .navbar-expand-lg {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
  }

  .main-navigation .menu li a:hover {
    color: rgb(5, 9, 230);
  }

  .login_area {
    display: none;
  }

  .login_small_device {
    position: absolute;
    top: 15%;
    right: 15%;
    font-size: 25px;
    display: block;
    color: var(--white);
  }

  .contact_icon .call_icon i {
    font-size: 18px;
    margin-top: 4px;
  }

  .contact_icon .email_icon i {
    font-size: 22px;
    margin-top: 2px;
  }







}





/* ----------------------------- Header Navbar  End Here ----------------------------- */



/* ----------------------------- Scroll Top Animation  ----------------------------- */

.scroll_top {
  padding: 15px;
  background-color: #2b0bdf;
  color: white;
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 50px;
  position: fixed;
  border-radius: 10px;
  border: 1px solid var(--white);
  z-index: 9999;

}

.scroll_top:hover {
  background-color: var(--bg-primary);
  color: var(--white);
  border: 1px solid var(--white);
  box-shadow: var(--box-shadow);
}




/* -----------------------------  Main Slider Start ----------------------------- */

.carousel-control-next-icon {
  position: absolute;
  right: 0px;
  box-shadow: var(--box-shadow);
  padding: 25px 5px;
  border-radius: 10px 0px 0px 10px;
  height: 25px !important;
  width: 25px !important;
}

.carousel-control-prev-icon {
  position: absolute;
  left: 0px;
  box-shadow: var(--box-shadow);
  padding: 25px 5px;
  border-radius: 0px 10px 10px 0px;
  height: 25px !important;
  width: 25px !important;
}

.carousel-item img {
  border-radius: 10px;
  background-color: lightblue;
  height: auto;
  width: auto;
}

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

  .carousel-item img {
    height: 160px;
    width: auto;
  }

}

@media only screen and (min-width: 600px) {
  .carousel-item img {
    height: auto;
    width: auto;
  }



}

/* Right Side Announcement */


.latest_updates {
  padding: 10px;
  border-radius: 0px 25px 0px 25px;
  background-color: var(--bg-primary);

}


#accouncement_area::-webkit-scrollbar {
  width: 5px;
}

#accouncement_area::-webkit-scrollbar-track {
  border-radius: 10px;
}

#accouncement_area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ff416c;
}


.latest_updates .accouncement_area {
  height: 360px;
  overflow-y: scroll;
  padding-right: 10px;
  padding-left: 5px;
}

.latest_updates .accouncement_area ul {
  padding-left: 0px;
}

.latest_updates .accouncement_area ul li {
  padding-left: 0px;
  margin-top: 9px;
  box-shadow: var(--box-shadow-inset);
  padding: 10px 5px;
  background-color: var(--bg-primary);
  border-radius: 10px;
}

.latest_updates .accouncement_area ul li a {
  text-decoration: none;
  color: var(--white);
  /* padding: 10px 10px; */
  font-size: 15px;
  font-weight: 550;
}

/* .latest_updates .accouncement_area ul li a:hover{
  text-decoration: none;
  color: blue;
} */

.latest_updates .accouncement_area ul li .dates_here {
  text-decoration: none;
  color: var(--white);
  padding: 0px 10px;
  font-size: 12px;
  text-align: right;
}


.head_lines h5 {
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  padding-left: 10px;
}

.explore_more {
  color: var(--white);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  float: right;
  padding: 3px;
}



/* ----------------------------- Main Slider End ----------------------------- */


/* ----------------------------- Service Area Start -----------------------------------  */


.service_area .card {
  padding: 8px;
  background-color: var(--bg-primary);
  border: 1px solid var(--white);
  color: var(--color-primary);
  cursor: pointer;
  margin: 10px 0px;
}

.service_area .card:hover {
  box-shadow: var(--box-shadow);
  transform: scale(1.03);
  transition-duration: 0.1s;
  transition-delay: 0.2s;
}



.service_area .card .service_image_area img {
  border-radius: 5px;
  /* border: 1px dotted var(--white); */
  height: 130px;
}

.service_area .card .service_title {
  font-size: 13px;
  padding: 2px;
}

.service_area .card .service_name {
  font-size: 19px;
  padding: 3px;
  font-weight: 700;
}

.service_area .card a {
  border: 1px dotted var(--white);
  color: var(--white);
  width: 100%;
  margin: auto;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  padding: 5px 2px;
  font-size: 14px;
  transition: 0.5s;
  margin-bottom: 0px;
  margin-top: 10px;
}

.service_area .card a:hover {
  border: 1px dotted var(--white);
  color: var(--black);
  background-color: var(--bg-secondary);
  transition-timing-function: ease-in-out;
}

.major_category {
  margin: 100px 0px 5px 0px;
  width: 100%;
  display: flow-root;
  flex-wrap: wrap;
  position: relative;
}

.major_category h3 {
  font-size: 25px;
  font-weight: 700;
  float: left;
}

@media only screen and (max-width: 600px) {
  .major_category h3 {
    font-size: 20px;
    font-weight: 700;
    float: left;
  }

}

.major_category a {
  text-decoration: none;
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  /* padding: 0px 10px; */
  float: right;
  position: relative;
  overflow: hidden;

}

.major_category a:hover>i {
  padding-left: 10px;
  transition-duration: 1s;
  color: #2b0bdf;
}

.major_category a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  height: 0.1em;
  background-color: #2b0bdf;
  opacity: 0;
  transition: opacity 1s, transform 1s;
}

.major_category a:focus::after {
  opacity: 0;
  transform: translate3d(0, 0.2em, 0);
}

.major_category a::after {
  opacity: 1;
  transform: translate3d(-100%, 0, 0);
}

.major_category a:hover::after {
  transform: translate3d(0, 0, 0);
}


/* Service Section Two */

.service_area_second .card_box {
  padding: 8px;
  background-color: var(--bg-primary);
  border: 1px solid var(--white);
  color: var(--color-primary);
  cursor: pointer;
  margin: 10px 0px;
}

.service_area_second .card_box:hover {
  box-shadow: var(--box-shadow);
}



.service_area_second .card_box .service_image_area_second img {
  border-radius: 5px;
  height: 120px;
  border: 1px dotted var(--white);
}

.service_area_second .card_box .service_title_second {
  font-size: 13px;
  padding: 2px;
}

.service_area_second .card_box .service_name_second {
  font-size: 19px;
  padding: 3px;
  font-weight: 700;
}

.service_area_second .card_box a {
  border: 1px dotted var(--white);
  color: var(--white);
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  padding: 5px 10px;
  font-size: 14px;
  transition: 0.5s;
  margin-bottom: 10px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;


}

.service_area_second .card_box a:hover {
  border: 1px dotted var(--white);
  color: var(--black);
  background-color: var(--bg-secondary);
  transition-timing-function: ease-in-out;
  font-weight: 700;
}




.card_box {
  border-radius: 10px;
  background: var(--bg-gradient);
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  cursor: pointer;
  transition: all .3s;
}


.card_box:hover {
  transform: scale(0.9);
}

.card_box span {
  position: absolute;
  overflow: hidden;
  width: 150px;
  height: 150px;
  top: -10px;
  left: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card_box span::before {
  content: 'Upcoming';
  position: absolute;
  width: 150%;
  height: 40px;
  background-image: linear-gradient(45deg, #ff6547 0%, #ffb144 51%, #ff7053 100%);
  transform: rotate(-45deg) translateY(-20px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.23);
}

.card_box span::after {
  content: '';
  position: absolute;
  width: 10px;
  bottom: 0;
  left: 0;
  height: 10px;
  z-index: -1;
  box-shadow: 140px -140px #cc3f47;
  background-image: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);
}

/* -----------------------------  Service Area End  -----------------------------  */






.major_category_center h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}

.major_category_center p {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}


/* Tabs CSS */


/* Style the buttons inside the tab */
.tab_section button {
  background-color: inherit;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 100%;
  border: 1px solid var(--color-primary);
  margin: 5px;
  color: var(--white);
  text-transform: uppercase;
  text-align: left;
}

.tab_section button i {
  margin-right: 8px;
}

/* Change background color of buttons on hover */
.tab_section button:hover {
  box-shadow: var(--box-shadow);
  color: var(--white);
  background: var(--bg-gradient);
}

/* Create an active/current tablink class */
.tab_section button.active {
  box-shadow: var(--box-shadow);
  color: var(--white);
  background: var(--bg-gradient);
}

/* Style the tab content */
.tabcontent {
  margin: 5px 0px 5px 5px;
  display: none;
  padding: 6px 12px;
  border: 1px solid var(--white);
  width: 100%;
}











/* Footer Section CSS Start */

.footer_section {
  background-color: var(--bg-primary);
  padding: 30px 5px 5px 5px;
  color: var(--white);
  margin-top: 100px;

}

._box_shadow_large {
  box-shadow: var(--box-shadow-major);
}

.first_footer_section h4 {
  cursor: pointer;
  font-size: 25px;
  font-weight: 700;
  color: var(--white);
  position: relative;
  padding: 5px 0px;
  margin-bottom: 10px;
}

.first_footer_section ul li a {
  font-size: 16px;
  text-decoration: none;
  color: var(--white);
  padding: 20px 10px 20px 1px;
  cursor: pointer;
}

.first_footer_section ul li a:hover {
  color: blue;
  padding-left: 7px;
  transition-duration: 0.3s;
  font-weight: 700;
}

.first_footer_section ul {
  padding-left: 0px;
}

.first_footer_section ul li {
  margin: 10px 0px;
}


.footer_section p {
  color: var(--white);
  padding: 5px 5px;
}

.footer_section hr {
  color: var(--white);
}


.call_now a {
  text-decoration: none;
  color: var(--white);
}

.call_now a i {
  text-decoration: none;
  color: var(--white);
  font-size: 20px;
}


/* Footer Section CSS End */


/* Social Share Button Start*/


/* .mn-social-bottom-c {margin: calc(50vh - 23px) calc(50vw - 194px)} */
.mn-social-bottom-c p {
  margin: 5px 0 0px;
  text-align: center;
  font-family: 'Playball', cursive;
  font-size: 30px;
  color: #5a5a5a
}

.mn-social-bottom {
  background: #f5f5f5;
  width: 46px;
  height: 46px;
  box-sizing: border-box;
  padding: 8px 0 0;
  color: #1f02e0;
  border-radius: 4px;
  margin: 0 7.5px 15px;
  transition: all .3s;
  font-size: 25px;
  display: inline-block;
  text-align: center;
  position: relative
}

.mn-social-bottom:hover {
  background: #1f02e0;
  color: #fff;
  top: -3px
}

#mn-social-bottom-hidden {
  display: none
}

.fa-plus {
  transition: -webkit-transform 0.3s
}

.fa-plus.mn-social-r {
  -webkit-transform: rotate(45deg)
}


/* Social Share Button End*/




/* owl carousel css Start */

.owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 35%;
}


.owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 35%;
}

.owl-nav .owl-prev span {
  font-size: 25px;
  padding: 7px 7px;
  background-color: rgb(255, 255, 255);
  border-radius: 0px 5px 5px 0px;
  color: rgb(0, 0, 0);
  position: absolute;
  left: -12px;
  box-shadow: var(--box-shadow);
}

.owl-nav .owl-next span {
  font-size: 30px;
  padding: 1px 7px;
  background-color: rgb(255, 255, 255);
  border-radius: 5px 0px 0px 5px;
  color: rgb(0, 0, 0);
  position: absolute;
  right: -12px;
  box-shadow: var(--box-shadow);
}


.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot:hover {
  background-color: none !important;
  border-radius: 100px !important;
}





/* owl carousel css End */






/* Search Filter Css */



.search_filter_form {
  background-color: var(--bg-primary);
  padding: 20px;
  box-shadow: var(--box-shadow-inset);
  border-radius: 0px 0px 10px 10px;
}

form.search_filter input[type=text] {
  padding: 7px;
  font-size: 17px;
  width: 85%;
  background: #ffffff;
  border-radius: 0px;
}

form.search_filter input:focus::-webkit-input-placeholder {
  color: transparent;
}

form.search_filter input[type=text]:focus {
  border: 1px solid #ff416c;
  outline: none;

}

form.search_filter button {
  width: 15%;
  padding: 5px;
  border: none;
  outline: none;
  background: #2b0bdf;
  color: white;
  font-size: 17px;
  border: 1px solid rgb(189, 179, 179);
  border-left: none;
  /* Prevent double borders */
  cursor: pointer;
}







/* Inquery Form Start */


.enquiry_right_side {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 350px;
  height: 100vh;
  z-index: 999999 !important;
  background-color: white;
  position: fixed;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  overflow-y: scroll;
  transform: translateX(100%);
  transition: transform 1s;
}

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

  .enquiry_right_side {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 80%;
    height: 100vh;
    z-index: 999999 !important;
    background-color: white;
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    overflow-y: scroll;
    transform: translateX(100%);
    transition: transform 1s;
  }

  .enquiry_form_open_button {
    padding: 5px;
    background-color: #2b0bdf;
    color: white;
    width: 120px;
    font-weight: 700;
    rotate: 90deg;
    text-align: center;
    position: absolute;
    bottom: 25%;
    right: -45px;
    position: fixed;
    z-index: 9;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  }

}

@media only screen and (min-width: 600px) {
  .enquiry_form_open_button {
    padding: 5px;
    background-color: #2b0bdf;
    color: white;
    width: 120px;
    font-weight: 700;
    rotate: 90deg;
    text-align: center;
    position: absolute;
    bottom: 45%;
    right: -45px;
    position: fixed;
    z-index: 9;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  }

}


#enquiry_right_side::-webkit-scrollbar {
  width: 3px;
}

#enquiry_right_side::-webkit-scrollbar-track {
  border-radius: 10px;
}

#enquiry_right_side::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: blue;
}


body::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #1f02e0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ff416c;
}



.enquiry_form_open_button:hover {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}



.enquiry_form_back_button {
  padding: 5px 10px;
  color: black;
  width: auto;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 999999999 !important;
  cursor: pointer;
  font-size: 25px;
}




.enquiry_right_side .enquiry_site_logo {
  border-bottom: 1px dotted grey;
  padding: 10px;
}


.enquiry_right_side .enquiry_site_logo img {
  height: 40px;
  width: 150px;
  display: block;
  margin: auto;
  cursor: pointer;
}

.enquiry_right_side .form_area {
  padding: 20px;
  padding-bottom: 50px;
}

.enquiry_right_side .form_area .enquiry_form input,
.enquiry_right_side .form_area .enquiry_form select,
.enquiry_right_side .form_area .enquiry_form textarea {
  border-radius: 0px;
  border: 1px dotted #1701db;
  color: black;
}

.enquiry_right_side .form_area label {
  color: black;
}

.form_area h4 {
  font-weight: 700;
  color: black;
  cursor: pointer;
}

.form_area p {
  font-weight: 700;
  color: black;
  cursor: pointer;
}

.site_name {
  color: blue;
  padding-left: 10px;
  cursor: pointer;

}

.submit_btn button {
  background-color: #0602f5a9;
  border-radius: 0px;
  padding: 5px 25px;
  border: none;
}

.submit_btn button:hover {
  background-color: #ff416c;
  border-radius: 0px;
  border: none;
  filter: brightness(110%);
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}


.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #230fd5 !important;
  outline: 0;
  box-shadow: none !important;
}

.form-select:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #230fd5 !important;
  outline: 0;
  box-shadow: none !important;
}


.input-contact-details{
  display: inline-flex;
  margin-top:15px;
  width: 100%;
}

.input-contact-details #countrycode{
  width: 35%;
}

.input-contact-details #phone{
  width: 65%;
}
.mendatory-fields{
  color: red;
  display: inline-flex;
}


#enquiry .firstname,
#enquiry .lastname{
  font-size: 16px;
  color: black;
  margin-left: 0;
  font-style: normal;
}

#enquiry label{
  font-size: 13px;
  color: red;
  padding: 0;
  margin: 0;
  margin-left:1px;
  font-style: italic;
} 


#contact_us .label-normal{
  font-size: 16px;
  color: black;
  margin-left: 0;
  font-style: normal;
}

#contact_us label{
  font-size: 13px;
  color: red;
  padding: 0;
  margin: 0;
  margin-left:1px;
  font-style: italic;
} 


#career_form .label-normal{
  font-size: 16px;
  color: black;
  margin-left: 0;
  font-style: normal;
}

#career_form label{
  font-size: 13px;
  color: red;
  padding: 0;
  margin: 0;
  margin-left:1px;
  font-style: italic;
} 



/* For most modern browsers */
form input[type="number"]::-webkit-inner-spin-button,
form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

form input[type="number"] {
  -moz-appearance: textfield; /* For Firefox */
  appearance: textfield; /* General appearance property */
}


/* 3D Name Animation  Start */


.render {
  cursor: pointer;
  align-self: center;
  @include transition(all 0.3s ease);
  @include transform3d(rotateX(50deg) rotateZ(1deg));
  font-family: 'Kreon', serif;
  font-weight: 700;
  font-size: 8em;
  color: #f5f5f5;
  text-shadow:
    white 0.006em 0.006em 0.007em,
    #9c9c9c 1px 1px 1px,
    #9c9c9c 1px 2px 1px,
    #9c9c9c 1px 3px 1px,
    #9c9c9c 1px 4px 1px,
    #9c9c9c 1px 5px 1px,
    #9c9c9c 1px 6px 1px,
    #9c9c9c 1px 7px 1px,
    #9c9c9c 1px 8px 1px,
    #9c9c9c 1px 9px 1px,
    #9c9c9c 1px 10px 1px,
    #9c9c9c 1px 11px 1px,
    #9c9c9c 1px 12px 1px,
    rgba(16, 16, 16, 0.4) 1px 18px 6px,
    rgba(16, 16, 16, 0.2) 1px 22px 10px,
    rgba(16, 16, 16, 0.2) 1px 26px 35px,
    rgba(16, 16, 16, 0.4) 1px 30px 65px,
    white -0.15em -0.1em 100px;

  &:hover {
    text-shadow:
      white 0.006em 0.006em 0.007em,
      #9c9c9c 1px 1px 1px,
      #9c9c9c 1px 2px 1px,
      #9c9c9c 1px 3px 1px,
      #9c9c9c 1px 4px 1px,
      #9c9c9c 1px 5px 1px,
      #9c9c9c 1px 6px 1px,
      #9c9c9c 1px 7px 1px,
      #9c9c9c 1px 8px 1px,
      #9c9c9c 1px 9px 1px,
      #9c9c9c 1px 10px 1px,
      #9c9c9c 1px 11px 1px,
      #9c9c9c 1px 12px 1px,
      rgba(16, 16, 16, 0.4) 1px 38px 26px,
      rgba(16, 16, 16, 0.2) 1px 42px 30px,
      rgba(16, 16, 16, 0.2) 1px 46px 65px,
      rgba(16, 16, 16, 0.4) 1px 50px 95px,
      white -0.15em -0.1em 100px;
  }
}


/* 3D Name Animation End */










/* Real Time Visitor and Counting Section Start */

.counter_section {
  padding: 5px 10px;
  border-radius: 10px;
  height: auto;
  margin-top: 10px;
  box-shadow: var(--small-simple-shadow);
}

.counter_section h2 {
  font-size: 30px;
  font-weight: 700;
  justify-content: center;
}

.counter_section p {
  font-size: 17px;
  text-align: center !important;
}

.number_count {
  display: flex;
}

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

  .counter_section h2 {
    font-size: 25px;
  }

  .counter_section p {
    font-size: 14px;
    text-align: center !important;
  }

}


/* Single Service Area */

.icoons-parent-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.icons-image {
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}

.single_service_image {
  padding: 0px 0px;
  overflow: hidden;
  border-radius: 10px;
  height: auto;
  margin-top: 10px;
  justify-self: center;
}

.single_service_image a {
  text-decoration: none;
  padding: 0px !important;
}


.single_service_image a img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  padding: 5px;
  justify-self: center;
}

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

  .single_service_image a img {
    width: 50px !important;
    height: 50px;
    justify-self: center;
  }


}

@media only screen and (min-width: 600px) {

  .single_service_image a img {
    width: 60px !important;
    height: 60px;
    justify-self: center;
  }


}


.single_service_image a img:hover {
  box-shadow: var(--box-shadow-major);
  transition: 0.5s;
}



.single_service_image a .single_service_title {
  font-size: 13px;
  text-align: center;
  color: var(--white);
  font-weight: 400;
  width: 100%;
  padding: 10px 2px;
}




/* Double Section Area Start */

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

  .double_section_area .double__section_image_first a img {
    height: 200px;
    width: 100%;
    border-radius: 12px;
  }

  .double_section_area .double__section_image_second a img {
    height: 130px;
    width: 100%;
    border-radius: 12px;
  }

}

@media only screen and (min-width: 600px) {
  .double_section_area .double__section_image_first a img {
    height: 250px;
    width: 100%;
    border-radius: 12px;
  }

  .double_section_area .double__section_image_second a img {
    height: 200px;
    width: 100%;
    border-radius: 12px;
  }

}

@media only screen and (min-width: 768px) {
  .double_section_area .double__section_image_first a img {
    height: 350px;
    width: 100%;
    border-radius: 12px;
  }

  .double_section_area .double__section_image_second a img {
    height: 200px;
    width: 100%;
    border-radius: 12px;
  }

}

@media only screen and (min-width: 991px) {
  .double_section_area .double__section_image_first a img {
    height: 250px;
    width: 100%;
    border-radius: 12px;
  }

  .double_section_area .double__section_image_second a img {
    height: 150px;
    width: 100%;
    border-radius: 12px;
  }

}




.double_section_right_side iframe {
  border-radius: 10px;
  height: 415px;
}

.section_title h2 {
  font-weight: 600;
  text-align: center;
  font-size: 27px;
}

.six_and_six_area .google_ads_area a img {
  height: 375px;
  width: 100%;
}

.theme-bottom-padding h2 {
  margin-bottom: 20px;
}

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

  .six_and_six_area .google_ads_area a img {
    height: 200px;
    width: 100%;
  }

  .section_title h2 {
    font-size: 20;
    margin-top: 20px;
    font-weight: 600;
  }


}

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


  .theme-bottom-padding h2 {
    margin-top: 70px;
    margin-bottom: 15px;
    font-weight: 600;
  }

}


/* Double Section Area End */







/* -----------------------------
     About Us Page Start
------------------------------*/

.about_us_title .site_bredicrum {
  position: absolute;
  top: 25%;
  color: white;

}

.about_us_title .site_bredicrum h2 {
  font-size: 45px;
  font-weight: 700;
  color: white;
}

.about_us_title .site_bredicrum p {
  font-size: 15px;
  font-weight: 700;
  color: white;
  display: flex;
}

.about_us_title .site_bredicrum p a {
  font-size: 15px;
  font-weight: 700;
  color: white;
  display: flex;
  text-decoration: none;
}

.site_bredicrum .bredicrumb_devider {
  color: var(--bg-servicecard);
  margin: 0px 10px;
}

.about_address .card_first {
  padding: 60px 20px;
  height: 200px;
  background-color: var(--bg-primary);
  color: var(--white);
  box-shadow: var(--box-shadow-inset);
  cursor: pointer;
}

.about_address .card_first:hover {
  box-shadow: var(--box-shadow-major);
}

.card_first .image_left i {
  font-size: 25px;
  background-color: rgb(40, 47, 247);
  padding: 20px;
  border-radius: 100%;
  color: white;
}

.about_address .right_countent {
  padding: 5px 20px;
}

.about_address .right_countent h4 {
  font-weight: 650;
}

.contact_us_form_area .form_background_color {
  background-color: rgb(58, 68, 252);
  border-radius: 15px;
  padding: 40px 0px;
}

.contact_us_form_area .about_us_image_left {
  padding: 0px 50px;
  color: white;
}

.contact_us_form_area .about_us_image_left h1 {
  font-weight: 700;
  font-size: 45px;
}

.contact_us_form_area .about_us_image_left p {
  padding: 20px 0px;
  text-align: justify;
}

.contact_us_form_area .about_us_image_left h4 {
  font-size: 25px;
  font-weight: 700;
}

.contact_us_form_area .about_us_image_left ul {
  padding-left: 0%;
}

.contact_us_form_area .about_us_image_left ul li {
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
}

.contact_us_form_area .about_us_image_left ul li i {
  padding: 0px 5px;
  font-size: 14px;
  color: rgb(250, 162, 0);
}

.mendetory {
  color: red;
}

.about_us_form_area {
  box-shadow: var(--box-shadow-inset);
}

.about_us_form_area label {
  display: flex;
}

.about_us_form_area input,
.about_us_form_area select,
.about_us_form_area textarea {
  border-radius: 0px;
}



/* Stripped Section Start */

.stripped-section {
  background-color: blue;
  height: auto;
  width: 100%;
  position: relative;
  padding: 70px 20px;
  color: white;
}


.nehrupsection_content h2 {
  font-weight: 700;
}

.nehruplace_buttons_area {
  text-align: center;
  margin-top: 20px;
}

.nehruplace_buttons_area button {
  border: 2px solid #ff416c;
  color: white;
  padding: 10px 30px;
  font-weight: 700;
  border-radius: 15px;
}

.nehruplace_buttons_area button:hover {
  border: 2px solid #0dd144;
  color: white;
}



/* Stripped Section End */




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

  .about_us_title {
    height: 200px;
    width: 100%;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
  }

  .contact_us_form_area .about_us_image_left h1 {
    font-weight: 700;
    font-size: 30px;
  }

  .light_them {
    margin-left: -20%;
  }

  .contact_icon .call_icon {
    color: var(--white) !important;
    margin-top: 6px;
  }

  .contact_icon .email_icon a {
    padding: 10px 10px;
  }

  .navbar-brand img {
    padding: 2px;
  }

}

@media only screen and (min-width: 600px) {

  .about_us_title {
    height: 350px;
    width: 100%;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;

  }

  .contact_us_form_area .about_us_image_left h1 {
    font-weight: 700;
    font-size: 40px;
    padding-top: 15px;
  }

  .contact_icon .call_icon {
    color: var(--white) !important;
    margin-top: 6px;
  }

  .contact_icon .email_icon a {
    padding: 10px 10px;
  }



}

@media only screen and (min-width: 768px) {
  .contact_icon .email_icon a {
    padding: 10px 10px;
  }

}

@media only screen and (min-width: 992px) {
  .contact_icon .email_icon a {
    padding: 8px 10px;
  }

}


/* -----------------------------
     About Us Page End
------------------------------*/




/* Special Area Section  Start */

.special_title {
  padding: 10px;
  color: white;
}

.special_title h3 {
  font-size: 35px;
  font-weight: 900;
}

.special_title p {
  font-size: 14px;
}

.buttons_setting {
  padding-top: 20px !important;
}




/* Special Area Section  End */





/* -----------------------------
     Faq Section Start
------------------------------*/


.accordian_live h1 {
  text-align: center;
  margin: 2rem 0;
  font-size: 2.5rem;
}

.accordian_live .accordion {
  width: 90%;
  max-width: 1000px;
  margin: 2rem auto;
}

.accordian_live .accordion-item {
  background-color: var(--bg-primary);
  color: var(--white);
  margin: 1rem 0;
  border-radius: 0.5rem;
}


.accordian_live .accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  box-shadow: var(--box-shadow);
}

.accordian_live .accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}

.accordian_live .accordion-item-header.active::after {
  content: "\2212";
}

.accordian_live .accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordian_live .accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}



/* -----------------------------
     Faq Section End
------------------------------*/







/* Who We Are Section Start */

.who_we_are_left {
  height: 500px;
  position: relative;
}

.who_we_are_left .who_first {
  height: 350px;
  width: 300px;
  cursor: pointer;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;
  border-radius: 20px;
  border: 5px solid var(--bg-servicecard);
}

.who_we_are_left .who_second {
  height: 450px;
  width: 350px;
  position: absolute;
  right: 20px;
  top: 10px;
  rotate: -10deg;
  z-index: 1;
  cursor: pointer;
  border-radius: 20px;
  border: 5px solid var(--bg-servicecard);
}

.who_we_are_left .who_first:hover {
  z-index: 2;
  rotate: -10deg;
  transform-origin: center;
  transition-duration: 0.5s;
  box-shadow: var(--box-shadow-major);

}

.who_we_are_left .who_second:hover {
  rotate: 0deg;
  z-index: 3;
  transform-origin: center;
  transition-duration: 0.5s;
  box-shadow: var(--box-shadow-major);
}

.who_we_are_right {
  padding: 20px;
}

.who_we_are_right ul li {
  list-style-type: square;
}

.who_we_are_right h3 {
  font-size: 35px;
  font-weight: 900;
  cursor: pointer;
}

.who_we_are_right .who_title {
  font-style: italic;
  cursor: pointer;
}

.who_we_are_right .who_descriptions {
  text-align: justify;
}


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


  .who_we_are_left {
    height: 400px;
    position: relative;
  }

  .who_we_are_left .who_first {
    height: 250px;
    width: 200px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2;
    border-radius: 20px;
    border: 5px solid var(--bg-servicecard);
  }

  .who_we_are_left .who_second {
    height: 250px;
    width: 200px;
    position: absolute;
    right: 20px;
    top: 10px;
    rotate: -10deg;
    z-index: 1;
    cursor: pointer;
    border-radius: 20px;
    border: 5px solid var(--bg-servicecard);
  }




}


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


  .who_we_are_left {
    height: 400px;
    position: relative;
  }

  .who_we_are_left .who_first {
    height: 250px;
    width: 200px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2;
    border-radius: 20px;
    border: 5px solid var(--bg-servicecard);
  }

  .who_we_are_left .who_second {
    height: 250px;
    width: 200px;
    position: absolute;
    right: 20px;
    top: 10px;
    rotate: -10deg;
    z-index: 1;
    cursor: pointer;
    border-radius: 20px;
    border: 5px solid var(--bg-servicecard);
  }




}





/* Who We Are Section End */






/* Button Css */
.cta {
  display: flex;
  padding: 10px 10px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: white;
  background: blue;
  transition: 1s;
  box-shadow: 6px 6px 0 #ff416c;
  transform: skewX(-15deg);
  border: none;
}

.cta:focus {
  outline: none;
}

.cta:active {
  outline: none;
  border: none;
}


.cta:hover {
  transition: 0.5s;
  box-shadow: 10px 10px 0 var(--white);
}

.cta .second {
  transition: 0.5s;
  margin-right: 0px;
}

.cta:hover .second {
  transition: 0.5s;
  margin-right: 45px;
}

.span {
  transform: skewX(15deg)
}

.second {
  width: 20px;
  margin-left: 30px;
  position: relative;
  top: 12%;
}

.one {
  transition: 0.4s;
  transform: translateX(-60%);
}

.two {
  transition: 0.5s;
  transform: translateX(-30%);
}

.cta:hover .three {
  animation: color_anim 1s infinite 0.2s;
}

.cta:hover .one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}

.cta:hover .two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}

@keyframes color_anim {
  0% {
    fill: white;
  }

  50% {
    fill: #ff416c;
  }

  100% {
    fill: blue;
  }
}


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


  .cta {
    display: flex;
    padding: 7px 15px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: white;
    background: blue;
    transition: 1s;
    box-shadow: 6px 6px 0 var(--white);
    transform: skewX(-15deg);
    border: none;
  }


}

/* buttons CSS End */




/* -----------------------------
     Career Webpage Start
------------------------------*/

.career_card_first {
  padding: 20px 20px;
  background-color: var(--bg-primary);
  color: var(--white);
  border-radius: 6px;
  border: 1px solid rgb(231, 227, 227);
}

.career_card_first h4 {
  font-size: 30px;
  font-weight: 700;
  padding: 10px 3px 10px 0px;
}

.career_card_first P {
  font-size: 14px;
  padding: 20px 0px;
}

.career_right_countent .career_job_open {
  display: flex;
  vertical-align: center;
  padding: 0px;
}

.career_right_countent .career_job_open img {
  padding: 0px;
  margin-right: 5px;
}

.resume_upload_section img {
  width: 100%;
  padding: 45px 0px 0px 0px;
}

.career_form_title h4 {
  text-align: center;
  font-size: 30px;
  padding: 10px;
  color: white;
  font-weight: 900;
  position: relative;
}



.line_section_2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 100px;
  height: 3px;
  font-weight: 200;
  background-color: #ff416c;
}



/* -----------------------------
     Career Webpage End
------------------------------*/




/* -----------------------------
     News Section Start
------------------------------*/


.news_card {
  padding: 10px;
  height: 430px;
  box-shadow: var(--box-shadow);
  margin: 20px 0px;
  position: relative;
}

.news_card:hover {
  padding: 10px;
  height: 430px;
  box-shadow: var(--box-shadow-major);
  margin: 20px 0px;
  position: relative;
}

.news_card img {
  width: 100%;
  height: 200px;
}

.news_card a {
  text-decoration: none;
  color: var(--white);
  font-size: 16px;
}

.news_date_and_time {
  font-size: 17px;
  font-weight: 700;
  padding: 10px 0px;
  width: 100%;
}

.updated_by {
  font-size: 17px;
  font-weight: 700;
  padding: 10px 0px;
  float: right;
}

.news_short_description {
  padding-top: 0px;
  word-spacing: 2px;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;

}

.news_read_more {
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.news_read_more a {
  text-align: center;
  text-decoration: none;
  color: var(--white);
  font-weight: 700;
  padding: 10px 20px;
}

.news_read_more a:hover {
  text-align: center;
  text-decoration: none;
  color: var(--bg-servicecard);
  font-weight: 700;
  padding: 10px 20px;
}






/* -----------------------------
     News Section End
------------------------------*/





/* -----------------------------
     News Articles Start
------------------------------*/


.news_articles_top_category_area {
  padding: 10px;
}

.news_articles_top_category_area img {
  height: 200px;
  width: 100%;
}

.news_articles_top_category_area p {
  margin: 10px 5px;
}

.news_articles_top_category_area p a {
  font-size: 16px;
  text-decoration: none;
  color: var(--white);
}

.news_articles_top_category_area p a:hover {
  font-size: 16px;
  text-decoration: none;
  color: blue;
}

.news_articles_title {
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  padding: 10px;
  color: var(--white);
}


.Justify_between {
  justify-content: space-between;
  display: flex;
}

.right_arrow a {
  font-size: 15px;
  color: var(--white);
  text-decoration: none;
  padding-left: 2px;
}

.right_arrow {
  padding-top: 0px;
}

.news_article_section {
  background-color: rgb(49, 49, 250);
  padding: 50px 0px;
  margin-top: 50px;
}

.news_article_bg_primary {
  background-color: var(--bg-primary);
}

.left_news_articles {
  padding: 0px;
}

.left_news_articles p a {
  font-size: 30px;
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
}

.left_news_articles p a:hover {
  color: blue;
}


.left_news_articles p {
  padding: 20px 0px;
}

.left_news_articles img {
  height: 350px;
  width: 100%;
}

.news_article_left_side_imges img {
  height: 100px;
  width: 200px;
}

.right_side_content_area {
  padding: 3px 10px;
}

.right_side_content_area a {
  text-align: left;
  text-decoration: none;
  color: var(--white);
  font-size: 16px;
  font-weight: 700;
}

.news_articles_bg:hover a {
  color: blue;
}

.news_articles_bg {
  /* background-color: #1ef362; */
  border-radius: 10px;
  margin: 0px 0px
}

.publish_by_and_date {
  justify-content: space-between;
  display: flex;
  font-size: 14px;
  margin-top: 10px;
}

.news_article_click {
  font-size: 18px !important;
  padding: 0px !important;
  color: var(--white) !important;
}

.news_article_click:hover {
  font-size: 18px !important;
  padding: 0px !important;
  color: blue !important;
}

.news_articles_titles {
  padding: 20px 0px !important;
}

.news_articles_internalpage img {
  height: 250px !important;
  width: 100%;
}

.news_articles_internalpage {
  box-shadow: var(--box-shadow);
  padding: 10px;
  color: var(--white) !important;
}


/* News Reading Start*/
.right_side_top_news {
  padding: 20px 5px;
}

.right_side_top_news img {
  height: 250px;
  width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;

}

.right_side_top_news h5 {
  font-size: 30px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: 700;
  text-align: center;
  color: var(--white);
}

.right_side_top_news h6 {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  padding: 10px 0px;
}

.news_articles_related_news {
  padding: 10px 0px;
  position: sticky !important;
  top: 10% !important;
  right: 0px !important;
  box-shadow: var(--box-shadow);
}

.news_articles_related_news h4 {
  font-size: 30px;
  font-weight: 700;
  color: white;
  background-color: #2a2df4;
  padding: 10px;
  text-align: center;
}

.news_related_articles {
  display: flex;
}

.news_related_articles p {
  padding: 0px;
}

.news_related_articles a img {
  height: 85px;
  width: 120px;
}

.related_news_scrollbar .content_area_news {
  padding: 0px 15px;
}

.related_news_scrollbar .content_area_news a {
  font-size: 17px;
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
}

.related_news_scrollbar .content_area_news:hover>a {
  font-size: 17px;
  color: blue;
  text-decoration: none;
}


.related_news_scrollbar {
  height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
}

.related_news_scrollbar::-webkit-scrollbar {
  width: 5px;
}

.related_news_scrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
}

.related_news_scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #2a2df4;
}

.publisher_img {
  padding: 10px;
  display: flex;
}

.publisher_img img {
  height: 75px;
  width: 75px;
  border-radius: 100%;
}

.publisher_img .news_author_names {
  padding: 10px 15px;

}

.publisher_img .news_author_names p {
  font-size: 13px;
  font-weight: 600;
  padding: 5px 0px !important;
  margin: 0 !important;
  color: blue;
}

.publisher_img .news_author_names a {
  font-size: 17px;
  font-weight: 600;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none;
  color: var(--white);

}

.news_social_icons {
  padding: 10px;
  display: flex;
  margin-right: auto;
  margin-left: auto;
}

.news_social_icons a {
  padding: 2px;
}

.news_social_icons a i {
  font-size: 25px;
  padding: 2px;
  margin: 20px 5px;
  color: #2a2df4;
}

.news_articles_publisher {
  padding: 5px 20px;
  text-align: justify;
  color: var(--white);
}

.news_article_bg_colors {
  padding: 20px 0px;
}

.pre_and_next {
  justify-content: space-between;
  display: flex;
}

.pre_and_next .preview_news a,
.pre_and_next .next_news a {
  padding: 10px 20px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  color: rgb(255, 255, 255);
  background-color: #2a2df4;
  border-radius: 20px 0px;
}

.news_rading_area {
  line-height: 1.80;
  font-size: 18px;
}

.news_rading_area h1,
.news_rading_area h2,
.news_rading_area h3,
.news_rading_area h4,
.news_rading_area h5,
.news_rading_area h6 {
  font-weight: 700;
  margin: 40px 0px 5px 0px;
}

.news_rading_area ul li {
  list-style: disc;
}



/* News Reading End*/




/* -----------------------------
     News Articles End
------------------------------*/


/* -----------------------------
     Cancellation & Privacy Policy and Terms & Conditions Start
------------------------------*/

.full_box_terms_shaddow {
  box-shadow: var(--box-shadow-major);
  padding: 20px 13px;
  border: 3px dotted var(--bg-gradient);
  margin: 50px 0px;
}

.full_box_terms_shaddow h1,
.full_box_terms_shaddow h2,
.full_box_terms_shaddow h3,
.full_box_terms_shaddow h4,
.full_box_terms_shaddow h5,
.full_box_terms_shaddow h6 {
  font-weight: 900;
}

.full_box_terms_shaddow ul li {
  list-style: square;
}


/* -----------------------------
     Cancellation & Privacy Policy and Terms & Conditions End
------------------------------*/




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

  .latest_updates {
    margin-top: 15px;
  }

  .double_section_right_side iframe {
    margin-top: 0px;
    height: 250px;
  }


}

@media only screen and (min-width: 600px) {


  .latest_updates {
    margin-top: 15px;
  }


  .double_section_right_side iframe {
    margin-top: 10px;
    height: 300px;
  }


}


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

  .latest_updates {
    margin-top: 15px;
  }



  .double_section_right_side iframe {
    margin-top: 10px;
    height: 415px;
  }



}


@media only screen and (min-width: 992px) {

  .latest_updates {
    margin-top: 0px;
  }

  .double_section_right_side iframe {
    margin-top: 0px;
    height: 415px;
  }




}


@media only screen and (min-width: 1200px) {


  .double_section_right_side iframe {
    margin-top: 0px;
    height: 415px;
  }


}


/* Side Small Model  Start */

.small_sidemodel_model {
  position: absolute;
  bottom: 10px;
  left: 10px;
  position: fixed;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 5px;
  z-index: 9999;
  background-color: white;
}

.small_sidemodel_model img {
  height: 200px;
  width: 280px;
}

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

  .small_sidemodel_model img {
    height: 280px;
    width: 240px;
  }

}

.small_sidemodel_model i {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: darkblue;
  font-size: 25px;
  padding: 10px;
  cursor: auto;
}

/* Side Small Model End */


/*-----------------------------------
     WhatsApp API Integration Start
          --------------------------- */


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

  .api_integration {
    background-color: var(--bg-primary);
    padding: 10px 20px;
    display: inline-flex;
    position: absolute;
    box-shadow: var(--box-shadow-major);
    bottom: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    justify-content: space-around;
    z-index: 99;
  }

  .api_integration .whatsapp_api_integration a img {
    height: 30px;
    width: 30px;

  }
  .api_integration .call_api_integration a{
  text-decoration: none;

  }

  .api_integration .call_api_integration a i {
    font-size: 25px;
    color: var(--white);
    display: block;
    padding-top: 5px;

  }

  .message_alert {
    display: none;
  }

  .footer_icons_api{
    margin-bottom: 50px;
    border-top: 1px solid gray;
  }

}

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

  .api_integration {
    position: absolute;
    right: 16px;
    bottom: 85px;
    position: fixed;
    z-index: 9999;
  }

  .api_integration .whatsapp_api_integration a img {
    height: 55px;
    width: 55px;
  }

  .api_integration .whatsapp_api_integration {
    position: relative;
  }

  .api_integration .call_api_integration a i {
    font-size: 40px;
    color: darkblue;
    display: none;

  }
  .api_integration .whatsapp_api_integration:hover .message_alert {
    display: block;
    transition-duration: .5s;
  }
  .message_alert {
    display: none;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: 65px;
    width: 140px;
    top: 10px;
    background-color: darkblue;
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
  }

  .footer_icons_api {
    margin-bottom:0px;
    border-top: 1px solid gray;
  }



}

/* ----------------------------------
      WhatsApp API Integration End
          --------------------------- */





/* -----------------------------
     Login Page Start
------------------------------*/








/* -----------------------------
     Login Page End
------------------------------*/