@import url("../css2.css");

@import url("../css2-1.css");

.p0 { padding: 0px !important; }

a, button, h1, h2, h3, h4, h5, h6, li, p, span { font-family: Poppins, sans-serif; margin: 0px; }

body { overflow-x: hidden; }

.form-btn-st:focus, a:focus, a:hover, button:focus, button:hover { outline: 0px; text-decoration: none !important; }

section { float: left; width: 100%; }

.tp-hd-call ul { padding: 0px; list-style: none; display: flex; align-items: center; justify-content: flex-end; margin: 0px; }

.tp-hd-call ul li a { color: rgb(255, 255, 255); font-size: 15px; padding-left: 25px; }

.tp-hd-mrq { max-width: 650px; }

.tp-hd-mrq p span { font-weight: 500; color: rgb(122, 179, 229); }

.tp-hd-mrq p { font-size: 13px; color: rgb(255, 255, 255); }

.top-header { padding: 10px 0px; background: linear-gradient(45deg, rgb(249, 69, 90), rgb(177, 69, 126), rgb(60, 167, 200), rgb(82, 117, 170)); color: rgb(255, 255, 255); }

.top-header .row { display: flex; align-items: center; }

.header-top { display: block; background: rgb(0, 39, 63); text-align: right; }

.hd-top-main-nv ul { padding: 0px; display: flex; align-items: center; justify-content: center; list-style: none; margin: 0px; }

.hd-top-main-nv ul li { margin: 0px 20px; }

.hd-top-main-nv ul li.active a { color: rgb(236, 55, 111); }

.hd-top-main-nv ul li a { color: rgb(255, 255, 255); font-size: 15px; font-weight: 500; }

.head_top.dekstop-nav { background: rgb(0, 0, 0); padding: 12px 0px; }

.head_top.dekstop-nav .col-sm-12 { display: flex; align-items: center; }

.hd-top-main-nv { padding: 12px 0px; background: rgb(0, 0, 0); }

.hd-list-nav li .hd-gt-strt { padding: 10px 25px; background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); border-radius: 21px 30px 4px 21px; font-size: 13px; font-weight: 700; margin-right: 20px; text-transform: capitalize; color: rgb(255, 255, 255); }

.hd-list-nav li a:hover { color: rgb(230, 89, 121); }

.hd-top-main-nv ul li a:hover { color: rgb(248, 93, 86); }

.header-top ul { padding: 0px; margin: 0px; }

.header-top ul li { display: inline-block; padding: 10px 15px; }

.header-top ul li a { font-size: 15px; color: rgb(255, 255, 255); }

.navbar-right a.yellow_btn_m { margin: 0px 15px; position: relative; padding: 12px 19px 12px 45px !important; }

.navbar-right a.yellow_btn_m::before { content: ""; background-image: url(""); position: absolute; height: 32px; width: 28px; left: 12px; top: 0px; bottom: 0px; margin: auto; }

.mobile-top { display: none; }

.hd-list-nav ul { list-style: none; display: flex; align-items: center; justify-content: flex-end; padding: 0px; margin: 0px; }

.hd-list-nav ul { width: 50%; }

.hd-list-nav li a { margin: 0px 8px; color: rgb(255, 255, 255); font-weight: 500; font-size: 15px; }

.header-top ul li a i { margin: 0px 3px 0px 0px; font-size: 18px; }

.head_top { z-index: 9; position: relative; left: 0px; right: 0px; padding: 0px; }

.head_top .navbar .navbar-header a.navbar-brand { font-weight: 700; color: rgb(0, 39, 63); font-size: 26px;}

.head_top .navbar-right { padding-top: 25px; }

.head_top .navbar.navbar-defult { margin-bottom: 0px; }

.head_top .navbar.navbar-defult ul li a:focus, .head_top .navbar.navbar-defult ul li a:hover, .head_top .navbar.navbar-defult ul li.active a { background: 0px 0px; color: rgb(246, 89, 88); }

.head_top .navbar.navbar-defult ul li a { color: rgb(255, 255, 255); opacity: 1; font-size: 13px; font-family: Poppins, sans-serif; text-transform: uppercase; padding: 10px 12px; font-weight: 700; }

.head_top .navbar.navbar-defult ul li a.btn-org { border-radius: 50px; padding: 12px 27px; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(58, 176, 206), rgb(27, 201, 187)); font-size: 13px; font-weight: 700; }

.head_top .dropdown-menu > li > a { position: relative; margin: 0px 0px 10px; font-weight: 500; border-left: 4px solid rgb(0, 39, 63); }

.head_top ul.dropdown-menu { padding: 20px 0px 15px; border: none; left: 0px; right: 0px; width: 250px; }

.logo { width: 250px; margin: 0px; }

.head_top .dropdown-menu > .active > a, .head_top .dropdown-menu > .active > a:focus, .head_top .dropdown-menu > .active > a:hover { text-decoration: none; background-color: transparent; outline: 0px; border-left: 4px solid rgb(252, 82, 22); color: rgb(252, 82, 22) !important; }

.head_top .dropdown-menu > li > a:hover::before { color: rgb(252, 82, 22); }

.head_top .open > a, .head_top .open > a:focus, .head_top .open > a:hover { background-color: transparent !important; border-color: transparent !important; color: rgb(252, 82, 22) !important; }

.hd-list-nav { display: flex; align-items: center; justify-content: center; }

.main-banner .row { display: flex; align-items: center; justify-content: center; height: 100%; }

.bnr-text h5 { color: rgb(255, 255, 255); font-size: 14px; }

.bnr-text h1 span { color: rgb(247, 78, 88); }

.bnr-text h1 .bnr-spn-clr { color: rgb(231, 67, 113); }

.bnr-text h1 { font-size: 35px; font-weight: 700; color: rgb(66, 155, 193); line-height: 45px; padding: 10px 0px 28px; }

.bnr-text h4 { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; padding-bottom: 25px; }

.bnr-text ul { padding: 0px; list-style: none; }

.bnr-text ul i { color: rgb(189, 30, 81); }

.bnr-text ul li { font-size: 15px; line-height: 30px; color: rgb(255, 255, 255); font-weight: 400; }

.get-strtd { border-radius: 21px 30px 4px 21px; background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); padding: 8px 15px; font-size: 15px; color: rgb(255, 255, 255); margin-right: 15px; border: 1px solid rgb(117, 214, 224); transition: all 0.3s ease-in-out 0s; }

.live-cht { color: rgb(255, 255, 255); font-size: 15px; }

.bnr-btn { float: left; clear: both; width: 100%; margin: 20px 0px 30px; }

