@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');

/*-- Reset Code --*/

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}
body {
    padding: 0;
    margin: 0;
    background: #FFF;
    overflow-x: hidden;
    font-family: 'Titillium Web', sans-serif;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

body a:focus,
a:hover {
    text-decoration: none;
}

input[type="button"],
input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.7;
    color: #0e0e0e;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

.news-scroll-index
{
    background: rgb(235,235,235); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,249,249,1) 50%, rgba(235,235,235,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(50%,rgba(255,249,249,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,249,249,1) 50%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,249,249,1) 50%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,249,249,1) 50%,rgba(235,235,235,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,249,249,1) 50%,rgba(235,235,235,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
    padding:10px 30px 10px 70px;
    position: relative;
    box-shadow:5px 5px 5px #ccc;
    font-size:14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
        margin-top: 20px;
}
.news-scroll-index a {
   color: red;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
}
.news-scroll-index a:hover {
    color: #000;
    text-decoration: none;
}

.bg-f3
{
    background-color:#f3ede1;
}
.col-44e
{
    color:#00044e;
}
.pro-img
{
width:100%;
height:230px;
}
.pro-img img
{
  width:100%;
  height:100%;
  object-fit: cover;
}
.footer p
{
  color:#ddd;
}
.contact-us-nm {
    font-size: 21px;
    font-weight: 500;
    font-family: 'Titillium Web', sans-serif;
    color: #ff761b;
    /* padding: 10px; */
    /* height: 74px; */
    transition: 0.3s ease-in-out;
}
.services-1
{
      padding: 5em 0;
}
.customer-logos .slide
{
  position: relative;
}
.customer-logos .slide span
{
    position: absolute;
    top: 110px;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    color: #fff;
    font-size: 17px;
    padding: 6px;
    text-align: center;
    text-transform: capitalize;
    opacity: 0;
    transition:0.5s all;
}
.customer-logos .slide:hover span
{
 opacity: 1;
}
/*-- //Reset Code --*/
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
.gallery a{
    width: 100%;
    height: 300px;
}

.gallery img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #012161;
    border-radius: 5px;
    text-align: center;
    color: #012161;
    margin-bottom: 30px;
    margin-top:3em;
    text-transform:capitalize;
        margin-right: 3px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #012161;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #012161;

}
.filter-button.active
{
    background-color: #012161;
    color: white;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
	-webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.block{
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.bg-00044e
{
  background-color:#00044e;
}
.new-event-bx1
{
  padding:4em 0 8em 0;
  background-color:#fff;
}
.main-heiglight-sub {
    color: #ff761b;
    font-size: 25px;
    margin: 20px 0 0 0;
    font-weight: 550;
    font-family: 'Titillium Web', sans-serif;
}
.header
{
  margin:10px 0;
}
.footer-link
{
  color:#ddd;
}
.top-link
{
  list-style-type: none;
    margin-top: 16px;
}
.top-link li
{
  float:left;
  margin:5px;
}
.top-link li a
{
  background-color: #f5ffff;
    padding: 3px 8px;
    color: #00044e;
    font-size: 15px;
    border: 1px solid #fa761c;
    margin: 10px 5px;
    transition: 0.5 all;
}
.top-link li a:hover
{
  background-color:#fa761c;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}
.myTicker p
{
  color:#adacab;
}
.banner-img
{
  height:500px;
  width:100%;
}
.news-scroll
{
  color:#ff761b;
  font-size:18px;
}
.ser-title
{
  font-family: 'Titillium Web', sans-serif;
  color:#fff;
  font-weight:540;
  margin-bottom:20px;
  
}
.myTicker{
    
    width: 365px;
}
/*Client Logo*/
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
        width: 100%;
    height: 100%;
    object-fit: cover;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        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;
    cursor: hand;
}

.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: 140px;
    min-height: 140px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: 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;
}
/**/
.ser-bx
{
  padding:2em 2em 0 2em;
}
.myTicker ul{
    padding: 0;
}
.myTicker li{
    list-style: none;
    border-bottom: 1px solid #151c91;
    padding: 10px;
    color:#fff;
}
.et-run{
    background: transparent;
}
.et-item-visible{
    color: #fff;
}

.wel-bx
{
    padding:0 0 3em 0;
}
.wel-left
{
    
    padding:0em 3em 0 2em;
}
.wel-title
{
    font-family: 'Titillium Web', sans-serif;
    color:#00044e;
    font-weight:540;
    margin-bottom: 15px;
    padding-top:1em;
}

.info
{
margin:0 0 8px 0;
padding:0;
text-align: justify;
font-family: 'Titillium Web', sans-serif;

}

.down
{
  border:none;
  outline:none;
  color:#fff;
  background-color: transparent;
  font-size:40px;
  width: 100px;
  text-align: center;
  margin: -1px auto -1px auto;
  display: block;
  /* line-height: 0; */
  padding: 0;
}
.down:focus
{
  border:none;
  outline: none;
}
.btn-lft
{
    background-color: #00044e;
    padding: 1em;
    color: #fff;
    font-size: 18px;
    width: 65%;
    letter-spacing: 0.5px;
    float: left;

}
.btn-right
{
    background-color: #ff761b;
    padding: 1em;
    color: #fff;
    float: left;
    width: 35%;
    font-size: 18px;
}
.know-more-btn
{
  background-color:#fd9001;
  color:#fff;
  padding:10px 20px;
  margin:3em auto;
  display: block;
  width:180px;
  font-size:18px;
  text-align: center;
}
/**/
.nav-container{
      min-height: 0px;
      background-color: #ff761b;
    }
    .sina-nav{
      top: 35px;
      position: absolute;
    }
    .sina-nav.navbar-transparent{
      background: #ff761b;
    }



/*footer open here*/
.social_outside
{
 background-color:#1a1a1a;
    padding:10px 0;
    margin-top: 0px;
}
.inside_social
{
        list-style-type:none;
}
.social-icon {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #1a1a1a;
    border: 1px solid #ffffff;
    padding: 3px 6px;
    line-height: 24px;
    color: #ffffff;
    margin-left: 10px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    float: left;
}
.footer-right
{
    border-right: 1px solid rgba(251, 247, 247, 0.22);
}
.footer-right:last-child
{
    border-right:none;
}
.social-icon .fab
{
font-size: 14px;
}
.footer_bottom
{
    background-color:#282828;
    padding:60px 0;
}
.footer_bottom-pha
{
    color:#c1c1c1;
    font-family: 'Titillium Web', sans-serif;
        font-size: 16px;

}
.banner-img
{
  position: relative;
}
.banner-index-text
{
  position: absolute;
  }
.left_icon .fa
{
color:#fff;
font-size:17px;
}
.col-wh
{
  color:#fff;
}
.footer-bottom-link
{
  list-style-type: none;
}
.footer-bottom-link li
{
    padding:4px 5px;
}
.footer_bottom h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 7px;
}
.footer_bottom h4 {;

    color: #fff;
    font-size: 16px;
}
.footer
{
    background-color:#1a1a1a;
    padding:15px 0;
}
.footer .footer_bottom-pha .fa
{
   color:#c1c1c1;
   font-size:14px;
}
.left_icon
{
    width:10%;
    float:left;
}
.right_icon
{
    width:90%;
    float:left;
}
/*footer close*/
.comp-logo
{
  margin-top: 0px;
    padding: 0 10px;
    font-family: Times New Roman;
    text-decoration: none;
    color: #012161;
    font-weight: bold;
    font-size: 25pt;
    text-shadow: -2px 1px 4px #999;

}
.our-proj-bx
{
  padding:6em 0;
}
.bg-e5
{
background-color:#e5e5e5;
}
/*-- slider --*/
.nbs-flexisel-container {
position: relative;
max-width: 100%;
}
.nbs-flexisel-ul {
position: relative;
width: 9999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.nbs-flexisel-inner {
    overflow: hidden;
    margin-top: 0;
}
.nbs-flexisel-item {
float: left;
margin: 0px;
padding: 0px;
cursor: pointer;
position: relative;
}
.nbs-flexisel-item li{
list-style:none;
}
ul#flexiselDemo1 li a{
text-decoration:none;
display:block;
}
ul#flexiselDemo1 li a h4{
text-align: left;
    padding-left: 14px;
