/* ----------------------------- 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;

}


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

* {
  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: #00D0FE !important;
  --box-shadow: #00D0FE 0px 3px 8px;
  --shadow-1: 10px 10px 40px var(--box-shadow) !important;
  --box-shadow-major: #00D0FE 0px -40px 100px;

  --bg-gradient: linear-gradient(180deg, #00D0FE 0%, #00D0FE 77%);

  --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;
  --bg-servicecard: #00D0FE;

  .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: #00D0FE !important;

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

  --bg-gradient: linear-gradient(180deg, #00D0FE 0%, #00D0FE 77%);

  --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: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  --small-simple-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --bg-servicecard: #00D0FE;

  .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;
}




/*-----------------------------------*\
 * #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);
}

.light_them {
  margin-top: 12px;
}

.theme-btn .icon {
  position: relative;
  right: 0;
  width: 20px;
  height: 17px;
  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;
  border: none;
  background: var(--bg-secondary);
  border-radius: 100px;
  transition: var(--transition-1);
}

.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: #00D0FE;
}


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



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




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

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

}

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

.contact_icon .call_icon i,
.contact_icon .email_icon i {
  padding: 5px 0px 0px 0px;
}

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

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



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

}

.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;
  top: 7px;
  right: 13px;
  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;
}

.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: var(--bg-servicecard);
}

.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: 250px;
  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: 250px;
  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: var(--bg-servicecard);
}

.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: var(--bg-servicecard);
  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: 700;
  text-decoration: none;
  font-size: 14px;
}

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

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

.slicknav_nav .slicknav_arrow {
  font-size: 0;
  background: var(--bg-servicecard);
  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: 11px;
}

.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: 1200px) {
  .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(11, 218, 21);
  }

  .login_area {
    display: none;
  }

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








}





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



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

.scroll_top {
  padding: 15px;
  background-color: var(--bg-primary);
  color: var(--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);
}

.scroll_top_class {
  display: none;
}


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

.carousel-control-next-icon {
  position: absolute;
  right: 0px;
  background-color: var(--bg-servicecard);
  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;
  background-color: var(--bg-servicecard);
  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: var(--bg-primary);
  position: relative;
}

.carousel-item {
  position: relative;
}


.main_title_on_benner {
  position: absolute;
  top: 20%;
  left: auto;
  color: white;
  width: 50%;
}

.main_title_on_benner ul {
  padding-left: 20px;
}

.main_title_on_benner ul li {
  list-style-type: square;
  font-size: 20px;
  font-weight: 700;
}

.main_title_on_benner h2 {
  font-size: 55px;
  font-weight: 900;
  padding: 20px 0px;
}

.main_title_on_benner p {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.9;
}

.main_title_on_benner .title_c_benner {
  color: var(--bg-servicecard);
}

.trigger_button {
  padding: 20px 0px;

}


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

  .main_title_on_benner {
    position: absolute;
    top: 15%;
    left: auto;
    width: 100%;
    text-align: left;
  }

  .main_title_on_benner ul {
    padding-left: 40px;
  }

  .main_title_on_benner ul li {
    list-style-type: none;
    font-size: 10px;
    font-weight: 600;
    list-style-type: square;
  }

  .main_title_on_benner h2 {
    font-size: 17px;
    font-weight: 900;
    padding: 0px 0px 0px 25px;
  }

  .main_title_on_benner p {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    display: none;
  }

  .trigger_button .my_buttons .cta {
    font-size: 12px;
    padding: 5px 10px;
  }

  .trigger_button {
    padding: 0px 0px 0px 20px;
    text-align: left;
  }


  .carousel-item img {
    /* border-radius: 10px; */
    background-color: var(--bg-primary);
    position: relative;
    height: 200px;
  }



}

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


  .main_title_on_benner {
    position: absolute;
    top: 15%;
    left: auto;
    width: 100%;
  }

  .main_title_on_benner ul {
    padding-left: 10px;
  }

  .main_title_on_benner ul li {
    list-style-type: square;
    font-size: 13px;
    font-weight: 600;
  }

  .main_title_on_benner h2 {
    font-size: 25px;
    font-weight: 900;
    padding: 5px 0px;
  }

  .main_title_on_benner p {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    display: none;
  }

  .trigger_button .my_buttons .cta {
    font-size: 12px;
    padding: 5px 10px;
  }

  .trigger_button {
    padding: 10px 0px;
    text-align: left;
  }


  .carousel-item img {
    /* border-radius: 10px; */
    background-color: var(--bg-primary);
    position: relative;
  }




}

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

  .main_title_on_benner {
    position: absolute;
    top: 15%;
    left: auto;
    width: 70%;
  }

  .main_title_on_benner ul {
    padding-left: 20px;
  }

  .main_title_on_benner ul li {
    list-style-type: square;
    font-size: 14px;
    font-weight: 700;
  }

  .main_title_on_benner h2 {
    font-size: 25px;
    font-weight: 900;
    padding: 10px 0px;
  }

  .main_title_on_benner p {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.9;
    display: block;
    width: 65%;
  }


  .trigger_button .my_buttons .cta {
    font-size: 12px;
    padding: 5px 10px;
  }

  .trigger_button {
    padding: 0px 0px;
    text-align: left;
  }



}

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

  .main_title_on_benner {
    position: absolute;
    top: 15%;
    left: auto;
    width: 60%;
  }

  .main_title_on_benner ul {
    padding-left: 20px;
  }

  .main_title_on_benner ul li {
    list-style-type: square;
    font-size: 16px;
    font-weight: 700;
  }

  .main_title_on_benner h2 {
    font-size: 40px;
    font-weight: 900;
    padding: 10px 0px;
  }

  .main_title_on_benner p {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    width: 65%;
  }

  .trigger_button .my_buttons .cta {
    font-size: 15px;
    padding: 10px 15px;
  }

  .trigger_button {
    padding: 0px 0px;
    text-align: left;
  }


}

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

  .main_title_on_benner {
    position: absolute;
    top: 18%;
    left: auto;
    width: 60%;
  }

  .main_title_on_benner ul {
    padding-left: 20px;
  }

  .main_title_on_benner ul li {
    list-style-type: square;
    font-size: 20px;
    font-weight: 700;
  }

  .main_title_on_benner h2 {
    font-size: 50px;
    font-weight: 900;
    padding: 20px 0px;
  }

  .main_title_on_benner p {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.9;
    width: 65%;
  }

  .trigger_button .my_buttons .cta {
    font-size: 15px;
    padding: 10px 15px;
  }

  .trigger_button {
    padding: 0px 0px;
    text-align: left;
  }




}