.bnr-text h6 { clear: both; color: rgb(186, 185, 185); font-size: 13px; border-top: 1px solid rgb(241, 241, 241); padding-top: 20px; }

.bnr-img-st { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(100, 233, 240), rgb(228, 83, 112)); text-align: center; margin: 0px auto; border-radius: 0px 0px 46px 102px; overflow: hidden; }

.bnr-img-st img { width: auto; position: relative; top: 0px; }

.bnr-cl-logo { position: absolute; cursor: pointer; }

.bnr-cl-logo-1 { top: 30px; left: 100px; }

.bnr-cl-logo-2 { top: 165px; left: -70px; transition: all 0.8s ease-in-out 0s; width: 100px; }

.bnr-cl-logo-3 { bottom: 140px; left: -50px; transition: all 0.8s ease-in-out 0s; display: none; }

.bnr-cl-logo-4 { top: 200px; right: -40px; transition: all 0.8s ease-in-out 0s; }

.bnr-cl-logo-5 { bottom: 35px; right: 45px; transition: all 0.8s ease-in-out 0s; }

.bnr-cl-logo-7 { top: 200px; bottom: 0px; margin: auto; left: -105px; }

.bnr-cl-logo-6 { top: 30px; right: 100px; }

.bnr-cl-logo-2:hover, .bnr-cl-logo-3:hover, .bnr-cl-logo-4:hover, .bnr-cl-logo-5:hover { transform: scale(1.3); transition: all 0.8s ease-in-out 0s; }

.bnr-cl-logo-4 { width: 18%; right: -40px; display: none; }

.logo-side-txt h2 { font-size: 35px; font-weight: 700; color: rgb(255, 255, 255); }

.logo-side-txt span { font-size: 20px; display: block; font-weight: 500; }

.banner-logo .row { display: flex; align-items: center; }

.banner-logo { padding: 45px 0px; }

.logo-side-img img { width: 98%; margin: 0px auto; display: table; }

