*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inter;
}

@font-face {
    font-family:inter;
    src: url("../fonts/Inter/static/Inter_24pt-Regular.ttf");
}
@font-face {
    font-family:inknut_antiqua;
    src: url('../fonts/inknut_antiqua/InknutAntiqua-Regular.ttf');
}

@font-face {
    font-family: louis_george_cafe;
    src: url('../fonts/louis_george_cafe/Louis\ George\ Cafe\ Bold.ttf');
}
/* Global Styles */
h1,h2,h3,h4,h5,h6{
    font-family: inter;
    font-weight: 500;
}

/* Home Page Styles */

#banner-home
{
    background: url(../banner/banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-content
{
   position: relative;
   top:235px;
}

.banner-content h6
{
    font-size:14px;
    font-weight:500;
}
.banner-content h1
{
    font-size: 48px;
    font-weight: 700;
}
.banner-content h1 span
{
    color: #e9441e;
}
.banner-img14
{
    position: relative;
    top: 120px;
}
.banner-box .img--14 {
    position: relative;
    bottom: 240px;
    right: -46px;
}
.banner-content p
{
    width:66%;
    height: auto;
}

/* Header Styles */
#header{
    position:absolute;
}
#header .img-fluid14
{
    width: 120px;
    height: auto;
    position: relative;
    left: 103px;
    top: 28px;
}
.nav-link
{
    color: #625d5d !important;
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: .25rem;
    transition: box-shadow .15sease-in-out;
    z-index:11;
}
#navbarSupportedContent
{
    background: rgb(255, 255, 255);
    position: relative;
    left:46%;
    padding: 20px 35px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index:111;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    display: none;
} 


.navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu  {
    position: absolute;
    display: block;
    top: 44px;
    left: 0;
    cursor: pointer;
}


@media only screen and (max-width:991px)
{
    .navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu {
        position:relative;
        display:contents;
        top:45px;
        left:0;
    }
}
/* About Us Page Styles */

#about-us
{
    padding-top: 120px;
    padding-bottom: 120px;
}


.about-content h6
{
    font-size: 18px;
    font-weight: 500;
    color: #776f6f;
    letter-spacing: 1px;
}
.about-content h2
{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}
.about-content h2 span
{
    color: #e9441e;
    line-height: 33px;
}

.about-content p
{
    line-height:26px;
    color:#615d5d;
    text-align: justify;
}
.btn-outline-danger
{
    color: #e9441e !important;
    border:1px solid !important;
}
.flex
{
    padding-top:50px;
}
.flex span:nth-child(2)
{
    padding-left: 50px;
}
.btn-outline-danger:hover
{
    background: #e9441e !important;
    color: #fff !important;
}


/* Projects Page Styles */
#our-projects
{
    background:url('../img/project-bg.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.project-content h6
{
    font-weight: 500;
    color: #776f6f;
    letter-spacing: 1px;
    text-align: center;
}
.project-content h2
{
    text-align: center;
}
.project-content h2 span
{
    color: #e9441e;
    font-size:24px;
    font-family: louis_george_cafe;
}
#featureCarousel
{
    position: relative;
    top: 65px;
}

/* Creative Team */
#creative-team
{
    background: url(../img/service-curve-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 120px;
    padding-bottom: 42px;
}
.team-content h6
{
    font-weight: 500;
    color: #776f6f;
    letter-spacing: 1px;
}
.team-content
{
    padding-top:45px;
}
.team-content h2 span
{
    color: #e9441e;
    font-size:24px;
    letter-spacing:1px;
    font-family: louis_george_cafe;
}

.team-content p
{
    color: #615d5d;
    line-height: 26px;
    text-align: justify;
    padding: 0px 181px 0px 0px;
}
/* .team-img img
{
   display: flex;
   justify-content: center;
   background:#fff;
   border-radius:10px;
} */
.btn-outline-danger
{
    color: #e9441e !important;
    border:1px solid !important;
}
.btn-outline-danger:hover
{
    background: #e9441e !important;
    color: #fff !important;
}


/* Service Styles */

#services
{
    padding-top: 0px;
    padding-bottom: 100px;
}
.service-content
{
    text-align: center;
}
.service-content h6
{
    font-weight: 500;
    color: #776f6f;
    letter-spacing: 1px;
}
.service-content h2
{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #e9441e;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    background: #e9441e !important;
    color: #fff !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active span
{
    color: #fff !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link
{
    background: #fff !important;
    margin-left:5px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link span
{
    color: #969696 !important;
}

.service-box h2 span
{
    color: #e9441e;
}

.service-box p
{
    color: #615d5d;
    line-height: 26px;
}
.nav-tabs {
    border-bottom: 1px solid #e9441e !important;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 30px 33px;
    background: none !important;
    border-bottom: 2px solid #e8441e;
}
.nav-tabs .nav-link img
{
    padding-bottom: 5px;
}
.nav-tabs .nav-link.active img 
{
    color: #fff !important;
    filter: brightness(20);
    padding-bottom: 5px;
}
.service-box h3
{
    font-size: 24px;
    font-weight: 500;
    color: #e9441e;
    letter-spacing: 1px;
    text-align: center;
}

/* Design Process */

.design-box img
{
    padding-bottom:16px;
}

.design-box h6
{
    padding-bottom:16px;
    color: #625d5d;
}
.design-box p {
    color: #615d5d;
    line-height: 26px;
}

/* our-solutions */

#our-solutions
{
    background: url('../img/shape1.png');
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 120px;
    padding-bottom: 80px;
}

.solution-content p
{
    text-align: justify;
    color: #615d5d;
}

.solution-content img
{
    padding-bottom:5px;
}

/*Review*/
.nav-tabs1 .nav-item.show .nav-link, .nav-tabs1 .nav-link.active {
    background: #fff !important;
    color: #e9441e !important;
}

.nav-tabs1 .nav-item
{
    margin-left: 25px;
}
.nav-tabs1{
    border-bottom:none !important;
}

.nav-tabs1 .nav-item.show .nav-link, .nav-tabs1 .nav-link.active
{
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 50px;
    padding: 10px 20px;
    color: #e8441e ;
}
.nav-tabs1 .nav-item .nav-link
{
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 50px;
    padding: 15px 50px;
    color: #fff !important;
}

.nav-tabs1 .nav-item.show .nav-link, .nav-tabs1 .nav-link.active
{
    color: #f4542c !important;
}
#review14{
    padding-top: 25px;
}
.review-box h6
{
    color:#fff;
    /* text-align: justify; */
    text-align: center;
    font-size: 24px;
}

.review-box p
{
    color: #fff;
    text-align: center;
    line-height: 26px;
}

/*Enquery Form*/
#enquery-form
{
    padding-top:60px;
}
.enquery-img
{
    position: relative;
    left: 322px;
    bottom: 9px;
}
.enquery-content p
{
    color: #757171;
   font-size:12px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 0.8rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ffffff !important;
    border-bottom: 1px solid #959595 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}

/*Footer*/
#footer-top
{
  padding-top:40px;
}
#footer {
    background: url(../img/footer-shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 30px;
    border-radius: 50px;
}
.fa, .far, .fas 
{
    /* font-family: "Font Awesome 5"; */
    font-family: 'FontAwesome';
}
.footer-content 
{
   padding-top:30px;
}
#footer-bottom
{
    background: #015c9c;
    padding:5px 0px;
}


/*About Page*/
#banner-about
{
    background: url(../banner/aboutus.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:600px;
}
@media only screen and (max-width:1366px){
    #banner-about {
        background: url(../banner/aboutus.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 427px;
    }
}
@media only screen and (max-width: 1200px) {
    #banner-about {
        background: url(../banner/aboutus.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 376px;
    }
}
@media only screen and (max-width: 1056px) {
    #banner-about {
        background: url(../banner/aboutus.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 333px;
    }
}
@media only screen and (max-width: 991px) {
#banner-about {
    background: url(../banner/aboutus.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 310px;
}
}
.banner-about-content{
    position: relative;
    top: 184px;
    text-align: center;
}
.banner-about-box h2
{
    font-weight: 600;
    line-height: 56px;
    font-size: 34px;
    text-transform: uppercase;
}
.banner-about-img img
{
    position: relative;
    bottom: 442px;
}
.banner-about-man img {
    position: relative;
    top: 18px;
}
#we_are
{
    padding-top:50px;
}
#ui-design
{
    background:#000;
    padding-top:80px;
    padding-bottom:80px;
}

.ui-content h2
{
    color: #D9D9D9;
    display: flex;
    justify-content: center;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 38px;
    font-family: inknut_antiqua;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
}
.ui-title p
{
    text-align: center;
    color: #D9D9D9;
    line-height:30px;
    letter-spacing: 1px;
    padding-top:30px;
    color:#717171;
}

.we_are-content span
{
    padding-top:5px;
    padding-bottom: 5px;
}
.we_are-content h2 span
{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #e9441e;
    text-shadow: 1px 1px #f4561652;
    padding-top:5px;
    padding-bottom: 5px;
    font-family: louis_george_cafe;
}
.we_are-content p
{
    line-height: 32px;
    letter-spacing: 1px;
    color: #717171;
}
.we_are-img img
{
    position: relative;
    right: 12px;
    top: 50px;
}

.we_are1-content
{
    padding-top: 102px;
}
.we_are1-content span
{
    padding-top:5px;
    padding-bottom: 5px;
}
.we_are1-content h2 span
{
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #e9441e;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: louis_george_cafe;
    text-shadow: 1px 1px #f4561652;
}
.we_are1-content p
{
    line-height: 32px;
    letter-spacing: 1px;
    color: #717171;
    text-align: justify;
}


#rise-us
{
    padding-top:50px;
}
.rise-content span
{
    padding-top:5px;
    padding-bottom: 5px;
}
.rise-content1 h2 span
{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #e9441e;
    padding-top:5px;
    padding-bottom: 5px;
    text-transform:uppercase;
    font-family: inknut_antiqua;
}
.rise-content h2 span
{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #e9441e;
    padding-top:5px;
    padding-bottom: 5px;
}
.rise-content h6 
{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top:5px;
    padding-bottom: 5px;
}
.rise-content p
{
    line-height: 32px;
    letter-spacing: 1px;
    color:#717171;
}
.rise-content
{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: #fff;
    padding: 81px 64px;
    border-radius: 50px;
}
#rc-1
{
    background: url(../img/globle.png);
    background-position: right;
    background-repeat: no-repeat;
    /* filter: saturate(0.5); */
    background-size: cover;
}
#rc-2
{
    background: url(../img/clients.png);
    background-position: right;
    background-repeat: no-repeat;
    /* filter: saturate(0.5); */
    background-size: cover;
}

/*Service Page*/

#banner-service
{
    background:url('../banner/services.png');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    height:800px;
}
#services1
{
    padding-top: 0px;
    padding-bottom: 20px;
}
.services1-content
{
    padding-top:36px;
}
.services1-content span
{
    padding-top:5px;
    padding-bottom: 5px;
}
.services1-content h2 span
{
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #e9441e;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: louis_george_cafe;
}
.services p
{
    line-height: 32px;
    letter-spacing: 1px;
    color:#717171;
    text-transform: uppercase;
}
.services1-content img
{
 padding:0px 10px;
 width: 100%;
}
.services1-box h6 {
    position: relative;
    bottom: 24px;
    font-size: 12px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
}
.ui-content h4
{
    color: #D9D9D9;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 38px;
    font-family: inknut_antiqua;
    letter-spacing: 1px;
    font-weight: 500;

}
.rise-content1 h6
{
    color:#e9441e;
    letter-spacing:1px;
    font-family: inknut_antiqua;
}
#para1
{
    width: 450px;
    height: auto;
    line-height: 32px;
    color: #a7a1a1;
    text-transform: uppercase;
    font-size: 14px;
}
#para2
{
    color: #a7a1a1;
    padding-top: 20px;
    text-align: justify;
    letter-spacing: 1px;
    line-height:30px;
    text-transform: uppercase;
    font-size: 14px;
}
.para4
{
    font-size:38px !important;
    line-height:52px;
}
.title-1
{
    font-size:18px;
}
.rise-img img:hover
{
  transform: scale(1.005);
  transition:2s;
}
/*Contact Page*/

#banner-contact
{
    background:url('../banner/contact.png');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    height:800px;
}

.flex-1 {
    display: flex;
    justify-content: center;
    padding: 50px 0px;
}

.footer-line {
    color: #ffff;
    text-decoration: none;
}

.flex-img {
    display: flex;
    justify-content: center;
}

.fa-chevron-circle-right:before {
    content: "\f138";
    color: #f66d10 !important;
}

a {
    text-decoration: none !important;
}

/* services page */
.serviceThumb img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .sidebar .widget {
        padding-left: 35px;
        padding-right: 35px;
    }
}
.sidebar .widget {
    position: relative;
    background:#e0e2e185;
    border-radius: 10px;
    padding: 37px 48px 48px;
    margin: 0 0 0px;
}
.sidebar .widget .widgetTitle {
    font-size: 24px;
    line-height: 1;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 32px;
}
.sidebar .widget.serviceMenu ul {
    margin: 0;
    padding: 0;
}
.sidebar .widget.serviceMenu ul li {
    list-style: none;
    display: block;
    margin: 0 0 6px;
}

.sidebar .widget.serviceMenu ul li:hover > a, .sidebar .widget.serviceMenu ul li.current-menu-item > a {
    background: linear-gradient(45deg, #fb8e08, #c71f26);
}
.sidebar .widget.serviceMenu ul li a {
    font-family: 'Jost', sans-serif;
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #FFF;
    background: #dd1724;
    display: block;
    padding: 14px 13px 14px;
    border-radius: 5px;
}
.serviceThumb {
    position: relative;
    margin: 0 0 57px;
}
.serviceContent {
    position: relative;
}
.serviceContent > h2 {
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 20px;
}
.serviceContent > p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 15px;
}
.orbList li {
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 4px;
}
.orbList li:before {
    content: '';
    width: 16px;
    height: 8px;
    background: url(../img/right-arrow.webp) no-repeat center center;
    position: absolute;
    left: 0;
    top: 11px;
}

.mobile-heading {
    color: #d61a25;
    font-size: 26px;
}

.mobile-heading-1 {
    color: #015895;
}
.bg-12 {
    background: linear-gradient(0deg, #ce1d26, #f5721a);
    padding: 15px;
}
.text-white-1 {
    color: #fff;
}

.shape-1 {
    position: relative;
    top: 57px;
    z-index: -1;
    /* animation: mymove 5s infinite; */
    animation: move 3s infinite ease-in-out;
}

/* @keyframes moveLeftBounce  {
    
0% {
    transform: translateX(0px);
}
50% {
    transform: translateX(20px);
}
100% {
    transform: translateX(0px);
}
} */

/* @keyframes mymove {
    from {left: 900px;}
    to {left: 1000px;}
  } */

  @keyframes move {
    0% {}
    50% {
      transform: translate(130px, 0px);
      /* background: #000; */
      /* opacity: 0.2; */
      border-radius: 0;
    }
    100% {}
  }

  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f1f1f1 !important;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.end-1 {
    display: flex;
    justify-content: space-evenly;
    position: relative;
    left: -47px;
}

#social_side_links {
    position: fixed;
    top: 31%;
    right: -2px;
    padding: 0;
    list-style: none;
    z-index: 99;
}
#social_side_links li a i {
    max-width: 100%;
    padding: 10px;
    margin-bottom: 12px;
    background-color: #000;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
}
.head-tag {
    font-size: 16px;
    line-height: 24px;
}

.span-weight {
    color: #000000;
    font-weight: 500;
}

.heading-review {
    font-size: 21px;
    color: #fff;
    text-align: center;
}

.heading-review-1 {
    font-size: 26px;
    color: #fff;
    text-align: center;
}