@font-face {
    font-family: 'Obviously';
    src: url(https://one24common.blob.core.windows.net/hge/fonts/Obviously-Semi.woff2) format('woff2'), url(https://one24common.blob.core.windows.net/hge/fonts/Obviously-Semi.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

/* --- Global Utilities --- */
.text-primary {
    color: var(--primaryColor) !important;
}

.section-padding-bottom {
    padding-bottom: 80px;
}

.section-padding-block {
    padding-block: 80px;
}

.section-padding {  
    padding: 80px 0;
}

.bg-dark-accent {
    background: #0a0a0a;
}

.hero-title {
    font-size: clamp(32px, 4vw, 56px);
    line-height: 1.4;
}

.hero-desc-large {
    max-width: 650px;
    margin: 25px auto;
    font-size: 18px;
}

.section-title-large {
    font-size: 36px;
    margin-bottom: 20px;
}

.overview-desc {
    color: var(--grey);
    font-size: 18px;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto 50px;
}

.cta-home-spacing {
    margin-bottom: 0px !important;
    margin-top: 120px !important;
}
.faq-item.active .faq-answer {
    display: block;
}
.padding-right-large {
    padding-right: 60px;
}

:root {
    --primaryFont: "Inter", sans-serif;
    --headingFont: "Obviously", sans-serif;
    --primaryColor: #E69137;
    --grey: #bdbdbd;
    --textcolor: #BDBDBD;
    --dark-grey: #121212;
    --white: #FFFFFF;
    --black: #000000
}

html {
    scroll-behavior: smooth
}

img,
video,
canvas {
    overflow: clip !important
}

::-webkit-scrollbar {
    width: 12px
}

::-webkit-scrollbar-track {
    background: #1a1a1a
}

::-webkit-scrollbar-thumb {
    background: var(--primaryColor);
    border-radius: 10px;
    border: 5px solid #1a1a1a
}

.main-bg {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: 0
}

.bg-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: .3
}

.dots {
    min-height: 300px;
    content-visibility: auto;
    contain-intrinsic-size: 1px 300px
}

.dots::after {
    position: absolute;
    content: "";
    border-radius: 100%
}

.dots-1.dots:after {
    animation: animate 25s infinite
}

.dots-1.dots:after {
    width: 2px;
    height: 2px;
    background-position: 0 0;
    box-shadow: 1359px 1518px #fff, 1736px 358px #fff, 238px 1063px #fff, 370px 1495px #fff, 1094px 1433px #fff, 922px 1019px #fff, 1906px 646px #fff, 974px 1000px #fff, 1173px 1498px #fff, 731px 45px #fff, 1601px 976px #fff, 813px 704px #fff, 1121px 788px #fff, 1030px 1664px #fff, 554px 1216px #fff, 1903px 1694px #fff, 767px 833px #fff, 1470px 1456px #fff, 457px 1057px #fff, 1117px 1317px #fff, 746px 427px #fff, 556px 676px #fff, 1122px 852px #fff, 528px 1963px #fff, 973px 1102px #fff, 1980px 116px #fff, 821px 711px #fff, 1617px 1697px #fff, 1094px 1846px #fff, 672px 280px #fff, 1856px 499px #fff, 1500px 1561px #fff, 675px 1554px #fff, 1713px 238px #fff, 1845px 744px #fff, 1726px 1346px #fff, 878px 1063px #fff, 1481px 563px #fff, 282px 1584px #fff, 812px 288px #fff, 13px 1300px #fff, 389px 276px #fff, 1749px 229px #fff, 373px 922px #fff, 917px 550px #fff, 744px 1259px #fff, 1628px 878px #fff, 638px 1333px #fff, 821px 1555px #fff, 1114px 1443px #fff, 220px 672px #fff, 1817px 1075px #fff, 819px 737px #fff, 49px 633px #fff, 829px 1645px #fff, 67px 365px #fff, 187px 1868px #fff, 1798px 1199px #fff, 36px 460px #fff, 1689px 148px #fff, 768px 1536px #fff, 1329px 1158px #fff, 162px 510px #fff, 1098px 723px #fff, 1990px 1866px #fff, 1904px 277px #fff, 599px 1236px #fff, 231px 1518px #fff, 101px 1401px #fff, 65px 572px #fff, 1000px 1271px #fff, 1314px 186px #fff, 218px 1460px #fff, 154px 702px #fff, 1662px 146px #fff, 1508px 484px #fff, 513px 797px #fff, 199px 510px #fff, 1790px 266px #fff, 1487px 491px #fff, 7px 1846px #fff, 1981px 973px #fff, 1829px 1089px #fff, 713px 1556px #fff, 296px 567px #fff, 1532px 687px #fff, 729px 1940px #fff, 888px 1426px #fff, 1411px 1654px #fff, 1342px 1416px #fff, 928px 414px #fff, 618px 1977px #fff, 288px 583px #fff, 1303px 1562px #fff, 238px 657px #fff, 1304px 1483px #fff, 1182px 1502px #fff, 451px 112px #fff, 1177px 993px #fff, 506px 152px #fff, 1215px 1102px #fff, 1471px 817px #fff, 1398px 90px #fff, 1939px 1697px #fff, 798px 1748px #fff, 1746px 439px #fff, 675px 1780px #fff, 135px 414px #fff, 1348px 9px #fff, 1604px 880px #fff, 589px 1885px #fff, 344px 344px #fff, 1697px 368px #fff, 70px 1442px #fff, 1019px 297px #fff, 1383px 608px #fff, 1613px 447px #fff, 736px 836px #fff, 493px 926px #fff, 1786px 1323px #fff, 750px 429px #fff, 179px 1577px #fff, 989px 1502px #fff, 857px 1033px #fff, 350px 743px #fff, 87px 816px #fff, 98px 1078px #fff, 583px 17px #fff, 699px 282px #fff, 1889px 1165px #fff, 1599px 1273px #fff, 423px 266px #fff, 1311px 1913px #fff, 747px 759px #fff, 1220px 422px #fff, 1993px 1724px #fff, 680px 1474px #fff, 1649px 19px #fff, 1392px 1344px #fff, 1152px 1230px #fff, 1913px 144px #fff, 348px 1739px #fff, 448px 1193px #fff, 1160px 624px #fff, 462px 1060px #fff, 542px 1198px #fff, 754px 1836px #fff, 1368px 1025px #fff, 1117px 1353px #fff, 705px 1685px #fff, 1505px 1082px #fff, 930px 720px #fff, 828px 760px #fff, 1023px 945px #fff, 662px 1475px #fff, 102px 1362px #fff, 815px 1919px #fff, 654px 1079px #fff, 1837px 1576px #fff, 1636px 802px #fff, 77px 985px #fff, 383px 1557px #fff, 266px 638px #fff, 770px 1558px #fff, 986px 1213px #fff, 1123px 1548px #fff, 359px 1688px #fff, 57px 1159px #fff, 83px 1741px #fff, 1306px 1497px #fff, 1650px 707px #fff, 1890px 1654px #fff, 1892px 1898px #fff, 1162px 1510px #fff, 994px 1232px #fff, 1625px 1174px #fff, 1912px 1832px #fff, 803px 1259px #fff, 1644px 485px #fff, 582px 1936px #fff, 1828px 502px #fff, 376px 1366px #fff, 319px 907px #fff, 188px 1839px #fff, 195px 1055px #fff, 1193px 802px #fff, 349px 409px #fff, 1013px 813px #fff, 272px 474px #fff, 87px 1459px #fff, 309px 1246px #fff, 1619px 1637px #fff, 588px 1256px #fff, 103px 1046px #fff, 1576px 1279px #fff, 81px 1524px #fff, 609px 1023px #fff, 808px 1821px #fff, 1865px 859px #fff, 1057px 1319px #fff, 157px 2px #fff, 627px 649px #fff, 7px 1239px #fff, 1794px 1254px #fff, 1818px 17px #fff, 728px 1247px #fff, 1336px 1478px #fff, 972px 1396px #fff, 782px 1825px #fff, 1759px 639px #fff, 1159px 1024px #fff, 383px 22px #fff, 659px 1747px #fff, 1773px 1569px #fff, 1211px 1319px #fff, 1911px 1450px #fff, 1774px 557px #fff, 597px 1425px #fff, 495px 184px #fff, 1481px 810px #fff, 775px 403px #fff, 485px 591px #fff, 648px 1975px #fff, 661px 618px #fff, 1425px 353px #fff, 166px 1848px #fff, 1142px 535px #fff, 1289px 739px #fff, 1056px 1146px #fff, 70px 613px #fff, 486px 1283px #fff, 1877px 1401px #fff, 1889px 1895px #fff, 1664px 1953px #fff, 70px 1109px #fff, 1754px 487px #fff, 764px 1306px #fff, 1409px 263px #fff, 618px 1577px #fff, 197px 1142px #fff, 1196px 342px #fff, 275px 1673px #fff, 896px 669px #fff, 827px 1771px #fff, 1962px 1331px #fff, 300px 1921px #fff, 1366px 674px #fff, 639px 971px #fff, 337px 1660px #fff, 44px 832px #fff, 602px 1412px #fff, 1006px 1975px #fff, 1375px 229px #fff, 648px 1377px #fff, 819px 1427px #fff, 1871px 1520px #fff, 1560px 1152px #fff, 418px 1933px #fff, 15px 1963px #fff, 487px 1086px #fff, 727px 1916px #fff, 1057px 1923px #fff, 799px 1956px #fff, 1367px 68px #fff, 910px 1698px #fff, 1741px 198px #fff, 782px 432px #fff, 1687px 725px #fff, 1099px 1500px #fff, 1051px 1422px #fff, 246px 73px #fff, 1474px 1372px #fff, 826px 1992px #fff, 20px 1004px #fff, 369px 239px #fff, 290px 1031px #fff, 1433px 1363px #fff, 1971px 328px #fff, 1838px 1745px #fff, 1565px 836px #fff, 459px 1098px #fff, 1810px 1742px #fff, 1868px 291px #fff, 1653px 1705px #fff, 1409px 663px #fff, 282px 156px #fff, 1593px 984px #fff, 1223px 236px #fff, 1007px 1090px #fff, 492px 1025px #fff, 866px 1301px #fff, 1970px 66px #fff, 76px 696px #fff, 782px 1776px #fff, 885px 77px #fff, 1506px 785px #fff, 547px 1180px #fff, 1993px 334px #fff, 914px 861px #fff, 1251px 1594px #fff, 514px 1671px #fff, 175px 1203px #fff, 1440px 1022px #fff, 1750px 1300px #fff, 375px 396px #fff, 1481px 1118px #fff, 937px 641px #fff, 1375px 88px #fff, 1228px 230px #fff, 445px 1251px #fff, 1305px 673px #fff, 368px 382px #fff, 1644px 180px #fff, 132px 1606px #fff, 1103px 52px #fff, 719px 662px #fff, 827px 1602px #fff, 1718px 653px #fff, 618px 969px #fff, 155px 570px #fff, 63px 1939px #fff, 154px 343px #fff, 1844px 1228px #fff, 1049px 596px #fff, 1403px 1578px #fff, 1059px 308px #fff, 1438px 323px #fff, 458px 478px #fff, 798px 300px #fff, 1706px 1511px #fff, 1433px 966px #fff, 1397px 1640px #fff, 473px 138px #fff, 1692px 1516px #fff, 1979px 970px #fff, 743px 1326px #fff, 55px 1091px #fff, 1881px 1516px #fff, 1614px 1263px #fff, 43px 632px #fff, 290px 409px #fff, 1306px 60px #fff, 634px 1285px #fff, 1210px 1896px #fff, 1505px 1649px #fff, 581px 739px #fff, 1484px 1602px #fff, 1662px 750px #fff, 553px 1852px #fff, 868px 801px #fff, 297px 1286px #fff, 1289px 370px #fff, 850px 271px #fff, 1616px 677px #fff, 26px 1641px #fff, 700px 1148px #fff, 1386px 443px #fff, 121px 788px #fff, 145px 1188px #fff, 1210px 749px #fff, 1774px 672px #fff, 524px 107px #fff, 1959px 813px #fff, 721px 503px #fff, 1399px 334px #fff, 892px 1641px #fff, 1448px 242px #fff, 436px 849px #fff, 1171px 1960px #fff, 1634px 1100px #fff, 1231px 1777px #fff, 679px 1868px #fff, 1324px 616px #fff, 334px 1287px #fff, 1569px 1968px #fff, 424px 65px #fff, 1743px 558px #fff, 40px 430px #fff, 1110px 813px #fff, 1671px 832px #fff, 131px 497px #fff, 1995px 1755px #fff, 1275px 1681px #fff, 781px 219px #fff, 1110px 639px #fff, 1741px 226px #fff, 1974px 210px #fff, 765px 870px #fff, 1960px 1260px #fff, 1869px 556px #fff, 1627px 1406px #fff, 19px 809px #fff, 204px 574px #fff, 1619px 454px #fff, 773px 741px #fff, 1020px 1337px #fff, 556px 1140px #fff, 775px 1008px #fff, 506px 1987px #fff, 64px 711px #fff, 1261px 301px #fff, 1287px 1669px #fff, 1898px 1353px #fff, 224px 1816px #fff, 1887px 42px #fff, 395px 1556px #fff, 589px 441px #fff, 992px 1166px #fff, 1901px 1734px #fff, 1778px 1341px #fff, 1308px 502px #fff, 984px 26px #fff, 1732px 1653px #fff, 259px 735px #fff, 1797px 868px #fff, 79px 873px #fff, 258px 1030px #fff, 1443px 146px #fff, 719px 469px #fff, 1411px 971px #fff, 1307px 394px #fff, 1083px 712px #fff, 1920px 1472px #fff, 696px 1399px #fff, 968px 1955px #fff, 338px 1792px #fff, 1406px 1598px #fff, 1567px 1858px #fff, 1184px 37px #fff, 525px 885px #fff, 862px 441px #fff, 335px 553px #fff, 441px 225px #fff, 1471px 1825px #fff, 1876px 1698px #fff, 658px 947px #fff, 387px 192px #fff, 728px 1387px #fff, 220px 1905px #fff, 1865px 1986px #fff, 173px 63px #fff, 1257px 1240px #fff, 801px 971px #fff, 409px 1697px #fff, 639px 619px #fff, 1628px 1094px #fff, 534px 1275px #fff, 1117px 340px #fff, 1535px 820px #fff, 630px 1410px #fff, 1771px 1361px #fff, 324px 1772px #fff, 650px 1259px #fff, 1046px 1754px #fff, 847px 862px #fff, 335px 238px #fff, 285px 271px #fff, 307px 1496px #fff, 1759px 1833px #fff, 1727px 1471px #fff, 1790px 1263px #fff, 257px 221px #fff, 1378px 1406px #fff, 241px 88px #fff, 955px 1865px #fff, 55px 1837px #fff, 1404px 814px #fff, 61px 692px #fff, 999px 1073px #fff, 1234px 1829px #fff, 1638px 433px #fff, 1937px 1555px #fff, 1109px 1781px #fff, 1567px 1576px #fff, 522px 1288px #fff, 1842px 933px #fff, 1918px 1764px #fff, 52px 1971px #fff, 780px 735px #fff, 812px 742px #fff, 203px 617px #fff, 244px 1809px #fff, 1375px 1537px #fff, 1993px 11px #fff, 1825px 1271px #fff, 438px 1715px #fff, 968px 1001px #fff, 1574px 1518px #fff, 817px 638px #fff, 686px 724px #fff, 1073px 1513px #fff, 986px 1409px #fff, 335px 1975px #fff, 1595px 1323px #fff, 524px 222px #fff, 1602px 161px #fff, 1019px 1026px #fff, 436px 41px #fff, 514px 546px #fff, 1221px 1040px #fff, 281px 1660px #fff, 1386px 762px #fff, 309px 1155px #fff, 139px 1886px #fff, 1784px 1863px #fff, 517px 183px #fff, 1810px 1994px #fff, 607px 1884px #fff, 1647px 244px #fff, 571px 1487px #fff, 1270px 938px #fff, 1047px 1516px #fff, 1548px 470px #fff, 653px 51px #fff, 1974px 927px #fff, 314px 928px #fff, 1469px 901px #fff, 372px 486px #fff, 1795px 249px #fff, 12px 1683px #fff, 596px 940px #fff, 410px 1235px #fff, 1922px 1267px #fff, 1353px 968px #fff, 1914px 601px #fff, 1020px 1936px #fff, 1139px 1344px #fff, 443px 1943px #fff, 273px 1368px #fff, 1254px 13px #fff, 1700px 1301px #fff, 471px 840px #fff, 832px 1369px #fff, 639px 122px #fff, 873px 1678px #fff, 1623px 1733px #fff, 338px 1599px #fff, 1504px 8px #fff, 229px 69px #fff, 569px 1682px #fff, 229px 568px #fff, 949px 52px #fff, 528px 334px #fff, 1883px 1141px #fff, 1051px 125px #fff, 468px 1529px #fff, 7px 1748px #fff, 1627px 530px #fff, 108px 1302px #fff, 494px 4px #fff, 532px 1201px #fff, 1963px 163px #fff, 1141px 1458px #fff, 1265px 1200px #fff, 682px 1109px #fff, 1663px 161px #fff, 1254px 1038px #fff, 873px 1044px #fff, 201px 488px #fff, 23px 302px #fff, 692px 572px #fff, 328px 1825px #fff, 1576px 526px #fff, 466px 1718px #fff, 725px 604px #fff, 784px 1166px #fff, 1938px 1730px #fff, 1598px 1763px #fff, 1538px 836px #fff, 1978px 629px #fff, 1724px 1157px #fff, 1984px 832px #fff, 1613px 982px #fff, 1088px 1504px #fff, 1142px 1024px #fff, 951px 1521px #fff, 1160px 800px #fff, 165px 1173px #fff, 1151px 1966px #fff, 1830px 723px #fff, 1813px 1901px #fff, 463px 1932px #fff, 827px 974px #fff, 1247px 352px #fff, 118px 1863px #fff, 330px 635px #fff, 744px 1147px #fff, 174px 647px #fff, 824px 965px #fff, 548px 413px #fff, 1316px 1526px #fff, 1720px 1180px #fff, 164px 227px #fff, 32px 1323px #fff, 148px 778px #fff, 1068px 1682px #fff, 838px 214px #fff, 1268px 1693px #fff, 957px 1439px #fff, 1730px 765px #fff, 472px 1960px #fff, 26px 77px #fff, 1995px 1731px #fff, 1647px 1715px #fff, 82px 23px #fff, 1156px 1223px #fff, 352px 987px #fff, 203px 1866px #fff, 629px 454px #fff, 1482px 1590px #fff, 952px 218px #fff, 593px 1524px #fff, 658px 939px #fff, 1643px 1212px #fff, 1079px 124px #fff, 617px 550px #fff, 1762px 883px #fff, 1561px 475px #fff, 1358px 1913px #fff, 1856px 1255px #fff, 1181px 819px #fff, 98px 897px #fff, 1298px 1740px #fff, 1503px 1764px #fff, 1918px 1240px #fff, 996px 74px #fff, 1627px 1784px #fff, 233px 1729px #fff, 1151px 199px #fff, 32px 1972px #fff, 1954px 1816px #fff, 1641px 1249px #fff, 811px 588px #fff, 920px 1670px #fff, 51px 1554px #fff, 442px 610px #fff, 1615px 257px #fff, 862px 638px #fff, 1365px 344px #fff, 1672px 1009px #fff, 1219px 336px #fff, 1969px 1067px #fff, 1945px 1606px #fff, 1939px 1873px #fff, 491px 65px #fff, 775px 683px #fff, 1519px 104px #fff, 1178px 671px #fff, 1711px 1238px #fff, 1811px 725px #fff, 1782px 197px #fff, 1064px 444px #fff, 1549px 1974px #fff, 445px 1512px #fff, 288px 699px #fff, 1167px 348px #fff, 1140px 1089px #fff, 3px 1814px #fff, 1559px 1440px #fff, 1895px 465px #fff, 105px 1029px #fff, 1381px 692px #fff, 1872px 595px #fff, 690px 963px #fff, 382px 558px #fff, 151px 927px #fff, 1538px 1491px #fff, 1255px 1009px #fff, 697px 908px #fff, 732px 1968px #fff, 509px 960px #fff, 495px 228px #fff, 362px 234px #fff, 565px 1930px #fff, 935px 304px #fff, 1204px 372px #fff, 1918px 1145px #fff, 991px 8px #fff, 758px 566px #fff, 1462px 30px #fff, 283px 1916px #fff, 621px 1323px #fff, 387px 659px #fff, 745px 1172px #fff, 1705px 1197px #fff, 1059px 497px #fff, 1239px 712px #fff, 673px 1228px #fff, 575px 641px #fff, 1277px 210px #fff, 1870px 651px #fff, 942px 1090px #fff, 1275px 586px #fff, 1189px 1178px #fff, 962px 746px #fff, 2000px 1691px #fff, 1352px 1241px #fff, 554px 905px #fff, 206px 1878px #fff, 1858px 322px #fff, 2214px 322px #fff, 2304px 522px #fff
}

.dots-2.dots:after {
    animation: animate 50s infinite
}

.dots-2.dots:after {
    width: 3px;
    height: 3px;
    background-position: 0 0;
    box-shadow: 68px 605px #fff, 547px 979px #fff, 347px 1251px #fff, 698px 32px #fff, 1465px 67px #fff, 213px 895px #fff, 665px 1943px #fff, 562px 1855px #fff, 366px 1187px #fff, 517px 877px #fff, 1174px 195px #fff, 639px 6px #fff, 1939px 1994px #fff, 1400px 1392px #fff, 501px 389px #fff, 1395px 826px #fff, 1126px 1345px #fff, 869px 515px #fff, 143px 1508px #fff, 890px 163px #fff, 1052px 137px #fff, 1099px 955px #fff, 766px 751px #fff, 1027px 1671px #fff, 1078px 1428px #fff, 1434px 1778px #fff, 611px 1635px #fff, 838px 1845px #fff, 1548px 499px #fff, 1742px 1545px #fff, 1606px 524px #fff, 780px 1818px #fff, 1465px 1016px #fff, 290px 568px #fff, 1717px 1324px #fff, 1123px 962px #fff, 1812px 1900px #fff, 769px 748px #fff, 1767px 1191px #fff, 1676px 1295px #fff, 683px 1033px #fff, 1664px 1835px #fff, 1219px 770px #fff, 255px 1105px #fff, 880px 858px #fff, 975px 76px #fff, 1537px 1794px #fff, 1983px 1173px #fff, 1449px 1833px #fff, 1114px 1761px #fff, 1080px 356px #fff, 1312px 515px #fff, 1262px 889px #fff, 652px 1438px #fff, 16px 343px #fff, 1732px 1203px #fff, 439px 1257px #fff, 428px 584px #fff, 1075px 1579px #fff, 1638px 1695px #fff, 1824px 526px #fff, 1320px 782px #fff, 439px 1431px #fff, 853px 1155px #fff, 1042px 1952px #fff, 1452px 880px #fff, 535px 1610px #fff, 1520px 1567px #fff, 1271px 433px #fff, 1293px 9px #fff, 1922px 1513px #fff, 1007px 289px #fff, 1926px 92px #fff, 843px 200px #fff, 544px 1504px #fff, 61px 895px #fff, 1978px 749px #fff, 729px 1831px #fff, 603px 1729px #fff, 1382px 1538px #fff, 771px 1957px #fff, 1769px 1957px #fff, 196px 75px #fff, 1317px 930px #fff, 1752px 1265px #fff, 845px 1674px #fff, 1317px 1642px #fff, 575px 803px #fff, 1841px 578px #fff, 1873px 1368px #fff, 1781px 771px #fff, 1920px 107px #fff, 99px 809px #fff, 965px 1290px #fff, 288px 443px #fff, 1927px 1303px #fff, 415px 1381px #fff, 167px 564px #fff, 493px 347px #fff, 540px 1811px #fff, 1089px 1925px #fff, 1329px 1308px #fff, 906px 1184px #fff, 1833px 924px #fff, 784px 917px #fff, 88px 1063px #fff, 1233px 1030px #fff, 1756px 320px #fff, 326px 25px #fff, 1359px 476px #fff, 880px 1906px #fff, 1120px 1281px #fff, 1434px 832px #fff, 1988px 232px #fff, 1037px 202px #fff, 594px 1284px #fff, 1227px 1145px #fff, 636px 1825px #fff, 1253px 1556px #fff, 308px 1408px #fff, 1366px 987px #fff, 4px 1083px #fff, 258px 1082px #fff, 272px 640px #fff, 1796px 1114px #fff, 1397px 391px #fff, 662px 44px #fff, 1087px 1128px #fff, 1905px 1616px #fff, 1623px 1938px #fff, 993px 1902px #fff, 348px 345px #fff, 422px 269px #fff, 966px 1743px #fff, 106px 1346px #fff, 1114px 838px #fff, 1px 664px #fff, 650px 546px #fff, 1736px 1294px #fff, 695px 190px #fff, 300px 59px #fff, 1971px 1045px #fff, 320px 477px #fff, 1195px 217px #fff, 729px 204px #fff, 1176px 229px #fff, 187px 1602px #fff, 146px 1891px #fff, 1137px 340px #fff, 1833px 1510px #fff, 1227px 1467px #fff, 232px 1851px #fff, 1940px 274px #fff, 549px 1317px #fff, 732px 469px #fff, 1549px 403px #fff, 832px 1815px #fff, 1052px 1020px #fff, 273px 1519px #fff, 384px 627px #fff, 46px 428px #fff, 920px 968px #fff, 1298px 779px #fff, 1480px 380px #fff, 1862px 534px #fff, 438px 1491px #fff, 555px 1432px #fff, 1813px 1825px #fff, 1248px 270px #fff, 907px 928px #fff, 1162px 845px #fff, 1332px 1903px #fff, 1487px 1187px #fff, 411px 1927px #fff, 872px 710px #fff, 924px 534px #fff, 1250px 31px #fff, 178px 1019px #fff, 386px 161px #fff, 1250px 724px #fff, 1535px 674px #fff, 1308px 1812px #fff, 177px 300px #fff, 1446px 571px #fff, 605px 1916px #fff, 1625px 1983px #fff, 1557px 1925px #fff, 1387px 1980px #fff, 1507px 1422px #fff, 149px 461px #fff, 937px 1046px #fff, 1797px 348px #fff, 1223px 777px #fff, 351px 1849px #fff, 104px 1353px #fff, 1652px 1635px #fff, 1687px 1420px #fff, 923px 1921px #fff, 1771px 1978px #fff, 828px 922px #fff, 2214px 322px #fff, 2304px 522px #fff
}

.dots-3.dots:after {
    animation: animate 75s infinite
}

.dots-3.dots:after {
    width: 4px;
    height: 4px;
    background-position: 0 0;
    box-shadow: 854px 654px #fff, 1175px 1395px #fff, 1004px 348px #fff, 1000px 1258px #fff, 30px 683px #fff, 1244px 1826px #fff, 1406px 1193px #fff, 1775px 1242px #fff, 1309px 739px #fff, 136px 741px #fff, 1883px 1733px #fff, 1455px 1105px #fff, 1214px 126px #fff, 1387px 1936px #fff, 1312px 1476px #fff, 1156px 1375px #fff, 1562px 526px #fff, 1534px 1116px #fff, 756px 1202px #fff, 1989px 204px #fff, 904px 567px #fff, 934px 1989px #fff, 974px 1739px #fff, 1316px 102px #fff, 23px 98px #fff, 295px 982px #fff, 1640px 916px #fff, 915px 426px #fff, 1717px 1095px #fff, 202px 345px #fff, 629px 1634px #fff, 1676px 781px #fff, 1988px 1144px #fff, 1121px 131px #fff, 1973px 54px #fff, 104px 1878px #fff, 1341px 510px #fff, 833px 359px #fff, 1847px 982px #fff, 1685px 1839px #fff, 523px 446px #fff, 1072px 1946px #fff, 1132px 646px #fff, 193px 1146px #fff, 1116px 919px #fff, 326px 1815px #fff, 179px 1679px #fff, 480px 784px #fff, 1743px 1653px #fff, 1627px 758px #fff, 761px 694px #fff, 1470px 1271px #fff, 1655px 1780px #fff, 441px 1471px #fff, 1996px 489px #fff, 1555px 238px #fff, 1841px 875px #fff, 1338px 1986px #fff, 589px 1873px #fff, 428px 1142px #fff, 1428px 1078px #fff, 1034px 849px #fff, 1182px 457px #fff, 1620px 1362px #fff, 1367px 746px #fff, 1128px 1135px #fff, 1704px 767px #fff, 1245px 597px #fff, 1167px 983px #fff, 1574px 167px #fff, 1675px 849px #fff, 1807px 35px #fff, 1988px 1417px #fff, 128px 1728px #fff, 1419px 688px #fff, 334px 1797px #fff, 1156px 822px #fff, 1912px 1210px #fff, 812px 399px #fff, 1284px 664px #fff, 439px 1055px #fff, 751px 111px #fff, 369px 1664px #fff, 1757px 839px #fff, 425px 1745px #fff, 1864px 1495px #fff, 781px 1295px #fff, 1336px 171px #fff, 294px 1278px #fff, 1422px 1841px #fff, 1846px 1267px #fff, 1364px 1686px #fff, 1259px 1168px #fff, 8px 216px #fff, 1993px 1192px #fff, 1092px 563px #fff, 455px 805px #fff, 904px 1402px #fff, 1477px 207px #fff, 1352px 738px #fff
}

@keyframes animate {
    0% {
        top: 0
    }

    100% {
        top: -100%
    }
}

.heading {
    margin-bottom: 40px
}

.heading h2 {
    margin: 0
}

.heading h2 span {
    color: #fff0;
    -webkit-text-stroke: 1px #FFF
}

.ratio-img {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding-bottom: 92%;
    display: block;
    margin: 0
}

.ratio-img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0
}