.logo-side-img ul { padding: 0px; list-style: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.logo-side-txt { position: relative; }

.logo-side-txt::before { content: ""; background: rgb(236, 230, 235); position: absolute; right: -15px; top: 0px; bottom: 0px; margin: auto; width: 2px; height: 100px; }

.what-tab-sec { padding: 50px 0px; position: relative; }

.what-tab-sec .hd-txt { text-align: center; }

.what-icon-1 { position: absolute; top: 160px; left: 210px; z-index: -1; }

.what-icon-2 { position: absolute; left: 430px; bottom: 80px; z-index: -1; }

.what-icon-3 { position: absolute; top: 220px; right: 500px; z-index: -1; }

.what-icon-4 { position: absolute; right: 70px; bottom: 50px; z-index: -1; }

.what-tab-st { padding-top: 40px; padding-bottom: 35px; }

.what-tab-st li a { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.what-tab-st li { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 40px 0px; border-radius: 10px; width: 18%; margin: 0px 10px; padding: 10px 0px; background: rgb(255, 255, 255); }

.what-tab-st li a { font-size: 20px; font-weight: 400; color: rgb(0, 0, 0); text-align: center; background: 0px 0px !important; }

.what-tab-st li.active a { border: 0px; }

.what-tab-st li a, .what-tab-st li a:hover { border: 0px !important; }

.what-tab-st li:hover a { background: 0px 0px; }

.what-tab-st ul { border: 0px; }

.what-tab-st li.active, .what-tab-st li:hover { background: linear-gradient(45deg, rgb(128, 50, 179), rgb(236, 78, 106)); }

.what-tab-st li.active a, .what-tab-st li.active a:focus, .what-tab-st li.active a:hover, .what-tab-st li:hover a { color: rgb(255, 255, 255); }

.what-tab-st li.active p { font-size: 20px; font-weight: 500; }

.what-tab-inr-img img { width: 100%; transition: all 0.3s ease-in-out 0s; }

.what-tab-txt h2 { color: rgb(189, 30, 81); font-weight: 700; }

.what-tab-txt h4 { font-size: 18px; font-weight: 700; padding: 20px 0px; }

.what-tab-txt p { color: rgb(255, 255, 255); font-size: 16px; line-height: 26px; }

.what-tab-txt .bnr-btn { margin: 35px 0px 0px; }

.what-tab-main-div { display: flex; align-items: center; justify-content: center; }

.what-tab-inr-img { position: relative; }

.what-tab-inr-img::before { content: ""; background: url("../images/what-tab-img-bf.webp") center center / 70% no-repeat; width: 312px; height: 411px; position: absolute; bottom: 5px; right: -120px; z-index: -1; }

.what-img-st1 { position: absolute; left: 0px; }

.what-tab-inr-img:hover .hvr-img-st-wht { transform: scale(1.1); }

.logo-inner-u-txt ul { list-style: none; padding: 0px; display: flex; align-items: center; }

.logo-inner-u-txt { padding-left: 75px; position: relative; width: 800px; transition: all 0.5s ease 0s; }

.logo-inner-u-txt h3 { font-weight: 600; font-size: 24px; color: rgb(255, 255, 255); padding-bottom: 10px; }

.logo-new-inner-div { position: relative; }

p.cncl-btn { position: absolute; right: 10px; top: -33px; color: rgb(40, 190, 254); font-weight: 700; font-size: 20px; cursor: pointer; }

p.cncl-btn::before { top: 0px; left: 0px; background: rgb(0, 0, 0); width: 100%; height: 2px; }

.logo-inner-u-txt::before { content: ""; position: absolute; left: -30px; height: 2px; width: 100%; background: rgb(40, 190, 254); top: -19px; z-index: 0; }

.unique-logo-sec { padding: 50px 0px; background: rgb(0, 0, 0); position: relative; overflow: hidden; z-index: 1; }

.unique-logo-sec::before { content: ""; background: url("../images/logo-types-bf.webp") right top / cover no-repeat; width: 317px; height: 287px; position: absolute; left: 0px; top: 0px; z-index: -1; }

.unique-logo-sec::after { content: ""; background: url("../images/logo-types-af.webp") right top / cover no-repeat; width: 388px; height: 399px; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; z-index: -1; }

.uniq-logo-bx { background: rgb(102, 51, 153); height: 100%; width: 100%; min-height: 500px; position: relative; transform: translate(0px, 0px); transition-duration: 1s; }

.uniq-logo-bx-co-div { transition-duration: 1s; transform: translateX(10px); position: relative; z-index: 1; }

.uniq-logo-bx-co-div.asd { transition-duration: 1s; transform: translateX(0px); }

.uniq-logo-bx:hover { transform: translate(0px, -10px); }

.logo-new-innercol, .logo-new-innercol h2 { display: none; }

.lg-bx-unq-1 { background: linear-gradient(rgb(91, 234, 255) 0px, rgb(79, 177, 255) 100%); }

.lg-bx-unq-2 { background: linear-gradient(rgb(88, 147, 255) 0px, rgb(89, 108, 255) 100%); }

.lg-bx-unq-3 { background: linear-gradient(rgb(174, 220, 255) 0px, rgb(90, 135, 255) 100%); }

.lg-bx-unq-4 { background: linear-gradient(rgb(255, 172, 71) 0px, rgb(255, 66, 141) 100%); }

.lg-bx-unq-5 { background: linear-gradient(rgb(45, 227, 190) 0px, rgb(51, 155, 146) 100%); }

.lg-bx-unq-6 { background: linear-gradient(rgb(255, 213, 70) 0px, rgb(255, 152, 76) 100%); }

.uniq-logo-bx h3 { transform: rotate(-90deg); text-shadow: rgba(0, 0, 0, 0.16) 3.694px 4.728px 6px; color: rgb(255, 255, 255); font-weight: 700; position: absolute; bottom: 160px; width: 290px; left: -60px; right: 0px; }

.uniq-logo-bx img { margin: 0px auto; display: table; }

.unique-logo-sec .hd-txt { text-align: center; }

.uniq-lg-ul ul { list-style: none; padding: 0px; display: inline-flex; align-items: center; }

li.uniq-logo-div-li { display: inline-flex; height: 100%; position: relative; }

li.uniq-logo-div-li .uniq-lg-1 { width: 8%; position: relative; display: flex; align-items: center; flex-direction: column-reverse; }

li.uniq-logo-div-li .uniq-lg-details { width: 100%; }

.uniq-lg-1 h3 { position: absolute; width: 275px; transform: rotate(270deg); margin: auto; height: 45px; bottom: 0px; top: 0px; padding-top: 10px; padding-left: 20px; }

.uniq-lg-ul ul { list-style: none; padding: 0px; display: inline-flex; align-items: center; min-height: 190px; }

li.uniq-logo-div-li { display: inline-flex; height: 100%; position: relative; transition: all 0.5s ease 0s; }

li.uniq-logo-div-li .uniq-lg-1 { width: 8%; position: relative; text-align: center; display: flex; align-items: center; flex-direction: column-reverse; background: linear-gradient(rgb(92, 240, 255), rgb(81, 189, 255)); padding-bottom: 0px; }

li.uniq-logo-div-li .uniq-lg-details { width: 68px; padding: 20px 0px; overflow: hidden; transition: all 1.5s ease 0s; }

.logo-inner-u-txt p { padding-right: 20px; min-height: 60px; color: rgb(255, 255, 255); }

.uniq-lg-1 h3 { position: absolute; width: 275px; transform: rotate(270deg); margin: auto; height: 45px; bottom: 0px; top: 0px; padding-top: 0px; padding-left: 20px; color: rgb(255, 255, 255); font-weight: 700; line-height: 1.96; text-shadow: rgba(0, 0, 0, 0.16) 3.694px 4.728px 6px; }

.uniq-lg-ul ul img { width: 100%; }

.logo-inner-u-txt::before { display: none; }

li.uniq-logo-div-li.uniq-logo-div-li-1 .uniq-lg-details { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

li.uniq-logo-div-li.uniq-logo-div-li-2 .uniq-lg-details { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

li.uniq-logo-div-li.uniq-logo-div-li-3 .uniq-lg-details { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

li.uniq-logo-div-li.uniq-logo-div-li-4 .uniq-lg-details { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

li.uniq-logo-div-li.uniq-logo-div-li-5 .uniq-lg-details { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

li.uniq-logo-div-li.uniq-logo-div-li-6 .uniq-lg-details { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

li.uniq-logo-div-li:hover .uniq-lg-details { width: 800px; }

.uniq-lg-details h4 { transform: rotate(270deg); text-align: left; position: absolute; right: 0px; bottom: 190px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; width: 260px; left: -95px; text-shadow: rgba(0, 0, 0, 0.16) 3.694px 4.728px 6px; text-transform: uppercase; }

img.uniq-l-dtl { position: absolute; bottom: 10px; left: 10px; width: auto !important; }

li.uniq-logo-div-li.uniq-logo-div-li-1.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-2.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-3.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-4.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-5.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-6.active .uniq-lg-details { width: 800px; }

.uniq-lg-details .bnr-btn .live-cht { color: rgb(255, 255, 255); }

.uniq-lg-details .bnr-btn { padding-top: 0px; }

.hd-txt h2 { color: rgb(255, 255, 255); font-size: 35px; font-weight: 700; }

.hd-txt h4 { color: rgb(255, 255, 255); font-weight: 700; padding: 14px 0px; }

.hd-txt p { color: rgb(255, 255, 255); font-size: 16px; width: 80%; margin: 0px auto; }

.hd-txt { padding-bottom: 55px; }

.port-img img { width: 100%; overflow: hidden; }

.port-img { overflow: hidden; margin-top: 20px; }

.port-img a { position: relative; }

.port-img .port-logo-inr-img1 { position: absolute; left: 28px; bottom: 0px; top: 5px; margin: auto; width: 50%; transition-duration: 1s; }

.port-img:hover .port-logo-inr-img1 { transform: scale(1.2); transition-duration: 1s; }

.port-img:hover .logo-inr-img2 { transform: scale(1.1); transition-duration: 1s; }

.port-img:hover .logo-inr-img3 { transform: scale(1.1); transition-duration: 1s; }

.port-img:hover .logo-inr-img6 { transform: scale(1.1); transition-duration: 1s; }

.port-logo-inr-img1.logo-inr-img2 { width: 44%; inset: -70px 0px 0px; }

.port-logo-inr-img1.logo-inr-img3 { width: 70%; right: 0px; left: 0px; top: -22px; }

.port-logo-inr-img1.logo-inr-img4 { width: 43%; right: 32px; left: inherit; top: 16px; }

.port-logo-inr-img1.logo-inr-img5 { width: 30%; right: 22px; top: 0px; }

.port-logo-inr-img1.logo-inr-img6 { width: 68%; margin: auto; left: 22px; top: 43px; }

.port-logo-inr-img1.logo-inr-img7 { top: 78px; width: 56%; left: 11px; }

.port-logo-inr-img1.logo-inr-img8 { width: 36%; top: 80px; left: 35px; }

.port-logo-inr-img1.logo-inr-img9 { width: 37%; top: 21px; left: 105px; }

.port-logo-inr-img1.brnd-inr-img1 { width: 27%; top: -138px; left: 77px; }

.port-logo-inr-img1.brnd-inr-img2 { width: 44%; inset: 47px 0px 0px 26px; }

.port-logo-inr-img1.brnd-inr-img3 { width: 25%; right: 3px; top: -66px; }

.port-logo-inr-img1.brnd-inr-img5 { width: 27%; top: -78px; left: 37px; }

.port-logo-inr-img1.brnd-inr-img6 { width: 73%; top: 81px; left: 39px; }

.port-logo-inr-img1.brnd-inr-img7 { left: inherit; right: 22px; top: -40px; width: 26%; }

.port-logo-inr-img1.brnd-inr-img8 { left: inherit; right: 37px; top: 59px; width: 40%; }

.port-logo-inr-img1.brnd-inr-img9 { top: 75px; width: 45%; right: 36px; left: inherit; }

.port-img.port-web-img-st { padding: 50px 38px 20px; transition: all 0.3s ease-in-out 0s; text-align: center; margin-bottom: 0px; }

.port-img .port-web-st { width: 53%; height: 325px; position: absolute; padding: 0px 20px; margin: 0px 20px; left: 0px; transition: all 0.3s ease-in-out 0s; z-index: -1; box-shadow: rgba(65, 163, 233, 0.55) 2px 2px 15px 3px; }

.port-img.port-web-img-st a img { width: 80%; transition: all 0.3s ease-in-out 0s; box-shadow: rgba(58, 58, 58, 0.09) 2px 2px 17px 1px; position: relative; top: -30px; }

.port-img .port-web-st.port-web-th-img2 { right: 0px; left: inherit; }

.port-img.port-web-img-st:hover img.port-web-st.port-web-th-img1 { transform: rotate(-12deg); width: 73%; position: absolute; left: 0px; }

.port-img.port-web-img-st:hover img.port-web-st.port-web-th-img2 { transform: rotate(11deg); right: 0px; left: inherit; }

.port-img.port-web-img-st:hover a img { transform: scale(1.1); transition: all 0.3s ease-in-out 0s; }

.port-img.port-web-img-st img { border-radius: 20px; }

.portfolio .hd-txt { text-align: center; }

.port-nav-tb.port-nv-tb-inner li a { border-radius: 0px; border-bottom: 1px solid transparent !important; }

.port-nav-tb.port-nv-tb-inner .active a, .port-nav-tb.port-nv-tb-inner li.active a:focus, .port-nav-tb.port-nv-tb-inner li.active a:hover, .port-nav-tb.port-nv-tb-inner li:hover a { background: 0px 0px; color: rgb(0, 0, 0) !important; border-bottom: 1px solid rgb(41, 137, 236) !important; }

.port-nav-tb ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; padding: 0px; border: 0px; }

.port-nav-tb li.active a, .port-nav-tb li.active a:focus, .port-nav-tb li.active a:hover, .port-nav-tb li:hover a { color: rgb(255, 255, 255); background: linear-gradient(45deg, rgb(128, 50, 179), rgb(236, 78, 106)); transition-duration: 0.6s; }

.port-nav-tb li a { border-radius: 5px; font-size: 16px; color: rgb(255, 255, 255); font-weight: 500; transition: all 0.3s ease-in-out 0s; border: 0px !important; }

.port-nav-tb li { margin: 0px 10px; }

.portfolio-sec { padding: 50px 0px; }

.portfolio-sec .hd-txt { text-align: center; }

.portfolio-sec .hd-txt p { padding: 20px 0px; }

.port-nav-tb { padding-bottom: 35px; }

.cta-sec { background: linear-gradient(45deg, rgb(212, 74, 130), rgb(186, 61, 160), rgb(129, 167, 222), rgb(184, 66, 163)); padding: 30px 0px; height: 350px; display: flex; align-items: center; margin: 70px 0px; }

.cta-img-st img { width: 100%; transition-duration: 1s; }

.cta-txt .bnr-btn { display: flex; align-items: center; }

.cta-txt .bnr-btn div { display: flex; flex-direction: column; }

.cta-sec .row .col-sm-12 { display: flex; align-items: center; justify-content: center; }

.cta-txt h2 { color: rgb(255, 255, 255); font-size: 35px; font-weight: 700; }

.cta-txt p { padding: 25px 0px; font-size: 15px; color: rgb(255, 255, 255); }

.tel-btn-st { font-size: 16px; color: rgb(255, 255, 255); }

section.pricing-sec { padding: 50px 0px 35px; }

.pricing-custom { padding: 50px 70px 30px 30px; border-radius: 14px; background: linear-gradient(45deg, rgb(128, 50, 179), rgb(236, 78, 106)); }

.pricing-custom h4 { font-size: 20px; color: rgb(255, 255, 255); font-weight: 500; margin: 0px 0px 15px; }

section.pricing-sec .tab-content .pri-text { padding-left: 20px; }

.pricing-custom h2 { font-size: 36px; color: rgb(255, 255, 255); font-weight: 700; margin: 0px 0px 25px; }

.pricing-custom p { font-size: 13px; font-weight: 400; color: rgb(255, 255, 255); margin-bottom: 50px; }

.price-box { text-align: end; margin-right: -45px; }

.pric-img { text-align: center; }

.pri-text h4 { font-size: 20px; font-weight: 500; color: rgb(255, 255, 255); margin: 0px 0px 15px; }

.pri-text h2 { font-size: 36px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 10px; }

.price-main { padding: 40px 15px 30px; border-radius: 14px; position: relative; margin: 0px 14px 45px; min-height: 500px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 11px 20px 0px; }

.price-main-box { display: flex; align-items: center; justify-content: space-between; }

.pri-ht-main h3 { margin: 0px 0px 10px; font-size: 25px; font-weight: 600; color: rgb(27, 27, 27); }

.pri-ht-main p { font-size: 16px; font-weight: 500; color: rgb(27, 27, 27); margin: 0px 0px 35px; }

.price-rupee-main h3 { margin: 0px 0px 10px; font-size: 32px; font-weight: 600; color: rgb(73, 11, 61); }

.price-rupee-main p { font-size: 16px; font-weight: 400; color: rgb(27, 27, 27); margin: 0px 0px 40px; text-align: end; }

.pric-list ul { padding: 0px; }

.pric-list ul li { list-style: none; font-size: 15px; font-weight: 500; line-height: 22px; color: rgb(0, 0, 0); margin-bottom: 20px; }

.price-btn a.pri-btn { font-size: 13px; color: rgb(255, 255, 255); font-weight: 400; background: rgb(236, 96, 99); padding: 12px 15px; border-radius: 50px; }

.price-btn { text-align: center; margin-top: 40px; }

.price-btn img { margin-left: 10px; display: inline-block; filter: brightness(100); }

.price-main:hover { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(100, 233, 240), rgb(228, 83, 112)); border-radius: 14px; }

.price-slider-st .slick-slide { padding: 0px 0px 40px; }

.price-main::before { content: ""; height: 100%; width: 100%; position: absolute; z-index: -1; left: 10px; top: 18px; border-radius: 14px; bottom: 0px; border: 1px dashed rgb(147, 147, 147); }

.price-main:hover h3 { color: rgb(255, 255, 255); }

.price-main:hover p { color: rgb(255, 255, 255); }

.price-main:hover li { color: rgb(255, 255, 255); }

.price-main:hover a.pri-btn { background-color: rgb(255, 255, 255); color: rgb(73, 11, 61); font-weight: 600; }

.price-main ul { overflow: hidden scroll; height: 292px; }

.price-main ul::-webkit-scrollbar { width: 8px; }

.price-main ul::-webkit-scrollbar-track { box-shadow: grey 0px 0px 5px inset; border-radius: 10px; }

.price-main ul::-webkit-scrollbar-thumb { background: linear-gradient(45deg, rgb(128, 50, 179), rgb(236, 78, 106)); border-radius: 10px; }

.price-main:hover ul::-webkit-scrollbar-thumb { background-color: rgb(255, 255, 255); }

.pric-bottom { padding-bottom: 30px; }

.price-slider .slick-next::before {content: "\f18e";font: 400 35px / 1 FontAwesome;opacity: 0.75;color: #ffffff;right: 30px;}

.price-main:hover a.pri-btn img { filter: none; }

.price-box .ser-btn { background: rgb(255, 255, 255); padding: 12px 15px; border-radius: 50px; }

.price-box .ser-btn img { margin-left: 10px; }

.price-combo-pck { padding: 50px 0px; background: url("") center bottom / cover no-repeat; }

.price-cmb-bx { border-radius: 10px; background: rgba(242, 242, 242, 0); padding-top: 40px; }

.cmb-txt-hd { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); color: rgb(255, 255, 255); padding: 16px 20px; position: relative; border-radius: 0px; }

.cmb-txt-para { background: rgb(18, 37, 64); color: rgb(255, 255, 255); padding: 15px 20px; }

.cmb-list-st { display: flex; padding-bottom: 25px; border-radius: 0px 0px 30px 30px; box-shadow: rgb(209, 59, 93) 6px 2px 28px 4px; background: rgb(242, 242, 242); }

.cmb-list-st ul li { color: rgb(67, 66, 66); line-height: 25px; }

.cmb-list-st ul h4 { color: rgb(8, 7, 7); font-size: 18px; padding: 10px 0px; }

.cmb-list-st ul h5 { color: rgb(255, 255, 255); padding: 20px 0px; font-size: 14px; }

ul.cmb-ul-st-1, ul.cmb-ul-st-2 { width: 37%; padding-top: 15px; }

.cmb-list-st ul h5 span { background: rgb(224, 18, 22); padding: 6px 9px; font-size: 20px; }

.cmb-list-st ul { list-style: none; padding-left: 25px; margin: 0px; }

.cmb-list-st ul li { padding-left: 15px; }

.cmb-list-st ul h4 i { margin-right: 5px; color: rgb(73, 11, 61); }

.cmb-list-st ul li i { color: rgb(73, 11, 61); margin-right: 5px; }

ul.cmb-ul-st-3 { text-align: right; }

ul.cmb-ul-st-3 img { width: 100%; margin: 0px auto; display: table; text-align: center; position: relative; top: -118px; }

.price-cmb-st { padding-right: 35px; margin-top: -30px; }

.price-cmb-st h3 { color: rgb(0, 0, 0); font-size: 25px; font-weight: 700; }

.price-cmb-st p { font-size: 14px; color: rgb(0, 0, 0); }

.price-cmb-st h2 { font-size: 50px; font-weight: 700; color: rgb(225, 81, 117); padding-top: 7px; }

ul.cmb-ul-st-3 .price-cmb-st h5 { font-size: 14px; text-transform: uppercase; color: rgb(254, 254, 23); padding: 0px; margin-bottom: 30px; }

.cmb-ul-st-3 a { margin: 0px; }

.ordr-btn { padding: 10px 25px; background: rgb(255, 255, 255); color: rgb(83, 7, 7); font-size: 16px; font-weight: 700; margin-right: 20px; border-radius: 60px; text-transform: capitalize; }

.cmb-txt-hd::before { content: ""; background: rgb(242, 242, 242); position: absolute; right: 0px; bottom: 0px; top: 0px; width: 155px; }

.special-form { padding: 55px 0px; background: black; }

.sp-form-txt h2 { color: rgb(221, 79, 121); font-size: 53px; padding: 3px 0px 30px; font-weight: 700; }

.sp-form-txt h4 { color: rgb(255, 255, 255); font-weight: 600; font-size: 28px; }

.sp-form-txt p { font-size: 16px; color: rgb(255, 255, 255); }

.special-form .ftr-form-st .feildDv input { width: 100%; background: rgb(255, 255, 255); border: 0px; padding: 20px 15px; border-radius: 5px; font-size: 15px; margin-bottom: 13px; height: 62px; }

.special-form .ftr-form-st .feildDv textarea { width: 100%; background: rgb(231, 229, 229); border: 0px; padding: 20px 15px; border-radius: 5px; margin-bottom: 10px; resize: none; font-size: 15px; height: 62px; min-height: auto; }

.form-btn-div-st2 button { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); border: 0px; font-size: 17px; color: rgb(255, 255, 255); font-weight: 500; padding: 12px 40px; border-radius: 5px; }

.form-btn-div-st2 { text-align: right; }

.special-form .ftr-form-st .feildDv input:focus { outline: 0px; }

.special-form .ftr-form-st .feildDv input::placeholder, .special-form .ftr-form-st .feildDv textarea::placeholder { color: rgb(193, 193, 193); font-size: 16px; font-weight: 400; }

.form-btn-div-st2 button:hover { background: rgb(189, 30, 81); }

.testimonial-sec { padding: 50px 0px 0px; }

.testimonial-sec .hd-txt p { text-align: left; padding-top: 25px; width: 100%; }

.testi-box { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); color: rgb(255, 255, 255); margin: 0px 10px; padding: 60px 15px 25px; border-radius: 8px; display: flex; flex-direction: row-reverse; position: relative; z-index: 1; }

.testi-box::before { content: ""; background: url("../images/testi-quote.webp") center center / cover no-repeat; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 63px; height: 54px; z-index: -1; margin: auto; }

.testi-txt p { font-size: 14px; min-height: 160px; }

.testi-img { margin-top: 0px; position: absolute; top: -70px; }

.testi-slider .slick-list.draggable { padding: 70px 0px; }

.testi-txt h4, .testi-vide-box h4 { font-size: 20px; padding: 15px 0px 5px; font-weight: 700; color: rgb(255, 255, 255); }

.testi-vide-box h4 { padding: 10px 0px; text-align: center; }

.testi-txt h5 { font-size: 15px; font-weight: 400; }

.testi-slider .slick-next, .testi-slider .slick-prev { top: -20px; right: 0px; left: inherit; }

.testi-slider .slick-prev::before { content: ""; background: url("../images/testi-right-arrow.webp") center center / cover no-repeat; width: 42px; height: 43px; position: absolute; top: 0px; opacity: 1; }

.testi-slider .slick-next::before { content: ""; background: url("../images/testi-left-arrow.webp") center center / cover no-repeat; width: 42px; height: 43px; position: absolute; top: 0px; opacity: 1; }

.testi-slider .slick-next { right: 60px; }

.testi-slider .slick-slide ~ .testi-slider .slick-slide .testi-box { background: red; }

.testi-slider .slick-slide + .slick-slide .testi-box { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

.testi-slider .slick-slide + .slick-slide + .slick-slide .testi-box { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); }

.testimonial-sec .hd-txt { text-align: center; padding-bottom: 35px; }

.testimonial-sec .hd-txt p { text-align: center; }

.footer-sec { padding: 50px 0px 20px; background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); position: relative; }

.footer-sec .ftr-ul-st { display: flex; align-items: flex-start; }

.footer-sec .ftr-ul-st ul { width: 25%; padding: 0px 20px; list-style: none; margin: 0px; }

.footer-sec .ftr-ul-st ul li { line-height: 25px; }

.footer-sec .ftr-ul-st h3 { padding-bottom: 10px; color: rgb(255, 255, 255); font-size: 23px; font-weight: 700; display: flex; }

.ftr-img { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 20px; }

img.ftr-pay { padding-top: 20px; }

.ftr-bx p { color: rgb(255, 255, 255); font-size: 16px; }

.footer-sec .ftr-ul-st ul li, .footer-sec .ftr-ul-st ul li a { color: rgb(255, 255, 255); font-size: 16px; margin-right: 5px; }

.ftr-reserved { display: flex; justify-content: center; align-items: center; padding-top: 20px; margin-top: 0px; }

.ftr-reserved p { color: rgb(255, 255, 255); padding-top: 10px; }

.ftr-reserved a { color: rgb(255, 255, 255); }

.serv-bnr .bnr-img-st { height: 660px; position: relative; z-index: 1; overflow: visible; }

.bnr-img-st .logo-bnr-1 { position: absolute; left: -125px; top: inherit; bottom: 0px; z-index: -1; }

.bnr-img-st .logo-bnr-2 { position: absolute; transition-duration: 1s; bottom: 0px; right: -60px; top: inherit; z-index: -1; transform: scale(1); }

.logo-bnr-sec .bnr-img-st:hover .logo-bnr-2 { transform: scale(1.2); bottom: 47px; transition-duration: 1s; }

.logo-inner-sec { padding: 50px 0px; }

.logo-inner-txt.hd-txt p { width: 100%; padding-top: 30px; }

.logo-inner-txt.hd-txt h2 { font-size: 34px; }

.logo-inner-txt.hd-txt { padding-bottom: 15px; }

.logo-inner-sec .row { display: flex; align-items: center; }

.logo-inner-img img { width: 100%; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 59px 0px; }

.logo-inner-img::before { content: ""; position: absolute; width: 100%; height: 100%; border: 2px dashed rgb(224, 224, 224); inset: 60px 0px 0px 40px; z-index: -1; margin: auto; border-radius: 25px; }

.logo-inner-img { position: relative; }

.main-banner.logo-bnr-sec.serv-bnr { overflow: hidden; }

.bnr-img-st .print-bnr-1 { position: absolute; inset: 0px; z-index: 1; transform: scale(1); transition-duration: 1s; margin: auto; filter: drop-shadow(rgb(34, 34, 34) 5px 5px 5px); }

.bnr-img-st .print-bnr-2 { position: absolute; inset: 0px; margin: auto; transform: scale(1); transition-duration: 1s; }

.serv-bnr .bnr-img-st:hover .print-bnr-1 { transform: scale(1.1); transition-duration: 1s; }

.serv-bnr .bnr-img-st:hover .video-bnr-1 { transform: scale(1.1); transition-duration: 1s; top: 50px; }

.serv-bnr .bnr-img-st .video-bnr-1 { transform: scale(1); transition-duration: 1s; }

.bnr-img-st .web-bnr-1 { top: 40px; margin: auto; left: -45px; transition-duration: 1s; }

.serv-bnr .bnr-img-st .about-bnr-1 { position: absolute; inset: 0px; margin: auto; }

.serv-bnr .bnr-img-st .about-bnr-2 { position: absolute; left: 0px; right: 0px; bottom: 0px; margin: auto; transform: scale(1); transition-duration: 1s; }

.serv-bnr .bnr-img-st:hover .about-bnr-2 { transform: scale(1.1); transition-duration: 1s; }

.serv-bnr .bnr-img-st .seo-bnr-1 { position: absolute; inset: 0px 0px 0px -60px; margin: auto; transition-duration: 1s; }

.serv-bnr .bnr-img-st .contact-bnr-1 { position: absolute; inset: 0px; }

.serv-bnr .bnr-img-st .contact-bnr-2 { position: absolute; inset: -30px 0px 0px; transition-duration: 1s; margin: auto; }

.serv-bnr .bnr-img-st:hover .contact-bnr-2 { transform: scale(1.1); transition-duration: 1s; top: 20px; }

.contact-inner { padding: 50px 0px; }

.contact-inner .hd-txt { text-align: center; }

.contact-inner .hd-txt h2 { padding-bottom: 30px; }

.contact-box { padding: 55px 10px 40px; }

.img-cntct img { position: relative; top: -30px; }

.cntct-txt h3 { font-size: 25px; font-weight: 700; color: rgb(255, 255, 255); padding-bottom: 18px; }

.cntct-txt p { color: rgb(255, 255, 255); font-size: 14px; }

.cntct-form-sec { padding: 70px 0px; background-color: rgb(73, 11, 61); }

.contact-text { color: rgb(255, 255, 255); }

.contact-text h2 { font-size: 39px; font-weight: 700; margin: 0px 0px 20px; }

.contact-text p { font-size: 16px; font-weight: 400; margin: 0px 0px 35px; }

.contact-btn a.foot-btn { font-size: 16px; font-weight: 400; color: rgb(189, 30, 81); padding: 14px 30px; border-radius: 8px; background-color: rgb(255, 255, 255); }

.contact-btn { border-bottom: 2px solid rgb(109, 60, 100); padding-bottom: 60px; }

.contact-btn a.foot-btn:hover { background-color: rgb(109, 60, 100); color: rgb(255, 255, 255); }

.contact-dress-box { display: flex; align-items: center; margin-bottom: 15px; }

.adrss-text { color: rgb(255, 255, 255); margin-left: 15px; }

.adrss-text h4 { font-size: 18px; font-weight: 500; margin: 0px; }

.adrss-text a { font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); margin: 5px 0px 0px; display: table; }

.contact-img-box { width: 50px; height: 50px; border-radius: 50px; border: 2px solid rgb(227, 225, 230); display: flex; align-items: center; justify-content: center; }

.cntct-div input.form-control { padding: 22px 15px; margin-bottom: 10px; border-radius: 6px; background-color: transparent; }

.cntct-div textarea.form-control { height: 85px; border-radius: 6px; background-color: transparent; padding: 15px; }

.cntct-div input#quoteSubmit { padding: 10px 35px; margin-top: 20px; border-radius: 5px; background-color: rgb(189, 30, 81); color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; border: 1px solid rgb(189, 30, 81); outline: 0px; }

.button { text-align: center; }

.cntct-div input#quoteSubmit:hover { background-color: rgb(255, 255, 255); color: rgb(189, 30, 81); border: 1px solid rgb(189, 30, 81); }

.cntct-div { padding: 60px; border-radius: 8px; background-color: rgb(255, 255, 255); width: 80%; float: right; clear: both; margin-right: 40px; }

.cntct-div input.form-control::placeholder { color: rgb(167, 167, 167); font-size: 14px; font-weight: 400; }

.cntct-div textarea.form-control::placeholder { font-size: 14px; color: rgb(167, 167, 167); font-weight: 400; }

.form-text h3 { font-size: 25px; font-weight: 500; color: rgb(0, 0, 0); margin: 0px 0px 40px; text-align: center; }

.footer-dress-box { margin: 40px 0px 25px; }

.bnr-img-st .port-bnr-2 { transition-duration: 1s; position: absolute; bottom: 40px; left: -75px; top: inherit; }

.bnr-img-st .port-bnr-1 { position: absolute; top: 30px; margin: auto; left: 0px; right: 0px; z-index: -1; }

.bnr-img-st .port-bnr-3 { position: absolute; right: -40px; top: inherit; bottom: 120px; z-index: -1; }

.bnr-img-st .port-bnr-4 { left: -25px; position: absolute; }

.port-bnr-mpge .bnr-img-st:hover .port-bnr-2, .port-bnr-mpge .bnr-img-st:hover .port-bnr-5 { transform: scale(1.1); transition-duration: 1s; }

.bnr-img-st .port-bnr-5 { position: absolute; top: inherit; z-index: -1; bottom: 40px; left: -29px; mix-blend-mode: multiply; transition-duration: 1s; }

.bnr-img-st .packge-bnr-1 { position: absolute; inset: 0px 0px 0px 10px; margin: auto; transition-duration: 1s; }

.pacakge-bnr-pg .bnr-img-st:hover .packge-bnr-1 { transform: scale(1.1); transition-duration: 1s; }

.price-nav-tb ul { border: 0px; text-align: center; margin: 0px auto; display: table; }

.price-nav-tb ul li a { border: 0px; font-size: 18px; color: rgba(73, 11, 61, 0.67); font-weight: 700; transition: all 0.3s ease-in-out 0s; background: 0px 0px !important; }

.price-nav-tb ul li { border-right: 1px solid; }

.price-nav-tb ul li a:hover, .price-nav-tb ul li.active a, .price-nav-tb ul li.active a:focus, .price-nav-tb ul li.active a:hover { border: 0px; font-weight: 700; color: rgb(73, 11, 61); background: 0px 0px !important; }

.price-nav-tb { background: rgb(243, 243, 243); padding: 15px 0px; margin-bottom: 50px; }

.price-nav-tb ul li:last-child { border: 0px; }

.get-strtd:hover { background: 0px 0px; border: 1px solid rgb(189, 30, 81); border-radius: 21px 30px 4px 21px; color: rgb(189, 30, 81); }

.live-cht:hover { color: rgb(189, 30, 81); }

.live-cht:hover i { margin-left: 10px; }

.live-cht i { transition: all 0.3s ease-in-out 0s; }

.tel-btn-st:hover { color: rgb(189, 30, 81); }

.logo-inner-u-txt .get-strtd:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }

.box11 { overflow: hidden; }

.box11 { background: rgb(0, 0, 0); color: rgb(255, 255, 255); position: relative; }

.box11::after, .box11::before { position: absolute; content: ""; }

.box11::before { width: 100%; height: 100%; background: rgb(31, 33, 35); opacity: 0.5; top: 100%; left: 0px; z-index: 1; transition: all 0.35s ease-in 0.3s; }

.box11:hover::before { top: 0px; transition: all 0.35s ease-out 0s; }

.box11::after { bottom: 100%; left: 50%; border-width: 200px 200px 0px; border-style: solid; border-color: rgba(41, 135, 237, 0.59) transparent transparent; opacity: 0.9; transform: translateX(-50%); transition: all 0.35s ease-out 0s; }

.box11:hover .post, .box11:hover .title { transform: translate(0px, -50%); }

.box11:hover::after { bottom: 25%; transition: all 0.35s ease-in 0.2s; }

.box11 img { width: 100%; height: auto; }

.box11:hover img { opacity: 0.5; }

.box11 .icon, .box11 .post, .box11 .title { width: 100%; position: absolute; left: 0px; opacity: 0; transition: all 0.35s ease 0.5s; }

.box11 .box-content { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }

.box11 .title { padding: 0px 30px; margin: 0px; font-weight: 300; top: 45%; }

.box11 .post, .box14 .post { text-transform: capitalize; }

.box11 .post { font-size: 15px; top: 57%; }

.box11 .icon { color: rgb(255, 255, 255); padding: 0px; list-style: none; bottom: 5px; text-align: center; top: 0px; margin: 0px auto; display: flex; align-items: center; justify-content: center; }

.box11 .icon li a { width: 40px; height: 40px; line-height: 40px; padding: 0px 5px; font-size: 20px; color: rgb(255, 255, 255); opacity: 0.7; transition: all 0.35s ease 0.5s; }

.box11 .icon li a:hover { opacity: 1; transition: all 0.35s ease 0s; }

.box11:hover .icon, .box11:hover .post, .box11:hover .title { opacity: 1; }

@media only screen and (max-width: 990px) {

  .box11 { margin-bottom: 20px; }

}

@media only screen and (max-width: 767px) {

  .box11::after { border-width: 500px 500px 0px; }

}

.box11 .icon i { font-size: 35px; }

.box12 .box-content i { font-size: 40px; color: rgb(255, 255, 255); }

.box12 { position: relative; overflow: hidden; }

.box12 .box-content, .box12::after { position: absolute; transition: all 0.3s ease 0s; }

.box12::after { content: ""; width: 50%; background: rgba(28, 28, 28, 0.8); padding-bottom: 50%; opacity: 0; top: 50%; left: 50%; transform: rotate(0deg) translate(-50%, -50%); transform-origin: 0px 0px 0px; }

.box12:hover::after { transform: rotate(-45deg) translate(-50%, -50%); opacity: 1; }

.box12 img { width: 100%; height: auto; }

.box12 .box-content { width: 100%; top: 0px; bottom: 0px; left: 0px; opacity: 0; z-index: 1; display: flex; align-items: center; justify-content: center; margin: auto; }

.box12:hover .box-content { opacity: 1; }

.box12 .title { padding: 10px 0px; color: rgb(255, 255, 255); margin: 0px; border-top: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); }