/* 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: rgb(255, 196, 2);
}


.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: 700;
}

/* .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;
}


.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;
  overflow: hidden;
  box-shadow: var(--box-shadow);
}

.service_area .card:hover {
  box-shadow: var(--box-shadow-major);
  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: 200px;
}

.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 solid #00D0FE;
  color: #00D0FE;
  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 solid #00D0FE;
  color: var(--black);
  background-color: #00D0FE;
  transition-timing-function: ease-in-out;
}

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

.major_category h3 {
  font-size: 25px;
  font-weight: 700;
  cursor: pointer;
  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: var(--color-secondary)
}

.major_category a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  height: 0.1em;
  background-color: var(--white);
  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 */



/* Main Heading Center titles Start */

.major_category_center h4,
.major_category_center h3,
.major_category_center h2 {
  text-align: center;
  font-size: 40px !important;
  font-weight: 900 !important;
  position: relative;
  padding: 10px;
}

.major_category_center p {
  text-align: center;
  margin-bottom: 30px !important;
}

section {
  margin-top: 100px !important;
  margin-bottom: 20px !important;
}

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

  section {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
  }

  .major_category_center h4,
  .major_category_center h3,
  .major_category_center h2 {
    text-align: center;
    font-size: 25px !important;
    font-weight: 900 !important;
    position: relative;
    padding: 10px;
  }

  .who_we_are_right h3,
  .who_we_are_right h1 {
    font-size: 25px !important;
  }


}


/* Main Heading Center titles End */




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






.major_category_center h3,
.major_category_center h2 {
  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;
}



/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 768px) {

  ._box_shadow_large {
    margin-bottom: 50px;
  }

}

/* Small devices (portrait tablets and large phones, 768px and up) */
@media only screen and (min-width: 768px) {

  ._box_shadow_large {
    margin-bottom: 0px;
  }

}




/* Footer Section CSS Start */

.company_name_footer {
  color: var(--bg-servicecard);
  font-weight: 700;
  display: inline-flex;
}

.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: var(--bg-servicecard);
  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;
  cursor: pointer;
}

.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: var(--bg-servicecard);
  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: var(--bg-servicecard);
  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: 25px;
  padding: 7px 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: 80%;
  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 #00D0FE;
  outline: none;

}

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



form input[type="number"]::-webkit-outer-spin-button,
form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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



/* Inquery Form Start */


.enquiry_right_side .form_area .enquiry_form input::-webkit-outer-spin-button,
.enquiry_right_side .form_area .enquiry_form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.enquiry_right_side .form_area .enquiry_form input[type=number] {
  -moz-appearance: textfield;
}

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

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

.input-contact-details #phone {
  width: 65%;
}

.mendatory-fields {
  color: red;
  display: inline-flex;
}



#enquiry_form .name,
#enquiry_form .phone,
#enquiry_form .email,
#enquiry_form .inquiry_porpose,
#enquiry_form .state,
#enquiry_form .label-normal,
#enquiry_form .comment {
  font-size: 16px;
  color: var(--white);
  margin-left: 0;
  font-style: normal;
}

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

#newsLetter 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;
}


.enquiry_right_side {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 350px;
  height: 100vh;
  z-index: 999999;
  background-color: var(--bg-primary);
  position: fixed;
  box-shadow: var(--box-shadow-inset);
  overflow-y: scroll;
  transform: translateX(100%);
  transition: transform 1s;
}

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


#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: var(--box-shadow);
}


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

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

/* Handle */
::-webkit-scrollbar-thumb {
  background: #00D0FE;
}

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

.enquiry_form_open_button {
  padding: 5px;
  background-color: var(--bg-servicecard);
  color: white;
  width: 120px;
  font-weight: 700;
  rotate: 90deg;
  text-align: center;
  position: absolute;
  top: 50%;
  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_form_open_button:hover {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}



.enquiry_form_back_button {
  padding: 5px 10px;
  color: red;
  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 var(--white);
  color: var(--white);
  background-color: var(--black);
}

.enquiry_right_side .form_area .enquiry_form ::placeholder {
  color: rgb(72, 71, 71);
  opacity: 1;
}

.enquiry_right_side .form_area .enquiry_form ::-ms-input-placeholder {
  color: rgb(72, 71, 71);
}


.enquiry_right_side .form_area label {
  color: var(--white);
}



.form_area h4 {
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
}

.form_area p {
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
}

.site_name {
  color: var(--bg-servicecard);
  padding-left: 10px;
  cursor: pointer;

}

.submit_btn button {
  background-color: var(--bg-servicecard);
  border-radius: 0px;
  padding: 5px 25px;
  border: none;
}

.submit_btn button:hover {
  background-color: #00D0FE;
  border-radius: 0px;
  border: none;
  filter: brightness(110%);
  box-shadow: #00D0FE 0px 20px 30px -10px;
}


.form-control:focus {
  color: var(--white);
  background-color: var(--bg-primary);
  border-color: #00D0FE !important;
  outline: 0;
  box-shadow: none !important;
}

.form-select:focus {
  color: var(--white);
  background-color: var(--bg-primary);
  border-color: #00D0FE !important;
  outline: 0;
  box-shadow: none !important;
}





/* 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;
  }
}


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

  .render {
    font-size: 5em;

  }


}

/* 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);
  cursor: pointer;
  background-color: var(--bg-primary);
}

.counter_section:hover {
  box-shadow: var(--box-shadow-major);
  background-color: var(--bg-servicecard);
  color: var(--white);
  transition-duration: 0.5s;
}

.counter_section:hover>h2,
.counter_section:hover>p {
  color: white;
  transition-duration: 0.5s;
}

.counter_section h2 {
  font-size: 70px;
  font-weight: 700;
  justify-content: center;
  color: var(--bg-servicecard);
}

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

.number_count {
  display: flex;
}

.count_main_title {
  font-weight: 700;
  font-size: 20px !important;
}

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

  .counter_section h2 {
    font-size: 50px;
    font-weight: 700;
    justify-content: center;
    color: var(--bg-servicecard);
  }

  .count_main_title {
    font-weight: 700;
    font-size: 20px !important;
  }


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


}


/* Real Time Visitor and Counting 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: 3px 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: 3px 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,
.who_we_are_right h1 {
  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: var(--bg-servicecard);
  transition: 1s;
  box-shadow: 6px 6px 0 var(--white);
  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 #00D0FE;
}

.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: #00D0FE;
  }

  100% {
    fill: white;
  }
}


@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: var(--bg-servicecard);
    transition: 1s;
    box-shadow: 6px 6px 0 var(--white);
    transform: skewX(-15deg);
    border: none;
  }


}

/* buttons CSS 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 */


.welcome_to_our_company img {
  width: 100%;
  height: auto;
}

.contect_me {
  padding: 10px;
  color: var(--white);
  font-weight: 600;
}


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




/* ============================================================== 
       # Testimonials CSS Area Start
  =================================================================== */


.testimonial_section_twit .carousel-indicators::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.testimonial_section_twit .carousel-indicators::-webkit-scrollbar-track {
  border-radius: 10px;
}

.testimonial_section_twit .carousel-indicators::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--bg-servicecard);
}



