/* ==================== 
    1. common css
==================== */
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Extralight.woff2') format('woff2'),
        url('../fonts/Graphik-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/Graphik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Semibold.woff2') format('woff2'),
        url('../fonts/Graphik-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
:root{
    /* font size */
    --md-fs:20px;
    --cardtitle-fs:22px;
    --subtitle-fs:50px;
    --maintitle-fs:55px;

    /* color */
    --theme-clr:#130655;
    --secondary-clr:#F5821F;
    --bg-clr:#F6F6F6;

    /* container width */
    --container-w: 1374px;
}
html,body{scroll-behavior: smooth; }
body{font-family: 'Graphik';font-weight: normal;background-color: #fff;font-size: 16px;color: #444444;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6,p{margin-bottom: 0px;}
a{text-decoration: none;color: #666666;display: inline-block;}
p:last-child,li:last-child{margin-bottom:0px}
p{line-height: 30px;font-size:18px;color:#444444;}
li,ul{margin:0;padding:0;list-style:none;font-size:18px;color:#444444;}
:after,:before,a,.card,button{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.btn-close:focus{box-shadow: none;}
a:-webkit-any-link:focus-visible{outline-offset: 0px;}
:focus-visible{outline: -webkit-focus-ring-color auto 0px;}

::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgb(0 0 0 / 10%); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
::-webkit-scrollbar-thumb { background: var(--theme-clr); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }
.nav-link:focus-visible{box-shadow: none;}
.sub_title{font-size: var(--subtitle-fs);color: #291818;font-weight: 200;margin-bottom: 5px;line-height: 1;}
.main_title{font-size: var(--maintitle-fs);color: var(--theme-clr);font-weight: 500;line-height: 1;margin-bottom: 40px;}
.card_title{font-size: var(--cardtitle-fs);color: #ffffff;font-weight: 600;transition: 0.5s;-webkit-transition: color 1.5s 1.5s ease-out,color 0.3s ease-in;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;line-height: 137%;}
.section_content{padding-left: 45px;}

.texture_bg{position: relative;z-index: 0;overflow: hidden;}
.texture_bg::before{content: '';position: absolute;left: -157px;top: 50%;background: url('../images/texture-1.png') no-repeat center left;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);width: 314px;height: 314px;z-index: -1;animation: spin 30s infinite linear;-webkit-animation: spin 30s infinite linear;}
.texture_bg::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--bg-clr);z-index: -2;}
.texture_bg2{background: var(--theme-clr);position: relative;z-index: 0;overflow: hidden;}


/* owl nav css */
.owl-theme .owl-nav{height: 35px;width: 100px;display: flex;align-items: center;border-radius: 30px;overflow: hidden;margin: 0;background: transparent;position: relative;}
.owl-theme .owl-nav::after{content: '';height: 50%;width: 1px;background-color: rgb(0 0 0 / 20%);left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-next{width: 50%;height: 100%;position: relative;display: inline-flex;align-items: center;justify-content: center;margin: 0;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;border-radius: 0px;cursor: pointer;background: #f6f6f6;opacity: 1;}
.owl-theme .owl-nav button::after{content: '';position: absolute;border-top: 1px solid #444;border-right: 1px solid #444;width: 10px;height: 10px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}
.owl-theme .owl-nav button.owl-next::after{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.owl-theme .owl-nav button.owl-prev::after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);}
.owl-theme .owl-nav button span{display: none;}
.owl-theme .owl-nav [class*='owl-']:hover{opacity: 1;background-color: var(--theme-clr);}
.owl-theme .owl-nav button:hover::after{border-color: #fff;}


/* theme btn */
.theme_btn{padding: 17px 39px 15px;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;font-size: 14px;font-weight: 500;text-transform: capitalize;display: inline-block;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 0;background-color: transparent;overflow: hidden;border: 0;}
.theme_btn::after{content: '';position: absolute;top: 50%;right: 5px;width: 36px;height: 36px;border-radius: 50%;background: var(--secondary-clr);transform: translateY(-50%) scale(20);z-index: -1;-webkit-transform: translateY(-50%) scale(20);-moz-transform: translateY(-50%) scale(20);-ms-transform: translateY(-50%) scale(20);-o-transform: translateY(-50%) scale(20);}


.theme_btn span{ transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; display: block;color: #fff;}
.theme_btn::before{content: '';position: absolute;right: 19px;top: 18px;height: 10px;width: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);opacity: 0;visibility: hidden;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}

.theme_btn:hover{background-color: #2b2e34;}
.theme_btn:hover::after{ transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); }
.theme_btn:hover::before{opacity: 1;visibility: visible;transition-delay: 0.3s;}
.theme_btn:hover span{ transform: translateX(-16px); -webkit-transform: translateX(-16px); -moz-transform: translateX(-16px); -ms-transform: translateX(-16px); -o-transform: translateX(-16px); }


/* more btn */
.more_btn{font-size: 16px;line-height: 1;display: inline-block;font-weight: 500;color: var(--secondary-clr);position: relative;z-index: 0;background-color: transparent;}
.more_btn::after{content: '';position: absolute;right: -2px;top: 4px;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);opacity: 0;}
.more_btn::before{content: '';position: absolute;right: -8px;height: 28px;width: 28px;border-radius: 50%;background-color: var(--secondary-clr);top: 50%;transform: translateY(-50%);z-index: -1;opacity: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.more_btn:hover::after,
.blog_card:hover .more_btn::after,
.uses_card:hover .more_btn::after,
.product_card:hover .more_btn::after{opacity: 1;right: -23px;}
.more_btn:hover::before,
.blog_card:hover .more_btn::before,
.uses_card:hover .more_btn::before,
.product_card:hover .more_btn::before{transform: translate(32px, -50%);-webkit-transform: translate(26px, -50%);-moz-transform: translate(32px, -50%);-ms-transform: translate(32px, -50%);-o-transform: translate(32px, -50%);opacity: 1;}


/* card css start */
.card{ border: 0; border-radius:0; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; display: block; overflow: hidden; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.card .card_img{overflow: hidden;position: relative;}
.card .card_img::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 154px; background: linear-gradient(to bottom, rgb(0 0 0 / 0%) ,rgb(0 0 0 / 100%)); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.card .card_img img{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.card .card_content{position: absolute;bottom: 38px;width: 100%;padding: 0px 6px;text-align: center;}
/* card css end */


/* animation start */

@keyframes spin {
    from{ transform: translateY(-50%) rotate(0deg); -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); }
    to{ transform: translateY(-50%) rotate(360deg); -webkit-transform: translateY(-50%) rotate(360deg); -moz-transform: translateY(-50%) rotate(360deg); -ms-transform: translateY(-50%) rotate(360deg); -o-transform: translateY(-50%) rotate(360deg); }
}

@keyframes spin-slow {
    from{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); }
    to{ transform: rotate(380deg); -webkit-transform: rotate(380deg); -moz-transform: rotate(380deg); -ms-transform: rotate(380deg); -o-transform: rotate(380deg); }
}


/* animation end */

/* Loader css */
.loader_active{overflow: hidden;}
.loader_wrapper {overflow: hidden;position: fixed;left: 0;top: 0;width: 100vw;height: 100%;z-index: 1010;display: grid;place-items: center;background-color: #fff;opacity: 1;pointer-events: none;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
.loader_wrapper .loader_logo{ width: 100%; max-width: 240px; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; opacity: 1;}
.loader_wrapper.hide{width: 0;height: 0;opacity: 0;}
.loader_wrapper.hide .loader_logo{ opacity: 0;}

/* ==================== 
Blog Card start
==================== */

/* ==================== 
Blog Card end
==================== */

/* ==================== 
header start
==================== */
header{background-color: #fff;padding: 0px 18px 0px 20px;position: sticky;z-index: 99;top: 0;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%);}
header .navbar-brand{display: block;background-color: #fff;padding: 19px 13px 18px 13px;position: absolute;top: 0;left: 0;z-index: 99;box-shadow: 0px 12px 12px -12px rgb(0 0 0 / 12%);}
header .navbar-brand img{ max-width: 204px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
header#stickyheader .navbar-collapse{padding-right: 10.5px;margin-right: 22px;position: relative;}
header#stickyheader .navbar-collapse::after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 41px; background-color: #D9D9D9; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
header .navbar-nav .nav-item .nav-link{color: #191A22;font-size: 16px;font-weight: normal;line-height: 16px;letter-spacing: 0.2px;}
header .navbar-nav .nav-item .nav-link:hover,
header .navbar-nav .nav-item .nav-link.active{color: var(--secondary-clr);}
header .navbar-nav .nav-item .dropdown-toggle{position: relative;right: -3px;margin-top: -42px;border: 0;display: block;float: right;cursor: pointer;}
header .navbar-nav .nav-item .dropdown-toggle::after{border: 0px;width: 10px;height: 2px;background-color: #7d7b7b;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 0;}
header .navbar-nav .nav-item .dropdown-toggle::before{width: 2px;height: 10px;background-color: #7d7b7b;content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);z-index: -1;}
header .navbar-nav .nav-item .nav-link:hover + .dropdown-toggle::before{height: 0;}
header .navbar-nav .nav-item .nav-link:hover + .dropdown-toggle::after,
header .navbar-nav .nav-item .nav-link.active + .dropdown-toggle::after,
header .navbar-nav .nav-item .nav-link.active + .dropdown-toggle::before{background-color: var(--secondary-clr);}
header .navbar-nav .theme_btn{display: none;}
header .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover{background-color: transparent;color: var(--secondary-clr);}
header .navbar-nav .dropdown .dropdown-menu li{position: relative;}
header .navbar-nav .dropdown .dropdown-menu li::before {content: '';position: absolute;left: 12px;top: 22px;width: 10px;height: 2px;background: var(--secondary-clr);}
header .header_btns{display: flex;align-items: center;gap: 17px;margin-left: auto;padding: 22px 0px;}
header .header_btns .lang_translate{position: relative;display: flex;align-items: center;}
header .header_btns .lang_translate::after{content: '';position: absolute;right: 0;width: 9px;height: 5px;background: url('../images/down-curv.svg') no-repeat center;background-size: contain;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);z-index: -1;}
header .header_btns .lang_translate .dropdown-toggle{border: 0;background-color: transparent;padding: 0;padding-right: 12px;}
header .header_btns .lang_translate .dropdown-toggle::after{display: none;}
header .header_btns .lang_translate .dropdown-menu{display: block;position: absolute;left: 0;right: unset;width: fit-content;min-width: unset;padding: 12px;top: 53px;transition: 0.35s;-webkit-transition: 0.35s;-moz-transition: 0.35s;-ms-transition: 0.35s;-o-transition: 0.35s;transform-origin: top;margin-top: 0;border: 0;border-radius: 0;box-shadow: 0px 12px 12px 0px rgb(0 0 0 / 12%);background-color: var(--bg-clr);padding: 0;clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px);border: 0px solid rgb(0 0 0 / 8%);border-width: 0px 1px 1px 1px;}
header .header_btns .lang_translate .dropdown-menu.show{clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);}
header .header_btns .lang_translate .dropdown-menu li,header .header_btns .lang_translate .dropdown-menu a{font-size: 14px;line-height: 1;padding: 10px 14px;display:block;}
header .header_btns .lang_translate .dropdown-menu li + li,header .header_btns .lang_translate .dropdown-menu a + a{border-top: 1px dashed rgb(0 0 0 / 10%);}
header .header_btns .lang_translate img{margin-right: 6.4px;}
header .header_btns .lang_translate span{color: #444444;font-size: 16px;line-height: 1;}
header .header_btns .theme_btn{padding: 13px 34px;font-size: 16px;line-height: 1;}
header .header_btns .theme_btn:hover::after{width: 30px;height: 30px;}
header .header_btns .theme_btn::before{right: 16px;top: 16px;width: 9px;height: 9px;}
header .header_btns .theme_btn .inquiry_icon{display: none;}
header.sticky .navbar-brand{padding: 3px 0;box-shadow: 0 0 0 0 rgb(0 0 0 / 12%);}
header.sticky .navbar-brand img{max-width: 124px;}

/* ==================== 
header end
==================== */

/* ==================== 
cta start
==================== */
.cta_sec{padding: 80px 0px 79px;position: relative;overflow: hidden;}
.cta_sec .section_content{max-width: 747px;}
.cta_sec .section_content .main_title{font-weight: 400;color: #FFFFFF;margin-bottom: 45px;font-size: calc(var(--maintitle-fs) - 5px);line-height: 110%;}
.cta_sec .section_content .theme_btn span{ transition: all 0.5s,color 0.35s; -webkit-transition: all 0.5s,color 0.35s; -moz-transition: all 0.5s,color 0.35s; -ms-transition: all 0.5s,color 0.35s; -o-transition: all 0.5s,color 0.35s; }
.cta_sec .section_content .theme_btn:hover {background-color: #fff;}
.cta_sec .section_content .theme_btn:hover span {color: #444444;transition-delay: 0.15s;}

.cta_sec .cta_texture_img{position: absolute;top: 1px;right: 52.5px;max-width: 879px;height: 100%;width: 46%;overflow: hidden;}
.cta_sec .cta_texture_img img{ animation: spin-slow 60s infinite linear; -webkit-animation: spin-slow 60s infinite linear; display: block; }
/* ==================== 
cta end
==================== */

/* ==================== 
footer start
==================== */
.footer_top{padding: 61px 0px 40px;background-color: var(--bg-clr);}
.footer_top .footer_logo{max-width: 353px;margin-left: 45px;}
.footer_top .footer_links{margin-left: 13px;}
.footer_top .footer_links .footer_title{color: #666666;font-size: 18px;font-weight: 600;margin-bottom: 30px;}
.footer_top .footer_links p,
.footer_top .footer_links a{font-size: 16px;line-height: 22px;color: #666666;position: relative;}
.footer_top .footer_links .footer_cont p{padding-right: 10px;margin-bottom: 25px;}
.footer_top .footer_links .footer_cont .address{white-space: pre-line;padding-right: 0;}
.footer_top .footer_links .footer_cont .footer_cont_det{display: flex;flex-direction: column;}
.footer_top .footer_links .footer_cont .footer_cont_det p{margin-bottom: 0px;}
.footer_top .footer_links ul li{line-height: 22px;position: relative;width: fit-content;}
.footer_top .footer_links ul li + li{margin-top: 8px;}
.footer_top .footer_links ul li a{position: relative;}
.footer_top .footer_links ul li::before{content: '';position: absolute;left: 0;top: 11px;height: 1px;width: 0px;background-color: var(--secondary-clr);}
.footer_top .footer_links ul li:hover::before{width: 6px;}
.footer_top .footer_links a:hover{color: var(--secondary-clr);}
.footer_top .footer_links ul li a:hover{transform: translateX(10px);}

.footer_bottom{padding: 21px 0px 20px;background-color: var(--theme-clr);}
.footer_bottom p{text-align: center;font-size: 15px;color: rgb(255 255 255 / 65%);line-height: 1;}
/* ==================== 
footer end
==================== */

/* blog card */
.ltstblog_carousel{width: calc(100% + 30px);margin-left: -15px;}
.ltstblog_carousel .item{padding: 30px 15px;}
.blog_card{background-color: #FFFFFF;box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 18%);}
.blog_card .blog_card_img{aspect-ratio: 438 / 340;overflow: hidden;position: relative;z-index: 1;}
.blog_card .blog_card_img img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.blog_card .blog_card_content{padding: 25px 25px 43px;}
.blog_card .blog_card_content .blog_date{font-size: 16px;color: #757575;line-height: 1;margin-bottom: 15px;display: block;}
.blog_card .blog_card_content .blog_title{color: #444444;font-size: 20px;margin-bottom: 23px;font-weight: 500;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4;}
.blog_card .blog_card_content p{color: #666666;font-weight: 500;font-size: 16px;line-height: 1.4;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.blog_card .blog_card_content .more_btn{margin-top: 35px;}

.blog_card:hover .blog_card_img img { transform: scale3d(1.1, 1.1, 1.1) rotate3d(1, 1, 1, 4deg); -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(1, 1, 1, 4deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(1, 1, 1, 4deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(1, 1, 1, 4deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(1, 1, 1, 4deg); }



/* ==================== 
Form css
==================== */
.form_wrapper{padding: 40px 40px;background-color: #fff;box-shadow: 0px 3px 24px 0px rgb(0 0 0 / 18%);}
.form_wrapper .main_title{font-size: calc(var(--maintitle-fs) - 15px );margin-bottom: 34px;}
.form-group{position: relative;z-index: 0;}
.form-group > label{color: #666666;font-size: 14px;font-weight: 500;margin-bottom: 0px;margin-left: 10px;padding: 4px 10px;background-color: #fff;position: absolute;left: 0;top: -14px;z-index: 1;}
.form-control{padding: 16px 20px;border-radius: 0;border: 1px solid rgb(102 102 102 / 30%);font-size: 16px;color: #291818;font-weight: 500;resize: none;}
.form-control::placeholder{font-weight: 400;color: rgb(102 102 102 / 50%);}
.form-control:focus{box-shadow: none;border-color: var(--theme-clr);}

/* validate form */
.form-group.invalid::after,
.form-group.valid::after{content: '';position: absolute;right: 10px;top: 50%;background-image: url('../sub-images/invalid.svg');background-repeat: no-repeat;background-position: center;background-size: cover;height: 20px;width: 20px;transform: translateY(-50%);}
.form-group.valid::after{background-image: url('../sub-images/valid.svg');}
.form-control.is-invalid,
textarea.form-control.is-invalid{background-image: none;background-repeat:unset;background-position: unset;background-size: unset;}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus{box-shadow: none;}
.textarea_group.invalid::after,
.textarea_group.valid::after{ top: 16px; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; }


/* ==================== 
modal css
==================== */
.modal.fade .modal-dialog{margin: 0 auto 0 0;height: calc(100% - 0rem);width: 100%;transform: translate(-100%,0px);-webkit-transform: translate(-100%,0px);-moz-transform: translate(-100%,0px);-ms-transform: translate(-100%,0px);-o-transform: translate(-100%,0px);transition: transform 0.5s;}
.modal.show .modal-dialog{ transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.modal .modal-content{border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;padding: 30px 30px;position: relative;z-index: 0;height: 100%;}
.modal .modal-content button.clos_btn{border: 0;opacity: 1;margin-left: auto;background-color: var(--theme-clr);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-bottom: 0;padding: 0;position: absolute;right: 2px;top: 2px;z-index: 9;}
.modal .modal-content button.clos_btn::before{content: '';position: absolute; width: 20px;height: 2px;background-color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.modal .modal-content button.clos_btn::after{ content: ''; position: absolute; width: 20px; height: 2px; background-color: #fff;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.modal .modal-body{display: flex;align-items: center;}
.modal .modal-body .form_wrapper{box-shadow: none;background-color: transparent;}
.modal .modal-body .form_wrapper .main_title{margin-bottom: 56px;}

/* inquiry form common */
.modal.inquiry_popup .modal-content{border: 0;min-height: 100%;height: auto;}
.modal.inquiry_popup .modal-content::before{content: '';position: absolute;background-image: url(../images/texture-2.png);background-repeat: no-repeat;background-position: center;background-size: contain;width: 100%;height: 100%;left: 0;top: 0;filter: grayscale(1);opacity: 0.1;z-index: -1;}
.modal.fade.inquiry_popup .modal-dialog{max-width: 610px;}

/* ==================== 
What's app
==================== */
#whatsapp{position: fixed;right: 16px;bottom: 100px;z-index: 9;box-shadow: 0px 3px 24px 0px rgb(0 0 0 / 18%);background-color: transparent;}
#whatsapp img{max-width: 50px;}


/* ==================== 
No Record
==================== */

.no-records {
    margin: 35px auto;
    text-align: center;
    position: relative;
    padding: 20px 20px;
}

.no-records ul {
    opacity: 1;
    visibility: visible;
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
    background: initial;
}
.no-records ul li {

    display: inline-block;
    margin: 0px 15px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
}
.no-records ul li i {
    background: #7C0A02;
    width: 150px;
    height: 150px;
    font-size: 50px;
    color: #fff;
    text-align: center;
    border: 1px solid #efefef;
    line-height: 150px !important;
    position: relative;
    top: -52px;
    margin-top: 30px;
}

.no-records ul li h6 {
    font-size: 50px;
    color: #333;
    font-family: 'poppinsmedium';
    margin: 0px 0px 0px 0px;
    line-height: 50px !important;
}
.no-records ul li small {
    font-size: 30px;
    color: #666;
}
/* End No Record */


/* ==================== 
blog pagination css
==================== */

.theme-navigation .prev{margin-right: auto;margin-left: 0px;}
   .theme-navigation .next{margin-left: auto;  }
   .theme-navigation .page-link{color: #565656;border: none;box-shadow: none;margin: 5px;padding: 7px 16px;border-radius: 0px !important;background: rgb(255 255 255 / 65%);}
   .theme-navigation .page-link:hover, .theme-navigation .page-item.active .page-link {background-color: #2890c2; color: #fff; }
   /*.theme-navigation .pagination{border: solid 1px #f3f3f3;}*/

.theme-navigation .page-numbers {
    border: solid 1px #f3f3f3;
}
.theme-navigation .next {
    margin-left: auto;
}
.theme-navigation .page-numbers {
    justify-content: center!important;
}


.page-numbers {
    display: flex;
    padding-left: 0;
    list-style: none;
}
ul.page-numbers{border: 1px solid rgb(0 0 0 / 5%); background: rgb(0 0 0 / 3%); box-shadow: 2px 2px 9px 0px #0000001f; width: fit-content; margin: 30px auto 0; border-radius:30px; overflow:hidden;}

.theme-navigation .page-numbers.current{
    z-index: 3;
    color: #fff;
    background-color: #130655;
    border-color: #0d6efd;
}

.page-numbers:not(:first-child) {
    margin-left: -1px;
}

.theme-navigation ul.page-numbers {
    background-color: #a8cf45 !important;    
}
.theme-navigation .page-numbers {
    
    color: #565656;
    border: none;
    box-shadow: none;
    margin: 5px;
    padding: 7px 16px;
    border-radius: 0px !important;
    /*background: rgb(255 255 255 / 65%);*/
}
.theme-navigation .page-numbers:hover {
    color : #ff8b00;
}

.theme-navigation .page-numbers .prev {
    margin-right: auto;
    margin-left: 0px;
}