.sec-hmcriminal {
    position: relative;

    .container {
        max-width: 1850px;
    }

    & .bgimg {
        z-index: -2;
    }

    [class*="heading-"],
    p {
        color: var(--white);
    }

   

}
 ul.hmcriminal-ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -23px;
        padding: 0;
        list-style-type: none;

        & li {
            width: 33.33%;
            padding: 0 23px;
            margin-bottom:0;
        }

        & li a .hmcriminal-img>img{
            transform:scale(1);
            -moz-transform:scale(1);
            -webkit-transform:scale(1);
             transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
             -moz-transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
             -webkit-transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }

        & li a:hover .hmcriminal-img>img{
                 transform:scale(1.03);
            -moz-transform:scale(1.03);
            -webkit-transform:scale(1.03);
              transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
             -moz-transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
             -webkit-transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }

        & li a:hover .icon-wr
        {
            transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
        }

        & li a:hover .hmcriminal-arrow{
            background-color:var(--white);
            color:var(--theme);
                  transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
        }

        .hmcriminal-img {
            position: relative;
            overflow:hidden;
									   z-index:0;
        }

        .hmcriminal-img:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 72%;
            bottom: 0;
            left: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
										  z-index:1;
        }

        .icon-wr {
            display: block;
            width: 100%;
            transform: translateY(-45px);
            -webkit-transform: translateY(-45px);
            -moz-transform: translateY(-45px);
            padding-bottom: 10px;
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
        }

        .hmcriminal-box {
            padding: 45px 0 0 60px;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: -90px;

            .hmcriminal-left {
                width: calc(100% - 58px);
                max-width: 365px;
                padding-right:10px;
            }

            .hmcriminal-arrow {
                width: 58px;
                height: 58px;
                border-radius: 100%;
                border: 1px solid rgba(255, 255, 255, 0.20);
                color: var(--white);
                font-size: 28px;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                margin: 10px 0 0 0;
                      transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            }
        }

        .hmcriminal-box:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 100%;
            left: 0;
            top: 0;
            margin-left: 30px;
            background: var(--gradient);
        }

        .hmcriminal-title {
            font-size: 24px;
            letter-spacing: -0.48px;
            line-height: 1;
            color: var(--white);
            font-weight: var(--font-weight-bold);
            margin-bottom: 10px;
        }
    }
.sec-hmcriminal:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(3, 13, 39, 0.90);
    z-index: -1;
}

.expertise-sec
{
  ul.hmcriminal-ul {
    margin:0 -18px;
    .hmcriminal-title {
      color:var(--primary);   
    }
    .hmcriminal-info{
        & p{
            font-size:16px;
        }
    }
    .hmcriminal-box {
        .hmcriminal-arrow{
            border:1px solid var(--primary);
            width:40px;
            height:40px;
            color:var(--primary);
            font-size:20px;
            
            & i{
                font-weight:var(--font-weight-semibold);
            }
        }
        .hmcriminal-left{
            max-width:300px;
        }
    }
    & li {
        padding:0 18px;
      }
			 & li a:hover .hmcriminal-arrow
				{
					  background-color:var(--theme);
       color:var(--white);
				}
  }  
      
}

.law-sec{
  background-color:#F2F2F2;  
    ul.law-ul{
        display:flex;
        flex-wrap:wrap;
								justify-content:center;
        margin:0;
        padding:0;
        list-style-type:none;
        gap:30px;
    }
    & li{
        width:calc(20% - 24px);
        margin:0;
        padding:0;
    }
    & li a{
        display:block;
        height:100%;
        width:100%;
    }
    & li a:hover{
       .law-title{
         color: #A0713D;
         transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
       } 
    }
    .law-li{
       background-color: var(--white);
        padding: 30px;
        display: flex;
        flex-wrap: wrap;
        flex-direction:column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        height: 100%;
        position: relative;
    }
    .law-li:before{
        position:absolute;
        content:"";
        width:100%;
        height:1px;
        left: 0;
        bottom:0;
        background:var(--gradient);
    }
    .law-icon{
        margin-bottom:30px;
    }
    .law-title{
        display:block;
        width:100%;
        font-size:20px;
        font-weight:var(--font-weight-bold);
        color:var(--theme);
        transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }
    .title-border{
        position: relative;
        margin-bottom:40px;
        padding-bottom:40px;
    }
    .title-border:after{
        position:absolute;
        content:"";
        width:100%;
        height:1px;
        background:var(--gradient);
        left:0;
        bottom:0;
    }
}