html,
body {
    font-family: var(--primaryFont);
    font-size: clamp(14px, 0.93vw, 18px);
    font-weight: 400;
    color: var(--white);
    background: var(--black);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #fff0
}

input,
textarea,
select,
button {
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    color: var(--white)
}

input:not(.input-file) {
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background 5000s ease, color 5000s ease !important;
    transition-delay: background-color 5000s, color 5000s !important
}

p {
    margin: 0;
    line-height: 1.8;
    margin-bottom: 1rem;
    color: var(--white);
    font-size: clamp(14px, 0.93vw, 18px)
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

p.justi,
.text-justify {
    text-align: justify !important
}

.body:not(.page-template-landing-page) p {
    text-align: justify
}

.sec2 {
    margin-top: 30px !important
}

.card {
    background-color: rgb(255 255 255 / .1);
    border-radius: 1rem
}

.card-body {
    padding: 2rem
}

.card h3 {
    font-size: clamp(20px, 1.30vw, 25px)
}

.cta-button {
    min-height: 60px;
    border: solid 2px var(--primaryColor);
    display: inline-flex;
    padding: 0 9px 0 25px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 500;
    border-radius: 60px;
    color: var(--white);
    transition: 0.3s all;
    white-space: nowrap;
    width: max-content;
    flex-shrink: 0;
}

.cta-button .icon {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primaryColor);
    margin-left: 15px;
    transform: rotate(-45deg);
    transition: 0.3s all
}

.cta-button .icon svg {
    max-width: 14px
}

.cta-button .icon svg path {
    stroke: var(--black);
    fill: #fff0
}

.cta-button:hover {
    background: var(--primaryColor);
    color: var(--black)
}

.cta-button:hover .icon {
    transform: rotate(0)
}

.cta-button.primary {
    padding: 0 13px 0 30px
}

p:last-child {
    margin-bottom: 0
}

.transition,
:before,
:after,
a,
button {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.container {
    max-width: 1330px;
    margin: 0 auto;
    width: 100%
}

.large_container {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px
}

input[type=text]::-ms-clear {
    display: none
}

input[type=submit],
input[type=button] {
    cursor: pointer
}

select:focus::-ms-value {
    color: inherit;
    background: none
}

* {
    outline: none !important
}

b,
strong {
    font-weight: 700
}

img {
    max-width: 100%;
    vertical-align: middle;
    height: auto
}

ul,
ol {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none
}

li {
    list-style: none
}

select:-moz-focusring {
    color: #fff0;
    text-shadow: 0 0 0 #606060;
    -moz-transition: all 0s ease
}

select::-ms-expand {
    display: none
}

input::-ms-clear {
    display: none
}

figure {
    margin: 0
}

img.alignleft {
    margin: 0 30px 30px 0;
    float: left;
    max-width: 625px
}

img.alignright {
    margin: 0 0 30px 30px;
    float: right;
    max-width: 625px
}

.aligncenter {
    float: none;
    display: block;
    margin: 15px auto 0 auto
}

.noscript {
    background: #2e2a2b;
    display: block;
    text-align: center;
    color: var(--white);
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9
}

p.noscript {
    margin: 0
}

.warning-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 30px;
    z-index: 1;
    margin: 0 10px 0 0
}

*::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

*:-moz-placeholder {
    color: inherit;
    opacity: 1
}

*::-moz-placeholder {
    color: inherit;
    opacity: 1
}

*:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

*::placeholder {
    color: inherit;
    opacity: 1
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--headingFont);
    line-height: 1.2;
    display: block;
    margin: 0 0 1rem;
    font-weight: 400;
    color: var(--white)
}

h1,
.h1 {
    font-size: clamp(30px, 2.86vw, 54px);
    line-height: 1.36843342
}

h2,
.h2 {
    font-size: clamp(28px, 2.5vw, 48px);
    line-height: 1.3
}

h3,
.h3 {
    font-size: clamp(25px, 2vw, 40px);
    line-height: 1.3
}

h4,
.h4 {
    font-size: clamp(22px, 1.56vw, 30px);
    line-height: 1.4
}

h5,
.h5 {
    font-size: clamp(20px, 1.30vw, 25px);
    line-height: 1.5
}

h6,
.h6 {
    font-size: clamp(18px, 1.04vw, 20px);
    line-height: 1.5
}

a {
    color: var(--primaryColor);
    display: inline-block
}

a:hover {
    color: var(--white)
}

.m0 {
    margin: 0 !important
}

.p0 {
    padding: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.logged-in {
    margin-top: 32px
}

section {
    width: 100%;
    padding-block: clamp(40px, 5.20vw, 100px);
    background: var(--black);
}

.title_1 {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 1
}

.title_1 span {
    color: var(--primaryColor);
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block
}

.title_1 .title_main {
    font-size: clamp(22px, 2.08vw, 40px);
    margin-top: 0;
    margin-bottom: 0;
    color: var(--white);
    position: relative;
    font-family: var(--headingFont);
    margin-bottom: 1.2rem
}

.title_1 p {
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.title_1 .btn {
    margin-top: 20px
}

.title_1.text-left {
    text-align: left
}

.title_1.text-left p {
    text-align: left;
    float: left
}

button {
    background: no-repeat;
    border: none;
    padding: 0;
    line-height: normal
}

.btn,
.btn input {
    min-width: 190px;
    font-size: 18px;
    line-height: normal;
    position: relative;
    z-index: 1;
    border-radius: 100px;
    padding: 19px 40px 18px 40px;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    color: var(--white);
    overflow: hidden
}

.btn svg {
    width: 25px;
    height: auto;
    margin-left: 6px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.btn input {
    width: 100%;
    min-width: 100%;
    background: #fff0;
    border: none;
    color: var(--white)
}

.btn-primary {
    background-color: var(--primaryColor) !important;
    color: var(--white)
}

.btn-primary svg {
    fill: var(--white)
}

.btn-default {
    background-color: #000;
    color: var(--white)
}

.submit_btn .btn {
    padding: 0
}

.submit_btn .cta-button {
    min-width: 160px
}

.submit_btn .cta-button input {
    background: #fff0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 0 60px 0 30px;
    font-weight: 500
}

.submit_btn .cta-button .icon {
    margin-left: auto
}

.submit_btn .cta-button:hover input {
    color: var(--black)
}

.btn:focus {
    outline: none
}

.btn+.btn {
    margin-left: 17px
}

@media(max-width:1599px) {
    .container {
        max-width: 1140px;
        margin: 0 auto;
        width: 100%
    }

    .header .container,
    .banner .container,
    .page_content .container,
    .ppc_section .container {
        max-width: 1140px
    }

    .cta-button {
        min-height: 45px;
        padding: 0 6px 0 18px
    }

    .cta-button .icon {
        height: 28px;
        width: 28px;
        margin-left: 12px
    }

    .cta-button .icon svg {
        max-width: 12px
    }

    .cta-button.primary {
        padding: 0 15px;
        min-height: 45px
    }

    .submit_btn .cta-button {
        min-width: 120px
    }

    .submit_btn .cta-button input {
        padding: 0 40px 0 20px
    }
}

@media(max-width:1199px) {
    .container {
        padding: 0 20px
    }
}

@media(max-width:1023px) {
    #smooth-wrapper {
        overflow: hidden
    }
}

@media(max-width:767px) {
    .container {
        padding: 0 20px
    }

    .ratio-img {
        border-radius: 10px
    }

    .card-body {
        padding: 1rem
    }
}

@media(max-width:374px) {

    .cta-button,
    .cta-button.primary {
        font-size: 12px
    }

    .cta-button.primary {
        padding: 0 10px
    }

    .cta-button {
        padding: 0 6px 0 10px
    }
}

.site_main {
    width: 100%;
    position: relative
}

.logged-in .header {
    top: 32px
}

.wsmenu html,
.wsmenu body,
.wsmenu iframe,
.wsmenu h1,
.wsmenu h2,
.wsmenu h3,
.wsmenu h4,
.wsmenu h5,
.wsmenu h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: antialiased;
    font-smooth: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    font-smooth: subpixel-antialiased
}

.wsmenu .cl {
    clear: both
}

.wsmenu img,
object,
embed,
video {
    border: 0 none;
    max-width: 100%
}

.wsmenu a:focus {
    outline: none
}

.wsmenu ul li:after {
    display: none
}

.wsmenu:before,
.wsmenu:after {
    content: "";
    display: table
}

.wsmenu:after {
    clear: both
}

.wsmainfull {
    width: 100%;
    position: relative;
    margin-right: 50px
}

.wsmenu {
    color: #fff;
    padding: 0;
    position: relative
}

.wsmenu>.wsmenu-list>li {
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    line-height: normal
}

.wsmenu>.wsmenu-list>li>a {
    position: relative;
    float: left;
    position: relative;
    padding: 0;
    color: #000;
    padding: 22px 0 19px 0;
    font-size: 15px
}

.wsmenu>.wsmenu-list>li:last-child>a {
    border-right: 0
}

.wsmenu>.wsmenu-list>li ul.sub-menu {
    position: absolute;
    z-index: 1000;
    margin: 0;
    padding: 0;
    left: 0;
    min-width: calc(260px + 15px);
    background-color: var(--white);
    top: 100%;
    white-space: nowrap;
    opacity: 0;
    z-index: 555;
    visibility: hidden;
    text-align: left;
    transition: all .2s ease;
    border: 0;
    box-shadow: 0 0 3px rgb(60 72 88 / 15%);
    margin-top: 10px
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    display: inherit;
    float: left
}

.wsmenu>.wsmenu-list li>ul.sub-menu>li:last-child a {
    border-bottom: none
}

.wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a,
.wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a {
    background-color: var(--primaryColor);
    color: var(--white)
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {
    width: 100%;
    background-image: none;
    color: #333;
    border-right: 0 none;
    text-align: left;
    display: inline-block;
    padding: 10px 15px;
    position: relative;
    overflow: hidden;
    float: left
}

.wsmenu>.wsmenu-list>li>ul.sub-menu li.selected .wsmenu-click02>i:before {
    border-color: #b69f61
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
    min-width: 270px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    list-style: none;
    margin-left: 10px;
    margin-top: 0
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: #fff;
    border: solid 1px #eee
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li a {
    background-image: none;
    color: #666;
    border-right: 0 none;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 8px 12px;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
    border-right: 0 solid
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li a:hover {
    text-decoration: none
}

.wsmobileheader {
    display: none
}

.overlapblackbg {
    opacity: 0;
    visibility: hidden
}

.hometext {
    display: none
}

.wsmenu>.wsmenu-list>li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
    opacity: 0;
    visibility: hidden
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-75deg);
    -o-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -webkit-transform: rotateX(-75deg)
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg)
}

.wsmenu .wsmenu-list {
    margin: 0
}

.wsmenu>.wsmenu-list>li>a .wsarrow:after {
    border-top-color: #b3b3b3
}

.wsmenu>.wsmenu-list>li>a .wsarrow:after {
    border-left: 4px solid #fff0;
    border-right: 4px solid #fff0;
    border-top: 4px solid;
    content: "";
    float: right;
    right: 11px;
    height: 0;
    margin: 0 0 0 14px;
    position: absolute;
    text-align: right;
    top: 33px;
    width: 0
}

.start-section {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%
}

.banner {
    position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 95% center;
    min-height: 100vh;
    display: flex;
    align-items: center
}

.banner .video-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: .5
}

.banner .video-bg video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
    opacity: .5
}

.bannerShape {
    position: absolute;
    right: 80px;
    top: 40px;
    margin: auto;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    max-width: 10vw
}

.banner .caption-main {
    z-index: 1;
    padding: 80px 0 50px;
    justify-content: center;
    max-width: 1330px;
    width: 100%;
    margin: auto
}

.banner .caption-main .caption-wrap {
    width: 100%;
    text-align: center
}

.banner figcaption {
    width: 100%
}

.banner figcaption h1 {
    position: relative;
    line-height: 1.4;
    font-size: clamp(35px, 3.64vw, 70px);
    max-width: 60vw;
    margin: auto auto 30px
}

.banner figcaption h1 span {
    color: var(--primaryColor);
    display: block
}

.banner figcaption p {
    max-width: 752px;
    font-size: clamp(18px, 1.35vw, 26px);
    margin: auto
}

.banner .wave-shape {
    max-width: 40vw;
    position: relative;
    overflow: hidden;
    margin: 30px auto 0
}

.banner .wave-shape svg {
    display: block;
    width: 100%
}

.banner figcaption .banner_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0
}

.banner .swiper-slide-active figcaption .banner_btn {
    opacity: 1;
    transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transition: all 0.2s ease 0.6s;
    -moz-transition: all 0.5s ease 2.5s;
    -ms-transition: all 0.5s ease 2.5s;
    -o-transition: all 0.5s ease 2.5s;
    -webkit-transition: all 0.5s ease 2.5s
}

.video_icon {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.video_btn:hover .video_icon {
    background-color: #000;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.video_btn:hover {
    color: #000
}

.video_icon svg {
    width: 20px;
    height: auto;
    fill: var(--white)
}

.video_btn {
    display: inline-flex;
    align-items: center;
    color: #000;
    font-size: 18px;
    margin-left: 22px
}

.banner .arrow_main {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 22
}

/* Hero Trust Section & Metrics */
.hero-trust-section {
    margin-top: 40px;
}

.trust-title {
    font-size: clamp(14px, 1vw, 16px);
    color: var(--primaryColor);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    margin-bottom: 25px !important;
    font-family: var(--headingFont);
}

.metrics-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.metric-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(255, 255, 255, 0.05);
    padding: 12px 20px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    flex: 1;
    min-width: 200px;
}

.metric-item:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--primaryColor);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.metric-item .icon {
    font-size: 28px;
    filter: drop-shadow(0 0 10px rgba(230, 145, 55, 0.3));
}

.metric-info {
    display: flex;
    flex-direction: column;
}

.metric-info .value {
    font-size: 22px;
    font-weight: 800;
    color: var(--white);
    line-height: 1.4;
    font-family: var(--headingFont);
}

.metric-info .label {
    font-size: 12px;
    color: var(--grey);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

.hero-cta {
    margin-top: 15px;
}

.hero-cta .cta-button.primary {
    background: var(--primaryColor);
    color: var(--black);
    font-weight: 700;
    font-size: 18px;
    border: none;
    box-shadow: 0 10px 30px rgba(230, 145, 55, 0.3);
}

.hero-cta .cta-button.primary .icon {
    background: var(--black);
}

.hero-cta .cta-button.primary .icon svg path {
    stroke: var(--primaryColor);
}

.hero-cta .cta-button.primary:hover {
    background: var(--white);
    color: var(--black);
    transform: scale(1.05);
}

.hero-cta .cta-button.primary:hover .icon {
    background: var(--primaryColor);
}

.hero-cta .cta-button.primary:hover .icon svg path {
    stroke: var(--white);
}

@media (max-width: 991px) {
    .metrics-grid {
        justify-content: center;
    }

    .hero-trust-section {
        text-align: center;
    }
}

/* Sub-menu Premium Design */
.nav-menu .sub-menu {
    background-color: #151515 !important;
    border: 1px solid #222 !important;
    border-radius: 15px !important;
    padding: 12px 0 !important;
    min-width: 280px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8) !important;
    margin-top: 15px !important;
}

.nav-menu .sub-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 30px;
    width: 15px;
    height: 15px;
    background: #151515;
    border-left: 1px solid #222;
    border-top: 1px solid #222;
    transform: rotate(45deg);
}

.nav-menu .sub-menu li {
    padding: 0 !important;
    text-align: left !important;
}

.nav-menu .sub-menu li a {
    color: #BDBDBD !important;
    padding: 12px 25px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    background: transparent !important;
    display: block !important;
    width: 100% !important;
}

.nav-menu .sub-menu li:last-child a {
    border-bottom: none !important;
}

.nav-menu .sub-menu li a:hover {
    background-color: rgba(230, 145, 55, 0.1) !important;
    color: var(--primaryColor) !important;
    padding-left: 35px !important;
}

.has-children {
    position: relative;
}

.has-children>a {
    display: inline-flex !important;
    align-items: center;
}

.has-children svg {
    width: 20px !important;
    height: 20px !important;
    margin-left: 8px;
    transition: 0.3s all;
}

.has-children:hover svg {
    transform: rotate(180deg);
}



.reviewLogos a img {
    max-width: 160px
}

.services .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: var(--primaryColor)
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    margin-right: 10px;
    background-color: #000
}

.services .swiper-pagination-bullet-active {
    background-color: var(--primaryColor)
}

.swiper-pagination-bullet-active {
    background-color: #f4b33d
}

.swiper-container-horizontal {
    overflow: hidden
}

.scrolldown {
    margin: 0 auto 0;
    text-align: center;
    font-weight: 300;
    letter-spacing: 2px;
    position: relative;
    z-index: 1
}

.scrolldown a {
    color: #FFF;
    display: inline-block
}

