/*============================================================================================*/
                /* Your custom styles below */
                /*============================================================================================*/
                
                header {
                    padding: 18px 12px;
                }
                .navbar-collapse{
                    padding-top: 12px;
                }
                
                .styled-select select {
                    background: transparent;
                    width: 107%;
                    padding: 5px;
                    padding-left: 15px;
                    border: 0;
                    border-radius: 0;
                    box-shadow: none;
                    height: 41px;
                    color: #868e95;
                    margin: 0;
                    font-weight: 400;
                    -moz-appearance: window;
                    -webkit-appearance: none;
                    cursor: pointer;
                    outline: none
                }
                
                .styled-select select:focus {
                    color: #555
                }
                
                .styled-select {
                    width: 100%;
                    overflow: hidden;
                    height: 44px;
                    background: #fff url(../img/arrow_down.svg) no-repeat right center;
                    border: 1px solid #ced4da;
                    -webkit-border-radius: 0.25rem;
                    -moz-border-radius: 0.25rem;
                    -ms-border-radius: 0.25rem;
                    border-radius: 0.25rem
                }
                
                .styled-select select::-ms-expand {
                    display: none
                }
                
                .styled-select select:focus {
                    outline: none;
                    box-shadow: none
                }
                
                .no-padding {
                    padding: 0px;
                }
                
                .glyphicon-icon-rpad .glyphicon,
                .glyphicon-icon-rpad .glyphicon.m8,
                .fa-icon-rpad .fa,
                .fa-icon-rpad .fa.m8 {
                    padding-right: 8px;
                }
                
                .glyphicon-icon-lpad .glyphicon,
                .glyphicon-icon-lpad .glyphicon.m8,
                .fa-icon-lpad .fa,
                .fa-icon-lpad .fa.m8 {
                    padding-left: 8px;
                }
                
                .glyphicon-icon-rpad .glyphicon.m5,
                .fa-icon-rpad .fa.m5 {
                    padding-right: 5px;
                }
                
                .glyphicon-icon-lpad .glyphicon.m5,
                .fa-icon-lpad .fa.m5 {
                    padding-left: 5px;
                }
                
                .glyphicon-icon-rpad .glyphicon.m12,
                .fa-icon-rpad .fa.m12 {
                    padding-right: 12px;
                }
                
                .glyphicon-icon-lpad .glyphicon.m12,
                .fa-icon-lpad .fa.m12 {
                    padding-left: 12px;
                }
                
                .glyphicon-icon-rpad .glyphicon.m15,
                .fa-icon-rpad .fa.m15 {
                    padding-right: 15px;
                }
                
                .glyphicon-icon-lpad .glyphicon.m15,
                .fa-icon-lpad .fa.m15 {
                    padding-left: 15px;
                }
                
                ul.nav-menu-list-style .nav-header .menu-collapsible-icon {
                    position: absolute;
                    right: 3px;
                    top: 16px;
                    font-size: 9px;
                }
                
                ul.nav-menu-list-style {
                    margin: 0;
                }
                
                ul.nav-menu-list-style .nav-header {
                    border-top: 1px solid #FFFFFF;
                    border-bottom: 1px solid #e8e8e8;
                    display: block;
                    margin: 0;
                    line-height: 42px;
                    padding: 0 8px;
                    font-weight: 600;
                }
                
                ul.nav-menu-list-style>li {
                    position: relative;
                }
                
                ul.nav-menu-list-style>li a {
                    border-top: 1px solid #FFFFFF;
                    border-bottom: 1px solid #e8e8e8;
                    padding: 0 10px;
                    line-height: 32px;
                }
                
                ul.nav-menu-list-style>li:first-child a {}
                
                ul.nav-menu-list-style {
                    list-style: none;
                    padding: 0px;
                    margin: 0px;
                }
                
                ul.nav-menu-list-style li .badge,
                ul.nav-menu-list-style li .pull-right,
                ul.nav-menu-list-style li span.badge,
                ul.nav-menu-list-style li label.badge {
                    float: right;
                    margin-top: 7px;
                }
                
                ul.bullets {
                    list-style: inside disc
                }
                
                ul.numerics {
                    list-style: inside decimal
                }
                
                .ul.kas-icon-aero {}
                
                ul.kas-icon-aero li a:before {
                    font-family: 'Glyphicons Halflings';
                    font-size: 9px;
                    content: "\e258";
                    padding-right: 8px;
                }
                
                .login-page aside form .form-group i {
                    font-size: 21px;
                    font-size: 1.3125rem;
                    position: absolute;
                    left: 12px;
                    top: 34px;
                    color: #ccc;
                    width: 25px;
                    height: 25px;
                    display: block;
                    font-weight: 400 !important;
                }
                
                .login-page aside form .form-group input {
                    padding-left: 40px;
                }
                
                .comment_right {
                    width: 85%;
                }
                
                body {
                    min-height: 600px;
                }
                
                select.form-control:not([size]):not([multiple]) {
                    height: auto;
                }
                /* #98469C */
                
                .w-70 {
                    width: 70%;
                }
                
                .w-30 {
                    width: 30%;
                }
                
                .flip-horizontally {
                    transform: scaleX(-1);
                }
                .faq-left-bar{
                    position:fixed;
                    top: 30%; 
                    width:20%;
                }
                @media (min-width: 1399px) {
                .faq-left-bar{
                    left: 119.5px;
                }
            }



            @media (max-width: 767px){
                .header {
                    box-shadow: 0px 0px 6px rgb(0 0 0 / 30%);
                    padding-left: 5px !important;
                    padding-right: 5px !important;
                }
                .d-sm-none{
                    display: none;
                }
                #navbarsExampleDefault .main-menu{
                    margin-top: 15px;
                    float: left;
                }
                #navbarsExampleDefault  .main-menu ul, .main-menu ul li{
                    display: block;
                }
                .releasenote-slider-menu{
                    padding-left: 15px;
                    padding-right: 15px;
                }
            }
            @media (max-width: 991px) {
                #navbarsExampleDefault .main-menu{
                    margin-top: 15px;
                    float: left;
                }
                #navbarsExampleDefault  .main-menu ul, .main-menu ul li{
                    display: block;
                }
             

            }



            /* footer */

            footer {
                background: #071C26;
                color:#ffffff;
                padding: 80px 0 40px 0;
            }
            

            footer.footer-light{
                background:#f4f6f8;
                color:#232323;
            }
            
            footer.footer-light a{
                color:#232323;
            }

            footer.footer-light h5 {
                margin-top:0;
                font-family: "Montserrat";
                font-weight: bold;
                color: #2e475d;
            }

            .footer-light .widget .tiny-border{
                background:rgba(0,0,0,.1);
            }


            #form_subscribe #btn-submit i{
                text-align:center;
                font-size:30px;
                float:left;
                width:20%;
                /* background:#ff2727; */
                background: #e7344a;
                color:#ffffff;
                display:table-cell;
                padding:5px 0 6px 0;
                border-radius:0 4px 4px 0 ;
                -moz-border-radius:0 4px 4px 0 ;
                -webkit-border-radius:0 4px 4px 0 ;
            }

            #form_subscribe input[type=text]{
                padding:8px 12px 9px 12px;
                width:80%;
                float:left;
                display:table-cell;
                border-radius:4px 0 0 4px;
                -moz-border-radius:4px 0 0 4px;
                -webkit-border-radius:4px 0 0 4px;
                border:none;
                background:rgba(255,255,255,.7);
                -webkit-box-shadow: 2px 2px 20px 0px rgba(20,20,20, 0.05);
                -moz-box-shadow: 2px 2px 20px 0px rgba(20,20,20, 0.05);
                box-shadow: 2px 2px 20px 0px rgba(20,20,20, 0.05);
            }
            
            #form_subscribe input[type=text]:focus{
                background:#ffffff;
            }
            
            #form_subscribe #btn-submit i{
                text-align:center;
                font-size:30px;
                float:left;
                width:20%;
                background: #e7344a;
                color:#ffffff;
                display:table-cell;
                padding:5px 0 6px 0;
                border-radius:0 4px 4px 0 ;
                -moz-border-radius:0 4px 4px 0 ;
                -webkit-border-radius:0 4px 4px 0 ;
            }
            .form-default input[type=text]:focus, .form-default textarea:focus, .form-default input[type=email]:focus, .form-default select:focus{
                background:#f6f6f6;	
            } 
            
            .error_input{
                border-bottom:solid 1px #ff0000 !important;
            }

            /* social-icons */