color:#478D06;
font-size:1.2em;
margin-top:0.5em;
}
ul#flexiselDemo1 li a h4:hover{
color: #DBC585;
}
.nbs-flexisel-item > a img {
cursor: auto;
    position: relative;
    width: 100%;
    margin: 0;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 45px;
height: 45px;
position: absolute;
cursor: pointer;
z-index: 100;
margin-top:0em;
}
.nbs-flexisel-nav-left {
    left:-2;
    background:#000 url(../images/img-sprite-left-right.png) no-repeat -7px -3px;
opacity:0.7;
}
.nbs-flexisel-nav-right {
    right: 0px;
    background: #000 url(../images/img-sprite-left-right.png) no-repeat -56px -3px;
    opacity: 0.7;
}
.nbs-flexisel-nav-left:hover,.nbs-flexisel-nav-right:hover{
opacity: 0.9;
}
.caption{
display:none;
}
.caption span {
    font-size:14px;
    color:#EFC509;
    display:block;
padding:6px 0 10px 0;
text-transform:uppercase;
}
.caption h3 a{
font-weight:700;
    color: #fff;
    text-decoration: none;
    font-size:25px;
    text-transform: uppercase;
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}
li.nbs-flexisel-item:hover .caption {
    float: left;
    width: 100%;
    height:90px;
    position: absolute;
    left: 0;
    bottom:0px;
    padding: 20px 30px;
    text-align: center;
    background-color: rgba(15, 16, 16, 0.87);
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}
/*--/car-view-slider---*/

