﻿@charset "UTF-8";
/*  Base CSS Start */
:root{
  --main-yellow:#ffcc00;
  --main-black:#1f1f1f;
  --main-blue:#3848c7;
  --body-txt-color:#505050;
  --dark-blue:#00153e;
  --bg-gray:#f1f1f1;
  --mt-white:#ffffff;
  --font-bebas: 'Bebas Neue', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --font-raleway: 'Raleway', sans-serif;
  --ft-bg-gradient:linear-gradient( 180deg, rgb(0,0,0) 0%, rgb(31,31,31) 55%, rgb(36,36,36) 70%, rgb(40,40,40) 100%);
}
*{margin:0;padding:0;box-sizing: border-box;}
html{font-smoothing: antialiased;-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;scroll-behavior: smooth;}
body::-webkit-scrollbar {width:10px;background:var(--mt-white);}
body::-webkit-scrollbar-track {background-color:var(--mt-white);}
body::-webkit-scrollbar-thumb {background:var(--main-yellow);width:4px;border-radius:2px;}
body{color:var(--body-txt-color);background:var(--mt-white);font-style:normal;font-weight: 400;font-size:16px;overflow-x:hidden;font-family: var(--font-body);}
h1,h2,h3,h4,h5,h6,button,.btn,li,a{font-style:normal;}
h1{font-weight:500;font-family: var(--font-bebas);margin-bottom: 30px;letter-spacing: 1.0px}
h2,h3,h4,h5,h6{font-weight:500;font-family: var(--font-bebas);margin-bottom: 18px;letter-spacing: 1.0px}
p{font-size:16px;line-height: 36px;margin-bottom: 30px;}
p:last-child{margin-bottom: 0}
a{text-decoration:none;}
a:hover, a:focus,a:active{outline:none;text-decoration:none;}
ul, li{list-style:none;padding:5px 0px 5px 0px; margin:0;}
.btn,button{font-family: var(--font-poppins);font-weight: 500}
.clearfix:after{content: " ";display: block;clear: both;height: 0;visibility: hidden;} 

/*transition*/
a,.btn,button,
.offcanvas,a:before,a img,
.card-arrow a i,.team-card-img a:before,
.case-study-wrap .card,.case-study-wrap .card span{-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}

/*Body CSS*/
h1{font-size:55px;line-height:1.125;}
h2{font-size:45px;line-height:52px;}
h3{font-size:34px;line-height:38px;}
h4{font-size:20px;line-height:30px;text-transform: uppercase;font-family: var(--font-raleway);}
h5{font-size:18px;line-height:20px;}
p a{font-weight:600;color:var(--main-blue);}
p a:hover{font-weight:600;color:var(--main-pink);}
button,.btn{font-size:18px;line-height:20px;font-family:var(--font-poppins);font-weight: 500}

/*Global CSS*/
.section-padding{padding: 50px 0}
.has-gray-bg{background-color: var(--bg-gray)}
.has-bg-image{background-size: cover}
.has-yellow-bg{background-color:var(--main-yellow);}
.has-half-bg{position: relative;}
.has-half-bg:before{position: absolute;left: 0;top: 0;content:"";width: 100%;height: 30%;background-color: var(--bs-white);}
.has-half-bg > *{position: relative;}

.has-half-bg-gray{position: relative;}
.has-half-bg-gray:before{position: absolute;left: 0;top: 0;content:"";width: 100%;height: 50%;background-color: var(--bg-gray);}
.has-half-bg-gray > *{position: relative;}

.slick-arrow{font-size: 20px}
.slick-arrow:before{display:none}
.slick-prev, .slick-next{color: var(--main-black);}
.slick-prev:hover, .slick-next:hover{color: var(--main-blue);}

