@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
 body {
     margin: 0;
     padding: 0;
     font-family: 'Poppins', sans-serif !important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Poppins', sans-serif !important;
 }

 p {
     font-family: 'Poppins', sans-serif !important;
 }

 a {
     text-decoration: none;
     font-family: 'Poppins', sans-serif !important;
 }

 a:hover {
     text-decoration: none;
 }

 li {
     list-style-type: none;
 }

 body.modal-open {
     padding: 0 !important;
 }

 html {
     scroll-behavior: smooth;
 }

 html,
 body {
     overflow-x: hidden;
 }

 :root {
     --tpup: #7764FB;
     --tblu: #2C95FF;
     --twhite: #FFFFFF;
     --tblck: #343434;
     --tgr: linear-gradient(110deg, rgba(246, 100, 243, 1) 0%, rgba(125, 100, 251, 1) 100%);
     --tgy: linear-gradient(180deg, rgba(255, 150, 25, 1) 0%, rgba(255, 61, 71, 1) 100%);
     --tgb: linear-gradient(131deg, rgba(41, 143, 247, 1) 0%, rgba(0, 53, 123, 1) 100%);
 }

 .back-to-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: 100px;
     z-index: 996;
     background: var(--tgy);
     width: 40px;
     height: 40px;
     border-radius: 4px;
     transition: all 0.4s;
     border: 2px solid var(--tred);
     border-radius: 100px;
 }

 .back-to-top i {
     font-size: 28px;
     color: #fff;
     line-height: 0;
 }

 .back-to-top i:hover {
     color: #fff;
 }

 .back-to-top:hover {
     background: var(--tgr);
     color: #fff;
 }

 .back-to-top.active {
     visibility: visible;
     opacity: 1;
 }

 #header {
     height: 70px;
     transition: all 0.5s;
     z-index: 997;
     transition: all 0.5s;
     padding-top: 50px;
     padding-bottom: 50px;
 }

 .header.header-scrolled {
     background: var(--tpup);
     padding: 40px !important;
     box-shadow: 0 0 15px 0 var(--tlight);
 }

 #header .logo img {
     padding: 0;
     margin: 0;
     width: 100%;
 }

 div#logo {
     width: 20%;
 }

 .scrolled-offset {
     margin-top: 70px;
 }

 .navbar {
     padding: 0;
     margin-right: auto;
     margin-left: auto;
 }

 .navbar ul {
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
     align-items: center;
 }

 .navbar li {
     position: relative;
 }

 .navbar a,
 .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 0 10px 29px;
     font-family: "Poppins", sans-serif;
     font-size: 17px;
     color: #ffffff;
     white-space: nowrap;
     transition: 0.3s;
     text-transform: uppercase;
     font-weight: 500;
 }

 .navbar a i,
 .navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
 }

 .navbar a:hover,
 .navbar .active,
 .navbar .active:focus,
 .navbar li:hover>a {
     color: #FF9A17;
 }

 .dropdown-menu {
     max-width: 750px;
 }

 .navbar .dropdown ul a {
     padding: 10px 20px;
     font-size: 14px;
     text-transform: none;
     color: #545454;
 }

 .navbar .dropdown ul a i {
     font-size: 12px;
 }

 .navbar .dropdown ul a:hover,
 .navbar .dropdown ul .active:hover,
 .navbar .dropdown ul li:hover>a {
     color: #FF9A17;
 }

 .navbar .dropdown:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
 }

 .navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
 }

 .navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
 }

 @media (max-width: 1366px) {
     .navbar .dropdown .dropdown ul {
         left: -90%;
     }
     .navbar .dropdown .dropdown:hover>ul {
         left: -100%;
     }
 }

 .mobile-nav-toggle {
     color: var(--twhite);
     font-size: 28px;
     border: 1px solid #FF9A17;
     background-color: #FF9A17;
     border-radius: 100px;
     padding: 5px;
     cursor: pointer;
     display: none;
     line-height: 0;
     transition: 0.5s;
 }

 .mobile-nav-toggle.bi-x {
     color: #ffffff;
 }

 @media (max-width: 991px) {
     .mobile-nav-toggle {
         display: block;
     }
     .navbar ul {
         display: none;
     }
 }

 .navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(59, 59, 59, 0.9);
     transition: 0.3s;
     z-index: 999;
 }

 .navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     right: 15px;
 }

 .navbar-mobile ul {
     display: block;
     position: absolute;
     top: 55px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     padding: 10px 0;
     background: var(--tgy);
     overflow-y: auto;
     transition: 0.3s;
 }

 .navbar-mobile a,
 .navbar-mobile a:focus {
     padding: 10px 20px;
     font-size: 15px;
     color: #ffffff;
 }

 .navbar-mobile a:hover,
 .navbar-mobile .active,
 .navbar-mobile li:hover>a {
     color: var(--twhite);
 }

 .navbar-mobile .getstarted,
 .navbar-mobile .getstarted:focus {
     margin: 15px;
 }

 .navbar-mobile .dropdown ul {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     z-index: 99;
     opacity: 1;
     visibility: visible;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
 }

 .navbar-mobile .dropdown ul li {
     min-width: 200px;
 }

 .navbar-mobile .dropdown ul a {
     padding: 10px 20px;
 }

 .navbar-mobile .dropdown ul a i {
     font-size: 12px;
 }

 .navbar-mobile .dropdown ul a:hover,
 .navbar-mobile .dropdown ul .active:hover,
 .navbar-mobile .dropdown ul li:hover>a {
     color: #e96b56;
 }

 .navbar-mobile .dropdown>.dropdown-active {
     display: block;
 }

 .haeder_btn {
     display: flex;
 }

 .mytopbar {
     padding-top: 10px;
     padding-bottom: 10px;
     background: var(--tgr);
     display: block;
 }

 .main_topbar {
     display: flex;
     justify-content: end;
 }

 .mytb {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .main_topbar2 {
     display: flex;
     justify-content: start;
 }

 .tb1 {
     margin-left: 65px;
     color: #fff;
 }

 .tb1 a {
     color: var(--twhite);
     font-size: 15px;
     margin-left: 10px;
 }

 .tb1 a:hover {
     color: var(--tblck);
 }

 .main_topbar2 i {
     font-size: 15px;
 }

 .btn_pup {
     background: var(--tgr);
     border: none;
     border-radius: 100px;
     padding: 14px 35px !important;
     color: var(--twhite) !important;
     transition: 0.5s ease-in-out;
     font-size: 15px !important;
     font-weight: 600;
     margin-left: 10px;
 }

 .btn_pup:hover {
     background: var(--tgy);
     color: var(--twhite) !important;
     transform: scale(1.1);
 }

 .btn_org {
     background: var(--tgy);
     border: none;
     border-radius: 100px;
     padding: 14px 26px !important;
     color: var(--twhite) !important;
     transition: 0.5s ease-in-out;
     font-size: 15px !important;
     font-weight: 600;
     margin-left: 10px;
 }

 .btn_org:hover {
     background: var(--tgb);
     color: var(--twhite) !important;
     transform: scale(1.1);
 }

 .haeder_btn .btn_org {
     margin-left: 30px;
 }

 .btn_blu {
     background: var(--tgb);
     border-radius: 100px;
     padding: 14px 35px !important;
     color: var(--twhite) !important;
     transition: 0.5s ease-in-out;
     font-size: 15px !important;
     font-weight: 400;
     border: none;
 }

 .btn_blu:hover {
     background: var(--tgy);
     color: var(--twhite) !important;
     transform: scale(1.1);
 }

 .btns {
     margin-top: 40px;
 }

 .haeder_btn .btn_grad {
     padding: 14px 25px !important;
     margin-left: 20px;
 }

 .home_hero {
     background-position: top;
     background-size: cover;
     background-repeat: no-repeat;
     padding-bottom: 70px;
     height: 100vh;
     display: grid;
 }

 .sec_bac {
     background-image: url(../images/a16.webp);
 }

 .logo_design {
     background-image: url(../images/ld.webp);
 }

 .web_dev {
     background-image: url(../images/wd.webp);
 }

 .app_des {
     background-image: url(../images/apde.webp);
 }

 .contact {
     background-image: url(../images/cnt.webp);
 }

 .creative_wri {
     background-image: url(../images/crw.webp);
 }

 .digital_market {
     background-image: url(../images/dmb.webp);
 }

 .motion_graphics {
     background-image: url(../images/mg.webp);
 }

 .seo {
     background-image: url(../images/seob.webp);
 }

 .stationary_design {
     background-image: url(../images/std.webp);
 }

 .showcase {
     background-image: url(../images/shw.webp);
 }

 .herobtns {
     text-align: center;
 }

 .home_hero h2 {
     color: var(--twhite);
     font-size: 58px;
     line-height: 75px;
     font-weight: 600;
     text-align: center;
     text-transform: uppercase;
 }

 .home_hero p {
     font-size: 16px;
     font-weight: 400;
     color: var(--twhite);
     line-height: 30px;
     font-family: poppins;
     margin-bottom: 20px;
     text-align: center;
     padding-right: 34px;
 }

 .heromg img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     transform: scale(1.25);
 }

 .hc1_mg img {
     width: 35%;
     margin-bottom: 20px;
 }

 .homesec3 {
     background-image: url(../images/d8.webp);
     background-position: bottom;
     background-size: 100% 428px;
     background-repeat: no-repeat;
     padding-top: 75px;
     padding-bottom: 50px;
 }

 .hs3cl1 img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     transform: scale(1.3);
 }

 .hs3cl2 h2 {
     color: var(--tpup);
     font-size: 40px;
     line-height: 50px;
     font-weight: 400;
     padding-left: 20px;
 }

 .hs3cl2 h2 span {
     color: var(--tpup);
     font-weight: 600;
 }

 .hs3cl2 p {
     font-size: 16px;
     padding-left: 20px;
     font-weight: 400;
     color: var(--tblck);
     line-height: 35px;
     font-family: poppins;
     margin-bottom: 20px;
 }

 .hs3cl2 .btn_org {
     margin-left: 0px;
     padding: 14px 35px !important;
 }

 .clpl {
     padding-left: 60px;
 }

 .clpr {
     padding-right: 60px;
 }

 .services {
     padding-top: 50px;
     padding-bottom: 30px;
 }

 .myserv {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .serboxes {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .ser_item {
     background: var(--twhite);
     border-radius: 5px;
     box-shadow: 0 0 27px rgb(117 116 128 / 23%);
     padding: 20px 10px;
     width: 100%;
     transform: scale(1.2);
     transition: 0.8s ease-in-out;
 }

 .ser_item:hover {
     background: var(--tgy);
     transform: scale(1.1) !important;
 }

 .ser_item:hover h3 {
     color: var(--twhite);
 }

 .ser_item img {
     width: 75px;
     height: 75px;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .ser_item h3 {
     color: var(--tblck);
     text-align: center;
     font-size: 13px;
     font-weight: 500;
 }

 .hs4 {
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .hs4cl1 img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     transform: scale(1.3);
 }

 .hs4cl2 h2 {
     color: var(--tpup);
     font-size: 40px;
     line-height: 50px;
     font-weight: 400;
 }

 .hs4cl2 h3 {
     color: #2C95FF;
     font-size: 16px;
     font-weight: 600;
 }

 .hs4cl2 h2 span {
     color: var(--tpup);
     font-weight: 600;
 }

 .hs4cl2 p {
     font-size: 16px;
     font-weight: 400;
     color: var(--tblck);
     line-height: 35px;
     font-family: poppins;
     margin-bottom: 20px;
 }

 .hs4_rw {
     align-items: center;
 }

 .hs4cl1 {
     position: relative;
 }

 .hs4cl1::before {
     content: '';
     position: absolute;
     background-image: url(../images/rec.webp);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 589px;
     height: 100%;
     left: -106px;
 }

 .counter {
     background-image: url(../images/a17.webp);
     background-size: cover;
     background-position: top;
     background-repeat: no-repeat;
     padding-top: 50px;
     padding-bottom: 30px;
 }

 .cb1 {
     display: flex;
     align-items: center;
 }

 .cb1 img {
     margin-right: 10px;
     width: 45px;
     height: 45px;
 }

 .cb1 h3 {
     color: #FF9A17;
     font-size: 55px;
     font-weight: 600;
 }

 .cb2 h4 {
     color: var(--twhite);
     font-size: 16px;
     font-weight: 500;
     margin-top: -5px;
 }

 .cnt_rw1 h2 {
     font-size: 68px;
     color: #07123c;
     font-weight: 500;
     -webkit-text-stroke: 2px #FF9A17;
     text-align: center;
     margin-bottom: 20px;
 }

 .hom6sec {
     padding-top: 50px;
     padding-bottom: 10px;
 }

 .hs6_rw {
     align-items: center;
 }

 .mybig_head h2 {
     color: #3F3278;
     font-weight: 600;
     font-size: 125px;
 }

 .mybig_head {
     position: relative;
 }

 .mybig_head::before {
     content: '';
     background: url(../images/33.webp) no-repeat;
     background-size: 100% 100%;
     width: 250px;
     transform: scale(1.1);
     height: 250px;
     position: absolute;
     left: -83px;
     top: -26%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .port_gallery {
     padding-top: 0px;
     padding-bottom: 30px;
 }

 .myimgtab {
     display: block;
     padding-top: 80%;
     position: relative;
     width: 100%;
 }

 .myimgtab img {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 7px;
     box-shadow: 0 0 27px rgb(117 116 128 / 40%);
 }

 .logo_tb img {
     object-position: center;
 }

 .wd_tb img {
     object-position: top;
 }

 .port_gallery .col-lg-3 {
     padding-left: 5px;
     padding-right: 5px;
 }

 .port_gallery .mytb ul {
     padding-bottom: 20px;
     padding-top: 20px;
 }

 .mymrw {
     margin-top: 10px;
 }

 .port_gallery .nav-link {
     color: var(--tblck);
     text-transform: uppercase;
     font-size: 16px;
     padding: 14px 30px;
     background: #fff;
     border-radius: 100px;
     margin-left: 5px;
     margin-right: 5px;
     box-shadow: 0px 2px 8px -1px #68686873;
 }

 .port_gallery .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     background: var(--tgb);
     border-radius: 100px;
     padding: 14px 30px;
 }

 .packages {
     background: var(--tgr);
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .pkg_heads h3 {
     font-size: 23px;
     font-weight: 600;
     color: var(--twhite);
     padding-bottom: 15px;
     font-family: poppins;
 }

 .pkg_heads h4 {
     padding-top: 10px;
     color: #FF9A17;
     font-size: 22px;
     font-weight: 500;
 }

 .pkg_heads h5 {
     color: var(--torg);
     font-size: 47px;
     font-weight: 600;
     font-family: poppins;
 }

 .pkgc1 h3 {
     font-size: 40px;
     font-weight: 600;
     font-family: poppins;
     color: var(--tblack);
     text-align: center;
 }

 .pkgc1 h3 span {
     color: var(--torg);
 }

 .pkgc1 img {
     margin-left: auto;
     margin-right: auto;
     display: block;
     width: 20%;
 }

 .pkgc1 p {
     font-size: 15px;
     font-weight: 400;
     font-family: poppins;
     color: var(--tblack);
     line-height: 28px;
     margin-top: 15px;
     text-align: center;
 }

 .pkg_item {
     background: var(--twhite);
     color: var(--tblck);
     transition: 0.2s ease-in-out;
     box-shadow: 0 2px 22px rgb(128 128 128 / 33%);
     border-radius: 10px !important;
 }

 .pkg_item:hover {
     background: #074591;
     color: var(--twhite);
 }

 .pkg_item:hover .pkg_heads h4 {
     background: var(--twhite);
 }

 .pkg_item:hover .btn_strt {
     background: var(--twhite);
     color: var(--torg);
 }

 .ph1 h3 {
     font-weight: 600;
     font-size: 18px;
     text-transform: capitalize;
     color: var(--twhite);
 }

 .ph1 h4 {
     font-weight: 600;
     font-size: 23px;
     text-transform: capitalize;
     margin-top: -5px;
     text-align: right;
     color: var(--twhite);
 }

 .ph2 {
     margin-left: auto;
     display: block;
 }

 .ph2 h3 sub {
     font-size: 15px;
     font-weight: 500;
 }

 .ph2 h3 {
     font-weight: 700;
     font-size: 23px;
     text-transform: capitalize;
     margin-top: -5px;
     color: var(--twhite);
 }

 .ph2 h4 {
     font-weight: 500;
     font-size: 20px;
     text-transform: capitalize;
     margin-top: -5px;
     color: var(--twhite);
 }

 .pinh h4 {
     text-align: center;
     font-weight: 600;
     font-size: 16px;
     color: var(--twhite);
     margin-top: 30px;
 }

 .pkg_footer {
     display: flex;
     align-items: center;
     text-align: center;
     border-top: 2px solid #BBBBBB;
     padding-top: 15px;
 }

 .pkg_inner {
     padding-top: 5px;
 }

 .pkg_innerul {
     height: 200px;
 }

 .pkg_inner ul li {
     list-style-type: circle;
     font-size: 14px;
     margin-top: 7px;
     color: var(--tblack);
     list-style-type: disclosure-closed;
 }

 .pkg_inner ul li::marker {
     color: var(--tred);
 }
 .pkg_inner ul{
      height: 195px;
    overflow-y: scroll;
 }
 .pagebox ul::-webkit-scrollbar {
    width: 3px;
    background: #3F3278;
    border-radius : 3px;
}
.pagebox::-webkit-scrollbar-thumb {
    background: #9d9a9a;
}
.pagebox::-webkit-scrollbar-track {
    background: #9d9a9a;
}
 .pkf1 h4 {
     font-weight: 600;
     font-size: 14px;
     color: var(--torg);
 }

 .pkg_item:hover .pkf1 h4 {
     color: var(--twhite);
 }

 .pkf2::before {
     content: "";
     position: absolute;
     right: 189px;
     width: 0px;
     height: 47px;
     border-left: 2px solid #BBBBBB;
 }

 .pkf2 h4 {
     font-weight: 600;
     color: var(--torg);
     font-size: 14px;
 }

 .pkf2 a {
     font-weight: 600;
     color: var(--tblack);
     font-size: 14px;
 }

 .pkf1 a {
     font-weight: 600;
     color: var(--tblack);
     font-size: 14px;
 }

 .pkf1 a:hover {
     color: var(--tred);
 }

 .pkf2 a:hover {
     color: var(--tred);
 }

 .pkg_item:hover .pkg_heads h3 {
     color: var(--tred);
     border-color: var(--tgr);
 }

 .pkg_item:hover .pkg_heads h4 {
     color: var(--twhite);
     background: none;
 }

 .pkg_item:hover .pkg_heads h5 {
     color: var(--twhite);
 }

 .pkg_item:hover .pkg_inner ul li {
     color: var(--twhite);
 }

 .pkg_item:hover .pkg_footer {
     border-color: var(--twhite);
 }

 .pkg_item:hover .pkf2::before {
     border-color: var(--twhite);
 }

 .pkf2 {
     margin-left: auto;
     display: block;
 }

 .btn_pkg {
     text-align: center;
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .btn_pkg .btn_blu {
     border-radius: 3px;
 }

 .pkg_item:hover .btn_blu {
     background: var(--tgy);
 }

 .packages .mytb ul {
     padding-bottom: 10px;
     padding-top: 20px
 }

 .mypc h2 {
     color: var(--twhite);
     font-size: 35px;
     line-height: 50px;
     font-weight: 300;
     padding-left: 20px;
     text-align: center;
 }

 .mypc h2 span {
     color: var(--twhite);
     font-weight: 600;
     font-size: 46px;
 }

 .packages .nav-link {
     color: var(--tblck);
     background: var(--twhite);
     text-transform: uppercase;
     border-radius: 100px;
     font-size: 16px;
     padding: 14px 30px;
     margin-left: 5px;
     margin-right: 5px;
 }

 .pkgr2 {
     margin-top: 20px;
 }

 .packages .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     background: var(--tgy);
     border-radius: 100px;
     padding: 14px 30px;
 }

 .myhead_inn {
     display: flex;
     background: var(--tgb);
     align-items: end;
     justify-content: center;
     padding: 20px;
     padding-bottom: 0px;
     border-radius: 10px 10px 0px 0px;
 }

 .myhead_inn img {
     margin-right: 15px;
 }

 .myinpkg {
     padding: 20px 30px;
 }

 .df_mb {
     display: flex;
     justify-content: space-between;
 }

 .hs5c1 {
     padding-left: 50px;
 }

 .home_sec5 {
     padding-top: 0px;
 }

 .combo_Sec {
     background-image: url(../images/a18.webp);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 50px;
     padding-bottom: 30px;
 }

 .main_combo_flx {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }

 .comcl1 h2 {
     color: var(--twhite);
     font-size: 50px;
     font-weight: 40;
 }

 .comcl1 p {
     font-size: 16px;
     color: var(--twhite);
     font-weight: 400;
     line-height: 30px;
 }

 .comcl1 h3 {
     font-size: 100px;
     color: #250060;
     font-weight: 500;
     -webkit-text-stroke: 2px #FF9A17;
     margin-bottom: 20px;
 }

 .inflx1 h3 {
     font-size: 17px;
     color: #FF9A17;
     -webkit-text-stroke: transparent;
     margin-bottom: 0px;
 }

 .inflx1 ul {
     padding-left: 0px;
 }

 .inflx1 ul li {
     color: var(--twhite);
     font-size: 14px;
     margin-top: 10px;
     font-weight: 300;
 }

 .inflx1 {
     margin-top: 30px;
 }

 .comb img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .cmb2_flx {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .cmbf h2 {
     font-size: 16px;
     color: var(--twhite);
     text-align: center;
 }

 .cmbf h3 {
     font-size: 16px;
     color: var(--twhite);
     text-align: center;
 }

 .my_cmb_btn {
     text-align: center;
     margin-top: 20px;
 }

 .my_cmb_btn .btn_org {
     margin-left: 10px;
     padding: 14px 35px;
     border-radius: 5px;
 }

 .call_sec {
     padding-top: 50px;
     padding-bottom: 30px;
 }

 .clcl1 h2 {
     color: var(--tpup);
     font-size: 56px;
     line-height: 42px;
     font-weight: 600;
     text-transform: uppercase;
 }

 .clcl1 h2 span {
     color: var(--tpup);
     font-weight: 600;
     font-size: 25px;
 }

 .clcl1 h3 {
     font-size: 17px;
     color: #FF9A17;
     -webkit-text-stroke: transparent;
     margin-bottom: 0px;
 }

 .inflx1 img {
     width: 100px;
     height: 100px;
     -webkit-animation: spin 4s linear infinite;
     -moz-animation: spin 4s linear infinite;
     animation: spin 4s linear infinite;
 }

 @-moz-keyframes spin {
     100% {
         -moz-transform: rotate(360deg);
     }
 }

 @-webkit-keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
     }
 }

 @keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 .inflx1 h4 {
     color: red;
     font-size: 16px;
 }

 .inflx1 h5 a {
     color: #07123c;
     font-size: 16px;
 }

 .call_flx {
     display: flex;
 }

 .call_inflx {
     display: flex;
     align-items: center;
     margin-right: 10px;
 }

 .ccl2 img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     transform: scale(1.4);
 }

 .cc img {
     width: 100%;
 }

 .reviews_sec {
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .rev_r1 h2 {
     color: var(--tpup);
     font-size: 40px;
     line-height: 50px;
     font-weight: 300;
     padding-left: 20px;
 }

 .rev_r1 h2 span {
     color: var(--tpup);
     font-weight: 600;
 }

 .myrbox {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }

 .rbx1 img {
     width: 180px;
     margin-left: auto;
     display: block;
     padding-right: 15px;
 }

 .rbx1 h3 {
     color: var(--tblck);
     font-size: 22px;
     font-weight: 500;
 }

 .rbx1 p {
     color: var(--tblck);
     font-size: 15px;
     line-height: 28px;
 }

 .rev_r2 {
     margin-top: 30px;
 }

 .reviews_sec .slick-dots li.slick-active button:before {
     color: #FF9A17
 }

 .reviews_sec .slick-dots li button:before {
     color: #250060;
     font-size: 15px;
     margin-top: 20px;
     opacity: 1;
 }

 .reviews_sec ul.slick-dots {
     position: absolute;
     right: 0;
 }

 .reviews_sec .slick-dots li {
     margin: 7px 5px;
     width: 15px;
 }

 .foo_call {
     background: var(--tgy);
     padding: 20px 30px;
     width: 95%;
     margin-left: auto;
     margin-right: auto;
     clip-path: polygon(0 0, 100% 0%, 96% 100%, 4% 100%);
     align-items: center;
     margin-bottom: 40px;
 }

 .fctss h4 {
     color: var(--twhite);
     font-size: 26px;
     padding-left: 10px;
     font-weight: 700;
 }

 .fctss {
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }

 .fctss a {
     font-size: 22px;
     font-weight: 400;
     color: var(--twhite);
     transition: 0.5s ease-in-out;
 }

 .fctss a:hover {
     color: #1d0052;
     transform: scale(1.1);
 }

 .myade p a {
     text-decoration: underline;
 }

 .myade p a:hover {
     color: #1d0052;
     text-decoration: underline;
 }

 .fctss i {
     font-size: 22px;
     padding-right: 10px;
     color: var(--twhite);
 }

 .parf img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .part_rw h2 {
     font-size: 31px;
     line-height: 40px;
     line-height: 52px;
 }

 .part_rw h2 span {
     font-size: 40px;
 }

 .part_rw {
     align-items: center;
 }

 .inner_page_form {
     background: linear-gradient(73deg, rgba(128, 22, 22, 1) 37%, rgba(37, 38, 42, 1) 82%);
     padding: 30px 40px;
     margin-left: 20px;
     margin-right: 20px;
 }

 .inner_page_form h3 {
     color: var(--twhite);
     font-size: 30px;
     font-weight: 500;
     text-align: center;
     font-family: poppins !important;
     margin-bottom: 20px;
 }

 .inner_page_form input {
     width: 100%;
     margin-top: 20px;
     border: 1px solid #fff;
     border-radius: 0px;
     height: 50px;
     font-size: 16px;
     font-family: poppins;
     color: var(--tblack);
     padding-left: 20px;
     background: #ffffff;
     margin-top: 2 0px;
 }

 .inner_page_form input::placeholder {
     color: var(--tblack);
 }

 .inner_page_form input:focus {
     background-color: var(--twhite);
     border-color: var(--tblu);
     box-shadow: none;
     color: var(--tblack);
 }

 .sai {
     position: relative;
 }

 .sai button {
     width: 100%;
     margin-top: 20px;
     background: var(--tgb);
     color: #fff;
     border: navajowhite;
     padding: 12px 30px;
     font-size: 16px;
     margin-left: auto;
     margin-right: auto;
     display: block;
     font-weight: 500;
     transition: 0.2s ease-in-out;
     border: 2px solid var(--tblu);
 }

 .sai button:hover {
     background: var(--twhite);
     color: var(--tpink);
     border-color: var(--tblu);
 }

 .inner_page_form::before {
     content: "";
     animation: zoom-in-zoom-out 2s ease-out infinite;
     position: absolute;
     top: -76px;
     right: -39px;
     background-size: 100% !important;
     background: url(../images/4a.webp) no-repeat;
     width: 172px;
     height: 173px;
 }

 .my_footer {
     padding-bottom: 30px;
     background-color: #1D0052;
     margin-top: 30px;
 }

 .frow1 {
     align-items: flex-start;
 }

 .fcol1 img {
     width: 50%;
 }

 .fcol1 p {
     font-size: 15px;
     color: #fff;
     font-weight: 400;
     line-height: 33px;
     margin-top: 20px;
 }

 .frow3 {
     align-items: center;
     padding-top: 15px;
 }

 .fr3c1 p {
     font-size: 15px;
     color: #fff;
     text-align: center;
 }

 .footer_copyright {
     background: var(--tgr);
 }

 .fr2c2 h3 {
     font-size: 22px;
     color: #FF9A17;
     font-weight: 600;
 }

 .fr2c2 ul {
     padding-left: 0px;
 }

 .fr2c2 ul li a {
     color: #fff;
     font-size: 15px;
     line-height: 36px;
 }

 .fr2c2 ul li a:hover {
     color: #fc9818;
 }

 .foo_cnt li i {
     color: var(--tred);
     font-size: 15px;
     margin-right: 5px;
 }

 .mbf {
     margin-bottom: 30px;
 }

 .socialicons ul {
     display: flex;
     padding-left: 0px;
 }

 .socialicons li i {
     color: #1d0052;
     background: var(--tgr);
     font-size: 30px;
     margin-left: 5px;
     margin-right: 5px;
     border-radius: 5px;
     width: 48px;
     text-align: center;
     padding: 10px;
 }

 .socialicons li i:hover {
     background: var(--tgy);
 }

 .discla h3 {
     font-size: 27px;
     color: #000;
     font-weight: 600;
 }

 .discla p {
     font-size: 15px;
     color: #000;
     line-height: 33px;
 }

 .dis {
     box-shadow: 3px 4px 10px rgb(243 155 40);
     background-color: var(--twhite);
 }

 .navbar-fixed-bottom {
     position: fixed;
     bottom: 0;
     z-index: 999999;
 }

 .whappfooter i {
     font-size: 50px;
     background-color: #11bb19;
     border-radius: 100px;
     padding: 10px 15px;
     color: #fff;
     margin-bottom: 20px;
     transition: 0.5s ease-in-out;
 }

 .whappfooter i:hover {
     transform: scale(1.1);
     background-color: #0fe419;
 }

 .popcol .sai button {
     width: 100%;
 }

 .my_popup h2 {
     text-align: center;
     font-size: 30px;
     font-weight: 700;
     margin-left: auto;
     margin-right: auto;
     display: block;
     padding-left: 30px;
     color: rgba(81, 35, 174, 1);
 }

 .modal-header {
     padding: 0;
     padding-top: 20px;
 }

 .modal-header .close {
     margin: 0;
 }

 .sap button {
     background: linear-gradient(180deg, rgba(81, 35, 174, 1) 0%, rgba(108, 31, 163, 1) 100%);
     width: 100%;
     margin-top: 20px;
     color: var(--t3);
     border: 2px solid var(--t5);
     border-radius: 100px;
     padding: 11px 30px;
 }

 .sap button:hover {
     background: var(--t1);
     border-color: var(--t2);
 }

 .modal-header .close {
     margin: 0;
     margin-top: -20px;
     color: var(--twhite) !important;
     background: var(--tgb);
     opacity: 1;
     border-radius: 100%;
     width: 6%;
     height: 39px;
     position: absolute;
     right: 25px;
     top: -6px;
 }

 .modal-content {
     background-color: transparent;
     border: none;
 }

 .modal-header {
     border: none;
 }

 .ex_page header {
     background-color: #ffffff;
     padding-bottom: 40px;
     padding-top: 50px !important;
 }

 .thanks {
     padding-top: 70px;
     padding-bottom: 50px;
 }

 .thanks h1 {
     font-size: 45px;
     text-align: center;
     color: var(--tdrk);
     font-weight: 600;
     font-family: poppins;
 }

 .thanks h1 span {
     color: var(--tred);
 }

 .thanks p {
     font-size: 22px;
     text-align: center;
     color: rgb(90, 90, 90);
     font-weight: 500;
     margin-top: 30px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 .thanks i {
     font-size: 110px;
     text-align: center;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-left: auto;
     margin-right: auto;
     display: block;
     color: #11ab30;
     margin-top: 20px;
 }

 .termsc h2 {
     font-size: 35px;
     font-weight: 600;
     padding-top: 50px;
 }

 .termsc h4 {
     font-size: 28px;
     font-weight: 600;
 }

 .termsc p {
     font-size: 16px;
     font-weight: 400;
     color: var(--t4);
     line-height: 33px;
     font-family: poppins;
     margin-bottom: 40px;
     padding-top: 15px;
     text-align: justify;
     padding-right: 40px;
 }

 .termsc ul li {
     margin-top: 15px;
     list-style-type: circle;
 }

 .fr3c2 ul li {
     display: inline-flex;
     margin-left: 10px;
 }

 .fr3c2 ul li a {
     color: var(--twhite);
     font-size: 16px;
 }

 .fr3c2 ul li a:hover {
     color: var(--tred);
 }

 .clcl1 {
     position: relative;
 }

 .clcl1::before {
     content: '';
     background: url(../images/myb.webp) no-repeat;
     background-size: 100% 100%;
     width: 142px;
     transform: scale(1.1);
     height: 150px;
     position: absolute;
     right: 267px;
     top: -3%;
     animation: myflp 2s linear infinite;
     z-index: -1;
 }

 .ccl2 {
     position: relative;
 }

 .ccl2::before {
     content: '';
     background: url(../images/a22.webp) no-repeat;
     background-size: 100% 100%;
     width: 105px;
     transform: scale(1.1);
     height: 110px;
     position: absolute;
     right: 557px;
     top: 25%;
     animation: myfp2 5s linear infinite;
     z-index: -1;
 }

 .hs2_mg {
     position: relative;
 }

 .hs2_mg::before {
     content: '';
     background: url(../images/a23.webp) no-repeat;
     background-size: 100% 100%;
     width: 280px;
     transform: scale(1.1);
     height: 280px;
     position: absolute;
     left: -109px;
     top: -6%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .hs2_mg::after {
     content: '';
     background: url(../images/a31.webp) no-repeat;
     background-size: 100% 100%;
     width: 150px;
     transform: scale(1.1);
     height: 150px;
     position: absolute;
     left: -37px;
     top: 66%;
     animation: mybn 8s linear infinite;
     z-index: -1;
 }

 .mysm::before {
     content: '';
     background: url(../images/a8.webp) no-repeat;
     background-size: 100% 100%;
     width: 90px;
     transform: scale(1.1);
     height: 90px;
     position: absolute;
     left: -109px;
     top: -6%;
     animation: myabc 5s linear infinite;
     z-index: -1;
 }

 .mysm::after {
     content: '';
     background: url(../images/32.webp) no-repeat;
     background-size: 100% 100%;
     width: 80px;
     transform: scale(1.1);
     height: 80px;
     position: absolute;
     left: -56px;
     top: 101%;
     animation: animationFramesOne 8s linear infinite;
     z-index: -1;
 }

 .mysm2 {
     position: relative;
 }

 .mysm2::before {
     content: '';
     background: url(../images/a9.webp) no-repeat;
     background-size: 100% 100%;
     width: 220px;
     transform: scale(1.1);
     height: 220px;
     position: absolute;
     left: 369px;
     top: -2%;
     animation: myflp 10s linear infinite;
     z-index: 2;
 }

 .mysm2::after {
     content: '';
     background: url(../images/a22.webp) no-repeat;
     background-size: 100% 100%;
     width: 110px;
     transform: scale(1.1);
     height: 110px;
     position: absolute;
     left: -44px;
     top: 79%;
     animation: mybn 10s linear infinite;
     z-index: 2;
 }

 @keyframes animationFramesOne {
     0% {
         transform: translate(0px, 0px) rotate(0deg);
     }
     20% {
         transform: translate(73px, -1px) rotate(36deg);
     }
     40% {
         transform: translate(141px, 72px) rotate(72deg);
     }
     60% {
         transform: translate(83px, 122px) rotate(108deg);
     }
     80% {
         transform: translate(-40px, 72px) rotate(144deg);
     }
     100% {
         transform: translate(0px, 0px) rotate(0deg);
     }
 }

 @keyframes myfp2 {
     0% {
         transform: scale(1) rotate3d(-1, 1, 0, 0deg);
     }
     50% {
         transform: scale(.4) rotate3d(-1, 1, 0, -90deg);
     }
     100% {
         transform: scale(1) rotate3d(-1, 1, 0, -180deg);
     }
 }

 @keyframes myflp {
     0% {
         transform: rotateY(0);
     }
     100% {
         transform: rotateY(180deg);
     }
 }

 @keyframes myabc {
     0% {
         transform: rotate(0);
     }
     100% {
         transform: rotate(360deg);
     }
 }

 @keyframes mybn {
     0% {
         animation-timing-function: ease-in;
         opacity: 1;
         transform: translateY(-45px);
     }
     24% {
         opacity: 1;
     }
     40% {
         animation-timing-function: ease-in;
         transform: translateY(-24px);
     }
     65% {
         animation-timing-function: ease-in;
         transform: translateY(-12px);
     }
     82% {
         animation-timing-function: ease-in;
         transform: translateY(-6px);
     }
     93% {
         animation-timing-function: ease-in;
         transform: translateY(-4px);
     }
     25%,
     55%,
     75%,
     87% {
         animation-timing-function: ease-out;
         transform: translateY(0px);
     }
     100% {
         animation-timing-function: ease-out;
         opacity: 1;
         transform: translateY(0px);
     }
 }

 @keyframes pulse-animation {
     0% {
         box-shadow: 0 0 0 0px #5BC100;
     }
     100% {
         box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
     }
 }

 @keyframes zoom-in-zoom-out {
     0% {
         transform: scale(1.1);
         transition: all 0.5s ease-in-out;
     }
     30% {
         transform: scale(1.2);
         transition: all 0.7s ease-in-out;
     }
     50% {
         transform: scale(1.3);
         transition: all 0.7s ease-in-out;
     }
     50% {
         transform: scale(1.2);
         transition: all 0.7s ease-in-out;
     }
     100% {
         transform: scale(1.1);
         transition: all 0.7s ease-in-out;
     }
 }

 .myec .heromg img {
     transform: scale(1.4);
 }

 .ecinp .hs3cl1 img {
     transform: scale(1.3);
 }

 .ecinp {
     background-image: none !important;
     padding-top: 30px !important;
 }

 .ecinp2 .hs3cl1 img {
     transform: scale(1.2);
 }

 .myec .wdim img {
     transform: scale(1.9);
     padding-left: 70px;
 }

 .myec .homesec7 {
     padding-top: 0px;
 }

 .row.mysr {
     align-items: center;
 }

 .home_secbc {
     background-image: url(../images/d12.webp) !important;
     background-position: center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     padding-top: 50px;
     padding-bottom: 30px;
 }

 .inmgch img {
     transform: scale(1.2);
 }

 .mim img {
     transform: scale(1) !important;
 }

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

 ::-webkit-scrollbar-track {
     border-radius: 10px;
 }

 ::-webkit-scrollbar-thumb {
     background: var(--tgr);
     border-color: var(--tgr);
     border-radius: 7px;
 }

 ::-webkit-scrollbar-thumb:hover {
     background: var(--tgr);
 }

 .myintb {
     display: none;
 }

 .mydf_drop {
     display: flex;
 }

 .inpage {
     padding-top: 30px;
     padding-bottom: 30px;
     text-align: center;
 }

 .innpage_rw h2 {
     color: var(--tpup);
     font-size: 40px;
     line-height: 50px;
     font-weight: 400;
     padding-left: 20px;
     padding-right: 20px;
 }

 .innpage_rw h2 span {
     color: var(--tpup);
     font-weight: 600;
 }

 .innpage_rw p {
     font-size: 16px;
     padding-left: 20px;
     padding-right: 20px;
     font-weight: 400;
     color: var(--tblck);
     line-height: 35px;
     font-family: poppins;
     margin-bottom: 20px;
 }

 .innpage_rw {
     position: relative;
 }

 .innpage_rw::before {
     content: '';
     background: url(../images/a23.webp) no-repeat;
     background-size: 100% 100%;
     width: 330px;
     transform: scale(1.1);
     height: 330px;
     position: absolute;
     left: -254px;
     top: -19%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .innpage_rw::after {
     content: '';
     background: url(../images/33.webp) no-repeat;
     background-size: 100% 100%;
     width: 330px;
     transform: scale(1.1);
     height: 330px;
     position: absolute;
     right: -254px;
     top: -19%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .inpcl {
     position: relative;
 }

 .inpcl::before {
     content: '';
     background: url(../images/a8.webp) no-repeat;
     background-size: 100% 100%;
     width: 150px;
     transform: scale(1.1);
     height: 150px;
     position: absolute;
     left: -165px;
     top: 18%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .inpcl::after {
     content: '';
     background: url(../images/32.webp) no-repeat;
     background-size: 100% 100%;
     width: 150px;
     transform: scale(1.1);
     height: 150px;
     position: absolute;
     right: -165px;
     top: 18%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .seo_packages .df_mb h5 {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .dvclr h4 {
     text-align: center;
     font-size: 15px;
     color: var(--twhite);
     margin: 6px 0px !important;
 }

 .dvclr {
     width: 350px;
     margin-left: -30px;
     margin-bottom: 1px;
     padding-bottom: 1px;
 }

 .dred {
     background: #FF3849;
 }

 .dyellow {
     background: #fc9818;
 }

 .dpup {
     background: var(--tpup);
 }

 .app_flx {
     display: flex;
     align-items: center;
 }

 .appflx1 {
     display: flex;
     align-items: center;
     background: var(--tgy);
     border-radius: 100px;
     padding: 10px 30px;
     color: var(--twhite);
     margin-bottom: 20px;
     margin-right: 5px;
     transition: 0.5s;
 }

 .appflx1:hover {
     background: var(--tgb);
 }

 .appflx1 h3 {
     font-size: 16px;
 }

 .appflx1 img {
     width: 40px;
     height: 40px;
     margin-right: 10px;
 }

 .appsec1 img {
     animation: zoom-in-zoom-out 2s ease-out infinite;
 }

 .appsec1 .mysm2::before {
     left: 397px;
     top: -24%;
 }

 .appsec2.hs2_mg::before {
     display: none;
 }

 .appsec2.hs2_mg::after {
     display: none;
 }

 .appsec2 .hs3cl1 img {
     animation: mybn 10s linear infinite;
     width: 537px;
     transition: 0.5s;
 }

 .cnts2 {
     padding-top: 100px;
     padding-bottom: 30px;
 }

 .cnts2 .call_flx {
     display: block;
 }

 .cnts2 .inflx1 {
     margin-top: 0px;
 }

 .cnts2 .clcl1 h2 span {
     color: var(--tpup);
     font-weight: 500;
     font-size: 43px;
 }

 .cnts2 .clcl1 h2 {
     font-size: 49px;
     line-height: 58px;
 }

 .cnt2s img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     transform: scale(1.1);
 }

 .cnt2s {
     position: relative;
 }

 .cnt2s::before {
     content: '';
     background: url(../images/33.webp) no-repeat;
     background-size: 100% 100%;
     width: 330px;
     transform: scale(1.1);
     height: 330px;
     position: absolute;
     right: -254px;
     top: -33%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .cnt2s::after {
     content: '';
     background: url(../images/32.webp) no-repeat;
     background-size: 100% 100%;
     width: 150px;
     transform: scale(1.1);
     height: 150px;
     position: absolute;
     right: -165px;
     top: -13%;
     animation: myabc 0.8s linear infinite;
     z-index: -1;
 }

 .cnts2 .clcl1::before {
     right: 172px;
 }

 .mycntrw {
     align-items: center;
 }

 .cnt_sec3 {
     padding-top: 50px;
     padding-bottom: 30px;
 }

 .cntfrmcll2 h2 {
     color: var(--tpup);
     font-size: 31px;
     line-height: 43px;
     font-weight: 500;
 }

 .cntfrmcll2 p {
     font-size: 16px;
     font-weight: 400;
     color: var(--tblck);
     line-height: 35px;
     font-family: poppins;
 }

 .cntfm1 input {
     background-color: var(--twhite);
     border: 2px solid var(--twhite);
     margin-top: 20px;
     color: var(--tblck);
     font-size: 15px;
     height: 55px;
     width: 97%;
     margin-left: 10px;
     margin-right: 10px;
 }

 .cntfm1 textarea {
     background-color: var(--twhite);
     border: 2px solid var(--twhite);
     margin-top: 20px;
     color: var(--tblck);
     font-size: 15px;
     height: 130px;
     width: 97%;
     margin-left: 10px;
     margin-right: 10px;
     resize: none;
     border-radius: 5px;
     padding-left: 10px;
     padding-top: 10px;
 }

 .cnt_frm {
     background: var(--tgr);
     padding: 20px;
     border-radius: 10px;
 }

 .inflcnt {
     display: flex;
 }

 .cnt_frm button {
     margin-left: auto;
     margin-right: auto;
     display: block;
     margin-top: 10px;
 }

 .cntfm1 input:focus {
     border-color: #FF9A17;
     outline: none;
     box-shadow: none;
 }

 .cntfm1 textarea:focus {
     border-color: #FF9A17;
     outline: none;
     box-shadow: none;
 }

 .cmty {
     align-items: center;
 }

 .mypf_frm {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .ppf input {
     background-color: var(--twhite);
     border: 2px solid var(--twhite);
     margin-top: 12px;
     color: var(--tblck);
     font-size: 15px;
     height: 53px;
     width: 97%;
     margin-left: 10px;
     margin-right: 10px;
 }

 .ppf textarea {
     background-color: var(--twhite);
     border: 2px solid var(--twhite);
     color: var(--tblck);
     font-size: 15px;
     height: 187px;
     ;
     width: 97%;
     margin-left: 10px;
     margin-right: 10px;
     resize: none;
     border-radius: 5px;
     padding-left: 10px;
     padding-top: 10px;
     margin-top: 10px;
 }

 .ppf button {
     margin-left: auto;
     margin-right: auto;
     display: block;
     margin-top: 10px;
 }

 .ppf input:focus {
     border-color: #FF9A17;
     outline: none;
     box-shadow: none;
 }

 .ppf textarea:focus {
     border-color: #FF9A17;
     outline: none;
     box-shadow: none;
 }

 .popup_frm .modal-dialog {
     max-width: 750px;
     background-image: url(../images/pbac.webp);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-position: center;
 }

 .my_popup_frm p {
     font-size: 16px;
     font-weight: 400;
     text-align: center;
     line-height: 32px;
     color: var(--twhite);
 }

 .my_popup_frm h2 {
     text-align: center;
     font-size: 35px;
     font-weight: 600;
     color: var(--twhite);
 }

 .my_popup_frm h2 span {
     color: #FF3849;
 }

 .my_popup_frm .btn_org {
     margin-top: 20px;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .mydropimage img {
     width: 100%;
 }

 .dropdown-menu {
     min-width: 53rem;
 }

 ul#menu-2 {
     display: inherit !important;
 }

 ul#menu-2 li {
     display: inline-block !important;
 }

 ul#menu-2 li {
     display: inline-block !important;
     width: 49%;
     text-align: left;
 }

 .mydropinng img {
     width: 35px;
     height: 35px;
     margin-right: 5px;
 }

 .image_menu {
     background-image: url(../images/mydrbac.webp);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center;
     padding-top: 20px;
     padding-bottom: 20px;
 }

 .dropdown-menu {
     min-width: 53rem;
     left: -118px;
     top: 60px;
     margin: 0;
     border: none;
     border-radius: 0;
     box-shadow: 0 5px 5px #f9f9f940;
     transition: .3s all;
     height: 280px;
 }

 .image_menu .row {
     align-items: center;
     padding-top: 20px;
 }

 .navbar .dropdown ul a {
     justify-content: flex-start
 }

 .main_rev_sec {
     padding-top: 50px;
     padding-bottom: 30px;
 }

 .revhead h2 {
     color: var(--tpup);
     font-size: 40px;
     line-height: 50px;
     font-weight: 400;
     text-align: center;
 }

 .revhead h2 span {
     color: var(--tpup);
     font-weight: 600;
 }

 .myrevmg img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .rev_tabs {
     display: inline-block;
     align-items: center;
     margin-left: 10px;
     margin-right: 10px;
     justify-content: center;
     background: var(--tgy);
     border-radius: 100px;
     width: auto;
     position: relative;
     padding: 10px 20px;
     padding: 30px;
     transition: 0.2 ease-in-out;
 }

 .rev_tabs h3 {
     background-color: transparent;
     color: #fff;
     border-radius: 100px;
     padding: 10px 16px;
     position: absolute;
     left: 8px;
     top: -2px;
     width: 50px;
     height: 45px;
 }

 .myalltabs .slick-current .rev_tabs h3 {
     background-color: #fff;
     color: #000;
     position: initial;
     left: -31px;
 }

 .myalltabs .slick-current .rev_tabs {
     display: flex;
     padding: 0px;
     width: 222px;
 }

 .myalltabs .slick-current .rev_tabs h4 {
     display: block;
 }

 .rev_tabs h4 {
     color: var(--twhite);
     text-align: left;
     font-size: 17px;
     padding-left: 8px;
     width: 171px;
     display: none;
 }

 .revcont {
     margin-top: 70px;
     align-items: center;
 }

 .revdf {
     display: flex;
     align-items: center;
 }

 .revdf1 h3 {
     background-color: #3F3278;
     color: var(--twhite);
     border-radius: 100px;
     width: 55px;
     height: 55px;
     padding: 8px 13px;
     margin-right: 10px;
     font-size: 35px;
 }

 .revdf2 h2 {
     color: var(--twhite);
     font-size: 25px;
 }

 .revdf2 img {
     width: 115px;
     height: 20px;
     margin-right: auto;
     display: block;
 }

 .revcont p {
     font-size: 16px;
     line-height: 30px;
     color: var(--twhite);
     padding-top: 15px;
 }

 .myrevboxes {
     background: var(--tgr);
     padding: 30px;
     border-radius: 15px;
 }

 .myalltabs {
     margin-top: 30px;
 }

 .myalltabs .slick-slide {
     width: 100px !important;
 }

 .myalltabs .slick-current {
     width: 230px !important;
 }

 .revhead {
     justify-content: center;
     margin-left: auto;
     margin-right: auto;
 }

 .myalltabs.slick-initialized.slick-slider {
     width: 636px !important;
     justify-content: center;
     margin-left: auto;
     margin-right: auto;
 }

 .mypes {
     padding-top: 30px;
     padding-bottom: 50px;
 }

 .mydgs img {
     width: 40%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     margin-top: -30px;
 }

 .stmg img {
     width: 75%;
 }

 .pkgsds .mybig_head h2 {
     margin-left: -81px;
 }

 .ex_page #header {
     background-color: #1D0052;
 }

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

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

 .inflx1 h5 a:hover {
     color: #ff901c;
 }

 .inflx1 h5 a:hover {
     color: #ff901c;
 }

 .dvclr h4 {
     margin: -1px 0px !important;
     padding-bottom: 10px;
 }

 .webdev .mysm2::before {
     left: 404px;
     top: -26%;
 }

 .appflx1 {
     width: 55%;
 }