/*=======================================================================
[Table of contents]
=========================================================================
1. home one 
    i. Top Bar
    ii. Header
    iii. Fixed Header
    iv. slider
    v. About
    vi. Fun Fact
    vii. Call To Action
    vii. Recent work
    ix. Great services
    x. Pricing Table
    xi. Our Histroy
    xii. Testmonial
    xiii. Blog
    xiv. Video
    xv. Social
    xvi. Partners
    xvii. Contact and map
    xviii. Footer
2. Home Two
    i. Offer
    ii. Fun Facts
    iii. Why Choose
    iv. Great Service Section 
    v. Get in touch 
    vi. Our Great Team 
    vii. Our Partners 
    vii. Clients Say 
3. Home 3
    i. Header 3
    ii. Menu 3
    iii. Banner 3
    iv. Icon Box 2
    v. Call To Action
    vi. Recent Work
    vii. Fatures
    vii. Team
    viii. Testimonial
3. Home 04
    i. Header
4. contact page
    i. Map 
    ii. Contact Form Heading
5. Home5
    i. Menu
6.  About Us Page
    i. We Offer
7. About2 Page
8. Services 2 Page
9. Portffolio Page
10. Single Portfolio 
11. Single Portfolio2 Page
12. Blog List
13. Blog Sidebar
14. BlogLIst 2
15. Blog Single
16. 404 Page
17.Preloader css
==========================================================================*/

/*=======================================================================
// Home One
=========================================================================*/

/**==================== Top Bar ======================**/
.top_bar{
    width: 100%;
    position: relative;
    background: #111111;
    min-height: 50px;
}
.top_bar_info{
    position: relative;
    text-align: left;
    padding-top: 18px;
    line-height: .7;
}
.top_bar_info p{
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 1.2px;
    line-height: .7;
}
.top_bar_info p i{
    margin-right: 10px;
}