.scrolldown a span {
    width: 1px;
    height: 80px;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    background: linear-gradient(to bottom, white 50%, #fff0 50%);
    background-position: 0 -60px;
    background-size: 100% 200%;
    animation: scrolldownline 2.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
}

@keyframes scrolldownline {
    0% {
        background-position: 0 -80px
    }

    75% {
        background-position: 0 0
    }

    100% {
        background-position: 0 80px
    }
}

.video-bg .top-transaprent,
.video-bg .bottom-transaprent {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1
}

.video-bg .top-transaprent {
    top: -1px;
    background: linear-gradient(to bottom, rgb(0 0 0) 0%, #fff0 100%)
}

.video-bg .bottom-transaprent {
    bottom: 0;
    background: linear-gradient(to top, rgb(0 0 0) 0%, #fff0 100%)
}

.about-main {
    position: relative;
    background: #111
}

.about-main figure {
    overflow: hidden;
    border-radius: 20px;
    display: inline-block
}

.about-main .brandIcon {
    position: absolute;
    bottom: 70px;
    right: calc((100% - 1300px)/2);
    animation: brandIcon 10s linear infinite;
    max-width: 130px
}

.about-main .heading h2 {
    font-size: clamp(25px, 2.08vw, 40px)
}

.reviewLogos figure {
    display: flex;
    align-items: center
}

.reviewLogos a {
    display: flex;
    align-items: center
}

.reviewLogos a img {
    max-width: 180px;
    max-height: 50px
}

@keyframes brandIcon {
    0% {
        scale: 100%;
        transform: rotate(0deg)
    }

    50% {
        scale: 125%;
        transform: rotate(30deg)
    }

    100% {
        scale: 100%;
        transform: rotate(0deg)
    }
}

@media(max-width:1599px) {
    .about-main .brandIcon {
        right: calc((100% - 1100px)/2);
        max-width: 100px
    }
}

@media(max-width:1199px) {
    .about-main .brandIcon {
        right: 20px
    }
}

@media(max-width:767px) {
    .banner .caption-main {
        padding: 50px 20px 30px
    }

    .about-main {
        text-align: center
    }

    .about-main .heading h2 {
        font-size: 22px
    }

    .about-main figure {
        margin-top: 20px
    }

    .banner .wave-shape {
        margin: 15px auto 0
    }

    .banner figcaption h1 {
        margin: auto auto 15px
    }

    .about-main .brandIcon {
        display: none
    }

    .bannerShape {
        right: 20px;
        max-width: 20vw
    }

    .reviewLogos {
        flex-wrap: wrap
    }

    .reviewLogos a img {
        max-width: 130px;
        max-height: 35px
    }
}

.swiper-button-next,
.swiper-button-prev {
    background: none !important;
    width: 50px;
    height: 50px;
    background-color: #f5f5f5 !important;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-button-next {
    right: -65px
}

.swiper-button-prev {
    left: -65px
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 20px;
    width: auto;
    fill: #000
}

.ticker-main {
    padding-block: clamp(40px, 4.16vw, 80px);
    position: relative;
    overflow: hidden
}

.ticker-main .swiper {
    width: 100%
}

.ticker-main .swiper-wrapper {
    transition-timing-function: linear !important
}

.ticker-main .swiper-slide {
    height: auto !important
}

.ticker-main .horizontal-ticker {
    margin: 0 -20px;
    display: flex;
    flex-direction: column;
    row-gap: 1vw;
    position: relative;
    z-index: 2
}

.text-item {
    display: flex;
    align-items: center;
    gap: 20px
}

.text-item .text {
    font-size: clamp(50px, 6.25vw, 120px);
    white-space: nowrap;
    color: var(--primaryColor);
    font-family: sans-serif;
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 1;
    font-weight: 800
}

.text-item .text a {
    color: var(--primaryColor);
    text-decoration: none;
    display: block;
    position: relative
}

.text-item .text a img {
    object-fit: cover;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 50%;
    z-index: -1;
    transform: scaleX(1.5);
    transition: 0.5s ease-in-out;
    opacity: 0;
    border-radius: 10px
}

.text-item .text a:hover img {
    transform: scaleX(1) translateY(43px);
    opacity: 1
}

.text-item .text::after {
    background-image: url(../images/ticker-Gapshap.svg);
    background-repeat: no-repeat;
    content: "";
    height: 87px;
    width: 64px;
    background-size: 100%;
    display: block;
    margin: 0 50px
}

.text-item .text:nth-child(2n) {
    color: var(--black);
    -webkit-text-stroke: 1px #FFF
}

.text-item .text:nth-child(2n) a {
    color: var(--black);
    -webkit-text-stroke: 1px #FFF
}

.horizontal-ticker__slider.swiper {
    overflow: visible
}

.horizontal-ticker__slide {
    position: relative;
    width: auto
}

.ticker-main .ticker-move {
    display: flex
}

.ticker-main .ticker-group {
    display: flex;
    position: relative;
    z-index: 2
}

.ticker-main .ticker-group .ticker-item {
    font-size: clamp(50px, 6.25vw, 120px);
    white-space: nowrap;
    color: var(--primaryColor);
    font-family: sans-serif;
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 1.2;
    font-weight: 800
}

.ticker-main .ticker-group .ticker-item a {
    color: var(--primaryColor);
    text-decoration: none;
    display: block;
    position: relative
}

.ticker-main .ticker-group .ticker-item:nth-child(2n),
.ticker-main .ticker-group .ticker-item:nth-child(2n) a {
    color: var(--black);
    -webkit-text-stroke: 1px #FFF
}

.ticker-main .ticker-group .ticker-item:after {
    background-image: url(../images/ticker-Gapshap.svg);
    background-repeat: no-repeat;
    content: "";
    height: 87px;
    width: 64px;
    background-size: 100%;
    display: block;
    margin: 0 50px
}

.ticker-wrap {
    width: 100%;
    overflow: hidden
}

.ticker-move {
    display: flex;
    width: max-content;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

.ticker-group {
    flex-shrink: 0
}

@keyframes tickerLTR {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes tickerRTL {
    0% {
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

.ltr .ticker-move {
    animation: tickerLTR 40s linear infinite
}

.rtl .ticker-move {
    animation: tickerRTL 40s linear infinite
}

.ticker-wrap:hover .ticker-move {
    animation-play-state: paused
}

@media(max-width:767px) {
    .ticker-main {
        padding-bottom: 0
    }

    .text-item .text::after {
        margin: 0 25px
    }

    .text-item {
        gap: 0
    }

    .text-item .text::after {
        margin: 0 25px;
        height: 50px;
        width: 50px;
        background-size: 40px;
        background-position: center center
    }

    .ticker-main .horizontal-ticker {
        row-gap: 15px
    }

    .ticker-main .ticker-group .ticker-item:after {
        margin: 0 25px;
        height: 50px;
        width: 50px;
        background-size: 40px;
        background-position: center center
    }
}

.form-group br {
    display: none
}

.form-group p {
    margin: 0
}

.input-label {
    color: #222
}

.input-box {
    width: 100%;
    margin: 0 0 40px 0;
    position: relative;
    z-index: 1
}

.input-box .input,
.select {
    width: 100%;
    box-shadow: none !important;
    border: none;
    border-radius: 4px;
    height: 50px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-family: inherit;
    color: #333
}

.input-box select option {
    color: #222
}

.input-box textarea.input {
    height: 40px;
    resize: none;
    display: block;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 10px 0 0
}

label.require {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    margin: 6px 0 0 0;
    display: block
}

.input-label {
    pointer-events: none;
    margin: 0 0 -10px 0;
    font-family: 'OutfitSemiBold'
}

div span.wpcf7-not-valid-tip,
label.error {
    font-size: 14px;
    margin: 5px 0 0
}

.wpcf7-form-control-wrap {
    position: relative;
    width: 100%
}

div div.wpcf7-validation-errors,
div div.wpcf7-acceptance-missing {
    background-color: red
}

.wpcf7 form div.wpcf7-response-output {
    padding: 8px !important;
    border-radius: 8px;
    margin: 15px 0 0 !important;
    line-height: 1.3
}

.wpcf7 form.invalid div.wpcf7-response-output {
    border-color: #ff9db0 !important;
    background: #ffc0c0 !important;
    color: #F00 !important
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #84ff8f;
    background: #e8ffe8;
    color: green
}

.submit_btn {
    position: relative;
    display: inline-block;
    margin-top: 20px
}

.submit_btn .btn input {
    text-transform: uppercase
}

div.wpcf7 .ajax-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto !important;
    z-index: 5555;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, rgba(177 177 177 / 25%) 25%, transparent 25%, transparent 50%, rgba(177 177 177 / 25%) 50%, rgba(177 177 177 / 25%) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    border-radius: 100px
}

.wpcf7 .ajax-loader::before {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    left: auto !important;
    z-index: 22222222
}

select {
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.select-box svg {
    position: absolute;
    right: 12px;
    bottom: 0;
    margin: auto;
    max-width: 15px;
    fill: #FFF;
    z-index: 2;
    top: 0
}

.wpcf7-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -33px;
    margin: auto
}

input::placeholder {
    color: #333;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #333
}

input::-ms-input-placeholder {
    color: #333
}

@media(max-width:767px) {
    .wpcf7 form div.wpcf7-response-output {
        font-size: 12px !important
    }
}

.modal-backdrop.show {
    opacity: .9
}

.header {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    top: 10px;
    transition: 0.3s all;
    margin: auto;
    border: solid 1px #fff0
}

.header.sticky {
    background-color: #111;
    width: 90%;
    border-color: #333;
    border-radius: 100px
}

.header.sticky .header_right .top-btns .call-btn {
    display: none
}

.header .header_right .top-btns .send-btn {
    display: none
}

.header.sticky .header_right .top-btns .send-btn {
    display: block
}

.header .bottom-btns {
    position: fixed;
    bottom: 0;
    left: 30px;
    z-index: 99;
    transform: translateY(100%);
    transition: 0.5s all
}

.header.sticky .bottom-btns {
    transform: translateY(0);
    bottom: 50px
}

.header .bottom-btns .cta-button {
    background-color: var(--black)
}

.header .bottom-btns .cta-button:hover {
    background-color: var(--primaryColor)
}

.header .header_left .logo_main img {
    max-width: 299px
}

.header .header_right {
    text-align: right
}

.header .header_right .header_info {
    margin: 0 20px 0 50px
}

.header .header_right .header_info ul {
    margin: 0
}

.header .header_right .header_info ul li {
    text-align: right
}

.header .header_right .header_info ul li span {
    display: block;
    color: #6b6b6b
}

.header .header_right .header_info ul li a {
    font-size: 19px;
    font-family: 'OutfitSemiBold'
}

.header .header_right .header_info ul li a:hover {
    color: #000
}

.header .header_right .btn {
    min-width: 187px;
    padding: 15px 20px 16px 20px
}

@media(min-width:1024px) {
    .mobile-call {
        display: none
    }
}

@media(max-width:1599px) {
    .header {
        top: 15px
    }

   .header.sticky {
        width: calc(100% - 30px)
    }

   .header.sticky .bottom-btns {
        bottom: 20px
    }
}

@media(max-width:1023px) {
    .header .header_right .top-btns {
        display: none
    }

    .header_center #site-navigation {
        position: absolute;
        right: 30px;
        top: 14px;
        display: flex;
        align-items: center;
        gap: 6px
    }

   .header.sticky .header_center #site-navigation {
        right: 18px
    }

    .mobile-call svg {
        max-width: 22px;
        height: auto
    }
}

@media(max-width:767px) {
    .header {
        top: 8px
    }

   .header.sticky {
        width: calc(100% - 30px)
    }
}

.estimate-main {
    position: relative
}

.estimate-main .estimateWrap {
    position: relative;
    z-index: 1
}

.estimate-main .heading {
    text-align: center
}

.estimate-main .heading h2 span {
    color: #fff0;
    -webkit-text-stroke: 1px #FFF;
    display: block
}

.result-boxes ul {
    display: flex;
    gap: 25px;
    margin: 0;
    counter-reset: item-counter;
    flex-wrap: wrap
}

.result-boxes ul li {
    counter-increment: item-counter;
    position: relative;
    flex: 1
}

.result-boxes ul li:before {
    content: counter(item-counter);
    font-size: 22px;
    height: 70px;
    width: 70px;
    background-color: rgb(255 255 255 / .1);
    position: absolute;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 32px;
    top: 32px;
    z-index: 1
}

.build-box {
    padding: 32px 32px 32px 120px;
    background: #111;
    border-radius: 20px;
    height: 100%
}

.build-box h3 {
    font-size: clamp(22px, 1.56vw, 30px)
}

.our_mission {
    padding: 25px 0 0
}

.our_mission h2 span {
    color: #fff0;
    -webkit-text-stroke: 1px #FFF
}

.our_mission .btn {
    min-width: 100%;
    width: 100%
}

.our_mission .mission-wrap {
    background-color: rgb(255 255 255 / .06);
    padding: 50px;
    border-radius: 20px
}

.our_mission .mission-wrap .btns-blocks {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

@media(max-width:1599px) {
    .build-box {
        padding: 35px 35px 35px 90px
    }

    .result-boxes ul li:before {
        left: 22px;
        top: 28px;
        font-size: 15px;
        height: 50px;
        width: 50px
    }

    .our_mission .mission-wrap {
        padding: 35px
    }

    .submit_btn {
        margin-top: 10px
    }
}

@media(max-width:767px) {
    .estimate-main .heading {
        margin-bottom: 35px
    }

    .result-boxes ul {
        gap: 15px
    }

    .result-boxes ul li:before {
        font-size: 15px;
        height: 40px;
        width: 40px;
        left: 13px;
        top: 18px
    }

    .build-box {
        padding: 20px 20px 20px 65px;
        border-radius: 10px
    }

    .our_mission .mission-wrap {
        padding: 20px
    }

    .our_mission .mission-wrap .btns-blocks {
        gap: 10px
    }
}

@media(max-width:480px) {
    .our_mission .mission-wrap .btns-blocks .btn-item {
        width: 100%
    }

    .our_mission .mission-wrap .btns-blocks .btn-item .cta-button {
        width: 100%
    }
}

.why_us .why_us_cnt {
    padding-left: 30px
}

.why_us .why_us_cnt ul {
    margin: 0
}

.why_us .why_us_cnt ul li {
    display: flex;
    padding: 25px 15px
}

.why_us .why_us_cnt ul li:nth-child(even) {
    background-color: #111
}

.why_us .why_us_cnt ul li .why_us_number {
    min-width: 70px;
    height: 70px;
    border: 1.5px dashed #FFF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #FFF;
    margin-right: 20px
}

.why_us .why_us_cnt ul li .why_us_right h2 {
    font-size: clamp(20px, 1.30vw, 25px)
}

.why_us .why_us_cnt ul li .why_us_right p {
    text-align: left
}

.why_us_img {
    display: inline-block;
    position: relative;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.why_us_img img {
    position: relative;
    border-radius: 6px
}

.eco_friendly .why_us_img:after {
    z-index: 1
}

.services .swiper-wrapper {
    padding-bottom: 30px
}

a.more_btn {
    font-size: 18px;
    color: #000;
    margin-top: 15px;
    display: inline-block
}

.service_box {
    background-color: #111;
    padding: 30px 15px;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.service_box a {
    text-decoration: none
}

.swiper-slide .service_box {
    width: calc(100% - 30px);
    margin: 15px 15px 0 15px
}

.service_box .figcaption .service_icon {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    margin-bottom: 20px;
    background-color: var(--primaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.service_box .figcaption .service_icon svg {
    height: 33px;
    width: auto;
    fill: var(--white)
}

.service_box .figcaption h2 {
    font-size: 24px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.service_box .figcaption p {
    text-align: left;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.services .swiper-slide {
    height: auto
}

.service_img,
.bg-image-div {
    border-radius: 20px
}

.services-tabs {
    padding: 0 0 100px;
    position: relative
}

.services-tabs .container {
    max-width: 100%;
    padding-right: 100px;
    padding-left: calc((100% - 910px) / 2)
}

.services-tabs .services-top-part {
    padding: 40px 0;
    background: #000;
    z-index: 2;
    position: relative
}

.services-tabs .heading {
    margin-bottom: 0;
    background: var(--black)
}

.services-tabs .heading .cta-button {
    white-space: nowrap
}

.services-tabs .tab-content {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
    transform: rotate(0) translateX(-100px);
    left: 0
}

.services-tabs .tab-content .ratio-img {
    margin: auto;
    width: 300px;
    padding-bottom: 0;
    height: 414px;
    background: #111;
    border: solid 1px #333
}

.services-tabs .tab-content .ratio-img img {
    bottom: 0;
    margin: auto;
    object-fit: inherit;
    width: auto;
    height: auto;
    padding: 20px
}

.services-tabs .tab-content.active {
    opacity: 1;
    visibility: visible;
    transform: rotate(10deg) translateX(0) translateY(30px)
}

.services-tabs .tabsLeft {
    position: relative
}

.services-tabs .tabsRight ul li a:hover {
    background: linear-gradient(272deg, #1c1c1c, transparent)
}

.services-tabs .tabsRight ul {
    margin: 0;
    padding: 0;
    counter-reset: item-counter
}

.services-tabs .tabsRight ul li {
    border-bottom: solid 1px #2C2C2C;
    list-style-type: none;
    counter-increment: item-counter
}

.services-tabs .tabsRight ul li a {
    padding: 50px 50px 50px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #FFF;
    gap: 30px;
    transition: 0.5s all;
    position: relative
}

.services-tabs .tabsRight ul li:last-child {
    border: 0
}

.services-tabs .tabsRight ul li a:before {
    content: counter(item-counter);
    font-size: clamp(35px, 3.64vw, 70px);
    background-color: rgb(0 0 0 / .1);
    position: absolute;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primaryColor);
    left: 0;
    top: 0;
    z-index: 1;
    bottom: 0;
    font-weight: 800
}

.services-tabs .tabsRight ul li h3 {
    font-size: clamp(22px, 1.56vw, 30px)
}

.services-tabs .tabsRight ul li h4 {
    margin-bottom: 0;
    width: 40%
}

.services-tabs .tabsRight ul li .desc {
    width: 55%
}

.services-tabs .tabsRight ul li p {
    color: var(--white);
    position: relative;
    overflow: hidden;
    margin: 0
}

.services-tabs .tabsRight .arrow {
    transition: 0.5s all;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.services-tabs .tabsRight .arrow svg {
    max-width: 25px
}

.services-tabs .alltabs-info {
    padding: 0 100px;
    position: relative;
    z-index: 1
}

@media(min-width:1024px) {
    .services-tabs .tabsRight ul li a:hover {
        padding: 40px 60px 40px 60px
    }

    .services-tabs .tabsRight ul li a:hover .arrow {
        transform: rotate(45deg);
        right: 20px
    }
}

@media(min-width:1600px) {
    .services-tabs .tabsRight ul li a:hover {
        padding: 50px 80px 50px 80px;
        background: linear-gradient(272deg, #1c1c1c, transparent)
    }
}

@media(max-width:1599px) {
    .services-tabs .tab-content .ratio-img {
        width: 220px;
        height: 315px
    }

    .services-tabs .tabsRight ul li a {
        padding: 40px 40px 40px 55px
    }

    .services-tabs .container {
        padding: 0 100px
    }
}

@media(max-width:1199px) {
    .services-tabs .alltabs-info {
        padding: 0 20px
    }

    .services-tabs .container {
        padding: 0 20px
    }

    .services-tabs .services-top-part {
        padding: 40px 20px
    }
}

@media(max-width:1023px) {
    .services-tabs {
        padding: 0 0 30px
    }

    .services-tabs .heading {
        text-align: center
    }

    .services-tabs .container {
        padding: 0 15px
    }

    .services-tabs .alltabs-info {
        padding: 0 15px
    }

    .services-tabs .tabsLeft .leftwrap {
        min-height: 350px;
        padding: 0 50px;
        position: relative
    }

    .services-tabs .tab-content.active {
        transform: rotate(5deg) translateX(0) translateY(15px)
    }

    .services-tabs .tab-content {
        padding: 0 12px
    }

    .services-tabs .tab-content {
        padding: 0 30px
    }

    .services-tabs .tabsRight ul li .desc {
        width: 100%
    }

    .services-tabs .tabsRight ul li a {
        flex-wrap: wrap;
        padding: 20px 30px 20px 35px;
        gap: 10px
    }

    .services-tabs .tabsRight ul li a:before {
        font-size: 35px;
        top: 12px;
        align-items: flex-start
    }

    .services-tabs .tabsRight ul li h4 {
        font-size: 16px;
        width: 100%
    }

    .services-tabs .tabsRight ul li p {
        font-size: 12px;
        height: auto
    }

    .services-tabs .tabsRight .arrow svg {
        max-width: 18px
    }

    .services-tabs .heading h2 {
        margin: 0 0 15px
    }
}

.swiper-pagination-bullets {
    text-align: center;
    margin-top: 50px
}

.casestudies .title_1 p {
    max-width: 675px
}

.casestudies_cnt .casestudies_box {
    display: flex
}

.casestudies_cnt .casestudies_box .casestudies_icn {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background-color: var(--primaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-right: 20px;
    font-size: 24px;
    color: var(--white)
}

.casestudies_cnt .casestudies_box .casestudies_cnt h2 {
    font-size: 24px;
    margin-bottom: 5px
}

.count.percent:after {
    content: "%";
    display: inline-block
}

.casestudies_cnt .casestudies_box .casestudies_cnt p {
    text-align: left;
    max-width: 265px
}

.what_we_done .whatwedone_box {
    width: 100%;
    float: left;
    background-color: var(--white);
    height: 100%
}

.what_we_done .whatwedone_box .whatwedone_icn {
    width: 63px;
    height: 63px;
    background-color: var(--primaryColor);
    border-radius: 100px;
    margin: 0 auto 23px auto;
    box-shadow: 0 0 0 10px rgb(81 183 235 / 36%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.what_we_done .whatwedone_box:hover .whatwedone_icn {
    background-color: #000;
    box-shadow: 0 0 0 10px rgb(0 0 0 / 36%);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.what_we_done .whatwedone_box .whatwedone_icn svg {
    height: 35px;
    width: auto;
    max-width: 35px;
    fill: var(--white)
}

.what_we_done .whatwedone_box figcaption h2 {
    font-size: 42px;
    margin-bottom: 2px
}

.what_we_done .whatwedone_box figcaption p {
    text-align: left;
    color: #6b6b6b;
    line-height: 1.3
}

.ppc_section {
    text-align: center;
    position: relative
}

.ppc_section .title_1 {
    margin-bottom: 0
}

.ppc_section .title_1 p {
    font-size: 35px;
    line-height: normal;
    color: #000;
    max-width: 940px;
    margin-top: 0 !important
}

.small_text {
    font-size: 15px;
    display: block;
    margin-top: 3px
}

.ppc_section_sub {
    width: 100%;
    float: left;
    background-color: #f5f5f5;
    padding: 60px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.ppc_section_sub:after {
    position: absolute;
    content: "";
    height: 434px;
    width: 434px;
    border-radius: 100%;
    background-color: rgb(0 0 0 / .1);
    bottom: -170px;
    right: -100px
}

.newsmedia {
    background: #121212
}

.newsmedia .heading {
    margin-bottom: 60px
}

.newsmedia_main {
    width: 100%;
    position: relative;
    z-index: 33
}

.newsmedia_main .container {
    max-width: 1480px
}

.newsmedia_banner {
    padding: 70px 30px 206px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 22;
    overflow: hidden
}

.newsmedia_banner:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / .6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.newsmedia_banner .title_1 {
    margin: 0
}

.newsmedia_banner .title_1 .title_main {
    color: var(--white)
}

.newsmedia_banner .title_1 p {
    max-width: 695px;
    color: var(--white)
}

.media_section {
    width: 100%;
    position: relative;
    z-index: 44
}

@media(max-width:767px) {
    .newsmedia .heading {
        margin-bottom: 30px;
        text-align: center
    }
}

.logo_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    min-height: 70px
}

.base-template__wrapper {
    max-width: 100dvw;
    padding-bottom: 50px
}

.our_clients {
    background: #FFFFFF0F;
    position: relative;
    padding: 50px 0
}

.our_clients .heading {
    text-align: center
}

.our_clients .heading h2 span {
    color: #fff0;
    -webkit-text-stroke: 1px #FFF
}

.our_clients .container {
    max-width: 100%
}

.logo-container .swiper {
    width: 100%
}

.logo-container .swiper-wrapper {
    transition-timing-function: linear !important;
    align-items: center;
    gap: 15px
}

.logo-container .swiper-slide {
    height: auto !important
}

.logo-container .horizontal-ticker__slide {
    position: relative;
    width: 12vw;
    overflow: hidden
}

@media screen and (max-width:767.9px) {
    .our_clients {
        padding: 20px 0
    }

    .logo-container .horizontal-ticker__slide {
        width: 150px
    }
}

.logo-container .horizontal-ticker__slide img {
    display: block;
    transition: opacity 0.6s ease-out;
    max-height: 50px
}

.logo-container.swiper-container-horizontal:after,
.logo-container.swiper-container-horizontal:before {
    position: absolute;
    width: 12%;
    height: 100%;
    z-index: 10;
    content: "";
    top: 0
}

.logo-container.swiper-container-horizontal:before {
    left: 0;
    background: linear-gradient(to right, #0f0f0f 0%, #fff0 100%)
}

.logo-container.swiper-container-horizontal:after {
    right: 0;
    background: linear-gradient(to right, #0f0f0f 0%, #fff0 100%);
    transform: rotate(180deg)
}

.testimonials {
    background: #121212;
    position: relative
}

.testimonials .testimonials-wrapper {
    position: relative;
    z-index: 2
}

.testimonials .testimonials-wrapper .container {
    max-width: 100% !important
}

.testimonials .heading {
    margin: 0 0 60px;
    text-align: center
}

.testimonials .heading h2 {
    word-wrap: break-word
}

.testimonials .swiper-slide {
    height: auto
}

.testimonials_box {
    position: relative;
    width: 100%;
    background: #FFFFFF0F;
    padding: 30px;
    height: 100%;
    border-radius: 20px
}

.testimonials_box .card-header {
    padding: 0 0 20px;
    display: flex;
    align-items: center;
    gap: 15px
}

.testimonials_box .card-header img {
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    filter: grayscale(1);
    border-radius: 100%
}

.testimonials_box h2 {
    font-size: 22px;
    margin-bottom: 0
}

.testimonials_box p {
    color: var(--white)
}

.testimonials_box .testi_img {
    display: inline-block;
    position: absolute;
    bottom: -48px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.testimonials_box figcaption ul {
    margin: 0
}

.testimonials_box figcaption ul li+li {
    margin-left: 5px
}

.testimonials_box figcaption ul li svg {
    height: 18px;
    width: auto
}

.testimonials_box .testi_img img {
    border-radius: 100px;
    border: 5px solid var(--white)
}

@media(max-width:1599px) {
    .testimonials_box .card-header img {
        max-width: 60px;
        max-height: 60px
    }
}

@media(max-width:767px) {
    .testimonials_box {
        padding: 30px 20px 25px
    }

    .testimonials .heading {
        margin: 0 auto 30px;
        padding: 0 20px;
        max-width: 250px
    }
}

.swiper-pagination-bullet {
    width: 18px;
    height: 18px
}

.swiper_main_slide {
    position: relative
}

.input-box .input,
.select {
    border-bottom: solid 1px #C2C2C2;
    background: #fff0;
    padding: 0;
    border-radius: 0;
    color: var(--white)
}

.input-box .input::placeholder {
    color: #FFF;
    opacity: 1
}

.get_free_quote {
    position: relative
}

.get_free_quote .quoteWrap {
    position: relative;
    z-index: 1
}

.get_free_quote .form_left .title_1 .title_main {
    font-size: 45px
}

.get_free_quote .form_left .title_1 p {
    font-size: 20px
}

.contact_info {
    max-width: 300px
}

.contact_info h2 {
    margin-bottom: 20px
}

.contact_info h2 span {
    display: block
}

.contact_info p svg {
    margin: 0 5px 0 0 !important;
    display: inline-block;
    vertical-align: middle
}

.contact_info a {
    color: var(--white);
    border-bottom: solid 1px #fff0;
    text-decoration: none
}

.contact_info a:hover {
    border-color: var(--white)
}

@media(max-width:991px) {
    .contact_info {
        max-width: 100%;
        margin: auto auto 30px;
        text-align: center
    }
}

@media(max-width:767px) {
    .get_free_quote .form_wrapper {
        text-align: center;
        margin: 0 20px
    }

    .contact_info {
        text-align: center;
        padding: 0 20px;
        margin-bottom: 0
    }

    .contact_info h2 {
        margin-bottom: 15px
    }

    .contact_info .form_left {
        margin: 30px 0 0
    }
}

.ads-block {
    padding: 60px 100px;
    position: relative;
    z-index: 2;
    background: #111
}

.ads-block .heading h2 {
    color: var(--primaryColor);
    font-size: clamp(22px, 1.87vw, 36px);
    margin-bottom: 20px
}

.ads-block .heading p {
    color: var(--white);
    font-size: clamp(16px, 1.30vw, 25px);
    margin: 0
}

.ads-block .large-btn .cta-button {
    font-size: clamp(18px, 1.92vw, 37px);
    color: var(--white);
    background: var(--primaryColor);
    text-decoration: none;
    padding: 14px 25px;
    display: block;
    width: 100%;
    max-width: 600px;
    margin: auto;
    border-radius: 110px;
    text-align: center;
    transition: 0.5s all;
    border: solid 5px var(--primaryColor);
    font-weight: 700
}

.ads-block .animate-arrow {
    text-align: center
}

.ads-block .large-btn .cta-button:hover {
    text-shadow: -3px 3px 0 rgb(230 145 55 / .5);
    background: #fff0
}

.large-btn .cursor {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    aspect-ratio: 1/1;
    background: #fff0;
    border: 1px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    pointer-events: none;
    mix-blend-mode: difference
}

.large-btn .text {
    color: #fff;
    font-size: 3rem;
    cursor: none
}

.arrowWrap {
    overflow: hidden;
    position: relative;
    display: inline-block;
    max-width: 200px;
    transition: 2s all;
    transform: rotate(-15deg)
}

@media(max-width:1199px) {
    .ads-block {
        padding: 40px 20px 30px
    }
}

@media(max-width:767px) {
    .ads-block {
        padding: 30px 20px
    }

    .ads-block .animate-arrow {
        display: none
    }

    .ads-block .large-btn .cta-button {
        border: 0;
        padding: 10px 25px
    }
}

footer {
    position: relative;
    overflow: hidden
}



.footerWrap:after {
    content: "";
    background-color: var(--black);
    background-image: repeating-linear-gradient(to right, rgb(255 255 255), rgb(255 255 255) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(to bottom, white, white 1px, transparent 1px, transparent 60px);
    width: 100%;
    opacity: .04;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.footer_about_box ul li {
    margin-bottom: 20px
}

.footer_about_box ul li.iconText {
    display: flex;
    gap: 8px
}

.footer_about_box ul li.iconText svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    fill: var(--primaryColor);
    margin: 3px 0 0
}

.footer_about_box ul li.iconText a {
    text-decoration: none;
    color: var(--white)
}

.top_footer {
    padding: 60px 100px;
    position: relative
}

.top_footer>div {
    position: relative;
    z-index: 2
}

.top_footer .row,
.top_footer .row [class*="col-"] {
    margin-top: 0
}

.footerWrap {
    background: var(--dark-grey);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.footerWrap .footerFadeLeft {
    padding-right: 5vw
}

.footerWrap .footerFadeLeft .heading {
    margin: 0
}

.footer_logo img {
    max-width: 280px
}

.footer_links_box.footer_about p {
    color: var(--grey)
}

.footer_links_box ul li a {
    color: var(--white);
    text-decoration: none;
    position: relative
}

.footer_links_box ul li a:after {
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    background: var(--white);
    position: absolute;
    height: 1px;
    transition: 0.5s all
}

.footer_links_box ul li a:hover:after {
    width: 100%;
    right: auto;
    left: 0
}

.footer_links_box .title,
.footer_links_box .title a {
    color: var(--white);
    text-decoration: none;
    font-size: clamp(18px, 1.04vw, 20px)
}

.footer_links_box ul {
    padding: 0
}

.footer_links_box ul li {
    list-style-type: none;
    margin: 0 0 5px
}

.footer_links_box ul li a {
    color: var(--white)
}

.footer_bottom {
    background-color: var(--dark-grey);
    padding: 20px 20px 3vw;
    font-size: 14px;
    position: relative;
    z-index: 2
}

.footer_bottom .brandText {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: -5.5vw
}

.footer_bottom .brandText figure {
    margin: 0
}

.footer_bottom .brandText figure img {
    max-width: 68vw
}

.footer_bottom p {
    margin: 0
}

.footer_bottom .wsmenu-list {
    display: flex;
    margin: 0;
    flex-wrap: wrap
}

.footer_bottom .wsmenu-list li {
    list-style-type: none
}

.footer_bottom .wsmenu-list li:not(:last-child):after {
    content: "|";
    margin: 0 0 0 10px;
    color: #666;
    font-size: 12px
}

.footer_bottom .wsmenu-list li a {
    text-decoration: none;
    color: var(--white)
}

.footer_bottom .wsmenu-list li a:hover {
    color: var(--primaryColor)
}

.footer-services-menu-main {
    background-color: rgb(255 255 255 / .05);
    border: solid 1px rgb(255 255 255 / .1);
    padding: 50px;
    border-radius: 40px
}

.social_media ul li a {
    color: #000
}

.social_media ul li a:hover {
    color: var(--primaryColor)
}

.copyright ul {
    margin: 0;
    display: flex;
    gap: 10px
}

.copyright ul li {
    position: relative;
    line-height: 1
}

.copyright ul.wsmenu-list li:not(:last-child) {
    border-right: solid 1px #FFF;
    padding-right: 12px
}

.copyright ul li a {
    color: #FFF;
    font-size: 14px
}

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 60px;
    width: 60px;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    box-shadow: inset 0 0 0 2px rgb(255 255 255 / .2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) rotateY(180deg);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) rotateY(180deg)
}

.modal-open .progress-wrap {
    opacity: 0 !important
}

.progress-wrap::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    background: #FFF;
    transition: all 200ms linear;
    border-radius: 100%;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: scale(0);
    background-image: url(../images/arrow-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    transform: rotate(-90deg) scale(0)
}

.progress-wrap:hover:after {
    transform: rotate(-90deg) scale(1)
}

.progress-wrap::before {
    position: absolute;
    content: '';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap:hover::before {
    opacity: 1
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: #FFF;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    height: 54px;
    width: 54px;
    object-fit: cover;
    bottom: 0;
    right: 0;
    margin: auto;
    border: solid 2px #fff0
}

@media(max-width:1599px) {
    .footer_logo img {
        max-width: 220px
    }

    .progress-wrap {
        right: 30px;
        bottom: 20px;
        height: 50px;
        width: 50px
    }

    .progress-wrap img {
        height: 44px;
        width: 44px
    }

    .footerWrap .footerFadeLeft .heading {
        max-width: 400px
    }

    .footer-services-menu-main {
        padding: 25px 20px;
        border-radius: 20px
    }

    .copyright .wrap {
        flex-wrap: wrap
    }

    .copyright .wrap>div:first-child {
        width: 100%;
        margin: 10px 0 0;
        order: 3
    }
}

@media(max-width:1199px) {
    .top_footer {
        padding: 40px 20px 20px
    }

    .footer_logo img {
        max-width: 180px
    }
}

@media(max-width:767px) {
    .top_footer {
        padding: 0 15px 0;
        text-align: center
    }

    .footerWrap .footerFadeLeft {
        padding: 10px 10px 0;
        text-align: center
    }

    .footerWrap .footerFadeLeft .heading {
        margin-bottom: 25px;
        max-width: 100%
    }

    .footer_links_box ul li:last-child {
        margin-bottom: 0
    }

    .footer_bottom {
        padding: 20px 10px 8vw
    }

    .footer_about_box ul li {
        margin-bottom: 10px
    }

    .footer_about_box ul li.iconText {
        justify-content: center
    }

    .copyright ul {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 15px
    }

    .copyright ul li {
        margin: 5px 0
    }

    .social_media ul {
        margin: 0
    }

    .copyright .wrap {
        justify-content: center !important
    }
}

.contact_detail {
    position: relative;
    height: 100%;
    padding-right: 30px
}

.contact_detail>ul {
    margin-bottom: 0
}

.contact_detail>ul>li {
    display: flex
}

.contact_detail>ul>li+li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgb(255 255 255 / .1)
}

.contact_detail>ul>li .contact_info_icon {
    min-width: 40px;
    width: 40px
}

.contact_detail>ul>li .contact_info_icon svg {
    width: 25px;
    height: auto;
    fill: var(--primaryColor)
}

.contact_detail>ul>li .contact_info_cnt span {
    font-size: 20px;
    color: var(--white);
    display: block;
    line-height: normal;
    margin-bottom: 8px
}

.contact_detail>ul>li .contact_info_cnt a {
    text-decoration: none
}

.contact_detail>ul>li .contact_info_cnt a,
.contact_detail>ul>li .contact_info_cnt p {
    color: var(--white)
}

.contact_detail .social_media ul li+li {
    margin-left: 5px
}

.contact_detail>ul>li .contact_info_cnt a:hover {
    color: var(--primaryColor)
}

.contact_detail>ul>li .contact_info_cnt .social_media ul {
    margin-top: 5px;
    display: flex
}

.contact_detail>ul>li .contact_info_cnt .social_media ul li a {
    width: 37px;
    height: 37px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.contact_detail>ul>li .contact_info_cnt .social_media ul li a:after {
    border-radius: 0
}

.contact_detail>ul>li .contact_info_cnt .social_media ul li a:hover:after {
    height: 100%;
    width: 100%
}

.contact_info_cnt .social_media {
    margin-top: 0
}

.map iframe {
    width: 100%;
    height: 400px
}

.request_a_quote_form .text-center {
    text-align: left !important
}

.request_a_quote_form .required_text {
    text-align: left
}

.inner_banner {
    min-height: 500px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative
}

.inner_banner:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #111;
    opacity: .9
}

.inner_banner .inner_caption {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 100%;
    text-align: center
}

.inner_banner .inner_caption h1,
.inner_banner .inner_caption .h1,
.inner_banner .inner_caption span {
    font-size: 48px;
    margin: 0 0 0 0;
    line-height: 1.2;
    color: var(--white)
}

.breadcrumb {
    width: 100%;
    float: left;
    padding: 10px 0 0 0
}

.breadcrumb {
    display: inline-block;
    padding: 0;
    background: no-repeat;
    margin: 8px 0 0 0;
}

.breadcrumb li {
    display: inline-block;
    position: relative;
    line-height: normal;
    font-size: 14px;
    color: #e9f3f4
}

.breadcrumb li:after {
    position: absolute;
    content: "/";
    right: -13px;
    top: 1px;
    bottom: 0;
    margin: auto
}

.breadcrumb li:last-child:after {
    display: none
}

.breadcrumb li+li {
    margin-left: 20px
}

.breadcrumb li a,
.breadcrumb li {
    line-height: normal;
    color: #e9f3f4
}

body:not(.home) .site_main {
    padding-top: 127px
}

.blog_box {
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / .06);
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    padding: 20px
}

.blog_box .ratio-img {
    padding-bottom: 60%;
    border-radius: 14px
}

.blog_box .b-info {
    width: 100%;
    padding: 30px 0 0
}

.blog_box .b-info .date {
    display: flex;
    gap: 8px;
    margin: 0 0 15px;
    align-items: center;
    font-size: 12px
}

.blog_box .b-info span {
    color: var(--primaryColor);
    font-size: 11px;
    display: block
}

.blog_box .b-info h3 {
    margin: 0 0 23px;
    font-weight: 500;
    font-size: clamp(20px, 1.30vw, 25px)
}

.blog_box .b-info h3 a {
    color: var(--white);
    border-bottom: solid 2px #fff0
}

.blog_box .b-info h3 a:hover {
    border-color: var(--white)
}

.blog_box a {
    text-decoration: none;
    display: block;
    color: var(--white)
}

.blog_box a:hover figcaption h5 {
    text-decoration: underline
}

.more_link {
    color: var(--primaryColor)
}

.more_link svg {
    width: 19px;
    height: auto;
    margin-left: 6px;
    fill: var(--primaryColor);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.more_link:hover svg {
    margin-left: 10px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.learnmore {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.learnmore svg {
    max-width: 25px;
    transition: 0.2s all
}

.learnmore:hover {
    color: var(--white)
}

.learnmore:hover svg {
    max-width: 20px
}

@media(max-width:767px) {
    .blog_box {
        padding: 15px
    }

    .blog_box .b-info {
        padding: 20px 0 0
    }

    .blog_box .b-info .date {
        margin: 0 0 8px
    }

    .blog_box .b-info h3 {
        margin: 0 0 10px
    }
}

.service_img {
    width: 100%;
    margin-bottom: 40px
}

.blog_content img {
    width: 100%;
    border-radius: 15px
}

.blog_content iframe {
    width: 100%;
    margin: 20px 0 0
}

.service_sidebar {
    width: 100%;
    float: left
}

.service_sidebar aside {
    width: 100%;
    float: left
}

.service_sidebar aside+aside {
    margin-top: 30px
}

.service_category {
    width: 100%;
    padding: 30px;
    background-color: #111;
    border-radius: 15px
}

.service_category .rec-title {
    border-bottom: solid 1px rgb(255 255 255 / .1);
    padding-bottom: 15px
}

.service_category ul {
    margin-top: 15px;
    width: 100%
}

.service_category ul li {
    width: 100%;
    float: left
}

.service_category ul li+li {
    margin-top: 15px
}

.service_category ul li a {
    width: 100%;
    color: #181819;
    font-size: 18px
}

.service_category ul li a:hover {
    color: var(--primaryColor)
}

.serfvice_cta {
    width: 100%;
    float: left;
    padding: 40px;
    background-color: #222
}

.serfvice_cta .title_1 .title_main {
    color: var(--white);
    font-size: 30px
}

.listing_recent_blog {
    margin: 0
}

.listing_recent_blog li+li {
    margin-top: 15px
}

.listing_recent_blog li .blog-left-img {
    margin-right: 15px
}

.listing_recent_blog li .blog-left-img img {
    max-width: 80px;
    min-width: 80px
}

.listing_recent_blog li .blog-right-content span {
    font-size: clamp(12px, 0.72vw, 14px);
    color: var(--white)
}

.listing_recent_blog li .blog-right-content h2 {
    margin: 5px 0 0 0;
    font-family: var(--primaryFont);
    line-height: 1.3;
    font-size: clamp(14px, 0.83vw, 16px)
}

.listing_recent_blog li .blog-right-content h2 a {
    color: var(--white);
    text-decoration: none
}

.listing_recent_blog li .blog-right-content h2 a:hover {
    color: var(--primaryColor)
}

.error404 .header {
    box-shadow: 0 -8px 12px #000
}

.page_404 {
    margin-top: 100px !important
}

.page_404 h1 {
    font-size: 22px;
    margin-bottom: 15px;
    color: var(--primaryColor)
}

.page_404 h2 {
    font-size: clamp(50px, 5.20vw, 100px) !important;
    margin: 0 !important;
    line-height: 1
}

.page_404 h3 {
    margin: 20px 0 !important
}

.page_404 p {
    max-width: 550px;
    margin: 0 auto 20px auto;
    text-align: center
}

.services_box figcaption {
    width: 100%;
    float: left;
    margin-top: 15px
}

.services_box figcaption h2 {
    font-size: 24px
}

.services_box figcaption h2 a {
    color: #000
}

.btn_more {
    text-transform: uppercase;
    font-size: 14px
}

.btn_more svg {
    max-width: 14px;
    height: auto;
    margin-left: 5px;
    fill: var(--primaryColor)
}

.cms_page ul li,
.cms_page ol li {
    margin-bottom: 3px;
    padding-left: 32px;
    position: relative;
    display: table;
    text-align: left;
    margin: 0;
    color: var(--white)
}

.cms_page ul li+li,
.cms_page ol li+li {
    margin-top: 6px
}

.cms_page ul li:after {
    content: "";
    height: 13px;
    width: 18px;
    background-image: url(../images/check-mark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 13px;
    top: 5px;
    position: absolute;
    left: 0;
    filter: grayscale(3)
}

.col2 {
    column-count: 2
}

.col3 {
    column-count: 3
}

.category_cnt {
    background-color: #111
}

.content {
    display: none
}

.popup_left {
    height: 100%
}

.popup_left img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.modal-content {
    border: none;
    border-radius: 0;
    background: #111;
    border: solid 1px rgb(255 255 255 / .2);
    border-radius: 20px;
    overflow: hidden
}

.modal-content .btn-close svg {
    width: 15px;
    height: auto;
    fill: var(--white)
}

.modal-content .btn-close {
    width: 38px;
    height: 38px;
    z-index: 55555;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
    filter: invert(1);
    opacity: 1
}

.popup_right {
    padding: 50px 50px 50px 20px;
    width: 100%
}

.modal-content .input-box {
    margin-bottom: 10px
}

.modal-content .input-box .input {
    height: 40px;
    padding: 5px 0;
    font-size: 14px
}

.modal-lg,
.modal-xl {
    max-width: 1000px
}

.page_content_sub {
    width: 100%;
    float: left;
    background-color: #f5f5f5;
    padding: 60px;
    border-radius: 50px;
    text-align: center
}

.page_content_sub p {
    text-align: center
}

.page_content_sub .title_1 {
    margin-bottom: 20px
}

.media_section .container {
    max-width: 1330px
}

.banner_caption {
    position: absolute;
    left: 50%;
    right: 0;
    margin: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%
}

.banner_img {
    margin: 0;
    width: 60%;
    float: right
}

.overlay_hover span {
    position: absolute;
    width: 2px;
    height: 60px;
    background-color: #fff;
    margin-top: 20px;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.overlay_hover {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: rgb(244 179 61 / 90%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2
}

.overlay_hover svg {
    width: 30px;
    fill: #FFFFFE
}

.gallery_images .gallery_wrpr {
    margin-top: 40px
}

.feature {
    width: 100%;
    float: left;
    background-color: #f5f5f5
}

.feature_box {
    width: 100%;
    float: left;
    height: 100%;
    border: 1px solid #ddd;
    background-color: var(--white);
    padding: 50px 30px
}

.feature_box .feature_icn {
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.feature_box .feature_icn svg {
    width: auto;
    height: 60px;
    fill: #f4b33d
}

.feature_box figcaption h2 {
    font-size: 25px
}

.single_page_content {
    background-color: #f5f5f5
}

.single_page_content .alignright {
    max-width: 480px
}

.footer_logo {
    margin-bottom: 30px;
    max-width: 300px
}

.gallery_box {
    position: relative
}

.service-content h1 {
    margin-bottom: 35px
}

@media(max-width:1599px) {
    .media_section .container {
        max-width: 1140px
    }

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }

    .popup_main {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto
    }
}

@media(max-width:767px) {
    .service_img {
        margin-bottom: 20px
    }

    .footer_logo {
        margin: auto auto 30px
    }

    .service-content h1 {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 1.3
    }
}

#wrapper {
    max-width: 1024px;
    margin: 0 auto;
    box-shadow: 0 0 300px #bbb;
    overflow: hidden
}

#header {
    background: #fff;
    overflow: hidden;
    padding: 20px 0 25px
}

#header #logo .logoHolder {
    text-align: center
}

#header #logo .logoHolder h1 {
    margin: 0 0 5px
}

#header #logo .logoHolder p {
    color: #bdbdbd;
    margin: 0;
    font-size: 24px
}

#content #banner {
    margin-bottom: 5px
}

#content #banner .inner {
    position: relative
}

#content #banner .inner img {
    width: 100%
}

#content #banner .textHolder {
    position: absolute;
    padding: 35px 25px;
    width: 50%;
    margin-top: 30px;
    border-radius: 2px
}

#content #banner .textHolder h2 {
    margin: 0 0 5px;
    font-size: 30px;
    color: #e34b6f;
    margin-bottom: 20px
}

#content #banner .textHolder h3 {
    font-size: 30px;
    font-weight: 700
}

#content #banner .textHolder p {
    font-size: 15px;
    line-height: 22px
}

#content #topContent {
    overflow: hidden;
    padding: 30px 0 40px;
    text-align: center
}

#content #topContent a {
    background: #e34b6f;
    color: #fff;
    font-weight: 700;
    padding: 18px 20px 22px;
    display: block;
    font-size: 26px;
    letter-spacing: -1px;
    border-radius: 2px;
    margin: 20px auto 0;
    width: 180px;
    text-align: center
}

#content #topContent a:hover {
    background: #4ddf98
}

#content #columnHolder {
    overflow: hidden;
    clear: both;
    padding: 35px 0;
    background: #f8f8f8
}

#content #columnHolder h4 {
    font-weight: 400
}

#content #columnHolder .column {
    width: 100%;
    float: left;
    height: 100%
}

#content #columnHolder .column .top {
    overflow: hidden;
    border-radius: 2px;
    padding: 30px 0;
    height: 100%;
    text-align: center
}

#content #columnHolder .column .top .icon {
    max-width: 70px;
    margin: 0 auto 15px auto;
    border-radius: 50%;
    overflow: hidden
}

#content #columnHolder .column .top .icon img {
    width: 100%
}

#content #columnHolder .column .top h2 {
    width: 100%;
    float: left;
    color: #fff;
    margin: 14px 0 0;
    font-size: 20px
}

#content #columnHolder .column [class*="col-"]:nth-child(1) .top {
    background: #8661c0
}

#content #columnHolder .column [class*="col-"]:nth-child(2) .top {
    background: #e34b6f
}

#content #columnHolder .column [class*="col-"]:nth-child(3) .top {
    background: #4ddf98
}

