@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap');*/

@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap");

/*------ comman style ----*/

html,
body {
   height: 100%;
}
body {
   margin: 0;
   padding: 0;
   font-family: "Inter", sans-serif;
   font-size: 18px;
   color: #0b2239;
   scroll-behavior: smooth;
   overflow-x: hidden;
   font-weight: 400;
}
a {
   text-decoration: none;
   color: var(--blue);
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
a:hover {
   color: var(--lightblack);
   text-decoration: none;
}
a:focus {
   outline: none;
   text-decoration: none;
}
:focus {
   outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0 0 15px 0;
   color: #000000;
   padding: 0;
   line-height: 1.2;
   font-family: "Tenor Sans", sans-serif;
   text-transform: none;
   font-weight: 700;
}
h1 {
   font-size: 48px;
}
h2 {
   font-size: 42px;
}
h3 {
   font-size: 36px;
}
h4 {
   font-size: 30px;
}
h5 {
   font-size: 24px;
}
h6 {
   font-size: 18px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
   color: inherit;
   text-decoration: none;
   font-size: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
   text-decoration: none;
}
small {
   display: block;
   margin-top: 4px;
}
p {
   margin: 0 0 20px 0;
   line-height: 28px;
   text-align: justify;
}
p:last-child {
   margin-bottom: 0px;
}
ul,
ol {
   margin: 0;
}
strong,
b {
   font-weight: 600;
}
button {
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
/* comman form filed style -----------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="submit"],
input[type="password"],
input[type="hidden"] {
   -moz-appearance: none;
   -webkit-appearance: none;
   border-radius: 0px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="hidden"]:focus {
   outline: none;
}
textarea {
   -moz-appearance: none;
   -webkit-appearance: none;
   border-radius: 5px;
}
select {
   -moz-appearance: none;
   -webkit-appearance: none;
   background-color: #ffffff;
   padding-right: 25px;
   background-image: url(../images/select-arrow.png);
   background-repeat: no-repeat;
   background-position: right center;
   border-radius: 3px;
   text-overflow: ellipsis;
   overflow: hidden;
}
select::-ms-expand {
   display: none;
}
textarea:focus,
select:focus {
   outline: none;
}
input:disabled,
select:disabled {
   color: #ffffff !important;
   opacity: 1;
}
label {
   font-weight: 600;
   margin-bottom: 5px;
   font-size: 18px;
}
input[type="submit"] {
   background-color: #0070c0;
   border-color: transparent;
   padding: 10px 35px;
   color: #ffffff;
   font-weight: 500;
   font-size: 16px;
   line-height: 1.2;
   width: auto;
   cursor: pointer;
   border-radius: 0px;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
input[type="submit"]:hover {
   background-color: #000000;
}
.form-group {
   margin-bottom: 25px;
}
.form-control {
   background-color: transparent;
   height: auto;
   padding: 8px 12px;
   border: 1px solid #cecece;
   box-shadow: none;
   border-radius: 0px;
   height: auto;
   font-weight: 400;
   font-size: 16px;
   color: #333333;
}
.form-control:focus {
   box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.15);
   border-color: #999999;
   color: #2d2d2d;
   background-color: transparent;
}
select.form-control {
   padding: 10px 25px 9px 12px;
}
textarea.form-control {
   height: 120px;
   resize: none;
}
input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
   opacity: 1;
   color: inherit;
}
input::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
   opacity: 1;
   color: inherit;
}
input::placeholder,
.form-control::placeholder {
   opacity: 1;
   color: inherit;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
   margin-top: 25px;
}
/* image alignments */
img.alignleft,
.alignleft {
   float: left;
   margin-right: 20px;
   max-width: 50%;
}
img.alignright,
.alignright {
   float: right;
   margin-left: 20px;
   max-width: 50%;
}
img.aligncenter,
.aligncenter,
img.alignnone,
.alignnone {
   display: block;
   margin: 30px auto 20px;
   clear: both;
}
img.alignleft,
.alignleft,
img.alignright,
.alignright {
   display: inline;
   margin-top: 0;
}
img.alignleft,
img.aligncenter,
img.alignright {
   margin-bottom: 20px;
}
/*----- image captions -------*/
.alignleft .wp-caption-text {
   text-align: left;
}
.alignright .wp-caption-text {
   text-align: right;
}
.aligncenter .wp-caption-text {
   text-align: center;
}
.wp-caption-text {
   font-size: 16px;
   color: #2f2f2f;
   line-height: 24px;
   margin-bottom: 30px;
}

.content ul,
.content ol {
   margin: 0 0 20px 0px;
   padding: 0 0 0 15px;
   position: relative;
}
.content ul {
   list-style: none;
}
.content ul li,
.content ol li {
   margin-bottom: 8px;
}
.content ul li:before {
   content: "";
   position: relative;
   display: inline-block;
   left: -15px;
   top: -2px;
   width: 7px;
   height: 7px;
   background-color: #1a1a1a;
   border-radius: 100%;
}
.table {
   border: 1px solid #dee2e6;
   font-size: 16px;
}
.table th,
.table thead th {
   background-color: #f0f0f0;
   border-bottom: none;
   font-weight: 600;
}
.table td,
.table th {
   padding: 10px;
}

/*------home-slider-end-------*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
   margin: 0;
   padding: 0;
   border: 0;
   list-style: none;
   line-height: 1;
   display: block;
   position: relative;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
#cssmenu #menu-button {
   display: none;
}
#cssmenu {
   width: auto;
   line-height: 1;
   padding-top: 13px;
}
#cssmenu > ul {
   display: flex;
}
#cssmenu > ul > li {
   float: none;
   display: inline-block;
   margin-left: 30px;
   margin-right: 30px;
   position: relative;
}
/*#cssmenu > ul > li:before {position: absolute; right: -30px; top: 0px; width: 1px; height: 44px; background-color: #1662b9; content: "";}*/
#cssmenu > ul > li:last-child:before {
   display: none;
}
#cssmenu > ul > li:first-child {
   margin-left: 0px;
}
#cssmenu > ul > li:last-child {
   margin-right: 0px;
}
#cssmenu.align-center > ul {
   font-size: 0;
   text-align: center;
}
#cssmenu.align-center > ul > li {
   float: left;
}
#cssmenu.align-center ul ul {
   text-align: left;
}
#cssmenu.align-right > ul > li {
   float: right;
}
#cssmenu.align-right ul ul {
   text-align: right;
}
#cssmenu > ul > li > a {
   padding: 10px 0px 10px 0px;
   font-size: 16px;
   line-height: 24px;
   font-weight: 600;
   text-decoration: none;
   color: #000;
   letter-spacing: 0;
   display: inline-block;
   vertical-align: middle;
   background: transparent;
}
#cssmenu > ul > li:after {
   content: none;
   display: inline-block;
   width: 1px;
   height: 18px;
   background-color: #d7d7d7;
   margin: 0 18px 0 20px;
   vertical-align: top;
}
#cssmenu .nav-pills .nav-link.active,
#cssmenu > ul > li:hover > a {
   color: var(--blue);
}
#cssmenu .nav-pills .nav-link {
   position: relative;
}
#cssmenu .nav-pills .nav-link.active::before {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: -30px;
   content: "";
   background: url(../images/active-menu.png) no-repeat;
   width: 25px;
   height: 25px;
   background-size: contain;
}
/*#cssmenu > ul > li.active > a{position:relative;color:var(--blue);}*/
.active img {
   margin-right: 8px;
}
#cssmenu > ul > li:last-child:after {
   content: none;
}
/*#cssmenu > ul > li.has-sub > a{padding-right:20px;}
*/
#cssmenu > ul > li.has-sub > a::after {
   position: absolute;
   top: 12px;
   margin-left: 8px;
   width: 10px;
   height: 10px;
   font-family: fontawesome;
   content: "\f0d7";
   font-weight: 900;
   font-size: 14px;
   -webkit-transition: border-color 0.2s ease;
   -moz-transition: border-color 0.2s ease;
   -ms-transition: border-color 0.2s ease;
   -o-transition: border-color 0.2s ease;
   transition: border-color 0.2s ease;
   display: none;
}
#cssmenu ul ul {
   position: absolute;
   left: -9999px;
   z-index: 9;
   border-radius: 0px;
   background-color: #fff;
   text-align: left;
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
   opacity: 0;
   margin-top: 15px;
   visibility: hidden;
   padding: 5px 0px 0px 0px;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