.area-criminal-sec.law-sec{
    background-color:transparent;
    z-index:0;
    .bgimg{
        z-index:-2;
    }
    .content-width p{
        color:var(--white);
    }
}
.area-criminal-sec.law-sec:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--theme);
    opacity:0.90;
}
.expertise-detail-pg .sec-callaction:before
{
    display: none;
}

.expertise-detail-pg  .sec-whychoose .whychs-ul
{
    padding-bottom:40px;
    justify-content:center;
}
.expertise-detail-pg .faq-accordion
{
    max-width:1020px;
    margin:0 auto;
}
.expertise-detail-pg
{
    .cta-content {
        .cta-actions{
            width:300px;
            .button{
               width:100% !important;
            }
            .btnlist li{
                width:100%;
            }
        }
        .cta-text{
            width:calc(100% - 300px);
        }
        .cta-logo-cnt{
            max-width:860px;
            margin:0 auto;
											h2{
																font-size: clamp(1.875rem, 1.775rem + 0.5vw, 2.375rem);
																color: var(--white) !important;
																margin-bottom: 10px !important;
												}
									 .cta-info-data {
										
										  p{
											                    font-size: 16px;
                    margin-bottom: 0;
                    line-height: 1.26;
                    font-weight: normal;
											 }
									 }
        }
    }
}

.speak-about {
    background-color: #F2F2F2;
    padding:50px 40px 60px 40px;
    text-align: center;
    position: relative;
    .sp-ab-img{
        width:110px;
        height:110px;
        border-radius:100%;
        border:3px solid #E4B779;
        margin:0 auto 20px;
        & img{
            border-radius:100%;
        }
        
    }
    .heading-28{
        text-align:center;
        line-height:1.34;
        border-bottom:1px solid #E4B779;
        margin-bottom:25px;
        padding-bottom:25px;
    }
    .speak-cnt{
        margin-bottom:40px;
        & p{
            text-align:center;
            color:var(--theme);
            font-weight:var(--font-weight-medium);
        }
    }

    .spk-title {
           font-family: var(--font-head-family);
        color: #E6E6E6;
        font-size: 30px;
        letter-spacing: 18px;
        position: absolute;
        left: 0;
        bottom: 0;
        white-space: nowrap;
        left: 0;
        right: 0;
        margin: 0 auto
}
	.button-blue-border{
		text-transform:capitalize;
	}
}

/**/
.inner-banner-big{
    min-height:500px;

    ul.keyfeature-ul
    {
        .keyftr-icon:before {
            display:none;
        }  
        .keyftr-info{
            color:var(--white);
        }
    }

    .inbanner-bottom{
        margin-top:auto;
        margin-bottom:30px;
        width:100%;
    }
    .inbanner-top {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        flex-direction: column;
        width: 100%;
        flex: 1;
        align-items: center;
        justify-content: center;
    }
}

.expertise-detail-pg .block-wrap{
    .block-left{
        img{
            margin-bottom:30px;
        }
    }
}


.expertise-detail-pg
{
	 .sec-whychoose .content-width
		{
				h2{
						font-size: clamp(2.125rem, 2rem + 0.625vw, 2.75rem);
						position: relative;
						padding-bottom: 24px;
				}
				h2:after {
						position: absolute;
						content: "";
						width: 150px;
						height: 1px;
						background: var(--gradient);
						bottom: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
				}
		}
}