.top_bar_social{
    text-align: right;
    position: relative;
    padding: 7px 0;
}
.top_bar_social a{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #303030;
    color: #ababab;
    font-size: 12.35px;
    line-height: .8;
    text-align: center;
    border-radius: 50%;
    margin-left: 7px;
    padding: 12px 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.top_bar_social a:hover{
    color: #fff;
}
.top_bar_social a.fac:hover{
    background: #4867AA;
}
.top_bar_social a.twi:hover{
    background: #5EA9DD;
}
.top_bar_social a.goo:hover{
    background: #DC4A38;
}
.top_bar_social a.lin:hover{
    background: #0274B3;
}
.top_bar_social a.dri:hover{
    background: #D13E75;
} 



/* HSD PMG RATE */
.singlePricing{
    box-shadow:0 3px 3px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
    position: relative;
}
.pricHead{
    background: #F7941d;
    color: #fff;
    padding-top: 40px;
    position: relative;
    margin-bottom: 62px;
}
.pricHead::after {
    border-left: 131.5px solid transparent;
    border-right: 131.5px solid transparent;
    border-top: 30px solid #F7941d;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.pricHead h1,
.pricHead h2{
    font-family:"Roboto Slab",serif;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1.04px;
}
.pricHead h1{
    font-size: 15px; 
    margin-bottom: 13px;
}
.pricHead h2{
    font-size: 48px;
    font-weight: 700; 
    padding-bottom: 10px;
}
.pricHead h2 span{
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
    margin-left: -10px;
}
.priceBody{}
.priceBody ul{}
.priceBody ul li{
    padding: 10px 0;
}
.pricFoot {
    padding-bottom: 50px;
    padding-top: 24px;
}
.singlePricing.active .pricHead{
    background: #29c2e1;
    padding-bottom: 30px

}
.singlePricing.active .pricHead:after{
    border-left: 131.5px solid transparent;
    border-right: 131.5px solid transparent;
    border-top: 30px solid #29c2e1;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
    bottom: -30px;
}
.singlePricing.active {
    margin-top: 0;
}
/* HSD PMG RATE */


.team{
    min-height: 100vh;
    background-color: #f5ebeb;
    line-height: 1.5;
    padding:80px;
    display: flex;
    flex-wrap: wrap;
}
.rowin{
    gap: 20px;
}
.tem{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.temimg{
    vertical-align: middle;
    max-width: 100%;
}

.img-box{
    height: 220px;
    width: 220px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.teamed{
    text-align: center;
    font-weight: 600;
}
/* Team END */
/**==================== Header ======================**/
.header{
    position: relative;
    background: #fff;
}
.logo{
    width: 100%;
    position: relative;
    text-align: left;
    padding: 36px 0 35px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.logo img{
    max-width: 100%;
    height: auto;
}
.mainMenu{
    width: 100%;
    position: relative;
    text-align: right;
    padding-top: 40px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.mainMenu ul{
    margin: 0;
    padding: 0;
    text-align: right;
}
.mainMenu ul li{
    display: inline-block;
    list-style: none;
    margin-left: 51px;
    line-height: .8;
}
.mainMenu ul li a{
    font-family: Roboto Slab;
    font-weight: 700;
    font-size: 13px;
    color: #222222;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    display: inline-block;
    line-height: .8;
}
.mainMenu ul li a:hover, 
.mainMenu ul li.active a{
    color: #f7941d;
}
.mainMenu ul li:first-child{
    margin-left: 0px;
}
.mainMenu ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    top:12px;
}
.mainMenu ul li:hover .sub-menu .sub-menu{
    visibility: hidden;
    opacity: 0;
}
.mainMenu ul li .sub-menu li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
}
.mainMenu ul .sub-menu li {
    display: block;
    line-height: 2.8;
    padding-bottom: 0;
}
.mainMenu ul li {
    display: inline-block;
    line-height: 0.8;
    /*    margin-left: 25px;*/
    position: relative;
    transition: all 500ms ease 0s;
}
.sub-menu > li {
    border-bottom: 1px solid #e0e0e0;
    margin-left: 0 !important;
    text-align: center;
}
.mainMenu ul .sub-menu {
    background: #fff;
    left: -84px;
    margin-top: 50px;
    opacity: 0;
    position: absolute;
    transition: all 500ms ease 0s;
    visibility: hidden;
    width: 250px;
    z-index: 9;
    top:30px;
}
.mainMenu ul li {
    padding-bottom: 50px;
}
.mainMenu .sub-menu .sub-menu {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #dedede;
    left: 248px;
    opacity: 0;
    position: absolute;
    transition: all 500ms ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 9;
    margin-top: 0;
}
.mainMenu .sub-menu .sub-menu li:last-child {
    border-bottom: 0px solid #dedede;
}
.mainMenu .sub-menu li:hover .sub-menu {
    opacity: 1;
    top: 0px;
    visibility: visible;
}
.mainMenu .sub-menu li:hover .left {
    left: 250px;
    opacity: 1;
    top: 0;
    visibility: visible;
}
.mainMenu .sub-menu .left {
    left: -220px !important;
    opacity: 0;
    position: absolute;
    top: 10px;
    visibility: hidden;
}
.sub-menu a {
    font-size: 12px !important;
    margin: 25px 0;
    text-transform: capitalize !important;
    width: 100%;
}
.mainMenu ul.sub-menu li:hover > a,
.mainMenu ul li:hover > a{
    color: #F7941D;
}

/**==================== Fixed Header ======================**/
.fixedHeader {
    background: #fff none repeat scroll 0 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.fixedHeader .mainMenu {
    padding-top: 25px;
}
.fixedHeader .logo {
    padding: 20px 0 20px;
}
.fixedHeader .mainMenu ul li {
    padding-bottom: 35px;
}
.fixedHeader .mainMenu ul .sub-menu li{
    padding-bottom: 0;
}
.fixedHeader .mainMenu ul li:hover .sub-menu {
    border: thin solid #e0e0e0;
}

.fixedHeader .mainMenu ul .sub-menu {
    margin-top: 35px;
}
/*header2*/
.header2.fixedHeader{
    background: rgba(0, 0, 0, .9);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    min-height: 75px;
}
.header2.fixedHeader .headerborder{
    border-bottom: none;
}
.header2.fixedHeader .logo2 {
    padding: 20px 0;
}
.header2.fixedHeader .mainMenu2 {
    padding-top: 35px;
}
.header2.fixedHeader .mainMenu2 ul li:hover ul.sub-menu{
    top: 44px;
}
.header2.fixedHeader .mainMenu2 ul li ul.sub-menu :hover ul.sub-menu{
    top: 0;
}
.header2.fixedHeader .mainMenu2 ul li {
    padding-bottom: 30px;
}
.header2.fixedHeader .mainMenu2 ul li ul.sub-menu li{
    padding-bottom: 0;
}
/**header3**/
.header3.fixedHeader{
    /* background: #fff; */
    background-color: rgba(255, 255, 255);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.header3.fixedHeader .mainMenu {
    /* padding-top: 25px; */
}
.header3.fixedHeader .logo {
    padding: 20px 0;
}


/**header4**/
.header4.fixedHeader{
    background: #333;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.header4.fixedHeader .logo2 {
    padding: 15px 0 15px;
}
.header4.fixedHeader .mainMenu2{
    padding-top: 35px;
}
.header4.fixedHeader .mainMenu2 ul li{
    padding-bottom: 33px;
}
.header4.fixedHeader .mainMenu2 ul li ul.sub-menu li{
    padding-bottom: 0;
}
.header4.fixedHeader .mainMenu2 ul li:hover ul.sub-menu{
    top: 44px;
}
.header4.fixedHeader .mainMenu2 ul li ul.sub-menu :hover ul.sub-menu{
    top: 0;
}
/*header5*/
.header2.home5.fixedHeader{
    top: 0;
}

/**==================== slider ======================**/
.sliderSection{
    background: #E5EEF0;
    position: relative;
}
.revSlider{
    width:100%;   
    position:relative;
    overflow:hidden;
}
.revSilderImg{
    position: relative;
}
.revSilderImg:after{
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
.tp-bannertimer{
    display: none;
}
.home1 .tp-leftarrow.default{}
.home1 .tparrows.default.round {
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    transition: all 500ms ease 0s;
    width: 70px;
    height: 70px;
    text-align: center;
}
.home1 .tparrows.default.round:hover{
    background: #F7941D;
}
.home1 .tp-leftarrow.default.round{
    position: relative;
}
.home1 .tp-leftarrow.default.round:before{
    position: absolute;
    content: '\f104';
    font-family: 'FontAwesome';
    left: 0;
    padding: 22px 29px;
    color: #fff;
    font-size: 24px;
}
.home1 .tp-rightarrow.default.round:after{
    position: absolute;
    content: '\f105';
    font-family: 'FontAwesome';
    left: 0;
    padding:  22px 30px;
    color: #fff;
    font-size: 24px;
}
.home1 .tp-leftarrow.tparrows.default.round {
    left: 70px !important;
    top: 50.2% !important
}
.home1 .tp-rightarrow.tparrows.default.round {
    right: 70px !important;
    top: 50.2% !important;
}
.home1 .tparrows.default.round.hidearrows, 
.home1 .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
}

.revSlideCont h1{
    font-family: "Roboto Slab",serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: .8;
    margin: 0;
}
.revSlideCont h2{
    font-weight: 900;
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    font-family: Raleway;
    margin: 0;
    line-height: 65px;
}
.sliderSection.home1 .slotholder::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.sliderPromotion{
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 70px;
}
.singlePromo h4{
    font-size: 13px;
    text-align: center;
    font-family: "Roboto Slab",serif;
    letter-spacing: .91px;
    line-height: .8;
    text-transform: uppercase;
    margin:0;
    position: relative;
    border-bottom: 2px solid #bebfbf;
}
.singlePromo h4:after{
    width: 0;
    height: 2px;
    background: #bebfbf;
    position: absolute;
    content: '';
    left: 0;
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -ms-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
}
.singlePromo h4 a{
    color: #fff;
    padding-bottom: 30px;
    display: block;
}
.singlePromo h4 a:hover{
    color: #f7941d;
}
.singlePromo h4:hover:after{
    background: #f7941d;
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
}
/**=====================     About   ======================**/
/**===================== Our History ======================**/
.timeline{
    position: relative;
    max-width: 1150px;
    margin: 10px auto;
}
.tcontainer{
    padding: 10px 50px;
    position: relative;
    width: 50%;
    animation: movedown 1s linear forwards;
    opacity: 0%;
}
@keyframes movedown{
    0%{
        opacity: 1;
        transform: translateY(-30px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}
.tcontainer:nth-child(1){
    animation-delay: 0s;
}
.tcontainer:nth-child(2){
    animation-delay: 1s;
}
.tcontainer:nth-child(3){
    animation-delay: 2s;
}
.tcontainer:nth-child(4){
    animation-delay: 3s;
}
.tcontainer:nth-child(5){
    animation-delay: 4s;
}
.tcontainer:nth-child(6){
    animation-delay: 5s;
}
.tcontainer:nth-child(7){
    animation-delay: 6s;
}
.tcontainer:nth-child(8){
    animation-delay: 7s;
}
.text-boxx{
    padding: 20px 30px;
    background: #fff;
    box-shadow:0px 5px 10px 0px rgba(0, 0, 0, .2);
    position: relative;
    border-radius: 9px;
    font-size: 15px;
}
.left-container{
    left: 0;
}
.right-container{
    left: 50%;
}
.tcontainer::after{
    content: '';
    position: absolute;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background-color: grey;
    right: -6.5px;
    top: 32px;
    z-index: 10;
} 
.right-container::after{
    left: -9px;
}
.timeline::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    background-color: grey;
    left: 50%;
    top: 0;
    margin-left: -3px;
    z-index: -1;
    animation: moveline 6s linear forwards;
}
@keyframes moveline{
    0%{
        height: 0;
    }
    100%{
        height: 100%;
    }
}
.text-boxx h2{
    font-weight: 600;
}
.text-boxx small{
    display: inline-block;
    margin-bottom: 15px;
}
@media (max-width:600px){
    .timeline{
        margin: 50px auto;
    }
    .timeline::after{
        left: 31px;
    }
    .tcontainer{
        width: 100%;
        padding-left: 80px;
        padding-right: 25px;
    }
    .text-boxx{
        font-size: 13px;

    }
    .text-boxx small{
        margin-bottom: 10px;
    }
    .right-container{
        left: 0;
    }
    .left-container::after{
        left: 10px;
    }
    .right-container::after{
        left: 10px;
    }
    .left-container-arrow{
        border-right: 15px solid red;
        border-left: 0;
        left: -15px;
    }
    .right-container-arrow{
        border-right: 15px solid red;
        border-left: 0;
        left: -15px;
    }
}
.left-container-arrow{
    height: 0;
    width: 0;
    position: absolute;
    top: 15px;
    z-index: 1;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid grey;
    right: -15px;
}
.right-container-arrow{
    height: 0;
    width: 0;
    position: absolute;
    top: 15px;
    z-index: 1;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid grey;
    left: -15px;
}
/**===================== Our History End ======================**/
/**===================== Vision and Mission ======================**/



.bannner {
    position: relative;
    width: 100%;
    height: 70vh;
    background-image: url(https://res.cloudinary.com/dxf1gijtg/image/upload/v1690138701/abt-us_qnexzx.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.bannner .overlayed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(123, 0, 0, 0.2); 
}  
.banner .contentt {
    position: relative;
    z-index: 1; /*  Ensure the content appears above the overlay */
    color: #fff; 
}
.abt-h3{
    color: whitesmoke;
    line-height: 1.4;
    font-weight: 600;
    font-size: 25px;
}
.Vscontainer{
    width: 100%;
    padding-bottom: 50px;
    
}
.Vscontainer h1{
    text-align: center;
    padding-top: 5%;
    margin-bottom: 60px;
    font-weight: 600;
    position: relative;
}
.Vscontainer h1::after{
    content: '';
    background: rgba(123, 0, 0, 0.4);
    width: 130px;
    height: 5px;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
}
.Vsservices{
    text-align: center;
    padding: 25px, 10px;
    border-radius: 9px;
    font-size: 14px;
    cursor: pointer;
    background: transparent;
    transition: transform 0.5s, backgound 0.5s;
}
.Vsservices i{
    padding-top: 20px;
    font-size: 40px;
    margin-bottom: 10px;
    color: rgba(123, 0, 0, 0.6);
}
.Vsservices h2{
    font-weight: 600;
    margin-bottom: 8px;
}
.Vsservices p{
    padding-top: 10px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.7;
    text-align: justify;
    padding: 30px;
}
.Vsservices:hover{
    background-color: rgba(123, 0, 0, 0.2);
    color: #fff;
    transform: scale(1.05);
}
.Vsservices:hover i{
    color: #fff;
}
/**===================== Vision and Mission end ======================**/


/**===================== Our Great Mind ======================**/

/**===================== Our Great Mind end ======================**/


/**===================== Retail Network ======================**/
.servicebackimg{
    background-image: url(https://res.cloudinary.com/dxf1gijtg/image/upload/v1690135503/depott_xer0lh.jpg);
    background-color: rgba(123, 0, 0, 0.2);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.section-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
}  
.section-description {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
} 
.gas-station-image {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}
.storage-section {
    padding: 80px 0;
}
  
.container1{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.storage-facilities,
.future-storage-plans {
    margin-bottom: 40px;
}

.h33 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.ull {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lii {
    font-size: 18px;
    margin-bottom: 10px;
}

.span1 {
    font-weight: bold;
    margin-left: 10px;
}

.p33 {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}
  
/**===================== Retail Network End ======================**/
/**===================== Media Gallery Start ======================**/
.image-slider{
    /* margin: 0;
    padding: 0; */
    margin-top: 80px;
    margin-bottom: 80px;
    box-sizing: border-box;
}
.containered{
    position: relative;
    max-width: 1350px;
    width: 100%;
    padding: 20px;
    margin: 50px auto;
}
.filter-button{
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.sliderbutton{
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 6px;
    cursor: pointer;
    
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
button.active{
    background: #4070f4;
    color: white;
}
.filterable-cards{
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
}
.cards{
    flex-grow: 1;
    flex-basis: 300px;
    padding: 9px;
}
.cards.hide{
    display: none;
}
.cards img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 5, 9, 1);
}
/**===================== Media Gallery End ======================**/
/**===================== Products Start ======================**/
.productbackimg{
    background-image: url(https://res.cloudinary.com/dxf1gijtg/image/upload/v1690140338/product1_kzpcnm.jpg);
    /* background-color: rgba(123, 0, 0, 0.5); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 80vh;
}
.titless {
    text-align: center;
}
  
.productss {
    margin-bottom: 30px;
}
  
.product-title {
    font-size: 24px;
    color: #333;
}
  
.product-description {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

/*===================Call To Action===========================*/
.callToaction{
    background: #222222;
    padding: 55px 0;
}
.actionCont{}
.actionCont h1{
    font-size: 21px;
    color: #fefefe;
    line-height: .8;
    font-family:  'Roboto Slab', serif;
    margin: 0 0 18px 0;
}
.actionCont h1 span{
    color: #f69b37;
}
.actionCont p{
    font-size: 16px;
    color: #9d9d9d;
    margin: 0;
    line-height: .8;
}
.actionBtn {
    padding-top: 5px;
}
/*=================================Recent work======================================*/
.recentWork{
    padding-bottom: 0;
}
.recentWork .singleFolio{
    margin-bottom: 0;
}
/*===============================Great services===================================*/

/*      abiunt us       */


.singleServ5{
    box-shadow:0px 5px 10px 0px rgba(0, 0, 0, .5);
    border-radius: 25px;
    background-color: white;
    padding: 40px;
}
  .circle {
    width: 25%;
    height: 0;
    padding-bottom: 25%;
    border-radius: 50%;
    background-color: #F7941d;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .circle i {
    color: #000;
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.singleServ5 h2 {
    color: #222222;
    font-family: Roboto Slab;
    font-size: 17px;
    text-align: left;
    font-weight: 700;
    letter-spacing: 0.91px;
    line-height: 0.8;
    /* margin: 29px 0 20px; */
    text-transform: uppercase;
}
.singleServ5 p {
    font-weight: 500;
    text-align: left;
    letter-spacing: 0.6px;
    line-height: 28px;
    margin-bottom: 30px;
    
    padding-top: 10px; 
}
.singleServ5 a{
    
    text-transform: uppercase;
    font-family: Roboto Slab;
    color: #222222;
    font-size: 12px;
    font-weight: 700;
    transition: color 0.3s ease;
}
.singleServ5 a:hover{
    color: red;
}
.singleServ5:hover p{

    color: #333333;
}

/*============================Social======================================*/
.socialsec{
    background: #282828;
    overflow: hidden;
}
.socialsec a {
    color: #fff;
    display: block;
    padding: 32px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1.1px;
    font-weight: 600;
}
.socialsec a i{
    font-size: 14px;
    margin-right: 8px;
}
.socialsec a.fac:hover{
    background: #3765a3 ;
}
.socialsec a.twi:hover{
    background: #5ea9dd;
}
.socialsec a.goo:hover{
    background: #dc4a38;
}
.socialsec a.pin:hover{
    background: #DC292F;
}
.socialsec a.ins:hover{
    background: #437CA9
}
.socialsec a.tum:hover{
    background: #FFA500;
}
.border-right{
    border-right: 1px solid #404040; 
}

/*================================Partners==================================*/
.singlePart {
    border: 1px solid #e8e8e8;
    text-align: center;
    height: 170px;
    position: relative;
}
.singlePart img{
    width: 150px;
    height: 120px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    opacity: .5;
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -ms-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
}
.singlePart:hover img{
    opacity: 1;
}
/*==============================Contact and map=====================================*/
.contactMap{
    overflow: hidden;
}
.ontactForm{
    float: left;
    width: 55.73%;
    padding-right: 80px;
    padding-left: 80px;
    background: url(../images/home1/contact.jpg) no-repeat scroll center center/cover;
    position: relative;
}
.ontactForm:before{
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
}
.contactForminner{
    color: #fff;
}
.ontactForm .sectionTitle.white p{
    color: #989898;
}
.contactForminner input{
    width: 100%;
    background: transparent;
    border: 1px solid #99999a;
    height: 45px;
    font-size: 10px;
    margin-bottom: 20px;
    padding: 0 27px;
    font-family: "Roboto Slab";
    letter-spacing: 1.5px;
}
.contactForminner textarea{
    background: transparent;
    border: 1px solid #99999a;
    width: 100%;
    resize: none;
    font-size: 10px;
    height: 185px;
    padding: 10px 27px;
    margin-bottom: 35px;
    font-family: "Roboto Slab";
    letter-spacing: 1.5px;
}
.contactForminner button{
    border: none;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
/* .singAdds {
    border-bottom: 1px solid #626261;
    margin-bottom: 20px;
    padding-bottom: 30px;
    padding-left: 83px;
    position: relative;
    top: 0;
}
.singAdds:last-child{
    border-bottom: none;
}
.singAdds i {
    color: #797a7c;
    font-size: 38px;
    left: 0;
    position: absolute;
    top: 2px;
}
.singAdds.middle {
    margin-top: 38px;
}
.singAdds.last {
    margin-top: 25px;
}
.singAdds h5,
.singAdds p{
    color: #fff;
}
.singAdds h5 {
    font-family: "Roboto Slab";
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 0.8;
    margin: 0 0 22px;
}
.singAdds p {
    font-family: "lato";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.98px;
    line-height: 0.8;
    margin: 0;
}
.googleMap{
    width: 44.27%;
    float: right;
} */

/*================================Footer===================================*/
.footer{
    background: #181818;
    padding: 80px 0 50px;
}
.footer .widget h2 {
    color: #fff;
    font-family: "Raleway";
    font-size: 20px;
    line-height: 0.8;
    margin: 0 0 40px;
    letter-spacing: .8px;
}
.footAddress{
    margin-top: 38px;
}
.sadds {
    margin-bottom: 17px;
    padding-left: 30px;
    position: relative;
}
.sadds i{
    position: absolute;
    left: 0;
    top: 0;
    color: #aeaeae;
    font-size: 20px;
}
.sadds a{
    color: #aeaeae;
    letter-spacing: .56px;
    font-weight: 400;
}
.widget p.widgetpera {
    color: rgba(255, 255, 255,.65);
    font-weight: 400;
    letter-spacing: 0.6px;
    margin-top: -10px;
}
.sadds > p {
    color: rgba(255, 255, 255,.65);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.8px;
    margin: 0;
}

.singlatBlog {
    padding-left: 103px;
    position: relative;
    min-height: 75px;
    margin-bottom: 23px;
    padding-top: 16px;
}
.singlatBlog > img {
    border-radius: 50%;
    height: 75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;
}
.smallBlogtit{
    font-size: 12px;
    margin: 0 0 18px;
    text-transform: uppercase;
    font-family: 'Roboto Slab';
    letter-spacing: .48px;
}
.smallBlogtit a{
    color: rgba(255, 255, 255,.65);
}
.singlatBlog h6.meta{
    color: rgba(255, 255, 255,.65);
    font-style: normal;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
}
.singlatBlog h6.meta a{
    color: rgba(255, 255, 255,.65);
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
}
.smallBlogtit a:hover,
.singlatBlog h6.meta a:hover,
.sadds a:hover{
    color: #F7941D;
}
.instagram img {
    height: 83px;
    width: 83px;
}
.instagram > a {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.instagram > a:nth-child(3),
.instagram > a:nth-child(6){
    margin-right: 0;
}

.copyright{
    background: #161616;
    padding: 9px 0; 
}
.copPara {
    color: #b3b3b3;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1.65px;
    line-height: 0.8;
    margin: 27px 0;
    text-transform: uppercase;
}
.top_bar_social.copyrightSocial {
    padding: 11px 0;
}
.top_bar_social.copyrightSocial a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #999999;
    width: 40px;
    height: 40px;
    font-size: 14px;
    padding: 12px;
}
.top_bar_social.copyrightSocial a:hover{
    border-color: transparent;
}

.header2{
    min-height: 110px;
    width: 100%;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.logo2{
    width: 100%;
    position: relative;
    text-align: left;
    padding: 20px 0 1px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.logo2 img{
    height: 60px;
    /* width: auto; */
}
.mainMenu2{
    width: 100%;
    text-align: right;
    line-height: .8;
    font-family: Roboto Slab;
    padding-top: 47px;
}
.mainMenu2 ul{
    margin: 0;
    padding: 0;
    line-height: .8;
}
.mainMenu2 ul li{
    list-style:  none;
    display: inline-block;
    margin-right: 50px;
    position: relative;
    padding-bottom: 50px;
    position: relative;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.header2 .sub-menu > li {
    border-bottom: 1px solid #444;
}
.mainMenu2 ul li:after{
    width: 0%;
    height: 2px;
    background: #f7941d;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.mainMenu2 ul li:hover:after, .mainMenu2 ul li.active:after{
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.mainMenu2 ul li:last-child{
    margin-right: 0px;
}
.mainMenu2 ul li a{
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: .8;
    text-transform: uppercase;
    display: inline-block;
}
.mainMenu2 ul li.active a, .mainMenu2 ul li a:hover{
    color: #f7941d;
}
.mainMenu2 ul li ul.sub-menu {
    left: -84px;
    position: absolute;
    top: 80px;
    width: 250px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #000;
}
.mainMenu2 ul li ul.sub-menu li{
    display: block;
    margin: 0;
    padding: 0;
}
.mainMenu2 ul li ul.sub-menu li a{
    color: #fff;
}
.mainMenu2 ul li ul.sub-menu li a:hover{
    color: #f7941d;
}
.mainMenu2 ul li ul.sub-menu li:last-child{
    border-bottom: none;
}
.mainMenu2 ul li:hover ul.sub-menu{
    visibility: visible;
    top: 63px;
    opacity: 1;
}
.mainMenu2 ul li ul.sub-menu ul.sub-menu {
    left: 250px;
    top: 20px;
    visibility: hidden;
    opacity: 0;
}
.mainMenu2 ul li ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.mainMenu2 ul li ul.sub-menu ul.sub-menu.left {
    left: -250px;
    top: 20px;
}
.mainMenu2.overlaymenu ul li ul.sub-menu{
    background: #333;
}
.mainMenu2.overlaymenu ul li ul.sub-menu li{
    border-bottom: 1px solid #4e4848;
}
.mainMenu2.overlaymenu ul li ul.sub-menu li a{
    color: #fff;
}
.headerborder{
    width: 100%;
    position: relative;
    width: 100%;
    height: 1px;
    border-bottom: thin solid rgba(255, 255, 255, .55);
}
.slCon{
    width: 100%;
    text-align: center;
    padding-top: 393px;
}
.slImg{
    width: 317px;
    display: inline-block;
    height: auto;
    margin-bottom: 48px;
}
.r2con{
    background-color: rgba(211, 211, 211, 0.7);
    padding-top: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    
}
.slP{
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0;
    color: crimson;
    font-weight: 700;
    font-family: Roboto Slab;
    /* margin: 0 0 39px; */
    text-align: center;
}
.slbtn .mr_right{
    margin-right: 9px;
}

.banner2{
    width: 100%;
    position: relative;
    height: 1080px;
    background: url(../images/slide2/1.jpg) no-repeat center center / cover;
}
.banner2:after{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, .55);
    content: "";
}
.banner2 .container{
    position: relative;
    z-index: 2;
}


/*=======================================================================
// Home Two
=========================================================================*/
/*=================================Offer===================================*/
.iconbox{
    position: relative;
    padding-left: 98px;
    min-height: 70px;
    margin-bottom: 50px;
    padding-top: 19px;
}
.iconbox i{
    background: #f7941d none repeat scroll 0 0;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    text-align: center;
    width: 70px;
    color: #fff;
    font-size: 27px;
    padding: 22px 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.iconbox i:after{
    width: 64px;
    height: 64px;
    border: thin solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.iconbox:hover i:after{
    opacity: 1;
    visibility: visible;
}
.iconbox:hover i{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.iconbox h4{
    font-size: 15px;
    color: #222222;
    line-height: .8;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-family: Roboto Slab;
    font-weight: 400;
}
.iconbox p{
    margin: 0;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 1.3px;
    font-style: italic;
}
.iconRight{
    padding-left: 0;
    padding-right: 98px;
    text-align: right;
}
.iconRight i{
    right: 0;
    left: auto;
}

.fixedImg{
    height: 450px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.fixedImg img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline-block;
}
.iconboxMargin{
    margin-top: 69px;
}
.featureSection{
    padding-bottom: 0;
}

/**========================= Fun Facts ===============================**/
.funFacts{
    padding:138px 0;
    background: #181818;
}
.singleFunfacts{
    position: relative;
}
.singleFunfacts h4{
    font-size: 14px;
    line-height: 0.8;
    font-family: Roboto Slab;
    text-transform: uppercase;
    color:#fff;
    letter-spacing: 0.56px;
    text-align: center;
    margin: 0 0 24px;
}
.singleFunfacts p{
    font-size: 12px;
    line-height: 0.8;
    font-family: Lato;
    font-style: italic;
    font-weight: bold;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2.4px;
    margin-bottom:44px;
}
.singleFunfacts.one h1{
    width: 107px
}
.singleFunfacts h1,
.singleFunfacts h1 .countSpan{
    font-size: 46px;
    margin:0;
    line-height: 0.7;
    letter-spacing: 3.22px;
    font-weight: bold;
    font-family: roboto slab;
    color:#fff;
    text-align: center;
    padding-bottom: 23px;
}
.singleFunfacts h1 .countSpan{
    position: inherit;
    font-size: 46px !important;
}
.singleFunfacts h1::after {
    background: #f7941d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 44px;
}
/*=============================Why Choose============================*/

.abt-mar{
    margin-top: 90px;
    
}
.about{
    margin-top: 10px;
}
.abt-h2{
    color: blueviolet;
    font-weight: 700;
}
.abt-p{
    line-height: 2;
    color: #3f3f3f;
    font-size: 20px;
    /* font-family: 'Glacial Indifference'; */
    font-family:cursive;
}

/*=========================Great Service Section=======================*/
.greatServiceBox {
    margin-top: 13px;
}
.greatServiceSection .borderedImg {
    margin-bottom: 40px;
}
.greatSerBox {
    border: 1px;
    border-radius: 25px;
    float: left;
    height: 250px;
    margin: 20px 0;
    /* padding: 1px 35px 39px 34px; */
    position: relative;
    width: 326px;
    cursor: pointer;
}
.greatSerBox:hover{
    border: none;
    background-color:#f59726;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.greatSerBox:hover .greatSerBoxContent i ,
.greatSerBox:hover .greatSerBoxContent p ,
.greatSerBox:hover .greatSerBoxContent h4{
    color:#fff;
}
.greatSerBox::before {
    /* background: #f7941d; */
    /* border-radius: 25px; */
    content: "";
    height: 72px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 1px;
}
.greatSerBox:hover::before {
    background: transparent none repeat scroll 0 0;
}
.greatSerBox::after {
    background: url('../images/home2/hoverbg.jpg');
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.greatSerBox:hover::after{
    opacity: 0.05;
}
.greatSerBoxContent i {
    color: #000;
    font-size: 33px;
    margin: 0;
    position: absolute;
    /* top: 33px; */
}
.greatSerBoxContent p{
    margin:0;
    font-family: lato;
    color:#777777;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.39px;
    font-weight:300;
}
.greatSerBoxContent h4 {
    color: #222222;
    font-family: Roboto Slab;
    font-size: 15px;
    letter-spacing: 1.05px;
    line-height: 0.8;
    margin: 0 0 24px;
    text-transform: uppercase;
}
.smarginRight{
    margin-right:15px;
}
.smarginLight{
    margin-left:15px;
}



.carousel-container {
    width: 100%;
    overflow: hidden;
  }
  
  .carousel {
    display: flex;
  }
  
  .carousel-item {
    flex: 0 0 calc(100% / 6);
  }
  
  .carousel-item img {
    width: 100%;
    height: auto;
  }
  




/*=====================Get in touch Section=====================*/
.get_in2{
    width: 100%;
    min-height: 400px;
    background: url(../images/home2/get_in_touch_bg.jpg) no-repeat center center / cover;
    position: relative;
    padding: 96px 0;
}
.get_in2:after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .85);
    content: "";
}
.get_inCon{
    width: 486px;
    min-height: 570px;
    border: 6px solid #e5eef0;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 95px 50px 0;
}
.get_inCon h2{
    font-size: 26px;
    font-weight: 700;
    font-family: Raleway;
    color: #FFF;
    line-height: .8;
    letter-spacing: 0;
    margin: 0 0 30px;
    text-transform: uppercase;
}
.get_inCon p{
    font-size: 16px;
    font-weight: 300;
    color: #FFF;
    line-height: 26px;
    margin: 0 0 69px;
    letter-spacing: .64px;
}
.get_inCon h3{
    font-size: 17px;
    font-family: Raleway;
    font-weight: 700;
    color: #FFF;
    margin: 0 0 20px;
    line-height: .8;
    text-transform: uppercase;
}
.con_info2{
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #FFF;
    letter-spacing: .64px;
    line-height: 28px;
    width: 60%;
}
.myskill2{
    padding: 150px 115px 150px 100px;
}
.myskill2 .comonHeading{
    margin-bottom: 27px;
}
.myskill2 p{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 62px;
}
.skill_set2{
    width: 100%;
    position: relative;
}
.singleSkill2{
    position: relative;
    margin-bottom: 40px;
}
.singleSkill2 h5{
    font-size: 12px;
    color: #181818;
    letter-spacing: 1.8px;
    line-height: .8;
    text-transform: uppercase;
    margin: 0 0 19px;
    font-weight: 600;
}
.skHolder2{
    max-width: 605px;
    height: 6px;
    background: #e6e6e6;
    position: relative;
}
.skill2{
    position: relative;
    height: 6px;
    background: #f7941d;
    width: 0;
}
.parcen2{
    color: #181818;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: -30px;
    line-height: .8;
    letter-spacing: 1.3px;
}
/*=======================Our Great Team Section=====================*/
.greatTeam {
    background: rgba(0, 0, 0, 0) url("../images/home2/sec_bg.png") no-repeat left top;
}
.greatTeamHead {
    text-align: center;
}
.greatTeamHead h1{
    text-transform: uppercase;
    font-family: Raleway;
    font-weight: 800;
    font-size: 36px;
    line-height: 26px;
    color:#23282f;
    margin:0 0 100px;
}
.greatTeamHead p{
    font-family: Roboto Slab;
    font-size: 13px;
    line-height: 26px;
    color:#333333;
    font-weight: 400;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    margin:0 0 61px;
}
/* .rounded {
    width: 100%;
    height: 100vh;
    display: flex;
    
} 
.rounded img{
    height: 300px;
    width: 300px;
    border-radius: 50%;
  
} */
.gTimg {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
    background-color: #f7941d;
}
.gTimg img{
    width: 100%;
    height: 350px;
    /* border-radius: 50%; */
}
.greatTeamDetails h6 {
    color: #23282f;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.56px;
    line-height: 0.8;
    margin: 0 0 19px;
    text-align: center;
    text-transform: uppercase;
}
.greatTeamDetails p{
    font-family: Roboto Slab;
    font-size:12px;
    line-height:26px;
    color:#666666;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-weight: 300;
    text-align: center;
    line-height: .8;
    margin: 0;
}
/*=======================Our Partners============================*/
.home2Partners:after{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0, 0, 0, 0.8);
    content:'';
}
.home2Partners{
    background: url('../images/bg/8.jpg') no-repeat fixed center center / cover;
}
.home2Partners .container{
    position: relative;
    z-index: 2;
}
.singlePart2{
    width: 100%;
    height: 131px;
    border: 1px solid #fff;
    position: relative;
}
.singlePart2 img{
    width: 133px;
    height: 87px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/*=========================Clients Say====================================*/
.testimonial2 .sectionTitle{
    margin-bottom: 60px;
}
.tesItem2{
    width: 100%;
    position: relative;
    text-align: center;
}
.tesItem2 p{
    font-size: 22px;
    color: #23282f;
    font-style: italic;
    letter-spacing: 0;
    font-weight: 300;
    margin: 0;
    line-height: 36px;
    padding: 0 10px;
}
.test_tab_nav{
    margin: 62px 0 0;
    padding: 0;
}
.test_tab_nav li{
    list-style: none;
    display: inline-block;
    width: 33.3333%;
    position: relative;
}
.tn{
    position: relative;
    padding-left: 98px;
    min-height: 79px;
    line-height: .8;
    padding-top: 18px;
    display: inline-block;
    text-align: left;
}
.tn.centered{
    margin: 0 auto;
}
.tn.righted{
    float: right;
}
.tn:after{
    width: 79px;
    height: 79px;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, .5);
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.test_tab_nav li.active .tn:after{
    opacity: 0;
    visibility: hidden;
}
.tn img{
    width: 79px;
    height: 79px;
    left: 0;
    top: 0;
    position: absolute;
}
.tn h5{
    letter-spacing: 1.05px;
    font-size: 15px;
    line-height: .8;
    text-transform: uppercase;
    color: #f7941d;
    font-weight: 600;
    margin: 0 0 15px;
}
.tn span{
    color: #222222;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.65px;
    font-family: Roboto Slab;
    font-weight: 300;
    font-style: italic;
    line-height: .8;
    display: inline-block;
}
#testislider2{
    position: relative;
    padding-bottom: 60px;
}
#testislider2 .carousel-indicators.circles{
    margin-bottom: 0px;
    bottom: 0;
    line-height: .8;
}
#testislider2 .carousel-indicators.circles li{
    display: inline-block;
    margin: 0px;
    width: 11px;
    height: 11px;
    background: #d0d0d0;
    border: none;
    margin-right: 10px;
}
#testislider2 .carousel-indicators.circles li.active, #testislider2 .carousel-indicators.circles li:hover{
    background: #b0b0b0;
}
.caltoaction2{
    width: 100%;
    position: relative;
    background: url(../images/bg/9.jpg) no-repeat fixed center center / cover;
}
.caltoaction2:after{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .75);
    left: 0;
    top: 0;
    content: "";
}
.caltoaction2 .container{
    position: relative;
    z-index: 2;
}
.colAction_2{
    position: relative;
}
.colAction_2 h1{
    font-size: 36px;
    letter-spacing: 1.44px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 30px;
    font-family: Raleway;
    line-height: .8;
}
.colAction_2 p{
    font-weight: 600;
    color: #FFF;
    margin: 0 0 44px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}
.contacth2{
    width: 100%;
    position: relative;
    padding: 150px 80px;
}
.conform3{
    margin: 0;
    padding: 0;
}
.conform3 input{
    width: 100%;
    height: 47px;
    border: 1px solid #d7d7d7;
    background: none;
    border-radius: 0px;
    margin-bottom: 30px;
    color: #bebebe;
    font-size: 11px;
    letter-spacing: 1.65px;
    padding-left: 16px;
    font-family: Roboto Slab;
    font-weight: 400;
}
.conform3 textarea{
    width: 100%;
    height: 201px;
    border: 1px solid #d7d7d7;
    background: none;
    border-radius: 0px;
    margin-bottom: 30px;
    color: #bebebe;
    font-size: 11px;
    letter-spacing: 1.65px;
    padding-left: 16px;
    font-family: Roboto Slab;
    font-weight: 400;
    resize: none;
    padding: 8px 16px;
}
.conform3 .martin_btn{
    padding-left: 35px;
    padding-right: 35px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.conform3 .martin_btn:hover{
    color: #F7941D;
}
.conform3 input::-webkit-input-placeholder, .conform3 textarea::-webkit-input-placeholder {
    color: #bebebe;
    opacity: 1;
}

.conform3 input:-moz-placeholder, .conform3 textarea:-moz-placeholder {
    color: #bebebe;
    opacity: 1;
}

.conform3 input::-moz-placeholder, .conform3 textarea::-moz-placeholder {
    color: #bebebe;
    opacity: 1;
}

.conform3 input:-ms-input-placeholder, .conform3 textarea:-ms-input-placeholder {
    color: #bebebe;
    opacity: 1;
}
.footer2{
    width: 100%;
    position: relative;
    background: #333333;
    padding: 60px 0 80px;
}
.subsForm{
    width: 100%;
    position: relative;
    margin-top: 44px;
}
.subsForm form{
    margin: 0 auto;
    width: 462px;
    padding: 0 0 7px;
    position: relative;
    border-bottom: 1px solid #FFF;
}
.subsForm input{
    width: 80%;
    height: 28px;
    border: none;
    background: none;
    color: #b3b3b3;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: Roboto Slab;
    font-weight: 400;
    padding: 0;
    padding-left: 5px;
}
.subsForm input::-webkit-input-placeholder {
    color: #b3b3b3;
    opacity: 1;
}

.subsForm input:-moz-placeholder {
    color: #b3b3b3;
    opacity: 1;
}

.subsForm input::-moz-placeholder{
    color: #b3b3b3;
    opacity: 1;
}

.subsForm input:-ms-input-placeholder{
    color: #b3b3b3;
    opacity: 1;
}
.subsForm button{
    font-size: 28px;
    color: #939393;
    border: none;
    background: none;
    border-radius: 0px;
    width: auto;
    padding: 0;
    margin-right: 5px;
    height: 28px;
    float: right;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.subsForm button:hover{
    color: #F7941D;
}


.foot_nav2{
    margin-top: 56px;
    text-align: center;
    line-height: .8;
}
.foot_nav2 ul{
    margin: 0;
    padding: 0;
    text-align: center;
}
.foot_nav2 ul li{
    list-style: none;
    display: inline-block;
    line-height: .8;
    margin-right: 54px;
}
.foot_nav2 ul li:last-child{
    margin-right: 0px;
}
.foot_nav2 ul li a{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    display: inline-block;
    color: #b3b3b3;
    line-height: .8;
    font-family: Roboto Slab;
    font-weight: 400;

}
.foot_nav2 ul li a:hover{
    color: #F7941D;
}

/*============================================================================
// Home 3
=============================================================================*/
/*=============================Header 3======================================*/
.header3{
    position: relative;
    background: rgba(255, 255, 255);
}
.header3 .logo{
    padding: 31px 0;
}
.header3 .mainMenu{
    padding-top: 36px;
}
.folioItem .mix{
    display: none;
}
/*========================== Menu 3 ===============================*/
.menu3 .sub-menu {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.09);
}

/*==========================Banner 3===============================*/
.banner3{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/bg/2.jpg) no-repeat center center / cover;
}
.halfOverlay:after{
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(41, 194, 225, .9);
    content: "";
    height: 100%;
}
.halfOverlay .container, .halfOverlay .container-fluid{
    position: relative;
    z-index: 2;
}
.bancon3{
    padding-top: 325px;
    padding-left: 150px;
}
.bancon3 p{
    font-size: 18px;
    color: #FFF;
    line-height: .8;
    font-weight: 300;
    letter-spacing: 0;
    margin: 0 0 36px;
    font-family: Roboto Slab;
}
.bancon3 h2{
    font-size: 40px;
    line-height: 55px;
    font-weight: 800;
    color: #FFF;
    margin: 0 0 48px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding-right: 130px;
}
/*=====================Icon Box 2=================================*/
.iconbox2{
    position: relative;
}
.iconbox2 i{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #f7941d;
    text-align: center;
    border-radius: 50%;
    font-size: 34px;
    position: relative;
    color: #FFF;
    padding: 33px 0;
    margin-bottom: 29px;
}
.iconbox2 i:after{
    position: absolute;
    width: 90px;
    height: 90px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    border: thin solid #FFF;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.iconbox2:hover i:after{
    opacity: 1;
    visibility: visible;
}
.iconbox2 h4{
    font-size: 14px;
    color: #222222;
    margin: 0 0 22px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Roboto Slab;
    letter-spacing: .56px;
}
.iconbox2 p{
    font-weight: 300;
    margin: 0px;
}

/*===========================Call To Action=============================*/
.calltoactionimage{
    background: url(../images/bg/3.jpg) no-repeat center center / cover;
    padding-bottom: 0px;
    padding-top: 160px;
}
.calltoactionimage:after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .75);
    content: "";
}
.calltoactionimage .container{
    position: relative;
    z-index: 2;
}
.calAcImg{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.calAcImg h2{
    font-size: 36px;
    font-family: Raleway;
    font-weight: 600;
    margin: 0 0 21px;
    line-height: .8;
    text-transform: uppercase;
    color: #FFF;
}
.calAcImg p{
    font-size: 16px;
    letter-spacing: .64px;
    line-height: 30px;
    margin: 0 0 53px;
    text-align: center;
    color: #fff;
}
.calAcImg a.marginRight,
.actionBtn a.marginRight{
    margin-right: 10px;
}
.banner4{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner4 .slotholder:after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    /* background: rgba(0, 0, 0, .5) */
}
.r4con{
    width: 100%;
    position: relative;
    text-align: center;
}
.r4con h1{
    font-size: 46px;
    line-height: 36px;
    color: #FFF;
    margin: 0px;
    font-family: Raleway;
    font-weight: 900;
    text-transform: uppercase;
}
.r4con p{
    font-size: 18px;
    line-height: 34px;
    margin: 0;
    font-family: Roboto Slab;
    color: #FFF;
    font-weight: 300;
    letter-spacing: 0;
}
.r4con .martin_btn.slLefta{
    margin-right: 8px;
}
.banner4 .tp-leftarrow.default{}
.banner4 .tparrows.default.round {
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    transition: all 500ms ease 0s;
    width: 70px;
    height: 70px;
    text-align: center;
    margin-top: 21px !important;
}
.banner4 .tparrows.default.round:hover{
    background: #F7941D;
}
.banner4 .tp-leftarrow.default.round{
    position: relative;
}
.banner4 .tp-leftarrow.default.round:before{
    position: absolute;
    content: '\f104';
    font-family: 'FontAwesome';
    left: 0;
    padding: 22px 29px;
    color: #fff;
    font-size: 24px;
}
.banner4 .tp-rightarrow.default.round:after{
    position: absolute;
    content: '\f105';
    font-family: 'FontAwesome';
    left: 0;
    padding:  22px 30px;
    color: #fff;
    font-size: 24px;
}
.banner4 .tp-leftarrow.tparrows.default.round {
    left: 70px !important;
    top: 50.2% !important
}
.banner4 .tp-rightarrow.tparrows.default.round {
    right: 70px !important;
    top: 50.2% !important;
}
.banner4 .tparrows.default.round.hidearrows, 
.banner4 .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
}

.m-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 100px 0;
}
.coll-1{
    flex-basis: 50%;
    position: relative;
    margin-left: 50px;
}
.coll-1 h4{
    padding-top: 20px;
    font-size: 24px;
    line-height: 1.5;
}
.coll-1::after{
    content: '';
    width: 10px;
    height: 57%;
    background: linear-gradient(#ff469f, #ff6062);
    position: absolute;
    left: -40px;
    top: 8px;
}
.coll-2{
    position: relative;
    flex-basis: 50%;
    display: flex;
    align-items: center;
}
@media (max-width: 700px) {
    .m-row{
        flex-direction: column-reverse;
        margin: 50px 0;
    }
    .coll-2{
        flex-basis: 100%;
        margin-bottom: 50px;
    }
    .coll-2 .mainlogoo{
        width: 77%;
    }
}
 .coll-2 .mainlogoo{
    width: 100%;
    
}
/*
.color-box{
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(#101010, #1b0901);
    border-radius: 20px 0 0 20px;
    height: 100%;
    width: 80%;
    z-index: -1;
    transform: translateX(100px);
} */


.our-journey{
    /* position: relative; */
    background: url(https://res.cloudinary.com/dxf1gijtg/image/upload/v1690136553/tt_mc9yp4.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 90vh;
    
}
.journey {
    /* background: url(../images/logo2.png) center center no-repeat; */
    background-size: contain;
    background-color: rgba(211, 211, 211, 0.9); /* Light grayish background with opacity */
    border: 1px solid red;
    padding: 20px;
    margin-top: 35%;
}

.journey::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(../images/mainlogo.png) center center no-repeat; */
    background-size: contain;
    opacity: 0.1; /* Adjust the opacity value to make the logo less visible */
    z-index: -1;
}

  .journey h1{
    color: crimson;
    font-family: Roboto Slab;
    font-size: 31px;
    text-align: left;
    font-weight: 900;
    letter-spacing: 0.91px;
    line-height: 0.8;
    /* margin: 29px 0 20px; */
    text-transform: uppercase;
  }
  .journey h3{
    color: black;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 24px;
    text-align: left;
    font-weight: 500;
    letter-spacing: 1px;
    /* line-height: 0.8; */
    /* margin: 29px 0 20px; */
    text-transform: uppercase;
    padding: 27px;
  }
   

.twitterfeeds4{
    background: url(https://res.cloudinary.com/dxf1gijtg/image/upload/v1690135503/depott_xer0lh.jpg) no-repeat fixed center center/cover;
    padding-bottom: 140px
}
.singleTwitt4{
    text-align: center;
}
.singleTwitt4 i{
    width: 90px;
    height: 90px;
    font-size: 29px;
    color: #2fc1f3;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 32px;
    line-height: .8;
    margin-bottom: 35px;
}
.singleTwitt4 p{
    font-size: 20px;
    font-weight: 300;
    font-family: "Lato",sans-serif;
    color: #fff;
    font-style: italic;
    margin: 0;
    line-height: 32px;
}
.feedsbot {
    margin: 45px 0 37px;
}
.feedsbot a {
    color: #2fc1f3;
    display: block;
    font-family: "Roboto Slab";
    font-size: 17px;
    line-height: 0.8;
    margin-bottom: 15px;
}
.feedsbot a:hover{
    color: #fff;
}
.feedsbot p{
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.91px;
    font-style: normal;
    font-weight: 400;
    line-height: .8;
}
.twitterfeeds4 .owl-controls {
    margin-top: 15px;
}
.twitterfeeds4 .owl-theme .owl-dots .owl-dot span {
    background: #969ba1;
    height: 9px;
    width: 9px;
    margin: 0 5px;
}
.twitterfeeds4 .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
}

/*===================================================
// contact page
===================================================*/
/*======================Map=======================*/
.contactMap .container-fluid{
    padding:0;
}
.contactAdd{
    padding: 100px 0 120px;
}
.contactAddCol{
    border-right: 1px dotted #c9c9c9;
    padding: 12px 0;
}
.contactAddCol.lastChild{
    border-right: none;
}
.contactAddCol i {
    border: 2px solid #f79521;
    border-radius: 50%;
    color: #f79521;
    display: inline-block;
    font-size: 30px;
    height: 67px;
    margin-bottom: 27px;
    padding: 16px 13px;
    text-align: center;
    width: 67px;
}
.contactAddCol h3{
    font-family: Roboto Slab;
    font-size:18px;
    letter-spacing: 1.26px;
    color:#222222;
    line-height: 0.8;
    text-align: center;
    text-transform: uppercase;
    margin:0 0 18px;
}
.contactAddCol p{
    font-family: "Lato",sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #777777;
    letter-spacing: .98px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 0;
}
.contactAddCol a{
    font-size: 14px;
    letter-spacing: 0.98px;
    color: #777;
}
.contactAddCol a:hover{
    color: #F7941D;
}
/*===============Contact Form Heading=====================*/
.contactForm1 input{
    color:#dddddd;
    border:1px solid #e0e0e0;
    height:40px;
    margin-bottom: 30px;
    font-family: lato;
    font-size: 11px;
    letter-spacing: .77px;
    font-weight: 400;
}
.contactForm1 textarea{
    color:#dddddd;
    border:1px solid #e0e0e0;
    height: 180px;
    margin-bottom: 26px;
    font-family: lato;
    font-size: 11px;
    letter-spacing: .77px;
    font-weight: 400;
}
.contactForm1 button{
    width: 100%;
    height: 40px;
    font-family: Raleway;
    font-size: 13px;
    background: #f7941d;
    text-transform: uppercase;
    letter-spacing: 1.56px;
    font-weight: 700;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.contactForm1 button:hover{
    color: #333;
}
.contactMessage{
    margin-bottom: 119px;
}
.contactForm1 input::-webkit-input-placeholder,
.contactForm1 textarea::-moz-placeholder{
    color: #dddddd;
    opacity: 1;
}

.contactForm1 input:-moz-placeholder,
.contactForm1 textarea::-moz-placeholder {
    color: #dddddd;
    opacity: 1;
}

.contactForm1 input::-moz-placeholder,
.contactForm1 textarea::-moz-placeholder {
    color: #dddddd;
    opacity: 1;
}

.contactForm1 input:-ms-input-placeholder,
.contactForm1 textarea:-ms-input-placeholder {
    color: #dddddd;
    opacity: 1;
}


.footer5,
.copyright5{
    background: #181818;
}
.top_bar_social.fot5social{
    text-align: center;
}
.top_bar_social.fot5social a {
    background: transparent;
    border: 1px solid #929292;
    font-size: 14px;
    height: 40px;
    padding: 13px 12px;
    width: 40px;
}
.top_bar_social.fot5social a:hover{
    border:1px solid transparent;
}
.footerLogo5 {
    margin: 70px 0 54px;
}
.foot_nav2.foot_nav5{
    margin-bottom: 60px;
    margin-top: 40px;
}
.copyright5{
    padding: 33px 0;
    border-top: 2px solid #2f2f2f;
}

.pageTitle_content_ser2{
    padding-top: 112px;
}


.fourzeroSec{
    padding: 154px 0 250px;
}
.fourContent h1{
    font-family: Roboto Slab;
    font-size: 320px;
    line-height: 320px;
    font-weight: normal;
    color: #111111;
    margin:0 0 89px;;
    padding:0;
    text-align: center;
}
.fourSubContent{
    padding-left: 28px;
}
.fourSubContent h2{
    font-family: Roboto Slab;
    font-weight: normal;
    color:#111;
    font-size: 28px;
    line-height: 26px;
    margin:0 0 34px;
    padding:0;
}
.fourSubContent h2 span{
    color:#f79521;
}
.fourConRight:before{
    position:absolute;
    width:1px;
    height:196px;
    content:"";
    left:-10px;
    top:-49px;
    background: #e8e8e8;

}
.fourConRight{
    padding: 8px 33px 0 31px;
    position:relative;
}
.fourConRight p{
    font-family: "Lato",sans-serif;
    font-weight: 300;
    line-height: 28px;
    font-size: 16px;
    color: #777;
}

/**contact form error Message**/
#contactForm .required.reqError{
    border-color: #f7941d;
}
/*=======================================================================
// Back to Top
=========================================================================*/
.showit {
    background: #f7941d;
    bottom: 100px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    position: fixed;
    right: 60px;
    width: 40px;
    z-index: 99;
    text-align: center;
    padding: 10px 12px;
    line-height: .8;
}
.showit i{
    color: #fff;
}
.showit:hover{
    background: #333;
    color: #fff;
}