/*
=============
 Global
=============
*/ 

i{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

a{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*
=============
 Header
=============
*/
.site-header .transparent-menu.sticky{
    background-color: #021327;
}

/*
============
 Nav Menu
============
*/
.nav-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nav-menu .menu-ul li{
    position: relative;
    margin-right: 10px;
}
.nav-menu .menu-ul li a{
    display: inline-block;
    padding: 15px 10px;
}

.nav-menu .menu-ul li .sub-menu{
    position: absolute;
    display: block;
    background-color: #fff;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.nav-menu .menu-ul li .sub-menu li{
    margin: 0;
}
.nav-menu .menu-ul li .sub-menu li a{
    display: block;
}
.nav-menu .menu-ul li:hover .sub-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.nav-menu .menu-toggle{
    display: none;
}



@media (max-width: 768px){

    .nav-menu .menu-toggle{
        display: block;
    }

    .nav-menu .menu-ul {
        position: absolute;
        top: 100%;
        display: block;
        background-color: yellow;
        width: 100%;
        display: none;
    }

    .nav-menu ul li a{
        width: 100%;
    }

}


/*  =============== Hero Slider Section ================ */


.hero-slider.style1{
    transition: .5s;
    overflow: hidden;
}

.hero-slider.style1 .row {
    align-items: center;
}
.hero-slider.style1 .container-hero .text {
    position: absolute;
    top: 25%;
}
.hero-slider.style1 .container-hero{
    width: 1600px;
    margin: auto;
}
.hero-slider.style1 .hero-slider-item {
    position: relative;
    transition: .5s;
    /* padding: 200px 0px 110px; */
    height: 915px;
}

/* .hero-slider.style1 .hero-slider-item:before {
    position: absolute;
    left: 415px;
    top: 245px;
    width: 100%;
    height: 100%;
    content: "";
    background: url('https://hunttheme.com/data/wp-content/uploads/2024/08/shape14.png');
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-animation: dance 1.5s alternate infinite;
    animation: dance 1.5s alternate infinite;

} */
.hero-slider.style1 .hero-slider-item .hero-slider-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero-slider.style1 .hero-slider-item h4.subtitle {
    font-size: 26px;
    font-weight: 600;
    margin: 0px 0px 14px;
    padding-left: 30px;
    position: relative;
    color: #194d3a;
    -webkit-animation: 0.8s 0.8s fadeInUp both;
    animation: 0.8s 0.8s fadeInUp both;
}
.hero-slider.style1 .hero-slider-item h4.subtitle:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: url('https://hunttheme.com//ventox/wp-content/uploads/2025/03/star1.png');
    background-repeat: no-repeat;
}
.hero-slider.style1 .hero-slider-item h4.title-one {
    font-size: 80px;
    font-weight: 600;
    color: #040404;
    -webkit-animation: 1s 1s fadeInUp both;
    animation: 1s 1s fadeInUp both;
}

.hero-slider.style1 .hero-slider-item h4.title-two {
    font-size: 80px;
    font-weight: 600;
    color: #040404;
    -webkit-animation: 1.5s 1.5s fadeInUp both;
    animation: 1.5s 1.5s fadeInUp both;
}

.hero-slider.style1 .hero-slider-item h4.title-two span {
    color: #194d3a;
}

.hero-slider.style1 .hero-slider-item p.descript {
    font-size: 16px;
    color: #1d5f47;
    -webkit-animation: 2s 2s fadeInUp both;
    animation: 2s 2s fadeInUp both;
    margin: 13px 0px 40px 0px;
    width: 65%;
}

.hero-slider.style1 .hero-slider-item .single-image img {
    -webkit-animation: 0.8s 0.8s fadeInUp both;
    animation: 0.8s 0.8s fadeInUp both;
    width: 280px;
    /* float: left; */
    /* margin-top: 270px; */
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 34px;
}


.hero-slider.style1 .owl-nav .owl-prev i {
    height: 50px;
    background-color: transparent;
    padding: 20px 22px;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #fff; 
    transition: .5s;
}
.hero-slider.style1 .owl-nav .owl-next i {
    height: 50px;
    background-color: transparent;
    padding: 20px 22px;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #fff; 
    transition: .5s;
}

.hero-slider.style1 .owl-nav .owl-prev i:hover {
    height: 50px;
    background-color: #194d3a;
    padding: 23px 25px;
    border-radius: 50%;
    color: #fff;
    transition: .5s;
}
.hero-slider.style1 .owl-nav .owl-next i:hover {
    height: 50px;
    background-color: #194d3a;
    padding: 23px 25px;
    border-radius: 50%;
    color: #fff;
    transition: .5s;
}
.hero-slider.style1 .owl-nav .owl-prev {
    position: absolute;
    left: -100px;
    top: 50%;
    transition: .5s;
}

.hero-slider.style1 .owl-nav .owl-next {
    position: absolute;
    right: -100px;
    top: 50%;
    transition: .5s;
}

.hero-slider.style1:hover .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    top: 50%;
    transition: .5s;
}

.hero-slider.style1:hover .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    top: 50%;
    transition: .5s;
}



.hero-slider.style1 .hero-slider-item .service-btns a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 13px 30px;
    font-weight: 500;
    overflow: hidden;
    border-radius: 5px;
    transition: .5s;
    z-index: 1;
    background-color: #194d3a;
    -webkit-animation: 2.3s 2.3s fadeInUp both;
    animation: 2.3s 2.3s fadeInUp both;
}

.hero-slider.style1 .hero-slider-item .service-btns a:hover {
    color: #194d3a;
    background: #fff;
    box-shadow:none;
    transition: .5s;
}
.hero-slider.style1 .hero-slider-item .service-btns a::before,
.hero-slider.style1 .hero-slider-item .service-btns a::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #194d3a;
  box-shadow:
   -1px -1px 5px 0px #194d3a,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.hero-slider.style1 .hero-slider-item .service-btns a::after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.hero-slider.style1 .hero-slider-item .service-btns a:hover::before,
.hero-slider.style1 .hero-slider-item .service-btns a:hover::after{
    width:100%;
    transition:800ms ease all;
}
.hero-slider.style1 .hero-slider-item .service-btns a i{
    margin-left: 10px;
}
/* ----Button---- */
.button_area {
    overflow: hidden !important;
    -webkit-animation: 2.5s 2.5s fadeInUp both;
    animation: 2.5s 2.5s fadeInUp both;
}

.btn_wrapper {
    width: 200px;
    height: 200px;
    margin-right: -15px;
}

.btn_wrapper {
    width: 220px;
    height: 220px;
    margin-left: -25px;
}

.btn_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 250px;
    width: 250px;
    border-radius: 100%;
    margin-left: -5px;
}

.btn-item {
    position: absolute;
}

.btn-item:hover {
    color: #fff;
}