.testimonial_section_twit .carousel-indicators img {
  border-radius: 100%;
  text-align: center;
  height: 75px;
  width: 75px;
}


.testimonial_section_twit .carousel-indicators [data-bs-target] {
  text-indent: 0;
  width: 50%;
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 1;
  background-color: transparent;
  border-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.testimonial_section_twit .carousel-indicators [data-bs-target].active>img {
  box-shadow: var(--box-shadow-major);
  border: 3px solid var(--bg-servicecard);
}

.testimonial_section_twit .carousel {
  background-color: var(--bg-primary);
  border-radius: 20px;
  box-shadow: var(--box-shadow-inset);
}

.testimonial_section_twit .carousel-inner img {
  max-height: 400px;
  max-width: 100%;
  margin: auto;
}

/* Testimonial_Titles Area */

.testimonials_title {
  padding-top: 50px;
  padding-left: 20px;
  color: var(--white);
}

.testimonilas_description,
.testimonials_brief_description,
.box_shaddow_area {
  padding: 2px 20px;
}

.testimonials_title h3,
.testimonials_brief_description h3 {
  font-size: 25px;
  font-weight: 900;
  color: var(--bg-servicecard);
}

.testimonials_title p,
.testimonials_brief_description p,
.testimonilas_description p,
.box_shaddow_area p {
  font-size: 16px;
}

.box_shaddow_area a {
  font-size: 16px;
  text-decoration: none;
  color: var(--bg-servicecard);
}

.box_shaddow_area h4 {
  font-size: 20px;
  font-weight: 700;
}

.rating {
  padding: 0px 10px 10px 20px;
  text-align: center;
}

.rating i {
  color: rgb(241, 162, 26);
  font-size: 15px;
}

.rating_by_customer {
  padding: 0px 10px 10px 20px;
}

.rating_by_customer i {
  color: rgb(241, 162, 26);
  font-size: 15px;
}

.title-for-review {
  line-height: 2;
}

.write_review_on_google_my_bussiness {
  text-align: center;
}



@media screen and (min-width: 993px) {
  .testimonial_section_twit .carousel {
    /* padding: 2em; */
    font-size: 1.3em;
  }

  .testimonial_section_twit .carousel-indicators {
    position: unset;
    flex-direction: column;
    width: 100%;
    margin: 0px;
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    /* padding:100px 0px; */
    padding-top: 80px;
  }

  .testimonials_brief_description,
  .cover_major_area {
    display: block;
  }




}


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

  .testimonial_section_twit .carousel-indicators {
    position: unset;
    width: auto;
    margin: auto;
    height: 120px;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-right: 20px;
    padding-left: 20px;
  }

  .testimonial_section_twit .carousel-indicators img {
    border-radius: 100%;
    text-align: center;
    height: 60px;
    width: 60px;
  }

  .testimonial_section_twit .carousel-indicators [data-bs-target] {
    text-indent: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 1;
    background-color: transparent;
    border-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .testimonials_brief_description,
  .cover_major_area {
    display: none;
  }




}

/* --------------------------------------
  Testimonials Css Area End
-----------------------------------------*/



/* --------------------------------------
    Product Section Start
-----------------------------------------*/



.product_section_new .carousel-indicators::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.product_section_new .carousel-indicators::-webkit-scrollbar-track {
  border-radius: 10px;
}

.product_section_new .carousel-indicators::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--bg-servicecard);
}



.product_section_new .carousel-indicators img {
  border-radius: 100%;
  text-align: center;
  height: 75px;
  width: 75px;
  margin-right: 20px;
}


.product_section_new .carousel-indicators [data-bs-target] {
  text-indent: 0;
  width: 90%;
  height: 100%;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  background-color: transparent;
  border-top: 0;
  display: flex;
  align-items: center;
  color: var(--white);

}

.product_section_new .carousel-indicators [data-bs-target].active {
  box-shadow: var(--box-shadow-major);
  border: 1px solid var(--bg-servicecard);
  border-radius: 20px;
  padding: 10px;
}


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

.product_section_new .product_section_image img {
  max-height: 650px;
  max-width: 100%;
  margin: 10px;
}

.product_section_image .theme-section-title {
  font-size: 25px !important;
}

.product_section_image .theme-section-descriptions {
  font-size: 17px;
}

.product_section_image ul li {
  font-size: 17px;
}