#cssmenu ul ul:after {
   content: "\f0d8";
   position: absolute;
   left: 20px;
   top: -16px;
   color: #fff;
   font-family: fontawesome;
   font-weight: 900;
   font-size: 24px;
}
#cssmenu ul ul ul:after {
   content: none;
}
#cssmenu li:hover > ul {
   left: auto;
   opacity: 1;
   margin-top: 0px;
   visibility: visible;
}
#cssmenu.align-right li:hover > ul {
   right: 0;
}
#cssmenu > ul > li.has-sub:hover > a::after {
   content: "\f0d8";
}
#cssmenu ul ul ul {
   margin-left: 100%;
   top: 0;
   background-color: #0070c0;
}
#cssmenu.align-right ul ul ul {
   margin-left: 0;
   margin-right: 100%;
}
#cssmenu ul ul li {
   height: 0;
   -webkit-transition: height 0.3s ease;
   -moz-transition: height 0.3s ease;
   -ms-transition: height 0.3s ease;
   -o-transition: height 0.3s ease;
   transition: height 0.3s ease;
}
#cssmenu ul ul li:last-child {
   border-bottom: 0px dashed transparent;
}
#cssmenu ul li:hover > ul > li {
   height: auto;
}
#cssmenu ul ul li a {
   padding: 10px 15px;
   font-weight: 500;
   text-transform: none;
   line-height: 20px;
   font-size: 14px;
   width: 260px;
   text-decoration: none;
   color: #000;
   -webkit-transition: color 0.2s ease;
   -moz-transition: color 0.2s ease;
   -ms-transition: color 0.2s ease;
   -o-transition: color 0.2s ease;
   transition: color 0.2s ease;
}
#cssmenu ul ul li:last-child a {
   border-bottom: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover,