.wc-btn-black {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    text-transform: capitalize;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

    -webkit-animation: ripple-blue 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.wc-btn-black:hover span {
    width: 350px;
    height: 350px;
}

.wc-btn-black span {
    background-color: #000;
}

.wc-btn-black span {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    background-color: #2cf9bb;
    z-index: -1;
    border-radius: 100%;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/* ----particle animation---- */
page-bg,
.animation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.particle,
.particle:after {
  background: transparent;
}

.particle:after {
  position: absolute;
  content: "";
  top: 2560px;
}

.particle-1 {
  -webkit-animation: animParticle 60s linear infinite;
          animation: animParticle 60s linear infinite;
  box-shadow: 0px 0px #fff, 1958px 1375px #fff, 196px 866px #fff, 117px 1227px #fff, 189px 1503px #fff, 1025px 2193px #fff, 1673px 264px #fff, 1111px 184px #fff, 1859px 1494px #fff, 1837px 1448px #fff, 917px 1289px #fff, 1577px 1237px #fff, 1619px 2146px #fff, 987px 1944px #fff, 1630px 1867px #fff, 1886px 1956px #fff, 1824px 1943px #fff, 277px 1602px #fff, 247px 1704px #fff, 726px 1436px #fff, 2256px 2525px #fff, 814px 398px #fff, 934px 1029px #fff, 687px 2417px #fff, 1126px 2270px #fff, 416px 364px #fff, 1787px 192px #fff, 1335px 560px #fff, 1879px 1584px #fff, 2156px 421px #fff, 1650px 1842px #fff, 2215px 2320px #fff, 989px 2244px #fff, 831px 1596px #fff, 265px 2274px #fff, 1211px 1612px #fff, 2439px 467px #fff, 1594px 9px #fff, 1002px 2478px #fff, 705px 1771px #fff, 503px 1200px #fff, 243px 2007px #fff, 376px 977px #fff, 764px 2372px #fff, 2231px 1424px #fff, 498px 1377px #fff, 663px 2200px #fff, 1846px 1532px #fff, 2172px 31px #fff, 2292px 480px #fff, 2365px 509px #fff, 588px 736px #fff, 1719px 2183px #fff, 1718px 1186px #fff, 1566px 394px #fff, 2267px 1304px #fff, 160px 220px #fff, 1345px 1311px #fff, 2002px 126px #fff, 136px 628px #fff, 1954px 1569px #fff, 2432px 1456px #fff, 251px 2346px #fff, 293px 1261px #fff, 248px 1398px #fff, 2530px 2472px #fff, 2012px 384px #fff, 1475px 1250px #fff, 2546px 969px #fff, 2152px 813px #fff, 1478px 2314px #fff, 1985px 2138px #fff, 585px 1925px #fff, 883px 1211px #fff, 2027px 2070px #fff, 240px 796px #fff, 1270px 677px #fff, 22px 1522px #fff, 204px 648px #fff, 742px 407px #fff, 2274px 1417px #fff, 254px 1821px #fff, 1298px 739px #fff, 2365px 487px #fff, 507px 345px #fff, 2005px 904px #fff, 1725px 957px #fff, 866px 1803px #fff, 70px 459px #fff, 627px 1215px #fff, 1349px 819px #fff, 1203px 1939px #fff, 716px 580px #fff, 2175px 538px #fff, 2117px 2367px #fff, 1034px 2490px #fff, 724px 1257px #fff, 700px 2487px #fff, 2113px 167px #fff, 585px 769px #fff, 1631px 1349px #fff, 909px 1967px #fff, 957px 1451px #fff, 1956px 2517px #fff, 152px 1028px #fff, 1352px 2173px #fff, 1096px 1632px #fff, 2466px 1782px #fff, 775px 1654px #fff, 610px 1883px #fff, 115px 31px #fff, 2061px 1029px #fff, 2289px 1359px #fff, 658px 2490px #fff, 553px 1338px #fff, 1011px 2253px #fff, 742px 1432px #fff, 867px 2059px #fff, 1640px 2307px #fff, 888px 772px #fff, 2286px 433px #fff, 2076px 768px #fff, 919px 1464px #fff, 924px 1794px #fff, 2108px 686px #fff, 1640px 482px #fff, 2501px 760px #fff, 362px 2247px #fff, 1187px 620px #fff, 2447px 1283px #fff, 306px 737px #fff, 528px 256px #fff, 2394px 2046px #fff, 444px 383px #fff, 1401px 2502px #fff, 1315px 1430px #fff, 1901px 1852px #fff, 1697px 1390px #fff, 1645px 2236px #fff, 1998px 245px #fff, 906px 77px #fff, 1498px 360px #fff, 205px 1637px #fff, 1483px 1168px #fff, 408px 312px #fff, 341px 145px #fff, 762px 1759px #fff, 1058px 1437px #fff, 2476px 145px #fff, 2003px 159px #fff, 651px 370px #fff, 2274px 1204px #fff, 673px 305px #fff, 653px 2467px #fff, 246px 641px #fff, 2064px 1617px #fff, 2476px 971px #fff, 1558px 238px #fff, 640px 1216px #fff, 878px 155px #fff, 2062px 500px #fff, 452px 671px #fff, 2290px 2257px #fff, 747px 223px #fff, 2218px 429px #fff, 1418px 3px #fff, 2459px 1760px #fff, 2128px 2434px #fff, 321px 1426px #fff, 1770px 2514px #fff, 727px 1997px #fff, 2430px 104px #fff, 872px 1433px #fff, 1767px 1233px #fff, 1316px 534px #fff, 494px 2358px #fff, 1493px 2525px #fff, 2449px 565px #fff, 345px 1494px #fff, 1355px 1048px #fff, 2077px 2385px #fff, 305px 1594px #fff, 1789px 2370px #fff, 2021px 656px #fff, 1409px 761px #fff, 976px 1164px #fff, 778px 920px #fff, 226px 2271px #fff, 2429px 664px #fff, 558px 573px #fff, 1352px 1163px #fff, 673px 1985px #fff, 2137px 1779px #fff, 474px 2386px #fff, 1452px 1394px #fff, 1928px 2356px #fff, 1001px 1803px #fff, 991px 751px #fff, 1347px 747px #fff, 137px 2559px #fff, 199px 2052px #fff, 328px 736px #fff, 2033px 1013px #fff, 36px 2287px #fff, 1927px 2017px #fff, 896px 2172px #fff, 692px 19px #fff, 2073px 1760px #fff, 1559px 1792px #fff, 786px 1657px #fff, 2009px 95px #fff, 2165px 1246px #fff, 693px 2460px #fff, 1267px 567px #fff, 1356px 318px #fff, 1550px 762px #fff, 1357px 434px #fff, 469px 145px #fff, 2142px 2468px #fff, 62px 690px #fff, 910px 1880px #fff, 1729px 2323px #fff, 1058px 301px #fff, 276px 390px #fff, 1899px 1484px #fff, 1460px 465px #fff, 1045px 538px #fff, 2014px 1920px #fff, 1728px 1427px #fff, 654px 1832px #fff, 2524px 2075px #fff, 2118px 195px #fff, 1959px 175px #fff, 659px 1662px #fff, 1396px 2223px #fff, 165px 868px #fff, 2186px 391px #fff, 2433px 2253px #fff, 730px 1955px #fff, 1311px 56px #fff, 747px 1664px #fff, 1324px 1930px #fff, 1198px 475px #fff, 144px 1877px #fff, 1228px 370px #fff, 669px 2386px #fff, 735px 696px #fff, 1100px 2080px #fff, 386px 1626px #fff, 1269px 2334px #fff, 1515px 1498px #fff, 2486px 962px #fff, 279px 1970px #fff, 1565px 1050px #fff, 721px 871px #fff, 282px 427px #fff, 9px 998px #fff, 184px 1369px #fff, 2211px 836px #fff, 1730px 756px #fff, 1123px 1008px #fff, 3px 1910px #fff, 1975px 424px #fff, 1662px 1430px #fff, 2409px 144px #fff, 97px 571px #fff, 1430px 2298px #fff, 816px 1921px #fff, 1890px 2277px #fff, 862px 446px #fff, 207px 947px #fff, 354px 1987px #fff, 245px 1400px #fff, 2109px 322px #fff, 918px 28px #fff, 2118px 1896px #fff, 2011px 297px #fff, 565px 438px #fff, 834px 627px #fff, 1477px 1759px #fff, 1458px 2383px #fff, 356px 2302px #fff, 2210px 192px #fff, 2096px 1479px #fff, 955px 452px #fff, 495px 787px #fff, 1117px 2557px #fff, 1272px 2159px #fff, 201px 1770px #fff, 493px 2170px #fff, 1109px 2488px #fff, 938px 2349px #fff, 2216px 2295px #fff, 385px 2311px #fff, 1135px 1754px #fff, 1371px 1981px #fff, 1157px 1914px #fff, 2149px 1188px #fff, 425px 2359px #fff, 849px 317px #fff, 1010px 683px #fff, 2164px 854px #fff, 709px 1426px #fff, 479px 90px #fff, 80px 1632px #fff, 1275px 756px #fff, 2488px 2278px #fff, 1973px 2472px #fff, 2221px 2414px #fff, 2107px 634px #fff, 1665px 1720px #fff, 1626px 2465px #fff, 603px 1438px #fff, 79px 1350px #fff, 2341px 697px #fff, 2224px 2545px #fff, 843px 1883px #fff, 1292px 2301px #fff, 741px 171px #fff, 1213px 416px #fff, 658px 815px #fff, 48px 2080px #fff, 730px 1451px #fff, 1873px 2550px #fff, 1897px 401px #fff, 1542px 2451px #fff, 447px 1401px #fff, 2496px 1157px #fff, 276px 87px #fff, 81px 1460px #fff, 1930px 2039px #fff, 569px 899px #fff, 89px 276px #fff, 906px 1574px #fff, 1306px 1002px #fff, 2300px 2380px #fff, 1115px 1934px #fff, 2109px 160px #fff, 2138px 374px #fff, 2269px 1151px #fff, 1739px 2470px #fff, 1036px 1982px #fff, 1440px 2454px #fff, 2230px 2345px #fff, 978px 1816px #fff, 1186px 1874px #fff, 356px 1912px #fff, 2179px 2269px #fff, 1641px 359px #fff, 2221px 1924px #fff, 2018px 2098px #fff, 300px 1548px #fff, 271px 2188px #fff, 2251px 1619px #fff, 1488px 1671px #fff, 260px 457px #fff, 731px 1947px #fff, 885px 187px #fff, 2045px 1747px #fff, 170px 1836px #fff, 344px 96px #fff, 1469px 1174px #fff, 777px 1793px #fff, 1992px 1241px #fff, 2176px 1774px #fff, 859px 1478px #fff, 2192px 227px #fff, 309px 2082px #fff, 431px 2422px #fff, 244px 967px #fff, 942px 669px #fff, 1724px 2497px #fff, 971px 1468px #fff, 1398px 900px #fff, 1693px 2393px #fff, 2524px 718px #fff, 1095px 1376px #fff, 2523px 1925px #fff, 1582px 2424px #fff, 2471px 584px #fff, 874px 1142px #fff, 219px 456px #fff, 2522px 2436px #fff, 1369px 1248px #fff, 2014px 202px #fff, 1331px 2427px #fff, 520px 603px #fff, 1471px 280px #fff, 377px 917px #fff, 1181px 451px #fff, 1463px 1625px #fff, 2119px 715px #fff, 1588px 1439px #fff, 828px 1559px #fff, 446px 966px #fff, 811px 1675px #fff, 1283px 162px #fff, 659px 2546px #fff, 1756px 1815px #fff, 1293px 2509px #fff, 983px 360px #fff, 1465px 243px #fff, 2441px 264px #fff, 2170px 1486px #fff, 783px 536px #fff, 1763px 1350px #fff, 706px 2138px #fff, 61px 1339px #fff, 312px 117px #fff, 1200px 2125px #fff, 1140px 809px #fff, 1673px 1588px #fff, 817px 973px #fff, 2353px 1243px #fff, 1474px 561px #fff, 1762px 775px #fff, 355px 1761px #fff, 1190px 2356px #fff, 182px 1279px #fff, 2256px 1720px #fff, 1486px 658px #fff, 2028px 1225px #fff, 161px 877px #fff, 1904px 2430px #fff, 223px 1000px #fff, 637px 945px #fff, 457px 801px #fff, 1604px 1143px #fff, 2003px 2105px #fff, 650px 1620px #fff, 1630px 2343px #fff, 1919px 1448px #fff, 404px 2110px #fff, 923px 1978px #fff, 2240px 2288px #fff, 2155px 2499px #fff, 33px 1693px #fff, 1640px 1669px #fff, 1432px 2021px #fff, 492px 1292px #fff, 2126px 417px #fff, 190px 490px #fff, 1461px 451px #fff, 2249px 1096px #fff, 792px 1402px #fff, 1252px 1667px #fff, 2516px 1860px #fff, 1476px 984px #fff, 1284px 1437px #fff, 2397px 369px #fff, 55px 681px #fff, 726px 2308px #fff, 2447px 2387px #fff, 2168px 131px #fff, 1617px 573px #fff, 1947px 318px #fff, 2269px 2386px #fff, 1409px 2148px #fff, 1291px 962px #fff, 819px 411px #fff, 823px 1638px #fff, 1870px 552px #fff, 1405px 2337px #fff, 530px 405px #fff, 2104px 68px #fff, 1679px 1112px #fff, 543px 1052px #fff, 1178px 1442px #fff, 2149px 893px #fff, 1542px 1375px #fff, 825px 1400px #fff, 1591px 1881px #fff, 413px 1049px #fff, 1918px 241px #fff, 1015px 1215px #fff, 489px 82px #fff, 491px 1156px #fff, 77px 2460px #fff, 737px 189px #fff, 1734px 2551px #fff, 397px 1787px #fff, 1263px 803px #fff, 1770px 73px #fff, 2131px 2397px #fff, 1187px 2428px #fff, 1269px 1574px #fff, 715px 1579px #fff, 291px 1525px #fff, 2399px 2374px #fff, 2285px 528px #fff, 1262px 1567px #fff, 635px 2197px #fff, 145px 1107px #fff, 828px 1616px #fff, 1930px 8px #fff, 1181px 1752px #fff, 631px 2534px #fff, 874px 960px #fff, 237px 1560px #fff, 853px 2166px #fff, 301px 1149px #fff, 204px 2497px #fff, 251px 231px #fff, 969px 1196px #fff, 43px 1394px #fff, 316px 713px #fff, 1244px 2383px #fff, 673px 656px #fff, 1365px 1191px #fff, 464px 727px #fff, 994px 902px #fff, 787px 2334px #fff, 1711px 564px #fff, 1463px 736px #fff, 1524px 983px #fff, 1000px 754px #fff, 767px 1957px #fff, 1416px 62px #fff, 1861px 809px #fff, 335px 1702px #fff, 2469px 910px #fff, 1933px 1470px #fff, 1123px 1090px #fff, 2203px 2047px #fff, 827px 1671px #fff, 353px 2140px #fff, 2236px 1679px #fff, 2352px 2454px #fff, 2014px 53px #fff, 1155px 1481px #fff, 394px 1001px #fff, 1368px 568px #fff, 1586px 2417px #fff, 2050px 57px #fff, 2392px 433px #fff, 452px 2165px #fff, 506px 1275px #fff, 549px 1789px #fff, 357px 378px #fff, 1458px 1297px #fff, 1332px 797px #fff, 2012px 1129px #fff, 2352px 2360px #fff, 1241px 366px #fff, 2258px 163px #fff, 303px 2251px #fff, 2414px 1012px #fff, 1227px 1562px #fff, 2123px 1398px #fff, 1941px 991px #fff, 1371px 1561px #fff, 2244px 2360px #fff, 2086px 1814px #fff, 2317px 1176px #fff, 577px 2072px #fff, 1950px 1358px #fff, 1900px 1360px #fff, 1344px 680px #fff, 2136px 966px #fff, 2166px 1605px #fff, 1635px 2240px #fff, 829px 1245px #fff, 1206px 1766px #fff, 681px 1671px #fff, 228px 1489px #fff, 2444px 409px #fff, 1362px 1843px #fff, 2255px 2209px #fff, 1332px 2008px #fff, 1657px 2161px #fff, 421px 1366px #fff, 724px 468px #fff, 2026px 32px #fff, 972px 736px #fff, 427px 1283px #fff, 188px 2015px #fff, 1051px 542px #fff, 464px 193px #fff, 2398px 2548px #fff, 1931px 1278px #fff, 1351px 2087px #fff, 396px 859px #fff, 575px 159px #fff, 2272px 1247px #fff, 233px 2225px #fff, 1005px 1093px #fff, 717px 2456px #fff, 2048px 689px #fff, 2373px 2200px #fff, 2499px 209px #fff, 372px 587px #fff, 379px 1410px #fff, 2557px 2026px #fff, 1734px 1678px #fff, 1080px 922px #fff, 590px 1683px #fff, 1184px 2357px #fff, 106px 1993px #fff, 1200px 2234px #fff, 362px 2183px #fff, 1625px 2509px #fff;
  height: 1px;
  width: 1px;
}

.particle-1:after {
  box-shadow: 0px 0px #fff, 410px 1205px #fff, 874px 1079px #fff, 974px 2515px #fff, 307px 1953px #fff, 2196px 91px #fff, 1907px 1431px #fff, 2519px 1070px #fff, 2221px 1547px #fff, 2123px 1983px #fff, 2258px 2298px #fff, 1492px 769px #fff, 1959px 2079px #fff, 554px 388px #fff, 624px 1743px #fff, 1644px 826px #fff, 1827px 248px #fff, 1937px 313px #fff, 786px 2154px #fff, 690px 1486px #fff, 2111px 1884px #fff, 470px 1952px #fff, 748px 543px #fff, 1596px 872px #fff, 2546px 245px #fff, 2335px 1756px #fff, 1833px 2040px #fff, 1347px 2401px #fff, 992px 1714px #fff, 1163px 123px #fff, 2308px 1755px #fff, 1736px 793px #fff, 1804px 717px #fff, 1203px 186px #fff, 2220px 1007px #fff, 2341px 1814px #fff, 720px 1095px #fff, 2019px 2136px #fff, 2302px 1046px #fff, 2232px 1486px #fff, 1872px 931px #fff, 2000px 1445px #fff, 1529px 1626px #fff, 80px 1915px #fff, 504px 2386px #fff, 1522px 798px #fff, 309px 1888px #fff, 877px 1887px #fff, 1363px 1328px #fff, 1799px 1187px #fff, 1273px 2274px #fff, 1872px 103px #fff, 1938px 2283px #fff, 334px 524px #fff, 1576px 1285px #fff, 328px 1252px #fff, 1282px 314px #fff, 1791px 128px #fff, 2466px 1848px #fff, 475px 1072px #fff, 1707px 1105px #fff, 1411px 243px #fff, 31px 1601px #fff, 407px 1909px #fff, 1573px 1938px #fff, 1067px 2009px #fff, 136px 139px #fff, 1148px 2240px #fff, 1352px 1840px #fff, 503px 2092px #fff, 2311px 312px #fff, 497px 1966px #fff, 1548px 1742px #fff, 2531px 2314px #fff, 665px 1130px #fff, 2122px 790px #fff, 2165px 2152px #fff, 1058px 1484px #fff, 512px 720px #fff, 2424px 33px #fff, 1127px 1973px #fff, 652px 2508px #fff, 929px 31px #fff, 2469px 1974px #fff, 1951px 1939px #fff, 1547px 2559px #fff, 2538px 102px #fff, 2442px 1669px #fff, 1296px 528px #fff, 808px 2449px #fff, 353px 1620px #fff, 1123px 949px #fff, 1102px 1762px #fff, 945px 2024px #fff, 2277px 353px #fff, 137px 1196px #fff, 1405px 225px #fff, 169px 269px #fff, 1419px 1962px #fff, 1119px 1417px #fff, 2343px 2189px #fff, 73px 1499px #fff, 1969px 480px #fff, 2121px 1453px #fff, 2328px 281px #fff, 268px 1562px #fff, 1202px 958px #fff, 1841px 1751px #fff, 1592px 1131px #fff, 1667px 204px #fff, 1969px 140px #fff, 2202px 569px #fff, 1229px 2524px #fff, 1984px 1363px #fff, 530px 1304px #fff, 867px 609px #fff, 2524px 486px #fff, 90px 1527px #fff, 1850px 929px #fff, 1152px 1529px #fff, 2128px 1626px #fff, 2530px 984px #fff, 121px 1976px #fff, 735px 471px #fff, 1898px 700px #fff, 86px 1076px #fff, 146px 666px #fff, 296px 2126px #fff, 787px 1691px #fff, 147px 373px #fff, 1629px 887px #fff, 672px 364px #fff, 2375px 1935px #fff, 2452px 1111px #fff, 1109px 2269px #fff, 40px 750px #fff, 1477px 1452px #fff, 1752px 1640px #fff, 1467px 2316px #fff, 2457px 890px #fff, 11px 2219px #fff, 788px 628px #fff, 1251px 2379px #fff, 1879px 1528px #fff, 2369px 2470px #fff, 544px 897px #fff, 1626px 2351px #fff, 914px 1678px #fff, 637px 30px #fff, 486px 1730px #fff, 1052px 2313px #fff, 1482px 946px #fff, 2119px 244px #fff, 113px 2452px #fff, 2143px 1244px #fff, 1258px 635px #fff, 1130px 258px #fff, 549px 1449px #fff, 330px 389px #fff, 1147px 288px #fff, 31px 2214px #fff, 1067px 96px #fff, 1190px 1115px #fff, 550px 2205px #fff, 2294px 1454px #fff, 2290px 254px #fff, 1050px 1141px #fff, 1452px 2258px #fff, 868px 1239px #fff, 2458px 898px #fff, 1878px 615px #fff, 2370px 666px #fff, 594px 1814px #fff, 1326px 1290px #fff, 1886px 1135px #fff, 1160px 1682px #fff, 1241px 353px #fff, 2245px 655px #fff, 1927px 1238px #fff, 1280px 2341px #fff, 2454px 1876px #fff, 982px 2543px #fff, 641px 2395px #fff, 2280px 742px #fff, 913px 50px #fff, 2143px 581px #fff, 2231px 51px #fff, 812px 1204px #fff, 2232px 216px #fff, 1480px 881px #fff, 960px 851px #fff, 1446px 2442px #fff, 2476px 679px #fff, 2193px 951px #fff, 1786px 2456px #fff, 373px 632px #fff, 85px 472px #fff, 624px 330px #fff, 668px 1223px #fff, 2292px 876px #fff, 1569px 584px #fff, 733px 263px #fff, 392px 1121px #fff, 1160px 1623px #fff, 1123px 1070px #fff, 1133px 2044px #fff, 784px 2072px #fff, 2384px 1524px #fff, 2020px 28px #fff, 1263px 2286px #fff, 343px 2495px #fff, 2553px 431px #fff, 2126px 1613px #fff, 2408px 1038px #fff, 1696px 32px #fff, 326px 1675px #fff, 1504px 897px #fff, 232px 1891px #fff, 182px 2533px #fff, 2392px 875px #fff, 2302px 845px #fff, 411px 400px #fff, 1755px 1840px #fff, 1865px 2451px #fff, 1771px 2393px #fff, 357px 229px #fff, 880px 1336px #fff, 627px 1675px #fff, 2319px 384px #fff, 1952px 1674px #fff, 1438px 674px #fff, 802px 637px #fff, 2067px 632px #fff, 871px 990px #fff, 1642px 679px #fff, 611px 1766px #fff, 69px 493px #fff, 944px 2352px #fff, 1938px 1024px #fff, 2242px 228px #fff, 203px 1698px #fff, 2448px 2378px #fff, 1472px 204px #fff, 1155px 79px #fff, 2055px 168px #fff, 1164px 628px #fff, 1253px 214px #fff, 1421px 574px #fff, 173px 2404px #fff, 520px 773px #fff, 154px 217px #fff, 1760px 1596px #fff, 1093px 335px #fff, 1032px 787px #fff, 1175px 1689px #fff, 261px 99px #fff, 323px 117px #fff, 1767px 1849px #fff, 2335px 1899px #fff, 1655px 286px #fff, 163px 232px #fff, 2100px 487px #fff, 2125px 2309px #fff, 1115px 927px #fff, 1033px 140px #fff, 2271px 2438px #fff, 627px 767px #fff, 1105px 1008px #fff, 73px 1977px #fff, 2166px 2023px #fff, 1798px 1818px #fff, 2463px 2402px #fff, 609px 2258px #fff, 2281px 1102px #fff, 503px 1877px #fff, 2228px 310px #fff, 1381px 2432px #fff, 1738px 1868px #fff, 1021px 907px #fff, 375px 595px #fff, 803px 1870px #fff, 2009px 1464px #fff, 1647px 71px #fff, 1685px 353px #fff, 120px 1819px #fff, 2511px 1974px #fff, 1591px 2088px #fff, 501px 341px #fff, 2331px 7px #fff, 399px 1346px #fff, 2296px 2081px #fff, 1262px 981px #fff, 798px 2003px #fff, 1660px 1090px #fff, 1985px 2439px #fff, 2043px 2437px #fff, 2310px 1703px #fff, 9px 2214px #fff, 442px 567px #fff, 219px 917px #fff, 57px 1476px #fff, 1295px 558px #fff, 2404px 1902px #fff, 2316px 43px #fff, 1846px 407px #fff, 324px 1848px #fff, 1596px 2013px #fff, 396px 1853px #fff, 2313px 1866px #fff, 1291px 1899px #fff, 2190px 154px #fff, 1930px 1492px #fff, 1498px 1290px #fff, 1928px 443px #fff, 519px 597px #fff, 1475px 1329px #fff, 87px 1246px #fff, 2421px 898px #fff, 405px 1043px #fff, 981px 227px #fff, 855px 370px #fff, 1071px 209px #fff, 774px 1134px #fff, 2017px 1570px #fff, 236px 2473px #fff, 337px 1569px #fff, 131px 1240px #fff, 920px 1694px #fff, 1295px 240px #fff, 853px 2370px #fff, 1426px 1619px #fff, 999px 914px #fff, 1846px 660px #fff, 1702px 889px #fff, 1411px 2363px #fff, 678px 2012px #fff, 1882px 1247px #fff, 243px 1764px #fff, 1595px 84px #fff, 1856px 2259px #fff, 1739px 478px #fff, 822px 1730px #fff, 985px 683px #fff, 1883px 1896px #fff, 1445px 184px #fff, 1301px 1240px #fff, 1280px 27px #fff, 1281px 921px #fff, 105px 1695px #fff, 1901px 1308px #fff, 2079px 914px #fff, 565px 966px #fff, 659px 1043px #fff, 1910px 2112px #fff, 2170px 596px #fff, 1767px 870px #fff, 2357px 1196px #fff, 2025px 2467px #fff, 2024px 1426px #fff, 677px 1078px #fff, 423px 1018px #fff, 255px 2035px #fff, 1499px 2330px #fff, 1358px 542px #fff, 1852px 1448px #fff, 803px 746px #fff, 694px 405px #fff, 481px 1083px #fff, 1830px 164px #fff, 337px 125px #fff, 1983px 1335px #fff, 1195px 247px #fff, 1939px 63px #fff, 249px 650px #fff, 1215px 1986px #fff, 652px 215px #fff, 2220px 237px #fff, 704px 485px #fff, 1527px 1434px #fff, 28px 1674px #fff, 689px 1815px #fff, 582px 1970px #fff, 2439px 1702px #fff, 1445px 1852px #fff, 2224px 180px #fff, 16px 499px #fff, 373px 919px #fff, 487px 757px #fff, 1703px 2237px #fff, 1361px 2431px #fff, 1672px 147px #fff, 430px 110px #fff, 116px 2487px #fff, 1989px 1253px #fff, 1648px 545px #fff, 812px 1666px #fff, 633px 407px #fff, 89px 2006px #fff, 1320px 1713px #fff, 2504px 388px #fff, 1283px 2232px #fff, 1956px 2003px #fff, 1897px 1546px #fff, 2080px 747px #fff, 1180px 197px #fff, 2278px 1592px #fff, 348px 1990px #fff, 1114px 44px #fff, 412px 1954px #fff, 2392px 2124px #fff, 380px 1441px #fff, 1880px 2507px #fff, 2234px 211px #fff, 2465px 486px #fff, 1544px 584px #fff, 1692px 404px #fff, 1729px 1143px #fff, 2109px 1519px #fff, 1797px 2295px #fff, 2114px 2092px #fff, 2456px 166px #fff, 333px 2467px #fff, 854px 892px #fff, 203px 1814px #fff, 671px 1606px #fff, 977px 2179px #fff, 1710px 1706px #fff, 1189px 1381px #fff, 739px 35px #fff, 639px 855px #fff, 113px 2393px #fff, 1451px 1254px #fff, 1578px 426px #fff, 1023px 1596px #fff, 2206px 1943px #fff, 839px 1125px #fff, 2486px 2260px #fff, 1143px 1518px #fff, 1830px 1336px #fff, 316px 1360px #fff, 1149px 1185px #fff, 411px 693px #fff, 1742px 149px #fff, 1797px 483px #fff, 1697px 110px #fff, 2043px 1175px #fff, 12px 1202px #fff, 978px 1522px #fff, 1505px 1999px #fff, 1680px 1674px #fff, 705px 110px #fff, 1402px 61px #fff, 259px 945px #fff, 2548px 947px #fff, 310px 1820px #fff, 1912px 2045px #fff, 327px 637px #fff, 1036px 1051px #fff, 890px 2545px #fff, 921px 2535px #fff, 1737px 1380px #fff, 914px 2356px #fff, 670px 1368px #fff, 2531px 918px #fff, 2342px 1540px #fff, 645px 2054px #fff, 129px 668px #fff, 180px 1481px #fff, 2490px 1906px #fff, 994px 1096px #fff, 44px 414px #fff, 2060px 2227px #fff, 487px 2115px #fff, 2071px 2212px #fff, 396px 929px #fff, 1823px 2019px #fff, 1892px 881px #fff, 1700px 1521px #fff, 2258px 2161px #fff, 182px 2426px #fff, 1384px 1573px #fff, 149px 1987px #fff, 567px 1190px #fff, 1175px 940px #fff, 611px 952px #fff, 1616px 776px #fff, 1402px 2393px #fff, 41px 2312px #fff, 2250px 1027px #fff, 47px 853px #fff, 2453px 1847px #fff, 2412px 2461px #fff, 1232px 1157px #fff, 848px 1510px #fff, 591px 1818px #fff, 578px 1166px #fff, 2244px 2136px #fff, 472px 1229px #fff, 2521px 1609px #fff, 1034px 1086px #fff, 1667px 1608px #fff, 1415px 2336px #fff, 2111px 1630px #fff, 256px 2205px #fff, 666px 2385px #fff, 1775px 2123px #fff, 226px 86px #fff, 1111px 2179px #fff, 1633px 30px #fff, 468px 1932px #fff, 2465px 2351px #fff, 1773px 2554px #fff, 1689px 2086px #fff, 1696px 1710px #fff, 1567px 1980px #fff, 116px 1573px #fff, 42px 2131px #fff, 1012px 805px #fff, 1349px 327px #fff, 2199px 1313px #fff, 1855px 1428px #fff, 1946px 114px #fff, 1471px 497px #fff, 407px 698px #fff, 96px 370px #fff, 1575px 116px #fff, 598px 1238px #fff, 239px 2279px #fff, 1198px 2113px #fff, 839px 1892px #fff, 2440px 570px #fff, 2465px 2192px #fff, 1504px 237px #fff, 2394px 33px #fff, 1480px 2295px #fff, 1555px 2165px #fff, 2237px 2212px #fff, 1750px 435px #fff, 2455px 2505px #fff, 1055px 1085px #fff, 2277px 2127px #fff, 1434px 890px #fff, 495px 287px #fff, 1951px 475px #fff, 831px 333px #fff, 642px 764px #fff, 1416px 256px #fff, 1098px 1646px #fff, 274px 230px #fff, 498px 1872px #fff, 2136px 2295px #fff, 1520px 1001px #fff, 1891px 1983px #fff, 372px 1182px #fff, 2442px 1445px #fff, 1718px 1520px #fff, 1680px 1977px #fff, 969px 1482px #fff, 2413px 1382px #fff, 2547px 2146px #fff, 844px 2368px #fff, 638px 1414px #fff, 1206px 1466px #fff, 2153px 1979px #fff, 1611px 1940px #fff, 227px 2057px #fff, 726px 938px #fff, 1258px 1234px #fff, 1993px 1362px #fff, 2378px 621px #fff, 1648px 1054px #fff, 2116px 1536px #fff, 1006px 52px #fff, 2151px 1546px #fff, 2133px 118px #fff, 1197px 2210px #fff, 14px 730px #fff, 487px 667px #fff, 2396px 441px #fff, 986px 1405px #fff, 1221px 2438px #fff, 1540px 275px #fff, 460px 804px #fff, 1087px 1862px #fff, 43px 113px #fff, 1736px 686px #fff, 921px 372px #fff, 860px 2065px #fff, 1454px 1847px #fff, 190px 1046px #fff, 2478px 1661px #fff, 1258px 2487px #fff, 655px 1811px #fff, 1729px 676px #fff, 635px 1946px #fff, 2275px 1229px #fff, 2477px 389px #fff, 2411px 1117px #fff, 308px 662px #fff, 1171px 2309px #fff, 2540px 1675px #fff;
  height: 1px;
  width: 1px;
}

.particle-2 {
  -webkit-animation: animParticle 120s linear infinite;
          animation: animParticle 120s linear infinite;
  box-shadow: 0px 0px #fff, 22px 883px #fff, 488px 1604px #fff, 695px 1533px #fff, 2350px 1009px #fff, 4px 689px #fff, 799px 568px #fff, 1652px 2530px #fff, 489px 805px #fff, 2020px 1093px #fff, 1268px 1132px #fff, 61px 2262px #fff, 1772px 519px #fff, 240px 2342px #fff, 817px 444px #fff, 428px 2489px #fff, 2294px 729px #fff, 1746px 974px #fff, 1966px 1355px #fff, 211px 2470px #fff, 2429px 333px #fff, 1585px 1556px #fff, 1922px 2424px #fff, 1466px 2106px #fff, 403px 1851px #fff, 1588px 2344px #fff, 1468px 1988px #fff, 1897px 1444px #fff, 1465px 559px #fff, 2458px 2467px #fff, 761px 1605px #fff, 719px 607px #fff, 2229px 1096px #fff, 989px 901px #fff, 702px 1517px #fff, 48px 472px #fff, 315px 2445px #fff, 909px 1850px #fff, 2331px 2059px #fff, 761px 711px #fff, 2528px 1693px #fff, 1671px 1910px #fff, 783px 1843px #fff, 122px 846px #fff, 563px 2208px #fff, 1017px 1016px #fff, 1048px 1794px #fff, 1821px 295px #fff, 428px 1997px #fff, 122px 1016px #fff, 665px 2052px #fff, 1502px 2363px #fff, 514px 2013px #fff, 185px 1893px #fff, 2342px 1687px #fff, 2499px 669px #fff, 2516px 1790px #fff, 522px 2017px #fff, 1020px 1961px #fff, 1982px 1426px #fff, 619px 228px #fff, 325px 2402px #fff, 426px 2015px #fff, 2331px 197px #fff, 785px 2199px #fff, 1657px 2261px #fff, 2217px 473px #fff, 2196px 1200px #fff, 2229px 1610px #fff, 1929px 1648px #fff, 2305px 2460px #fff, 543px 596px #fff, 1883px 2082px #fff, 778px 684px #fff, 501px 2074px #fff, 821px 938px #fff, 116px 1313px #fff, 1122px 1625px #fff, 966px 254px #fff, 298px 1459px #fff, 1339px 693px #fff, 1527px 1898px #fff, 11px 1735px #fff, 1076px 1386px #fff, 1467px 1449px #fff, 1404px 2061px #fff, 2420px 2214px #fff, 2425px 2484px #fff, 1220px 2534px #fff, 645px 978px #fff, 2310px 257px #fff, 2556px 2548px #fff, 1159px 918px #fff, 1253px 258px #fff, 2152px 318px #fff, 1038px 1647px #fff, 922px 539px #fff, 127px 1169px #fff, 1248px 291px #fff, 2394px 343px #fff, 1065px 1388px #fff, 1297px 1523px #fff, 2000px 195px #fff, 1586px 1532px #fff, 2013px 933px #fff, 1579px 1871px #fff, 1485px 497px #fff, 2542px 2100px #fff, 524px 2011px #fff, 1990px 1803px #fff, 2345px 1027px #fff, 2148px 1922px #fff, 1009px 1473px #fff, 672px 1725px #fff, 2473px 2421px #fff, 171px 2372px #fff, 1915px 1016px #fff, 671px 946px #fff, 91px 108px #fff, 982px 1689px #fff, 2048px 819px #fff, 2504px 2205px #fff, 637px 2197px #fff, 632px 402px #fff, 141px 2308px #fff, 1348px 2163px #fff, 135px 625px #fff, 949px 2467px #fff, 92px 2477px #fff, 2296px 1499px #fff, 1909px 1432px #fff, 820px 2411px #fff, 700px 1768px #fff, 938px 2461px #fff, 1616px 745px #fff, 572px 2096px #fff, 496px 1406px #fff, 1835px 1111px #fff, 265px 1355px #fff, 370px 686px #fff, 288px 2031px #fff, 2188px 119px #fff, 5px 615px #fff, 1542px 1762px #fff, 2219px 1812px #fff, 526px 1435px #fff, 597px 339px #fff, 1430px 482px #fff, 988px 660px #fff, 868px 878px #fff, 700px 1911px #fff, 640px 1664px #fff, 836px 1579px #fff, 1288px 115px #fff, 611px 1359px #fff, 1223px 1307px #fff, 1243px 1282px #fff, 2227px 1376px #fff, 392px 2320px #fff, 1594px 730px #fff, 1679px 1132px #fff, 2513px 1011px #fff, 2517px 2325px #fff, 1228px 2161px #fff, 959px 1477px #fff, 99px 1533px #fff, 2498px 2039px #fff, 340px 2026px #fff, 1865px 1841px #fff, 972px 1939px #fff, 853px 2389px #fff, 680px 736px #fff, 486px 541px #fff, 350px 356px #fff, 1116px 775px #fff, 2550px 1693px #fff, 600px 125px #fff, 642px 883px #fff, 342px 56px #fff, 304px 1353px #fff, 2156px 2184px #fff, 2485px 1139px #fff, 2155px 2440px #fff, 1507px 530px #fff, 671px 2486px #fff, 2250px 2059px #fff, 401px 850px #fff, 1153px 1556px #fff, 1346px 2258px #fff, 2068px 2139px #fff, 1818px 2242px #fff, 214px 3px #fff, 941px 471px #fff, 1871px 977px #fff, 346px 2214px #fff, 226px 1646px #fff, 401px 1534px #fff, 485px 1875px #fff, 1298px 1493px #fff, 1371px 2556px #fff, 1597px 1784px #fff;
  height: 2px;
  width: 2px;
}

.particle-2:after {
  box-shadow: 0px 0px #fff, 2480px 1253px #fff, 981px 567px #fff, 135px 1118px #fff, 1387px 2438px #fff, 635px 2471px #fff, 165px 2054px #fff, 592px 1868px #fff, 1327px 1595px #fff, 1850px 1108px #fff, 2297px 1831px #fff, 245px 103px #fff, 225px 1381px #fff, 813px 1359px #fff, 115px 1911px #fff, 1111px 887px #fff, 495px 1421px #fff, 240px 892px #fff, 577px 724px #fff, 363px 1256px #fff, 855px 2154px #fff, 1810px 2338px #fff, 1166px 1501px #fff, 2310px 91px #fff, 594px 1682px #fff, 207px 257px #fff, 1978px 2258px #fff, 63px 1466px #fff, 946px 1329px #fff, 1196px 409px #fff, 696px 179px #fff, 2064px 1912px #fff, 879px 1130px #fff, 243px 1327px #fff, 1005px 1848px #fff, 170px 1985px #fff, 1859px 1340px #fff, 1972px 2320px #fff, 184px 558px #fff, 1816px 449px #fff, 967px 509px #fff, 1290px 2053px #fff, 170px 787px #fff, 1782px 32px #fff, 2017px 2518px #fff, 2365px 2195px #fff, 851px 1196px #fff, 1472px 2260px #fff, 1669px 48px #fff, 2014px 1417px #fff, 1647px 73px #fff, 2271px 1659px #fff, 860px 1808px #fff, 1049px 1599px #fff, 89px 145px #fff, 1041px 73px #fff, 2340px 577px #fff, 1941px 1870px #fff, 552px 2268px #fff, 1834px 1712px #fff, 821px 142px #fff, 1014px 1057px #fff, 659px 1763px #fff, 1188px 902px #fff, 819px 701px #fff, 1653px 2214px #fff, 689px 2034px #fff, 1741px 2427px #fff, 2539px 86px #fff, 1822px 199px #fff, 571px 1392px #fff, 1907px 1005px #fff, 939px 952px #fff, 1974px 2358px #fff, 382px 1970px #fff, 586px 1856px #fff, 1048px 1701px #fff, 1813px 2016px #fff, 1932px 313px #fff, 1700px 397px #fff, 836px 1409px #fff, 2121px 947px #fff, 121px 2506px #fff, 1946px 872px #fff, 2278px 1562px #fff, 51px 1994px #fff, 918px 423px #fff, 688px 1939px #fff, 1219px 287px #fff, 2492px 583px #fff, 229px 1202px #fff, 2090px 1212px #fff, 2070px 1110px #fff, 2513px 800px #fff, 2407px 704px #fff, 2019px 1757px #fff, 7px 751px #fff, 883px 22px #fff, 1850px 975px #fff, 1571px 678px #fff, 2368px 131px #fff, 1676px 646px #fff, 1289px 457px #fff, 2019px 2525px #fff, 1358px 1440px #fff, 1135px 279px #fff, 495px 997px #fff, 1126px 2396px #fff, 2260px 1372px #fff, 2073px 2232px #fff, 1002px 1201px #fff, 1437px 1025px #fff, 1195px 1058px #fff, 959px 1514px #fff, 193px 1514px #fff, 888px 904px #fff, 646px 286px #fff, 914px 2146px #fff, 98px 1637px #fff, 906px 230px #fff, 2153px 212px #fff, 2438px 396px #fff, 1626px 1935px #fff, 1458px 1065px #fff, 2005px 30px #fff, 1884px 602px #fff, 234px 1711px #fff, 851px 2366px #fff, 2383px 507px #fff, 282px 503px #fff, 2048px 1239px #fff, 1420px 1658px #fff, 1845px 292px #fff, 2387px 217px #fff, 2017px 387px #fff, 2421px 1210px #fff, 1317px 1356px #fff, 2218px 593px #fff, 1670px 1019px #fff, 846px 8px #fff, 1848px 2443px #fff, 1196px 1763px #fff, 1367px 491px #fff, 484px 890px #fff, 810px 2135px #fff, 1256px 1499px #fff, 1369px 173px #fff, 2264px 2058px #fff, 2123px 262px #fff, 136px 2014px #fff, 1540px 1484px #fff, 668px 2111px #fff, 870px 1037px #fff, 96px 1216px #fff, 126px 2492px #fff, 1301px 1683px #fff, 1144px 1730px #fff, 978px 502px #fff, 1373px 502px #fff, 2010px 1660px #fff, 112px 1904px #fff, 502px 428px #fff, 631px 102px #fff, 1598px 1383px #fff, 2063px 2175px #fff, 306px 269px #fff, 1284px 92px #fff, 1192px 1917px #fff, 1294px 1508px #fff, 1273px 2218px #fff, 35px 2120px #fff, 734px 2020px #fff, 939px 1843px #fff, 1931px 2560px #fff, 2379px 1928px #fff, 1034px 1729px #fff, 1056px 905px #fff, 2366px 1714px #fff, 1956px 479px #fff, 785px 1449px #fff, 1853px 2202px #fff, 602px 247px #fff, 1332px 2266px #fff, 1806px 1811px #fff, 1514px 1748px #fff, 1548px 807px #fff, 23px 150px #fff, 936px 1607px #fff, 2153px 2457px #fff, 1064px 1707px #fff, 515px 2117px #fff, 1072px 576px #fff, 2165px 1012px #fff, 216px 28px #fff, 415px 664px #fff, 875px 149px #fff, 2467px 728px #fff, 344px 1181px #fff, 2184px 1374px #fff, 871px 663px #fff, 2277px 1026px #fff;
  height: 2px;
  width: 2px;
}

.particle-3 {
  -webkit-animation: animParticle 180s linear infinite;
          animation: animParticle 180s linear infinite;
  box-shadow: 0px 0px #fff, 1424px 2173px #fff, 2037px 346px #fff, 1969px 740px #fff, 164px 1454px #fff, 2190px 733px #fff, 2490px 1713px #fff, 2136px 309px #fff, 846px 1123px #fff, 324px 572px #fff, 1168px 1788px #fff, 1025px 928px #fff, 1497px 1503px #fff, 1902px 2189px #fff, 1807px 567px #fff, 2133px 226px #fff, 2359px 164px #fff, 1102px 1058px #fff, 350px 503px #fff, 275px 2195px #fff, 1400px 2556px #fff, 1046px 966px #fff, 751px 1018px #fff, 567px 9px #fff, 2164px 2040px #fff, 362px 413px #fff, 1463px 307px #fff, 2187px 954px #fff, 1483px 1731px #fff, 526px 2326px #fff, 498px 2477px #fff, 2167px 169px #fff, 1971px 2056px #fff, 275px 1661px #fff, 647px 188px #fff, 1429px 877px #fff, 1045px 1267px #fff, 2376px 1908px #fff, 2202px 2206px #fff, 2005px 1657px #fff, 1988px 38px #fff, 1059px 626px #fff, 1236px 932px #fff, 620px 2468px #fff, 671px 566px #fff, 1263px 1919px #fff, 851px 2080px #fff, 2099px 771px #fff, 1461px 1391px #fff, 1051px 1751px #fff, 683px 1550px #fff, 1460px 1822px #fff, 1709px 1222px #fff, 885px 1701px #fff, 1148px 2535px #fff, 618px 49px #fff, 891px 2222px #fff, 1090px 92px #fff, 1258px 1294px #fff, 129px 1481px #fff, 748px 1007px #fff, 244px 514px #fff, 2515px 1902px #fff, 2048px 479px #fff, 766px 2251px #fff, 2171px 2444px #fff, 2014px 2451px #fff, 757px 393px #fff, 1622px 483px #fff, 227px 1188px #fff, 285px 798px #fff, 1463px 1187px #fff, 757px 1234px #fff, 1069px 2386px #fff, 2366px 373px #fff, 140px 2526px #fff, 802px 451px #fff, 1138px 1666px #fff, 1996px 1623px #fff, 1339px 1644px #fff, 910px 446px #fff, 2133px 1295px #fff, 2212px 113px #fff, 2342px 2391px #fff, 177px 1701px #fff, 1096px 1537px #fff, 315px 570px #fff, 2407px 136px #fff, 790px 1509px #fff, 1436px 2301px #fff, 213px 1671px #fff, 2435px 2014px #fff, 2095px 664px #fff, 1233px 1944px #fff, 1184px 59px #fff, 289px 1656px #fff, 446px 2497px #fff, 1072px 1602px #fff, 1280px 2127px #fff, 1372px 2044px #fff, 954px 1817px #fff;
  height: 3px;
  width: 3px;
}

.particle-3:after {
  box-shadow: 0px 0px #fff, 1618px 1887px #fff, 1240px 2243px #fff, 431px 1723px #fff, 1721px 319px #fff, 348px 1119px #fff, 146px 137px #fff, 680px 257px #fff, 451px 1756px #fff, 1092px 810px #fff, 1661px 1501px #fff, 1372px 2299px #fff, 46px 1646px #fff, 1399px 1874px #fff, 1685px 2389px #fff, 770px 1648px #fff, 540px 228px #fff, 959px 492px #fff, 444px 83px #fff, 2463px 766px #fff, 2245px 2432px #fff, 133px 1914px #fff, 2021px 1281px #fff, 784px 994px #fff, 1083px 119px #fff, 402px 436px #fff, 1268px 1397px #fff, 412px 515px #fff, 1498px 1395px #fff, 178px 579px #fff, 33px 498px #fff, 594px 770px #fff, 464px 181px #fff, 1404px 257px #fff, 811px 1658px #fff, 237px 886px #fff, 1458px 1129px #fff, 1697px 1029px #fff, 1302px 998px #fff, 1914px 2384px #fff, 1102px 1734px #fff, 1228px 1472px #fff, 1812px 337px #fff, 1916px 773px #fff, 204px 931px #fff, 665px 2344px #fff, 263px 1575px #fff, 55px 1441px #fff, 1937px 2129px #fff, 900px 2092px #fff, 825px 508px #fff, 1967px 354px #fff, 2155px 889px #fff, 491px 1032px #fff, 797px 1259px #fff, 1758px 1206px #fff, 242px 1212px #fff, 2457px 1629px #fff, 1628px 2014px #fff, 1208px 1338px #fff, 1952px 686px #fff, 1041px 1879px #fff, 552px 1552px #fff, 1491px 1971px #fff, 1643px 1676px #fff, 2063px 2396px #fff, 1255px 1118px #fff, 1211px 2066px #fff, 2049px 1818px #fff, 2231px 366px #fff, 1843px 1357px #fff, 1860px 731px #fff, 1784px 1248px #fff, 545px 1207px #fff, 1464px 427px #fff, 1945px 1448px #fff, 1845px 1295px #fff, 2075px 1860px #fff, 79px 2510px #fff, 150px 640px #fff, 1119px 1885px #fff, 1401px 328px #fff, 1905px 791px #fff, 360px 427px #fff, 1335px 1671px #fff, 2428px 2245px #fff, 1723px 701px #fff, 1106px 106px #fff, 2333px 2004px #fff, 1602px 657px #fff, 1060px 1555px #fff, 1593px 2175px #fff, 938px 1421px #fff, 1311px 2298px #fff, 1978px 2313px #fff, 2359px 2300px #fff, 2044px 32px #fff, 1968px 1697px #fff, 1751px 774px #fff, 646px 2273px #fff, 181px 24px #fff;
  height: 3px;
  width: 3px;
}

.particle-4 {
  -webkit-animation: animParticle 600s linear infinite;
          animation: animParticle 600s linear infinite;
  box-shadow: 0px 0px #fff, 1596px 2313px #fff, 212px 2273px #fff, 495px 2423px #fff, 2160px 1225px #fff, 914px 1861px #fff, 1449px 2025px #fff, 8px 648px #fff, 2100px 1609px #fff, 1251px 738px #fff, 969px 409px #fff, 90px 610px #fff, 2106px 986px #fff, 1313px 773px #fff, 605px 1525px #fff, 799px 1778px #fff, 1137px 2266px #fff, 2083px 2396px #fff, 226px 2118px #fff, 504px 2241px #fff, 1808px 1678px #fff, 1336px 475px #fff, 1740px 733px #fff, 27px 1198px #fff, 1849px 1480px #fff, 432px 291px #fff, 22px 1792px #fff, 1061px 2453px #fff, 1479px 934px #fff, 125px 1099px #fff, 1167px 1725px #fff, 1785px 52px #fff, 186px 200px #fff, 803px 70px #fff, 1636px 2013px #fff, 1963px 1242px #fff, 2558px 329px #fff, 854px 1382px #fff, 711px 903px #fff, 982px 382px #fff, 2067px 2231px #fff, 1683px 1786px #fff, 785px 2255px #fff, 883px 1588px #fff, 1174px 2099px #fff, 1700px 1635px #fff, 2243px 398px #fff, 1969px 592px #fff, 1298px 1655px #fff, 1986px 792px #fff, 1932px 1450px #fff, 2456px 1880px #fff, 657px 494px #fff, 2361px 1311px #fff, 1240px 1647px #fff, 1478px 454px #fff, 1476px 1913px #fff, 1832px 398px #fff, 1792px 1845px #fff, 652px 1039px #fff, 1397px 2092px #fff, 1783px 2084px #fff, 1144px 1812px #fff, 2370px 699px #fff, 2072px 50px #fff, 1046px 678px #fff, 2314px 2293px #fff, 1692px 572px #fff, 63px 505px #fff, 1320px 874px #fff, 1784px 2028px #fff, 2275px 1190px #fff, 978px 1018px #fff, 727px 2089px #fff, 1051px 756px #fff, 1175px 1153px #fff, 1797px 649px #fff, 2519px 1914px #fff, 682px 779px #fff, 2539px 2216px #fff, 1783px 704px #fff, 601px 2331px #fff, 830px 2511px #fff, 1790px 2022px #fff, 148px 2530px #fff, 1900px 584px #fff, 1579px 697px #fff, 1063px 600px #fff, 1505px 1803px #fff, 463px 2506px #fff, 1900px 182px #fff, 2010px 1552px #fff, 282px 1068px #fff, 1254px 88px #fff, 1771px 2024px #fff, 1554px 2385px #fff, 2231px 850px #fff, 1926px 2528px #fff, 1357px 940px #fff, 682px 559px #fff, 1667px 138px #fff, 1885px 393px #fff, 1321px 103px #fff, 1240px 2455px #fff, 2356px 122px #fff, 933px 405px #fff, 2435px 1270px #fff, 1931px 951px #fff, 647px 186px #fff, 77px 2406px #fff, 1750px 1894px #fff, 50px 2108px #fff, 1094px 1821px #fff, 1040px 785px #fff, 2428px 2252px #fff, 1207px 1999px #fff, 2342px 515px #fff, 1649px 2399px #fff, 2424px 1812px #fff, 2239px 633px #fff, 1734px 866px #fff, 568px 656px #fff, 1327px 2472px #fff, 2171px 245px #fff, 462px 2233px #fff, 2394px 578px #fff, 720px 467px #fff, 556px 1835px #fff, 996px 983px #fff, 384px 1870px #fff, 1061px 318px #fff, 1213px 322px #fff, 2294px 1345px #fff, 1475px 1752px #fff, 1686px 1911px #fff, 48px 984px #fff, 366px 1761px #fff, 885px 938px #fff, 1413px 534px #fff, 518px 2430px #fff, 2157px 1687px #fff, 926px 593px #fff, 1504px 565px #fff, 2076px 101px #fff, 1960px 933px #fff, 342px 500px #fff, 905px 478px #fff, 1907px 2175px #fff, 1736px 436px #fff, 396px 2218px #fff, 1036px 732px #fff, 276px 832px #fff, 79px 1260px #fff, 1657px 2326px #fff, 2449px 1373px #fff, 1410px 1597px #fff, 2233px 2231px #fff, 1677px 465px #fff, 1181px 161px #fff, 1494px 276px #fff, 2148px 580px #fff, 1299px 297px #fff, 1490px 2556px #fff, 2508px 2337px #fff, 1219px 2227px #fff, 1119px 1933px #fff, 1836px 1414px #fff, 1601px 1649px #fff, 1027px 1460px #fff, 274px 2504px #fff, 1612px 5px #fff, 517px 1416px #fff, 1631px 2426px #fff, 79px 2161px #fff, 1044px 353px #fff, 480px 941px #fff, 1921px 1687px #fff, 167px 564px #fff, 497px 1024px #fff, 1916px 2400px #fff, 2337px 305px #fff, 646px 686px #fff, 1350px 2394px #fff, 888px 759px #fff, 1896px 831px #fff, 455px 301px #fff, 1050px 316px #fff, 1149px 912px #fff, 478px 2298px #fff, 2368px 617px #fff, 248px 2091px #fff, 2427px 828px #fff, 2059px 578px #fff, 854px 914px #fff, 2216px 183px #fff, 219px 1752px #fff, 195px 1875px #fff, 2497px 254px #fff, 189px 341px #fff, 998px 322px #fff, 1164px 428px #fff, 2043px 868px #fff, 246px 1547px #fff, 2136px 70px #fff, 2548px 733px #fff, 2271px 2416px #fff, 1843px 504px #fff, 1395px 411px #fff, 1018px 451px #fff, 1932px 1901px #fff, 146px 393px #fff, 816px 2003px #fff, 1114px 1869px #fff, 1465px 2063px #fff, 1199px 864px #fff, 553px 888px #fff, 1463px 91px #fff, 1875px 1859px #fff, 2489px 312px #fff, 2162px 2550px #fff, 2193px 508px #fff, 1956px 1192px #fff, 2249px 531px #fff, 1969px 272px #fff, 794px 785px #fff, 1675px 487px #fff, 1647px 962px #fff, 114px 1463px #fff, 2031px 2030px #fff, 803px 1334px #fff, 233px 1892px #fff, 1991px 1535px #fff, 674px 441px #fff, 376px 591px #fff, 2477px 1043px #fff, 1066px 2042px #fff, 424px 1651px #fff, 2251px 1874px #fff, 1000px 247px #fff, 2111px 2000px #fff, 243px 371px #fff, 1839px 1048px #fff, 1745px 2189px #fff, 873px 521px #fff, 2411px 2485px #fff, 1364px 107px #fff, 248px 1444px #fff, 2438px 404px #fff, 1710px 682px #fff, 1889px 460px #fff, 1523px 714px #fff, 708px 2544px #fff, 256px 410px #fff, 415px 760px #fff, 721px 1338px #fff, 671px 86px #fff, 641px 2388px #fff, 1135px 1140px #fff, 2008px 2164px #fff, 1764px 424px #fff, 314px 307px #fff, 1760px 1901px #fff, 1166px 2337px #fff, 730px 1154px #fff, 1742px 1619px #fff, 1341px 827px #fff, 1831px 1020px #fff, 2145px 108px #fff, 15px 1101px #fff, 1885px 1286px #fff, 2554px 1420px #fff, 426px 2075px #fff, 148px 990px #fff, 2468px 1575px #fff, 977px 650px #fff, 563px 1747px #fff, 1235px 351px #fff, 2132px 1625px #fff, 306px 706px #fff, 4px 39px #fff, 311px 1539px #fff, 1236px 2308px #fff, 1849px 2313px #fff, 2487px 1789px #fff, 1122px 1837px #fff, 2445px 2293px #fff, 474px 141px #fff, 899px 951px #fff, 2558px 1271px #fff, 1111px 2530px #fff, 668px 183px #fff, 1780px 535px #fff, 304px 2480px #fff, 903px 1334px #fff, 1258px 959px #fff, 791px 2464px #fff, 1588px 951px #fff, 2386px 1230px #fff, 1149px 703px #fff, 607px 804px #fff, 961px 140px #fff, 2235px 1083px #fff, 2496px 1554px #fff, 641px 1664px #fff, 2435px 1983px #fff, 589px 1847px #fff, 785px 323px #fff, 1219px 280px #fff, 459px 979px #fff, 843px 1049px #fff, 174px 364px #fff, 2293px 275px #fff, 1251px 618px #fff, 1256px 249px #fff, 1894px 627px #fff, 58px 844px #fff, 1679px 793px #fff, 2225px 2108px #fff, 1058px 444px #fff, 1029px 441px #fff, 2236px 1274px #fff, 1471px 1453px #fff, 210px 901px #fff, 2107px 737px #fff, 594px 930px #fff, 380px 2132px #fff, 811px 399px #fff, 1552px 989px #fff, 1101px 1148px #fff, 2480px 686px #fff, 1140px 1102px #fff, 2285px 2381px #fff, 1146px 2502px #fff, 375px 2439px #fff, 1834px 2141px #fff, 2410px 396px #fff, 1621px 2159px #fff, 2141px 19px #fff, 299px 447px #fff, 2083px 586px #fff, 2524px 1435px #fff, 2374px 1490px #fff, 551px 2380px #fff, 1006px 21px #fff, 1113px 2365px #fff, 145px 1590px #fff, 781px 1954px #fff, 798px 1505px #fff, 2125px 2170px #fff, 1623px 234px #fff, 2048px 651px #fff, 1940px 1956px #fff, 2324px 2499px #fff, 1998px 320px #fff, 2027px 545px #fff, 2039px 1914px #fff, 257px 1247px #fff, 1857px 1461px #fff, 342px 591px #fff, 2210px 397px #fff, 2461px 1369px #fff, 568px 668px #fff, 904px 2008px #fff, 1737px 212px #fff, 855px 1296px #fff, 1971px 2438px #fff, 128px 873px #fff, 42px 1298px #fff, 1608px 2490px #fff, 490px 691px #fff, 935px 1822px #fff, 1446px 140px #fff, 2493px 286px #fff, 736px 14px #fff, 143px 53px #fff, 1162px 785px #fff, 1545px 1706px #fff, 2149px 2294px #fff, 2045px 470px #fff, 580px 523px #fff, 42px 2247px #fff, 637px 1364px #fff, 1936px 2080px #fff, 891px 2055px #fff, 2056px 558px #fff, 456px 479px #fff, 210px 609px #fff, 607px 1089px #fff, 442px 628px #fff, 466px 69px #fff, 1726px 475px #fff, 1404px 1820px #fff, 2021px 2029px #fff, 758px 826px #fff, 658px 2422px #fff, 2092px 478px #fff, 2400px 976px #fff, 1014px 792px #fff, 1627px 413px #fff, 2354px 898px #fff, 2088px 1906px #fff;
  height: 1px;
  width: 1px;
}

.particle-4:after {
  box-shadow: 0px 0px #fff, 787px 1744px #fff, 2058px 211px #fff, 2042px 296px #fff, 2003px 2267px #fff, 2051px 331px #fff, 2110px 440px #fff, 331px 56px #fff, 3px 980px #fff, 273px 971px #fff, 1019px 1735px #fff, 546px 230px #fff, 2487px 1496px #fff, 2503px 794px #fff, 1696px 1007px #fff, 821px 2500px #fff, 20px 259px #fff, 410px 2368px #fff, 1057px 99px #fff, 1741px 1506px #fff, 974px 1971px #fff, 336px 1108px #fff, 1386px 202px #fff, 1766px 1061px #fff, 960px 1364px #fff, 184px 2146px #fff, 266px 435px #fff, 1035px 308px #fff, 1323px 1217px #fff, 433px 444px #fff, 654px 1515px #fff, 390px 2358px #fff, 1556px 78px #fff, 2463px 713px #fff, 102px 1393px #fff, 1201px 972px #fff, 2254px 2119px #fff, 1896px 612px #fff, 1520px 2185px #fff, 66px 1405px #fff, 1366px 1524px #fff, 793px 961px #fff, 851px 2363px #fff, 1733px 2258px #fff, 417px 1483px #fff, 1652px 2395px #fff, 1675px 1922px #fff, 2333px 1401px #fff, 1307px 2498px #fff, 312px 1188px #fff, 326px 333px #fff, 489px 1959px #fff, 1332px 2386px #fff, 296px 2173px #fff, 2515px 2066px #fff, 1517px 1871px #fff, 1272px 2479px #fff, 2272px 1881px #fff, 2304px 1129px #fff, 2554px 883px #fff, 2415px 658px #fff, 482px 1977px #fff, 1208px 57px #fff, 971px 295px #fff, 2318px 1505px #fff, 2248px 411px #fff, 2426px 955px #fff, 196px 525px #fff, 1958px 923px #fff, 456px 1804px #fff, 1061px 1457px #fff, 2025px 1069px #fff, 561px 2168px #fff, 991px 449px #fff, 1016px 278px #fff, 1986px 899px #fff, 1000px 2321px #fff, 238px 180px #fff, 2362px 195px #fff, 1420px 1587px #fff, 1850px 263px #fff, 565px 204px #fff, 952px 758px #fff, 1236px 998px #fff, 1246px 6px #fff, 2334px 2374px #fff, 723px 857px #fff, 202px 1336px #fff, 808px 1762px #fff, 46px 514px #fff, 1231px 1897px #fff, 76px 1145px #fff, 1176px 1643px #fff, 69px 1140px #fff, 673px 550px #fff, 2504px 998px #fff, 724px 445px #fff, 2558px 160px #fff, 138px 871px #fff, 1944px 1355px #fff, 2306px 1610px #fff, 1689px 2453px #fff, 2295px 1293px #fff, 1703px 587px #fff, 2234px 2215px #fff, 2480px 1574px #fff, 2440px 374px #fff, 46px 1470px #fff, 2174px 2008px #fff, 2266px 1914px #fff, 1395px 861px #fff, 1710px 1593px #fff, 1947px 2542px #fff, 717px 1985px #fff, 308px 2436px #fff, 833px 1506px #fff, 1272px 1409px #fff, 583px 601px #fff, 2312px 430px #fff, 1247px 2353px #fff, 1758px 1959px #fff, 1766px 2320px #fff, 652px 2259px #fff, 916px 1470px #fff, 1617px 346px #fff, 1449px 464px #fff, 1015px 1444px #fff, 1947px 2007px #fff, 1815px 1781px #fff, 1687px 819px #fff, 1378px 2394px #fff, 716px 2135px #fff, 2258px 1px #fff, 81px 1213px #fff, 1440px 2088px #fff, 825px 1041px #fff, 1225px 358px #fff, 2334px 826px #fff, 2134px 1119px #fff, 1120px 2306px #fff, 132px 431px #fff, 165px 507px #fff, 669px 863px #fff, 1211px 1185px #fff, 180px 735px #fff, 668px 575px #fff, 1958px 1556px #fff, 1708px 695px #fff, 637px 1741px #fff, 2549px 2045px #fff, 1632px 108px #fff, 848px 297px #fff, 1790px 1762px #fff, 2207px 1561px #fff, 2231px 2090px #fff, 1079px 599px #fff, 2544px 507px #fff, 1479px 143px #fff, 1536px 2052px #fff, 462px 228px #fff, 1978px 2148px #fff, 1168px 290px #fff, 83px 627px #fff, 802px 2300px #fff, 2267px 388px #fff, 285px 1267px #fff, 1542px 1572px #fff, 531px 1122px #fff, 405px 1841px #fff, 1717px 462px #fff, 1114px 1009px #fff, 1763px 947px #fff, 2366px 961px #fff, 2025px 1151px #fff, 1853px 48px #fff, 2146px 482px #fff, 1889px 97px #fff, 1395px 43px #fff, 2337px 317px #fff, 615px 36px #fff, 2411px 1258px #fff, 270px 2063px #fff, 2090px 2491px #fff, 1930px 245px #fff, 1738px 2062px #fff, 2105px 538px #fff, 1043px 1062px #fff, 151px 1230px #fff, 371px 1713px #fff, 393px 2241px #fff, 920px 752px #fff, 148px 64px #fff, 2351px 234px #fff, 2124px 1673px #fff, 1050px 1784px #fff, 737px 1165px #fff, 2365px 702px #fff, 1189px 1093px #fff, 1188px 1519px #fff, 782px 1374px #fff, 608px 1175px #fff, 82px 744px #fff, 2258px 420px #fff, 436px 2105px #fff, 704px 2291px #fff, 129px 1335px #fff, 1759px 1280px #fff, 1278px 728px #fff, 1779px 135px #fff, 1519px 104px #fff, 1433px 60px #fff, 999px 647px #fff, 1710px 188px #fff, 937px 1613px #fff, 963px 945px #fff, 286px 801px #fff, 2339px 1289px #fff, 951px 879px #fff, 190px 679px #fff, 2252px 672px #fff, 2091px 1932px #fff, 1001px 1268px #fff, 2443px 1320px #fff, 2354px 1821px #fff, 2313px 231px #fff, 1086px 66px #fff, 37px 210px #fff, 2425px 398px #fff, 295px 514px #fff, 1918px 1837px #fff, 1401px 2283px #fff, 1299px 282px #fff, 2172px 2449px #fff, 219px 943px #fff, 427px 1589px #fff, 51px 776px #fff, 2304px 284px #fff, 1586px 2407px #fff, 1538px 808px #fff, 1570px 609px #fff, 2273px 1656px #fff, 982px 829px #fff, 241px 1053px #fff, 1611px 2397px #fff, 1338px 1389px #fff, 1351px 1466px #fff, 27px 426px #fff, 1021px 1982px #fff, 1031px 2084px #fff, 622px 786px #fff, 2399px 2076px #fff, 700px 1492px #fff, 1594px 2016px #fff, 2560px 2544px #fff, 31px 541px #fff, 226px 49px #fff, 387px 834px #fff, 1971px 1839px #fff, 1119px 596px #fff, 115px 1297px #fff, 2026px 1953px #fff, 1750px 1065px #fff, 70px 1717px #fff, 2325px 68px #fff, 1177px 566px #fff, 1598px 1912px #fff, 878px 47px #fff, 258px 15px #fff, 284px 2344px #fff, 1808px 283px #fff, 1055px 1074px #fff, 239px 583px #fff, 343px 1121px #fff, 1155px 2257px #fff, 520px 998px #fff, 294px 715px #fff, 501px 1818px #fff, 463px 1022px #fff, 2318px 846px #fff, 1662px 370px #fff, 1381px 2290px #fff, 2158px 2248px #fff, 347px 1921px #fff, 421px 96px #fff, 1295px 1302px #fff, 1745px 80px #fff, 1614px 1083px #fff, 2246px 511px #fff, 2340px 1988px #fff, 1514px 525px #fff, 351px 1418px #fff, 1892px 1127px #fff, 1784px 437px #fff, 1805px 2223px #fff, 1405px 629px #fff, 1222px 1295px #fff, 1128px 1664px #fff, 2271px 284px #fff, 1514px 91px #fff, 1737px 879px #fff, 1166px 1884px #fff, 2125px 1409px #fff, 2031px 1643px #fff, 275px 1745px #fff, 902px 1054px #fff, 1829px 1467px #fff, 1710px 1072px #fff, 387px 419px #fff, 2266px 2501px #fff, 1017px 1575px #fff, 1842px 334px #fff, 445px 494px #fff, 1273px 1360px #fff, 475px 213px #fff, 1080px 695px #fff, 1468px 577px #fff, 2361px 1671px #fff, 1291px 696px #fff, 2389px 749px #fff, 1431px 773px #fff, 269px 1682px #fff, 2546px 1288px #fff, 1564px 2055px #fff, 1382px 42px #fff, 1245px 851px #fff, 510px 437px #fff, 1270px 1595px #fff, 632px 1333px #fff, 222px 742px #fff, 1448px 326px #fff, 1125px 1554px #fff, 955px 2522px #fff, 462px 1066px #fff, 1952px 1414px #fff, 1768px 1819px #fff, 1676px 1858px #fff, 2037px 2458px #fff, 284px 954px #fff, 2067px 1371px #fff, 2246px 2101px #fff, 798px 1504px #fff, 1791px 37px #fff, 776px 2429px #fff, 2034px 1056px #fff, 2400px 497px #fff, 767px 2283px #fff, 1407px 90px #fff, 608px 339px #fff, 160px 1354px #fff, 2346px 2272px #fff, 451px 617px #fff, 1300px 230px #fff, 2010px 1645px #fff, 1637px 1328px #fff, 2199px 1717px #fff, 937px 723px #fff, 1589px 1974px #fff, 2234px 2332px #fff, 2372px 468px #fff, 2515px 1136px #fff, 144px 447px #fff, 892px 2270px #fff, 1735px 1160px #fff, 2405px 1772px #fff, 2305px 248px #fff, 2455px 1218px #fff, 604px 1231px #fff, 1983px 772px #fff, 1002px 177px #fff, 403px 1033px #fff, 331px 770px #fff, 2171px 2255px #fff, 2069px 2031px #fff, 608px 1844px #fff, 480px 1735px #fff, 1773px 1041px #fff, 1477px 203px #fff, 1711px 1973px #fff, 872px 1569px #fff, 1770px 307px #fff, 1516px 2141px #fff, 2093px 65px #fff, 934px 269px #fff, 19px 2012px #fff, 1186px 476px #fff, 991px 1251px #fff, 1927px 1323px #fff, 2319px 1406px #fff, 319px 1708px #fff, 2399px 2162px #fff, 862px 1740px #fff, 52px 1750px #fff, 1848px 1191px #fff, 1129px 2502px #fff, 1782px 591px #fff, 1374px 2549px #fff, 66px 1780px #fff, 1577px 1135px #fff, 720px 1200px #fff, 711px 1630px #fff, 22px 763px #fff;
  height: 1px;
  width: 1px;
}

@-webkit-keyframes animParticle {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2560px);
  }
}

