@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

/*
font-family: 'Montserrat', sans-serif;
*/

body{
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #000000;
/*padding: 40px;*/
}
.nav_box{background-color: rgba(0,0,0,0.9); z-index: 999}
.nav_box2{background-color: rgba(255,255,255,0.9); z-index: 999;}

.nav-link {font-size: 18px; color: #FFFFFF !important; font-weight: 500; margin: 15px;}
.navbar-nav .nav-item .nav-link2.active {
    border-bottom: solid 2px red;
}
.navbar-nav .nav-item .nav-link2:hover {
    border-bottom: solid 2px red;
}

.nav-link2 {font-size: 18px; color: #000000 !important; font-weight: 500; margin: 15px; text-decoration: none;}
.navbar-toggler{background-color: transparent !important; border: none !important;}
.toggler-icon{color: #FFFFFF !important;}
.main_box3{background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/main_img3.jpg"); background-position: center; background-size: cover;background-attachment: fixed;}
.header_box{background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../img/header_bg.jpg"); background-position: center top;background-repeat: no-repeat; background-color: #070516; padding-top: 150px;}
.solution_hero{background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../img/solution_hero.png"); background-position: right top; background-repeat: no-repeat; background-color: #070516; padding-top: 150px; background-size: cover; z-index: 97; position: relative; margin-bottom: 100px; padding-top:100px; padding-bottom: 100px;}

.upper_text{text-transform: uppercase;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.logo{height: 80px;}
.logo_mobile{height: 60px;}
.space_box1{height: 550px;}
.space_box2{height: 30px;}
.green_bg{background-color: #248b4a;}
.vision_box{background-color: #1a192c;}
.vision_text{line-height: 1.6;}
.readmore_bt{border-radius: 15px;}
.bottom_box{background-color: #bdccd4;}
.contact_input{border-radius: 15px;}
.submit_bt{border-radius: 15px; background-color: #000000 !important;}
.bg-dark{background-color: #000000 !important;}
.text_green{color: #248b4a;}
.tab_link{color: #000000 !important;}
.skewedbox{
  padding: 120px 0;
  transform: skew(0deg, 3deg);
}
.skewedbox .content{
  transform: skew(0deg, -3deg);
}
.footer_link{text-decoration: none; color: #FFFFFF;}
.footer_link:hover{text-decoration: underline; color: #FFFFFF;}
.hamberger_icon{font-size: 60px;}

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .navbar-nav{background-color: #248b4a !important; padding: 10px !important; margin-top: 10px !important; border-radius: 5px;}
  .nav-link {margin: 5px; color: #CFCFCF !important; padding: 10px 15px;}
  .nav-link:hover {color: #FFFFFF !important;}
  .nav-link2 {margin: 5px; color: #CFCFCF !important; padding: 15px 15px !important;}
  .nav-link2:hover {color: #FFFFFF !important;}
  .nav-item2{padding-top: 15px !important;}
  .title1{font-size: 36px; padding-top: 50px;}
  .space_box2{height: 0px;}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .navbar-nav{background-color: #248b4a !important; padding: 10px !important; margin-top: 10px !important; border-radius: 5px;}
  .nav-link {margin: 5px; color: #CFCFCF !important; padding: 10px 15px;}
  .nav-link:hover {color: #FFFFFF !important;}
  .nav-link2 {margin: 5px; color: #CFCFCF !important; padding: 15px 15px !important;}
  .nav-link2:hover {color: #FFFFFF !important;}
  .nav-item2{padding-top: 15px !important;}
  .title1{font-size: 36px; padding-top: 50px;}
  .space_box2{height: 0px;}
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .navbar-nav{background-color: #248b4a !important; padding: 10px !important; margin-top: 10px !important; border-radius: 5px;}
  .nav-link {margin: 5px; color: #CFCFCF !important; padding: 10px 15px;}
  .nav-link:hover {color: #FFFFFF !important;}
  .nav-link2 {margin: 5px; color: #CFCFCF !important; padding: 15px 15px !important;}
  .nav-link2:hover {color: #FFFFFF !important;}
  .nav-item2{padding-top: 15px !important;}
  .title1{font-size: 28px; padding-top: 50px;}
  .title2{font-size: 28px;}
  .title3{font-size: 22px;}
}

/* Large devices (desktops, less than 1200px) samsung a71*/
@media (max-width: 1199.98px) {
  .title1{font-size: 48px; padding-top: 50px;}
  .green_box{background-color: #248b4a; padding: 50px 15px; }
  .title2{font-size: 34px; }
  .title3{font-size: 28px; }
  .solution_hero{background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("../img/solution_hero.png"); background-position: right top; background-repeat: no-repeat; background-color: #070516;}
}

/* X-Large devices (large desktops, less than 1400px)*/
@media (min-width: 1199.99px) {
.title1{font-size: 84px; padding-top: 50px;}
.green_box{background-color: #248b4a; padding: 50px 100px; }
.title2{font-size: 48px; }
.title3{font-size: 36px; }

 }