#content #columnHolder .column [class*="col-"]:nth-child(4) .top {
    background: #666
}

#content #midContent {
    overflow: hidden;
    clear: both;
    text-align: center;
    background: #efeff3 url(../images/young_woman.png) no-repeat -13% center;
    padding: 35px 0
}

#content #midContent .textHolder {
    width: 60%;
    text-align: right;
    float: right
}

#content #midContent h2 {
    margin: 0 0 15px;
    color: #444
}

#content #midContent h3 {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #666
}

#content #midContent p.left {
    line-height: 0;
    margin: 0;
    margin-left: -40px;
    width: 46%
}

#content #midContent p.left img {
    width: 100%
}

#bottomContent.bottomContent {
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px
}

#bottomContent.bottomContent .top {
    background: #f5f5f5;
    overflow: hidden;
    padding: 35px 0;
    margin-bottom: 40px
}

#bottomContent.bottomContent h2 {
    letter-spacing: -2px
}

#bottomContent.bottomContent h3 {
    font-weight: 400
}

#bottomContent.bottomContent h4 {
    font-size: 16px;
    font-weight: 400
}

#bottomContent.bottomContent ul {
    overflow: hidden;
    margin: 30px 0 10px
}

#bottomContent.bottomContent ul.list2 {
    overflow: hidden;
    margin: 30px 0 10px
}

#bottomContent.bottomContent ul.list2 li {
    padding: 20px 10px 20px 75px;
    list-style: none;
    font-size: 110%;
    line-height: 22px;
    margin-bottom: 15px;
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd
}

#bottomContent.bottomContent ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.orm {
    background: url(../images/icon_list_orm.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.ppc {
    background: url(../images/icon_list_ppc.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.seo {
    background: url(../images/icon_list_seo.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign.png) no-repeat left
}

#bottomContent.bottomContent #chartHolder {
    overflow: hidden;
    clear: both;
    margin: 20px 0 0
}

#bottomContent.bottomContent #chartHolder .chart {
    float: left;
    background-color: var(--white);
    padding: 50px 20px;
    text-align: center;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

#bottomContent.bottomContent #chartHolder .chart:nth-child(4),
#content #bottomContent #chartHolder .chart:nth-child(5),
#content #bottomContent #chartHolder .chart:nth-child(6) {
    border: none
}

#bottomContent.bottomContent #chartHolder .chart .imgHolder {
    text-align: center;
    margin-bottom: 20px
}

#bottomContent.bottomContent #chartHolder .chart .imgHolder img {
    width: 50%
}

#content #bottomRegister {
    overflow: hidden;
    padding: 35px 0 50px;
    background: url(../images/bottom_register_img.png) bottom left no-repeat
}

#content #bottomRegister .right {
    width: 57%
}

#content #bottomRegister .right .textHolder {
    margin-top: 20px
}

#content #bottomRegister .right .textHolder p {
    font-size: 14px;
    line-height: 22px
}

#footer {
    padding: 15px 0 15px;
    overflow: hidden;
    clear: both;
    background: #f5f5f5
}

#footer .left {
    color: #666
}

#footer .right ul li a {
    display: block
}

#footer .right ul li:hover a {
    opacity: .7
}

.right {
    float: right
}

.left {
    float: left
}

.smallpdn {
    padding: 40px 0
}

#header {
    overflow: hidden;
    padding: 25px 0;
    background-color: var(--primaryColor);
    margin-bottom: 20px
}

#header .inner #logo {
    text-align: center
}

#header .inner #logo h1 {
    margin: 0
}

#header .inner #logo h2 {
    margin: 15px 0 0
}

#header .inner #logo p {
    color: #000;
    margin: 0
}

#content {
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    padding: 20px 0 0
}

#content #banner {
    margin-bottom: 4px;
    overflow: hidden
}

#content #belowBanner .textHolder {
    width: 100%;
    text-align: center
}

#content #belowBanner .textHolder2 {
    margin: 0 25px
}

#content #belowBanner .textHolder2 embed {
    float: left;
    border: 5px solid #111
}

#content #belowBanner .textHolder2 h1 {
    margin-top: 0;
    line-height: 130%;
    font-size: 20px;
    margin-bottom: 10px
}

#content #belowBanner .textHolder2 p {
    font-size: 16px;
    line-height: 25px
}

#content #belowBanner {
    overflow: hidden
}

#content #belowBanner .inner {
    background: #f5f5f5;
    overflow: hidden;
    padding: 44px 0 25px
}

#content #belowBanner .textHolder2 .textHolder3 {
    float: left;
    width: 420px;
    margin-right: 20px;
    text-align: left
}

#content #belowBanner .textHolder2 .right {
    background: #4F5455
}

#content #belowBanner .textHolder2 .right .videoHolder .thumbnail p {
    padding: 10px;
    margin: 0;
    line-height: 120%;
    font-weight: 700;
    color: #fff
}

#content .columnsHolder ul.list2 li.brandestablisher {
    background: url(../images/icon_list_brandestabliser.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent2.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz2.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.orm {
    background: url(../images/icon_list_orm2.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.ppc {
    background: url(../images/icon_list_ppc2.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.seo {
    background: url(../images/icon_list_seo2.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia2.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit2.png) no-repeat left top
}

#content .columnsHolder ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign2.png) no-repeat left top
}

#content .midContent {
    width: 100%;
    padding-top: 40px;
    overflow: hidden
}

#content .midContent .left {
    width: 50%
}

#content .midContent .pieHolder .pie {
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd
}

#content .midContent .pieHolder .pie img {
    float: left;
    width: 70px;
    margin-right: 15px
}

#content .midContent .pieHolder .pie p {
    float: left;
    margin: 26px 0 0;
    font-weight: 700
}

#content .midContent .right {
    width: 46%;
    line-height: 0
}

#content .midContent .right img {
    width: 100%
}

#content .midContent2 .pieHolder .pie img {
    float: left;
    max-width: 50px;
    margin-right: 15px
}

#content .midContent2 .pieHolder .pie p {
    margin: 0;
    font-size: 16px;
    float: left;
    width: 80%
}

#bottomQuote2.bottomQuote2 {
    background: #000;
    padding: 40px 0
}

#bottomQuote2.bottomQuote2 .quoteHolder {
    text-align: center
}

#bottomQuote2.bottomQuote2 .quoteHolder .inner {
    width: 90%
}

#bottomQuote2.bottomQuote2 .quoteHolder p {
    color: #fff;
    font-size: 20px;
    line-height: 28px
}

#bottomQuote2.bottomQuote2 .quoteHolder p strong {
    color: var(--primaryColor)
}

#bottomQuote2.bottomQuote2 .quoteHolder ul {
    overflow: hidden;
    text-align: center
}

#bottomQuote2.bottomQuote2 .quoteHolder ul li {
    list-style: none;
    font-size: 18px;
    display: inline-block;
    width: 39%;
    text-align: left;
    background: var(--primaryColor);
    padding: 15px 20px;
    margin-bottom: 5px;
    font-weight: 700
}

#content #bottomCta {
    clear: both;
    overflow: hidden;
    padding: 40px 0
}

#content #bottomCta .left {
    width: 60%
}

#content #bottomCta .right {
    width: 37%
}

#chiropractors {
    overflow: hidden
}

#chiropractors #banner {
    position: relative;
    overflow: hidden;
    padding: 50px 0 60px
}

#chiropractors #banner .inner {
    width: 70%;
    margin: 0 auto 0
}

#chiropractors #banner .textHolder {
    z-index: 20;
    text-align: center;
    position: static;
    width: 100%;
    transform: none
}

#chiropractors #banner .textHolder h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    line-height: 130%
}

#chiropractors #banner .textHolder p {
    color: #fff;
    font-size: 20px
}

#chiropractors #banner .textHolder a {
    background: #8fbf4d;
    text-align: center;
    color: #fff;
    font-size: 30px;
    display: block;
    width: 250px;
    letter-spacing: -1px;
    padding: 15px 15px 20px;
    margin: 30px auto 0
}

#chiropractors #banner .textHolder a:hover {
    background: #3e454c
}

#chiropractors #banner img {
    z-index: 1;
    opacity: .8;
    width: 100%
}

#chiropractors #belowBanner {
    overflow: hidden;
    background: #fff
}

#chiropractors #belowBanner .textHolder {
    width: 100%;
    text-align: center
}

#chiropractors #belowBanner .textHolder2 {
    margin: 0 25px
}

#chiropractors #belowBanner .textHolder2 embed {
    float: left;
    border: 5px solid #111
}

#chiropractors #belowBanner .textHolder2 h1 {
    margin-top: 0;
    line-height: 130%;
    font-size: 20px;
    margin-bottom: 10px
}

#chiropractors #belowBanner .textHolder2 p {
    font-size: 15px;
    line-height: 150%
}

#chiropractors #belowBanner {
    overflow: hidden
}

#chiropractors #belowBanner .inner {
    background: #fafafa;
    overflow: hidden;
    padding: 38px 0 25px;
    margin: 0
}

#chiropractors #belowBanner .textHolder2 .textHolder3 {
    float: left;
    width: 45%;
    text-align: left
}

#chiropractors #belowBanner .textHolder2 .right {
    background: #4D5E64;
    overflow: hidden;
    width: 50%
}

#chiropractors #belowBanner .textHolder2 .right .videoHolder .thumbnail p {
    padding: 10px;
    margin: 0;
    line-height: 120%;
    font-weight: 700;
    color: #fff
}

#chiropractors #belowBanner .textHolder2 .right .videoHolder .thumbnail img,
#chiropractors #belowBanner .textHolder2 .right .videoHolder .thumbnail iframe {
    width: 100%
}

#chiropractors #midContent {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    background: #fff;
    padding-top: 20px
}

#chiropractors #midContent .inner h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 20px 0 30px;
    text-align: right
}

#chiropractors #midContent .inner p {
    text-align: right
}

#chiropractors #midContent .inner p.left {
    width: 35%;
    margin: 0 20px 0 0;
    line-height: 0
}

#chiropractors #midContent .inner p.left img {
    width: 100%
}

#chiropractors #midContent2 {
    overflow: hidden;
    background: #fff;
    padding-top: 20px
}

#chiropractors #midContent2 .inner h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 30px 0 25px
}

#chiropractors #midContent2 .inner p.right {
    width: 35%;
    margin: 0 0 0 20px;
    line-height: 0
}

#chiropractors #midContent2 .inner p.right img {
    width: 100%
}

#chiropractors #midContent2 ul {
    margin: 10px 0;
    padding-left: 20px
}

#chiropractors #midContent2 ul li {
    color: #81868E;
    font-weight: 700
}

#chiropractors #midContent2 ul li p {
    margin: 10px 0
}

#chiropractors #chartHolder {
    padding: 50px 0 30px;
    overflow: hidden;
    background: #fafafa
}

#chiropractors #chartHolder .chart {
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    float: left;
    background-color: #f1f1f1;
    padding: 25px 15px;
    text-align: center;
    height: 100%;
    border: 1px solid #ddd
}

#chiropractors #chartHolder .chart .imgHolder {
    max-width: 100px;
    margin: 0 20px 15px 0;
    margin-left: auto;
    margin-right: auto
}

#chiropractors #chartHolder .chart .imgHolder img {
    width: 100%
}

#chiropractors #chartHolder .chart .textHolder p {
    margin: 0
}

#chiropractors .chartHolder {
    padding: 30px 0
}

#chiropractors .columnsHolder ul.list2 li.brandestablisher {
    background: url(../images/icon_list_brandestabliser3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.orm {
    background: url(../images/icon_list_orm3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.ppc {
    background: url(../images/icon_list_ppc3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.seo {
    background: url(../images/icon_list_seo3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit3.png) no-repeat left top
}

#chiropractors .columnsHolder ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign3.png) no-repeat left top
}

#chiropractors #bottomCta {
    clear: both;
    overflow: hidden;
    padding: 40px 0
}

#chiropractors #bottomCta .left {
    width: 60%
}

#chiropractors #bottomCta .right {
    width: 37%
}

#seoforaccountants {
    overflow: hidden
}

#seoforaccountants #banner {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 4px solid var(--primaryColor);
    border-radius: 2px
}

#seoforaccountants #banner .inner {
    max-width: 100%
}

#seoforaccountants #banner .inner h1 {
    font-size: 90px;
    text-transform: uppercase;
    margin: 0
}

#seoforaccountants #banner .inner h2 {
    font-size: 60px;
    text-transform: uppercase;
    margin: 0
}

#seoforaccountants #belowBanner .textHolder {
    width: 100%;
    text-align: center
}

#seoforaccountants #belowBanner .textHolder2 {
    margin: 0 25px
}

#seoforaccountants #belowBanner .textHolder2 embed {
    float: left;
    border: 5px solid #111
}

#seoforaccountants #belowBanner .textHolder2 h1 {
    margin-top: 0;
    line-height: 130%;
    font-size: 20px;
    margin-bottom: 10px
}

#seoforaccountants #belowBanner .textHolder2 p {
    font-size: 15px;
    line-height: 150%
}

#seoforaccountants #belowBanner {
    overflow: hidden
}

#seoforaccountants #belowBanner .inner {
    background: #f8f8f8;
    overflow: hidden;
    padding: 38px 0 25px
}

#seoforaccountants #belowBanner .textHolder2 .textHolder3 {
    float: left;
    width: 450px;
    margin-right: 20px;
    text-align: left
}

#seoforaccountants #belowBanner .textHolder2 .right {
    background: #4D5E64;
    overflow: hidden;
    border-radius: 2px
}

#seoforaccountants #belowBanner .textHolder2 .right .videoHolder .thumbnail p {
    padding: 10px;
    margin: 0;
    line-height: 120%;
    font-weight: 700;
    color: #fff
}

#seoforaccountants .columnsHolder {
    overflow: hidden
}

#seoforaccountants .columnsHolder ul.list2 li.brandestablisher {
    background: url(../images/icon_list_brandestabliser.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.orm {
    background: url(../images/icon_list_orm.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.ppc {
    background: url(../images/icon_list_ppc.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.seo {
    background: url(../images/icon_list_seo.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit.png) no-repeat left top
}

#seoforaccountants .columnsHolder ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign.png) no-repeat left top
}

#seoforaccountants .midContent {
    overflow: hidden
}

#seoforaccountants .midContent .left {
    width: 50%
}

#seoforaccountants .midContent .right {
    width: 46%;
    line-height: 0
}

#seoforaccountants .midContent .right img {
    width: 100%
}

#seoforaccountants .midContent2 {
    padding: 0;
    border-top: 4px solid var(--primaryColor);
    overflow: hidden
}

#seoforaccountants .midContent2 .inner {
    background: #f8f8f8
}

#seoforaccountants .midContent2 .textHolder {
    padding: 30px 10px 0
}

#seoforaccountants .midContent2 .pieHolder {
    overflow: hidden;
    padding: 12px 12px 22px;
    text-align: center
}

#seoforaccountants .midContent2 .pieHolder .pie {
    background: #fff;
    border-radius: 2px;
    width: 18.5%;
    display: inline-block;
    text-align: center;
    margin: 0 .5%
}

#seoforaccountants .midContent2 .pieHolder .pie .pieInner {
    padding: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 0 #eee
}

#seoforaccountants .midContent2 .pieHolder .pie img {
    width: 100%
}

#seoforaccountants .midContent2 .pieHolder .pie p {
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif
}

#seoforaccountants #bottomQuote {
    overflow: hidden;
    padding-bottom: 10px
}

#seoforaccountants #bottomCta {
    clear: both;
    overflow: hidden;
    padding: 40px 0
}

#seoforaccountants #bottomCta .left {
    width: 60%
}

#seoforaccountants #bottomCta .right {
    width: 37%
}

.sfa_sec1 .row+.row {
    margin-top: 50px
}

.page-template-seo-for-accountants-landing-page #header {
    margin-bottom: 0
}

#banner {
    overflow: hidden;
    position: relative
}

#banner img {
    width: 100%
}

#banner .inner {
    position: static
}

#banner .inner .textHolder {
    position: absolute;
    top: 50%;
    width: 50%;
    transform: translate(0, -50%)
}

#seoforob {
    overflow: hidden
}

#seoforob h2 {
    color: #DCAE61
}

#seoforob #belowBanner {
    overflow: hidden;
    background: #000
}

#seoforob #belowBanner .inner {
    padding: 30px 15px 30px;
    overflow: hidden
}

#seoforob #belowBanner .inner embed {
    float: left;
    border: 5px solid #111
}

#seoforob #belowBanner .inner .textHolder {
    float: left;
    width: 480px;
    text-align: left
}

#seoforob #belowBanner .inner h3 {
    margin-top: 0;
    line-height: 130%;
    font-size: 20px;
    margin-bottom: 15px;
    color: #fff
}

#seoforob #belowBanner .inner p {
    font-size: 15px;
    line-height: 140%;
    color: #fff
}

#seoforob #belowBanner .inner .right .videoHolder {
    background: #4F5455
}

#seoforob #belowBanner .inner .right .videoHolder .thumbnail {
    text-align: center
}

#seoforob #belowBanner .inner .right .videoHolder .thumbnail p {
    padding: 10px;
    margin: 0;
    line-height: 120%;
    font-weight: 700;
    color: #fff
}

#seoforob .columnsHolder ul.list2 li.brandestablisher {
    background: url(../images/icon_list_brandestabliser3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.orm {
    background: url(../images/icon_list_orm3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.ppc {
    background: url(../images/icon_list_ppc3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.seo {
    background: url(../images/icon_list_seo3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit3.png) no-repeat left top
}

#seoforob .columnsHolder ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign3.png) no-repeat left top
}

#seoforob .midContent {
    padding-top: 40px;
    overflow: hidden;
    background: #fff;
    width: 100%
}

#seoforob .midContent .right {
    width: 42%;
    line-height: 0
}

#seoforob .midContent .right img {
    width: 100%
}

#seoforob .midContent2 {
    background: #f8f8f8
}

#seoforob .midContent2 .pieHolder .pie {
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    width: 33.3%;
    min-height: 230px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 35px 0 10px
}

#seoforob .midContent2 .pieHolder .pie img {
    max-width: 100px;
    margin-bottom: 10px
}

#seoforob .midContent2 .pieHolder .pie:last-child {
    border: 0
}

#seoforob .midContent2 .pieHolder .pie p {
    margin: 0 auto;
    width: 85%;
    color: #fff
}

#seoforob .midContent2 .pieHolder .pie:nth-child(3n+3) {
    width: 33.4%
}

#seoforob .pieHolder1 {
    overflow: hidden;
    clear: both
}

#seoforob .pieHolder1 .pie {
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    min-height: 232px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 35px 0 35px
}

#seoforob .pieHolder1 .pie img {
    max-width: 100px;
    margin-bottom: 10px
}

#seoforob .pieHolder1 .pie:last-child {
    border: 0
}

#seoforob .pieHolder1 .pie p {
    margin: 0 auto;
    width: 85%;
    color: #fff
}

#seoforob .pieHolder1 .pie:nth-child(3n+3) {
    width: 33.4%
}

#seoforob .pieHolder2 {
    overflow: hidden;
    clear: both
}

#seoforob .pieHolder2 .pie {
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    width: 33.3%;
    min-height: 230px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 35px 0 35px
}

#seoforob .pieHolder2 .pie img {
    max-width: 100px;
    margin-bottom: 10px
}

#seoforob .pieHolder2 .pie:last-child {
    border: 0
}

#seoforob .pieHolder2 .pie p {
    margin: 0 auto;
    width: 85%;
    color: #fff
}

#seoforob .pieHolder2 .pie:nth-child(3n+3) {
    width: 33.4%
}

#seoforob .pieHolder3 {
    overflow: hidden;
    clear: both;
    display: flex;
    align-items: center
}

#seoforob .pieHolder3 .pie1 {
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    width: 33.3%;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 35px 0 35px
}

#seoforob .pieHolder3 .pie2 {
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    width: 66.7%;
    text-align: center;
    vertical-align: middle;
    margin: 0
}

#seoforob .pieHolder3 .pie img {
    max-width: 100px;
    margin-bottom: 10px
}

#seoforob .pieHolder3 .pie p {
    margin: 0 auto;
    width: 85%;
    color: #fff
}

#seoforob .pieHolder3 .innerPieHolder {
    padding: 0 20px
}

#seoforob .pieHolder3 .innerPieHolder h3 {
    font-size: 15px;
    color: #fff;
    text-align: left
}

#seoforob .pieHolder3 .innerPieHolder .piesmall {
    overflow: hidden;
    text-align: left;
    display: flex;
    align-items: center
}

#seoforob .pieHolder3 .innerPieHolder .piesmall img {
    max-width: 50px;
    float: left;
    margin: 0 14px 0 0
}

