@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');
body{font-family: 'Roboto', sans-serif;color: #222}
a, a:hover{text-decoration: none;}
.nav-link{text-transform: uppercase;font-weight: 500;}
a.nav-link{color: #073553 !important;font-size: 15px !important;}
.ml-lnk li{list-style-type: none;color: #073553;}
.ml-lnk li a{color: #073553 !important;}
.navbar-nav li{padding:0 5px;}
.banner-sec{height:100vh;background: url(../img/banner-1.jpg);background-size: cover; margin-top: -40px;}
header{padding-left:60px !important;padding-right: 45px !important;}
.al-sec{padding:60px 0;}
h1, h2, h3,h4,h5,h6{color: #073553;font-weight: 600;font-family: 'Poppins', sans-serif;}
.pack{padding:60px 120px;}
.pack-bx{position: relative;border-radius: 10px;z-index: 1;padding:50px 20px;margin-top: 30px;height:100%;}
.pack-bx:before{content:'';position: absolute;background: #0b4877;opacity: 0.8;width:100%;height: 100%;z-index:-1;left:0;top: 0;border-radius: 10px;}
.cnt{z-index: 1;color: #fff;}
.pack-bx.b1{background: url(../img/bx-1.jpg);background-size: cover;background-position: left center;}
.pack-bx.b2{background: url(../img/bx-2.jpg);background-size: cover;background-position: left center;}
.pack-bx.b3{background: url(../img/interior.jpg);background-size: cover;background-position: left center;}
.pack-bx.b4{background: url(../img/consult.jpg);background-size: cover;background-position: left center;}
.pack h2, .serv h2, .pft-gal h2, .promise h2, .partner h2, .rst-qt h2{text-transform: uppercase;font-weight: 600;}
.pack h3{text-transform: uppercase;font-weight: 600;font-size:26px;letter-spacing: 2px;color:#fff}
.pk-list{padding: 0;}
.pack li{list-style-type: none;text-transform: uppercase;font-size: 18px;letter-spacing: 2px;padding:5px 0;transition: 0.4s;}
.pack li a{color:#fff}
.pack li:hover{transform: translateX(10px);}
.pack li:hover a{color:#6ebe46}
.pack li i{color: #3c6d92;transform: translateX(0px); background: #fff; padding: 5px;margin-right: 10px; font-size: 13px; font-weight: 400;}
a.knw-btn{color:#fff;background: #073553;border-radius: 20px;padding: 8px 16px; font-size: 14px;transition: 0.5s;position: absolute;bottom: 15px;}
a.knw-btn:hover{border-radius: 0;background: #6ebe46;}
h3.card-title{font-size: 24px;text-transform:uppercase;font-weight: 600;letter-spacing: 2px; font-family: 'Poppins', sans-serif;}
.serv{background-color: #ededed;background: url(../img/serv-bg.jpg);background-size: cover;position:relative;z-index:1;background-attachment: fixed;}
.serv:before{content:"";position: absolute;background: #fff;opacity: 0.5;width:100%;height: 100%;left:0;top:0;z-index: -1;}
.serv .card img{width:100px;margin:0 auto 15px;}
.advt-img{margin:0 auto;}
.serv .card{border-bottom:2px solid #3e87b9;padding:20px 20px;box-shadow: 0 0 10px #ccc;border-radius: 10px;transition: 0.3s;height: 275px;}
.serv .card:hover{transform: translateY(-5px);border:2px solid #3e87b9}
.serv .ad{height:100%;margin-bottom: 20px;}
.img-bx{background: #e7e7e7;border-radius: 20px;margin-bottom:20px;transition: 0.5s;}
.img-bx:hover{box-shadow:0 0 10px rgba(0,0,0,0.5)}
.img-bx h3{text-transform: uppercase;font-size: 22px;font-family: ui-serif;font-weight: 400;color: #073553b8;letter-spacing: 1px;}
.img-bx img{border-radius: 20px 20px 0 0;}
.img-ht{
    height: 177px;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}
.advnt{background: #011c43;padding:80px 150px 80px 90px !important;}
.advnt h2{font-size: 22px;font-weight: 500;}
h3.text-yellow{color:#ffc631;font-size: 54px;font-weight: 800;}
span.txt-line{content:'';position: absolute;width:100px;height: 3px;background: #ffc631;left: -90px;top: 12px;}
.emp-list{padding-left: 20px;}
.emp-list li{list-style-type: none;margin-bottom: 15px;line-height: 1.6;}
.emp-list li:before{content: "\f00c";font-family: "FontAwesome";position: absolute;left:15px;color: #ffc631;}
.advnt .card{border:2px solid #fff; border-radius: 10px;padding:20px 15px;transition: 0.5s;}
.advnt .card:hover{border: 2px solid #ffc631;}
.advnt .card:hover h3{color: #ffc631 !important;}
.advnt .card .img{width:100px;}
h2.txt-line-blue:before{content:'';position: absolute;width:100px;height: 3px;background: #2578b0;margin-left: -110px;margin-top: 17px;}
.spc-txt{color: #073553;font-size: 20px;letter-spacing: 1px;width:95%;line-height: 1.6;}
.icl-list li{list-style-type: none;margin-bottom: 30px;transition: 0.5s;}
.icl-list li:hover{transform: translateX(10px);width: 75%;}
.icl-list span{color: #2578b0;font-size: 24px; font-weight: 600;}
.icl-list img{width:55px;margin-right: 20px;}
.promise{padding:60px 0px 60px 60px;}
.carousel {
	margin: 50px auto;
	padding: 0 70px;border: 4px solid #ddd;border-radius: 20px;
}

.carousel .carousel-item {
	min-height: 230px;
	text-align: center;
	overflow: hidden;
}
.carousel .carousel-item .img-box {
	height: 160px;
	width: 100%;
	position: relative;
}
.carousel .carousel-item img {	
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.carousel .carousel-item h4 {
	font-size: 18px;
	margin: 10px 0;
}
.carousel .carousel-item .btn {
	color: #333;
	border-radius: 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin-top: 5px;
	line-height: 16px;
}
.carousel .carousel-item .btn:hover, .carousel .carousel-item .btn:focus {
	color: #fff;
	background: #000;
	border-color: #000;
	box-shadow: none;
}
.carousel .carousel-item .btn i {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.carousel .thumb-wrapper {
	text-align: center;
}
.carousel .thumb-content {
	padding: 15px;
}
.carousel-control-prev, .carousel-control-next {
	height: 85px;
	width: 40px;
	background: #fff;
	margin: auto 0;
    opacity: 1;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 30px;
	position: absolute;
	top: 50%;
	display: inline-block;
	margin: -16px 0 0 0;
	z-index: 5;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	font-weight: bold;
}
.carousel-control-prev i {
	margin-left: -3px;
}
.carousel-control-next i {
	margin-right: -3px;
}
.carousel .item-price {
	font-size: 13px;
	padding: 2px 0;
}
.carousel .item-price strike {
	color: #999;
	margin-right: 5px;
}
.carousel .item-price span {
	color: #86bd57;
	font-size: 110%;
}	
.carousel .carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 4px;
	border-radius: 50%;
	border-color: transparent;
	border: none;
}
.carousel-indicators li {	
	background: rgba(0, 0, 0, 0.5);
}
.carousel-indicators li.active {	
	background: rgba(0, 0, 0, 0.8);
}
.star-rating li {
	padding: 0;
}
.star-rating i {
	font-size: 14px;
	color: #ffc000;
}
.carousel-control-prev {left: -20px;}
.carousel-control-next {right: -20px;}
.partner{padding:60px 80px;background: #fff;}
.partner .w-20{min-width:20%}
.process{background: url(../img/process-bg.jpg);background-size: cover;}
.wrks{background: #011c43;padding:80px 0 40px 60px !important;}
.wrks h2{font-weight: 400;color: #ffc000 !important;font-size: 24px;}
.wrks h3.head{font-weight: 600;font-size: 66px;}
  .press-container {
    margin: 30px auto;
    width: 100%;
  }
  .quote {
    position: relative;
    padding: 0px 0;
    height: 400px !important;
    margin: -11px 0 30px;
  }
  .slick-slider{height: 450px;}
  .slick-list {
    min-height: 430px !important;
    margin-top: -35px !important;
}
  .quote blockquote {
      position: relative;
  }
  .quote .qts {
        margin: 3px 3px 30px;
        background-color: rgba(255,255,255, 1);
        padding: 20px;
        border-radius: 20px 0 0px 20px;
      }
      .quote .image {
        min-width: 200px;
        width: 50%;
        margin: 0 auto 25px;
        display: block;
      }
      .quote  p {
        font-size: 22px;
        line-height: 36px;
      }
.quote  cite {
      display: block;
      margin-top: 45px;
      text-align: left;
      color: white;
    }
    .quote  cite  span {
        line-height: 36px;
        font-style: normal;
        letter-spacing: 1px;
      }
      .quote .slick-vertical .slick-slide {
    border: 0 none;
  }
  .quote .slick-prev,
  .quote .slick-next {
    color: #FFFFFF;
    opacity: 1;
    height: 40px;
    width: 40px;
    margin-top: -20px;
  }
    path {
      fill: rgba(0,0,0, 0.8);
    }
  .quote .slick-prev {
    left: auto;
    right: -35px;
    margin-top: -60px;
    top: 50%;
  }
  .quote .slick-next {
    right: -35px;
    top: 50%;
    margin-top: 0px;
  }
  .quote .slick-prev:before, 
  .quote .slick-next:before {
    content: none;
  }
  .quote .slick-dots li button:before {
    color: rgba(255,255,255,0.4);
    opacity: 1;
    font-size: 8px;
  }
  .quote .slick-dots li.slick-active button:before {
    color: #FFFFFF;
  }
  .dragging .quote blockquote {
    cursor: grabbing;
  }
  .arw-bx {
    position: absolute;
    left: -66%;
    /* background: #fff !important; */
    font-size: 22px !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 100px;
    top: 75% !important;
}
.slick-prev.arw-bx {
    left: -71%;
    top: 75% !important;
}
.slick-prev svg, .slick-next svg{display:none}
.slick-prev:before {
    content: '\f177' !important;
    font-family: 'FontAwesome' !important;
    color: #ffc000 !important;
    opacity: 1;
}
.slick-next:before {
    content: '\f178' !important;
    font-family: 'FontAwesome' !important;
    color: #ffc000 !important;
    opacity: 1;
}
.author, .desg{font-family: 'Poppins', sans-serif;}
.author{font-size: 36px;}
.desg{font-size: 18px;line-height: 1.5; color: #ffc000;letter-spacing: 1px;text-transform: uppercase !important;margin-top: 20px !important;}
.triangle-down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 43px solid transparent;
    border-top: 85px solid white;
    margin-left: 6px;
    margin-top: -92px;
    position: absolute;
    z-index: -1;
  }
  .rst-qt{padding: 60px 80px;background: #eee;}
  .rst-qt h2:before{content:'';position: absolute;width:100px;height: 3px;background: #2578b0;margin-left: -110px;margin-top: 17px;}
  .home-frm input, .home-frm select{ height:60px;padding:0 20px; margin-bottom: 30px;border: 1px solid #ddd;}
  .home-frm textarea{height:150px !important;border: 1px solid #ddd;}
  .frm-btn{
      background: #073553;
      width:25%;
      border-radius: 30px;
      padding:10px;
  }
  .frm-btn:hover{background: #6ebe46;border:0}
  .qt-img{
    position: absolute;
    top: -24px;
    margin: 0 auto;
    width: 100%;
}
::placeholder{opacity:0.8 !important}
footer{background: #073553;;font-family: 'Poppins', sans-serif;}
.main-foot{padding:60px 80px 20px;}
.foot-links li{list-style-type: none;padding:5px 0;font-size: 16px;}
.foot-links li a{color: #fff;}
.foot-links{padding: 0;}
.main-foot h3{font-weight: 500; color:#fff}
.main-foot h4{font-size: 20px;font-weight: 500;color:#fff}
.icn-list li{list-style: none; display: inline-block; padding: 10px;font-size: 16px;}
.icn-list li a{color: #fff; font-size: 24px;}
.icn-list{padding: 0;}
footer a, footer p{color: #fff;}
footer a:hover{color: rgba(255, 255, 255, 0.8);}
.cpy-txt p{font-size: 14px;}
p.hr-line{border-radius: 100%;
    padding: 0;
    margin: 10px 0 0;
    line-height: 0;
    width: 100%;
    height: 3px;
    background: #878787;}
  /* @-webkit-keyframes gradient {
      0%{background-position:5% 0%}
      50%{background-position:96% 100%}
      100%{background-position:5% 0%}
  }
  @-moz-keyframes gradient {
      0%{background-position:5% 0%}
      50%{background-position:96% 100%}
      100%{background-position:5% 0%}
  }
  @keyframes gradient { 
      0%{background-position:5% 0%}
      50%{background-position:96% 100%}
      100%{background-position:5% 0%}
  } */

  @media(max-width:990px){
    .pack-bx{height:auto !important}
    h3.text-yellow, .wrks h3.head{font-size: 40px;}
    .advnt .card{margin-bottom: 20px;}
    .icl-list{padding-left: 0px;}
    .icl-list span{font-size: 18px;}
    .icl-list li{margin-bottom: 20px;}
    .slick-slider{height: 550px;}
    .qt-img{display: none;}
    .slick-list {min-height: auto !important;}
    .quote{height: 700px !important;}
    .quote p {      font-size: 18px;}
    .pack, .advnt, .promise{padding:60px 15px !important;}
  }
 .prosec .im-bx{
     margin-bottom: 30px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.4s;
 }
 .prosec .im-bx:hover{
     transform:translateY(-10px);
 }
 .btn-p{border:0;}