/* ================================================== */
.social-icons {
	display: inline-block;
}
.social-icons i {
	text-shadow: none;
	color: #fff;
	padding: 12px 10px 8px 10px;
	width: 34px;
	height: 34px;
	text-align: center;
	font-size: 16px;
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	margin:0 5px 0 5px;
}
.social-icons i.fa-google-plus{
	padding: 12px 14px 10px 6px;
}
.social-icons i:hover {
	background: #fff;
	border-color: #eceff3;
	color: #5b3dd8;
}
.social-icons.big i {
	font-size: 26px;
	width: auto;
	height: auto;
	margin: 0 15px 0 15px;
}
.social-icons.big i:hover {
	background: none;
}
.social-icons a i {
    background: #5b3dd8;
}

section {
    background-color: rgba(6, 139, 248, 0.02);

    margin-top: 90px;
}


.hero-support-img{
    height: 320px;
    width: auto;
    background-color: #caddff5e;
}

/* Search-bar-css-start */



.searchBar {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
  
#searchQueryInput {
	width: 100%;
	height: 2.8rem;
	background: #fff;
	outline: none;
	border: none;
	border-radius: 0.5rem;
	padding: 0 3.5rem 0 1.5rem;
	font-size: 1rem;
    
}
  
#searchQuerySubmit {
	width: 3.5rem;
	height: 2.8rem;
	margin-left: -3.5rem;
	background: none;
	border: none;
	outline: none;
}
  