#cssmenu ul ul li.active a {
   background-color: #76bae7;
   text-decoration: none;
}
#cssmenu ul ul li.has-sub > a::after {
   position: absolute;
   top: 13px;
   right: 10px;
   width: 6px;
   height: 6px;
   content: "\f105";
   font-family: fontawesome;
   -webkit-transition: border-color 0.2s ease;
   -moz-transition: border-color 0.2s ease;
   -ms-transition: border-color 0.2s ease;
   -o-transition: border-color 0.2s ease;
   transition: border-color 0.2s ease;
   font-weight: 900;
}
#cssmenu ul ul ul li a {
   padding: 12px 15px;
}
#cssmenu > ul > li.contactlinkmobile {
   display: none;
}
@media all and (max-width: 1024px) {
   #cssmenu {
      width: 100%;
   }
   #cssmenu ul {
      width: 100%;
      display: none;
   }
   #cssmenu.align-center > ul,
   #cssmenu.align-right ul ul {
      text-align: left;
   }
   #cssmenu ul li,
   #cssmenu ul ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }
   #cssmenu ul ul li:last-child {
      border-bottom: none;
   }
   #cssmenu ul li,
   #cssmenu ul ul li,
   #cssmenu ul li:hover > ul > li {
      width: 100%;
      height: auto;
   }
   #cssmenu ul li a,
   #cssmenu ul ul li a {
      width: 100%;
   }
   #cssmenu > ul > li,
   #cssmenu.align-center > ul > li,
   #cssmenu.align-right > ul > li {
      float: none;
      display: block;
   }
   #cssmenu ul ul li a {
      padding: 10px 15px;
      font-size: 14px;
      color: #000000;
      background: none;
   }
   #cssmenu ul ul li:hover > a,
   #cssmenu ul ul li a:hover {
      color: #ffffff;
   }
   #cssmenu ul ul ul li a {
      padding-left: 40px;
   }
   #cssmenu ul ul,
   #cssmenu ul ul ul {
      position: relative;
      left: 0;
      right: auto;
      width: 100%;
      margin: 0;
   }
   #cssmenu > ul > li.has-sub > a::after,
   #cssmenu ul ul li.has-sub > a::after {
      display: none;
   }
   #menu-line {
      display: none;
   }
   #cssmenu #menu-button {
      display: inline-block;
      padding: 0px;
      color: #000000;
      cursor: pointer;
      font-size: 12px;
      position: absolute;
      top: -10px;
      right: 0px;
      width: 25px;
      height: 25px;
      z-index: 1;
   }
   #cssmenu #menu-button::after {
      content: "";
      position: absolute;
      top: 18px;
      left: 0px;
      display: block;
      width: 25px;
      height: 2px;
      background: #ffffff;
      transition: all 0.5s ease-in-out 0s;
      border-radius: 1px;
   }
   #cssmenu #menu-button::before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      display: block;
      width: 25px;
      height: 11px;
      border-top: 2px solid #ffffff;
      border-bottom: 2px solid #ffffff;
      transition: all 0.5s ease-in-out 0s;
      border-radius: 1px;
   }
   #cssmenu .submenu-button {
      position: absolute;
      z-index: 10;
      right: 0;
      top: 0;
      display: block;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      height: 46px;
      width: 46px;
      cursor: pointer;
   }
   #cssmenu .submenu-button::after {
      content: "";
      position: absolute;
      top: 16px;
      left: 22px;
      display: block;
      width: 2px;
      height: 12px;
      background: #ffffff;
      z-index: 99;
   }
   #cssmenu .submenu-button::before {
      content: "";
      position: absolute;
      left: 17px;
      top: 21px;
      display: block;
      width: 12px;
      height: 2px;
      background: #ffffff;
      z-index: 99;
   }
   #cssmenu .submenu-button.submenu-opened:after {
      display: none;
   }
}
.menu-overlay {
   position: fixed;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background: #000000;
   opacity: 0;
   visibility: hidden;
   overflow: hidden;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
.menu-overlay.show-overlay {
   opacity: 0.9;
   visibility: visible;
   z-index: 11;
}
.mainwrapper {
   overflow: hidden;
}
/*--------------*/
.show-overlay {
   width: 100%;
   height: 100%;
   z-index: 999;
   top: 0;
   left: 0;
   position: fixed;
   background: rgba(0, 0, 0, 0.8);
   overflow: hidden;
}
.overflowhidden {
   overflow: hidden;
   position: fixed;
   width: 100%;
   height: 100%;
   min-height: 100%;
   max-height: 100%;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
.plr-10 {
   padding: 0 10px;
}

:root {
   --lightbg: #f7f7f7;
   --blue: #01bdd8;
   --lightblack: #2d4142;
}

/*--- header ------*/
.header {
   z-index: 9999;
}
.header .row {
   align-items: center;
}
.hedleftrightsec {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.hdrposabsl {
}
.hedlogo {
}
.hdrposabsl .brandlwrap {
   opacity: 0;
   visibility: hidden;
}
.brandlwrap img {
   max-width: 120px;
}
.navblackbg {
   background-color: var(--lightbg);
   clip-path: polygon(100% 0, 100% 40%, 78% 100%, 0 20%, 0% 0%);
}
.headerblackbg {
   background-color: var(--whitebgsec);
   margin-bottom: 1px;
   padding: 12px 0px;
}

.header {
   position: fixed;
   width: 100%;
}
.header .sticking #cssmenu {
   padding-top: 0;
}
.header .site-logo {
   margin-top: 20px;
}
.header .sticking .site-logo {
   margin: 10px 0;
   height: 80px;
}
.header .sticking .site-logo img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.topconsocial {
   margin-bottom: 15px;
}
.topconsocial ul {
   margin: 0px;
   padding: 0px;
}
.topconsocial li {
   list-style-type: none;
   display: inline-block;
   margin: 0px 10px;
   color: #fff;
   font-size: 15px;
   font-weight: 300;
}
.topconsocial li a {
   color: #fff;
   display: inline-block;
}
.topconsocial li a:hover {
   color: #76bae7;
}
.topconsocial li:last-child {
   margin-right: 0px;
}
.topconsocial li:first-child {
   margin-left: 0px;
}
.topconsocial li.hedsocialicon a {
   margin-right: 7px;
   font-size: 18px;
}
.topconsocial li.hedsocialicon a:last-child {
   margin-right: 0px;
}

.demandebtn {
   text-align: right;
}
.demandebtn a {
   font-size: 20px;
   color: #0b4f9d;
   display: inline-block;
   background-color: #76bae7;
   padding: 8px 15px;
}
.demandebtn a:hover {
   background-color: #000;
   color: #fff;
}

/* sticky header
========================*/
@keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
.fadeIn {
   animation-name: fadeIn;
}
@keyframes fadeInDown {
   from {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
      -moz-transform: translate3d(0, -100%, 0);
      -webkit-transform: translate3d(0, -100%, 0);
      -ms-transform: translate3d(0, -100%, 0);
   }
   to {
      opacity: 1;
      transform: none;
   }
}
.fadeInDown {
   animation-name: fadeInDown;
}
.sticking {
   position: fixed;
   background: var(--bluebgsec);
   width: 100%;
   z-index: 11;
   border-bottom: none;
   animation: fadeInDown 0.5s ease-in-out;
   -webkit-animation: fadeInDown 0.5s ease-in-out;
   padding: 0px 0;
   z-index: 99999;
}
.hdrposabsl.sticking {
   background-color: var(--lightbg);
   clip-path: none;
   padding-bottom: 0px;
   z-index: 99999;
}
.hdrposabsl.sticking .brandlwrap {
   opacity: 1;
   visibility: visible;
}
.hdrposabsl.sticking .main-navigation {
   align-items: center;
}
.main-navigation {
   display: flex;
   justify-content: space-between;
}

/* silck Slider 
----------------------------------------------*/
.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
}
.slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0;
}
.slick-list:focus {
   outline: none;
}
.slick-list.dragging {
   cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
}
.slick-track:before,
.slick-track:after {
   display: table;
   content: "";
}
.slick-track:after {
   clear: both;
}
.slick-loading .slick-track {
   visibility: hidden;
}
.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;
}
[dir="rtl"] .slick-slide,
.rtl .slick-slide {
   float: right;
}
.slick-slide img {
   display: block;
}
.slick-slide.slick-loading img {
   display: none;
}
.slick-initialized .slick-slide {
   display: block;
}
.slick-loading .slick-slide {
   visibility: hidden;
}
.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
   display: none;
}
.slick-loading .slick-list {
   background: #fff url("../images/ajax-loader.gif") center center no-repeat;
   background-size: 36px 36px;
}
.slick-prev,
.slick-next {
   font-size: 0;
   width: 18px;
   line-height: 0;
   position: absolute;
   top: 50%;
   display: block;
   padding: 0;
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background-color: transparent;
   z-index: 2;
   opacity: 1;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
.slick-prev:hover,
.slick-next:hover {
   color: #000066;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
   color: transparent;
   outline: none;
   opacity: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
   opacity: 0.5;
   color: #000066;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
   opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
   font-family: "fontawesome";
   font-size: 40px;
   line-height: 1;
   opacity: 1;
   color: #ffffff;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   width: 17px;
   height: 31px;
   background-size: 100%;
   display: inline-block;
}
.slick-prev {
   left: -20px;
}
[dir="rtl"] .slick-prev,
.rtl .slick-prev {
   right: 20px;
   left: inherit;
}
.slick-prev::before {
   content: "";
   background-image: url(../images/blck-prev-arrow.png);
}
[dir="rtl"] .slick-prev:before,
.rtl .slick-prev:before {
   content: "\f105";
}
.slick-next {
   right: -20px;
}
[dir="rtl"] .slick-next,
.rtl .slick-next {
   right: inherit;
   left: 20px;
}
.slick-next::before {
   content: "";
   background-image: url(../images/blck-next-arrow.png);
}
[dir="rtl"] .slick-next:before,
.rtl .slick-next:before {
   content: "\f104";
}

/* Dots */
.slick-slider {
   margin-bottom: 0px;
}
.slick-dots {
   position: absolute;
   z-index: 5;
   bottom: -25px;
   left: 0px;
   display: block;
   width: 100%;
   padding: 0;
   list-style: none;
   text-align: center;
}
.slick-dots li {
   position: relative;
   display: inline-block;
   margin: 0 4px;
   width: 8px;
   height: 8px;
   padding: 0;
   cursor: pointer;
   text-align: center;
   -webkit-transition: all 0.25s ease-in-out 0s;
   -moz-transition: all 0.25s ease-in-out 0s;
   -o-transition: all 0.25s ease-in-out 0s;
   transition: all 0.25s ease-in-out 0s;
}
.slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   cursor: pointer;
   color: transparent;
   border: 0;
   outline: none;
   background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
   outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
   opacity: 1;
}
.slick-dots li button:before {
   content: "";
   width: 8px;
   height: 8px;
   background-color: #d5d5d5;
   position: absolute;
   top: 0;
   left: 0;
   text-align: center;
   opacity: 1;
   border-radius: 100%;
   border: 1px solid #c2cfff;
   color: black;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-transition: all 0.25s ease-in-out 0s;
   -moz-transition: all 0.25s ease-in-out 0s;
   -o-transition: all 0.25s ease-in-out 0s;
   transition: all 0.25s ease-in-out 0s;
}
.slick-dots li.slick-active button:before {
   background: #0070c0;
   border-color: #0070c0;
}