#seoforob .pieHolder3 .innerPieHolder .piesmall+.piesmall {
    margin-top: 15px
}

#seoforob .pieHolder3 .innerPieHolder .piesmall p {
    font-size: 13px
}

#seoforob #bottomCta {
    clear: both;
    overflow: hidden;
    padding: 40px 0
}

#seoforob #bottomCta .left {
    width: 60%
}

#seoforob #bottomCta .right {
    width: 37%
}

#seoforplumbers {
    overflow: hidden
}

#seoforplumbers #banner {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 4px solid #67b74f;
    border-radius: 2px
}

#seoforplumbers #banner .inner h1 {
    font-size: 90px;
    text-transform: uppercase;
    margin: 0
}

#seoforplumbers #banner .inner h2 {
    font-size: 60px;
    text-transform: uppercase;
    margin: 0
}

#seoforplumbers #banner .imgquote>p {
    color: var(--primaryColor);
    font-family: Helvetica;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    position: absolute;
    right: 360px;
    text-align: inherit;
    text-shadow: 1px 1px 1px #333;
    top: 245px
}

#seoforplumbers #banner .imgquotebx {
    background-color: #fff;
    height: 260px;
    opacity: .4;
    position: absolute;
    right: 350px;
    top: 240px;
    width: 500px
}

#seoforplumbers #belowBanner .textHolder {
    width: 100%;
    text-align: center
}

#seoforplumbers #belowBanner .textHolder2 embed {
    float: left;
    border: 5px solid #111
}

#seoforplumbers #belowBanner .textHolder2 h1 {
    margin-top: 0;
    line-height: 130%;
    font-size: 20px;
    margin-bottom: 10px
}

#seoforplumbers #belowBanner .textHolder2 p {
    font-size: 15px;
    line-height: 150%
}

#seoforplumbers #belowBanner {
    overflow: hidden
}

#seoforplumbers #belowBanner .inner {
    background: #f8f8f8;
    overflow: hidden;
    padding: 38px 15px 25px
}

#seoforplumbers #belowBanner .textHolder2 .textHolder3 {
    float: left;
    width: 450px;
    margin-right: 20px;
    text-align: left
}

#seoforplumbers #belowBanner .textHolder2 .right {
    background: #4D5E64;
    overflow: hidden;
    border-radius: 2px
}

#seoforplumbers #belowBanner .textHolder2 .right .videoHolder .thumbnail p {
    padding: 32px;
    margin: 0;
    line-height: 150%;
    font-weight: 700;
    color: #fff
}

#seoforplumbers .columnsHolder ul.list2 li.brandoptimization {
    background: url(../images/icon_list_brandoptimization4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.seo {
    background: url(../images/icon_list_seo4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.ppc {
    background: url(../images/icon_list_ppc4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.orm {
    background: url(../images/icon_list_orm4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.websiteaudit {
    background: url(../images/icon_list_webaudit4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.brandestablisher {
    background: url(../images/icon_list_brandestabliser4.png) no-repeat left top
}

#seoforplumbers .columnsHolder ul.list2 li.brandbooster {
    background: url(../images/icon_list_brandbooster4.png) no-repeat left top
}

#seoforplumbers .midContent {
    overflow: hidden
}

#seoforplumbers .midContent .left {
    width: 50%
}

#seoforplumbers .midContent .right {
    width: 46%;
    line-height: 0
}

#seoforplumbers .midContent .right img {
    width: 100%
}

#seoforplumbers .midContent2 {
    padding: 0;
    border-top: 4px solid #67b74f;
    overflow: hidden
}

#seoforplumbers .midContent2 .textHolder {
    padding: 30px 10px 0
}

#seoforplumbers .midContent2 .pieHolder {
    overflow: hidden;
    padding: 12px 12px 22px;
    text-align: center
}

#seoforplumbers .midContent2 .pieHolder .pie {
    border-radius: 2px;
    width: 18.5%;
    display: inline-block;
    text-align: center;
    margin: 0 .5%
}

#seoforplumbers .midContent2 .pieHolder .pie .pieInner {
    padding: 10px;
    overflow: hidden
}

#seoforplumbers .midContent2 .pieHolder .pie img {
    width: 100%
}

#seoforplumbers .midContent2 .pieHolder .pie p {
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 700
}

#seoforplumbers #bottomCta {
    clear: both;
    overflow: hidden;
    padding: 40px 0
}

#seoforplumbers #bottomCta .left {
    width: 60%
}

#seoforplumbers #bottomCta .right {
    width: 37%
}

.page-template-seo-for-real-estate-landing-page #content #belowBanner .textHolder2 .textHolder3 {
    width: 100%
}

.page-template-seo-for-real-estate-landing-page .videoHolder {
    width: 100%;
    text-align: center
}

#seoforrestaurants #banner {
    position: relative;
    overflow: hidden;
    padding: 30px 15px;
    background: url(../images/bannersfr.png) repeat-y center
}

#seoforrestaurants #banner .left {
    width: 45%
}

#seoforrestaurants #banner .left h2 {
    color: #fff
}

#seoforrestaurants #banner .left p {
    line-height: 150%;
    font-size: 16px;
    color: #fff
}

#seoforrestaurants #banner .right {
    width: 50%
}

#seoforrestaurants #banner .right embed {
    width: 100%
}

#seoforrestaurants #banner .right .videoHolder {
    overflow: hidden
}

#seoforrestaurants #banner .right .videoHolder .thumbnail {
    background: #000
}

#seoforrestaurants #banner .right .videoHolder .thumbnail img {
    width: 100%
}

#seoforrestaurants #banner .right .videoHolder .thumbnail p {
    margin: 0;
    padding: 10px 8px;
    color: #fff;
    text-align: center
}

#seoforrestaurants #banner .buttonHolder {
    padding-top: 15px;
    overflow: hidden;
    width: 370px
}

#seoforrestaurants #banner .buttonHolder:hover {
    opacity: .8
}

#seoforrestaurants #banner .buttonHolder a {
    display: block;
    overflow: hidden;
    float: left
}

#seoforrestaurants #banner .buttonHolder a strong {
    color: #fff;
    display: block;
    float: left;
    padding: 16px 20px 0;
    font-weight: 400;
    font-size: 30px;
    text-transform: uppercase;
    padding-right: 60px
}

#seoforrestaurants #banner .buttonHolder a span {
    color: #fff;
    display: block;
    float: right;
    font-weight: 700;
    padding: 10px 25px 15px;
    font-size: 35px
}

#seoforrestaurants #rowsHolder .top p {
    margin: 0
}

#seoforrestaurants #rowsHolder .rows {
    overflow: hidden;
    text-align: left;
    clear: both
}

#seoforrestaurants #rowsHolder .rows .row {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 18px;
    padding: 25px 18px 15px 25px
}

#seoforrestaurants #rowsHolder .rows .row .imgHolder {
    width: 12%;
    float: left
}

#seoforrestaurants #rowsHolder .rows .row .imgHolder img {
    width: 100%
}

#seoforrestaurants #rowsHolder .rows .row .textHolder {
    width: 83%;
    float: right;
    border-left: 1px dashed #ddd;
    padding-left: 25px
}

#seoforrestaurants #rowsHolder .graphHolder {
    overflow: hidden;
    clear: both;
    width: 100%;
    padding-top: 12px
}

#seoforrestaurants #rowsHolder .graphHolder .graph {
    float: left;
    margin: 0 1% 10px 0;
    border-radius: 2px;
    width: 29%;
    overflow: hidden
}

#seoforrestaurants #rowsHolder .graphHolder .graphInner {
    padding: 15px;
    overflow: hidden
}

#seoforrestaurants #rowsHolder .graphHolder .graph:last-child {
    margin-right: 0
}

#seoforrestaurants #rowsHolder .graphHolder .graph .graphImg {
    float: left;
    margin: 0 15px 0 0
}

#seoforrestaurants #rowsHolder .graphHolder .graph .graphImg img {
    width: 155px
}

#seoforrestaurants #rowsHolder .graphHolder .graph .graphText {
    padding-top: 10px
}

#seoforrestaurants #rowsHolder .graphHolder .graph .graphText p {
    margin: 0;
    color: #1d294b;
    font-weight: 700;
    font-size: 14px
}

#seoforrestaurants #rowsHolder .graphHolder.single .graph {
    width: 100%
}

#seoforrestaurants #rowsHolder .graphHolder.double .graph {
    width: 49%
}

#seoforrestaurants #rowsHolder .graphHolder.triple .graph {
    width: 32.2%
}

#seoforrestaurants #rowsHolder .graphHolder.triple .graph .graphImg {
    float: none
}

#seoforrestaurants #rowsHolder .graphHolder.triple .graph .graphText {
    width: 100%;
    clear: both;
    padding-top: 10px
}

#seoforrestaurants #midContent {
    overflow: hidden;
    border-bottom: 1px solid #f6f6f6;
    padding: 30px 0 0
}

#seoforrestaurants #midContent h2 {
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 30px
}

#seoforrestaurants #midContent p.left {
    line-height: 0;
    margin: 0 30px 0 0;
    width: 38%
}

#seoforrestaurants #midContent p.left img {
    width: 100%
}

#seoforrestaurants #servicesList ul.list2 li.brandestablisher {
    background: url(../images/icon_list_brandestabliser.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.orm {
    background: url(../images/icon_list_orm.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.ppc {
    background: url(../images/icon_list_ppc.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.seo {
    background: url(../images/icon_list_seo.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit.png) no-repeat left center
}

#seoforrestaurants #servicesList ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign.png) no-repeat left center
}

#seoforrestaurants #belowServicesList {
    padding: 22px
}

#seoforrestaurants #belowServicesList h3 {
    color: #f9d946
}

#seoforrestaurants #belowServicesList h4 {
    color: #fff
}

#seoforrestaurants #belowServicesList ul li {
    list-style: none;
    padding-left: 30px;
    line-height: 200%;
    font-size: 16px;
    color: #f9d946
}

#seoforrestaurants #bottomContent {
    overflow: hidden;
    padding: 30px 0
}

#seoforrestaurants #bottomContent .left {
    width: 52%;
    margin: 0 0 18px
}

#seoforrestaurants #bottomContent .right {
    width: 46%
}

#seoforsolicitors {
    background: #fff;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    padding: 20px 0 0
}

#seoforsolicitors #banner {
    margin-bottom: 20px;
    overflow: hidden
}

#seoforsolicitors #banner img {
    border-radius: 2px
}

#seoforsolicitors #banner .textHolder {
    width: 100%;
    text-align: center;
    position: static;
    transform: none
}

#seoforsolicitors #banner .textHolder2 {
    margin: 0 auto
}

#seoforsolicitors #banner .thumbnail p {
    color: var(--white);
    text-align: center;
    margin-top: 5px
}

#seoforsolicitors #banner .textHolder2 embed {
    float: left;
    border: 5px solid #111
}

#seoforsolicitors #banner .textHolder2 h1 {
    color: #fff;
    margin-top: 0;
    line-height: 43px;
    text-align: left
}

#seoforsolicitors #banner .textHolder2 p {
    color: #fff;
    font-size: 16px;
    line-height: 25px
}

#seoforsolicitors #banner .textHolder2 .textHolder3 {
    float: left;
    width: 420px;
    margin-right: 20px;
    text-align: left;
    margin-bottom: 10px
}

#seoforsolicitors #banner .inner {
    background: url(../images/bannersfs.png) repeat-y;
    background-size: cover;
    overflow: hidden;
    padding: 30px 15px
}

#seoforsolicitors .columnsHolder ul.list2 li.brandestablisher {
    background: url(../images/icon_list_brandestabliser.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.orm {
    background: url(../images/icon_list_orm.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.ppc {
    background: url(../images/icon_list_ppc.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.seo {
    background: url(../images/icon_list_seo.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit.png) no-repeat left top
}

#seoforsolicitors .columnsHolder ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign.png) no-repeat left top
}

#seoforsolicitors #midContent {
    padding-top: 40px;
    overflow: hidden
}

#seoforsolicitors #midContent .left {
    width: 50%
}

#seoforsolicitors #midContent .pieHolder {
    overflow: hidden;
    padding-top: 10px
}

#seoforsolicitors #midContent .pieHolder .pie {
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#seoforsolicitors #midContent .pieHolder .pie img {
    float: left;
    width: 50px;
    margin-right: 15px
}

#seoforsolicitors #midContent .pieHolder .pie p {
    float: left;
    font-size: 14px;
    margin: 14px 0 0
}

#seoforsolicitors #midContent .right {
    width: 50%;
    line-height: 0
}

#seoforsolicitors #midContent .right img {
    width: 100%
}

#seoforsolicitors #bottomQuote {
    background: url(../images/bottom_imgsfs.png) no-repeat center;
    padding: 40px 0;
    overflow: hidden;
    background-size: cover;
    border-bottom: 6px solid #f8c230
}

#seoforsolicitors #bottomQuote .quoteHolder {
    text-align: center
}

#seoforsolicitors #bottomQuote .quoteHolder .inner {
    width: 90%
}

#seoforsolicitors #bottomQuote .quoteHolder p {
    color: #fff;
    font-size: 20px;
    line-height: 28px
}

#seoforsolicitors #bottomQuote .quoteHolder p strong {
    color: #f8c230
}

#seoforsolicitors #bottomQuote .quoteHolder ul {
    overflow: hidden;
    padding: 20px 0 0;
    text-align: center
}

#seoforsolicitors #bottomQuote .quoteHolder ul li {
    color: #fff;
    background: url(../images/icon_check.png) no-repeat left center;
    list-style: none;
    padding-left: 30px;
    font-size: 16px;
    margin-right: 20px;
    display: inline-block
}

#seoforsolicitors #bottomCta {
    clear: both;
    overflow: hidden;
    padding: 40px 0
}

#seoforsolicitors #bottomCta .left {
    width: 60%
}

#seoforsolicitors #bottomCta .right {
    width: 37%
}

#seoforveterinarians #banner img {
    width: 100%
}

#seoforveterinarians #belowBanner {
    background: var(--primaryColor);
    overflow: hidden;
    text-align: center;
    padding: 50px 0 60px;
    width: auto
}

#seoforveterinarians #belowBanner h3 {
    font-size: 20px;
    font-weight: 600;
    width: 80%;
    margin: 0 auto 30px
}

#seoforveterinarians #belowBanner p {
    width: 80%;
    margin: 0 auto;
    color: #000
}

#seoforveterinarians #topContent {
    overflow: hidden;
    padding: 20px
}

#seoforveterinarians #topContent .left {
    width: 50%
}

#seoforveterinarians #topContent .left .textHolder {
    padding: 0 18px 0 0
}

#seoforveterinarians #topContent .left .textHolder p {
    color: #6f8b96;
    font-size: 15px
}

#seoforveterinarians #topContent .right {
    width: 50%
}

#seoforveterinarians #topContent .right img,
#seoforveterinarians #topContent .right iframe {
    width: 100%
}

#seoforveterinarians #topContent .right .textHolder h3 {
    margin: 0;
    color: #fff;
    background: #EAA73E;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center
}

#seoforveterinarians #columnHolder {
    overflow: hidden;
    clear: both;
    padding: 30px 0 25px;
    background: var(--primaryColor)
}

#seoforveterinarians #columnHolder p {
    color: #000;
    font-weight: 600
}

#seoforveterinarians #columnHolder ul li {
    display: inline-block;
    color: #fff;
    background: #000;
    margin: 2px 0;
    padding-right: 35px;
    padding: 10px 15px 10px 32px;
    border-radius: 2px
}

#seoforveterinarians #midContent {
    overflow: hidden;
    clear: both;
    background: #f6f6f6 center;
    padding: 40px 0 0
}

#seoforveterinarians #midContent h2 {
    font-size: 35px;
    margin: 0 0 15px;
    color: #727E83
}

#seoforveterinarians #midContent h3 {
    letter-spacing: 0;
    color: #6f8b96
}

#seoforveterinarians #midContent p.left {
    float: left;
    margin-left: -50px;
    margin-top: -50px;
    margin-bottom: 0
}

#seoforveterinarians #midContent p.left img {
    width: 100%
}

#seoforveterinarians #bottomContent {
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px
}

#seoforveterinarians #bottomContent .top {
    background: #fff;
    overflow: hidden;
    padding-top: 35px;
    margin-bottom: 20px
}

#seoforveterinarians #bottomContent ul.list2 li {
    list-style: none;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding: 20px 0;
    margin: 0 1%;
    display: inline-block;
    width: 47%
}

#seoforveterinarians #bottomContent ul.list2 li img {
    width: 75px;
    float: left;
    margin-right: 12px
}

#seoforveterinarians #bottomContent ul.list2 li p strong {
    display: block;
    padding-bottom: 10px
}

#seoforveterinarians #bottomContent #chartHolder {
    overflow: hidden;
    clear: both;
    margin: 40px 0 50px;
    border-top: 3px solid #E4D8C6;
    border-bottom: 1px dashed #ddd;
    padding: 60px 0 30px;
    text-align: center
}

#seoforveterinarians #bottomContent #chartHolder .chart {
    width: 29%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    max-height: 290px;
    text-align: center;
    padding-bottom: 20px
}

#seoforveterinarians #bottomContent #chartHolder .chart .imgHolder {
    text-align: center;
    margin-bottom: 20px
}

#seoforveterinarians #bottomContent #chartHolder .chart .imgHolder img {
    width: 50%
}

#seoforveterinarians #bottomRegister {
    overflow: hidden;
    padding: 35px 0;
    border-top: 3px solid #EAA73E
}

#seoforveterinarians #bottomRegister .right {
    width: 57%
}

#seoforveterinarians #bottomRegister .right .textHolder {
    margin-top: 20px
}

#seoforveterinarians #bottomRegister .right .textHolder p {
    font-size: 14px;
    line-height: 140%
}

body.page-template-video-marketing-promotion-landing-page .site_main {
    padding-top: 0
}

body.page-template-video-marketing-promotion-landing-page #header {
    position: relative;
    width: 100%;
    background: url(../images/bannervmp.png) no-repeat center;
    padding: 60px 0 80px
}

body.page-template-video-marketing-promotion-landing-page #header .inner {
    position: relative;
    margin: 0 auto
}

body.page-template-video-marketing-promotion-landing-page #header #logo {
    width: 230px;
    margin: 0 auto;
    padding: 0 0 50px
}

body.page-template-video-marketing-promotion-landing-page #header #logo .logoHolder {
    text-align: center
}

body.page-template-video-marketing-promotion-landing-page #header #logo .logoHolder h1 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    background: url(../images/logo-iconvmp.png) no-repeat left center;
    padding: 8px 10px 10px 45px
}

body.page-template-video-marketing-promotion-landing-page #header #logo .logoHolder p {
    margin: 5px 0 0;
    font-size: 18px;
    color: #a467b4
}

body.page-template-video-marketing-promotion-landing-page #header #logo .logoHolder img {
    max-width: 100%
}

body.page-template-video-marketing-promotion-landing-page #header #banner #bannerContent .inner {
    max-width: 700px;
    text-align: center
}

body.page-template-video-marketing-promotion-landing-page #header #banner #bannerContent h1 {
    color: #fff;
    font-weight: 200;
    font-size: 46px;
    text-transform: uppercase
}

body.page-template-video-marketing-promotion-landing-page #header #banner #bannerContent h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0
}

body.page-template-video-marketing-promotion-landing-page #header #banner #bannerContent .btnHolder {
    margin-top: 50px
}

#videomarketingpromotion #belowBanner {
    overflow: hidden;
    padding: 60px 0;
    width: auto;
    background: #fff
}

#videomarketingpromotion #belowBanner ul li {
    list-style: none;
    background: url(../images/icon-check.png) no-repeat 15px center;
    padding: 15px 10px 15px 50px;
    font-weight: 700;
    font-size: 17px;
    margin: 0 0 10px;
    border: 3px solid #EAEEF4;
    border-radius: 2px;
    color: #DCAE61
}

#videomarketingpromotion #belowBanner .right img,
#videomarketingpromotion #belowBanner .right iframe {
    width: 100%
}

#videomarketingpromotion #belowBanner .right .textHolder h3 {
    margin: 0;
    color: #fff;
    background: #333;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center
}

#videomarketingpromotion #belowBanner .btnHolder {
    padding-top: 20px
}

#videomarketingpromotion #belowBanner .btnHolder a {
    color: #fff;
    display: block;
    padding: 16px 25px 15px;
    border-radius: 2px;
    font-size: 18px;
    background: #6182a8;
    float: left
}

#videomarketingpromotion #topContent {
    position: relative;
    bottom: 0;
    overflow: hidden;
    background: #eaeff3
}

#videomarketingpromotion #topContent h2 {
    color: #50657e;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%
}

#videomarketingpromotion #topContent .box1 {
    overflow: hidden;
    padding: 60px 0;
    background: #DCAE61 url(../images/background-colors2vmp.png) no-repeat right center
}

#videomarketingpromotion #topContent .box1 p {
    color: #fff
}

#videomarketingpromotion #topContent .box2 {
    overflow: hidden;
    background: #fff;
    padding: 60px 0 0
}

#videomarketingpromotion #topContent .box2 .image {
    float: left
}

#videomarketingpromotion #topContent .box3 {
    overflow: hidden;
    padding: 50px 0 0;
    background-color: #F7F8F9
}

#videomarketingpromotion #topContent .box3 .image {
    float: right
}

#videomarketingpromotion #topContent .box3 h2 {
    margin: 10px 0 25px
}

#videomarketingpromotion #columnHolder {
    overflow: hidden;
    clear: both;
    padding: 30px 0 25px
}

#videomarketingpromotion #columnHolder p {
    color: #fff;
    font-weight: 600
}

#videomarketingpromotion #columnHolder ul li {
    display: inline-block;
    color: #fff;
    padding-right: 35px;
    padding: 14px 20px;
    border-radius: 2px;
    font-weight: 700;
    border-left: 3px solid #b30019
}

#videomarketingpromotion #midContent {
    overflow: hidden;
    padding: 80px 0;
    text-align: center;
    background: #f6f6f6
}

#videomarketingpromotion #midContent h2 {
    color: #eaeff3;
    font-weight: 500;
    font-size: 28px;
    line-height: 130%
}

#videomarketingpromotion #midContent .iconHolder {
    text-align: center;
    padding-top: 30px
}

#videomarketingpromotion #midContent .iconHolder .holder {
    width: 19%;
    display: inline-block;
    margin: 0 1%;
    vertical-align: top
}

#videomarketingpromotion #midContent .iconHolder .holder .imgHolder {
    background: #cd3e3e;
    padding: 20%;
    border-radius: 50%;
    margin-bottom: 20px
}

#videomarketingpromotion #midContent .iconHolder .holder .imgHolder img {
    width: 100%
}

#videomarketingpromotion #midContent .iconHolder .holder .imgHolder.icon1 {
    background: #B581B0
}

#videomarketingpromotion #midContent .iconHolder .holder .imgHolder.icon2 {
    background: #DCAE61
}

#videomarketingpromotion #midContent .iconHolder .holder .imgHolder.icon3 {
    background: #6182A8
}

#videomarketingpromotion #midContent .iconHolder .holder .imgHolder.icon4 {
    background: #E2BC68
}

#videomarketingpromotion #bottomContent {
    background: #fff;
    overflow: hidden
}

#videomarketingpromotion #bottomContent .top {
    background: #cd3e3e url(../images/background-colors1vmp.png) no-repeat left center;
    overflow: hidden;
    padding: 70px 0
}

#videomarketingpromotion #bottomContent .top .inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center
}

#videomarketingpromotion #bottomContent h2 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%
}

#videomarketingpromotion #bottomContent ul.list2 li {
    list-style: none;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding: 20px 0;
    margin: 0 1%;
    display: inline-block;
    width: 47%
}

#videomarketingpromotion #bottomContent ul.list2 li img {
    width: 75px;
    float: left;
    margin-right: 12px
}

#videomarketingpromotion #bottomContent ul.list2 li p strong {
    display: block;
    padding-bottom: 10px
}

#videomarketingpromotion #bottomContent .top .textHolderTop {
    overflow: hidden;
    padding: 30px 0 0;
    border-bottom: 3px solid #e6e6e6;
    padding-left: 25px;
}

#videomarketingpromotion #bottomContent #chartHolder {
    overflow: hidden;
    clear: both;
    padding: 60px 0 40px;
    text-align: center
}

#videomarketingpromotion #bottomContent #chartHolder h2 {
    color: #50657e;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%
}

#videomarketingpromotion #bottomContent #chartHolder p {
    line-height: 140%;
    margin: 0 0 14px;
    color: #7d8b9b;
    font-weight: 500
}

#videomarketingpromotion #bottomContent #chartHolder .chart {
    width: 29%;
    margin: 0 1% 2%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
    padding: 50px 0 0
}

#videomarketingpromotion #bottomContent #chartHolder .chart .imgHolder {
    text-align: center;
    margin-bottom: 20px
}

#videomarketingpromotion #bottomContent #chartHolder .chart .imgHolder img {
    width: 65%
}

#videomarketingpromotion #bottomContent2 {
    background: #E2BC68 url(../images/background-colors2vmp.png) no-repeat right center;
    overflow: hidden;
    padding: 70px 0 100px;
    text-align: center
}

#videomarketingpromotion #bottomContent2 h2 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%
}

#videomarketingpromotion #bottomContent #chartHolder .chart .textHolder p {
    color: #7d8b9b
}

#videomarketingpromotion #bottomRegister {
    overflow: hidden;
    padding: 35px 0;
    background: #fff
}

#videomarketingpromotion #bottomRegister .right {
    width: 54%
}

#videomarketingpromotion #bottomRegister .right .textHolder {
    margin-top: 20px
}

#videomarketingpromotion #bottomRegister .right .textHolder p {
    line-height: 140%;
    font-size: 15px
}

body #wrapper.fullwidth {
    max-width: 100%;
    width: 100%
}

#seoforoptometrists {
    overflow: hidden
}

#seoforoptometrists #banner {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 0 solid var(--primaryColor);
    border-radius: 10px
}

#seoforoptometrists #banner .inner h1 {
    font-size: 90px;
    margin: 0
}

#seoforoptometrists #banner .inner h2 {
    font-size: 60px;
    text-transform: uppercase;
    margin: 0
}

#seoforoptometrists #banner .inner>img {
    border-bottom: 4px solid var(--primaryColor)
}

#seoforoptometrists #belowBanner .textHolder {
    width: 100%;
    text-align: center
}

#seoforoptometrists #belowBanner .textHolder2 {
    margin: 0 25px
}

#seoforoptometrists #belowBanner .textHolder2 embed {
    float: left;
    border: 5px solid #111
}

#seoforoptometrists #belowBanner .textHolder2 h1 {
    margin-top: 0;
    line-height: 130%;
    font-size: 20px;
    margin-bottom: 10px
}

#seoforoptometrists #belowBanner .textHolder2 p {
    font-size: 15px;
    line-height: 150%
}

#seoforoptometrists #belowBanner {
    overflow: hidden
}

#seoforoptometrists #belowBanner .inner {
    background: #fff0;
    overflow: hidden;
    padding: 38px 0 25px
}

#seoforoptometrists #belowBanner .textHolder2 .textHolder3 {
    float: left;
    width: 450px;
    margin-right: 20px;
    text-align: left
}

#seoforoptometrists #belowBanner#content #topContent a {
    background: #e34b6f;
    color: #fff;
    font-weight: 700;
    padding: 18px 20px 22px;
    display: block;
    font-size: 26px;
    letter-spacing: -1px;
    border-radius: 2px;
    margin: 20px auto 0;
    width: 180px;
    text-align: center
}

#content #topContent a:hover {
    background: #4ddf98
}

#content #columnHolder {
    overflow: hidden;
    clear: both;
    padding: 35px 0;
    background: #f8f8f8
}

#content #columnHolder h4 {
    font-weight: 400
}

#content #columnHolder .column {
    width: 100%;
    float: left;
    height: 100%
}

#content #columnHolder .column .top {
    overflow: hidden;
    border-radius: 2px;
    padding: 30px 0;
    height: 100%;
    text-align: center
}

#content #columnHolder .column .top .icon {
    max-width: 70px;
    margin: 0 auto 15px auto;
    border-radius: 50%;
    overflow: hidden
}

#content #columnHolder .column .top .icon img {
    width: 100%
}

#content #columnHolder .column .top h2 {
    width: 100%;
    float: left;
    color: #fff;
    margin: 14px 0 0;
    font-size: 20px
}

#content #columnHolder .column [class*="col-"]:nth-child(1) .top {
    background: #8661c0
}

#content #columnHolder .column [class*="col-"]:nth-child(2) .top {
    background: #e34b6f
}

#content #columnHolder .column [class*="col-"]:nth-child(3) .top {
    background: #4ddf98
}

#content #columnHolder .column [class*="col-"]:nth-child(4) .top {
    background: #666
}

#content #midContent {
    overflow: hidden;
    clear: both;
    text-align: center;
    background: #efeff3 url(../images/young_woman.png) no-repeat -13% center;
    padding: 35px 0
}

#content #midContent .textHolder {
    width: 60%;
    text-align: right;
    float: right
}

#content #midContent h2 {
    margin: 0 0 15px;
    color: #444
}

#content #midContent h3 {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #666
}

#content #midContent p.left {
    line-height: 0;
    margin: 0;
    margin-left: -40px;
    width: 46%
}

