@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); .poppins-extrabold { font-family: "Poppins", serif; font-weight: 800; font-style: normal; }

body.offcanvas-backdrop,
body.modal-open,
body.offcanvas-open {
    overflow: visible !important;
    padding-right: 0 !important;
}
.offcanvas-backdrop.show {
    opacity: .5;
}
body.offcanvas-open {
    overflow: visible !important;
    padding-right: 0 !important;
}

/* جلوگیری از رفتار موبایل در صفحات کوچیک */
html.offcanvas-open {
    overflow: visible !important;
}

a {text-decoration:none;transition: all ease .2s;color:#447bd3}
a:hover {color:#000}
footer a { color: #fff; text-decoration: none; }
footer a:hover {color:#447bd3}
.justify {text-align:justify}
body{font-family:Poppins}
.header-full {position: fixed; top: 0; width: 100%; z-index: 10000;}
.carousel-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; text-align: left; z-index: 3; }
.z-9999 {z-index:9999}
#carouselExampleInterval, #carouselExampleInterval .carousel-inner, #carouselExampleInterval .carousel-item { height: 100svh; min-height: 100vh; } #carouselExampleInterval .carousel-item > img { width: 100%; height: 100%; object-fit: cover; } #carouselExampleInterval .carousel-indicators { position: absolute; bottom: clamp(12px, 3vh, 28px); margin: 0; } :root { --navbar-h: 0px; } .has-fixed-nav #carouselExampleInterval, .has-fixed-nav #carouselExampleInterval .carousel-inner, .has-fixed-nav #carouselExampleInterval .carousel-item { height: calc(100svh - var(--navbar-h)); } #carouselExampleInterval { overflow: hidden; }
.carousel-control-next, .carousel-control-prev {z-index:9999}
#carouselExampleInterval .button-bx { position: absolute; bottom: clamp(12px, 3vh, 28px); margin: 0; right: 0; left: 0; display: flex; justify-content: center; padding: 0;opacity:0.8 }
#carouselExampleInterval .button-bx:hover {opacity:1 }
.e-slider span {font-size:50px}
.button-bx span {color:#fff;font-size:15px;}
.e-slider svg {fill:#fff;width:2em}
.navbar-brand img{width:50px}
.offcanvas-body .nav-link {color:#fff;font-size: 18px;}
.dark .offcanvas-body .nav-link {color:#000}
p {line-height: 1.6;font-size:18px;color:#656565}
.bg-position-center { background-size: cover !important; background-position: center center !important; }
.e-color {background: linear-gradient(to right, rgb(107 123 149), rgb(40, 25, 107), rgb(0 106 255)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.parx { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.outline-btn {border:1px solid #fff;color:#fff}
.outline-btn:hover {background:#fff;color:#000}
.event-services svg { width: 50px; height: auto; fill: #447bd3; }


.product-card img {
    width: 100%;
    object-fit: contain;
	display: block;
}
.nav-pills {
justify-content:center}
.nav-pills .nav-link {
    color: #000;
    font-weight: 500;
}

.nav-pills .nav-link.active {
    background-color: #0d6efd;
    color: #fff;
}



.project-card {
    position: relative;
    overflow: hidden;
}

.project-image {
    width: 100%;
    object-fit: cover;
}

.project-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem 2rem;
    color: #fff;
    text-align: center;
    z-index: 2;


}
.project-overlay::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150%;
    z-index: -1;

    background: linear-gradient(
        to right,
        rgb(107 123 149),
        rgb(40 25 107),
        rgb(0 106 255)
    );

    -webkit-mask-image: linear-gradient(
        to top,
        #000 0%,
        #000 40%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to top,
        #000 0%,
        #000 40%,
        transparent 100%
    );
}



.fib { background-size: contain; background-position: 50%; background-repeat: no-repeat; }.fi { background-repeat: no-repeat; position: relative; display: inline-block;width: 20px; background-position: center; }.fi:before { content: '\00a0'; } .fi.fis { width: 1em; } .fi-ad { background-image: url(../flags/4x3/ad.svg); } .fi-ad.fis { background-image: url(../flags/1x1/ad.svg); } .fi-ae { background-image: url(../flags/4x3/ae.svg); } .fi-ae.fis { background-image: url(../flags/1x1/ae.svg); } .fi-af { background-image: url(../flags/4x3/af.svg); } .fi-af.fis { background-image: url(../flags/1x1/af.svg); } .fi-ag { background-image: url(../flags/4x3/ag.svg); } .fi-ag.fis { background-image: url(../flags/1x1/ag.svg); } .fi-ai { background-image: url(../flags/4x3/ai.svg); } .fi-ai.fis { background-image: url(../flags/1x1/ai.svg); } .fi-al { background-image: url(../flags/4x3/al.svg); } .fi-al.fis { background-image: url(../flags/1x1/al.svg); } .fi-am { background-image: url(../flags/4x3/am.svg); } .fi-am.fis { background-image: url(../flags/1x1/am.svg); } .fi-ao { background-image: url(../flags/4x3/ao.svg); } .fi-ao.fis { background-image: url(../flags/1x1/ao.svg); } .fi-aq { background-image: url(../flags/4x3/aq.svg); } .fi-aq.fis { background-image: url(../flags/1x1/aq.svg); } .fi-ar { background-image: url(../flags/4x3/ar.svg); } .fi-ar.fis { background-image: url(../flags/1x1/ar.svg); } .fi-as { background-image: url(../flags/4x3/as.svg); } .fi-as.fis { background-image: url(../flags/1x1/as.svg); } .fi-at { background-image: url(../flags/4x3/at.svg); } .fi-at.fis { background-image: url(../flags/1x1/at.svg); } .fi-au { background-image: url(../flags/4x3/au.svg); } .fi-au.fis { background-image: url(../flags/1x1/au.svg); } .fi-aw { background-image: url(../flags/4x3/aw.svg); } .fi-aw.fis { background-image: url(../flags/1x1/aw.svg); } .fi-ax { background-image: url(../flags/4x3/ax.svg); } .fi-ax.fis { background-image: url(../flags/1x1/ax.svg); } .fi-az { background-image: url(../flags/4x3/az.svg); } .fi-az.fis { background-image: url(../flags/1x1/az.svg); } .fi-ba { background-image: url(../flags/4x3/ba.svg); } .fi-ba.fis { background-image: url(../flags/1x1/ba.svg); } .fi-bb { background-image: url(../flags/4x3/bb.svg); } .fi-bb.fis { background-image: url(../flags/1x1/bb.svg); } .fi-bd { background-image: url(../flags/4x3/bd.svg); } .fi-bd.fis { background-image: url(../flags/1x1/bd.svg); } .fi-be { background-image: url(../flags/4x3/be.svg); } .fi-be.fis { background-image: url(../flags/1x1/be.svg); } .fi-bf { background-image: url(../flags/4x3/bf.svg); } .fi-bf.fis { background-image: url(../flags/1x1/bf.svg); } .fi-bg { background-image: url(../flags/4x3/bg.svg); } .fi-bg.fis { background-image: url(../flags/1x1/bg.svg); } .fi-bh { background-image: url(../flags/4x3/bh.svg); } .fi-bh.fis { background-image: url(../flags/1x1/bh.svg); } .fi-bi { background-image: url(../flags/4x3/bi.svg); } .fi-bi.fis { background-image: url(../flags/1x1/bi.svg); } .fi-bj { background-image: url(../flags/4x3/bj.svg); } .fi-bj.fis { background-image: url(../flags/1x1/bj.svg); } .fi-bl { background-image: url(../flags/4x3/bl.svg); } .fi-bl.fis { background-image: url(../flags/1x1/bl.svg); } .fi-bm { background-image: url(../flags/4x3/bm.svg); } .fi-bm.fis { background-image: url(../flags/1x1/bm.svg); } .fi-bn { background-image: url(../flags/4x3/bn.svg); } .fi-bn.fis { background-image: url(../flags/1x1/bn.svg); } .fi-bo { background-image: url(../flags/4x3/bo.svg); } .fi-bo.fis { background-image: url(../flags/1x1/bo.svg); } .fi-bq { background-image: url(../flags/4x3/bq.svg); } .fi-bq.fis { background-image: url(../flags/1x1/bq.svg); } .fi-br { background-image: url(../flags/4x3/br.svg); } .fi-br.fis { background-image: url(../flags/1x1/br.svg); } .fi-bs { background-image: url(../flags/4x3/bs.svg); } .fi-bs.fis { background-image: url(../flags/1x1/bs.svg); } .fi-bt { background-image: url(../flags/4x3/bt.svg); } .fi-bt.fis { background-image: url(../flags/1x1/bt.svg); } .fi-bv { background-image: url(../flags/4x3/bv.svg); } .fi-bv.fis { background-image: url(../flags/1x1/bv.svg); } .fi-bw { background-image: url(../flags/4x3/bw.svg); } .fi-bw.fis { background-image: url(../flags/1x1/bw.svg); } .fi-by { background-image: url(../flags/4x3/by.svg); } .fi-by.fis { background-image: url(../flags/1x1/by.svg); } .fi-bz { background-image: url(../flags/4x3/bz.svg); } .fi-bz.fis { background-image: url(../flags/1x1/bz.svg); } .fi-ca { background-image: url(../flags/4x3/ca.svg); } .fi-ca.fis { background-image: url(../flags/1x1/ca.svg); } .fi-cc { background-image: url(../flags/4x3/cc.svg); } .fi-cc.fis { background-image: url(../flags/1x1/cc.svg); } .fi-cd { background-image: url(../flags/4x3/cd.svg); } .fi-cd.fis { background-image: url(../flags/1x1/cd.svg); } .fi-cf { background-image: url(../flags/4x3/cf.svg); } .fi-cf.fis { background-image: url(../flags/1x1/cf.svg); } .fi-cg { background-image: url(../flags/4x3/cg.svg); } .fi-cg.fis { background-image: url(../flags/1x1/cg.svg); } .fi-ch { background-image: url(../flags/4x3/ch.svg); } .fi-ch.fis { background-image: url(../flags/1x1/ch.svg); } .fi-ci { background-image: url(../flags/4x3/ci.svg); } .fi-ci.fis { background-image: url(../flags/1x1/ci.svg); } .fi-ck { background-image: url(../flags/4x3/ck.svg); } .fi-ck.fis { background-image: url(../flags/1x1/ck.svg); } .fi-cl { background-image: url(../flags/4x3/cl.svg); } .fi-cl.fis { background-image: url(../flags/1x1/cl.svg); } .fi-cm { background-image: url(../flags/4x3/cm.svg); } .fi-cm.fis { background-image: url(../flags/1x1/cm.svg); } .fi-cn { background-image: url(../flags/4x3/cn.svg); } .fi-cn.fis { background-image: url(../flags/1x1/cn.svg); } .fi-co { background-image: url(../flags/4x3/co.svg); } .fi-co.fis { background-image: url(../flags/1x1/co.svg); } .fi-cr { background-image: url(../flags/4x3/cr.svg); } .fi-cr.fis { background-image: url(../flags/1x1/cr.svg); } .fi-cu { background-image: url(../flags/4x3/cu.svg); } .fi-cu.fis { background-image: url(../flags/1x1/cu.svg); } .fi-cv { background-image: url(../flags/4x3/cv.svg); } .fi-cv.fis { background-image: url(../flags/1x1/cv.svg); } .fi-cw { background-image: url(../flags/4x3/cw.svg); } .fi-cw.fis { background-image: url(../flags/1x1/cw.svg); } .fi-cx { background-image: url(../flags/4x3/cx.svg); } .fi-cx.fis { background-image: url(../flags/1x1/cx.svg); } .fi-cy { background-image: url(../flags/4x3/cy.svg); } .fi-cy.fis { background-image: url(../flags/1x1/cy.svg); } .fi-cz { background-image: url(../flags/4x3/cz.svg); } .fi-cz.fis { background-image: url(../flags/1x1/cz.svg); } .fi-de { background-image: url(../flags/4x3/de.svg); } .fi-de.fis { background-image: url(../flags/1x1/de.svg); } .fi-dj { background-image: url(../flags/4x3/dj.svg); } .fi-dj.fis { background-image: url(../flags/1x1/dj.svg); } .fi-dk { background-image: url(../flags/4x3/dk.svg); } .fi-dk.fis { background-image: url(../flags/1x1/dk.svg); } .fi-dm { background-image: url(../flags/4x3/dm.svg); } .fi-dm.fis { background-image: url(../flags/1x1/dm.svg); } .fi-do { background-image: url(../flags/4x3/do.svg); } .fi-do.fis { background-image: url(../flags/1x1/do.svg); } .fi-dz { background-image: url(../flags/4x3/dz.svg); } .fi-dz.fis { background-image: url(../flags/1x1/dz.svg); } .fi-ec { background-image: url(../flags/4x3/ec.svg); } .fi-ec.fis { background-image: url(../flags/1x1/ec.svg); } .fi-ee { background-image: url(../flags/4x3/ee.svg); } .fi-ee.fis { background-image: url(../flags/1x1/ee.svg); } .fi-eg { background-image: url(../flags/4x3/eg.svg); } .fi-eg.fis { background-image: url(../flags/1x1/eg.svg); } .fi-eh { background-image: url(../flags/4x3/eh.svg); } .fi-eh.fis { background-image: url(../flags/1x1/eh.svg); } .fi-er { background-image: url(../flags/4x3/er.svg); } .fi-er.fis { background-image: url(../flags/1x1/er.svg); } .fi-es { background-image: url(../flags/4x3/es.svg); } .fi-es.fis { background-image: url(../flags/1x1/es.svg); } .fi-et { background-image: url(../flags/4x3/et.svg); } .fi-et.fis { background-image: url(../flags/1x1/et.svg); } .fi-fi { background-image: url(../flags/4x3/fi.svg); } .fi-fi.fis { background-image: url(../flags/1x1/fi.svg); } .fi-fj { background-image: url(../flags/4x3/fj.svg); } .fi-fj.fis { background-image: url(../flags/1x1/fj.svg); } .fi-fk { background-image: url(../flags/4x3/fk.svg); } .fi-fk.fis { background-image: url(../flags/1x1/fk.svg); } .fi-fm { background-image: url(../flags/4x3/fm.svg); } .fi-fm.fis { background-image: url(../flags/1x1/fm.svg); } .fi-fo { background-image: url(../flags/4x3/fo.svg); } .fi-fo.fis { background-image: url(../flags/1x1/fo.svg); } .fi-fr { background-image: url(../flags/4x3/fr.svg); } .fi-fr.fis { background-image: url(../flags/1x1/fr.svg); } .fi-ga { background-image: url(../flags/4x3/ga.svg); } .fi-ga.fis { background-image: url(../flags/1x1/ga.svg); } .fi-gb { background-image: url(../flags/4x3/gb.svg); } .fi-gb.fis { background-image: url(../flags/1x1/gb.svg); } .fi-gd { background-image: url(../flags/4x3/gd.svg); } .fi-gd.fis { background-image: url(../flags/1x1/gd.svg); } .fi-ge { background-image: url(../flags/4x3/ge.svg); } .fi-ge.fis { background-image: url(../flags/1x1/ge.svg); } .fi-gf { background-image: url(../flags/4x3/gf.svg); } .fi-gf.fis { background-image: url(../flags/1x1/gf.svg); } .fi-gg { background-image: url(../flags/4x3/gg.svg); } .fi-gg.fis { background-image: url(../flags/1x1/gg.svg); } .fi-gh { background-image: url(../flags/4x3/gh.svg); } .fi-gh.fis { background-image: url(../flags/1x1/gh.svg); } .fi-gi { background-image: url(../flags/4x3/gi.svg); } .fi-gi.fis { background-image: url(../flags/1x1/gi.svg); } .fi-gl { background-image: url(../flags/4x3/gl.svg); } .fi-gl.fis { background-image: url(../flags/1x1/gl.svg); } .fi-gm { background-image: url(../flags/4x3/gm.svg); } .fi-gm.fis { background-image: url(../flags/1x1/gm.svg); } .fi-gn { background-image: url(../flags/4x3/gn.svg); } .fi-gn.fis { background-image: url(../flags/1x1/gn.svg); } .fi-gp { background-image: url(../flags/4x3/gp.svg); } .fi-gp.fis { background-image: url(../flags/1x1/gp.svg); } .fi-gq { background-image: url(../flags/4x3/gq.svg); } .fi-gq.fis { background-image: url(../flags/1x1/gq.svg); } .fi-gr { background-image: url(../flags/4x3/gr.svg); } .fi-gr.fis { background-image: url(../flags/1x1/gr.svg); } .fi-gs { background-image: url(../flags/4x3/gs.svg); } .fi-gs.fis { background-image: url(../flags/1x1/gs.svg); } .fi-gt { background-image: url(../flags/4x3/gt.svg); } .fi-gt.fis { background-image: url(../flags/1x1/gt.svg); } .fi-gu { background-image: url(../flags/4x3/gu.svg); } .fi-gu.fis { background-image: url(../flags/1x1/gu.svg); } .fi-gw { background-image: url(../flags/4x3/gw.svg); } .fi-gw.fis { background-image: url(../flags/1x1/gw.svg); } .fi-gy { background-image: url(../flags/4x3/gy.svg); } .fi-gy.fis { background-image: url(../flags/1x1/gy.svg); } .fi-hk { background-image: url(../flags/4x3/hk.svg); } .fi-hk.fis { background-image: url(../flags/1x1/hk.svg); } .fi-hm { background-image: url(../flags/4x3/hm.svg); } .fi-hm.fis { background-image: url(../flags/1x1/hm.svg); } .fi-hn { background-image: url(../flags/4x3/hn.svg); } .fi-hn.fis { background-image: url(../flags/1x1/hn.svg); } .fi-hr { background-image: url(../flags/4x3/hr.svg); } .fi-hr.fis { background-image: url(../flags/1x1/hr.svg); } .fi-ht { background-image: url(../flags/4x3/ht.svg); } .fi-ht.fis { background-image: url(../flags/1x1/ht.svg); } .fi-hu { background-image: url(../flags/4x3/hu.svg); } .fi-hu.fis { background-image: url(../flags/1x1/hu.svg); } .fi-id { background-image: url(../flags/4x3/id.svg); } .fi-id.fis { background-image: url(../flags/1x1/id.svg); } .fi-ie { background-image: url(../flags/4x3/ie.svg); } .fi-ie.fis { background-image: url(../flags/1x1/ie.svg); } .fi-il { background-image: url(../flags/4x3/il.svg); } .fi-il.fis { background-image: url(../flags/1x1/il.svg); } .fi-im { background-image: url(../flags/4x3/im.svg); } .fi-im.fis { background-image: url(../flags/1x1/im.svg); } .fi-in { background-image: url(../flags/4x3/in.svg); } .fi-in.fis { background-image: url(../flags/1x1/in.svg); } .fi-io { background-image: url(../flags/4x3/io.svg); } .fi-io.fis { background-image: url(../flags/1x1/io.svg); } .fi-iq { background-image: url(../flags/4x3/iq.svg); } .fi-iq.fis { background-image: url(../flags/1x1/iq.svg); } .fi-ir { background-image: url(../flags/4x3/ir.svg); } .fi-ir.fis { background-image: url(../flags/1x1/ir.svg); } .fi-is { background-image: url(../flags/4x3/is.svg); } .fi-is.fis { background-image: url(../flags/1x1/is.svg); } .fi-it { background-image: url(../flags/4x3/it.svg); } .fi-it.fis { background-image: url(../flags/1x1/it.svg); } .fi-je { background-image: url(../flags/4x3/je.svg); } .fi-je.fis { background-image: url(../flags/1x1/je.svg); } .fi-jm { background-image: url(../flags/4x3/jm.svg); } .fi-jm.fis { background-image: url(../flags/1x1/jm.svg); } .fi-jo { background-image: url(../flags/4x3/jo.svg); } .fi-jo.fis { background-image: url(../flags/1x1/jo.svg); } .fi-jp { background-image: url(../flags/4x3/jp.svg); } .fi-jp.fis { background-image: url(../flags/1x1/jp.svg); } .fi-ke { background-image: url(../flags/4x3/ke.svg); } .fi-ke.fis { background-image: url(../flags/1x1/ke.svg); } .fi-kg { background-image: url(../flags/4x3/kg.svg); } .fi-kg.fis { background-image: url(../flags/1x1/kg.svg); } .fi-kh { background-image: url(../flags/4x3/kh.svg); } .fi-kh.fis { background-image: url(../flags/1x1/kh.svg); } .fi-ki { background-image: url(../flags/4x3/ki.svg); } .fi-ki.fis { background-image: url(../flags/1x1/ki.svg); } .fi-km { background-image: url(../flags/4x3/km.svg); } .fi-km.fis { background-image: url(../flags/1x1/km.svg); } .fi-kn { background-image: url(../flags/4x3/kn.svg); } .fi-kn.fis { background-image: url(../flags/1x1/kn.svg); } .fi-kp { background-image: url(../flags/4x3/kp.svg); } .fi-kp.fis { background-image: url(../flags/1x1/kp.svg); } .fi-kr { background-image: url(../flags/4x3/kr.svg); } .fi-kr.fis { background-image: url(../flags/1x1/kr.svg); } .fi-kw { background-image: url(../flags/4x3/kw.svg); } .fi-kw.fis { background-image: url(../flags/1x1/kw.svg); } .fi-ky { background-image: url(../flags/4x3/ky.svg); } .fi-ky.fis { background-image: url(../flags/1x1/ky.svg); } .fi-kz { background-image: url(../flags/4x3/kz.svg); } .fi-kz.fis { background-image: url(../flags/1x1/kz.svg); } .fi-la { background-image: url(../flags/4x3/la.svg); } .fi-la.fis { background-image: url(../flags/1x1/la.svg); } .fi-lb { background-image: url(../flags/4x3/lb.svg); } .fi-lb.fis { background-image: url(../flags/1x1/lb.svg); } .fi-lc { background-image: url(../flags/4x3/lc.svg); } .fi-lc.fis { background-image: url(../flags/1x1/lc.svg); } .fi-li { background-image: url(../flags/4x3/li.svg); } .fi-li.fis { background-image: url(../flags/1x1/li.svg); } .fi-lk { background-image: url(../flags/4x3/lk.svg); } .fi-lk.fis { background-image: url(../flags/1x1/lk.svg); } .fi-lr { background-image: url(../flags/4x3/lr.svg); } .fi-lr.fis { background-image: url(../flags/1x1/lr.svg); } .fi-ls { background-image: url(../flags/4x3/ls.svg); } .fi-ls.fis { background-image: url(../flags/1x1/ls.svg); } .fi-lt { background-image: url(../flags/4x3/lt.svg); } .fi-lt.fis { background-image: url(../flags/1x1/lt.svg); } .fi-lu { background-image: url(../flags/4x3/lu.svg); } .fi-lu.fis { background-image: url(../flags/1x1/lu.svg); } .fi-lv { background-image: url(../flags/4x3/lv.svg); } .fi-lv.fis { background-image: url(../flags/1x1/lv.svg); } .fi-ly { background-image: url(../flags/4x3/ly.svg); } .fi-ly.fis { background-image: url(../flags/1x1/ly.svg); } .fi-ma { background-image: url(../flags/4x3/ma.svg); } .fi-ma.fis { background-image: url(../flags/1x1/ma.svg); } .fi-mc { background-image: url(../flags/4x3/mc.svg); } .fi-mc.fis { background-image: url(../flags/1x1/mc.svg); } .fi-md { background-image: url(../flags/4x3/md.svg); } .fi-md.fis { background-image: url(../flags/1x1/md.svg); } .fi-me { background-image: url(../flags/4x3/me.svg); } .fi-me.fis { background-image: url(../flags/1x1/me.svg); } .fi-mf { background-image: url(../flags/4x3/mf.svg); } .fi-mf.fis { background-image: url(../flags/1x1/mf.svg); } .fi-mg { background-image: url(../flags/4x3/mg.svg); } .fi-mg.fis { background-image: url(../flags/1x1/mg.svg); } .fi-mh { background-image: url(../flags/4x3/mh.svg); } .fi-mh.fis { background-image: url(../flags/1x1/mh.svg); } .fi-mk { background-image: url(../flags/4x3/mk.svg); } .fi-mk.fis { background-image: url(../flags/1x1/mk.svg); } .fi-ml { background-image: url(../flags/4x3/ml.svg); } .fi-ml.fis { background-image: url(../flags/1x1/ml.svg); } .fi-mm { background-image: url(../flags/4x3/mm.svg); } .fi-mm.fis { background-image: url(../flags/1x1/mm.svg); } .fi-mn { background-image: url(../flags/4x3/mn.svg); } .fi-mn.fis { background-image: url(../flags/1x1/mn.svg); } .fi-mo { background-image: url(../flags/4x3/mo.svg); } .fi-mo.fis { background-image: url(../flags/1x1/mo.svg); } .fi-mp { background-image: url(../flags/4x3/mp.svg); } .fi-mp.fis { background-image: url(../flags/1x1/mp.svg); } .fi-mq { background-image: url(../flags/4x3/mq.svg); } .fi-mq.fis { background-image: url(../flags/1x1/mq.svg); } .fi-mr { background-image: url(../flags/4x3/mr.svg); } .fi-mr.fis { background-image: url(../flags/1x1/mr.svg); } .fi-ms { background-image: url(../flags/4x3/ms.svg); } .fi-ms.fis { background-image: url(../flags/1x1/ms.svg); } .fi-mt { background-image: url(../flags/4x3/mt.svg); } .fi-mt.fis { background-image: url(../flags/1x1/mt.svg); } .fi-mu { background-image: url(../flags/4x3/mu.svg); } .fi-mu.fis { background-image: url(../flags/1x1/mu.svg); } .fi-mv { background-image: url(../flags/4x3/mv.svg); } .fi-mv.fis { background-image: url(../flags/1x1/mv.svg); } .fi-mw { background-image: url(../flags/4x3/mw.svg); } .fi-mw.fis { background-image: url(../flags/1x1/mw.svg); } .fi-mx { background-image: url(../flags/4x3/mx.svg); } .fi-mx.fis { background-image: url(../flags/1x1/mx.svg); } .fi-my { background-image: url(../flags/4x3/my.svg); } .fi-my.fis { background-image: url(../flags/1x1/my.svg); } .fi-mz { background-image: url(../flags/4x3/mz.svg); } .fi-mz.fis { background-image: url(../flags/1x1/mz.svg); } .fi-na { background-image: url(../flags/4x3/na.svg); } .fi-na.fis { background-image: url(../flags/1x1/na.svg); } .fi-nc { background-image: url(../flags/4x3/nc.svg); } .fi-nc.fis { background-image: url(../flags/1x1/nc.svg); } .fi-ne { background-image: url(../flags/4x3/ne.svg); } .fi-ne.fis { background-image: url(../flags/1x1/ne.svg); } .fi-nf { background-image: url(../flags/4x3/nf.svg); } .fi-nf.fis { background-image: url(../flags/1x1/nf.svg); } .fi-ng { background-image: url(../flags/4x3/ng.svg); } .fi-ng.fis { background-image: url(../flags/1x1/ng.svg); } .fi-ni { background-image: url(../flags/4x3/ni.svg); } .fi-ni.fis { background-image: url(../flags/1x1/ni.svg); } .fi-nl { background-image: url(../flags/4x3/nl.svg); } .fi-nl.fis { background-image: url(../flags/1x1/nl.svg); } .fi-no { background-image: url(../flags/4x3/no.svg); } .fi-no.fis { background-image: url(../flags/1x1/no.svg); } .fi-np { background-image: url(../flags/4x3/np.svg); } .fi-np.fis { background-image: url(../flags/1x1/np.svg); } .fi-nr { background-image: url(../flags/4x3/nr.svg); } .fi-nr.fis { background-image: url(../flags/1x1/nr.svg); } .fi-nu { background-image: url(../flags/4x3/nu.svg); } .fi-nu.fis { background-image: url(../flags/1x1/nu.svg); } .fi-nz { background-image: url(../flags/4x3/nz.svg); } .fi-nz.fis { background-image: url(../flags/1x1/nz.svg); } .fi-om { background-image: url(../flags/4x3/om.svg); } .fi-om.fis { background-image: url(../flags/1x1/om.svg); } .fi-pa { background-image: url(../flags/4x3/pa.svg); } .fi-pa.fis { background-image: url(../flags/1x1/pa.svg); } .fi-pe { background-image: url(../flags/4x3/pe.svg); } .fi-pe.fis { background-image: url(../flags/1x1/pe.svg); } .fi-pf { background-image: url(../flags/4x3/pf.svg); } .fi-pf.fis { background-image: url(../flags/1x1/pf.svg); } .fi-pg { background-image: url(../flags/4x3/pg.svg); } .fi-pg.fis { background-image: url(../flags/1x1/pg.svg); } .fi-ph { background-image: url(../flags/4x3/ph.svg); } .fi-ph.fis { background-image: url(../flags/1x1/ph.svg); } .fi-pk { background-image: url(../flags/4x3/pk.svg); } .fi-pk.fis { background-image: url(../flags/1x1/pk.svg); } .fi-pl { background-image: url(../flags/4x3/pl.svg); } .fi-pl.fis { background-image: url(../flags/1x1/pl.svg); } .fi-pm { background-image: url(../flags/4x3/pm.svg); } .fi-pm.fis { background-image: url(../flags/1x1/pm.svg); } .fi-pn { background-image: url(../flags/4x3/pn.svg); } .fi-pn.fis { background-image: url(../flags/1x1/pn.svg); } .fi-pr { background-image: url(../flags/4x3/pr.svg); } .fi-pr.fis { background-image: url(../flags/1x1/pr.svg); } .fi-ps { background-image: url(../flags/4x3/ps.svg); } .fi-ps.fis { background-image: url(../flags/1x1/ps.svg); } .fi-pt { background-image: url(../flags/4x3/pt.svg); } .fi-pt.fis { background-image: url(../flags/1x1/pt.svg); } .fi-pw { background-image: url(../flags/4x3/pw.svg); } .fi-pw.fis { background-image: url(../flags/1x1/pw.svg); } .fi-py { background-image: url(../flags/4x3/py.svg); } .fi-py.fis { background-image: url(../flags/1x1/py.svg); } .fi-qa { background-image: url(../flags/4x3/qa.svg); } .fi-qa.fis { background-image: url(../flags/1x1/qa.svg); } .fi-re { background-image: url(../flags/4x3/re.svg); } .fi-re.fis { background-image: url(../flags/1x1/re.svg); } .fi-ro { background-image: url(../flags/4x3/ro.svg); } .fi-ro.fis { background-image: url(../flags/1x1/ro.svg); } .fi-rs { background-image: url(../flags/4x3/rs.svg); } .fi-rs.fis { background-image: url(../flags/1x1/rs.svg); } .fi-ru { background-image: url(../flags/4x3/ru.svg); } .fi-ru.fis { background-image: url(../flags/1x1/ru.svg); } .fi-rw { background-image: url(../flags/4x3/rw.svg); } .fi-rw.fis { background-image: url(../flags/1x1/rw.svg); } .fi-sa { background-image: url(../flags/4x3/sa.svg); } .fi-sa.fis { background-image: url(../flags/1x1/sa.svg); } .fi-sb { background-image: url(../flags/4x3/sb.svg); } .fi-sb.fis { background-image: url(../flags/1x1/sb.svg); } .fi-sc { background-image: url(../flags/4x3/sc.svg); } .fi-sc.fis { background-image: url(../flags/1x1/sc.svg); } .fi-sd { background-image: url(../flags/4x3/sd.svg); } .fi-sd.fis { background-image: url(../flags/1x1/sd.svg); } .fi-se { background-image: url(../flags/4x3/se.svg); } .fi-se.fis { background-image: url(../flags/1x1/se.svg); } .fi-sg { background-image: url(../flags/4x3/sg.svg); } .fi-sg.fis { background-image: url(../flags/1x1/sg.svg); } .fi-sh { background-image: url(../flags/4x3/sh.svg); } .fi-sh.fis { background-image: url(../flags/1x1/sh.svg); } .fi-si { background-image: url(../flags/4x3/si.svg); } .fi-si.fis { background-image: url(../flags/1x1/si.svg); } .fi-sj { background-image: url(../flags/4x3/sj.svg); } .fi-sj.fis { background-image: url(../flags/1x1/sj.svg); } .fi-sk { background-image: url(../flags/4x3/sk.svg); } .fi-sk.fis { background-image: url(../flags/1x1/sk.svg); } .fi-sl { background-image: url(../flags/4x3/sl.svg); } .fi-sl.fis { background-image: url(../flags/1x1/sl.svg); } .fi-sm { background-image: url(../flags/4x3/sm.svg); } .fi-sm.fis { background-image: url(../flags/1x1/sm.svg); } .fi-sn { background-image: url(../flags/4x3/sn.svg); } .fi-sn.fis { background-image: url(../flags/1x1/sn.svg); } .fi-so { background-image: url(../flags/4x3/so.svg); } .fi-so.fis { background-image: url(../flags/1x1/so.svg); } .fi-sr { background-image: url(../flags/4x3/sr.svg); } .fi-sr.fis { background-image: url(../flags/1x1/sr.svg); } .fi-ss { background-image: url(../flags/4x3/ss.svg); } .fi-ss.fis { background-image: url(../flags/1x1/ss.svg); } .fi-st { background-image: url(../flags/4x3/st.svg); } .fi-st.fis { background-image: url(../flags/1x1/st.svg); } .fi-sv { background-image: url(../flags/4x3/sv.svg); } .fi-sv.fis { background-image: url(../flags/1x1/sv.svg); } .fi-sx { background-image: url(../flags/4x3/sx.svg); } .fi-sx.fis { background-image: url(../flags/1x1/sx.svg); } .fi-sy { background-image: url(../flags/4x3/sy.svg); } .fi-sy.fis { background-image: url(../flags/1x1/sy.svg); } .fi-sz { background-image: url(../flags/4x3/sz.svg); } .fi-sz.fis { background-image: url(../flags/1x1/sz.svg); } .fi-tc { background-image: url(../flags/4x3/tc.svg); } .fi-tc.fis { background-image: url(../flags/1x1/tc.svg); } .fi-td { background-image: url(../flags/4x3/td.svg); } .fi-td.fis { background-image: url(../flags/1x1/td.svg); } .fi-tf { background-image: url(../flags/4x3/tf.svg); } .fi-tf.fis { background-image: url(../flags/1x1/tf.svg); } .fi-tg { background-image: url(../flags/4x3/tg.svg); } .fi-tg.fis { background-image: url(../flags/1x1/tg.svg); } .fi-th { background-image: url(../flags/4x3/th.svg); } .fi-th.fis { background-image: url(../flags/1x1/th.svg); } .fi-tj { background-image: url(../flags/4x3/tj.svg); } .fi-tj.fis { background-image: url(../flags/1x1/tj.svg); } .fi-tk { background-image: url(../flags/4x3/tk.svg); } .fi-tk.fis { background-image: url(../flags/1x1/tk.svg); } .fi-tl { background-image: url(../flags/4x3/tl.svg); } .fi-tl.fis { background-image: url(../flags/1x1/tl.svg); } .fi-tm { background-image: url(../flags/4x3/tm.svg); } .fi-tm.fis { background-image: url(../flags/1x1/tm.svg); } .fi-tn { background-image: url(../flags/4x3/tn.svg); } .fi-tn.fis { background-image: url(../flags/1x1/tn.svg); } .fi-to { background-image: url(../flags/4x3/to.svg); } .fi-to.fis { background-image: url(../flags/1x1/to.svg); } .fi-tr { background-image: url(../flags/4x3/tr.svg); } .fi-tr.fis { background-image: url(../flags/1x1/tr.svg); } .fi-tt { background-image: url(../flags/4x3/tt.svg); } .fi-tt.fis { background-image: url(../flags/1x1/tt.svg); } .fi-tv { background-image: url(../flags/4x3/tv.svg); } .fi-tv.fis { background-image: url(../flags/1x1/tv.svg); } .fi-tw { background-image: url(../flags/4x3/tw.svg); } .fi-tw.fis { background-image: url(../flags/1x1/tw.svg); } .fi-tz { background-image: url(../flags/4x3/tz.svg); } .fi-tz.fis { background-image: url(../flags/1x1/tz.svg); } .fi-ua { background-image: url(../flags/4x3/ua.svg); } .fi-ua.fis { background-image: url(../flags/1x1/ua.svg); } .fi-ug { background-image: url(../flags/4x3/ug.svg); } .fi-ug.fis { background-image: url(../flags/1x1/ug.svg); } .fi-um { background-image: url(../flags/4x3/um.svg); } .fi-um.fis { background-image: url(../flags/1x1/um.svg); } .fi-us { background-image: url(../flags/4x3/us.svg); } .fi-us.fis { background-image: url(../flags/1x1/us.svg); } .fi-uy { background-image: url(../flags/4x3/uy.svg); } .fi-uy.fis { background-image: url(../flags/1x1/uy.svg); } .fi-uz { background-image: url(../flags/4x3/uz.svg); } .fi-uz.fis { background-image: url(../flags/1x1/uz.svg); } .fi-va { background-image: url(../flags/4x3/va.svg); } .fi-va.fis { background-image: url(../flags/1x1/va.svg); } .fi-vc { background-image: url(../flags/4x3/vc.svg); } .fi-vc.fis { background-image: url(../flags/1x1/vc.svg); } .fi-ve { background-image: url(../flags/4x3/ve.svg); } .fi-ve.fis { background-image: url(../flags/1x1/ve.svg); } .fi-vg { background-image: url(../flags/4x3/vg.svg); } .fi-vg.fis { background-image: url(../flags/1x1/vg.svg); } .fi-vi { background-image: url(../flags/4x3/vi.svg); } .fi-vi.fis { background-image: url(../flags/1x1/vi.svg); } .fi-vn { background-image: url(../flags/4x3/vn.svg); } .fi-vn.fis { background-image: url(../flags/1x1/vn.svg); } .fi-vu { background-image: url(../flags/4x3/vu.svg); } .fi-vu.fis { background-image: url(../flags/1x1/vu.svg); } .fi-wf { background-image: url(../flags/4x3/wf.svg); } .fi-wf.fis { background-image: url(../flags/1x1/wf.svg); } .fi-ws { background-image: url(../flags/4x3/ws.svg); } .fi-ws.fis { background-image: url(../flags/1x1/ws.svg); } .fi-ye { background-image: url(../flags/4x3/ye.svg); } .fi-ye.fis { background-image: url(../flags/1x1/ye.svg); } .fi-yt { background-image: url(../flags/4x3/yt.svg); } .fi-yt.fis { background-image: url(../flags/1x1/yt.svg); } .fi-za { background-image: url(../flags/4x3/za.svg); } .fi-za.fis { background-image: url(../flags/1x1/za.svg); } .fi-zm { background-image: url(../flags/4x3/zm.svg); } .fi-zm.fis { background-image: url(../flags/1x1/zm.svg); } .fi-zw { background-image: url(../flags/4x3/zw.svg); } .fi-zw.fis { background-image: url(../flags/1x1/zw.svg); } .fi-ac { background-image: url(../flags/4x3/ac.svg); } .fi-ac.fis { background-image: url(../flags/1x1/ac.svg); } .fi-cp { background-image: url(../flags/4x3/cp.svg); } .fi-cp.fis { background-image: url(../flags/1x1/cp.svg); } .fi-dg { background-image: url(../flags/4x3/dg.svg); } .fi-dg.fis { background-image: url(../flags/1x1/dg.svg); } .fi-ea { background-image: url(../flags/4x3/ea.svg); } .fi-ea.fis { background-image: url(../flags/1x1/ea.svg); } .fi-es-ct { background-image: url(../flags/4x3/es-ct.svg); } .fi-es-ct.fis { background-image: url(../flags/1x1/es-ct.svg); } .fi-es-ga { background-image: url(../flags/4x3/es-ga.svg); } .fi-es-ga.fis { background-image: url(../flags/1x1/es-ga.svg); } .fi-eu { background-image: url(../flags/4x3/eu.svg); } .fi-eu.fis { background-image: url(../flags/1x1/eu.svg); } .fi-gb-eng { background-image: url(../flags/4x3/gb-eng.svg); } .fi-gb-eng.fis { background-image: url(../flags/1x1/gb-eng.svg); } .fi-gb-nir { background-image: url(../flags/4x3/gb-nir.svg); } .fi-gb-nir.fis { background-image: url(../flags/1x1/gb-nir.svg); } .fi-gb-sct { background-image: url(../flags/4x3/gb-sct.svg); } .fi-gb-sct.fis { background-image: url(../flags/1x1/gb-sct.svg); } .fi-gb-wls { background-image: url(../flags/4x3/gb-wls.svg); } .fi-gb-wls.fis { background-image: url(../flags/1x1/gb-wls.svg); } .fi-ic { background-image: url(../flags/4x3/ic.svg); } .fi-ic.fis { background-image: url(../flags/1x1/ic.svg); } .fi-ta { background-image: url(../flags/4x3/ta.svg); } .fi-ta.fis { background-image: url(../flags/1x1/ta.svg); } .fi-un { background-image: url(../flags/4x3/un.svg); } .fi-un.fis { background-image: url(../flags/1x1/un.svg); } .fi-xk { background-image: url(../flags/4x3/xk.svg); } .fi-xk.fis { background-image: url(../flags/1x1/xk.svg); } .fi-xx { background-image: url(../flags/4x3/xx.svg); } .fi-xx.fis { background-image: url(../flags/1x1/xx.svg); }


.dark { background-color: #fff !important;  transition: background-color .8s ease, box-shadow .8s ease;color:#000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);}
.dark h2 {color:#000}
body:not(.page-loaded) #nav-wrapper {
    transition: none !important;
}
.main-color {color: #447bd3}
.btn-primary {background:#447bd3;color:#fff}
.btn-primary:hover {background:#000;color:#fff}
.main-bg {background:#447bd3}
button.main-bg:hover { background: #000; color: #fff; }
button.main-bg { background: #447bd3; color: #fff; border: 0; }
.txt-black {color:#000;transition:all ease 0.2s}
.txt-black:hover {color:#181818}
.nav-link:focus, .nav-link:hover {color:#447bd3}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #447bd3;}
.carousel-indicators [data-bs-target] {height: 5px; border-radius:3px;border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
.footer a {color:#fff; text-decoration:none}
.footer a:hover {color:#447bd3;transition:all ease 0.2s}
.carousel-inner::after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(38, 38, 38, 0.5); background-color: #181818; opacity: 0.55; z-index: 1; }
.slider-social svg {width:18px;height: auto;fill:#fff}
.slider-social svg:hover {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 4.75); }
.carousel-indicators button.active[data-bs-target] {background-color:#447bd3}
.carousel-indicators [data-bs-target] {opacity:1}
@media (max-width:1000px){.xaa {background-image:none !important}.two-col { column-count: 1; }}
.slider-social-box { position: relative; display: block; }
.slider-social { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); display: grid; grid-gap: 25px; z-index: 9999; }
@font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box } .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper { transform: translate3d(0px,0,0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide { transform-style: preserve-3d } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none } .swiper-css-mode.swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop:always} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before { height:100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before { width:100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next,.swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 9999; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #447bd3 } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display: none!important } .swiper-button-next svg,.swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center } .swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg { transform: rotate(180deg) } .swiper-button-prev,.swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto } .swiper-button-next,.swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto } .swiper-button-lock { display: none } .swiper-button-next:after,.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next,.swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto } .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display: none!important } .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none!important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)) } .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled { display: none!important } .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) } .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius: var(--swiper-scrollbar-border-radius,10px); left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move; touch-action: none } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active { pointer-events: auto } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper.swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper.swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height } .swiper.swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden }
.footer-grid {display: grid ; grid-auto-flow: column; inline-size: fit-content;}
.swiper.mySwiper { width: 100%; }
.swiper.mySwiper .swiper-slide { text-align: center; }
.swiper.mySwipers { width: 100%; height: 100%; }
.swiper.mySwipers .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.swiper.mySwipers .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: unset;opacity:1}
.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item { z-index: unset;}
.carousel-inner .carousel-item > img { -webkit-animation: thing 30s; -o-animation: thing 30s; animation: thing 30s; }
@keyframes thing { from { transform: scale(1, 1); } to { transform: scale(1.2, 1.2); } }
section { scroll-margin-top: 60px; }
.navbar-toggler {border:none}
.navbar-toggler:focus {box-shadow:none}

@media (max-width:1000px) {.carousel-inner .carousel-item > img {width: 100%; object-fit: cover;object-position: right;}}
.footer-contact svg{width:20px;height:auto;fill:#fff;margin-right:10px;transition:all ease .2s}
.footer-social-b svg:hover{fill:#447bd3}

.swiper-box	.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -70px; left: auto; }
.swiper-box .swiper-button-prev, .swiper-rtl .swiper-button-next{ left: -70px; right: auto; }
@media (min-width:1000px) and (max-width:1450px) {.swiper-box	.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -40px; left: auto; }}

.header-box { height: 300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding: 15px;display: flex; justify-content: center; align-items: center;}
.header-box:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #25252580;}
.header-box-text {position: relative; color: #fff; padding: 95px 0 75px 0; text-align: center;display: flex; justify-content: center; align-items: center;}
@media (max-width:900px){.e-slider span {font-size:20px}.header-box {height: 18rem; } .header-box img {height: 18rem}.swiper-box	.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-box .swiper-button-prev, .swiper-rtl .swiper-button-next{ left: 10px; right: auto; } }

.header-center-text {align-items: center; inline-size: fit-content; text-align: center}
.header-box button {background:none;border:none;padding:0}
.fit-content {inline-size: fit-content;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color:#447bd3;background:transparent;border-radius:0.2rem;font-weight:bold;text-align: left;}
.nav-pills .nav-link:hover {color:#447bd3}
.sidebar-fixed { width: 350px;flex-shrink: 0;}
.sidebar-fixed .nav-pills .nav-link.active, .nav-pills .show>.nav-link {width: 100%;}
.sidebar-fixed li.nav-item { width: 100%; }
@media (max-width: 1200px) {
.nav-scroll-wrapper { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.nav-scroll-wrapper::-webkit-scrollbar { display: none; }
.nav-pills { flex-wrap: nowrap !important; white-space: nowrap; display: flex; gap: 0.5rem;justify-content:unset}
.nav-pills .nav-item { flex: 0 0 auto; }
.sidebar-fixed { width: unset;flex-shrink:unset;}
.sidebar-fixed .nav-pills .nav-link.active, .nav-pills .show>.nav-link {width: unset;}
.sidebar-fixed li.nav-item { width: unset; }
}
#btn-back-to-top { opacity: 0; transition: opacity 0.4s ease; pointer-events: none; }
#btn-back-to-top.show { opacity: 1; pointer-events: auto; }
.go-to-top svg{width:1.5em;fill:#fff}
.go-to-top button { bottom: 40px; right: 40px; z-index: 999; background: #447bd3;border: none; width: 30px; height: 50px;border-radius:1rem;display:flex}
.go-to-top button:hover {background: #000}
.go-to-top button:hover svg{fill:#fff}
.border-top-hpg {border-top:1px solid #292929}
.footer { position: relative; z-index: 1; background-color: #181818; }
.form-control, .form-select  { background: transparent;padding: 15px; }
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {background:transparent}
.form-control:focus, .form-select:focus {box-shadow:unset;border: 1px solid #447bd3 ;background:transparent}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: rgba(var(--bs-body-color-rgb), .65); transform: scale(.85) translateY(-.5rem) translateX(-.1rem); }
.how-box h3 {background: #447bd3;color:#fff; width: 40px; height: 40px; display: flex ; align-items: center; text-align: center; justify-content: center; border-radius: 20px; }
.how-box small {color:#6c757d}
.how-box{border:1px solid #404040;transition:all ease .2s}
.how-box:hover{border:1px solid #447bd3; background:#447bd3; color:#fff}
.how-box:hover small{color:#fff}
.event-box:hover .event-img-box img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.event-img-box img {transition: all ease .2s}
.event-img-box {overflow:hidden}
.event-box:hover h4 {color:#447bd3}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { background-color: #000; }



.dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   
}



.offcanvas-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;      /* هر چقدر می‌خوای از پایین فاصله داشته باشه */
    padding: 0 1.5rem; /* مثل بقیه‌ی offcanvas-body که px-4 داره */
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.offcanvas,
.offcanvas-start,
.offcanvas-end {
    border: none !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
}

.swiper-pagination-bullet { width:15px; height:15px;border-radius:0.475em}
.swiper-pagination-bullet-active {background:#447bd3}
.hover-img-box {overflow:hidden}
.hover-img-box img {transition: all ease .2s}
.hover-box:hover .hover-img-box img {transform: scale(1.1); -webkit-transform: scale(1.1);}


.footer-svg svg { fill: #fff; width: 1.3em; }
.footer-svg a:hover svg { fill: #447bd3}
.accordion-item {border-radius:0!important;margin-bottom:10px;}
.accordion-item:first-of-type {border-right:none;border-left:none;border-top:none}
.accordion-item:not(:first-of-type) {border-right:none;border-left:none}
.accordion-button {border-radius:.375em;font-weight:bold;background-color:#f8f9fa !important;padding:15px 0}
.accordion-button:not(.collapsed) { color: #447bd3;box-shadow:unset; }
.accordion-button:focus {box-shadow:unset}
.accordion-body {background:#f8f9fa;padding: 10px 0}
.product-card{ background: #ededef; }
.brands {background:#fff;color:#000;transition:all ease .2s}
.brands img {width:200px}
.brands:hover {background:#212529;color:#fff}
.contact-box svg { width: 2em; fill: #000; }