@keyframes animParticle {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2560px);
  }
}
.page-wrapper {
  text-align: center;
  color: #fff;
  z-index: 2;
}


.codepen-promo:active, .codepen-promo:hover, .codepen-promo:link, .codepen-promo:visited {
  bottom: 30px;
  display: block;
  position: absolute;
  right: 30px;
  width: 200px;
  z-index: 99;
}

.codepen-promo-image {
  width: 100%;
}

.unsplash-promo:active, .unsplash-promo:hover, .unsplash-promo:link, .unsplash-promo:visited {
  bottom: 30px;
  display: block;
  position: absolute;
  left: 30px;
  width: 400px;
  z-index: 99;
  color: #666;
  text-decoration: none;
}


/*  =============== Title Section ================ */

.title-section.style1 img {
    width: 25px;
    position: absolute;
    left: 0px;
}
.title-section.style1 .subtitle h4 {
    color: #194d3a;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0px 0px 12px 0px;
    padding-left: 30px;
}

.title-section.style1 .subtitle {
    display: inline-block;
    position: relative;
}
.title-section.style1 .title-1 h2 {
    font-size: 42px;
    font-weight: 700;
    margin: 0px 0px 4px 0px;
    color: #040404;
}

.title-section.style1 .title-2 h2 {
    font-size: 42px;
    font-weight: 700;
    margin: 0px 0px 4px 0px;
    color: #040404;
}