@media screen and (min-width: 993px) {
  .product_section_new .carousel {
    /* padding: 2em; */
    font-size: 1.3em;
  }

  .product_section_new .carousel-indicators {
    position: unset;
    flex-direction: column;
    width: 100%;
    margin: 0px;
    height: 555px;
    overflow-y: scroll;
    overflow-x: hidden;
    /* padding:100px 0px; */
    padding-top: 100px;
  }



}


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

  .product_section_image .theme-section-title {
    font-size: 18px !important;
  }

  .product_section_new .carousel-indicators {
    position: unset;
    width: 100%;
    margin: 2px;
    /* height: 150px; */
    overflow-y: hidden;
    overflow-x: scroll;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .product_section_new .product_section_image img {
    text-align: center;
    height: 350px;
    width: 100%;
  }

  .carousel-indicators {
    justify-content: left !important;
  }

  .product_section_new .carousel-indicators img {
    border-radius: 100%;
    text-align: center;
    height: 60px;
    width: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }

  .product_section_new .carousel-indicators [data-bs-target] {
    text-indent: 0;
    height: 100%;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    opacity: 1;
    background-color: transparent;
    border-top: 0;
    display: grid;
    align-items: left;
    justify-content: space-between;
  }


}

/* --------------------------------------
    Product Section End
-----------------------------------------*/








/* --------------------------------------
   Portfolio Start
-----------------------------------------*/



.portfolio {
  padding-top: 0px;
  padding-bottom: 100px;
  background-color: var(--bg-primary);
}

.portfolio .filter-menu {
  margin-bottom: 60px;
  text-align: center;
}

.portfolio .filter-menu .list-filter {
  display: inline-block;
  margin-bottom: 0;
  padding: 12px 20px;
  border-radius: 40px;
  box-shadow: var(--box-shadow-inset);
}

.portfolio .list-filter li {
  display: inline-block;
  margin: 0 15px;
  font-weight: 500;
  letter-spacing: 1.1px;
  line-height: 1;
  cursor: pointer;
  color: var(--bg-servicecard);
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  border-radius: 25px;
}

.portfolio .list-filter .active {
  color: var(--white);
}

.portfolio .portfolio-content .item {
  margin-bottom: 30px;
  padding: 8px;
  box-shadow: var(--box-shadow);
}

.portfolio .portfolio-content .item:hover {
  box-shadow: var(--box-shadow-major);
  transition-duration: 0.5;
}



.portfolio .portfolio-content .item .demo-image {
  position: relative;
  overflow: hidden;
}

.portfolio .portfolio-content .item:hover .demo-image img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  height: 300px;
}

.portfolio .item .demo-image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #1cf1006d;
  width: 100%;
  height: 100%;
  margin-top: -100%;
  -webkit-transition-duration: all .6s linear;
  -moz-transition-duration: all .6s linear;
  -o-transition-duration: all .6s linear;
  -ms-transition-duration: all .6s linear;
  transition-duration: all .6s linear;
}

.portfolio .item:hover .demo-image .overlay {
  margin-top: 0;
}

.portfolio .item .demo-image .overlay .item-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.portfolio .item .demo-image .overlay .item-icons i {
  display: inline-block;
  background-color: var(--bg-servicecard);
  color: #fff;
  font-size: 20px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 10px;
}

.portfolio .item .demo-image .overlay .item-icons i:hover {
  background-color: #fff;
  color: var(--bg-servicecard);
}

.portfolio .item .demo-image .overlay .item-icons .icon-img {
  margin-right: 20px;
}

.portfolio .portfolio-content .item .item-info {
  text-align: center;
  padding: 14px 0 6px;
}

.portfolio .portfolio-content .item .item-info h4 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .4px;
  text-transform: capitalize;
  color: var(--bg-servicecard);
}

.portfolio .portfolio-content .item:hover .item-info h4 {
  color: var(--white);
}

.portfolio .portfolio-content .item .item-info span {
  letter-spacing: .3px;
  text-transform: capitalize;
  color: var(--white);
}

.portfolio .my-btn {
  text-align: center;
  margin-top: 20px;
}

.portfolio .my-btn .main-btn {
  min-width: 155px;
  text-decoration: none;
}


/*=========== Portfolio ============*/
.portfolio .list-filter li {
  margin-bottom: 5px;
}

.portfolio .portfolio-content .item {
  margin-left: 0;
  margin-right: 0;
}

.portfolio .portfolio-content .item .demo-image img {
  width: 100%;
  height: 300px;
}

.portfolio .item .demo-image .overlay .item-icons i {
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}


/*=========== Portfolio ============*/
.portfolio {
  padding-top: 0px;
  padding-bottom: 20px;
}

.portfolio .filter-menu {
  margin-bottom: 55px;
}

.portfolio .portfolio-content .item {
  margin-left: 10px;
  margin-right: 10px;
}




/* --------------------------------------
   Portfolio 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
------------------------------*/

/* -----------------------------
     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
------------------------------*/


.in_news {
  padding-top: 30px;
}





/* -----------------------------
     Portfolio Page Section Start
------------------------------*/

.portfolio_area .portfolio_card_area {
  padding: 20px;
  border-radius: 20px;
  color: white;
  height: 580px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}

.portfolio_bg_color {
  background-color: #00D0FE;
}

.portfolio_bg_color2 {
  background-color: lawngreen;
}

.portfolio_bg_color3 {
  background-color: rgb(125, 2, 22);
}


.portfolio_area .portfolio_card_area h2 {
  font-size: 30px;
  font-weight: 700;
}

.portfolio_area .portfolio_card_area .portfolio_image_area {
  text-align: center;
}

.portfolio_area .portfolio_card_area .portfolio_image_area img {
  height: 70px;
  width: 70px;
}

.portfolio_three_image {
  position: relative;
  margin: 30px 10px;
}



.portfolio_three_image .image_left {
  position: absolute;
  left: 0;
  top: 20px;
  height: 280px;
  z-index: 1;
  transform: rotate(0deg);
  transition: transform 1s ease;
}