/*---------------------*/
/*.site-logo img{height: 70%}*/
.navblackbg {
   padding-bottom: 60px;
}

/*----- main slider ------*/

.mainbannerslider .slick-prev::before,
.mainbannerslider .slick-next::before {
   color: #fff;
   font-size: 40px;
   line-height: 1;
}
.mainbannerslider .slick-prev,
.mainbannerslider .slick-next {
   width: 46px;
   height: 78px;
   text-align: center;
   background-color: rgba(0, 0, 0, 0.75);
}
.bannercont {
   position: relative;
   text-align: center;
}
.bannercont h2 {
   font-size: 87px;
   color: #fff;
   margin-bottom: 25px;
   position: relative;
   opacity: 0;
   top: 200px;
   visibility: hidden;
   transition: all 0.9s ease-in-out 0s;
   -moz-transition: all 0.9s ease-in-out 0s;
   -webkit-transition: all 0.9s ease-in-out 0s;
   -o-transition: all 0.9s ease-in-out 0s;
}
.slick-current .bannercont h2 {
   opacity: 1;
   top: 0;
   visibility: visible;
}
/*.bannerbtn {
   margin-bottom: 0px;
   position: relative;
   opacity: 0;
   bottom: 100px;
   visibility: hidden;
   transition: all 0.9s ease-in-out 0s;
   -moz-transition: all 0.9s ease-in-out 0s;
   -webkit-transition: all 0.9s ease-in-out 0s;
   -o-transition: all 0.9s ease-in-out 0s;
}
.slick-current .bannerbtn {
   opacity: 1;
   bottom: 0;
   visibility: visible;
}*/
.bannerbtn a {
   display: inline-block;
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
   padding: 10px 32px;
   border-radius: 4px;
   background-color: var(--blue);
   color: #fff;
   border: none;
   position: relative;
   overflow: hidden;
   box-shadow: none !important;
}
.bannerbtn a span {
   opacity: 0.8;
}
.bannerbtn a:hover {
   background-color: var(--lightblack);
   color: #fff;
}