.title-section.style1 span {
    color: #194d3a;
}
.title-section.style1 .description p {
    font-size: 16px;
    font-weight: 400;
    color: #194d3a;
    margin: 20px 40px 10px 0px;
}

.title-section.style1.center {
    width: 60%;
    margin: auto;
}



/* ======style 2======= */

.title-section.style2 .section-image img {
    width: 225px;
}

.title-section.style2 .subtitle h4 {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
    margin-top: 0px;
    line-height: 1.2;
}
.title-section.style2 h3.title{
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
    margin-top: 0px;
    line-height: 1.2;
}
.title-section.style2 .title-2 h2{
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
    margin-top: 0px;
    line-height: 1.2;
}

/* ======style 3======= */

.title-section.style3 h3.title {
    font-size: 46px;
    color: #fff;
}

.title-section.style3 h5 {
    font-size: 24px;
    margin: 0px 0px 20px;
    font-weight: 400;
    background: linear-gradient(to right, #1debf3, #30fcad, #1debf3, #30fcad);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.title-section.style3 .title-2 h2{
    font-size: 46px;
    color: #fff;
}

.title-section.style3 .title-2 h2 span {
    background: linear-gradient(to right, #1debf3, #1debf3, #30fcad, #30fcad);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.title-section.style3 p.description {
    color: #bdd9cd;
    margin: 20px 41px 0px 0px;
}
/*============= Icon Box Css =============*/

.icon-box.style1 .icon-single-box{
    display: flex;
    align-items: center;
    transition: .5s;
}

/* .icon-box.style1 .icon-single-box::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    background: url('https://hunttheme.com/ventox/wp-content/uploads/2024/08/f23.png');
    transition: .5s;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    z-index: -1;
} */

.icon-box.style1 .icon-single-box:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.feature-section .icon-single-box:hover {
    background-color: transparent;
    transition: .5s;
}
.icon-box.style1 .icon-single-box .image-icon {
    flex-shrink: 0;
}

.icon-box.style1 .icon-single-box .icon-box-text .title h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    transition: .5s;
    margin: 11px 0px 0px 10px;
}

.icon-box.style1 .icon-single-box .icon-box-text .description p {
    margin-bottom: 10px;
}

/* Style Two */
.icon-box.style-two{
    display: flex;
    align-items: center;
}
.icon-box.style-two .image-icon {
    flex-shrink: 0;
    margin-right: 10px;
}
.icon-box.style-two .icon-box-text .title h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 15px;
}
.icon-box.style-two .icon-box-text .description p {
    font-size: 15px;
    color: #bdd9cd;
    font-weight: 400;
}

