*{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px; color:#1d1c1c;  font-family: "Oswald", sans-serif; text-transform:uppercase;}
h1.white,h2.white,h3.white,h4.white,h5.white,h6.white{ color:#fff;}
p{margin: 0px; font-size: 14px; color: #252525;}
p.white{ color:#fff;}
a{text-decoration: none; transition: 0.5s; color:#ff6b35;}
a.link{ text-transform:uppercase; font-weight: bold;}
a:hover {color: #ff6b35;}
a.link .fa{transition: all 0.5s ease;}
a.link:hover .fa{ padding-left:5px;}
body{ font-family:"Roboto", sans-serif; overflow-x: hidden; font-size:16px; color:#111827;}
html{overflow-x: hidden;}
ul{ padding:0; margin:0;}
ul li{ list-style-type:none;}

h6.sub-title {color: #564B95; text-transform: uppercase; margin-bottom: 10px;}
h1.sec-title {text-align: center; margin-bottom: 30px; text-transform: uppercase;}
.line-bttn{padding: 10px 30px; display: inline-block; border-bottom: 1px solid #FF7200; text-transform: uppercase; color: #000; font-weight: 600; margin: 20px 0 0 0; transition:all 0.5s ease;}
.line-bttn:hover{ background:#FF7200; color:#fff; border-color:#FF7200;}
h6.sub-title {margin: 0 0 5px 0; color: #FF7200; font-weight: 400; font-size: 14px; text-align:center;}
p.white{ color:#fff;}



h2.sec-title{text-transform: uppercase; font-size: 60px; color: #1d1c1c; letter-spacing: -2px; font-weight: bold;}
h2.sec-title span.color, h1 span.color{ color:#ff6b35;}
.heading-box p {font-size: 18px; max-width: 600px; margin: 0 auto;}
h2.sec-title.center{ text-align:center;}
h2.sec-title.white{ color:#fff;}
hr {width: 80px; margin: 0 auto 20px; height: 4px !important; background: #5ba0d9; opacity: 1; border-radius: 5px;}
hr.left{margin: 0 0 20px;}
hr.d-color{background: #bd1d2d;}
.align {display: flex; align-items: center; justify-content: space-between;}
.heading-box { max-width: 750px; margin: 0 auto 30px; display: grid; gap: 10px;}
.heading-box span.top-title {color: #ff6b35; border: 1px solid #ff6b3570; border-radius: 50px; margin: 0 auto; background: #ff6b3529; padding: 8px 25px; font-size: 13px; text-transform: uppercase;    font-weight: 600; letter-spacing: 1px;}
.heading-box span.top-title img {width: 13px; margin: 0 5px 0 0; position: relative; top: -1px;}


.body{ position:relative;}
input:focus, select:focus, textarea:focus{ border:1px solid #0869b024 !important; box-shadow:none !important; outline: none !important;}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {transition-duration: 1s !important;}
.btn-default{background: #ff6b35; border: none; padding: 18px 40px; color: #000; border-radius: 5px; text-transform: uppercase; margin: 0; display: inline-block; font-weight: bold; font-size: 16px;} 
.btn-default .fa {font-size: 11px; position: relative; left: 5px; top: -2px;}
.btn-default:hover{ background:#e65d2a; color:#000;}
.btn-secondery, .btn-secondery:hover{background: transparent; color: #ff6600;}
.btn-default img {width: 15px; margin: 0 10px 0 0;}

section.header { position: absolute; top: 0; width: 100%; z-index: 9;}

section.header.sticky-header{ position:fixed; width: 100%; z-index: 99; transition: all 1.2s ease; background: #000;}
section.header.sticky-header .header-top {display: none;}
section.header.sticky-header .header-navbar{ padding:0;}
section.header.sticky-header .heder-logo a img {width: 90px;}
section.header.sticky-header .header-menu .navbar ul.navbar-nav li a{font-size: 15px;}
section.header.sticky-header .mid-header .top-phone .fa{ width:40px; height:40px;}


.mid-header {padding: 15px 0;}
.header-navbar {display: flex; align-items: center; justify-content:space-between; padding:5px 0;}	
.heder-logo a img { max-width: 110px;}
.header-menu nav.navbar {padding: 0 !important;}
.header-menu .menu-logo {display: none;}


.header-menu button.navbar-toggler {display: none;}
.header-menu .navbar .navbar-collapse{justify-content: end;}
.header-menu .navbar ul{ align-items: center;}
.header-menu .navbar ul.navbar-nav li{  padding: 0 25px;}
.header-menu .navbar ul.navbar-nav li:last-child{ padding-right: 0;}
.header-menu .navbar ul.navbar-nav li a {font-size: 14px; padding:5px 0px; color: #fff; text-transform: uppercase; font-weight: 500;}
.header-menu .navbar ul.navbar-nav li a.active, .header-menu .navbar ul.navbar-nav li a:hover{color: #ff6b35;}
.header-menu .navbar ul.navbar-nav li a.dropdown-toggle::after{ border:none; content:"\f067"; color: #fff; font-family: 'FontAwesome'; font-size: 10px; font-weight: normal; position: relative; top: 2px; left: 2px;}
.header-menu .navbar ul.navbar-nav li a.active::after {color: #ff6b35;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {width: 220px; margin: 0px 0 0 0; border:none; border-top: 3px solid #ff6b35; padding: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; position: fixed; border-radius: 0; background: #111010; top: 70px;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {border-bottom: 1px solid #3b3a3a; padding: 0px; margin: 0;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {font-size: 13px; padding: 10px; margin: 0; font-weight: 300; border:none; background: none; color:#fff; text-transform:capitalize;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.active, .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item:hover{ background:#ff6b35; border:none; color:#fff;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child{ border:none;}
.header-menu .navbar ul.navbar-nav li a.login-btn {background: #5ba0d9; padding: 10px 20px; color: #fff; border-radius: 10px;}
.header-menu .navbar ul.navbar-nav li a.login-btn:hover{ background:#042b56;}

.header-right a.phone-number {color: #fff; font-weight: bold; margin: 0 10px 0 0;}
.header-right a .fa {width: 35px; height: 35px;  display: inline flex; background: #bd1d2d; align-items: center; justify-content: center; border-radius: 50px; color: #fff; font-size: 14px; margin: 0 5px 0 0; transition:all 0.5s ease;}
.header-right a:hover .fa{ background:#0869b0;} 
.header-right .btn-default {padding: 10px 25px;}

.header-menu .menu-btn{ display:none;}


.home-banner { background-image:linear-gradient(to right, #070707eb, #0000008f), url(../images/home-banner.jpg); width: 100%; height: 100vh; position: relative; background-size: cover; background-position: center; display: flex; align-items: end; padding-bottom: 50px;}
.home-bnr-content span.inline-flex {padding: 7px 15px; border-left: 3px solid #ff6b35; text-transform: uppercase; font-size: 14px;  font-weight: bold; letter-spacing: 1px; color: #ff6b35;} 
.home-bnr-content span.inline-flex i.fa {color: #bd1d2d; margin: 0 5px 0 0;}
.home-bnr-content h1 { color: #fff;  font-size: 68px; line-height: 68px; margin: 20px 0; text-transform: uppercase;}
.home-bnr-content h1 span{color: #ff6b35;} 
.home-bnr-content hr {margin: 10px 0; height: 2px !important; background: #ff6b35;}
.home-bnr-content p {color: #d6d3d3; font-weight: 300;  font-size: 20px;}
.home-bnr-content .button-box { margin: 20px 0; display: flex; gap: 10px;}
.home-bnr-content a.btn-default {padding: 17px 30px; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.home-bnr-content a.btn-default img {width: 13px; margin: 0 5px 0 0;}
.home-bnr-content a.btn-default.quote-btn {color: #fff; background: transparent; border: 2px solid #fff;}
.home-bnr-content a.btn-default.quote-btn:hover{ border-color:#ff6b35; color:#ff6b35;}

.home-bnr-content .count {margin: 30px 0 0 0; border-top: 1px solid #777777; padding: 20px 0 0 0;}
.home-bnr-content .count-info span {color: #ff6b35; font-size: 28px; font-weight: bold;}
.home-bnr-content .count-info p.counter-title {font-size: 13px; text-transform: uppercase;}



.home-services {padding: 80px 0; background: #ffffff;}
.home-services .img-box-content .box-img img {width: 100%; border-radius: 10px;}
.home-services .img-box-content {position: relative; margin: 0 0 40px 0; border: 1px solid transparent; border-radius: 10px; transition: all 0.5s ease;}
.home-services .img-box-content::before {background-image: linear-gradient(to bottom, #ffffff00 0%, #000000e8 70%); content: ""; width: 100%; height: 100%; position: absolute; top: 0; border-radius: 10px;}
.home-services .img-box-content .content-box { position: absolute; bottom: 0;  padding: 20px 30px; display: grid;  gap: 15px;}
.home-services .img-box-content span.icon {display: flex; background: #ff6b3561; width: 45px; height: 45px; padding: 12px; border-radius: 10px;}
.home-services .img-box-content:hover{ border-color:#ff6b3561;}

.how-works {padding: 80px 0; background: #f7f7f7;}
.work-process {text-align: center; display: grid; gap: 15px; z-index: 9; position: relative;}
.work-process .step-box { display: grid; border: 1px solid #ff6b3570; width: 120px; height: 120px; text-align: center; margin: 0 auto 10px; border-radius: 100%; background: #fff; padding: 30px;}
.work-process .step-box span {color: #222020; text-transform: uppercase; font-size: 11px; font-weight: bold;}
.work-process .step-box h4{color: #222020;}
.how-works .position{ position:relative;}
.how-works hr {height: 1px !important; background: #ff6b3578; position: absolute; top: 60px; z-index: 1; margin: 0;}

.services-grid {border-radius: 15px; overflow: hidden; margin: 0 0 20px 0; background: #fff;}
.services-grid-details {padding: 25px; display: grid; gap: 20px; border:1px solid #ffc8c8ab; transition: all 0.5s ease; border-radius: 15px;}
.services-grid-details .service-icon{display: flex; background: #ff6b3533; width: 45px; height: 45px; padding: 12px; border-radius: 10px;}
.services-grid-details:hover{border-color:#ff6b3561;}

.why-choose {padding: 80px 0; background: #fff;}
.why-choose .heading-box {margin: 0;}
.why-choose .heading-box .top-title {margin: 0; max-width: 190px;}
.why-choose .heading-right-text { display: flex; align-items: end; height: 100%; text-align: right;}
.choose-content-box {background: #f7f7f7; padding: 30px; border-radius: 15px; margin: 20px 0 0 0; border: 1px solid #ebebeb; transition: all 0.4s ease; display: grid; gap: 20px;}
.choose-content-box .top-box {display: flex; align-items: stretch; gap: 10px;}
.choose-content-box .top-box .icon-box {display: flex; background: #ff6b3533; width: 50px; height: 50px; padding: 12px; border-radius: 10px;}
.choose-content-box .top-box .heading-info-box span {background: #ff6b35; border-radius: 20px; font-size: 9px; padding: 4px 12px; color: #ffffff; font-weight: 400;}
.choose-content-box:hover{border-color:#ff6b3561;}

.why-choose .bg-content-box {position: relative;}
.why-choose .bg-content-box::before {content: ""; width: 100%; height: 230px; background: #0000008f; position: absolute; border-radius: 15px;}
.why-choose .bg-content-box img {width: 100%; border-radius: 15px; height: 230px;}
.why-choose .bg-content-box .align { position: absolute; top: 25px; width: 100%; padding: 40px; height: 100%; bottom: 0;}
.why-choose .bg-content-box .btn-default img {width: 15px; height: auto;}
.why-choose .content-box .btn-default {background: transparent; color: #ff6b35; border: 1px solid #ff6b35;}
.why-choose .content-box .btn-default:hover{background: #ff6b35; color:#000;}
.why-choose .bg-content-box .content-box {display: grid; gap: 10px;}

.brands-box {background:#f7f7f7; padding: 80px 0;}
.brands-box .brand-details {background: #fff; padding: 50px; text-align: center; border-radius: 15px; border: 1px solid #ffc8c863; transition: all 0.5s ease; display: grid; gap: 20px;}
.brands-box .brand-details h3 {border: 1px solid #575656; background: #333333; padding: 10px 50px; border-radius: 10px; display: inline-block; font-size: 44px; font-family: 'Roboto'; font-weight: bold; transition:all 0.5s ease;}
.brands-box .brand-details hr {width: 60px; height: 2px !important; background: #ff6b35; margin: 0 auto;}
.brands-box .brand-details span.line-block span{color: #ff6b35; border: 1px solid #ff6b3570; border-radius: 50px; margin: 0 auto; background: #ff6b3529; padding: 8px 20px; font-size: 11px;  text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
.brands-box .brand-details .tracking span {color: #12a514; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 1px;}
.brands-box .brand-details .tracking span::before {content: "\f192"; font-family: 'FontAwesome'; padding: 0 5px 0 0;}
.brands-box .brand-details:hover{border-color:#ff6b3561;}
.brands-box .brand-details:hover h3{color:#ff6b35;}
.brands-box .count { margin: 50px 0; background: #ff6b35; padding: 50px; border-radius: 15px;}
.brands-box .count .count-info {text-align: center;  padding: 0 70px;}
.brands-box .count .count-info .number {font-size: 35px; font-weight: bold; color: #fff;}
.brands-box .count .count-info p.counter-title {color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 600;}

.brands-box .img-content {position: relative;}
.brands-box .img-content img { max-height: 230px; width: 100%; object-fit: cover; border-radius: 15px; object-position: top;}
.brands-box .img-content .content-box {position: absolute; bottom: 0; padding: 0 30px 30px;  width: 100%;}
.brands-box .img-content::before {content: ""; width: 100%; height: 230px; background: #0000008f; position: absolute; border-radius: 15px;}

.sec-contact {padding: 80px 0; background: #fff;}
.sec-contact .left-box ul { margin: 20px 0;}
.sec-contact .left-box ul li {padding: 10px 0;}
.sec-contact .left-box ul li a {display: flex; gap: 15px;}
.sec-contact .left-box ul li a .fa {width: 50px; height: 50px; background: #ff6b3529; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.sec-contact .left-box ul li a span span, .sec-contact .left-box ul li a span p {display: block; font-size: 13px;}
.sec-contact .left-box ul li a span p{ text-transform:uppercase;}
.sec-contact .left-box ul li a span strong { color: #1d1c1c; font-size: 18px;}
.sec-contact .left-box .map { padding: 0;}
.sec-contact .left-box .map iframe { height: 230px;}

.contact-right { padding: 50px; background: #f7f7f7; border-radius: 15px;}
.contact-right h4.sec-title {margin: 0 0 20px 0;}
.contact-right .form-group {margin: 0 0 15px 0;}
.contact-right .form-group label { color: #181818; font-weight: 400;font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0 0 5px 0;}
.contact-right .form-group .form-control, .contact-right .form-group select {background: #ffffff; padding: 12px 15px; color: #181818; border:1px solid #dcdcdc; border-radius: 5px; font-weight: 400;
font-size: 13px; width: 100%;}
.contact-right .form-group textarea#message {height: 145px;}
.contact-right button.btn.btn-default {width: 100%;}
.contact-right button.btn.btn-default .fa {margin: 0 10px 0 0;}
.left-box .response-box { padding: 30px; border: 1px solid #ff6b3557; margin: 20px 0 0 0; border-radius: 15px; background: #ff6b3529; display: grid; gap: 20px;}
.left-box .response-box .top-box { display: flex; align-items: center; gap: 10px;}
.left-box .response-box .top-box img {width: 30px;}






.footer {background:#0f1010; padding:80px 0 0 0;}
.footer .col-sm-3 {width: 30%;}
.footer .col-sm-3.links, .footer .col-sm-3.service {width: 20%;}
.footer .footer-content.ftr-log-box {padding: 0 150px 0 0;}
.footer-content a.ftr-logo img {width: 130px; margin: 0 0 20px 0;}
section.footer h5.ftr-title {color: #fff; font-weight: 600; text-transform: uppercase; padding: 0 0 15px 0; font-size: 18px;}
section.footer .col-sm-3 .footer-content p {color: #fff; font-size: 14px;}
section.footer ul li {padding:5px 0 10px 0; color: #fff; font-weight: 300; font-size: 14px;}
section.footer ul li:last-child {border: none;}
section.footer ul li a { color: #fff;}
section.footer ul li a:hover{ color:#ff6b35;}
section.footer ul li a::before {content: "\f105"; font-family: 'FontAwesome'; padding: 0 10px 0 0;}
section.footer ul li a .fa {padding: 0 5px 0 0;}
.col-sm-3.service ul li strong {font-weight: 700;}
.footer .contact-info ul li {display: flex; align-items: center;}
.footer .contact-info ul li .fa {background: #ff6b3533; color: #ff6b35; display: flex; align-items: center; width: 38px; height: 38px; justify-content: center; margin: 0 10px 0 0; padding: 16px; border-radius: 5px;}
.footer .contact-info ul li h6 {color: #fff; font-weight: 500; margin: 0 0 3px 0;}
.footer .contact-info ul li a::before {content: none;}
.footer-content .socail-link{display: flex; align-items: center; margin: 15px 0 0 0;}
.footer-content .socail-link li { margin:0 5px 0 0; border: none;}
.footer-content .socail-link li a { border: 1px solid rgb(39 42 42); padding: 0; font-size: 13px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff;
border-radius: 5px;}
.footer-content .socail-link li a:hover{ background:#ff6b3529; color:#ff6b35;}
.footer-content .socail-link li strong {font-weight: 600;}
.footer-content .socail-link li a::before{ content:none;}
.footer-content .socail-link li .fa {padding: 0;}
.footer .contact-info ul li a{font-size: 15px;}

.contact-info ul.ftr-links li { padding: 5px 0 10px 0;}


.btm-ftr {padding: 20px 0px; margin: 20px 0 0 0; color: #fff; border: 1px solid #1c1d1d;}
.btm-ftr .btm-ftr-content { display: flex; align-items: center;  justify-content: space-between;}
.btm-ftr p.copyright {color: #9ca1a6; font-size: 13px;}
.btm-ftr .btm-ftr-content ul li {display: inline; padding: 0 10px;}
.btm-ftr .btm-ftr-content ul li a {font-size: 12px; color: #9ca1a6; }
.btm-ftr .btm-ftr-content ul li a::before{ content:none;  }




.scrollup {background: #ff6b3529; border-radius: 10px; bottom: 40px; color: #ff6b35; display: none; font-size: 18px; height: 50px; line-height: 50px; position: fixed; right: 20px; text-align: center; width: 50px; z-index: 9999; box-shadow:0 0 10px rgb(0 0 0 / 27%);}



.inner-banner {height: 450px; background-size: cover; background-position: center center;}
.inner-banner .banner-overlay {height: 100%; display: flex; align-items: end; text-align: center; padding-bottom: 60px;}
.inner-bnr-content {margin: 0; display: grid; gap: 10px; text-align: left;}
.inner-bnr-content h1 {color: #fff; font-size: 62px; padding:0; margin:0;}
.inner-bnr-content p {font-size: 18px;}

.our-story {padding: 80px 0;}
.our-story .left-img img {width: 100%; border-radius: 15px;}
.our-story .align {height: 100%; padding: 0 0 0 30px;}
.our-story .heading-box {margin: 0 auto 20px;}
.our-story p {margin: 0 0 15px 0; font-size: 16px;}
.our-story .count {margin: 50px 0 0 0;}
.our-story .count .align {gap: 20px; padding: 0;}
.our-story .count .count-info { width: 25%; text-align: center; padding: 20px; background: #fafafa; border-radius: 10px; border: 1px solid #ebe6e6;}
.our-story .count .count-info .number { font-size: 60px; font-weight: bold;}
.our-story .count .count-info p.counter-title { text-transform: uppercase; font-size: 14px;}

.about-page-choose-sec { background: #f7f7f7;}
.about-page-choose-sec .heading-box {margin: 0 auto 30px;}
.about-page-choose-sec .heading-box span.top-title {margin: 0 auto;}

.choose-content-box.white-bg {background: #fff;}

.our-team {padding: 80px 0;}
.our-team .heading-box { margin: 0 0 30px 0;}
.our-team .team-box {border: 1px solid #d8d8d8; background: #fff; border-radius: 15px; text-align: center;}
.our-team .team-box .team-img {background: #3d3a3a; border-radius: 15px 15px 0 0; padding: 20px 20px 0 20px;}
.our-team .team-box .team-img img {width: 100%;}
.our-team .team-box .team-details { padding: 15px;}
.our-team .team-box .team-details p {text-transform: uppercase; font-size: 12px; padding: 5px 0 0 0;}
.our-team .team-box:hover{border-color:#ff6b3561;}

.bg-content-box {position: relative;}
.bg-content-box::before {content: ""; width: 100%; height: 230px; background: #0000008f; position: absolute; border-radius: 15px;}
.bg-content-box img {width: 100%; border-radius: 15px; height: 230px;}
.bg-content-box .align { position: absolute; top: 25px; width: 100%; padding: 40px; height: 100%; bottom: 0;}
.bg-content-box .bg-content-box .btn-default img {width: 15px; height: auto;}
.bg-content-box .content-box .btn-default {background: transparent; color: #ff6b35; border: 1px solid #ff6b35;}
.bg-content-box .content-box .btn-default:hover{background: #ff6b35; color:#000;}
.bg-content-box .content-box {display: grid; gap: 10px;}


.our-services {padding: 80px 0;}
.service-box {border: 1px solid #ebebeb; border-radius: 15px;  margin: 0 0 20px 0;}
.service-box .service-img img { width: 100%; border-radius: 15px 15px 0 0; transition:all 0.5s ease;}
.service-box .team-details {padding: 20px; display: grid; gap: 10px;}
.service-box .service-img {overflow: hidden;}
.service-box:hover .service-img  img{transform: scale(1.1);}


.how-works-page {padding: 80px 0; background: #fff;}
.how-works-page .work-process { background: #f7f7f7; border: 1px solid #ebebeb; border-radius: 15px; padding: 30px; text-align: left; margin: 0 0 20px 0;}
.how-works-page .work-process .step-box-align {display: flex; align-items: center;  gap: 15px;}
.how-works-page .work-process .step-box-align h4 {width: 50px; height: 50px; background: #ff6b3533; align-items: center; display: flex; justify-content: center; color: #ff6b35; border-radius: 5px;}
.how-works-page .work-process .step-box-align .title span {color: #ff6b35; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}






.experts{ padding:80px 0;}
.heading-box span.icon {background: #0869b02b; width: 70px; height: 70px; display: flex; margin: 0 auto 20px; align-items: center; justify-content: center; border-radius: 50px; color: #0869b0;}
.experts .tech-box {text-align: center; padding: 30px; background: #0869b017; border-radius: 15px; display: grid; gap: 20px;}
.experts .tech-box .icon-box img {display: block; background: #fff; margin: 0 auto 10px; padding: 15px; border-radius: 5px; width: 80px;}


.our-journey { padding: 80px 0; background: #f9f9f9;}
.our-journey .timeline {position: relative;}
.our-journey .timeline .container {position: relative; width: 80%; margin: auto;}
.our-journey .timeline-item.left {border-right: 2px solid #eee;}
.our-journey .timeline-item.right{border-left: 2px solid #eee;}
.our-journey .timeline-item {position: relative; width: 50%; padding: 20px 40px; box-sizing: border-box;}
.our-journey .timeline-item.left { left: 0; text-align: right;}
.our-journey .timeline-item.right { left: 49.9%;}
.our-journey .timeline-item .content { background: transparent; padding: 10px 20px;}
.our-journey .timeline-item h2 {color: #2d7be5; margin: 0; font-size: 32px;}
.our-journey .timeline-item h4 {margin: 5px 0; font-size: 18px; font-weight: bold;}
.our-journey .timeline-item p { margin: 0; color: #555;}
.our-journey .timeline-item::after { content: ''; position: absolute;width: 12px; height: 12px; right: -6px; background: #2d7be5; border: 3px solid #fff; top: 40px; border-radius: 50%; z-index: 1;}
.our-journey .timeline-item.right::after {left: -6px;}

@media screen and (max-width: 768px) {
.our-journey .timeline .container::after { left: 20px; }
.our-journey .timeline-item {width: 100%; padding-left: 50px;  padding-right: 20px;}
.our-journey .timeline-item.left, .timeline-item.right { left: 0; text-align: left;}
.our-journey .timeline-item::after { left: 14px;}
}


.about-page-choose {background: #fff;}
.about-page-choose p.white{color: #555;}
.about-page-choose .item-content h6 {color: #111827;}
.about-page-choose .item-content p {color: #555;}
.about-page-choose .choose-item .icon {background: #164ab60f; color: #0869b080; font-weight: 900; font-size: 24px;}

.about-page-choose .right-img .box-icon-text .box-contemt {border-right: 1px solid #d7d7d7; width: 100%; text-align: center;}
.about-page-choose .right-img .box-icon-text .box-contemt h4 {color: #0869b0;}
.about-page-choose .right-img .box-icon-text .box-contemt:last-child{ border:none;} 


.our-service {padding: 100px 0 50px; background: #f9f9f9;}
.our-service .service-img-box img {width: 100%; border-radius: 15px; box-shadow: 1px 1px 20px #bfb8b8bd;}
.our-service .align{ height:100%;}
.service-content {display: grid; gap: 20px;}
.service-content span.icon img {width: 30px;}
.service-content span.icon {width: 50px; height: 50px; background: #0869b040; display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 7px;}
.service-content h2 {font-size: 38px;}
.service-content ul li {padding: 5px 0; color: #0f1d28bf;  font-size: 15px;}
.service-content ul li::before {content: "\f00c"; font-family: 'FontAwesome'; background: #0869b033; padding:6px 6px; border-radius: 50px; color: #0869b0; margin: 0 10px 0 0;}
.service-content .price-box {display: flex; align-items: center;}
.service-content .price-box h4 {color: #0869b0; padding: 0 20px 0 0;}
.service-content .price-box p {font-size: 14px;}

.fa-arrow-right {font-size: 11px; position: relative; top: -2px; left: 4px;}
.service-content a.hero-btn.hero-btn2 {color: #424242; border: 2px solid #9c9c9c; margin:0  0 0 5px;}
.service-content a.hero-btn.hero-btn2 .fa {font-size: 14px; position: relative; top: 0px; left: 0px;}
.service-content a.hero-btn.hero-btn2:hover{ border-color:#0869b0; color:#0869b0;}

.our-service .row {margin-bottom: 100px;}
.our-service .col-md-6.order {order: 2;}

.how-works {padding: 80px 0;}
.how-works .works-des {text-align: center; background: #0869b01f; padding: 50px 30px; height: 100%; border-radius: 15px; display: grid; gap: 10px;}
.how-works .works-des span.step {font-size: 38px; font-weight: bold; color: #0869b066; line-height: 40px;}
.works-des .icon {display: block; margin: 0 auto;}
.works-des .icon span {display: flex; margin: 0 auto; background: #fff; padding: 15px; border-radius: 10px;}
.works-des .icon span img{ width:30px;}


.faq-sec {margin: 50px 0 0 0;}
.faq-sec .img-box img {width: 100%; border-radius: 15px;}
.faq-content-cox .heading-box {margin-bottom: 20px;}

#faq .card .card-header {border: 0; border-radius: 2px;  padding: 0;}
#faq .card .card-header .btn-header-link {display: block; text-align: left; padding: 18px; font-weight: 600;  background: #ff6b35;}
#faq .card .card-header .btn-header-link.collapsed{background: #f5f5f5;}
#faq .card .card-header .btn-header-link:after {content: "\f068"; font-family: 'FontAwesome'; font-weight: 100; float: right; color: #0869b0; color: #1d1c1c; font-size: 12px;}
#faq .card .card-header .btn-header-link.collapsed:after {content: "\f067";}
#faq .card .collapsing {line-height: 30px;}
#faq .card .collapse { border: 0;}
#faq .card .collapse.show { line-height: 30px; }
.btn-check:focus + .btn, .btn:focus { box-shadow: none !important;}
.faq-btn-text {text-align: center; margin: 20px 0 0 0; display: grid; gap: 10px;}
.faq-btn-text a {color: #0869b0; font-size: 18px; font-weight: 600;}
.faq-btn-text a .fa {font-size: 13px; position: relative; top: -1px; margin: 0 0 0 5px;}




.page-contact {padding: 80px 0 50px;}
.page-contact .row {border-radius: 20px; box-shadow: 1px 1px 20px #ebebeb;}
.page-contact .row .col-md-5 {border-radius: 20px 0 0 20px; background: #fff; padding: 50px;}
.page-contact h3.sec-title {padding: 0 0 10px;}
.page-contact h3.sec-title span{ color:#ff6b35;}
.page-contact .left-box hr, .page-contact .contact-right hr {background: #e7e7e766; width: 100%; height: 1px !important;}
.page-contact ul.contact-details li {display: flex; align-items: center; margin: 0 0 20px 0; font-size: 14px; }
.page-contact ul.contact-details li .fa {display: flex; align-items: center; width: 55px; height: 55px; justify-content: center; margin: 0 10px 0 0; font-size: 18px; color: #ff6b35; padding: 20px;
border: 2px solid #ff6b35; border-radius: 50px;}
.page-contact ul.contact-details li h6 {margin: 0 0 5px 0;}
.page-contact ul.socail-link li {display: inline-block; margin: 0 0 10px 0;}
.page-contact ul.socail-link li a {width: 40px; height: 40px; background: #5ba0d9; display: flex; align-items: center; justify-content: center; color: #fff;}
.page-contact ul.socail-link li a:hover{ background:#093059;}

.page-contact .row .col-md-7{ border-left:1px solid #eee;}
.page-contact .row .col-md-7 .contact-right {background: no-repeat; border: none;}
.contact-right form .row {box-shadow: none; border-radius: 0;}
.page-contact .contact-right form .form-group label {color: #222;}
.page-contact .contact-right .form-group .form-control, .page-contact .contact-right .form-group select {background: #fff; color: #222; border: 1px solid #b8b7b7;}
.map iframe {height: 210px; border-radius: 15px;}


.service-overview {padding: 80px 0;}
.service-overview .left-img img {width: 100%; border-radius: 15px;}
.service-overview .align {height: 100%; padding: 0 0 0 30px;}
.service-overview .heading-box {margin: 0 0 20px;}
.service-overview p {font-size: 16px;}

h3.sec-title {font-size: 38px;}
h3.sec-title span{ color:#ff6b35;}

.service-overview .content-box {display: grid; gap: 10px;}
.service-overview .content-box ul {display: inline-block;}
.service-overview .content-box ul li { width: 49%; display: inline-block; padding: 0 0 10px 0; font-size: 14px;}
.service-overview .content-box ul li::before {content: "\f058"; font-family: 'FontAwesome'; padding: 0 10px 0 0; color: #ff6b35;}

.key-features {background: #f7f7f7; padding: 50px 0;}
.feature-box {background: #fff; border: 1px solid #ebebeb; border-radius: 10px; text-align: center; padding: 40px 20px; display: grid; gap: 15px;}
.feature-box span.icon {width: 65px; height: 65px; background: #ff6b3561; display: flex; align-items: center; justify-content: space-around; margin: 0 auto; border-radius: 5px;}
.feature-box span.icon img {width: 34px;}


.how-work {padding: 50px 0;}
.how-work .position {position: relative;}
.how-work hr {height: 1px !important; background: #ff6b3578; position: absolute; top: 60px; z-index: 1; margin: 0;}
.work-process span.icon img {width: 100%;}


#myModal{overflow: hidden;}
.modal.fade .modal-dialog {height: 100%; align-items: center; display: flex;}
.modal-header button.close {border: none; background: #000; width: 30px; height: 30px; color: #fff; border-radius: 50px;}
.modal-body .form-group {margin: 0 0 10px 0;}
.modal-body .form-group label {font-size: 12px;}
.modal-body .form-group input, .modal-body .form-group select, .modal-body .form-group textarea {border: 1px solid #999; font-size: 13px; border-radius: 5px; padding: 10px 10px; width: 100%;}
.modal-body .form-group textarea{ height:120px;}
.modal-body .form-group button.btn {width: 100%; padding: 15px;}
.modal-body .form-group button.btn .fa {margin-right: 5px;}