@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

html {
    scroll-behavior: smooth;
}
body{font-family: 'Poppins', sans-serif; font-size: 16px;color: #000;margin: 0;padding: 0;} 
p,figure{font-size: 18px;margin: 0;}
a:hover {text-decoration: none;}
ul{list-style: none;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    color: #fff;font-weight:600;
}

header {
    background: #fff;
    box-shadow: 0 0 12px #00000080;
}
header .row{
    justify-content: space-between;
}
.login-menu ul {
    display: flex;
    width: 100%;
    text-align: center;
}
.login-menu ul li a{
    font-size: 18px;
    color: #200731;
    padding: 0 15px;
    line-height: 70px;
    font-weight: 700;
}
.onlividprt {
    background: url(https://etmainwebsite.s3.amazonaws.com/bgofly.jpg) center;
    background-size: 100%;
    padding: 80px 0;
}

.bgstyle{ background:url("https://etmainwebsite.s3.amazonaws.com/bg-styleprt.png");    background-repeat: no-repeat;
    background-size: contain; }


.title-text h1 {
    padding: 60px 0;
    text-align: center;
}
.vdoeprt h1 {
    color: #fff;
    /* padding: 0 !important; */
}
.expand_live_demo_box h1, .title-text h1 {
    font-size: 60px;
    padding: 20px 0 10px 0;
	  font-weight: bold;
}
.title_block p {
    color: #fff;
      padding: 0;
    text-align: center;
}
.videosec {
    box-shadow: 0px 10px 20px rgb(0 51 204 / 10%);
    border: 0;
    margin: 40px 0 0;
}
.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(231,29,38,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 70px;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: 2s;
}
.videosec iframe {
    width: 100%;
    height: 500px;
}
.videosec h2 {
    font-size: 36px;
}
.hover i {
    transform: scale(0);
    transition-delay: 2.4s;
    transition: 2.4s;
}
.videosec:hover .hover {
    opacity: 1;
    transition: 2s;
}
.live_demo_box h1 {
    font-size: 60px;
    text-align: center;
    color: #000;
}
.live_demo_box h4 {
    color: #e71d26;
    padding: 10px 0 30px 0;
    text-align: center;
}
.form_block .form-row {
    padding: 0 0 30px 0;
}
.input_block1 {
    padding: 0 15px 0 5px !important;
}
.input_block {
    position: relative;
    padding: 0 0 30px 0;
}
.input_block2 {
    padding: 0 5px 0 1px !important;
}
.input_block input {
    height: 60px;
    border: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #000;
}
.input_block1 i {
    right: 12px;
}
.input_block i {
    top: -4px;
    right: 4px;
    color: #2f2f2f;
    position: absolute;
    font-size: 34px;
}
.input_block1 label {
    left: 5px;
}
.input_block label {
    color: #798695;
    font-size: 14px;
    left: 0;
    font-weight: 300;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transition: all 0.25s ease;
}

.form_block .submit_btn {
    width: 100%;
    margin: 30px 0 0;
    border-radius: 4px;
}
.card_box .card .card-body a, .title_block a, .form_block .submit_btn {
    background: #e71d26;
    padding: 15px 60px;
    border-radius: 10px;
    border: none;
    margin: 0 0 30px 70px;
    font-size: 25px;
    font-weight: bold;
}
 

.demolin {
    background: #fff !important;
    padding: 100px 0;
    color: #fff;
}
 
        .demolin .btn a{color:#fff}
        .rialidiv h4 {
            width: 100%;
            display: block;
            float: right
        }

section.sedon {
    padding: 40px 0 0;
}
.shadow-et {
    box-shadow: 0px 0px 18px rgb(47 49 53 / 8%) !important;
}

.pdding-plus {
    padding: 1.6rem 1.4rem!important;
}
.blue-bg {
    background-color: #4470ec !important;
    color: #fff;
}
.d-flexy {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.big-iconSize-nor {
    width: 4.375rem;
    height: 4.375rem;
}.rounded-pill {
    border-radius: 100rem !important;
}
    
.btn.btn-lg {
    min-height: 2.8rem;
    font-size: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    line-height: 2.5rem;
    position: relative;
    -webkit-transition-duration: 0.4s;
    overflow: hidden;
    font-weight: 600;
}
    .demolin .imgvi {
        background: #fff !important;
        width: 150px;
        height: 150px;
        border-radius: 100px;
        margin:0px 0 10px 0 ;
        align-items: center;  
    }
    .demolin .imgvi i{   font-size:66px}
    .rialidiv .btn {
        float: right
    }

.demolin p {
    font-size: 18px !important;
    color: #000 !important;
    text-align: left !important;
    line-height: 32px !important;
	    padding-top: 10px;
}
.pdding-plus > p{
 color: #828282 !important;
 font-size: 1rem !important;
line-height: 1.8rem !important;
}
.icon-post {
    position: relative;
    top: 0.4rem;
}
.purple-bg {
    background-color: #693ad8 !important;
    color: #fff;
}
.afflipro .btn {
    margin: 20px auto 0;
    font-size: 18px;
    padding: 12px 25px !important;
    font-weight: bold;
}
.afflipro .align-cntrblok {
    border-radius: 9px 60px 9px 60px;
}
p.bigtst i, .icondiv i, .todac .imgvi i, .demolin .imgvi i {
    color: #004eff;
    background: -moz-linear-gradient(left, #004eff 0%, #30aa7b 64%);
    background: -webkit-linear-gradient(left, #004eff 0%,#30aa7b 64%);
    background: linear-gradient(to right, #004eff 0%,#30aa7b 64%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eff', endColorstr='#30aa7b',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 7px;
}

.solution .cards {
    text-align: center;
    padding: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    height: 380px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px rgb(0 51 204 / 10%);
    position: relative;
    top: 0;
}
.imgvi {
    width: 75px;
    height: 75px;
    background: #f2f4fd;
    background: -moz-linear-gradient(-45deg, #f2f4fd 47%, #ffffff 48%, #f2f4fd 48%, #f2f4fd 48%, #ffffff 48%);
    background: -webkit-linear-gradient(
-45deg
, #f2f4fd 47%,#ffffff 48%,#f2f4fd 48%,#f2f4fd 48%,#ffffff 48%);
    background: linear-gradient(
135deg
, #f2f4fd 47%,#ffffff 48%,#f2f4fd 48%,#f2f4fd 48%,#ffffff 48%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4fd', endColorstr='#ffffff',GradientType=1 );
    margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    box-shadow: 4px 4px 8px #e5edff;
    border-radius: 8px;
}
.banner {
    padding: 60px 0;
    min-height: 1000px;
    background: #210c37 url(https://etmainwebsite.s3.amazonaws.com/bgofly.jpg) no-repeat 0 0;
    background-size: cover;
}
.banner .row, .boxes_blocks .row {
    justify-content: center;
}
.content_box .card {
    border: none;
    background: none;
}
.content_box .card .card-body{
    color: #fff;
}
.content_box .card .card-body a.btn, .titles_block_box1 .price_box > a.btn, .text-right-btn a{
    color: #fff;
    font-size: 24px;
    padding: 0 15px;
    transition: 0.5s;
    font-weight: bold;
    line-height: 55px;
    border-radius: 10px;
    border: 2px solid #a5cc72;
    background: rgb(48,157,57);
    background: linear-gradient(0deg, rgba(48,157,57,1) 0%, rgba(71,125,39,1) 50%, rgba(52,151,67,1) 100%);
}
.text-right-btn a {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
}
.content_box .card .card-body a.btn span{
    font-weight: 300;
}
.content_box .card .card-body a.btn:hover{
    transform: scale(1.1,1.1); transition: 0.3s;
}

.content_box .card .card-body h5{
    font-size: 35px;
    padding: 40px 0 10px;
}
.content_box .card .card-body h5 a{
    color: #35bf38;
    font-weight: 400;
}
.content_box .card .card-body p{
    font-size: 22px;
    font-weight: 300;
}

.video_box {
    border-radius: 10px;
}
.video_list ul{
    display: flex;
    padding: 15px 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.video_list ul li {
    width: 33%;
    display: flex;
    line-height: 60px;
}
.video_list ul li a {
    color: #fff;
    padding: 0 0 0 15px;
    transition: 0.5s;
}
.login-menu ul li a:hover, .video_list ul li:hover a{
	color:#35bf38;
}

.videosec{position:relative;padding:0 !important}
.videosec:hover .hover {
    opacity: 1;
    transition: 2s;
}
.uni-gala{background:#f5f5f5 !important;     min-height: auto !important;}

.uni-gala figure img{width:100%}
.uni-gala figure {
    margin: 40px 0 0;
}
.uni-gala figcaption {
    text-align: center;
    margin: 10px 0 0;
}


.uni-gala figcaption a{ text-decoration:underline; color:#333 }

.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(231,29,38,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 70px;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: 2s;
	    top: 0;
    left: 0;
    z-index: 1;
}

    .hover i {
        transform: scale(0);
        transition-delay: 2.4s;
        transition: 2.4s;
    }

.videosec:hover .hover i {
    transform: scale(1, 1);
    transition-delay: 2.4s;
    transition: 2.4s;
}
.live_demo_box h1 {
    font-size: 60px;
    text-align: center;
    color: #000;
}

.live_demo_box h4 {
    color: #e71d26;
    padding: 10px 0 30px 0;
    text-align: center;
}
 
.input_block {
    position: relative;
    padding: 0 0 30px 0;
}
.form_block .form-row {
    padding: 0 0 30px 0;
}
.input_block1 {
    padding: 0 15px 0 5px !important;
}
.input_block {
    position: relative;
    padding: 0 0 30px 0;
}
.input_block2 {
    padding: 0 5px 0 1px !important;
}
.input_block input {
    height: 60px;
    border: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #000;
}
.input_block2 i {
    right: 4px;
}
.input_block1 i {
    right: 12px;
}
.input_block i {
    top: -4px;
    right: 4px;
    color: #2f2f2f;
    position: absolute;
    font-size: 34px;
}
.input_block2 label {
    left: 0px;
}
.input_block1 label {
    left: 5px;
}
.input_block label {
    color: #798695;
    font-size: 14px;
    left: 0;
    font-weight: 300;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transition: all 0.25s ease;
}
.input_block1 label {
    left: 5px;
}
.input_block3 label {
    font-weight: 300;
    padding: 0 0 0 20px;
}
.input_block3 input {
    margin: 8px 0 0 -13px;
    opacity: 0;
}
.input_block3 .form-check .chekmark {
    top: 3px;
    left: 0;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    border: 1px solid #555;
}
.input_block3 .form-check input:checked ~ .chekmark::after {
    display: block;
    transition: all 1s ease-in-out;
}
.input_block3 .chekmark::after {
    content: '';
    left: 8px;
    top: 4px;
    width: 8px;
    height: 12px;
    display: none;
    position: absolute;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(
45deg
);
    transition: all 1s ease-in-out;
}
.input_block3 .form-check input:checked ~ .chekmark {
    background: rgb(0, 162, 255);
}
.form_block .submit_btn {
    width: 100%;
    margin: 30px 0 0 !important;
    border-radius: 4px;
}
.card_box .card .card-body a, .title_block a, .form_block .submit_btn {
    background: #e71d26;
    padding: 15px 60px;
    border-radius: 10px;
    border: none;
    margin: 0 0 30px 70px;
    font-size: 25px;
    font-weight: bold;
}
.form_block .submit_btn i {
    font-size: 20px;
    margin-left: 12px;
}
.btn i {
    margin-right: 7px;
}










.video_list ul li i{
    font-size: 7px;
    color: #000;
    background: #fff;
    width: 20px;
    height: 20px;
    margin: 18px 0 0 0;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    transition: 0.5s;
}
.video_list ul li:hover i{
    color: #fff;
    background: #35bf38;
    transform: scale(1.2,1.2); transition: 0.3s;
}
.boxes_blocks {
    padding: 60px 0;
}
.boxes_blocks .row {
    padding: 0 0 10px 0;
}
.title_block h1 {
    text-align: center;
    font-size: 46px;
    padding: 0 0 50px;
}
.boxes_blocks .title_block h1 {
    color: #000;
}
.title_block h1 span{
    color: #35bf38;
    font-weight: 400;
    font-family: 'Monoton', cursive;
}
.block1 .card {
    border: none;
    background: none;
    padding: 100px 200px 0 160px;
}
.block1 .card img {
    width: auto ;
}
.block1 .card .card-body {
    padding: 15px 0;
}
.block1 .card .card-body h5{
    color: #007bff;
    font-style: 32px;
}
.block1 .card .card-body p{
    line-height: 32px;
}
.image_box {
 
    overflow: hidden;
 
    border-radius: 50px 0 0 50px;
}
.image_box img {
    width: 100%;
    border-radius: 50px 0 0 50px;
}
.image_box1, .image_box1 img {
    border-radius: 0 100px 100px 0;
}
.block2 .card {
    padding: 100px 200px 0 0;
}
.event_blocks {
  
    padding: 60px 0;
    background: #121a33 ;
    background-size: 136%;
}
.event_blocks .row {
    justify-content: right;
}
.boxes_blocks .row:last-child{
    padding: 0;
}
.video_list1 ul{
    padding: 0 0 15px 0;
}
.video_list1 ul li{
    width: 49%;
}
.video_list1 > h5 {
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 50px;
    padding: 0 0 30px 0;
}
.slider_block {
    width: 100%;
}
.slider_block iframe{border: 0;  }
.video_list1 ul li {
    line-height: 50px; text-align:left
}
.slider_block .carousel-item{
 
    border-radius: 10px;
}
.slider_block .carousel-item a {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    background: rgba(0,0,0,0.8);
    padding: 15px;
    color: #fff; font-weight: bold;
}
.slider_block .carousel-item a:hover{color: #35bf38;}
.slider_block, .slider_block .carousel-item img {
    border-radius: 10px;
}
.slider_block .carousel-indicators {
    bottom: -70px;
}
.slider_block .carousel-indicators li{
    width: 15px;
    height: 15px;
    padding: 0;
    opacity: 1;
    background-color:#ccc;
    border-radius: 50%;
}
.slider_block .carousel-indicators .active {
    background-color: #4fc03c;
}
.hybrod_event {
    
    background-image: url("https://etmainwebsite.s3.amazonaws.com/july4th/images/3d_event-bg1.png");
}
.hybrod_event .title_block1 h1{
    padding: 0 0 30px;
}
.slider_block1 .carousel-item{
    height: 100%;
}
.slider_block1 .carousel-item iframe{
    height: 96%;
}
.video_list {
    text-align: center;
}

.video_list2 > h5 {
    padding: 0 0 15px 0;
}
.video_list2 > p {
    color: #fff;
    line-height: 30px;
    padding: 0 0 30px 0;
}
.gala_block {
    padding:60px 0 100px;
 
    position: relative;
}
.gala_block .title_block1 h1{
    color: #000;
}
.gala_slider {
    padding: 15px 0;
}
.grab_full_block {
    padding: 180px 0 40px;
    min-height: 852px;
    background: #e92b2b url("https://etmainwebsite.s3.amazonaws.com/july4th/event_today_bg.png") no-repeat 0 0;
    background-size: 100%;
}
.titles_block_box {
    text-align: center;
    margin: 0 0 0 -220px;
}
.titles_block_box h1 {
    padding: 0 0 15px 0;
}
.titles_block_box h5 {
    font-size: 24px;
    font-weight: 300;
}
.titles_block_box h6 {
    font-size: 22px;
    padding: 25px 0;
}
.titles_block_box figure img {
    width: 50%;
}
.titles_block_box1 {
    margin: 0 -200px 0 0;
}
.titles_block_box1 h1 {
    font-size: 40px;
}
.titles_block_box1 .price_box p {
    padding: 45px 0;
}
.titles_block_box1 .price_box p a{
    color: #fff;
    padding: 0 30px;
    font-size: 24px;
    display: inline-block;
    line-height: 64px;
    border-radius: 10px;
    font-weight: bold;
    border: 3px dashed #ddd;
}
.titles_block_box1 .price_box h3{
    font-size: 40px;
    font-weight: 300;
    text-decoration: line-through;
}
.titles_block_box1 .price_box h4{
    font-size: 36px;
    padding: 20px 0;
}
.titles_block_box1 .price_box h4 span{
    font-size: 46px;
}
.titles_block_box1 .price_box h6{
    font-size: 18px;
    font-weight: normal;
}
.titles_block_box1 .price_box > a.btn {
    width: 60%;
    font-size: 33px;
    line-height: 70px;
    transition: 1s;
}
.titles_block_box1 .price_box > a.btn:hover {
    transform: scale(1.1,1.1); transition: 0.5s;
}
.brand_block {
    min-height: 400px;padding:100px 0;
}
.brand_title {
    text-align: center;
}
.blue {
    color: #4470ec !important;
}
.heder-style i:nth-of-type(1) {
    opacity: 0.5;
}
.heder-style i:nth-of-type(2) {
    opacity: 0.7;
}
.heder-style i {
    font-size: 0.8rem;
}
.brand_title h1{
    padding-bottom: 15px;
}
.li-style {
    position: relative;
}
.li-style::before {
    background: url(https://etmainwebsite.s3.amazonaws.com/newweb/line.png) no-repeat;
    position: absolute;
    content: " ";
    height: 2rem;
    width: 8rem;
    bottom: -1.5rem;
    right: 0;
}
.brand_title p{
   font-size: 1rem;
    line-height: 1.8rem;
    color: #828282;
}
.slide_list h1 {color:#212529}
.row1 {
    justify-content: center;
}
.logo_slider ul {
    display: flex;
    width: 100%;
    padding: 60px ;
    justify-content: space-between;
}
.logo_slider ul li{
    width: 25%;
    margin: 0 15px;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 15px -2px rgba(47,48,76,20%);
	
}
.logo_slider ul li a{
    display: block;
}
#carouselExampleSlidesOnly .carousel-control-next, #carouselExampleSlidesOnly .carousel-control-prev {
    width: 60px;
}
#carouselExampleSlidesOnly .carousel-control-next-icon, #carouselExampleSlidesOnly .carousel-control-prev-icon {
    background-color: #ecf0fd;
    background-size: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.et-section-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
}
.et-section-ptb p {
	font-size: 1rem;
    line-height: 1.8rem;
    color: #828282;
}
.carousel-control-prev {
    left: -9px;
}
.carousel-control-next {
    right: -9px;
}
#carouselExampleSlidesOnly .carousel-control-next-icon:hover, #carouselExampleSlidesOnly .carousel-control-prev-icon:hover {
    background-color: #35bf38;
}
.swiper-button-next, .swiper-button-prev {
    position: relative !important;
    float: right;
    width: 50px !important;
    height: 50px !important;
    background-color: #ecf0fd;
    margin: 0 1rem !important;
}
.swiper-button-next:after, .swiper-button-prev::after {
    font-size: 1.4rem !important;
    color: #fff !important;
}
.review_block {
    padding: 60px 0 100px;
    min-height: 300px;
    background: #121a33;
}
.review_block .row {
    justify-content: center;
}
.review_block .brand_title p {
    font-size: 18px;
    color: #fff;
}
.total_rating {
    width: 200px;
    height: 200px;
    padding: 10px;
    background: #fff;
    margin: 50px auto;
    text-align: center;
    border-radius: 50%;
    border: 7px solid #4fc03c;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.total_rating > img {
    width: 56px;
}
.total_rating h3 {
    color: #faa330;
    font-size: 45px;
    font-weight: 400;
}
.total_rating h3 span{
    color: #2f304c;
    font-size: 26px;
}
.total_rating p {
    color: #044d80;
    font-size: 17px;
    text-transform: uppercase;
}
.card, .profile-block {
    box-shadow: 0px 0px 18px rgb(47 49 53 / 8%) !important;
    border: 0;
}
.slider-arow {
    width: 6rem;
}

.slir-arow {
   background:#ecf0fd;
}
.iconSize-nor {
    width: 3.125rem !important;
    height: 3.125rem;
}
.add-ops {
    background: #fff; 
    border-radius: 1rem 1rem 0 1rem !important;
}
.add-ops figure img {
    width: 3.125rem;
    height: 3.125rem;
}
.add-ops figure h6, .add-ops figure p {
    font-size: 0.8rem;
}
.cptr {
    bottom: 6rem;
    top: auto;
    left: 4rem;
}
.cir1 {
    width: 3.1rem;
    height: 3.1rem;
    background: #fff;
    right: 0;
    right: 2.5rem;
}
.green {
    color: #1fa49a !important;
}
.d-flexy {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.add-ops .cir1 {
    right: -2rem;
    top: -1rem;
}
.orange {
    color: #fbb83e !important;
}
.add-ops small {
    font-size: 0.7rem;
    color: #828282;
}
.fs-6 {
    font-size: 1rem !important;
}
.purple {
    color: #693ad8 !important;
}
.review_slider {
    max-width: 100%;
    width: 100%;
    padding: 30px;
    max-height: none;
    min-height: 320px;
    position: relative;
    background: #fff;
}
.review_slider .carousel-indicators {
    bottom: -115px;
}
.review_slider .carousel-item{
    text-align: center;
}
.review_slider .carousel-item figure img{
    width: 106px;
    height: 106px;
    border-radius: 50%;
    margin: 0 0 15px 0;
}
.review_slider .carousel-item .user_detail h4{
    color: #000;
    font-size: 22px;
}
.review_slider .carousel-item .user_detail h5{
    color: #777;
    font-size: 20px;
}
.review_slider .carousel-item .user_detail h6{
    color: #007bff;
    font-size: 18px;
    padding: 15px 0 0;
    font-weight: 700;
}
.review_slider .carousel-item .user_detail p{
    font-size: 18px;
    padding: 10px 0 0;
   
}
.review_slider .carousel-item .user_detail1 {
    padding: 0 30%;
}

/* =================================== carousel Slide Start============================= */
.event_blocks h1{ padding-bottom: 0;}
.gallery {
    width: 100%;
 
    overflow: hidden;
}
  .gallery-container {
    align-items: center;
    display: flex;
    height: 535px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
  }
  .gallery-item {
 
    opacity: 0;
    position: absolute;
    width: 200px;
    z-index: 0;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
  }
  .gallery-item-1 {
    left: -9%;
    opacity: .4;
    transform: translateX(-50%);
  }
  .gallery-item-2,
  .gallery-item-4 {
 
    opacity: 1;
    
    z-index: 1;
  }
  .gallery-item-2 {
    left: 13%;
    transform: translateX(-50%);
  }
  .gallery-item-3 {
 
 
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 1050px;
    z-index: 2;
  }
  .gallery-item-4 {
    left: 87%;
    transform: translateX(-50%);
  }
  .gallery-item-5 {
    left: 109%;
    opacity: .4;
    transform: translateX(-50%);
  }
  .gallery-controls {
    display: flex;
    justify-content: center;
    margin: 30px 0;
  }
  .gallery-controls button {
    border: 0;
    cursor: pointer;
    font-size: 16px;padding: 0;
    margin: 0 5px;
    width: 50px;line-height: 50px;
    height: 50px;position: relative;
    border-radius: 50%;
    background: #121a33;
    text-transform: capitalize;
  }
  .gallery-controls button:hover {
    background: rgb(48,157,57);
  }
  .gallery-controls button:focus {
    outline: none;
  }
  .gallery-controls button.gallery-controls-add {
    background: none;
    display: none;
  }
  .gallery-controls-previous::before {
    border: solid #fff;
    border-width: 0 4px 4px 0;
    content: '';
    display: inline-block;
    height: 14px;
    left: 14px;
    padding: 2px;
    position: absolute;
    top: 12px;
    transform: rotate(135deg) translateY(-50%);
    transition: left 0.15s ease-in-out;
    width: 14px;
}
  .gallery-controls-next {
    position: relative;
  }
  .gallery-controls-next::before {
    border: solid #fff;
    border-width: 0 4px 4px 0;
    content: '';
    display: inline-block;
    height: 14px;
    padding: 2px;
    position: absolute;
    right: 16px;
    top: 22px;
    transform: rotate(-45deg) translateY(-50%);
    transition: right 0.15s ease-in-out;
    width: 14px;
  }
  .gallery-nav {
    bottom: -15px;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  .gallery-nav li {
    background: #ccc;
    border-radius: 50%;
    height: 10px;
    margin: 0 16px;
    width: 10px;
  }
  .gallery-nav li.gallery-item-selected {
    background: #555;
  }

  .block1 .card img {
      transition: 1s;
  }
  .block1 .card img:hover {
    transform: scale(1.2,1.2); transition: 0.5s;
  }
  .titles_block_box figure img, .logo_slider ul li,.total_rating {
      transition: 1s;
  }
  .titles_block_box figure img:hover, .logo_slider ul li:hover, .total_rating:hover {
    transform: scale(1.1,1.1); transition: 0.5s;
  }

/* ====================================== carousel Slide Start =================================== */
/* ================ Responsive Lins ================ */

@media (min-width: 1400px) and (max-width:1750.98px) { 
    
    .gallery-item-3{    width: 800px;}
 }
@media  (max-width: 1680px) { 
    .event_blocks {
        background-size: 130%;
    }
	.event_blocks .slider_block .carousel-item {
         
    }
    .grab_full_block {
        padding: 80px 0 40px;
        min-height: 753px;
    }
}
@media  (max-width: 1440px) { 
    .banner {
        padding: 40px 0;
        min-height: 782px;
    }
    .video_block {
        padding: 0 90px;
    }
   
    .content_box .card .card-body h5{
        font-size: 30px;
        padding: 30px 0 10px;
    }
    .video_list ul li {
        line-height: 40px;
    }
    .video_list ul li a{
        font-size: 14px;
    }
    .video_list ul li i{
        margin: 10px 0 0;
    }
    .title_block h1, .hybrod_event .title_block1 h1 {
        font-size: 40px;
        padding: 0 0 15px;
    }
    .block1 .card {
        padding: 50px 60px 0;
    }
   
    .block2 .card {
        padding: 50px 120px 0 0;
    }
    .event_blocks {
        min-height: 570px;
        padding: 40px 0 80px;
        background-size: 166%;
    }
    .video_list1 > h5 {
        font-size: 24px;
        line-height: 44px;
    }
    .event_blocks .slider_block .carousel-item {
        max-height: 420px;
    }
    .hybrod_event .slider_block .carousel-item {
        max-height: 520px;
    }
    .slider_block1 {
        left: 0;
    }
    .video_list2 > h5 {
        padding: 15px 0;
    }
    .hybrod_event {
        min-height: 550px;
    }
    .video_list2 {
        margin: 0 0 0 -30px;
    }
    .grab_full_block {
        padding: 60px 0 0;
        min-height: 604px;
    }
    .titles_block_box {
        margin: 0 0 0 -60px;
    }
    .titles_block_box h1 {
        font-size: 30px;
    }
    .titles_block_box h5 {
        font-size: 18px;
    }
    .titles_block_box h6 {
        font-size: 16px;
        padding: 15px 0;
    }
    .titles_block_box1 .price_box p {
        padding: 30px 0 20px;
    }
    .titles_block_box1 .price_box h3 {
        font-size: 30px;
    }
    .titles_block_box1 .price_box h4 {
        font-size: 26px;
    }
    .titles_block_box1 .price_box h4 span {
        font-size: 36px;
    }
    .titles_block_box1 .price_box p a {
        padding: 0 20px;
        font-size: 20px;
        line-height: 50px;
    }
    .titles_block_box1 {
        margin: 0 -60px 0 0;
    }
    .titles_block_box1 .price_box > a.btn {
        width: 55%;
        font-size: 30px;
        line-height: 60px;
    }
    .logo_slider ul {
        padding: 60px 10px;
    }
    .logo_slider ul li{
        margin: 0 15px;
    }    
    .review_slider {
        padding: 15px 70px;
        max-width: 100%;
        width: 100%;
        max-height: none;
        min-height: 320px;
    }
    .review_slider .carousel-item .user_detail p {
        font-size: 16px;
    }
    .gala_block {
        min-height: 660px;
    }
    .brand_block {
        min-height: 200px;
    }
    .gallery {
        width: 100%;
        margin: 0;
    }
  
    .gallery-item-3 {
        width: 600px;
 
    }
    .gala_slider {
        padding: 0;
    }
    .gallery-controls {
        margin-bottom: 0;
    }
}
@media  (max-width: 1280px) {  
    .grab_full_block {
        min-height: 573px;
    }
}
@media  (max-width: 1199px) { 
    .banner {
        background: #121a33;
    }
    .content_box .card .card-body h5 {
        font-size: 38px;
    }
    .video_block {
        padding: 0 15px 30px;
    }
    .video_list ul li a {
        font-size: 16px;
        font-weight: 600;
    }
    .block1 .card, .block2 .card {
        padding: 15px;
    }
    .image_box {
        min-height: 310px;
        max-height: none;
    }
    .video_list ul li {
        width: 50%;
        text-align: left;
    }
    .slider_block {
        width: 100%;
        max-height: none;
        min-height: auto;
        position: relative;
        padding: 15px 0;
    }
    .event_blocks {
        padding: 40px 0 80px;
    }
    .hybrod_event {
        background: #000;
    }
    .hybrod_event .title_block1 h1 {
        padding: 0 0 30px;
    }
    .video_list2 {
        margin: 0;
        padding: 60px 0 0;
    }
    .gala_block {
        min-height: 520px;
    }
  
    .gallery-item-3 {
        width: 500px;
   
    }
    .gallery-container {
        height: 310px;
    }
    .grab_full_block {
        padding: 30px 0 0;
        min-height: 450px;
    }
    .brand_block {
        min-height: auto;
    }
    .logo_slider ul {
        padding: 30px 10px;
    }
    .review_slider .carousel-indicators {
        bottom: -90px;
    }
    .titles_block_box1 {
        margin: 0 -30px 0 0;
    }
}   
@media  (max-width: 991px) {
    .login-menu ul li a {
        padding: 0 0 0 15px;
    }
    .content_box .card .card-body h5 {
        font-size: 28px;
    }
    .boxes_blocks .pl-0,.boxes_blocks .pr-2 {
        padding: 0 15px !important;
    }
    .boxes_blocks .pl-0 .image_box1,.boxes_blocks .pr-2 .image_box1 {
        margin:;
    }
  
    .gallery-container {
        height: 252px;
    }
 
    .gallery-item-3 {
        width: 370px;
        height: 250px;
    }
    .grab_full_block {
        background: rgb(32,7,49);
        background:#121a33;
    }
    .titles_block_box {
        margin: 0 0 60px;    padding-top: 15px;
    }
    .titles_block_box figure img {
        width: 40%;
    }
    .review_slider .carousel-item .user_detail p {
        padding: 10px 15px;
    }
    .review_slider .carousel-item .user_detail1 {
        padding: 0;
    }
}
@media  (max-width: 767px) {
.expand_live_demo_box h1, .title-text h1, .live_demo_box h1, .title_block h3, .card_box .card .card-body h2 {
    font-size: 30px;
}	
.login-menu ul li a {
    font-size: 10px !important;
    padding: 0 4px 0 0 !important;
}
    .logo {
        text-align: center;
    }
	.text-right-btn{ padding-left:0; }
    .text-right-btn a {
          text-align: center;
    margin: 10px auto !important;
    display: table;
	    font-size: 12px;
    }
    .login-menu ul {
        justify-content: left !important;
    }
    .content_box .card {
        margin: 0 -60px;
    }
    .block1 .card, .block2 .card {
        padding: 15px;
        text-align: center;
    }
    .video_list ul li {
        width: 100%;
    }
    .gallery-container {
        height: 185px;
    }
    .gallery-item {
        height: 90px;
        width: 90px;
    }
    .gallery-item-3 {
        width: 280px;
        height: 180px;
    }
    .logo_slider ul {
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    .logo_slider ul li {
        width: 46%;
        margin: 0 10px 30px 0;
    }
}
@media  (max-width: 575px) {  
    .text-right-btn a {
        line-height: 60px;
    }
    .content_box .card {
        margin: 0;
    }
    .content_box .card .card-body a.btn, .titles_block_box1 .price_box > a.btn {
        font-size: 18px;
    }
    .content_box .card .card-body h5 {
        font-size: 22px;
    }
    .video_list {
        flex-wrap: wrap;
    }
    .video_list ul{
        width: 100%;
    }
    .title_block h1 {
        font-size: 30px;
        padding: 0 0 20px;
    }
    .title_block h1 br {
        display: none;
    }
    .hybrod_event {
        padding: 40px 0;
    }
    .gala_block {
        min-height: auto;
    }
}
@media  (max-width: 480px) {  
    .content_box .card .card-body a.btn, .titles_block_box1 .price_box > a.btn {
        line-height: 25px;
        padding: 15px;
        white-space: break-spaces;
    }
    .image_box {
        min-height: auto;
        max-height: none;
    }
    .review_slider .carousel-item .user_detail {
        max-height: 300px;
        overflow: auto;
    }
}
@media  (max-width: 425px) {  
    .block1 .card, .block2 .card {
        padding: 15px 0;
    }
    .gallery-container {
        height: 130px;
    }
    .gallery-item {
        height: 75px;
        width: 75px;
    }
    .gallery-item-3 {
        width: 230px;
        height: 130px;
    }
    .logo_slider ul {
        padding: 30px 10px 0;
    }
    .logo_slider ul li {
        height: 110px;
        line-height: 110px;
        margin: 0 10px 20px 0;
    }
    .login-menu ul li a {
     
    }
    .text-right-btn a {
        line-height: 40px;
        margin: 0 0 10px -15px;
    }
    .logo_slider .carousel-item:nth-child(1) ul li:nth-child(2) a img, .logo_slider .carousel-item:nth-child(2) ul li:nth-child(1) a img, .logo_slider .carousel-item:nth-child(3) ul li:nth-child(1) a img, .logo_slider .carousel-item:nth-child(3) ul li:nth-child(3) a img, .logo_slider .carousel-item:nth-child(3) ul li:nth-child(4) a img, .logo_slider .carousel-item:nth-child(4) ul li:nth-child(1) a img, .logo_slider .carousel-item:nth-child(4) ul li:nth-child(3) a img, .logo_slider .carousel-item:nth-child(5) ul li:nth-child(3) a img, .logo_slider .carousel-item:nth-child(6) ul li:nth-child(1) a img, .logo_slider .carousel-item:nth-child(6) ul li:nth-child(2) a img {
        width: 100%;
        height: auto;
    }
}
@media  (max-width: 400px) {  
    .login-menu ul {
        margin: 0 -15px 0 0;
    }
    .login-menu ul li a {
        font-size: 15px;
        padding: 0 8px 0 0;
    }
    .text-right-btn a {
        padding: 0 10px;
        margin: 0 0 10px -20px;
    }
    .title_block h1 {
        font-size: 20px;
        padding: 0 0 20px;
    }
    .title_block1 h1 span img {
        width: 90px;
    }
    .gallery-container {
        height: 100px;
    }
    .gallery-item {
        height: 65px;
        width: 65px;
    }
    .gallery-item-3 {
        width: 200px;
        height: 100px;
    }
    .gallery-controls button {
        width: 40px;
        line-height: 40px;
        height: 40px;
    }
    .gallery-controls-previous::before {
        left: 10px;
        top: 7px;
    }
    .gallery-controls-next::before {
        right: 10px;
        top: 18px;
    }
    .titles_block_box figure img {
        width: 90%;
    }
    .logo_slider ul li {
        height: 100px;
        line-height: 100px;
    }
    .logo_slider .carousel-item ul li a img {
        width: 80%;
        height: auto;
    }
}