/* Style Three */
.icon-box.style-three {
    box-shadow: 0px 2px 35px 0px rgb(0 0 0 / 10%);
    padding: 40px 5px;
    border-left: 8px solid #194d3a;
    display: flex;
    align-items: center;
}

.icon-box.style-three .icon-box-text .title h2 {
    color: #030f27;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

.icon-box.style-three .icon-box-text .description p {
    font-size: 16px;
    color: #030f27;
    font-weight: 400;
    margin-bottom: 0px;
}

.icon-box.style-three .icon i {
    font-size: 25px;
    color: #fff;
    background-color: #194d3a;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 26px;
    margin: 0px 26px 0px 17px;
    padding: 12px 13px;
}

/* Style four */
.icon-box.style-four {
    display: flex;
    align-items: center;
    padding: 13px 15px 13px;
    border: 1px solid rgba(19,17,37,0.5);
    border-radius: 4px;
    transition: .5s;
}

.icon-box.style-four:hover {
    background: #F6F6F6;
    border: 1px solid #f6f6f6;
    transition: .5s;
}
.icon-box.style-four .image-icon .icon i {
    background: #E5E8EF;
    font-size: 16px;
    padding: 0px 3px;
    margin-right: 5px;
    transition: .5s;
    color: #194d3a;
}
.icon-box.style-four:hover .image-icon .icon i {
    background: #194d3a;
    color: #fff;
    transition: .5s;
}
.icon-box.style-four .icon-box-text .description p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    transition: .5s;
    margin: 0px;
}
.icon-box.style-four:hover .icon-box-text .description p {
    color: #194d3a;
    transition: .5s;
}

/*============= Brand Section Css =============*/

.brand.style1 .brand-item {
    text-align: center;
    transition: .5s;
    border: 1px solid #c2c2c2;
    margin: 0px 15px;
    padding: 60px 0px;
    border-radius: 10px;
}
.home-3 .brand.style1 .brand-item {
    text-align: center;
    transition: .5s;
    border: none;
    margin: 0px 15px;
    padding: 60px 0px;
    border-radius: 10px;
}
.home-3 .brand.style1 .brand-item:hover {
    transition: .5s;
    background: transparent;
}
.brand.style1 .brand-item:hover {
    transition: .5s;
    background-color: #194d3a;
}
.brand-class .brand.style1 {
    padding: 40px 5px;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
}

.brand.style1 .brand-item img{
    display: inline;
    width: inherit !important;
}

.brand.style1 .brand-item:hover img {
    filter: brightness(0) invert(1);
    transition: .5s;
}

/*============= Button Section Css =============*/

.button-section a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 13px 45px;
    font-weight: 500;
    overflow: hidden;
    border-radius: 5px;
    transition: .5s;
    z-index: 1;
    background-color: #176565;
}

.button-section a:hover {
    color: #176565;
    background: #fff;
    box-shadow:none;
    transition: .5s;
}
.button-section a::before,
.button-section a::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #176565;
  box-shadow:
   -1px -1px 5px 0px #176565,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.button-section a::after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.button-section a:hover::before,
.button-section a:hover::after{
    width:100%;
    transition:800ms ease all;
}
.button-section a i{
    margin-left: 10px;
}





/*============= Testimonial Section Css =============*/

.testimonial.style1 .testimonial-item {
    position: relative;
    box-shadow: 0px 0px 4.08px 3.92px rgba(242, 233, 233, 0.1);
    background-color: #0b4342;
    border-radius: 10px;
    margin: 10px;
}
.testimonial.style1 .testimonial-item .testimonial_box {
    padding: 30px 20px 0px 25px;
}
.testimonial.style1 .testimonial-item .content{
    padding: 0px 22px 0px 15px;
}
.testimonial.style1 .testimonial-item .testi-title h2 {
    font-size: 38px;
    margin: 0px 0px 15px;
    color: #fff;
    text-align: center;
} 
.testimonial.style1 .testimonial-item .author{
    display: flex;
    align-items: center;
}
.testimonial.style1 .testimonial-item .author img {
    width: 100%;
    border-radius: 10px;
    margin-right: 15px;
}

.testimonial.style1 .testimonial-item .testi-star i.active {
    color: #fff;
    font-size: 16px;
} 

.testimonial.style1 .testimonial-item .content .quote_img img {
    width: 45px;
    margin-bottom: 15px;
}

.testimonial.style1 .testimonial-item .testi-description p {
    font-size: 16px;
    margin: 25px 0px 30px;
    color: #ccdada;
}

.testimonial.style1 .testimonial-item .author .name-dg h4.name {
    font-size: 22px;
    margin: 0px 0px 7px;
    color: #fff;
    font-weight: 500;
}

.testimonial.style1 .testimonial-item .author .name-dg h5.designation {
    font-size: 16px;
    color: #cecaca;
    font-family: 'Roboto';
    font-weight: 400;
}

.testimonial.style1 .testimonial-item .author .name-dg {
    margin: 0px 0px 40px;
}
.testimonial.style1 .owl-nav .owl-prev i {
    background-color: #194d3a;
    color: #fff;
    padding: 13px 17px;
    border-radius: 50%;
}
.testimonial.style1 .owl-nav .owl-prev {
    position: absolute;
    right: 7%;
    bottom: 14%;
}
.testimonial.style1 .owl-nav .owl-next i {
    background-color: #194d3a;
    color: #fff;
    padding: 13px 17px;
    border-radius: 50%;
}
.testimonial.style1 .owl-nav .owl-next {
    position: absolute;
    right: 15%;
    bottom: 14%;
}
/* -------style 2----------- */

.testimonial.style2 .single_testi {
    filter: drop-shadow(-1.816px 3.564px 10px rgba(189,202,202,0.18));
    background-color: #05221e;
    position: relative;
    margin: 15px;
    text-align: center;
    padding: 150px 20px 40px;
    
}
.testimonial.style2 .single_testi:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0%;
    background-image: linear-gradient(to right, #1debf3 , #30fcad);
    transition: .5s;
}
.testimonial.style2 .single_testi:hover:before{
    width: 100%;
    transition: .5s;
}
.testimonial.style2 .owl-item.active .single_testi{
    border-radius: 105px 10px 10px 10px !important;
}

.testimonial.style2 .owl-item .single_testi{
    border-radius: 10px 105px 10px 10px !important;
}

/* .testimonial.style2 .owl-item.active:nth-child(even){
    border-radius: 105px 10px 10px 10px;
}

.testimonial.style2 .owl-item:nth-child(odd){
    border-radius: 5px 0px 0px 10px;
} */

.testimonial.style2 .single_testi .author {
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    top: 45px;
}

.testimonial.style2 .single_testi .author img{
    width: 95px;
}

.testimonial.style2 .single_testi h4.name {
    font-size: 20px;
    color: #fff;
}

.testimonial.style2 .single_testi h5.designation {
    color: #bdd9cd;
    font-size: 16px;
    margin: 10px 0px 22px;
    font-weight: 400;
}

.testimonial.style2 .single_testi p.quote {
    color: #bdd9cd;
    font-size: 16px;
    margin: 10px 0px 30px;
    font-weight: 400;
}

.testimonial.style2 .single_testi i.active {
    color: #fff;
    font-size: 15px;
}
.testimonial.style2 .single_testi i{
    color: #bdd9cd;
    font-size: 15px;
}

/* -------style 3----------- */


.testimonial.style3 .testimonial-item {
    border: 2px solid #c5d2ce;
    border-radius: 20px;
    text-align: center;
    padding: 40px 26px 40px;
}
.testimonial.style3 .testimonial-item .name-author {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial.style3 .testimonial-item .author img {
    width: 75px;
    border-radius: 10px;
    margin-right: 15px;
}
.testimonial.style3 .testimonial-item .testi-star i{
    color: #194d3a;
    font-size: 16px;
}
.testimonial.style3 .testimonial-item .testi-star i.active {
    color: #042424;
    font-size: 16px;
} 

.testimonial.style3 .testimonial-item .content .quote_img img {
    width: 45px;
    margin-bottom: 15px;
}

.testimonial.style3 .testimonial-item .testi-description p {
    font-size: 16px;
    margin: 10px 0px 20px;
    color: #194d3a;
}

.testimonial.style3 .testimonial-item .author .name-dg h4.name {
    font-size: 22px;
    margin: 0px 0px 7px;
    color: #042424;
    font-weight: 500;
}

.testimonial.style3 .testimonial-item .author .name-dg h5.designation {
    font-size: 16px;
    color: #194d3a;
    font-family: 'Roboto';
    font-weight: 400;
}

.testimonial.style3 .owl-nav .owl-prev i {
    background-color: #176565;
    color: #fff;
    padding: 13px 17px;
    border-radius: 50%;
}
.testimonial.style3 .owl-nav .owl-prev {
    position: absolute;
    right: -4%;
    bottom: 40%;
}
.testimonial.style3 .owl-nav .owl-next i {
    background-color: #176565;
    color: #fff;
    padding: 13px 17px;
    border-radius: 50%;
}
.testimonial.style3 .owl-nav .owl-next {
    position: absolute;
    left: -4%;
    bottom: 40%;
}

/*============= Blog Section Css =============*/

.ventox-blog-post.style-2 .single-post-item {
    margin: 10px 10px;
    border-radius: 10px;
    filter: drop-shadow(0 0 6.5px rgba(162,186,186,0.18));
    background-color: #083b39;
    padding-bottom: 30px;
}
.ventox-blog-post.style-2 .single-post-item .blog-thumb{
    position: relative;
    line-height: 0;
    overflow: hidden;
}
.ventox-blog-post.style-2 .single-post-item .blog-thumb img{
    border-radius: 9px 9px 0px 0px;
    transition: .5s;
}
.ventox-blog-post.style-2 .single-post-item:hover .blog-thumb img{
    transform: scale(1.1);
    transition: .5s;
}


.ventox-blog-post.style-2 .single-post-item .blog-content .author-date .date-icon i {
    color: #ccdada;
    margin-right: 7px;
    font-size: 13px;
}

.ventox-blog-post.style-2 .single-post-item .categories ul li a {
    display: inline-block;
    margin-bottom: 0;
    padding: 3px 12px;
    background-color: #194d3a;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    right: 20px;
    top: 20px;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    z-index: 99;
}

.ventox-blog-post.style-2 .single-post-item .categories ul.post-categories {
    padding: 0px;
    margin: 0;
}
.ventox-blog-post.style-2 .single-post-item .categories li {
    list-style: none;
}
.ventox-blog-post.style-2 .single-post-item .blog-content .author-date .date-icon .date {
    margin-right: 15px;
    transition: .5s;
    color: #ccdada;
}
.ventox-blog-post.style-2 .single-post-item .blog-content .author-date .date-icon .date:hover {
    color: #ccdada;
    transition: .5s;
}
.ventox-blog-post.style-2 .single-post-item .blog-content {
    position: relative;
}

.ventox-blog-post.style-2 .single-post-item .blog-content .blog-title h2 {
    line-height: 1;
}
.ventox-blog-post.style-2 .single-post-item .blog-content .blog-title h2 a {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin: 33px 30px 10px;
    transition: .5s;
    line-height: 1.4;
}
.ventox-blog-post.style-2 .single-post-item .blog-content .blog-title h2 a:hover {
    color: #ccdada;
    transition: .5s;
}

.ventox-blog-post.style-2 .single-post-item .blog-content .blog-title p.description {
    margin: 3px 30px 30px;
    color: #ccdada;
}
.ventox-blog-post.style-2 .single-post-item .blog-content .button-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 30px 0px;
}
.ventox-blog-post.style-2 .single-post-item .blog-content .date-icon{
    color: #ccdada;
}
.ventox-blog-post.style-2 .single-post-item .blog-content a.learn_btn {
    color: #ccdada;
    transition: .5s;
}
.ventox-blog-post.style-2 .single-post-item .blog-content a.learn_btn:hover {
    color: #fff;
    transition: .5s;
}
.ventox-blog-post.style-2 .single-post-item .blog-content a.learn_btn i{
    margin-left: 10px;
}

/* ==========style 3============== */
.ventox-blog-post.style-3 .single-post-item .blog-content {
    padding: 5px 30px 25px;
}
.ventox-blog-post.style-3 .single-post-item .author-date {
    border-bottom: 1px solid #0d4f41;
    padding-bottom: 15px;
}

.ventox-blog-post.style-3 .single-post-item .blog-content .author a {
    color: #bdd9cd;
    margin-left: 24px;
}
.ventox-blog-post.style-3 .single-post-item .blog-content i {
    color: #bdd9cd;
    margin-right: 10px;
}
.ventox-blog-post.style-3 .single-post-item .blog-content .date {
    color: #bdd9cd;
}

.ventox-blog-post.style-3 .single-post-item .blog-content .blog-title h2 {
    font-size: 24px;
    margin: 20px 0px 20px;
}

.ventox-blog-post.style-3 .single-post-item .blog-content .blog-title h2 a{
    color: #fff;
    font-weight: 400;
    transition: .5s;
}
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-title h2 a:hover{
    color: #bdd9cd;
    transition: .5s;
}
.ventox-blog-post.style-3 .single-post-item {
    margin: 15px;
    border-radius: 10px;
    background-color: #07322b;
}
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #001c17;
    padding: 5px 21px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 30px;
    transition: .5s;
    z-index: 1;
    background: linear-gradient(to right, #1debf3, #30fcad);
}

.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a:hover {
    color: #fff;
    background: linear-gradient(to right, #30fcad, #1debf3);
    box-shadow:none;
    transition: .5s;
}
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a::before,
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #fff;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a::after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a:hover::before,
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a:hover::after{
    width:100%;
    transition:800ms ease all;
}
.ventox-blog-post.style-3 .single-post-item .blog-content .blog-button a i{
    margin-left: 10px;
}
/*============= Counter Section Css =============*/

.single-counter-box.style-1 .counter-content{
    display: flex;
    align-items: center;
}
.single-counter-box.style-1 .counter-content span {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
}
.single-counter-box.style-1 .counter-content h3 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    font-family: 'Roboto';
    position: relative;
    padding: 0px 0px 7px 40px ;
}

.single-counter-box.style-1 .counter-content h3:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 85%;
    background-color: #194d3a;
    top: 0;
    left: 20px;
    transition: .5s;
}


/*============= Image slider Gallery Css =============*/
.gallery.style1 {
    margin-bottom: 0;
    position: relative;
}
.gallery.style1 .gallery-item{
    position: relative;
    overflow: hidden;
}

.gallery.style1 .gallery-item::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 97%;
    height: 98%;
    margin: auto;
    background: rgba(30, 30, 30, .3);
    transition: .5s;
    transform: scale(1);
}