.box12 .icon { padding: 0px; margin: 0px; list-style: none; }

.box12 .icon li a { display: block; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); font-size: 18px; color: rgb(255, 255, 255); margin-right: 10px; transition: all 0.3s ease 0s; }

.box12 .icon li a:hover { border-radius: 0px; }

@media only screen and (max-width: 990px) {

  .box12 { margin-bottom: 20px; }

  .box12 { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px; text-align: center; }

  .box12 .icon li, .box12 .title { display: inline-block; }

  .box12 .box-content i { font-size: 40px; color: rgb(255, 255, 255); }

  .terms-txt h3 { font-size: 25px; font-weight: 600; margin: 20px 0px; }

  .footer-sec .ftr-ul-st ul li a img { filter: invert(1) brightness(0) contrast(70) grayscale(1); }

}

.port-logo-inr-img1.logo-inr-img4.brnd-inr-img4 { width: 40%; right: 62px; left: inherit; top: -150px; }

.footer-sec .ftr-ul-st ul li a i { font-size: 25px; }

img.ftr-pay { width: 100%; }

.ftr-bx img { margin: 10px 0px; max-width: 200px; }

.sp-form-btn { display: flex; align-items: center; }

.form-btn-div-cht { }

li.trust-box { filter: brightness(0); }