.portfolio_three_image .image_center {
  position: absolute;
  display: block;
  left: 25%;
  top: 0;
  height: 320px;
  z-index: 2;
  transition: transform 1s ease;
}

.portfolio_three_image .image_right {
  position: absolute;
  right: 0;
  top: 20px;
  height: 280px;
  z-index: 1;
  transform: rotate(0deg);
  transition: transform 1s ease;
}

.portfolio_card_area:hover>.portfolio_three_image>.image_left {
  transform: rotate(-10deg);
  transition: transform 1s ease;
}

.portfolio_card_area:hover>.portfolio_three_image>.image_center {
  transform: scale(1.1);
  transition-duration: 1s;
}


.portfolio_card_area:hover>.portfolio_three_image>.image_right {
  transform: rotate(10deg);
  transition: transform 1s ease;
}


.positon_set {
  position: absolute;
  bottom: 15px;
  left: 20%;
}

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

  .portfolio_three_image .image_center {
    position: absolute;
    display: block;
    left: 23%;
    top: 0;
    z-index: 2;
    transition: transform 1s ease;
  }

  .portfolio_three_image {
    position: relative;
    margin: 30px 10px;
    width: auto;
  }

  .positon_set {
    position: absolute;
    bottom: 15px;
    left: 15%;
  }





}

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

  .portfolio_three_image .image_center {
    position: absolute;
    display: block;
    left: 25%;
    top: 0;
    z-index: 2;
    transition: transform 1s ease;
  }

  .portfolio_three_image {
    position: relative;
    margin: 30px auto;
    width: 350px;
  }

  .positon_set {
    position: absolute;
    bottom: 15px;
    left: 25%;
  }



}


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

  .portfolio_three_image .image_center {
    position: absolute;
    display: block;
    left: 17%;
    top: 0;
    z-index: 2;
    transition: transform 1s ease;
  }

  .portfolio_three_image {
    position: relative;
    margin: 30px 10px;
    width: auto;
  }

  .positon_set {
    position: absolute;
    bottom: 15px;
    left: 10%;
  }



}

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

  .portfolio_three_image .image_center {
    position: absolute;
    display: block;
    left: 25%;
    top: 0;
    z-index: 2;
    transition: transform 1s ease;
  }

  .portfolio_three_image {
    position: relative;
    margin: 30px auto;
    width: 350px;
  }

  .positon_set {
    position: absolute;
    bottom: 15px;
    left: 20%;
  }

}

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

  .portfolio_three_image .image_center {
    position: absolute;
    display: block;
    left: 25%;
    top: 0;
    z-index: 2;
    transition: transform 1s ease;
  }

  .portfolio_three_image {
    position: relative;
    margin: 30px auto;
    width: 330px;
  }

  .positon_set {
    position: absolute;
    bottom: 15px;
    left: 20%;
  }

}




/* -----------------------------
     Portfolio Page Section End
------------------------------*/


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


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

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

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

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


}

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

  .about_us_title .site_bredicrum h2 {
    font-size: 20px;
    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;
  }


}

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

  .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;
  }


}

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

}



.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: #00D0FE;
  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: #00D0FE;
  border-radius: 15px;
  padding: 40px 0px;
  color: white;
}

.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: var(--bg-servicecard);
}

.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: #00D0FE;
  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 #00D0FE;
  color: white;
  padding: 10px 30px;
  font-weight: 700;
  border-radius: 15px;
}

.nehruplace_buttons_area button:hover {
  border: 2px solid #00D0FE;
  background-color: white;
  color: #00D0FE;
}



/* Stripped Section End */




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

  .about_us_title {
    height: 161px;
    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;
  }


}

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

  .about_us_title {
    height: 240px;
    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;
  }


}

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

  .about_us_title {
    height: 290px;
    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;
  }


}

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

  .about_us_title {
    height: 380px;
    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;
  }


}

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

  .about_us_title {
    height: 400px;
    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;
  }


}

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

  .about_us_title {
    height: 425px;
    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;
  }


}

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

  .about_us_title {
    height: 480px;
    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;
  }


}

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

  .about_us_title {
    height: 573px;
    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;
  }


}

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

  .about_us_title {
    height: 573px;
    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;
  }


}


/* -----------------------------
     About Us Page 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;
  font-weight: 900;
  position: relative;
}

.desired_skills ul li {
  list-style: square;
  font-size: 14px;
  margin: 5px 0px;
}


/* -----------------------------
     Career Webpage 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: var(--bg-servicecard);
}

.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;
}

.right_arrow {
  margin-top: 20px;
}

.news_article_section {
  /* background-color: #fef7ff; */
  padding: 50px 0px;
}

.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: #00D0FE;
}


.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: #00D0FE;
}

.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: #00D0FE !important;
}

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

.news_articles_internalpage img {
  height: 200px !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;
  background-color: #00cffe21;
}

.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: var(--white);
  background-color: #00D0FE;
  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: #00D0FE;
  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: #00D0FE;
}

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

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

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

.btn {
  --bs-btn-border-width: none !important;
}

.publisher_img .news_author_names p {
  font-size: 13px;
  font-weight: 600;
  padding: 5px 0px !important;
  margin: 0 !important;
  color: var(--bg-servicecard);
}

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

}

.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: var(--bg-servicecard);
}

.news_articles_publisher {
  padding: 5px 20px;
  text-align: justify;
  color: black;
}