.gallery.style1 .gallery-item img{
    width: 100%;
}
.gallery.style1 .gallery-item::after {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 90%;
    height: 90%;
    border: 2px solid #fff;
    transform: scale(1);
    opacity: .5;
    transition: .5s;
}

.gallery.style1 .gallery-item:hover::before,
.gallery.style1 .gallery-item:hover::after {
    transform: scale(0);
    transition: .5s;
}
.gallery.style1 .owl-nav {
    position: absolute;
    top: 82%;
    right: 0;
}
.gallery.style1 .owl-nav .owl-prev {
    position: absolute;
    right: -87px;
}
.gallery.style1 .owl-nav .owl-next {
    position: absolute;
    right: -163px;
}
.gallery.style1 .owl-nav .owl-prev i,
.gallery.style1 .owl-nav .owl-next i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #1E1E1E;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #8F8F8F;
}
/*============= Service Box Css =============*/


.service-box.style1 {
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    padding: 45px 32px 8px;
    z-index: 1;
    transition: .5s;
}

.service-box.style1 .service-icon-image {
    background-color: #194d3a;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 7px;
    transition: .5s;
}
.service-box.style1 .service-icon-image img {
    width: 45px;
    filter: brightness(0)invert(1);
    transition: .5s;
}

.service-box.style1:hover .service-icon-image {
    background-color: #fff;
    transition: .5s;
}
.service-box.style1:hover .service-icon-image img {
    width: 45px;
    filter: brightness(1)invert(0);
    transition: .5s;
}

.service-box.style1 .hon-hover-box {
    background: #194d3a;
    height: 100%;
    top: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 25%;
    z-index: -1;
    border-radius: 0px;
}
.service-box.style1 .hover-bx {
  left: 0;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
  border-radius: 9px 0px 0px 9px;
}
.service-box.style1 .hover-bx2 {
  left: 25%;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.service-box.style1 .hover-bx3 {
  left: 50%;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.service-box.style1 .hover-bx4 {
  left: 75%;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  border-radius: 0px 9px 9px 0px;
}

.service-box.style1:hover .hon-hover-box {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}



.service-box.style1 .content h3 {
    font-size: 22px;
    color: #194d3a;
    transition: .5s;
    font-weight: 500;
    margin: 25px 0px 0px 0px;
}
 
.service-box.style1 .content p {
    padding: 20px 0px 6px 0px;
    transition: .5s;
    color: #536c6c;
}

.service-box.style1 .content .service-btn a {
    font-size: 16px;
    color: #194d3a;
    padding: 0px 0px 30px 0px;
    transition: .5s;
}
.service-box.style1 .content ul.features {
    padding-left: 0;
}
.service-box.style1 .content ul li {
    list-style: none;
    color: #194d3a;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: .5s;
}

.service-box.style1 .content ul li i {
    font-size: 14px;
}

.service-box.style1 .content .service-btn a i{
    margin-left: 5px;
    transition: .5s;
}

.service-box.style1:hover .content h3,
.service-box.style1:hover .content p,
.service-box.style1:hover .content ul li,
.service-box.style1:hover .content .service-btn a {
    color: #fff;
    transition: .5s;
}
/* style2 */

.service-box.style_2 {
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
}

.service-box.style_2 .single-image-thumb {
    position: relative;
    overflow: hidden;
}
.service-box.style_2 .single-image-thumb img {
    width: 100%;
    transition: .5s;
}
.service-box.style_2:hover .single-image-thumb img {
    transform: scale3d(1.1,1.1,1);
    transition: .5s;
}
.service-box.style_2 .single-image-thumb .service-btn {
    position: absolute;
    bottom: -7px;
    left: -200px;
    transition: .5s;
}

.service-box.style_2:hover .single-image-thumb .service-btn {
    position: absolute;
    bottom: -8px;
    left: 1px;
    transition: .5s;
}
.service-box.style_2 .single-image-thumb .service-btn a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 3px 14px;
    font-weight: 400;
    overflow: hidden;
    background: #194d3a;
    margin-top: 25px;
    border-radius: 2px;
    transition: .5s;
    z-index: 1;
}

.service-box.style_2 .single-image-thumb .service-btn a::before,
.service-box.style_2 .single-image-thumb .service-btn a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #194d3a;
    box-shadow: -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
    transition: 400ms ease all;
}
.service-box.style_2 .single-image-thumb .service-btn a::after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}

.service-box.style_2 .single-image-thumb .service-btn a:hover::before,
.service-box.style_2 .single-image-thumb .service-btn a:hover::after {
    width: 100%;
    transition: 800ms ease all;
}

.service-box.style_2 .single-image-thumb .service-btn a:hover {
    color: #194d3a;
    background: #fff;
    box-shadow: none;
}

.service-box.style_2 .content-box {
    position: relative;
    padding: 20px 22px 10px;
}

.service-box.style_2 .content-box h4.sub-title {
    font-size: 18px;
    color: #194d3a;
}

.service-box.style_2 .content-box h3 {
    color: #1E1E1E;
    font-size: 26px;
    font-weight: 800;
    margin: 10px 0px 10px;
}

.service-box.style_2 .content-box .review_star {
    position: absolute;
    top: 16px;
    right: -130px;
    transition: .5s;
}

.service-box.style_2:hover .content-box .review_star {
    position: absolute;
    right: 22px;
    transition: .5s;
}

.service-box.style_2:hover .content-box .review_star i.active {
    color: #194d3a;
}

.service-box.style_2 .content-box .bed-number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.service-box.style_2 .content-box .bed-number p.bed {
    position: relative;
    padding-left: 40px;
}

.service-box.style_2 .content-box .bed-number p.bed:before {
    position: absolute;
    content: '';
    height: 25px;
    width: 24px;
    left: 0;
    top: 2px;
    background: url('https://hunttheme.com/ventox/wp-content/uploads/2024/08/bed.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.service-box.style_3 {
    position: relative;
}

.service-box.style_3 .content {
    position: absolute;
    left: 0;
    top: 53%;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 20px 46px;
}
.service-box.style_3 .single-image-thumb{
    position: relative;
}
.service-box.style_3 .single-image-thumb::before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: .5s;
    border-radius: 5px 5px 0 0;
}
.service-box.style_3:hover .single-image-thumb::before {
    left: 0;
    background-color: rgba(3, 34, 62, .7);
    width: 100%;
}

.service-box.style_3 .single-image-thumb::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 34, 62, .3);
    transition: .5s;
    border-radius: 5px 5px 0 0;
}
.service-box.style_3:hover .single-image-thumb::after {
    left: 0;
    width: 0%;
}
.service-box.style_3 .content h3 {
    transition: .5s;
    font-size: 45px;
    color: #fff;
}
.service-box.style_3:hover .content h3 {
    color: #FA9732;
    transition: .5s;
}
.service-box.style_3:hover .content .service-btn a {
    color: #FA9732;
}

.service-box.style_3 .content .service-btn a {
    font-size: 15px;
    padding: 7px 16px 7px 20px;
    background: #FA9732;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    border-radius: 4px 4px 4px 4px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-top: 0;
}

.service-box.style_3 .content .service-btn a::before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px 4px 4px 4px;
    background: #fff;
    transform: scale(0);
    transition: .5s;
}

.service-box.style_3:hover .content .service-btn a::before {
    transform: scale(1);
}

/*============= Service Slider Css =============*/

.service-cursousel.style1 .service-item {
    overflow: hidden;
    margin: 10px 10px;
    padding: 15px 15px;
    border-radius: 5px;
    filter: drop-shadow(0 0 6.5px rgba(207,173,125,0.18));
    /* background-color: #0a161a; */
    position: relative;
    border: 1px solid #396261;
}
.service-cursousel.style1 .service-item .single-image-thumb img {
    width: 100%;
}
.service-cursousel.style1 .service-item:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 0%;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    background: #fff;
    transition: .5s;
}
.service-cursousel.style1 .service-item:hover:before {
    width: 100%;
    transition: .5s;
}

.service-cursousel.style1 .service-item .content {
    text-align: center;
    padding: 31px 5px 0px;
}
.service-cursousel.style1 .service-item .content h4.sub-title {
    font-size: 16px;
    color: #fff;
    background-color: #2d5857;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 5px;
    font-family: 'Roboto';
    font-weight: 400;
    transition: .5s;
}
.service-cursousel.style1 .service-item:hover .content h4.sub-title {
    color: #071215;
    background-color: #fff;
    transition: .5s;
}
.service-cursousel.style1 .service-item .content h3 {
    font-size: 24px;
    color: #fff;
    margin: 22px 0px 17px;
    font-weight: 600;
}
.service-cursousel.style1 .service-item .content p {
    color: #ccdada;
}
.service-cursousel.style1 .service-item .content .service-btn a{
    color: #ccdada;
    margin-bottom: 15px;
    transition: .5s;
}
.service-cursousel.style1 .service-item:hover .content .service-btn a{
    color: #fff;
    transition: .5s;
}
.service-cursousel.style_2 .service-item {
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
    margin: 0px 10px;
}

.service-cursousel.style_2 .service-item .single-image-thumb {
    position: relative;
    overflow: hidden;
}
.service-cursousel.style_2 .service-item .single-image-thumb img {
    width: 100%;
    transition: .5s;
}
.service-cursousel.style_2 .service-item:hover .single-image-thumb img {
    transform: scale3d(1.1,1.1,1);
    transition: .5s;
}
.service-cursousel.style_2 .service-item .single-image-thumb .service-btn {
    position: absolute;
    bottom: -7px;
    left: -200px;
    transition: .5s;
}

.service-cursousel.style_2 .service-item:hover .single-image-thumb .service-btn {
    position: absolute;
    bottom: -8px;
    left: 1px;
    transition: .5s;
}
.service-cursousel.style_2 .service-item .single-image-thumb .service-btn a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 3px 14px;
    font-weight: 400;
    overflow: hidden;
    background: #194d3a;
    margin-top: 25px;
    border-radius: 2px;
    transition: .5s;
    z-index: 1;
}

.service-cursousel.style_2 .service-item .single-image-thumb .service-btn a::before,
.service-cursousel.style_2 .service-item .single-image-thumb .service-btn a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #194d3a;
    box-shadow: -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
    transition: 400ms ease all;
}
.service-cursousel.style_2 .service-item .single-image-thumb .service-btn a::after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}

.service-cursousel.style_2 .service-item .single-image-thumb .service-btn a:hover::before,
.service-cursousel.style_2 .service-item .single-image-thumb .service-btn a:hover::after {
    width: 100%;
    transition: 800ms ease all;
}

.service-cursousel.style_2 .service-item .single-image-thumb .service-btn a:hover {
    color: #194d3a;
    background: #fff;
    box-shadow: none;
}

.service-cursousel.style_2 .service-item .content-box {
    position: relative;
    padding: 20px 22px 10px;
}

.service-cursousel.style_2 .service-item .content-box h4.sub-title {
    font-size: 18px;
    color: #194d3a;
}

.service-cursousel.style_2 .service-item .content-box h3 {
    color: #1E1E1E;
    font-size: 26px;
    font-weight: 800;
    margin: 10px 0px 10px;
}

.service-cursousel.style_2 .service-item .content-box .review_star {
    position: absolute;
    top: 16px;
    right: -130px;
    transition: .5s;
}

.service-cursousel.style_2 .service-item:hover .content-box .review_star {
    position: absolute;
    right: 22px;
    transition: .5s;
}

.service-cursousel.style_2 .service-item:hover .content-box .review_star i.active {
    color: #194d3a;
}

.service-cursousel.style_2 .service-item .content-box .bed-number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.service-cursousel.style_2 .service-item .content-box .bed-number p.bed {
    position: relative;
    /*padding-left: 40px;*/
}

