/* @font-face {
    font-family: 'GothamLight';
    src: url('../fonts/Gotham-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;} */

::selection {background: #E01F26; color: #ffffff; text-shadow: none;}
::-moz-selection {background: #E01F26; /* Firefox */ color: #ffffff; text-shadow: none;}
::-webkit-selection {background: #E01F26; /* Safari */ color: #ffffff; text-shadow: none;}

body{font-family: 'PT Sans', sans-serif; font-size:16px; line-height: 30px; color:#1e0e05; margin: 0px; padding: 0px; background-color:#ffffff; -webkit-font-smoothing: antialiased;}
ul {list-style: none; margin:0;	padding:0;}
ul,li{padding:0; margin:0;}
li{list-style-type: none; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.navbar-nav{margin: 0 0 0 0;}
.navbar-nav li a:hover,
.navbar-nav li a:focus {outline:none;	outline-offset: 0;text-decoration:none; background: transparent;}
a {color: #4f4f4f;	text-decoration: none;-webkit-transition: 300ms;	-moz-transition: 300ms;	-o-transition: 300ms;	transition: 300ms;}
a:focus, a:hover {color: #23527c; text-decoration: underline;}
a:active, a:hover {outline: 0;}
.amigos-colour{color: #E01F26;}

h1{font-family: 'Outfit', sans-serif; font-size:68px; color: #1e0e05; margin: 0 0 0 0; padding: 0 0 0 0;}
h2{font-family: 'Outfit', sans-serif; font-size:52px; color: #1e0e05; line-height:62px; margin: 0 0 0 0; padding: 0 0 0 0;}
h3{font-family: 'Outfit', sans-serif; font-size:32px; color: #1e0e05; line-height:48px; margin: 0 0 0 0; padding: 0 0 0 0;}
h4{font-family: 'Outfit', sans-serif; font-size:22px; color: #1e0e05; line-height: 32px;  margin: 0 0 0 0; padding: 0 0 0 0;}
h5{font-family: 'Outfit', sans-serif; font-size:18px; color: #1e0e05; line-height: 32px; margin: 0 0 0 0; padding: 0 0 0 0;}
h6{font-family: 'PT Sans', sans-serif; font-size:14px; color: #1e0e05; line-height: 22px; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0;}
p{font-family: 'PT Sans', sans-serif; font-size:15px; line-height: 30px; color:#1e0e05; margin:0px 0 0 0; padding: 0 0 0 0;}
@media (max-width:767px){
  h1{ font-size: 11vw; margin: 0 0 0 0;}
  h2{ font-size: 8vw; margin: 0 0 0 0; line-height: 48px;}
  h3{ font-size: 22px !important; }
  h4{ font-size: 6vw !important; }
  p{font-size: 16px;}
}
mark, .mark{background: rgb(19, 111, 245); color: #ffffff;}
.padding-top {padding-top:120px;}
.padding-bottom{padding-bottom:120px;}
.padding-none{padding: 0 0 0 0;}
.space-50{padding-top:50px;}
.space-bottom-50{padding-bottom:50px;}
.navbar-toggle {/*border:1px solid #fff;*/	margin-top:15px;}
.navbar-toggle i{color: #ffffff; font-size: 34px;}
/* .navbar-toggle .icon-bar {background-color:#000000;}
.navbar-toggle .icon-bar {display: block; width: 30px; height: 4px; border-radius: 1px;} */

.main-nav {left: 0;	position: absolute;	top: 0;	width: 100%; z-index: 1000; border: 0px;}
.top-bar-hide {display: none;}
.top-bar {position:absolute; right:30px;	top:35px;	z-index: 10;}
.top-bar span {margin-left:10px; float: left;}
.top-bar span a {color: #fae1e2; font-size: 13px; font-weight: bold; float: left;}
.top-bar span a:hover {color: #26a888;); font-size: 13px; font-weight: bold; border: 0;}
.top-bar span i {color: #fae1e2;	margin-right:0px; margin-top: 3px; font-size: 20px; float: left;}
.top-bar span i:hover{color: #26a888;}
#navigation .container {position:relative;}
.navbar-brand {width: 300px; height:auto; padding: 0px; margin:30px 0 0 0;}
.navbar-brand a:hover{border: 0px;}
#navigation .navbar-right {margin-top: 60px; margin-right: 0px;}
#navigation .navbar-right li a {color:#ffffff; height: 100%; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: normal; text-transform: none; margin: 0 3px; padding:3px 10px;}
#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li a:focus,
#navigation .navbar-right li.active a{border-bottom: 3px solid #f9068b;}
/*Main Carousel CSS*/
/* #carousel-wrapper {background: url("../images/cloud-bg.jpg") #ecf5f9 no-repeat center bottom;} */
/* #carousel-wrapper{background: linear-gradient(214deg, #f5004a, #28c1f1); background-size: 400% 400%; -webkit-animation: bra-indo-animation 10s ease infinite; -moz-animation: bra-indo-animation 10s ease infinite; animation: bra-indo-animation 10s ease infinite;} */
@-webkit-keyframes bra-indo-animation {
    0%{background-position:94% 0%}
    50%{background-position:7% 100%}
    100%{background-position:94% 0%}
}
@-moz-keyframes bra-indo-animation {
    0%{background-position:94% 0%}
    50%{background-position:7% 100%}
    100%{background-position:94% 0%}
}
@keyframes bra-indo-animation {
    0%{background-position:94% 0%}
    50%{background-position:7% 100%}
    100%{background-position:94% 0%}
}

#home-carousel  .item {background-position: top; background-repeat: no-repeat;	background-size:cover; width:100%; height:679px;}
.carousel-img img{width: 100%; height: auto;}
.carousel-caption {left:15px;	right:15px;	top:140px; font-size:15px; text-align:left; color:#0a3389; text-shadow:none;}
.banner-text{margin:0px 0 0 0; padding: 50px 0 0 0;}
.banner-text h1{padding: 0 0 0 0; margin: 0 0 35px 0; height: 45px; background: #2a0a58; color: #ffffff; float: left;}
.slide-h1-box{width: 100%; height: auto; float: left;}
.slide-h1-box h3{float: left; color: rgb(255 255 255 / 0.7); font-size: 28px;}
.slide-h1-box h4{ width: 100%; color: #fae1e2; float: left; font-size: 22px; line-height: 32px;}
/* .carousel-caption h3 {color: #dbeaff;} */
.carousel-caption p {color: #dbeaff; text-transform: uppercase; font-size: 18px; max-width:580px;}
.primary-btn{width: 180px; margin: 0 auto 0 auto; padding: 20px 0; background: #000000; color: #ffffff; font-family: 'PT Sans', sans-serif; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; border: 0px; -webkit-box-shadow: 0px 10px 18px -11px rgb(136 18 21); -moz-box-shadow: 0px 10px 18px -11px rgb(136 18 21); box-shadow: 0px 10px 18px -11px rgb(136 18 21); text-align:center; display:block;}
.primary-btn:hover{text-decoration: none; background: #E01F26; color: #ffffff; -webkit-box-shadow: 0px 0px 36px 0px rgb(136 18 21); -moz-box-shadow: 0px 0px 36px 0px rgb(136 18 21); box-shadow: 0px 0px 36px 0px rgb(136 18 21);}


.more-btn{padding:5px 10px 5px 10px; border-bottom: 2px solid #E01F26; font-size: 16px; color: #E01F26; margin: 0 0 0 0;  }
.more-btn i{padding: 0 10px 0 0px;}
.more-btn:hover{color: #000000; text-decoration: none; border-bottom: 2px solid #000000; text-decoration: none;}
.apply-btn{padding: 15px 35px; background: #f55500; color: #ffbfc2; font-family: 'PT Sans', sans-serif; -webkit-font-smoothing:auto; font-size: 12px; text-transform: uppercase; line-height: normal; -webkit-border-radius:25px; moz-border-radius: 25px; border-radius:25px; border: 0px; -webkit-box-shadow: 0px 10px 18px -11px rgb(163 158 95); -moz-box-shadow: 0px 10px 18px -11px rgb(163 158 95); box-shadow: 0px 10px 18px -11px rgb(163 158 95); text-align:center;}
.apply-btn:hover{text-decoration: none; background: #E01F26; color: #ffbfc2; -webkit-box-shadow: 0px 0px 36px 0px rgb(163 158 95); -moz-box-shadow: 0px 0px 36px 0px rgb(163 158 95); box-shadow: 0px 0px 36px 0px rgb(163 158 95);}

.whatsapp-btn{font-size:15px; color:#87888b; text-decoration: none; float: right; margin:35px 0 0 0;}
.whatsapp-btn span{ border-bottom: 2px solid #87888b; margin-left: 10px}
.whatsapp-btn:hover{text-decoration: none; color: #021f44;}
/* .whatsapp-btn i{color: red; font-size: 30px;} */
/* .card-links{font-size: 16px; color: #ffffff; text-decoration: none; width: 100%; height: auto; margin: 0px auto; text-align: center;} */

.container>.carousel-arrows {top: 580px; right:0;	position: relative;}
.home-carousel-left,
.home-carousel-right {position: absolute;	font-size:50px !important; z-index: 15;	color:#28c1f1;}
.home-carousel-left {left:0px;}
.home-carousel-right {left:25px;}

.intro-sec{width:100%; height: auto; float: left; padding-bottom: 50px;/* background: url("../images/intro-sec-bg.jpg") no-repeat top right 100px;*/}
.intro-txt-box{ float: left; margin: 0 0px 0 0; padding: 30px 50px 30px 0px; background: url("../images/bg-element-1.jpg") no-repeat bottom 50px right 50px;}
.intro-txt-box h2{padding: 20px 0 35px 0; }
.intro-txt-box h4{padding-bottom: 20px; }
.intro-txt-box p{padding-bottom: 50px;}
/* .intro-txt-box p{color: #5a5f61; line-height: 26px;} */
.intro-bullet-parent{padding:0px 0px 0 0px; }
.intro-bullet-parent img{float: left; padding:0; margin-top: 30px;}

.tanqeel-services{width: 100%; height: auto; float: left;}
.bluebox-delivery{float: left; background:url("../images/dubai-bg.jpg") no-repeat bottom center #1f5dc2; padding:3em 1.5em 2em 1.5em; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-blend-mode: color-dodge; background-size: cover;}
.bluebox-delivery h2{color: #ffffff; padding-bottom: 20px; line-height: 42px;}
.bluebox-delivery h4{color: #d7e5fe;}
.delivery-boxes{width: 255px; height: 255px; float: left; background: #fafbfc; padding: 25px; -webkit-border-radius: 25px;
-moz-border-radius: 25px; border-radius: 25px;}
.delivery-boxes h5{font-family: 'GothamBold', sans-serif; color: #323d65; text-align: center; width: 100%; float: left;}
/* flip cards homepage */
.flip-card {background-color: transparent; float: left; width: 255px; height: 255px; perspective: 1000px; margin-bottom: 15px}
.flip-card-inner {position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front, .flip-card-back {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-card-front {}
.flip-card-front img{width: 92px; height: auto; padding: 25px 0;}
.flip-card-back {background-color: #1f5dc2; color: white; transform: rotateY(180deg);padding: 30px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.flip-card-back a{font-family: 'GothamBold', sans-serif; color: #d7e5fe; font-size: 14px; text-transform: uppercase;}
.tanqeel-flip-img{background: url("../images/tanqeel-flip.jpg") no-repeat top center; background-size: cover;}
.tanqeel-flip-img2{background: url("../images/tanqeel-flip2.jpg") no-repeat top center; background-size: cover;}

.partner-section{width: 100%; height: auto; float: left; }
.partner-section .container{background: url("../images/partner-sec-bg.jpg") no-repeat top left; background-size: 365px;}
.become-partner{background: #ffffff; float: left; margin-top: 7em; padding: 40px; box-shadow: -21px 28px 30px -14px rgba(145,150,161,1); -webkit-box-shadow: -21px 28px 30px -14px rgba(145,150,161,1); -moz-box-shadow: -21px 28px 30px -14px rgba(145,150,161,1);}
.become-partner h2{padding: 25px 0 20px 0;}
.become-partner h4{padding: 15px 0 0px 0; line-height: 36px;}
.delivery-boy-img{position: absolute; z-index: -1; right: 0; margin-top:45px;}

.whyus-section{width: 100%; height: auto; float: left; background: #04172f;}
.testimonial-box{float: left;}
.testimo-carousel{width: 100%; height: auto; float: left; background: #ffffff; padding: 0px;}
.why-us-copy{float: left; padding: 30px 30px 0 60px;}
.why-us-copy h3{color: #c2daf9; padding-bottom: 0px;}
.why-us-copy h1{color: #ffffff; padding-bottom: 20px;}
.why-us-copy h4{color: #c2daf9; padding-top: 20px; padding-bottom: 20px;}
.why-us-copy p{color: #b0b8c2; padding-top: 20px;}
/* testimonial slider */
.slideshow-container {position: relative;}
.mySlides {display: none; padding: 30px 40px 0 50px; text-align: left;}
.mySlides h4{padding-bottom: 20px;}
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -30px; padding: 16px; color: #888; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none;}
.next { position: absolute; right: 0; border-radius: 3px 0 0 3px; }
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8); color: white;}
.dot-container {text-align: right; padding: 15px;}
.dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #ffffff; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; border: 3px solid #b0bdd2;}
.dot-container span.active{background-color: #ffffff; border: 3px solid #1f5dc3;}
.dot:hover {background-color: #ffffff; border: 3px solid #1f5dc3;}

.customer-support{width: 100%; height: auto; float: left;}
.customer-support .container{background: url("../images/support-sec-bg.jpg") bottom left no-repeat; border-bottom: 1px solid #d4d4d4;}
.support-number{float: left; padding: 0 0 0 0;}
.support-number h2{padding-bottom: 50px;}
.green-box{background: #39c76b; color: #ffffff; text-align: center; padding: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.green-box img{margin: 0px auto; padding: 20px 0;}
.green-box h5{color: #ffffff; line-height: normal; font-family: 'GothamBold', sans-serif; text-transform: uppercase; font-size: 16px; padding: 10px 0;}
.green-box a{color: #ffffff; font-family: 'GothamBold', sans-serif; text-transform: uppercase; font-size:24px;}
.wantto-know{padding:17px; float: left;}
.wantto-know h4{padding: 0px 0 20px 0px; line-height: 30px;}
.wantto-know .whyus-btn{color: #87888b; border-color: #87888b;}
.tanqeel-parcel-box{background: #ffffff; float: left; padding:30px 0; margin-top:30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; box-shadow: -4px 7px 47px 17px rgba(135,146,162,0.4);
-webkit-box-shadow: -4px 7px 47px 17px rgba(135,146,162,0.4);
-moz-box-shadow: -4px 7px 47px 17px rgba(135,146,162,0.4);}
.tanqeel-parcel-box img{margin: 0px auto;}
/*++++++++++++++++
Footer CSS
+++++++++++++++++*/
.footer {width: 100%; height: auto; float: left; background: #e11f26;}
.footer h5{font-weight: 400; text-transform: inherit; color: #ffffff; padding-bottom: 30px;}
.foot-readmore-link{font-size:15px; color: #ffbfc2; text-decoration: underline; float: left;}
.foot-readmore-link:hover{color: #ffffff; text-decoration-color: #ffffff;}
.logofooter {width: 100%; height: auto; float: left; padding:0 0;}
.logofooter p{width: 100%; font-size: 15px; color: #ffbfc2; height: auto; float: left; padding: 30px 0;}
.logofooter img{width: 48px;}
.footer-col{float: left;}
.footer-ul { list-style-type:none;  padding-left:0; margin-left:0px; float: left; margin-bottom: 20px;}
.footer-ul li {width: 100%; float: left; font-size:15px; color: #ffbfc2; list-style: none; padding: 0px 0px; text-transform: none; font-weight: normal;}
.footer-ul li:last-child{border-right: 0px;}
.footer-ul li a { color:#ffbfc2; text-transform: none; font-weight: normal; }
.footer-ul li a:hover {color: #ffffff; text-decoration: underline; text-decoration-color: #ffffff;}
.social-links{margin: 0 0 0 0;}
.social-links P{color: #ffbfc2; padding-bottom: 20px;}
.social-links ul{width: auto; height:  auto; float: left; padding: 0px 0 0 0px;}
.social-links ul li{width: auto; height:  auto; float: left; padding-top: 10px; padding-right: 12px; list-style: none;}
.social-links ul li a{width: auto; height: auto; color: #e21f26; background: #ffffff; font-size: 16px; padding: 7px 10px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;}
.social-links ul li a:hover{color:#000000;}
.copyright {width: 100%; float: left; padding: 0px 0; margin: 30px 0 0 0;}
.copyright .container{border-top: 1px solid #ffbfc2}
.copyright .col-md-6{padding: 0px;}
.copyright p { text-align:left; color:#5a5f61; font-size: 14px; padding:10px 20px 10px 0px; margin-bottom:0; float: left;}
.post{width: 100%; height: auto; float: left; padding: 0px 0 0 0;}
.post p { font-size:15px; color:#ffbfc2; line-height:30px; padding-bottom: 30px; text-transform: capitalize;}
.email-call{width: 100%; height: auto; float: left; padding: 0px 10px 30px 0px;}
.email-call span{width: 100%; height: auto; float: left; }
.email-call i {color:#ffbfc2; font-size:18px; padding-right: 15px;}
.email-call a { color:#ffbfc2; font-size:15px;}
.email-call a:hover {color: #ffffff; text-decoration: underline; text-decoration-color: #ffffff;}
.bottom_ul { list-style-type:none; float: left; padding-top:14px; padding-bottom: 14px; margin-bottom:0;}
.bottom_ul li {color: #ffbfc2; float:left; line-height:18px; font-size: 15px; text-transform: none; font-weight: normal; list-style: none; border-right: 1px solid #ffbfc2; padding: 0 5px;}
.bottom_ul li:last-child{border-right: 0px;}
/* .bottom_ul li:after { content:"|"; color:#5a5f61; margin-right:7px; margin-left:7px;} */
.bottom_ul li a { color:#ffbfc2;  font-size:15px;}
.social-icon {width: 30px; height: 30px; font-size: 15px; background-color: blue; color: #fff; text-align: center; margin-right: 10px; padding-top: 7px; border-radius: 50%;}
.footer-social li{float:left; list-style: none;}
.footer-social li a img{float:left; margin: 0 10px 0 0; width:28px;}
.footer-social li a img:hover{opacity: 0.7;}
.linked-in{background-color:#007bb6;}
.facebook{background-color:#3b5998;}
.twitter{background-color:#1da1f2;}
.google{background-color:#f63e28;}
/* kreativemug styles */
.kreativemug{width:auto; float: right; margin-top: 0;}
.kreativemug span{text-align: left; color: #ffffff; font-size: 15px; padding: 10px 0; margin-bottom: 0; float: left;}
.kreativemug a{text-align: left; color: #ffffff; font-size: 14px; padding: 10px 0; margin-bottom: 0; float: left;}
.kreativemug i{font-size: 16px; color: #ff6060; float: left; padding: 15px 6px 0 6px;}
.kreativemug a:hover{opacity: 0.8; text-decoration: underline;}
/* CSS back to top rocket ====== */
#scrolltop {display: none;}
#rocketmeluncur {position: fixed; bottom: 20px; z-index: 7; display: none; visibility: hidden; width: 26px; height: 48px; right: 25px; background: url(https://3.bp.blogspot.com/-GZOBULN1Q4s/VbNxQrf37EI/AAAAAAAAAPk/rak337seJ70/s1600/Ask.png) no-repeat 50% 0; opacity: 0; -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);}
#rocketmeluncur:hover {background-position: 50% -62px}
#rocketmeluncur:hover i {background-position: 50% 100%; -webkit-animation: flaming .7s infinite; -moz-animation: flaming .7s infinite; animation: flaming .7s infinite}
#rocketmeluncur.showrocket {visibility: visible; opacity: 1}
#rocketmeluncur.launchrocket {background-position: 50% -62px; opacity: 0; -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); transform: translateY(-800px); pointer-events: none}
#rocketmeluncur.launchrocket i {background-position: 50% 100%; -webkit-transform: scale(1.4, 3.2); -moz-transform: scale(1.4, 3.2); transform: scale(1.4, 3.2)}/*rocket ends here*/
/* subpage css */
.about-banner{width:100%; height: auto; background: url("../images/about-bnr.jpg") no-repeat top center #E01F26; background-size: cover;}
.safety-banner{width:100%; height: auto; background: url("../images/safety-bnr.jpg") no-repeat top center #E01F26; background-size: cover;}
.contact-banner{width:100%; height: auto; background: url("../images/about-bnr.jpg") no-repeat top center #E01F26; background-size: cover;}
.art-banner{width:100%; height: auto; background: url("../images/art-gallery-kozhikode.jpg") no-repeat top center #E01F26; background-size: cover;}
.cafe-banner{width:100%; height: auto; background: url("../images/cafe-bg.jpg") no-repeat top center #E01F26; background-size: cover;}
.store-banner{width:100%; height: auto; background: url("../images/store-bg.jpg") no-repeat top center #E01F26; background-size: cover;}
.sub-pg-img{float: left; padding: 0 0 0 0; margin: 0px 0 0 0;}
.sub-pg-text{padding: 0 0 0 0; margin:100px auto 0px auto; float: none;}
.sub-pg-text h1{padding: 0 0 0 0; margin: 0 0 15px 0; color: #ffffff; float: left;}
.about-section{width: 100%; height: auto; float: left;}
.intro-about-box{background: #fafbfc; padding: 30px 50px 50px 50px; box-shadow: -4px 7px 47px 17px rgba(135,146,162,0.4); -webkit-box-shadow: -4px 7px 47px 17px rgba(135,146,162,0.4); -moz-box-shadow: -4px 7px 47px 17px rgba(135,146,162,0.4);}
.intro-about-box h2{padding: 20px 0 35px 0; }
.intro-about-box h4{color: #777d85; padding-bottom: 20px; line-height: 30px;}
.intro-about-box p{color: #5a5f61; line-height: 26px;}
.solve-delivery{width: 100%; height: auto; float: left; }
.solve-head{padding-bottom: 50px;}
.solve-head h4{color: #777d85; padding-bottom:20px;}
.solve-boxes{padding-top:30px; padding-bottom: 30px; float: left;}
.solve-boxes img{float: left; padding: 0 0 20px 0;}
.solve-boxes h3{width: 100%; float: left; padding: 0 0 20px 0;}
.solve-boxes p{width: 100%; float: left; padding: 0 0 20px 0;}
.born-text{margin: 30px 0 0 0; /*padding: 25px; border-left: 2px solid #f55500;*/}
.born-text h5{}
.born-text h2{padding-bottom: 30px;}
.born-text h3{padding-bottom: 30px;}
/* team cards */
.team-img{float: left; }
.team-head{padding:0; float: left;}
.team-head h3{padding-bottom: 15px;}
.team-head h4{padding-bottom: 15px;}
/* .team-head p{padding-bottom: 50px;} */
.fouder-basheer{width: 100%; height: auto; float: left;}


.our-values{width: 100%; height: auto; float: left; }
.our-values h1{padding: 10px 0 25px 0; color: #ffffff;}
.our-values h4{color: #5a5f61;}
.value-box-blue{padding: 30px; background: #f55501; background: rgb(255,145,0);
background: linear-gradient(318deg, rgba(255,145,0,1) 19%, rgba(245,85,0,1) 62%); margin-top: 30px; -ms-transform: rotate(3deg); /* IE 9 */ transform: rotate(3deg); -webkit-border-bottom-right-radius: 100px; -moz-border-radius-bottomright: 100px; border-bottom-right-radius: 100px; box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%); -webkit-box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%); -moz-box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%);}
.value-box-blue div{padding:20px;}
.value-box-blue img{padding: 0 0 20px 0; }
.value-box-blue h4{font-size: 18px; text-transform: uppercase; font-family: 'GothamBold', sans-serif; color: #fff;}
.value-box-blue p{color: #8fb3e0; }

.delivery-services{width: 100%; height: auto; float: left;}
.services-menu{width: 100%; height: auto; background: #fafbfc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top:30px; padding: 10px; box-shadow: 2px 2px 15px -2px rgba(177,202,227,0.98);
-webkit-box-shadow: 2px 2px 15px -2px rgba(177,202,227,0.98);
-moz-box-shadow: 2px 2px 15px -2px rgba(177,202,227,0.98);}
/* .services-menu ul{width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;} */
/* .services-menu ul li{width: auto; height: auto; float: left; margin: 0 0 0 0; padding: 0 10px 0 10px; } */
/* .services-menu ul li:last-child{border: 0px} */
.services-menu a{width: auto; height: auto; float: left; margin: 0 0 0 0; padding: 0 20px; font-size: 15px; text-transform: uppercase; font-family: 'GothamBold', sans-serif; color: #8f97a5;}
.services-menu a:hover{text-decoration-color:#f9068b; color:#215ec4; }
.tough-delivery{float: left; }
.tough-delivery img{padding-bottom: 45px; height: auto; float: left;}
.tough-delivery div{padding: 25px;}
.tough-delivery h4{padding-bottom:15px; color: #5a5f61; line-height: 30px;}
.tough-delivery h3{padding-bottom: 20px;}
.tough-delivery h5{line-height: 28px; padding-bottom: 25px; color: #5a5f61;}

.dedicated-drivers{width: 100%; height: auto; float: left; background: url("../images/dedicated-driver.jpg") no-repeat top left #2260c4; background-size: cover;}
.driver-sec-head{text-align: center; padding-bottom: 30px;}
.driver-sec-head h2{color: #ffffff; padding-bottom: 25px; text-align: center;}
.driver-sec-head h4{color: #b3cdf6; text-align: center;}
.driver-sec-head p{color: #b3cdf6; text-align: center;}
.help-table h2{padding-bottom:20px; font-family: 'GothamBold', sans-serif; text-align: center;}
.help-table h5{padding-bottom:20px; color: #777d85; text-align: center;}
.help-points{padding: 15px; background: rgb(62 121 213 / 1); margin:10px; color: #ffffff; text-align:center; font-size: 14px; text-transform: uppercase; -webkit-border-radius: 50px; -moz-border-radius:50px; border-radius:50px;}
.help-table p{color: #ffffff;}
.help-points:hover {background: rgb(62 121 213 / 1); text-shadow: 1px 1px 3px rgba(72, 61, 142, 1);}

.about-pg-intro{padding: 0 30px 30px 30px;}
.about-pg-intro h2{padding: 0px 0 35px 0; }
.about-pg-intro h4{padding-bottom: 20px; line-height: 30px; font-size: 22px;}
.about-pg-intro p{ line-height: 26px;}

/*careers page css*/
.contact-box{padding-top: 0px; margin-right:0px;}
.contact-box h2{text-align: center; padding-bottom: 30px;}
.contact-form{padding: 40px 0 0 0; /*float: left;*/}
.contact-form .form-group{margin-bottom: 25px;}
.input-box{padding: 0 30px;}
.form-group span{font-size:14px; line-height:24px; color:#1b002e; }
.form-group label{color: #ff0000; background: none; padding: 0 0 0 0;}
/* .form-group input{height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; } */
/* .form-group select{height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; } */
.form-group textarea{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  font-size:14px;}
.nav-social-links{margin:40px 0 0 0px;}
.nav-social-links h4{ margin: 0px 0 0px 0px; padding-bottom: 20px; font-size: 16px; font-family: 'GothamBold', sans-serif; text-transform: uppercase;}
.nav-social-links p {font-size: 14px; }
.nav-social-links ul{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-social-links ul li{list-style: none; float: left; margin: 0 15px 0 0;}
.nav-social-links ul li a{ float: left; padding: 0 0px;}
.nav-social-links ul li a i{font-size: 18px; color: #344dfd;}
.nav-social-links ul li a .fa-facebook{color: #4267B2;}
.nav-social-links ul li a .fa-instagram{color: #dd2a7b;}
.nav-social-links ul li a .fa-linkedin{color: #0077b5;}
.nav-social-links ul li a .fa-twitter{color: #00acee;}
.nav-social-links ul li a .fa-youtube{color: #e62117;}
.nav-social-links ul li a i:hover{opacity: 0.7;}

.contact-main-text {padding: 0 0 30px 0;}
.contact-main-text h2{padding-bottom: 15px;}
.contact-main-text h3{padding-bottom: 10px;}
.contact-main-text h5{padding-bottom: 10px;}
.building-box{float: left; margin: 0 0 0 0;}
.address-box{width: 320px; height: auto; background: rgb(255,63,25); background: linear-gradient(168deg, rgba(255,63,25,1) 0%, rgba(236,0,0,1) 100%); padding: 25px; position: absolute;  z-index: 1; right: 50px; bottom: 50px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-bottomright: 100px; border-bottom-right-radius: 100px; box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%); -webkit-box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%); -moz-box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%);}
.address-box h3{padding: 0 0 15px 0; color: #ffffff;}
.address-box p{padding: 0 0 15px 0; color: #ffffff}
.form-box{padding:0 20px; margin: 0 0 0 0; float: left;}
.form-box h3{padding: 0 0 20px 0;}
.form-box h5{padding: 0 0 20px 0;}
.form-group input {width: 100%; height: 44px; border-radius: 6px; background: none; border: 1px solid #949494; box-shadow: none;}
.form-group select {width: 100%; height: 38px; font-size: 14px; color: #868686; border-radius: 0px;background: none; border: 1px solid #bfbfbf; box-shadow: none;}
.form-group textarea{border: 1px solid #949494; border-radius: 6px; background: #ffffff; }
.form-group .primary-btn{margin: 0 0 0 0;}
.career-img-box{padding: 10px;}
/*========================
g-map styles
===========================*/
.g-map{ margin-bottom: 0px; margin-top:0px;}
#map {width: 100%; height: 550px; margin-top: 0px; margin-bottom: 0px;}
.info-window {font-family: 'PT Sans', sans-serif; font-size:14px;}
.info-content {color: #999;}
/* .form-group span{ font-size: 14px; }
.form-group label{background: none; padding: 0 0 0 0;}
.form-group input{height: 38px; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size:14px; }
.form-group textarea{border-radius: 0px; font-family: 'Roboto', sans-serif; font-size:14px; } */
.contact-page{padding: 100px 0;}
.info-window p{ padding: 0  0;}
/* BOX ON MAP  */
.box-contacts {width:330px; position: absolute; z-index: 1; left: 75px; margin-top: 100px; background: #f6004a; padding: 40px 60px; text-align: left; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); font-size: 14px;  text-transform: uppercase; color: #ffffff;}
.box-contacts h3{color: #ffffff; }


/*========================== MEDIA QUERY CSS FOR RESPONSIVE
 Extra small devices (phones, 600px and down)
 ================================ */
  @media only screen and (max-width: 600px) {
    .navbar-brand {width: 225px; margin:10px 10px;}
    .navbar-brand a img{width:130px;}
    #navigation .navbar-right li a{color: #}
    .banner-text h1 {margin: 0 0 20px 0; height: 21px;}
    .sub-pg-text {margin: 0 0 0px 0; padding: 60% 5% 20% 5%;}
    .sub-pg-img {margin: 70px 0 0 0;}
    .sub-pg-text h1 { margin: 0px 0 15px 0;}
    .sub-pg-text h3{float: left;}
    .carousel {margin: 0px; padding: 0 0 0 0px;}
    .carousel-img{margin: 0 0 0 0; padding: 0 0 0 0;}
    .carousel-caption{width: 100%;}
    .container>.carousel-arrows {top: 620px;}
    .welcome-box{padding:0 20px;}
    #myCarousel{top: 30px;}
    .vision-mission h2{padding: 0 0 0 0; margin: 0 0 0 0;}
    .vision-mission img {padding-bottom: 0px;}
    .vision-mission h5 {margin-bottom: 0px;}
    .sustain-home{padding: 0 0 50px 0;}
    .about-number h5 {margin: 15px 0px 0px 0px;}
    .flip-card{width: 100%; margin-top: 15px;}
    .form-box{padding: 30px;}
    .intro-txt-box{padding: 10px;}
    .intro-txt-box h2{padding: 20px 0 10px 0;}
    .tough-delivery div{padding: 10px;}
    .about-pg-intro{padding: 10px;}
    .about-pg-intro h4{font-size: 20px;}
    .input-box{padding: 0 0px;}
    .form-group{padding: 0px;}
    .contact-form .form-group{margin-bottom: 15px;}

    .intro-bullet-parent{padding: 20px 0px 0 10px}
    .footer .container{padding-left:25px; padding-right: 25px;}
    .people-box{padding: 30px !important;}
    /* .card {width: 50% !important; height: 250px !important; float: left;} */
    .flipcards-box{display: none;}
    .hilight-box{padding: 0 0 0 0 !important;}
  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {

  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .navbar-brand{width: 180px;}
    .top-bar {top: 35px; right: 70px;}
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {

  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

  }

  /*+++++++++++++++++
  nav with dropdowns
  ++++++++++++++++++ */
.toggle, [id^=drop] {display: none;}
.toggle i{font-size: 28px; float: right; padding: 10px 5px 0 0;}
nav {display: block; margin-left: auto; margin-right: auto; width: 58%;}
nav:after {content:""; display:table; clear:both;}
nav ul {float: right; padding:0; margin:0; list-style: none; position: relative; top: 30px;}
nav ul li {text-transform: none; margin: 0px; display:inline-block; float: left;}
nav a {margin: 0 20px; padding:3px 10px; color: #ffffff; font-size: 16px; display:block; text-decoration:none; font-weight: normal;}
nav ul li ul li:hover { border-bottom: 3px solid #f9068b; }
.menu ul li .active{text-decoration: none; border: 0; color: red; text-decoration: none;}
nav ul li ul li:hover{text-decoration: none; border: 0; color: red; text-decoration: none;}
nav a:hover {border-bottom: 3px solid #ff8383; color: #ff8383; text-decoration: none;}
nav a.active {border-bottom: 3px solid #ff8383; color: #ff8383; text-decoration: none;}
nav ul ul {display: none; position: absolute; top:38px; background: #e11f26; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
nav ul li:hover > ul {display:inherit;}
nav ul ul li {width:100%; float:none; display:list-item; position: relative; padding: 5px 10px;}
nav ul ul li a{color: #ffffff; margin: 0 0 0 0; font-size: 16px;}
nav ul ul li a:hover{color: #000000; text-decoration: none; border-bottom: 0px; background: #ffffff;}
nav ul ul ul li {position: relative; top:-60px; left:170px; }

li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }

@media all and (max-width : 768px) {

	nav {width: 100%; margin: 0; background: #E01F26;}
	.toggle + a,
	.menu {display: none;}
  .toggle {display: block; padding:0 0; color:#fae1e2; font-size:16px; padding: 0 30px; text-decoration:none; border:none;}
  .toggle .fa-bars {display: block; padding:20px 10px; color:#fae1e2; text-decoration:none; border:none;}
  .toggle .fa-caret-down {display: block; padding: 0 0 0 0; color:#fae1e2; text-decoration:none; border:none;}
  .toggle:hover {background-color: none;}
  [id^=drop]:checked + ul {display: block;}
  nav ul{top: 0;}
	nav ul li {display: block; width: 100%; padding: 5px 10px;}
	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}
  nav ul ul ul a {padding: 0 80px;}
	nav a:hover,
 	nav ul ul ul a {}
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{margin: 0 3px; padding:10px 30px; color:#FFF; font-size:14px;}
	nav ul li ul li .toggle,
	nav ul ul a {}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}

	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}

	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {position: static;}
}
@media all and (max-width : 330px) {
 	nav ul li {display:block; width: 94%;}

}
/* whatsapp style */
.float{position:fixed; width:60px; height:60px; bottom:100px; right:15px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100;}
.my-float{margin-top:16px;}
.partners-logo{width: 100%; height: auto; float: left; }

.trust-sec{width: 100%; height: auto; float: left; background: #f6f6f6;}
.trust-sec h2{padding-bottom: 50px;}
.trust-sec img{padding-bottom: 20px;}
.trust-sec h3{text-align: left; padding:0 0 10px 0;}
.trust-sec p{text-align: left; padding: 0 0;}
.ghost-button{border: 2px solid #E01F26; color: #E01F26; text-align: center; padding: 15px 30px; font-size: 16px; margin: 30px 0 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.ghost-button:hover{color: #ffffff; background: #E01F26; border:2px solid #E01F26; text-decoration: none;  -webkit-box-shadow: 0px 0px 36px 0px rgb(156 156 156); -moz-box-shadow: 0px 0px 36px 0px rgb(156 156 156); box-shadow: 0px 0px 36px 0px rgb(156 156 156);}
.facilities-sec{width: 100%; height: auto; float: left; background: url("../images/products-bg.jpg") no-repeat top right; background-size:650px;}
.store-piano-sec{width: 100%; height: auto; float: left;}
/* .store-piano-sec .container{ background: url("../images/store-piano.jpg") no-repeat top right; background-size:850px;} */
/* .facilities-sec h3{} */
.text-black{font-family: 'Outfit', sans-serif; font-size: 9vw; line-height: 7vw; text-transform: uppercase; color: #E01F26; background: #009C77; background: -webkit-linear-gradient(to right, #e01f26 0%, #ff5722 100%);
background: -moz-linear-gradient(to right, #e01f26 0%, #ff5722 100%); background: linear-gradient(to right, #e01f26 0%, #ff5722 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; padding:30px 0 40px 0; float: left;}
.facilities-cta-box{width: 100%; height: auto; float: left; padding: 50px 0 0 0;}
.facilities-cta-box .ghost-button{margin: 0 20px 0 0;}
/* .facilities-cta-box .more-btn{float: left;} */
.misc-section{width: 100%; height: auto; float: left;}
.misc-section-heading{width: 100%; height: auto; float: left; padding: 0 0 100px 0;}

/* lightbox css */
/* .img-lightbox{padding: 0 0 0 0; margin: 0 0 0 0; box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%); -webkit-box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%); -moz-box-shadow: 13px 29px 80px -6px rgb(64 54 21 / 75%);}
.gallery {position: relative; display: block; max-width: 1080px; max-height: 1080px; margin: auto; overflow: hidden;}
.gallery .slick-list {overflow: hidden;}
.gallery .slick-slide {outline: none !important;}
.gallery-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; font-size: 14px; color: #ffbfc2; line-height: 40px; text-align: center; background: #E01F26; z-index: 10; cursor: pointer; transition: background 0.3s ease;}
.gallery-arrow:hover {background: #f55500; color: #ffbfc2;}
.gallery-arrow.mod-prev {left: 0; border-radius: 0 6px 6px 0;}
.gallery-arrow.mod-next {right: 0; border-radius: 6px 0 0 6px;}
.gallery-item {position: relative; float: left; vertical-align: middle; text-align: center;}
.gallery-img-holder {display: inline-block; width: auto; height: auto; max-width: 535px; max-height: 500px;}
.gallery-img {width: 100%; height: 100%;}
.slick-lightbox .slick-arrow {z-index: 10;} */

.art-gallery{width: 100%; height: auto; float: left; background: url("../images/collage-bg.jpg") no-repeat top center; background-size: cover;}
.art-gallery .container{background: url("../images/gudhaam-gallery.png") no-repeat top center; background-size: 100%;}
.art-gallery .text-black{padding: 20% 0 5% 0;}
/* Photogallery page css */
.photogallery-lightbox{width: 100%; height: auto; float: left; }
.lightbox-gallery {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 30px;}
.lightbox-gallery img {width: 100%;}
.lightbox .lb-image {display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid #E01F26 !important;}
.facilities-page{width: 100%; height: auto; float: left; background: url("../images/collage-bg.jpg") no-repeat top center; background-size: cover;}

.total_company{width: 100%; height: auto; float: left; }
.img_radius_shape{background: #e11f26; padding: 30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
/* .total_company h2{color: #ffffff;}
.total_company h3{color: #ffffff;} */
.total_company p{padding: 0px 0 20px 0;}
/* LOGO SLIDER */
.customer-logos{width: 100%; height: auto; float: left; padding: 20px 0 0 0;}
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.category-ul{width: 100%; height: auto; float: left; margin-top: 50px; background: url("../images/categ-bg.jpg") no-repeat top right; background-size: contain;}
.category-ul ul{float: left; margin-bottom: 30px;}
.category-ul ul li{width: auto; height: auto; float: left; color: #ffffff; font-size: 16px; text-transform: none; padding: 20px; margin: 5px; background: #E01F26; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-family: inherit;}

/* product card homepage ---  */
.container .title{color: #1a1a1a; text-align: center; margin-bottom: 10px;}
.content {position: relative; width: 90%; max-width: 350px; float: left; margin: auto; overflow: hidden;}
.content .content-overlay {background: rgb(225 31 39 / 62%); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.content:hover .content-overlay{opacity: 1;}
.content-image{width: 100%;}
.content-details {position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.content:hover .content-details{top: 50%; left: 50%; opacity: 1;}
.content-details h3{color: #fff; margin-bottom: 0; line-height: 34px;}
.content-details p{color: #fff; font-size: 15px;}
/* .content-details a{color: #fff; font-size: 15px; text-decoration: underline;} */
.fadeIn-bottom{top: 80%;}

.whybox-dets{display: block; top: 0px; position: relative; border: 1px solid #ffffff; background: rgb(255,63,25);
background: linear-gradient(168deg, rgba(255,63,25,1) 0%, rgba(236,0,0,1) 100%);  padding: 30px; margin-bottom: 15px; text-decoration: none; z-index: 0; overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.whybox-dets:hover {transition: all 0.2s ease-out; background: rgb(186,31,0);
background: linear-gradient(140deg, rgba(186,31,0,1) 0%, rgba(236,0,0,1) 100%); -webkit-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); -moz-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); top: -4px;}
.whybox-dets h3{color: #ffffff; padding-bottom: 15px;}
.whybox-dets p{color: #ffffff;}


/* - - product slider homepageAdditional Styles (required) - - */
.product-listing{width: 100%; height: auto; float: left; padding-bottom: 100px;}
#cCarousel {position: relative; max-width: 100%; margin: auto;}
#cCarousel .arrow {position: absolute; top: 50%; display: flex; width: 45px; height: 45px; justify-content: center; align-items: center; border-radius: 50%; z-index: 1; font-size: 26px; color: white; background: rgb(225 31 39); cursor: pointer;}
#cCarousel #prev {left: 0px;}
#cCarousel #next {right: 0px;}
#carousel-vp {width: 100%; height: 430px; display: flex; align-items: center; position: relative; overflow: hidden; margin: auto;}
@media (max-width: 770px) {
  #carousel-vp {width: 510px;}
}
@media (max-width: 510px) {
  #carousel-vp {width: 250px;}
}
#cCarousel #cCarousel-inner {display: flex; position: absolute; transition: 0.3s ease-in-out; gap: 10px; left: 0px;}
.cCarousel-item {width: 265px; height: auto; border: 1px solid #dddddd; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column;}
.cCarousel-item img {width: 100%; object-fit: cover; min-height: 246px; color: #000000;}
.cCarousel-item .infos {height: 100%; padding: 15px; display: flex; flex-direction: column; /* align-items: center; */ justify-content: space-around; background: white; color: black;}
.cCarousel-item .infos h6{font-size: 18px; text-transform: none; padding-bottom: 10px;}
.cCarousel-item .infos p{color: #666666; line-height: 18px; padding-bottom: 15px;}
.cCarousel-item .infos button {width:120px; float: left; padding: 15px 0; background: #000000; color: #ffffff; font-family: 'PT Sans', sans-serif; -webkit-font-smoothing:auto; font-size: 15px; line-height: normal; -webkit-border-radius:6px; moz-border-radius: 6px; border-radius:6px; border: 0px; text-align:center; display:block;}
.cCarousel-item .infos button:hover{text-decoration: none; background: #E01F26; color: #ffffff;}

.hilight-box{width: 100%; height: auto; float: left; padding: 30px; margin:0px 0 0 0;}
.intro-box{padding:30px; border-right: 1px solid #ddddea;}
.intro-box h2{text-align: right; margin: 0 0 15px 0;}
.intro-box p{text-align: right;}
.intro-icon{padding:20px 10px 0px 10px;}
.intro-icon img{width: 66px; margin: 0px; padding: 0 0 10px 0; float: left;}
.intro-icon h6{width: 100%; float: left;}
.intro-icon h5{width: 100%; float: left;}
.intro-icon p{width: 100%; float: left;}
/* flipcards section */
.flipcards-box{width:100%; height: auto; margin:30px 0 0 0px; padding: 0px; float: left;}
.cards {display: flex; justify-content: space-evenly;}
.card { width: 25%; position: relative; height: 250px; perspective: 150em;}
.card-side { position: absolute; top: 0; left: 0; width: 100%; height: 250px; backface-visibility: hidden; transition: all .6s ease;}
.card-side-front { background-color: #FFF;}
.front-1{background: url("../images/card-one.jpg") no-repeat;}
.front-2{background: url("../images/card-two.jpg") no-repeat;}
.front-3{background: url("../images/card-three.jpg") no-repeat;}
.front-4{background: url("../images/card-four.jpg") no-repeat;}
.card-side-back { color: #FFF; transform: rotateY(180deg);}
.card-side-back-1 { background: #ff3a30;}
.card-side-back-2 { background:#ff3a30;}
.card-side-back-3 { background: #ff3a30;}
.card-side-back-4 { background:#ff3a30;}
.card:hover .card-side-front { transform: rotateY(-180deg);}
.card:hover .card-side-back { transform: rotate(0);}
.card-description{padding: 30px;}
.card-description h5 {color: #ffffff; margin: 130px 0 0 0;}
.card-description p {color: #ffffff; } /*flip css ends here*/
.whatmakes_sec{width: 100%; height: auto; float: left;}
.whatmakes{padding: 0 15px 50px 0;}
.whatmakes h2{padding: 0 0 20px 0;}
.whatmakes h6{padding: 0 0px 30px 0; font-size: 20px; line-height: 34px; color: #666666;}
.whatmakes-details{margin: 0 0 50px 0; padding: 0 90px 0 0;}
.whatmakes-details img{padding: 0px 0 50px 0;}
.whatmakes-details h3{padding: 0px 0 30px 0;}

.product-listing-sec{width: 100%; height: auto; float: left;}
.product_heading{border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; margin-bottom: 30px; float: left;}
.product_heading h6{width: auto; float: left; }
.product_heading span{width: auto; float: right; }
.product_heading span a:hover{color: #000000;}

.our-expertise{padding: 30px; float: left; background: #f6f6f6; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.our-expertise h2{padding-bottom: 20px;}
.our-expertise p{padding-bottom: 20px;}
.our-expertise h3{padding-bottom: 20px;}
.our-expertise ul{width: 100%; float: left;}
.our-expertise ul li{width: 100%; float: left; list-style: circle; margin-bottom: 10px; border-bottom: 1px solid #dddddd; text-transform: none; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: normal;}
.why_choose_sec{width: 100%; height: auto; float: left;}