/* ---------------------------------||inner banner section design start||------------------------------------- */
.inner-banner-sec {
  position: relative;
  height: 500px;
}

.inner-banner-sec:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.inner-bannerimgvid {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: right;
	 background: var(--rangoongreen);
}
.inner-bannerimgvid:before {
    position: absolute;
    content: "";
    width:calc(100% - (53.176% - 6.15%));
    height: 100%;
    background: rgba(25, 25, 25, 26%);
    z-index: 1111;
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
.inner-bannerimgvid>.img-wrap {
  margin-right: 0;
  margin-left: auto;
  position: relative;
	    width: 53.176%;
}
.inner-bannerimgvid>.img-wrap>img {
  margin-right: 0;
  margin-left: auto;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  position: relative;
  z-index: 1;
	 width:100%;
}
.inner-bannerimgvid>.img-wrap>img,
.inner-bannerimgvid>.img-wrap {
  height: 100%;
  object-fit: cover;
	}
.inner-banner-wrapper {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: transparent;
  padding: 0px 0 0px;
  z-index: 1;

  & .container {
    width: 100%;
    height: 100%;
  }

  & .in-banner-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    padding-left: 0px;
    margin: auto;
    overflow: visible;
    height: 100%;
    justify-content: space-between;

    & .in-banner-left {
      width: calc(100% - 650px);
      padding-right: 130px;
      max-width: 675px;
    }

    & .in-banner-right {
      width: 650px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      position: relative;
      height: 100%;
    }
  }

  & .inner-grouplogo {
    width: 186px;
    position: absolute;
    left: -130px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  & .inner-logo-list {
    width: 450px;
    display: flex;
    flex-wrap: wrap;
    margin: auto 0 50px auto;
    gap: 14px;

    & .inner-logo {
      width: calc(33.33% - 10px);
    }
  }

  & .in-banner-left {
    & [class*="heading-"] {
      color: var(--white);
    }
  }

  & .inner-banner-bottom {
    border-top: 1px solid #343434;
    padding-top: 30px;
    margin-top: 45px;
  }

  & .inner-content p {
    color: var(--white);
  }

  & .inner-content {
    margin-bottom: 30px;
  }

  & .action-callbtn {
    & .call-icon {
      border: 1px solid var(--white);

      & img {
        filter: brightness(0) invert(1);
      }
    }

    & .call-info {
      & .call-txt {
        color: var(--white);
      }

      & .call-tag {
        color: var(--white);
      }
    }
  }
}

/**/
.bg-whitesmoke {
  background-color: var(--whitesmoke);
}

/* ---------------- Media Query ---------------- */

@media (max-width:1599.98px) {
		.inner-banner-wrapper {
			 & .inner-logo-list {
				 width:380px;
				 gap:10px;
			 }
			 & .inner-grouplogo{
				  width:160px;
				  left:-80px;
				  gap:12px;
			}
			 & .in-banner-wrap {
					& .in-banner-left{
							padding-right: 100px;
					}
			 }
	 }
}

@media (max-width:1439.98px) {
			.inner-bannerimgvid:before{
					width: calc(100% - (50% - 5%));
					clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
			}
			.inner-bannerimgvid>.img-wrap>img{
					clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
			}
			.inner-bannerimgvid>.img-wrap{
					width:50%;
			}
	
	  .inner-banner-wrapper {
					& .in-banner-wrap {
							& .in-banner-left {
													width: calc(100% - 500px);
													padding-right:80px;
													max-width: 675px;
									}
							& .in-banner-right{
										width: 500px;
								}
					}
					& .inner-grouplogo{
						width: 140px;
						left: -70px;
						gap: 8px;
					}
					& .inner-banner-bottom{
							 padding-top: 20px;
        margin-top: 25px;
					}
			}
}

@media (max-width:1199.98px) {
	  .inner-banner-wrapper {
        & .inner-grouplogo {
            width: 100%;
            left: auto;
            gap: 8px;
            justify-content: flex-end;
            position: relative;
									& img{
										 width:120px;
									}
       }
						  & .inner-logo-list{
							  width:320px;
						  	gap: 8px;
							  margin:0 0 20px 0;
						 }
						  & .in-banner-wrap {
										& .in-banner-right {
											align-items: flex-end;
           flex-direction: column;
           justify-content: flex-end;
           row-gap:20px;
											width:400px;
									}
										& .in-banner-left{
											width: calc(100% - 420px);
           padding-right:20px;
           max-width: 675px;
										}
						  } 
     }
	  .inner-bannerimgvid>.img-wrap {
        width: 55%;
    }
	.inner-bannerimgvid:before {
        width: calc(100% - (55% - 5.2%));
        clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
    }
	.inner-banner-sec{
		height:auto;
		padding:20px 0;
	}
}

@media (max-width:991.98px) {
	.inner-bannerimgvid:before{
		display:none;
	}
	.inner-bannerimgvid>.img-wrap>img{
		clip-path:unset;
	}
	.inner-bannerimgvid>.img-wrap{
		width:100%;
	}
	 .inner-banner-wrapper {
     & .in-banner-wrap {
         	& .in-banner-left {
                width: 100%;
                padding-right: 0;
                max-width: 100%;
											     margin-bottom:20px;
            }
										& .in-banner-right{
										  row-gap: 10px;
											 column-gap:10px;
            width:100%;
											 flex-direction:row;
											 justify-content:center;
											 align-items:center;
									}
        }
					& .inner-grouplogo,& .inner-logo-list{
							width:calc(50% - 8px);
						 justify-content: center;
						 margin:0;
					}
					& .inner-banner-bottom{
							border-top: 1px solid rgb(256 256 256 / 30%);
					}
			  & .inner-grouplogo {
      & img {
         width:calc(50% - 6px);
							  max-width:120px;
      }
     }
   }
	.inner-banner-sec:before{
		          background: #191919;
        z-index: 2;
        opacity: 0.48;
	}
	.inner-banner-wrapper{
		z-index:2;
	}
	.inner-banner-sec{
		padding:30px 0;
	}
}

@media (max-width:767.98px) {
	    .inner-banner-wrapper {
        & .inner-banner-bottom {
            padding-top: 10px;
            margin-top: 15px;
        }
						& .in-banner-left {
        & [class*="heading-"] {
           line-height:1;
        }
    	}
						& .inner-content p{
							line-height:1.2;
						}
    }
}

@media (max-width:575.98px) {
	    .inner-banner-wrapper {
        & .inner-grouplogo, & .inner-logo-list {
            width: 100%;
            justify-content: center;
            margin: 0;
            max-width: 280px;
        }
						  & .inner-grouplogo{
							   & img {
                width: calc(50% - 6px);
                max-width: 100px;
            }
						}
						  & .in-banner-wrap {
										& .in-banner-left {
										  text-align:center;		
									 }
						  }
						& .inner-banner-bottom .btnlist{
							justify-content:center;
						}
						ul.woo_breadcums li span{
							justify-content:center;
						}
    }
}