html, body{/*overflow-x: hidden;*/}
body{font-family:sans-serif;/*overflow-y: scroll; overflow-x:hidden;*/}
body::-webkit-scrollbar {
width: 5px;
}
.text-primary111{ color: #1753d5;}
.imgclass{
width: 64%;
float: left;
margin-left: 168px;
margin-top: 19px;
margin-bottom: 5px;
transition: transform .2s;
}
.imgclass:hover{ -ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1); }
.mt-separator{color: #b90a0a;
/* text-align: center; */
font-size: 22px;
margin-bottom: 15px;
font-weight: bold;
}
.mt-separator h2{
font-size: 20px;
margin-bottom: 15px;}
.imgres img{ width: 100%; margin-bottom: 20px;transition: transform .2s;}
.imgres img:hover{ -ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1); }
.mt-separator h2::before {
content: "\A";
width: 30px;
height: 2px;
background: #b83b3b;
display: inline-block;
margin: 6px 10px 6px 0px;
}
.imgres h3{ width: 100%; font-size: 22px; font-weight: bold; margin-bottom: 15px;}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.mainp{border: 1px dashed #9d9a9a80;
padding: 25px;
width: 100%;
text-align: center;
border-radius: 5px;
margin-top: 30px;}
body::-webkit-scrollbar-thumb {
background-color: #fba937;
outline: 1px solid slategrey;
}
body section{margin-bottom:2rem}
.navbar {z-index:99;height:60px;position:fixed;width:100%;top: 0;transition: all ease 0.5s;}
.navbar-brand img{ height: 55px;transition: all ease 0.5s; }
.nav-item.active>.nav-link:hover {color: #000!important;}
.track_btn {
background-image:-moz-linear-gradient( 180deg, rgb(253, 186, 55) 0%, rgb(248, 154, 54) 100%);
background-image:-webkit-linear-gradient( 180deg, rgb(253, 186, 55) 0%, rgb(248, 154, 54) 100%);
background-image:-ms-linear-gradient( 180deg, rgb(253, 186, 55) 0%, rgb(248, 154, 54) 100%);
border-radius:25px;
color:#fff;
font-size:1.25rem;
font-weight:700;
text-align:center;
padding:5px 22px;
}
.track_btn:hover{color: #000 !important;}
.inb{display: inline-block;}
.intro-2 {
background: url("../img/header-image.jpg")no-repeat ;
background-size: cover;height: 500px;
}
.intro-2 {
overflow: visible;
margin-top: -62px;
}
.intro-3 {
background: url("../img/solution-image.jpg")no-repeat;
background-size: cover;height: 500px;
}
.intro-3 {
overflow: visible;
margin-top: -62px;
}
.intro-4 {
background: url("../img/products-hdr-img.jpg")no-repeat;
background-size: cover;height: 500px;
}
.intro-44 {
background: url("../img/products-hdr-img1.jpg")no-repeat;
background-size: cover;height: 500px;
}
.intro-42 {
background: url("../img/products-hdr-img2.jpg")no-repeat;
background-size: cover;height: 500px;
}
.intro-41 {
background: url("../img/products-hdr-img11.jpg")no-repeat;
background-size: cover;height: 500px;
}
.intro-43 {
background: url("../img/products-hdr-img3.jpg")no-repeat;
background-size: cover;height: 500px;
}
.intro-44 {
background: url("../img/products-hdr-img4.jpg")no-repeat;
background-size: cover;height: 500px;
}
.fm{background: url(../img/fm.jpg)no-repeat;
background-size: cover;
height: 500px;}
.fm101{background: url(../img/cctv.jpg)no-repeat;
background-size: cover;
height: 500px;}
.intro-4 {
overflow: visible;
margin-top: 0px;
}
.intro-5 {
background: url("../img/our customer-hdr-img.jpg")no-repeat;
background-size: cover;height: 500px;
}
.intro-5 {
overflow: visible;
margin-top: -62px;
}
.intro-6 {
background: url("../img/Our-Customer.jpg")no-repeat;
background-size: cover;height: 500px;
overflow: visible;
margin-top: -62px;
}
.intro-7 {
background: url("../img/Hr-management.jpg")no-repeat;
background-size: cover;height: 500px;
overflow: visible;
margin-top: -62px;
}
.intro-8 {
background: url("../img/termsconditions.jpg")no-repeat;
background-size: cover;height: 500px;
overflow: visible;
margin-top: -62px;
}
.ddf {
background: url("../img/our customer-hdr-img.jpg")no-repeat;
background-size: cover;height: 500px;
}
.ddf {
overflow: visible;
margin-top: -62px;
}
.fm2{background: url(../img/fm2.jpg)no-repeat;
background-size: cover;
height: 500px;}
.fm3{background: url(../img/fm3.jpg)no-repeat;
background-size: cover;
height: 500px;}
.fm4{background: url(../img/fm4.jpg)no-repeat;
background-size: cover;
height: 500px;}
.banner-marquee{ -webkit-animation: marquee 60s infinite linear;}
@-webkit-keyframes marquee {
0% {
background-position: 0;
}
100% {
background-position: -1190px;
}
}
.carousel-caption_01{
left:7% !important;
text-align:left;
bottom:3%;
right:3%; color: #000;
}
.carousel-caption_01 h3{
font-size:3.75vw;
font-weight:700;
margin-bottom:5px;
}
.carousel-caption_01 h5{
font-size:2.4vw;
font-weight:600;line-height: 3rem;color: #1c1a1a;
}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{ height:; width:; }
.banner_bottom_heading{
display:flex;
justify-content: center;
align-items:flex-end;margin-bottom:0;
}
.banner_bottom_heading h1{
font-size:6.5vw;
font-weight:800;
color:rgba(255,255,255,1.00);
-webkit-transform:translate(0,0%);
-ms-transform:translate(0, 0%);
transform:translate(0, 0%);
align-self:flex-end;
align-self:flex-end;
text-align:center;
font-size:8.50vw;
padding-bottom:0;
margin-bottom:-23px;
display: none;
}
.phone_mail_section {
justify-content:flex-end;
color:rgba(252,145,36,1.00);
margin-top:25px;
font-weight:500;
font-family: Arial, Helvetica, sans-serif; font-size: 0.96rem;transition: all ease 0.5s;
}
.smaller_screen{
margin-bottom:5px !important; text-align: center;
}
.email_smaller{
margin-bottom:7px !important
}
.delay-one {
-webkit-animation-delay:0.60s;
-moz-animation-delay:0.60s;
-o-animation-delay:0.60s;
animation-delay:0.60s;
}
.delay-two {
-webkit-animation-delay:1.20s;
-moz-animation-delay:1.20s;
-o-animation-delay:1.10s;
animation-delay:1.20s;
}
.delay-three {
-webkit-animation-delay:1.50s;
-moz-animation-delay:1.50s;
-o-animation-delay:1.50s;
animation-delay:1.50s;
}
.delay-four {
-webkit-animation-delay:2.40s;
-moz-animation-delay:2.40s;
-o-animation-delay:2.40s;
animation-delay:2.40s;
}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link{
color:rgba(0,0,0,1.00);
font-size:1rem;
font-family:'Raleway', sans-serif;
font-weight:500;
padding: 0 1rem;
}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover{
color:rgba(248,152,53,1.00)
}
.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link{
color:rgba(248,152,53,1.00)
}
.section_2 h3{font-size:3.125rem;
text-align:center;
font-weight: 600;
margin-bottom:25px;
}
.section_2 h3 span{
color:rgba(248,152,53,1.00)
}
.section_2 p{font-size:1.5rem;
font-weight: 400;
margin-bottom:40px;
line-height:40px;
}
.get_btn{
border-radius:30px;
font-weight:400;
background-image:-moz-linear-gradient( 180deg, rgb(248, 154, 54) 0%, rgb(253, 186, 55) 100%);
background-image:-webkit-linear-gradient( 180deg, rgb(248, 154, 54) 0%, rgb(253, 186, 55) 100%);
background-image:-ms-linear-gradient( 180deg, rgb(248, 154, 54) 0%, rgb(253, 186, 55) 100%);
color:#000;
padding:0.8rem 2rem;
font-size:1.3rem;
margin-bottom:50px !important;
}
.get_btn:hover{
color:#fff !important;
}
.desktop_view{
display:none
}
#thumbnail-slider {
margin:0 auto; /*center-aligned*/
width:96%;/*width:400px;*/
box-sizing:border-box;
position:relative;
-webkit-user-select: none;
user-select:none;}
#thumbnail-slider div.inner {
/*the followings should not be changed */
position:relative;
overflow:hidden;
padding:2px 0;
margin:0;
}
#thumbnail-slider div.inner ul {
/*the followings should not be changed */
white-space:nowrap;
position:relative;
left:0; top:0;
list-style:none;
font-size:0;
padding:0;
margin:0;
float:left!important;
width:auto!important;
height:auto!important;
}
#thumbnail-slider ul li {
display:inline-block;
*display:inline!important; /*IE7 hack*/
margin:0;
margin-right:1px; /* Spacing between thumbs*/
transition:border-color 0.3s;
box-sizing:content-box;
text-align:center;
vertical-align:middle;
padding:0;
position:relative;
list-style:none;
backface-visibility:hidden;
background: rgb(233, 234, 233);
width:277px;
text-align: center;
}
#thumbnail-slider ul li img{margin:auto;height:230px;display:flex}
#thumbnail-slider ul li span{font-weight:600;color:rgba(0,0,0,1.00);font-size:1.5rem;}
#thumbnail-slider ul li.active {
border-color:white;
}
#thumbnail-slider .thumb {
opacity:1;
width:100%;
height: 100%;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
display:block;
position:absolute;
font-size:0;
}
/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */
#thumbnail-slider-pause-play {display:none;} /*.pause*/
#thumbnail-slider-prev, #thumbnail-slider-next
{
opacity:1;
position: absolute;
/*background-color:#0346a3;*/
*background-color:#ccc;/*IE7 hack*/
backface-visibility:hidden;
width:auto;
line-height:60px;
top: 50%;
margin:0;
margin-top:-30px;
color:white;
z-index:0;
cursor:pointer;
}
#thumbnail-slider-prev {
left:0; right:auto;
}
#thumbnail-slider-next {
left:auto; right:0;
}
#thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled {
opacity:0.3;
cursor:default;
}
/* arrows */
#thumbnail-slider-prev::before, #thumbnail-slider-next::before {
position: absolute;
top: 19px;
content:" ";
display: block;
width:30px;
height:30px;
border-left:5px solid black;
border-top: 5px solid black;
}
#thumbnail-slider-prev::before {
left:-30px;
-ms-transform:rotate(-45deg);/*IE9*/
-webkit-transform:rotate(-45deg);
transform: rotate(-45deg);
}
#thumbnail-slider-next::before {
right:-30px;
-ms-transform:rotate(135deg);/*IE9*/
-webkit-transform:rotate(135deg);
transform: rotate(135deg);
}
.arrow {
position: relative;
color: #333;
font-family: Arial sans-serif;
font-size: 2em;
text-decoration: none;
padding: 0.5em 1.2em;
}
.#thumbnail-slider-prev:before, .#thumbnail-slider-prev:after {
content:"";
background: #333;
-webkit-border-radius: 0.2em;
border-radius: 0.4em;
display: block;
height: 0.2em;
position: absolute;
right: 0;
width: .8em;
}
.#thumbnail-slider-prev:before, #thumbnail-slider-prev:after {
left: 0;
}
.#thumbnail-slider-prev:before {
top: 1.1em;
}
.#thumbnail-slider-prev:after, #thumbnail-slider-prev:before,#thumbnail-slider-prev:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#thumbnail-slider-prev:before, #thumbnail-slider-prev:before, #thumbnail-slider-prev:after {
}
.#thumbnail-slider-prev:after, #thumbnail-slider-prev:after {
bottom: 0.em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.special_deal_section_1 {margin-bottom: 90px;}
.special_deal_section_1 h3{color:rgba(29,29,29,1.00);
font-size:2.2rem;
text-align:center;
font-weight:800;
margin-bottom:8px}
.special_deal_section_1 b{border:2px solid rgba(253,150,39,1.00);width:60px;display:block;margin:auto;margin-bottom:20px;margin-top:-6px;height:2px;}
.special_deal_section {margin-bottom:10px;}
.special_deal_section h3{color:rgba(29,29,29,1.00);font-size:2.2rem;text-align:center;font-weight:800;margin-bottom:8px}
.special_deal_section b{border:2px solid rgba(253,150,39,1.00);width:60px;display:block;margin:auto;margin-bottom:20px;margin-top:-6px;height:2px;}
.strip_01{background:url(../img/looking4.jpg);width:100%;clear:both;height:135px;margin-bottom:80px;background-attachment: fixed;}
.strip_01_inner{background:rgba(234, 234, 234, 0.12);height:135px;padding:18px 0}
.left_heading{color:rgb(243, 166, 47);font-size:1.9rem;font-weight:800;}
.left_heading span{color:rgb(255, 255, 255)}
.left_heading p{font-size:1.22rem;color:rgb(255, 255, 255);padding-top:10px;font-weight:400}
.available_btn{background-image:-moz-linear-gradient( 180deg, rgb(248, 154, 54) 0%, rgb(253, 186, 55) 100%);
background-image:-webkit-linear-gradient( 180deg, rgb(248, 154, 54) 0%, rgb(253, 186, 55) 100%);
background-image:-ms-linear-gradient( 180deg, rgb(248, 154, 54) 0%, rgb(253, 186, 55) 100%);
color:rgba(255,255,255,1.00);
border-radius:0 35px 0 35px;
border:none;
font-size:1.3rem;
font-weight:900;
line-height:24px;
-webkit-text-stroke-width:0.999px;
-webkit-text-stroke-color:rgba(0,0,0,0.10);
float:right;
padding:14px 20px}
.carousel-multi-item .carousel-indicators li{border:2px solid rgba(253,150,39,1.00);background:none;width:12px;height:12px}
.carousel-multi-item .carousel-indicators .active{background-color:rgba(253,150,39,1.00);width:12px;height:12px}
.carousel-item .card{box-shadow:none;}
.OUR_CLIENTS .carousel-item{padding-left:80px;}
.left-shape {
color:white;
font-size:18px;
padding: 10px 20px 10px 80px;
background-color: background-image: -moz-linear-gradient( 0deg, rgb(242,141,33) 0%, rgb(248,165,44) 25%, rgb(253,188,54) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(242,141,33) 0%, rgb(248,165,44) 25%, rgb(253,188,54) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(242,141,33) 0%, rgb(248,165,44) 25%, rgb(253,188,54) 100%);
width: 200px;
position: relative;
margin-left: 50px;
}
.left-shape:before {
content: "";
position: absolute;
border:76px solid transparent;
border-left-width: 29px;
border-right-width: 29px;
border-bottom-color:rgba(253,187,53,1.00);
border-left-color:rgba(253,187,53,1.00);
left: 100%;
top: 0px;
width: 0;
height: 0;}
footer{background:url(../img/footer_bg.jpg) no-repeat;padding-top:20px;}
.#thumbnail-slider .thumb:hover{background:red;display:block}
.hover_box{display:none;width:100%;height:0%;position:absolute; z-index:1;
background-image: -moz-linear-gradient( 90deg, rgba(241, 153, 25, 0.55), rgba(243, 146, 1, 0.75));
background-image: -webkit-linear-gradient( 90deg, rgba(241, 153, 25, 0.55), rgba(243, 146, 1, 0.75));
background-image: -ms-linear-gradient( 90deg, rgba(241, 153, 25, 0.55), rgba(243, 146, 1, 0.75));}
#thumbnail-slider ul li:hover .hover_box,
#thumbnail-slider ul li .hover_box.active_ourservice{display:block;height: 100%;}
/* about-s css */
.steps-form-2 {
display: table;
width: 100%;
position: relative; }
.steps-form-2 .steps-row-2 {
display: table-row; }
.steps-form-2 .steps-row-2:before {
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
border:1px dashed #ff9800; }
.steps-form-2 .steps-row-2 .steps-step-2 {
display: table-cell;
text-align: center;
position: relative; }
.steps-form-2 .steps-row-2 .steps-step-2 p {
margin-top: 0.5rem; }
.steps-form-2 .steps-row-2 .steps-step-2 button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important; }
.steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 {
width: 70px;
height: 70px;
border: 2px solid #59698D;
background-color: white !important;
color: #59698D !important;
border-radius: 50%;
padding: 22px 18px 15px 18px;
margin-top: -22px; }
.steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2:hover {
border: 2px solid #4285F4;
color: #4285F4 !important;
background-color: white !important; }
.steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa {
font-size: 1.7rem; }
.banner_heading_left{
-webkit-animation-delay:4s;
-moz-animation-delay:4s;
-ms-animation-delay:4s;
-o-animation-delay:4s;
animation-delay:4s;
}
.carousel-indicators {
/*left: 47px;*/
left:0
}
/*.animated {animation-delay: 1s;animation-duration: 1.5s;}*/
.footer.page-footer a{
font-size:0.9rem
}
.page-footer p{
font-size:0.823rem;line-height: 1.25rem;margin-bottom: 7px;
}
footer.page-footer .footer-copyright{ font-size: .72rem;}
.left-shape {
color:white;
font-size:18px;
padding: 10px 20px 10px 80px;
background-color: background-image: -moz-linear-gradient( 0deg, rgb(242,141,33) 0%, rgb(248,165,44) 25%, rgb(253,188,54) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(242,141,33) 0%, rgb(248,165,44) 25%, rgb(253,188,54) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(242,141,33) 0%, rgb(248,165,44) 25%, rgb(253,188,54) 100%);
width: 200px;
position: relative;
margin-left: 50px;
}
.left-shape:before {
content: "";
position: absolute;
border:76px solid transparent;
border-left-width: 29px;
border-right-width: 29px;
border-bottom-color:rgba(253,187,53,1.00);
border-left-color:rgba(253,187,53,1.00);
left: 100%;
top: 0px;
width: 0;
height: 0;}
.report-bg{background-image:url(../img/reports-img.png);
background-repeat:no-repeat;
width:100%;background-position:top center;
}
.sunny-morning-gradient{position:relative;
z-index:9;height:152px;top:-22px;width:39%;float:left;padding-top:30px;}
.sunny-morning-gradient h1{font-size:3.15rem;font-weight:900;margin-bottom: 10px;}
.sunny-morning-gradient h5{font-size:1.5rem;font-weight:600;padding-right: 45px;text-align:right;}
.blk_right_strip{background:#000;height:130px;}
.unique-color-dark{position:relative;height:130px;}
.right_blk{padding: 20px 0 0px 30px;position:relative;left: 40px;}
.right_blk .rghtdiv img{margin-right:40px;}
.right_blk .rghtdiv aside{padding-left:5px;font-size:2.375rem;font-weight:500;color:rgba(255,255,255,1.00)}
.right_blk .rghtdiv aside{font-size:1.1rem;font-weight:400;color:rgba(255,255,255,1.00);position:absolute;left:159px;top:42px;}
.right_blk .rghtdiv aside span{color:rgba(253,150,39,1.00); font-family: Arial, Helvetica, sans-serif;}
.Schedule_a_Demo{background-color:rgb(252, 184, 52);border-radius:30px;font-size:1.0rem;color:rgba(0,0,0,1.00);padding:10px 16px;position:absolute;right:-50px;top:50px;
font-weight:600}
.Schedule_a_Demo:hover{color:#ffffff}
.Schedule_a_Demo a{text-align:center;color:#faa337;text-decoration:none}
.navbar.navbar-dark .navbar-toggler{background:rgb(187, 187, 187)}
/* Media Responsive start */
@media (min-width:768px) and (max-width: 790px) {
.unique-color-dark {
height: 130px!important;
}
}
@media (min-width:320px) and (max-width: 766px) {
body section {
margin-bottom: 0rem;
}
.ico_txt{text-align: center;}
#thumbnail-slider-prev::before, #thumbnail-slider-next::before{width: 20px;height: 20px;}
#thumbnail-slider-prev::before {left: -47px;}
#thumbnail-slider-next::before {right: -47px;}
#thumbnail-slider{padding: 0}
/*.carousel-control-prev_01 {
top: 60px;}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
height:2rem;
width: 2rem;
}
.carousel-control-next_01 {
top: 60px;}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
height:2rem;
width: 2rem;
}
.carousel-caption_01 h5{line-height: 1.2rem;}
.carousel-item_01 .view img {
transform: translate(0, 0px);}
.carousel-item_01 .view {
}
.carousel-caption_01{top:16px;}
.carousel-caption_01 h3{
font-size:1.9rem;
font-weight:500;
}
.carousel-caption_01 h5{
font-size:1.0rem;
font-weight:500;
}*/
.banner_bottom_heading h1{ margin-bottom:-5px; }
.navbar-brand img{ height: 40px; }
.section_2{margin-top: 20px;}
.navbar {
z-index:9999;
height:auto;
}
.left-shape:before{
display:none
}
.get_btn{
padding:0.8rem 1.5rem;
font-size: 1rem!important;
}
.right_blk .rghtdiv aside {
font-size: 1.0rem;
font-weight: 400;
color: rgba(255,255,255,1.00);
position: absolute;
left: 115px;
top: 10px;
padding:0px;
}
.Schedule_a_Demo{
right:auto;
top:93px;
}
.right_blk {
padding:0;
position:relative;
left:10px;
}
.unique-color-dark{
height:300px;
}
.left-shape{ padding: 20px 0; }
.sunny-morning-gradient{
width:100%; height: auto;
}
.sunny-morning-gradient h1 {
font-size: 2.7rem;
font-weight: 900;
text-align: center !important;
}
.right_blk {
padding:0;
position:relative;
left:0px;
}
.sunny-morning-gradient h5 {
font-size: 1.2rem;
font-weight: 600;
padding-left:90px;
text-align: center;
padding: 0;
}
.OUR_CLIENTS .carousel-item{padding:0}
.strip_01{
height:auto; margin-bottom: 40px;
}
.strip_01_inner{
height:auto;
}
.img_btm{display:none;}
.desktop_view{display:block}
.desktop_view h5{ font-size: 1rem;font-weight: 600; }
.desktop_view h6{ font-size: 0.9rem; }
.phone_mail_section
{
padding-left:15px
}
.section_2 h3 {
font-size: 1.7rem;}
.section_2 p{font-size: 0.9rem;line-height: 20px;}
.left_heading{font-size: 1.6rem; text-align: center;line-height: 2rem;}
.left_heading p {font-size: 1rem; text-align: center;line-height: 1.3rem;}
.special_deal_section h3{font-size: 1.5rem;}
.special_deal_section_1 h3{font-size: 1.5rem;}
#thumbnail-slider ul li span{ font-size: 1rem; }
.special_deal_section_1{margin-bottom: 20px;}
#thumbnail-slider ul li img{ height: 130px; }
.smaller_screen{text-align: left;}
/*------------------------About-us--------------------------*/
.intro-2 {
overflow: visible;
height: auto; padding: 10px 0;
}
.stripe::before{background: transparent !important;}
/* END MEDIA */
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*.carousel-item_01 .view {
height:
}
.carousel-caption_01{top:63px;}
.carousel-caption_01 h3{font-size: 3rem;}
.carousel-caption_01 h5{font-size: 2rem;}*/
#thumbnail-slider ul li span{font-size: 1.23rem}
#thumbnail-slider ul li {width: 229px;}
.navbar {z-index: 1;height: 80px;}
.navbar-brand img {height: 60px;}
.navbar {
z-index:1;
height:auto;
}
.right_blk .rghtdiv aside {
font-size: 1.0rem;
font-weight: 400;
color: rgba(255,255,255,1.00);
position: absolute;
left: 135px;
top: 25px;
}
.Schedule_a_Demo {
background-color: rgb(255, 255, 255);
border-radius: 30px;
font-size: 1.0rem;
color: rgba(0,0,0,1.00);
padding: 10px 30px;
font-weight: 600;
right:105px;
top:75px;
}
.strip_01{
height:auto;
}
.strip_01_inner{
height:auto; padding: 10px 0;}
.img_btm{display:none;}
.desktop_view{display:block}
.phone_mail_section {
padding-left:15px;}
.section_2 p{font-size: 1.2rem;line-height: 30px;}
.section_2 h3 {
font-size: 2.125rem;}
.left_heading{ font-size: 1.5rem;}
.left_heading p {
font-size: 1rem;}
.page-footer p {
font-size: 0.7rem;}
.left-shape{ padding: 30px 0px 10px 50px; }
.sunny-morning-gradient h5{
padding-left:106px;
text-align:left;font-size:1.0rem;
padding: 0px 0px 0px 30px;
}
.sunny-morning-gradient h1 {
font-size: 1.99rem;
font-weight: 900;
margin-bottom: 10px;
}
.sunny-morning-gradient {
position: relative;
z-index: 9;
height: 152px;
top: -22px;
width: 28%;
float: left;
padding-top: 10px!important;
}
}
@media (min-width: 900px) and (max-width: 1199.98px) {
/*.carousel-control-prev_01{top: 150px;}
.carousel-control-next_01{top: 150px;}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {height:3.8rem;width: 3.8rem;}
.carousel-item_01 .view {height: 510px;}
.carousel-item_01 .view img {transform: translate(0, 0px);}*/
.sunny-morning-gradient h1{
font-size:2.15rem!important;
}
.left-shape {padding: 40px 0 0 55px;}
.sunny-morning-gradient h5{ padding: 0 0 0 120px }
.Schedule_a_Demo{padding: 10px 20px;font-size: 0.9rem;right: 52px;top: 45px; }
.right_blk .rghtdiv img{margin-right: 10px!important;}
.right_blk .rghtdiv aside{left:130px; top: 38px;}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link{font-size: 1rem;}
.track_btn{ padding: 5px 16px;font-size: 1rem;}
#thumbnail-slider ul li{width: 231px;}
#thumbnail-slider ul li img{height: 180px;}
#thumbnail-slider ul li span{font-size: 1.2rem;}
.right_blk{left: 20px;}
.right_blk .rghtdiv aside{font-size: 1rem;}
.Schedule_a_Demo{right: -78px;}
.smaller_screen {margin-bottom: 14px !important;text-align: left;}
.banner_bottom_heading h1{margin-bottom: -10px;}
}
@media (min-width: 900px) and (max-width: 1000.98px) {
.Schedule_a_Demo{right: 26px!important;}
}
@media (min-width: 1200px) { ... }
/*Responsive settings*/
@media only screen and (max-width:736px){
#thumbnail-slider {padding:0 10px;}
#thumbnail-slider-prev {left:40px;}
#thumbnail-slider-next {right:40px;}}
.active_ourservice{ackground:rgba(253,150,39,0.50);display:block;
background-image: -moz-linear-gradient( 90deg, rgba(241, 153, 25, 0.55), rgba(243, 146, 1, 0.75));
background-image: -webkit-linear-gradient( 90deg, rgba(241, 153, 25, 0.55), rgba(243, 146, 1, 0.75));
background-image: -ms-linear-gradient( 90deg, rgba(241, 153, 25, 0.55), rgba(243, 146, 1, 0.75));}
/*_____________About_us CSS ____________*/
.abt1{margin-top:0px!important;}
.abt{margin-top: -73px;}
.abt h2{font-size: 3.6rem; font-weight: 900;color: #000;}
.product h2{
font-size: 3rem;
font-weight: 800;
color: #ca6d00;
line-height: 59px;
margin-top: 149px!important;
}
.abt p{font-weight: 600; font-size: 1.2rem; line-height: 1.78rem;color: #000; text-align: justify;}
.vision p{font-weight: 600; font-size:0.99rem;line-height: 1.35rem;text-align: justify;}
.vision h1{ font-size: 3.111rem;font-weight: 900;}
.gtrac{ background: url(../img/);background: #607d8b;color: #fff;text-align: center; padding: 50px 0 70px 0; }
.gtrac h1{font-size: 3.8rem;font-weight: 900; padding-top: 12px;}
.gtrac p{font-size: 1.1rem; text-align: justify;}
.icon-box{padding: 40px 0 100px 0; text-align: center;color: #fff}
.icon-box h6{line-height: .4rem; margin-bottom: 20px; font-weight:700}
.icon-box p{line-height: 22px; font-size: 1rem}
.ornge{background: #f29c10; }
.blue{background: #4598db;}
.red{background: #e84c3d;}
.ico_txt{padding: 20px 0;}
.ico_txt h4{ font-weight: 700;margin-bottom: 10px;}
.ico_txt p{font-weight: 600;line-height: 1.3rem;}
.timeline_circle{width: 50px;
height:97px;
border-radius: 50%;
font-size:1rem;
color: #fff;
line-height: 20px;
text-align: center;
background: #f29735;padding: 10px 10px;margin-top: 15px;}
.timeline_circle:before {
background-image: url(../img/tl_line.png);
top: 55px;
bottom: 0;
position: absolute;
content: " ";
width: 44px;
height: 4px;
left: 69px;
}
.timeline_circle h3{font-weight: 700;margin-bottom: 0;line-height: 1.5rem;font-size: 1.6rem;}
.timeline_circle h6{font-weight: 700;margin-bottom: 0;font-size: 0.9rem;}
.timeline_circle p{margin-bottom: 0;font-weight: 600;line-height: 0.8rem;font-size: 0.7rem;padding:0px 0; }
.ico_edit{text-align: center;}
.stripe::before {
background-image: url(../img/tl_line.png);
top: 71px;
bottom: 0;
position: absolute;
content: " ";
width: 44px;
height: 4px;
left: 72px;
}
.ico_edit h5{font-weight: 900; font-size: 1rem;
margin-bottom: 0;}
.ico_edit h6{ font-weight: 900;
font-size: .7rem;}
.ico_edit p{font-weight: 600; font-size: 0.6rem;
line-height: 0.87rem;}
.bg_blue{background-color: rgb(23, 41, 55);}
.bg_blue h2{font-weight: 900;}
.bg_blue h5{font-size: 1.2rem;}
.line_1::before{
background-image: url(../img/line1.png);
top: -84px;
bottom: 0;
position: absolute;
content: " ";
width: 534px;
height: 464px;
left: 12px;
}
.line_1 h3::before{
top: -97px;
bottom: 0;
position: absolute;
content: " Segregated for every Zone";
width: 534px;
height: 464px;
left: 43px;
}
.line_2::before{
background-image: url(../img/line2.png);
top: -84px;
bottom: 0;
position: absolute;
content: " ";
width: 534px;
height: 464px;
right: -70px;
}
.line_2 h3::before {
top: -89px;
bottom: 0;
position: absolute;
content: " Central";
width: 534px;
height: 464px;
right: -113px;
}
@media(min-height:768px) and (max-height:850px) {
/*.carousel-item_01 .view {height: ;}
.carousel-item_01 .view img {transform: translate(0, 0px);}*/
}
/*----------------------Benefits------------------*/
.befit{margin-top: -35px; font-family: sans-serif;}
.befit h2{font-size: 3.6rem; font-weight: 900;color: #000;}
.befit p{font-weight: 600; font-size: 1.2rem; line-height: 1.78rem;color: #000; text-align:justify;}
{padding:}
.btn[class*=btn-outline-] {
padding: 3rem 0rem;
min-width: 75%; font-size: 1rem;
text-transform: capitalize;
}
.btn-outline{}
.btn-outline-blck.active{background-color: rgb(251, 239, 136)!important;}
.benft_btn.active {}
.btn-outline-blck {border: 1px solid #a5a5a7!important;background-color: transparent!important;color: #000000!important;}
/*----------------------SOLUTIONS------------------*/
.soltn_grey{color: rgb(52, 70, 81);font-family: 'Oswald', sans-serif;padding-top: 30px;}
.soltn_grey h1 {
font-size: 6rem!important;
font-weight: 900;
line-height: 1.4!important;
}
.soltn_grey1 h1 {
font-size: 5rem!important;}
.soltn_grey h3 {
font-size: 3.2rem;
font-weight: bold;
line-height: 1.2rem;
margin-bottom: 0;
}
.lists{background-image: url(../img/key-point.png);height: 475px;background-repeat: no-repeat; position: relative; /*top: -60px;*/left: 20px;}
.lists ul {
list-style-type: none;
position: absolute;
top: 30px;
left: -20px;
}
.lists li {
position: relative;
top: 0px;
padding: 20px;
left: 0px;
}
.hardware{background-image: url(../img/hardware.png);height:608px;background-repeat: no-repeat;width: 100%;background-size: contain;position: relative;}
.hardware h2 {
margin-top: 50px;
position: absolute;
left: 160px;
top: 50px;
font-weight: 600;
font-size: 2.4rem;
}
.hardware p {
left: 130px;
position: absolute;
top: 190px;
font-size: 1.6rem; padding: 0 30px;
}
.soltns_ornge{color: rgb(242, 151, 54);font-size: 3.6rem; font-family: 'Oswald', sans-serif;
font-weight: 900;}
.solutions h3{font-family: 'Oswald', sans-serif; margin-top: 24px;}
.spcl-solutn{background-image: url(../img/special-solution.png);height:608px;background-repeat: no-repeat;width: 100%;background-size: contain;position: relative;}
.spcl-solutn h4{margin-top: 50px;
position: absolute;
left: 100px;
top: 150px;
font-weight: 600;
font-size: 2.4rem;}
.spcl-solutn ul{list-style:square;position: absolute; top: 266px;
left: 83px; }
.spcl-solutn li {
color: rgb(242, 151, 54);
padding: 8px 0;
font-size: 1.5rem;
font-weight: 600;
}
.carousel-indicators{z-index: 0;}
.caps{text-transform: uppercase;}
.cc_01 h5{max-width: 100%;padding-top: 33%;float: right;}
.cc_02 h5{max-width: 100%;float: right;padding-top: 15%;}
.cc_03 h5{max-width: 100%;float: right;padding-top: 15%;}
.infographic{ display: flex; align-items: stretch; justify-content: center; flex-wrap: nowrap; width:100%;
padding: 35px 0;}
.infographic div{ /*border:1px solid red;*/ flex:1;}
.infographic .inner{ display: flex; align-items: center; flex-flow: wrap; }
.infographic .inner > div{ flex:1 0 100%; width:100%; position:relative; padding-top:15%;}
.infographic .inner .right{padding-left:26%;}
.infographic .inner .left:before, .inner .right:before{
/*content:"";*/
width:100%;
height: 100%;
z-index:-1;
position: absolute;
top:146px; bottom:0; margin:auto;
background-repeat: no-repeat;
background-image: url(../img/l1.png);
}
.infographic .inner .left:before{ left:75%; }
.infographic .inner .right:before{ right:75%; }
.infographic .inner .bottom:before{bottom:330px;}
.infographic .inner span{position:absolute; top:0; /*border:1px solid ;*/ width:80px; height:65px;
display: flex; align-items: center; justify-content: center;}
.infographic .inner .left span{ right:0%; }
.infographic .inner .right span{ left:0%; }
.infographic .left.top:before{ }
.infographic .left.bottom:before{ transform: scaleY(-1); }
.infographic .right.top:before{ transform: scaleX(-1); }
.infographic .right.bottom:before{ transform: rotate(180deg); }
.infographic .inner h3{ margin:20px ; font-size: 17px;font-weight: bold;border-bottom: 1px solid #ddd;
width: auto;
display: inline-block;
padding: 10px 0 5px 0;
margin-bottom: 8px; color: #000;}
.infographic .inner p{ margin:0 20px;font-size: 14px; }
.infographic .responsive{ max-width:100%; height:auto; }
content: "";
position: absolute;
width: 45px;
height: 4px;
background: #fdbc36;
bottom: -11px;
}
#bvideo{position: absolute;left: 0;top:0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 999}
#bvideo img{width: 100%;height: 100%;}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{height: 4.25rem; width: 4.25rem;}
span.sfor {
display: block;
font-size: 70px;
font-weight: bolder;color: #fff;
}
section.bg_blue.text-center.py-5 {
position: relative;
overflow-x: hidden;
}
section.bg_blue.text-center.py-5:before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 0;
height: 0;
border-top: 100px solid white;
border-right: 1500px solid transparent;
}
.bolder{font-weight: bold;}
.gt, .gtt {
position: absolute;
left: 7%;
top: 10%;
font-size: 100px;
font-weight: bold;
color: #464e54;
}
.gtt {
left: auto;right: 14%;
writing-mode: vertical-rl;
text-orientation: upright;
}
.inner.in1{text-align: right;padding-right: 3%;}
.inner.in2{text-align: left;padding-left: 3%;}
.infographic .inner .right{padding-left:0;}
.car-inn .carousel-control-prev-icon{background-image: url(../img/svg/arr1.svg);width: 45px;}
.car-inn .carousel-control-next-icon{background-image: url(../img/svg/arr2.svg);width: 45px;}
.car-inn .carousel-control-next{right:-25px}
.car-inn .carousel-control-prev{left:-67px}
.nav-item{position: relative;}
.drpmenu{display: none;position: absolute;left: 0;top: 48px; padding: 0px;
background: #fff;
margin-left: 0px;transition: all ease 0.5s;z-index: 999;}
li.nav-item:hover .drpmenu {
display: block;top: 28px;
}
.drpmenu ul {
max-height: 350px;
overflow-y: auto;
overflow-x: hidden;
padding: 00;
box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05);
-moz-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05);
-webkit-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05);
}
.drpmenu ul li{display: block;border-bottom: 0.5px solid rgba(249, 157, 54, 0.09019607843137255);cursor: pointer;transition: all ease 0.2s;font-size: 14px;
min-width: 233px;display: flex;}
.drpmenu ul li:last-child {
border: none;
}
.drpmenu ul li:nth-child(1) a{
padding-top: 11px;
}
.drpmenu ul li a{color: #000;padding: 8px 17px;width: 100%;}
.drpmenu ul li:hover {
background: #fbaf37;
}
.drpmenu ul li:hover a{ color: #fff;}
.font19{font-size: 19px;line-height: 25px;}
.companyMd{padding-top: 10%;}
.spcl-feature{max-width:172px!important;}
.spcl-feature>.pro_list>div img {
margin-right: 1px!important;
}
/*product css*/
.product_report_box h1{font-weight: bold;text-align: center;}
.product_report{width: 100%;}
.product_client{background: #F0F0F0;padding: 80px 0}
.product_client_contner img {padding: 22px;}
.pro_gto6 h1{padding-top: 8%;}
.pro_list>div{display: flex;flex: 1 100%;padding: 8px 0px;}
.pro_list>div img {
margin-right: 20px;
}
.pro_list>div P {
margin: 0;
display: flex;
align-items: center;
}
.por-header{background: #eae8e8;padding: 15px;text-align: left;color: #000;font-weight: bold;
width: 100%;margin-bottom: 40px;font-size: 25px; border-radius: 5px;}
.spe_list {
display: flex;
flex-wrap: wrap;
margin: 22px 0;
}
.spe_list>div {
flex: 1 50%;
margin-bottom: 15px;
border-bottom: 1px solid #fbfafa;
padding-bottom: 5px;
}
/*.out-focus img{
width: 50px !important;
}
.in-focus img{
width: auto !important;
}*/
/*fleet managment*/
.fleetM_bigbtn {
background: #fd9627;
max-width: 300px;
text-align: center;
border-radius: 60px;
margin: 10px auto;
color: #fff;
height: 85px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
}
/*.banner-btn-border{width: 100%;height: 50px;background: #f3fbfd;}
.sec-btn{background: #f3fbfd; padding: 80px 0;}
.sec-btn .container {
max-width: 55%;
}*/
.sec-Gbtn{background: #f3fbfd; padding: 40px 0;}
.Gleft h1 {
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-bottom: 15px;
}
.Gleft p{text-align: justify;}
.Glist > div {
padding: 15px 0 0px 35px;
background: url(../img//star-icon.png) no-repeat 0px 11px;
top: 0;
}
.Gsec_sec {
margin-top: 50px;
}
.Gsec_sec h2 {
font-size: 22px;
font-weight: bold;
text-align: center;
padding-top: 25px;
}
.Gtext_underline {
width: 50px;
margin: 20px auto;
height: 2px;
padding-bottom: 3px;
background: #fb8b00;
}
.Gsec_sec p {
padding-bottom: 25px;
text-align: justify;
}
.Gimg{border: 1px solid #ddd;
padding: 4px;width: 100%;}
/*.imclient{background: #fff;
box-shadow: 0px 0px 7px 1px #ddd;}*/
.view .mask{z-index: 0;}
.custom_bcolor {
background: #f4f5cb;
}
.navbar.navbar-dark .navbar-nav .nav-item a {position: relative;}
.navbar.navbar-dark .navbar-nav .nav-item:hover > a::after{content: "";
position: absolute;
width: 79%;
left: 12px;
top: 21px;
height: 1.8px;
background: #F99F37;}
.navbar.navbar-dark .navbar-nav .nav-item:nth-child(1):hover > a::after {
width: 68%;
}
.gt_border button{background-image: -moz-linear-gradient( 180deg, rgb(253, 186, 55) 0%, rgb(248, 154, 54) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(253, 186, 55) 0%, rgb(248, 154, 54) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(253, 186, 55) 0%, rgb(248, 154, 54) 100%);
font-size: 15px;z-index: 0; box-shadow: none;}
.gt_border span{margin: 0 20px;cursor: pointer;}
.privacy_policy{margin: 25px 0 40px 0}
.privacy_policy h1{text-align: center;color: #f89d36;font-weight: bold; padding-top: 20px;}
.smtitle {
font-weight: 600;
margin: 15px 0;
}
.privacy_policy p{text-align: justify;}
.pp_text {
margin: 10px 0;text-align: justify;
}
.img_scale{transition: all ease 0.7s;position: relative; }
/*.img_overcolor {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(249, 244, 54, 0.23);transition: all ease 0.5s;
}
.img_overcolor:hover{height: 0;}*/
.img_scale:hover{-moz-transform: scale(1.1) ;
-webkit-transform: scale(1.1) ;
-o-transform: scale(1.1) ;
transform: scale(1.1) ;}
.img_border{border: 1px solid rgba(249, 158, 54, 0.09); padding-top: 8px;}
.pd10{padding-top: 10%}
.pd9{padding-top: 9%}
.pd8{padding-top: 8%}
.pd7{padding-top: 7%}
/*Benefits css*/
.tb_boarder{height: 3px; width:80px; background:#f9a236;margin: auto;}
.advan{ padding: 0px; margin: 0px;}
.advan li{
background: url(../img/li.png);
background-repeat: no-repeat;
background-size: 3.2%;
padding-left: 34px;
margin-top: 15px;
list-style: none;
}
.advamtagevision{display: flex;flex-wrap: wrap;height: auto;width: 100%;background:url(../img/backgrond.png);overflow: hidden;background-repeat: no-repeat; background-color: #F9F9F9;}
.sec_second>div{flex:0 50%;border: 2px solid rgba(255, 255, 255, 0.4);border-left: none;border-bottom: none; font-size: 22px;font-weight: bold;transition: all ease 0.7s;background-color: rgba(0, 0, 0, 0.56);}
.sec_second>div span{height: 170px;width: 100%;display: flex;align-items: center;justify-content: center;color:#fff;}
.sec_second>div:hover{background-color: rgba(0, 0, 0, 0.0);}
/*Holiday popup css*/
.popup_holiday .modal-header{padding: 15px;color: #f4b663;}
.h_pop_title {background: rgba(241, 162, 56, 0.78);padding: 2px 7px;color: #fff; font-size: 13px;display: flex;}
.h_pop_title div {flex: 1;}
.h_pop_content {display: flex;}
.h_pop_content {display: flex;padding: 4px 2px;border-bottom: 1px solid rgba(241, 162, 56, 0.29);}
.h_pop_content div {flex: 1;font-size: 12px;padding-right: 15px;}
.popup_holiday .modal-title {margin: auto;}
footer.page-footer .text-md-left>div>div:nth-child(1) {
padding-left: 3%;
}
footer.page-footer .text-md-left>div>div:nth-child(2) {
padding-left: 4%;
}
.modal-dialog {
max-width: 800px;
}
@media (min-width: 1600px) {
section.bg_blue.text-center.py-5:before{border-right: 2000px solid transparent;}
.carousel-caption_01{bottom:-1%;}
.carousel-caption_01 h5{ line-height: 4rem;}
.gtt img{height: 80%;}
.gtt {right: 22%;}
}
@media (max-width: 1300px){
.soltn_grey .h1_XXsmall{font-size: 100px!important;}
.soltn_grey h1{font-size: 90px!important;
margin: 12px 0;
.H1at,.h1_small{font-size: 100px !important;padding-top: 15px;}
.h1_Xsmall{font-size: 100px !important;padding: 5px 0;}
.h1_XXsmall{font-size: 100px !important;padding: 20px 0;}
.h3_Xsmall{font-size: 75px !important;}
}
}
@media (min-width: 1281px) {
.H1at,.h1_small{font-size: 90px !important;padding-top: 15px;}
.h1_Xsmall{font-size: 100px !important;padding: 5px 0;}
.h1_XXsmall{font-size: 100px !important;padding: 20px 0;}
.h3_Xsmall{font-size: 75px !important;}
.carousel-caption_01{bottom:-1%;}
.gt {left: 0;}
.gtt {left: auto;right: 15%;}
.gtt img{height: 70%;top: 5%;}
.h3_new_small{
font-size:64px!important;
}
}
@media (min-width: 1200px) {
.h3_new_small{
font-size:63px!important;
}
}
@media(max-width: 1199.98px) {
.phone_mail_section{margin-top: 11px;padding-left: 25px; margin-bottom:-10px;}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link {padding: 2px 12px;display: inline-block;width:auto;}
.navbar-brand img {height: 40px;}
.navbar{padding: 2px 20px;}
.carousel-caption_01 h5{line-height: 40px;font-size: 18px;}
span.sfor{font-size: 56px;}
.card img{width: auto;}
.timeline_circle{margin-left: none;margin-right: none; margin: auto;width: 100px;}
.stripe::before, .timeline_circle:before{display: none;}
.gt {top: 10%;right: 66%;}
.gt img {width: 100%;}
.soltn_grey h1 {font-size: 86px!important;}
.soltn_grey .h1_XXsmall{
font-size: 86px!important;
line-height: 126px;}
.soltn_grey h3{font-size: 53px;}
.h3_new_small{
font-size:42px!important;
}
}
@media(max-width:991px) {
.drpmenu {
height: 150px;
overflow-y: scroll;
}
.navbar.navbar-dark .navbar-nav .nav-item {
max-width: 150px;
}
.hardware,.spcl-solutn{width: 85%;}
}
@media(max-width: 730px) {
.gt,.gtt{display: none;}
.ico_txt h4{font-size: 19px;padding-top: 7px;};
.ico_txt p{font-size: 14px;}
.ico_txt {padding: 2px 0;}
.abt h2{ padding-top: 11%;} }
@media (min-width: 1025px) and (max-width: 1280px) {
}
@media (max-width: 1024px){
.spcl-solutn h4{
position: absolute;
top: 152px!important;
}
.car-inn .carousel-control-next {
right: -15px!important;}
.car-inn .carousel-control-next {
/*right: -15px;*/}
.car-inn .carousel-control-prev {
left: -9px;}
.spcl-solutn ul {
position: absolute;
top: 267px;
}1467
}
@media (max-width: 768px){
.abt p {
font-size: 15px;
line-height: 17px;
}
.car-inn .carousel-control-next {
right: 0px!important;}
.car-inn .carousel-control-prev {
left: -30px!important;}
.abt h2{font-size: 30px;padding-top: 8%;}
.gtrac h1,.vision h1{font-size: 30px;}
.gtrac p,.vision p{font-size: 15px;}
.gtrac{padding: 25px 0 20px 0;}
.icon-box p {font-size: 13px;padding: 0 10px;}
.intro-6{height: 300px;}
.product_report_box h1{font-size: 25px;}
.sec_second>div span{font-size: 15px;}
.sec_second>div {flex: 0 100%;}
.lists{left: 0;}
.hardware,.spcl-solutn{ width: 90%;
margin: auto;
height: 453px;}
.hardware h2{font-size: 30px; top: 0px;left: 140px;}
.hardware p{top: 130px;font-size: 19px;padding: 0 30px; width: 81%; left:46px!important;}
.spcl-solutn h4{margin-top: 1px;top: 140px!important; font-size:30px; width:81%; left: 60px; padding-right: 35px;}
.spcl-solutn ul{top: 218px;left: 40px;}
.spcl-solutn li{font-size: 20px;padding: 2px 0;}
.h_pop_title{font-size: 12px;}
.h_pop_content div{font-size: 12px;}
}
@media (max-width: 515px){
.hardware h2{font-size: 25px;left: 24%;}
.hardware p{top: 90px;font-size: 18px;padding: 0 30px;left: 28px;}
.spcl-solutn h4{margin-top: 1px;top: 143px!important; left: 60px; padding-right: 35px;font-size: 25px;}
.spcl-solutn ul{top: 162px;left: 40px;}
.spcl-solutn li{font-size: 16px;padding: 0px 0;}
.soltns_ornge{font-size: 40px;}
.solutions h3 {font-size: 23px;}
.soltn_grey h1 {font-size: 90px!important;}
.soltn_grey h3 {font-size: 42px;}
.h3_new_small{
font-size:34px!important;}
.car-inn .carousel-control-next {
right: -14px!important;
}
}
div#carousel-example-1z {/*overflow: hidden;height: 307px;*/}
.car-inn .carousel-control-prev {left: -20px;}
}
@media (max-width: 414px){
.abt h2{padding-top: 15%;}
.soltn_grey h1 {font-size: 70px!important;}
.soltn_grey h3 {font-size: 45px;}
.carousel-indicators{bottom: 5px;}
.carousel-caption_01 h5{color: #fff;}
span.sfor {font-size: 53px;}
#thumbnail-slider ul li{width:325px}
.carousel-item .card{width: 145px;margin: auto;}
.navbar{z-index: 99;}
.sunny-morning-gradient{z-index: 1;}
.modal-dialog {max-width: 360px;}
.holiday_pop {height: 340px;overflow: scroll;}
.navbar.navbar-dark .navbar-nav .nav-item:hover::after{left: 11px;}
.line_1 h3::before{left: -78px;}
div#carousel-example-1z {overflow: hidden;height: 210px;}
.unique-color-dark aside{overflow: hidden;}
section.bg_blue.text-center.py-5 {overflow: hidden;}
#carousel-example-1z h5{font-size: 16px;}
#carousel-example-1z .py-5{padding-top: 2rem!important;}
body section{overflow-x: none;}
.hardware, .spcl-solutn {
width: 94%!important;
height:376px;
}
}
@media (max-width: 375px){
.line_1 h3::before{left: -82px;}
}
@media (max-width: 360px){
.hardware, .spcl-solutn{width: 90%;}
.soltn_grey h1 {font-size: 60px;}
.soltn_grey h3{font-size: 40px;}}
@media (max-width: 320px){
.hardware p{left: 12%;
top: 70px;
font-size: 12px;
padding: 0 18px;
width: 72%;
}
.hardware h2{ margin-top: 18px;font-size: 24px;}
.carousel-caption_01 h5 {
line-height: 39px!important;
font-size: 16px!important;}
.get_btn{font-size:1rem!important;}
.spcl-solutn h4{
margin-top: 1px;
top: 79px!important;
left: 30px;
padding-right: 0px;
font-size: 20px;}
.demo-popup-box {
max-width: 330px;
padding: 10px 50px;
top: 74%!important;
}
.spcl-solutn li{padding: 0px 0;font-size: 13px;}
.spcl-solutn ul{top: 123px;left: 5px; width: 100%;}
.hardware,.spcl-solutn{height: 245px}
}
@media (min-width: 768px) and (max-width: 1180px) {
.hardware p {
left: 130px;
position: absolute;
top: 190px;
font-size: 1.4rem!important;
padding: 0 30px;
}
}
@media (min-width: 1200px){
.container {
max-width: 1210px!important;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}
@media (min-width: 481px) and (max-width: 767px) {
}
@media (min-width: 320px) and (max-width: 480px) {
}
/* Style the tab */
.tab {
overflow: hidden;
/*border: 1px solid #ccc;*/
background-color: #f1f1f1;
margin: 0px!important;
border-radius: 3px;
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
font-weight: 600;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #e6920e;
color: #fff;
font-weight: 600;
font-size: 17px;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
/*border: 1px solid #ccc;*/
border-top: none;
}
.bold-text{
font-weight:600;
}
b, strong {
font-family: sans-serif!important;
}
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #fba937;
}
::-moz-scrollbar-thumb {
background: #fba937;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #929292;
}
.h3_new_small{
line-height:16px;
}
@media (min-width: 1600px){
.soltn_grey h1 {
font-size: 9rem!important;}
.soltn_grey h3 {
font-size: 5.2rem;
}
}
.heading{
margin-top: 10px;
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
height: 201px!important;}
.carousel-item{
width: 77%;
margin-left: 12%;}
@media only screen and (max-width: 1199px) and (min-width: 993px) {
.spcl-solutn h4 {
position: absolute;
top: 112px!important;
}
.spcl-solutn h4 {
font-size: 2rem!important;
}
.spcl-solutn li {
font-size: 1.3rem!important;
}
.spcl-solutn ul {
position: absolute;
top: 206px;
}
}