.mainbannerslider .slider-content {
   position: relative;
   z-index: 2;
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   height: 950px;
   overflow: hidden;
   background-attachment: fixed;
}
/*.mainbannerslider .slider-content:before {position: absolute; left: 0px;  top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,.65); content: "";}*/
.bannertextpos {
   position: relative;
   color: #fff;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}
.bannertextpos .container {
   max-width: 750px;
}
.bannertitle h1 {
   font-size: 40px;
   color: #fff;
   margin-bottom: 15px;
   position: relative;
   opacity: 0; /*right: 100px;*/
   visibility: hidden;
   transition: all 0.9s ease-in-out 0s;
   -moz-transition: all 0.9s ease-in-out 0s;
   -webkit-transition: all 0.9s ease-in-out 0s;
   -o-transition: all 0.9s ease-in-out 0s;
}
.slick-current .bannertitle h1 {
   opacity: 1;
   right: 0;
   visibility: visible;
}
.bannertext {
   font-size: 18px;
   line-height: 30px;
   margin-bottom: 20px;
   position: relative;
   opacity: 0;
   left: 100px;
   visibility: hidden;
   transition: all 0.9s ease-in-out 0s;
   -moz-transition: all 0.9s ease-in-out 0s;
   -webkit-transition: all 0.9s ease-in-out 0s;
   -o-transition: all 0.9s ease-in-out 0s;
}
.slick-current .bannertext {
   opacity: 1;
   left: 0;
   visibility: visible;
}
.mainbannerslider .slick-dots {
   bottom: 30px;
}
.mainbannerslider .slick-dots li {
   position: relative;
   display: inline-block;
   margin: 0 6px;
   width: 76px;
   height: 6px;
   padding: 0;
   cursor: pointer;
   text-align: center;
   -webkit-transition: all 0.25s ease-in-out 0s;
   -moz-transition: all 0.25s ease-in-out 0s;
   -o-transition: all 0.25s ease-in-out 0s;
   transition: all 0.25s ease-in-out 0s;
}
.mainbannerslider .slick-dots li button:before {
   content: "";
   width: 76px;
   height: 6px;
   background-color: #d5d5d5;
   position: absolute;
   top: 0;
   left: 0;
   text-align: center;
   opacity: 1;
   border-radius: 0%;
   border: none;
   color: black;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-transition: all 0.25s ease-in-out 0s;
   -moz-transition: all 0.25s ease-in-out 0s;
   -o-transition: all 0.25s ease-in-out 0s;
   transition: all 0.25s ease-in-out 0s;
}
.mainbannerslider .slick-dots li.slick-active button:before {
   background: #0b4f9d;
}

/*about*/
.bannertitle h1 {
   opacity: 1;
   visibility: visible;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 20px;
   font-weight: 300;
   text-transform: uppercase;
}
.btm-shape {
   clip-path: polygon(100% 0, 100% 40%, 78% 100%, 0 20%, 0% 0%);
   background-color: var(--blue);
   transform: rotate(180deg);
   height: 200px;
   position: absolute;
   width: 100%;
   bottom: 0;
   z-index: 11;
}
.slider-section {
   position: relative;
   margin-bottom: 60px;
}
.about-oneimg {
   width: 420px;
   height: 540px;
   overflow: hidden;
   margin-bottom: 80px;
}
.about-twoimg {
   width: 300px;
   height: 350px;
   overflow: hidden;
   margin: auto;
   margin-right: 0;
   bottom: -80px;
   position: absolute;
   overflow: hidden;
   right: -30px;
}
.about-oneimg img,
.about-twoimg img,
.whatswedoimg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
.about-oneimg:hover img,
.about-twoimg:hover img,
.whatswedoimg:hover img {
   transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
}
.about-section {
   margin-bottom: 100px;
}

/*comman style*/
.arrow-left {
   width: 0;
   height: 0;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-left: 25px solid #000;
}
.arrow-left-small {
   width: 0;
   height: 0;
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
   border-left: 25px solid rgba(1, 189, 216, 0.8);
   position: relative;
   top: -27px;
   left: -9px;
   -webkit-animation: slide 4s linear infinite;
   animation: slide 4s linear infinite;
}
.about-innerdescript {
   position: relative;
   z-index: 111;
}
.comn-d-flex {
   display: flex;
   flex-direction: column;
}
.max-width-container .container {
   max-width: 1110px;
   margin: auto;
}
.comman-right-shape,
.comman-left-shape,
.comman-right-shape-small {
   position: relative;
}
.comman-right-shape:after {
   width: 0;
   height: 0;
   position: absolute;
   right: 0;
   content: "";
   border-top: 230px solid transparent;
   border-right: 290px solid rgba(247, 247, 247, 0.8);
   top: -145px;
   border-bottom: 230px solid transparent;
   z-index: 11;
}
/* .comman-left-shape:after, */
.comman-left-shape {
   width: 0;
   height: 0;
   position: absolute;
   left: 0;
   content: "";
   border-top: 150px solid transparent;
   border-left: 150px solid rgba(1, 189, 219, 1);
   top: -40px;
   border-bottom: 150px solid transparent;
   z-index: -1;
}
/* .comman-right-shape-small:after, */
.comman-right-shape-small {
   width: 0;
   height: 0;
   position: absolute;
   right: 0;
   content: "";
   border-top: 150px solid transparent;
   border-right: 150px solid rgba(45, 63, 65, 1);
   top: -50px;
   border-bottom: 150px solid transparent;
   z-index: -1;
}

.about-section .row {
   justify-content: space-between;
}
#arrowAnim {
   height: 25px;
   margin-right: 15px;
}
.pb-70 {
   padding-bottom: 70px;
}