#content #midContent p.left img {
    width: 100%
}

#bottomContent.bottomContent {
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px
}

#bottomContent.bottomContent .top {
    background: #f5f5f5;
    overflow: hidden;
    padding: 35px 0;
    margin-bottom: 40px
}

#bottomContent.bottomContent h2 {
    letter-spacing: -2px
}

#bottomContent.bottomContent h3 {
    font-weight: 400
}

#bottomContent.bottomContent h4 {
    font-size: 16px;
    font-weight: 400
}

#bottomContent.bottomContent ul {
    overflow: hidden;
    margin: 30px 0 10px
}

#bottomContent.bottomContent ul.list2 {
    overflow: hidden;
    margin: 30px 0 10px
}

#bottomContent.bottomContent ul.list2 li {
    padding: 20px 10px 20px 75px;
    list-style: none;
    font-size: 110%;
    line-height: 22px;
    margin-bottom: 15px;
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd
}

#bottomContent.bottomContent ul.list2 li.brandandcontent {
    background: url(../images/icon_list_brandandcontent.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.localbuzz {
    background: url(../images/icon_list_localbuzz.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.orm {
    background: url(../images/icon_list_orm.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.ppc {
    background: url(../images/icon_list_ppc.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.seo {
    background: url(../images/icon_list_seo.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.socialmedia {
    background: url(../images/icon_list_socialmedia.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.webaudit {
    background: url(../images/icon_list_webaudit.png) no-repeat left
}

#bottomContent.bottomContent ul.list2 li.webdesign {
    background: url(../images/icon_list_webdesign.png) no-repeat left
}

#bottomContent.bottomContent #chartHolder {
    overflow: hidden;
    clear: both;
    margin: 20px 0 0
}

#bottomContent.bottomContent #chartHolder .chart {
    float: left;
    background-color: var(--white);
    padding: 50px 20px;
    text-align: center;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5x;
    width: 30%
}

#seoforoptometrists .midContent2 .textHolder .pietxtHolder .pietxt>p {
    float: right;
    max-width: 280px;
    width: 100%
}

#seoforoptometrists .midContent2 .textHolder .pietxtHolder .pietxt2 {
    float: right;
    margin: 1% 0;
    max-width: 420px;
    width: 100%
}

#seoforoptometrists .midContent2 .textHolder .pietxtHolder .pietxt2>img {
    float: left;
    margin: 0 1%;
    max-width: 200px;
    width: 30%
}

#seoforoptometrists .midContent2 .textHolder .pietxtHolder .pietxt2>p {
    float: right;
    max-width: 280px;
    width: 100%
}

#seoforoptometrists #bottomQuote {
    overflow: hidden;
    padding-bottom: 30px
}

#seoforoptometrists #bottomQuote .inner .quoteHolder {
    background: #fff0;
    text-align: center;
    border-bottom: 0 solid #7fbb65;
    border-radius: 10px
}

#seoforoptometrists #bottomQuote .quoteHolder p {
    font-size: 15px;
    line-height: 130%;
    color: #62767C;
    font-weight: 600
}

#seoforoptometrists #bottomQuote .quoteHolder p strong {
    color: #AFC1C7;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400
}

#seoforoptometrists #bottomQuote .quoteHolder ul {
    overflow: hidden;
    padding: 20px 0 0;
    text-align: center
}

#seoforoptometrists #bottomQuote .quoteHolder ul li {
    color: var(--white);
    list-style: none;
    font-size: 18px;
    display: inline-block;
    width: 42%;
    text-align: left;
    background: var(--primaryColor);
    padding: 15px 20px;
    margin: 0 1px 5px;
    font-weight: 700;
    border-left: 5px solid #d3972c;
    border-radius: 2px
}

#seoforoptometrists #bottomCta {
    clear: both;
    overflow: hidden;
    padding: 40px 0
}

#seoforoptometrists #bottomCta .inner>h3 {
    color: var(--primaryColor);
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 3%;
    text-align: center
}

#seoforoptometrists #bottomCta .left {
    width: 60%
}

#seoforoptometrists #bottomCta .left>img {
    max-width: 564px;
    width: 100%;
    border-radius: 10px
}

#seoforoptometrists #bottomCta .right {
    width: 37%
}

#brandestablisherpromotion #banner {
    overflow: hidden;
    padding: 70px 0 50px;
    background: #000
}

#brandestablisherpromotion #banner .left {
    width: 32%
}

#brandestablisherpromotion #banner .left img {
    max-width: 360px;
    width: 100%
}

#brandestablisherpromotion #banner .right {
    width: 100%
}

#brandestablisherpromotion #banner .right h1 {
    color: #fff;
    margin-bottom: 40px
}

#brandestablisherpromotion #banner .right h1 span {
    color: #f4ea55
}

#brandestablisherpromotion #banner .right h4 {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px
}

#brandestablisherpromotion #banner .right embed {
    float: right;
    margin: 0 0 15px 25px
}

#brandestablisherpromotion #topContent {
    overflow: hidden;
    clear: both;
    padding: 40px 0 35px;
    text-align: right;
    border-bottom: 1px solid #fff
}

#brandestablisherpromotion #topContent .inner {
    max-width: 1000px
}

#brandestablisherpromotion #topContent .right {
    margin-left: 50px
}

#brandestablisherpromotion #topContent h3 {
    margin: 0;
    font-weight: 400
}

#brandestablisherpromotion #topContent2 {
    text-align: center;
    overflow: hidden;
    clear: both;
    padding: 60px 0 0;
    border-top: 1px solid #ddd
}

#brandestablisherpromotion #topContent2 h3 {
    margin-top: 20px
}

#brandestablisherpromotion #topContent2 h4 {
    font-weight: 400;
    margin: 0 0 5px
}

#brandestablisherpromotion #mediaTemplate {
    text-align: center;
    padding: 60px 0 0
}

#brandestablisherpromotion #mediaTemplate h3 {
    font-weight: 400
}

#brandestablisherpromotion #mediaTemplate #mediaTemplateSample {
    overflow: hidden;
    padding: 0 0 20px;
    position: relative
}

#brandestablisherpromotion #mediaTemplate #mediaTemplateSample .bgHolder {
    background: var(--primaryColor);
    width: 100%;
    min-height: 500px;
    position: absolute;
    margin: 5% 0 0
}

#brandestablisherpromotion #mediaTemplate #mediaTemplateSample .inner {
    overflow: hidden;
    position: relative;
    padding: 10px 0
}

#brandestablisherpromotion #mediaTemplate #mediaTemplateSample .box {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    width: 310px;
    height: 310px;
    border: 10px solid #e3a129;
    margin: 0 10px 0;
    background: #fff
}

#brandestablisherpromotion #mediaTemplate #mediaTemplateSample .box img {
    margin: 10px 0
}

#brandestablisherpromotion #mediaTemplate #mediaTemplateSample .box h4 {
    margin: 5px 0;
    font-weight: 700
}

#brandestablisherpromotion #midContent {
    text-align: center
}

#brandestablisherpromotion #midContent .inner #threeBox h3 {
    font-weight: 400;
    margin: 10px 0 0
}

#brandestablisherpromotion #midContent .inner #threeBox h3 strong {
    letter-spacing: -1px
}

#brandestablisherpromotion #statContent {
    background: #fff;
    padding: 50px 0;
    overflow: hidden
}

#brandestablisherpromotion #statContent .left {
    width: 100%
}

#brandestablisherpromotion #statContent .right {
    width: 100%
}

#brandestablisherpromotion #statContent h2 {
    text-align: center;
    margin-bottom: 50px
}

#brandestablisherpromotion #statContent ul {
    margin-bottom: 20px
}

#brandestablisherpromotion #statContent ul li {
    list-style: none;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

#brandestablisherpromotion #statContent ul li h4 {
    margin-top: 16px;
    float: left;
    width: 80%;
    font-size: 15px
}

#brandestablisherpromotion #statContent ul li img {
    width: 78px;
    float: left;
    margin-right: 5px
}

#brandestablisherpromotion #socialMediaList {
    overflow: hidden;
    padding: 60px 0;
    clear: both;
    background: #f8f8f8
}

#brandestablisherpromotion #socialMediaList h2 {
    text-align: center
}

#brandestablisherpromotion #socialMediaList h4 {
    text-align: center
}

#brandestablisherpromotion #socialMediaList .left {
    width: 49%;
    overflow: hidden;
    padding-top: 40px
}

#brandestablisherpromotion #socialMediaList .right {
    width: 49%;
    overflow: hidden;
    padding-top: 40px
}

#brandestablisherpromotion #socialMediaList .listHolder {
    margin-bottom: 30px
}

#brandestablisherpromotion #socialMediaList .listHolder .title {
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}

#brandestablisherpromotion #socialMediaList .listHolder .title img {
    float: left;
    margin-right: 15px
}

#brandestablisherpromotion #socialMediaList .listHolder .title h3 {
    float: left;
    margin: 0;
    letter-spacing: -1px
}

#brandestablisherpromotion #socialMediaList .listHolder ul li {
    list-style: none;
    background: url(../images/icon_check.png) left center no-repeat;
    padding-left: 28px;
    line-height: 26px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 4px;
    margin-bottom: 4px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary {
    background: var(--primaryColor);
    overflow: hidden;
    text-align: center;
    padding: 15px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary img {
    float: left;
    margin-right: 12px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary h2 {
    display: inline-block;
    margin: 0
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary h2 span {
    color: #fff;
    display: block;
    float: left;
    margin-top: 15px;
    text-align: left
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .secondary h2 {
    text-align: center;
    padding: 20px 0;
    margin: 0
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .secondary .logos {
    text-align: center;
    overflow: hidden;
    background: #fff;
    padding: 20px 0
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .secondary2 {
    text-align: center;
    overflow: hidden;
    padding: 40px 0
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .secondary2 h2 {
    display: inline-block;
    margin: 0;
    max-width: 755px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .secondary2 h2 img {
    float: right;
    margin-left: 15px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .secondary2 h2 strong {
    text-align: right;
    display: block;
    margin-top: 18px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary2 {
    background: var(--primaryColor);
    overflow: hidden;
    padding: 40px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary2 .inner {
    max-width: 690px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary2 img {
    float: left;
    margin-right: 15px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary2 .right {
    float: left
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary2 .right h2 {
    display: inline-block;
    color: #fff;
    margin: 12px 0 20px
}

#brandestablisherpromotion #socialMediaAcctLogos .mainLogoHolder .primary2 .right ul li {
    background: url(../images/icon_check2.png) no-repeat left center;
    color: #fff;
    font-size: 20px;
    float: left;
    list-style: none;
    padding-left: 28px;
    margin-right: 25px
}

#brandestablisherpromotion #bottomContent .top {
    text-align: center;
    background: #fff;
    padding: 40px 0;
    overflow: hidden
}

#brandestablisherpromotion #bottomContent .top h3 {
    font-weight: 400
}

#brandestablisherpromotion #bottomContent .bottom {
    overflow: hidden;
    padding: 40px 0
}

#brandestablisherpromotion #bottomContent .bottom .left {
    width: 100%;
    float: none;
    display: inline-block
}

#brandestablisherpromotion #bottomContent .bottom img {
    float: left;
    margin-right: 30px
}

#brandestablisherpromotion #bottomContent .bottom .right {
    float: left;
    margin-top: 30px
}

#brandestablisherpromotion #bottomContent .bottom .right a img {
    margin-right: 10px
}

#brandestablisherpromotion #bottomContent .bottom .formHolder {
    display: inline-block;
    width: 100%;
    margin-top: 32px
}

#brandestablisherpromotion #bottomContent .bottom .formHolder h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px
}

#brandoptimisationpromotion #banner {
    position: relative
}

#brandoptimisationpromotion #banner #bannerImg {
    border-bottom: 1px solid #fff
}

#brandoptimisationpromotion #banner img {
    width: 100%
}

#brandoptimisationpromotion #belowBanner {
    background: #fff;
    overflow: hidden;
    text-align: center;
    padding: 50px 0 60px;
    width: auto;
    max-width: 980px
}

#brandoptimisationpromotion #belowBanner h3 {
    color: var(--primaryColor);
    font-size: 20px;
    font-weight: 600;
    width: 80%;
    margin: auto;
    padding: auto;
    font-weight: 700
}

#brandoptimisationpromotion #belowBanner p {
    width: 80%;
    margin: 0 auto
}

#brandoptimisationpromotion #topContent {
    position: relative;
    bottom: 0;
    overflow: hidden;
    background: var(--primaryColor)
}

#brandoptimisationpromotion #topContent .right {
    width: 50%
}

#brandoptimisationpromotion #topContent .right .textHolder {
    padding: 20px
}

#brandoptimisationpromotion #topContent .right .textHolder p {
    color: #000
}

#brandoptimisationpromotion #topContent .left {
    width: 50%
}

#brandoptimisationpromotion #topContent .left img,
#brandoptimisationpromotion #topContent .left iframe {
    width: 100%
}

#brandoptimisationpromotion #topContent .left .textHolder h3 {
    margin: 0;
    color: #fff;
    background: #3B494F;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center
}

#brandoptimisationpromotion #columnHolder {
    overflow: hidden;
    clear: both;
    padding: 30px 0 25px;
    background: var(--primaryColor)
}

#brandoptimisationpromotion #columnHolder p {
    color: #fff;
    font-weight: 600
}

#brandoptimisationpromotion #columnHolder ul li {
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 35px;
    padding: 14px 20px;
    border-radius: 2px;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-weight: 700;
    border-left: 3px solid var(--primaryColor);
    width: 44%;
    margin-bottom: 6px
}

#brandoptimisationpromotion #midContent {
    overflow: hidden;
    clear: both;
    background: var(--primaryColor);
    padding: 60px 40px;
    text-align: center
}

#brandoptimisationpromotion #midContent h2 {
    font-size: 35px;
    margin: 0 0 15px;
    color: #727E83
}

#brandoptimisationpromotion #midContent h3 {
    letter-spacing: 0;
    color: #6f8b96
}

#brandoptimisationpromotion #midContent .inner p {
    color: #000
}

#brandoptimisationpromotion #midContent p.left {
    float: left;
    margin-left: -50px;
    margin-top: -50px;
    margin-bottom: 0
}

#brandoptimisationpromotion #midContent p.left img {
    width: 100%
}

#brandoptimisationpromotion #bottomContent {
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px
}

#brandoptimisationpromotion #bottomContent .top {
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px
}

#brandoptimisationpromotion #bottomContent .top>.inner {
    max-width: none
}

#brandoptimisationpromotion #bottomContent ul.list2 h3 {
    margin-top: 25px;
    font-size: 20px;
    color: var(--primaryColor)
}

#brandoptimisationpromotion #bottomContent ul.list2 li {
    list-style: none;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
    margin-top: 20px;
    display: inline-block;
    width: 98%
}

#brandoptimisationpromotion #bottomContent ul.list2 li img {
    float: left;
    margin-right: 12px
}

#brandoptimisationpromotion #bottomContent ul.list2 li p {
    margin-left: 100px
}

#brandoptimisationpromotion #bottomContent ul.list2 li p strong {
    display: block;
    padding-bottom: 10px
}

#brandoptimisationpromotion #bottomContent ul.list2 ul h4 {
    margin-top: 5px
}

#brandoptimisationpromotion #bottomContent ul.list2 ul p {
    margin-left: 45px;
    max-width: 100%
}

#brandoptimisationpromotion #bottomContent .top .textHolderTop {
    overflow: hidden;
    padding: 30px 0 0;
    border-bottom: 1px solid #eee;
    padding-left: 25px
}

#brandoptimisationpromotion #bottomContent .top .textHolderTop h3 {
    font-size: 18px;
    margin-top: 50px
}

#brandoptimisationpromotion #bottomContent .top .textHolderTop p {
    font-size: 14px
}

#brandoptimisationpromotion #bottomContent #chartHolder {
    overflow: hidden;
    clear: both;
    margin: 0 0 50px;
    border-bottom: 1px dashed #ddd;
    padding: 60px 0 30px;
    text-align: center
}

#brandoptimisationpromotion #bottomContent #chartHolder .chart {
    width: 29%;
    margin: 0 1% 2%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    max-height: 290px;
    text-align: center;
    padding-bottom: 20px
}

#brandoptimisationpromotion #bottomContent #chartHolder .chart .imgHolder {
    text-align: center;
    margin-bottom: 20px
}

#brandoptimisationpromotion #bottomContent #chartHolder .chart .imgHolder img {
    width: 50%
}

#brandoptimisationpromotion #bottomRegister {
    overflow: hidden;
    padding: 35px 0;
    border-top: 3px solid var(--primaryColor)
}

#brandoptimisationpromotion #bottomRegister .left {
    float: left;
    width: 49%
}

#brandoptimisationpromotion #bottomRegister .right {
    width: 49%
}

#brandoptimisationpromotion #bottomRegister .right .textHolder {
    margin-top: 20px
}

#brandoptimisationpromotion #bottomRegister .right .textHolder p {
    font-size: 14px;
    line-height: 140%
}

#brandoptimisationpromotion #middleRegister {
    overflow: hidden;
    padding: 35px 0;
    background: var(--primaryColor)
}

#brandoptimisationpromotion #middleRegister .right {
    width: 49%
}

#brandoptimisationpromotion #middleRegister .right .textHolder {
    margin-top: 20px
}

#brandoptimisationpromotion #middleRegister .right .textHolder p {
    font-size: 14px;
    line-height: 140%
}

#brandoptimisationpromotion #middleRegister .right .formHolder form input[type="text"],
#brandoptimisationpromotion #middleRegister .right .formHolder form input[type="email"] {
    border: 1px solid #ddd;
    padding: 14px;
    font-size: 14px;
    outline-color: #2EB354;
    width: 93.5%;
    margin-bottom: 5px
}

#brandoptimisationpromotion #middleRegister .right .formHolder form input[type="submit"] {
    background: #ed7d31;
    color: #fff;
    padding: 14px 20px;
    font-weight: 700;
    font-size: 18px;
    border: 0;
    cursor: pointer;
    width: 100%;
    margin-top: 10px
}

#brandoptimisationpromotion #middleRegister .right .formHolder form input[type="submit"]:hover {
    background: #ed7d31
}

.page-template-seo-for-dentists-page header,
.page-template-seo-for-cosmetic-surgeons-landing-page header,
.page-template-seo-for-chiropractors-landing-page header,
.page-template-seo-for-accountants-landing-page header,
.page-template-seo-for-ob-gynecologist-landing-page header,
.page-template-seo-for-plumbers-landing-page header,
.page-template-seo-for-real-estate-landing-page header,
.page-template-seo-for-restaurants-landing-page header,
.page-template-seo-for-solicitors-landing-page header,
.page-template-seo-for-veterinarians-landing-page header,
.page-template-video-marketing-promotion-landing-page header,
.page-template-seo-for-optometrists-landing-page header,
.page-template-brand-establisher-promotion-landing-page header,
.page-template-brand-optimisation-promotion-landing-page header {
    display: none
}

.page-template-seo-for-dentists-page footer,
.page-template-seo-for-cosmetic-surgeons-landing-page footer,
.page-template-seo-for-chiropractors-landing-page footer,
.page-template-seo-for-accountants-landing-page footer,
.page-template-seo-for-ob-gynecologist-landing-page footer,
.page-template-seo-for-plumbers-landing-page footer,
.page-template-seo-for-real-estate-landing-page footer,
.page-template-seo-for-restaurants-landing-page footer,
.page-template-seo-for-solicitors-landing-page footer,
.page-template-seo-for-veterinarians-landing-page footer,
.page-template-video-marketing-promotion-landing-page footer,
.page-template-seo-for-optometrists-landing-page footer,
.page-template-brand-establisher-promotion-landing-page footer,
.page-template-brand-optimisation-promotion-landing-page footer {
    display: none
}

.page-template-seo-for-dentists-page .inner_banner,
.page-template-seo-for-dentists-page .get_free_quote,
.page-template-seo-for-cosmetic-surgeons-landing-page .inner_banner,
.page-template-seo-for-cosmetic-surgeons-landing-page .get_free_quote,
.page-template-seo-for-chiropractors-landing-page .inner_banner,
.page-template-seo-for-chiropractors-landing-page .get_free_quote,
.page-template-seo-for-accountants-landing-page .inner_banner,
.page-template-seo-for-accountants-landing-page .get_free_quote,
.page-template-seo-for-plumbers-landing-page .inner_banner,
.page-template-seo-for-plumbers-landing-page .get_free_quote,
.page-template-seo-for-real-estate-landing-page .inner_banner,
.page-template-seo-for-real-estate-landing-page .get_free_quote,
.page-template-seo-for-restaurants-landing-page .inner_banner,
.page-template-seo-for-restaurants-landing-page .get_free_quote,
.page-template-seo-for-solicitors-landing-page .inner_banner,
.page-template-seo-for-solicitors-landing-page .get_free_quote,
.page-template-seo-for-veterinarians-landing-page .inner_banner,
.page-template-seo-for-veterinarians-landing-page .get_free_quote,
.page-template-video-marketing-promotion-landing-page .inner_banner,
.page-template-video-marketing-promotion-landing-page .get_free_quote,
.page-template-seo-for-optometrists-landing-page .inner_banner,
.page-template-seo-for-optometrists-landing-page .get_free_quote,
.page-template-brand-establisher-promotion-landing-page .inner_banner,
.page-template-brand-establisher-promotion-landing-page .get_free_quote,
.page-template-brand-optimisation-promotion-landing-page .inner_banner,
.page-template-brand-optimisation-promotion-landing-page .get_free_quote,
.page-template-seo-for-ob-gynecologist-landing-page .inner_banner,
.page-template-seo-for-ob-gynecologist-landing-page .get_free_quote {
    display: none
}

#footer .social_media {
    margin: 0
}

#footer .social_media ul {
    margin: 0
}

.inner_page.about-page {
    background: #111
}

.inner_page.blog-page figure.services_box {
    box-shadow: 0 5px 10px #ccc;
    padding: 24px;
    border-radius: 6px;
    height: 100%
}

.services_block .inn_info {
    text-align: center
}

.services_block .services_box {
    padding: 40px 30px 50px;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    transition: all 0.5s ease;
    height: 100%;
    background-color: rgb(255 255 255 / .1);
    text-align: center
}

.services_block .services_box h3 {
    font-size: clamp(22px, 1.56vw, 30px);
    margin-bottom: 1.5rem
}

.services_block .services_box p {
    margin-bottom: 1.5rem
}

.section--whychoose {
    background: #111
}

.section--whychoose .whychoose_box {
    padding: 32px;
    border-radius: 30px;
    margin-bottom: 32px
}

.section--whychoose .whychoose_box h3 {
    font-size: clamp(22px, 1.56vw, 30px)
}

.section--whychoose .whychoose_box:last-child {
    margin-bottom: 0
}

.section--whychoose .whychoose_box:nth-child(even) {
    background-color: rgb(255 255 255 / .1)
}

.section--whychoose .whychoose_box:nth-child(odd) {
    background-color: var(--primaryColor)20
}

.section--whychoose .whychoose_box .row {
    align-items: center
}

.row-reverse {
    flex-direction: row-reverse
}

.section--whychoose .count_number {
    font-size: 50px;
    color: var(--primaryColor);
    text-align: center;
    font-weight: 700;
    width: 90px;
    height: 90px;
    border: 1.5px dashed var(--primaryColor);
    border-radius: 50%;
    line-height: 90px
}

.services.section--services .service_box .figcaption h2 {
    height: 100%;
    text-align: center
}

.services.section--services .service_box {
    width: 100%;
    margin: 0
}

.services.section--services .service_box .figcaption p {
    margin-bottom: 15px;
    text-align: center
}

.services.section--services .service_box:hover .service_icon {
    background-color: #fff !important;
    box-shadow: 0 3px 10px rgb(0 0 0 / .2)
}

.services.section--services .service_box:hover .service_icon svg {
    fill: #222
}

.section--websitefeat .row {
    align-items: center
}

.services.section--services .service_box .figcaption .service_icon {
    margin: -65px auto 20px
}

.services.section--services .title_1 {
    margin-bottom: 70px !important
}

.services.section--services .m_bottom {
    margin-bottom: 4rem !important
}

.services.section--services {
    padding-bottom: 22px
}

.section--getintouch {
    padding: 30px 0;
    background-color: rgb(17 17 17 / 50%)
}

.section--getintouch .row {
    align-items: center
}

.section--getintouch .btn-primary {
    background-color: #fff !important;
    color: var(--primaryColor) !important
}

.why_us .row {
    align-items: center
}

.home_page_content .page_content_sub p {
    text-align: left !important
}

@media screen and (min-width:992px) {
    .section--getintouch .btn-primary:hover {
        background-color: #eee !important
    }
}

@media screen and (max-width:991px) {
    .inner_page.blog-page figure.services_box .services_image img {
        width: 100%;
        height: 150px
    }

    .services_box figcaption {
        margin-bottom: 20px
    }

    .banner figcaption h1 {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .md-mb-32 {
        margin-bottom: 32px !important
    }

    .services.section--services .service_box .figcaption h2 {
        min-height: auto
    }

    .section--whychoose .count_number {
        font-size: 20px;
        width: 50px;
        height: 50px;
        line-height: 46px;
        margin-bottom: 0
    }

    .section--whychoose .whychoose_box {
        margin-bottom: 0;
        padding: 20px
    }

    .section--getintouch {
        text-align: center
    }

    .section--getintouch .row {
        flex-direction: column-reverse
    }

    .section--getintouch .row img {
        margin-bottom: 18px
    }

    .services_block .services_box {
        padding: 20px
    }
}

@media screen and (max-width:374px) {
    .banner figcaption h1 {
        font-size: 25px;
        margin-bottom: 15px
    }

    .header_center #site-navigation {
        top: 8px
    }

    .banner .wave-shape {
        margin: 15px auto 0
    }
}

div#explore {
    text-align: center !important;
    margin-bottom: 50px !important
}

.services.section--services .m_bottom {
    margin-bottom: 3rem !important
}

@media screen and (max-width:991px) {
    .wsanimated-arrow span {
        background: var(--primaryColor) !important
    }
}

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

    .wsmenu>.wsmenu-list>li.selected>a,
    .wsmenu>.wsmenu-list>li.selected>a:focus,
    .wsmenu>.wsmenu-list>li:hover>a,
    .wsmenu>.wsmenu-list>li.current_page_ancestor>a {
        background-color: var(--primaryColor) !important;
        color: #fff !important
    }
}

@media (min-width:1200px) {
    .col-xl-5 {
        flex: 0 0 auto;
        width: 50%
    }
}

.top_footer ul.social-links a svg path {
    transition: 0.5s all
}

.top_footer ul.social-links a:hover svg path {
    fill: var(--primaryColor)
}

.single-service .section-faq {
    background-color: rgb(255 255 255 / .05)
}

.section-faq {
    position: relative
}

.section-faq .faq-wrap {
    position: relative;
    z-index: 1
}

.section-faq .accordion-collapse {
    overflow: hidden
}

.section-faq .accordion-collapse .accordion-collapse {
    display: block
}

.section-faq .leftpart .heading {
    max-width: 380px
}

.section-faq .accordion-body {
    padding: 0 60px 20px 0
}

.accordion-button:not(.collapsed) {
    color: #fff
}

.section-faq .heading h2 {
    margin-bottom: 30px
}

.section-faq h3 {
    font-family: var(--primaryFont)
}

.section-faq h3 .accordion-button {
    font-size: clamp(15px, 1.14vw, 22px);
    background-color: #fff0;
    color: #FFF;
    padding: 0;
    padding-block: clamp(15px, 1.30vw, 25px);
    justify-content: space-between
}

.section-faq h3 .accordion-button:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.section-faq .accordion-button::after {
    background-image: url(../images/plusIcon.svg);
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-color: #FFF;
    border-radius: 100%;
    background-position: center center;
    margin-left: 15px
}

.section-faq .accordion-item {
    background: #fff0;
    border: 0;
    border-bottom: solid 1px #434343
}

.section-faq .accordion-item:first-child .accordion-button {
    padding-top: 0
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(45deg)
}

@media(max-width:1599px) {
    .section-faq .accordion-button::after {
        width: 25px;
        height: 25px;
        background-size: 25px
    }
}

@media(max-width:767px) {
    .section-faq .accordion-body {
        padding: 0 30px 20px 0
    }

    .section-faq .heading h2 {
        margin-bottom: 15px
    }
}

.post-author-box {
    border-radius: 5px;
    border: solid 1px #333;
    background: #111;
    padding: 20px
}

.post-author-box .author-avatar {
    height: 80px;
    width: 80px;
    overflow: hidden;
    position: relative;
    min-width: 80px;
    border-radius: 100%
}

.post-author-box .author-name {
    font-size: clamp(16px, 1.14vw, 22px);
    display: inline-block;
    border-bottom: solid 1px var(--primaryColor);
    margin: 0 0 8px;
    padding-bottom: 8px
}

.post-author-box .author-avatar img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.post-author-box .author-description {
    font-size: 14px
}

.author_sub_title {
    font-weight: 600;
    color: var(--primaryColor);
    margin: 0 0 10px;
    font-size: 14px
}

@media(max-width:767px) {
    .post-author-box .author-avatar {
        height: 50px;
        width: 50px;
        min-width: 50px
    }

    .post-author-box {
        gap: 15px
    }

    .post-author-box .author-description {
        font-size: 12px
    }
}

.mega-menu .menu-content {
    position: absolute;
    max-width: 320px;
    background: #0e0e0e;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all;
    padding: 25px;
    text-transform: none;
    border-radius: 50px
}

.mega-menu .menu-content .container {
    max-width: 100%;
    padding: 0
}

.menu-product-slides {
    display: flex;
    gap: 15px;
    padding: 0 34px;
    width: 100%
}

.menu-product-slides .item {
    width: 25%
}

.menu-product-slides .item a {
    color: var(--black);
    display: block
}



.menu-product-slides .item a img {
    transition: 0.5s all;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.menu-product-slides .item a:hover img {
    transform: scale(1.05)
}

.menu-product-slides .item h6 {
    text-transform: uppercase;
    color: var(--harbor)
}

.menu-product-slides .item figure {
    margin-bottom: 8px;
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 67%;
    overflow: hidden;
    border-radius: 5px
}

.site-header {
    padding: 0 24px;
    position: fixed;
    z-index: 99;
    top: 24px;
    width: 100%;
    transition: 0.3s all
}

.site-logo img+img {
    display: none
}

.head-links rect,
.head-links path {
    transition: 0.3s all
}

.head-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px
}

.mega-menu {
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center
}

.mega-menu>li {
    list-style-type: none;
    margin: 0 20px;
    font-size: clamp(16px, 1vw, 18px);
    position: inherit;
    padding: 40px 0;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: .5px
}

.mega-menu>li a {
    color: var(--white);
    text-decoration: none
}

.mega-menu>li a:hover {
    color: var(--primaryColor)
}

.mega-menu li.has-children svg {
    margin-left: 5px;
    transition: 0.5s all;
    max-height: 20px;
    max-width: 20px;
    width: 20px;
}

.mega-menu li.has-children:hover svg path {
    fill: var(--blue-900)
}

.mega-menu li.has-children:hover .menu-content {
    visibility: visible;
    opacity: 1
}

.menu-links-block {
    display: flex;
    gap: 30px;
    background: #111;
    padding: 20px 40px;
    border-radius: 40px;
    border: solid 1px #333
}

.menu-links-block .leftPart {
    display: flex;
    gap: 20px;
    width: 100%
}

.menu-links-block .rightPart {
    width: 30%
}

.menu-links-block .rightPart figure {
    min-height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.menu-links-block .rightPart figure img {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover
}

.menu-links-block .item {
    width: 25%
}

.menu-links-block .item .menu-title {
    font-size: clamp(14px, 1.04vw, 17px);
    color: var(--primaryColor);
    margin-bottom: 15px;
    border-bottom: solid 1px #333;
    min-height: 71px;
    display: flex;
    align-items: center;
    font-family: var(--headingFont)
}

.menu-links-block .item .menu-title a {
    color: var(--primaryColor);
    display: flex;
    gap: 10px;
    align-items: center
}

.menu-links-block .item .menu-title a img {
    max-width: 35px;
    min-width: 35px
}

.menu-links-block .item ul {
    padding: 0
}

.menu-links-block .item ul li {
    list-style-type: none;
    font-size: clamp(12px, 0.93vw, 18px);
    margin-bottom: 8px;
    position: relative;
    padding-left: 18px;
    font-weight: 400;
    letter-spacing: 0
}

.menu-links-block .item ul li:before {
    content: "";
    border-left: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    height: 8px;
    width: 8px;
    display: inline-block;
    transform: rotate(-135deg);
    position: absolute;
    left: 0;
    top: 8px
}

.mycircleicon {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: solid 4px red;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%)
}

.header .container {
    max-width: 100%;
    padding: 0 40px
}

.white-header .wrapper {
    padding-top: 80px
}

.white-header .site-header:not(.fixed) .mega-menu li.has-children>a {
    color: var(--black)
}

.white-header .site-header {
    top: 0
}

@media(min-width:1024px) {
    .mega-menu li.has-children:hover svg {
        transform: rotate(-180deg)
    }
}

@media(max-width:1599px) {
    .site-header {
        top: 20px
    }

    .mega-menu .menu-content {
        padding: 15px 20px 0
    }

    .mega-menu>li {
        padding: 30px 0;
        margin: 0 15px
    }

    .mega-menu li.has-children svg {
        max-width: 20px
    }

    .menu-links-block .rightPart {
        width: 20%
    }

    .menu-links-block .rightPart figure {
        min-height: 200px
    }

    .header .container {
        padding: 0 20px
    }

    .menu-links-block .item ul li:before {
        height: 6px;
        width: 6px;
        top: 6px
    }

    .menu-links-block .item ul li {
        padding-left: 15px
    }
}

@media(max-width:1199px) {
    .mega-menu .menu-content {
        width: calc(100% - 60px)
    }

    .mega-menu>li {
        margin: 0 15px
    }

    .head-links .call a {
        font-size: 16px;
        padding: 0 10px;
        min-width: 165px
    }
}

@media(min-width:1023px) and (max-width:1279px) {
    .header .header_left {
        width: 19%
    }

    .header .header_center {
        width: 59%
    }

    .header .header_right {
        width: 20%
    }

    .mega-menu>li {
        margin: 0 10px
    }
}

@media(max-width:1023px) {
    .head-links .call a {
        font-size: 0;
        min-width: inherit;
        padding: 0
    }

    .head-links .call a svg {
        margin: 0
    }

    .main-navigation {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        display: flex;
        align-items: flex-start;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s all;
        transform: translateY(-100%);
        overflow: auto;
        z-index: 1000
    }

    .main-navigation.open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        height: 100vh;
        overflow: auto
    }

    .menu-toggle {
        width: 39px;
        height: 39px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 1000;
        padding: 10px 8px;
        border-radius: 100%;
        align-items: flex-end
    }

   .header:not(.sticky) .menu-toggle {
        width: 30px;
        padding-right: 0
    }

    .menu-toggle span:nth-child(2) {
        width: 70%
    }

    .menu-toggle span {
        display: block;
        width: 100%;
        height: 1px;
        background-color: var(--white);
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out
    }

    .mega-menu-wrap {
        overflow: auto;
        background: var(--black);
        width: 100%;
        padding-bottom: 16px;
        height: 100%
    }

    .mega-menu-wrap .head-links {
        padding: 30px 20px 0 20px;
        justify-content: flex-start
    }

    .menu-product-slides {
        padding: 0;
        flex-wrap: wrap;
        gap: 0;
        margin: 0 -12px
    }

    .menu-toggle.open span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px)
    }

    .menu-toggle.open span:nth-child(2) {
        opacity: 0
    }

    .menu-toggle.open span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -5px)
    }

    .mega-menu .menu-content {
        width: 100%;
        position: inherit;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        top: auto;
        box-shadow: none;
        display: block;
        padding: 15px 0 0;
        display: none;
        transition: none;
        border-radius: 0
    }

    .mega-menu .menu-content.show-menu {
        display: block
    }

    .mega-menu {
        flex-wrap: wrap
    }

    .mega-menu>li {
        padding: 10px 0;
        margin: 0 20px;
        width: 100%;
        border-bottom: solid 1px rgb(255 255 255 / .1)
    }

    .mega-menu li.has-children {
        width: 100%;
        margin: 0 20px;
        position: relative
    }

    .main-menu {
        position: absolute;
        left: 16px;
        width: auto;
        gap: 16px;
        align-items: center
    }

    .menu-product-slides .item figure {
        background: #EEF1F2;
        margin-bottom: 16px;
        border-radius: 20px
    }

    .menu-product-slides .item {
        width: 50%;
        text-align: center;
        margin-bottom: 24px;
        padding: 0 12px
    }

    .menu-product-slides .item h6 {
        font-size: 14px;
        font-weight: 600
    }

    .mega-menu li.has-children>a {
        display: inline-block
    }

    .mega-menu li.has-children>a>svg {
        display: none
    }

    .mega-menu li.has-children>.plus-minus-mobile {
        position: absolute;
        right: 2px;
        top: 16px
    }

    .mega-menu li.has-children>.plus-minus-mobile>svg {
        margin-left: auto;
        transform: scale(1.4)
    }

    .mega-menu li.has-children>.plus-minus-mobile>svg+svg {
        display: none
    }

    .mega-menu li.has-children.open>.plus-minus-mobile>svg {
        display: none;
        transform: none
    }

    .mega-menu li.has-children.open>.plus-minus-mobile>svg+svg {
        display: block;
        margin: 13px 0 0
    }

    .mega-menu li.has-children>a .arrow {
        display: block
    }

    .mega-menu li.has-children svg {
        position: absolute;
        pointer-events: none;
        right: 10px;
        top: 10px
    }

    .mega-menu li.has-children:nth-child(2) svg rect {
        fill: var(--yellow-500)
    }

    .mega-menu li.has-children:nth-child(2) svg path {
        fill: #D1D54E
    }

    .mega-menu li.has-children.open:nth-child(2) svg line {
        stroke: #D1D54E
    }

    .mega-menu li.has-children:nth-child(3) svg path {
        fill: #000
    }

    .mega-menu li.has-children.open:nth-child(3) svg line {
        stroke: #000
    }

    .mega-menu li.has-children:last-child>a .arrow {
        display: none
    }

    .mega-menu li.has-children span.arrow {
        position: absolute;
        height: 20px;
        width: 20px;
        right: 10px;
        top: 10px;
        padding: 5px
    }

    .mega-menu li.has-children span.arrow:after {
        content: "";
        border-left: solid 1px var(--white);
        border-bottom: solid 1px var(--white);
        display: block;
        height: 100%;
        width: 100%;
        transform: rotate(-135deg);
        opacity: 0
    }

    .mega-menu li.has-children.open svg {
        transform: rotate(-180deg)
    }

    .mega-menu li.has-children.open span.arrow:after {
        transform: rotate(-45deg)
    }

    .mega-menu-wrap .call {
        padding: 0 25px;
        font-size: 18px;
        display: block
    }

    .mega-menu-wrap .call a {
        display: flex;
        align-items: center;
        color: var(--black)
    }

    .mega-menu-wrap .call svg {
        margin-right: 8px
    }

    .menu-product-slides .out-of-stock {
        display: none
    }

    .site-logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 130px
    }

    .site-logo img {
        display: none
    }

    .site-logo img+img {
        display: block;
        max-width: 85px;
        max-height: 55px;
        margin: auto
    }

    .site-header.fixed .site-logo img {
        max-width: 85px
    }

    .header-right {
        width: 100%
    }

    .site-header {
        min-height: 80px;
        display: flex;
        align-items: center;
        padding: 25px 0;
        top: 0
    }

    .head-links .header-cart svg rect {
        fill: #fff0
    }

    .head-links .call {
        position: absolute;
        left: 66px
    }

    .head-links .call rect {
        fill: #fff0
    }

    .head-links .call svg {
        transform: scale(1.4)
    }

    .head-links .call svg path {
        fill: #13788A
    }

    .menu-header {
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 25px 0 15px
    }

    .menu-header img {
        max-width: 160px
    }

    .mobile-menu-close {
        width: 48px;
        height: 48px;
        border-radius: 10px;
        background: var(--sky);
        display: flex;
        align-items: center;
        justify-content: center
    }

    body.mobile-menu-open.scrolling-down .site-header {
        transform: translateY(0)
    }

    .site-header.fixed .mega-menu>li {
        padding: 14px 0
    }

    .mobile-menu-open .progress-wrap {
        visibility: hidden;
        opacity: 0
    }

    .menu-links-block .rightPart {
        display: none
    }

    .menu-links-block .leftPart {
        flex-wrap: wrap;
        width: 100%;
        gap: 10px
    }

    .menu-links-block .item {
        width: 100%
    }

    .menu-links-block {
        padding: 15px;
        border-radius: 15px
    }

    .menu-links-block .item .menu-title {
        margin-bottom: 10px;
        min-height: 51px
    }

    .header {
        padding: 10px 0
    }

    .header .container {
        padding: 0 15px
    }

   .header.sticky .container {
        padding: 0 10px
    }

    .progress-wrap,
   .header .bottom-btns {
        display: none
    }

    .menu-links-block .item .menu-title a img {
        max-width: 28px;
        min-width: 28px
    }

    .header.sticky .mega-menu .menu-content {
        padding: 10px 0
    }
}

.banner-section {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 150px
}

.service-page-banner {
    min-height: 65vh !important;
}

.banner-section .banner-contain {
    position: relative;
    z-index: 1;
    width: 100%
}

.banner-section .video-bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.banner-section .video-bg .top-transaprent {
    background: linear-gradient(to bottom, #0a0a0a 0%, #fff0 100%)
}

.banner-section .video-bg .bottom-transaprent {
    background: linear-gradient(to top, #0a0a0a 0%, #fff0 100%)
}

.banner-section .video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    opacity: .5
}

.banner-section .banner-list ul {
    gap: 15px 30px;
    margin: 30px 0 40px 0;
    display: flex;
    flex-wrap: wrap;
}


.banner-section .banner-content h2 span {
    color: var(--primaryColor)
}

.banner-section .banner-content .tag {
    border: solid 1px #EEE;
    border-radius: 100px;
    padding: 12px 25px;
    min-height: 40px;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px;
}

.banner-section .banner-btns {
    display: flex;
    gap: 15px
}

.banner-section .banner-list .banner-list-item {
    display: flex;
    align-items: center;
    gap: 7px
}

@media(max-width:1023px) {
    .banner-section {
        padding: 80px 0 40px;
        min-height: inherit
    }
}

@media(max-width:991px) {
    .banner-section .banner-contain .row {
        flex-direction: column-reverse
    }

    .banner-section .banner-image {
        max-width: 300px;
        margin: auto auto 30px
    }
}

@media(max-width:767px) {
    .banner-section .banner-content .tag {
        padding: 5px 10px;
        font-size: 12px;
        min-height: 30px
    }

    .banner-section .banner-list ul {
        gap: 10px;
        margin: 20px 0
    }

    .banner-section .banner-btns {
        gap: 8px
    }
}

.wp-gr .grw-review .wp-google-feedback {
    padding-right: 15px !important
}

.cms_page h2,
.cms_page h3,
.cms_page h4,
.cms_page h5,
.cms_page h6 {
    margin: 30px 0 15px
}

.cms_page h2 {
    font-size: clamp(22px, 1.97vw, 38px)
}

.cms_page h3 {
    font-size: clamp(18px, 1.30vw, 25px)
}

.cms_page p a,
.cms_page li a {
    color: #e69137;
    text-decoration: underline !important
}

.cms_page p a:hover,
.cms_page li a:hover {
    color: var(--white)
}

.cms_page h2 strong,
.cms_page h2 b,
.cms_page h3 strong,
.cms_page h3 b,
.cms_page h4 strong,
.cms_page h4 b,
.cms_page h5 strong,
.cms_page h5 b,
.cms_page h6 strong,
.cms_page h6 b {
    font-weight: 400
}

.digital-world-section {
    background-color: #111
}

.digital-world-section .main-heading {
    margin-bottom: 55px
}

.digital-world-image {
    text-align: center;
    max-width: 1320px;
    margin: auto
}

.digital-world-image img {
    width: 65%;
    border-radius: 20px
}

.why-choose-section {
    max-width: 1320px;
    padding: 0 55px;
    margin: auto;
    margin-top: -160px
}

.why-choose-box {
    padding: 30px;
    width: 100%;
    overflow: hidden;
    background-color: var(--black);
    border-bottom: 2px solid var(--dark-grey);
    border-radius: 20px;
    height: calc(100% - 50px);
    margin-bottom: 50px;
    position: relative;
    transition: all 0.4s ease
}

.why-choose-content {
    position: relative;
    z-index: 2
}

.why-choose-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
    z-index: 2
}

.why-choose-number {
    font-size: 82px;
    color: var(--primaryColor);
    line-height: 65px
}

.why-choose-number .webdesign5_number {
    width: 90px;
    height: 90px;
    -webkit-text-stroke-width: 2px;
    font-size: 82px;
    color: #fff0;
    line-height: normal;
    font-weight: 600;
    overflow: hidden
}

.why-choose-number span.stroke {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-weight: 700;
    position: absolute;
    overflow: hidden
}

.why-choose-number span.stroke svg {
    width: 400px;
    height: 400px
}

.why-choose-number span.stroke text {
    fill: #fff0;
    stroke-width: 1px;
    stroke: var(--primaryColor)
}

.why-choose-heading {
    padding-left: 40px
}

.why-choose-heading h4 {
    color: var(--white);
    margin-bottom: 0
}

@media(max-width:767px) {
    .digital-world-section {
        padding-bottom: 0
    }
    .faq-question h3 {font-size: 16px;}
    .why-choose-section {
        padding: 0;
        margin-top: -60px
    }

    .why-choose-box {
        padding: 16px;
        height: auto;
        margin: 16px 0 0
    }

    .why-choose-header {
        margin-bottom: 5px
    }

    .why-choose-number .webdesign5_number {
        width: 52px;
        height: 45px;
        font-size: 86px
    }
    .why-choose-number span.stroke svg {
        width: 190px;
        height: 180px;
    }

    .why-choose-heading {
        padding-left: 20px
    }
}

.about-image {
    position: relative;
    padding-left: 40px;
    padding-top: 15px
}

.about-image::before {
    position: absolute;
    content: '';
    top: -5px;
    left: 20px;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    border-radius: 20px;
    border: 1px solid var(--white)
}

.about-image img {
    max-width: 100%;
    position: relative;
    z-index: 1;
    border-radius: 20px
}

.about-image img.dots {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0
}

.about-content img.about-us-heading {
    margin-bottom: -30px
}

.about-content h2 {
    margin-bottom: 30px
}

.about-content p {
    font-size: 18px;
    font-weight: 400;
    color: var(--white);
    text-align: justify;
    margin-bottom: 20px
}

.happiness-logo {
    padding: 30px;
    text-align: right;
    max-width: fit-content;
    margin: auto
}

.happiness-logo img {
    max-width: 100%;
    border-radius: 20px
}

.our-experties {
    border: none;
    border-radius: 20px;
}

.expertise-box {
    padding: 40px 0 40px 40px
}

.expertise-box h3 {
    margin-bottom: 25px
}

.expertise-box ul li {
    color: var(--white);
    display: flex;
    margin-bottom: 15px
}

.expertise-box ul li:last-child {
    margin-bottom: 0
}

.expertise-box ul li .content {
    padding-left: 15px;
    display: block
}

.expertise-box ul li strong {
    color: var(--primaryColor);
    font-weight: 600;
    padding-right: 10px
}

.girl-image {
    margin-top: auto;
    height: 100%;
    display: flex;
    align-items: flex-end
}

@media(max-width:767px) {
    .about-image {
        margin-bottom: 20px
    }

    .expertise-box {
        padding: 30px 20px 0
    }

    .about-image img.dots {
        max-width: 80px
    }

    .happiness-logo {
        padding: 30px 0 0
    }
}

body.mobile-menu-open {
    overflow: hidden
}

body.mobile-menu-open .fix-footer-button {
    display: none
}

.fix-footer-button {
    position: fixed;
    bottom: 0;
    background: #111;
    display: none;
    justify-content: center;
    width: 100%;
    gap: 10px;
    padding: 16px 0;
    z-index: 99;
    border-radius: 20px 20px 0 0;
    transform: translateY(100%);
    transition: 0.5s all
}

.scrolling-down .fix-footer-button {
    transform: translateY(0%)
}

.fix-footer-button .cta-button {
    font-size: 14px;
    padding-right: 8px
}

body.footer-active .fix-footer-button {
    opacity: 0;
    visibility: hidden
}

@media(max-width:767px) {
    .fix-footer-button {
        display: flex
    }
}

@media(max-width:374px) {
    .fix-footer-button .cta-button {
        font-size: 12px;
        letter-spacing: 1px;
        padding: 0 12px
    }
}

.global-offices {
    position: relative
}

.global-offices .office-image .ratio-img {
    padding-bottom: 40%
}

.loc-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 0;
    top: 1.5rem
}

.loc-nav .office-swiper-prev,
.loc-nav .office-swiper-next {
    background: #e69137;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.loc-nav .office-swiper-prev {
    transform: rotate(180deg)
}

.loc-nav svg path {
    color: #000
}

@media(max-width:767px) {
    .global-offices {
        text-align: left
    }

    .loc-nav .office-swiper-prev,
    .loc-nav .office-swiper-next {
        height: 25px;
        width: 25px
    }

    .loc-nav .office-swiper-prev svg,
    .loc-nav .office-swiper-next svg {
        max-width: 12px
    }
}

@media(max-width:480px) {
    .office-content {
        text-align: left;
        opacity: 0;
        transition: 1s all
    }

    .swiper-slide.swiper-slide-active .office-content {
        opacity: 1
    }
}

/* Process Section Custom Styles */
.process-section {
    position: relative;
}

.process-steps-wrapper {
    position: relative;
    margin-top: 80px;
}

.process-line-bg {
    position: absolute;
    top: 40px;
    left: 12%;
    right: 12%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1;
}

.process-line-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: var(--primaryColor);
    box-shadow: 0 0 10px var(--primaryColor);
}

.step-item {
    text-align: center;
    position: relative;
    z-index: 2;
}

.step-circle {
    width: 80px;
    height: 80px;
    background: #000;
    border: 1px solid var(--primaryColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    font-size: 22px;
    font-weight: 700;
    color: var(--primaryColor);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--headingFont);
    position: relative;
    box-shadow: 0 0 15px rgba(230, 145, 55, 0.15);
}

.step-item:hover .step-circle,
.step-item.active .step-circle {
    border-color: var(--primaryColor);
    box-shadow: 0 0 30px rgba(230, 145, 55, 0.2);
    color: var(--primaryColor);
    transform: translateY(-5px);
}

.step-circle::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--primaryColor);
    opacity: 0;
    transform: scale(1.2);
    transition: 0.5s all;
}

.step-item:hover .step-circle::after,
.step-item.active .step-circle::after {
    opacity: 1;
    transform: scale(1);
}

.step-content h3 {
    font-size: clamp(18px, 1.5vw, 22px);
    margin-bottom: 15px;
    color: var(--white);
}

.step-content p {
    font-size: 16px;
    color: var(--grey);
    line-height: 1.6;
    max-width: 280px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .process-line-bg {
        display: none;
    }

    .step-item {
        margin-bottom: 60px;
    }

    .step-content p {
        max-width: 100%;
    }
}

/* Process Tag Style */
.process-tag {
    color: var(--primaryColor);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}

/* Footer CTA Section */
.cta-footer-box {
    background: #111;
    border-radius: 40px;
    padding: 60px 80px;
    margin-top: -60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: hidden;
}

.cta-footer-box::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(230, 145, 55, 0.1) 0%, transparent 70%);
    z-index: 0;
}

.cta-footer-content {
    position: relative;
    z-index: 1;
    max-width: 650px;
}

.cta-footer-content h2 {
    font-size: clamp(28px, 2.5vw, 42px);
    margin-bottom: 15px;
}

.cta-footer-content p {
    font-size: 18px;
    color: var(--grey);
    margin-bottom: 0;
}

.cta-footer-btn-wrap {
    position: relative;
    z-index: 1;
}

.cta-footer-btn-wrap .cta-button.primary {
    background: var(--primaryColor);
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
    min-height: 65px;
    padding: 0 40px;
    border: none;
    box-shadow: 0 10px 30px rgba(230, 145, 55, 0.2);
}

.cta-footer-btn-wrap .cta-button.primary:hover {
    background: var(--white);
    transform: scale(1.05);
}

@media (max-width: 1199px) {
    .cta-footer-box {
        padding: 50px;
    }
}

@media (max-width: 991px) {
    .cta-footer-box {
        flex-direction: column;
        text-align: center;
        padding: 40px 30px;
        border-radius: 30px;
    }

    .cta-footer-content {
        max-width: 100%;
    }
}

/* FAQ Section */
.faq-part {
    padding: 40px 0 40px 0;
}
.faq-section {
    padding: 100px 0 100px 0;
}

.faq-wrapper {
    max-width: 1050px;
    margin: 40px auto 0;
}

.faq-item {
    background: #0a0a0a;
    border-radius: 12px;
    margin-bottom: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: rgba(230, 145, 55, 0.3);
}

.faq-question {
    padding: 18px 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.faq-question h3 {
    font-size: 17px;
    margin-bottom: 0;
    color: var(--white);
    transition: 0.3s all;
    font-family: var(--primaryFont);
    font-weight: 500;
}

.faq-item.active .faq-question h3 {
    color: var(--primaryColor);
}

.faq-icon {
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all;
    flex-shrink: 0;
}

.faq-icon svg {
    width: 12px;
}

.faq-item.active .faq-icon {
    background: var(--primaryColor);
    transform: rotate(180deg);
}

.faq-item.active .faq-icon svg path {
    stroke: var(--black);
}

.faq-answer {
    padding: 0 25px 20px;
    display: none;
}

.faq-answer p {
    font-size: 15px;
    color: var(--grey);
    margin-bottom: 0;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .faq-question {
        padding: 15px 20px;
    }

    .faq-answer {
        padding: 0 20px 15px;
    }
}

/* Footer Styles */
.footer-section {
    background: #111;
    padding-top: 80px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    width: 100%;
    border-radius: 60px 60px 0 0;
}



.footer-logo-col .footer-logo {
    display: inline-block;
    margin-bottom: 0;
}

.footer-logo-col .footer-logo img {
    max-width: 220px;
    height: auto;
}

.footer-logo-col p {
    margin-top: 25px;
    color: var(--grey);
    font-size: 14px;
    line-height: 1.8;
    max-width: 350px;
}

.footer-heading {
    font-size: 17px;
    margin-bottom: 35px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--white);
    font-family: var(--headingFont);
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: var(--grey);
    text-decoration: none;
    transition: 0.3s all;
    font-size: 16px;
    display: block;
}

.footer-links a:hover {
    color: var(--primaryColor);
}

.footer-cta-col p {
    color: var(--grey);
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .footer-section {
        padding-top: 60px;
        text-align: center;
    }

    .footer-logo-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }

    .footer-logo-col p {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-heading {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .footer-pill-btn {
        margin: 0 auto;
    }
}

/* Special Footer Button */
.footer-pill-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 8px 8px 8px 25px;
    border: 1px solid var(--white);
    border-radius: 100px;
    color: var(--white);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.4s ease;
    font-size: 14px;
}

.footer-pill-btn .icon-circle {
    width: 34px;
    height: 34px;
    background: var(--primaryColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all;
}

.footer-pill-btn .icon-circle svg {
    width: 14px;
}

.footer-pill-btn:hover {
    background: var(--primaryColor);
    color: var(--black);
    border-color: var(--primaryColor);
}

.footer-pill-btn:hover .icon-circle {
    background: var(--white);
    transform: rotate(45deg);
}

.footer-pill-btn:hover .icon-circle svg path {
    stroke: var(--primaryColor);
}

.footer-bottom {
    margin-top: 70px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
}

.footer-bottom p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 991px) {
    .footer-section {
        padding-top: 80px;
    }

    .footer-heading {
        margin-top: 40px;
        margin-bottom: 25px;
    }

    .footer-bottom {
        margin-top: 50px;
    }
}

.cta-button.secondary-pill {
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: var(--white);
    font-size: 14px;
    padding: 18px 30px;
    border-radius: 100px;
    transition: 0.3s all;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
}

.cta-button.secondary-pill:hover {
    border-color: var(--primaryColor);
    color: var(--primaryColor);
    background: #000;
}

/* Service Page Styles */
.service-hero {
    padding-top: 180px;
    padding-bottom: 80px;
    text-align: center;
}

.service-hero .hero-desc {
    margin-left: auto;
    margin-right: auto;
}

.service-hero .hero-btns {
    justify-content: center;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 60px;
    padding: 50px 30px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
}

.stat-item h3 {
    font-size: clamp(28px, 3vw, 38px);
    color: var(--primaryColor);
    margin-bottom: 10px;
    font-weight: 800;
    font-family: var(--headingFont);
}

.stat-item p {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--grey);
    margin-bottom: 0;
    font-weight: 600;
}

.service-swiper-container {
    margin-top: -10px;
    padding: 40px 20px 0px !important;
    margin-left: -20px;
    margin-right: -20px;
}

.service-feature-card {
    background: #0a0a0a;
    padding: 35px 30px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
}

.service-feature-card:hover {
    border-color: rgba(230, 145, 55, 0.4);
    transform: translateY(-8px);
    background: #0d0d0d;
}

.service-feature-card .icon-box {
    width: 50px;
    height: 50px;
    background: var(--primaryColor);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: 0.3s all;
}

.service-feature-card .icon-box svg {
    width: 22px;
    stroke: var(--black);
}

.service-feature-card:hover .icon-box {
    background: #000;
    border: 1px solid var(--primaryColor);
}

.service-feature-card:hover .icon-box svg {
    stroke: var(--primaryColor);
}

.service-feature-card h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: var(--white);
    font-family: var(--headingFont);
}

.service-feature-card p {
    font-size: 16px;
    color: var(--grey);
    line-height: 1.6;
    margin-bottom: 0;
}

.overview-bento-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.overview-bento-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.overview-bento-card.wide {
    grid-column: span 2;
}

.overview-bento-card .card-inner {
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
    text-align: left;
}

