/* ===============================================
    1.prt-row
------------------------*/
 .prt-row {
     padding: 60px 0;
 }


 .prt-row.cta-section {
     padding: 85px 0 100px
 }

 .prt-row.about-section {
     padding: 100px 0 100px;
 }

 .prt-row.service-section {
     padding: 60px 0 0
 }

 .prt-row.step-section {
     padding: 160px 0 60px;
 }

 .prt-row.contact-section {
     padding: 70px 0 90px;
 }

 .prt-row.about-section-02 {
     padding: 60px 0 60px;
 }

 .prt-row.about-section-02.style1 {
     padding: 95px 0 95px;
 }

 .prt-row.about-section-02.style2 {
     padding: 100px 0 95px;
 }

 .prt-row.service-section2 {
     padding: 60px 0 60px
 }

 /* ===============================================
    2.Row-Equal-Height
------------------------*/
 .row-equal-height {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
 }

 .row-equal-height>[class*='col-'] {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }


 /* ===============================================
    3.Bg-Layer 
------------------------*/
 /* ===============================================
    3.Bg-Layer 
------------------------*/
 .prt-bg {
     position: relative;
 }

 .prt-col-bgimage-yes {
     z-index: 1;
 }

 .bg-layer-equal-height .prt-col-bgimage-yes,
 .bg-layer-equal-height .prt-col-bgcolor-yes,
 .prt-col-bgimage-yes {
     height: 100%;
 }

 .prt-bg-layer,
 .prt-titlebar-wrapper-bg-layer,
 .prt-col-wrapper-bg-layer-inner {
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
 }


 .prt-right-span>.prt-col-wrapper-bg-layer {
     width: auto;
     margin-right: -500px;
     right: 0;
 }


 .layer-content {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%;
 }

 .bg-layer {
     position: relative;
 }

 .bg-layer>.container>.row {
     margin: 0;
 }

 .bg-layer>.container,
 .bg-layer>.container-fluid {
     padding: 0;
 }


 .prt-bg.prt-bgimage-yes>.prt-bg-layer,
 .prt-bg.prt-col-bgimage-yes>.prt-bg-layer>.prt-col-wrapper-bg-layer-inner {
     opacity: 0.9;
 }

 .prt-bgcolor-white.prt-bg.prt-bgimage-yes>.prt-bg-layer,
 .prt-bgcolor-white.prt-bg.prt-col-bgimage-yes>.prt-bg-layer>.prt-col-wrapper-bg-layer-inner {
     opacity: .94;
 }

 .col-bg-img-seven.prt-bg.prt-col-bgimage-yes>.prt-bg-layer>.prt-col-wrapper-bg-layer-inner {
     background: linear-gradient(0deg, rgba(0, 23, 70, 0.90) 30%, transparent 60%);
     border-radius: 15px;
     padding: 20px;
 }

 .col-bg-img-seven.prt-col-bgimage-yes {
     overflow: visible;
     background-image: url(../images/bg-image/col-bgimage-1.webp);
     background-position: center;
     height: 100% !important;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 2;
     border-radius: 15px;
 }

 .col-bg-img-seven .layer-content {
     z-index: 2;
     position: relative;
     text-align: center;
     color: var(--base-white);
     height: 340px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     ;
 }


 /* ===============================================
    4.Row-Bg-Image  
------------------------*/
 .bg-img1 {
     background-image: url(../images/abt-servce.webp);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     background-color: var(--base-skin);
 }

 .bg-img1.prt-bg.prt-bgimage-yes>.prt-bg-layer {
     opacity: 0;
 }

 .bg-img4 {
     background-image: url(../images/bg-image/row-bgimage-2.webp);
     background-size: auto;
     background-position: 0% 0%;
     background-repeat: repeat;
     background-attachment: scroll;
     background-color: #0054DF;
 }

 .bg-img7 {
     /* background-image: url(../images/pge-tle.webp); */
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     background-color: #0054DF;
 }

 /* ===============================================
    6.Section-Title  
------------------------*/
 .section-title {
     position: relative;
     margin-bottom: 12px;
     margin-top: -7px;
     z-index: 1;
 }

 .section-title h3 {
     font-size: 20px;
     line-height: 36px;
     margin-bottom: 10px;
     font-weight: 400;
     font-family: var(--base-bodyfont);

 }

 .section-title span.pretitle {
     font-size: 18px;
     line-height: 32px;
 }

 .section-title h2 {
     position: relative;
     color: var(--base-headingfont-color);
     font-size: 75px;
     line-height: 100px;
     font-weight: 600;
     text-transform: capitalize;
     z-index: 2;
     margin-bottom: 25px;
 }

 .section-title h2 span {
     color: var(--base-skin);
 }


 /*style1*/
 .section-title-block .subtitle-wrapper .subtitle h2 {
     font-size: 14px;
     line-height: 22px;
     letter-spacing: 0.5px;
     font-weight: 500;
     font-family: var(--base-headingfont);
     color: var(--base-headingfont-color);
     text-transform: uppercase;
     display: inline-block;
     margin-bottom: 8px;
     padding-left: 26px;
     position: relative;
 }

 .section-title-block .section-title h3.title {
     font-size: 54px;
     line-height: 70px;
     font-weight: 900;
     font-family: var(--base-headingfont);
     color: var(--base-skin);
     margin-bottom: 20px;
 }

 .section-title-block .section-title h3.title span {
     position: relative;
     display: inline-block;
     vertical-align: top;
     border-bottom: 3px solid var(--base-dark);
 }

 .section-title-block .section-title h3.title.text-white span {
     border-color: var(--base-white);
 }

 /*.section-title-block .section-desc p{width: 80%;}*/
 .section-title-block .section-desc {
     /* border-bottom: 1px solid #00194C1F; */
     padding-bottom: 20px;

 }

 .section-title-block .subtitle-wrapper {
     display: inline-block;
 }

 .section-title-block .subtitle-wrapper .subtitle :before {
     font-size: 20px;
     position: absolute;
     left: -1px;
     line-height: 22px;
     right: auto;
     content: "\f123";
     font-family: "flaticon_inqord";
     color: var(--base-skin);
     animation: flipInY 1s linear infinite alternate;
     -webkit-animation: flipInY 1s linear infinite alternate;
 }

 .section-title-block .subtitle-wrapper .subtitle {
     display: table-cell;
     vertical-align: middle;
     position: relative;
     z-index: 3;
 }

 /*white-color*/
 .section-title-block .section-title h3.title span.text-white {
     position: relative;
     display: inline-block;
     vertical-align: top;
     border-bottom: 3px solid var(--base-white);
 }

 .section-title-block .subtitle-wrapper .subtitle h2.text-white:before {
     color: var(--base-white);
 }

 /*style-2*/
 .section-title-block.style1 .subtitle-wrapper .subtitle h2 {
     font-family: "Inter Tight", Arial, Helvetica, sans-serif;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 22px;
     letter-spacing: 0.5px;
     color: #001746;
     padding: 7px 42px;
     background: var(--base-grey);
     border-radius: 30px;
     border: 1px solid rgba(0, 25, 76, 0.15);
     margin-bottom: 12px;
     position: relative;
     display: inline-block;
 }

 .section-title-block.style1 .subtitle-wrapper .subtitle h2:before,
 .section-title-block.style1 .subtitle-wrapper .subtitle h2:after {
     content: "\f115";
     font-family: "flaticon_inqord";
     color: var(--base-dark);
     font-size: 16px;
     position: absolute;
     left: 20px;
     right: auto;
     -webkit-animation: tm-pulse 1.5s linear infinite alternate;
     animation: tm-pulse 1.5s linear infinite alternate;
 }

 .section-title-block.style1 .subtitle-wrapper .subtitle h2:after {
     left: auto;
     right: 20px;
 }

 @keyframes tm-pulse {
     from {
         transform: scale(1);
     }

     50% {
         transform: scale(0.75);
     }

     to {
         transform: scale(1);
     }
 }

 .section-title-block.style1 .section-title h3.title {
     font-weight: 400;
     font-size: 54px;
     line-height: 70px;
     color: #001746;
 }

 .section-title-block.style1 .section-title h3.title span {
     font-weight: 600;
     border: none;
 }


 .bg-base-skin .border,
 .bg-base-skin .border-top,
 .bg-base-skin .border-left,
 .bg-base-skin .border-bottom,
 .bg-base-skin .border-right {
     border-color: rgba(255, 255, 255, 0.5) !important;
 }

 /* ===============================================
    8.Buttons
------------------------*/
 .prt-btn {
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;
     line-height: 16px;
     padding: 14px 30px 17px;
     background: transparent;
     border-width: 1px;
     border-style: solid;
     border-color: transparent;
     position: relative;
     font-weight: 500;
     text-transform: none;
     overflow: hidden;
     z-index: 1;
     text-align: center;
     letter-spacing: 0;
     transition: all 0.5s ease 0s;
 }

 /** btn-color **/
 .prt-btn-color-skincolor {
     color: var(--base-skin);
 }

 .prt-btn-color-darkcolor {
     color: var(--base-dark);
 }


 .prt-btn.prt-btn-style-fill.prt-btn-color-darkcolor {
     background-color: transparent;
     border-color: var(--base-dark);
     color: var(--base-dark);
 }

 .prt-btn.prt-btn-style-fill.prt-btn-color-darkcolor:hover {
     background-color: var(--base-dark);
     border-color: var(--base-dark);
     color: var(--base-white);
 }

 .prt-btn.prt-btn-style-fill.prt-btn-color-skincolor {
     background-color: var(--base-skin);
     border-color: var(--base-skin);
     color: var(--base-white);
 }

 .prt-btn.prt-btn-style-fill.prt-btn-color-skincolor:hover {
     background-color: var(--base-dark);
     border-color: var(--base-dark);
     color: var(--base-white);
 }

 .prt-btn.prt-btn-style-fill.prt-btn-color-transparentcolor {
     background-color: transparent;
     color: var(--base-white);
     border-color: var(--base-white);
 }

 .prt-btn.prt-btn-style-fill.prt-btn-color-transparentcolor:hover {
     background-color: var(--base-white) !important;
     color: var(--base-dark) !important;
     border-color: var(--base-white) !important;
 }

 /** btn-with-icon **/
 .prt-btn i {
     display: inline-block;
     vertical-align: middle;
     text-align: inherit;
     font-weight: bold;
 }

 /** btn-size-sm **/
 .prt-btn.prt-btn-size-sm {
     font-size: 16px;
     line-height: 26px;
     padding: 10px 25px 10px;
 }

 .prt-btn.prt-btn-size-sm i {
     font-size: 14px;
     line-height: 14px;
 }

 /** btn-size-md **/
 .prt-btn.prt-btn-size-md {
     font-size: 16px !important;
     line-height: 16px !important;
     padding: 14px 20px 15px;
 }

 .prt-btn.prt-btn-size-md i {
     font-size: 15px;
     line-height: 15px;
 }

 /** btn-shape **/
 .prt-btn.prt-btn-shape-round {
     border-radius: var(--base-border-radius-10);
 }

 .prt-btn.prt-btn-shape-rounded {
     border-radius: var(--base-border-radius-32);
 }

 /** btn-style-border **/
 .prt-btn.prt-btn-style-border {
     background-color: transparent;
     border: 1px solid #fff;
     color: #fff
 }


 .prt-btn.prt-btn-style-border.prt-btn-color-white {
     color: #001746;
     border-color: var(--base-white);
     background-color: var(--base-white);
 }

 .prt-btn.prt-btn-style-border.prt-btn-color-white:hover {
     border-color: var(--base-white);
     background-color: var(--base-white);
     color: var(--base-dark);
 }


 /* ===============================================
    9.Icons
------------------------*/
 .prt-icon {
     margin-bottom: 25px;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     border: 1px solid transparent;
     position: relative;
     transition: all 1s ease 0s;
     -moz-transition: all 1s ease 0s;
     -webkit-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
     box-sizing: content-box;
     position: relative;
 }

 .prt-icon i {
     display: inline-block;
     vertical-align: middle;
     line-height: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     transition: all 0.3s ease 0s;
 }

 /* prt-list-style-icon */
 .prt-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .prt-list.prt-list-style-icon.fw-normal li i,
 .prt-list.prt-list-style-icon.fw-normal .prt-list-li-content {
     font-weight: normal;
     padding-bottom: 2px;
 }

 .prt-list.prt-list-style-icon li {
     position: relative;
     padding: 7px 0;
     display: flex;
     align-items: baseline;
     width: 100%;
 }

 .prt-list.prt-list-style-icon li:last-child {
     padding-bottom: 0;
 }

 .prt-list.prt-list-style-icon li i.fa-minus:before {
     position: absolute;
     content: "";
     top: 6px;
     left: 0;
     height: 2px;
     width: 7px;
     background-color: currentcolor;
 }

 .prt-list.prt-list-style-icon li i {
     font-size: 22px;

 }

 .prt-list.prt-list-style-icon .prt-list-li-content {
     display: inline-block;
     font-size: 16px;
     line-height: 28px;
     color: var(--base-bodyfont-color);
     font-weight: 400;
 }

 .prt-list-icon-color-skincolor li i {
     color: var(--base-skin);
 }

 /* ===============================================
    11.featured-icon-box ( only contents )
------------------------*/
 .featured-icon-box {
     position: relative;
     margin: 15px 0;
 }

 .featured-icon-box .prt-icon {
     margin-bottom: 0;
 }

 .featured-title h3 {
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 0px;
     font-weight: 600;
 }

 section {
     counter-reset: container
 }

 .container .number:after {
     counter-increment: container;
     content: counter(container, decimal);
     font-family: var(--base-bodyfont);
     font-style: normal;
 }


 /*featured Icon*/

 .featured-icon-box {
     padding: 28px 30px 25px 30px;
     background-color: var(--base-white);
     box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.10);
     border-radius: var(--base-border-radius-20);

 }


 .featured-icon-box .featured-content {
     padding-left: 20px;
 }

 .featured-icon-box .featured-icon {
     background-color: var(--base-skin);
     height: 60px;
     min-width: 60px;
     line-height: 60px;
     border-radius: var(--base-border-radius-15);
     text-align: center;
     transition: all 0.5s ease;
     box-sizing: border-box;
 }

 .featured-content .featured-title h2 {
     font-size: 20px;
     line-height: 25px;
     position: relative;
     margin-bottom: 8px;
     font-family: var(--base-headingfont);
     font-weight: 500;
     color: var(--base-dark);
     display: -webkit-box;
     -webkit-line-clamp: 1;
     /* Limit to 2 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;

 }

 .featured-icon-box .featured-icon .Prt-icon i,
 .featured-icon-box .featured-icon .prt-icon i {
     font-size: 28px;
     line-height: 28px;
     transition: 0.8s all;
     display: inline-block;
     vertical-align: middle;
     margin-top: 2px;
     color: #fff;
     text-align: center;

     transition: 0.8s all;
 }


 .featured-icon-box:hover .featured-icon .prt-icon i {
     transform: rotateY(360deg);
 }


 /*style3*/
 .featured-icon-box.style3 {
     background: transparent;
     border: none;
     padding: 0;
 }

 .featured-icon-box.style3 .prt-icon {
     position: absolute;
     top: 50%;
     color: var(--base-white);
 }

 .featured-icon-box.style3 .featured-content {
     padding: 0;
 }

 .featured-icon-box.style3:hover .featured-icon .prt-icon i {
     transform: none;
     top: 0px;
     left: 0px;
     transition: none;
 }

 .featured-icon-box.style3 .featured-content .featured-title h3 {
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 12px;
 }

 .featured-icon-box.style3 .featured-content .featured-desc p,
 .featured-icon-box.style3 .featured-content .featured-desc p a {
     color: rgba(255, 255, 255, 0.74);
 }

 .featured-icon-box.style3 .featured-content .featured-desc p a:hover {
     color: var(--base-white) !important;
 }

 /*style4*/
 .featured-icon-box.style4 {
     background: transparent;
     box-shadow: none;
     padding: 0;
 }

 .featured-icon-box.style4 .featured-icon {
     background-color: transparent;
     width: 20px;
     height: 20px;
     min-width: 20px;
     line-height: 20px;
 }

 /*style5{*/
 .featured-icon-box.style5 {

     background-color: var(--base-grey);
     position: relative;
     margin-top: -143px;
     /* left: 0; */
     box-shadow: none;
     padding: 30px;
     border-radius: 15px;
 }

 .featured-icon-box.style6 {
     background: rgba(255, 255, 255, 0.10);
     border-color: rgba(255, 255, 255, 0.30);
     padding: 28px 30px 25px 30px;
     box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.10);
     border-radius: 15px;
     display: flex;
 }

 .featured-icon-box.style6 .featured-icon i {
     font-size: 28px;
     line-height: 28px;
     transition: 0.8s all;
     display: inline-block;
     vertical-align: middle;
     margin-top: 2px;
     color: var(--base-white);
 }

 .featured-icon-box.style6:hover .featured-icon i {
     transform: rotateY(360deg);
 }

 .featured-icon-box.style6:hover .featured-icon {
     background-color: var(--base-dark);
 }

 .featured-icon-box.style6 .featured-icon-box-contain {
     padding-left: 20px
 }

 .featured-icon-box.style6 .featured-icon-box-contain .featured-box-title h5 {
     /* color: #FFFFFF; */
     font-size: 26px;
     line-height: 25px;
     position: relative;
     margin-bottom: 8px;
 }

 .featured-icon-box.style6 .featured-icon-box-contain .featured-box-title h5 span {
     font-size: 16px;
     line-height: 26px;
 }

 .featured-icon-box.style6 .featured-icon-box-contain .featured-box-desc p {
     /* color: #FFFFFF; */
     display: -webkit-box;
     -webkit-line-clamp: 1;
     /* show only 2 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 /*style7*/
 .featured-icon-box.style7 {
     padding: 0px 0px 30px 0px;
     background-color: var(--base-white);
     box-shadow: none;
     border-radius: 0px;
     /*margin-bottom:;*/
     display: flex !important;
 }

 .featured-icon-box.style7:not(:last-child) {
     border-bottom: 1px solid #00194C26;
 }

 .featured-icon-box.style7 .featured-icon {
     background-color: #001746;
     font-size: 30px;
     line-height: 30px;
     border-radius: 50%;
     color: #fff;
     padding: 15px;
     fill: #fff;
 }

 .featured-icon-box.style7 .featured-content .featured-title h5 {
     margin-bottom: 8px;
     font-family: "Inter Tight", Arial, Helvetica, sans-serif;
     font-weight: 500;
     font-size: 20px;
     line-height: 25px;
     color: #001746;
     text-align: left;
 }

 .featured-icon-box.style3 .featured-content .featured-desc p {
     -webkit-line-clamp: 6;
     color: var(--base-bodyfont-color);
 }


 .about-section-02 .section-title-block .about-section-02 .prt-featured-content-box.style1 {
     text-align: left;
 }

 .about-section-02 .prt-featured-content-box .prt-featured-title.style1 h2 {
     font-size: 20px;
     line-height: 25px;
     font-weight: 500;
     margin-bottom: 8px;
 }

 /*about-section2*/

 .about-section2 {
     padding: 60px 0 60px;
 }

 .about-section2 .section-title-block .subtitle-wrapper .subtitle h2,
 .about-section2 .section-title-block .section-title h3.title {
     color: white;
 }

 .about-section2 .section-title-block .section-title h3.title span {
     border-color: #fff;
 }

 .about-section2 .section-title-block .section-desc {
     color: #ffffff;
     border: 0;
 }

 .about-section2 .prt-single-image-wrapper .tm-reveal-direction-lr {
     margin-bottom: -184px;
 }

 .hero-about-section .featured-icon-box {
     position: relative;
     margin-top: -70px;
     margin-bottom: 10px;
     width: 100%;
     height: max-content;
     align-items: center;
 }

 .hero-about-section .featured-icon-box .featured-icon {
     transition: all 0.5s ease;
 }

 .hero-about-section .featured-icon-box:hover .featured-icon {
     background: var(--base-dark);
     transition: all 0.5s ease;
 }

 .hero-about-section .featured-icon-box .featured-icon img {
     transition: 0.8s all;
     display: inline-block;
     vertical-align: middle;
     color: var(--base-white);
 }

 .hero-about-section .featured-icon-box:hover .featured-icon img {
     transform: rotateY(360deg);
 }

 .hero-about-section .featured-icon-box .featured-dec p {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* Limit to 2 lines */
     -webkit-box-orient: vertical;
     /* Required for line clamping */
     overflow: hidden;
     text-overflow: ellipsis;
     margin-bottom: 0;
 }

 /* ===============================================
    12.featured-imagebox ( contents with image)
------------------------*/
 .featured-imagebox {
     margin: 15px 0;
 }

 .featured-imagebox,
 .featured-imagebox .featured-thumbnail {
     position: relative;
 }

 .featured-imagebox .featured-thumbnail img {
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     width: 100%;
     -webkit-transition: all .6s ease-in-out;
     -moz-transition: all .6s ease-in-out;
     -ms-transition: all .6s ease-in-out;
     -o-transition: all .6s ease-in-out;
 }

 .featured-imagebox:hover .featured-thumbnail img {
     -moz-transform: scale(1.09);
     -webkit-transform: scale(1.09);
     -ms-transform: scale(1.09);
     transform: scale(1.09);
 }

 .featured-imagebox .featured-content .featured-title h3 {
     font-size: 20px;
     line-height: 32px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }

 /*service-section*/
 .service-icon-box {
     position: relative;
     overflow: hidden;
 }

 .service-icon-box .service-iconbox-inner {
     background-color: var(--base-grey);
     border-radius: var(--base-border-radius-15);
     padding: 40px;
     overflow: hidden;
     display: block;
     display: flex;
     align-items: center;
 }

 .service-icon-box:hover .service-iconbox-inner .service-imagebox {
     animation: ttm-bounce 0.6s ease-in-out 60ms;
     transition: all 1s ease;
     display: block;
 }

 @keyframes ttm-bounce {
     0% {
         transform: translateY(0)
     }

     40% {
         transform: translateY(10px)
     }

     100% {
         transform: translateY(0)
     }
 }

 .service-content-box .service-title h3 {
     font-size: 20px;
     line-height: 25px;
     font-weight: 500;
     font-family: var(--base-headingfont);
     color: var(--base-headingfont-color);
     margin-bottom: 10px;

 }

 .service-content-box .service-title h3 a:hover {
     color: var(--base-skin);
 }

 .service-content-box .service-des p {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
     margin: 0;
 }

 .service-imagebox img {
     height: auto;
     min-width: 65px;
     object-fit: cover;

 }

 .service-content-box .service-des p {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
     margin: 0;
 }

 /*serviece-details*/
 .prt-service-description h4 {
     font-size: 36px;
     line-height: 46px;
     font-weight: 500;
     color: var(--base-headingfont-color);
 }


 /*style1*/

 .featured-thumbnail {
     position: relative;
 }

 .featured-imagebox-portfolio.style1 {
     border-radius: 20px;
 }

 .featured-imagebox-portfolio.style2 .prt-featured-thumbnail {
     overflow: hidden;
     border-radius: 10px;
     width: 100%;
     position: relative;
 }

 .featured-imagebox-portfolio.style2 .prt-featured-thumbnail:before {
     position: absolute;
     content: "";
     bottom: -10px;
     left: -15px;
     width: 110%;
     height: 60%;
     -webkit-transition: all .45s ease-in-out;
     -moz-transition: all .45s ease-in-out;
     -ms-transition: all .45s ease-in-out;
     transition: all .45s ease-in-out;
     visibility: visible;
     align-items: center;
     justify-content: center;
     background: linear-gradient(0deg, rgba(0, 23, 70, 0.90) 30%, rgba(0, 23, 70, 0.15) 80%);
     padding: 20px;
     transition: all .3s ease;
     z-index: 1;
     filter: blur(10px);
 }

 .featured-imagebox-portfolio.style2 .prt-featured-thumbnail {
     border-radius: 30px !important;
 }

 .featured-imagebox-portfolio.style2 .prt-featured-thumbnail img {
     width: 100%;
     height: auto;
     max-width: none;
     -webkit-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     background-size: cover;
     transition: all 1s ease;
     overflow: hidden;
     background-position: center;
     position: relative;
     transform: scale(1.05) rotate(.5deg);
     transform-origin: 90% 50%;
     border-radius: 30px !important;
     transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);
     object-fit: cover;

 }

 .featured-imagebox-portfolio.style2:hover .prt-featured-thumbnail img {
     transform: scale(1.001) rotate(0);
 }

 .featured-imagebox-portfolio.style2 .prt-featured-overly {
     position: absolute;
     bottom: 25px;
     top: auto;
     left: 0;
     right: 0;
     text-align: center;
     padding: 0;
     z-index: 1;
     transition: all 0.3s ease;
 }

 .featured-imagebox-portfolio.style2:hover .prt-featured-overly {
     opacity: 0;
     transition: all 0.3s ease;
 }


 .featured-imagebox-portfolio.style2 .prt-featured-overly .prt-featured-title h4 {
     color: white;
     margin-bottom: 0;
 }

 .featured-imagebox-portfolio.style2 .prt-featured-overly .prt-featured-title h4 a {
     cursor: pointer;
     margin-bottom: 0px;
     transition: all 0.5s linear;
     font-size: 24px;
     line-height: 34px;
     color: var(--base-white);
 }

 .featured-imagebox-portfolio.style2 .prt-featured-overly .prt-featured-title h4 a:hover {
     color: var(--base-white);
 }

 .featured-imagebox-portfolio.style2 .btn-overly a {
     bottom: 0 !important;
     z-index: 2;
 }

 .portfolio-section3 .prt-btn-waprre {
     margin-bottom: 20px;
     text-align: right;
     padding-bottom: 25px;
 }

 .portfolio-section3 .prt-btn-waprre a {
     background-color: var(--base-dark) !important;
     color: var(--base-white) !important;
 }

 .portfolio-section3 .prt-btn-waprre a:hover {
     background-color: var(--base-skin) !important;
     color: var(--base-white) !important;
     border-color: var(--base-skin) !important;
 }

 .portfolio-section3 .slick-dots {
     right: 0;
     left: 0;
     bottom: -70px;
     width: fit-content;
     margin: 0 auto;
     display: inline-flex;
 }

 .about-section2 .btn-wrapper .prt-btn:after {
     display: none;
 }

 .about-section2 .btn-wrapper .prt-btn {
     display: inline-block;
 }

 /* ===============================================
    16.Wrap-Form
------------------------*/
 .wrap-form label {
     width: 100%;
     margin: 0;
 }

 .wrap-form span.text-input {
     margin-bottom: 20px;
     display: block;
     position: relative;
 }

 .wrap-form span.text-input>i {
     position: absolute;
     left: 10px;
     top: 21px;
     opacity: .9;
     font-size: 14px;
     z-index: 1;
 }

 /*style-1*/
 .wrap-form.query_form-1 {
     font-size: 16px;
     margin-bottom: 6px;
     color: var(--base-white);
     background-color: #104595;
     padding: 30px 30px 30px 30px;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #FFFFFF4D;
     border-radius: 30px 30px 30px 30px;
 }

 .wrap-form.query_form-1 .contact-form-title {
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 30px;
     display: block;
     color: var(--base-white);
 }

 .wrap-form.query_form-1 span.text-input {
     margin-bottom: 20px;
 }

 .wrap-form.query_form-1 span.text-input input,
 .wrap-form.query_form-1 span.text-input select,
 .wrap-form.query_form-1 span.text-input textarea {
     background-color: rgba(255, 255, 255, 0.10);
     border: 1px solid rgba(255, 255, 255, 0.15);
     color: var(--base-white);
     border-radius: 50px;
     padding: 9px 20px 9px 20px;
     display: block;
     margin-bottom: 30px;
 }

 .wrap-form.query_form-1 span.text-input textarea {
     border-radius: 20px;
 }

 .wrap-form.query_form-1 span.text-input input:focus {
     border: 1px solid var(--base-skin);
 }

 .wrap-form.query_form-1 span.text-input textarea:focus {
     border: 1px solid var(--base-skin);
 }

 .wrap-form.query_form-1 span.text-input input::-webkit-input-placeholder,
 .wrap-form.query_form-1 span.text-input textarea::-webkit-input-placeholder,
 .wrap-form.query_form-1 span.text-input select::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.6);
     font-size: 15px;
     line-height: 25px;
 }

 .wrap-form.query_form-1 button {
     top: 0px;
     float: left;
     left: 0;
     position: relative;
     padding: 16px 25px;
     border-radius: 30px;
     line-height: 15px !important;
 }

 .wrap-form.query_form-1 .ctn-footer-desc p {
     color: rgba(255, 255, 255, 0.70);
 }

 .wrap-form.query_form-1 .ctn-footer-desc p a {
     color: var(--base-white);
     text-decoration: underline;
 }



 /* ===============================================
    19.Sidebar
------------------------*/
 .sidebar .widget-area .widget {
     position: relative;
     margin: 0 0 35px;
     border-radius: 5px;
 }

 .sidebar .widget-area .widget h4 {
     font-size: 24px;
     line-height: 34px;
     font-weight: 500;
     padding: 0 0 0 0;
     display: block;
 }

 .sidebar .widget-area .widget:after {
     display: block;
     height: 3px;
     content: '';
     position: absolute;
     width: auto;
     bottom: 0;
     left: 35px;
     right: 35px;
     z-index: 1;
 }

 .sidebar .widget-area .widget.with-title {
     padding: 30px 20px 39px;
     background-color: var(--base-white);
     border-radius: 0;
     margin: 0 0 30px;
     border-radius: var(--base-border-radius-15);
     border: 1px solid rgba(0, 25, 76, 0.15);
 }


 .sidebar .widget-area .widget:last-child {
     margin-bottom: 0px;
 }

 .sidebar .widget ul {
     margin: 0px 0 0;
     padding: 0px 0px;
 }

 .sidebar .widget ul>li {
     list-style: none;
 }

 .sidebar .widget ul>li:first-child {
     padding-top: 0;
     margin-top: 0;
 }

 .sidebar .widget-title h4 {
     font-size: 23px;
     line-height: 33px;
     font-weight: 700;
     margin-bottom: 0;
     position: relative;
 }

 .prt-sidebar .content-area:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     right: -65%;
     z-index: -1;
     margin-right: -2px;
     width: 100%;
     left: auto;
     background-color: var(--base-grey);
     height: 107.5%;
 }


 .banner-img-box .featured-title.prt-box-title h5 a {
     font-size: 16px;
     line-height: 28px;
     font-weight: 500;
     color: var(--base-white);
     text-decoration: underline;
 }

 .banner-img-box .featured-desc p {
     font-size: 26px;
     line-height: 36px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 30px;
 }


 /* widget-banner */
 .widget-banner {
     padding: 0 !important;
     border: 0 !important;
 }

 .widget-banner>div {
     padding: 35px 30px 45px;
     border-radius: 0;
     overflow: hidden;
 }

 .widget-banner .prt-btn.prt-btn-size-md {
     padding: 13px 30px;
     font-size: 15px;
 }

 .widget-banner h3 {
     font-size: 23px;
     line-height: 33px;
     margin-bottom: 15px;
 }


 /* widget-categories */


 h3.widget-title-style01 {
     margin-bottom: 26px;
     display: block;
     color: var(--base-headingfont-color);
     font-size: 26px;
     line-height: 36px;
     font-weight: 500;

 }

 aside.widget.widget-categories.with-title ul li {
     display: block;
     padding: 9px 15px 9px 35px !important;
     position: relative;
     z-index: 1;
     font-size: 16px;
     background-color: var(--base-grey);
     border-radius: var(--base-border-radius-15);
     font-family: var(--base-bodyfont);
     font-weight: 400;
     margin-bottom: 15px;
 }

 aside.widget.widget-categories.with-title ul li:last-child {
     margin-bottom: 0
 }

 aside.widget.widget-categories.with-title ul li a:before {
     content: "";
     width: 6px;
     left: -20px;
     bottom: 0;
     height: 6px;
     top: 2px;
     position: absolute;
     transition: all .3s cubic-bezier(.645, .045, .355, 1);
     z-index: -1;
     border-radius: var(--base-border-radius-50);
     margin: auto 0;
     background: var(--base-skin);
     padding: 0;
 }

 aside.widget.widget-categories.with-title ul li a {
     display: inline-block;
     position: relative;

     color: #111111;

 }

 aside.widget.widget-categories.with-title ul li a:hover {
     color: var(--base-skin);
 }

 aside.widget.widget-categories.with-title ul li span {
     color: var(--base-headingfont-color);
     float: inline-end;
     font-weight: 500;
     background-color: transparent;
     font-size: 16px;
     line-height: 26px;
 }


 .prt-sidebar-right .widget.with-title {
     margin-bottom: 30px;
 }

 .prt-sidebar-right .widget.with-title:last-child {
     margin-bottom: 0;
 }

 .prt-sidebar-right .widget.widget-categories .widget-title,
 .prt-sidebar-right .widget.tagcloud-widget .widget-title,
 .prt-sidebar-right .widget.widget-recent-post .widget-title {
     font-size: 23px;
     line-height: 33px;
     font-weight: 700;
     margin-bottom: 0;
     position: relative;
 }

 .widget-categories ul {
     padding: 0;
     margin: 20px 0 0;
     list-style-type: none;
 }

 .widget-categories ul li a {
     position: relative;
     display: inline-block;
     line-height: 1;
     font-size: 16px;
     font-weight: 400;
 }

 .widget-categories ul li a:hover {
     color: #6c6c6c;
 }

 .widget-categories ul li {
     padding: 0px 0px 0px 0px;
     border-top: 0 !important;
     position: relative;
     margin: 5px 0 6px;
 }

 .widget-categories ul li:last-child {
     padding-bottom: 0 !important;
     border-bottom: 0;
 }

 .widget-categories ul li a:hover:before {
     color: var(--base-skin);
 }

 .widget-categories ul li span {
     position: absolute;
     top: 11px;
     right: 11px;
     width: 22px;
     height: 22px;
     line-height: 21px;
     text-align: center;
     border-radius: 50%;
     display: block;
     font-size: 13px;
     font-weight: 400;
     /*box-shadow: 0px 0px 10px 0px rgba(3, 59, 74, 0.1);*/
     background-color: #fff;
 }


 /*hero-section*/
 .hero-section {
     position: relative;
     min-height: 760px;
     /*height:760px;*/
 }

 .hero-section .hero-slide {
     position: relative;
     background-repeat: no-repeat;
     overflow: hidden;
     min-height: 560px;
     height: 760px;
 }

 .hero-bg-img {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 1;
 }

 /* Optional dark overlay */
 .hero-slide::after {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.4);
     z-index: 2;
 }

 .hero-section .hero-slide.slide-3.slider-1 {

     background-size: cover;
     background-color: var(--base-skin);
 }

 .hero-section .hero-slide.slide-3.slider-2 {

     background-size: cover;
     background-color: var(--base-skin);
 }

 .hero-section .hero-slide.slide-3 {

     background-size: cover;
     background-color: var(--base-skin);
 }

 .hero-slide .container {
     position: relative;
     z-index: 3;
 }

 .hero-section.style1 .hero-slide.slide-1 {

     background-repeat: no-repeat;
     /*background-position: bottom;*/
     background-size: cover;
     background-color: var(--base-skin);
 }

 .hero-section.style1 .hero-slide.slide-2 {

     background-repeat: no-repeat;
     background-position: top;
     background-size: cover;
     background-color: var(--base-skin);
 }

 .hero-section .hero-slide.slide-1 .hero-content-block,
 .hero-section .hero-slide.slide-2 .hero-content-block {
     position: relative;
 }

 .hero-section .hero-slide.slide-1 .hero-content-block {
     padding: 205px 0 0;
     overflow: visible;
 }

 .hero-section .hero-slide.slide-2 .hero-content-block {
     padding: 204px 0 0;
 }

 .hero-section .hero-slide.slide-1 .hero-content-block .hero-content .hero-subtitle span {
     font-size: 36px;
     line-height: 46px;
     font-weight: 500;
     font-family: Sora, sans-serif;
     text-align: left;
     color: var(--base-white);
     text-transform: capitalize;
 }

 .hero-section .hero-slide.slide-1 .hero-content-block .hero-content .hero-title h1 {
     font-size: 174px;
     font-family: "Inter Tight";
     line-height: 174px;
     color: var(--base-white);
     padding-bottom: 25px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     display: -webkit-inline-box;
 }

 /*.hero-title span {
  display: inline-block;
  opacity:0;
}*/
 .hero-slide {
     padding: 50px 20px;
     font-size: 48px;
     user-select: none;
 }

 .hero-title span {
     display: inline-block;
     opacity: 0;
 }

 @keyframes rotateDown {
     0% {
         transform: rotateX(-90deg);
         opacity: 0;
     }

     100% {
         transform: rotateX(0);
         opacity: 1;
     }
 }

 @keyframes fadeUp {
     0% {
         transform: translateY(20px);
         opacity: 0;
     }

     100% {
         transform: translateY(0);
         opacity: 1;
     }
 }

 @keyframes fadeDown {
     0% {
         transform: translateY(-20px);
         opacity: 0;
     }

     100% {
         transform: translateY(0);
         opacity: 1;
     }
 }


 .hero-banner .slick-arrow.slick-prev,
 .hero-banner .slick-arrow.slick-next,
 .hero-banner-2 .slick-arrow.slick-prev,
 .hero-banner-2 .slick-arrow.slick-next {
     position: relative;
     top: 50%;
     display: block;
     opacity: 0;
     z-index: 1;
 }

 .hero-banner:hover .slick-arrow.slick-prev,
 .hero-banner:hover .slick-arrow.slick-next,
 .hero-banner-2:hover .slick-arrow.slick-prev,
 .hero-banner-2:hover .slick-arrow.slick-next {
     opacity: 1;
 }

 .hero-banner .slick-prev,
 .hero-banner-2 .slick-prev {
     right: auto;
     left: 15px;
     width: 100%;
 }

 .hero-banner .slick-next,
 .hero-banner-2 .slick-next {
     right: 15px;
     left: auto;
     width: 100%;
 }

 .hero-banner .slick-arrow.slick-prev:before,
 .hero-banner-2 .slick-arrow.slick-prev:before {
     content: "\e64a";
     font-family: 'Themify';
     font-size: 15px;
     line-height: 40px;
     color: white;
 }

 .hero-banner .slick-arrow.slick-next:before,
 .hero-banner-2 .slick-arrow.slick-next:before {
     content: "\e649";
     font-family: 'Themify';
     font-size: 15px;
     color: white;
     line-height: 40px;
     font-weight: 900;
 }

 .hero-banner .slick-arrow.slick-prev,
 .hero-banner .slick-arrow.slick-next,
 .hero-banner-2 .slick-arrow.slick-prev,
 .hero-banner-2 .slick-arrow.slick-next {
     cursor: pointer;
     background: rgba(0, 23, 70, 0.5);
     width: 40px;
     height: 40px;
     position: absolute;
     display: block;
     z-index: 1000;
     border-radius: 50%;
     ;
 }

 .hero-banner .slick-arrow.slick-prev:hover,
 .hero-banner .slick-arrow.slick-next:hover,
 .hero-banner-2 .slick-arrow.slick-prev:hover,
 .hero-banner-2 .slick-arrow.slick-next:hover {
     background: #001746;
 }

 .hero-section .hero-slide.slide-1 .hero-content-block .hero-content .prt-btn-desc {
     margin-top: 38px;
 }

 .hero-section .hero-slide.slide-1 .prt-btn-desc p {
     color: var(--base-white);
     font-size: 16px;
     line-height: 26px;
 }

 .hero-section .hero-slide.slide-1 .prt-btn-waprre a {
     border: 1px solid var(--base-skin);
 }

 .hero-section .hero-slide.slide-1 .prt-btn-waprre a:hover {
     border: 1px solid var(--base-white);
 }

 .hero-section .hero-slide.slide-2 .hero-content-block {
     padding: 190px 0 30px;
     overflow: hidden;
 }

 .hero-section .hero-slide.slide-2 .hero-content-block .hero-content {
     overflow: hidden;
 }

 .hero-section .hero-slide.slide-2 .hero-content-block .hero-content .prt-hero-pre-title {
     float: right;
     text-align: left;
 }

 .hero-section .hero-slide.slide-2 .hero-content-block .hero-content .prt-hero-pre-title h2 {
     font-family: Sora;
     font-size: 104px;
     font-weight: 300;
     color: var(--base-white);
     line-height: 100px;
     text-align: left;
     margin-bottom: 3px;
 }

 .hero-section .hero-slide.slide-2 .section-title h3 {
     font-size: 86px;
     line-height: 96px;
     text-transform: capitalize;
     margin-bottom: 50px;

 }

 .hero-section .hero-slide.slide-2 .hero-content-block .section-title h3 span {
     font-family: Manrope;
     font-size: 106px;
     font-weight: 700;
     color: rgb(255, 255, 255);
     text-transform: none;
     line-height: 106px;
     text-transform: capitalize;
 }

 .hero-section .hero-slide.slide-2 .hero-content-block .hero-content .prt-btn-desc {
     position: relative;
 }

 .hero-section .hero-slide.slide-2 .hero-content-block .hero-content .prt-btn-desc p {
     text-align: left;
     font-size: 16px;
     line-height: 26px;
     color: rgb(255, 255, 255);
     position: relative;
     z-index: 1;

 }

 .hero-section .hero-slide.slide-2 .hero-content-block .hero-content .prt-btn-desc {
     border-right: 1px solid rgba(255, 255, 255, 0.3);


 }

 .hero-section .hero-slide.slide-2 .hero-content-block .hero-content .text-input .prt-btn {
     color: var(--base-white);
     border-style: none;
     border-color: rgb(255, 255, 255);
     border-radius: 30px;
     background: linear-gradient(225deg, rgb(141, 53, 253) 0%, rgb(39, 0, 143) 100%);
     position: relative;
     float: right;
     top: 0;

 }

 .hero-section .hero-slide.slide-2 .hero-content-block {
     overflow: hidden;
 }

 .hero-section .hero-slide.slide-3 .hero-content-block {
     padding-top: 180px;
     overflow: hidden;
     padding-bottom: 30px;
 }

 .hero-section .hero-slide.slide-3 .hero-content-block .hero-content-inner h2 {
     font-size: 14px;
     line-height: 24px;
     color: var(--base-white);
     border-bottom: 1px solid var(--base-white);
     display: inline;
     text-transform: uppercase;
     padding-bottom: 3px;
     transform: translate3d(0px, 0px, 0px) scale(0.9007, 0.9007);
     animation: zoomIn 1s ease-in-out forwards;
 }

 .hero-section .hero-slide {
     padding: 0
 }

 .hero-section .hero-slide.slide-3 .hero-content-block .hero-content-inner .prt-hero-title {
     overflow: hidden;
 }

 .hero-section .hero-slide.slide-3 .hero-content-block .hero-content-inner .prt-hero-title h3 {
     font-size: 80px;
     font-weight: 700;
     line-height: 107px;
     color: var(--base-white);
     margin: 25px 0 20px;
 }

 .hero-section .hero-slide.slide-3 .hero-content-block .per-hero-titile-inner h4 {
     font-size: 78px;
     line-height: 88px;
     color: var(--base-white);
 }

 .hero-section .hero-slide.slide-3 .hero-content-block .prt-hero-desc p {
     font-size: 16px;
     font-weight: 400;
     color: rgba(255, 255, 255, 0.8);
     line-height: 26px;
     margin: 23px 0 30px;
 }

 .hero-section .hero-slide .prt-btn-waprre a {
     font-size: 16px !important;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.8);
     line-height: 18px !important;
     padding: 12px 30px;
     border: 1px solid white;
     color: var(--base-white);
     border-radius: 50px;
 }

 .hero-section .hero-slide .prt-btn-waprre a:hover {
     background-color: var(--base-white);
     color: var(--base-dark);
 }

 @keyframes zoomIn {
     0% {
         transform: translate3d(0px, 0px, 0px) scale(0.9007, 0.9007);
     }

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

 /*style-2 banner*/
 .hero-section.style1 {
     height: 700px;
     min-height: 700px;
 }

 .hero-section.style1 .hero-banner-2 {
     height: 700px;
 }

 .hero-section.style1 .hero-slide {
     height: 700px;
     min-height: 700px;
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block {
     padding: 88px 0 0
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .hero-contain-inner {
     overflow: hidden;
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .hero-title h1 {
     font-size: 98px;
     line-height: 108px;
     font-weight: 500;
     color: rgb(0, 23, 70);
     margin: 0;
     padding: 0;
     overflow: hidden;
     border: none;
     margin-bottom: 10px;
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .hero-content .hero-title h1 br.br1 {
     display: none;
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .hero-title h1 #text {
     background-color: rgb(0, 84, 223);
     color: var(--base-white);
     font-size: 98px;
     line-height: 108px;
     opacity: 1;
     border-radius: 10px;
     padding: 0 10px;
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .prt-hero-desc p {
     color: rgb(0, 23, 70);
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     margin-bottom: 30px;
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .prt-btn-waprre a {
     font-size: 16px;
     font-weight: 500;
     color: var(--base-dark);
     line-height: 16px;
     padding: 15px 30px;
     background-color: var(--base-white);
     border-radius: 30px;
     border-color: var(--base-white);
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .prt-btn-waprre a:hover {
     background-color: var(--base-dark);
     color: var(--base-white);
     border-color: var(--base-dark);
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .prt-banner-footer h2 {
     font-size: 18px;
     line-height: 28px;
     color: rgb(0, 23, 70);
     font-weight: 400;
     margin-bottom: 0;
 }

 .hero-section.style1 .hero-slide.slide-1 .hero-content-block .img-width-conatin {
     padding-top: 70px;
 }

 .hero-section.style1 .hero-slide.slide-2 .hero-content-block {
     padding: 125px 0 0
 }

 .hero-section.style1 .hero-slide.slide-2 .hero-content-block .hero-meta h3 {
     font-size: 14px;
     line-height: 24px;
     text-transform: uppercase;
     color: var(--base-white);
     padding: 7px 15px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: 30px;
     background-color: rgba(255, 255, 255, 0.15);
     display: inline-block;
 }

 .hero-section.style1 .hero-slide.slide-2 .hero-content-block .prt-hero-title h2 {
     font-size: 94px;
     font-weight: 500;
     color: rgb(255, 255, 255);
     line-height: 105px;
 }

 .hero-section.style1 .hero-slide.slide-2 .prt-btn-waprre a {
     border-color: var(--base-skin);
     float: left;

 }

 .hero-section.style1 .hero-slide .prt-btn-waprre a:hover {
     border-color: var(--base-white);
 }

 /*style2*/
 .hero-section.style2 .hero-banner-2,
 .hero-section.style2 {
     height: 700px;
     min-height: 700px;
 }

 .hero-section.style2 .hero-slide {
     height: 700px;
     min-height: 700px;
 }

 .hero-section.style2 .hero-slide.slide-1 .hero-content-block {
     padding: 185px 0 0
 }

 .hero-section.style2 .hero-slide.slide-1 {

     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .hero-section.style2 .hero-slide.slide-2 {

     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }


 .hero-section.style2 .hero-slide.slide-1 .hero-content .subtitle-wrapper .subtitleh2 {
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
 }

 .hero-section.style2 .section-title-block .subtitle-wrapper .subtitle h2 {
     text-transform: capitalize;
     font-size: 18px;
     font-weight: 500;
     line-height: 28px;
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block {
     padding: 160px 0 0
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block {
     text-align: right;
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block .section-title h3 {
     font-size: 114px;
     line-height: 154px;
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block .section-title h3 br {
     display: block;
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block .section-title h3 span {
     background-color: var(--base-skin);
     color: var(--base-white);
     border-radius: 10px;
     padding: 0 20px 25px;
     font-size: 114px;
     line-height: 109px;
     border-width: 0;
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block .prt-btn-desc p {
     float: right;
     text-align: right;
     color: rgb(0, 23, 70);
     border-right: 1px solid rgba(66, 66, 66, 0.5);
     padding-right: 30px;
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block .prt-btn-waprre a {
     border-color: var(--base-skin);
     float: left;
     margin-left: 10px;
 }

 .hero-section.style2 .hero-slide.slide-2 .hero-content-block .prt-btn-waprre a:hover {
     border-color: var(--base-white);
 }

 /*hero-section-style-3*/
 .hero-section.style3,
 .hero-section.style3 .hero-banner-2,
 .hero-section.style3 .hero-slide.slide-1,
 .hero-section.style3 .hero-slide.slide-2 {
     height: 700px;
     min-height: 700px;
 }

 .hero-section.style3 .hero-slide.slide-1 .hero-content-block {
     padding: 108px 0 0;
 }

 .hero-section.style3 .hero-slide.slide-2 .hero-content-block {
     padding: 150px 0 0
 }

 .hero-section.style3 .hero-slide.slide-1 {

     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .hero-section.style3 .hero-slide.slide-2 {

     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .hero-section.style3 .hero-slide.slide-1 .hero-content-block .hero-title h1 {
     font-size: 210px;
     font-weight: 800;
     color: transparent;
     text-transform: uppercase;
     -webkit-text-stroke: 2px rgba(255, 255, 255, 0.4);
     line-height: 174px;
     border-width: 0;
     position: relative;
     left: 0;
     top: 150px;
     right: auto;
     text-align: left;
     width: 100%;
     display: flex;
     margin-left: -7px;
 }

 .hero-section.style3 .hero-slide.slide-1 .hero-content-block .hero-title-pre h2 {
     font-size: 110px;
     line-height: 125px;
     font-weight: 700;
     color: var(--base-white);
     text-transform: uppercase;
     margin-right: -24px;
 }

 .hero-section.style3 .hero-slide.slide-1 .hero-content-block .hero-extra {
     display: flex;
     width: 100%;
     text-align: center;
     align-items: center;
 }

 .hero-section.style3 .hero-slide.slide-1 .hero-content-block .prt-btn-waprre {
     display: inline-grid;
     float: right;
 }

 .hero-section.style3 .hero-slide.slide-1 .hero-content-block .prt-herp-desc p {
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     color: var(--base-white);
     display: inline;
     margin-bottom: 0;
 }

 .hero-section.style3 .hero-slide.slide-2 .hero-content-block .hero-title h2 {
     font-size: 180px;
     font-weight: 800;
     color: transparent;
     text-transform: uppercase;
     -webkit-text-stroke: 2px rgba(255, 255, 255, 0.4);
     line-height: 174px;
     border-width: 0;
     position: relative;
     left: 0;
     top: 128px;
     right: auto;
     text-align: left;
     width: 100%;
     display: flex;
 }

 .hero-section.style3 .hero-slide.slide-2 .hero-content-block .hero-title-pre h2 {
     font-size: 98px;
     line-height: 118px;
     font-weight: 700;
     color: var(--base-white);
     text-transform: uppercase;
 }

 .hero-section.style3 .hero-slide.slide-2 .prt-btn-waprre a {
     font-size: 16px;
     line-height: 16px;
     padding: 11px 30px;
 }

 .hero-section.style3 .hero-slide.slide-2 .hero-content-block .prt-btn-waprre1 a {
     border-color: var(--base-skin);
 }

 .hero-section.style3 .hero-slide.slide-2 .hero-content-block .prt-btn-waprre1 a:hover {
     border-color: var(--base-white);
     background-color: var(--base-white);
     color: var(--base-dark);
 }


 .scrollablebox-wrapper {
     overflow: hidden;
 }

 .scroll-changing-stepbox-item-image .stepbox-item {
     position: absolute;
     top: 0;
     opacity: 0;
 }

 .scroll-changing-stepbox-item-image.active .stepbox-item,
 .scroll-changing-stepbox-item-image:first-child .stepbox-item {
     opacity: 1;
 }

 .tm-scrollablebox-box .step-label {
     font-size: 15px;
     line-height: 15px;
     font-weight: 400;
     letter-spacing: 2.2px;
     text-transform: uppercase;
     padding: 5px 11px 4px;
     background-color: var(--prt-secondarycolor);
     display: inline-block;
     position: relative;
 }

 .tm-scrollablebox-box .step-label span.number {
     font-size: 22px;
     line-height: 50px;
     background-color: var(--prt-secondarycolor);
     border: 1px solid #fff;
     width: 50px;
     height: 50px;
     display: block;
     text-align: center;
     border-radius: 50%;
     margin-right: 20px;
     position: relative;
     z-index: 24;
 }

 .scroll-changing-stepbox-item-image.active span.number {
     background-color: var(--base-skin);
     border: 1px solid var(--base-skin);
 }

 .tm-scrollablebox-box .step-label:after {
     content: '';
     position: absolute;
     border-left: 1px dashed #d3d3d3;
     left: 35px;
     top: 37px;
     right: auto;
     bottom: auto;
     height: 100%;
     z-index: 1;
 }

 .tm-scrollablebox-box .scroll-changing-stepbox-item-image:last-child .step-label:after {
     border: 0;
 }

 .tm-scrollablebox-box .scroll-changing-stepbox-item-image.active .step-label:before {
     content: '';
     position: absolute;
     border-left: 5px solid var(--base-skin);
     border-radius: 3px;
     left: -35px;
     top: 15px;
     right: auto;
     bottom: auto;
     height: 90%;
     z-index: 1;
     transition: all.5s ease;
 }

 .tm-scrollablebox-box .step-label:last-child:after {
     border: 0;
 }

 .tm-scrollablebox-box .stepbox-title {
     margin-bottom: 18px;
     border-bottom: 1px solid rgb(0, 0, 0, 0.15);
     padding-bottom: 14px;
     overflow: hidden;
 }

 .tm-scrollablebox-box .stepbox-title h3 {
     font-size: 32px;
     line-height: 46px;
     float: left;
     margin-bottom: 0;
     font-weight: 400;
 }

 .tm-scrollablebox-box .stepbox-btn {
     float: right;
     position: relative;
 }

 .tm-scrollablebox-box .stepbox-desc p {
     font-size: 18px;
     line-height: 28px;
     color: var(--base-dark);
 }

 .tm-scrollablebox-box .more-btn {
     font-size: 0;
     color: var(--base-dark);
 }

 .tm-scrollablebox-box .more-btn:before {
     content: "\f103";
     font-family: 'flaticon_hireco';
     font-size: 20px;
     height: 45px;
     width: 45px;
     display: block;
     line-height: 45px;
     position: absolute;
     right: 0;
     border: 1px solid var(--base-dark);
     text-align: center;
     border-radius: 50px;
     transform: rotate(-45deg);
     transition: all .5s ease;
 }

 .tm-scrollablebox-box .stepbox-item1:hover .more-btn::before {
     transform: rotate(0);
     transition: all.5s ease;
 }

 .scroll-changing-stepbox-item-image img {
     max-width: 100%;
 }

 .tm-scrollablebox-box .stepbox-item {
     padding: 0px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     margin-bottom: 0;
 }

 .tm-scrollablebox-box .tm-stepsboxslider-contentbox {
     position: sticky;
     border-radius: 20px;
     padding: 45px 30px 30px;
     border: 1px solid var(--base-white);
     margin-top: 0;
     margin-bottom: 15px;
 }

 .tm-stepsboxslider-contentbox .stepbox-desc {
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .tm-scrollablebox-box .stepbox-item {
     padding-bottom: 30px;
 }

 .tm-scrollablebox-box .stepbox-images .scroll-changing-stepbox-item-image:last-child .stepbox-item {
     padding-bottom: 0;
 }

 .scroll-changing-stepbox-item-image {
     overflow: hidden;
 }

 /*step-section2 */

 .prt-stepbox-content.style2 {
     border-radius: 15px;
     position: relative !important;
     background-color: var(--base-grey);
     overflow: hidden;
     display: block !important;
     align-items: center !important;
     padding-right: 0 !important;
     transition: color 600ms ease;
 }

 .prt-stepbox-content.style2 .prt-stepbox-contents:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 0;
     background: var(--base-headingfont-color);
     transition: height 600ms ease;
     z-index: -1;
 }

 .prt-stepbox-content.style2:hover .prt-stepbox-contents:before {
     height: 100%;
     transition: height 600ms ease;
     z-index: 1;
 }

 .prt-stepbox-content.style2:hover .prt-box-title h4 a,
 .prt-stepbox-content.style2:hover .prt-box-desc {
     color: var(--base-white);
     z-index: 2;
     position: relative;
 }

 .prt-stepbox-content.style2 .prt-stepbox-contents .prt-bottom-buttonbox a:after {
     content: "\e628";
     font-family: 'themify';
 }

 .prt-stepbox-content.style2:hover .prt-bottom-buttonbox a,
 .prt-stepbox-content.style2:hover .prt-bottom-buttonbox a:after {
     color: var(--base-white);
     z-index: 2;
 }

 .prt-stepbox-content.style2 .prt-ptable-icon-type-image img {
     border: none;
     border-radius: 0;
     box-shadow: none;
     height: auto;
     max-width: 100%;
 }

 .prt-stepbox-content.style2 .prt-stepbox-contents {
     padding: 0 30px 25px;
     position: relative;
     text-align: center;
 }

 .prt-stepbox .prt-stepbox-content.style2 .process-num {
     display: inline-block;
     vertical-align: top;
     position: relative;
     padding: 6px 20px 6px 40px;
     box-shadow: 0 3px 15px 2px rgba(43, 52, 59, 0.10);
     border-radius: 30px;
     width: auto;
     font-size: 16px;
     line-height: 26px;
     left: 0px;
     z-index: 2;
     height: 100%;
 }

 .prt-stepbox .prt-stepbox-content.style2 .process-num:after {
     content: "\f123";
     font-family: "flaticon_inqord";
     color: var(--base-skin);
     font-size: 14px;
     position: absolute;
     left: 20px;
     right: auto;
     top: 5px;
 }

 .prt-stepbox .prt-stepbox-content.style2:hover .process-num:after {
     color: var(--base-white);
 }

 .prt-stepbox .prt-stepbox-content.style2 .process-num .number:after {
     display: none
 }

 .prt-stepbox .prt-stepbox-content.style2 .prt-box-title h4 {
     margin: 0 0 10px 0;
     transition: all 600ms ease;
     margin-bottom: 8px;
     font-weight: 500;
     font-size: 20px;
     line-height: 25px;
     color: #001746;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     /* number of lines to show */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: color 600ms ease;
 }


 .prt-stepbox-content.style2 .prt-box-desc {
     transition: all 600ms ease;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* number of lines to show */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .step-section .prt-step-overly {
     position: absolute;
     background-image: url(../images/pattern-1.webp);
     left: 0;
     bottom: 43px;
     width: 183px;
     height: 93px;
 }

 /*sidebar*/
 .widget.widget-categories h3 a {
     padding-left: 27px;
     position: relative;
     color: var(--base-black);
 }

 .widget.widget-categories ul li a:before {
     content: '';
     border: 1px solid var(--prt-bordercolor);
     padding: 7px 7px;
     line-height: 0;
     font-size: 8px;
     vertical-align: middle;
     position: absolute;
     top: 4px;
     bottom: 3px;
     left: 0;
     right: auto;
     border-radius: 0;
 }

 /*job-content-single-area*/



 iframe {
     border-radius: 20px;
 }


 .tm-reveal-direction-lr {
     display: inline-block;
     vertical-align: top;
     position: relative;
     overflow: hidden;
     transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
 }

 .tm-reveal-direction-lr {
     clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
 }

 .tm-reveal-direction-lr {
     width: 100%;
 }

 .tm-reveal-direction-lr.active {
     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
 }


 .tm-reveal-direction-lr img {
     transform-origin: 50% 50%;
     transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
     transform: scale(1.5) translate(-100px, 0px);
 }

 .prt-featured-overly .prt-featured-title a:hover h3 {
     color: var(--base-skin);
 }


 .featured-imagebox-portfolio.style2 .btn-overly a {
     font-size: 0;
     position: absolute;
     top: 0;
     bottom: 100px;
     left: 0;
     right: 0;
     text-align: center;
     width: 50px;
     height: 50px;
     line-height: 50px;
     margin: auto;
     background-color: var(--base-white);
     border-radius: 50%;
     transition: all 0.5s ease;
     transform: scale(0);
     overflow: hidden;
 }

 .featured-imagebox-portfolio.style2:hover .btn-overly a {
     transition: all 0.5s ease;
     transform: scale(1.1);
     color: var(--base-dark);
 }


 .featured-imagebox-portfolio.style2 .btn-overly a:before,
 .featured-imagebox-portfolio.style2 .btn-overly a:after {
     content: "\f126";
     font-family: 'flaticon_inqord';
     font-size: 25px;
     line-height: 50px;
     transform: rotate(45deg);
     display: block;
     transition: transform 0.3s ease-out;
 }

 .featured-imagebox-portfolio.style2 .btn-overly a:hover:before {
     transform: translatex(150%) translatey(-150%) translatez(0);
     transition: transform 0.3s ease-out;
 }

 .featured-imagebox-portfolio.style2 .btn-overly a:after {
     top: 0;
     transform: translatex(-150%) translatey(150%) translatez(0) rotate(45deg);
     transition: transform 0.3s ease-out;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .featured-imagebox-portfolio.style2 .btn-overly a:hover:after {
     transform: translatex(0) translatey(0) translatez(0) rotate(45deg);
     transition: transform 0.3s ease-out;
     transform: rotate(45deg);
 }

 /*cta section*/

 .cta-section .section-big-title h2 {
     font-size: 74px;
     line-height: 84px;
     color: var(--base-white);
     font-weight: 400;
     font-family: var(--base-headingfont);
     margin-bottom: 30px;
 }


 .cta-section .section-big-title h2 span {
     font-size: 96px;
     line-height: 110px;
     font-weight: 700;

 }

 /*style-3*/

 /*stepbox section*/


 .prt-stepbox .prt-stepbox-content {
     display: inline-flex;
     align-items: center;
     padding-right: 20px;
     position: relative;
 }

 .step-content-box .prt-stepbox {
     transition: 0.5s all;
 }

 .step-content-box .prt-stepbox:hover:nth-child(odd) {
     transform: translateX(10px);
 }

 .step-content-box .prt-stepbox:hover:nth-child(even) {
     transform: translateX(-10px);
 }

 .prt-stepbox .prt-stepbox-content .process-num {
     font-size: 18px;
     font-weight: 500;
     color: var(--base-dark);
     background-color: var(--base-grey);
     height: 40px;
     width: 40px;
     line-height: 40px;
     display: inline-block;
     vertical-align: top;
     border-radius: var(--base-border-radius-50);
     position: absolute;
     top: -20px;
     bottom: auto;
     text-align: center;
     left: -20px;
     right: auto;
     box-shadow: 3px 4px 15px 10px rgba(0, 0, 0, 0.08);
     transition: 0.5s all ease;
     z-index: 2;
 }

 .prt-stepbox:hover .prt-stepbox-content .process-num {
     background-color: var(--base-skin);
     color: var(--base-white);
     transition: 0.5s all ease;
 }

 .prt-stepbox .prt-stepbox-content .prt-step-thumbnail {
     border-radius: var(--base-border-radius-15);
     overflow: hidden;
     width: 100px;
     position: relative;

 }

 .prt-stepbox .prt-stepbox-content .prt-left-content-box {
     position: relative;
 }


 .prt-step-content-box .prt-box-title h2 {
     font-size: 20px;
     line-height: 25px;
     font-weight: 500;
     font-family: var(--base-headingfont);
     margin-bottom: 5px;
     /*  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;*/
 }



 .prt-stepbox.style3 .process-num {
     border: 1px solid rgba(0, 25, 76, 0.15);
     border-radius: 30px;
     background-image: linear-gradient(72deg, var(--base-white), var(--base-skin));
     background: var(--base-grey);
     align-items: center;
     padding: 5px 15px 5px 30px;
     display: inline;
     vertical-align: top;
     overflow: hidden;
     color: var(--base-dark);
     font-weight: 500;
     position: relative;
     left: auto;
     box-shadow: none;
     font-size: 16px;
     top: 0;
     line-height: 28px;

 }

 .prt-stepbox.style3 .process-num .numbers:before {
     content: '';
     height: 7px;
     width: 7px;
     display: block;
     background: var(--base-skin);
     border-radius: 50px;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 15px;
     right: auto;
     margin: auto;
 }

 .prt-stepbox.style3:hover .prt-stepbox-content .process-num {
     background-color: var(--base-grey);
     color: var(--base-dark);
     transition: 0.5s all ease;
 }



 /* prt-list-style-icon */
 .prt-list {
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 16px;
 }

 .prt-list.prt-list-style-icon.font-weight-normal li i,
 .prt-list.prt-list-style-icon.font-weight-normal .prt-list-li-content {
     font-weight: normal;
     padding-bottom: 2px;
 }

 .prt-list.prt-list-style-icon li {
     position: relative;
     display: inline-block;
 }

 .prt-list.prt-list-style-icon li i {
     position: absolute;
     left: auto;
     font-weight: 700;
     width: 27.5px;
 }

 .prt-list.prt-list-style-icon li i.fa-minus:before {
     position: absolute;
     content: "";
     top: 6px;
     left: 0;
     height: 2px;
     width: 7px;
     background-color: currentcolor;
 }

 .prt-list.prt-list-style-icon .prt-list-li-content {
     display: inline-block;
     padding-left: 30px;
 }


 /*serviece-details*/
 .prt-service-description h4 {
     font-size: 36px;
     line-height: 46px;
     font-weight: 500;
     color: var(--base-skin);
 }

 /*service-section2*/

 .service-section2 .featured-icon-box.style-2 {
     display: block;
     padding: 30px 30px 25px;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0px 6px 0 -2px rgb(0 0 0);
     transition: 0.5s all;
     box-shadow: 0 0 15px 0px rgba(43, 52, 59, 0.10), 0 0 0 rgba(43, 52, 59, 0.10);
     margin: 10px 0;
     background: var(--base-white);
     transition: 0.5s all;

 }

 .service-section2 .featured-icon-box.style-2:hover {
     transform: translateY(5px);
 }

 .service-section2 .featured-icon-box.style-2:hover .featured-icon {
     background-color: var(--base-dark);
 }

 .service-section2 .slick_slider .slick-arrow {
     top: -32%;
 }

 .service-section2 .featured-icon-box.style-2 .featured-icon i {
     transition: 0.8s all;
 }

 .service-section2 .featured-icon-box.style-2:hover .featured-icon i {
     transform: rotateY(360deg);
     transition: 0.8s all;
 }

 .service-section2 .slick_slider .slick-arrow {
     background-color: var(--base-grey);
     color: #fff !important;
 }

 .service-section2 .slick_slider .slick-prev {
     right: 75px;
     left: auto;
 }

 .service-section2 .slick_slider .slick-next {
     right: 18px;
     left: auto;
 }

 .service-section2 .featured-icon-box.style-2 .featured-icon {
     display: inline-block;
     margin-bottom: 10px;
 }

 .service-section2 .featured-icon-box.style-2 .featured-content {
     padding-left: 0px;
 }

 .service-section2 .featured-icon-box.style-2 .featured-content .featured-dec {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }

 .prt-row.service-section {
     margin-bottom: 0px;
 }

 .service-section2 .section-title {
     margin-bottom: 60px;
 }



 /*contact-section*/

 .contact-form {
     background-color: #FFFFFF1A;
     padding: 30px 30px 30px 30px;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #FFFFFF4D;
     border-radius: 30px 30px 30px 30px;
 }

 .contact-section .title-box {
     padding: 100px 0 50px
 }

 .contact-section .featured-icon-box.style3 .featured-content .featured-desc p {
     color: rgba(255, 255, 255, 0.74);
 }

 .contact-section .featured-icon-box.style3 .featured-icon {
     height: min-content;
     width: max-content;
     border-radius: 50%;

 }

 .contact-section .title-box {
     height: auto;
 }

 .contact-section .featured-icon-box.style3 .prt-icon i {
     font-size: 18px;
     line-height: 18px;
     transform: rotateY(0deg) !important;
     transform: none;
     top: 0;
     left: 0;
     transition: none;
     position: relative;

 }

 .contact-section .featured-icon-box.style3 .prt-icon {
     font-size: 18px;
     line-height: 18px;
     left: 0;
     top: 0;
     position: relative;
 }

 .contact-section .featured-icon-box.style3:hover .prt-icon i {
     transform: rotateY(0deg) !important;
     transform: none;
     transition: none;
 }

 .featured-icon-box.style3 .featured-content .featured-desc p a:hover {
     color: var(--base-white);
 }


 /*animation*/

 @-webkit-keyframes flipInY {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0.5;
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }
 }

 @keyframes flipInY {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0.5;
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1;
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
     }
 }

 .tm-reveal-direction-lr:not(.elementor-element-edit-mode) .elementor-widget-container {
     display: inline-block;
     position: relative;
     overflow: hidden;
     transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
 }

 .tm-reveal-direction-lr:not(.elementor-element-edit-mode) .elementor-widget-container {
     clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
 }

 .tm-reveal-direction-lr.elementor-widget-tm_project_element:not(.elementor-element-edit-mode) .elementor-widget-container {
     width: 100%;
 }

 .tm-reveal-direction-lr:not(.elementor-element-edit-mode).active .elementor-widget-container {
     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
 }


 .tm-reveal-direction-lr:not(.elementor-element-edit-mode) .elementor-widget-container img {
     transform-origin: 50% 50%;
     transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
     transform: scale(1.5) translate(-100px, 0px);
 }


 .tm-reveal-direction-lr:not(.elementor-element-edit-mode).active .elementor-widget-container img {
     transform: scale(1) translate(0px, 0px);
 }

 /*error-section*/


 .prt-list-icon.style1 {
     margin: 22px 0;
     display: inline-flex;
     text-align: left;
     align-items: center;
 }

 .prt-list-icon.style1 .prt-icon-box {
     width: 25px;
     height: 29px;
     font-size: 25px;
     line-height: 25px;
     padding-right: 10px;
 }

 .prt-list-icon.style1 .prt-icon-box i {
     color: var(--base-dark);
     width: 25px;
     height: 25px;
     font-size: 25px;
     line-height: 25px;
     position: relative;
     top: 4px;
     margin-right: 5px;
 }

 .e-font-icon-svg.e-far-lightbulb {
     fill: #001746;
 }

 .prt-list-icon.style1 .prt-icon-contain .prt-icon-title h3 {
     font-size: 18px;
     line-height: 28px;
     color: #001746;
     margin-bottom: 0px;

     padding-left: 10px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* number of lines to show */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }