:root {
    --primary: #ee2d31;
    --color_black : #000000;
    --color_white : #ffffff;
    --color_gray : #999999;
    --baseFont: 'Poppins', sans-serif;
    --imgPrimary: invert(15%) sepia(50%) saturate(5758%) hue-rotate(348deg) brightness(141%) contrast(86%);
    --imgWhite: invert(100%) sepia(100%) saturate(2%) hue-rotate(112deg) brightness(107%) contrast(101%);
  }

body {font-family: var(--baseFont); font-weight: 400; color: #000; font-size: 16px;}
#float-social .social {
    position: fixed;
    top: 30%;
    z-index: 9999;
    width: 0;
}

#float-social .social ul {
    padding: 0;
    margin-left: 7px;
    -webkit-transform: translate(-270px,0);
    -moz-transform: translate(-270px,0);
    -ms-transform: translate(-270px,0);
    -o-transform: translate(-270px,0);
    transform: translate(-270px,0);
}
#float-social .social ul li {
    display: block;
    margin: 3px;
    background: #ffffff;
    width: 300px;
    text-align: right;
    padding:7px;
    margin-left: 15px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    /*-webkit-transition: all 1s;*/
    /*-moz-transition: all 1s;*/
    /*-ms-transition: all 1s;*/
    /*-o-transition: all 1s;*/
    /*transition: all 3s;*/
}
#float-social a {
    color: #fb040a;
    text-decoration: none;
    font-size: 20px;
}
#float-social .social ul li i {
    margin-left: 10px;
    color: #055f86;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 20px;
    background: #fff;
    box-sizing: content-box;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
#float-social .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a:hover {
    color: #2275ac;
}
a {
    color: #2275ac;
}
#float-social .social ul li:hover {
    -webkit-transform: translate(110px,0);
    -moz-transform: translate(110px,0);
    -ms-transform: translate(110px,0);
    -o-transform: translate(110px,0);
    transform: translate(110px,0);
    background: #e3e3e3;
    transition: all 1s;
}
#float-social .social ul li:hover i {
    color: #fff;
    background: rgba(0,0,0);
    /*-webkit-transform: rotate(360deg);*/
    /*-moz-transform: rotate(360deg);*/
    /*-ms-transform: rotate(360deg);*/
    /*-o-transform: rotate(360deg);*/
    /*transform: rotate(360deg);*/
    /*-webkit-transition: all 1s;*/
    /*-moz-transition: all 1s;*/
    /*-ms-transition: all 1s;*/
    /*-o-transition: all 1s;*/
    /*transition: all 1s;*/
}
#float-social .social ul li:hover a {
    color: #000;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
a {
  font-family: "Roboto";
}
h1{
    font-family: var(--baseFont);
    color: #ee2d31;
    font-weight: bold;
}
h2, h3, h4, h5 {font-family: var(--baseFont);}