.about-dtl .comntitle {
   top: 15px;
   position: relative;
}

/*what we do*/
.title-center {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 17px;
}
h4.main-title {
   font-size: 50px;
    margin-bottom: 0px; 
   font-weight: 300;
}
.small-title {
   font-weight: 700;
   font-size: 25px;
}
.whatwedointro {
   max-width: 450px;
   margin: auto;
   padding: 30px 0;
   position: relative;
   z-index: 11;
}
.whatwedointro h3 {
   text-transform: uppercase;
   font-weight: 300;
   font-variant: var(--lightblack);
   font-size: 40px;
}
.whatwedointro p {
   margin-bottom: 10px;
}
.whatwedointro strong {
   margin-bottom: 10px;
   display: block;
}
.whatwe-do-wrap .row {
   align-items: center;
   margin: 0;
}
.whatwe-do-wrap .row > * {
   padding: 0;
}
.whatwe-do-wrap .container-fluid {
   /*overflow: hidden;*/
}
.whatswedoimg {
   width: 100%;
   height: 600px;
   overflow: hidden;
}
.technology .comman-left-shape {
   bottom: -40px;
   top: 0;
   z-index: -1;
   /* border-left-color: rgba(45, 63, 65, 1); */
}
/* .whatwedoin.comman-right-shape-small:after, */
.whatwedoin .comman-right-shape-small {
   border-right: 150px solid rgba(1, 189, 219, 1);
   bottom: -40px;
   top: inherit;
   z-index: 1;
}