.form-btn-div-cht a { border-radius: 21px 30px 4px 21px; background: rgb(215, 75, 127); padding: 8px 15px; font-size: 15px; color: rgb(255, 255, 255); margin-left: 15px; border: 1px solid transparent; transition: all 0.3s ease-in-out 0s; }

.form-btn-div-tel { margin-left: 20px; }

.ftr-img { position: absolute; right: 0px; bottom: -10px; }

.ftr-img img { width: 88%; }

.view-dtls-inner-sec { padding: 50px 0px; }

img.web-bnr-1:hover { transform: scale(1.1); transition-duration: 1s; }

.serv-bnr .bnr-img-st .seo-bnr-1:hover { transform: scale(1.1); transition-duration: 1s; }

.logo-inner-img img:hover { transform: scale(1.05); transition-duration: 1s; }

.logo-inner-img img { transition-duration: 1s; }

.cta-img-st img:hover { transition-duration: 1s; transform: scale(1.05); }

.cntct-txt a { color: rgb(255, 255, 255); }

.cntct-txt { text-align: center; }

.img-cntct { text-align: center; }

.view-dtl-bx-pck .price-main { min-height: 485px; }

img.bnr1_mm { position: absolute; z-index: 11; left: 35px; top: 276px; transition: all 0.8s ease-in-out 0s; }

