@font-face {
    font-family: 'aileronregular';
    src: url('../fonts/aileron-regular-webfont.woff2') format('woff2'),
         url('../fonts/aileron-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronsemibold';
    src: url('../fonts/aileron-semibold-webfont.woff2') format('woff2'),
         url('../fonts/aileron-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Heavy.woff2') format('woff2'),
        url('../fonts/Aileron-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.back-to-top {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  border-radius: 100%;
  background: #ff6600;
  padding: 0.5rem;
  border: none;
  cursor: pointer;
  transition: opacity 0.5s;
    z-index: 999;
    height: 40px;
    width: 40px
}

.back-to-top:hover {
  opacity: 60%;
}

.hidden{opacity: 0}
.back-to-top-icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
}
.fixed-header .back-to-top{opacity: 1}
.font-weight-bold{font-family:'aileronsemibold';}
.font-weight-bold{font-family:'aileronsemibold';}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
/*font-family: 'DM Sans', sans-serif;*/
/*common*/
.pointer-events-none{pointer-events: none}
.z-index-5{z-index: 5}
.ease{transition:all ease .4s ;}
/*common*/
#preloader{    pointer-events: none; height: 100%; width: 100%;height: 100%;z-index: 999999;position: fixed;top:0;}
body{ font-family: 'aileronregular';color: #222121;font-size: 1rem}
/*header*/
header {font-family: 'DM Sans', sans-serif;height: 128px}
header .first-row{background: #e8eaeb;font-size: 0.875rem;color: #0c0c0c}
header .brand-logo{padding: 14px 0;display: flex}
header .brand-logo img{width:195px }
header .contact .text{font-size:0.875rem;font-weight: 700 }
header .contact .number{font-size:1.061rem;font-weight: 700 }
header .contact-info{border-left: 1px solid #dadbdb;padding:23px 0 20px 28px}
header .navbar-nav .nav-item .nav-link{color: #090909;font-weight: 600;font-size: 0.875rem;padding: 20px 22px;transition:all ease .4s ; }

header .brand-logo{transition:all ease .4s ;}

header .sticky-top{position: absolute;width: 100%;top:36px}
header.fixed-header .sticky-top{width: 100%;top: 0;position: fixed;background: #ffffff}
header.fixed-header .brand-logo{padding: 5px 0;}

header.fixed-header .contact-info{padding:6px 0 1px 10px;}
header.fixed-header .navbar-nav .nav-item .nav-link{padding: 10px 22px;}
header .navbar-toggler{display: none}
/*//navbar*/
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{padding: 12px 0 0 0;background: #ffffff;border: 0}
header.fixed-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{padding: 5px 0 0 0;}
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li{padding: 0;background:#ffffff;}
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item{padding: 10px 20px;font-size: 14px;font-weight: 500}
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus{background: #ff6600;color: #ffffff}
header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu{display: block}


/*banner*/
.banner .title{font-family: 'DM Sans', sans-serif;font-size: 2.603rem;font-weight: 700}
.banner .description{font-size: 1.125rem;font-family: 'aileronsemibold';}

.btn-blk {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height:44px;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
    display: block;text-align: center
}
.btn-1 {
  background: #000000;
  font-weight: 100;
    transition:all ease .4s ;
}
.btn-1 svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-1 rect {
  fill: none;
  stroke: #000000;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  transition: all 0.35s linear;
}
.btn-1:hover {
  background: rgba(225, 51, 45, 0);
  font-weight: 900;
  letter-spacing: 1px;
    color: #000000
}
.btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
/*Who we are*/
.who-we-are{ padding: 116px 0 92px;}
.who-we-are .article{ padding: 67px 0 59px 147px;}
.who-we-are .article.inner{ padding: 28px 0 28px 147px;}
.who-we-are .article h2{font-family: 'DM Sans', sans-serif;font-size: 0.875rem;font-weight: 600;letter-spacing: 2px;}
.who-we-are .article h3{font-family: 'DM Sans', sans-serif;font-size: 2.723rem;font-weight: 700;letter-spacing: 2px;}
.who-we-are .img{min-width:519px }
.who-we-are .explore-btn{font-family: 'DM Sans', sans-serif; font-weight: 400;color:#222121;padding: 10px 0px;border: 2px solid transparent;font-size: 0.875rem;transition:all ease .4s ; }
.who-we-are .explore-btn:hover{border: 2px solid #212121;padding: 10px 15px;}
.who-we-are .infos{background: #f5f5f5;z-index: 5;}
.who-we-are .slogan{background:#ff6600;width: 250px; padding:22px 20px;left: -250px;bottom: 0;font-size: 1.875rem;font-family: 'DM Sans', sans-serif;
font-weight: 400;position: absolute}

.who-we-are .infos::after{display: block;position: absolute;left: 100%;width: calc((100vw - 1314px) / 1.5);content: "";height: 100%;background: #f5f5f5;}
.who-we-are .infos .optimize{background: #ff6600;z-index: 5;padding: 65px 49px;margin-left: -260px;font-family: 'DM Sans', sans-serif;font-weight: 400;font-size: 1.875rem;max-width: 362px}
.who-we-are .infos .exp{padding: 75px 0 75px 85px;}
.who-we-are .infos .count{font-family: 'Aileron';font-size: 2.528rem;}
.who-we-are .infos sup{font-size: 1.875rem;font-family: 'aileronsemibold';}
.who-we-are .infos .title{font-size: 1rem;font-family: 'aileronsemibold';}
/*Services*/
.services{padding: 0 0 0}
.services h2{font-family: 'DM Sans', sans-serif;font-size: 0.875rem;font-weight: 600;letter-spacing: 2px;}
.services h3{font-family: 'DM Sans', sans-serif;font-size: 2.723rem;font-weight: 700;padding-bottom:80px; letter-spacing: 2px;}
.services .blocks{margin-bottom:47px; }
.services .item h4{font-family: 'DM Sans', sans-serif;font-size: 1.25rem;font-weight: 700; }
.services .item article{padding: 0 40px}
.services .blocks:nth-child(2) .item{border-left: 1px solid #c3c2c2;border-right: 1px solid #c3c2c2;}
.services .blocks:nth-child(5) .item{border-left: 1px solid #c3c2c2;border-right: 1px solid #c3c2c2;}

.services .service-tile {padding: 75px 0 0 }
.services .service-tile .items{background: #ff6600}
.services .service-tile .items img{transition:all ease .4s ;transform: scale(1)}
.services .service-tile .items:hover img{opacity:0.1 ;transform: scale(1.2)}
.services .service-tile .items::after{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/shade.png) repeat-x left bottom;display: block;content: "";z-index: 5}
.services .service-tile .content{padding:59px 50px 50px;z-index: 20;transition:all ease .4s ;top: 290px;letter-spacing: 2px; }
.services .service-tile .content h3{font-family: 'DM Sans', sans-serif;font-size: 1.5rem;font-weight: 500}
.services .service-tile .items .content .description{padding: 0px 0 0 0;transition:all ease .4s ;max-height: 0;overflow: hidden;font-size: 1rem;letter-spacing: 0px;}
.services .service-tile .items:hover .content .description{padding: 77px 0 0 0;max-height:250px;overflow: hidden;}
.services .service-tile .items:hover .content{top: 0}
/*testimony*/
.testimony{  background: #e8eaeb;  margin-top: -118px; padding: 232px 0 121px;  }
.testimony .box .carousel-inner{text-align: center;padding: 0 100px}
.testimony h2{font-family: 'DM Sans', sans-serif;font-size: 0.875rem;font-weight: 600;letter-spacing: 2px;}
.testimony h3{font-family: 'DM Sans', sans-serif;font-size: 2.723rem;font-weight: 700;padding-bottom:25px;letter-spacing: 2px; }
.testimony .carousel-control-prev{width: 25px}
.testimony .carousel-control-next{width: 25px}

.testimony .carousel-dark .carousel-indicators  {bottom: auto; top: 100%;position: relative}
.testimony .carousel-dark .carousel-indicators  [data-bs-target]{text-indent: 0;width: auto;height: auto;margin: 0 10px;transform: scale(1); transition: all ease .4s;}
.testimony .carousel-dark button.indicator{border: 0;background: transparent;opacity: 1}
.testimony .carousel-dark button.indicator img{border: 3px solid #ffffff;transform: scale(.8); transition: all ease .4s;}
.testimony .carousel-dark button.indicator.active img{transform: scale(1);}
.testimony .description{font-size:1.625rem; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;height: 114px; }
.testimony .client-name{font-size:1.25rem; font-family: 'aileronsemibold'; }
/*Blog*/
.blog{padding: 107px 0}
.blog h2{font-family: 'DM Sans', sans-serif;font-size: 0.875rem;font-weight: 600;letter-spacing: 2px;}
.blog h3{font-family: 'DM Sans', sans-serif;font-size: 2.723rem;font-weight: 700;padding-bottom:85px;letter-spacing: 2px; }
.blog figure img{transition:all ease .4s ;transform: scale(1)}
.blog .colum:hover figure img{transform: scale(1.1)}
.blog article{padding:0 32px 28px; }
.blog article .category{padding:0 0 15px;font-size: 0.875rem;font-family: 'DM Sans', sans-serif;font-weight: 600; }
.blog article .category .date{color: #cecece; font-family: 'DM Sans', sans-serif;font-weight: 500; }
.blog article .title{font-family: 'DM Sans', sans-serif;font-weight: 500;font-size:1.5rem; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.blog .explore-btn{padding: 10px 0px;border: 2px solid transparent;font-size: 0.875rem;transition:all ease .4s ;margin-left: 20px }
.blog .colum:hover .explore-btn{border: 2px solid #212121;padding: 10px 15px;margin-left: 0px}
/*contact us*/
.contact-us{padding: 0 0 162px;}
.contact-us h2{font-family: 'DM Sans', sans-serif;font-size: 0.875rem;font-weight: 600;letter-spacing: 2px;}
.contact-us h3{font-family: 'DM Sans', sans-serif;font-size: 2.723rem;font-weight: 700;padding-bottom:85px;letter-spacing: 2px; }
.contact-us address{color: #5c5b5b}
.contact-us address .phone{font-size:1.5rem;}
.contact-us .form {padding: 80px 0 0 0}
.form-control:focus{box-shadow: none;outline: 0}
.form-select:focus{box-shadow: none;outline: 0}
/*social*/
.social a{transition:all ease .4s ;}
.social .fb:hover{background-color:#ddecff; }
.social .linked-in:hover{background-color:#f0f0f0; }
.social .instagram:hover{background-color:#ffe4d9; }
/*footer*/
footer{background: #1a1a1a;padding: 100px 0 0;color: #a5a4a4;}
footer h3{font-size: 1.125rem;font-family: 'aileronsemibold';}
footer .left{min-width:580px;padding:0 113px 0 0;border-right: 1px solid #383838  }
footer .left .mail{border-bottom: 1px solid #747373;}
footer .left .mail .form-control{font-size: 14px;color: #a5a4a4}
footer .left .mail .form-control:focus{box-shadow: none;outline: 0}
footer .left .mail .button{width: 67px;height: 54px;background: #ff6600;}
footer .left .mail .button:hover{background: #d35c0d;}
footer .right{min-width:580px;padding:0 0 0 85px; }
footer .right h2{font-size: 2.175rem;font-family: 'DM Sans', sans-serif;padding-bottom: 62px}
footer .right .foot-links{color: #a5a4a4;font-size: 0.875rem}
footer .right .foot-links:hover{color: #ff6600;}
footer .second-row{padding: 60px 0 30px;font-size: 0.875rem}
footer .second-row a{color: #a5a4a4;}
footer .second-row a:hover{color: #ffffff;}
/*banner inner*/
.banner-inner{background-size: cover;background-position: center;height:206px; }
.banner-inner h1{font-size:42px;font-family: 'DM Sans', sans-serif;font-weight: 700;color: #ffffff; }
/*bredcrumbs*/
ul.bredcrumbs{font-size: 14px;color: #000000;padding: 45px 0}
ul.bredcrumbs li{list-style: none;padding:0 18px;font-family: 'aileronsemibold';display: inline-block}
ul.bredcrumbs li:first-child{padding-left:0;}
ul.bredcrumbs li a{color: #000000;text-decoration: none;position: relative}
ul.bredcrumbs li a::after{;position: absolute;display: block;width: 12px; height: 10px;background: url(../img/arrow-right.png) no-repeat 0 0;content: "";right: -27px;top: 4px}
ul.bredcrumbs li a:hover{color: #ff6600}

.enquiry-form h2{font-family: 'aileronsemibold';}
.enquiry-form .rounded{border-radius: 20px !important}
.enquiry-form .shadow{box-shadow:0 0.5rem 1rem rgba(168, 162, 162, 0.15) !important}
.enquiry-form form .form-control{font-size: 14px; min-height: 45px}
.enquiry-form form .form-select{font-size: 14px; min-height: 45px;line-height: 21px}
.enquiry-form .text-slider h2{ font-family: 'Aileron';}
.enquiry-form .text-slider .description{font-size: 1.125rem; font-family: 'Aileron';}
/*blog*/
.blog-main .recent-item{min-width: 300px;max-width: 300px}
.blog-main .recent-item ul li{border-bottom: 1px dashed #cccccc;}
.blog-main .recent-item .title{  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;font-size: 14px;font-family: 'aileronregular';
    
}

/*media quary*/

@media (max-width:1399px){
    .who-we-are .infos::after{width: calc((100vw - 1140px) / 1.5);}
    .banner .title{font-size: 1.803rem;}
    .banner .description{font-size: .925rem;}
    .who-we-are .img{min-width: 446px;}
    .who-we-are .article{padding: 42px 0 30px 87px;}
    .who-we-are .article.inner{padding: 42px 0 30px 87px;}
    .who-we-are .infos .optimize{padding: 42px 31px;max-width: 342px;}
    .who-we-are .infos .exp{padding: 48px 0 50px 59px;}
    .who-we-are .article h3,.services h3,.testimony h3,.blog h3,.contact-us h3,{font-size: 2.223rem;}
    footer .right h2{font-size: 2.000rem;}
    .services .item article{padding: 0 23px;}
    .services .item h4{font-size: 1.15rem;}
    .testimony .description{font-size: 1.225rem;}
    .blog article .title{font-size: 1.25rem;}
    .who-we-are .slogan{width: 323px;}
}
@media (max-width:1199px){
    .banner .title{font-size: 1.403rem;}
    .btn-blk{font-size: 13px;}
    .btn-1 svg{height: 37px;line-height: 38px;max-width: 131px;}
    header .brand-logo img{width: 136px;}
    header .navbar-nav .nav-item .nav-link{padding: 11px 13px;}
    header .contact-info{padding: 13px 0 13px 18px;}
    header{height: 109px;}
    header.fixed-header .navbar-nav .nav-item .nav-link{padding: 11px 13px;}
    .who-we-are .img{min-width: 398px;}
    .who-we-are .article{padding: 18px 0 22px 61px;}
    .who-we-are .infos .optimize{font-size: 1.475rem;max-width: 298px;}
    .who-we-are .infos .exp{padding: 33px 0 26px 37px;}
    .who-we-are .infos .exp img{max-height: 39px;}
    .who-we-are .infos .count{font-size: 2.0rem;}
    .who-we-are .infos sup{font-size: 1.375rem;}
    .who-we-are .infos::after{width: calc((100vw - 960px) / 1.5);}
    .services .service-tile .items:hover .content .description{padding: 20px 0 0 0;max-height:250px;overflow: hidden;}
    .services .service-tile .content{padding: 40px 9px 30px;}
    .services .service-tile .items .content .description{font-size: 12px}
    footer .left{min-width: 462px;}
    footer .right{min-width: auto;}
    .who-we-are .article h3, .services h3, .testimony h3, .blog h3, .contact-us h3{font-size: 2.0rem;}
    footer .right h2{font-size: 1.5rem;}
    .who-we-are .slogan{font-size: 1.475rem;}
    .banner-inner h1{font-size: 29px;}
    .banner-inner{height: 158px;}
}
@media (max-width:991px){
.who-we-are {padding: 25px 0 41px;}
.who-we-are .article{padding: 0 0 22px 0;}
    .who-we-are .infos .optimize{margin-left:0px;max-width: 100%;}
    .who-we-are .infos::after{display: none}
    .services .item{border: 1px solid #c3c2c2;padding: 20px;}
    .services .blocks{margin-bottom: 25px;}
    .services .item article{padding: 0}
    .services .service-tile .content{top: 108px;font-size: 14px;}
    .services .service-tile .content h3{font-size: 1.1rem;}
    .testimony{padding: 155px 0 27px;}
    .testimony .description{font-size: 1rem;height: 70px;}
    .testimony .carousel-dark button.indicator img{width: 80px}
    .services h3{padding-bottom: 19px;}
    .blog h3{padding-bottom: 36px;}
    .blog{padding: 43px 0;}
    .blog figure{max-width: 120px;min-width: 120px}
    .blog article .category{font-size: 0.675rem;}
    .blog article .title{font-size: 1rem;height: 35px;}
    .blog article {padding: 0 0 0 19px;}
    footer .left{border-right: 0;padding: 0 0 0 0;}
    footer .right{padding: 0 0 0 0;}
    .contact-us{padding: 0 0 40px;}
    .contact-us .form{padding: 0px 0 0 0;}
    header .navbar{position: absolute;left: 0;right: 0;top: 100%;padding: 0}
    .navbar-toggler{font-size: 25px;display: flex!important}
    .navbar-toggler:focus{outline:none;border: 0;box-shadow: none}
    header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu{display: none}
    header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu.show{display: block}
    header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{padding: 0 0 0 0;margin: 0}
    .who-we-are .article.inner{padding: 25px 0 41px;}
    .who-we-are .slogan{width: auto;left: 0px;position: static;margin-top: 35px}
    ul.bredcrumbs{padding: 25px 0 0;}
}
@media (max-width:767px){
    .services .service-tile .content{ top: auto; bottom: 30px; }
    .services .service-tile{padding: 9px 0 0;}
    footer .left{min-width: 0px;}
    header .sticky-top{top: 0}
    header {height: 71px;}
}
@media (max-width:640px){
    body{font-size: 0.825rem;}
    .who-we-are .article h3, .services h3, .testimony h3, .blog h3, .contact-us h3{font-size: 1.3rem;}
    footer .right h2{font-size: 0.9rem;}
    .banner .title{font-size: .6rem;}
    .banner .description{display: none}
    .who-we-are .infos .optimize,.who-we-are .slogan{padding: 20px 24px;font-size: 1.075rem;}
    .who-we-are .slogan{margin-top: 17px;}
    .who-we-are .article.inner{}
    .who-we-are .infos .exp{padding: 23px 12px 20px 22px;}
    .who-we-are .infos .exp img{max-height: 23px;}
    .who-we-are .infos .title{font-size: 0.825rem;}
    .who-we-are .infos .count{font-size: 1.5rem;}
    .services .item h4{font-size: 1rem;}
    .testimony .carousel-dark button.indicator img{width: 58px;}
    .social img{max-width: 70%}
    footer{padding: 40px 0 0;}
    .testimony .box .carousel-inner{padding: 0 26px;}
    .testimony .description{font-size: 12px}
    .blog figure{max-width: 96px;min-width: 96px;}
    .testimony .description{height: auto;}
    .btn-blk{font-size: 11px;line-height: 28px;padding: 0px 5px;}
    .btn-1 svg {height: 27px;}
    ul.bredcrumbs{display: none}
    .who-we-are .article.inner{padding: 25px 0 0;}
    

}