/* RESPONSIVE  MEDIA QUERY */
@media (max-width: 1599.98px){

}

@media (max-width: 1439.98px){
    
    .expertise-sec {
        ul.hmcriminal-ul {
            margin:0 -8px;
            & li {
                padding: 0 8px;
            }
            
        }
    }

        ul.hmcriminal-ul {
            margin:0 -8px;
            li {
                padding:0 8px;
            }
            .hmcriminal-box{
                padding:45px 0 0 40px; 
                margin-top:-90px; 
                .hmcriminal-arrow{
                    width:42px;
                    height:42px;
                }
                .hmcriminal-left{
                    width: calc(100% - 42px);
                    padding-right:20px;
                }
            }
            .hmcriminal-box:before{
                margin-left:20px;
            }
        }

    .law-sec {
        ul.law-ul {
            gap:15px;
        }
        & li{
           width: calc(20% - 12px);  
        }
        .law-li{
            padding:25px;
        }
        .law-icon {
            margin-bottom:15px;
        }
        .law-title{
            font-size:18px;
            line-height:1.2;
        }
    }
      .speak-about{
        padding:25px 25px 40px 25px;
        .spk-title{
            font-size:24px;
            letter-spacing:12px;
        }
    }

    .expertise-detail-pg {
        .cta-content {
            .cta-text {
                width:auto;
														  justify-content:center;
															 text-align:center;
															.cta-logo{
																	margin-bottom:12px;
															}
            }
            .cta-actions {
                width: auto;
                .btnlist li {
                    width: auto;
                }
            }
												.cta-logo-cnt{
														max-width:100%;
														width:100%;
														padding-left:0;
												}
        }
    }

    .inner-banner-big {
        .inbanner-bottom {
           margin:20px 0;
        }
    }

}

@media (max-width: 1199.98px){
   
         ul.hmcriminal-ul {
            margin: 0 -4px;
            li {
                padding: 0 4px;
            }
            .icon-wr{
                transform: translateY(-30px);
                -webkit-transform: translateY(-30px);
                 -moz-transform: translateY(-30px);
                & img {
                    width:50px;
                    height:50px;
                    object-fit:contain;
                }
            }
            .hmcriminal-box{
                padding:30px 0 0 40px;
                margin-top:-60px;  

                .hmcriminal-arrow {
                    width:32px;
                    height:32px;
                    font-size:18px;
                }
                .hmcriminal-left{
                    width: calc(100% - 32px);
                }
            }
            .hmcriminal-title{
                font-size:22px;
            }
        }
        .expertise-sec {
            ul.hmcriminal-ul {
                margin:0 -4px;
                & li {
                    padding: 0 4px;
                }
                .hmcriminal-box{
                    .hmcriminal-arrow{
                        width: 32px;
                        height: 32px;
                        font-size: 18px;
                    }
                }
            }
        }


        .law-sec {
            ul.law-ul{
              justify-content:center;
            }
            & li{
              width: calc(25% - 12px);  
            }
        }

    .inner-banner-big {
        min-height:420px;
        ul.keyfeature-ul{
            max-width:100%;
            gap:12px;
            li{
               width: calc(25% - 10px); 
            }
        }
    }
}

@media (max-width: 991.98px){
    .sec-hmcriminal {
        .container{
          max-width: 720px;
        }
        
    }
     ul.hmcriminal-ul {
            justify-content:center;
            margin: 0 -8px -22px;
            
             li {
                width: 50%;
                margin-bottom:22px;
                padding: 0 8px;
            }
        }

    .expertise-sec {
        ul.hmcriminal-ul {
            margin:0 -8px;
            & li {
                padding: 0 8px;
            }
									& li:last-child {
										margin-bottom:0;
									}
        }
    }

    .law-sec {
        ul.law-ul{
           gap:10px;
        }
        & li{
            width: calc(25% - 8px);  
        }
        .law-li {
            padding: 25px 16px;
        }
        .title-border{
            margin-bottom:20px;
            padding-bottom:20px;
        }
    }
    .inner-banner-big {
        min-height: 380px;
    }
}

