.fs-18 {
font-size: 18px;
}
.event_set_width {
width: 30% !important;
}
.eve_fix_width {
width: 70% !important;
}
.about_bussnes_icone {
display: flex;
}
.comparison-item img {
width: 200px !important;
height: 100px !important;
object-fit: cover;
}
/*************************cid form css*************************/
.quizzes1 {
display: flex !important;
}
.quizzes_answer {
padding: 5px 60px 5px 0px !important;
}
.slope_Drawing h5 {
color: #000000;
font-size: 20px;
border-bottom: 1px solid #f7e43391;
line-height: 40px;
/* font-weight: 600; */
}
.select_answer {
font-size: 13px;
font-weight: 600;
color: #615f5f;
margin-left: 5px;
}
.question_answer_list {
position: relative;
z-index: 1;
display: block;
padding: 4px 0px;
}
.add_btn {
float: right !important;
position: fixed !important;
top: 499px !important;
bottom: 10px !important;
right: 91px !important;
}
/************************End*cid form css*************************/
/********************indestri gallery*************/
.radiocard {
width: 100%;
}
.single-service {
box-shadow: 0 0 10px 0 rgb(227 227 227 / 73%);
padding: 40px 40px 25px;
height: 180px;
width: 100% !important;
margin-bottom: 25px;
background: #fff;
border-radius: 2px;
cursor: pointer;
margin-top: 34%;
}
.select_answer {
font-size: 13px;
font-weight: 600;
color: #615f5f;
margin-left: 5px;
}
.gallery_slider {
position: relative;
width: 100%;
overflow: hidden;
margin: auto;
border: 5px solid #dfdfdf;
border-radius: 3px !important;
}
.gallery_btn {
left: 0px !important;
right: 40px;
}
/***************End*****indestri gallery*************/
.form-control_empty {
display: unset;
height: 30px;
font-size: 0.875rem;
margin: 0px 0px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #f9f9f9;
background-clip: padding-box;
border-radius: 3px !important;
border: 1px solid #d7d7d7;
border-radius: 0;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.empty_question {
display: flex;
align-items: center;
}
.empty_question span {
/* width: 60%; */
/* width: 30%; */
width: 35%;
}
.question_answer_list {
position: relative;
z-index: 1;
display: block;
padding: 4px 0px;
}
/**********************************start categories_scroll*******************************/
.categories_scroll {
overflow-x: auto;
display: flex;
flex-wrap: inherit;
margin: auto;
}
.categories_scroll::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #F1F1F1;
}
.categories_scroll::-webkit-scrollbar-thumb {
border-radius: 20px;
background-color: #ffee5f;
}
.categories_scroll::-webkit-scrollbar-thumb:horizontal {
border-top: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
}
.categories_scroll::-webkit-scrollbar-thumb:vertical {
border-left: 1px solid #F1F1F1;
border-right: 1px solid #F1F1F1;
}
.categories_scroll::-webkit-scrollbar-track {
background-color: #F1F1F1;
}
/* Buttons */
.categories_scroll::-webkit-scrollbar-button {
background-color: #F1F1F1;
background-repeat: no-repeat;
background-size: 7px;
background-position: center;
height: 17px;
width: 17px;
}
.categories_scroll::-webkit-scrollbar-button:vertical:decrement:hover {
border-color: transparent transparent #505050 transparent;
}
/* Left
.mobile_res::-webkit-scrollbar-button:horizontal:decrement
{
background-image: url("data:image/svg+xml;utf8,");
}*/
.categories_scroll::-webkit-scrollbar-button:horizontal:decrement:hover {
border-color: transparent #505050 transparent transparent;
}
/* Right
.mobile_res::-webkit-scrollbar-button:horizontal:increment
{
background-image: url("data:image/svg+xml;utf8,");
}
*/
.categories_scroll::-webkit-scrollbar-button:horizontal:increment:hover {
border-color: transparent transparent transparent #505050;
}
.categories_scroll::-webkit-scrollbar-button:start:increment {
height: 20px;
width: 20px;
display: block;
background-repeat: no-repeat;
display: none;
}
.categories_scroll::-webkit-scrollbar-button:end:decrement {
height: 20px;
width: 20px;
display: block;
background-repeat: no-repeat;
display: none;
}
.categories_scroll::-webkit-scrollbar-button:horizontal:increment {
background-image: url("data:image/svg+xml;utf8,");
}
.categories_scroll::-webkit-scrollbar-button:horizontal:decrement {
background-image: url("data:image/svg+xml;utf8,");
}
/**********************************End categories_scroll*******************************/
.custom_view_content {
padding: 10px !important;
}
.ul_wrap {
padding: 18px !important;
}
.related_product {
background: #fff;
padding: 35px 0px 30px !important;
}
.casestudyinner__info-top h4 {
margin: 2px 0px !important;
}
.space_event_gallery {
padding: 5px;
}
.form_header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #000000 !important;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #000 !important;
}
.form_footer {
display: flex;
flex-wrap: wrap;
align-items: center;
/* justify-content: flex-end; */
justify-content: center;
padding: 4px 0.75rem !important;
border-top: 1px solid #000000 !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #000 !important;
}
.form_model_content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: none;
border-radius: 0px !important;
outline: 0;
}
.modital_tatile_bar {
margin-bottom: 0;
line-height: 1.5;
font-size: 18px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #fff;
}
.close_btn {
font-size: 1.3125rem;
font-weight: 600;
line-height: 1;
color: #fff !important;
text-shadow: 0 1px 0 #fff;
opacity: 4.5 !important;
}
.fix-event_img img {
width: 198px;
height: 100px;
}
.event_icone_center1 {
padding: 0px 10px;
}
.dnoned2 {
display: block;
}
.dnoned1 {
display: none;
}
.dnonesubmenu {
display: none !important;
}
.iconchnagedata {
font-size: 8px !important;
}
.mobile_menu_border {
border: 0px !important;
}
.top_bar {
width: 100%;
height: 35px;
background: #ffeb3bcf;
border-top: solid 2px black;
z-index: 2;
}
.top_bar_contact_item {
font-size: 14px;
font-weight: 300;
line-height: 40px;
margin-right: 30px;
color: #000;
margin-top: -4px
}
.top_bar_contact_item a {
font-size: 14px;
font-weight: 300;
line-height: 40px;
}
.top_bar_contact_item a:hover {
color: #8a8a8a
}
.top_bar_icon {
display: inline-block;
margin-right: 8px;
}
.top_bar_menu {
display: inline-block
}
.top_bar_dropdown li {
padding-left: 13px;
padding-right: 13px
}
.standard_dropdown li {
display: inline-block;
position: relative;
height: 56px
}
.standard_dropdown li li {
display: block;
width: 100%
}
.standard_dropdown li li a {
display: block;
width: 100%;
border-bottom: solid 1px #f2f2f2;
font-size: 16px
}
.standard_dropdown li.hassubs>a i {
display: inline-block;
margin-left: 5px
}
.standard_dropdown li a {
display: block;
position: relative;
font-size: 16px;
font-weight: 300;
color: #000000;
line-height: 56px;
white-space: nowrap;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease
}
.standard_dropdown li a:hover {
color: #0e8ce4
}
.standard_dropdown li a i {
display: none;
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
font-size: 12px
}
.menu_logo {
width: 180px;
}
.standard_dropdown li ul {
display: block;
position: absolute;
top: 120%;
left: 0;
width: auto;
visibility: hidden;
opacity: 0;
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
z-index: 1
}
.standard_dropdown li:hover>ul {
top: 100%;
visibility: visible;
opacity: 1
}
.standard_dropdown ul ul {
left: 100%;
top: 0 !important
}
.top_bar_user {
display: inline-block;
/* margin-left: 35px*/
float: right;
margin-top: -4px;
}
.user_icon {
display: inline-block;
margin-right: 7px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
width: 15px
}
.user_icon img {
width: 100%
}
.top_bar_user div {
display: inline-block
}
.top_bar_user div:nth-child(2) {
margin-right: 21px
}
.top_bar_user a {
font-size: 14px;
font-weight: 300;
line-height: 40px;
color: #000;
padding: 0px 6px;
}
.coll_hedder_inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.top_bar_user a:hover {
color: #8a8a8a
}
.socials_header li {
display: inline-block
}
.s {
position: relative;
}
/*
.search_header {
position: absolute;
width: 100%;
top:470px;
}
*/
.search_header {
position: absolute;
width: 100%;
/* top: 485px; */
transform: translateY(-50%);
z-index: 1;
}
.search_center {
margin: auto;
}
.search {
position: relative;
box-shadow: 0 0.14286rem 0.28571rem 0 rgb(22 23 24 / 16%);
}
.search input {
height: 52px;
text-indent: 25px;
border: 1px solid #d9d9d9;
border-radius: 1px;
background: white;
}
.search .fa-search {
position: absolute;
top: 8px;
left: 10px;
padding: 10px;
}
.form-control:focus {
z-index: 0 !important;
background: #ffff;
box-shadow: none;
border: 1px solid #e5e5e5;
}
.search button {
position: absolute;
top: 3px;
right: 5px;
font-family: "Poppins", sans-serif;
border-radius: 3px;
height: 45px;
font-weight: 600;
color: #242424;
width: 135px;
font-size: 14px;
background: #f7e433;
}
.card-title {
font-size: 17px;
font-family: "Poppins", sans-serif;
font-weight: 500;
}
.industry_services {
font-size: 14px;
color: #72777e;
}
.card-industry {
flex: 1 1 auto;
min-height: 1px;
padding: 0px 0px 10px;
}
.blog-title {
color: #fff;
}
.blog-text {
color: #fff;
}
.icone_box {
width: 70px;
height: 70px;
margin-top: -39px;
line-height: 64px;
}
.kampyle_button-text {
height: 35px;
min-height: 35px !important;
max-height: 35px !important;
width: 125px !important;
min-width: 125px !important;
max-width: 125px !important;
background: #f7e433;
color: #000;
border-radius: 3px;
transform: rotate(270deg);
top: 373px;
position: fixed;
z-index: 9999;
right: -46px;
}
.kampyle_button-text {
font-size: 14px;
line-height: 35px;
text-align: center;
font-weight: normal !important;
}
.pro-detail p {
text-align: justify;
line-height: 25px;
}
.why_us {
padding: 45px 0px 55px;
}
/****************************testmonial *******slider****************/
/*
.carousel {
margin: 50px auto;
}*/
.carousel .carousel-item {
color: #999;
overflow: hidden;
min-height: 120px;
font-size: 13px;
}
.carousel .media {
position: relative;
padding: 0 0 10px 50px;
margin-left: 20px;
}
.carousel .media img {
width: 80px;
height: 80px;
display: block;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
border: 2px solid #504c4c;
}
.pro-heading-title h2 {
padding-top: 18px;
}
.tabs-content .pro-heading-title h2 {
padding-top: 0
}
.carousel .testimonial {
color: #000;
position: relative;
padding: 35px;
margin: 0 0 20px 20px;
}
/*.carousel .testimonial::before, .carousel .testimonial::after {
content: "";
display: inline-block;
position: absolute;
left: 0;
bottom: -20px;
}*/
/*.carousel .testimonial::before {
width: 20px;
height: 20px;
background: #9b9b9b;
box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}*/
/*.carousel .testimonial::after {
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: #fff;
border-left-color: #fff;
}*/
.carousel .carousel-item .row>div:first-child .media {
margin-left: 0;
align-items: center;
}
.carousel .testimonial p {
line-height: 21px;
margin: 0;
font-size: 17px;
color: #fff;
text-align: center;
}
.carousel .testimonial p::before {
content: "\201D";
font-family: Arial, sans-serif;
color: #ffeb3bcf;
font-weight: bold;
font-size: 68px;
line-height: 70px;
position: absolute;
left: -17px;
top: 0px;
transform: rotateY(180deg);
}
.carousel .testimonial p::after {
content: "\201D";
font-family: Arial, sans-serif;
color: #ffeb3bcf;
font-weight: bold;
font-size: 68px;
line-height: 70px;
position: absolute;
right: 17px;
/*top: 70px;*/
/* right: -300px; */
transform: rotateY(2deg);
}
.carousel .overview {
padding: 3px 0 0 15px;
}
.carousel .overview .details {
padding: 5px 0 8px;
}
.carousel .overview b {
text-transform: uppercase;
color: #fff;
letter-spacing: .5px;
}
.carousel-control-prev,
.carousel-control-next {
width: 30px;
height: 30px;
background: #000;
text-shadow: none;
top: -50px;
}
.carousel-control-prev i,
.carousel-control-next i {
font-size: 16px;
}
.carousel-control-prev {
left: auto;
right: 40px;
}
.carousel-control-next {
left: auto;
}
.carousel-indicators {
bottom: -27px;
}
.carousel-indicators li {
background: #fff;
border: 1px solid #fff;
}
.carousel-indicators li.active {
color: #fff;
background: #fff;
border: 1px double;
}
.star-rating li {
padding: 0 0px;
}
.star-rating i {
font-size: 14px;
color: #ffdc12;
}
.fa-3x {
font-size: 3em;
line-height: 85px;
}
.newslater-media {
padding: 50px 0px 50px;
background: #fbfbfb;
}
.chat {
position: absolute;
font-size: 100px;
right: 60px;
top: 31px;
color: #fbfbfb;
}
/****************************testmonial *******slider****************/
/*********** enquery now!**********************************/
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
padding: 20px 35px 20px;
}
.enquery_header h4 {
font-size: 20px;
font-weight: 600;
line-height: 12px;
margin-top: 1px;
padding-left: 16px;
}
/*Right*/
.modal.right.fade .modal-dialog {
right: 0px !important;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
right: 0;
}
/*********** enquery now!**********************************/
.drop_section {
background: #ffffff;
width: 870px;
margin: auto;
z-index: 1;
position: absolute;
top: 50px;
/* bottom: -305px; */
padding: 0px 0px 20px 0px;
right: 0px;
left: 0;
border: 1px solid #9e9e9e73;
box-shadow: 0 0.14286rem 0.28571rem 0 rgb(22 23 24 / 16%);
}
.Browse_Category_hedding h6 {
text-align: center;
font-size: 15px;
letter-spacing: 0.4px;
text-decoration: underline;
}
.Browse_Category_hedding {
padding: 5px 0px 0px;
}
.section1 {
padding: 27px 0px 30px 0px;
background: #ffeb3b;
}
.industry_section {
background: #f4f4f4;
padding-top: 50px;
}
.textmonial_section {
padding: 45px 0px 55px;
background: #fafafa;
}
.product_list {
padding: 40px 0px 60px;
}
.product_listing_hedding {
padding: 0px 0px 25px;
}
.mtandt_product_listing img {
width: 95% !important;
border: 1px solid #9595926e;
padding: 2px;
border-radius: 5px;
}
.product-list {
background: #fbfbfb;
transition: 0.5s;
}
.product-list:hover {
background: #ffff;
box-shadow: 0 0.14286rem 0.28571rem 0 rgb(22 23 24 / 16%);
}
.product_list_btn {
display: inline-block;
font-weight: 600;
color: #242424;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: #f7e433;
border: 1px solid transparent;
padding: 9px 20px;
font-size: 14px;
line-height: 1.7;
border-radius: 3px !important;
letter-spacing: 0.5px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.product_list_btn:hover {
color: #fff;
background: #000;
}
.mtandt_singleproduct {
padding-top: 5px;
}
.custom_content {
padding-top: 46px;
}
.mtandt_singleproduct p {
text-align: justify;
line-height: 23px;
}
.single_product_list {
padding: 0px 21px;
}
.single_product_list li {
margin: 4px 0px;
}
.mtandt_tabing {
padding: 0px 0px 20px;
}
.slide_product_list:hover {
/* box-shadow: 0px 0rem 0rem 0px rgb(255 230 28);
transition: 0.5s;*/
/*box-shadow: -6px 0.4rem 0rem 0px rgb(255 235 59);*/
transition: 0.5s;
opacity: 1;
/* background: linear-gradient(
1deg
, #ffffff 15%,#ffe61c9e 100%);*/
}
.sub-category:hover {
/*box-shadow: -6px 0.4rem 0rem 0px rgb(255 235 59);*/
transition: 0.5s;
opacity: 1;
/*background: linear-gradient(
1deg
, #ffffff 15%,#ffe61c9e 100%);*/
}
.slide_product_list {
background: #f7f7f612;
}
.sub-category {
background: #ffff;
}
/*
.slick-list.draggable {
height: 376px !important;
}
*/
.mtandt_category_slider {
background: #fff;
padding: 0px 0px 30px;
}
.tab_section {
padding: 50px 0px 0px;
}
.job_product_hedding {
padding: 10px 10px 10px;
text-align: center;
background: #fff;
}
.Subscribe {
border-radius: 2px;
}
.Subscribe_btn:hover {
background: #e7e7e7;
color: black;
}
.toolbox-info {
padding: 0px 0px;
font-size: 14px;
}
.learn-more {
/*position: relative;*/
/*display: inline-block;*/
/* cursor: pointer;*/
/* outline: none;*/
/* top: 31px;*/
/*border: 0;*/
/* right: -18px;*/
/*vertical-align: middle;*/
/*text-decoration: none;*/
/*background: transparent;*/
/*padding: 0;*/
/*font-size: inherit;*/
/* font-family: inherit;*/
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
top: 31px;
border: 0;
right: -113px;
vertical-align: middle;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
}
.learn-more {
width: 12rem;
height: auto;
}
.circle {
position: relative;
display: block;
margin: 0;
width: 40px;
height: 40px;
background: #ffeb3b;
border: 2px solid #ffeb3b;
border-radius: 1.625rem;
transition: 0.8s;
}
.icon {
/*position: absolute;*/
/*top: 0;*/
/*bottom: 0;*/
/*margin: auto;*/
position: absolute;
top: 10px;
bottom: 0;
right: 29px;
margin: auto;
}
.arrow {
left: 6px;
width: 0.125rem;
height: 0.125rem;
background: none;
z-index: 3333;
}
.arrow::before {
position: absolute;
content: '';
top: -3px;
right: 0.0625rem;
width: 9px;
height: 9px;
border-top: 0.125rem solid #656464;
border-right: 0.125rem solid #656464;
transform: rotate(45deg);
}
.button-text {
position: absolute;
top: 0;
/* left:-20px;*/
left: -220px;
right: 0;
bottom: 0;
padding: 8px 0;
margin: 0 0 0 1.85rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
z-index: 333;
}
.circle {
width: 22%;
transform: translateX(-50%);
}
.circle:hover {
width: 100%;
}
.icon {
/* background: white; */
transform: translate(1rem, 0);
}
.button-text {
color: #000;
display: none;
}
.circle:hover+.button-text {
display: block;
}
.product_hover_btn {
margin-top: -20px;
}
.mtandt_product_hover_border {
display: inline-block;
position: relative;
border: none;
cursor: pointer;
margin-top: 8px;
box-shadow: 0 0.1428571429rem 0.5714285714rem 0.0714285714rem rgb(22 23 24 / 16%);
}
.mtandt_product_hover_border::before,
.mtandt_product_hover_border::after {
content: "";
width: 0;
height: 2px;
position: absolute;
transition: all 0.2s linear;
background: #ffeb3b82;
}
.main::before,
.main::after {
content: "";
width: 2px;
height: 0;
position: absolute;
transition: all 0.2s linear;
background: #ffeb3b82;
}
.mtandt_product_hover_border:hover::before,
.mtandt_product_hover_border:hover::after {
width: 100%;
}
.mtandt_product_hover_border:hover .main::before,
.mtandt_product_hover_border:hover .main::after {
height: 100%;
}
/*----- button 4 -----*/
.mtandt_product_hover_border::after {
right: 0;
bottom: 0;
transition-duration: 0.4s;
}
.mtandt_product_hover_border .main::after {
right: 0;
bottom: 0;
transition-duration: 0.4s;
}
.mtandt_product_hover_border::before {
left: 0;
top: 0;
transition-duration: 0.4s;
}
.mtandt_product_hover_border .main::before {
left: 0;
top: 0;
transition-duration: 0.4s;
}
.job_product {
box-shadow: 0 0.14286rem 0.28571rem 0 rgb(22 23 24 / 16%);
background: #fff;
opacity: 0.9;
transition: 0.5s;
}
.job_product:hover {
opacity: 1;
}
.job_product .job_hedding_title {
padding: 10px;
}
.footer-details h2 {
margin-top: 2px;
font-size: 28px;
color: #000;
/* background-color: black;
padding: 5px 9px 5px 8px;*/
border-radius: 15px;
}
.call_img img {
height: 70px;
}
.buttonsub {
border-radius: 4px;
background-color: #ffe61c;
border: none;
color: #343232;
font-size: 17px;
padding: 5px;
width: 140px;
font-weight: 600;
transition: all 0.5s;
}
.buttonsub span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.buttonsub span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.buttonsub:hover span {
padding-right: 25px;
}
.buttonsub:hover span:after {
opacity: 1;
right: 0;
}
p.subcategorypara {
font-size: 14px;
color: #464646;
padding: 16px 10px 0px 10px;
}
p.detail {
color: #4C4C4C;
font-weight: bold;
font-family: Calibri;
font-size: 23px;
text-align: right;
}
span.name {
color: #000000;
font-weight: bold;
font-family: Tahoma;
font-size: 25px;
}
.why_slider {
width: 100%;
}
.slider_list_tabing {
list-style: none;
}
.slider_list_tabing li {
padding: 10px 0px;
padding: 10px 0px;
border-bottom: 1px solid #f5f7fb;
cursor: pointer;
}
.float {
position: fixed;
width: 50px;
height: 50px;
bottom: 90px;
right: 25px;
background: rgb(15 143 7);
color: #000;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.my-float {
margin-top: 16px;
}
.fa-3x {
font-size: 3em;
color: #514c4c;
}
.services_navigatore {
padding: 0px 0px 30px;
text-align: center;
width: 65%;
margin: auto;
line-height: 25px;
}
.services_navigatore h2 {
color: #fff;
}
.services_navigatore p {
color: #fff;
}
.textmonial_section h2 {
color: #fff;
}
.fb-page .fb_iframe_widget {
text-align: center !important;
}
.blog_div {
padding: 0px;
}
.facebook_div {
padding: 0px;
}
.compaire_check_div {
border-bottom: 2px solid #0000000f;
/* margin-bottom: 12px; */
padding-bottom: 0.6rem;
margin-bottom: 1rem;
/* width: 75%; */
}
.tab_section h2 {
color: #545454;
font-family: "Poppins-normal", sans-serif;
font-size: 26px;
}
.tab_section h2,
.our-clients-wrapper .pro-heading-title h2,
.service-navigator .pro-heading-title h2,
.our-brandss-wrapper .pro-heading-title h2,
.whyusc .pro-heading-title h2,
.service-navigator .pro-heading-title h2,
.mtnadt_about .pro-heading-title h2,
.groupprinciple_aboutmt .pro-heading-title h2,
.powering-progress-wrapper .pro-heading-title h2,
.strategic-wrapper .pro-heading-title h2,
.heading .pro-heading-title h2{
border-left: 3px solid#545454;
padding-left: 0.6rem;
padding-top: 0;
color: #545454;
}
.strategic-wrapper .owl-carousel .owl-item img {
width: 80px
}
#slick-slide-control31,
#slick-slide-control30 {
display: none !important;
}
.textmonial_section {
color: #000;
}
.new-footer3 {
background-color: #ffeb3bcf !important;
height: 50px;
/* margin-top:3rem; */
}
.box-shadow.rounded-circle.mx-auto.text-center:hover {
background: #fff !important;
border: 2px solid #ffeb3b !important;
}
/*
.fa-3x:hover {
font-size: 3em;
color: #ffffff;
}*/
.footer_useful_link {
padding-left: 40px;
}
/* Customize focus-visible for keyboard */
*:focus-visible {
border-radius: 4px;
animation-name: showFocus;
animation-duration: 0.32s;
animation-fill-mode: forwards;
}
/* Remove outline for non-keyboard :focus */
*:focus {
outline: none;
}
/* Styling - Accordion */
details {
margin-bottom: 12px;
border-radius: 15px;
background-color: #ededea59;
}
summary {
position: relative;
padding: 24px 24px 24px 56px;
font-weight: 600;
cursor: pointer;
list-style-type: none;
&::-webkit-details-marker {
display: none;
}
}
/* Content in Accordion fades in */
details[open]>div {
opacity: 0;
animation-name: showContent;
animation-duration: 0.6s;
animation-delay: 0.16s;
animation-fill-mode: forwards;
padding: 6px 57px 1px 57px;
}
/* Arrow for Accordion */
details summary:after {
content: '';
position: absolute;
margin-top: 2px;
left: 24px;
width: 8px;
height: 8px;
border: solid;
border-color: acc-arrow-color;
border-width: 0 2px 2px 0;
animation-name: flipArrowDown;
animation-duration: 0.32s;
animation-fill-mode: forwards;
}
details[open] summary:after {
margin-top: 6px;
animation-name: flipArrowUp;
animation-duration: 0.24s;
animation-fill-mode: forwards;
}
/* Animation for Focus */
@keyframes showFocus {
from {
box-shadow: none;
}
to {
box-shadow: 0 0 0 2px acc-focus-color;
}
}
/* Animation for Content */
@keyframes showContent {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Animation for Arrow */
@keyframes flipArrowUp {
100% {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
}
@keyframes flipArrowDown {
100% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.fg-services .fg-title {
margin-bottom: 45px;
text-align: center;
}
.fg-services .fg-title h2 {
font-weight: 700;
color: #000;
line-height: 46px;
margin-bottom: 20px;
}
details {
border: 1px solid #efeaea;
}
/*FAQ END*/
:root {
--box-height: 40px;
--border-radius: 5px;
--space-between: 20px;
--font-size: 16px;
--color-0: #ffffff;
--color-1: #dcdcdd;
--color-2: #c5c3c6;
--color-3: #212529;
--color-4: #659b5e;
--color-5: #ce4257;
}
#survey-container {
margin: 0px auto;
padding: 30px 20px;
width: 100%;
max-width: 840px;
border-radius: calc(3 * var(--border-radius));
padding: 48px 30px 48px 30px;
}
#title {
margin: 0px 0 !important;
text-align: center;
/* font-family: "Kumbh Sans", sans-serif; */
font-size: 35px;
text-transform: capitalize;
color: var(--color-3);
font-weight: 600;
}
#subdescription {
margin: 14px 0;
padding: 5px;
text-align: center;
font-size: 22px;
color: var(--color-3);
}
#subdescription2 {
text-align: center;
font-size: 22px;
color: var(--color-3);
}
#survey-form {
padding: 30px;
padding-top: 20px;
background: var(--color-1);
opacity: 98%;
border: none;
border-radius: calc(2 * var(--border-radius));
box-shadow: 0 0.1428571429rem 0.5714285714rem 0.0714285714rem rgb(22 23 24 / 16%);
}
#survey-form * {
font-size: var(--font-size);
}
.row-label,
.row-input {
/*padding: 5px 10px;*/
margin: 0;
height: var(--box-height);
width: 100%;
display: block;
}
.row-label {
color: var(--color-3);
font-weight: 600;
}
.row-label:not(:first-child) {
margin-top: var(--space-between);
}
.row-input:not(.small) {
background: white;
border: none;
border-radius: var(--border-radius);
}
.inline-label {
margin-left: 10px;
font-size: 14px;
color: var(--color-3);
}
.small {
height: calc(var(--box-height) * 0.75);
}
#comments {
padding: 10px;
margin: 0;
height: 120px;
width: 100%;
background: white;
border: none;
border-radius: var(--border-radius);
resize: none;
}
#submit {
margin-top: calc(1 * var(--space-between));
height: var(--box-height);
width: 25%;
background: #ffeb3b;
border: none;
border-radius: var(--border-radius);
color: #000;
font-weight: 600;
cursor: pointer;
text-transform: capitalize;
}
#submit:hover {
box-shadow: 0 0 2px var(--color-3);
}
.fullwidth {
/* background-image: url("https://websappstechnologies.com/proof/mtandt/public/forntend/images/page/careerform.jpg");*/
background-attachment: fixed;
background-position: center;
}
/*Sub category FAQ Start*/
.accordion {
width: 100%;
border: 1px solid #dfdfdf4d;
padding: 1.2rem 0px;
border-radius: 1rem;
background: white;
/* box-shadow: 0 0 5rem lightgrey !important; */
margin-top: 2rem;
/*margin-left: 13px;*/
}
.accordion__heading {
margin-bottom: 1rem;
padding: 0 1.4rem;
}
.accordion__item:not(:last-child) {
border-bottom: 1px solid lightgrey;
}
.accordion__btn {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1.2rem 1.4rem;
background: white;
border: none;
outline: none;
color: var(--color-text);
font-size: 1rem;
text-align: left;
cursor: pointer;
transition: 0.1s;
}
.accordion__btn:hover {
color: #000;
background: hsl(248, 53%, 97%);
}
.accordion__item--active .accordion__btn {
color: #000;
/* border-bottom: 2px solid #ffeb3b;*/
background: hsl(248, 53%, 97%);
}
/*
.fa-lightbulb {
padding-right: 1rem;
}*/
.accordion__icon {
border-radius: 50%;
transform: rotate(0deg);
transition: 0.3s ease-in-out;
opacity: 0.9;
}
.accordion__item--active .accordion__icon {
transform: rotate(135deg);
}
.accordion__content {
font-weight: 300;
max-height: 0;
opacity: 0;
overflow: hidden;
color: var(--color-text-muted);
transform: translateX(16px);
transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;
}
.accordion__content p {
padding: 1rem 1.8rem;
}
.accordion__item--active .accordion__content {
opacity: 1;
transform: translateX(0px);
max-height: 100vh;
}
/*Sub category FAQ End*/
.whyusc {
width: 100%;
height: 100%;
/* padding: 0px 8%; */
}
.whyusc h2 {
margin-bottom: 28px;
font-weight: 600;
position: relative;
}
.wus {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-gap: 30px;
}
.whyusservice {
text-align: center;
padding: 25px 10px;
border-radius: 5px;
font-size: 14px;
background: transparent;
border: 1px solid #F8EA0D;
}
.whyusservice i {
font-size: 40px;
margin-bottom: 10px;
color: #fee800;
}
.whyusservice h2 {
font-weight: 600;
margin-bottom: 8px;
}
.whyusservice h5 {
color: #272727;
font-size: 16px;
font-weight: 600;
line-height: 2;
transition: 0.5s;
}
.whyusservice p {
color: #747474;
font-size: 14px;
font-weight: 400;
}
.whyusservice:hover , .border-box:hover{
/* background: #ffeb3b; */
/* color: #544f4f; */
/* transform: scale(1); */
border: none;
border-radius: 10px;
background: #FFF;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}
.whyusservice:hover h5{
color: #000;
font-size: 18px;
}
.border-box:hover h5{
color: #ffeb3b;
font-size: 20px;
font-weight: 600;
}
.border-box:hover p{
color: #000;
}
/* .whyusservice:hover i {
color: #fff;
} */
.mtandt_blog {
padding: 10px 5px 13px;
}
.backtotopbutton {
background: #e3e2e2;
height: 51px;
width: 55px;
position: absolute;
right: 48%;
text-align: center;
font-size: 40px;
/* box-shadow: 0 0.042857rem 0.971429rem 0.0714285714rem rgb(255 229 0);*/
border-radius: 26px 26px 0px 0px;
line-height: 43px;
/* border: 2px solid #ffef60; */
margin-top: -101px;
color: #000 !important;
}
.blog_hedding h3 {
font-size: 17px;
font-weight: 600;
color: #212529;
}
.blog-home5 {
padding: 55px 0px 55px;
background-color: #fafafa;
}
.mtandt_blog_box {
border: 10px solid #f1efef;
padding: 5px;
height: 470px;
}
.news_event_align {
display: flex;
}
.blog_hedding {
padding-top: 7px;
}
.mtnadt_about {
background-color: #f9f9f9;
text-align: center;
padding: 50px 0px 50px;
}
.mtnadt_about b {
font-size: 17px;
}
.mtnadt_about p {
font-size: 15px;
color: #545454;
}
.about_WhoWeAre {
background-color: #f1f1f1;
padding: 40px 0px 40px;
}
.aboutusp {
text-align: center;
margin-top: 6px;
color: #000;
font-size: 24px;
padding: 0px 0px 15px;
}
.groupprinciple_aboutmt {
background-color: #fff;
padding: 40px 0px 40px;
}
.mtnadt_management {
padding: 40px 0px 40px;
}
.healthandsafety_mtandt {
padding: 40px 0px 40px;
}
.brands_mtandt_about {
padding: 40px 0px 40px;
background-color: #535353;
}
.awards_mtandt_about {
padding: 40px 0px 40px;
background: #f1f1f1;
}
.w3-headingc {
color: #000;
}
.Group_Principles p {
color: #000;
text-align: center;
}
.mtandt_inner {
text-align: center;
}
.historymile_mtandt_about {
background: #535353;
padding: 40px 0px 40px;
}
/* The actual timeline (the vertical ruler) */
.timeline {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
/*
.scrollbar{
overflow-y: scroll;
height: 360px;
}*/
#style-7::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
#style-7::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
border-radius: 10px;
}
#style-7::-webkit-scrollbar-thumb {
border-radius: 10px;
background: linear-gradient(to right, #ffe259, #ffa751);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/* The actual timeline (the vertical ruler) */
.timeline::after {
content: '';
position: absolute;
width: 5px;
/* background-color: #bfa8a8; */
top: 0;
background: linear-gradient(to right, #ffe259, #ffa751);
bottom: 0;
left: 50%;
margin-left: -3px;
border-radius: 10px;
}
/* Container around content */
.history {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
}
/* The circles on the timeline */
.history::after {
content: '';
position: absolute;
width: 17px;
height: 17px;
right: -16px;
background-color: white;
border: 5px solid #FF9F55;
top: 23px;
border-radius: 50%;
z-index: 1;
}
/* Place the container to the left */
.mtandt_side_left {
left: 0;
}
/* Place the container to the right */
.mtandt_side_left {
left: 50%;
}
/* Add arrows to the left container (pointing right) */
.mtandt_side_right::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 30px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent white;
}
/* Add arrows to the right container (pointing left) */
.mtandt_side_left::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 30px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}
/* Fix the circle for containers on the right side */
.mtandt_side_left::after {
left: -5px;
}
/* The actual content */
.content1 {
padding: 1px 30px;
background-color: white;
position: relative;
border-radius: 6px;
}
.Catalogues_mdandt {
padding: 0px 0px 80px;
background: #f9f9f9;
}
.Catalogues_mdandt_hedding {
padding: 30px 0px 30px;
background: #f9f9f9;
text-align: center;
}
.Catalogues_inner {
margin: 30px 0px 15px;
box-shadow: 0 0.14286rem 0.28571rem 0 rgb(22 23 24 / 16%);
border-radius: 3px;
}
.Catalogues_inner img {
height: 383px;
}
.Catalogues_inner:hover {
/* box-shadow: 5px 6px 10px #ffeb3b;*/
transition: 0.2s;
}
.career_pages {
padding-top: 60px;
}
.fg-services {
padding-bottom: 100px;
padding-top: 60px;
background: #f9f9f9;
}
.fg-services .fg-title {
margin-bottom: 45px;
text-align: center;
}
.fg-services .fg-title h2 {
font-weight: 700;
color: #000;
line-height: 46px;
margin-bottom: 20px;
}
.fg-services .fg-title p {
margin-bottom: 0;
font-weight: 300;
}
.fg-services .fg_services_item {
height: 385px;
position: relative;
overflow: hidden;
border-radius: 2px;
background-repeat: no-repeat;
background-size: cover;
border: 3px solid #fff;
margin: 0px 0px 50px;
}
.fg-services .fg_services_item::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(72, 72, 72, 0.3);
}
.fg_services-para-sec{ -webkit-transition: all, 0.2s;
-o-transition: all, 0.2s;
transition: all, 0.2s;display: none;}
.fg-services .fg_services_item:hover .fg_services_item_text {
bottom: 40px;
}
.fg-services .fg_services_item:hover .fg_services-para-sec{display: block;}
.fg-services .fg_services_item:hover .fg_services_item_text h4 {
margin-bottom: 12px;
}
.fg-services .fg_services_item_text {
position: absolute;
left: 0;
bottom: -55px;
width: 100%;
padding: 0 35px;
-webkit-transition: all, 0.4s;
-o-transition: all, 0.4s;
transition: all, 0.4s;
}
.fg-services .fg_services_item_text h4 {
font-weight: 700;
color: #fff;
margin-bottom: 80px;
-webkit-transition: all, 0.2s;
-o-transition: all, 0.2s;
transition: all, 0.2s;
font-size: 22px;
}
.fg-services .fg_services_item_text p {
color: #fff;
margin-bottom: 25px;
font-weight: 300;
}
.fg-services .fg_services_item_text a {
font-size: 14px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
border: 2px solid #ffeb3b;
transition: all 0.2s;
}
.fg-services .fg_services_item_text a:hover {
background: #ffeb3b;
color: #000;
}
.fg_services_item_text {
margin-bottom: 14px;
}
.Industries_mtandt {
padding: 60px 0px 80px;
background: #f9f9f9;
}
.card_industries {
width: 100%;
height: 100%;
padding: 2em 1.5em;
background: linear-gradient(#ffffff 50%, #ffeb3b 50%);
background-size: 100% 200%;
background-position: 0 2.5%;
border-radius: 5px;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
cursor: pointer;
transition: 0.5s;
text-align: center;
}
.industries_column {
width: 100%;
padding: 0 1em 1em 1em;
text-align: center;
}
.card_industries h3 {
font-size: 20px;
font-weight: 600;
color: #000;
margin: 1em 0;
}
.card_industries p {
color: #575a7b;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.03em;
}
.icon-wrapper {
background-color: #ffeb3b;
position: relative;
margin: auto;
font-size: 30px;
height: 2.5em;
width: 2.5em;
color: #5c5a5a;
border-radius: 50%;
display: grid;
place-items: center;
transition: 0.5s;
}
.card_industries:hover {
background-position: 0 100%;
}
.card_industries:hover .icon-wrapper {
background-color: #ffffff;
color: #000;
}
.card_industries:hover h3 {
color: #000;
}
.card_industries:hover p {
color: #000;
}
/* .princple_box_div{
padding-top:30px;
} */
.wrap_pricpil {
display: flex;
background: #ffef60d1;
padding: 30px 10px 30px 15px;
border-radius: 4px;
box-shadow: 7px 7px 30px -5px rgb(0 0 0 / 10%);
margin-bottom: 2rem;
height: 180px;
border: 1px solid #b7b7b733;
;
}
.mbr-fonts-style {
color: #000;
}
.ico-wrap {
margin: auto;
}
.mbr-iconfont {
font-size: 40px !important;
color: #000;
margin: 1rem;
padding-right: 1rem;
}
.mbr-section-title3 {
text-align: left;
}
.text-wrap h2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 18px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #000;
}
.product_list_browse_btn {
padding: 15px 0px;
float: right;
}
.width_container {
width: 1060px;
}
.training_hedding {
padding: 25px 0px;
}
/******************home**page**news********/
.news_event-list img {
width: 60px;
height: 60px
}
.news_hedding_header {
margin: auto;
}
.news_hedding_header h4 {
color: #000000;
font-size: 16px;
font-family: "Poppins", sans-serif;
font-weight: 600;
padding: 12px 0px;
text-align: center;
}
.news_event-list .news_card-title span {
padding-left: 5px;
padding-right: 20px;
font-size: 13px;
font-weight: 500;
color: #454545;
}
.news_event-list .news_card-body {
color: #ffffff;
font-weight: 500;
/* box-shadow: 0 -0.857143rem 0.571429rem 0.071429rem rgb(22 23 24 / 16%); */
border-bottom: 1px solid #dfdfdf;
width: 100%;
padding: 10px;
}
.news_wrapper {
display: flex;
}
.news_icones {
padding-right: 5px;
}
.news_card-body i {
color: #000;
}
.news_card-body p {
color: #4b4b4b;
font-size: 13px;
line-height: 18px;
font-weight: 700;
overflow: hidden;
}
.datenews {
font-size: 12px;
color: #4f4f4b;
font-weight: 100;
margin-top: -17px;
}
.news_card-body p:hover {
color: #000000;
font-size: 13px;
cursor: pointer;
}
.news_scroll {
overflow-y: scroll;
height: 354px;
;
}
#style-8::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
#style-8::-webkit-scrollbar {
width: 10px;
background-color: #f1f1f1;
border-radius: 10px;
}
#style-8::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #c1c1c1;
}
.video_icone i {
font-size: 25px;
position: absolute;
/* top: 0px; */
/* bottom: 0; */
color: #fdfdfd;
margin-top: -40px;
left: 35px;
}
.img_overley img {
filter: blur(0.5px);
}
.custom_pages_model_footer {
padding: 0.75rem 1.25rem;
/* background-color: rgba(0, 0, 0, 0.03); */
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
/*******strart tagline****csss***/
.tagling_logo {
text-align: center;
padding-top: 10px;
float: left;
}
.tagling_logo h5 {
color: #cad1d1;
font-size: 13px;
line-height: 3px;
}
.tagling_logo span {
color: #cad1d1;
font-size: 12px;
}
.tages_line {
padding: 0px;
}
/******end************strart tagline****csss***/
/*********end*********home**page**news********/
.pbe-2 {
padding: 1.5rem !important;
}
.product_tabs_title_icon {
display: flex;
align-items: baseline;
}
.toltips_icon {
padding: 0px 10px;
}
.toltips_icon i {
font-size: 20px;
color: #545454;
}
.sub_header_title {
/* background-size: cover;
background-position:center;*/
/* background-repeat: round;*/
background-position: inherit;
background-repeat: round;
}
.bg_color_section {
background-color: rgb(0 0 0 / 32%);
padding: 90px;
margin-top: -41px;
}
.fg-title h1 {
text-align: center;
color: #fff;
font-weight: 600;
font-size: 30px;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
margin-bottom: -6px;
}
.footer_audio_icon i {
font-size: 17px;
color: #fff;
height: 40px;
border: 1px solid #ada7a7;
padding: 10px;
border-radius: 41px;
width: 40px;
}
.footer_audio_icon {
padding: 10px 0px;
}
/***********************************menu mega*************/
.dropdown-menu {
background: #fff !important;
color: #ffffff;
}
.navbar-light .navbar-nav .nav-link {
padding-top: 22px;
padding-bottom: 22px;
transition: 0.3s;
padding-left: 24px;
padding-right: 24px;
font-size: 14px;
color:#fff !important;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
background: #1ebdc2;
transition: 0.3s;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #fff;
text-decoration: underline;
}
.sm-menu {
border-radius: 0px;
border: 0px;
top: 101%;
box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
color: #3c3c3c;
font-size: 13px;
}
.center_menu {
text-align: center;
}
.navbar-toggler {
outline: none !important;
}
.navbar-tog {
color: #1ebdc2;
}
.megamenu-li {
position: static;
}
.megamenu {
position: absolute;
width: 100%;
left: 25px;
right: 0;
padding: 15px;
}
.megamenu h6 {
/* margin: 0px 10px;*/
background: #000000;
padding: 9px 15px;
border-radius: 3px;
}
.megamenu i {
width: 20px;
}
.header-one .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
background-color: var(--color-article1-background);
animation: animationmenu ease 0.5s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
margin: 0px 0 0 -25px;
/* padding: 8px 0 0px;*/
border-radius: 0;
border: 2px solid black;
width: 100% !important;
-webkit-box-shadow: 0 0 4px 0px rgb(51 51 51 / 10%);
box-shadow: 0 0 4px 0px rgb(51 51 51 / 10%);
}
.dropdown-item {
display: block;
width: 100%;
padding: 10px 11px;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.about_mega {
margin: auto !important;
}
.buy_menu {
padding: 3px 15px !important;
/* border-bottom: 1px solid #8989892e;*/
}
.filter_pro {
height: 40px !important;
border: 1px solid #837f7f !important;
}
.filter_section {
padding: 20px 0px 0px;
background: #f9f9f9;
}
.card-body a h5 {
font-size: 15px;
}
.client_logo img {
height: 145px;
/* padding: 10px; */
border-radius: 3px;
width: 100%;
}
.table_width th {
width: 50%;
}
/*****************contact********form****************/
.contact-info-area {
padding: 60px 0px 0px;
}
.sec-title-style1 {
margin-top: -9px;
margin-bottom: 25px;
}
.contact_title_header .title {
color: #131313;
font-size: 28px;
line-height: 46px;
font-weight: 700;
text-transform: uppercase;
}
.sec-title-style1 .title {
color: #131313;
font-size: 28px;
line-height: 46px;
font-weight: 700;
text-transform: uppercase;
}
.contact_num p {
margin-bottom: 5px;
}
.sec-title-style1 .decor {
position: relative;
display: block;
width: 70px;
height: 5px;
margin: 19px 0 0;
}
.sec-title-style1 .decor:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5px;
height: 5px;
background: #FFA500;
border-radius: 50%;
content: "";
}
.sec-title-style1 .decor:after {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 5px;
height: 5px;
background: #FFA500;
border-radius: 50%;
content: "";
}
.sec-title-style1 .decor span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50px;
height: 1px;
background: #FFA500;
margin: 2px 0;
}
.sec-title-style1 .text {
position: relative;
display: block;
margin: 7px 0 0;
}
.sec-title-style1 .text p {
position: relative;
display: inline-block;
padding: 0 15px;
color: #131313;
font-size: 14px;
line-height: 16px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.sec-title-style1 .text.clr-yellow p {
color: #FFA500;
}
.sec-title-style1 .text .decor-left {
position: relative;
top: -2px;
display: inline-block;
width: 70px;
height: 5px;
background: transparent;
}
.sec-title-style1 .text .decor-left span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50px;
height: 1px;
background: #000;
content: "";
margin: 2px 0;
}
.sec-title-style1 .text .decor-left:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5px;
height: 5px;
background: #000;
border-radius: 50%;
content: "";
}
.sec-title-style1 .text .decor-left:after {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 5px;
height: 5px;
background: #000;
border-radius: 50%;
content: "";
}
.contact-address-area {
background: #ffffff;
padding: 60px 0 40px;
}
.contact-address-box {
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.single-contact-address-box {
background: #131313;
padding: 85px 30px 77px;
}
.single-contact-address-box .icon-holder span:before {
font-size: 75px;
}
.single-contact-address-box h3 {
color: #ffffff;
margin: 0px 0 9px;
}
.single-contact-address-box h2 {
color: #ffeb3b;
font-size: 24px;
font-weight: 600;
margin: 0 0 19px;
}
.single-contact-address-box.main-branch {
background: #ffeb3b;
/*padding:50px 30px 50px;*/
padding: 20px 30px 20px;
margin: 10px 0px;
}
.single-contact-address-box.main-branch h3 {
color: #131313;
font-size: 19px;
font-weight: 500;
/*margin: 0 0 38px;*/
margin: 0 0 15px;
text-transform: uppercase;
text-align: center;
}
.single-contact-address-box.main-branch .inner ul li {
position: relative;
display: block;
padding-left: 110px;
border-bottom: 1px solid #737373;
padding-bottom: 10px;
margin-bottom: 15px;
}
.single-contact-address-box.main-branch .inner ul li:last-child {
margin-bottom: 0;
}
.contact_liborder_bottom {
border: 0px !important;
}
.single-contact-address-box.main-branch .inner ul li .title {
position: absolute;
top: 2px;
left: 0;
display: inline-block;
}
.single-contact-address-box.main-branch .inner ul li .title h4 {
color: #131313;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
/* border-bottom: 2px solid #a5821e;*/
font-family: "Poppins", sans-serif;
}
.single-contact-address-box.main-branch .inner ul li .text p {
color: #131313;
font-size: 16px;
line-height: 24px;
}
.contact-form {
background: #f3f3f3;
padding: 50px 50px 50px;
}
.mtandt_contact_address {
/* padding:40px 0px 0px;*/
margin: 46px 0px -15px 0px;
}
.map_address-box {
padding: 2px;
border: 2px solid #ffeb3b;
}
/*****tabs****/
.mtnat_address_tabs {
padding: 15px 0px 20px;
}
/*********End********contact********form****************/
.mtnadt_service_icon {
width: 90px;
height: 90px;
border: 2px solid #fff;
background: #ffeb3b;
}
.text-dark {
font-weight: 600;
}
.footer-details1 {
/*float: right;*/
margin-top: 5px;
}
/* .mobile_res{
justify-content: flex-end;
} */
.filter_react a {
float: left;
cursor: pointer;
text-decoration: underline;
padding: 7px 23px;
color: #000000;
font-weight: 700;
border: 1px solid #ffe61c;
border-radius: 50px;
background: #ffe61c;
box-shadow: 0 0.14286rem 0.28571rem 0 rgb(22 23 24 / 11%);
font-size: 15px;
}
.rental h3 {
text-align: left !important;
}
.shorting {
position: relative;
padding-top: 15px;
}
.product_list_react a {
float: right;
cursor: pointer;
margin-top: -22px;
text-decoration: underline;
}
p.subcatpara {
margin-top: -10px;
padding: 0px 0px 7px 1px;
text-align: center;
}
/****************strart cataloge******/
.cataloge a {
position: absolute;
top: 332px;
right: 15px;
color: #252525;
font-size: 16px;
padding: 12px 42px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: rgb(255 238 95 / 75%);
opacity: 0;
font-weight: 600;
width: 200px;
visibility: hidden;
transition: width 1s, opacity 1s;
}
.cataloge a:hover {
width: 250px;
opacity: 1;
visibility: visible;
}
.cataloge_show {
position: relative;
}
.cataloge1 {
position: absolute;
/* width: 500px; */
left: 523px;
top: 230px;
text-align: center;
opacity: 0;
transition: opacity .35s ease;
}
.cataloge1 a {
width: 200px;
padding: 12px 48px;
text-align: center;
border: solid 2px rgb(255 238 95);
z-index: 1;
padding: 12px 42px;
background-color: rgb(255 238 95);
}
.cataloge_show:hover .cataloge1 {
opacity: 1;
transition: all 500ms ease;
}
/*******************END cataloge**********/
.brands-content {
padding: 25px 0px 70px;
background: #fff;
}
/****************brond********unit***section*****/
.brond_unit_section {
padding: 40px 0px 40px;
background-image: url(https://websappstechnologies.com/proof/mtandt/public/forntend/images/banners/bgtet.jpg);
}
.about_main_section {
background: white;
padding: 40px 40px;
height: 400px;
border: 1px solid #ebebeb;
/*box-shadow: 0 0.1428571429rem 0.5714285714rem 0.0714285714rem rgb(22 23 24 / 16%) !important;*/
}
.unit_brond_hedding h3 {
text-align: center;
color: #fff;
}
/*.unit_brond_hedding{
padding:0px 0px 15px;
}*/
.hedding_Rental_Division h3 {
font-size: 20px;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.equipment_paragraph {
padding: 0px 0px;
}
.equipment_paragraph p {
text-align: justify;
}
.abut_images_align {
/*display: flex;*/
text-align: center;
}
.hedding_images img {
margin-bottom: 25px;
height: 60px;
}
.hedding_images {
padding: 0px 25px;
text-align: center;
}
.bront_name h5 {
font-size: 15px;
color: #2a2a2a;
font-weight: 600;
}
.bront_name {
/* padding: 0px 0px 8px; */
width: 25%;
}
.brond_width {
width: 10% !important;
}
.about_main_section:hover {
box-shadow: 0 0.1428571429rem 0.5714285714rem 0.0714285714rem rgb(22 23 24 / 16%);
transition: 0.5s;
}
.logo_name {
display: flex;
align-items: center;
padding: 0px 0px;
}
.our_bornd_images img {
padding: 10px;
}
.Sales {
height: 315px !important;
}
.training_Certifications {
padding: 30px 0px 90px;
background: #fff;
}
.icon-tab.xyzc {
border-right: 0 !important;
}
button.btnprd {
padding: 4px 31px;
background: #ffe61cb5;
border: 1px solid #e5db8f;
color: #000;
font-weight: 600;
font-size: 14px;
margin-left: -135px;
margin-top: -1px;
}
button.btn-grid {
background: #ffef60 !important;
}
/*.serch_main_box:hover{
text-decoration:underline;
background: #ffeb3b;
padding: 10px;
border-radius: 5px;
transition: 0.5s;
color: #000;
}*/
/*.serch_main_box{
box-shadow: 0 0.5rem 1rem rgb(255 235 59 / 18%) !important;
padding: 10px;
border-radius: 5px;
height:165px;
}*/
.serch_main_box a {
color: #fff;
}
.serch_main_box:hover h3 {
color: #fff;
text-decoration: underline;
}
.serch_main_box:hover .mtnadt_service_icon {
background: #514c4c !important;
color: #fff;
}
.serch_main_box:hover .fa-3x {
color: #fff;
}
.enquery_model {
/*position: absolute;
top: 50%!important;
left: 75%!important;
transform: translate(-50%, -50%) !important;
margin-top: 0;
margin-bottom: 0;
width: 100%;*/
position: fixed;
margin-top: 0;
margin-bottom: 0;
width: 100%;
}
.search_product_keyword {
padding: 20px 0px;
display: flex;
justify-content: space-between;
}
.search_product_keyword h4 {
font-size: 18px;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
p.recognpara {
padding: 2px 0px 25px;
}
img.img-fluid.dfddsdf {
/*padding: 0px 43px 0px 43px;*/
}
.brandsimages {
border: 1px solid #f9f9f9;
background: #fff;
text-align: center;
padding: 17px;
width: 100%;
height: 206px;
}
/****
******subscribefooter******/
.subscribe_bt {
font-size: 14px;
font-weight: 600;
padding: 8px 0px;
width: 100%;
border: none;
cursor: pointer;
background-color: #f7e433;
color: #000;
}
.news {
padding: 15px 0px 15px;
}
/******subscribe*end****footer******/
.paratpbback {
font-size: 7px;
margin-top: -26px;
font-weight: 600;
}
.logo_tags {
display: flex;
align-items: center;
}
.copyright_footer {
text-align: right;
}
.copyright_footer a {
font-size: 13px;
margin-bottom: 0;
color: #959595;
}
/*****drop_menu**/
.mega_brop_menu {
margin: 0px 18px;
}
/****drop menu**/
/****dealer*****/
.file_size_hint span {
line-height: 37px;
color: red;
font-size: 12px;
}
label {
margin-top: 0px !important;
margin-bottom: 5px !important;
}
.uplode {
display: block;
width: 100%;
height: 43px;
padding: 7px !important;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e5e5e5;
border-radius: 3px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/****dealer*****/
.menu_font {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.1px;
}
.blog-thumb img {
height: 218px;
object-fit: cover;
width: 100%;
}
.product_buy_rent img {
height: 200px !important;
object-fit: cover;
width: 100%;
}
.changeabouheddingmtandt {
font-size: 1.53125rem;
}
.changehedding_deslarspage_Services h1 {
font-size: 20px;
margin-left: -10px;
}
.productdetails_changeheeing {
color: #060606;
font-family: "Poppins", sans-serif;
font-size: 25px;
font-weight: bold;
}
/* ==================================== */
.our-brandss-wrapper {
background: #FFFDDB;
padding: 3rem 0;
}
.our-brandss-wrapper .nav-pills .nav-link {
padding: 0.4rem 1rem;
font-size: 15px;
font-weight: 400;
background: transparent;
border: none;
cursor: pointer;
color: #000000bf;
}
.our-brandss-wrapper .nav-link.active {
color: #FFE61C;
background-color: #000;
}
.our-brandss-wrapper .brands-box {
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: #FFFDDB;
padding: 1.2rem 0.6rem;
text-align: center;
margin-bottom: 1.6rem;
width: 100%;
transition: 0.1s ease;
}
.our-brandss-wrapper .brands-box:hover {
background: linear-gradient(347deg, rgba(24, 25, 29, 1) 0%, rgba(84, 84, 84, 1) 100%);
}
.our-brandss-wrapper .brands-box:hover h5,
.our-brandss-wrapper .brands-box:hover p {
color: #fff;
}
.our-brandss-wrapper .brands-heading h5 {
color: #2e2e2e;
text-align: center;
font-size: 15px;
font-weight: 600;
margin-top: 1.2rem;
margin-bottom: 0.6rem;
text-transform: uppercase;
}
.our-brandss-wrapper .brands-desc p {
color: #545454;
text-align: center;
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.our-brandss-wrapper .pro-heading-title p {
font-size: 18px;
color: #3D3D3D;
padding-top: 0.3rem;
}
.service-navigator .pro-heading-title h2 {
color: #FFEB3B;
border-left: 3px solid #FFEB3B;
}
.service-head h5 {
color: #FFF;
font-size: 16px;
font-weight: 500;
padding: 0.6rem 0;
}
.service-desc p {
color: #BBB;
text-align: center;
font-size: 14px;
font-weight: 400;
}
.service-btn a {
color: #FFEB3B;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.service-navigator .col-lg-8 {
/* position: absolute; */
right: 0;
padding-left: 2.5rem;
top: 24px;
}
.service-navigator {
background: url(../images/banners/service-navigator-bg.png)no-repeat;
background-size: cover;
height: 300px;
position: relative;
background-position: center bottom;
}
.service-navigator .col-lg-4 {
border-right: 1px solid #cccccc38;
}
.service-navigator .col-lg-4 p {
color: #bbb;
}
.industries-brand-wrapper .card_industries:hover {
background-position: unset;
}
.industries-brand-wrapper .card_industries {
padding: 1.5em;
}
.industries-brand-wrapper .card_industries h3 {
margin-bottom: 0;
}
.event-block-container .event_wrapper {
position: relative;
}
.event-block-container .event_detail {
position: absolute;
top: 0;
display:none;
}
.event-block-container .event_detail i {
margin-bottom: 8px;
}
.gallery-desc {
position: absolute;
bottom: 0px;
text-align: center;
left: 0;
right: 0;
color: #fff;
background: #000000ad;
width: 94.9%;
margin: auto;
padding-top: 0.6rem;
}
.gallery-desc b {
font-weight: 400;
font-size: 20px;
}
.gallery-desc p {
margin-bottom: 0.6rem;
}
/* ==================about-page=============== */
.about-sec-heading h2 {
color: #545454;
font-size: 30px;
font-weight: 700;
display: inline-block;
position: relative;
z-index: 1;
}
.about-sec-heading h2::after {
content: '';
position: absolute;
width: 150px;
height: 14.296px;
background: #FFEF60;
bottom: 0;
z-index: -1;
left: 0;
}
/* ==========principle===== */
.principle-box {
background: #F4F0D1;
padding: 1rem 1.5rem 0;
/* transition: 1s ease-out; */
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
overflow: hidden;
}
.principle-box span {
display: block;
}
.principle-box h5,
.principle-box span {
color: #000;
font-size: 40px;
font-family: 'Poppins-Bold';
text-transform: uppercase;
line-height: 1;
}
.principle-box span {
color: #444;
font-size: 20px;
}
.principle-box:hover {
border-radius: 40px 0px;
border: 1px #C7B519;
background: #000;
}
.principle-box:hover h5 {
color: #F8EA0D
}
.principle-box:hover h5 span {
color: #fff;
}
.principle-box:hover p {
color: #fff;
}
.principle-box svg {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.principle-box:hover svg {
transform: scale(1.2);
}
.principle-box:hover .bottom-img svg {
-moz-transform: scale(1.1) rotate(10deg);
/* you can change the scale or rotate degree as you want */
-webkit-transform: scale(1.1) rotate(10deg);
-o-transform: scale(1.1) rotate(10deg);
-ms-transform: scale(1.1) rotate(10deg);
transform: scale(1.1) rotate(10deg);
}
.principle-box p.text-center {
height: 140px;
}
/* =========== */
.powering-progres-box {
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.30);
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(114deg, #F6F6F6 44.19%, #CCC 97.12%);
position: relative;
}
.powering-progres-box span {
border-radius: 10px 0px;
background: #FFEB3B;
padding: 8px 1.2rem;
position: absolute;
top: 0;
left: 0;
color: #545454e3;
font-family: "Poppins-bold", sans-serif;
font-size: 16px;
}
.powering-progres-box p {
padding: 1rem;
width: 100%;
display: block;
margin-top: 2.2rem;
margin-bottom: 0;
}
/* =============== */
.strategic-wrapper {
background: #EEE;
}
/*
.investor-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
grid-gap: 15px;
}
.investor-wrapper img{
border-radius: 204.349px;
}
@media (min-width: 825px) {
.investor-wrapper {
grid-template-columns: repeat(2, 1fr);
}
} */
.why-mdant {
background: url(../images/about-us/why-bg.png)no-repeat;
background-position: center;
padding: 3rem 0;
background-size: cover;
}
.why-mdant .pro-heading-title h2 {
color: #FFEB3B;
border-color: #FFEB3B;
;
}
.why-mdant ul li {
list-style: none;
position: relative;
padding-left: 1.5rem;
font-size: 16px;
margin-bottom: 1rem;
color: rgba(255, 255, 255, 0.80);
transition: .3s ease-in-out;
}
.why-mdant ul li::before {
content: '';
position: absolute;
left: 0;
width: 100px;
background: url(../images/icons/arrow.svg);
height: 100%;
background-repeat: no-repeat;
}
.why-mdant ul li:hover {
font-size: 16.222px;
color: #FFE61C;
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.service-owl-carousel.owl-carousel .owl-nav button.owl-next,
.service-owl-carousel.owl-carousel .owl-nav button.owl-prev
/* .about-owl-carousel.owl-carousel .owl-nav button.owl-next,
.about-owl-carousel.owl-carousel .owl-nav button.owl-prev */
{
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
color: #FFEB3B;
opacity: 0;
display: inline-block;
width: 30px;
height: 30px;
margin: auto;
line-height: 0;
background: #cccccc26;
border-radius: 2px;
}
.service-owl-carousel:hover.owl-carousel .owl-nav button.owl-next,
.service-owl-carousel:hover.owl-carousel .owl-nav button.owl-prev
/* .about-owl-carousel:hover.owl-carousel .owl-nav button.owl-next,
.about-owl-carousel:hover.owl-carousel .owl-nav button.owl-prev */
{
opacity: 1;
}
.service-owl-carousel.owl-carousel .owl-nav button.owl-next
/* .about-owl-carousel.owl-carousel .owl-nav button.owl-next */
{
right: -10px;
}
/* .about-owl-carousel.owl-carousel .owl-nav button.owl-prev, */
.service-owl-carousel.owl-carousel .owl-nav button.owl-prev {
left: -10px;
}
.investor-owl-carousel.owl-carousel .owl-nav button.owl-next,
.investor-owl-carousel.owl-carousel .owl-nav button.owl-prev,
.manegment-owl-carousel.owl-carousel .owl-nav button.owl-next,
.manegment-owl-carousel.owl-carousel .owl-nav button.owl-prev {
display: none
}
.investor-owl-carousel h6,
.manegment-owl-carousel h6 {
margin-top: 0.3rem;
margin-bottom: 0;
font-size: 1rem;
}
.investor-owl-carousel span,
.manegment-owl-carousel span {
font-size: 12px;
}
/* .investor-owl-carousel.owl-carousel .owl-item img,
.manegment-owl-carousel.owl-carousel .owl-item img{
border-radius: 50%;
} */
.manegment-owl-carousel.owl-carousel .owl-item img {
width: 100%;
}
.mtandt-group .item {
border-radius: 10px;
background: #FFF;
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.13);
padding: 1rem 1.5rem;
/* height: 465px */
}
.mtandt-group .service-desc p {
color: #343434;
text-align: left;
}
.mtandt-group .service-head h5 {
color: #343434;
font-weight: 600;
font-size: 16px;
}
.brand-wrapper {
gap: 20px
}
.divisional-wrapper {
position: relative;
/* background-image: -webkit-linear-gradient(166deg, #ffffff 51%, #FFFDDB 40%); */
padding: 3rem 0;
background: url(../images/about-us/bg-white.png)no-repeat;
background-color: #FFFDDB;
background-position: right;
background-size: 54% 100%;
}
.divisional-wrapper .d-flex {
gap: 23px;
}
@media(max-width:992px) {
.service-navigator {
height: auto
}
}
/* @media(max-width:1073px){
.bottom-img svg {
width: 122px;
height: auto;
margin-top: 2rem;
}
} */
/* @media(min-width:768px){
.bottom-img svg {
margin-top: 5rem;
width: 80px;
height: auto;
}
} */
@media(min-width:768px) {
.bottom-img svg {
width: 122px;
height: auto;
margin-top: 2rem;
}
}
@media(max-width:1309px) {
.principle-box p.text-center {
font-size: 14px;
}
}
@media(max-width:768px) {
.service-navigator .col-lg-8 {
position: relative;
padding-left: 15px
}
.principle-box {
margin-bottom: 1rem;
}
.principle-box svg {
width: 50%;
}
.mtandt-group .item {
height: auto
}
.divisional-wrapper {
background-size: cover;
}
/* .form-check-label {
font-size:9px; } */
.captcha_ccc input {
width: 100%
}
#modalRegisterForm form p {
margin-bottom: 6px;
}
}
.event-preview-content {
font-weight: 500;
font-size: 13px;
line-height: 1.5;
}
.Checkbox label {
font-size: 14px;
}
.Product_Enquiry_Form .form-check-label {
font-size: 12px;
}
.mtandt_blog_box .blog-info.mtandt_blog p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.whatsapp-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.my-whatsapp-float {
margin-top: 16px;
}
.my-whatsapp-float,
.whatsapp-float:hover {
color: #FFF;
}
.blogcontent span {
font-size: 1rem;
}
/* ==============ANNUAL REPORT================ */
.annual-report-wrapper .tab-wrap {
transition: 0.3s box-shadow ease;
border-radius: 6px;
max-width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
list-style: none;
background-color: #fff;
margin: 40px 0;
}
.annual-report-wrapper .tab {
display: none;
}
.annual-report-wrapper .tab:checked:nth-of-type(1)~.tab__content:nth-of-type(1) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}
.annual-report-wrapper .tab:checked:nth-of-type(2)~.tab__content:nth-of-type(2) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}
.annual-report-wrapper .tab:first-of-type:not(:last-of-type)+label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.annual-report-wrapper .tab:not(:first-of-type):not(:last-of-type)+label {
border-radius: 0;
}
.annual-report-wrapper .tab:last-of-type:not(:first-of-type)+label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.annual-report-wrapper .tab:checked+label {
background-color: #fff;
box-shadow: 0 -1px 0 #fff inset;
cursor: default;
border-bottom: 2px solid #f7e433;
}
.annual-report-wrapper .tab:checked+label:hover {
box-shadow: 0 -1px 0 #fff inset;
background-color: #fff;
}
.annual-report-wrapper .tab+label {
box-shadow: 0 -1px 0 #eee inset;
border-radius: 6px 6px 0 0;
cursor: pointer;
display: block;
text-decoration: none;
color: #333;
flex-grow: 3;
text-align: center;
background-color: #f2f2f2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
transition: 0.3s background-color ease, 0.3s box-shadow ease;
box-sizing: border-box;
padding: 8px;
font-weight: 500;
font-size: 18px;
}
.annual-report-wrapper .tab+label:hover {
background-color: #f9f9f9;
box-shadow: 0 1px 0 #f4f4f4 inset;
}
.annual-report-wrapper .tab__content {
/* padding: 10px 25px; */
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
transform: translateY(-3px);
border-radius: 6px;
}
.annual-report-wrapper li a {
font-size: 1rem;
font-weight: 200;
color: #262626;
line-height: 2;
}
.annual-report-wrapper h5 {
font-weight: 400;
font-size: 21px;
margin: 2rem 0 1rem;
color: #000000;
}
.annual-report-wrapper li {
padding-left: 1rem;
list-style: none;
position: relative;
}
.annual-report-wrapper li:after {
content: '';
position: absolute;
left: 0;
top: 13px;
width: 5px;
height: 5px;
background: #f7e433;
bottom: 0;
}
.annual-report-wrapper li a:hover {
text-decoration: underline;
}
/* ====================Journey========================= */
/* .timeline_wrap {
overflow: hidden;
padding-left: 7rem;
} */
#timeline_slider {
display: flex;
overflow-x: scroll;
padding-bottom: 20px;
transform: translatey(20px);
/* min-width: 450%; */
/* margin-right: -19rem; */
}
.timeline {
width: 2px;
position: absolute;
background: white;
height: 100%;
left: 50%;
}
.timeline_line {
position: absolute;
max-width: 90%;
right: 0;
height: 18px;
top: 168px;
background: #18191D;
width: 100%;
}
.timeline_slide {
min-width: 300px;
text-align: center;
max-width: 10px;
transition: transform cubic-bezier(.46, .43, .1, .99) 0.5s
}
.timeline_nav {
margin: auto;
position: absolute;
right: 3%;
bottom: 0;
width: fit-content;
cursor: pointer;
}
.timeline_nav button {
background: transparent;
border: none;
}
.timeline_nav button:hover {
transform: scale(1.1)
}
.timeline_item_content {
padding: 15px;
border-radius: 8px;
background: linear-gradient(180deg, #545454 0%, #18191D 100%), #D9D9D9;
box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.20);
text-align: center;
font-size: 14px;
}
.timeline-logo-img {
height: 78px;
padding: 0 3rem;
}
/* .timeline_dot, */
.timeline_slide {
position: relative;
}
.timeline_dot {
background: url(../images/journey/Mtandt-timelineline.svg)no-repeat;
background-size: 100%;
background-position: center;
height: 40px;
width: 100%;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.timeline_slide:hover .timeline_date {
color: #000;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.timeline_heading {
color: #666;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.timeline_date {
color: #666;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
height: 28px;
position: relative;
}
.timeline_date:after {
content: '';
position: absolute;
background-color: #FFE61C;
width: 28px;
height: 4px;
bottom: 0;
left: 4px;
right: 0;
top: 47px;
margin: auto;
}
.timeline_item_content {
margin: 0 1rem
}
.timeline_bottom {
background: url(../images/journey/be-sure-get-more.webp);
background-repeat: no-repeat;
}
@media only screen and (min-width:768px) {
.timeline-logo-img,
.timeline_item_content {
opacity: 0;
}
.timeline_slide:hover .timeline_item_content,
.timeline_slide:hover .timeline-logo-img {
opacity: 1;
}
.timeline_item_content {
margin: 0;
}
/* .timeline_slide {
-webkit-animation: scroll 10s linear infinite;
animation: scroll 10s linear infinite;
} */
/* @-webkit-keyframes scroll {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-50%)
}
}
@keyframes scroll {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-50%)
}
} */
#timeline_slider:hover {
animation-play-state: paused;
}
.timeline_left_line {
width: 2px;
background: white;
left: 10%;
height: 118px;
position: absolute;
top: 0;
}
.tl_line {
position: absolute;
background: white;
}
}
.timeline-logo-img img{
max-height: 78px;
}
@media(max-width:768px) {
.our-journey-wrapper p {
text-align: left;
font-size: 16px;
}
.our-journey-wrapper {
margin-top: 1rem;
}
.heading-h1 h1{
font-size: 1.5rem;
text-align: left;
}
}
.brands-logo img {
max-width: 150px;
}
.brands-section .brands-logo {
height: 78px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.brands-section .brands-heading {
height: 70px;
overflow: hidden;
}
.brands-section .brands-box {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
}
.services-section .service-icon {
height: 50px;
overflow: hidden;
}
.services-section .service-head {
height: 60px;
}
.services-section .service-desc {
height: 100px;
}
/* ================================ */
.menu {
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
height: 400px;
}
.menu--wrapper {
counter-reset: count;
display: flex;
position: absolute;
z-index: 1;
height: 100%;
top: 1rem;
left: 7rem;
width: 100%;
overflow: hidden;
}
.menu--item {
cursor:grabbing;
counter-increment: count;
position: absolute;
z-index: 1;
top: 0;
left: 0;
/* width: 400px; */
height: 100%;
/* padding: 0 1.5vw; */
overflow: hidden;
}
@media (max-width: 767px) {
.menu--item {
width: 40vw;
height: 40vw;
}
}
.menu--item figure {
position: absolute;
z-index: 1;
display: block;
user-select: none;
-webkit-appearance: none;
padding: 0;
border: none;
outline: none;
box-shadow: none;
cursor: pointer;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
transform-origin: center;
}
.menu--item figure img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
vertical-align: middle;
transform-origin: center;
}
/* Container with scroll */
.why-mdant ul {
height: 400px;
overflow-y: scroll;
}
/* Custom scrollbar styles */
.why-mdant ul::-webkit-scrollbar {
width: 6px; /* Width of the scrollbar */
}
.why-mdant ul::-webkit-scrollbar-track {
background: #191b1f; /* Track color */
}
.why-mdant ul::-webkit-scrollbar-thumb {
background: #25282d; /* Thumb color */
border-radius: 6px;
}
.why-mdant ul::-webkit-scrollbar-thumb:hover {
background: #555; /* Thumb color when hovered */
}
.tab-carousel-js .slick-prev {
left: 0!important;
top: 30%!important;
transform: rotate(0deg)!important;
}
.tab-carousel-js .slick-next {
right: 0!important;
transform: rotate(0deg)!important;
top: 30%!important; left: auto !important;
}