a {color: var(--color_black);}
a:hover {color: var(--primary);}
a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none;}
button:focus {outline: none;}
.sprite {background-image: url("../images/sprite.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.transition {-webkit-transition: all .3s linear; transition: all .3s linear;}
strong.medium {font-weight: 500;}
strong.semibold {font-weight: 600;}

#wrapper {max-width: 1920px; margin: 0 auto; overflow: hidden;}
header {padding: 0px 70px; position: fixed; left: 0; right: 0; top: 0; background-color: #fff; z-index: 999; box-shadow: 0 0 5px rgba(0,0,0,0.25); transition: all 0.2s; width: 100%;}
header .navbar .container {position: relative;}
/* #home header {background-color: transparent; box-shadow: none;} */
/* header.fixed {background-color: #fff !important; box-shadow: 0 0 5px rgba(0,0,0,0.25) !important;} */

.navbar{left: 0; right: 0; top: 0; z-index: 10;}
.navbar .navbar-brand {margin-right: 0; max-width: 250px;}

/* main-menu */
#main-menu {background-color: #fff;}
#main-menu ul{align-items: center; flex-direction: row; padding: 0;}
#main-menu ul li {margin: 0 0 0 50px; position: relative;}
#main-menu ul li a {color: var(--primary1); font-size: 1rem; padding: 30px 0; position: relative;} 
#main-menu ul li:hover a, #main-menu ul li.active a {color: var(--primary);}

/* menu hover effect */
#main-menu .navbar-nav li ul.sub-menu{min-width: 140px; padding: 15px;}
#main-menu .navbar-nav li ul.sub-menu:before {content: ''; width: 0; height: 0; border-bottom: 14px solid var(--primary); border-left: 12px solid transparent; position: absolute; top: 0; left: 50px; border-right: 12px solid transparent;}
#main-menu .navbar-nav li ul li{border-bottom: 1px solid rgba(255,255,255,0.10); margin: 0;}
#main-menu .navbar-nav li ul li:last-child{border-bottom: none;}
#main-menu .navbar-nav li ul li a{white-space: nowrap; padding: 8px 20px; display: block; font-size: 1rem;}
#main-menu .navbar-nav li:hover > div {display: block; padding-top: 14px;}
#main-menu .navbar-nav li > div {display: none; position: absolute; left: -30px; top: 100%;}
#main-menu .navbar-nav li .sub-menu {margin: 0; padding: 0; list-style: none; border: none; border-radius: 0; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15); background-color: var(--primary); border-radius: 7px;}
#main-menu .navbar-nav li .sub-menu li a {color: var(--color_white); padding: 12px 0;}
#main-menu .navbar-nav li .sub-menu li:hover a {color: var(--primary2); text-decoration: none;}

/* rotate caret on hover */
#main-menu .sub-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{background-color: #f8f9fa; color: #25292f;}

/* button custom */
.btn-custom1 {position: relative; border: 1px solid var(--color_black); border-radius: 25px; color: var(--primary); background-color: var(--color_white); text-decoration: none; padding: 13px 30px; overflow: hidden; min-width: 175px; font-weight: 500;}
.btn-custom1:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 0; height: 100%; background-color: var(--primary); -webkit-transition: all 0.4s; transition: all 0.4s;}
.btn-custom1:focus:before, .btn-custom1:hover:before {width: 100%;}
.btn-custom1:focus span, .btn-custom1:hover span {color: #fff; position: relative;}
.btn-custom1.focus, .btn-custom1:focus {-webkit-box-shadow: none; box-shadow: none;}
.btn-custom1 i.arrow {background-position: -91px 0; width: 28px; height: 15px; margin-left: 10px;}

.btn-custom1.no-brd {border-color: transparent;}
.btn-custom1.no-brd:before {background-color: var(--color_black);}
.btn-custom1.no-brd:hover i {filter: brightness(0) invert(1);}

/* Typography */
.padding { padding: 0px 0;}
.mbt100{ margin-bottom: 100px !important;}

.container {width: 100%; max-width: 1170px; margin-top:20px;}

/* mobile menu */
#mobile-menu { display: none;}

/* mobile menu icon */
#mobile-menu-icon {display: none; width: 30px; height: 30px; position: relative; margin-top: 13px; margin-right: 15px; }
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after {width: 30px; height: 2px; background-color: var(--primary); display: block; position: absolute; top: 7px; transition: all 0.3s;}
#mobile-menu-icon span:before { content: ''; top: -7px;}
#mobile-menu-icon span:after { content: ''; top: 7px;}
#mobile-menu-icon.active span { background-color: transparent;}
#mobile-menu-icon.active span:before { transform: rotate(45deg); top: 0;}
#mobile-menu-icon.active span:after {transform: rotate(-45deg); top: 0;}

/* mobile menu */
#mobile-menu {display: none; background-color: var(--primary); border-left: 4px solid var(--color_white); position: fixed; width: 250px; padding-top: 63px; height: 100%; z-index: 1; overflow-y: scroll; right: -250px;}
#mobile-menu ul { margin: 0; padding: 0; list-style: none; float: none; display: block;}
#mobile-menu ul li { float: none; padding: 0; margin: 0; border: none; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2); }
#mobile-menu ul li a {padding: 12px 20px; display: block; color: var(--color_white); font-weight: 400; text-decoration: none; position: relative;}
#mobile-menu ul li ul {background-color: rgba(255,255,255,0.2);}
#mobile-menu ul li span {width: 0; height: 0; border-top: 8px solid rgba(255,255,255,0.5); border-left: 8px solid transparent; border-right: 8px solid transparent; display: block; position: absolute; right: 15px; top: calc(50% - 5px);}

/* banner */
#banner {position: relative;}
#banner .banner-wrapper {display: flex; width: 100%; height: 80vh; padding: 0 ;}
#banner .text-block {margin-top: auto; padding-bottom: 100px; margin-left: 128px;}
#banner .slider .item-wrapper {position: relative; height: 100vh; padding-bottom: 25px; left: -2px;}
#banner .slider .item-wrapper img {width: auto; max-height: 100%; object-fit: cover;}
#banner h2.title {line-height: 1; position: relative; padding-bottom: 20px; margin-bottom: 25px;}
#banner h2.title:after {content: ''; width: 90px; height: 10px; background: var(--color_black); position: absolute; left: 0; bottom: 0;}
#banner p {font-size: 1.25rem;}
#banner .bx-wrapper {margin:0 auto;}
#banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}

/* h2.title {font-size: 3.4rem; font-weight: 700; color: var(--primary); text-transform: uppercase;} */
h2.title {font-size: 2.1rem; font-weight: 700; color: var(--primary); text-transform: uppercase;}
h2.title span {display: block; color: var(--color_black);}
h3 {font-size: 1.5rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; text-transform: uppercase;}
h3.large {font-size: 2.5rem; font-weight: 700; color: var(--color_black); margin-bottom: 20px; text-transform: uppercase;}

.style1 .owl-nav button.owl-prev, .style1 .owl-nav button.owl-next {
  position: absolute; top: calc(50% - 27.5px); width: 55px; height: 55px; background-color: #fff; margin: 0; border-radius: 50%; vertical-align: bottom; transition: all .3s linear; box-shadow: 4px 25px 19.6px 0.4px rgba(0, 0, 0, 0.1);
}
.style1 .owl-nav button.owl-prev, .style1 .owl-nav button.owl-next {right: -27.5px;}
.style1 .owl-nav button.owl-prev:before, .style1 .owl-nav button.owl-next:before {
  content: ''; background-image: url("../images/sprite.png"); background-position: 0 0; background-repeat: no-repeat;
  width: 24px; height: 10px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;
}
.style1 .owl-nav button.owl-prev:hover, .style1 .owl-nav button.owl-next:hover {background-color: #0067ac;}
.style1 .owl-nav button.owl-prev:hover:before, .style1 .owl-nav button.owl-next:hover:before {
  -webkit-filter: invert(100%) sepia(5%) saturate(22%) hue-rotate(266deg) brightness(108%) contrast(106%);
          filter: invert(100%) sepia(5%) saturate(22%) hue-rotate(266deg) brightness(108%) contrast(106%);
}
.style1 .owl-nav button.owl-prev {left: -27.5px;}
.style1 .owl-nav button.owl-prev:before {-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.style1 .owl-dots {margin-top: 15px; text-align: center;}
.style1 .owl-dots .owl-dot span {margin-right: 10px; width: 12px; height: 12px; background-color: var(--primary); display: block; border-radius: 50%; position: relative;}
.style1 .owl-dots .owl-dot.active span {background-color: var(--color_black);}
.style1 .owl-dots .owl-dot span:before {content: ''; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--primary1); transform: scale(0); display: block; transition: all 0.4s;}
.style1 .owl-dots .owl-dot.active span:before {transform: scale(1.5);}
.style1 .owl-dots button:focus {outline: none;}

/* about */
#about {position: relative; padding-bottom: 0;}
#about::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 35px; background-color: var(--color_black);}
#about .title-block {background-color: var(--primary); padding: 225px 100px 135px; position: relative; border-radius: 400px 400px 0 0; max-width: 715px;}
#about .title-block::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 35px; background-color: #f8f8f8;}
#about .title-block h2.title {font-size: 3.75rem; font-weight: 700; color: var(--color_white); text-transform: uppercase; line-height: 1;}
#about .title-block h2.title span {display: block; color: var(--color_black);}
#about .about-content {margin-top: 225px; padding-bottom: 75px;}
#about .about-content p {font-size: 1.125rem; font-weight: 300; line-height: 30px; margin-bottom: 30px;}

/* services */
#services {background-color: #f8f8f8;}
#services .title-block {border: 1px solid #d0d0d0; border-radius: 70px; padding: 75px 60px; margin-bottom: 30px;}
#services .title-block h2.title {font-size: 3.438rem; color: var(--primary); line-height: 0.9;}
#services .title-block h2.title span {display: block; color: var(--color_black);}
#services .item {border-radius: 70px; background-color: #fff; padding: 35px 40px; box-shadow: 0 0 28px rgba(0,0,0,0.02); height: calc(100% - 30px); margin-bottom: 30px; transition: all 0.4s;}
#services .item .icon {height: 140px; display: flex; justify-content: flex-end; align-items: self-start;}
#services .item .icon img {filter: var(--imgPrimary);}
#services .item h3 {font-size: 1.25rem;}
#services .item p {font-size: 1.125rem; font-weight: 500; color: var(--color_black);}
#services .item:hover {background-color: var(--primary);}
#services .item:hover h3 {color: var(--color_white);}
#services .item:hover .icon img {filter: var(--imgWhite)}
/* */

/* footer h2.title {font-size: 1.5rem; font-weight: 700; color: var(--primary); margin-bottom: 20px;} */
footer #top {background-color: #000000;color:#ffffff; overflow: hidden}
footer #top p {font-size: 1.125rem; line-height: 1.8;}
footer #top p a {color: var(--color_white); display: inline-flex; align-items: center; vertical-align: top;}
footer #top p a:hover {text-decoration: none; color: var(--primary);}
footer #top p.has-icon i {margin-right: 20px; width: 23px; height: 23px;}
footer .map-marker {background-position: 0 0;}
footer .phone-icon {background-position: -29px 0;}
footer .mail-icon {background-position: -59px 0;}
footer .mobile-icon {background-position: -244px 0; width: 24px !important; height: 24px !important;}
footer .whatsapp-icon {background-position: -274px 0; width: 24px !important; height: 24px !important;}

#bottom-top-panel {background-color: var(--primary); padding: 75px 0;}
#bottom-top-panel h2.title {font-size: 2.188rem; font-weight: 700; color: var(--color_white);}
#bottom-top-panel h2.title span {color: var(--color_black); display: inline-block; vertical-align: middle;}
#bottom-top-panel p {font-size: 1.063rem; font-weight: 500; color: var(--color_black); margin: 0; line-height: 1.75;}
#bottom-top-panel .btn-cust {color: #000;}

.social-links {display: flex; justify-content: flex-end;}
.social-links a {width: 45px; height: 45px; background-color: var(--color_white); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; text-decoration: none; color: var(--color_black); transition: all 0.4s;}
.social-links a i {font-size: 28px;}
.social-links a:hover {background-color: var(--primary);}

#totop {bottom: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; position: fixed; right: 30px; z-index: 9; background: var(--primary); text-align: center; transition: background-color .2s linear; opacity: 0; border-radius: 50%;}
#totop i {color: var(--color_white);}

/* inner pages */
#banner-space {height: 94px; background-color: var(--color_white);}


#inner-banner {height: 200px; background-color: var(--color_black);}
#inner-banner .container {display: flex; align-items: center; justify-content: center; height: 100%;}
#inner-banner h1 {font-size: 3.75rem; font-weight: 700; color: var(--primary); text-transform: uppercase; text-align: center; position: relative; padding-bottom: 18px;}
#inner-banner h1:before {content: ''; width: 90px; height: 10px; background-color: var(--color_white); position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}

.content p {font-size: 1.125rem; line-height: 1.8; margin-bottom: 20px;}
.content p.large {font-size: 2.188rem;}
#about-block .content-middle {margin: 50px 0;}
#about-block .pic {width: 945px; border-radius: 350px 0 0 350px; overflow: hidden;}
#about-block .content-block {position: relative;}
#about-block .content-block:before, #about-block .content-block:after {content: ''; width: 400px; height: 15px; background-color: var(--color_black); position: absolute; left: 0; top: -30px;}
#about-block .content-block:after {top: 443px; bottom: 0;}
#about-block .content-block ul {margin: 0; padding: 0; list-style: none; max-width: 475px;}
#about-block .content-block ul li {font-size: 1.375rem; font-weight: 600; color: var(--primary); margin-bottom: 25px;}
#about-block .content-block ul li:last-child {margin-bottom: 0;}

#our-ethos {background-color: #f8f8f8;}
#our-ethos h2.title {font-size: 3.438rem;}
#our-ethos .item {background-color: var(--color_white); border-radius: 100px; box-shadow: 0 0 28px rgba(0,0,0,0.02); padding: 45px; margin-bottom: 30px;}
#our-ethos .item h3 {font-size: 1.875rem; text-align: right; margin-bottom: 0;}
#our-ethos .item p {font-size: 1.125rem; font-weight: 500; color: var(--color_black); margin-bottom: 0; line-height: 1.8;}

#meet-the-management .member-details {margin-bottom: 100px;}
.photo-wrapper {max-width: 365px; position: relative; padding-bottom: 30px; border-bottom: 15px solid var(--color_black);}
.photo-wrapper img {border-radius: 182.5px;}
#meet-the-management  h3 {font-size: 1.5rem; font-weight: 700; color: var(--primary); text-transform: uppercase; margin: 0 0 25px;}
#meet-the-management .member-block {margin-left: 70px;}
#meet-the-management .member-details:last-child .member-block {margin-left: 0; margin-right: 70px;}

#contact-block .pic {width: 945px; border-radius: 350px 0 0 350px; overflow: hidden;}
#contact-block .pic iframe {position: relative; left: -270px; width: calc(100% + 270px);}
#contact-block p.has-icon, #contact-block p.has-icon a {display: flex;}
#contact-block p.has-icon span {width: 30px; display: block;}
#contact-block .map-marker {background-position: -129px 0; width: 15px; height: 23px;}
#contact-block .phone-icon {background-position: -152px -1px; width: 16px; height: 16px;}
#contact-block .mail-icon {background-position: -176px -1px; width: 19px; height: 13px;}
#contact-block .mobile-icon {background-position: -201px -1px; width: 12px; height: 18px;}
#contact-block .whatsapp-icon {background-position: -221px 0; width: 16px; height: 16px;}

#inquiry-wrapper {background-color: #f8f8f8;}
#inquiry-wrapper h2.title {font-size: 3.438rem;}
textarea.form-control {height: 180px !important;}

form .form-control {background-color: var(--color_white); border-radius: 35px; border: 1px solid transparent; box-shadow: 0 0 28px rgba(0,0,0,0.02); padding: 11px 20px; height: auto; font-size: 15px;}
form .form-control:focus {box-shadow: none; border-color: #000 !important;}
form .has-captcha .input-group .form-control {width:40%; display:inline-block; border-right: 0; margin-bottom: 0;}
form .input-group-addon:last-child {display: flex; width:auto; background:#fff; height:auto; border-radius: 0 35px 35px 0; padding: 0; margin-left: -1px; box-shadow: 0 0 28px rgb(0,0,0,0.02);}
form .form-group {margin-bottom: 30px;}
form .form-group label {position: relative; font-size: 1.1rem; font-weight: 400; color: #999999;}
form .form-group.required label:before {color: red; content: "*"; position: absolute; right: -10px; top: 0;}
form .refresh {cursor: pointer; width:50px; line-height: 61px; display: inline-block; vertical-align: top; position: relative;text-align: center;}
form .refresh .refresh-icon{background-position: -228px -8px; width: 24px; height: 24px;}
/* form #imgCaptcha {border-right:1px solid #e9e9e9;} */
.input-group-append{height:54px;}
.error-inline {border: 1px solid #f5c6cb; padding: 5px; background: #f8d7da; color: #721c24 !important;}
form .custom-file-label {position: absolute !important;}
.custom-file-input:lang(en)~.custom-file-label::after {content: ''; background: none; background: url('../images/upload-icon.png') center center no-repeat; width: 80px; height: 100%; border-left: 0;}
.custom-file-input:focus~.custom-file-label {border-color: #000; box-shadow: none;}
.white-bg form .form-control {border: 1px solid #d0d0d0;}

/* select2*/
.select2-container--default .select2-selection--single {background-color: #fff; border: none; border-radius: 35px; min-height: 49px; height: auto; padding: 18px 30px;}
.select2-container--default.select2-container--focus .select2-selection--single {border: none;}
.select2-container .select2-search--inline .select2-search__field {margin: 12px 15px; color: #fff;}
ul.select2-selection__rendered {padding-right: 30px !important;}
ul.select2-selection__rendered:after {content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; opacity: 0.5;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 63px; width: 60px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 8px 7px 0 7px; margin-left: -7px;}

#our-trade  .items {margin-bottom: 50px;}
#our-trade  .item {background-color: var(--color_black); border-radius: 100px; margin-bottom: 30px; height: 174px;}
#our-trade  .item .row, #our-trade  .item .title, #our-trade  .item .description {height: 174px; display: flex;}
#our-trade  .items .item .title {padding: 25px 45px; align-items: center;}
#our-trade  .items .item .title h3 {font-size: 1.875rem; font-weight: 900;}
#our-trade  .items .item .description {padding: 25px 45px; background-color: var(--primary); border-radius: 100px; color: var(--color_white); align-items: center;}

#our-trade #ideation-process p.spl, #our-trade #explore-ideas p.spl {font-size: 1.563rem; font-weight: 700; color: var(--color_black); line-height: normal;}

#explore-ideas .item-result {background: #f2f2f2; padding: 15px; border-radius: 15px; margin-bottom: 30px;}
#explore-ideas .item-result .carousel-item {padding-top: 84%;}
#explore-ideas .item-result .cat-details {position: relative; height: 100%;}
#explore-ideas .item-result .cat-details:after {content: ''; position: absolute; right: -10px; top: 0; bottom: 0; border-right: 1px solid #bfbfbf;}
#explore-ideas .item-result .cat-details h3 {text-transform: none; margin-bottom: 15px;}
#explore-ideas .item-result .cat-details p {font-size: 1rem; font-weight: 600; line-height: 1.8;}
#explore-ideas .item-result .desc p {font-size: 1rem;}
#explore-ideas .filter-form .form-control {border-color: #8a8a8a;}
#explore-ideas .filter-form .filter-result-text {color: var(--primary); display: none !important;}

#our-trade #match-your-investments {background-color: #f8f8f800;}
/* vinay */
#our-trade #match-your-investments .items{display: flex;flex-wrap: wrap; justify-content: space-evenly; }
/* --- */
#our-trade #match-your-investments .title{text-align: left; padding:20px 0;}
#our-trade #match-your-investments p.spl, #career-wrapper p.spl {font-size: 1.5rem; font-weight: 500; color: var(--color_black);}
#our-trade #match-your-investments .block { display: block; border: 1px solid #d0d0d0; background-color: var(--color_white); border-radius: 10px; text-align: center; font-size: 1.188rem; font-weight: 700; color: var(--color_black); height: 180px; width:150px; margin-bottom: 30px; padding: 20px; position: relative; text-decoration: none;}
#our-trade #match-your-investments .block:before {content: '+'; width: 54px; height: 54px; border-radius: 50%; background-color: var(--primary); color: var(--color_white); position: absolute; right: -10px; top: -10px; display: flex; align-items: center; justify-content: center; font-size: 35px; font-weight: 300; opacity: 0; transform: scale(0); transition: all 0.4s;}
#our-trade #match-your-investments .block:hover::before {opacity: 1; transform: scale(1);}
#our-trade #match-your-investments .block:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
#our-trade #match-your-investments span {display: block;}
#our-trade #match-your-investments .block .icon {height: 60px; display: flex; align-items: center; justify-content: center;}
#our-trade #match-your-investments .block .icon img {align-self: center; filter: var(--imgPrimary); width:50%;}
#our-trade #match-your-investments .block .text {display: flex; height: 80px; align-items: center; justify-content: center;}



.nav-tabs.style1 {justify-content: center; border-bottom: 1px solid #d0d0d0; padding-bottom: 50px;}
.nav-tabs.style1 a {font-size: 1.25rem; font-weight: 700; color: var(--color_black); text-transform: uppercase; padding: 0 0 17px; margin: 0 45px; border: none;}
.nav-tabs.style1 a span {display: block; position: relative;}
.nav-tabs.style1 a span:before {content: ''; width: 100%; height: 8px; background-color: var(--color_black); position: absolute; left: 0; right: 0; bottom: -15px; margin: 0 auto; display: none;}
.nav-tabs.style1 a.active, .nav-tabs.style1 a:hover {color: var(--primary); text-decoration: none; margin-top: 55px; font-size: 30px;}
.nav-tabs.style1 a.active span:before {display: block;}

.carousel .carousel-inner.style1 {border-radius: 15px;}
.carousel .carousel-inner.style1 .carousel-item {position: relative; padding-top: 70%;}
.carousel .carousel-inner.style1 .carousel-item a {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.carousel .carousel-inner.style1 .carousel-item a:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(transparent, rgba(0,0,0,0.5)); z-index: 1;}
.carousel .carousel-inner.style1 .carousel-item img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

#our-trade #resale-business-listing .item-wrap .carousel-inner {margin-bottom: 30px; border-radius: 15px; position: relative;}
#our-trade #resale-business-listing .item-wrap .carousel-inner::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(transparent, rgba(0,0,0,0.5)); z-index: 1;}
#our-trade #resale-business-listing .item-wrap .carousel-item {height: 345px; border-radius: 15px; overflow: hidden;}
#our-trade #resale-business-listing .item-wrap .carousel-item img {height: 345px; width: 100%; object-fit: cover;}
#our-trade #resale-business-listing .item-wrap .details p {margin-bottom: 5px; font-size: 1rem;}
#our-trade #resale-business-listing .owl-dots {margin-top: 40px;}

.carousel-indicators li {width: 10px; height: 10px; border-radius: 50%;}

.modal-lg, .modal-xl {max-width: 900px;}
.modal-content {border-radius: 15px; border: none;}
.modal-header {border: none; position: relative; z-index: 1;}
.modal-header-custom {position: relative; margin-bottom: 25px;}
.modal-header-custom:before {content: ''; height: calc(100% + 50px); position: absolute; left: -16px; right: -16px; top: -72px; background-color: #f8f8f8; border-radius: 15px 15px 0 0;}
.modal-header-custom .modal-title {display: flex; border-bottom: 1px solid #c6c6c6; padding-bottom: 30px; margin-bottom: 30px;}
.modal-header-custom .modal-title img {filter: var(--imgPrimary); margin-right: 20px; align-self: center;}
.modal-header-custom p {font-size: 1.125rem; font-weight: 700; color: var(--color_black); margin-bottom: 0;}
.modal-header-custom p span {font-weight: 500; color: var(--primary);}
.modal-header-custom .pic {border-radius: 25px; overflow: hidden;}
.modal-body h2.title {font-size: 2rem; font-weight: 700; color: var(--color_black); text-transform: none;}
.modal-body h3 {font-size: 2rem; font-weight: 700; color: var(--primary); text-transform: none;}
.modal-body ul li {margin-bottom: 7px;}

#hot-biz .item {margin-bottom: 30px;}
#hot-biz .item p {font-size: 1.375rem; font-weight: 600; margin: 10px 0 0; line-height: normal;}

#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {background-color: transparent;}



/* Franchise Business Logo */

 .container .our-partner-logos,.our-associate-brand-logos{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.container .our-partner-logos>div{
    height: auto;
    width: 18%;
    margin-bottom: 20px;
}

.container .our-partner-logos>div>img{
    
    width: 100%;
    object-fit: cover;
}

.container .our-associate-brand-logos>div{
    height: 200px;
    width: 200px;
    margin-bottom: 20px;
}

.container .our-associate-brand-logos>div>img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}