.contact-sec {
   background-color: var(--lightbg);
   padding-top: 50px;
   padding-bottom: 160px;
}
.contactdtl .comntitle {
   align-items: center;
}
.contcright h5 {
   font-size: 35px;
   font-weight: 600;
   font-family: "Inter", sans-serif;
   text-transform: uppercase;
}
.contcright h6 {
   font-size: 30px;
   font-weight: 600;
   font-family: "Inter", sans-serif;
   text-transform: uppercase;
}
.contcright p {
   font-weight: 500;
   font-size: 24px;
   line-height: 1.4;
   text-align: right;
}
.contcright a:hover {
   text-decoration: underline;
}
.contcright {
   text-align: right;
}
.part-office h6 {
   font-size: 36px;
   color: #fff;
   padding-bottom: 30px;
}
.ftrbox h6 {
   font-size: 20px;
   text-transform: uppercase;
   color: #fff;
}
.ftrbox strong {
   font-size: 18px;
   color: #fff;
   padding-bottom: 9px;
   display: block;
   text-transform: uppercase;
}
.ftrbox p {
   font-size: 16px;
   color: #fff;
   line-height: 24px;
}

.section-bg {
   background-color: #2d3f41;
   overflow: hidden;
}
.footer {
   padding-bottom: 290px;
}
.contact-sec,
.copyright,
.about-img {
   position: relative;
}
.contact-sec .btm-shape {
   clip-path: polygon(100% 0, 100% 0%, 76% 100%, 0 0%, 0% 0%);
   background-color: var(--lightblack);
   transform: rotate(180deg);
   height: 200px;
   position: absolute;
   width: 100%;
   bottom: -2px;
   z-index: 11;
}
.footer .col-md-4 {
   padding-right: 80px;
}
.footer .col-md-4:last-child {
   padding-right: 0px;
}

