@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:400,500,600,700,800&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,body {
    font-family: 'Roboto';
    font-family: 'Barlow Condensed';
    scroll-behavior: smooth;
    
}
/* *,
*:before,
*:after {
    box-sizing: inherit;
} */
*, ::after, ::before {
    box-sizing: border-box;
}
html {
    box-sizing: border-box;
}
h1,h2,h3,h4,h5 {
    font-family: 'Barlow Condensed';
    font-weight: 700;
}
h1 {
    font-size: 70px;
}
h2 {
    font-size: 60px;
    color: #121933;
    text-transform: uppercase;
    
}
h3 {
    font-size: 42px;
    color: #121933;
    text-transform: uppercase;
    
}
h4 {
    color: #121933;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
h5 {
    font-size: 18px;
    font-weight: 600;
}
h6 {
    font-family: 'Roboto';
    font-size: 14px;
    color: #ef1414;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-bottom: 4px;
}
p {
    font-family: 'Roboto';
    color: #7f8183;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    
}

ul li {
    list-style: none;
}



/* ------HEADER START------ */

#header {
    
    position: relative;
}
.logo {
    cursor: pointer;
}

/* ---HEADER TOP START--------- */

  .header-top {
    margin-top: 5px;
    margin-bottom: 10px;
    z-index: 999;
    position: absolute;
    width: 100%;
    overflow: hidden;
  }
   .headCont {
    font-family: "Roboto";
    font-weight: 400;
    position: relative;
    padding-left: 40px;
    color: #fff;
  }
   .headCont a {
    font-family: "Roboto";
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
  }
  .headCont:last-of-type {
    margin-left: 60px;
  }
  .headCont img {
    position: absolute;
    left: 0;
    top: 5px;
  }

/* ---HEADER TOP END--------- */

/* -----MAIN NAVBAR START-------- */

 .navbar {
    position: absolute;
    z-index: 999;
    top: 73px;
    width: 100%;
}
.navbar-top {
    transition: .2s;
}

.nav-wrapper {
    width: 100%;
    background: #fff;
    border-radius: 3px;
    position: relative;
}
.navbar-brand {
    display: none;
}
.navbar-toggler {
    outline: none;
    border: none;
    margin-left: auto!important;
    display: block;
  
}

#header .navbar-light .navbar-toggler-icon {
    background-image: url("../svg/humburgger.svg");
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #d8830f;
    margin-left: 30px;
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Roboto';
    color: #121933;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 25px 20px;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link:hover {
    /* color: inherit; */
    transition: .5s;
}
.my-btn a{
    font-family: 'Barlow Condensed'!important;
    position: relative;
    background-color: #d8830f;
    color: #fff!important;
    z-index: 1;
    padding: 24px 57px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    border-radius: 3px;
    display: block;
    transition: .3s;
}
.my-btn a:before {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    background-color: #d8830f;
    position: absolute;
    left: -13px;
    top: 0;
    transform: skew(-19deg);
    z-index: -1;
    transition: .3s;
}
.my-btn a:hover {
    color: #000c38!important;
    background: #d8830f;
}
.my-btn a:hover:before{
    background: #d8830f;
}
.fixed-me{
    transition: all .3s ;
}

.fixed-me{
    background: #ffffff;
    padding: 0;
    position: fixed;
    top: 0%;
	/* z-index:9999; */
    width: 100%;
    border-bottom: 1px solid #1333; 
} 

/* -----MAIN NAVBAR END-------- */

/* ------HEADER END------------- */

/* ------------BANNER START--------------- */