@media (max-width: 767.98px){
    .sec-hmcriminal {
        .container {
            max-width: 540px;
        }
        
    }
     ul.hmcriminal-ul {
            margin: 0 -4px -14px;
            
             li {
                width: 50%;
                margin-bottom:20px;
                padding: 0 4px;
            }
            .hmcriminal-box{
                padding:15px 0 0 20px;
                margin-top: -60px;
                .hmcriminal-arrow{
                    width: 28px;
                    height: 28px;
                    font-size: 16px;
                }
                .hmcriminal-left {
                    width: calc(100% - 28px);
                    padding-right:10px;
                }
                & p{
                    font-size:16px;
                    line-height:22px;
                }
            }
            .icon-wr{
                    transform: translateY(-15px);
                -webkit-transform: translateY(-15px);
                -moz-transform: translateY(-15px);  
            }
            .hmcriminal-box:before {
                margin-left: 20px;
            }
            .hmcriminal-box:before {
                margin-left:10px;
            }
        }

    .expertise-sec {
        ul.hmcriminal-ul {
            margin:0 -4px;
            & li {
                padding: 0 4px;
            }
            .hmcriminal-box {
                .hmcriminal-arrow {
                    width: 28px;
                    height: 28px;
                    font-size: 16px;
                }
            }
        }
    }

    .law-sec {
        ul.law-ul{
           gap:10px;
        }
        & li{
            width: calc(33.33% - 7px);  
        }
        .law-li {
            padding: 25px 16px;
        }
    }

    .inner-banner-big {
         ul.keyfeature-ul {
            li {
                width: calc(50% - 6px);
            }
        }
    }
	
	.expertise-detail-pg
{
	 .sec-whychoose .content-width
		{
				h2{
						margin-bottom: 15px;
				}
	}
}
	
}

@media (max-width: 575.98px){
      
        ul.hmcriminal-ul {
             .hmcriminal-box {
                padding: 25px 0 0 20px;
                margin-top: -50px;
                .hmcriminal-left {
                    width: 100%;
                    padding-right: 0px;
                }
            }
            .icon-wr{
                transform: translateY(-25px);
                -webkit-transform: translateY(-25px);
                -moz-transform: translateY(-25px);
                & img{
                    width:40px;
                    height:40px;
                }
            }
            .hmcriminal-title{
                font-size:18px;
            }
        }

        .law-sec {
            .law-li {
                padding:15px 15px 20px;
            }
            .law-icon {
                margin-bottom: 6px;
            }
            .law-title {
                font-size: 16px;
                line-height: 1.12;
            }
        }
      .speak-about {
        .spk-title {
            font-size: 24px;
            letter-spacing: 4px;
            white-space: break-spaces;
        }
    }

    .inner-banner-big {
        min-height:auto;
        ul.keyfeature-ul {
            gap:10px;
            li {
                width: calc(50% - 5px);
            }
            .keyftr-icon {
                width: 34px;
                & img {
                    width: 34px;
                    height: 34px;
                }
            }
            .keyftr-info{
               font-size:14px;   
            }
        }
        .inbanner-bottom{
            margin-bottom:0;
        }
        .inbanner-top{
            align-items:flex-start;
        }
        .inbanner-content{
            padding:30px 0;
        }
    }
}

@media (max-width:480.98px){
    ul.hmcriminal-ul {
            margin: 0 0px -20px;
            li {
                width:100%;
                margin-bottom: 20px;
                padding:0px;
            }
        }
        
        .law-sec {
           & li {
                width: calc(50% - 7px);
            }
            .law-icon{
                & img{
                   width:60px;
                   height:60px;
                   object-fit:contain; 
                }
            }
        }
}