/**/
.sub-title
{
   font-family: 'Roboto', sans-serif;
    font-size:30px;
    color:#00044e; 
    padding:1em 0;
    text-align: center;
}
.sub-title1
{
   font-family: 'Roboto', sans-serif;
    font-size:30px;
    color:#fd9001;
    padding:1em 0;
    text-align: left;
}

.new-event-bx
{
    padding:3em 0 6em 0;
    background-color:#ffffff;

}

#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 4%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}

@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-content .item p {
  font-size: 16px;
  margin: -7px 10px 0 px;
  color:#000;
  white-space: wrap;

}

#mixedSlider .MS-content .item a {
  /*float: right;*/
  margin: 1em 0px 0 0;
  font-size: 16px;
  color: #fff;
  display: block;
  background-color:#fd9001;
  font-weight: bold;
  letter-spacing: 1px;
  width:130px;
  text-align: center;
  padding:5px 15px;
  transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 30px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
/*Banner*/
.banner-inside
{
    background-image: url('../images/yojaka-banner.png');
    background-repeat: no-repeat;
  background-position: center;
      background-size: cover;
      height:300px;
}
.banner-inside .banner-txt
{
    
}
.about-us
{
    padding:3em 0;
}
.main-title {
    margin: 0;
    padding: 10px 0px 15px 0px;
    color: #ff761b;
    font-size: 40px;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: capitalize;
}
.line
{
    background-color:#283267;
    height:2px;
    width:10%;
    margin:15px auto;
    display: none;
}
.hightligth-line
{
    color:#000000;
    font-family: 'Titillium Web', sans-serif;
    font-size:18px;
    font-weight:550;
    text-align: center;
    margin:1em 0;
}
.project-title
{
   font-family: 'Roboto', sans-serif;
   font-size:30px;
   color:#00044e;
   padding: 0;
   text-align: left;
   text-align: ;
}
.project-subtitle
{
  font-family: 'Roboto', sans-serif;
   font-size:38px;
   color:#fd9001;
   padding: 0 0 1em 0;
   font-weight: 550;
   font-family: 'Titillium Web', sans-serif;
   text-align: left;
   text-align: ;
}
.info-aboutus
{
color:#0e0e0e;
text-align: center;
}
.inside-wrapper
{
    padding:0 4em;
}
.bg-f3e
{
    background-color:#f3ede1;
}
.bg-wh
{
    background-color:#fff;
}
.col-6d
{
    color:#0e0e0e;
}
.main-info
{
    color:#00044e;
    font-family: 'Titillium Web', sans-serif;
    font-size:19px;
    margin-bottom:10px;
    
}
.call_head {
    margin: 0;
    padding: 0;
    color: #00044e;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
}
.main-heiglight
{
    color:#ff761b;
    font-size:30px;
    font-weight: 550;
    font-family: 'Titillium Web', sans-serif;
}
.main-info2
{
    color:#0e0e0e;
    font-family: 'Titillium Web', sans-serif;
    font-size:19px;
}
.bm-5
{
    margin-bottom: 15px;
}
.breadcrumb
{
background-color: transparent;
padding:13em 4em;
}
.breadcrumb a
{
    color:#fff;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #FFF;
    content: ">";
}
.service-list
{
    color:#0e0e0e;
    margin-top:20px;
}
.service-list li
{
    display: flex;
    margin-bottom:6px;

}
.service-list span
{
    font-size: 8px;
    color: #fa761c;
    line-height: 3;
}
.service-list p
{
    padding:0 6px 0 13px;
    font-size:18px;
    /*font-weight: 550;*/
}
/*--/faq--*/
.w3l-faq-block {
  background-color: var(--light-bg-color);
}

