@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@charset "utf-8";
/* CSS Document */
html { }
body{font-family: 'Poppins', sans-serif; color: #000;}
.h1, h1 {}
.sticky {
    position: fixed !important;    top: 0px;     z-index: 999;    -webkit-animation-fill-mode: both;    
	animation-fill-mode: both;    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-name: slideInDown;    
	animation-name: slideInDown;    box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 7%);}
	
.sticky	.navbar-brand>img {
    height: 50px;}
.sticky	.navbar-expand-lg .navbar-nav .nav-link {padding: 10px 35px; font-size: 14px;}
	.media{}
.media .media-left, .media .media-body, .media .media-right{display: table-cell;vertical-align: top;}
.media .media-left{padding-right:calc(var(--bs-gutter-x) * .5);}
.media .media-body{padding-left: calc(var(--bs-gutter-x) * .5);width: 10000px;}
img{max-width: 100%;}
  a{text-decoration:none;}
h1, h2, h3, h4, h5{margin-top: 0px;}
p{     line-height: 24px;font-family: 'Open Sans', sans-serif;
    color: #424242;
    font-size: 15px;}
p strong{color: #222;font-weight: 600;}
.btn-primary {text-transform: uppercase; font-weight: 500;
    color: #fff;
    background-color: #00318a;
    border-color: #00318a;
}
.btn-primary:hover{
    color: #fff;
     background-color: #ff0000;
    border-color: #ff0000;
}
.btn-danger {text-transform: uppercase; font-weight: 500;
    color: #fff;
    background-color:#ff0000;
    border-color:#ff0000;
}
.btn-danger:hover {
    color: #fff;
  background-color:#d20707;
    border-color: #d20707;
}
.media .d-m-show{display:none;}
.container-fluid {margin-right: 40px;margin-left: 40px;}
header{ z-index:1000;box-shadow:none;
    transition: 0.5s;    width: 100%;position: fixed !important;
    top: 0px;
    z-index: 999;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;}
.hdr-top {
    background-color: #000000;
    border-bottom: 1px solid #fff;
    padding-top: 10px;
}
.hdr-social-link li{padding-right: 2px;
    padding-left: 2px;}
.hdr-social-link li a {font-size: 14px;
    color: #333;
    transition: 0.5s;
    display: block;
    background-color: #c1fbc3;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    line-height: 32px;
}
.hdr-top-cnt li a {
    color: #fff;
    font-weight: 600;
}
.txt-rgt{ text-align:right;}
.navbar{ }

.navbar-brand {    padding: 5px 10px;}
.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: transparent;}
.navbar-default .navbar-brand {}
.navbar-brand span{}
.navbar-brand>img {    height: 85px;}
.navbar-default .navbar-nav>li>a{color: #333;}
.navbar-nav>li>a.logo{    padding: 5px 35px;margin-top: 10px;}
.navbar-nav{}
.navbar-expand-lg .navbar-nav .nav-link { color: #333;
    padding: 15px 45px;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;}
	.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: #F4BF41;}
	.navbar-nav>li:hover>.drop-menu{ display:block;}

.navbar-default .navbar-nav>li>a.login-nav{background-color: #1f56aa;
    color: #fff;
    border-radius: 30px;
    padding: 6px 20px;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #1f56aa;
    margin-top: 6px;}
.navbar-default .navbar-nav>li>a.login-nav:hover{color:#77dd76; background-color: transparent;}
	.drop-menu{ padding:0px;width: 100%}
.drop-menu-srvs{ }
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #0f4aa4;
}
	.drop-menu>li>a { padding: 12px 20px;font-weight: 600;color: #444; border-bottom: 1px solid #ddd;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:#e43039;
}
/*.navbar-nav>li>a.logo:hover{background-color: transparent;}*/
.navbar-default .navbar-nav>li>a.logo:focus, .navbar-default .navbar-nav>li>a.logo:hover{background-color: transparent;}
	/*============ slider css =============*/
.type-box{text-align: center; margin: 30px;}
.type h1 a{ color:#fff; font-size:45px;}
	.bs-slider{
    overflow: hidden;
   /* height: 650px;*/
    position: relative;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);*/
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto; height:650px;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/
.slider-wrap{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 670px;
    margin-top: 75px;
    }
.slider-wrap:before{   /* content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.84);*/}
.slider-wrap>img{    width: 100%;
    height: 100%;
    object-fit: cover;}
.slider-wrap .owl-nav{position: absolute;
    top: 50%;
    width: 100%;}
.slider-wrap .owl-dots{text-align: center;
    position: absolute;
    bottom: 40px;
    width: 10px;
    left: 40px;}
.slider-wrap .owl-prev{float: left;margin-left: 30px;}
.slider-wrap .owl-next{float: right;margin-right: 30px;}
.slider-wrap .owl-prev span{ font-size: 50px; color: #fff; }
.slider-wrap  .owl-next span{ font-size: 50px; color: #fff; }
.app-cate-list{}
.app-cate-list li{position: relative;}
.app-cate-list li a i{position: relative;margin-right:10px;}
.app-cate-list li a{display: inline-block;
    padding: 0px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    /* background-color: #00342b; */
    border-radius: 4px;
    overflow: hidden;
    width: 160px;}
.app-cate-list li a img{max-width: 100%;}
.app-cate-list li a:hover{text-decoration: none; color: #fff;background-color:#00342b;}
.app-cate-list li a span{}
/*---------- SLIDE CAPTION ----------*/
.mrgn-auto { margin:auto;}

.slide-text {left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
	    display: flex;
    
}
.slide-text-dec{position: relative;}
.slide-text h4 { font-weight: 600;
    color: #f76f3b;
    font-size: 24px;}
.slide-text h1 { font-weight: 700;
    font-size: 70px;
    margin-bottom: 0px;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    color: #000;
    display: inline-block;
    position: relative;
}
.slide-text h1>img{    width: 70px;
    position: absolute;
    top: -40px;
    right: -70px;}
.slide-text h1>sup{color: #ff0000;
    font-weight: 600;
    font-size: 40px;
    right: -15px;
    top: 12px;
    position: absolute;}
.slide-text h1 span{display: block;}
.slide-text h3{ color:#ff636f;
    margin-bottom: 0px;
    font-size: 40px;}
.slide-text h5{    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;}
.slide-text p {  position: relative;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 0px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    color: #000;
    max-width: 80%;
    margin: auto;
}
.slide-text p > a.btn{
    margin-top: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 14px 30px;
    letter-spacing: 2px;
    display: inline-block;
    border:1px solid #ff0000;
    color: #ff0000;
    background-color: transparent;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text p > a.btn:hover{ border:1px solid #ff0000;
    color: #fff; background-color: #ff0000;}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
/*=========== end ===========*/
/*========== enquire form ======*/
.btn-warning {
    color: #fff;
    background-color: #c22a36;
    border-color: #c22a36;}
.btn-warning:hover{
    background-color: #222;
    border-color: #222;}
.GetinTouch-form .close {
    position: absolute;
    right: -30px;
    top: -40px;
    font-size: 50px;
    color: #fff;
    opacity: 0.8;
}
.GetinTouch-form  .modal-body {
    padding: 25px 45px;}
.popup-img {
    text-align: center;
    margin: 10px auto 40px;
    display: block;
}
.popup-img h3{ font-weight: 600;}
.GetinTouch-form .form-group{position: relative; margin-bottom: 20px;}
.form-control{box-shadow: none;}
.GetinTouch-form .form-group .form-ctrl-pop{ border-radius: 30px; height: 45px; padding-left: 40px;}
.GetinTouch-form .form-group .form-ctrl-msg{border-radius: 30px; padding-left: 40px;}
.GetinTouch-form .form-group .form-icon {
    position: absolute;
    left: 20px;
    top: 10px;
    color: #c22a36;}
.GetinTouch-form .form-group .btn{border-radius: 30px;}

.wrap{ position:relative; padding-top:90px; padding-bottom:70px;}
.bg-white{background-color: #fff;}
.title{ position:relative; margin-bottom:20px;}
.title h2{    font-size: 42px;
    font-weight: 600;}
.title h2 b{}
.title h3{}
.title-bg{position: relative; width: 50px; height: 5px; background-color:#FF8C04; display: inline-block; border-radius: 4px;}
.green{color: #77dd76;}
.red{color: #e43039;}
.white{ color:#fff;}
.bg-blue{background-color: #19ace9;}
/*=========== about hompe page ================*/
#AboutUs{/*background: url(../images/tires-img.png)no-repeat;background-position: bottom right;
    background-size: 100px;*/}
.bg-gray{ background-color: #f6f6f8;}
.bg-gray-green {background-color: #ebfff2;}
.bg-green{background-color: #06da50;}
.abt-box{position: relative;margin-bottom: 25px;}
.abt-box h4{font-weight: 600;
    font-size: 25px;}
.abt-box p{font-size: 16px;
    line-height: 28px;
    color: #424242;}
.abt-icon {
    width: 115px;
    height: 115px;
    margin-bottom: 5px;
    border-radius: 5px;
}
.abt-icon img{ border-radius: 5px;}
.abt-icon>img{width: 100%;height: 100%;object-fit: contain;}


/*========== feature ========*/
.feature-app-slider{}
.feature-app-slider .app-slider { margin: 0px auto;width: 250px;    position: relative;padding: 14px;}
.app-slider>.owl-carousel{}
.app-slider>.owl-carousel .owl-item img {height: 485px;border-radius: 20px;}
.aap-frame{    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;}
.aap-frame img{width: 251px; z-index: 100; position: relative;
    margin: auto;
    display: block;}
.app-slider .owl-nav{position: absolute;
    top: 40%;
    width: 100%;}
    .app-slider .owl-nav .owl-prev{float: left;position: relative;
    left: -75px;    outline: none;}
    .app-slider .owl-nav .owl-next{ float: right;position: relative;
    right: -75px;    outline: none;}
.feture-media{    margin-top: 25px;
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 0px 12px 0px rgb(179 179 179 / 55%);
}
.feture-media:first-child {margin-top: 20px;}
.feature-icon{
    width: 65px;
    height: 65px;
    /* border-radius: 50%; */
    /* background-color: #FF8C04; */
    text-align: center;
    /* padding-top: 15px; */
    color: #fff;
    /* font-size: 22px; */
    }
.muchmore .feature-icon{/* background-color: #FF8C04; */color: #fff;border: none;background: transparent;}
.muchmore a:hover{text-decoration: none;}
.feature-icon img{
}
.feture-media .media-body{}
.feture-media h4{font-size: 20px;color: #000;
    font-weight: 500;margin-bottom: 5px;margin-top: 5px;}
.feture-media p{line-height: 20px;
    font-weight: 500;
    font-size: 14px; }
.feture-media-txt-rgt .media-body{text-align: right;}

/*========== services  ========*/
.services-wrap{background-color: #fffcf8;    overflow: hidden;}
.services-wrap .title{z-index: 1;}
.services-wrap .title-bg { background-color: #000;z-index: 1;}
.srvs-dec{position: relative;z-index: 1;}
.srvs-dec p{font-size: 18px;color: #000;line-height: 32px;margin-bottom: 35px;}
.srvs-dec p:last-child{margin-bottom: 0px;}
.srvs-whom-list{}
.srvs-whom-list>li{width: 20%;}
.srvs-box{       position: relative;
    z-index: 1;
    padding: 35px 10px;
    /* background-color: #86de89;
    border-radius: 12px; */}
.srvs-icon{    width: 65px;
    height: 65px;
    margin:0px auto 15px;}
.srvs-icon>img{width: 100%;height: 100%;object-fit: contain;}
.srvs-box h4{    font-weight: 500;
    font-size: 16px;
    color: #000;}
.srvs-box p{color: #000;font-size: 14px;}
.shape-group-7 .shape {
    position: absolute;
    
}
.shape-group-7 .shape.shape-1 {
    top: 30px;
    right: 200px;
}
.shape-group-7 .shape.shape-1>img{width: 100%;}
.shape-group-7 .shape.shape-2 {
    top: 80px;
    left: 60%;
    opacity: 0.5;
}
.shape-group-7 .shape.shape-3 {
    top: 25%;
    left: 170px;
    opacity: 0.5;
}

/*================= Our Process ===================*/
.process-line-wt {    position: relative;
    width: 90%;
    margin: auto;
}
.process-line {
    position: absolute;
    top: 28px;
    left: 90px;
    right: 90px;
}
.process-line img {
    z-index: 0;
    margin: auto;
    display: block;
}
.process-list{display: flex;
    width: 100%;
    justify-content: space-between;
    align-self: center;
    margin: auto;
    text-align: center;}
.process-list li{    width: 33.33%;}
.process-list li:nth-child(odd){margin-top: 20px;}
.process-list li:nth-child(even){margin-top: 60px;}
.process-box {
    position: relative;
}
.process-icon {      position: relative;
    width: 130px;height: 130px;
    border-radius: 50%;
    margin: 0px auto 10px;
    /*box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 8%);
    background-color: #ffffff;*/
        background: url(../images/proccess-bg.png)no-repeat;
    background-position: center;
    background-size: 100%;
   
}
.process-icon img {
   position: relative;
    top: 30px;
    width: 55px;
    height: 55px;
    object-fit: contain;
}
.process-icon span {  position: absolute;
    bottom: 35%;
    right: -5px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    background-color: #ffc62c;
    border-radius: 50%;
}
.process-list li h4 {
    font-size: 18px;
    font-weight: 500;
}
.process-list li p{    max-width: 200px;
    margin: auto;
    color: #4c4949;
    line-height: 22px;}



/*================= client home page ===================*/
.bdr-bg{     width: 80px;
    background-color: #000;
    height: 3px;
    display: inline-block;}
.bdr-bg1{     width: 80px;
    background-color:#e4be82;
    height: 3px;
    display: inline-block;}
.lightgold{color:#e4be82;}
.inner-box{box-shadow: 0px 0px 20px rgba(0,0,0,0.10);    background-color: #fff;
    text-align: center;}
.inner-box>.thumbnail{ margin-bottom: 0px;}
.inner-box>.thumbnail img{    width: 100%;
    height: 225px;
}
/*============= button style ================*/
.button-1{width: 100%;
    outline: none;
    height: 50px;
    /* float: left; */
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0px 0px 0px 0;
    background-color: #77dd76;
    border-radius: 12px;
    font-size: 14px;
    color: #000;
    border: none;
}
.button-1 a, .button-1 span{ text-transform: uppercase;
  font-size:14px;
  color:#000;
  text-decoration:none;
  line-height:50px;
    font-weight: 500;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.button-1 a img{    float: none;
    margin-left: 10px;}
.eff-1{
  width:100%;
  height:50px;
  right:-840px;
  background:#a6eca8;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-1:hover .eff-1{
  right:0px;top: 0px;
}
.button-1:hover a{
  color:#000;
}
.button-1:hover a, .button-1:hover.book-btn{
  color:#000;
}

/*=============== our team ===================*/
#OurTeam{ background:#fbfbfb url(../images/bubble-7.png)no-repeat;}
#OurTeam .title-bg {background-color: #000;}
.team-box{position: relative;
    overflow: hidden;
    padding: 30px;
    background-color: #fff;
    border-radius: 12px;
    margin: 5px;
border-bottom: 5px solid #a6eca8;
min-height: 400px;}
.team-box .media-left{width:15% !important;}
.team-box .team-box-img{width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin: 15px auto 0px;}
.team-box .team-box-img img{width:100%; height: 100%; transition: 0.5s;object-fit: cover;}
.team-box:hover> .team-box-img img{transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}
.team-box .client_info{padding: 15px 0px;position: relative;text-align: center;}
.team-box .client_info h4{ font-size: 18px; color: #000;font-weight: 500;}
.team-box .client_info .small{     color: #77dd76;
    font-size: 12px;
    font-weight: 400;}
.team-box .client_info p{    font-size: 13px;color: #000;}
.team-box .client_info p:first-child{margin-bottom: 0px;}
.team-box .client_info .collapse-text a{font-weight: 400;
    color: #0f4aa4;}
.team-box .hdr-social-link{position: absolute; right: 0px;top: 15px;}
.team-box .hdr-social-link li a {    background-color: transparent;
    box-shadow: none;
    width: auto;
    height: auto;}
.owl-dots{text-align: center;}
.owl-carousel button.owl-dot{width: 8px; height: 8px; display:inline-block; margin: 5px; border-radius: 50%; background-color: #eee; }
.owl-carousel button.active{background-color: #ddd;}
.owl-nav {       position: absolute;
    top: 40%;
    width: 100%;
    left: 0px;}
.owl-nav button span {      font-size: 26px;
    line-height: 22px;
    font-weight: 100;
    width: 25px;
    height: 25px;
    background: #62d261;
    border-radius: 50%;
    display: block;
    color: #fff;
}
.owl-nav button span:hover{/*border: 1px solid #E93131;
    color: #E93131;*/}
.owl-nav .owl-next{float: right;margin-right:-35px;}
.owl-nav .owl-prev {float: left;margin-left:-35px;}
/*==================== ====================*/
.testimonial_block {
    width: 100%;
    min-height: 340px;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px 0px #ececec;
    margin-bottom: 20px;
    position: relative;
}
.testimonial_block .testimonial_icon {
    margin: 10px auto;
}
.testimonial_block .testimonial_icon i {
    font-size: 28px;
    color:#ff0000;
}
.client_message {
    width: 100%;
    margin: 20px 0px 0px;
    padding-left: 0;
    box-sizing: border-box;
}
.client_message p {
    font-size: 16px;
    color: #000;
}
.client_info .name h4 {
    font-size: 15px;
    font-weight: 600;
    color:#000;
    line-height: 22px;
}
.client_info .name span {
    font-size: 13px;
    color: #868686;
    line-height: 22px;
    padding-left: 6px;
}

.testimonial_block .quote_left {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
}
.testimonial_block .quote_left i {
    font-size: 70px;
    color:#e8fff0;
}
#testimonials .owl-carousel .owl-dots{text-align: center;}
#testimonials .owl-carousel .owl-dots .owl-dot{width: 12px; outline: none;
    height: 12px; margin: 2px;
    border-radius: 50%;
    background-color: #ddd;}
#testimonials .owl-carousel .owl-dots .owl-dot.active{background-color:#ff0000;}
/*========= home page contact =========*/
#ContactUs{background-color: #efffe6;}
.contactinfo-rgt:before {
    content: "";
    position: absolute;
    left: 5%;
    top: 15%;
    background: url(../images/dots-shap1.png)no-repeat;
    width: 110px;
    height: 100px;
    background-size: 100%;}
.contactinfo-rgt .title{margin-bottom: 40px;}
.contact-form{ position: relative;
    background-color:#a6eca8;
    padding: 50px;
    /* box-shadow: 0px 0px 30px 0px #dadada; */
    margin-left: 80px;
    border-radius: 12px;}
.contact-form h4{ font-size: 20px;font-weight: 400;}
.map-col .contact-form{ padding-left: 50px;}
.contact-form .form-group{ margin-bottom: 25px;}
.contact-form label{ font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;}
.form-ctrl{height: 50px;
    border-radius: 12px;
    padding-left: 15px;
    border: none;
    font-size: 13px;
    background-color: #edffe3;
    color: #000;
}
textarea.form-ctrl{padding-left: 15px;height:auto;}
/*=========== footer ================*/
footer{background: #262626;}
.fotr-logo{ margin-bottom: 15px;}
footer h3{color: #000;
    font-size: 18px;
    font-weight:500;
    margin-bottom: 20px;
	    position: relative;padding-bottom:15px;}
		footer h3:before{content: "";
    background-color:#77dd76;
    height: 2px;
    width: 40px;
    position: absolute;
    left: 0px;
    bottom: 0px;}
footer p{ color: #000; font-size: 16px; line-height: 26px;font-weight: 400;}
.fotr-media{    margin-bottom: 20px;
    padding: 20px 0px 20px;
    border-bottom:1px solid #c5e5b4;
    position: relative;}
.fotr-media-icon{width: 35px;height: 35px;}
.fotr-media-icon>img{width: 100%;height: 100%;object-fit: contain;}
.fotr-media h6{margin-top: 0px;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #000;}
.fotr-media p{ font-size: 18px; font-weight: 300;color: #000; margin-bottom: 5px;}
.fotr-media p a{ color: #000;font-weight:300;padding-left: 2px;}
.fotr-media p a:hover{color: #77dd76;}
.fotr-media p i{     font-size: 16px;
    width: 32px;
    height: 32px;
    background-color: #FFAC00;
    line-height: 32px;
    color: #000;
    border-radius: 6px;
    text-align: center;}
.fotr-media h4{ margin-top: 0px; position: relative; margin-bottom: 20px;}
.fotr-media h4:before{position: absolute;
    bottom: -8px;
    height: 2px;
    width: 50px;
    background-color: #eca351;
    left: 0px;
    content: "";}
.adress{padding-right:80px;}
.fotr-menu{}
.fotr-menu li a{    color: #000;
    display: block;
    padding: 6px 0px;
    transition: 0.5s;
    font-weight: 400;
    font-size: 13px;}
	.fotr-menu li a:hover{transform: translate(10px, 0px);-o-transform: translate(10px, 0px);-webkit-transform: translate(10px, 0px); text-decoration:none;}
	.cpyrgt-wrap{
    position: relative;
    padding-top: 20px;
    padding-bottom: 5px;
    /* border-top:1px solid #547fff; */
    }
footer .hdr-social-link li a{color:  #000;transition: 0.5s;}
footer .hdr-social-link li a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);}
    .cpyrgt-wrap p{
    font-size: 12px;
    font-weight: 400;
    color: #fede97;
    }
.cpyrgt-wrap p a{color: #fff;font-weight: 600;}
.cpyrgt-wrap p a:hover{color: #fff;}
/*========== whatsapp ==========*/
.whatsap {right: 5px;
    position: fixed;
    z-index: 100;
    bottom: 50px;}
.whatsap  a{color: #fff; font-weight: 600;}
.whatsap  a i{    border-radius: 50%;
    font-size: 26px;
    color: #fff;
    background: #4CAF50;
    padding: 9px;
    height: 40px;
    width: 40px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;}
.whatsap a:hover{ text-decoration: none;color: #fff;}
.mrgn-btm0{margin-bottom: 0px;}
/*================ thank you  ===========*/
.thanks-section{padding-top: 90px;padding-bottom: 80px; background-color: #f5f5f5;}
.inner-thanks{}
.inner-thanks img{ width: 100px;margin-bottom:10px;}
.thanks-footer{padding-top: 0px;}
.thanks-footer .cpyrgt-wrap{ margin-top: 0px;}
.btn-width{width: 150px; margin: auto;}

/*================ inner pages ===========*/
.txt_dec {
    position: relative;
    margin-bottom: 20px;
}
.txt_dec h4 {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    text-transform: inherit;
}
.txt_dec p {
    text-align: justify;
    font-size: 14px;
    margin-bottom: 20px;
}
/*============= about us ================*/
.inr-wrap{position: relative; padding-top:20px;padding-bottom: 10px;background-color:#0f4aa4;overflow: hidden;}
.inr-wrap:before{content: "";position: absolute; background-color: #ff0000; width: 300px; top: 0px; bottom: 0px; right: -20px; -ms-transform: skewX(-20deg); /* IE 9 */
  transform: skewX(-20deg); /* Standard syntax */}
.about-bnr{ }
.inr-title{ position: relative;}
.inr-title h2{text-transform: uppercase;color: #fff;}
.brdcrm{background-color: transparent;
    border: none;
    border-radius: 0px;
    padding: 10px 0px;
    margin-bottom: 0px;}
.brdcrm>li {text-transform: uppercase;font-weight: 600;}
.brdcrm>li a{ color: #ffdede;}
.brdcrm>li+li:before { color: #ffdede;}
.brdcrm>li.active{ color: #fff;}
.orange{color: #f99011;}
.tmb{border: none;padding: 0px;    position: relative;
    overflow: hidden;    border-radius: 0px;background-color: transparent;}
.about-tab-nav{margin-bottom: 35px;
    border-bottom: 1px solid #ddd;
    margin-left: 0px;}
.about-tab-nav li{ }
.about-tab-nav li:first-child{padding-left: 0px;}
.about-tab-nav li a{display: block;
    padding: 12px 35px;
    font-size: 17px;
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;}
.about-tab-nav li.active > a{border-bottom: 2px solid #1f56aa; color: #1f56aa;}
.about-tab-nav li a:focus{text-decoration: none;}
.about-tab-nav li a:hover{text-decoration: none;color: #1f56aa;}
.abt-dec{margin-bottom: 20px;padding-right: 70px;}
.abt-dec h3{ margin-bottom: 20px;}
.abt-dec p{    margin-bottom: 20px;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;}
.abt-dec p:last-child{margin-bottom: 0px;}
.abt-tmbimg{width: 100%;height: 500px;overflow: hidden;border-radius: 4px;}
.abt-tmbimg>img{width: 100%;height: 100%;object-fit: cover;}
.abt-dec p .comingsoon{font-size: 22px;    font-weight: 700;text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;}
.vision-mission{margin-bottom: 30px;}
.vision-mission h3{letter-spacing: 2px;font-size: 30px;}
.panel-vision-mission{margin-left: 30px;}
.panel-vision-mission .panel {margin-bottom: 15px;    border-color: #1f56aa;}
.panel-vision-mission .panel-default>.panel-heading {padding: 0px;    color: #fff;
    background-color: #1f56aa;
    border-color: #1f56aa;}
.panel-vision-mission .panel-title{font-size: 18px;text-transform: uppercase;}
.panel-vision-mission .panel-title a{ padding:15px; display: block;}
.panel-vision-mission .panel-title a span{float: right;}
.panel-vision-mission .panel-body p{    font-size: 17px;}
.client-list {position: relative; overflow: hidden;
    padding: 25px;
}
.client-list img {
    transition: 0.5s;
        -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4;
}
.client-list:hover> img {opacity: 1;
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

/*================ Career =================*/
.positions-box{    position: relative;
    background-color: #0f4aa4;min-height: 180px;
    border-radius: 4px;transition: 0.5s;
    padding: 20px;margin-bottom: 20px; margin-top: 10px;}
.positions-box:hover{box-shadow: 0px 0px 14px 1px #ddd;background-color:#ff0000;}
.positions-box:hover > h4:before {background-color: #fff;}
.positions-box:hover>.apply-btn a{color: #fff;}
.positions-box h4{font-size: 22px;
    position: relative;color: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;}
.positions-box h4:before{content: ""; position: absolute; left: 0px; bottom: 0px; background-color: #ff0000; width: 30px; height: 2px;}
.positions-loc-year{}
.positions-loc-year li{font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding-left: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    position: relative;}
.positions-loc-year li i{    position: absolute;
    left: 0px;
    top: 3px;}
.positions-box .apply-btn{position: absolute;
    right: 20px;
    bottom: 20px;}
.apply-btn{}
.apply-btn a{     font-weight: 600;
    color: #fff;
    font-size: 18px;position: relative;
    text-decoration: none;}
.apply-btn a i{margin-left: 2px;
    position: relative;
    font-size: 16px;
    top: 2px;}
.positions-box .apply-btn a:hover{text-decoration: none;color:#0f4aa4;}
.job-dec-title{}
.job-dec-title h5{font-size: 16px;
    font-weight: 600;
    color: #000;}
.job-detail-list{margin-bottom: 20px;   list-style: disc;padding-left: 15px;}
.job-detail-list li{font-size: 15px;
    font-weight: 500;
    color: #464646;
    margin-bottom: 10px;}
.apply-form{position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px #dadada;
    padding: 30px 30px 5px;
    border-radius: 4px;}
.apply-form h3{font-weight: 500;margin-bottom: 25px;}
.apply-form .form-group{}
.apply-form .form-group .form-ctrl{background-color: #f0f0f0;
    border: none; font-weight: 500;}
.apply-form .form-group  .form-upload{padding-top: 12px;}
.apply-form .btn-width { margin: 0px;}
#viewallprofile{display: none;}

/*================ contact =================*/

/*===================== Sign up  setion  ===============*/
.become-faq{  position: relative; margin-top: 100px;}
.become-faq h3{font-size: 32px; }
.become-faq .panel-group {margin-top: 35px;}
.become-faq .panel-default>.panel-heading {
    color: #333;padding: 0px;
    background-color: transparent;
}
.become-faq .panel-group .panel+.panel {
       margin-top: 15px;
    border-top: none;
}
.become-faq  .panel-default { border-radius: 0px;
    border-color: #dadada;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    border-left: none;
    border-top: none;
    border-right: none;}
.become-faq  .panel-title h5{    font-size: 18px;
    cursor: pointer;
    margin-bottom: 0px;
    padding: 10px 0px;
    font-weight: 500;
    color: #000;}
.become-faq  .panel-title h5 em{font-style: normal;
    font-size: 14px;
    font-weight: 500;
    display: block;
    line-height: 24px;
    margin-top: 10px;}
.become-faq  .panel-title h5 span{   font-size: 24px;
    position: absolute;
    right: 10px;
    top: 15px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #ddd;}
.become-faq .panel-body h4{ font-size: 18px;}
.become-faq .panel-body .dec-txt h5{font-weight: 600;}
.become-faq .panel-default .panel-body {
    padding: 25px 10px;
}
.become-faq .button-width{width: 200px;}

/*================ login =================*/
.login-wrap{position: relative; padding: 90px 0px;background-color: #3d7fe2;}
.login-form-box{  width: 75%;
    margin: auto;
    padding: 20px 40px;
    background-color: #fff;
    /*box-shadow: 0px 0px 14px 2px #e4e4e4;*/
    border-radius: 4px;
    position: relative;
    overflow: hidden;}
.login-form-box:before{content: "";
    position: absolute;
    left: -28px;
    top: 0px;
    bottom: 0px;
    width: 54%;
    background-color: #1f56aa;
    transform: skew(-5deg, 0deg);-o-transform: skew(-5deg, 0deg);-webkit-transform: skew(-5deg, 0deg);}
.logi-lft-box{position: relative;margin-bottom: 40px;margin-right: 40px;}
.logi-lft-box img{width: 75px;
    margin: 25px auto 15px;
    display: block;}
.logi-lft-box h3{    color: #fff;
    font-size: 30px;}
.logi-lft-box h5{    color: #fff;
    font-size: 16px;}
.sign-nav{text-align: center;}
.sign-nav li{margin-top: 10px;}
.sign-nav li a{    background-color: #fff;
    display: block;
    font-size: 14px;
    border-radius: 30px;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
margin-right: 40px;
color: #333;}
.sign-nav li.active> a{background-color: #ff0000;color: #fff;}
.sign-nav li a:hover{text-decoration: none;
    background-color: #ff0000;
    color: #fff;}
.login-form{      position: relative;
    margin-left: 80px;
    margin-top:20px;}
.login-form h4{font-size: 26px;
    margin-bottom: 40px;
    font-weight: 600;}
.login-form .form-group{margin-bottom: 25px;}
.login-form .form-group label{    font-size: 16px;font-weight: 600;}
.login-form .form-group .checkbox  label{font-weight:500;}
.login-form .form-control{border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
    border-radius: 0px;
    padding-left: 2px;
    border-bottom: 1px solid #bbbbbb;
    height: 40px;
    font-weight: 500;}
.forget-psw{margin-top: 30px;}
.forget-psw a{    color: #1f56aa;
    font-weight: 500;
    text-decoration: underline;
display: block; margin-bottom: 10px;}
.forget-psw p{font-weight: 500;
    font-size: 16px;
    color: #333;}
.forget-psw a:hover{color: #777; text-decoration: none;}
.login-form .btn{
    text-transform: uppercase;
    font-weight: 600;
    height: 45px;
    border-radius: 30px;}
.app-logos{text-align: center;}
.app-logos p{ display:inline-block;font-weight: 500;
    font-size: 16px;
    color: #333; margin-right: 20px;padding-top: 10px;}
.app-logos a{ display:inline-block;    margin: 5px;}
.app-logos a img{width: 20px;}


.tredoaboutheading{
    color: #F4BF41;
    font-size: 22px!important;
    font-weight: 600!important;
    margin-bottom: 30px!important;
}
.abt-dec strong{
    color: #F4BF41;
}
.gold{width:150px;}

/* CSS */
.download-app {
  padding: 60px 20px;
  background: #fede97;
  text-align: center;
  font-family: Arial, sans-serif;
}

.download-app h2 {
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 600;
}

.download-app p {
  font-size: 16px;
  color: #000;
  margin-bottom: 30px;
}

.app-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.app-btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.app-btn img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.app-btn div span {
  display: block;
  font-size: 12px;
  color: #888;
}

.app-btn div strong {
  display: block;
  font-size: 16px;
  color: #000;
}

.app-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.app-btn.android {
  background: #262626; /* Android green */
  color: #fff;
}

.app-btn.ios {
  background: #262626; /* iOS black */
  color: #fff;
}

.app-btn.android div span,
.app-btn.android div strong {
  color: #fff;
}

.app-btn.ios div span,
.app-btn.ios div strong {
  color: #fff;
}




/* Responsive */
@media(max-width: 500px) {
  .app-buttons {
    flex-direction: column;
  }
}