/*dropdown*/
.dropdown-toggle:after{display: none}
.dropdown-menu{border: 1px solid #ccc;border-radius: 0;}
.dropdown-menu a{font-family: var(--font-poppins);font-size: 16px}
.dropdown-menu a:hover{background-color: var(--main-blue);color: #ffffff !important}
.top-header{width:100%;position:relative;z-index: 999;}
.topbar{min-height: 75px;display: flex;justify-content: center;align-items: center;}
.topbar-content{font-family: var(--font-raleway);font-size:20px;font-weight:700;position: relative;}
.topbar-content span,.topbar-content a{padding: 10px 0}
.topbar-content span{margin-right: 16px;display: inline-block;}
.topbar-content a{background-color: var(--main-black);min-width: 260px;display: inline-flex;align-items: center;justify-content: center;border:2px solid var(--mt-white);font-family:var(--font-raleway);font-weight: 700;color:var(--mt-white);font-size: 16px;}

.topbar-content a img{margin-right: 16px;width: 24px;height: 24px;}
li.widget.widget_block{padding:0;}
.navbar{background-color:transparent;}
.navbar-brand img{width: 175px;height: auto}
.nav-item{position: relative;}
.nav-item:not(:first-child):before{content: "/";vertical-align: middle;display: inline-block;padding: 0 16px;color: var(--mt-white);}
.nav-link{font-size: 14px;font-weight: 500;line-height: 20px;font-family: var(--font-raleway);display: inline-block;color: var(--mt-white);}
.navbar-nav .nav-link.active,
.nav-link:hover{color: var(--main-yellow);}
.black-bg{background-color: var(--main-black);}
.ham-menu{color:var(--mt-white);font-size: 20px;margin-left: 40px !important}
.offcanvas-body{ --bs-offcanvas-padding-x:30px;}
.offcanvas .btn-close{--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");}
.sidebar-menu li:not(:last-child){margin-bottom: 18px}
.sidebar-menu li a{font-size: 18px;font-weight: 500;line-height: 25px;font-family: var(--font-raleway);display: inline-block;color:var(--mt-white);}
.sidebar-menu li a:hover{color: var(--main-teal);}
.sidebar-menu .dropdown .dropdown-menu{position: static !important;border: 0;transform: unset!important;background: transparent;padding-top: 20px}
.sidebar-menu .dropdown .dropdown-toggle{margin-left: 16px;}
.sidebar-menu .dropdown .dropdown-menu a:hover{color: var(--main-blue);}

.captions span{font-size: 60px;line-height: normal;font-family: var(--font-barlow);font-weight: 600;display: inline-block;margin-bottom: 30px}

.navbar_fixed .topbar{display: none;}
.navbar_fixed .navbar{width:100%;position: fixed;top:-100px;left: 0;width: 100%;background:var(--bs-black);transform:translateY(100px);transition:transform 500ms ease, background 500ms ease;-webkit-transition:transform 500ms ease, background 500ms ease;z-index:1001;padding: 0;box-shadow: 0 5px 5px rgba(0,0,0,0.2);}


.banner-section{position: relative;margin-top: -101px;min-height:calc(850px + 101px);background-size: cover;background-position: center;}
.banner-section picture{display: block;}
.banner-section picture img{width: 100%;height: auto;}
.banner-slider-captions{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.caption-title{font-size: 80px;line-height:1.2;color:var(--mt-white);font-family:var(--font-bebas);margin-bottom:50px;margin-top:70px;}
.caption-title span{color:var(--main-yellow);display:block;}
.p-title{font-size: 20px;font-family: var(--font-raleway);color:var(--mt-white);}
.enqirybox.card{background-color:var(--mt-white);}
.enqirybox .card-body{text-align: center;padding:20px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
.banner-section .svg-img{width:35px;position: absolute;bottom:40px;}


.enqirybox .card-body h4{font-size:28px;color:var(--main-black);font-weight: 700;text-align: center;margin-bottom: 5px;margin-top: 20px;padding-bottom:0;}
.enqirybox .card-body span{display: block;font-size:16px;color: var(--main-black);margin-bottom: 30px;}
ul.list-icon{margin-bottom:30px;padding:0 0 0 50px;}
ul.list-icon li{position:relative;padding-left:20px;font-size:15px;color:var(--main-black);text-align: left;margin-bottom: 10px;}
ul.list-icon li:before{content:'';width:20px;height:20px;position: absolute;left:-5px;top:7px;background-image: url(../png/tick-icon.png);background-repeat: no-repeat;}
.has-btn > a.btn{display:flex;width:100%;border:2px solid var(--mt-white);min-height:60px;text-align: center;padding: 12px 16px;font-weight:700;font-family: var(--font-raleway);margin-bottom:20px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);border-radius: 0;justify-content: center;align-items: center;}
.has-btn > a.btn span{margin:0;color:var(--mt-white);}
.has-btn > a.btn:hover{transform: translateY(-3px);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);}
.has-btn > a.black-btn{background: var(--main-black);color: var(--mt-white);}
.has-btn > a.black-btn:hover{background-color: var(--main-yellow);color:var(--main-black);}
.has-btn > a.black-btn:hover span{color: var(--main-black);}
.has-btn > a.yellow-btn{background-color: var(--main-yellow);color: var(--main-black);}
.has-btn > a.yellow-btn:hover{background-color: var(--main-black);color:var(--mt-white);}
ul.social-icons{display:flex;justify-content: center;margin-bottom: 30px;padding-top: 15px;}
ul.social-icons li{margin-right:10px;}
ul.social-icons li a{width:30px;height:30px;border-radius:100%;display:flex;justify-content: center;align-items: center;}
ul.social-icons li a img{width:18px;}
ul.social-icons li.fb a{background:#0766ff;}
ul.social-icons li.fb a img{width: 10px;}
ul.social-icons li.ins a{background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7);}
ul.social-icons li.tt a{background:#000000;}
ul.social-icons li.yt a{background:#ff0000;}





.inner-content small{font-size: 22px;font-family: var(--font-raleway);color:var(--main-black);font-weight:400}
.inner-content h1{font-size: 80px;color:var(--main-black);margin-bottom:30px;}
.inner-content h4{font-size: 20px;color: var(--main-blue);margin-bottom: 30px;}
.video-div{display: flex;flex:1;--bs-aspect-ratio:60%;}
.video-div iframe{width:100%;height: 100%;}

.cta-img{padding:0;border:2px solid var(--mt-white);}
.cta-img figure{margin:0;}
.cta-img figure a{display: flex;flex: 1;position:relative;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.cta-img figure a span{width:100%;display: block;position: absolute;left:0;bottom:40px;text-align: center;font-size:28px;color:var(--mt-white);font-family:var(--font-bebas);}
.cta-img figure a img{width: 100%;height:100%;}
.cta-img figure a:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);z-index:999;border:10px solid var(--main-yellow);}
.cta-img figure a:hover span{font-size: 36px;}




.home-blog-post h2{margin-top: 30px;margin-bottom:50px;text-align: center;color: var(--main-black);}
.card{border:0;border-radius: 0;background-color:transparent;}
.card-img-top{position: relative;overflow: hidden;}
.card-img-top:before{content:"";display: block;width: 100%;padding-top: 70%;}
.card-img-top img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:cover}
.card-body{padding: 14px 0px 24px;background-color: transparent;}
.card-body .card-title{color: var(--main-black);}
.card-body h3{margin-bottom: 20px}
.card-body p{font-size: 16px;line-height: 30px;}
.home-blog-post .card-body p{min-height: 150px;}
.home-blog-post .has-btn > a{background-color: var(--main-black);display: inline-flex;padding:10px 20px;color: var(--mt-white);width: auto;}



.cta-sec{min-height:750px;display: flex;align-items: center;}
.cta-sec h2{color: var(--mt-white);}
.cta-sec p{text-align: justify;color:var(--mt-white);}
.cta-sec a.btn{display:inline-flex;border:2px solid var(--mt-white);min-height:64px;text-align: center;padding: 12px 30px;font-weight:700;font-family: var(--font-raleway);margin-bottom:30px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);border-radius: 0;justify-content: center;align-items: center;}
.cta-sec a.yellow-btn{background-color: var(--main-yellow);color: var(--main-black);}
.cta-sec a.yellow-btn:hover{background-color: var(--main-black);color:var(--mt-white);}



.review-sec{background-size:cover;background-size:100% 50%;background-repeat: no-repeat;}
.review-sec h2{color:var(--mt-white);text-align: center;margin-top:30px;margin-bottom:5px;}
.review-carousel .card{}
.review-sec .card{background-color: var(--mt-white);text-align: center;box-shadow: 1.5px 2.598px 10px 0px rgba(40, 40, 40, 0.3);margin:120px 15px 80px;}
.review-sec .card p{padding:0 30px 30px;text-align:center;}
.profile-card-img{width: 127px;height: 127px;border-radius: 100%;margin:-60px auto 30px;background-color:var(--mt-white);padding:0px;overflow:hidden;box-shadow: 1.5px 2.598px 10px 0px rgba(40, 40, 40, 0.3);display:flex;justify-content: center;align-items: center;}
.profile-card-img img{width:100%;height: 100%;object-fit: cover;object-position: center;padding:5px;border-radius: 100%;}

.star-rating{display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;margin:10px 0;}
.star-rating li{margin-right: 5px;}

.ft-cta-sec{min-height: 750px;background-attachment:fixed;background-size:cover;position:relative;}
.ft-cta-sec:before{content:'';width:100%;height: 100%;position: absolute;left:0;top:0;background-color:rgba(0,0,0,0.5);}
.ft-cta-sec .container{z-index: 9;position:relative;}


.location-sec{min-height:750px;background-size:contain;background-repeat: no-repeat;background-position:bottom center;}
.location-sec h2{color:var(--main-black);text-align: center;margin-top:20px;margin-bottom:60px;}
.location-sec .card{box-shadow: 0px 3px 45px 0px rgba(0, 0, 0, 0.07);background-color: var(--mt-white);border:1px solid var(--dark-blue);padding:20px;margin-bottom:500px;}
.loc-card{padding:20px 30px;text-align: center;}
.address li,
.address li a{font-size:20px;color:var(--body-txt-color);display: block;text-align: left;font-weight: 400;}
.address li{padding:0 0 10px 20px;position:relative;}
.address li:before{content:'';width:25px;height: 25px;position: absolute;left:-10px;top:0;background-size:auto 100%;background-repeat: no-repeat;}
.address li.loc-icon:before{background-image: url(../svg/map.svg);}
.address li.ph-icon:before{background-image: url(../svg/phone.svg);}
.address li.fx-icon:before{background-image: url(../svg/fax.svg);}





.footerwrap{padding:40px 0 0;background-image: -moz-linear-gradient( -90deg, rgb(0,0,0) 0%, rgb(31,31,31) 55%, rgb(36,36,36) 70%, rgb(40,40,40) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(0,0,0) 0%, rgb(31,31,31) 55%, rgb(36,36,36) 70%, rgb(40,40,40) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(0,0,0) 0%, rgb(31,31,31) 55%, rgb(36,36,36) 70%, rgb(40,40,40) 100%);}

.footerwrap .ft-logo{position:relative;margin:20px 0 70px;text-align: center;}
.footerwrap .ft-logo:before{content:'';width: 100%;height: 2px;background-color: var(--mt-white);position: absolute;left:0;top:50%;}
.footerwrap .ft-logo a{display:inline-block;padding: 0px 20px 20px 20px;background-color: #0d0d0d;position:relative;z-index: 99;}
.footerwrap .ft-logo a img.svg-logo{width: 312px;z-index: 99;}
.ft-content p{font-size: 16px;color:var(--mt-white);line-height: 32px;margin-bottom:30px;}
.ft-content p:last-child{margin-bottom: 30px;}
.ft-content p span{color:var(--main-yellow);}
.ft-content p a{text-decoration:underline;color:var(--mt-white);font-weight:400;}


.subscribe-form{marrgin:30px 0;}
.subscribe-form .form-group{position:relative;margin-bottom: 20px;}
.subscribe-form .form-group .form-control{border:0;border-radius:0;background-color: transparent;border-bottom:1px solid var(--mt-white);height:50px;font-size:16px;color:var(--mt-white);margin-bottom: 20px;}
.subscribe-form .form-group .submit-btn{display:inline-flex;width:100%;border:2px solid var(--mt-white);min-height:60px;text-align: center;padding: 12px 16px;font-weight:700;font-family: var(--font-raleway);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);border-radius: 0;justify-content: center;align-items: center;background-color:var(--main-yellow);color:var(--main-black);text-transform: uppercase;font-size: 16px;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.subscribe-form .form-group .submit-btn:hover {transform: translateY(-3px);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);background-color:var(--mt-white);border-color:var(--main-yellow);color:var(--main-black);}

.subscribe-form .form-group .form-control::-ms-input-placeholder {color:var(--mt-white);}
.subscribe-form .form-group .form-control::placeholder {color:var(--mt-white);}


.ft-row{margin-bottom:50px;}
.ft-col{margin-top:50px;}
.ft-inner{padding-right:40px;}
.ft-inner h5{font-size: 30px;color: var(--mt-white);margin-bottom:30px;}
.ft-social-icon{display: flex;margin-top:30px;}
.ft-social-icon li.fb a img{width: 10px;}
.ft-social-icon li{margin-right:10px;}
.ft-social-icon li a{width: 30px;height: 30px;display:flex;border-radius: 100%;border:1px solid var(--mt-white);justify-content: center;align-items: center;}
.ft-social-icon li.ins:hover a{background-image:linear-gradient(#8a3ab9,#e95950, #bc2a8d,#fccc63);border-color:transparent;}
.ft-social-icon li.fb:hover a{background-color:#316FF6;border-color:#316FF6;}
.ft-social-icon li.tt:hover a{background-color:#ff0050;border-color:#ff0050; }
.ft-social-icon li.yt:hover a{background-color:#FF0000;border-color:#FF0000;}


.ft-social-icon li:hover a{box-shadow: 0 5px 4px rgba(0,0,0,.5);transform: translate(0, -10%);}
.ft-social-icon li a img{width:16px;}


.ft-menu li{margin-bottom: 4px;}
.ft-menu li a{line-height: 34px;color:var(--mt-white);}




.footerwrap hr{width: 100%;height: 2px;background-color: var(--mt-white);border:0;opacity: 1;}
.copyright{padding:20px 0 35px;color:var(--mt-white);text-align: center;}

.card-has-line-alter{position: relative}
.card-line-overflow .col-12:first-child .card-has-line-alter:before,
.card-line-overflow .col-12:last-child .card-has-line-alter:before{content: "";width: 9999px;height: 1px;background-color: var(--bs-black);position: absolute;top: 45px;z-index: 1}
.card-line-overflow .col-12:first-child .card-has-line-alter:before{right: -36px;}
.card-line-overflow .col-12:last-child .card-has-line-alter:before{left: -36px}
.card-has-line-alter .card-body{background-color: #ffffff;position: relative;z-index:1}
.breadcrumb{margin:0;}
.breadcrumb-item a{font-size: 16px;font-weight: 500;color: var(--main-black);}
.breadcrumb-item a:hover{color:var(--main-blue);}
.breadcrumb-item{font-size: 13px;font-weight: 500;color: var(--main-black);}

.inner-banner-sec{}
.inner-header .navbar{background-color: var(--main-black);}
.inner-about-sec{background-image:var(--ft-bg-gradient);}
.inner-banner-sec figure{margin:0;}
.inner-banner-sec img{width: 100%;}
.inner-about-sec a.btn{min-width:300px;display:inline-flex;border:2px solid var(--mt-white);min-height:60px;text-align: center;padding: 12px 16px;font-weight:700;font-family: var(--font-raleway);margin-bottom:30px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);border-radius: 0;justify-content: center;align-items: center;}
.inner-about-sec a.yellow-btn{background-color: var(--main-yellow);color: var(--main-black);}
.inner-about-sec a.yellow-btn:hover{transform: translateY(-3px);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);background-color:var(--mt-white);border-color:var(--main-yellow);color:var(--main-black);}
.inner-about-sec small,
.inner-about-sec h1,
.inner-about-sec p{color:var(--mt-white);}
.inner-about-sec .video-div{border:8px solid var(--mt-white);}

.inner-about-sec .video-div{--bs-aspect-ratio:70%; }


.team-card{text-align: center}
.team-card figure{width: 170px;height: 170px;overflow: hidden;border-radius: 50%;}
.team-card figure img{width: 100%;height: 100%;object-fit: cover;object-position: center}
.team-card .team-card-img{position: relative;display: inline-block;}
.team-card .team-card-img a{position: absolute;bottom: 30px;right: 20px;font-size: 24px;color: #ffffff}
.team-card .team-card-img a:before{content:"";width: 50px;height:50px;background-color: #2867b1;border-radius: 50%}
.team-card .team-card-img a:before{position: absolute;right: 50%;bottom: 50%;transform: translate(50%,50%);}
.team-card .team-card-img a i{position: relative;z-index: 1;display: block;transition: all 300ms ease;}
.team-card p{font-weight: 600;margin-bottom: 0px}
.team-card .team-card-img a:hover:before{background: var(--bg-blue-grad); }


.blog-card{
    border: 0;
    background-color: var(--bs-white);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    --bs-card-spacer-y: 1.5rem;
    padding:10px;
    margin-bottom: 30px;
}
.blog-card .card-title{font-size: 20px;color: var(--main-black);padding:10px 20px;}
.blog-card .card-img-top{border:1px solid var(--bg-gray);margin:0;}
.blog-card .card-img-top img{width: 100%;padding:15px;}
.blog-card .card-body{padding:15px;}

.blog-card .card-body a.learnmore{display:inline-flex;border:2px solid transparent;background-color:var(--main-yellow);text-align: center;padding: 12px 16px;font-weight:700;font-family: var(--font-raleway);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);border-radius: 0;color: var(--main-black);}

.blog-card .card-body a.learnmore:hover{background-color:var(--main-black);color: var(--mt-white);transform: translateY(-5px);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);}




.blog-details-banner{height:200px;display:flex;align-items:center;background-image: -moz-linear-gradient( -90deg, rgb(0,0,0) 0%, rgb(31,31,31) 55%, rgb(36,36,36) 70%, rgb(40,40,40) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(0,0,0) 0%, rgb(31,31,31) 55%, rgb(36,36,36) 70%, rgb(40,40,40) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(0,0,0) 0%, rgb(31,31,31) 55%, rgb(36,36,36) 70%, rgb(40,40,40) 100%);}
.blog-details-banner h1{color:#fff;font-size:50px;margin-bottom:0;}
.leftaside figure img{width:100%;height:auto;}

.future-blogs{margin-bottom: 30px;}
.list-of-groups li{display:block;padding-left:30px;position: relative;}
.list-of-groups li a{font-size:14px;color:var(--main-black);font-weight:400;line-height: 34px;font-family: 'Open Sans', sans-serif;}
.list-of-groups li a:hover{color:var(--main-yellow);}
.list-of-groups li:before{content: '';width:10px;height:10px;position: absolute;left:6px;top:12px;border-top:1px solid #121212;
  border-left:1px solid #121212;padding: 0;transform: rotate(135deg);}
  .list-of-groups li:hover:before{border-color: #f6921e;}
.searchbox{margin:30px 0;}
.searchbox .form-control{border: 1px solid #5a5d62;border-right: 0;border-radius: 0;height:55px;}
.searchbar .btn{border: 0;border: 1px solid #5a5d62;border-left: 0;border-radius: 0;}
.searchbar .btn:hover{background:var(--main-black);color:#fff;transform: translateY(-5px);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);}
.searchbar .yellowbtn{background-color:var(--main-yellow);min-height:65px;border:0;border-radius:0;display:flex;justify-content:center;align-items:center;margin:30px 0;font-size:24px;color:#fff;text-transform:uppercase;font-weight:700;}




/* Sidebar tesmplate css */

.sidebar ul{display: block}
.sidebar ul li{display: block;width: 100%;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid rgba(0,0,0,1);margin-right: 20px;white-space: nowrap;letter-spacing: 0.4px;font-size: 15px;line-height: 30px;font-weight: 500;}
.sidebar ul li a{font-size: 16px;font-weight: normal;color: #242424;}
.arrow-points ul li{position: relative;}
.arrow-points ul li:before{content: '\f105';font-family: FontAwesome;margin-right: 14px;font-size: 16px;color: #242424}

.sidebar .dropdown > a{font-size: 16px;font-weight: 600;color: var(--sky-blue);}
.sidebar .dropdown-menu{padding:0;max-width:100%;width:100%;position:relative!important;transform:none!important;margin:5px 0!important;border: none;}
.sidebar  .dropdown-menu.show{display:flex;}
.sidebar  input[type="search"]{font-size:14px;border-radius:4px;color:#ffffff;background-color: var(--main-black);margin-right: 0!important;border-radius: 2px;color: #ffffff;padding: 16px 10px;border: none}
.sidebar  input[type="search"]:focus{outline: none;box-shadow: none;border: none;}
.sidebar  button[type="submit"]{border:none;padding:0;font-size:14px;background:none;color:#ffffff;}
.sidebar  button[type="submit"]{position: absolute;right: 16px;top: 0;bottom: 0;margin: auto;}
.sidebar input[type="search"]::placeholder {color: #ffffff;}


