.banner {
    /* background: linear-gradient(rgb(143 55 55 / 40%), rgb(143 55 55 / 40%)),  url(..//img/bg-img.jpg); */
    background: linear-gradient(rgb(0 0 0 / 17%), rgb(0 0 0 / 15%)), url(..//img/bg-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 100%;
     background-attachment: fixed;
    padding-bottom: 335px;
   
}
.hero-text {
    margin-top: 320px;
    text-align: center;
    color: #fff;
    
}
.hero-text h4 {
    color: #fff;
    letter-spacing: 3px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.hero-text h4 span {
    color: #d8830f;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.hero-text h1 {
    padding-bottom: 15px;
    text-transform: uppercase;
}
.hero-text p {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 60px;
}
.hero-btn {
    background: #d8830f;
    font-size: 18px;
    color: #fff;
    font-family: 'Barlow Condensed';
    font-weight: 600;
    padding: 15px 45px;
    margin: 8px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
}
.hero-btn:hover {
    text-decoration: none;
    color: #fff;
}
.btn1 {
    background: #fff;
    color: #000c38;
}
.btn1:hover {
    background: #d8830f;
    color: #fff;
    text-decoration: none;
    transition: .5s ease-in-out;
}

/* ----BANNER END------- */


/* ----BLOCK START -----*/

#block {
    padding-bottom: 30px;
    display: block;
}
.block-one {
    background: #f7f7f7;
    padding: 30px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: -125px;
    overflow: hidden;
   

}

 
   

.block .fa{
    color: #333 !important;
}

.block:hover .fa:hover{
    color: blue !important;
}
 

.block-one h4 {
    text-transform: uppercase;
    color: #121933;
    padding-top: 22px;
    padding-bottom: 10px;
}
.block-one p {
    padding-bottom: 10px;
}
.cls-1:hover {
    fill: #fff!important;
  }

.block-one:hover {
    background: #d8830f;
     color: #fff;
    transition: .5s ease-in-out;
}
.block-one:hover h4{
    color: #fff;
    transition: .5s ease-in-out;
}
.block-one:hover p{
    color: #fff;
    transition: .5s ease-in-out;
}
.block-one:hover.block-one .cls-1 {
    fill: #fff!important;
    transition: .5s ease-in-out;
}
.mrgt-3
{
    margin-top: 3%;
}
 
/*---------- BLOCK END--------- */


/* facts section   */
.over{overflow: hidden;}
.facts{
   /* background-color: red; */
   background: url(../img/counters-bg.jpg) no-repeat fixed left top;
   margin: 0;
   padding: 91px 0;
   position: relative;
   width: 100%;
   float: left;
   text-align: center;
   z-index: 9;
}
.fact-number{
    /* font-size: 65px  ​!important; */
    font-size: 65px !important;
}
.fact-text{
    font-size: 30px;
    margin: 0 0 20px;
    padding: 0;
    color: #fff;
    font-weight: 600;
}
.facts:before {
    /* background: #000; */
    background: #201a1a;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
/* partner section  */
.clients
{
    padding-top: 3%;
    padding-bottom: 6%;
}
h2{
    text-align:center;
    padding: 20px;
    }
    /* Slider */

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

    .slick-slide img {
        width: 100%;
    }

    .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: 100%;
        min-height: 1px;
    }
    [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;
    }


    /* about section  */
    /* .about{
        padding-top: 8%;
        padding-bottom: 9%;
    }
    .about-p{
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.2;
    } */
    /* .hrStyle
    {
        border: none;
        height: 1px;
        color: #333;
        background-color: #333; 
    }
    .about-right
    {
        text-align: center;
    }
    .about-left
    {
        margin-top: 11%;
        padding-right: 7%;
    }
    .about-img{
        max-width: 100%;
    } */

    /* blog section  */
    #blog{background: #f8f8f8;}
    .blog-title{padding-top: 5%;}
    .col-mg-top-4{ margin-top: 4%;}
    #blog .blog_wrapp {
        /* margin: 75px auto 0; */
        margin: 0px auto 0;
        float: none;
        padding-bottom: 9%;
    }
    #blog .blog_block {
        background: #fff;
        float: left;
        -webkit-transition: all ease-in 0.25s;
        transition: all ease-in 0.25s;
    }
    #blog .blog_block:hover {
        -webkit-transition: all 0.2s linear;
        overflow: hidden;
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
        -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
        transition: -webkit-box-shadow 0.2s linear;
        transition: box-shadow 0.2s linear;
        transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
    }
    .blog_img {
        position: relative;
        overflow: hidden;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .blog_img,
    .blog_img a {
        display: block;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -o-perspective: 1000;
        perspective: 1000;
    }
    .blog_img img {
        width: 100%;
        height: auto;
        transition: all 0.4s;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .blog_block:hover img {
        filter: brightness(80%);
        -moz-filter: brightness(80%);
        -ms-filter: brightness(80%);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .blog_img_hoverlay {
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: all 0.4s;
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .blog_img_hoverlay_icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        -webkit-transform: translateY(-60px) scale(1.5);
        transform: translateY(-60px) scale(1.5);
        transition: all 0.45s;
    }
    .blog_img_hoverlay_icon .fa {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -13px;
        margin-left: -13px;
        font-size: 26px;
        color: #fff;
        cursor: pointer;
    }
    .blog_block:hover .blog_img_hoverlay {
        opacity: 0.5;
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
    }
    .blog_block:hover .blog_img_hoverlay_icon {
        opacity: 1;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    .blog_img_overflow {
        position: absolute;
        top: 0;
        left: -68px;
        width: 68px;
    }
    #blog .blog_info {
        width: 100%;
        margin: 0;
        padding: 20px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    #blog .blog_info h3 {
        margin-top: 0;
        margin-bottom: 10px;
    }
    #blog .blog_info h3 a {
        color: #333;
        margin: 0;
        font-size: 18px;
        font-weight: 300;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inherit;
    }
    #blog .blog_info p {
        line-height: 20px;
        color: #999;
        text-align: left;
        font-weight: 300;
        letter-spacing: normal;
    }
    #blog .blog_info span {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px;
        color: #999;
        text-align: left;
        display: inline-block;
    }
    #blog .blog_info span span {
        color: #999;
        font-style: italic;
        margin: 0;
    }
    #blog .blog_info span.year {
        font-size: 13px;
        line-height: 20px;
        color: #999;
        font-family: roboto, sans-serif;
        font-weight: 500;
        margin: 0;
        padding-top: 6px;
    }
    #blog .blog_info .btn_glob {
        /* background-color: transparent;
        border-color: #fff;
        color: #999;
        float: left;
        margin-bottom: 20px;
        padding: 0;
        font-size: 13px;
        text-transform: capitalize;
        margin-top: 15px; */
        display: inline-block;
        position: relative;
        margin-top: 18px;
        font-size: 14px;
        background-color: #d8830f;
        color: #fff;
        padding: 10px 15px;
        text-align: center;
        width: 120px;
        font-weight: 600;
    }
    #blog .blog_info .btn_glob:hover {
        /* text-decoration: underline !important; */
        /* box-shadow: none; */
    }
    #blog .blog_img span {
        font-size: 12px;
        line-height: 20px;
        padding: 7px 10px;
        text-align: center;
        position: absolute;
        top: 7px;
        right: 0;
        background-color:#d8830f;
        color: white;
        display: block;
        letter-spacing: 0.5px;
        border-radius: 5px 0 0 5px;
    }
    #blog .blog_img span i {
        display: inline;
        margin-right: 7px;
    }

    /* new about us  */
    .aboutBg{
        position: relative;
        padding-top: 100px;
        padding-bottom: 100px;
    } 
     .aboutBg:before {
        content: "";
        background: url(../img/shape/dot_bg.png);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .aboutBg-h2{
        text-align: left;
        font-size: 40px;
    }
    .aboutBg-p{
        color: black;
    }
    .why-choos-lg {
        position: relative;
    }
    .why-choos-lg:before {
        content: "";
        background: url(../img/shape/dot_bg.png);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .pad-tb {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .common-heading {
        padding: 0;
        text-align: center;
        position: relative;
        z-index: 10;
    }
    .common-heading.pp h2 {
        margin-bottom: 0;
    }
    .common-heading.pp {
        padding: 0;
        text-align: left;
    }
    .common-heading.pp p {
        margin: 20px 0 0 0;
    }
    .common-heading.w-txt > span {
        color: #fff;
    }
    .common-heading.ptag h2 {
        margin-bottom: 15px;
    }
    .common-heading.ptag p {
        font-size: 16px;
        line-height: 28px;
    }
    html .mb20 {
        margin-bottom: 20px;
    }
    .text-second {
        /* color: #e91e63; */
        color: #d8830f;
    }
    .text-bold {
        font-weight: 700;
    }
    .text-l {
        text-align: left !important;
    }
    .common-heading > span {
        /* color: #e60072; */
        color: #d8830f;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 15px 0;
        display: block;
    }
    .itm-media-object .media .img-media {
        width: 65px;
        background: #d3f3ff;
        padding: 10px;
        border-radius: 8px;
    }
    .itm-media-object .media-body {
        margin-left: 30px;
    }
    .itm-media-object h4 {
        text-align: left;
    }
    .itm-media-object .media img {
        width: 100%;
    }
    .itm-media-object .media .img-ab- {
        background: #f5f5f5;
        border-radius: 8px;
        width: 65px;
        padding: 10px;
    }
    .itm-media-object h4 {
        text-align: left;
        margin-bottom: 10px;
    }
    .tilt-3d .base {
        transform-style: preserve-3d;
        transform: perspective(1000px);
    }
    .tilt-3d .layer {
        transform: translateZ(20px);
    }
    .single-image img {
        position: relative;
        z-index: 5;
        border-radius: 8px;
    }
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    .bg-shape-dez::before {
        bottom: -10px;
        left: -10px;
        border-radius: 0 0 0 8px;
    }
    .bg-shape-dez::after, .bg-shape-dez::before {
        position: absolute;
        z-index: 0;
        content: '';
        width: 50%;
        height: 50%;
        background: #007bff;
        background: -webkit-linear-gradient(left,#007bff 0,#ff1f8e 100%);
        background: linear-gradient(to right,#007bff 0,#ff1f8e 100%);
    }
    .bg-shape-dez::after {
        top: -10px;
        right: -10px;
        border-radius: 0 8px 0 0;
    }
    .bg-shape-dez::after, .bg-shape-dez::before {
        position: absolute;
        z-index: 0;
        content: '';
        width: 50%;
        height: 50%;
        background: #0c1148;
        background: -webkit-linear-gradient(left,#0c1148 0,#d8830f 100%);
        background: linear-gradient(to right,#0c1148 0,#d8830f 100%);
    }
    .mt30
    {
        margin-top: 30px;
    }

    /* protofal section  */
    .protofol{
        background: #f8f8f8;
        padding-top: 3%;
    }
    .protofol-title{
        font-size: 20px !important;
    }
    .txt-center{text-align: center;}
    .img-item{
        /* position: relative;
        display: block;
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        background: #f3f9ff; */
        display: block;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f9ff;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
    box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
      
    }
    .img-item img{
        width: 100%;
    }
    .info-item{
        background: #fff;
        padding: 15px;
        position: relative;
        top: -40px;
        width: 95%;
        /* border-radius: 40px 8px 8px 8px; */
        margin: 0 auto;
        text-align: center;
        box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
    }


    /* contact-msg  */
    .contact-msg
    {
        padding: 4% 0 5% 0;
        background: #d8830f;
        color: white;
    }
    .contact-msg h3
    {
        color: white;
        font-size: 2.1rem;
    }
    .contact-msg-right{
        text-align: right;
    }
    .contact-msg a {
        padding: 14px 35px;
        display: inline-block;
        color: #101010;
        background-color: #ffffff;
        text-transform: uppercase;
        font-size: 1.2rem;
        border: none;
        text-decoration: none;
    }

    /* footer section   */
    footer{
        background:  #000000e8;
        /* padding: 5% 0; */
        padding: 5% 0 3% 0;
    }
    footer i
    {
        color: #c5dadc;
        padding-right: 7px;
    }
    .txt-white{
        color: white;
    }

    footer h5{
        color: white;
        font-size: 23px;
    }
    .footerLink 
    {    
        color: #c5dadc;
        text-decoration: none;
        font-size: 1.3rem;
    }
    .footerLink:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .mrg-bot-2{ margin-bottom: 2%;}

    /* copyright */
    .copyRight
    {
        background: black;
        color: white;
        padding: 0.6% 0;
    }
    .copyRight span{
        color: #d8830f;
        font-weight: bold;
    }

/* -----------ABOUT START--------------- */
 /* hero section  */
 .hero{

    background: linear-gradient(#93727178, #93727178) , url(../img/9.jpg);
    padding-top: 13%;
    padding-bottom: 4%;

 }
 .hero:before {
    opacity: .85;
    left: 0;
    z-index: 0;
    background: -moz-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);
    background: -webkit-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);
    background: linear-gradient(135deg,#ffdee9 0,#c8fff4 100%);
 }
 .aboutUs
 {
    padding: 8% 0;
 }
 .about-pag-head:after {
    /* content: "";
    position: absolute;
    right: -50rem;
    bottom: -60.625rem;
    width: 88.75rem;
    height: 88.75rem;
    border: 14.0625rem solid #fbf1ef;
    border-radius: 50%;
    z-index: -1; */
}
 .about-small-title
 {
     text-transform: capitalize;
     margin-bottom: 15px;
     font-weight: 300;
     font-size: 21px;
     line-height: 30px;
     display: block;
     color: #d8830f;
     text-transform: uppercase;
 }
.higlitText
{
    position: relative;
    z-index: 5;
}
.higlitText::after{
    content: "";
    bottom: 13px;
    position: absolute;
    background: #ffc5b2;
    right: 0;
    left: 0;
    height: 10px;
    z-index: -5;
}
.bigTitle
{
    color: #30303c;
    font-weight: 700;
    font-size: 45px;
    line-height: 57px;
}
.aboutImg
{
    border-radius: 14px;
    max-width: 100%;
}


/* mission section  */
.r-bg-a {
   background: #f8f8f8;;
}
.sec-pad {
    padding-top: 120px;
    padding-bottom: 120px;
}
.vrt-tabb.nav-pills .nav-link {
    /* border-radius: 14px; */
    margin-bottom: 8px;
    color: #30303c;
}
.vrt-tabb.nav-pills .nav-link + .nav-link {
    margin-top: 8px;
}
.vrt-tabb li {
    width: 100%;
}
.vrt-tabb .nav-link {
    width: 100%;
    display: block;
    padding: 20px;
    background: #fff;
}
.vrt-tabb .nav-link i {
    margin-right: 15px;
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    color: #d8830f;
    box-shadow: 0 10px 10px hsl(18deg 100% 57% / 25%);
}
.vrt-tabb .nav-link.active,
.vrt-tabb .show > .nav-link {
    color: #ffffff;
    background-color: #d8830f;
}
.tab-bg {
    padding: 0;
}
.vrt-tabb {
    padding-right: 100px;
}
.tabs-layout .tab-content {
    padding: 30px 0 0;
}  

/* -------single service ------------ */
.hero-section
{
    padding: 204px 0 124px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background: linear-gradient( 135deg,#ffefd7 0,#c8fff4cf 100%), url(..//img/8.jpg);
}
/* techonogly used section  */
.techonology-used- {
    text-align: center;
    background: #f9f9f9;
}
.h-scroll {
    width: 100%;
    padding: 50px 10px;
}
.tech-icons a,
.tech-icons li {
    display: inline-block;
}
.tech-icons img {
    width: 45px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}
.tech-icons li {
    margin: 6px;
}
.tech-icons a:hover {
    border: 4px solid #d8830f;
}
.tech-icons a {
    border: 4px solid #fff;
    position: relative;
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}
/* price table  */

.pad-tb {
    padding-top: 100px;
    padding-bottom: 100px;
}
.pricing-table img,
.ps-block span {
    animation: border-transform 6s linear infinite;
}
.mt60 {
    margin-top: 60px;
}
.pricing-table {
    position: relative;
    font-family: Poppins, sans-serif;
    text-align: center;
    padding: 30px 30px 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff;
    box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff;
}
.pricing-table img {
    background: #e9f8ff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 10px;
    border: 8px solid #fbfbfb;
}
.pricing-table .title {
    margin: 30px 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    display: block;
    letter-spacing: 0.5px;
}
.pricing-table .title-sub {
    margin: 0 0 30px;
}
.pricing-table .inner-table h2 {
    font-size: 42px;
    font-weight: 700;
    color: #d8830f;
    margin-bottom: 3px;
}
.pricing-table .inner-table p.duration {
    color: #72729a;
    font-weight: 500;
    margin-bottom: 0;
}
.pricing-table .inner-table .details {
    margin-top: 35px;
    padding-top: 28px;
    padding-bottom: 30px;
    line-height: 42px;
    border-top: 1px solid #e5e5e5;
}
.pricing-table a {
    margin-bottom: -26px;
    display: inline-block;
}
.pricing-table .inner-table .details ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.pricing-table.best-plan .inner-table h2 {
    color: #2a89ea;
}
.pricing-table.best-plan img {
    background: #ccf0ff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 10px;
    border: 8px solid #e9f8ff;
}
.lnk {
    position: relative;
    overflow: hidden;
}
.lnk:hover span.circle {
    top: -10%;
    right: -80px;
}
.lnk:hover span.circle2 {
    top: -10%;
    right: -40px;
}
.bg-btn {
    background: #d8830f;
   
}
.btn-main {
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins,sans-serif;
    padding: 0 32px;
    line-height: 56px;
    outline: 0;
    background-color: #d8830f;
    color: white;
    border: none;
    display: inline-block;
    position: relative;
    -webkit-box-shadow: 0 10px 15px 0 rgb(233 30 99 / 15%);
    box-shadow: 0 10px 15px 0 rgb(233 30 99 / 15%);
}
.btn-main:hover{
    color: white;
    text-decoration: none;
}
.bg-gradient4 {
    /* background: #c1eeff;
    background: -moz-linear-gradient(top,#c1eeff 0,#f5faff 100%);
    background: -webkit-linear-gradient(top,#c1eeff 0,#f5faff 100%);
    background: linear-gradient(to bottom,#c1eeff 0,#f5faff 100%); */
}

/* project section  */
.featured-project .isotope_item {
    margin-top: 60px;
}
.featured-project {
    background: #f9f9f9;
}
.item-image
{
    position: relative;
}
.div-item-image img {
    border-radius: 8px;
    width: inherit !important;
    margin: 0 auto;
}
.item-image {
    display: block;
    width: 100%;
    border-radius: 8px;
    background: #f3f9ff;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}
.item-image img {
    width: 100%;
}
.isotope_item h4 a {
    color: #050748;
}
.item-info {
    padding: 20px 0 0;
}
.btn-outline {
    border: 2px solid #000248;
    color: #050748;
    padding: 0 32px;
    font-family: Poppins,sans-serif;
    font-size: 16px;
    background: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgb(3 35 68 / 10%);
    box-shadow: 0 10px 15px 0 rgb(3 35 68 / 10%);
    line-height: 52px;
    display: inline-block;
    text-align: center;
}
.maga-btn {
    text-align: center;
}
.btn-outline:hover {
   text-decoration: none;
   color: inherit;
}

/* indestory section  */
.industry-workfor{
    background:#f7f7f7;
    padding:15px 20px;
    border-radius:14px;
    margin-top:30px;
    display:flex;
    align-items:center
}
.industry-workfor img{
    width:55px
}
.industry-workfor h6{
    margin:0 0 0 15px;
    font-size: 15px;
    line-height: 26px;
    color: #30303c;
    font-weight: 700;
}
.v-center {
    align-self: center;
    align-items: center;
}
.form-block input {
    height: 50px;
    padding: 0 15px;
    border-bottom: 2px solid #e6e6e6 !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.form-block input, .form-block textarea {
    margin: 0 0 15px;
    border: 0;
    width: 100%;
    color: #172b43;
    font-size: 16px;
    background: #fff;
    outline: 0;
}
.form-block select {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin: 0 0 15px;
    color: #172b43;
    font-size: 16px;
    outline: 0;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.form-block textarea {
    height: 100px;
    padding: 15px;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.help-block.with-errors {
    color: #ff5050;
    margin: 0 0 0 10px;
    font-size: 13px;
    position: relative;
    bottom: 12px;
}
.contact-card {
    background: #fff8f2;
}
.info-card {
    padding: 30px;
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}
.info-card span i {
    margin-right: 10px;
}
.info-card span {
    font-size: 20px;
    font-weight: 700;
}
.info-card p {
    font-size: 16px;
    line-height: 28px;
    margin: 20px 0 10px;
}
.info-card a {
    font-size: 20px;
    color: inherit;
    font-weight: 600;
}
.v-center {
    align-self: center;
    align-items: center;
}
.email-card {
    background: #ffe6c5;
}
.skype-card {
    background: #ccffd5;
}
.text-l {
    text-align: left!important;
}
.contact-page h2{
    font-size: 46px;
}
.social__item img {
    height: 24px;
}
.Instagram{height: 35px;}

.serviceLink:hover{
    color: inherit;
    text-decoration: none;
}

/* our clients  */
.testimonialBg{ 
    background: #f8f8f8;
    padding-top: 4%;
      padding-bottom: 4%;
   }
.testimonial{margin: 0 20px 40px;}
.testimonial .testimonial-content{padding: 35px 25px 35px 50px;
margin-bottom: 35px;
background: #fff;
border: 1px solid #f0f0f0;
position: relative;
}
.testimonial .testimonial-content:after{
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
position: absolute;
bottom: -10px;
left: 22px;
transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
width: 50px;
height: 45px;
background: #d8830f;
text-align: center;
font-size: 22px;
color: #fff;
line-height: 42px;
position: absolute;
top: 37px;
left: -19px;
}
.testimonial-content .testimonial-icon:before{
content: "";
border-bottom: 16px solid #d8830f;
border-left: 18px solid transparent;
position: absolute;
top: -16px;
left: 1px;
}
.testimonial .description{
font-size: 15px;
font-style: italic;
color: #8a8a8a;
line-height: 23px;
margin: 0;
}
.testimonial .title{
display: block;
font-size: 18px;
font-weight: 700;
color: #525252;
text-transform: capitalize;
letter-spacing: 1px;
margin: 0 0 5px 0;
}
.testimonial .post{
display: block;
font-size: 14px;
color: #d8830f;
}
.owl-theme .owl-controls{
margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
background: #ccc;
opacity: 1;
transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
background: #d8830f;
}
.padd-top-3{padding: 3% 0;}
.ourClients-item{
    padding-bottom: 30px ;
}
.ourClients-item img{max-width: 50%;}