/* ------------------------------------------------
  Project:   BiDA 
  Author:    Meftahul Amin
------------------------------------------------ */

/* ------------------------
    Table of Contents

  1. General
  2. Typography
  3. Helper class
  4. Text color
  5. Background color
  6. Banner
  7. Background Position & Size
  8. Countdown
  9. Terms and Conditions
  10. Privacy Policy
  11. Contact
  12. Video
  13. Side Background
  14. List Icon
  15. Icon Size
  16. Background Effect
  17. Line Drop Animation
  18. Left-Right Position
  19. Shop Page
  20. Extra

/* ------------------------
    General
------------------------*/
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');*/
body {font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 26px; color: #7a7a7a; overflow-x: hidden;}
/*.page-wrapper{overflow-x: hidden;}*/

  
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');



/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif; font-weight: normal; margin-top: 0px; margin-bottom: 0px; color: #0f6849;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: 'Poppins', sans-serif; color: inherit; }
h1 { font-size: 70px; font-style: normal; line-height: 80px; font-weight: 700; letter-spacing: 0; }
h2 { font-size: 40px; font-style: normal; line-height: 50px; font-weight: 600; margin-bottom: 10px; position: relative; }
h3 { font-size: 30px; font-style: normal; line-height: 40px; font-weight: 600; }
h4 { font-size: 16px; font-style: normal; margin-bottom: 10px; font-weight: 400; line-height: 34px;  }
h5 { font-size: 20px; font-style: normal; margin-bottom: 10px; font-weight: 600; line-height: 26px; }
h6 { font-size: 18px; font-style: normal; line-height: 24px; margin-bottom: 10px; }
ul { margin: 0px; padding: 0px; }


.stylish_ttl{
  font-family: 'Calligraffitti', cursive;
  font-size: 40px;
  color: #fff;
  text-align: center;
}

.stylish_ttl_2{
  font-family: 'Calligraffitti', cursive;
  font-size: 45px;
  text-align: center;
  color: #fff;
  font-weight: 300;
}

/* ------------------------
    Helper class
------------------------*/
p { line-height: 1.7; }
.lead { font-weight: normal; font-size: 16px; line-height: normal; text-align: justify;}
.text-large{font-size: 100px; line-height: 100px;}
.text-decoration{text-decoration: underline;}

.z-index-0 { z-index: 0; position: relative; }
.z-index-1 { z-index: 1; position: relative; }
h1 span { color: #db2d26; }
section { padding: 50px 0; }

.font-w-3 { font-weight: 300; }
.font-w-4 { font-weight: 400; }
.font-w-5 { font-weight: 500; }
.font-w-6 { font-weight: 600; }
.font-w-7 { font-weight: 700; }
.font-w-8 { font-weight: 800; }
.font-w-9 { font-weight: 900; }
.line-h-2 { line-height: 1.6; }
.line-h-3 { line-height: 1.7; }
.line-h-4 { line-height: 1.8; }
.line-h-5 { line-height: 1.9; }

.letter-space-1 { letter-spacing: 5px; }
.letter-space-2 { letter-spacing: 10px; }
.letter-space-3 { letter-spacing: 15px; }


/* ------------------------
    Text color
------------------------*/
.text-theme { color: #db2d26; }
.text-theme2 { color: #fb3b3c; }
.text-black { color: #0d2c13; }
.text-grey { color: #7a7a7a; }
.text-rgba { color: rgba(255, 255, 255, 0.8); }


/* ------------------------
    Background color
------------------------*/
.green-bg{background-color: #088a5d;}
.white-bg { background-color: #ffffff; }
.dark-bg { background-color: #dadada; border-bottom: 1px solid #dadada;}
.light-bg { background-color: #ededed; }
.theme-bg { background-color: #696a6c; }
.theme-bg-2 { background-color: #696a6c; }
.transparent-bg { background-color: inherit !important; }

.latest_news_area{
  /*border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;*/
  background-color: #dadada;
}


.latest_news_area a{
  /*border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;*/
  background-color: #dadada;
  color: #000;
}

/* ------------------------
    Banner
------------------------*/
.fullscreen-banner { position: relative; height: auto;}
[data-bg-img] { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.align-center { position: absolute; top: 50%; width: 100%; z-index: 9; }
.fullscreen-banner .owl-carousel, .fullscreen-banner .owl-stage-outer, .fullscreen-banner .owl-stage, .fullscreen-banner .owl-item, .fullscreen-banner .item { /*height: 100%;*/ }
.banner-slider .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: auto; right: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; }
.banner-slider .active .image-layer { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }


/* -------------------------------
   Background Position & Size
-------------------------------*/
.bg-cover { background-size: cover; }
.bg-contain { background-size: contain; }
.bg-pos-l { background-position: left; }
.bg-pos-r { background-position: right; }
.bg-pos-rt { background-position: right top; }
.bg-pos-lt { background-position: left top; }
.bg-pos-rb { background-position: right bottom; }
.bg-pos-lb { background-position: left bottom; }
.bg-repeat { background-repeat: repeat; }


/* ------------------------
    Countdown
------------------------*/
.countdown {width: 100%; }
.countdown > li { font-weight: 700; list-style-type: none; text-align: center;}
.countdown > li span { font-size: 70px; font-weight: 700; line-height: 80px; display: inline-block; color: #fb3b3c; }
.countdown > li p { font-size: 20px; display: block; line-height: 30px; margin-bottom: 0; color: rgba(255,255,255,0.7); }


/* ------------------------
    Terms and Conditions
------------------------*/
.terms-and-conditions p { margin-bottom: 25px; }
.terms-and-conditions ul.list { margin-bottom: 20px; display: block; }
.terms-and-conditions ul.list li i { padding-right: 12px; font-size: 15px; }


/* ------------------------
    Privacy Policy
------------------------*/
.privacy-policy p { margin-bottom: 25px; }
.privacy-policy ul.list { margin-bottom: 20px; display: block; }
.privacy-policy ul.list li i { padding-right: 12px; font-size: 15px; }


/* ------------------------
    Contact
------------------------*/
.contact-media a{color: #0d2c13; display: block; margin-bottom: 10px;}
.contact-media a:hover{color: #db2d26;}

.form-group { margin-bottom: 20px; position: relative; }
label { font-size: 14px; color: #0d2c13 }
.form-control { height: 50px; color: #0d2c13; font-weight: 500; background-color: inherit; border:1px solid #e1e1e1; border-radius: 0;}
.input-2{border: none; background: #e4fcfa}
.theme-bg .form-control, .dark-bg .form-control { background-color: inherit; border-color: rgba(255,255,255,0.15); }
.dark-bg .form-control, .theme-bg .form-control { color: #ffffff; }
.grey-bg .form-control { background: #ffffff }
textarea.form-control { height: 150px; }
.form-control:focus { box-shadow: none; background: none; border-color: #fb3b3c; }
.form-control.input-2:focus {background: #e4fcfa; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 50px !important; }
iframe { width: 100%; border: none; pointer-events: auto; }
.iframe-h { height: 500px !important; }
.iframe-h-2 { height: 600px !important; }
.form-control::-webkit-input-placeholder { color: #303231; }
.form-control::-moz-placeholder { color: #303231; }
.form-control:-ms-input-placeholder { color: #303231; }
.form-control:-moz-placeholder { color: #303231; }
.dark-bg .form-control::-webkit-input-placeholder, .theme-bg .form-control::-webkit-input-placeholder { color: #ffffff; }
.dark-bg .form-control::-moz-placeholder, .theme-bg .form-control::-moz-placeholder { color: #ffffff; }
.dark-bg .form-control:-ms-input-placeholder, .theme-bg .form-control:-ms-input-placeholder { color: #ffffff; }
.dark-bg .form-control:-moz-placeholder, .theme-bg .form-control:-moz-placeholder { color: #ffffff; }
.help-block.with-errors { position: absolute; color: red; right: 15px; font-size: 10px; line-height: 14px; }
.success { padding: 1em; margin-bottom: 0.75rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; width: 100% }
.error { padding: 1em; margin-bottom: 0.75rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #b94a48; background-color: #f2dede; border: 1px solid rgba(185, 74, 72, 0.3); width: 100% }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; -webkit-text-fill-color: #0d2c13 !important; transition: background-color 5000s ease-in-out 0s;}
.theme-bg input:-webkit-autofill,
.theme-bg textarea:-webkit-autofill,
.theme-bg select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #db2d26 inset !important; -webkit-text-fill-color: #ffffff !important; transition: background-color 5000s ease-in-out 0s;}
.dark-bg input:-webkit-autofill,
.dark-bg textarea:-webkit-autofill,
.dark-bg select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #0d2c13 inset !important; -webkit-text-fill-color: #ffffff !important; transition: background-color 5000s ease-in-out 0s;}

.map{height: 500px;}
.map iframe {border: 0px; width: 100%; height: 100%; z-index: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}


/* ------------------------
    Video
------------------------*/
.video-btn { position: relative; display: inline-block; }
.video-btn-pos { position: absolute; position: absolute; left: 50%; top: 50%; width: auto !important; z-index: 99; }
.video-btn .play-btn {animation: ripple-white 1s linear infinite; background: #ffffff; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; cursor: pointer;  display: inline-block; text-align: center; position: relative; }
.video-btn .play-btn i { font-size:40px; position: absolute; top: 50%; left: 50%; color: #db2d26; -webkit-transition: .25s; -o-transition: .25s; transition: .2s ease-out !important; transform: translate3d(-50%, -50%, 0); }
.video-btn .play-btn:hover i { transform: translate3d(-50%, -50%, 0) scale(.75); color: #db2d26 }


/* ------------------------
    Side Background
------------------------*/
.image-column { position: absolute; left: 0px; top: 50%; }
.image-column.right { left: inherit; right: 0; }


/* ------------------------
    List Icon
------------------------*/
.list-icon li{position: relative; padding-left: 30px;}
.list-icon li i{position: absolute; left: 0; top: 0; color: #db2d26; font-size: 22px; line-height: 20px;}
.list-icon-2 li{padding-left: 25px; position: relative;}
.list-icon-2 li:before{/*content: "";*/ border: 1px solid #db2d26; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; border-radius: 50%;}
.list-icon-2 li:after{/*animation: opacitychange 1s ease-in-out infinite;*/ content: ""; background: #fb3b3c; position: absolute; top: 8px; left: 4px; width: 6px; height: 6px; border-radius: 50%;}
.custom-li{display: inline-block;}
.custom-li li {float: left; margin-bottom: 15px; width: calc(100% / 2);}


/* ------------------------
    Icon Size
------------------------*/
.ic-1x { font-size: 1em; }
.ic-2x { font-size: 2em; }
.ic-3x { font-size: 3em; }
.ic-5x { font-size: 5em; }
.ic-7x { font-size: 7em; }


/* ------------------------
    Background Effect
------------------------*/
.hero-shape1 { background: #ffffff; overflow: hidden; width: 100%; display: inline-block; position: absolute; right: -50%; top: 30%; transform: rotate(-60deg); height: 60%; }
.bg-effect:after, .bg-effect-2:after { background: #0d0f33; top: 0; content: ""; position: absolute; right: 0; z-index: -1; height: 100%; width: 50%; }
.bg-effect-2:after { background: #e4fcfa; width: 60%; }
.blink-img { position: absolute; left: 0; top: 0; width: 100%; text-align: center; }


/* ------------------------
Line Drop Animation
------------------------*/
.lines { position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: auto; width: 90vw; z-index: -1}
.lines .line { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: rgba(255, 255, 255, 0.1); overflow: hidden; }
.lines .line:nth-child(1) { margin-left: -50%; }
.lines .line:nth-child(3) { margin-left: 50%; }
.lines .line::after { content: ""; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #db2d26), to(#db2d26)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #db2d26 75%, #db2d26 100%); -webkit-animation: run 7s 0s infinite; animation: run 7s 0s infinite; animation-timing-function: ease; animation-delay: 0s; animation-fill-mode: none; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); }
.lines .line:nth-child(1)::after { -webkit-animation-delay: 2s; animation-delay: 2s; }
.lines .line:nth-child(3)::after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }


/* ------------------------
Left-Right Position
------------------------*/
.left-0 { left: 0; }
.right-0 { right: 0; }
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-50 { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.top-50 { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }


/* ------------------------
Shop Page
------------------------*/
.product-item{text-align: center;}
.product-img{position: relative;}
.product-desc{padding-top: 20px;}
.product-name {font-size: 16px; color: #0d2c13}
.product-link{position: absolute; bottom: 0; width: 100%; opacity: 0; text-align: center;}
.product-item:hover .product-link{transform: translateY(-30px); opacity: 1}
.product-link a i { display: inline-block; font-size: 24px; line-height: 24px; vertical-align: middle; color: #db2d26}
.product-link a {padding: 10px 15px; background: #fff; color: #0d2c13; position: relative;text-align: center; }
.product-link a:hover { background: #db2d26; color: #ffffff; }
.product-link a:hover i { color: #ffffff; }
.product-link a span{font-size: 0}
.product-link a:hover span{display: inline-block; font-size: 15px; margin-left: 8px}

.product-categories .accordion .card-header { background: none; border: none; position: relative; padding: 0; }
.product-categories .accordion .card-header a {padding: 0; font-weight: 600; text-transform: capitalize; display: inline-block; width: 80%; }
.product-categories .accordion .card-header a:before { width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; background: #f5f9fc; content: "\f107"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 0.7rem; top: 50%; position: absolute; right: 0; margin-top: -10px; left: inherit;}
.product-categories .accordion .card .card-header a[aria-expanded="true"] { color: #db2d26; }
.product-categories .accordion .card .card-header a[aria-expanded="true"]:before { background: #db2d26; color: #ffffff; transform: rotate(180deg); }
.product-categories .accordion .card-body { padding: 15px; line-height: 2; }
.product-categories .accordion .card-body li a { font-size: 0.9rem; color: #7a7a7a }

.star-rating { color: #FDCC0D; font-size: 13px; line-height: 13px; }
.view-filter a { color: #0d2c13; padding-right: 8px; display: inline-block; vertical-align: middle; font-size: 30px; }
.view-filter a.active { color: #db2d26; }

.form-check-input:checked { background-color: #db2d26; border-color: #db2d26; }
.product-color [type="radio"]:checked, .product-color [type="radio"]:not(:checked) { position: absolute; opacity: 0; pointer-events: none; }
.product-color .form-check-label { width: 26px; height: 26px !important; padding: 0 !important; }
.product-color .form-check-input[type="radio"]:checked + label, .product-color .form-check-input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 1.5625rem; line-height: 1.5625rem; transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.product-color .form-check-input[type="radio"] + label::after, .product-color .form-check-input[type="radio"] + label::before, label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before { content: ''; position: absolute; left: -2px; top: -2px; width: 30px; height: 30px; z-index: 0; transition: .28s ease; z-index: -1; }
.product-color .form-check-input[type="radio"]:checked + label::after, label.btn input[type="radio"]:checked + label::after { transform: scale(1.02); }
.product-color .form-check-input[type="radio"]:checked + label::after { background-color: #db2d26; }
.product-size input[type="radio"] { visibility: hidden; position: absolute; }
.product-size label { background: #fcfbf7; margin-bottom: 0; display: inline-block; height: 40px; min-width: 40px; text-align: center; font-size: 14px; color: #2b2b2b; font-weight: 500; cursor: pointer; line-height: 40px; }
.product-size input[type="radio"]:checked + label { background: #db2d26; color: #fff; }
.product-color li { list-style-type: none; display: inline-block; margin-right: 15px; text-align: center; }
.product-color li:last-child { margin-right: 0; }
.product-size li { list-style-type: none; display: inline-block; text-align: center; margin-right: 10px; }
.product-size li:nth-child(4n+4) { margin-right: 0; }

input.form-product { -moz-appearance: textfield; height: 40px; border: none; background: #ffffff; text-align: center; width: 70px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #0d2c13; vertical-align: middle; }
.btn-product { background: #e4fcfa; color: #0d2c13; border: 1px solid #e1e1e1; height: 40px; width: auto; padding: 0 10px; font-size: 13px; cursor: pointer; }
.cart-table thead th { padding: 30px; text-align: center; border-width: 1px !important; vertical-align: middle; color: #0d2c13; font-size: 18px; font-weight: 500; }
.cart-table td { padding: 20px; text-align: center; vertical-align: middle; color: #0d2c13; }
.btn-delet {border: none; background: #db2d26; color: #ffffff}
.order-product li{display: flex; justify-content: space-between;}

/* ------------------------
Extra
------------------------*/
.img-border { border: 10px solid #ffffff }
.year-box { background: #ffffff; padding: 30px; position: relative; z-index: 9; display: inline-block; }
.working-hours li { position: relative; display: flex; align-items: center; justify-content: space-between; }



/*  .searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 35px;
    background-color: transparent;
    padding:0;
    width: 100%;
    max-width: 200px;
    float: right;
    border: 1px #ccc solid;
    border-radius: 10px;
    }

  .search_input{
    color: #000;
    border: 0;
    outline: 0;
    background: none;
    width: 150px;
    padding:0 5px;
    caret-color:transparent;
    line-height: 35px;
    transition: width 0.4s linear;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    }

  .searchbar:hover > .search_input{
     padding:0 5px;
    width: 150px;
    caret-color:red;
    transition: width 0.4s linear;
    }

  .searchbar:hover > .search_icon{
    background: #0f6849;
    color: #fff;
    }

  .search_icon{
    height: 34px;
    width: 34px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    color:white;
    text-decoration:none;
    font-size: 23px;
    background: #5c5c5c;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    }*/

    .searchbar {
     position: relative;
     min-width: 32px;
     width: 0%;
     height: 32px;
     float: right;
     overflow: hidden;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     -o-transition: width 0.3s;
     transition: width 0.3s;
     border-radius: 10px;

 }

 .searchbar-input {
     top: 0;
     right: 0;
     border: 0;
     outline: 0;
     background: #ccc;
     width: 100%;
     height: 32px;
     margin: 0;
     padding: 0px 55px 0px 20px;
     font-size: 14px;
     color: #0f6849;
    
 }

 .searchbar-input::-webkit-input-placeholder {
     color: #0f6849
 }

 .searchbar-input:-moz-placeholder {
     color: #0f6849
 }

 .searchbar-input::-moz-placeholder {
     color: #0f6849
 }

 .searchbar-input:-ms-input-placeholder {
     color: #0f6849
 }

 .searchbar-icon,
 .searchbar-submit {
     width: 35px;
     height: 32px;
     display: block;
     position: absolute;
     top: 0;
     font-size: 14px;
     right: 0;
     padding: 0;
     margin: 0;
     border: 0;
     outline: 0;
     line-height: 32px;
     text-align: center;
     cursor: pointer;
     color: #fff;
     background: #0f6849;
     border-left: 1px solid #0f6849;
 }

 .searchbar-open {
     width: 30%
 }

  .mobile-none{
    display: inline;
  }

  .top_agency img{
    cursor: pointer;
    border: 1px #fff solid;
    padding: 5px;
    margin-top: 15px;
  }

   .top_agency img:hover{
    cursor: pointer;
    border: 1px #0f6849 solid; 
    padding: 5px;
  }

  .txt_right{
    text-align: right;
  }

  .main_logo{
    width: 100%; 
    margin-top: 23px; 
    max-width: 350px;
  }

  .tp_logo{
    width: 100%;
    max-width: 70px;
  }


   /* .searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: auto;
    background-color: #ccc;
    }

    .search_input{
    color: #000;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_input{
    padding: 0 10px;
    width: auto;
    caret-color:red;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_icon{
    background: #0f6849;
    color: #000;
    }

    .search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    color:white;
    text-decoration:none;
    }*/


  .dropbtn {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: transparent;
}

.dropdown {
  position: relative;
  display: inline-block;
  text-align: right;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}



.oss-bg { 
    
  background: url("../../assets/images/city_2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0px;
}

.mytres-bg { 
  background: #f3f1f1 url(../img/investbg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size:100%;
}

.mission-bg { 
  background: #f3f1f1 url(../images/bg/mision.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size:100%;
}
.vision-bg { 
  background: #f3f1f1 url(../images/bg/vision-bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size:100%;
}

.highlight_sec{
    font-size: 25px;
    line-height: normal;
}




/*...................................for industry.............................................*/

.clr1{
    background-color: #f4f4f4;
    padding: 60px 0;
    margin-top: -60px;
}

.clr2{
    background-color: #F9E7D8;
    padding: 60px 0;
}

.clr3{
    background-color: #f4f4f4;
    padding: 60px 0;
}

.clr4{
    background-color: #fff;
    padding: 60px 0;
}

.clr5{
    background-color: #168ed8;
    color: #fff;
    text-align: center;
    padding: 60px 0;
}

.clr6{
    background-color: #6a2f21;
    color: #fff;
    text-align: center;
    padding: 60px 0;
}

.clr7{
    background-color: #ff0202;
    color: #fff;
    text-align: center;
    padding: 60px 0;
}

.clr8{
    background-color: #a08877;
    color: #fff;
    text-align: center;
    padding: 60px 0;
}

.sector_highlighted{
    background: #f4f4f4 url("../../assets/images/sector_bg.jpg");
    padding: 60px 0;
    margin-top: -60px;
}

.blackblc_details {
    padding: 15px 0 15px 0px;
    background-color: #ccc;
    height: 100px;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 200;
}

.blackblc_details .item_under_slide {
    display: inline-block;
    padding: 0px 10px 0 10px;
}

.blackblc_details>.container>.row {
    justify-content: center;
    text-align: center;
    display: flex;
    width: 100%;
}

.needhelp_blc>a {
    background: #5d075f;
    color: #fff;
    display: inline-block;
    padding: 7px 15px;
    position: fixed;
    z-index: 999;
    top: 30%;
    transform: rotateZ(-90deg) translateY(155%);
    right: 20px;
    border: 3px solid #fff;
}

.needhelp_blc>a img {
    margin-left: 10px;
    transform: rotateZ(90deg) !important;
}

.blackblc_details .item_under_slide:last-child {
    border: 0
}

.blackblc_details .item_under_slide p {
    /*height:;*/
    overflow: overlay;
    margin-bottom: 0px;
    color: #0f6849;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.blackblc_details .item_under_slide .img_under_item {
    height: 40px;
}

.page-pole .content ul,
.detail_ecole_pg .content ul {}

.page-pole .content ul,
.detail_ecole_pg .content ul {
    padding-left: 0;
}

.page-pole .content a.btn_detail_link,
.detail_ecole_pg .content a.btn_detail_link {
    color: #5d075f;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #5d075f;
    padding: 10px 20px;
}

.content .calltoaction a {
    border: 2px solid #5d075f;
    padding: 7px 25px;
    text-decoration: none;
    text-transform: none;
    font-size: 17px;
    font-weight: 500;
    margin-right: 10px;
}

.page-pole .content_int_page,
.detail_ecole_pg .content_int_page {
    padding: 30px;
    padding-bottom: 0;
}

h1.titleontheslider {
    font-weight: unset;
    /* font-family: dinlight; */
    z-index: 1;
    text-transform: uppercase;
    position: absolute;
    color: #fff;
    top: 38%;
    left: 50%;
    right: -2%;
    transform: translate(-50%, -50%);
}

 /*.stylePage + .container > .showSearch > .titleontheslider {
    top: 12%;
}*/
.detail_ecole_pg .main-wrapper .content .container .row:first-child,
.page-pole .main-wrapper .content .container .row:first-child {
    padding-top: 0
}

.calltoaction {
    padding-top: 20px;
}

.page-pole .content ul li,
.detail_ecole_pg .content ul li {
    font-size: 13px;
    margin-bottom: 10px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.post {

     background: transparent; 
    
}

.leather_backround{
    background: url(../../assets/images/leather_bg.jpg) top left no-repeat;
}

.jute_backround{
    background: url(../../assets/images/jute_bg.jpg) top left no-repeat;
}

.me_p1_bg {
    background: rgba(0,0,0,0.5) url(../../assets/images/me_p1.jpg);
    min-height: 300px;
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    color: #fff !important;
}

.me_p2_bg {
    background: url(../../assets/images/me_p2.jpg);
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.sy_p1_bg {
    background: rgba(0,0,0,0.5) url(../../assets/images/sy_p1.jpg);
    min-height: 300px;
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    color: #fff !important;
}

.sy_p2_bg {
    background: url(../../assets/images/sy_p2.jpg);
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.side_bag{
    background: url(../../assets/images/bag.png) bottom right no-repeat;
    margin-top: -45px;
}

.plastic_i{
    background: url(../../assets/images/Plastic-products1.png) top right no-repeat;
}

.jute_rice_bag{
    background: url(../../assets/images/jute_rice_bag.png) top right no-repeat;
}

.menu_posn{
  float: right;
  margin-bottom: 5px;
}

.parallax_3 {
  /* The image used */
  background-image: url("../../assets/images/invst_bg.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax_4 {
  /* The image used */
  background-image: url("../../assets/images/p4_bg.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.non_p_bg {
  background: url("../../assets/images/jute_parallax_img2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.news_bg {
  background: url("../../assets/images/map_bg.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.motor_p2_bg {
  background: url("../../assets/images/motor_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.leather_p2_bg {
  background: url("../../assets/images/leather_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.plastic_p2_bg {
  background: url("../../assets/images/plastic_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.rmg_p2_bg {
  background: url("../../assets/images/rmg_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.find_out_more_bg {
  background: url("../../assets/images/Hatirjheel-photo-for-top-of-why-bangladesh.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.text_white{
  color: #fff;
} 


.oss_btn {
    box-shadow: 3px 4px 0px 0px #1564ad;
    background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    background-color:#79bbff;
    border-radius:10px;
    border:1px solid #337bc4;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:19px;
    font-weight:bold;
    padding:7px 25px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528ecc;
    margin: 0 10px;
}
.oss_btn:hover {
    background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
    background-color:#378de5;
    color: #fff;
}
.oss_btn:active {
    position:relative;
    top:1px;
    color: #fff;
}
.oss_btn:visited {
  color: #fff;
}

.bx_height1{
    height: 300px;
    margin: 0 10px;
}

.img_rounder{
    border-radius: 10px;
}

/*..............for side menu............*/
/*.sticky-container{
    padding-top: 0;
    margin: 0;
    position: fixed;
    right: -170px;
    width: 210px;
    z-index: 10000;
    display: flex;
}
.sticky li{
    list-style-type:none;
    background-color: #ebebeb;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
    border-radius: 50px;
}
.sticky li:hover{
    margin-left:-115px;
}
.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.sticky li p a{
    text-decoration:none;
    color:#2C3539;
}
.sticky li p a:hover{
    text-decoration:underline;
}*/
/*..............for side menu............*/

/*.sldr_bg{
    background-image: url("../../assets/images/bg_main.jpg");
    background-size: 100% auto;
}*/

.gree_btn {
  box-shadow: 0px 10px 14px -7px #0f6849;
  background:linear-gradient(to bottom, #0f6849 5%, #095238 100%);
  background-color:#0f6849;
  border-radius:7px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:21px;
  font-weight:bold;
  padding:15px 38px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0f6849;
  margin: 10px 10px 10px;
}
.gree_btn:hover {
  background:linear-gradient(to bottom, #095238 5%, #0f6849 100%);
  background-color:#095238;
  color:#ffffff;
}
.gree_btn:active {
  position:relative;
  top:1px;
  color:#ffffff;
}

.gree_btn:visited {
  color:#ffffff;
}

.col-item__text p{
  font-size: 15px !important;
}

.gree_btn2 {
  box-shadow: 0px 10px 14px -7px #0f6849;
  background:linear-gradient(to bottom, #0f6849 5%, #095238 100%);
  background-color:#0f6849;
  border-radius:7px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:21px;
  font-weight:bold;
  padding:15px 38px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0f6849;
  margin: 10px 10px 10px;
  width: 100%;
  text-align: center;
}
.gree_btn2:hover {
  background:linear-gradient(to bottom, #095238 5%, #0f6849 100%);
  background-color:#095238;
  color:#ffffff;
}
.gree_btn2:active {
  position:relative;
  top:1px;
  color:#ffffff;
}

.gree_btn2:visited {
  color:#ffffff;
}

.gree_btn3 {
  box-shadow: 0px 10px 14px -7px #0f6849;
  background:linear-gradient(to bottom, #0f6849 5%, #095238 100%);
  background-color:#0f6849;
  border-radius:7px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:21px;
  font-weight:bold;
  padding:10px 25px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0f6849;
  margin: 10px 10px 10px;
  width: 40%;
  text-align: center;
}
.gree_btn3:hover {
  background:linear-gradient(to bottom, #095238 5%, #0f6849 100%);
  background-color:#095238;
  color:#ffffff;
}
.gree_btn3:active {
  position:relative;
  top:1px;
  color:#ffffff;
}

.gree_btn3:visited {
  color:#ffffff;
}

.col-item__text p{
  font-size: 15px !important;
}

.bx_sector{
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
}


.bx_shdw{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bx_shdw_2{
  box-shadow: 0 0 10px;

}

.bx_shdw_3{box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; border-radius: 50px;}

.card_bx_height{
  height: 300px;
}

.color_bx_1{
  background: #5035da url("../../assets/images/bx_bg.png") no-repeat bottom;
  box-shadow: 0px 13px 16px 0px rgba(79, 52, 217, 0.35);
}

.color_bx_2{
  background: #0f6849 url("../../assets/images/bx_bg.png") no-repeat bottom;
  box-shadow: 0px 13px 16px 0px rgba(17, 177, 114, 0.35);
}

.color_bx_3{
    background: #f8354a url("../../assets/images/bx_bg.png") no-repeat bottom;
    box-shadow: 0px 13px 16px 0px rgba(248, 53, 73, 0.4);
}



.expabd_bg{
background: rgba(0,0,0,0.5) url("../../assets/images/jute_parallax_img.jpg");
  min-height: 300px; 

  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}


.motor_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/motor_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.healthcare_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/healthcare_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.construction_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/construction_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.automobile_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/automobile_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.leather_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/leather_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.rmg_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/rmg_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.plastic_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/plastic_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.tbl_txt{
  font-size: 14px;
  font-weight: 400 !important;
  text-align: left;
  border: none;
}

/*.tbl_txt_2{
  font-size: 14px;
  font-weight: 400 !important;
  text-align: left;
  margin-top: 50px;
}*/

.brd_radius{
  border-radius: 50px !important;
}

.menu_link a{
  color: #404040;
}


.menu_link a:hover{
  color: #0f6849;
}

.brd_none{
  border: none !important;
}

.why_bng_bg{
  background: url("../../assets/images/why_bng_parallax_bg.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 72px 0;
  /* margin-bottom: 50px; */
}

.land_of_opportunities{
  background: url("../../assets/images/city_2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 30px 0;
}

.parallax_tile{
  margin: 0 auto;
  color: #fff; 
  text-align: center;
}

.mini_bdr{
  border-bottom: 3px #fff solid;
  width: 100px;
  margin: 0 auto;
}

.text_parrallax{
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.land_of_opportunities_2{
  background: #fff;
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 30px 0;
}

.parallax_tile_2{
  margin: 0 auto;
  color: #0f6849; 
  text-align: center;
}

.mini_bdr_2{
  border-bottom: 3px #0f6849 solid;
  width: 100px;
  margin: 0 auto;
}

.text_parrallax_2{
  color: #0f6849;
  text-align: center;
  font-size: 20px;
}

.hilight_number{
  font-size: 25px;
  font-weight: 600;
}

.img_brd_radius{
  border-radius: 10px;
}

.mrgn_b_80{
  margin-bottom: 80px;
}

.ftr_ttl{
  font-size: 18px;
  color: #fff;
}

.why_bng_img{
  width: 95%;
  max-width: 550px;
}

.ttl2{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.ttl2 a{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.ttl2 a: hover, a: active, a: visited{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.pharma_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/pharma_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.eng_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/eng_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.agro_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/agro_p1.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.ceramic_p1_bg{
/* The image used */
  background: rgba(0,0,0,0.5) url("../../assets/images/ceramic_parallax.jpg");
  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}


.expabd_bg_it{
background: rgba(0,0,0,0.5) url("../../assets/images/parallax_images3.jpg");
  min-height: 300px; 

  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;

}

.expabd_bg_electronics{
    background: rgba(0,0,0,0.5) url("../../assets/images/parallax_images_electronics_1.jpg");
  min-height: 300px; 

  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  color: #fff !important;
}

.ceramic_p2_bg {
  background: url("../../assets/images/ceramic_parallax2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}


.healthcare_p2_bg {
  background: url("../../assets/images/healthcare_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.construction_p2_bg {
  background: url("../../assets/images/construction_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.automobile_p2_bg {
  background: url("../../assets/images/automobile_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.it_non_p_bg {
      background: url("../../assets/images/parallax_images4.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.non_electronics_bg {
      background: url("../../assets/images/parallax_images_electronics.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}




.pharma_p2_bg {
  background: url("../../assets/images/pharma_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.eng_p2_bg {
  background: url("../../assets/images/eng_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.agro_p2_bg {
  background: url("../../assets/images/agro_p2.jpg");
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.ash_bg{
  background-color: #eaeaea;
}

.eighteen_font{
  font-size: 18px;
}

.acrdn_area {
    background: #ededed;
    padding: 30px 0;
}

.acrdn_area2 {
    background: #fff;
    padding: 30px 0;
}

.event-tag {
    font-size: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    background: #2ea35e;
    padding: 5px 10px;
    border-radius: 4px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.reg_btn {
  box-shadow:inset 0px 1px 0px 0px #4b2884;
  background:linear-gradient(to bottom, #604093 5%, #4b2884 100%);
  background-color:#604093;
  border-radius:6px;
  border:1px solid #4b2884;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #4b2884;
  margin-top: 20px;
}
.reg_btn:hover {
  background:linear-gradient(to bottom, #4b2884 5%, #604093 100%);
  background-color:#4b2884;
  color: #fff;
}
.reg_btn:active {
  position:relative;
  top:1px;
}
.reg_btn:visited {
  color: #fff;
}

.ttl3{
  background: url("../../assets/images/ttl_dashed.png") no-repeat left;
  padding-left: 30px;
  font-size: 26px;
  color: #0f6849;
  margin: 10px 0 20px 30px;
}

.ttl4{
  background: url("../../assets/images/ttl_minar.png") no-repeat left;
  padding-left: 25px;
  font-size: 18px;
  color: #0f6849;
  margin: 30px 0 20px 30px;
}

.ttl5{
  font-size: 16px;
  color: #0f6849;
  margin: 30px 0 20px 30px;
  font-weight: 700;
}

.card-title{
  font-size: 18px;
  color: #fff;
}



.tp_img_txt_area{
  /*width: 100%; 
  position: relative; 
  font-size: 14px; 
  color: #000; 
  text-align: center;  
  line-height: normal; 
  font-weight: bold; 
  margin-top: 10px;*/
  width: 100%; 
  float: right; 
  position: relative; 
  font-size: 14px; 
  color: #000; 
  text-align: center; 
  
  line-height: normal; 
  font-weight: bold; 
  margin-top: 10px;
}

.tp_img_txt_area span{
  font-size: 10px;
}

.header_top_txt{
  width: auto; 
  position: absolute; 
  top: 30%; 
  left: 38%; 
  color: #000; 
  font-size: 16px; 
  text-align: center; 
}

.ftr_tp_mrgn{
  padding-bottom: 100px;
}

.laptop_ht{
    margin-top: 60px;
}

.font_17{
    font-size: 17px;
}

.covid_bx{
    height: 662px;
}



@media only screen and (max-width: 1366px) {

    .covid_bx{
        height: 720px;
    }

}



@media only screen and (max-width: 1199px) {
  .menu_posn{
  float: right;
}

.header_top_txt{
  left:29%;
}

.covid_bx{
    height: auto;
}

}



@media only screen and (max-width: 991px) {
  .side_bag{
    background: transparent;
}

.plastic_i{
    background: transparent;
}

.jute_rice_bag{
    background: transparent;
}

 .laptop_ht{
        margin-top: 0;
    }

}

/*..................................for industry........................................*/



@media only screen and (max-width: 1600px) {
  .mrgn_left_600{
    margin-left: 0;
  }
}

.InvestorSec{
  background: #dadada;
}

.curentupda .section-title,
.InvestorSec .section-title{
  text-align: center;
  margin-bottom: 0;
  padding: 20px 0;
  border-bottom: 1px solid #A4A5A6;
}

.Updates{
  background: url(../images/updatebg.jpg);
  background-size: 100%;
  background-position: bottom;
}

.menu_container{
  background: #fff;
  padding: 30px 0;
  margin: 0;
}



/*---------------------------------- Investment News ----------------------------------------------------*/

.roaming-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  margin-bottom: 30px; }
  .roaming-card p {
    color: #0f6849;
  }
  .roaming-card:hover .roaming-card__desc {
    color: black; }
  .roaming-card__image {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px 5px 0 0; }
  .roaming-card__info {
    padding: 30px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center; }
  .roaming-card__info-left-align {
    padding: 30px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .roaming-card__title {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87); }
  .roaming-card__desc {
    min-height: 100px; }

    @media (max-width: 576px) {
      .roaming-card__desc {
        min-height: auto; } 

        .ftr_tp_mrgn{
          padding-bottom: 0;
        }

        .pm_photo{
            float: none !important;
            margin-left: auto;
            margin-right: auto;
            margin-top: 10px;
            width: 30% !important;
        }

        .tp_img_txt_area{
              width: 50%; 
              float: none; 
              margin-left: auto;
              margin-right: auto;
            }
      }
  .roaming-card__detail {
    font-size: 18px;
    line-height: 22px;
    color: #ed1c24;
    font-weight: 500; }
    .roaming-card__detail:hover {
      color: #ed1c24;
      text-decoration: none; }

.roaming-card__desc p {
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.87); }

.purchase-social ul li a {
  display: block;
  margin-bottom: 20px; }

.roaming-bundle-section h2 {
  text-align: center;
  display: block;
  width: 100%;
  padding-bottom: 40px; }

.roaming-offers-section {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px; }
  .roaming-offers-section h2 {
    margin-bottom: 40px; }

.link-button svg {
  margin-left: 10px; }

.btn-spacing {
  margin-top: 40px; }

.roaming-help-item img {
  width: 50px;
  height: 50px; }

.bill-container-roaming {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px; }
  .bill-container-roaming .roaming-help-item {
    text-align: center; }
    .bill-container-roaming .roaming-help-item h4 {
      padding-top: 44px;
      color: rgba(0, 0, 0, 0.87); }
    .bill-container-roaming .roaming-help-item h6 {
      color: rgba(0, 0, 0, 0.87);
      font-weight: 300;
      padding-top: 23px; }
    .bill-container-roaming .roaming-help-item .no-spacing-top {
      padding-top: 10px; }

.roaming-help-item {
  border-right: 1px solid #eceaea; }

.roaming-help-item:last-child {
  border-right: none; }

.roaming-succes-offer {
  padding-top: 40px;
  padding-bottom: 40px; }
  .roaming-succes-offer svg {
    display: block;
    margin: 0 auto; }
  .roaming-succes-offer .t-center-top {
    padding-top: 20px; }
    .roaming-succes-offer .t-center-top h1 {
      margin-bottom: 20px; }

.t-center-top ul {
  width: 70%;
  margin: 0 auto;
  margin-top: 30px; }
  .t-center-top ul li {
    margin-bottom: 15px; }

.link-button {
  width: 100%;
  display: inline-block;
  padding: 10px;
  font-size: 18px;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.54); }
/*---------------------------------- Investment News ----------------------------------------------------*/

.pm_photo{
    float: right;
    position: relative;
    width: 100%;
}

.img-responsive{
    position: absolute;
    float: left;
    top: 30px;
}

.ttl_slogan{
    font-size: 24px !important;
    line-height: normal;
    margin-left: 60px;
    margin-top: 50px;
    color: #000;
}

.cases-desc h4{
    font-size: 18px;
    line-height: normal;
}

.zoom_pic {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
  width: 100%; border: 1px #ccc solid;
}

.zoom_pic:hover {
  transform: scale(1.08); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom_pic2 {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom_pic2:hover {
  transform: scale(1.20); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.counter_mrgn{
    margin: 94px 0 !important;

}

.height_fix{
    height: 60px;
}

.prime_minister{
    width: 15%; 
    margin-left: 41.5%;
}

.gb_img{
    width: 11%;
}

.gb_img_with_mrgn{
    width: 11%; 
    margin-left: 1.7%;
}

.third_member{
    width: 11%; 
    margin-left: 28%;
}






.title-with-list-column .list-col .col {
    padding: 0;
}


.title-with-list-column .col-item {
    border-bottom: 1px solid #ccc;
    display: flex;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-right: 15px;
    flex-direction: row;
    align-items: center;
    position: relative;
}
.title-with-list-column .col-item:hover {
  background: #eee;
  transition: 0.5s;
}


.title-with-list-column .col-item span {
    min-width: 62px;
    margin-right: 20px;
}

.title-with-list-column .col-item p {
    font-size: 18px;
    font-weight: 700;
}
a.circular-right-arrow {
    border-radius: 50%;
    border: 2px solid #4173a0;
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    justify-self: flex-end;
    margin-left: auto;
    transition: all .2s ease-in-out;
}

a.circular-right-arrow i {
    margin-top: -2px;
    margin-left: -1px;
}

.material-icons {
    font-display: swap;
    font-family: "Material Icons" !important;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}


@media only screen and (max-width: 991px) {
  #site-header{
    display: none;
  }

.prime_minister{
    width: 100%; 
    margin-left: 0;
}

.gb_img{
    width: 100%;
}

.gb_img_with_mrgn{
    width: 100%; 
    margin-left: 0;
}

.third_member{
    width: 100%; 
    margin-left: 0;
}

}


/* Pagination */
.pagination {
  margin: 2em auto;
  padding-left: 0;
  list-style-type: none;
}

.pagination li {
  display: inline;
}

.pagination li a {
  text-decoration: none;
  color: black;
}

.pagination li {
  padding: 8px 16px;
  background-color: #f3f4f2;
}

.pagination li:hover {
  background-color: #d9dcd6;
}

.pagination .active {
  border-radius: 4px;
  background-color: #0f6849;
}

.pagination .active:hover {
  background-color: #0f6849;
}

.pagination .active a {
  color: #f3f4f2;
}

media (max-width: 992px)
{
  .post-details p br, .post-details .title br {
      display: none;
  }
}