.w3l-faq-block .faq-image {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.w3l-faq-block .w3l-faq .transition,
.w3l-faq-block .w3l-faq p,
.w3l-faq-block .w3l-faq ul li i:before,
.w3l-faq-block .w3l-faq ul li i:after {
  transition: all 0.25s ease-in-out;
}

.w3l-faq-block .w3l-faq .flipIn,
.w3l-faq-block .w3l-faq h1,
.w3l-faq-block .w3l-faq ul li {
  -webkit-animation: flipdown 0.5s ease both;
  animation: flipdown 0.5s ease both;
}

.w3l-faq-block .w3l-faq .no-select,
.w3l-faq-block .w3l-faq h4 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w3l-faq-block .w3l-faq h4 {
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  display: block;
  margin: 0;
  cursor: pointer;
  color: var(--heading-color);
  font-weight: 600;
}

.w3l-faq-block .w3l-faq p {
  color: var(--para-color);
  font-size: 16px;
  line-height: 24.5px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2;
}

.w3l-faq-block .w3l-faq ul {
  list-style: none;
  padding: 0;
  max-width: 750px;
  margin: 0 auto;
}

.w3l-faq-block .w3l-faq ul li {
  position: relative;
  padding: 25px 50px 25px 20px;
  margin: 0 0 15px 0;
  border-radius: 6px;
  background-color: var(--bg-white);
  border: 1px solid var(--bg-border);
}

.w3l-faq-block .w3l-faq ul li:nth-of-type(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.w3l-faq-block .w3l-faq ul li:nth-of-type(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.w3l-faq-block .w3l-faq ul li:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.w3l-faq-block .w3l-faq ul li:nth-of-type(4) {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.w3l-faq-block .w3l-faq ul li:nth-of-type(5) {
  -webkit-animation-delay: 1.50s;
  animation-delay: 1.50s;
}

.w3l-faq-block .w3l-faq ul li:nth-of-type(6) {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}

.w3l-faq-block .w3l-faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 25px;
  top: 16px;
}

.w3l-faq-block .w3l-faq ul li i:before,
.w3l-faq-block .w3l-faq ul li i:after {
  content: "";
  position: absolute;
  background-color: var(--heading-color);
  width: 3px;
  height: 9px;
}

.w3l-faq-block .w3l-faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}

.w3l-faq-block .w3l-faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}

.w3l-faq-block .w3l-faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
  -webkit-appearance: none;
}

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked~p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked~i:before {
  transform: translate(2px, 0) rotate(45deg);
}

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked~i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