#searchQuerySubmit:hover {
	cursor: pointer;
}
.searchBar i{
    font-size: 18px;
    color: #333;
}


.search-warper .heading h1{
    font-size: 56px;
    font-weight: 600;
    color: #fef4ea;
}

.search-warper {
    position: relative;
   bottom: 260px;
}

.right-side-image{
    float: right;
}

.home-heading h3{
    color: #2e475d;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px;
} 




/* Search-bar-css-END */


/* Searchbar-top-css- start*/

.searchBar {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
  
#searchQueryInput-top {
	width: 100%;
	height: 42px;
	background: #fff;
	outline: none;
	border: none;
	border-radius: 5px;
	padding: 0 3.5rem 0 1rem;
	font-size: 1rem;
    /* border: 1px solid rgb(53, 53, 53); */
    border: 1px solid rgba(0, 0, 0, 0.266); 
    
}
  
#searchQuerySubmit {
	width: 3.5rem;
	height: 2.8rem;
	margin-left: -3.5rem;
	background: none;
	border: none;
	outline: none;
}
  
#searchQuerySubmit:hover {
	cursor: pointer;
}
.searchBar i{
    font-size: 18px;
    color: #333;
}
.searchBar-top i{
    color: #414045;
}


.search-warper .heading h1{
    font-size: 56px;
    font-weight: 600;
    color: #6163ea;
}

.search-warper {
    position: relative;
   bottom: 260px;
}
/* Searchbar-top-css-END */




/* Home-page-media-queary */

@media (max-width: 767px){
    .search-warper .heading h1{
        font-size: 30px;
        font-weight: 600;
        color: #333;
    }
    .support-img{
        display: none;

    }
    .hero-support-img{
        height: 250px;
        width: auto;
      
    }
    .search-warper {
        position: relative;
        top: 70px;
    }

    
}

