* {
    margin: 0px;
    padding: 0px;
}
:root {
    --color: #0b1a38;
    --color2: #123bf2;
}
.main_header {
    padding-top: 40px;
    position: absolute;
    left: 0;
    z-index: 99;
    width: 100%;
}
.main_header .logo_area img {
    height: 60px;
    width: 100%;
    object-fit: contain;
    object-position: left;
    margin-top: 0;
}
.banner_btn_new {
    position: absolute;
    bottom: 56px;
    width: 96px;
    height: 96px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 35px;
    left: 0;
    right: 0;
    padding-top: 13px;
    margin: 0px auto;
    border-top: 7px solid #e0e0e0;
}
.banner_btn_new a {
    color: #333 !important;
}
.btn_top_menu {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    justify-content: flex-end;
}
.btn_top_menu a {
    font-family: "jost";
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color);
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(11, 26, 56);
    border-image: initial;
    padding: 12px 31px;
    background: none;
}
.btn_top_menu a:nth-child(2) {
    color: #fff;
    background-color: var(--color2);
    border-color: var(--color2);
}
.menu_list ul {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    gap: 10px;
}
.menu_list ul li {
    display: inline-block;
    padding: 12px 8px;
    position: relative;
}
.menu_list ul li a {
    font-size: 15px;
    color: #444;
    font-family: "jost";
    font-weight: 600;
    text-transform: uppercase;
}
.menu_list ul li ul.sub-menu {
    background: #fff;
    padding: 40px 28px !important;
    width: 400px !important;
    top: 62px;
    border-radius: 20px !important;
    position: absolute;
    left: 0;
    flex-direction: column;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    box-shadow: 1px 7px 15px #00000024;
}
.menu_list ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
}
.menu_list ul li ul.sub-menu li {
    width: 100%;
    text-align: left;
    padding: 0px !important;
    margin: 0px 0;
}
.menu_list ul li ul.sub-menu li a {
    min-height: auto;
    justify-content: flex-start;
    padding: 2px 15px;
    display: inline-block;
    border-radius: 3px !important;
    width: 100%;
    font-size: 14px;
}
.menu_list ul li ul.sub-menu li a:hover {
    background: #d9e8ffeb !important;
}
.menu_area {
    display: flex;
    justify-content: flex-end;
    gap: 19px;
    align-items: center;
    margin-top: 26px;
}
.main_header .phon_area {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    gap: 20px;
}
.main_header .phon_area img {
    width: 60px;
}
.main_header .phon_area a {
    font-size: 18px;
    color: #000;
    font-family: "jost";
    display: inline-block;
    width: 100%;
}
.main_header .phon_area .text_num a:first-child {
    font-size: 25px;
    color: #123bf2;
    font-weight: 600;
}
.main_header .phon_area .text_num {
    display: flex;
    flex-direction: column;
}
.main_banner {
    width: 100%;
    background: #fff;
    padding-top: 243px;
    padding-bottom: 41px;
    background: #fff;
    border-radius: 9px;
    margin-bottom: 27px;
}
section.main_banner_home {
    padding: 15px;
    overflow: hidden;
    position: relative;
}
.main_banner h1,
.main_banner h3 {
    font-size: 23px;
    margin-bottom: -1px;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-align: center;
    font-family: "Space Grotesk";
    font-weight: 700;
    position: relative;
}
.main_banner h3 {
    margin-left: 0px;
    color: #fff;
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
a {
    transition: all 0.5s;
}
a.btn_new:hover,
.about_section .btn_area_about .btn_new:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
.main_banner h3 span {
    color: #fff;
    position: relative;
    z-index: 1;
}
.main_banner .top_text_banner {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
}
.main_banner h2 {
    font-size: 50px;
    color: #141515;
    text-align: center;
    font-family: "Anton";
    letter-spacing: -1px;
    margin-bottom: 0px;
    margin-top: 12px;
    padding-bottom: 10px;
    margin-bottom: 13px;
    position: relative;
    text-transform: uppercase;
}
.main_banner h2::after {
    width: 84px;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    content: "";
    bottom: -8px;
}
.main_banner h2 span {
    color: #5f7dfa;
    background-size: 100% 0.5em, 0% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.main_banner h4 {
    font-size: 22px;
    color: #313131;
    text-align: center;
    font-family: "jost";
    font-weight: 500;
    line-height: 33px;
    margin: 0px auto;
    margin-bottom: 27px;
    max-width: 659px;
    margin-top: 0;
}
.main_banner .btn_group_area {
    display: flex;
    gap: 15px;
    justify-content: center;
}
.btn_new {
    font-family: "jost";
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color);
    border: 2px solid var(--color);
    padding: 15px 38px;
    display: inline-block;
}
.main_banner .btn_group_area a:nth-child(2) {
    background: var(--color2);
    border-color: var(--color2);
    color: #fff;
}
.logos_partn .par_logo {
    text-align: center;
}
.logos_partn .par_logo img {
    height: 51px;
    object-fit: contain;
    object-position: center;
}
.row.logos_partn {
    margin-top: 37px;
    padding-bottom: 33px;
    align-items: center;
    max-width: 1004px;
    margin: 60px auto 65px;
    padding: 42px 30px;
    box-shadow: rgba(7, 13, 32, 0.08) 0px 20px 80px;
    backdrop-filter: blur(3px);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 100px;
    border: 1px solid #ebebeb;
    position: relative;
    z-index: 1;
}
.logo_tr_area {
    max-width: 1004px;
    position: relative;
    margin: 0px auto 0px;
    width: 100%;
}
.row.logos_partn .col-md-4:nth-child(2) .par_logo {
    border-width: 0;
    border-color: #f4f4f4;
    border-style: solid;
    background: linear-gradient(to left, #123bf2, #f9d5d5);
    position: absolute;
    left: 0;
    right: 0;
    top: -68px;
    min-height: 136px;
    border-radius: 36px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0;
}
.row.logos_partn .col-md-4:nth-child(2) img {
    height: 80px;
}
.about_section h2 {
    max-width: 100%;
    margin: 0;
    font-size: 50px;
    font-family: "Space Grotesk";
    font-weight: 700;
    color: #111;
    line-height: 51px;
    text-decoration: none;
    width: 100%;
    letter-spacing: -2px;
    text-align: center;
    max-width: 800px;
    margin: 0px auto;
    background-repeat: no-repeat;
    margin-bottom: 29px;
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.about_section h3 {
    font-size: 31px;
    line-height: 40px;
    text-align: left;
    margin-top: 0;
    font-family: "Space Grotesk";
    color: #333;
    margin-bottom: 18px;
    letter-spacing: -1.4px;
    padding-left: 32px;
    font-weight: 700;
    position: relative;
}
.about_section h3::before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 11px;
    background: #fff;
    content: "";
    background: radial-gradient(circle, #123bf2, #ffffff);
}
.about_section .col-md-12 {
    padding: 108px 94px 108px !important;
    border: 1px solid #ccc;
    border-radius: 34px;
    background: #fff;
    position: relative;
    border-bottom: 0px;
    z-index: 1;
}
.about_section .row {
    position: relative;
}
.about_section .row::after {
    content: "";
    position: absolute;
    top: -16px;
    left: -14px;
    width: 102.5%;
    height: 129%;
    background: linear-gradient(182deg, #95a8ff, #ffcaae, #ffcaae00, #ffcaae00);
    z-index: 0;
    border-radius: 34px;
}
.about_section .row .col-md-12 {
    position: relative;
}
.about_section .row .col-md-12::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/texture1.svg);
    background-size: 32%;
    background-repeat: repeat;
    z-index: 0;
    border-top-left-radius: 43px;
    border-top-right-radius: 43px;
    opacity: 0.5;
}
.about_section .row::after {
    content: "";
    position: absolute;
    top: -16px;
    left: -14px;
    width: 102.5%;
    height: 105%;
    background: linear-gradient(182deg, #95a8ff, #ffcaae, #76b8ff80, #ffb087);
    z-index: 0;
    border-top-left-radius: 43px;
    border-top-right-radius: 43px;
}
section.about_section {
    padding: 0px 0px 100px;
}
.about_section p {
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    color: #444;
    font-family: jost;
    position: relative;
    text-align: center;
    padding-left: 0;
}
.about_section .btn_area_about {
    margin-top: 30px;
}
.about_section .btn_area_about {
    text-align: left;
    position: relative;
    padding-left: 0;
    text-align: center;
}
.about_section .btn_area_about .btn_new {
    color: #fff;
    border: 0px solid var(--color);
    background: #123bf2 !important;
}
.video_test {
    padding: 90px 0px;
    background: #f9f9f9;
    position: relative;
    float: none;
}
.video_test video {
    background: #000;
    height: 353px;
    width: 100%;
}
.video_test .video_content {
    background: linear-gradient(305deg, #ff883d, #0030ff);
    padding: 50.5px 32px;
    margin-top: 0px;
    position: relative;
}
.video_test .col-md-6 {
    padding: 0px;
}
.video_test p {
    font-size: 21px;
    text-align: left;
    max-width: 100%;
    margin-bottom: 0;
    color: #fff;
    font-family: "jost";
    line-height: 34px;
}
.video_test h3 {
    font-size: 25px;
    color: #fff;
    padding: 0px;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 13px;
    font-family: "Anton";
    font-style: italic;
    margin-top: 23px;
}
.heading {
    color: #000 !important;
    font-size: 50px;
    font-family: Anton;
    margin: 0 auto 29px;
    line-height: 72px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.video_test .btn_area_video {
    text-align: center;
    margin-top: 30px;
}
.new_client {
    background: #fff;
    padding: 90px 0px;
    position: relative;
}
.about_inner {
    position: relative;
}
.new_client:after,
.about_inner::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 653px;
    height: 15px;
    background: linear-gradient(90deg, #123bf200, #95a8ff, #ffcaae, #ef864f00);
    z-index: 0;
    right: 0;
    margin: 0px auto;
}
.new_client .client-bx img {
    width: 100%;
    padding: 0 40px;
    height: 98px;
    object-fit: contain;
    margin: 26px 0px;
    object-position: center;
    transition: 0.5s;
    cursor: pointer;
}
.new_client .row .col-md-3:nth-child(3) .client-bx img {
    height: 121px;
    margin-top: 0px;
}
.aut_area {
    padding: 34px 0px 50px;
    text-align: center;
    background: url(../images/back5.webp);
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
}
.btn_area_aut_area {
    text-align: center;
}
.aut_area p {
    text-align: left;
    font-size: 29px;
    line-height: 37px;
    color: #fff;
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
}
.aut_area h2.heading {
    text-align: left;
    margin-bottom: 2px;
}
.aut_area ul li,
.text_area_homeweb ul li {
    font-size: 21px;
    color: #313131;
    text-align: center;
    font-family: "jost";
    line-height: 33px;
    margin: 0px auto;
    list-style: none !important;
    text-align: left;
    background: none;
    padding: 10px 17px;
    width: auto;
    margin: 7px 0%;
    border-radius: 54px;
    text-align: left;
    gap: 19px;
    min-height: auto;
    align-items: center;
    border: 1px solid #505050;
    width: 100%;
    color: #fff;
    background: #fff1;
    backdrop-filter: blur(2px);
}
.aut_area img,
.text_area_homeweb img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    object-fit: contain;
    margin: 4px 16px 3px 0px;
    padding: 9px;
    background: linear-gradient(to left, #ff883d, #5172ff);
}
.aut_area ul,
.text_area_homeweb ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
    list-style: none !important;
    flex-direction: column;
    width: 100%;
}
.com_area {
    background: #f9f9f9;
    padding: 96px 0px;
}
.com_area .row .col-md-4:nth-child(2) .feat_area img {
    margin-top: 60px;
}
.com_area .row .col-md-4:nth-child(2) .feat_area {
    border-bottom: 11px solid #0b1a38;
    background: linear-gradient(to top, #ff883d, #0030ff);
}
.com_area .row .col-md-4:nth-child(2) .feat_area h3,
.com_area .row .col-md-4:nth-child(2) .feat_area p {
    color: #fff;
}
.com_area .row .col-md-4:nth-child(3) .feat_area {
    border-bottom: 11px solid #ccc;
}
.feat_area {
    background: #fff;
    padding: 49px;
    height: 390px;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    border-bottom: 11px solid #173cf3;
}
.feat_area img {
    width: 100%;
    margin-top: 20px;
}
.feat_area h3 {
    font-family: Space Grotesk;
    font-weight: 700;
    letter-spacing: -1px;
}
.feat_area p {
    text-align: left;
    font-size: 20px;
    line-height: 33px;
    color: #000;
    font-family: jost;
}
.services_area {
    padding: 80px 0px;
    position: relative;
}
.about_inner2 {
    position: relative;
}
.services_area::after,
.blog_section_area::after,
.about_inner2::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 53%;
    height: 15px;
    background: linear-gradient(90deg, #123bf200, #95a8ff, #ffcaae, #ef864f00);
    z-index: 0;
    right: 0;
    margin: 0px auto;
}
.blog_section_area {
    position: relative;
}
.services_area .s_pack_icon img {
    height: 105px;
    width: auto;
    object-fit: contain;
    margin: 0 0 26px;
    display: table;
}
.services_area p {
    text-align: center;
    color: #000;
    font-family: "jost";
    font-size: 21px;
}
.services_area .package_1 {
    padding: 50px 38px;
    background: #f2f3ff;
    border-radius: 10px;
    margin-bottom: 30px;
    min-height: 500px;
    border-bottom: 11px solid #173cf3;
}
.services_area .row .col-md-4:nth-child(2n) .package_1 {
    background: #fbf1f1 !important;
    border-bottom: 11px solid #0b1a38;
}
.services_area .row .col-md-4:nth-child(2) .package_1 {
    background: #d4edff !important;
    border-bottom: 11px solid #0d99ff;
}
.services_area .row .col-md-4:nth-child(3) .package_1 {
    background: #fff2cc !important;
    border-bottom: 11px solid #ffc300;
}
.services_area .row .col-md-4:nth-child(4) .package_1 {
    background: #eafbf5 !important;
    border-bottom: 11px solid #34d399;
}
.services_area .row .col-md-4:nth-child(5) .package_1 {
    background: #ffe1ef !important;
    border-bottom: 11px solid #ff479f;
}
.services_area .row .col-md-4:nth-child(6) .package_1 {
    background: #f3eaff !important;
    border-bottom: 11px solid #aa69ff;
}
.services_area .row .col-md-4:nth-child(2) .package_1,
.services_area .row .col-md-4:nth-child(1) .package_1,
.services_area .row .col-md-4:nth-child(3) .package_1 {
    min-height: 396px;
}
.services_area .row .col-md-4:nth-child(2) .package_1 p,
.services_area .row .col-md-4:nth-child(1) .package_1 p,
.services_area .row .col-md-4:nth-child(3) .package_1 p {
    min-height: 100px !important;
}
.services_area .package_1 h3 {
    font-family: "Space Grotesk", sans-serif;
    text-transform: capitalize;
    letter-spacing: -1px;
    padding-bottom: 14px;
    font-weight: 700;
    text-align: left;
    position: relative;
    font-size: 30px;
    color: #000;
    max-width: 100%;
    margin: 0 auto;
}
.services_area .package_1 p {
    font-size: 21px;
    text-align: left;
    max-width: 324px;
    margin-bottom: 0;
    color: #000;
    font-family: "jost";
    min-height: 164px !important;
}
.services_area .heading {
    margin-bottom: 10px;
}
.services_area .para_new {
    margin-bottom: 38px;
}
.our_process {
    background: #fff;
    padding: 90px 0px;
}
.our_process h3 {
    font-family: "Space Grotesk", sans-serif;
    text-transform: capitalize;
    letter-spacing: -1px;
    font-weight: 700;
    text-align: left;
    position: relative;
    font-size: 30px;
    color: #000;
    max-width: 100%;
    margin: 0 auto;
}
.our_process p {
    font-size: 21px;
    text-align: left;
    margin-bottom: 0;
    color: #333;
    font-family: "jost";
    margin-top: 6px;
}
.our_process .process_area {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 800px;
    margin: 23px auto 0px;
}
.our_process .process_area .pro_area {
    width: 100%;
    margin-bottom: 19px;
    position: relative;
}
.our_process .row .col-md-6:nth-child(2) .process_area .pro_area {
    margin-top: 131px;
}
.our_process .process_area .pro_area .inner_pro_area {
    color: #fff;
    border-radius: 0px;
    padding-left: 86px;
}
.our_process .process_area .pro_area:nth-child(3) {
    width: 100%;
}
a:hover {
    text-decoration: none !important;
}
.our_process .process_area .pro_area h5 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #ffff;
    font-family: "Space Grotesk";
    font-weight: 700;
    font-size: 26px;
    background: #0030ff;
}
.our_process .process_area .pro_area h5:after {
    position: absolute;
    content: "";
    left: -9px;
    height: 77px;
    width: 77px;
    border-radius: 50%;
    border: 2px dashed #111;
    background: none;
    z-index: 0px;
    animation: data125 linear infinite 6s;
}
@keyframes data125 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.our_process .row .col-md-6:nth-child(2) .process_area .pro_area h5 {
    background: #de8497;
}
.our_process .row .col-md-12 .process_area .pro_area h5 {
    background: #ff883d;
}
.our_process .process_area .pro_area:nth-child(3) h5 {
    background: #ff883d;
}
.google_review {
    padding: 100px 0px;
    background: #fff;
}
.vis_area {
    background: #fafafa;
    padding: 97px 0px;
    text-align: center;
    position: relative;
}
.vis_area h2 {
    font-size: 45px;
    color: #141515;
    margin: 0px auto;
    line-height: 60px;
    letter-spacing: -0.5px;
    margin-bottom: 35px;
    max-width: 800px;
    font-family: "Anton";
}
.vis_area .btn_area_t {
    text-align: center;
}
.vis_area h2 span {
    color: #5f7dfa;
    text-decoration: none;
    background-position: 0% 96%, 0% 0%;
    background-size: 100% 0.5em, 0% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog_section_area {
    padding: 80px 0px;
}
.blog_section_area .all_blog_sec .img_area img {
    width: 100%;
    height: 213px;
    object-fit: cover;
    transition: all 0.5s;
}
.blog_section_area .all_blog_sec .blg_cont h3 {
    font-family: "Space Grotesk", sans-serif;
    font-size: 23px;
    line-height: 31px;
    color: #000;
    margin: 14px 0 10px;
    font-weight: 700;
    letter-spacing: -0.4px;
}
.blog_section_area .all_blog_sec .blg_cont .btn_button {
    font-family: "jost";
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color2);
    border: 2px solid var(--color2);
    padding: 11px 35px;
    display: inline-block;
    margin-top: 15px;
}
.blog_section_area h2 {
    text-align: left;
    margin: 0px;
}
.blog_section_area .blg_area_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}
.text_area_homeweb {
    background: #2744d1;
    padding: 80px 0 80px;
    background: url(../images/back6.webp);
    background-position: bottom;
    background-size: 67%;
    background-attachment: fixed;
}
.text_area_homeweb h2 {
    font-size: 45px;
    color: #fff;
    margin: 0px auto;
    line-height: 60px;
    margin-bottom: 35px;
    font-family: "Anton";
    max-width: 100%;
}
.text_area_homeweb ul li {
    color: #fff;
    width: 100%;
    max-width: 100%;
    border: 1px solid #cccccc3d !important;
}
.btn_text_homeweb {
    text-align: center;
}
.btn_text_homeweb a {
    border-color: #fff;
    color: #fff;
}
.footer_section {
    float: left;
    width: 100%;
    padding: 100px 0 7px;
    background: #fafafa;
    position: relative;
}
.footer_section h3 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 75px;
    padding-bottom: 15px;
    position: relative;
    font-family: "space Grotesk";
    letter-spacing: -1.5px;
    margin-top: 0;
    color: #0b1a38;
}
.footer_section::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 52%;
    height: 15px;
    background: linear-gradient(90deg, #123bf200, #95a8ff, #ffcaae, #ef864f00);
    z-index: 0;
    right: 0;
    margin: 0px auto;
}
.footer_section .logo_soc {
    padding-right: 45px;
    padding-top: 11px;
}
.footer_section h3::after {
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    height: 1px;
    background: #ccc;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
}
.logo_footer {
    text-align: center;
}
.logo_footer img {
    width: 100%;
    max-width: 231px;
}
.social_media_area {
    margin-top: 50px;
}
.social_media_area ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding-bottom: 50px;
    position: relative;
    margin-bottom: 60px;
    border-bottom: 0px solid #dbdbdb;
}
.social_media_area ul::after {
    width: 100%;
    height: 1px;
    background: url(../images/f_line.svg);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0px;
    background-repeat: repeat-x;
}
.social_media_area ul li a {
    padding: 0 23px;
    transition: 0.5s;
    font-size: 33px;
    color: #333;
}
.social_media_area ul img {
    filter: none !important;
    width: 27px !important;
}
.link_area ul {
    flex-direction: column;
    list-style: none;
    color: #fff;
}
.link_area li {
    margin-bottom: 2px;
    line-height: 26px;
}
.link_area li a {
    color: #333;
    font-size: 13px;
    font-family: "jost";
    font-weight: 400;
    position: relative;
}
.footer_section h5 {
    text-align: left;
    font-size: 23px;
    margin-bottom: 19px;
    padding-bottom: 10px;
    font-family: "space Grotesk";
    letter-spacing: -1px;
    color: #fff;
    position: relative;
}
.footer_section h5::after {
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    height: 1px;
    background: #ccc;
    left: 0;
    width: 31px;
    margin: 0;
    bottom: -1px;
}
.copy_right {
    background: #fafafa;
    padding: 5px 0 0px;
    margin-top: 0px;
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #ccc;
}
.copy_right p,
.copy_right p a {
    text-align: center;
    font-size: 15px;
    color: #333;
    font-family: jost;
}
.copy_right p a {
    color: #0030ff;
    text-decoration: underline;
}
.copy_right img {
    position: absolute;
    height: 119px;
    left: 5%;
    bottom: -8px;
    animation: 2s linear infinite leaf1;
}
@keyframes leaf1 {
    0%,
    25% {
        transform: scaleX(-1);
    }
    100%,
    50% {
        transform: scaleX(1);
    }
}
.inner_banner {
    padding: 236px 0px 113px;
    background: linear-gradient(360deg, hsla(186, 33%, 94%, 1) 0%, hsl(216deg 100% 96.25%) 100%);
}
.start_your_banner {
    padding: 246px 0px 102px;
}
.inner_banner h1 {
    text-align: center;
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -2px;
    margin-bottom: 0px;
}
.about_inner {
    padding: 142px 0px 0px;
}
.about_inner h2 {
    font-family: "Anton", Sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -2px;
    text-align: center;
    color: #000;
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btm_img img {
    width: 100%;
    max-width: 798px;
    margin: 38px auto 0px;
    display: table;
}
.about_inner h3 {
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1.5px;
    font-size: 34px;
    text-align: center;
    color: #000;
    max-width: 924px;
    line-height: 43px;
    margin: 25px auto 27px;
}
.about_inner p {
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    color: #000;
    font-family: jost;
}
.about_inner2 {
    background: #fff;
    padding: 102px 0px;
}
.about_inner2 h2 {
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -2px;
    font-size: 50px;
    margin-bottom: 22px;
}
p {
    font-size: 20px;
    line-height: 35px;
    font-family: jost;
}
.about_inner2 .img_area_new {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.about_inner2 .img_area_new img {
    width: 48%;
    height: 450px;
    object-position: center;
    border-radius: 5px;
    object-fit: cover;
}
section.location_area {
    padding: 80px 0px;
}
section.location_area img {
    width: 100%;
    height: 413px;
    object-fit: cover;
}
section.location_area h2 {
    background: linear-gradient(0deg, #0b1a38, transparent);
    margin: 0px 0px 30px 0px;
    padding: 14px 14px 14px 14px;
    color: #fff;
    width: 100%;
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    font-size: 45px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding: 18px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-right: 184px;
    padding-bottom: 32px;
}
.saskatoon_banner {
    padding-top: 300px;
    padding-bottom: 100px;
    background: url(../images/back_sas.jpg) !important;
    background-size: cover !important;
    background-position: center;
    background-attachment: fixed !important;
    position: relative;
}
.saskatoon_banner::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(265deg, #531459c4, #0c101500);
    content: "";
    height: 100%;
}
.saskatoon_banner .container {
    position: relative;
    z-index: 1;
}
.saskatoon_banner h1 {
    font-size: 53px;
    line-height: 60px;
    margin-bottom: 22px;
    color: #fff;
    font-family: "Anton";
}
.saskatoon_banner p {
    color: #fff;
    font-size: 21px;
    margin-bottom: 15px;
    max-width: 835px;
    text-align: left;
    padding-right: 0px;
    margin-top: 0;
    font-style: italic;
    background: #8d8d8d21;
    padding: 13px 26px;
    border-radius: 6px;
    line-height: 26px;
}
.saskatoon_banner p b {
    font-family: "jost" !important;
    font-weight: 600 !important;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 14px;
    display: inline-block;
    width: 100%;
    font-style: normal;
}
.saskatoon_banner .btn_sas_tr a {
    color: #fff;
    border-color: #fff;
    margin-top: 20px;
}
.client_area_inner {
    padding: 64px 0px;
}
.client_area_inner img {
    display: block;
    width: 100%;
    height: 96px;
    object-fit: contain;
    padding: 0px 46px;
    object-position: center;
}
.b_back {
    background-color: #eff7ff;
    padding: 80px 0px;
}
.bd_back {
    background-color: #0b1a38;
    padding: 80px 0px;
}
.abt_sas img {
    width: 100%;
}
.abt_sas_text h2 {
    margin-bottom: 10px;
}
.abt_sas_text h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0px;
    color: #333;
    font-family: "Space Grotesk";
    margin-bottom: 18px;
    letter-spacing: -1px;
}
.abt_sas_text p b {
    display: block;
}
.list_sas h3 {
    color: #fff;
    font-size: 30px;
    font-family: "space Grotesk";
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: -1px;
}
.list_sas [class*="col-"] {
    padding: 0px 10px;
}
.list_sas .list_area {
    padding: 27px 27px 27px 27px;
    border-radius: 8px;
}
.list_sas .list_area {
    padding: 27px 27px 27px 27px;
    border-radius: 8px;
    min-height: 176px;
    box-shadow: rgba(7, 13, 32, 0.08) 0px 20px 80px;
    backdrop-filter: blur(5px) !important;
    background: rgb(255 255 255 / 11%) !important;
    border-radius: 18px;
    border: 1px solid #5f5f5f;
}
.gra1 {
    background-image: linear-gradient(318deg, #764ba2 0%, #667eea 100%);
}
.gra2 {
    background-image: linear-gradient(310deg, #ff5f6d 0%, #ffc371 100%);
}
.gra3 {
    background-image: linear-gradient(180deg, #5f30c5 0%, #f2295b 100%);
}
.gra4 {
    background-image: linear-gradient(104deg, #5e5ffc 0%, #1bffff 100%);
}
.list_sas .list_area p {
    text-align: left;
    margin: 0px;
}
.list_sas p {
    text-align: center;
    color: #fff;
    margin-top: 30px;
}
.prorfolio h2 {
    color: #fff !important;
}
.prorfolio .item {
    height: 569px;
    border-radius: 6px;
    overflow: hidden;
}
.padd {
    padding: 100px 0px;
}
.heading2 {
    color: #000 !important;
    font-size: 42px;
    font-family: Anton;
    margin: 0 auto 29px;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    letter-spacing: -0.5px;
}
.infor_area p {
    text-align: center;
}
.aut_area .container {
    padding: 63px 81px;
    background: none;
    border-radius: 22px;
    color: #fff !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
}
.aut_area .container .btn_new {
    color: #fff;
    border: 2px solid #ffffff;
}
.aut_area h2.heading {
    text-align: left;
    margin-bottom: 2px;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 44px;
    background: linear-gradient(to left, #ff883d, #5172ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.our_process .line {
    width: 578px;
    position: absolute;
    top: 55px;
    left: 15px;
}
.our_process .line.line2 {
    top: -99px;
    left: -23px;
    width: 463px;
}
.case_study {
    padding: 100px 0px;
}
.case_study .heading {
    margin-bottom: 10px;
}
.case_study p {
    text-align: center;
    margin-bottom: 28px;
}
.case_study .img_text_case p {
    text-align: center;
    margin-bottom: 0;
    line-height: 28px;
    font-size: 20px;
    color: #212121;
    max-width: 260px;
    margin: 0px auto;
}
.img_text_case {
    height: 500px;
    overflow: hidden;
    width: 100%;
    border-radius: 5px;
}
.img_text_case .img_case img {
    width: 100%;
    height: 500px;
    transition: all 0.5s;
    object-fit: cover;
}
.img_text_case .txt_case {
    position: absolute;
    padding: 20px;
    width: 85%;
    margin: 0px auto;
    bottom: 15px;
    background: #ffffffd1;
    left: 0px;
    border-radius: 5px;
    right: 0px;
    text-align: center;
}
.img_text_case .txt_case img {
    height: 50px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 19px;
    width: 100%;
}
.img_text_case .txt_case h3 {
    font-size: 65px;
    font-family: "jost";
    margin-bottom: 2px;
    color: #0030ff;
    font-weight: 900;
    letter-spacing: -4px;
}
.case_study .row .col-md-4:nth-child(1) .img_text_case .txt_case img {
    filter: none;
}
.case_study .btn_area_case {
    text-align: center;
    margin-top: 40px;
}
.case_study .btn_area_case .btn_new {
    color: #fff;
    border: 0px solid var(--color);
    padding: 15px 38px;
    background: #0030ff;
}
.start_your_banner {
    background: url(../images/s_bak.webp);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.start_your_banner .heading {
    text-align: left;
    line-height: 67px;
}
.start_your_banner .heading span {
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.start_your_banner ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
    list-style: none !important;
    flex-direction: column;
    width: 100%;
    padding-right: 26px;
}
.start_your_banner h3 {
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 38px;
}
.form_area input {
    width: 100%;
    height: 59px;
    padding: 0px 21px;
    font-family: "Jost";
    font-size: 18px;
    margin-bottom: 13px;
    border: 0;
    border: 1px solid #dddddd !important;
    border-radius: 4px !important;
    background: #fff !important;
}
.form_area .form-group,
.form_area .input_group {
    margin-bottom: 1rem;
    background: none;
    padding: 0;
    border-radius: 7px;
    border: 0px solid #eeeeee;
}
.form_area input:focus {
    border-color: #0f35f3 !important;
    outline: 0px;
}
.form_area .btn_new {
    width: 100%;
    font-family: "jost";
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    border: 0px solid var(--color);
    padding: 14px 46px;
    display: inline-block;
    background: #0f35f3;
}
.form_area form label {
    color: #333;
    font-family: "jost";
    font-weight: 600;
}
.form_area form {
    padding: 52px 50px 50px;
    box-shadow: rgba(7, 13, 32, 0.08) 0px 20px 80px;
    backdrop-filter: blur(3px);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 18px;
    border: 1px solid #ebebeb;
    position: relative;
}
.start_your_banner li {
    font-size: 20px;
    color: #313131;
    text-align: center;
    font-family: "jost";
    line-height: 33px;
    margin: 0px auto;
    list-style: none !important;
    text-align: left;
    font-weight: 500;
    background: none;
    padding: 10px 17px;
    width: auto;
    margin: 7px 0%;
    border-radius: 54px;
    text-align: left;
    gap: 19px;
    min-height: auto;
    align-items: center;
    border: 1px solid #ccc;
    width: 100%;
    background: #fff1;
    backdrop-filter: blur(2px);
}
.start_your_banner li img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    object-fit: contain;
    margin: 4px 5px 3px 0px;
    padding: 9px;
    background: linear-gradient(to left, #ff883d, #5172ff);
}
.gray {
    background: #f9f9f9;
}
.divi {
    position: relative;
}
.divi::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 52%;
    height: 15px;
    background: linear-gradient(90deg, #123bf200, #95a8ff, #ffcaae, #ef864f00);
    z-index: 0;
    right: 0;
    margin: 0px auto;
}
.count_area h4 {
    font-family: "Jost";
    font-weight: 900;
    font-size: 73px;
    letter-spacing: -5px;
}
.w-back {
    background: #fff;
}
.video_test h5 {
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    margin-bottom: 38px;
}
.w-back .heading {
    margin: 0 auto 12px !important;
}
.protf_inner {
    background: url(../images/back5.webp);
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    padding: 112px 0px;
}
.vis_area.divi h2 {
    font-size: 48px;
    color: #141515;
    margin-bottom: 16px;
    max-width: 100%;
}
.vis_area.divi p {
    margin-bottom: 30px;
}
.counter {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 329px;
    border-radius: 10px;
    border-bottom: 10px solid #0f35f3;
}
.count_area .row .col-md-4:nth-child(2n) .counter {
    background: #fbf1f1 !important;
    border-bottom: 11px solid #0b1a38;
}
.seo_audit video {
    border-radius: 8px;
}
.seo_audit_section_one p {
    text-align: center;
}
.seo_audit_section_one .input_area {
    width: 100%;
    border-image: linear-gradient(to left, #ff883d, #0030ff) 1;
    height: 91px;
    border-radius: 57px;
    margin-top: 66px;
    max-width: 888px;
    margin: 56px auto 0px;
    border-radius: 0px !important;
    border-width: 6px;
    border-style: solid;
    display: none;
}
.seo_audit_section_one .input_area span {
    font-size: 47px;
    float: right;
    padding-right: 20px;
    position: relative;
    top: 9px;
}
.aut_ft h2 {
    text-align: left;
    font-size: 50px;
    text-transform: none;
    font-family: "Anton";
    letter-spacing: 0px;
    font-weight: normal;
    margin-bottom: 16px;
    line-height: 58px;
    max-width: 402px;
    margin: 0 0px 18px;
}
.about_inner2.aut_ft .img_area_new img {
    width: 48%;
    height: 317px;
    object-position: center;
    border-radius: 5px;
    object-fit: cover;
}
.about_inner2.aut_ft .img_area_new {
    gap: 22px;
    flex-wrap: wrap;
}
.about_inner2.aut_ft .img_area_new img:nth-child(3) {
    width: 100%;
    height: 211px;
}
.goog_op h1.heading {
    font-size: 98px;
    line-height: 118px;
}
.op_go .counter img {
    height: 101px;
    filter: invert(0) drop-shadow(2px 4px 35px #0005);
    margin-bottom: 34px;
}
.op_go .counter {
    background: #f9f9f9;
    box-shadow: rgba(7, 13, 32, 0.08) 0px 20px 80px;
    backdrop-filter: blur(5px) !important;
    background: rgb(255 255 255 / 11%) !important;
    border-radius: 18px;
    border: 1px solid #5f5f5f;
}
.count_area.op_go .row .col-md-4:nth-child(2n) .counter {
    box-shadow: rgba(7, 13, 32, 0.08) 0px 20px 80px;
    backdrop-filter: blur(5px) !important;
    background: rgb(255 255 255 / 11%) !important;
    border-radius: 18px;
    border: 1px solid #5f5f5f;
}
.opt_google .row {
    align-items: center;
}
.count_area.op_go p {
    color: #fff !important;
}
.about_inner2.aut_ft.opt_google .img_area_new img {
    height: 405px;
}
.about_intro {
    padding-bottom: 0px;
    background: url(../images/back6.webp);
    background-position: bottom;
    background-size: 67%;
    background-attachment: fixed;
    padding-top: 219px;
}
.about_intro h3 {
    font-size: 21px;
    margin-bottom: 21px;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: left;
    font-family: "Space Grotesk";
    font-weight: 500;
    position: relative;
    color: #fff;
    padding-left: 0;
}
.about_intro h3::after {
    width: 62%;
    height: 12px;
    content: "";
    background: linear-gradient(to left, #ff883d, #7a93ff);
    left: 0px;
    position: absolute;
    bottom: -1px;
}
.about_intro h3 span {
    position: relative;
    z-index: 1;
}
.about_intro .heading {
    color: #fff !important;
    text-align: left;
    font-size: 50px;
    text-transform: none;
    padding-right: 63px;
    line-height: 62px;
    margin-bottom: 10px;
}
.about_intro p {
    color: #fff;
}
.about_intro .row {
    align-items: center;
}
.about_intro .img_opt {
    padding-left: 70px;
    position: relative;
}
.about_intro .img_opt::after {
    content: "";
    position: absolute;
    top: -99px;
    left: -37px;
    width: 663px;
    height: 616px;
    background: url(../images/after.png);
    z-index: 0;
    right: 0;
    background-size: 100%;
    margin: 0px auto;
    background-repeat: no-repeat;
}
.about_intro .img_opt img {
    width: 100%;
    position: relative;
    z-index: 1;
}
.dark_area {
    background: url(../images/back5.webp);
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
}
.master_pdf {
    padding-bottom: 100px;
}
.pdf_area {
    padding: 40px;
    background: #f9f9f9;
    border-bottom: 7px solid #1638ef;
    border-radius: 8px;
    margin-top: 30px;
}
.pdf_area h4 {
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -0.5px;
    font-size: 23px;
    min-height: 84px;
}
.gra_st {
    background: linear-gradient(to left, #ff883d, #0030ff);
}
.st_area {
    padding: 30px 0px;
}
.st_area p {
    text-align: center;
    font-size: 25px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 500;
}
.pdf_form_area .pdf_img img {
    width: 100%;
}
.pdf_form_area .form_area form {
    border: 1px solid #5f5f5f;
}
.pdf_form_area .form_area form label {
    color: #fff;
}
.pdf_form_area h3 {
    font-size: 1.75rem;
    text-align: center;
    font-family: "Anton";
    font-size: 38px;
    margin-bottom: 34px;
    color: #fff;
}
.canada_banner p {
    border: 1px solid #ccc;
    width: 100%;
    background: #fff1;
    backdrop-filter: blur(2px);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 18px;
}
.infor_area .cnd_area {
    margin-top: 39px;
    background: #fff;
    padding: 30px;
    margin-bottom: 0;
    min-height: 472px;
    border-radius: 10px;
    border-bottom: 10px solid #0f35f3;
}
.infor_area .cnd_area p {
    text-align: left;
    font-size: 20px;
    line-height: 35px;
}
.infor_area .cnd_area h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0px;
    color: #333;
    font-family: "Space Grotesk";
    margin-bottom: 18px;
    letter-spacing: -1px;
}
.infor_area .last_area .cnd_area {
    min-height: auto;
}
.cand_test_area_new p {
    font-size: 32px;
    text-align: center;
    text-align: center;
    line-height: 48px;
}
.cand_test_area_new h5 {
    text-align: center;
    font-family: "Space Grotesk";
    font-size: 32px;
    letter-spacing: -1px;
    font-weight: 700;
    margin-top: 31px;
}
.cand_test_area_new h6 {
    text-align: center;
    font-size: 22px;
    margin-top: 47px;
    font-family: "Space Grotesk";
    letter-spacing: -1px;
    margin-bottom: 0;
}
.cnd_inner_area {
    padding-bottom: 0px;
    padding-top: 100px !important;
}
.cnd_inner_area h4 {
    font-size: 34px;
    margin-bottom: 42px;
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
    color: #0732fb;
}
.note_cdn h2 {
    text-align: left;
    line-height: 56px;
}
li {
    font-size: 20px;
    line-height: 35px;
    font-family: jost;
}
.note_cdn ul {
    padding-left: 20px;
}
.note_cdn ul li {
    margin-bottom: 8px;
}
.note_area {
    padding: 66px;
    margin-top: 20px;
    border-radius: 22px;
    color: #fff;
    font-family: "Space Grotesk";
    padding-top: 109px;
    position: relative;
}
.note_area::after,
.note_area::before {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #fff;
    content: "";
    position: absolute;
    top: 44px;
    left: 60px;
}
.note_area::before {
    left: inherit;
    right: 60px;
}
.note_area p {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
}
.sas_can_sep .counter h3 {
    font-size: 31px;
    line-height: 40px;
    text-align: left;
    margin-top: 0;
    font-family: "Space Grotesk";
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -1px;
    font-weight: 700;
    min-height: 83px;
}
.sas_can_sep .counter {
    min-height: 455px;
}
.info_area_inner {
    background: url(../images/background3.jpg);
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
}
.at-item {
    margin: 18px 0px;
}
.info_area_inner h2 {
    text-align: left;
    line-height: 54px;
}
.at-tab {
    font-size: 20px;
    line-height: 35px;
    font-family: jost;
    padding: 27px 40px;
    background: #fafafa;
    display: none;
}
.at-title h3,
.at-title h4 {
    font-size: 21px;
    line-height: 27px;
    text-align: left;
    margin-top: 0;
    font-family: "Space Grotesk";
    background: none;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin: 0;
    color: #333;
    cursor: pointer;
}
.blog_detail .at-title {
    padding: 16px 20px 16px 50px;
}
.at-title.active h3,
.at-title.active h4 {
    color: #fff;
}
.at-title {
    padding: 21px 20px 22px 50px;
    border: 0px solid #ccc;
    background: #f5f5f5;
    position: relative;
}
.at-title h3::before,
.at-title h4::before {
    position: absolute;
    content: "+";
    font-weight: 300;
    font-size: 35px;
    font-family: "Jost";
    left: 21px;
    top: 19px;
}
.at-title h4::before {
    top: 15px;
}
.at-title.active {
    background: linear-gradient(to left, #ff883d, #0030ff);
}
.at-title.active h3::before,
.at-title.active h4::before {
    content: "-";
}
.canada_banner_seo .row {
    align-items: center;
}
.canada_banner_seo p {
    margin-bottom: 15px;
    padding-right: 40px;
}
.canada_banner_seo .btn_new {
    margin-top: 22px;
}
.new_st h4 {
    font-family: "Space Grotesk";
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    max-width: 346px;
    margin: 0px auto 22px;
}
.new_st {
    padding: 65px 0px;
}
.new_st h3 {
    text-align: center;
    font-family: "anton";
    font-size: 78px;
    color: #fff;
}
.abt_sas_text h2 {
    margin-bottom: 10px;
    text-align: left;
    line-height: 63px;
}
.seo_abt .row {
    align-items: center;
}
.pdd_bt {
    padding-bottom: 0px;
}
.key_table thead tr:first-child {
    color: #fff;
    font-family: "jost";
    font-weight: 600;
    background: #0331fc;
}
.real_ranking_area .col-md-12 .key_table:nth-child(2n) thead tr:first-child {
    background: linear-gradient(to left, #ff883d, #0030ff);
}
.key_table td,
.key_table th {
    border: 1px solid #ccc;
    padding: 14px 24px;
    font-family: "jost";
    font-size: 20px;
}
.key_table table {
    width: 100%;
}
.key_table th {
    font-weight: 600;
}
.key_table thead tr:first-child td {
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    padding: 10px 24px;
}
.key_table {
    margin-bottom: 39px;
}
.seo_canada_op img {
    filter: brightness(5) !important;
}
.seo_canada_op .counter {
    min-height: 551px;
}
.seo_canada_op .row {
    justify-content: center;
}
.start_your_banner .form_area .para_input {
    margin-top: 10px;
}
.start_your_banner .form_area .para_input p {
    margin-bottom: 15px;
    padding-right: 12px;
    position: relative;
    font-size: 16px;
    padding: 0;
    border: 0;
    line-height: 26px;
    padding-left: 26px;
}
.start_your_banner .form_area .para_input input[type="checkbox"] {
    height: auto;
    width: auto;
    position: absolute;
    left: 0;
    top: 7px;
}
.iv_area .row {
    align-items: center;
    margin: 0px 0px;
}
.iv_area {
    padding: 16px 0px 75px !important;
}
.iv_area .content_img img {
    width: 100%;
    border-radius: 19px;
    height: 430px;
    object-fit: cover;
}
.iv_sec p {
    text-align: center;
}
.web_non.start_your_banner .heading {
    text-align: left;
    line-height: 105px;
    font-size: 87px;
}
.non_pro {
    padding-bottom: 90px;
    background: #fff;
}
.non_pro.about_inner h2 {
    margin-bottom: 27px;
    font-size: 50px;
    letter-spacing: 0;
    background: none;
    background: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}
.key_element ul li {
    font-size: 20px;
    color: #313131;
    text-align: center;
    font-family: "jost";
    line-height: 33px;
    margin: 0px auto;
    list-style: none !important;
    text-align: left;
    font-weight: 500;
    background: none;
    padding: 10px 17px;
    width: auto;
    margin: 2px 0%;
    border-radius: 54px;
    text-align: left;
    gap: 19px;
    min-height: auto;
    align-items: center;
    border: 1px solid #ccc;
    width: 49%;
    background: #fff1;
    backdrop-filter: blur(2px);
}
.key_element li img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    object-fit: contain;
    margin: 4px 5px 3px 0px;
    padding: 9px;
    background: linear-gradient(to left, #ff883d, #5172ff);
}
.key_element ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
    list-style: none !important;
    flex-direction: inherit;
    width: 100%;
    gap: 15px;
    padding-right: 26px;
}
.techno_area h2 {
    color: #fff !important;
    margin-bottom: 14px !important;
}
.techno_area p {
    text-align: center;
}
.no-pro_img .abt_sas {
    padding-right: 21px;
    overflow: hidden;
}
.no-pro_img .abt_sas img {
    border-radius: 13px;
}
.no-pro_img2 .abt_sas img {
    height: 486px;
    object-fit: cover;
}
.start_your_banner h5 {
    font-size: 23px;
    font-family: "Space Grotesk";
    line-height: 38px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 20px;
}
.start_your_banner.white_label .heading {
    text-align: left;
    font-size: 96px;
    line-height: 121px;
}
.white_area.inner_dental h2 {
    margin-bottom: 39px;
}
.white_area.inner_dental .row.img_contain {
    margin-top: 63px;
    padding-top: 64px;
    border-top: 1px solid #e4e4e4;
}
.heading3 {
    color: #000 !important;
    font-size: 42px;
    font-family: Anton;
    margin: 0 auto 29px;
    line-height: 51px;
    text-align: left;
    text-transform: none;
    letter-spacing: -0.5px;
}
section.sucessfull_area.padd.dark_area.divi.aut_area .heading3 {
    color: #fff !important;
}
section.sucessfull_area.padd.dark_area.divi.aut_area li {
    display: flex;
}
.work_bg.white_work img {
    width: 100%;
    height: 178px;
    object-fit: contain;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 19px;
}
.work_bg.white_work .col-md-3 {
    max-width: 20%;
    flex: 0 0 20%;
}
.why_choose_area h2 {
    margin-bottom: 15px;
}
.why_choose_area p {
    text-align: center;
    line-height: 32px;
}
.why_choose_area h4 {
    font-family: "anton";
    font-size: 45px;
    letter-spacing: 0;
    text-align: center;
    color: #0532fb;
    background: #d3d6fa;
    display: table;
    margin: -13px auto 26px;
    padding: 13px 28px;
    border-radius: 13px;
    position: relative;
    border-top: 5px solid #0532fb;
}
.why_choose_area h4::after {
    clip-path: polygon(47% 100%, 0 0, 100% 0);
    width: 30px;
    height: 20px;
    background: #d3d6fa;
    position: absolute;
    bottom: -18px;
    left: 0px;
    right: 0px;
    content: "";
    margin: 0px auto;
}
.why_choose_area .row .wh_area_choose:nth-child(2) h4 {
    background: #d4edff;
    color: #0d99ff;
    border-top: 5px solid #0d99ff;
}
.why_choose_area .row .wh_area_choose:nth-child(2) h4::after {
    background: #d4edff;
}
.why_choose_area .row .wh_area_choose:nth-child(3) h4 {
    background: #fff2cc;
    color: #edb500;
    border-top: 5px solid #edb500;
}
.why_choose_area .row .wh_area_choose:nth-child(3) h4::after {
    background: #fff2cc;
}
.why_choose_area .row .wh_area_choose:nth-child(4) h4 {
    background: #ffe1ef;
    color: #ff479f;
    border-top: 5px solid #ff479f;
}
.why_choose_area .row .wh_area_choose:nth-child(4) h4::after {
    background: #ffe1ef;
}
.why_choose_area .col-md-3,
.why_choose_area .col-md-4 {
    padding: 0px 0px;
}
.why_choose_area .why_us {
    margin-bottom: 0px;
    border: 0px solid #ebebeb;
    border-bottom: 0px solid #0532fb;
}
.why_choose_area .why_us h5 {
    text-align: center;
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -0.5px;
}
.why_choose_area .col-md-3 .why_us {
    border-radius: 0;
    padding: 43px 14px 78px;
    min-height: 304px;
    position: relative;
}
.why_choose_area .col-md-3 .why_us::after {
    width: 7px;
    height: 25%;
    background: url(../images/f_line2.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    content: "";
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background-repeat: repeat-y;
}
.why_choose_area .col-md-4 h4 {
    max-width: 67px;
    margin: 0px auto 18px;
}
.why_choose_area .col-md-3 .why_us::before {
    width: 20px;
    height: 20px;
    background: #000;
    position: absolute;
    content: "";
    bottom: 62px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background-repeat: repeat-y;
    border-radius: 24px;
    z-index: 2;
}
.why_choose_area .col-md-4 .why_us::after {
    width: 2px;
    height: 25%;
    background: url(../images/f_line2.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background-repeat: repeat-y;
}
.why_choose_area .col-md-4 .why_us::before {
    width: 20px;
    height: 20px;
    background: #173cf3;
    position: absolute;
    content: "";
    top: 42px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background-repeat: repeat-y;
    border-radius: 24px;
    z-index: 2;
}
.why_choose_area .row .col-md-3:nth-child(2) .why_us::before {
    background: #0d99ff;
}
.why_choose_area .row .col-md-3:nth-child(3) .why_us::before {
    background: #ffc300;
}
.why_choose_area .row .col-md-3:nth-child(4) .why_us::before {
    background: #ff479f;
}
.why_choose_area .col-md-4 .why_us {
    border-radius: 7px;
    padding: 74px 17px 0px;
}
.why_choose_area .row .col-md-4:nth-child(1) .why_us::before {
    background: #9747ff;
}
.why_choose_area .row .col-md-4:nth-child(3) .why_us::before {
    background: #0fc583;
}
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
.row.top_why_row {
    position: relative;
}
.row.top_why_row::after {
    width: 100%;
    height: 6px;
    background: url(../images/f_line.svg);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background-repeat: repeat-x;
}
.why_choose_area .row .wh_area_choose p {
    margin-bottom: 0px;
}
.why_choose_area .row .wh_area_choose:nth-child(2n) .why_us {
    border-bottom-color: #0b1a38;
}
.why_choose_area h3 {
    padding-top: 27px;
    margin-top: 40px;
    border-top: 1px solid #ccc;
    margin-bottom: 18px;
    width: 100%;
}
.video_test.home_video {
    background: #fff;
}
.row.top_why_row {
    position: relative;
}
.why_choose_area.padd.gray {
    position: relative;
}
.why_choose_area.padd.gray {
    position: relative;
    background: url(../images/s_bak.webp);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.footer_section h5 {
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.list_text_area ul li {
    position: relative;
    font-size: 21px;
    color: rgb(68, 68, 68);
    line-height: 32px;
    margin-bottom: 12px;
    border-bottom: 0px dashed rgb(204, 204, 204);
    padding: 2px 0px 28px 74px;
    list-style: none;
}
.list_text_area ul {
    position: relative;
}
.sucessfull_area h2 {
    font-family: "Anton", Sans-serif;
    font-size: 37px;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 36px;
}
.Work_bg {
    background-image: url(../images/work_bg.jpg);
    padding: 90px 0px 120px 0px;
    float: left;
    width: 100%;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    position: relative;
}
.Work_bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: #0c2356;
    opacity: 0.85;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.Work_bg .container {
    position: relative;
}
.Work_bg h2 {
    font-family: "Anton", Sans-serif;
    font-size: 37px;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 52px;
}
.Work_bg .content {
    border: #fff solid 1px;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 15px 15px 15px;
}
.Work_bg .content img {
    width: 100%;
    max-width: 100%;
    height: 132px;
    object-fit: contain;
    object-position: center center;
}
.Work_bg .col-md-3 {
    flex: 0 0 20%;
    max-width: 20%;
}
.faq_area .card-body ul li {
    font-size: 21px;
    color: #333;
    line-height: 33px;
    font-weight: 400;
    padding-left: 0px;
}
.faq_area .card-body ul {
    margin-left: 23px;
}
.contact_area .content {
    padding: 34px 23px 0;
    margin-bottom: 30px;
    border-radius: 7px;
    background: #f9f9f9;
    border-bottom: 10px solid #0430fb;
}
.contact_area h2 {
    font-family: "Anton", Sans-serif;
    font-size: 35px;
    color: #000000;
}
.contact_area .content h3 {
    font-family: "Space Grotesk";
    font-size: 30px;
    font-weight: 700;
    color: #0b1a38;
    letter-spacing: -1px;
}
.contact_area .content ul {
    list-style: none;
    margin-top: 23px;
}
.contact_area .content ul li {
    position: relative;
    padding-left: 34px;
}
.contact_area .content ul p {
    font-size: 21px;
    line-height: 30px;
    color: #333;
}
.contact_area .content ul li i {
    color: #123bf2;
    transition: color 0.3s;
    font-size: 27px;
    position: absolute;
    left: 0px;
    top: 5px;
}
.contact_area .content ul li a {
    color: #333;
}
.contact_area .content iframe {
    height: 250px;
}
.contact_area .contact_form {
    background-color: none;
    padding: 0;
    min-height: auto;
}
section.contact_area.cnt_area {
    padding: 80px 0 80px;
    background: url(../images/back6.webp);
    background-position: bottom;
    background-size: 67%;
    background-attachment: fixed;
}
section.contact_area.cnt_area .form_area form {
    padding: 0;
    box-shadow: none;
    backdrop-filter: blur(3px);
    background: none;
    border-radius: 0;
    border: 0px solid #ebebeb;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
section.contact_area.cnt_area .form_area .submit {
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0px !important;
    color: #fff;
    letter-spacing: 2px;
    transition: all 0.3s;
    width: auto;
    border: none;
    padding: 16px 39px;
    display: inline-block;
    font-family: "Jost";
    background: linear-gradient(to left, #ff883d, #4769ff) !important;
    margin: 19px auto 0px;
}
section.contact_area.cnt_area .form_area p {
    padding-left: 3px;
}
section.contact_area.cnt_area .form_area .checkbox-container {
    align-items: flex-start;
    display: flex;
    width: 100%;
    gap: 13px;
    padding-left: 19px;
}
section.contact_area.cnt_area .form_area .submit:hover {
    background: #fff !important;
    color: #333 !important;
}
section.contact_area.cnt_area .contact_form h2 {
    color: #ffffff;
    margin-bottom: 23px;
    font-size: 50px;
    text-align: center;
}
.contact_area .contact_form h2 {
    color: #ffffff;
    margin-bottom: 23px;
}
section.contact_area.cnt_area .contact_form h4 {
    color: #ffffff;
    font-size: 28px;
    font-family: "Space Grotesk";
    letter-spacing: -1px;
    text-align: center;
    padding-bottom: 24px;
    margin-bottom: 37px;
    border-bottom: 1px dashed #ccc;
}
section.contact_area.cnt_area .form_area input,
section.contact_area.cnt_area .form_area textarea {
    background: #f5f5f5 !important;
    border: 0px !important;
    height: 52px;
    border-radius: 5px !important;
    font-size: 15px;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    color: #444;
    font-family: "jost";
}
section.contact_area.cnt_area .form_area input[type="checkbox"] {
    width: auto;
    height: auto;
    padding: 0px;
}
section.ctn_area2.contact_area.padd h2 {
    font-size: 50px;
    text-align: center;
    margin-bottom: 42px;
}
section.ctn_area2.contact_area.padd .row .col-md-6:last-child .content {
    background: linear-gradient(to top, #ff883d, #002fff) !important;
    min-height: 481px;
    color: #fff;
    padding: 73px;
}
section.ctn_area2.contact_area.padd .row .col-md-6:last-child .content h3 {
    font-size: 51px;
    color: #fff;
}
section.ctn_area2.contact_area.padd .row .col-md-6:last-child .content ul p {
    color: #fff;
}
section.ctn_area2.contact_area.padd .row .col-md-6:last-child .content i {
    font-size: 21px;
    line-height: 30px;
    color: #fff;
}
section.ctn_area2.contact_area.padd .row .col-md-6:last-child .content ul p a {
    color: #fff;
}
section.contact_area.cnt_area .contact_form .form-group {
    width: 33.33%;
    padding: 0px 11px;
}
section.contact_area.cnt_area .contact_form .form-group.textarea_area {
    width: 100%;
}
section.contact_area.cnt_area .form_area textarea {
    height: 110px;
}
.contact_area .contact_form .form_area {
    margin-top: 34px;
    padding-left: 0px;
}
.contact_area .contact_form .form_area label,
.contact_area .contact_form .form_area p {
    color: #fff;
}
.contact_area .content iframe {
    height: 250px;
    width: 100%;
    border: none;
    padding: 15px 0px 30px;
}
.contact_area .address_area {
    padding-top: 0;
    border-bottom: #e7e7e7 solid 0px;
}
.toc {
    width: 100%;
    background: #e3f0ff;
    padding: 30px 35px;
    margin: 12px 0px 24px;
    display: inline-block;
}
.blog_detail h3 {
    margin-top: 30px;
    margin-bottom: 5px;
    font-family: anton;
    color: #111;
    line-height: 45px;
    display: initial;
    display: block;
}
.blog_detail .blo_det ul li {
    font-size: 19px !important;
    margin-bottom: 7px !important;
    list-style: none !important;
    position: relative;
}
.blog_detail .blo_det ul li:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    background: #0b1a38;
    left: -16px;
    top: 14px;
    border-radius: 30px;
}
.blog_detail .blo_det ul li a {
    color: #2c5692;
}
ul.toc-list {
    margin-left: 19px;
}
.blo_det .img-content img {
    width: 100% !important;
    height: auto;
    border: #ccc solid 0px;
    padding: 0;
    border-radius: 12px;
    margin-bottom: 20px;
}
.blog_detail img {
    border-radius: 12px !important;
    width: 100% !important;
    height: auto !important;
}
section.blog_detail {
    padding: 80px 0px;
}
.blog_detail .blog_ul h3 {
    color: #fff !important;
    font-size: 28px !important;
    display: inline-block;
    margin: 4px 0 0;
    background: #123bf2;
    width: 100%;
    padding: 12px 19px;
    font-family: "Space Grotesk";
    font-weight: 700;
}
.blog_detail .blog_ul ul {
    list-style: none;
}
.blog_detail .blog_ul ul li {
    margin: 0 !important;
    background: #f9f9f9;
}
.blog_detail .blog_ul ul li a {
    color: #333 !important;
    line-height: 27px !important;
    display: inline-block;
    padding: 20px 15px;
    width: 100%;
    font-size: 19px;
    border-bottom: 1px solid #eee;
    transition: all 0.4s;
}
.blog_detail .blog_ul ul li a:hover {
    border-color: #fff !important;
    color: #fff !important;
    background: linear-gradient(90deg, #385cff, #ff8848);
}
html {
    scroll-behavior: smooth;
}
.career_area {
    padding: 90px 0px;
    float: left;
    width: 100%;
}
.career_area .content_area h2 {
    font-family: Anton !important;
    color: #0b1a38;
    font-size: 33px;
    margin-bottom: 11px !important;
}
.career_area .content_area {
    border: 1px solid #eae6ff;
    float: left;
    margin: 0 0 20px;
    padding: 40px !important;
    width: 100%;
    background: #f9f9f9;
}
.career_area .btn_new {
    color: #123bf2 !important;
    margin: 8px auto 0;
    border: 2px solid #123bf2;
    transition: all 0.3s;
}
.career_area .btn_new:hover {
    background: #123bf2 !important;
    color: #fff !important;
}
.car_detl {
    padding: 112px 0px 0px;
}
.car_detl .content {
    border: 1px solid #e1e1e1;
    padding: 51px 62px !important;
    padding: 46px 94px 55px !important;
    border: 1px solid #ccc;
    border-radius: 34px;
    background: #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    border-bottom: 0px;
    z-index: 1;
    position: relative;
}
.car_detl .container {
    position: relative;
}
.car_detl .container::before {
    content: "";
    position: absolute;
    top: -17px;
    left: -3px;
    width: 100.5%;
    height: 129%;
    background: linear-gradient(182deg, #95a8ff, #ffcaae, #ffcaae00, #ffcaae00);
    z-index: 0;
    border-top-left-radius: 43px;
    border-top-right-radius: 43px;
}
.car_detl .content h2 {
    font-size: 33px !important;
    font-family: Anton !important;
    border-bottom: 1px solid #c7c7c7;
    padding: 11px 0 17px;
    margin-bottom: 19px;
    color: #000;
}
.car_detl .job_description h3 {
    font-family: "Jost", Sans-serif;
    font-size: 23px;
    color: #000 !important;
    margin-top: 30px;
    margin-bottom: 14px;
    padding-top: 27px;
    border-top: 1px solid #cccc;
    font-weight: 600 !important;
}
.car_detl .job_description ul {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}
.car_detl .job_description ul li {
    color: #444;
    font-size: 20px;
    position: relative;
    padding: 0px 26px;
    line-height: 26px;
    margin-bottom: 20px;
}
.car_detl .job_description ul li::before {
    content: "" !important;
    font-family: Awesome !important;
    font-weight: 400 !important;
    font-size: 12px;
    left: 2px;
    position: absolute;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #123bf2;
    color: #5e61fc !important;
}
.jobpost-form input {
    background: #fff !important;
    border: #ccc solid 1px !important;
    height: 46px;
    border-radius: 0px !important;
    font-size: 15px;
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    color: #444;
    font-family: "jost";
}
.jobpost-form input[type="checkbox"] {
    width: auto;
    height: auto;
}
.jobpost-form .checkbox-container {
    align-items: flex-start;
    display: flex;
    width: 100%;
    gap: 13px;
}
.jobpost-form p {
    font-size: 15px;
    line-height: 22px;
    margin-top: -3px;
}
.jobpost-form label {
    font-family: "Jost", Sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #000 !important;
}
.jobpost-form .submit {
    border: 2px solid #123bf2;
    padding: 15px 40px;
    border-radius: 0;
    background: 0 0 !important;
    color: #123bf2 !important;
    text-transform: uppercase;
    font-family: "jost";
    font-size: 15px;
    font-weight: 600;
    margin-top: 13px;
    letter-spacing: 3px;
    transition: 0.4s;
    float: right;
}
.jobpost-form .submit:hover {
    background: #123bf2 !important;
    color: #fff !important;
}
.jobpost-form .form-group {
    margin-bottom: 1rem;
    width: 100%;
    display: inline-block;
}
.home_footer .social_media_area ul li a {
    padding: 0 24px;
    transition: 0.5s;
    font-size: 29px;
    color: #333;
}
.home_footer .social_media_area ul li a img {
    width: 22px !important;
    position: relative;
    top: -4px;
}
.home_footer .logo_footer {
    text-align: left;
}
.home_footer .social_media_area ul {
    justify-content: center;
}
.home_footer .social_media_area ul li:first-child a {
    padding-left: 0px;
}
.home_footer .social_media_area ul {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 0px solid #dbdbdb;
}
.home_footer .social_media_area ul::after {
    display: none;
}
.home_footer .logo_footer img {
    width: 100%;
    max-width: 198px;
}
.home_footer .social_media_area {
    margin-top: 50px;
    padding-top: 0;
}
.tag_line {
    background: linear-gradient(45deg, #2744d1, #ffb4b4);
    padding: 43px 35px;
    border-radius: 11px;
}
.tag_line h4 {
    text-align: left;
    color: #fff;
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -0.5px;
}
.tag_line h4 span {
    font-size: 55px;
    letter-spacing: -2px;
}
.strt_counter .row .col-md-4:nth-child(2) .counter {
    background: #d4edff !important;
    border-bottom: 11px solid #0d99ff;
}
.strt_counter .row .col-md-4:nth-child(3) .counter {
    background: #fff2cc !important;
    border-bottom: 11px solid #ffc300;
}
.strt_counter .row .col-md-4:nth-child(4) .counter {
    background: #eafbf5 !important;
    border-bottom: 11px solid #34d399;
}
.strt_counter .row .col-md-4:nth-child(5) .counter {
    background: #ffe1ef !important;
    border-bottom: 11px solid #ff479f;
}
.strt_counter .row .col-md-4:nth-child(6) .counter {
    background: #f3eaff !important;
    border-bottom: 11px solid #aa69ff;
}
.main_header .container-fluid {
    padding: 0px 49px;
}
.start_pro_new ul li {
    padding: 10px 38px;
}
.start_pro_new.start_your_banner .heading {
    text-align: left;
    line-height: 67px;
    font-size: 50px;
    text-align: center;
    max-width: 900px;
}
.start_pro_new.start_your_banner ul {
    flex-direction: inherit !important;
    width: 100%;
    padding-right: 0px;
    gap: 20px;
    margin-bottom: 25px;
}
.start_pro_new.start_your_banner li {
    font-size: 18px;
    color: #313131;
    line-height: 30px;
    margin: 0px auto;
    padding: 18px 23px 0px;
    margin: 0;
    border-radius: 3px;
    align-items: center;
    width: 18%;
    border: 0;
    background: #fff !important;
    border-bottom: 6px solid #ccc !important;
    min-height: 133px;
    background: #fff !important;
}
.start_pro_new.start_your_banner ul li:nth-child(1) {
    border-color: #0d99ff !important;
}
.start_pro_new.start_your_banner ul li:nth-child(4) {
    border-color: #ffc300 !important;
}
.start_pro_new.start_your_banner ul li:nth-child(6) {
    border-color: #34d399 !important;
}
.start_pro_new.start_your_banner ul li:nth-child(8) {
    border-color: #ff479f !important;
}
.start_pro_new.start_your_banner ul li:nth-child(10) {
    border-color: #aa69ff !important;
}
.start_pro_new.start_your_banner h3 {
    text-align: center;
    margin-top: 21px;
    position: relative;
    padding-top: 31px;
}
.start_pro_new.start_your_banner h3::after {
    width: 100%;
    height: 2px;
    background: url(../images/f_line.svg);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background-repeat: repeat-x;
}
.start_pro_new.start_your_banner .input_group,
.btn_group {
    width: 25%;
    float: left;
    padding: 0px 11px;
}
.start_pro_new.start_your_banner .form_area form {
    padding: 48px 61px;
    float: left;
    margin-top: 18px;
}
.start_pro_new.start_your_banner p {
    text-align: center;
}
.start_pro_new.start_your_banner .form_area .btn_new {
    position: relative;
    top: 33px;
    padding: 12px 0px;
}
.start_pro_new.start_your_banner {
    padding: 223px 0px 102px;
}
.iv_area.blog_page a.btn_new {
    padding: 9px 26px;
    border: 2px solid #123bf2;
    color: #123bf2;
    width: auto;
}
section.iv_area.blog_page.work_page .row .col-md-6 {
    padding-right: 0px;
    padding: 0 15px;
    border: 0;
    margin: 0;
}
section.iv_area.blog_page.work_page button#loadMorebtn {
    width: auto;
    font-family: "Jost";
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    margin-top: 0;
    display: inline-block;
    border-radius: 0;
    padding: 15px 38px;
    background: #123bf2;
}
section.iv_area.blog_page.work_page button#loadMorebtn:hover {
    background: #000 !important;
}
.iv_area.blog_page a.btn_new:hover {
    color: #fff;
    background: #123bf2;
    border: 2px solid #123bf2;
    box-shadow: 0px 0px #000;
}
section.iv_area.case_page .row {
    margin-bottom: 0;
    background: #fff;
    margin: 50px 0px;
}
section.iv_area.case_page {
    padding: 75px 0px !important;
}
section.iv_area.case_page .btn_new {
    margin-top: 10px;
    padding: 11px 31px;
    border: 2px solid #123bf2;
    color: #123bf2;
    box-shadow: 1px 3px #123bf2;
}
section.iv_area.case_page .btn_new:hover {
    color: #fff;
    background: #123bf2;
    border: 2px solid #123bf2;
    box-shadow: 0px 0px #000;
}
section.iv_area.case_page .content_img {
    border-radius: 9px;
    overflow: hidden;
    border: 1px solid #ccc;
}
body .pagination_area .active {
    background: #123bf2 !important;
}
section.iv_area.blog_page {
    padding-top: 90px !important;
}
section.iv_area.blog_page .row:nth-child(even) {
    flex-direction: inherit;
    padding: 8px 0px;
    width: 100%;
}
.st_area_pro.vis_area h2 {
    margin-bottom: 13px;
    max-width: 100%;
}
.st_area_pro.vis_area p {
    margin-bottom: 27px;
}
.img_text_case:hover .img_case img {
    transform: scale(1.3);
}
.services_area .s_pack_icon img {
    transition: all 0.5s;
}
.services_area .package_1:hover img {
    transform: rotateY(360deg);
}
.all_blog_sec .img_area {
    overflow: hidden;
}
.all_blog_sec:hover .img_area img {
    transform: scale(1.3);
}
.blog_section_area .all_blog_sec .blg_cont .btn_button:hover {
    background: #123bf2 !important;
    color: #fff !important;
}
.new_client .client-bx img {
    transition: all 0.5s;
}
.new_client .client-bx img:hover {
    transform: scale(0.9);
}
.services_inner h2 {
    font-size: 50px !important;
    text-align: center;
    margin-bottom: 23px;
}
.jobpost-form input[type="checkbox"],
.jobpost-form input[type="radio"] {
    width: auto;
    height: auto;
    position: relative;
}
.car_detl .content .job_description br {
    display: none;
}
ul li {
    font-size: 20px;
    line-height: 34px;
    color: #212529;
    font-family: jost;
}
.blog_detail .col-md-8 ul {
    padding-left: 18px;
}
.blog_detail br {
    display: none !important;
}
.blog_detail table {
    margin-bottom: 20px;
}
.blog_detail table td,
th {
    padding: 9px 13px;
    font-family: "Jost";
    font-size: 20px;
    border: 1px solid #ccc;
}
.case_st_area_inner .img-content {
    height: 800px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 39px;
}
.number_area {
    background: linear-gradient(to left, #ff883d, #0030ff);
    padding: 25px;
    border-radius: 5px;
}
.number_area h5 {
    font-family: "space Grotesk";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px;
}
.number_area h5 a {
    color: #fff;
    font-family: "space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 10px;
    font-size: 30px;
    display: block;
}
.form_side_area {
    border-radius: 5px;
    margin-top: 29px;
    background: #ebf4f6;
    padding: 30px;
}
.form_side_area h2 {
    text-align: center;
    font-family: "Anton";
    font-size: 32px;
}
.form_side_area p {
    text-align: center;
    line-height: 28px;
    max-width: 247px;
    margin: 0px auto 26px;
}
.form_side_area .form_group {
    text-align: center;
    margin-bottom: 0px;
}
.form_side_area .form_group label {
    font-weight: 700;
    font-family: "jost";
    font-size: 15px;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
}
.form_side_area .form_group input,
.form_side_area .form_group textarea {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    font-family: "Jost";
    font-size: 18px;
    margin-bottom: 7px;
    border: 0;
    border-bottom: 3px solid #bbbbbb !important;
    border-radius: 4px !important;
    background: #fff !important;
}
.form_side_area .form_group textarea {
    height: 110px;
}
.form_side_area .form_btn button {
    width: 100%;
    background: #0b1a38;
    color: #fff;
    border: 0px;
    padding: 14px 0px;
}
.form_side_area .form_btn button:hover {
    background: linear-gradient(to left, #ff883d, #0030ff);
}
.faq_area .row {
    margin-top: 15px;
}
section.blog_detail {
    font-size: 20px;
    line-height: 35px;
    font-family: jost;
}
.abt_saskatoon br,
.list_sas br,
.video_test br,
.prorfolio br,
.infor_area br,
.st_area br,
.cand_test_area_new br,
.about_section br,
.note_cdn br,
.count_area br,
.info_area_inner br,
.faq_area br,
.main_banner br {
    display: none;
}
br {
    display: none;
}
.infor_area h2 {
    color: #000 !important;
    font-size: 42px;
    font-family: Anton;
    margin: 0 auto 0px;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    letter-spacing: -0.5px;
}
.note_cdn h2,
.info_area_inner h2 {
    color: #000 !important;
    font-size: 42px;
    font-family: Anton;
    line-height: 56px;
    margin-bottom: 20px;
    text-transform: none;
    letter-spacing: -0.5px;
}
.start_pro_new .form_area {
    padding-left: 0;
    width: 100%;
}
.start_pro_new.start_your_banner .form_area form {
    width: 100%;
    display: flex;
    gap: 19px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.start_pro_new.start_your_banner .input_group {
    padding: 12px 0px 0px !important;
}
.start_pro_new.start_your_banner .form_area .form-group {
    width: 32%;
}
.start_pro_new.start_your_banner h1 {
    text-align: left;
    line-height: 67px;
    font-size: 50px;
    font-family: Anton;
    text-align: center;
    max-width: 900px;
    margin: 0px auto 30px;
}
.start_pro_new.start_your_banner .btn_group_area {
    text-align: center;
    width: 100%;
    margin: 21px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
.start_pro_new.start_your_banner .btn_group_area .btn_new {
    text-transform: uppercase;
    border: 2px solid var(--color);
    border-bottom: 5px solid var(--color);
}
.start_pro_new.start_your_banner .form_area .checkbox-container {
    margin-top: -14px;
    margin-bottom: 0;
    width: 59%;
}
.start_pro_new.start_your_banner .form_area .btn_new {
    position: relative;
    top: -9px;
    padding: 16px 0px;
    border-radius: 7px;
    font-size: 16px;
    width: 27%;
}
.start_pro_new.start_your_banner .btn_group_area .btn_new:nth-child(2) {
    color: var(--color2);
    border: 2px solid #0f35f3;
    border-bottom: 5px solid #0f35f3;
}
.real_ranking_area h2 {
    color: #000 !important;
    font-size: 50px;
    font-family: Anton;
    margin: 0 auto 29px;
    line-height: 72px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.logos_partn .col-md-4 {
    position: relative;
}
.main_banner_home {
    padding: 10px;
}
.main_banner_home .main_banner {
    position: relative;
}
.main_banner_home .main_banner::after {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/back_line2.webp);
    background-size: 85%;
    background-repeat: repeat;
    content: "";
    top: 0px;
    border-radius: 10px;
    opacity: 0.9;
    animation: background_ani 100s linear infinite;
}
@keyframes background_ani {
    0% {
        background-position: 6000px 0px;
    }
    100% {
        background-position: 0px 0px;
    }
}
.main_banner_home .main_banner .container {
    position: relative;
    z-index: 1;
}
.cir_area_abt .circle_1 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0px 5px;
    background: #f5645f;
    display: inline-block;
}
.cir_area_abt {
    position: absolute;
    top: 36px;
    right: 58px;
    display: none;
}
.cir_area_abt .circle_1:nth-child(2) {
    background: #ffb940;
}
.cir_area_abt .circle_1:nth-child(3) {
    background: #2ecd4c;
}
.count_area.strt_counter.padd.gray.divi {
    background: #fff;
}
.count_area.strt_counter.padd.gray.divi .counter {
    background: #f5f5f5;
}
body .pagination_area .active {
    border: 2px solid var(--color2) !important;
}
body .pagination_area .active a {
    color: #fff !important;
}
body .pagination_area ul.pagination li,
section.iv_area.case_page .pagination_area .pagination a {
    width: 50px;
    height: 50px;
    display: flex;
    transition: all 0.5s;
    align-items: center;
    justify-content: center;
    border: 2px solid #ccc;
    color: #ccc !important;
    border-radius: 50%;
    margin: 0px 6px;
}
body .pagination_area ul.pagination li:hover,
section.iv_area.case_page .pagination_area .pagination a:hover {
    border: 2px solid var(--color2) !important;
    background: var(--color2) !important;
    color: #fff !important;
}
body .pagination_area ul.pagination li:hover a {
    color: #fff !important;
}
body .work_page .col-md-3 {
    padding: 12px 12px;
    margin-bottom: 0;
}
#loadMore {
    margin: 48px auto 0px !important;
    background: var(--color2);
    font-family: "Jost";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 14px 37px;
    border-radius: 0px;
    transition: all 0.5s;
}
#loadMore:hover {
    background: var(--color);
}
.seo_audit_section_one h2 {
    color: #000 !important;
    font-size: 50px;
    font-family: Anton;
    margin: 0 auto 14px;
    line-height: 72px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
body .dental_banner h1 {
    line-height: 68px;
}
.about_inner.master_pdf.padd h2 {
    font-size: 50px;
    line-height: 1.2em;
    letter-spacing: 0px;
    color: #000;
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
}
.mastering-local-seo .about_inner.master_pdf.padd .pdf_area h4 {
    min-height: auto;
}
.pdf_form_area .form_area .btn_group {
    width: 100%;
    float: none;
    padding: 0;
}
.location_area .loc_area {
    position: relative;
    margin-bottom: 21px;
    border-radius: 8px;
    overflow: hidden;
}
.calgary-web-design-company .abt_saskatoon ul {
    padding-left: 18px;
}
.abt_sas img {
    width: 100%;
    border-radius: 6px;
}
.abt_saskatoon .container .container {
    padding: 0px;
}
.abt_saskatoon a {
    color: var(--color2);
}
.calgary-web-design-company .infor_area .cnd_area {
    margin-top: 0;
}
.calgary-web-design-company .cnd_area ul {
    padding-left: 20px;
}
.calgary-web-design-company .cnd_area ul li {
    margin-bottom: 0px;
}
.calgary-web-design-company .infor_area .cnd_area h4 {
    font-size: 44px;
    line-height: 54px;
    letter-spacing: -2px;
}
.calgary-web-design-company .infor_area .cnd_area {
    background: #fff;
    padding: 58px;
}
.abt_saskatoon .abt_sas_text {
    padding-left: 15px;
}
.web-design-agency-toronto .infor_area h2 {
    font-size: 46px;
    margin: 0 auto 13px;
    letter-spacing: 0px;
}
section.abt_saskatoon.inner_two {
    padding-bottom: 100px;
}
.start_your_banner h5 {
    font-size: 23px;
    font-family: "Space Grotesk";
    line-height: 38px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 29px;
    color: #0f35f3;
}
.dental_banner h5 a {
    font-weight: 600;
    color: #0f35f3;
}
section.abt_saskatoon.inner_two ul {
    padding-left: 18px;
}
section.abt_saskatoon.inner_two h3,
section.abt_saskatoon h3 {
    font-family: "Space Grotesk";
    font-weight: 800;
    font-size: 30px;
    letter-spacing: -1px;
    margin-bottom: 16px;
}
.calgary-web-design-company section.abt_saskatoon.padd.inner_dental img {
    width: 100%;
    max-width: 100%;
    height: 553px;
}
.calgary-web-design-company section.abt_saskatoon.padd.inner_dental .abt_sas_text h2 {
    line-height: 56px;
}
.vancouver-web-design-company .infor_area h2,
.winnipeg-web-design-company .infor_area h2 {
    margin-bottom: 20px;
}
.vancouver-web-design-company .st_area.gra_st,
.winnipeg-web-design-company .st_area.gra_st {
    padding: 82px 0px;
}
.vancouver-web-design-company .st_area.gra_st h2,
.winnipeg-web-design-company .st_area.gra_st h2 {
    text-align: center;
    color: #000 !important;
    font-size: 45px;
    font-family: Anton;
    margin: 0 auto 23px;
    line-height: 60px;
    text-align: center;
    text-transform: none;
    letter-spacing: -0.5px;
    color: #fff !important;
}
.vancouver-web-design-company .st_area p,
.winnipeg-web-design-company .st_area.gra_st p {
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 400;
}
.vancouver-web-design-company .st_area p a {
    color: #fff;
    text-decoration: underline;
}
.cand_test_area_new h2 {
    color: #000 !important;
    font-size: 50px;
    font-family: Anton;
    margin: 0 auto 12px;
    line-height: 72px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.vancouver-web-design-company .cand_test_area_new p,
.winnipeg-web-design-company .cand_test_area_new p {
    font-size: 20px;
    line-height: 35px;
    font-family: jost;
}
.note_cdn.padd.gray {
    position: relative;
}
.cnd_inner_area.about_section p,
.cnd_inner_area.about_section h2 {
    text-align: left;
    margin-left: 0;
}
.saskatoon-seo-services .real_ranking_area.padd {
    background: #f9f9f9;
}
section.abt_saskatoon.padd.seo_abt.pdd_bt {
    padding: 100px 0px !important;
}
.real_ranking_area .container .container p {
    text-align: center;
}
.real_ranking_area .container .container .cnd_area {
    margin-top: 0;
    background: #fff;
    padding: 30px;
    margin-bottom: 0;
    min-height: 198px;
    border-radius: 10px;
    border-bottom: 10px solid #0f35f3;
    margin: 15px 0px;
}
.real_ranking_area .container .container .cnd_area p {
    text-align: left;
}
.real_ranking_area .new_seo_saskatoon h2 {
    text-align: left;
}
.real_ranking_area .new_seo_saskatoon p {
    text-align: left;
}
.real_ranking_area .container .container .cnd_area h4 {
    font-size: 1.5rem;
    font-family: "Space Grotesk";
    font-weight: 800;
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 16px;
}
.real_ranking_area .new_seo_saskatoon p {
    text-align: left !important;
}
.real_ranking_area .container.new_seo_saskatoon {
    margin-top: 47px;
    padding-top: 46px;
    border-top: 1px solid #ccc;
}
.saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt {
    padding: 100px 0px !important;
    background: #fff;
}
.saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt ul {
    padding-left: 16px;
}
.saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt.gray .abt_sas {
    min-height: 901px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    padding: 0;
    border-radius: 15px;
}
.saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.gray .abt_sas {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    border-radius: 10px;
    min-height: 585px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.saskatoon-seo-services .count_area.op_go p {
    color: #fff !important;
    min-height: 329px;
}
.saskatoon-seo-services .real_ranking_area h2 {
    max-width: 900px;
}
.white-label-web-design-agency .sucessfull_area h2 {
    font-size: 45px;
    line-height: 54px;
    color: #fff !important;
}
.white-label-web-design-agency .list_text_area ul li {
    font-size: 21px;
    color: #ffff;
    padding: 15px 0px 15px 26px;
}
.white-label-web-design-agency .start_your_banner h5, .generative-engine-optimization .inner_dental h5 {
    font-size: 28px;
    font-family: "Space Grotesk";
    line-height: 34px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 29px;
    color: #333;
}
.start-your-project .text_saskatoon p:first-child{
    max-width: 79%;
}
body .case_page h2 {
    font-size: 35px;
    line-height: 52px;
}
.social-media-marketing-agency .inner_dental img {
    height: 550px;
    width: 100%;
    object-fit: cover;
}
.website-maintenance-services .real_ranking_area {
    background: #f9f9f9;
}
.website-maintenance-services .real_ranking_area h2 {
    color: #000 !important;
    font-size: 42px;
    font-family: "Space Grotesk";
    font-weight: 800;
    margin: 0 auto 29px;
    letter-spacing: -1px !important;
    line-height: 54px;
    text-align: center;
    text-transform: none;
    letter-spacing: -0.5px;
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.website-maintenance-services .count_area.op_go p {
    color: #fff !important;
    min-height: 325px;
}
.mobile-app-development .inner_dental img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 13px 13px 13px 13px;
    object-position: center;
}
.seo_audit_section_one.padd.gray.divi::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/texture1.svg);
    background-size: 25%;
    background-repeat: repeat;
    z-index: ;
    background-attachment: fixed;
    border-top-left-radius: 43px;
    border-top-right-radius: 43px;
    opacity: 0.5;
}
.seo_audit_section_one.padd.gray.divi .container {
    position: relative;
    z-index: 1;
}
.seo_audit_section_one.padd.gray.divi p {
    text-align: center;
    padding: 0px 81px;
}
section.start_your_banner.dental_banner h2 {
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 38px;
    margin-bottom: 20px;
}
.services_inner h2 {
    font-family: "Anton";
    text-align: left;
    font-size: 105px !important;
}
.services_inner h2 strong {
    font-weight: normal;
    position: relative;
    background: #51ff15;
    display: inline-block;
    padding: 0px 12px;
    border-radius: 8px;
}
.services_inner p {
    text-align: left;
    max-width: 794px;
}
.services_inner .container {
    padding: 0px 7px;
}
.services_inner {
    float: none;
}
.text_saskatoon p strong {
    display: block !important;
    font-style: normal;
}
.text_saskatoon p {
    font-style: italic;
}
.about-us- .inner_banner {
    display: none;
}
.about-us- .main_header .logo_area img {
    filter: brightness(10.5);
}
.about-us- .menu_list ul > li > a {
    color: #fff;
}
.about-us- .menu_list ul li ul.sub-menu li a {
    color: #333;
}
.about-us- .main_header .phon_area img {
    filter: brightness(3.5);
}
.about-us- .main_header .phon_area .text_num a:first-child {
    color: #fff;
}
.about-us- .main_header .phon_area a {
    color: #fff;
}
.about-us- .btn_top_menu a {
    color: #fff;
    border-color: #fff;
}
.about-us- .btn_top_menu a:nth-child(2) {
    background: linear-gradient(to left, #ff883d, #5273ff) !important;
}
.video_test .row {
    align-items: center;
    background: #000;
}
.form_area .checkbox-container {
    margin-top: 30px;
    margin-bottom: 21px;
}
.start_your_banner .btn_wrap {
    display: flex;
    gap: 12px;
}
.start_your_banner .btn_new {
    font-size: 14px;
    padding: 15px 27px;
}
.start_your_banner .btn_wrap a:first-child {
    background: linear-gradient(305deg, #ff883d, #0030ff);
    color: #fff;
    border-color: #0030ff;
}
.inner_dental .content_img {
    overflow: inherit;
}
.inner_dental .content_img p {
    bottom: -50px;
    padding: 16px 16px;
    text-align: center;
    border-radius: 0px 0px 13px 13px;
    background: #0030ff;
    max-width: 273px;
    border-radius: 9px;
    line-height: 23px;
    font-family: "Space Grotesk";
    font-weight: 700;
    line-height: 29px;
    left: -13px;
}
.form_area .form-group {
    position: relative;
}
.services_area.inner_service_tem {
    padding: 110px 0px 110px;
    position: relative;
}
.services .services_area.inner_service_tem {
    padding-top: 0px;
}
.services_area.inner_service_tem::after {
    display: none;
}
section.start_your_banner.dental_banner .form_area {
    position: relative;
}
.ecommerce-websites section.work_bg.white_work.padd.divi .col-md-3 {
    max-width: 33.333%;
    flex: 0 0 33.333%;
}
.ecommerce-websites section.work_bg.white_work.padd.divi img {
    width: 100%;
    height: 178px;
    object-fit: contain;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 19px 50px;
}
.ecommerce-websites .inner_dental img {
    height: 319px;
}
.ecommerce-websites .inner_dental h3 {
    font-size: 27px;
    font-weight: 700;
    font-family: "Space Grotesk";
    margin: 16px 0px;
}
.ecommerce-websites .main-section-div section:last-child .col-md-3 {
    max-width: 25% !important;
    flex: 25% !important;
}
.ecommerce-websites .main-section-div section:last-child .col-md-3 img {
    height: 123px !important;
    border-radius: 8px !important;
    padding: 3px 30px !important;
}
.ecommerce-websites .main-section-div section:last-child .heading2 {
    margin: 0 auto 9px;
}
.ecommerce-websites .main-section-div section:last-child p {
    text-align: center;
    margin-bottom: 35px;
}
.prorfolio.dark_area.padd .btn_new {
    font-family: "jost";
    font-weight: 600;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #fff;
    border: 0 !important;
    padding: 15px 38px !important;
    display: inline-block !important;
    border-radius: 0px !important;
    background: #123bf2 !important;
}
.contact_area .contact_form .form_area label {
    color: #333;
}
section.contact_area.cnt_area .form_area input,
section.contact_area.cnt_area .form_area textarea {
    background: #fff !important;
}
section.contact_area.cnt_area .contact_form .form-group {
    padding: 21px 25px 0px !important;
    width: 32.33%;
    background: #fff;
}
section.contact_area.cnt_area .form_area input, section.contact_area.cnt_area .form_area textarea {
    height: 29px;
    font-size: 15px;
    padding: 2px 2px;
}
section.contact_area.cnt_area .form_area form {
    gap: 16px;
}
section.contact_area.cnt_area .form_area textarea {
    height: 85px;
}
.count_area.sas_can_sep.seo_canada_op.op_go.padd.dark_area h2 {
    font-size: 44px;
    color: #fff;
    margin-bottom: 50px !important;
}
.counter .container {
    padding: 0px;
}
.mobile-app-development .inner_dental .content_img p {
    bottom: -15px;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(2) img {
    height: 439px;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(3) img {
    height: 737px;
    object-fit: cover;
    object-position: center;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(7) img {
    object-fit: cover;
    height: 475px;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(10) img {
    object-fit: cover;
    height: 522px;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(12) img {
    object-fit: cover;
    height: 506px;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(12) img {
    object-fit: cover;
    height: 506px;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(13) img {
    object-fit: cover;
    height: 568px;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(14) img {
    object-fit: cover;
    height: 791px;
    object-position: center;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(15) img {
    object-fit: cover;
    height: 700px;
    object-position: center;
}
.generative-engine-optimization .main_tem_den .inner_dental:nth-child(16) img {
    object-fit: cover;
    height: 464px;
    object-position: center;
}
.text_saskatoon video {
    margin-bottom: 40px;
}
.google-business-optimization .about_intro {
    padding-top: 102px;
}
.master_pdf.about_inner h3 {
    font-size: 27px;
    line-height: 40px;
}
.saskatoon-web-design-company section.abt_saskatoon.inner_two {
    padding-bottom: 100px;
    padding-top: 100px;
    background: linear-gradient(180deg, #f3f3f3, transparent);
}
.saskatoon-web-design-company section.abt_saskatoon.inner_two .ol_li {
    background: #ffffff;
    padding: 40px;
    border-radius: 13px;
    background: #f9f9f9;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 0;
    background: none;
}
.saskatoon-web-design-company section.abt_saskatoon.inner_two .ol_li p {
    width: 24%;
    background: linear-gradient(90deg, #123bf2, #ffffff00);
    padding: 35px;
    border-radius: 7px;
    margin: 0;
    font-family: "Space Grotesk";
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    padding-right: 68px;
}
.saskatoon-web-design-company section.abt_saskatoon.inner_two .ol_li p a {
    color: #fff;
}
.saskatoon-web-design-company section.abt_saskatoon.inner_two .ol_li {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.saskatoon-web-design-company section.abt_saskatoon.inner_two .abt_sas_text h2 {
    max-width: 842px;
    text-align: center;
}
.saskatoon-web-design-company section.abt_saskatoon.inner_two h3 {
    text-align: center;
}
.new_seo_saskatoon .seo_box {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.new_seo_saskatoon .seo_box p {
    width: 48%;
    background: #fff;
    padding: 30px;
    margin-bottom: 0;
    min-height: 198px;
    border-radius: 10px;
    border-bottom: 10px solid #0f35f3;
    margin: 0px 0px;
}
.new_seo_saskatoon p strong {
    display: block;
    font-family: "Space Grotesk";
    font-size: 25px;
    letter-spacing: -0.5px;
    margin-bottom: 14px;
}
.real_ranking_area .container.new_seo_saskatoon {
    padding: 46px 0px 0px;
}
.new_seo_saskatoon .seo_box p img {
    display: none;
}
.menu_list ul li:last-child ul.sub-menu {
    width: 284px !important;
}
.head_social ul {
    display: flex;
    gap: 30px;
    list-style: none;
    margin-bottom: 0px;
}
.head_social ul li a {
    color: #333;
    font-size: 25px;
}
.head_p_soc {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
}
section.blog_detail.case_st_area_inner ol {
    padding-left: 18px;
}
section.blog_detail.case_st_area_inner img {
    border-radius: 12px !important;
    width: 100% !important;
    height: auto !important;
    margin: 21px 0px;
    border: 1px solid #ccc;
    padding: 5px;
}
.about-us- .head_social ul li a {
    color: #fff;
    font-size: 25px;
}
.about-us- .head_social ul li a img {
    filter: invert(1);
}
.seo-services-usa .seo_tem_area .abt_saskatoon:nth-child(2) .abt_sas img {
    height: auto;
}
.seo-services-usa .seo_tem_area .abt_saskatoon:nth-child(2) {
    background: #f9f9f9 !important;
}
section.about_section.cnd_inner_area.padd.inner_dental .row::after {
    height: 103%;
}
.edmonton-web-design-company .infor_area h2 {
    font-size: 50px;
    margin-bottom: 20px;
}
.inner_dental h2 u {
    text-decoration: none !important;
}
.terms-and-condition .inner_dental h3,
.privacy-policy .inner_dental h3 {
    font-family: "Anton", Sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 13px;
}
.web-design-usa section.about_section.cnd_inner_area.padd.inner_dental .row::after {
    height: 106%;
}
.mob_sec {
    display: none;
}
.mob_menu {
    display: none;
}
.menu_list ul li ul.sub-menu h5 {
    display: none !important;
}
.case_st_area_inner .img-content {
    height: auto;
}
.mobile_logo {
    display: none;
}
.form_area .checkbox-container input[type="checkbox"] {
    position: relative;
    top: 4px;
}
.start-your-project .dental_banner .row {
    align-items: normal;
}
.start-your-project .start_your_banner ul {
    margin-bottom: 18px;
    width: 100%;
    padding-right: 0px;
}
section.iv_area.blog_page.work_page .row .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
}
section.iv_area.blog_page.work_page h2 {
    font-size: 32px;
    margin-bottom: 13px;
    font-family: "Space Grotesk", sans-serif;
    font-size: 23px;
    line-height: 31px;
    color: #000;
    margin: 14px 0 10px;
    font-weight: 700;
    letter-spacing: -0.4px;
    min-height: 93px;
}
.blog_page .content_img img {
    width: 100%;
    height: 229px !important;
    object-fit: cover;
    border-radius: 5px;
}
section.iv_area.blog_page.work_page .content {
    padding: 0px 0px 0px 0px;
}
section.iv_area.blog_page.work_page .col-md-4.blog-row {
    margin-bottom: 35px;
}
.blog_detail .faq_area.padd.divi {
    padding: 37px 0px 0px;
    margin-top: 53px;
}
.blog_detail .faq_area.padd.divi h3 {
    text-align: left;
    font-size: 35px;
}
.about_intro .btn_new {
    color: #fff;
    border: 2px solid #ffffff;
    margin-top: 18px;
}
.start-your-project .start_your_banner ul {
    padding-left: 18px;
}
.start-your-project .start_your_banner li {
    font-size: 18px;
    line-height: 33px;
    list-style: disc !important;
    text-align: left;
    padding: 0px 0px;
    margin: 3px 0%;
    border-radius: 0px;
    gap: 19px;
    border: 0px solid #ccc;
}
#SignUptogetgrowthtipsModal .modal-body {
    padding: 30px 44px !important;
}
#SignUptogetgrowthtipsModal .modal-body p {
    font-size: 15px;
    line-height: 26px;
}
#SignUptogetgrowthtipsModal .modal-body .col-form-label {
    font-family: "Jost";
    font-weight: 600;
}
#SignUptogetgrowthtipsModal .modal-body .checkbox-container input {
    float: left;
    position: relative;
    top: 8px;
}
#SignUptogetgrowthtipsModal .modal-body .checkbox-container span {
    float: left;
    width: 91%;
}
#SignUptogetgrowthtipsModal .modal-body .form-control {
    width: 100%;
    border-radius: 0px;
    height: 55px;
    font-family: "Jost";
}
#SignUptogetgrowthtipsModal .modal-body .btn_new {
    font-family: "jost";
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    border: 0px solid var(--color);
    padding: 15px 38px;
    display: inline-block;
    width: 100%;
    background: linear-gradient(to left, #ff883d, #0030ff);
    margin-top: 22px;
}
#SignUptogetgrowthtipsModal .checkbox-container {
    margin: 28px 0px 0px;
}
#SignUptogetgrowthtipsModal .modal-body .btn_new:hover {
    background: #000 !important;
}
#SignUptogetgrowthtipsModal .modal-header .btn-close {
    border: 0;
    background: none;
    font-size: 32px;
    margin-top: 4px;
}
#SignUptogetgrowthtipsModal .modal-header .modal-title {
    margin-bottom: 0;
    line-height: 2;
    font-size: 28px;
    font-family: "Space Grotesk";
    font-weight: 700;
    letter-spacing: -1px;
    padding-left: 18px;
    background: linear-gradient(to left, #ff883d, #0030ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.trusted-professionals .infor_area h2 {
    color: #000 !important;
    font-size: 42px;
    font-family: Anton;
    margin: 0 auto 25px;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    letter-spacing: -0.5px;
    max-width: 901px;
}
.trusted-professionals .infor_area ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    justify-content: center;
}
.trusted-professionals .infor_area ul li {
    margin: 1px 0px;
    padding: 4px 25px;
    border: 1px solid #ccc;
}
.trusted-professionals .st_area {
    padding: 84px 0px;
}
.trusted-professionals .st_area p {
    font-size: 20px;
    line-height: 35px;
    font-family: jost;
    font-weight: normal;
    margin-bottom: 15px;
}
@media screen and (max-width: 1199px) {
    .about_intro h3::after {
        width: 348px;
    }
    .about_intro .img_opt img {
        height: 615px;
        object-fit: contain;
        object-position: bottom;
    }
    .about_intro .img_opt {
        padding-left: 0;
    }
    .about_intro .img_opt::after {
        display: none;
    }
    body .menu_list ul li ul.sub-menu li a:hover {
        background: none !important;
    }
    section.contact_area.cnt_area .contact_form .form-group {
        width: 32%;
    }
    .blog_page .content_img img {
        width: 100%;
        height: 195px !important;
    }
    section.iv_area.blog_page.work_page h2 {
        min-height: 134px;
    }
    body .work_page .col-md-3 {
        padding: 4px 12px;
        margin-bottom: 0;
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
}
@media screen and (max-width: 991px) {
    .about_intro.padd {
        padding: 143px 0px 0px;
    }
    .about_intro.padd [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .about_intro .img_opt img {
        height: 454px;
        margin-top: 63px;
    }
    .about_inner h2 {
        font-family: "Anton", Sans-serif;
        font-size: 69px;
    }
    .about_inner h3 {
        letter-spacing: -0.5px;
        font-size: 30px;
        margin: 25px auto 27px;
    }
    .video_test [class*="col-"],
    .about_inner2 [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .about_inner2 .img_area_new img {
        width: 48%;
        height: 300px;
    }
    .about_inner2 h2 {
        font-size: 40px;
    }
    section.contact_area.cnt_area .contact_form .form-group {
        padding: 21px 25px 0px !important;
        width: 100%;
        background: #fff;
    }
    .form_area .checkbox-container {
        margin-top: 0;
        margin-bottom: 0;
    }
    section.ctn_area2.contact_area.padd [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    section.ctn_area2.contact_area.padd .row .col-md-6:last-child .content {
        padding: 36px;
        min-height: auto;
    }
    section.ctn_area2.contact_area.padd .row .col-md-6:last-child .content h3 {
        font-size: 35px;
    }
    section.contact_area.cnt_area .contact_form h2,
    section.ctn_area2.contact_area.padd h2 {
        font-size: 40px;
    }
    .count_area h4 {
        font-size: 47px;
        letter-spacing: -2px;
    }
    .img_500 img {
        height: auto;
    }
    .img_contain img {
        margin-bottom: 20px;
    }
    .white-label-web-design-agency .list_text_area ul li {
        font-size: 20px;
        padding: 15px 20px 15px 26px;
    }
    .white-label-web-design-agency .sucessfull_area h2 {
        font-size: 40px;
    }
    section.sucessfull_area.padd.dark_area.divi.aut_area {
        padding: 61px 15px 8px;
    }
    section.iv_area.blog_page.work_page .col-md-4.blog-row {
        max-width: 50%;
        flex: 0 0 50%;
    }
    section.iv_area.blog_page.work_page h2 {
        min-height: 130px;
    }
    section.iv_area.case_page .col-md-6 {
        padding: 0px;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .case_page .content {
        padding: 32px 0px;
    }
    section.iv_area.case_page .container .row:nth-child(even) {
        flex-direction: column-reverse !important;
    }
    section.blog_detail.case_st_area_inner [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .blog_detail .blog_ul h3 {
        margin-top: 26px;
    }
    .blog_detail .blog_ul h3 {
        font-size: 25px !important;
    }
    body .work_page .col-md-3 {
        padding: 4px 12px;
        margin-bottom: 0;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .real-reviews .inner_dental .content {
        padding: 34px 42px;
    }
    .real-reviews .inner_dental,
    .real-reviews .inner_two {
        background-color: #f3f3f3;
        padding: 40px 15px;
    }
    .seo_audit_section_one h2 {
        font-size: 40px;
    }
    .seo_audit_section_one.padd.gray.divi p {
        padding: 0px 0px;
    }
    .about_inner2 h2 {
        font-size: 40px;
        max-width: 100%;
    }
    .counter {
        padding: 25px;
        min-height: auto;
    }
    .google-business-optimization .about_inner2.aut_ft .img_area_new {
        margin: 15px 0px;
    }
    .about_inner.master_pdf.padd h2 {
        font-size: 40px;
    }
    .about_inner.master_pdf.padd [class*="col-"],
    .pdf_form_area.dark_area.padd [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .about-us- .menu_list ul li ul.sub-menu li a {
        color: #fff;
    }
    .btn_top_menu a {
        border: 0;
    }
}
@media screen and (max-width: 767px) {
    .about_inner {
        padding: 70px 0px 0px;
    }
    .about_inner h2 {
        font-family: "Anton", Sans-serif;
        font-size: 45px;
        letter-spacing: -1px;
    }
    .career_area .content_area {
        padding: 25px !important;
    }
    .car_detl .content {
        padding: 46px 25px 55px !important;
    }
    .business-development-specialist .car_detl .content h2 {
        font-size: 40px !important;
    }
    section.contact_area.cnt_area .contact_form h2,
    section.ctn_area2.contact_area.padd h2 {
        font-size: 35px;
    }
    .work_bg.white_work .col-md-3 {
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 30px;
    }
    section.iv_area.blog_page.work_page .col-md-4.blog-row {
        max-width: 100%;
        flex: 0 0 100%;
    }
    section.iv_area.blog_page.work_page h2 {
        min-height: auto;
    }
    .blog_page .content_img img {
        height: auto !important;
    }
    section.iv_area.case_page {
        padding: 26px 0px !important;
    }
    .about_inner2.aut_ft .img_area_new img {
        width: 47%;
    }
    .about_inner2.aut_ft.opt_google .img_area_new img {
        height: 274px;
    }
    .google-business-optimization .about_inner2 {
        background: #fff;
        padding: 64px 0px;
    }
    .pdf_form_area h3 {
        font-size: 35px;
    }
}
@media screen and (max-width: 580px) {
    .business-development-specialist .car_detl {
        padding: 60px 0px 66px;
    }
    .about_inner.master_pdf.padd h2 {
        font-size: 35px;
    }
    .car_detl .content {
        padding: 34px 25px 14px !important;
    }
    .car_detl .container::before {
        display: none;
    }
    .new_client {
        padding: 60px 0px;
    }
    .work_bg.white_work .col-md-3 {
        margin-bottom: 10px;
        padding: 0px 5px;
    }
    section.sucessfull_area.padd.dark_area.divi.aut_area li {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .inner_dental {
        padding: 51px 0px 50px;
    }
    section.iv_area.blog_page.work_page {
        padding-top: 51px !important;
    }
    section.iv_area.blog_page.work_page .col-md-4.blog-row {
        padding: 0px;
    }
    .blog_detail .col-md-8 ul.toc-list {
        padding-left: 1px;
    }
    .toc {
        padding: 9px 22px;
        margin: 12px 0px 24px;
    }
    section.blog_detail {
        padding: 50px 0px;
    }
    .inner_banner h1 {
        font-size: 30px;
    }
    .case_page img,
    .case_page iframe {
        height: 366px !important;
    }
    body .case_page h2 {
        font-size: 30px;
        line-height: 41px;
    }
    body .work_page .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .work_page {
        padding: 52px 0px;
    }
    .real-reviews video {
        height: auto;
    }
    .real-reviews .inner_dental .content {
        padding: 30px 23px;
    }
    .seo_audit_section_one h2 {
        font-size: 35px;
        line-height: 50px;
    }
    .about_inner2 h2 {
        font-size: 35px;
    }
    .about_inner2.aut_ft .img_area_new img {
        width: 46%;
        height: 231px;
    }
}
@media screen and (max-width: 480px) {
    .about_intro .heading {
        font-size: 40px;
    }
    .about_intro h3 {
        letter-spacing: 3px;
    }
    .white-label-web-design-agency .sucessfull_area h2 {
        font-size: 35px;
        line-height: 44px;
    }
    .about_intro h3 {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .about_intro h3::after {
        width: 274px;
    }
    .about_intro .img_opt img {
        height: 349px;
    }
    .about_inner2 .img_area_new {
        gap: 11px;
    }
    .about_inner2 .img_area_new img {
        height: 253px;
    }
    .about_inner2 {
        background: #fff;
        padding: 61px 0px;
    }
    .about_inner2 h2 {
        font-size: 35px;
        margin-bottom: 22px;
    }
    .about_inner h3 {
        line-height: 40px;
    }
    .career_area .content_area h2 {
        font-size: 29px;
        margin-bottom: 11px !important;
    }
    .business-development-specialist .car_detl .content h2 {
        font-size: 35px !important;
    }
    .business-development-specialist .car_detl .job_description h3 {
        font-size: 28px;
    }
}
#ci-debug-toolbar,
.ci-debug-toolbar,
.ci-icon,
.debug-toolbar {
    display: none !important;
}
div#debug-iconSpecificity: (1, 0, 1) {
    display: none;
}
div#debug-icon {
    display: none !important;
}

.digital-agency-london-ontario section.list_sas.dark_area.padd.divi {
    padding: 58px 0px;
}
.digital-agency-london-ontario section.list_sas.dark_area.padd.divi h3 {
    font-family: "space Grotesk";
    margin-bottom: 0px;
}
.digital-agency-london-ontario .cand_test_area_new p {
    font-size: 21px;
    line-height: 38px;
}
.digital-agency-london-ontario section.about_section.cnd_inner_area.padd.inner_dental .row::after {
    height: 105%;
}
.digital-agency-london-ontario .note_cdn h2{
	    text-align: center;
}
.digital-agency-london-ontario .note_cdn p {
    text-align: center;
}

header.main_header.topmenu_fixed {
    position: fixed;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 999;
    border-bottom: 3px solid #ccc;
}
   header.main_header.topmenu_fixed .logo_area img {
    height: 35px;
    width: 220px;
    object-fit: cover;
    object-position: top;
}
   header.main_header.topmenu_fixed  .head_p_soc {
    display: none;
    }
     header.main_header.topmenu_fixed .menu_area {
    margin-top: 0;
}
 header.main_header.topmenu_fixed .row{
    align-items: center;
}

.topmenu_fixed {
top: -100px;
animation: data1 0.5s linear;
animation-fill-mode: forwards;
}
@keyframes data1{
    0%{
       top: -100px;
    }
       100%{
       top: 0px;
    }
}

@media screen and (max-width:1024px){
    header.main_header.topmenu_fixed .head_p_soc {
    display: flex;
}
}

@media screen and (max-width:580px){
    header.main_header.topmenu_fixed .logo_area img {
    height: 24px;
    width: 171px;
    object-fit: cover;
    object-position: top;
}
}
.btn_top_menu a:hover{
    background: #333 !important;
    color: #fff !important;
    border-color: #333 !important;
}

p.parp_wid {
    max-width: 469px;
}

.contact-us .form_area .checkbox-container div.error {
    color: #fff !important;
    background: #ff0000;
    border-radius: 7px;
    padding: 0px 7px;
}
section.contact_area.cnt_area .form_area textarea {
    height: 85px;
    border: 0 !important;
    outline: 0px !important;
}

.successmessagedata {
    text-align: center;
    background: #bcfff5;
    padding: 0px 16px;
    margin-bottom: 42px;
    font-family: 'Space Grotesk';
    font-weight: bold;
    line-height: 44px;
    border-radius: 9px;
}
.successmessage {
    color: green;
    font-family: 'Space Grotesk';
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    z-index: 9;
    left: 34px;
    right: 0;
    margin: 0px auto;
    text-align: center;
    background: #caffca;
    width: 100%;
    max-width: 464px;
    top: -19px;
    padding: 0px 0px;
    line-height: 45px;
    border-radius: 6px;
}