﻿@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato-Regular.TTF');
  src: local("?"), url('../fonts/Lato-Regular.woff') format("woff"), url('../fonts/Lato-Regular.TTF') format("truetype"); 
}

html{position:relative; min-height:100%;}
body{background:#fff; color:#333; font-size:15px; font-family:Lato-Regular, Poppins-Regular, Calibri, Arial;}

a.navbar-brand {white-space: normal; text-align: center; word-break: break-all; padding:0;}
a{color:#0366d6; text-decoration:none;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff; background-color: #1b6ec2; border-color: #1861ac;}

.box-shadow{box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); width:100%; display:block;}

/*.footer{position:absolute; bottom:0; width:100%; white-space:nowrap; line-height:60px;}*/

.navbar-light .navbar-brand{border-radius:5px;}

/*.top-header{background-color: #5e97c7!important;}*/

/*-------------------- Start Top Navigation Menu -------------------------*/
.TopNav{padding:0;}
/*.main-nav{margin:5px 0 0 !important;}*/
.main-nav,
.main-nav *{margin:0; padding:0; list-style: none;}
.main-nav > ul > li{position:relative; white-space:nowrap; float:left; color:#333;}
.main-nav a {display:block; position:relative; color:#333; padding:10px 15px; transition: 0.3s; font-size: 16px;font-weight: 500;}
.main-nav a:hover{color:#52903d; text-decoration: none; border-radius:0;}
.main-nav .active > a{color: #fff; text-decoration: none; background:#52903d; border-radius:0;}
.main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul{opacity: 1; top:85%; visibility: visible;}
.main-nav .drop-down li{min-width: 180px; position: relative;}
.main-nav .drop-down ul a{padding:7px 10px; font-size: 13px; color: #004289;}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #007bff;}

.main-nav .drop-down > a:after {content: "\f107";font-family: FontAwesome;padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}

/* Mobile Navigation */
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;background: rgba(19, 39, 57, 0.8);transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #fff;padding: 10px 20px;font-weight: 500;font-size:13px;}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#f89b06 !important;text-decoration: none;}

.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px; color:#fff;}
.mobile-nav .drop-down > a:focus {color:#007bff;}
.mobile-nav .drop-down.active > a{color:#007bff;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle{position:absolute;right: 0;top: 0;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 18px 18px 0 0;color: #004289;}
.mobile-nav-overly{width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(19, 39, 57, 0.8);overflow: hidden;display: none;}
.mobile-nav-active{overflow: hidden;}
.mobile-nav-active .mobile-nav{left: 0;}
.mobile-nav-active .mobile-nav-toggle i{color: #fff;}

/*-------------------- End Top Navigation Menu ----------------------------*/
.Main_container{margin:0}

.clearfix{clear:both; width:100%;}

.phoneno{color:#fff; font-size:18px; font-weight:bold; float:right; background:#ffa800; margin:15px 0 0; border-radius:5px; padding:5px 10px;}
.phoneno .fa{color:#fff; margin:0 5px 0 0;}
.phoneno:hover{color:#fff;}

/*------------------------- Start Slider CSS ---------------------------*/
.Slide_block{position:relative; overflow:hidden;}
.Slider_content{position:absolute;top:5%; z-index:999; width:360px; font-size:25px; margin:auto; right:180px; padding:20px; border-radius:5px; line-height:30px;}
.Slider_content .MER{color:#111; font-weight:bold;}

.safeandquick{color:#3b9030; padding:0; display:inline-block; font-size:20px; font-weight:bold; width:100%;}
.banner_arrow{color:#ffa800; font-size:30px; float:right;}

.BookApp_btn{background:#f5ad1d; padding:5px 20px; color:#fff; -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; text-transform:uppercase}
.BookApp_btn:hover{background:#56913e; color:#fff;}
/*------------------------- Start Slider CSS ---------------------------*/

/*-------------------------- Right Scroll --------------------*/
.right_scrol{width:34px; height:1px; margin:0; padding:0; float:right; position:fixed; right:15px; top:150px; border:none; z-index:999;}
.tab-nav{width:1px; margin-left:-430px; margin-top:-10px; position:fixed; border:none; font-size:13px;}
.tab-nav ul{position: relative; float: left;  width:800px; margin-left:445px;  padding-left: 0; list-style-type: none; border:none;}
.tab-nav li{float: left; clear: left;  border:none;}
.tab-nav a {display: block; width:114px; height:165px; padding:0 0 0px 5px; margin:80px 0 0; float: left; text-align: center; text-decoration: none; color: #000; background:url(../images/tab-slide.png) no-repeat 0px -0px; border:none;}
.tab-nav a.expanded {background-position:0px -170px; border:none;}
/* second level */
.tab-nav ul ul{float:left; width:420px; height:350px; margin-left:-80px; background:url(../images/black_bg.png); border:none; color:#fff; border-radius:10px 0 0 10px;}
.tab-nav li li{clear: none; padding:7px 2px 0 2px;}
.tab-nav li li a{color: #038fac; font-family:arial, verdana; font-size:11px; width:auto; height:20px; background:none; padding:0 border:none;}
.tab-nav li li a:hover{color:#fff;}

 /* ------------------ End Right Scroll ------------------ */
.ContentHeading{text-align:left; font-size:22px; padding:0 0 25px; margin:0; color:#f89b06;}
.ContentHeading:before{border-bottom:2px #333;}

.number{color:#3b9030; font-size:30px; font-weight:bold;}
.plus{color:#ffa800; font-size:30px; font-weight:bold;}
.name{color:#3b9030; font-size:15px; font-weight:bold;}

.talkto_export{font-size:22px; margin:0 0 10px; font-weight: bold;}
.free_consultation{font-size:25px; font-weight:bold; color:#ffa800; margin:0 0 10px;}
.formsection{border-radius:10px; padding:30px 20px;}

.btn-primary{background:#ffa800; border:1px solid #ffa800;}

.title_head{border-left:3px solid #ffa800; font-size:18px; margin:0 0 15px; font-weight:bold; padding:0 0 0 10px;}

.whyopt{list-style-type:none; margin:0; padding:0;}
.whyopt li{margin:0; padding:3px 0; list-style-type:none;}
.whyopt li i{color:#ffa800;}

.simplifytask{width:100%; height:auto; padding:10px 0; display:block; text-align:center; line-height: 40px;}

.testimonial_section{background:#efefef; margin:0 10px; padding:15px;}
.client_img{width:40px; height:40px; object-fit:cover; margin:0 5px 0 0;}
.client_img img{width:100%; height:100%; object-fit: cover; border:1px solid #ccc; border-radius:50%; margin:0;}

.clent_name{margin:0 0 2px;}
.testimonial_date{color:#999; font-size:12px;}
.testimonial_star{color:#ffa800;}
.readmore a{color:#999; font-size:12px;}


.Testimonials_bg{padding: 30px 0; text-align:center;}
.Testimonials_head{background:#f5ad1d; font-size:23px; font-weight: bold; text-align:center; color:#fff; padding:10px; margin:40px 0;}


.Downloadbtn{background:#ffa800; color:#fff; padding:8px 15px; border:none; border-radius:5px; outline:none; font-size:18px;}
.Downloadbtn:hover{background:#f5ad1d; color:#fff;}

.orange_btn{background:#f5ad1d; padding:5px 20px; color:#fff; -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; text-decoration:none;}
.orange_btn:hover{background:#f5ad1d; color:#fff;}

.CaseStudy_Content{font-size:23px; font-style:italic; color:#666; line-height:30px;}

.accordion-item{background-color: #fff; border: 0;  margin: 0 0 10px;}
.accordion-body{padding: 5px;}
.accordion-button{font-size:16px; font-weight:bold; padding: 10px;}
.accordion-button:not(.collapsed){color: #333; background:#f7e7c3; box-shadow: none;}
.accordion-button:focus{box-shadow: none;}

.accordion-button::after{flex-shrink: 0; width:1.7rem; height:1.7rem; margin-left: auto; content: ""; background:url(../images/faq_arrow.png) no-repeat; transition: transform .2s ease-in-out;}
.accordion-button:not(.collapsed)::after{background:url(../images/faq_arrow.png) no-repeat; transform: rotate(-180deg);}
.accordion-button{color: #333; background-color: #f7f7f7; margin: 0 0 5px;}

.CallAction{border-top:1px solid #ffa800; border-bottom:1px solid #ffa800; padding:15px 0; margin:0 0 15px;}

.footer-link{width:100%; background:#49494c; padding:15px 0; text-align:center;}
.footer-link ul{margin:0; padding:0;}
.footer-link ul li{margin:0; padding:0 10px; border-right:1px solid #ffa800; display:inline-block; list-style-type:none;}
.footer-link ul li a{color:#ffa800; font-size:12px;}
.footer-link ul li a:hover{color:#f5ad1d;}

.footer{width:100%; padding:0; font-size:14px;}
.footer .footer_head{margin:0 0 10px; font-weight:bold;font-size: 16px;}
.footer .footer_head:after{content:""; width:65%; height:1px; background:#ffa800; top:2px; right:-5px; position:relative; display:inline-block;}
.footer ul{margin:0; padding:0;}
.footer ul li{margin:0; padding:0; list-style-type:none; display:block; color:#666;}
.footer ul li a{color:#666;}
.footer ul li a:hover{color:#f7ae1d;}
.footer ul li .fa{float:left; color:#f7ae1d; margin:5px 15px 0 -30px;}

.CopyRight{text-align:center; color:#999; font-size:15px; padding:20px 0; margin:15px 0 0; border-top:1px solid #999;}
.CopyRight ul{margin:0 0 15px; padding:0;}
.CopyRight ul li{margin:0; padding:0 15px; list-style-type:none; display:inline-block; color:#fff;}
.CopyRight a{color:#fff;}
.CopyRight ul li a:hover{color:#f7ae1d;}

.Mobile_FooterSticky{display:none;}

.modal{z-index: 9999;}
.mo-banner{display:none;}

@media (max-width: 768px) {
.sy-box{display:none;}
.mo-banner{display:block; width:100%;}
.mo-banner img{width:100%;} 
.phoneno{display:none;}
}

@media (max-width:480px) {
body{font-size:15px;}
.Main_container{margin:0 0 50px;}
.tab-nav{display:none;}
.tab-nav ul ul{width:330px;}
.Mobile_FooterSticky{background:#f89b06; display: flex; position: fixed; width: 100%; bottom: 0px; z-index: 1000;}
.Mobile_FooterSticky a{color:#fff; font-size:14px;}
.callusnow-btn{width: 50%; background-color:#f5ad1d; text-align: center; padding: 10px 0;}
.enquirenow-btn{width: 50%; background-color:#f5ad1d; text-align: center; color: #fff; border-left: #fff 2px solid;  padding: 10px 0;}
.BookApp_btn{margin: 15px 0 0;}
.Slider_content{position:absolute; top:0; right:0; width:70%; font-size:20px; line-height:25px; text-align:right;}

.formsection{text-align:center;}
.formsection .text-end{text-align: inherit !important;}
.testimonial_section{margin:0;}
.nbs-flexisel-inner {width: 90%;}
}
.floating-button {
    position: fixed;
    top: 30%;
    left: 32px;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: left top;
    padding: 10px 20px;
    background-color: #ffa800;
    color: white;
    border-radius: 50px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    z-index: 9999;
    white-space: nowrap;
    line-height: 1;
    font-size: 15px;
}