.service-cursousel.style_2 .service-item .content-box .bed-number p.bed:before {
    position: absolute;
    content: '';
    height: 25px;
    width: 24px;
    left: 0;
    top: 2px;
    background: url('https://hunttheme.com/ventox/wp-content/uploads/2024/08/bed.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*============= Paralax Image Css =============*/
.single-paralux {
    border-bottom: 1px solid #C7CBD1;
    position: relative;
    transition: .5s;
    border-radius: 10px;
}

.single-paralux .all-content {
    position: relative;
    padding: 50px 50px 50px 34px;
    margin-bottom: 0;
    border-radius: 10px;
    transition: .5s;
}

.single-paralux .all-content:hover {
    background: #194d3a;
    transition: .5s;
}
.single-paralux .all-content .paralux-content {
    position: relative;
    z-index: 1;
}
.single-paralux .all-content .paralux-icon-image img {
    transition: .5s;
    margin-bottom: 15px;
}
.single-paralux .all-content:hover .paralux-icon-image img {
    filter: brightness(0) invert(1);
    transition: .5s;
}
.single-paralux .all-content .paralux-title h4 {
    display: inline-block;
    color: #030f27;
    font-weight: 400;
    font-size: 16px;
}

.single-paralux .all-content .paralux-title h1 {
    font-weight: 500;
    font-size: 28px;
    margin: 0 0 0;
    color: #083b39;
    transition: .5s;
}

.single-paralux .all-content:hover .paralux-title h1 {
    transition: .5s;
    color: #fff;
}
.single-paralux .paralux-images {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 20vw;
  height: 20vw;
  overflow: visible;
}
.single-paralux .paralux-images img {
  transition: all 0.7s;
  -webkit-transition: all 0.7s;
  opacity: 0;
}
.single-paralux .all-content:hover .paralux-images{
   z-index: 1; 
}
.single-paralux .all-content:hover .paralux-images img {
  opacity: 1;
}

a {
  text-decoration: none;
}

.single-paralux .all-content .paralux-content .row {
    align-items: center;
}
.single-paralux .all-content .middle-content p {
    margin: 0px 50px 0px 0px;
    color: #536c6c;
    transition: .5s;
}
.single-paralux .all-content:hover .middle-content p {
    color: #d6e5e4;
    transition: .5s;
}
.single-paralux .all-content .right-content {
    text-align: end;
}

.single-paralux .all-content .right-content a.btn {
    color: #194d3a;
    font-size: 20px;
    height: 60px;
    width: 60px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #194d3a;
    border-radius: 40px;
    transition: .5s;
    transform: rotate(-45deg);
}
.single-paralux .all-content:hover .right-content a.btn {
    background-color: #fff;
    border: 1px solid #194d3a;
    transition: .5s;
}


/*============= Contact Form Css =============*/

.form-area.contact-form .form-controls .form-group input{
    background-color: transparent;
    border-radius: 5px;
}

.form-area.contact-form .form-control:focus {
/*     color: #bdd9cd; */
/*     background-color: #194d3a; */
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(61, 109, 107, .25);
}

.form-area.contact-form .form-group textarea {
    width: 100%;
    background: transparent;
    padding-left: 25px;
    padding-top: 20px;
    height: 135px;
    border-radius: 5px;
/*     color: #212529; */
    transition: .5s;
}

.form-area.contact-form .form-control {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    background: #f7f4f4;
    border-radius: 0;
/*     color: #212529; */
    transition: 0.5s;
    border: 1px solid #194d3a;
}

.form-area.contact-form .form-group textarea:focus {
    outline: none;
    box-shadow: 0 0 0 .25rem rgba(61, 109, 107, .25);
    border: 1px solid #194d3a;
}
.form-area.contact-form .form-controls .form-group input::placeholder{
    color: #194d3a!important;
}
.form-area.contact-form .buttons {
    text-align: center;
    margin-top: 10px;
}
.form-area.contact-form .form-controls .form-group .buttons input {
    border-radius: 5px;
    padding: 13px 30px;
    background: #194d3a;
    color: #fff;
    width: 100%;
    border: 0;
}

.form-area.contact-form .form-controls .form-group textarea::placeholder {
    color: #194d3a!important;
/*     opacity: 0.5; */
}

.form-area.contact-form .form-controls .form-group input{
    margin-bottom: 25px;
}

.form-area.contact-form .form-controls .form-group textarea{
    margin-bottom: 25px;
}

.main-contact .booking-input-box {
    position: relative;
    margin-right: 25px;
    padding-right: 25px;
}

.main-contact .booking-input-box:before {
    position: absolute;
    content: '';
    height: 50px;
    width: 1px;
    background-color: #fff;
    right: 0;
    top: 0px;
    opacity: .3;
}

.main-contact .booking-input-box h4 {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.main-contact .booking-input-box input{
    border: none;
    color: #fff;
    background-color: #1E1E1E

}
.main-contact .booking-input-box input.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    width: 100%;
}
.main-contact .booking-input-box select{
    border: none;
    color: #fff;
    background-color: #1E1E1E
    
}

.main-contact .booking-button {
    text-align: end;
}
::-webkit-calendar-picker-indicator{
    background-color: #fff;
    border-radius: 2px;
}

.main-contact .booking-button p {
    margin-bottom: 0;
}

.main-contact .booking-button input{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 6px 26px;
    font-weight: 400;
    overflow: hidden;
    background: #194d3a;
    border-radius: 5px;
    transition: .5s;
    z-index: 1;
    width: 100%;
}

.main-contact .booking-button input:hover {
    color: #194d3a;
    background: #fff;
    box-shadow:none;
}
.main-contact .booking-button input::before,
.main-contact .booking-button input::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #194d3a;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.main-contact .booking-button input::after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.main-contact .booking-button input:hover::before,
.main-contact .booking-button input:hover::after{
    width:100%;
    transition:800ms ease all;
}

.main-contact-2 {
    box-shadow: 0px 2px 35px 0px rgb(0 0 0 / 10%);
    padding: 15px 30px 0px;
}

.main-contact-2 .booking-input-box h4 {
    color: #1E1E1E;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 24px;
    font-weight: 400;
}

.main-contact-2 .booking-input-box input {
    border: 1px solid #194d3a;
    outline: 0;
    padding: 16px 10px;
    background-color: #E9ECEF;
    padding-left: 15px;
    width: 100%;
    border-radius: 5px;
}

.main-contact-2 .booking-input-box select {
    border: 1px solid #194d3a;
    outline: 0;
    padding: 16px 10px;
    background-color: #E9ECEF;
    padding-left: 15px;
    width: 100%;
    border-radius: 5px;
}


.main-contact-2 .booking-button input {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 13px 45px;
    font-weight: 400;
    overflow: hidden;
    background: #194d3a;
    border-radius: 5px;
    transition: .5s;
    z-index: 1;
    width: 100%;
    border: transparent;
}

.main-contact-2 .booking-button p {
    margin-top: 55px;
}
.main-contact-2 .booking-button input:hover {
    color: #194d3a;
    background: #fff;
    box-shadow:none;
}
.main-contact-2 .booking-button input::before,
.main-contact-2 .booking-button input::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #194d3a;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.main-contact-2 .booking-button input::after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.main-contact-2 .booking-button input:hover::before,
.main-contact-2 .booking-button input:hover::after{
    width:100%;
    transition:800ms ease all;
}

/*============= Count Down Css =============*/

.count-down.style1 {
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    padding: 14px 24px 1px;
    border-radius: 5px;
}
.count-down.style1 ul {
    text-decoration: none;
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
    text-align: center;
}

.count-down.style1 ul h3{
    font-size: 50px;
}




/*============= Image Hover Css =============*/

.hover-thumb img {
    width: 100%;
}
.hover-thumb {
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: opacity 0.5s ease-in;
}
.hover-thumb {
    transition: background .3s,
    border .3s,
    border-radius .3s,
    box-shadow .3s,
    transform var(--e-transform-transition-duration, .4s);
    width: 100%;
}
.hover-thumb img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}
.hover-thumb img.two {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(1.5);
    transition: 1s;
}
.hover-thumb img.two {
    transition: 2s;
}
.hover-thumb:hover img.two {
    opacity: 1;
    transform: scale(1);
}
.hover-thumb img {
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.hover-thumb img.one {
    transition: 1.4s;
}
.hover-thumb:hover img.one {
    transform: scale(1.5);
    opacity: 0;
}
.hover-thumb img.three {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(1.3);
    transition: 1s;
    height: 100%;
    width: 100%;
    object-fit: cover!important;
    transition: 2s;
}

.hover-thumb:hover img.three {
    opacity: 1;
    transform: scale(1);
}



.effect-item-img {
    display: block;
    height: 100%;
    width: 100%;
}

.effect-item-img canvas {
    height: 100%;
}

.effect-item-img img {
    height: 100%;
    display: block;
}

.effect-item-img img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.effect-item:hover .effect-item-img img:nth-child(2) {
    opacity: 1;
}

.js .effect-item-img img {
    display: none;
}

.effect-item {
    height: 50vmax;
    width: 100%;
}

/*skill*/
.skills {
    position: relative;
    margin-bottom: 25px;
}


.course-thumb {
    position: relative;
    overflow: hidden;
}
.effect-section.style2 .course-thumb {
    position: relative;
    overflow: hidden;
}
.effect-section.style2 .course-thumb img {
    transition: all 1s ease;
    background-size: cover;
    width: 100%;
}
.effect-section.style2 .course-thumb img:nth-child(1) {
    transform: translatex(50%) scalex(2);
    opacity: 0;
    filter: blur(10px);
}
.effect-section.style2 .course-thumb img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
}
.effect-section.style2 .image-effect:hover .course-thumb img:nth-child(1) {
    transform: translatex(0) scalex(1);
    opacity: 1;
    filter: blur(0);
}

.effect-section.style2 .image-effect:hover .course-thumb img:nth-child(2) {
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    filter: blur(10px);
}

/*styel three*/

.effect-section.style3 .course-thumb img {
    width: 100%;
}

.effect-section.style3 .course-thumb img:nth-child(1) {
    transition: transform 0.8s;
    width: 99%;
}

.effect-section.style3 .course-thumb img:nth-child(2),
.effect-section.style3 .course-thumb img:nth-child(3) {
    position: absolute;
    top: 0;
    z-index: 3;
    transition: transform 1.6s;
}

.effect-section.style3 .course-thumb img:nth-child(2) {
    left: 0;
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}

.effect-section.style3 .course-thumb img:nth-child(3) {
    right: 0;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.effect-section.style3 .image-effect:hover .course-thumb img:nth-child(1) {
    transform: scale(1.2);
}

.effect-section.style3 .image-effect:hover .course-thumb img:nth-child(2) {
    transform: translateX(-700px) skewX(40deg);
}

.effect-section.style3 .image-effect:hover .course-thumb img:nth-child(3) {
    transform: translateX(700px) skewX(-40deg);
}




/*============= Odo Mitter Css =============*/


.single_odometer.style1.center .single-odomitter-item .odometer-wrapper {
    justify-content: center;
}
.single_odometer.style1 .single-odomitter-item {
    text-align: center;
    border: 1px solid #194d3a;
    margin: 0px 20px 0px;
    padding: 35px 0px 45px;
    border-radius: 10px;
    transition: .5s;
}
.single_odometer.style1 .single-odomitter-item:hover {
    border: 1px solid #194d3a;
    background-color: #194d3a;
    transition: .5s;
}
.single_odometer.style1 .single-odomitter-item .odometer-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
}
.single_odometer.style1 .single-odomitter-item .odometer-wrapper span {
    font-size: 85px;
    font-weight: 600;
    /* -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #194d3a; */
    line-height: 100px;
    font-family: 'Fira Sans';
    transition: .5s;
}

.home2 .single_odometer.style1 .single-odomitter-item .odometer-wrapper span {
    font-size: 85px;
    font-weight: 600;
    /* -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #194d3a; */
    line-height: 100px;
    font-family: 'Fira Sans';
    transition: .5s;
}

.single_odometer.style1 .single-odomitter-item .odometer-wrapper .plus{
    margin-left: 10px;
    transition: .5s;
}

.single_odometer.style1 .single-odomitter-item .odometer-title p {
    font-size: 24px;
    color: #194d3a;
    margin: 0px 0px 0px 0px;
    transition: .5s;
}

.single_odometer.style1 .single-odomitter-item:hover .odometer-wrapper span,
.single_odometer.style1 .single-odomitter-item:hover .odometer-wrapper .plus,
.single_odometer.style1 .single-odomitter-item:hover .odometer-title p{
    color: #fff;
    transition: .5s;
}
/*============= Team Member Css =============*/

.team.style1 .single-team {
    text-align: center;
    overflow: hidden;
    position: relative;
    padding: 0px 0px 35px;
    z-index: 9;
    border-radius: 10px;
    filter: drop-shadow(0 0 9px rgba(4,36,36,0.29));
    background-color: #ffffff;
}

.team.style1 .single-team .team-text .hon-hover-box {
    background: #194d3a;
    height: 100%;
    top: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 25%;
    z-index: -1;
    border-radius: 0px;
}
.team.style1 .single-team .team-text .hover-bx {
  left: 0;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
  border-radius: 9px 0px 0px 9px;
}
.team.style1 .single-team .team-text .hover-bx2 {
  left: 25%;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.team.style1 .single-team .team-text .hover-bx3 {
  left: 50%;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.team.style1 .single-team .team-text .hover-bx4 {
  left: 75%;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  border-radius: 0px 9px 9px 0px;
}

.team.style1 .single-team:hover .team-text .hon-hover-box {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


.team.style1 .single-team .team-image img{
    width: 100%;
}
.team.style1 .single-team .team-text h2.name {
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 35px;
    transition: .5s;
}
.team.style1 .single-team:hover .team-text h2.name {
    color: #fff;
    transition: .5s;
}
.team.style1 .single-team .team-text h5.designation {
    font-size: 16px;
    color: #194d3a;
    font-weight: 400;
    transition: .5s;
}
.team.style1 .single-team:hover .team-text h5.designation {
    color: #ccdada;
    transition: .5s;
}
.team.style1 .single-team .team-text .social-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    left: -120px;
    transition: .5s;
}

.team.style1 .single-team:hover .team-text .social-icon {
    left: -30px;
    transition: .5s;
}

.team.style1 .single-team .team-text .social-icon li {
    list-style: none;
    margin: 23px;
}
.team.style1 .single-team .team-text .social-icon i {
    color: #fff;
    background-color: #194d3a;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    padding: 8px 8px;
    transition: .5s;
}
.team.style1 .single-team .team-text .social-icon i:hover {
    color: #194d3a;
    background-color: #fff;
    transition: .5s;
}

/* =======style 2========== */
.team.style2 .single-team {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    transition: .5s;
}

.team.style2 .single-team .team-content {
    background-color: #083b39;
    position: absolute;
    bottom: -180px;
    width: 82%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px 10px 20px;
    border-radius: 10px;
    transition: .5s;
}

.team.style2 .single-team .image img{
    width: 100%;
}
.team.style2 .single-team:hover .team-content {
    bottom: 0;
    transition: .5s;
}

.team.style2 .single-team .team-content li {
    list-style: none;
    display: inline-block;
}

.team.style2 .single-team .team-content h2.name {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
}

.team.style2 .single-team .team-content h5.designation {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 10px 0px 14px 0px;
}

.team.style2 .single-team .team-content ul.social-icon {
    padding: 0;
}
.team.style2 .single-team .team-content .social-icon i {
    color: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 6px 8px;
    margin-right: 11px;
}

/*===========Case Study==========*/

.case-study.style2 .single_case_study {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    transition: .5s;
}

.case-study.style2 .single_case_study .cases-study-content{
    background-color: #083b39;
    position: absolute;
    bottom: -180px;
    width: 82%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    padding: 30px 10px 30px;
    border-radius: 10px;
    transition: .5s;
    z-index: 2;
}
.case-study.style2 .single_case_study .cases-study-content span.category-item {
    color: #fff;
}
.case-study.style2 .single_case_study .case-study-thumb {
    text-align: center;
}
.case-study.style2 .single_case_study .case-study-thumb img{
    width: 100%;
}

.case-study.style2 .single_case_study .case-study-thumb a{
    position: relative;
}
.case-study.style2 .single_case_study .case-study-thumb a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    border-radius: 10px;
    background-color: rgba(8, 59, 57, .5);
    top: 0;
    left: 0;
    transition: .5s;
}
.case-study.style2 .single_case_study:hover .case-study-thumb a:before{
    height: 100%;
    transition: .5s;
}
.case-study.style2 .single_case_study:hover .cases-study-content{
    bottom: 20px;
    transition: .5s;
}

.case-study.style2 .single_case_study .cases-study-content h2{
    font-size: 24px;
    color: #fff;
}
.case-study.style2 .single_case_study .cases-study-content h2 a {
    font-size: 24px;
    color: #fff;
}
.case-study.style2 .single_case_study .cases-study-content a.learn_btn {
    background-color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    margin-top: 17px;
    color: #083b39;
}
/*===========Marque text==========*/
 .marquee {
    position: relative;
    --duration: 30s;
    --gap: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap:0px;
}
.marquee-block {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap:0px;
    min-width: 100%;
    -webkit-animation: scroll 30s linear infinite;
    animation: scroll 30s linear infinite;
}
  @-webkit-keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-100% - var(--gap)));
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
.marquee-block .content-box {
    position: relative;
    margin-right:0px;
}
.marquee-block h3 {
    display: inline-block;
    font-size: 90px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.marquee-block h3 img {
    padding: 0 21px;
    -webkit-animation: rotatemetwo 2s linear infinite;
    animation: rotatemetwo 2s linear infinite;
    width: 108px;
}
.marquee-block .content-box:last-child {
    margin-right:0px;
}
/*marquee style two*/
.marquee.style2 .marquee-block h3 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    color: transparent;
    -webkit-text-stroke-color: #fff;
    font-size: 100px;
    line-height: 1;
    font-weight: 800; 
    text-transform: uppercase;
    margin: 0 17px;
}
.marquee.style2 .marquee-block {
    -webkit-animation: scroll2 60s linear infinite;
    animation: scroll2 60s linear infinite;
}
  @-webkit-keyframes scroll2 {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-100% - var(--gap)));
      transform: translateX(calc(-100% - var(--gap)));
    }
  }


/* =============pricing css============ */
.pricing.style1 {
    padding: 40px 35px 50px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background-color: #ede9de;
}

.pricing.style1:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0%;
    width: 100%;
    background-color: #194d3a;
    z-index: -1;
    transition: .6s;
    border-radius: 10px;
}

.pricing.style1:hover:before{
    transition: .6s;
    height: 100%;
}
/* .pricing.style1:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: url('https://hunttheme.com/ventox/wp-content/uploads/2025/01/pricing-img2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    transition: .5s;
    border-radius: 10px;
} */
.pricing.style1:hover:after{
    height: 100%;
    transition: .5s;
}
.pricing.style1 .pricing-head .price-item {
    display: inline-block;
    background-color: #fff;
    padding: 25px 27px;
    border-radius: 50%;
    text-align: center;
}
.pricing.style1 .pricing-head {
    text-align: center;
}
.pricing.style1 .pricing-head h4.pricing-name {
    font-size: 26px;
    font-weight: 500;
    color: #194d3a;
    margin: 0px 0px 30px;
    transition: .5s;
}
.pricing.style1:hover .pricing-head h4.pricing-name {
    color: #fff;
    transition: .5s;
}
.pricing.style1 .pricing-body ul.features {
    padding: 0;
    margin: 40px 0px 35px;
}
.pricing.style1 .pricing-body a.pricing-button {
    border: 1px solid #bebab2;
    width: 100%;
    text-align: center;
    padding: 9px 0px;
    border-radius: 30px;
    font-size: 18px;
    color: #083b39;
    transition: .5s;
}

.pricing.style1:hover .pricing-body a.pricing-button {
    border: 1px solid #bebab2;
    background-color: #fff;
    transition: .5s;
}
.pricing.style1 .pricing-head .price-item span.tk {
    font-size: 30px;
    color: #083b39;
    font-weight: 800;
}
.pricing.style1 .pricing-head .price-item span.currency {
    font-size: 30px;
    color: #083b39;
    font-weight: 800;
}
.pricing.style1 .pricing-body ul li {
    color: #176565;
    font-size: 16px;
    margin-bottom: 13px;
    list-style: none;
    transition: .5s;
}

.pricing.style1:hover .pricing-body ul li {
    color: #fff;
    transition: .5s;
}
.pricing.style1 .pricing-body ul li i {
    margin-right: 10px;
}


/*===========Flip Box css==========*/

.flip-box.style1 .flip-content{
    border: 1px solid #A229A1;
    background-color: #fff;
    padding: 10px 35px;
    position: relative;
    transition: .5s;
    border-radius: 5px;
}
.flip-box.style1 .flip-content .font-content h3.title {
    font-size: 22px;
    font-weight: 600;
    margin: 13px 0px;
}
.flip-box.style1 .flip-content .font-content p.description{
    color: #030f27;
    font-size: 16px;
    font-weight: 400;
}
.flip-box.style1 .flip-content .back-content{
    padding: 10px 35px;
    width: 100%;
    position: absolute;
    background-color: #A229A1;
    left: 16px;
    top: 16px;
    border-radius: 5px;
    transform: perspective(500px)rotateX(90deg);
    -webkit-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
}
.flip-box.style1 .flip-content .back-content:hover{
    background-color: #A229A1;
    border: 1px solid #fff;
    transition: .5s;
}
.flip-box.style1 .flip-content:hover .back-content {
    transform: perspective(500px)rotateX(0deg);
}
.flip-box.style1 .flip-content .back-content h3.title_2{
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin: 13px 0px;
}
.flip-box.style1 .flip-content .back-content p.description_2{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}


/*
=============
Global
=============
*/



/*slick slider Four*/

.single-slick.style-four .hero-text-wrap {
    text-align: center;
}
.single-slick.style-four .white-color h4 {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    margin: 0 0 25px;
    -webkit-animation: 0.8s 0.8s fadeInUp both;
    animation: 0.8s 0.8s fadeInUp both;
}
.single-slick.style-four .hero-text h1 {
    font-size: 70px;
    line-height: 80px;
    color: #ffffff;
    font-weight: 600;
    -webkit-animation: 1s 1.6s fadeInUp both;
    animation: 1s 1.6s fadeInUp both;
}
.single-slick.style-four .hero-text p {
    font-size: 18px;
    letter-spacing: 4px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    margin: 28px 0 40px;
        -webkit-animation: 1s 2s fadeInUp both;
    animation: 1s 2s fadeInUp both;
}



@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}


/*revulution slider*/
.star_list ul li {
    list-style: none;
    margin: 0 0px;
}








/*
============
Feature Box
============
*/



/* Image Slider Accordion */

.slider-thame{
    display: flex;
 }
.panel {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    cursor: pointer;
    flex: 1.4;
    margin: 0px;
    position: relative;
    transition: flex 0.7s ease-in;
    border-radius: 50px 0px 50px 0px;
    border: 1px solid #0b5340;
}
.panel.active {
    flex: 4.5;
    border: none;
}

.slider-image.style1 .panel h3 {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35%;
}
.slider-image.style1 .panel h3 {
    opacity: 0;
    transition: .5s;
}
.slider-image.style1 .panel.active h3 {
    opacity: 1;
    transition: .5s;
}
.slider-image.style1 .panel .service-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20%;
}
.slider-image.style1 .panel .service-btn {
    opacity: 0;
    transition: .5s;
}
.slider-image.style1 .panel.active .service-btn {
    opacity: 1;
    transition: .5s;
}
.slider-image.style1 .panel .service-btn a {
    background-image: linear-gradient(to right, #1debf3, #30fcad);
    color: #fff;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
}
.slider-image.style1 .panel .service-btn a i{
    color: #001b17;
    font-size: 20px;
}
.about-image-wrap .s-section {
/*     display: flex; */
    align-items: center;
    justify-content: end;
   /* overflow-x: hidden;
    height: 560px;*/
    text-align: -webkit-right;

}



.about-image-wrap .s-section input {

    display: none;
}

/* .container { */

    /* width: 100%; */
    /* height: 100%; */
    /* max-width: 600px; */
    /* max-height: 600px; */
    /* display: flex; */
    /* transform-style: preserve-3d; */
    /* justify-content: center; */
    /* align-items: center; */
    /* flex-direction: column; */
/* } */

.about-image-wrap .cards {

    position: relative;
    height: 537px;
    width: 430px;
    margin-bottom: 20px;
    perspective: 220px;
    transform-style: preserve-3d;
}

.about-image-wrap .cards label {

    position: absolute;
    width: 430px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: transform 0.55s ease;
}


.about-image-wrap .card .image img {
    border-radius: 5px;
    /* box-shadow: 15px 15px 40px rgba(0, 0, 0, 50%); */
    /* margin-top: 23px; */
    width: 100%;
    /* height: 220px; */
    object-fit: cover;
}

.about-image-wrap .card .image .dots{

    text-align: center;
}

.about-image-wrap .dots div{

    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.about-image-wrap .dots div:nth-child(1){

    background-color: var(--current-color1);
}

.about-image-wrap .dots div:nth-child(2){

    background-color: #5B85F9;
}

.about-image-wrap .dots div:nth-child(3){

    background-color: #000;
}







#s1:checked~.cards #slide4,
#s2:checked~.cards #slide5,
#s3:checked~.cards #slide1,
#s4:checked~.cards #slide2,
#s5:checked~.cards #slide3 {
/*    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);*/
    transform: translate3d(-70%, 0, -220px);
    
}

#s1:checked~.cards #slide5,
#s2:checked~.cards #slide1,
#s3:checked~.cards #slide2,
#s4:checked~.cards #slide3,
#s5:checked~.cards #slide4 {
/*    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);*/
    transform: translate3d(-35%, 0, -120px);
    
}

#s1:checked~.cards #slide1,
#s2:checked~.cards #slide2,
#s3:checked~.cards #slide3,
#s4:checked~.cards #slide4,
#s5:checked~.cards #slide5 {
/*    box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 50%);*/
    transform: translate3d(0, 0, 0);
    
}

#s1:checked~.cards #slide2,
#s2:checked~.cards #slide3,
#s3:checked~.cards #slide4,
#s4:checked~.cards #slide5,
#s5:checked~.cards #slide1 {
/*    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);*/
    transform: translate3d(35%, 0, -120px);
    
}

#s1:checked~.cards #slide3,
#s2:checked~.cards #slide4,
#s3:checked~.cards #slide5,
#s4:checked~.cards #slide1,
#s5:checked~.cards #slide2 {
/*    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);*/
    transform: translate3d(70%, 0, -220px);
    
}



/*
============
Service Box
============
*/
/*service box*/





/*line style two*/
.line-two .lines.about .line {
    width: 100%;
    background-color: #E0E0E0;
}

/*============= Icon Box Css =============*/


/* Style Two */

.icon-box.style12:hover .img-icon img {
    -webkit-animation: updown 2s linear infinite;
    animation: updown 2s linear infinite;
    -webkit-transform-origin: 0 0 -50px;
}
.icon-box.style12 .img-icon img{
       -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; 
}

@-webkit-keyframes updown {
    0% {
        transform: rotateX(0deg)
    }

    25% {
        transform: rotateX(5deg)
    }

    50% {
        transform: rotateX(0deg)
    }

    75% {
        transform: rotateX(-5deg)
    }

    100% {
        transform: rotateX(0deg)
    }
}









/*animation*/

@keyframes kmacb-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

/* Circle Progress */