.social-icons ul {
   display: flex;
   align-items: center;
}
.social-icons li {
   display: inline-block;
   margin-left: 10px;
}
.social-icons img,
.social-icons i {
   width: 45px;
   height: 45px;
   font-size: 24px;
   text-align: center;
   background: var(--blue);
   display: flex;
   color: #fff;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
.social-icons img {
   padding: 8px;
   object-fit: contain;
}
.social-icons img:hover,
.social-icons i:hover {
   background-color: var(--lightblack);
}
.ftrbox a {
   color: #fff;
}
.ftrbox a:hover {
   color: var(--blue);
}

.copyright .btm-shape {
   height: 280px;
   background-color: var(--lightbg);
   clip-path: polygon(100% 0, 98% 0, 80% 100%, 0 15%, 0% 0%);
}
.copyright .container {
   position: relative;
   z-index: 111;
}
.copyright .row {
   align-items: end;
}
.copyright-txt {
   padding-top: 20px;
   padding-bottom: 20px;
}

.social-icons ul {
   padding-left: 0px;
}
.contdtl-inner {
   background-color: #263637;
   padding: 50px;
   width: 903px;
   margin: auto;
   position: absolute;
   top: 66px;
   height: 419px;
   transform: rotate(-18deg);
   top: -101px;
   right: 243px;
}
.contdtl-inner li a {
   color: #fff;
}
.contdtl-inner li a:hover {
   color: var(--blue);
}
.cont-num {
   text-align: right;
   position: relative;
   margin: auto;
}
.cont-num ul {
   width: 310px;
   text-align: left;
   margin: auto;
   margin-right: 0;
}
.contdtl-inner li {
   padding-bottom: 20px;
   display: flex;
}
.contdtl-inner i {
   color: var(--blue);
   font-size: 25px;
   padding-right: 10px;
}
.contdtl-inner a {
   font-size: 20px;
}
/*#arrowAnim{ -webkit-animation: bounceRight 2s infinite;
animation: bounceRight 2s infinite;}
@-webkit-keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
60% {
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
}
@-moz-keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
transform: translateX(0);
}
40% {
transform: translateX(-30px);
}
60% {
transform: translateX(-15px);
}
}
@keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
60% {
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
}


*/

.parallax-container {
   position: relative;
   overflow: hidden;
   min-height: 600px;
}

.contact-sec.max-width-container .container {
   position: relative;
}
.contact-sec.max-width-container .container:before {
   position: absolute;
   right: -120px;
   height: 160px;
   width: 130px;
   background-image: url(../images/shapetringl.png);
   content: "";
   background-repeat: no-repeat;
   background-size: 130px;
   bottom: -112%;
   z-index: 111;
}

/* .contact-sec.max-width-container .container .double-tri {
   position: absolute;
   right: -120px;
   height: 160px;
   width: 130px;
   bottom: -112%;
   z-index: 111;
}
.contact-sec.max-width-container .container .double-tri img {
   width: 100%;
   height: 100%;
   object-fit: contain;
} */