.overview-bento-card:hover {
    background: rgba(230, 145, 55, 0.03);
    border-color: rgba(230, 145, 55, 0.3);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.overview-bento-card .icon-wrap {
    color: var(--primaryColor);
    background: rgba(230, 145, 55, 0.08);
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.overview-bento-card .pill-text {
    text-align: left;
}

.overview-bento-card h6 {
    font-size: 17px;
    color: var(--white);
    margin-bottom: 5px;
    font-weight: 500;
    text-align: left;
}

.overview-bento-card p {
    font-size: 16px;
    color: var(--grey);
    line-height: 1.5;
    margin-bottom: 0;
    text-align: left;
}

/* --- Creative Deep Dive & Performance Sections --- */
.deep-dive-section {
    background: #080808;
    overflow: hidden;
    position: relative;
}

.performance-section {
    padding-block: 100px;
    background: #000;
    position: relative;
}

.deep-dive-section .section-title,
.performance-section .section-title {
    font-size: clamp(30px, 3.5vw, 42px);
    line-height: 1.4;
    margin-bottom: 15px;
}

.strategy-desc,
.performance-desc {
    color: var(--grey);
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 25px;
    max-width: 600px;
}

.strategy-list-modern {
    margin-bottom: 0;
}

.strategy-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
}

.strategy-item .icon-check {
    width: 32px;
    height: 32px;
    background: rgba(230, 145, 55, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.strategy-item span {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
}

.type-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.type-pills .pill {
    background: #111;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.type-pills .pill:hover {
    background: var(--primaryColor);
    color: #000;
    border-color: var(--primaryColor);
    transform: translateY(-3px);
}

.stats-premium-card {
    position: relative;
    padding: 2px;
    border-radius: 40px;
    background: linear-gradient(135deg, rgba(230, 145, 55, 0.3) 0%, rgba(230, 145, 55, 0) 50%);
}

.card-inner-content {
    background: #0d0d0d;
    border-radius: 38px;
    padding: 25px 30px;
    position: relative;
    z-index: 2;
}

.stats-premium-card .card-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.stats-premium-card .icon-wrap {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-premium-card h4 {
    color: var(--white);
    font-weight: 400;
    margin-bottom: 0;
    font-size: 28px;
}

.premium-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.p-stat .val {
    font-size: 32px;
    font-weight: 800;
    color: var(--primaryColor);
    display: block;
    margin-bottom: 2px;
}

.p-stat .lab {
    font-size: 12px;
    color: var(--grey);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.performance-grid-merged {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    align-items: flex-start;
}

.perf-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.perf-card {
    background: #0d0d0d;
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 25px 25px;
    border-radius: 24px;
    transition: 0.4s;
    width: 100%;
}

.perf-card.big {
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.perf-card.small {
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.perf-card:hover {
    border-color: var(--primaryColor);
    transform: translateY(-5px);
}

.perf-card .icon-box {
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
}

.perf-card h6 {
    color: var(--white);
    font-weight: 400;
    margin-bottom: 10px;
}

.perf-card p {
    font-size: 13px;
    color: var(--grey);
    line-height: 1.5;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .performance-grid-merged {
        grid-template-columns: 1fr;
    }
}

.expectation-modern-box h5 {
    color: var(--white);
    margin-bottom: 25px;
    font-weight: 700;
}

.exp-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.exp-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.exp-item .dot {
    width: 8px;
    height: 8px;
    background: var(--primaryColor);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--primaryColor);
}

.exp-item span {
    color: var(--grey);
    font-size: 16px;
}

@media (max-width: 767px) {
    .performance-grid-creative {
        grid-template-columns: 1fr;
    }

    .perf-card.mt-lg-4 {
        margin-top: 0 !important;
    }
}

/* --- Deep Dive & ROI Sections --- */
.feature-item-inline {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.feature-item-inline .dot {
    width: 6px;
    height: 6px;
    background: var(--primaryColor);
    border-radius: 50%;
}

.feature-item-inline span {
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
}

.chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.type-chip {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white);
    padding: 8px 18px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    transition: 0.3s;
}

.type-chip:hover {
    background: var(--primaryColor);
    color: #000;
    border-color: var(--primaryColor);
}

.stats-glass-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 30px;
    padding: 40px;
    backdrop-filter: blur(10px);
}

.stats-glass-card .card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 35px;
}

.stats-glass-card .header-icon {
    font-size: 30px;
}

.stats-glass-card .card-header h4 {
    color: var(--white);
    font-weight: 700;
    margin-bottom: 0;
}

.stats-glass-card .stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.stat-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.stat-item .stat-val {
    font-size: 32px;
    font-weight: 800;
    color: var(--primaryColor);
    display: block;
}

.stat-item .stat-label {
    font-size: 13px;
    color: var(--grey);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.check-list-modern {
    list-style: none;
    padding: 0;
}

.check-list-modern li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
}

.check-list-modern li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--primaryColor);
    font-weight: 800;
}

.performance-approach-card {
    background: #0a0a0a;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    padding: 45px;
}

.card-title-box h4 {
    color: var(--white);
    font-weight: 700;
    margin-bottom: 8px;
}

.card-title-box p {
    color: var(--primaryColor);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 40px;
}

.approach-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.approach-item:last-child {
    margin-bottom: 0;
}

.approach-item .icon {
    font-size: 24px;
    flex-shrink: 0;
}

.approach-item .txt h6 {
    color: var(--white);
    font-weight: 700;
    margin-bottom: 5px;
}

.approach-item .txt p {
    color: var(--grey);
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .stats-glass-card {
        padding: 30px;
    }

    .performance-approach-card {
        padding: 30px;
    }
}

@media (max-width: 991px) {
    .overview-bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .overview-bento-card.wide {
        grid-column: span 2;
    }
}

@media (max-width: 767px) {
    .overview-bento-grid {
        grid-template-columns: 1fr;
    }

    .overview-bento-card.wide {
        grid-column: span 1;
    }

    .overview-bento-card .card-inner {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        padding: 16px;
        gap: 16px;
    }
}

@media (max-width: 991px) {
    .stats-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .service-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .overview-icon-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .mega-menu .menu-content {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .service-card-grid {
        grid-template-columns: 1fr;
    }

    .overview-icon-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199px) {
    .btn-mob-none {
        display: none;
    }

   .header .header_left .logo_main img {
        max-width: 160px;
    }
}

/* Tools Marquee Section */
.tools-marquee-section {
    background: var(--darkBg);
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    margin-top: -55px;
}

.marquee-wrapper {
    display: flex;
    overflow: hidden;
    user-select: none;
    mask-image: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 30%,
            rgba(0, 0, 0, 1) 70%,
            rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 30%,
            rgba(0, 0, 0, 1) 70%,
            rgba(0, 0, 0, 0) 100%);
}

.marquee-content {
    display: flex;
    gap: 60px;
    animation: scroll 60s linear infinite;
    white-space: nowrap;
    align-items: center;
}

.m-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--primaryFont);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--white);
    opacity: 0.4;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.m-item svg {
    width: 18px;
    height: 18px;
    color: var(--primaryColor);
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.m-item:hover {
    opacity: 1;
    transform: translateY(-2px);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50% - 50px));
    }
}

/* Adjust for mobile */
@media (max-width: 768px) {
    .marquee-content span {
        font-size: 1.5rem;
        gap: 50px;
    }

    .marquee-content {
        gap: 50px;
    }
}

/* Expertise Timeline Style */
.expertise-timeline-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 20px auto 0;
    padding: 40px 0;
}

.expertise-timeline-container {
    position: relative;
    z-index: 5;
    display: flow-root;
    /* Fix for collapsing height */
    width: 100%;
}

.expertise-timeline-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    background: var(--primaryColor);
    opacity: 1;
    box-shadow: 0 0 10px var(--primaryColor);
    z-index: 1;
    /* Keep it behind the dots */
}

.expertise-timeline-item {
    display: flex;
    justify-content: flex-end;
    padding-right: 50%;
    position: relative;
    margin-bottom: 0;
}

.expertise-timeline-item.right {
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 50%;
}

.timeline-dot {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background: var(--primaryColor);
    border: 4px solid var(--darkAccent);
    border-radius: 50%;
    box-shadow: 0 0 15px var(--primaryColor);
    z-index: 3;
}

.expertise-timeline-card {
    width: 95%;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(15px);
    padding: 25px;
    border-radius: 25px;
    transition: all 0.4s ease;
    border: 1px solid transparent;
    margin-right: 30px;
}

.expertise-timeline-item.left .expertise-timeline-card {
    text-align: right;
    margin-right: 30px;
}

.expertise-timeline-item.left .card-icon {
    display: flex;
    justify-content: flex-end;
}

.expertise-timeline-item.right .expertise-timeline-card {
    text-align: left;
    margin-right: 0;
    margin-left: 30px;
}

.expertise-timeline-card:hover {
    background: var(--darkBg);
    transform: translateY(-5px);
    border-color: var(--primaryColor);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.expertise-timeline-card .card-icon {
    color: var(--primaryColor);
    margin-bottom: 20px;
}

.expertise-timeline-card h4 {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 15px;
    color: var(--white);
}

.expertise-timeline-card p {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .expertise-timeline-line {
        left: 20px;
    }

    .expertise-timeline-item {
        justify-content: flex-start;
        padding-left: 60px;
        padding-right: 0;
    }

    .expertise-timeline-item.right {
        padding-left: 60px;
    }

    .timeline-dot {
        left: 20px;
    }

    .expertise-timeline-card,
    .expertise-timeline-item.right .expertise-timeline-card {
        width: 100%;
        margin-left: 0;
    }
}

/* Custom AOS Animation for Timeline Line */
[data-aos="line-grow"] {
    transform: scaleY(0);
    transform-origin: top;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-aos="line-grow"].aos-animate {
    transform: scaleY(1);
}

/* About Us Page Sections */
.about-hero-section {
    padding: 180px 0 100px;
    background: var(--darkBg);
}

.about-mission-section {
    background: #0d0d0d;
}

.mission-image-wrap {
    position: relative;
}

.mission-badge {
    position: absolute;
    bottom: 30px;
    right: -20px;
    background: var(--primaryColor);
    padding: 15px 25px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 15px 30px rgba(230, 145, 55, 0.3);
    color: var(--darkBg);
    font-weight: 700;
}

.about-stats-section {
    padding: 80px 0;
    background: var(--darkBg);
}

.stats-glass-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    background: rgba(255, 255, 255, 0.03);
    padding: 60px 40px;
    border-radius: 30px;
    backdrop-filter: blur(10px);
}

.stat-item {
    text-align: center;
}

.stat-item h3 {
    font-size: 2.5rem;
    font-weight: 400;
    color: var(--primaryColor);
    margin-bottom: 10px;
}

.stat-item p {
    font-size: 1.1rem;
    color: var(--white);
    opacity: 0.8;
    margin: 0;
}

.about-values-section {
    padding: 100px 0;
    background: var(--darkBg);
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.value-card {
    padding: 40px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 20px;
    transition: all 0.4s ease;
}

.value-card:hover {
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-10px);
}

.value-icon {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.value-card h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 15px;
}

.about-team-section {
    padding: 100px 0;
    background: var(--darkBg);
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.team-card {
    text-align: center;
    padding: 40px 20px;
    background: var(--darkAccent);
    border-radius: 25px;
    transition: all 0.4s ease;
}

.team-card:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.05);
}

.team-avatar {
    width: 100px;
    height: 100px;
    background: var(--primaryColor);
    color: var(--darkBg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 auto 20px;
}

.team-card h4 {
    color: var(--white);
    font-size: 1.3rem;
    margin-bottom: 5px;
}

.team-card span {
    color: var(--primaryColor);
    font-weight: 600;
    font-size: 0.9rem;
}

.about-trust-section {
    background: var(--darkBg);
}

.trust-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.trust-list li {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--white);
    font-size: 1.1rem;
    margin-bottom: 20px;
    opacity: 0.9;
}

.about-cta-section {
    padding: 100px 0;
    background: var(--darkBg);
}

.cta-banner-wrap {
    background: linear-gradient(135deg, var(--darkAccent) 0%, #1a1a1a 100%);
    padding: 80px 40px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.cta-banner-wrap::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, var(--primaryColor) 0%, transparent 70%);
    opacity: 0.1;
    pointer-events: none;
}

@media (max-width: 1199px) {

    .stats-glass-grid,
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {

    .stats-glass-grid,
    .team-grid,
    .values-grid {
        grid-template-columns: 1fr;
    }

    .stat-item h3 {
        font-size: 2.5rem;
    }
}

/* Hero Integrated Stats */
.hero-stats-grid {
    display: flex;
    justify-content: center;
    gap: 80px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-stat-item {
    text-align: center;
}

.hero-stat-item h3 {
    font-size: 2.5rem;
    color: var(--primaryColor);
    margin-bottom: 5px;
}

.hero-stat-item p {
    font-size: 0.85rem;
    color: var(--white);
    opacity: 0.7;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 991px) {
    .hero-stats-grid {
        gap: 40px;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .hero-stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

/* Creative Mission Split Layout */
.mission-cards-vertical {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mission-detail-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 25px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
    transition: all 0.4s ease;
}

.mission-detail-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(230, 145, 55, 0.2);
    transform: translateX(10px);
}

.mission-detail-card .card-icon {
    width: 50px;
    height: 50px;
    background: rgba(230, 145, 55, 0.1);
    color: var(--primaryColor);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mission-detail-card .card-content p {
    margin: 0;
    font-size: 1rem;
    color: var(--grey);
    line-height: 1.6;
}

.mission-image-creative-wrap {
    position: relative;
    padding: 20px;
}

.mission-image-creative-wrap .image-inner {
    position: relative;
    z-index: 2;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.mission-image-creative-wrap .glow-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(230, 145, 55, 0.15) 0%, transparent 70%);
    z-index: 1;
    pointer-events: none;
}

.floating-badge {
    position: absolute;
    background: var(--primaryColor);
    color: var(--darkBg);
    padding: 14px 24px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: 0 15px 40px rgba(230, 145, 55, 0.3);
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: default;
}

.floating-badge:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 25px 50px rgba(230, 145, 55, 0.5);
}

.floating-badge.top-right {
    top: 40px;
    right: -20px;
}

.floating-badge.bottom-left {
    bottom: 40px;
    left: -20px;
}

.floating-badge .badge-icon {
    width: 24px;
    height: 24px;
    background: rgba(21, 21, 21, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

@media (max-width: 991px) {
    .floating-badge {
        display: none;
    }

    .mission-image-creative-wrap {
        margin-top: 50px;
        padding: 0;
    }
}

/* Trust Section Grid */
.trust-container {
    padding: 100px 0;
}

.trust-points-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.trust-point {
    background: rgba(255, 255, 255, 0.03);
    padding: 25px 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.trust-point:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(230, 145, 55, 0.3);
    transform: translateX(10px);
}

.point-icon {
    width: 45px;
    height: 45px;
    background: rgba(230, 145, 55, 0.1);
    color: var(--primaryColor);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.trust-point p {
    margin: 0;
    font-size: 1.1rem;
    color: var(--white);
    font-weight: 500;
}

@media (max-width: 991px) {
    .mission-statement-box {
        padding: 40px 20px;
    }

    .mission-details-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .trust-container {
        padding: 60px 0;
    }
}

/* Mission Refinements */
.mission-text-large.highlight-text {
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--white);
    line-height: 1.5;
}

.mission-image-creative-wrap.refined-size {
    max-width: 540px;
    margin-left: auto;
}

@media (max-width: 991px) {
    .mission-image-creative-wrap.refined-size {
        margin: 40px auto 0;
        max-width: 100%;
    }
}

/* Expert Team Carousel Styling */
.about-team-carousel-section {
    background: #0e0e0e;
}

.team-swiper {
    padding-bottom: 60px !important;
}

.team-swiper .swiper-slide {
    height: auto !important;
    display: flex;
}

.expert-profile-card {
    background: #000000;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    padding: 35px;
    text-align: left;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.4s ease;
    position: relative;
}

.expert-profile-card:hover {
    border-color: rgba(230, 145, 55, 0.3);
    transform: translateY(-5px);
    background: #000000;
}

.expert-profile-card .card-image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 30px;
    border: 3px solid var(--primaryColor);
    padding: 4px;
    flex-shrink: 0;
    box-shadow: 0 10px 25px rgba(230, 145, 55, 0.2);
}

.expert-profile-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.experience-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(230, 145, 55, 0.1);
    color: var(--primaryColor);
    padding: 6px 14px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.8rem;
    z-index: 2;
    border: 1px solid rgba(230, 145, 55, 0.2);
    backdrop-filter: blur(5px);
}

.expert-profile-card .card-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.expert-profile-card h4 {
    color: var(--white);
    font-size: 1.25rem;
    margin-bottom: 2px;
}

.expert-profile-card .role {
    color: var(--primaryColor);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
}

.reviewer-meta {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 20px;
}

.quote-icon {
    line-height: 1;
}

.skill-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 25px;
    justify-content: flex-start;
    margin-top: 10px;
}

.skill-pills span {
    background: rgba(255, 255, 255, 0.05);
    color: var(--grey);
    padding: 5px 14px;
    border-radius: 8px;
    font-size: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.expert-profile-card p {
    font-size: 0.9rem;
    color: var(--grey);
    line-height: 1.6;
    margin-bottom: 20px;
    font-style: italic;
}

.project-stat {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: auto;
}

.project-stat .val {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--white);
}

.project-stat .lab {
    font-size: 0.85rem;
    color: var(--grey);
    line-height: 1.2;
}

/* Swiper Navigation Custom */
.team-swiper-nav-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.swiper-nav-btn {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    cursor: pointer;
    transition: all 0.3s ease;
}

.swiper-nav-btn:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    color: var(--darkBg);
}

.swiper-pagination-team {
    position: relative !important;
    bottom: 0 !important;
    width: auto !important;
}

.swiper-pagination-team .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.2);
    opacity: 1;
}

.swiper-pagination-team .swiper-pagination-bullet-active {
    background: var(--primaryColor);
    width: 25px;
    border-radius: 10px;
}

/* Why Trust Us Section Refinement */
.about-trust-section {
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.trust-points-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.trust-point-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 10px 25px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
}

.trust-point-card:hover {
    background: rgba(230, 145, 55, 0.05);
    border-color: rgba(230, 145, 55, 0.2);
    transform: translateX(10px);
}

.trust-point-card .point-icon {
    width: 45px;
    height: 45px;
    background: rgba(230, 145, 55, 0.1);
    color: var(--primaryColor);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.trust-point-card p {
    margin: 0;
    color: var(--white);
    font-size: 1rem;
    font-weight: 500;
}


.experties-section {
    background: #111;
    position: relative;
    overflow: hidden;
}

.experties-section:before {
    content: '';
    position: absolute;
    top: -500px;
    right: -500px;
    width: 1000px;
    height: 1000px;
    background: radial-gradient(circle, rgba(230, 145, 55, 0.1) 0%, transparent 70%);
    z-index: 0;
}

/* Force linear timing for smooth infinite marquee */
.team-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
    margin: 0 auto;
}

/* Contact Page Specific Styles */
.contact-form-wrap {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px 35px;
    border-radius: 25px;
    backdrop-filter: blur(10px);
}

.form-group label {
    display: block;
    color: var(--white);
    margin-bottom: 10px;
    font-weight: 500;
}

.form-control {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white);
    padding: 15px 20px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.form-control:focus {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--primaryColor);
    color: var(--white);
    box-shadow: none;
}

.info-item-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(255, 255, 255, 0.02);
    padding: 12px 18px;
    border-radius: 12px;
    margin-bottom: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.info-item-card .icon {
    font-size: 24px;
    width: 50px;
    height: 50px;
    background: rgba(230, 145, 55, 0.1);
    color: var(--primaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.info-item-card .content {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info-item-card h6 {
    margin: 0 0 5px 0;
    font-size: 0.85rem;
    color: #999 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.info-item-card p {
    margin: 0;
    font-weight: 600;
    color: #ffffff !important;
    font-size: 1.1rem;
}

.mini-step {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    position: relative;
}

.mini-step .num {
    font-weight: 700;
    color: var(--primaryColor);
    font-size: 1.1rem;
}

.mini-step h6 {
    margin-bottom: 5px;
    font-size: 1rem;
    color: var(--white);
}

.mini-step p {
    margin: 0;
    font-size: 0.9rem;
    color: #ccc;
}

.choose-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 40px;
    border-radius: 20px;
    height: 100%;
    transition: all 0.3s ease;
}

.choose-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--primaryColor);
    transform: translateY(-5px);
}

.choose-card .icon {
    font-size: 32px;
    margin-bottom: 20px;
}

.choose-card h3 {
    font-size: 1.25rem;
    margin-bottom: 15px;
    color: var(--white);
}

.choose-card p {
    margin: 0;
    color: #888;
    line-height: 1.6;
}

/* Contact Info Box Grid */
.contact-info-box {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 40px 30px;
    border-radius: 20px;
    height: 100%;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.contact-info-box:hover {
    background: rgba(230, 145, 55, 0.05);
    border-color: rgba(230, 145, 55, 0.2);
    transform: translateY(-5px);
}

.contact-info-box .icon {
    width: 60px;
    height: 60px;
    background: rgba(230, 145, 55, 0.1);
    color: var(--primaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    margin: 0 auto 20px;
}

.contact-info-box h6 {
    color: #888;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.contact-info-box p {
    color: var(--white);
    font-weight: 600;
    font-size: 1.1rem;
    margin: 0;
}

/* Blog Section Styles */
.blog-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-10px);
    border-color: var(--primaryColor);
    background: rgba(255, 255, 255, 0.04);
}

.blog-image {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-card:hover .blog-image img {
    transform: scale(1.1);
}

.blog-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primaryColor);
    color: var(--white);
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
}

.blog-content {
    padding: 25px;
}

.blog-date {
    display: block;
    color: #888;
    font-size: 13px;
    margin-bottom: 10px;
}

.blog-content h3 {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 15px;
}

.blog-content h3 a {
    color: var(--white);
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-content h3 a:hover {
    color: var(--primaryColor);
}

.blog-content p {
    color: #999;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primaryColor);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
    transition: gap 0.3s ease;
}

.read-more:hover {
    gap: 12px;
    color: var(--primaryColor);
}

/* Horizontal Blog Card */
.blog-card.horizontal {
    display: flex;
    align-items: stretch;
}

.blog-card.horizontal .blog-image {
    width: 40%;
    height: auto;
}

.blog-card.horizontal .blog-content {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 991px) {
    .blog-card.horizontal {
        flex-direction: column;
    }

    .blog-card.horizontal .blog-image {
        width: 100%;
        height: 250px;
    }

    .blog-card.horizontal .blog-content {
        width: 100%;
    }
}

/* Individual Blog Page Styles */
.blog-single-header {
    padding-top: 150px;
    padding-bottom: 50px;
}

.hero-title.small-hero-title {
    font-size: 3.5rem;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .hero-title.small-hero-title {
        font-size: 2.5rem;
    }
}

.blog-single-meta {
    display: flex;
    gap: 20px;
    color: #888;
    font-size: 14px;
    margin-bottom: 20px;
}

.blog-main-image {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 30px;
    margin-bottom: 50px;
}

.blog-post-content {
    color: #ccc;
    font-size: 1.1rem;
    line-height: 1.8;
}

.blog-post-content h2,
.blog-post-content h3 {
    color: var(--white);
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.8rem;
}

.blog-post-content p {
    margin-bottom: 25px;
}

.blog-post-content ul {
    margin-bottom: 25px;
    padding-left: 20px;
}

.blog-post-content ul li {
    margin-bottom: 10px;
    list-style: disc;
    color: #999;
}

.blog-sidebar {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 20px;
    position: sticky;
    top: 100px;
}

.sidebar-widget {
    margin-bottom: 40px;
}

.widget-title {
    color: var(--white);
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.recent-post-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
}

.recent-post-img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.recent-post-info h6 {
    font-size: 0.9rem;
    margin-bottom: 5px;
}

.recent-post-info h6 a {
    color: var(--white);
    text-decoration: none;
    transition: color 0.3s ease;
}

.recent-post-info h6 a:hover {
    color: var(--primaryColor);
}

.recent-post-info span {
    font-size: 0.8rem;
    color: #666;
}
/*Updated CSS*/

.section-title, .services-section .main-heading h2,
.section-title-large, .process-section .main-heading h2,
.faq-section .main-heading h2, .deep-dive-section .main-heading h2{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.team-swiper {
    padding-bottom: 0 !important;
}
/**/
@media (min-width: 992px) {
    .banner-section h1 {
        font-size: clamp(42px, 2.86vw, 50px)
    }
    .why-choose-box .why-choose-heading h3 {
        font-size: clamp(25px, 2vw, 32px);
    }
}
@media (max-width: 991px) {
    .about-content {margin-top: 30px;}
    .trust-image-wrap img {
        max-width: 100% !important;
    }
    .team-swiper {
        padding-bottom: 0 !important;
    }
    .process-steps-wrapper {margin-top: 40px;}
    .strategy-desc, .performance-desc {max-width: 100%;}
    .performance-section {padding-block: 80px;}
}
@media (max-width: 767px) {
    .banner-section .padding-right-large {
        padding-right: 0;
    }
    .about-content {
        margin-top: 0;
    }
    .about-content h2 {
        margin-bottom: 14px;
    }
    .about-content p {display: none;}
    .about-content .list-unstyled {margin: 0;}
    .digital-world-section .main-heading {margin-bottom: 20px;}
    .digital-world-image img {width: 80%;}
    h3, .h3 {font-size: clamp(18px, 2vw, 40px);}
    .section-padding, .faq-section {padding: 40px 0;}
    .expert-profile-card {
        padding: 16px;
    }
    .reviewer-meta {padding-top: 10px;}
    .expert-profile-card h4 {font-size: 1rem;}
    .expert-profile-card p {margin: 0;}
    .faq-wrapper, .overview-bento-grid {margin: 20px 0 0;}
    .cta-footer-box {padding: 24px; gap: 20px;}
    .cta-footer-content h2 {
        font-size: clamp(20px, 2.5vw, 42px);
    }
    .cta-footer-content p {font-size: 14px; line-height: 1.4;}
    .hero-cta .cta-button.primary {font-size: 14px;}
    .cta-footer-btn-wrap .cta-button.primary {
        padding: 0 15px;
        min-height: 50px;
        font-size: 14px;
    }
    .footer-section {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    p {
        line-height: 1.6;
    }
    .footer-logo-col {margin-bottom: 0;}
    .footer-heading {margin-top: 15px; margin-bottom: 15px; font-size: 15px;}
    .footer-links {margin: 0;}
    .footer-bottom {margin-top: 30px; padding-top: 15px;}
    .footer-links li {margin-bottom: 8px;}
    .footer-links a {font-size: 14px;}
    .about-trust-section {padding: 40px 0;}
    .trust-points-grid, .mission-image-creative-wrap, .process-steps-wrapper {margin: 20px 0 0;}
    .section-padding-bottom, .section-padding-block {padding-bottom: 40px;}
    .hero-title {font-size: clamp(30px, 4vw, 56px);}
    .hero-title br {display: none;}
    .hero-desc-large {margin: 15px auto;}
    .expert-profile-card .card-image {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }
    .skill-pills {margin: 10px 0;}
    .project-stat .val {font-size: 1.3rem;}
    .project-stat {padding-top: 16px;}
    .about-mission-section {padding-top: 0;}
    .trust-point-card {padding: 10px;}
    h2, .h2, .deep-dive-section .section-title, .performance-section .section-title {
        font-size: clamp(25px, 2.5vw, 48px);
    }
    .hero-stat-item h3 {
        font-size: 1.8rem;
    }
    .process-tag {font-size: 12px; margin-bottom: 10px;}
    .hero-desc-large {font-size: 15px;}
    .section-title-large {font-size: 25px;}
    .stats-premium-card h4 {font-size: 18px;}
    .step-item, .stats-premium-card .card-head, .expectation-modern-box h5 {margin-bottom: 20px;}
    .step-circle {
        width: 60px;
        height: 60px;
        font-size: 16px;
        margin: 0 auto 10px;
    }
    .deep-dive-section .section-title br {display: none;}
    .service-feature-card {padding: 16px;}
    .service-feature-card .icon-box, .service-feature-card h3 {margin-bottom: 10px;}
    .service-feature-card h3, .overview-desc {font-size: 16px;}
    .strategy-desc, .performance-desc {font-size: 16px; line-height: 1.5; margin-bottom: 20px;}
    .p-stat .val {font-size: 22px;}
    .performance-section {padding-block: 40px;}
    .perf-card.big, .perf-card.small {
        height: auto;
        padding: 16px;
    }
    .perf-card .icon-box {margin-bottom: 0; height: 35px;}
    h6, .h6 {
        font-size: clamp(16px, 1.04vw, 20px);
    }
    .service-swiper-container {padding: 20px 20px 0 !important; margin-top: 0;}
    .contact-form-wrap {padding: 16px;}
    .contact-info-wrap .section-title br {display: none;}
    .cta-button.secondary-pill {padding: 12px 20px;}
    .header .header_left .logo_main img {max-width: 140px;}
    .overview-bento-card h6 {font-size: 16px;}
    .step-content h3 {font-size: clamp(16px, 1.5vw, 22px);}
}

.contact-form-wrap {
    padding: 30px 35px 0;
}

@media (max-width: 1599px) {
    .contact-form-wrap {
        padding: 30px 35px;
    }

        .contact-form-wrap iframe {
            height: 800px !important;
        }
}