/*
==============
skill section
==============
*/

span.elementor-progress-percentage {
    position: relative;
    top: -22px!important;
}










/*
==============
Video Box
==============
*/

.single-video {
	position: relative;
	text-align: center;
}

.single-video h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
	padding-top: 26px;
	text-transform: capitalize;
	display: inline-block;
	margin-left: 25px;
}
.video-icon a {
	text-align: center;
	display: inline-block;
	position:relative;
	z-index:99;
}
.single-video.style-one .video-icon a, .single-video.style-two .video-icon a {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .5s;
    display: inline-block;
    background: #C19E68;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    position: relative;
}
.single-video.style-one .video-icon a:after {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    left: -10px;
    top: -11px;
    border: 1px solid #ffffff73;
    border-radius: 50%;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    }
 }


.v-overlay .video-icon a i {
	border: 0px solid #fff;
	font-size: 30px;
}
/* Style One */
.single-video.style-one .video-icon,
.single-video.style-three .video-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
}

@-webkit-keyframes ripple-red {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(2241, 42, 2, 0)
    }
}

/* Style Three */
.single-video .layer-1 img, .single-video .layer-2 img, .single-video .layer-3 img, .single-video .layer-4 img {
    -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}
@keyframes alltuchtopdown{
	0%{
		-webkit-transform:rotateX(0deg) translateY(0px);
		-ms-transform:rotateX(0deg) translateY(0px);
		transform:rotateX(0deg) translateY(0px)
	}
	50%{
		-webkit-transform:rotateX(0deg) translateY(-20px);
		-ms-transform:rotateX(0deg) translateY(-20px);
		transform:rotateX(0deg) translateY(-20px)
	}
	100%{
		-webkit-transform:rotateX(0deg) translateY(0px);
		-ms-transform:rotateX(0deg) translateY(0px);
		transform:rotateX(0deg) translateY(0px)
	}
}

/*video two*/
.single-video.style-two .video-icon a, .single-video.style-two .video-icon a {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .5s;
    display: inline-block;
    background: #fff;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    position: relative;
    z-index: 22;
}
.single-video.style-two .video-icon a:after {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    left: -10px;
    top: -11px;
    border: 1px solid #ffffff73;
    border-radius: 50%;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
}
.single-video.style-two .video-icon h5 {
    position: absolute;
    top: 47%;
    z-index: 22;
    left: 50%;
    right: 0;
    margin: auto;
    transform: translate(-50%, -50%);
    font-size: 16px;
    text-transform: uppercase;
    color: #1e1e1e;
    font-weight: 500;
    font-family: "Cormorant Garamond";
    display: inline-block;
    cursor: pointer;
}

.single-video.style-three .video-icon a {
    -webkit-animation: none;
    animation: none;
    -webkit-transition: none;
}

.single-video.style-three .video-icon a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 99px;
    width: 99px;
    background: rgba(12, 90, 219,1);
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
}
.single-video.style-three .video-icon a i{
    background: #fff;
    height: 90px;
    width: 90px;
	line-height: 90px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 50%;
    color: #ED2C41;
    font-size: 26px;
    position: relative;
}
/*video style four*/

.single-video.style-four .video-icon a, .single-video.style-four .video-icon a {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .5s;
    display: inline-block;
    background: #fff;
    color: #fff;
    width: 95px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    position: relative;
}
.single-video.style-four .video-icon a i{
    color:#C19E68;
}
.single-video.style-four .video-icon a:after {
    position: absolute;
    content: "";
    width: 110px;
    height: 110px;
    left: -10px;
    top: -11px;
    border: 1px solid #ffffff73;
    border-radius: 50%;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
}





/*left bounce animation*/

@keyframes moveLeftBounce {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes MOVIE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
/**/
.dance3 {
    -webkit-animation: dance3 8s alternate infinite;
    animation: dance3 8s alternate infinite;
}

@keyframes dance3 {
    0% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

.dance {
    -webkit-animation: dance 2s alternate infinite;
    animation: dance 2s alternate infinite;
}

@keyframes dance {
    0% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1.2);
    }
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(25px, -25px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -25px, 25px);
    }
}

.watermark-animate {
    -webkit-animation: watermark-animate 8s infinite;
    animation: watermark-animate 8s infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes watermark-animate {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}




/*
==============
Pricing Table
==============
*/


/*
================
 Image Carousel
================
*/

.owl_wrapper{
  width: 100vw;
  overflow: hidden;
}
.owl_content{padding-left: 12%;}
.owl_wrapper .owl-item{
  opacity: 0;
  transform: scale(0.6);
  -ms-transform: scale(0.6);
  transition: all .2s;
  -webkit-transform: all .2s;
  z-index: 1;
}
.owl_wrapper .active{opacity: 0.5;}
.owl_wrapper .active.middle_beside{
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  opacity: 0.8;
  margin: 0 -1%;
  z-index: 2;
}
.owl_wrapper .active.middle{
  transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1;
  z-index: 3;
}
.owl_wrapper .active.next_to_mid{margin-left: -1%;}
.owl_wrapper .active.prev_to_mid{margin-right: -1%;}



/*===== Navigation =====*/







/*Contact three*/
.main-contact input.from-control::placeholder {
    color: #fff!important;
    opacity: 0.6;
}
.main-contact textarea.from-control::placeholder {
    color: #fff!important;
    opacity: 0.6;
}
.form-area.style-three .form-control {
    border: 0;
    width: 100%;
    height: 57px;
    padding-left: 25px;
    background: #fff;
    border-radius: 5px;
    color: #232323;
    border: none;
}
.form-area.style-three input[type="email"] {
    height: 57px;
    padding: 5px 25px;
    width: 100%;
    border-radius: 5px;
    outline: 0;
}
.form-area.style-three select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    height: 57px;
    border: none;
    padding: 0 25px;
}
.form-area.style-three textarea.wpcf7-form-control.wpcf7-textarea {
    background: #fff;
    height: 138px;
    border: none;
    border-radius: 5px;
}
.form-area.style-three .buttons input {
    padding: 13px 40px;
    background: #194d3a;
    border-radius: 30px;
    width: inherit;
    font-family: 'Fira Sans';
}
.form-area.style-three input.wpcf7-form-control.wpcf7-text.form-control::placeholder {
    color: #6d6d6d!important;
}


/* Theme Hunt heading*/

.heading.style3 h3 {
    position: relative;
    display: inline-block;
}
.heading.style3 h3:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #C29D68;
}
/*style four*/
.heading.style4 h3 {
    position: relative;
    display: inline-block;
}
.heading.style4 h3:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    left: 0;
    bottom: -9px;
    background: #C29D68;
}


.gallary_box {
    position: relative;
    top: 49px;
}



/*
=============
 Recent Post
=============
*/
.recent-post.style1 .post-item{
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #616161;
    overflow: hidden;
}
.recent-post.style1 .post-item:last-child{
    border: 0;
    margin: 0;
    padding: 0;
}
.recent-post.style1 .post-item .post-thumb{
    flex-shrink: 0;
}
.recent-post.style1 .post-item .post-thumb img{
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 10px;
}
.recent-post.style1 .post-item .content{
    padding: 0 0 0 10px;
}
.recent-post.style1 .post-item .content .meta{
    display: flex;
    align-items: center;
}
.recent-post.style1 .post-item .content .meta .date{
    position: relative;
    color: #616161;
    font-size: 14px;
}
.recent-post.style1 .post-item .content .meta .date i{
    color: #3abba7;
    margin-right: 5px;
}
.recent-post.style1 .post-item .content .title{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 6px;
}
.recent-post.style1 .post-item .content .title a{
    color: var(--title-color);
}
.recent-post.style1 .post-item .content .title a:hover{
    color: var(--main-color);
}
.recent-post.style1 .post-item .content .description {
    color: rgba(30, 38, 109, 0.9);
    font-weight: 300;
    margin-bottom: 20px;
}

/*
==========
Portfolio
==========
*/
.portfolio-filter .filters {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.portfolio-filter ul {
    margin: 0;
    list-style: none;
    padding: 25px 0 0;
}
.portfolio-filter ul li {
    background: #fff;
    border: transparent;
    border-radius: 0;
    margin-right: 13px;
    text-transform: uppercase;
    color: #1e1e1e;
    font-weight: 600;
    font-family: "Cormorant Garamond";
    font-size: 15px;
    padding: 9px 25px;
    display: inline-block;
    cursor: pointer;
}
.portfolio-filter li.current_menu_item {
    background: #194d3a;
    color: #fff;
}
.portfolio-filter .single-content {
    display: flex;
    align-items: center;
    background: #ffff;
    gap: 27px;
    padding: 20px 30px 20px 20px;
    margin-bottom: 20px;
}
.portfolio-filter .port-thumb {
    flex-shrink: 0;
    display: inline-block;
    float: left;
}
/*.portfolio-filter .content {
    overflow: hidden;
    padding-left: 25px;
    padding-top: 18px;
}*/
.portfolio-filter .dolar {
    color: #194d3a;
    font-size: 20px;
    position: absolute;
    top: 38px;
    right: 38px;
}
.portfolio-filter .content h2 {
    font-size: 26px;
    color: #1e1e1e;
    font-weight: 500;
    display: block;
    margin: 0;
}
.portfolio-filter .content h6 {
    border-top: 1px dashed #2222223d;
    padding-top: 13px;
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 15px;
    color: #616161;
    font-weight: 400;
    line-height: 26px;
}


/* Portfolio Details: */
.portfolio_details {
    overflow: hidden;
    -webkit-box-shadow: 0 0 30px 
    rgba(0,0,0,0.10);
            box-shadow: 0 0 30px 
    rgba(0,0,0,0.10);
    padding: 65px 50px 50px;
    width:100%;
}
.portfolio_info {
    padding-left: 50px;
    padding-top: 48px;
}
.portfolio_info h2 {
    font-size: 25px;
    /* font-family: muli; */
    padding-bottom: 17px;
}
.portfolio-details-box li strong {
    margin-right: 5px;
}
.pr-title {
    padding: 24px 0 18px;
}
.port_dtl_social{} 
.port_dtl_social span{
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
	display:block;
	
} 
.port_dtl_social a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #194d3a;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    margin-right: 10px;
    line-height: 35px;
}

.portfolio_details .col-md-6 {
	float: left;
}
.portfolio_info ul {
    list-style: none;
}

.portfolio_info ul li {
    padding:5px 0;
}

.port_dtl_social {
    margin-top: 20px;
}
.pr-title h2 {
    font-size: 25px;
}

/*product post tyle*/


.product_post_item {
    overflow: hidden;
    position: relative;
}
.product_post_item .post-thumb {
    position: relative;
    z-index: 1;
}
.product_post_item .dolar {
    display: inline-block;
    background: #f00;
    line-height: 0;
    padding: 21px 14px 26px;
    position: absolute;
    right: 0;
    top: 26px;
}
.product_post_item .single_product_content {
    background: #272727;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: 0;
}
.product_post_item .single_product_content h2 {
    font-size: 22px;
    font-weight: 600;
    font-family: "Cormorant Garamond";
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 0 0 28px;
    transition: 0.5s;
    margin: 0;
}
.product_post_item .dolar h2 {
    margin: 0;
    line-height: 0;
    color: #fff;
}
.product_post_item .blog-page-title_adn {
    padding: 0 28px 11px;
}
.product_post_item .case_post_icon a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    background: #C29D68;
    width: 68px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    transition: 0.5s;
}
.product_post_item .single_blog_post_content {
    position: relative;
    z-index: 22;
}
.product_post_item p.heading-text span {
    color: #f00;
}

/*owl nav*/
.product_post.style1 .owl-nav {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -164px;
    right: 6px;
}
.product_post.style1 button.owl-prev i,
.product_post.style1 button.owl-next i{
    color: #fff;
    display: inline-block;
    border: 1px solid #ffffff8a;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0 7px;
}


/* Service Details */
.menu-service-menu-container ul {
    list-style: none;
    padding: 0;
}
.menu-service-menu-container ul li {
    list-style: none;
    margin-bottom: 14px;
}
.menu-service-menu-container ul li:last-child{
    margin-bottom: 0;
}
.menu-service-menu-container ul li a {
    position: relative;
    display: block;
    padding: 15px 7px 15px 49px;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #232323;
    position: relative;
    border-radius: 5px;
}
.menu-service-menu-container ul .current_page_item a {
    background-color: #194d3a;
    color: #fff;
}
.menu-service-menu-container ul .current_page_item a::after {
    background-color: #fff;
    color:#FF3D00;
}
.menu-service-menu-container ul li a::after {
    content: '\f00c';
    position: absolute;
    left: 19px;
    top: 18px;
    font-size: 12px;
    font-family: 'FontAwesome';
    height: 22px;
    width: 22px;
    background: #E9E9E9;
    text-align: center;
    line-height: 22px;
    border-radius: 100%;
    transition: .5s;
}
.menu-service-menu-container ul li a:hover {
    color: #fff;
    background: #194d3a;
}
.menu-service-menu-container ul li a:hover:after{
    background: #fff;
    color:#FF3D00;
}
.details-service .dreamit-button .button {
    padding: 11px 29px;
    font-weight: 500;
}

/* Hero Section */
.hero-single-slide{
    min-height: 887px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;    
}
.hero-content-left h1 {
    font-size: 50px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 800;
    line-height: 1.1;
}
.hero-content-left h2 {
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 1.2;
}
.hero-content-left h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hero-content-left p {
    padding-right: 70px;
    margin-bottom: 35px;
}

/* Accordion CSS */
.my-accordion li {
    position: relative;
    margin-bottom: 20px;
    list-style: none;
    z-index: 1;
}
.my-accordion li p {
    display: none;
    padding: 17px 25px 3px;
    color: #616161;
    font-size: 16px;
}
.my-accordion a {
    color: #194d3a  !important;
    z-index: 1;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 80px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
}
a.active {
    color: #194d3a;
    background: #EDE9DE !important;
    border-bottom: 0 !important;
    border-radius: 5px 5px 0px 0px !important;
    border: none !important;
}
a.active:hover {
    color: #fff;
}
.my-accordion a:after {
    width: 10px;
    height: 2px;
    background: #194D3A;
    position: absolute;
    right: 28px;
    content: " ";
    top: 31px;
    transition: all 0.2s ease-in-out;
}
.my-accordion a:before {
    width: 2px;
    height: 10px;
    background: #194D3A;
    position: absolute;
    right: 32px;
    content: " ";
    top: 27px;
    transform: rotate(0);
    transition: all 0.2s ease-in-out;
}
.my-accordion li p {
    display: none;
    font-size: 16px;
    color: #B1B2B4;
    padding: 22px 0 10px 30px;
}

a.active:after {
  transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #194D3A;
}
a.active:before {
 display: none;
}
/*accordion style two*/
.my-accordion.style-two li:after {
   display:none;
}
ul.my-accordion.style-two {
    padding-left: 0;
}
.my-accordion.style-two li a {
    padding: 19px 20px 19px 30px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #cccccc;
}
.my-accordion.style-two li p {
    padding: 8px 30px 25px 30px;
    background: #EDE9DE;
    color: #536c6c;
    border-radius: 0px 0px 5px 5px;
}

/*my accordion style five*/

.my-accordion.style5 a {
    color: #1e1e1e!important;
    z-index: 1;
    font-size: 22px;
    font-weight: 600;
    padding: 16px 80px 16px 30px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
    transition: 0.5s;
    background-color: #ffffff;
    border: 1px solid rgba(30,30,30,0.1);
}
.my-accordion.style5 a.active {
    color: #fff;
    background: #f7f5f3 !important;
}
.my-accordion.style5 li p {
    display: none;
    font-size: 16px;
    color: #B1B2B4;
    padding: 22px 0 10px 30px;
    border: 1px solid rgba(30,30,30,0.1);
    border-top: none;
}
.my-accordion.style5 a:before {
    width: 2px;
    height: 10px;
    background: #1e1e1e;
    position: absolute;
    right: 32px;
    content: " ";
    top: 27px;
    transform: rotate(0);
    transition: all 0.2s ease-in-out;
}
.my-accordion.style5 a:after {
    width: 10px;
    height: 2px;
    background: #1e1e1e;
    position: absolute;
    right: 28px;
    content: " ";
    top: 31px;
    transition: all 0.2s ease-in-out;
}
.my-accordion.style5 a.active:after {
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #1f1f1f;
}

/* bounce-animate */
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate2 {
  animation-name: float-bob2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob2;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob2;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob2;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate3 {
  animation-name: float-bob3;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob3;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob3;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob3;
  -o-animation-duration: 4s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate4 {
  animation-name: float-bob4;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob4;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob4;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob4;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
 .bounce-animate5 {
  animation-name: float-bob5;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob5;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob5;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob5;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  50% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px); }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes float-bob4 {
  0% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); } }
@-webkit-keyframes float-bob5 {
  0% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); } }
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/*animation moveleft*/
@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}


/* Subscribe Form */
.subscribe-form input[type="email"] {
    padding: 10px 15px 10px 15px;
    border-radius: 0;
    outline: 0;
    width: 70%;
    border: 0;
    background: #fff;
    height: 56px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);
    margin: 0;
}
.subscribe-form input[type="email"]::placeholder{
    opacity: 0.9;
}
.subscribe-form input[type="email"]:focus{
    color: #fff;
}
.subscribe-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 56px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #b98d36;
    padding: 0;
    width: 30%;
    border: 0;
    outline: 0;
    border-radius: 0;
}

/*
==================
 Elementor Custom
==================
*/



.ventox-blog-thumb img {
    width: 100%;
}
.ventox-blog-readmore a {
    padding-bottom: 17px;
    display: inline-block;
}
.ventox-blog-readmore a i {
    margin-left: 5px;
}

/* The End Of CSS */


/*---start-curser---*/

/*mouse Pointer css*/
.curser {
    position: fixed;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #CCDADA;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: .1s;
}

.curser2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background:  #CCDADA ;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: .15s;
    animation: Ripple 1.6s ease-in-out infinite;
    -webkit-animation: Ripple 1.6s ease-in-out infinite;
    -moz-animation: Ripple 1.6s ease-in-out infinite;
}


/*video effect*/

.video__area {
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video__area {
        background-attachment: unset;
    }
}
@media only screen and (max-width: 767px) {
    .video__area {
        background-attachment: unset;
    }
}
.video__area:hover .play-now {
    opacity: 0;
    visibility: hidden;
}
.video__area .play-now {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #194d3a;
    border: 2px solid #194d3a;
    background: #ffff;
    text-transform: capitalize;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100px;
    height: 100px;
    line-height: 95px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 50%;
    left: 50%;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video__area .play-now {
        width: 150px;
        height: 150px;
        line-height: 150px;
    }
}
@media only screen and (max-width: 767px) {
    .video__area .play-now {
        width: 120px;
        height: 120px;
        line-height: 120px;
    }
}
.video__content {
    display: block;
    width: 100%;
    height: 550px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video__content {
        height: 550px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video__content {
        height: 550px;
    }
}
@media only screen and (max-width: 767px) {
    .video__content {
        height: 450px;
    }
}
.video__content a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
    background-color: transparent;
}
.cursor {
    position: fixed;
    pointer-events: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #194d3a;
    border: 2px solid #194d3a;
    background:#fff;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.cursor.video {
    width: 150px;
    height: 150px;
}
@media only screen and (max-width: 767px) {
    .cursor.video {
        display: none;
    }
}
/* The End Of CSS */


/* ======Rotate animation===== */

.rotatemetwo {
  transition: .5s;
      -webkit-animation-name: rotatemetwo;
    animation-name: rotatemetwo;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes rotatemetwo {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}