@media (max-width: 991px) {
    .search-warper .heading h1{
        font-size: 40px;
        font-weight: 600;
        color: #333;
    }

    .right-side-image{
        display: none;
    }
    .login-page-img{
        display: none;
    }

}

@media (max-width: 575px) {
    .search-warper .heading h1{
        font-size: 30px;
        font-weight: 600;
        color: #333;
    }

    #logo {
        float: none;
        /* position: absolute; */
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
    #logo img {
        width: auto;
        height: 32px;
        /* margin: 12px 0 0 0; */
    }
    .login-from h2 {
        font-size: 24px;
    }
    .login-from p {
        font-size: 12px;
        padding: 0 !important;
        margin: 0 !important;
    }
    .login-from hr {
        display: none;
    }

    .searchBar-top {
       padding: 0 0 0 0 !important;
    }



}

.login-page {
    background-color: #caddff5e;
    
}
.login-from {
    border-radius: 15px;
}

#faq-cat-container .list-group .list-group-item.active {  /* Overwrites bootstrap class */
	background-color: #fff !important;
	border-color: #2e475d !important
}

.list-group-item.active{
    background-color: #fff !important;
    font-weight: 500 !important;
    color: #000;
    
    
}
#faq-cat-container .list-group .tab-parent-category-item .list-group-item{
    font-size: 16px;
    /* font-weight: 500; */
    color:#333;
    padding-left: 0 !important;
    padding-top: 5px !important ;
    padding-bottom: 5px !important;
    
}

#faq-cat-container .cat-container-item.active {  /* Overwrites bootstrap class */
	background-color: #c41919 !important;
	border-color: #19c4b4 !important
    
}


.list-group-item{
    border: 0 !important;
}

.faq-question-color {
	color: #2e475d ;
}

#faq-cat-container li{
    font-size: 14px;
    font-weight: 400;
}

#faq-container h4 {
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 26px;
    font-weight: 500;
}

#faq-container p, #accordionFAQ p{
    margin-bottom: 5px !important;
}

@media only screen and (max-width: 767px) {
	.faq-list-display{
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.faq-accordion-display{
		display: none;
	}
}

.faq-accordion-display .accordion  .card  .card-header {
    border-radius: 0;
    margin-bottom: -1px;
}

.faq-accordion-display button {
    background-color: transparent;
    border: none;
}
.faq-accordion-display .btn:focus{
    box-shadow: none;
}


/* Button-design-css */
.btn-custom{
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    border-radius: 2em;
    color: white !important;
    background-color: #5b3dd8;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
.btn-custom:hover{
        background-color: #4d33b4 !important;
}
/* releasenote-css-start */

.releasenote-slider-menu li {
    cursor: pointer;
   
}
.releasenote-slider-menu li a {
color: #071C26;
font-size: 14px;
font-weight: 500;
}

.releasenote-slider-menu h5 {
    
  font-weight: 600 !important;
    }
    
    .releasenote-slider-menu h2 {
    
        font-weight: 700 !important;
}
.releasenote h2{
    font-weight: 700 !important;
}

/* .card-body p {
    padding: 20px 0px 20px 50px;
} */
.btn-link{
    color: #333 !important;
    font-size: 18px;
    font-weight: 500;

}
.releasenote-slider-menu .card{
    margin: 0;
}
.releasenote-slider-menu p{
    margin-bottom: 5px;
}
.releasenote-slider-menu ol{
    margin-bottom: 0;
}

/* releasenote-css-end */


.faq-accordion-display .card-header:hover {
    background-color: #e4e4e4;
}

.selected {
    color: #4B4FCA;
}

.cursor-pointer {
    cursor: pointer;
}

.serachResult {
    margin-right: 30px;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    min-width: fill-available;
    z-index: 99;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 25rem;
    background-color: #fff;
    /* border: 1px solid #e4e5e7; */
    border-radius: 6px;
    -webkit-box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
    box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
}
@media only screen and (max-width: 991px) {
    .serachResult-md {
        max-height: 20rem !important;
    }
    .searchBar-top{
        padding: 0 !important;
    }
    

}

/* Logout-icon */
.main-menu ul li i{
    /* color: #4B4FCA; */
    color: #EF5364;
    font-size: 18px;
    padding: 0 0 0 6px;
}




/* Header-media-queary */



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

    .searchBar-top {
        padding: 0 0 0 0 !important;
     }
     .tutorial-searchBar{
        padding: 8px 0px 8px 0px;
    }
 
}

@media only screen and (max-width: 1199px) {
    #logo a img{
        padding: 0 !important;
        height: 52px;
        width: auto;
    }
    .main-menu>ul>li span>a{
        font-size: 14px;
    }


}