.news_article_bg_colors {
  background-color: #00cffe1e;
  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: white;
  background-color: #00D0FE;
  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,
.news_rading_area ol li {
  list-style: disc;
}



/* News Reading End*/




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

/*...................................
      Case Study Start 
  ...................................*/

.case_study_title {
  padding: 10px;
}

.case_themes_box_shaddow {
  box-shadow: var(--box-shadow);
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0px;
}

.case_study_title h3 {
  font-size: 30px;
  font-weight: 700;
}

.case_study_title p {
  font-size: 17px;
}

.case_study_title p a {
  text-decoration: underline;
  color: var(--bg-servicecard);
}

.case_study_our_role {
  background-color: #00D0FE;
  padding: 50px 10px;
  border-radius: 10px;
  color: white;
  cursor: pointer;
}

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

.case_study_our_role h2 {
  font-size: 40px;
  font-weight: 700;
  position: relative;
  padding-bottom: 8px;
  margin-left: 100px;
  margin-bottom: 40px;
}

.role_icons_ar {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid white;
}

.case_study_our_role .icons_of_design_ar h5 {
  font-size: 60px;
  font-weight: 900;
  margin: 0px;
  padding: 0px;
}

.case_study_our_role .icons_of_design_ar p {
  font-size: 18px;
  font-weight: 900;
  padding: 0;
  margin: 0px;
  padding: 0px;
}

.case_study_our_role .icons_of_design img {
  height: 90px;
  width: 80px;
  border-radius: 10px;
  display: block;
  margin: auto;
  margin-top: 12px;
  float: right;
}

.case_study_our_role .icons_of_design:hover>img {
  transform: scale(1.1);
  transition: 0.5s;
}

.case_study_content_ara h1 {
  font-size: 40px;
  font-weight: 700;
}

.case_study_content_ara p {
  text-align: justify;
}

.case_study_content_ara img {
  width: 80%;
  height: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}

.case_study_brief_des {
  /* background-color: #00d0ff; */
  padding: 30px 10px;
  color: black;
}

.case_study_brief_des h1,
.case_study_brief_des h3 {
  font-size: 40px;
  font-weight: 700;
}

.case_study_brief_des p {
  font-size: 18px;
  text-align: justify;
}

.major_challenge {
  padding: 10px;
}

.major_challenge p {
  display: flex;
}

.major_challenge p i {
  color: var(--bg-servicecard);
  padding: 5px 10px;
  font-size: 20px;
}

.major_challenge img {
  height: 400px;
  width: 80%;
  padding: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.google_play_store img {
  height: 60px;
  width: 100%;
  margin: 10px;
}

.case_study_final_result h2 {
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}

.case_study_final_result p {
  text-align: center;
}

.case_study_final_result .italic_style {
  text-decoration: italic;
}


.case_study_client_testimonials {
  border-radius: 20px;
  padding: 20px 50px;
  text-align: center;
  position: relative;
  box-shadow: var(--box-shadow-inset);
  cursor: pointer;
}

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

.case_study_client_testimonials .blockquote {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.case_study_tesimonial_image_clien {
  height: 80px;
  width: 80px;
  margin-bottom: 20px;
  border-radius: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid rgb(105, 254, 118);
}


.project_full_setup img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



/*...................................
      Case Study End 
  ...................................*/



/*...................................
      Subscribe To News Letter Start
  ...................................*/



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

.news-letter-text {
  /* padding-top: 110px; */
  padding-left: 50px;
}

.news-letter-text p {
  font-size: 18px;
}

.news-letter-box {
  /* box-shadow: var(--box-shadow); */
  border-radius: 20px;
}

.containers {
  /* min-height: 70vh; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.containers .news-card {
  height: 300px;
  width: 500px;
  background: #eee;
  box-shadow: var(--box-shadow);
  position: relative;
  transition: transform 0.3s;
  z-index: 0;
}

.containers .news-card .letter form {
  box-shadow: var(--box-shadow);
  background: #00D0FE;
  border-radius: 5px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding: 20px;
  z-index: -1;
  width: 80%;
}

.containers .news-card .letter form img {
  height: 100px;
  width: 100%;
  margin: 5px 0;
  object-fit: cover;
}

.containers .news-card .letter form h3 {
  font-size: 17px;
  color: white;
  font-weight: 700;
  padding: 10px;
}

.containers .news-card .letter form .inputBox {
  display: flex;
  border-radius: 10px;
  margin: 5px;
  overflow: hidden;
  border: 2px dotted white;
}

.containers .news-card .letter form .inputBox input[type="email"] {
  height: 40px;
  width: 100%;
  font-size: 17px;
  color: white;
  padding: 0 15px;
  border: none;
  outline: 0;
  text-transform: none;
}

.containers .news-card .letter form .inputBox input[type="email"]::placeholder {
  text-transform: capitalize;
  color: white;
}

.containers .news-card .letter form .inputBox button {
  font-size: 18px;
  color: white;
  border: none;
  background: #00D0FE;
  padding-right: 15px;
  cursor: pointer;
}

.containers .news-card::after,
.containers .news-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.containers .news-card::before {
  background: var(--bg-primary);
  clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0);
}

.containers .news-card::after {
  background: #00D0FE;
  clip-path: polygon(0 0, 50% 50%, 100% 0);
  transition: transform 0.2s ease-out 0.3s;
  transform-origin: top;
}

.containers .news-card:hover::after {
  transform: rotateX(180deg);
  transition-delay: 0s;
  z-index: -2;
}

.containers .news-card:hover .letter form {
  top: -175px;
  transition: top 0.2s linear 0.3s;
}

.containers .news-card:hover {
  transform: translateY(70px);
}






/*...................................
      Subscribe To News Letter End
  ...................................*/


/*...................................
     Country Layout  Start
  ...................................*/



.redisign_card_area {
  padding: 0px;
  border-radius: 10px;
  height: 450px;
  width: 98%;
  margin: 20px 0px;
  box-shadow: var(--box-shadow-inset);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.redisign_card_area .main_bigimage {
  height: 450px;
  width: 100%;

}

.redisign_card_area .center_point_image {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
}

.redisign_card_area .center_point_image img {
  height: 70px;
  width: 70px;
}

.redisign_card_area .rotate_area {
  height: 200px;
  width: 120%;
  background-color: var(--bg-primary);
  position: absolute;
  top: -25%;
  left: -5%;
  z-index: -4;
  rotate: -10deg;
  transition: transform .5s;
}


.redisign_card_area .card_body {
  background-color: var(--bg-primary);
  text-align: center;
  position: absolute;
  bottom: 0%;
  left: 0%;
  z-index: 555;
  width: 100%;
  height: 170px;
  padding: 0px 10px 20px 10px;
}

.redisign_card_area .card_body .redesign_center_point_img {
  height: 70px;
  width: 70px;
  position: absolute;
  top: -80px;
  left: 40%;
  border-radius: 100%;
  border: 3px solid var(--bg-servicecard);
}

.redisign_card_area:hover>.card_body .rotate_area {
  transform: rotate(10deg);
  transform-origin: top;
  transition: transform 0.5s ease-in-out;
}


.redisign_card_area:hover {
  box-shadow: var(--box-shadow-major);
  transition-duration: .5s;
}


.redisign_card_area .card_body a {
  text-decoration: none;
  text-align: center;
  color: #00D0FE;
  font-size: 16px;
  font-weight: 700;
}


.redisign_card_area .card_body h5 {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
}

.redisign_card_area .card_body p {
  font-size: 15px;
  text-align: center;
  color: var(--white);
}





/*...................................
     Country Layout  End
  ...................................*/


/*...................................
     Full Body Model Start
  ...................................*/


.service_model_new_launched button {
  float: right !important;
  position: absolute;
  right: 8px;
  top: 5px;
  font-size: 45px;
  z-index: 5;
  color: white;
  background: none;
  border: none;
  opacity: 1;
}

.service_model_new_launched button:hover {
  color: red;
}

.service_model_new_launched_main_section .modal-header,
.service_model_new_launched_main_section .modal-footer {
  border-bottom: none !important;
  border-top: none !important;
}

.service_model_new_launched_main_section .model_body_section_area img {
  height: 635px;
  width: 100%;
  position: relative;
}

.service_model_new_launched_main_section .modal-body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  padding: 0px !important;
}


#onload_trigger_function {
  display: none;
}

.service_model_new_launched_main_section .model_content_body {
  position: absolute;
  left: 0;
  top: 0px;
  padding: 20px;
  width: 100%;
}

.service_model_new_launched_main_section .model_content_body img {
  height: 170px;
  width: 250px;
  margin-top: 1px;
  margin-bottom: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.service_model_new_launched_main_section .model_content_body h2,
.service_model_new_launched_main_section .model_content_body h3 {
  font-size: 32px;
  font-weight: 900;
  color: white;
  text-align: center;
}

.service_model_new_launched_main_section .model_content_body p {
  font-size: 16px;
  font-weight: 600;
  color: white;
  text-align: center;
}

.service_model_new_launched_main_section .model_content_body h5 {
  font-size: 20px;
  font-weight: 900;
  color: #00D0FE;
  text-align: center;
}

.service_model_new_launched_main_section .model_content_body .get_free_quiry a {
  padding: 15px 50px;
  background-color: rgb(6, 224, 39);
  color: rgb(255, 255, 255);
  text-decoration: none;
  width: 70%;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
}

.margin_top_set {
  margin-top: 20px;
}


.service_model_new_launched_main_section .model_content_body .get_free_quiry a i {
  padding: 0px;
  font-size: 20px;
  color: rgb(255, 255, 255);
}

.service_model_new_launched_main_section .model_content_body .model_bottom_title {
  font-size: 16px;
  color: white;
  margin-top: 20px;
  text-align: center;
}

.service_model_new_launched_main_section .model_content_body .model_bottom_title i {
  color: rgb(6, 224, 39);
}


.modal-dialog {
  max-width: 650px !important;
}


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

  .modal-dialog {
    max-width: 500px !important;
  }

  .service_model_new_launched_main_section .model_body_section_area img {
    height: 700px;
    width: 100%;
    position: relative;
  }


  .service_model_new_launched_main_section .model_content_body img {
    height: 120px;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .service_model_new_launched_main_section .model_content_body h2,
  .service_model_new_launched_main_section .model_content_body h3 {
    font-size: 25px;
    font-weight: 900;
    margin-top: 10px;
  }

  .service_model_new_launched_main_section .model_content_body p {
    font-size: 16px;
    font-weight: 600;
  }

  .service_model_new_launched_main_section .model_content_body h5 {
    font-size: 18px;
    font-weight: 900;
    text-align: center;
  }

  .service_model_new_launched_main_section .model_content_body .get_free_quiry {
    padding: 10px 20px;
    cursor: pointer;
    width: 100%;
    background-color: rgb(6, 224, 39);
    text-align: left;
    border-radius: 10px;
  }

  .service_model_new_launched_main_section .model_content_body .get_free_quiry a {
    padding: 10px 0px;
    margin: 0px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    width: 99%;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
  }

  .margin_top_set {
    margin-top: 0px;
  }




}





/* Count Down Start */

.timer {
  font-size: 24px;
  text-align: center;
}

.count_down_start {
  display: inline-flex;
  justify-content: space-around;

}

.count_down_start .timing_show_here {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 25px;
  color: black;
  background-color: white;
  margin: 10px;
  border-radius: 10px;
}

.count_down_start .timing_show_here .timer {
  color: red;
  font-weight: 900;
  font-size: 25px;
}


/* Count Down End */



/*...................................
    Full Body Model End
  ...................................*/

/*...................................
    Technologied Pages Start
  ...................................*/

.technologied_images img {
  height: auto;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.themes_box_shaddow {
  box-shadow: var(--box-shadow);
  text-align: left;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  margin: 15px 0px;
}

.themes_box_shaddow .project_icons_area img {
  height: 55px;
  width: 50px;
  border-radius: 8px;
}

.themes_box_shaddow .project_titles_area {
  padding: 0px 0px 0px 10px;
}

.themes_box_shaddow .project_titles_area h3 {
  padding: 0px !important;
  margin: 0px !important;
  font-size: 26px;
}

.themes_box_shaddow .project_titles_area p {
  padding: 0px !important;
  margin: 0px !important;
}

/* Card Section CSS Start */

.technologies_card {
  width: 100%;
  height: 250px !important;
  perspective: 1000px;
  margin: 15px 0px;
}

.technologies_card div {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
  transition: transform 0.8s;
}

.front_card_section {
  color: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: 20px;
  padding: 20px;
  transform-origin: 0%;
  cursor: pointer;
  background-color: var(--bg-primary);
}

.back_card_section {
  background-color: var(--color-secondary);
  color: var(--black);
  transform: rotateX(180deg);
  transform-origin: 0%;
  box-shadow: var(--box-shadow);
  border-radius: 20px;
  padding: 20px;
  cursor: pointer;
}

.themes_bg_color {
  /* background-color: #fef7ff; */
  padding: 50px 0px;
}

.technologies_card:hover .front_card_section {
  transform: rotateY(-180deg);
}

.technologies_card:hover .back_card_section {
  transform: rotateY(0deg);
}

.front_card_section img {
  display: block;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 20px;
}

.front_card_section h2 {
  font-size: 20px;
  font-weight: 700;
  padding: 35px 5px;
  text-align: center;
}

.back_card_section h2 {
  font-size: 22px;
  font-weight: 700;
}

.back_card_section p {
  text-align: justify;
  padding-top: 20px;
  font-size: 16px;
}





/*...................................
     Technologied Pages End
  ...................................*/






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

  .latest_updates {
    margin-top: 15px;
  }

  .desktop_sizer {
    margin-right: 0px;
  }

  .news_article_left_side_imges img {
    height: 90px;
    width: 70px;
  }

  .hide_on_mobile {
    display: none !important;
  }

  .bredicrum_some_comditions {
    font-size: 22px !important;
    font-weight: 700;
  }


}

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


  .latest_updates {
    margin-top: 15px;
  }

  .desktop_sizer {
    margin-right: 0px;
  }

  .news_article_left_side_imges img {
    height: 90px;
    width: 70px;
  }

  .hide_on_mobile {
    display: none !important;
  }

  .bredicrum_some_comditions {
    font-size: 25px !important;
    font-weight: 700;
  }




}


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

  .latest_updates {
    margin-top: 15px;
  }

  .desktop_sizer {
    margin-right: 0px;
  }

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

  .hide_on_mobile {
    display: inline-flex !important;
  }

  .bredicrum_some_comditions {
    font-size: 30px !important;
    font-weight: 700;
  }


}


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

  .latest_updates {
    margin-top: 0px;
  }

  .desktop_sizer {
    margin-right: 50px;
  }

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

  .hide_on_mobile {
    display: inline-flex !important;
  }

  .bredicrum_some_comditions {
    font-size: 45px !important;
    font-weight: 700;
  }


}


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

  .desktop_sizer {
    margin-right: 50px;
  }

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

  .hide_on_mobile {
    display: inline-flex !important;
  }

  .bredicrum_some_comditions {
    font-size: 45px !important;
    font-weight: 700;
  }

}









