/*!
Theme Name: mita
Theme URI: http://underscores.me/
Author: Debabrata Mondal
Author URI: https://codeofdolphins.com/
Description: Advocate
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mita
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mita is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @charset "utf-8";

 /* CSS Document */
 
 .btn:focus,
 .btn:active:focus,
 .btn.active:focus,
 input:focus {
	 outline: none !important;
 }
 html {
	 scroll-behavior: smooth;
 }
 ul,
 ol {
	 list-style: none;
 }
 
 img {
	 max-width: 100%;
 }
 
 html,
 body {
	 height: 100%;
	 padding: 0;
	 margin: 0;
 }
 
 a:hover {
	 text-decoration: none !important;
 }
 
 body {
	 font-family: 'Poppins', sans-serif !important;
 }
 #header{
	 float: left;
	 width: 100%;
	 background: url(images/banner_bg.jpg) left -170px top;
	 background-repeat: no-repeat;
	 background-size: cover;
	 height: 100vh;
 }
 .header_top {
	 float: left;
	 width: 100%;
 }
 
 .header_top nav.navbar {
	 background: no-repeat;
	 border: 0;
	 border-radius: 0;
	 border-bottom: 1px solid #ffffff4d;
	 margin-bottom: 0;
 }
 
 .header_top nav.navbar .navbar-header .logo {
	 float: left;
	 height: auto;
 }
 
 .header_top nav.navbar  ul.nav.navbar-nav {
	 margin-top: 30px;
	 margin-left: 90px;
 }
 
 .header_top nav.navbar ul.nav.navbar-nav li a {
	 color: #ffffff;
	 text-transform: uppercase;
	 font-size: 17px;
	 margin-left: 10px;
	 transition: all ease 0.3s;
	 border-radius: 30px;
 }
 
 .header_top nav.navbar ul.nav.navbar-nav li a:hover, .header_top nav.navbar ul.nav.navbar-nav li a:focus, .header_top nav.navbar ul.nav.navbar-nav li.open a, .header_top nav.navbar ul.nav.navbar-nav li.active a {
	 background: #cdb091;
 }
 
 .header_top .navbar ul.nav.navbar-nav li.open ul li a {
	 background: none;
	 color: #ffffff;
 }
 
 .header_top .navbar ul.nav.navbar-nav li.open ul {
	 background: #cdb091;
 }
 .header_top .navbar ul.nav.navbar-nav li ul.dropdown-menu {
	 margin-top: 10px;
	 border-radius: 10px;
	 display: block;
	 visibility: hidden;
	 opacity: 0;
	 transform: translateY(50px);
	 transition: .5s ease all;
 }
 
 .header_top .navbar ul.nav.navbar-nav .open> ul.dropdown-menu {
	 display: block;
	 visibility: visible;
	 opacity: 1;
	 transform: translateY(0);
	 transition: .5s ease all;
	 z-index: 999999999;
	 padding: 0;
 }
 
 .header_top .navbar ul.nav.navbar-nav li ul.dropdown-menu li a {
	 color: #fff;
	 margin-left:0;
	 border-radius: 6px;
	 padding: 5px 15px;
 }
 
 .header_top .navbar ul.nav.navbar-nav li a:focus, .header_top .navbar ul.nav.navbar-nav li a:active {
	 background: #cdb091;
 }
 
 .header_top .navbar ul.nav.navbar-nav .open a {
	 background-color: #cdb091;
 }
 .header_top nav.navbar .navbar-right span {
	 float: left;
	 width: 22%;
 }
 
 
 
 .header_top nav.navbar .navbar-right  p {
	 color: #ffffff;
	 font-size: 19px;
	 float: right;
	 width: calc(100% - 27%);
	 margin-left: 10px;
 }
 
 .header_top nav.navbar .navbar-right {margin-left: 0 !important;text-align: right;width: 220px;}
 
 .header_top nav.navbar .navbar-right p span {
	 width: auto;
 }
 .header_top .navbar ul.nav.navbar-nav li ul.dropdown-menu li a:hover {
	 background: #ffffff;
	 color: #000000;
 }
 .banner {
	 float: left;
	 width: 100%;
	 position: relative;
	 height: calc(100% - 108px);
	 overflow: hidden;
 }
 
 .banner_tag {
	 float: left;
	 width: 100%;
	 height: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 
 .banner_image {
	 float: right;
	 width: 692px;
	 margin-top: 10px;
 }
 
 .banner_text {
	 float: left;
	 height: 100%;
	 width: calc(100% - 600px);
	 margin-left: 189px;
	 padding-left: 90px;
 }
 .banner_text h1 {
	 color: #ffffff;
	 text-transform: uppercase;
	 font-size: 45px;
 }
 
 .banner_text h2 {
	 color: #cdb091;
	 font-size: 25px;
 }
 
 .banner_text p {
	 color: #ffffff;
	 padding-right: 180px;
	 line-height: 25px;
 }
 
 .exp {
	 float: left;
 }
 
 .exp h1 {
	 font-size: 100px;
	 color: #cdb091;
	 font-weight: bold;
	 float: left;
	 margin-right: 5px;
 }
 
 .exp h2 {
	 float: left;
	 width: 67%;
	 font-size: 33px;
	 text-transform: uppercase;
	 font-weight: 500;
	 margin-top: 35px;
	 color: #ffffff;
 }
 #about {
	 float: left;
	 width: 100%;
	 padding: 25px 0;
	 position: relative;
 }
 
 .about_top {
	 float: left;
	 width: 100%;
	 margin-bottom: 35px;
 }
 
 .about_top .about_left {
	 float: left;
	 width: 100%;
	 margin-top: 60px;
 }
 
 .about_top .about_left h1 {
	 font-size: 39px;
	 font-weight: bold;
	 color: #a6a6a6;
	 margin-bottom: 0;
 }
 
 .about_top .about_left h2 {
	 font-size: 39px;
	 font-weight: bold;
	 color: #000000;
	 margin-top: 0;
	 margin-bottom: 15px;
	 text-transform: uppercase;
 }
 
 .about_right {
	 float: left;
	 width: 100%;
	 margin-top: 50px;
 }
 
 .about_right .image_one {
	 float: right;
	 position: relative;
	 width: 60%;
	 border: 2px solid #000000;
	 padding: 10px;
 }
 
 .image_two {
	 float: left;
	 position: relative;
	 width: 40%;
	 border: 2px solid #000000;
	 padding: 10px;
	 margin-top: 78px;
	 left: 76px;
 }
 
 .about_top .about_left a {
	 border-radius: 30px;
	 border: 1px solid #000000;
	 color: #000000;
	 padding: 5px 10px;
	 margin-top: 10px;
	 display: inline-block;
	 font-size: 15px;
	 transition: all ease 0.3s;
 }
 
 .about_top .about_left a:hover {
	 background: #cdb091;
	 color: #ffffff;
 }
 
 .about_bottom {
	 float: left;
	 width: 100%;
	 margin-top: 25px;
	 margin-bottom: 35px;
 }
 
 .about_bottom .court_image {
	 float: left;
	 width: 100%;
	 padding: 10px;
	 border: 2px solid #000000;
 }
 
 .about_bottom  h1 {
	 float: left;
	 width: 100%;
	 margin-top: 0;
	 font-weight: bold;
	 text-transform: uppercase;
 }
 
 .about_bottom ul {
	 float: left;
	 width: 100%;
	 padding-left: 20px;
	 list-style: disc;
 }
 
 .about_bottom ul li {
	 float: left;
	 width: 100%;
	 font-size: 19px;
	 margin-bottom: 10px;
	 font-weight: 500;
 }
 
 .about_top {
	 position: relative;
 }
 
 .about_top:before {
	 position: absolute;
	 content: "ABOUT";
	 top: 0;
	 left: 220px;
	 -webkit-text-stroke: 1px #f3f3f3;
	 -webkit-text-fill-color: white;
	 font-size: 190px;
	 font-weight: bolder;
	 z-index: -1;
 }
 
 #award {
	 float: left;
	 width: 100%;
	 padding: 30px 0;
 }
 
 #award h1 {
	 color: #000000;
	 text-transform: uppercase;
	 font-weight: bold;
	 float: left;
	 width: 100%;
	 margin-bottom: 25px;
	 padding-left: 10px;
 }
 
 #award #owl-demo {
	 float: left;
	 width: 100%;
 }
 
 #award #owl-demo .item {
	 float: left;
	 width: 100%;
	 padding: 0 10px;
 }
 
 #award #owl-demo .item img {
	 width: 100%;
	 height: 260px;
	 object-fit: cover;
 }
 
 #award #owl-demo .owl-prev {
	 position: absolute;
	 top: 40%;
	 left: -8px;
	 background: #ffffff;
	 opacity: 1;
	 border-radius: 100%;
	 width: 30px;
	 height: 30px;
	 color: #000000;
	 text-align: center;
	 box-shadow: 0px 0px 6px -3px #000000;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 17px;
 }
 
 #award #owl-demo .owl-next {
	 position: absolute;
	 top: 40%;
	 right: -8px;
	 background: #ffffff;
	 opacity: 1;
	 border-radius: 100%;
	 width: 30px;
	 height: 30px;
	 color: #000000;
	 text-align: center;
	 box-shadow: 0px 0px 6px -3px #000000;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 17px;
 }
 #footer {
	 float: left;
	 width: 100%;
	 background: #131d28;
	 padding: 25px 35px;
	 margin-top: 80px;
	 margin-bottom: -19px;
	 height: 410px;
 }
 
 #footer .footer_inner {
	 float: left;
	 width: 100%;
	 background: #1d2b3b;
	 padding: 25px;
	 margin-top: -71px;
	 text-align: center;
	 position: relative;
	 height: 456px;
 }
 #footer .footer_inner .f_logo {
	 width: 140px;
	 height: 140px;
	 background: #1d2b3b;
	 border-radius: 100%;
	 display: inline-flex;
	 justify-content: center;
	 align-items: center;
	 margin-top: -80px;
 }
 
 #footer .footer_inner .f_logo img {
	 width: 65%;
	 margin-top: -20px;
 }
 #footer .footer_inner .left {
	 float: left;
	 width: 100%;
	 text-align: left;
 }
 
 #footer .footer_inner .left h1 {
	 color: #ffffff;
	 float: left;
	 width: 100%;
	 font-size: 30px;
 }
 
 #footer .footer_inner .left p {
	 color: #ffffff;
 }
 #footer .footer_inner .left .lv {
	 float: left;
	 width: 15%;
 }
 
 #footer .footer_inner .left .lv h1 {
	 float: left;
	 width: 100%;
	 font-size: 18px;
	 margin-bottom: 4px;
 }
 
 #footer .footer_inner .left .lv span {
	 color: #ffffff;
	 float: left;
	 width: 100%;
 }
 
 #footer .footer_inner .left .cl {
	 float: left;
	 width: calc(100% - 17%);
 }
 
 #footer .footer_inner .left .cl h1 {
	 float: left;
	 width: 100%;
	 font-size: 18px;
	 margin-bottom: 4px;
 }
 
 #footer .footer_inner .left .cl  span {
	 color: #ffffff;
	 float: left;
 }
 
 #footer .footer_inner .left  .eml {
	 float: left;
	 width: 100%;
 }
 
 #footer .footer_inner .left .eml h1 {
	 float: left;
	 width: 100%;
	 font-size: 18px;
	 margin-bottom: 10px;
 }
 
 #footer .footer_inner .left .eml h1 span {
	 font-size: 14px;
	 font-weight: normal;
 }
 
 #footer .footer_inner .left ul.social {
	 float: left;
	 width: 100%;
	 padding-left: 0;
	 margin-bottom: 0;
 }
 
 #footer .footer_inner .left ul.social li a {
	 color: #ffffff;
	 float: left;
	 border-radius: 100%;
	 width: 25px;
	 height: 25px;
	 border: 1px solid #ffffff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-right: 7px;
	 font-size: 13px;
 }
 
 #footer .footer_inner .right {
	 float: left;
	 width: 100%;
	 text-align: left;
 }
 
 #footer .footer_inner .right h1 {
	 color: #ffffff;
	 float: left;
	 width: 100%;
	 font-size: 30px;
	 margin-bottom: 15px;
 }
 
 #footer .footer_inner .right form {
	 float: left;
	 width: 100%;
 }
 
 #footer .footer_inner .right form input[type="text"] {
	 width: 100%;
	 background: none;
	 border: 0;
	 border-bottom: 1px solid #ffffff;
	 padding: 15px 0;
	 text-transform: uppercase;
	 color: #ffffff;
 }
 
 #footer .footer_inner .right form input[type="email"] {
	width: 100%;
	background: none;
	border: 0;
	border-bottom: 1px solid #ffffff;
	padding: 15px 0;
	text-transform: uppercase;
	color: #ffffff;
}


 #footer .footer_inner .right form input[type="text"]::placeholder {
	 color: #ffffff;
 }
 

 #footer .footer_inner .right form input[type="email"]::placeholder {
	color: #ffffff;
}
 #footer .footer_inner .right form textarea {
	 width: 100%;
	 background: none;
	 border: 0;
	 border-bottom: 1px solid #ffffff;
	 padding: 15px 0;
	 color: #ffffff;
	 resize: none;
	 text-transform: uppercase;
 }
 
 #footer .footer_inner .right form textarea::placeholder {
	 color: #ffffff;
 }
 
 .sbmt {
	 float: left;
	 color: #000000;
	 padding: 10px 25px;
	 border: 0;
	 text-transform: uppercase;
	 background: #cdb091;
	 font-weight: 500;
	 font-size: 16px;
 }
 #testimonial {
	 float: left;
	 width: 100%;
	 background: #1a242f;
	 position: relative;
	 height: 667px;
 }
 
 #testimonial .item {
	 float: left;
	 width: 100%;
 }
 
 #testimonial .item .image {
	 float: left;
	 width: 50%;
 }
 
 #testimonial .item  .text {
	 float: left;
	 width: 50%;
	 padding: 25px;
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 text-align: left;
	 height: 100%;
	 margin-top: 100px;
 }
 
 #testimonial .item .text h1 {
	 text-align: left;
	 float: left;
	 color: #ffffff;
	 font-size: 27px;
 }
 
 #testimonial .item .text p {
	 color: #ffffff;
 }
 
 #testimonial .item .text .star {
	 float: left;
 }
 
 #testimonial .owl-buttons .owl-prev {
	 position: absolute;
	 top: 50px;
	 right: 100px;
	 border-radius: 0;
	 width: 30px;
	 height: 30px;
	 display: flex;
	 align-items: center;
	 opacity: 1;
 }
 
 #testimonial .owl-buttons .owl-next {
	 position: absolute;
	 top: 50px;
	 right: 60px;
	 border-radius: 0;
	 width: 30px;
	 height: 30px;
	 display: flex;
	 align-items: center;
	 opacity: 1;
 }


 
