@font-face {
    font-family: 'Rockwell';
    src: url('../fonts/Rockwell.woff2') format('woff2'),
        url('../fonts/Rockwell.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Rockwell';
    font-weight: bold;
    font-style: normal;
	
}
h6{font-size:12px;}
.black-bg{background:#1b1b1b; width:100%; padding:50px 0px;}
.white-txt{color:#fff;}

.heading-line::before {
content: "";
    display: block;
    border-top: solid 1px black;
    width: 10%;
    height: 1px;
    position: absolute;
    top: 9%;
    left: 19%;
    z-index: 1;

}
.para1{font-size:15px; font-family: "Lato", sans-serif;}
.para2{font-size:11px; font-family: "Lato", sans-serif;}
.pad-0{padding:0px !important;}
.responsive-tab-menu .nav-pills{
	padding:20px 0px;
}
.responsive-tab-menu .nav-pills .nav-link{
	font-family: 'Rockwell';
	color:#1B1B1B;
	font-weight:bold;
	padding: 10px 20px;
}
.responsive-tab-menu .nav-pills .nav-link.active,
        .responsive-tab-menu .nav-pills .show>.nav-link {
			font-family: 'Rockwell';
            color: unset;
			background:#1B1B1B;
			color:#fff;
			    font-weight: bold;
				border-radius:10px 0px 0px 10px !important;
				
				
			
        }
		
		
		
		
		
		.tab-content>.active{
			font-family: 'Rockwell';
			background:#1B1B1B;
			color:#fff;
			border-radius: 24px;

			padding: 25px 50px;
		}
		
	



    



        @media (max-width: 767px) {

            .responsive-tab-content,
            .responsive-tab-menu {
                display: block !important;
            }

            .nav-pills.nav-tabs-dropdown,
            .nav-tabs-dropdown {
                border: 1px solid #dddddd;
                border-radius: 5px;
                overflow: hidden;
                position: relative;
            }

            .nav-pills.nav-tabs-dropdown::after,
            .nav-tabs-dropdown::after {
                content: "☰";
                position: absolute;
                top: 8px;
                right: 15px;
                z-index: 2;
                pointer-events: none;
            }

            .nav-pills.nav-tabs-dropdown.open a,
            .nav-tabs-dropdown.open a {
                position: relative;
                display: block;
            }

            /* .nav-pills.nav-tabs-dropdown.open>li.active>a,
            .nav-tabs-dropdown.open>li.active>a {
                background-color: #eeeeee;
            } */

            .nav-pills.nav-tabs-dropdown li,
            .nav-tabs-dropdown li {
                display: block;
                padding: 0;
                vertical-align: bottom;
            }

            .nav-pills.nav-tabs-dropdown>li>a,
            .nav-tabs-dropdown>li>a {
               /*  position: absolute; */
                top: 0;
                left: 0;
                margin: 0;
                width: 100%;
                height: 100%;
                display: inline-block;
                border-color: transparent;
            }

            .nav-pills.nav-tabs-dropdown>li>a:focus,
            .nav-tabs-dropdown>li>a:focus,
            .nav-pills.nav-tabs-dropdown>li>a:hover,
            .nav-tabs-dropdown>li>a:hover,
            .nav-pills.nav-tabs-dropdown>li>a:active,
            .nav-tabs-dropdown>li>a:active {
                border-color: transparent;
            }

            /* hh */
            .nav-pills.nav-tabs-dropdown>li>a.active,
            .nav-tabs-dropdown>li>a.active {
                display: block;
                border-color: transparent;
                position: relative;
                z-index: 1;
                background: #222;
            }

            .nav-pills.nav-tabs-dropdown>li.active>a:focus,
            .nav-tabs-dropdown>li.active>a:focus,
            .nav-pills.nav-tabs-dropdown>li.active>a:hover,
            .nav-tabs-dropdown>li.active>a:hover,
            .nav-pills.nav-tabs-dropdown>li.active>a:active,
            .nav-tabs-dropdown>li.active>a:active {
                border-color: transparent;
            }
        }
		
		
		
/*----responsive-tab-menu1----*/

.responsive-tab-menu1 .nav-pills{
	padding:20px 0px;
}
.responsive-tab-menu1 .nav-pills .nav-link{
	font-family: 'Rockwell';
	color:#fff;
	font-weight:bold;
	padding: 10px 20px;
}
.responsive-tab-menu1 .nav-pills .nav-link.active,
        .responsive-tab-menu1 .nav-pills .show>.nav-link {
			font-family: 'Rockwell';
            color: unset;
			background:#1B1B1B;
			color:#fff;
			    font-weight: bold;
				border-radius:10px 0px 0px 10px !important;
				
				
			
        }
		
		
		
		
		
		.responsive-tab-menu1 .tab-content>.active{
			font-family: 'Rockwell';
			background:#fff;
			color:#1B1B1B;
			border-radius: 24px;

			padding: 25px 50px;
		}
		
		.responsive-tab-menu1 .nav-pills .nav-link.active,
        .responsive-tab-menu1 .nav-pills .show>.nav-link :after{
			background-image: url("../images/double-arrow-right-icon.png") ;
			background-repeat: no-repeat;
			background-position-x: right;
		}
		
	



    



        @media (max-width: 767px) {

            .responsive-tab-content,
            .responsive-tab-menu1 {
                display: block !important;
            }

            .nav-pills.nav-tabs-dropdown,
            .nav-tabs-dropdown {
                border: 1px solid #dddddd;
                border-radius: 5px;
                overflow: hidden;
                position: relative;
            }

            .nav-pills.nav-tabs-dropdown::after,
            .nav-tabs-dropdown::after {
                content: "☰";
                position: absolute;
                top: 8px;
                right: 15px;
                z-index: 2;
                pointer-events: none;
            }

            .nav-pills.nav-tabs-dropdown.open a,
            .nav-tabs-dropdown.open a {
                position: relative;
                display: block;
            }

            /* .nav-pills.nav-tabs-dropdown.open>li.active>a,
            .nav-tabs-dropdown.open>li.active>a {
                background-color: #eeeeee;
            } */

            .nav-pills.nav-tabs-dropdown li,
            .nav-tabs-dropdown li {
                display: block;
                padding: 0;
                vertical-align: bottom;
            }

            .nav-pills.nav-tabs-dropdown>li>a,
            .nav-tabs-dropdown>li>a {
               /*  position: absolute; */
                top: 0;
                left: 0;
                margin: 0;
                width: 100%;
                height: 100%;
                display: inline-block;
                border-color: transparent;
            }

            .nav-pills.nav-tabs-dropdown>li>a:focus,
            .nav-tabs-dropdown>li>a:focus,
            .nav-pills.nav-tabs-dropdown>li>a:hover,
            .nav-tabs-dropdown>li>a:hover,
            .nav-pills.nav-tabs-dropdown>li>a:active,
            .nav-tabs-dropdown>li>a:active {
                border-color: transparent;
            }

            /* hh */
            .nav-pills.nav-tabs-dropdown>li>a.active,
            .nav-tabs-dropdown>li>a.active {
                display: block;
                border-color: transparent;
                position: relative;
                z-index: 1;
                background: #222;
            }

            .nav-pills.nav-tabs-dropdown>li.active>a:focus,
            .nav-tabs-dropdown>li.active>a:focus,
            .nav-pills.nav-tabs-dropdown>li.active>a:hover,
            .nav-tabs-dropdown>li.active>a:hover,
            .nav-pills.nav-tabs-dropdown>li.active>a:active,
            .nav-tabs-dropdown>li.active>a:active {
                border-color: transparent;
            }
        }		
		
		
/*--usps--*/		

.black-box{
	background:#1b1b1b; color:#fff;
	padding:40px 20px;
	border-radius:20px 20px 0px 20px;
		position:relative;
	z-index:2;
}
.black-box .heading{font-size:22px;}

.black-box1{
	background:#1b1b1b; color:#fff;
	padding:40px 20px;
	border-radius:0px 20px 20px 20px;
		position:relative;
	z-index:2;	
}


.black-box2{
	background:#1b1b1b; color:#fff;
	padding:40px 20px;
	border-radius:0px 0px 20px 20px;
		position:relative;
	z-index:2;	
}

.white-box{
	background:#fff; color:#1b1b1b;
	padding:40px 20px;
	border-radius:20px;
		position:relative;
	z-index:2;
}
.black-box-middle{
	background:#1b1b1b;
	height:100px;
	position:relative;
	z-index:1;
	top:-20px;
	border-radius:0px 0px 20px 20px
}


.top-move{
	position:relative;
	z-index:2;
	height: 100px;
	top:-22px;
	background: #000;
}

.black-box3{
	background:#1b1b1b; color:#fff;
	padding:40px 20px;
	border-radius:0px 0px 20px 20px;
		position:relative;
	z-index:3;	
}

.white-box1{
	background:#fff; color:#1b1b1b;
	padding:40px 20px;
	border-radius:20px 20px 0px;
		position:relative;
	z-index:2;
}

.white-box2{
	background:#fff; color:#1b1b1b;
	padding:40px 20px;
	border-radius:20px 20px 0px;
		position:relative;
	z-index:2;
}