/* Clients Review  */


/* ==========================================================================
  14.  TESTIMONIALS
  =========================================================================== */

/*------------------------------------------*/
/*   TESTIMONIALS CAROUSEL
/*------------------------------------------*/

.review-1 {
  background-color: var(--bg-primary);
  border: 1px solid var(--white);
  margin: 10px 8px 20px;
  padding: 40px 17px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  height: 420px;
  -o-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}

.review-2 {
  background-color: var(--bg-primary);
  border: 1px solid var(--white);
  margin: 0 5px 40px;
  padding: 30px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.bg-lightgrey .review-1,
.bg-lightgrey .review-2 {
  background-color: var(--bg-primary);
  border: 1px solid var(--white);
  box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}

.review_container .content {
  background-color: var(--bg-primary);
  border-radius: 10px;
  padding: 10px 2px;
  margin-top: 18px;
}

/*------------------------------------------*/
/*  Testimonial Message Avatar 
/*------------------------------------------*/

.review-1 .testimonial-avatar,
.review-2 .testimonial-avatar {
  display: inline-block;
  float: left;
}

.write_review_on_google_my_bussiness {
  margin-bottom: 20px;
}

#reviews-1 .owl-carousel .owl-item img {
  width: 50px;
  height: 53px;
  display: inline-block;
  margin: 0 5px 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

#reviews-2 .owl-carousel .owl-item img {
  width: 60px;
  height: 60px;
  margin: 0 10px 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

/*------------------------------------------*/
/*  Testimonial Message Text
/*------------------------------------------*/

.review-1 p {
  color: var(--white);
  /* font-size: 1.03rem; */
  line-height: 1.35;
  font-style: normal;
  margin-top: 16px;
  text-align: justify;
  margin-bottom: 0;
  font-size: 15px;
}

.review-2 p {
  color: var(--white);
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 300;
  font-style: italic;
  padding: 0 8px 3px;
}

.review-author h5 {
  font-weight: 500;
  line-height: 1;
  padding-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
}

.author-data {
  position: relative;
}

.author-data .google_tag {
  position: absolute;
  right: -10px;
  top: 10px;
}

.author-details {
  text-align: left;
}

#reviews-1 .review-author h5 {
  font-size: 1.05rem;
  padding-top: 12px;
  margin-bottom: 0px;
  text-align: left !important;
}

.review-author span {
  color: #888;
  font-size: 0.975rem;
  line-height: 1;
  font-size: 13px;
}

#reviews-2 .review-author span {
  font-size: 0.95rem;
}

.author-details .stars i {
  font-size: 12px;
}

/* Video Testimonial Start  */

.old_layout_video_testimonials {
  padding: 8px;
  box-shadow: var(--box-shadow);
}

/*------------------------------------------*/
/*   Reviews FlexSlider Navigation
/*------------------------------------------*/

.reviews-section .owl-theme .owl-nav {
  margin-top: 5px;
  margin-left: 10px;
}



/* About Privacy Policy  */

.about-website-policies {
  box-shadow: var(--box-shadow);
  padding: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.about-website-policies ul li {
  padding: 5px;
  list-style: square;
}

.about-website-policies h1,
.about-website-policies h2,
.about-website-policies h3,
.about-website-policies h4,
.about-website-policies h5,
.about-website-policies h5 {
  font-weight: 700;
  margin-top: 25px;
}




/* 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: #00D0FE;
  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: var(--bg-servicecard);
    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: var(--bg-servicecard);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
  }

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



}

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