/*////////////////05/06/2023///////////////////////////
/*=====About=====*/
.inner_banner {
    /* position: absolute; */
    top: 0;
    left: 0;
    /* height: 100%; */
    overflow: hidden;
}

.inner_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner_banner:before {
    content: "";
    position: absolute;
    background: #00000099;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


/*====Award==*/
.imageGallery1 {
    float: left;
    width: 100%;
}

.imageGallery1 .item {
    float: left;
    width: 33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.imageGallery1 .item img {
    height: 330px;
}
.imageGallery1 h1 {
    border-bottom: 2px solid #666666;
    padding-bottom: 10px;
}


/*====Contact====*/
/*===*/
.footer_get_touch_outer {
    margin-top: 80px;
  }
  .container {
    width: 95%;
    max-width: 1140px;
    margin: auto;
  }
  .grid-70-30 {
    display: grid;
    grid-template-columns: 100%;
  }
  .get_form_inner {
    display: block;
    padding: 50px 40px;
    background: #fff;
    box-shadow: -4px -2px 20px -7px #cfd5df;
  }
  input[type="text"], input[type="text"], input[type="email"], input[type="tel"] {
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    color: #333;
    height: 42px;
    padding: 0 0 0 20px;
    width: 100%;
    outline: 0;
  }
  .grid-50-50 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  .grid-full {
    margin: 20px 0;
  }
  textarea {
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    color: #333;
    padding: 12px 0 0 20px;
    width: 100%;
    outline: 0;
    margin-bottom: 20px;
  }
  .get_form_inner_text h3 {
    color: #333;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 40px;
  }
  input[type="submit"] {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    background: transparent;
    border: 2px solid;
    font-weight: 500;
    padding: 10px 20px;
    outline: 0;
    cursor: pointer;
    color: #103e65;
    transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  input[type="submit"]:hover {
    background-color: #cdb091;
    border-color: #cdb091;
    color: #fff;
  }
  .get_say_form {
    display: inline-block;
    padding: 45px 0 25px 30px;
    background: #cdb091;
    position: relative;
  }
  .get_say_form h5 {
    color: #fff;
    font-size: 26px;
    margin: 0 0 40px;
  }

  .get_say_social-icn {
    display: flex;
    position: absolute;
    bottom: 40px;
  }
  .get_say_social-icn a {
    font-size: 22px;
    color: #fff;
    padding: 0 20px 0 0;
  }
  .get_say_info_sec i {
    color: #fff;
    font-size: 32px;
  }
  .get_say_info_sec > li {
    display: grid;
    grid-template-columns: 40px auto;
    align-items: center;
    margin-bottom: 40px;
  }
  .get_say_info_sec > li a {
    width: 100%;
    display: block;
    padding: 15px 25px;
    color: #fff;
    font-size: 16px;
    text-decoration: unset;
    font-weight: 500;
    background: #162b65;
    border-radius: 5px 0 0 5px;
    transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .get_say_info_sec > li a:hover {
    background-color: #0073bb;
  }
  .contact {
    float: left;
    width: 100%;
    margin: 30px 0;
}
.get_say_form iframe {
    height:400px;
}

.contact_form .colmun-30.get_say_form {
    padding: 10px;
}
.inner_page {
    float: left;
    width: 100%;
    margin-top: -110px;
}
.inner_banner {
    float: left;
    width: 100%;
    height: 431px;
    position: relative;
}

.case_box {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    background: #ffffff;
    border-radius: 4px;
    padding: 15px 0px;
}

.case_box .left, .case_box .right {
    float: left;
    width: 100%;
}

#case {
    float: left;
    width: 100%;
    background: #eeeeee;
    padding-top: 50px;
    padding-bottom: 50px;
}

.case_box .right h1 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 29px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #333333;
    padding-bottom: 5px;
}

.case_box .right  h2 {
    font-size: 19px;
    font-weight: 500;
    color: #000000;
    float: left;
    margin-top: 0;
    background: #cdb091;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.case_box .right p {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #a6a6a6;
}

.case_box .left {
    height: 250px;
    overflow: hidden;
}

.case_box .left img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}