@media only screen and (min-width: 992px) {
.searcbox{
    display: none;
}

}
@media (min-width: 768px) {
    .page-padding{
        padding-left: 65px;
        padding-right: 65px !important;
    }

}

@media only screen and (max-width: 575px) {
    .searcbox{
        display: none;
    }

    
}
@media (max-width: 1199px){
    .login-from hr {
        display: none;
    }
    .login-from h2{
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .login-from h2{
        font-size: 42px;
    }

}
@media (max-width: 767px) {
    .login-from h2{
        font-size: 28px;
    }

}

.theia-exception{
    margin-top: 90px;
}

.acc-item-padding {
    padding: 14px 16px;
}

.acc-item-padding span {
    font-size: 14px;
    font-weight: 400;
    color: #1a1a1a;

}



.blog-latest h3{
    margin-bottom: 30px;
}

.faq-heading h2{
    margin-bottom: 40px;
    font-weight: 300;
}

.widget-title h3{
    font-weight: 300;
}



.accordion .card:first-of-type
{
    /* border-bottom: 1px solid rgba(0,0,0,.125); */
}

.tab-sub-category .list-group-item {
    padding: .4rem 1.25rem !important;
}

.carousel-description{
    height: 3em;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.carousel-description::-webkit-scrollbar {
    display: none;
}

.custom-carousel:hover {
    border-color: #4B4FCA !important;
}

.custom-carousel:hover .carousel-description{
    color: #4B4FCA !important;
}

#faq-container .card-header{
    border-bottom: none !important;
    background-color: #FBFBFD;
}

/* CSS added by jibon 2024*/
.header-bg{
    background-color: #F9F9FF;
}
.main-menu>ul>li span>a {
    font-size: 16px;
    color: #404145;
    font-weight: 500;
}
.hero-tutorials-img{
    background-color: #caddff5e;
}
.tutorial-filter-area{
    padding: 16px;
    border: 0.12rem solid #dadbdd;
    border-radius: 6px;
}

.tutorial-filter-area .tutorial-filter-search {
	width: 100%;
	height: 40px;
	background: #ffffff;
    color: #495057;
	outline: none;
	border: none;
	border-radius: 6px;
	padding: 0 3.5rem 0 1rem;
	font-size: 1rem;
    /* border: 1px solid rgb(53, 53, 53); */
    border: 1px solid #d2d8dd; 
    
}
.search-icon{
	width: 3.5rem;
	height: 2.8rem;
	margin-left: -3.5rem;
	background: none;
	border: none;
	outline: none;
}
.tutorial-filter-area .form-control {
    padding: 10px;
    font-size: 1rem;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}
.tutorial-filter-area  .btn_1.full-width {
  border-radius: 6px;
    margin-bottom: 0px;
  }
.release-container img{
    width: 100%;
    height: auto;
}
#tutorial-container img{
width: 100%;
height: auto;
}
.isotope-wrapper img{
    width: 100%;
    height: auto;
}

.navbar-toggler-icon{
    color: #3b3b3b;
    padding-top: 8px;
    font-size: 1.3rem;
}

.login-btn-mobile{
    justify-content: end;
}