.blog-banner,.sear{align-items:center;display:flex}.blog-link,.date span{text-decoration:none}.bimage-2,.search-input{margin-top:6rem}.nav-sec,body{background:#fff}.nav-sec .lo2{filter:invert(1)}.blog-banner{min-height:90vh;background:#fcf3f3;justify-content:center}.blog-banner .container{max-width:60%}.detail img{max-width:100%;width:100%;height:auto}h1{font-size:54px;font-weight:600;max-width:820px;text-align:left;line-height:60px}.blog-banner p{font-size:1.875rem;text-align:left}.search-input{display:flex;width:100%;background:#fff;border:1px solid #d1d5db;padding:11px 5px;border-radius:50px}.fix-section,.sec-space{padding:3vh 0}.sear-input input,.sear-input input:focus{border:0;background:0 0}.sear{max-width:5%;width:100%;justify-content:center}.sear-input{max-width:80%;width:100%}.sear-input input:focus{box-shadow:0 0 0}.search{max-width:15%;width:100%}.fix-section{position:fixed;background:#121116;bottom:0;width:100%}.quote{border:2px solid #fff;color:#fff}.black-btn,.search .btn{color:#fff;border-radius:30px;background:#000}.bimage-1 img,.bimage-2 img,.bimage-3 img,.bimage-4 img{width:100%;object-fit:cover;border-radius:20px}.search .btn{padding:8px 35px}.fix-section img{position:absolute;bottom:0;max-width:188px;left:130px;transform:rotateY(180deg)}.articles h2,.recent h2{font-size:3.75rem}.recent h3{font-size:1.875rem}.date span,.recent p{font-size:1.25rem;line-height:1.75rem}.black-btn{padding:8px 15px}.load-btn,.trigger .btn{border-radius:30px;padding:10px 25px}.date span:first-child{color:#000}.date span:last-child{color:#6f6f6f}.blog-link{color:#000!important}.bimage-1 img{max-width:550px;height:350px}.bimage-2 img{max-width:320px;height:180px}.bimage-3 img{max-width:420px;height:250px}.bimage-4{margin-top:8rem}.load-btn{background:#000;color:#fff;margin-top:20px}.trigger{height:60vh;display:flex;align-items:center;justify-content:center;background:#000}.trigger h3{font-size:40px;color:#fff;line-height:60px}.trigger .btn{background:#fff;color:#000;margin-top:30px}.home-tab button{color:#000;border:1px solid #c3abab!important;border-radius:30px!important;margin:0 5px 15px}.home-tab button.active{color:#000!important;border:1px solid #c3abab!important;border-radius:30px!important;background:0 0!important}
/*=============================details=======================================*/
.detail h1{font-size:3rem;text-align:center;line-height:65px;max-width:70%;margin:0 auto}.container-fluid{max-width:90%}.detail-sos a{background:#cacdcfa8;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:30px;margin-right:10px;transition:.8s}.detail-sos a:hover{background:#000}.detail-cont{background:#f2f5f7;padding:20px;margin-bottom:30px;border-radius:10px}.stick1{position:sticky;top:90px;transition:.8s}.cate{border-radius:20px;border:1px solid #00000038;padding:20px}.cate div{border:1px solid #00000038;border-radius:30px;padding:10px 15px;display:inline-block;margin-top:10px}.home-tab a{text-decoration:none}a.text-light{color:#000!important}.ccc{color:#000}.ccc span:first-child,.ccc span:nth-child(2),.ccc span:nth-child(3),.ccc span:nth-child(4){background:linear-gradient(to right,#fff,#f00000)}
@media(max-width: 1400px){.faq .accordion-button{font-size: 18px !important;}h1 {font-size: 50px;font-weight: 600;max-width: 820px;text-align: left;line-height: 60px;}.container-fluid{max-width: 100%;}.sec-space .container-fluid{max-width: 90%;}.fix-section h2{font-size: 25px;}.trigger h3 {font-size: 30px;color: #fff;line-height: 49px;}}
@media(max-width: 1270px){.container {max-width: 95%;}}
@media(max-width: 1100px){.lo2 {width: 100px;}.lo1 {width: 25px;height: 25px;}}
@media(max-width: 991px){.bimage-2{margin-top: 0px;}.bimage-3{margin-top: 20px;}}
@media(max-width: 768px){.comment-sec ::placeholder {font-size: 12px;opacity: 1; /* Firefox */}.comment-sec ::-ms-input-placeholder { /* Edge 12-18 */font-size: 12px;} .blog-banner .container{max-width: 100%;}h1 {font-size: 2rem;font-weight: 600;max-width: 820px;text-align: center;line-height: 40px;}.fix-section img{display: none;}.fix-section{position: inherit;}.logo{width: 150px; }.blog-banner p {font-size: 1rem;text-align: center;}.search-input{margin-top: 2rem;}.sear-input {max-width: 62%;width: 100%;}.search .btn {background: #000;color: #fff;border-radius: 30px;padding: 4px 10px;}.search {max-width: 10%;width: 100%;}.sear{max-width: 9%;}.recent h2 {font-size: 2rem;}.recent h3 {font-size: 1.3rem;}.articles h2 {font-size: 2rem;}.bimage-1 img,.bimage-3 img,.bimage-2 img{height: auto;}.trigger{height: auto;}.trigger h3 {font-size: 2rem;color: #fff;line-height: 40px;}.detail h1 {font-size: 2rem;text-align: center;line-height: 45px;max-width: 100%;margin: 0 auto;}.detail-sos a{margin-bottom: 20px;}}
.flip-btn{--height: 2rem;display: inline-flex;flex-direction: column-reverse;line-height: calc(var(--height) - 2px) !important;height: 37px;overflow: hidden;}.flip-btn span{display: block;position: relative;transform: translate3d(0,-10%,0);transform-style: preserve-3d;transition: transform .35s ease;color: #000;}.flip-btn:hover span{transform: translate3d(0,90%,0);}.global_flip button{height: 36px;padding: 0px 20px;}.global_flip a{display: flex;}.img_zoom{overflow: hidden;border-radius: 30px;}.img_zoom img{transition: all 0.3s ease-in;}.img_zoom:hover img{transform: scale(1.1);}.img_trans img{transform: translate(-144px, 0px);transition: all 0.3s ease-in;}.img_trans img{transform: translate(-144px, 0px);transition: all 0.3s ease-in;}.img_trans.fess img{transform: translate(0px, 0px);transition: all 0.7s ease-in;}
.navbar-toggler-icon{
    filter: invert(1);
}
.sec-space .container{
    max-width:95%;
}
.detail-bottom{
    padding-bottom: 200px;
}
.comment-sec {
    background: #0a090f;
    padding: 40px;
    border-radius: 20px;
    color: #fff;
}
.comment-sec input {
    background: transparent;
    border: 1px solid #9d9d9d38;
    border-radius: 10px;
    min-height: 60px;
    color: #fff;
}
.comment-sec textarea{
    background: transparent;
}
.comment-sec textarea {
    background: transparent;
    border: 1px solid #2a292e;
    height: 60px !important;
    border-radius: 11px;
    color: #fff;
}
.comment-sec .btn{
    background: linear-gradient(45deg, #bd0000, #ff1919);
    color: #fff;
    border-radius: 40px;
    padding: 10px 25px;
    border: 0;
    transition: 0.8s all;
}
.comment-sec .btn:hover{
    background: linear-gradient(45deg,#ff1919, #bd0000);
}
.comment-sec textarea:focus,.comment-sec input:focus{
    background: transparent;
    color: #fff;
}
#comment_form .error{
    color: red;
    position: absolute;
    bottom: -23px;
}
#blogform_message-error{
    bottom: -8px !important;
}
#comment_form .col-lg-6{
    position: relative;
}
.alert-success .close{
    border: 0px;
    background: #0f5132;
    color: #fff;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.alert-success .close span{
    position: relative;
    top: -1px;
}
.alert-warning .close{
    border: 0px;
    background: red;
    color: #fff;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.alert-warning .close span{
    position: relative;
    top: -1px;
}
.nav-sec .dropdown-menu{
    background-color:#1a1a1c;
    padding: 10px 15px;
    /*min-width: 280px;*/
}
.ser {
    color: #000 !important;
    cursor: pointer;
}
.ser img{
    filter: inherit !important;
}
.nav-sec .dropdown-menu a:hover{
    background: linear-gradient(360deg, #00000094 0%, transparent 117%);
    border-radius: 8px;
}
/*.bimage-4 img*/

.faq .container {
    float: inherit;
}

.faq .accordion-item {
    margin-bottom: 10px !important;
    border-radius: 10px;
    background: #0000001a;
    color: #000;
    margin-left:0px;
}

.faq .accordion-button {
    background: #121116;
    color: #000;
    padding-right: 40px;
    font-size:22px;
    font-weight: 600;
}

.faq .accordion-button[aria-expanded=true] {
    background: url(../img/minus.webp) 96% no-repeat;
    box-shadow: 0 0
}

.faq .accordion-button[aria-expanded=false] {
    background: url(../img/plus.webp) 96% no-repeat
}

.accordion-button::after {
    display: none
}

.set-img {
    width: 50px
}
button.accordion-button.collapsed:hover{
    background-color: transparent !important;
}