img.bnr2_mm { position: absolute; z-index: 1; right: 29px; top: 268px; transition: all 0.8s ease-in-out 0s; }

img.bnr3_mm { position: absolute; z-index: 1; right: 108px; top: 169px; left: 0px; margin: auto; transition: all 0.8s ease-in-out 0s; }

img.bnr3_mm:hover, img.bnr2_mm:hover, img.bnr1_mm:hover { transform: scale(1.3); transition: all 0.8s ease-in-out 0s; z-index: 999; }

section.terms-sec { padding: 50px 0px; }

section.terms-sec h3 { margin-bottom: 20px; margin-top: 20px; }

.socil-box { align-items: center; }

ul.social-ul-st.socil-box li img { width: 30px; }

ul.social-ul-st.socil-box li { display: inline-flex; }

.social-text h3 { margin-left: 60px; }

.ftr-trms { margin-left: 90px; }

.testi-vide-box { background: linear-gradient(45deg, rgb(228, 83, 112), rgb(187, 60, 159), rgb(119, 187, 234), rgb(228, 83, 112)); color: rgb(255, 255, 255); padding: 0px; border-radius: 8px; display: flex; flex-direction: row-reverse; position: relative; z-index: 1; margin: 70px 0px; }

.testi-vide-box img {width: 93%;border-radius: 8px;position: relative;margin: 10px;height: 182px;display: table;}

.testi-vide-box::before { content: ""; background: url("../images/testi-quote.webp") center center / cover no-repeat; position: absolute; left: 0px; width: 63px; height: 54px; z-index: -1; margin: auto; }

.play-ico-div { position: absolute; inset: 0px; margin: auto; display: flex; align-items: center; justify-content: center; }

.play-ico-div i { font-size: 40px; color: rgb(255, 255, 255); position: relative; top: -20px; }

.error-page .text-box-box { font-size: 190px; text-align: center; }

.error-page .bnr-text h4 { padding: 20px 0px; font-size: 48px; text-align: center; }

.error-page .bnr-btn a { display: table; margin: auto; }

div.logo-desk img { max-width: 200px !important; }

loader{	position: fixed;width: 100%;height: 100vh;background: #21242d url('/images/loader.gif') no-repeat center;z-index: 999;}