@media screen and (max-width: 480px) {
  .w3l-faq-block .w3l-faq h4 {
    font-size: 18px;
    line-height: 30px;
  }
}

/*--//faq--*/
/* Preload images */
body:after {
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container>.nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 5em;
  float: left;
  background: url(../images/img-sprite.png) 40px 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 5em;
  right: 0;
  float: right;
  background: url(../images/img-sprite.png) -23px 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 90%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  margin-top: 1em;
}

.lb-data .lb-caption {
  font-size: 16px;
  line-height: 1.8em;
  color: #fff;
  letter-spacing: .5px;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-top: 1em;
  font-size: 1em;
  color: var(--secondary-color);
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 1em;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media screen and (max-width: 320px) {
  .lb-data .lb-details {
    width: 89%;
    margin-top: 1em;
  }

  .lb-data .lb-caption {
    font-size: 12px;
  }
}

.w3l-block {
  background-color: #f8f9fa;
}

.w3l-block h3 {
  font-size: 30px;
  font-weight: 600;
}

@media (max-width: 1080px) {
  .w3l-block h3 {
    font-size: 26px;
  }
}

@media (max-width: 1024px) {
  .w3l-block h3 {
    font-size: 24px;
  }
}

.protfolio-item a {
  display: block;
}

.hover14 figure {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.hover14 figure::before {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

.hover14 figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 100%;
  }
}

@media (max-width: 568px) {
  .protfolio-item {
    padding: 0 8px;
  }

  .galler-top {
    padding: 0 10px;
  }
}

/*--//projects--*/
/**/
.service-list3
{
    color:#0e0e0e;
    margin-top:20px;
}
.service-list3 li
{
    display: flex;
    margin-bottom:6px;

}
.service-list3 span
{
    font-size: 8px;
    color: #fa761c;
    line-height: 3;
}
.service-list3 p
{
    padding:0 6px 0 13px;
    color:#fff;
    font-size:18px;
    /*font-weight: 550;*/
}

/**/
.service-info
{
    padding-left:20px;
}
.marin-img
{
    margin: 0;
    padding: 0;
    background: url(../images/marin.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 420px;
}
.bg-2e
{
    background-color:#2e3192;
}
.clientele-list
{
margin-top:2em;
}
.clientele-list li
{
   margin-bottom: 30px;
    list-style-type: none;
    height: 76px;
    border-left: 4px solid #112d72;
    border: 1px sold #ddd;
    /* background-color: #ccc; */
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    /* border-radius: 5px; */
    border-bottom: 1px solid #eee;
    transition: 0.5s all;
    box-shadow: 0 20px 20px 0 rgb(0 0 0 / 6%);
    width:47%;
    margin-right:20px;
    float:left;
}
.clientele-list1
{
    
    font-size:21px;
    font-weight: 500;
    font-family: 'Titillium Web', sans-serif;
    color:#ff761b;
    padding: 10px;
    height: 74px;
    width:100%
     transition: 0.3s ease-in-out;
}
.clientele-list2
{
    
    font-size:21px;
    font-weight: 500;
    font-family: 'Titillium Web', sans-serif;
    color:#102c72;
    padding: 10px;
     height: 74px;
     transition: 0.3s ease-in-out;
}
.clientele-list li:hover .clientele-list1
{
  background-color:#ff761b;
  color:#fff;
}
.clientele-list li:hover .clientele-list2
{
  background-color:#102c72;
  color:#fff;
}
.carrer-form
{
    margin-top:2em;
}
.carrer-form .form-control
{
    background-color: #f3ede1;
    border: none;
    margin-bottom: 8px;
    
}
.carrer-form label
{
color:#ff761b;
font-family: 'Titillium Web', sans-serif;
font-size: 18px;
margin: 5px 0;
}
.sub-btn
{
    background-color:#001457;
    color:#fff;
    font-family: 'Titillium Web', sans-serif;
    font-size:19px;
    text-align: center;
    padding:7px 50px;
    color:#ff761b;
    display: block;
    width:150px;
    margin:15px auto;
}

.service-list1
{
    color:#0e0e0e;
    margin-top:20px;
}
.service-list1 li
{
    display: flex;
    margin-bottom:13px;

}
.service-list1 .fa
{
    font-size: 8px;
    color: #fa761c;
    line-height: 3;
}
.service-list1 p
{
    padding:0 6px 0 13px;

    /*font-weight: 550;*/
}
.service-info
{
    padding-left:20px;
}
.contact-bx
{
    padding:10px 0;
}
.main-heiglight2 {
    color: #ff761b;
    font-size: 21px;
    font-weight: 550;
    font-family: 'Titillium Web', sans-serif;
}
/*Banner*/



@media (max-width: 768px) 
{
.inside-wrapper
{
    padding:0;
}
.img-mobile
    {
        width:100%;
        margin-bottom:30px;
    }
    .clientele-list li
    {
      height:auto;
    }
}


@media (max-width: 600px) 
{

  .sina-brand img
  {
    margin:0 auto;
    display: block;
  }
  .clientele-list li
    {
      height:auto;
    }
  .btn-lft {
    background-color: #00044e;
    padding: 7px 7px;
    color: #fff;
    font-size: 14px;
    width: 73%;
    letter-spacing: 0.5px;
    float: left;
}
.btn-right {
    background-color: #ff761b;
    padding: 8px 10px;
    color: #fff;
    float: left;
    width: 27%;
    text-align: center;
    font-size: 13px;
}
.mobile-p-0
{
  padding:0;
}
.wel-left {
    padding: 0 10px;
}

  .banner-img
{
  height:300px;
  width:100%;
}
  .nav-container {
    min-height: 0px;
    background-color: transparent;
}
  .header
  {
    padding:1em 0;
  }
  .comp-logo
  {
    display: block;
    font-size: 18pt;
    text-align: center;
  }

    .inside-wrapper
    {
        padding:0;
    }

    .img-mobile
    {
        width:100%;
        margin-bottom:30px;
    }
    .mobile-no-p
    {
        padding:0;
    }

    .main-heiglight {
    color: #ff761b;
    font-size: 30px;
    font-weight: 550;
    line-height: 1;
}
.call_head
{
    line-height: 1.2
}
.banner-img
{
  height:300px;
  width:100%;
}
.banner-inside
{
  height:200px;
  background-position: unset;
  margin-top: -60px;
}
.breadcrumb {
    background-color: transparent;
    padding: 8em 0 0 0em;
}
.banner-slider
{
  position: relative;
    top: -53px;

}
.news-info
{
     white-space: normal; 
     
}
.mobile-w-100
{
  width:100%;
  margin-left:0;
  margin-right:0;
}
.mo-p
{
  padding:0;
}
#mixedSlider
{
  width:100%;
}
.new-event-bx1
{
  padding:1em 0 4em 0;
  background-color:#fff;
}
.footer p
{
  color:#ddd;
  text-align: center;
  font-size:12px;
}
.our-proj-bx {
    padding: 3em 0 10px 0;
}
.myTicker {
    width: 100%;
}
.ser-bx {
    padding: 2em 0;
}
.footer-right
{
  margin-bottom:1em;
}
.project-title, .sub-title
{
  font-size:23px;
}
.project-subtitle
{
  font-size:30px;
}
}
@media (max-width: 320px)
{
.comp-logo {
    display: block;
    font-size: 15pt;
    text-align: center;
}
.myTicker {
    width: 100%;
}
.btn-lft {
    background-color: #00044e;
    padding: 7px 7px;
    color: #fff;
    font-size: 14px;
    width: 73%;
    letter-spacing: 0.5px;
    float: left;
}
.btn-right {
    background-color: #ff761b;
    padding: 8px 10px;
    color: #fff;
    float: left;
    width: 27%;
    text-align: center;
    font-size: 13px;
}
}